@charset "utf-8";

:root{
	--c1:#00315a;
	--c2:#d5dfef;
	--c3:#00192d;

	--gold:#e7dc85;
	--gold-bg:#edead5;
	--gold-tx:#c4b64a;
	
	--earth:#0885d3;
	--sun:#f2e600;
	--jupiter:#72c400;
	
	--earth-bg:#edf8ff;
	--sun-bg:#fffef2;
	--jupiter-bg:#f3ffe2;
}

html {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

img{backface-visibility: hidden;-webkit-backface-visibility: hidden;}
/*ページ幅指定*/
#wrap{width: 100%;margin: auto;}
.content{min-height:600px;}
.section-inner{max-width: 1000px;margin: auto;}
.box{margin-bottom: 30px;}
.onlypc-inline{display: inline-block;}
@media screen and (max-width:1400px){
.content-inner{padding: 40px 20px;}
}
@media screen and (max-width:1200px){
#wrap{min-width:100%;}
.section-inner{padding: 20px;}
}
@media screen and (max-width:900px){
}
@media screen and (max-width:640px){
.content{min-height:0;}
.content-inner{padding: 20px 10px;}
.section-inner{padding: 10px;}
.box{margin-bottom: 20px;}
.btn{white-space:normal;line-height: 1.2;}
.onlypc-inline{display: none;}
}
.main.right,
.main.left{width: 75%;}
.side.left,
.side.right{width: 23%;}
@media screen and (max-width:900px){
.main.right,
.main.left,
.side.left,
.side.right{width: 100%;}
.main{margin-bottom: 40px;}
.side .banner{margin-bottom: 20px;}
}
.result-header{text-align: center;position: relative;}
.result-text{position: absolute;right: 0;bottom: 20px;}
.pagination i{margin:0 5px;}
@media screen and (max-width:900px){
.pagination{padding: 0 10px;}
.pagination i{margin:0;}
}
@media screen and (max-width:640px){
.result-total{display: block;width: 100%;padding-top: 10px;}
.result-total .num{line-height: 1;}
.pagination{margin-top: 10px;float: left;}
}
.pt20{padding-top: 20px;}
/* 　text
******************************************/
body{color: var(--c3);position: relative;}
p{margin-bottom: 11px;}
strong{font-weight: bold;color: var(--c1);}
strong > span{position: absolute;display: block;background: yellow;animation: width-stretch 1s linear 1s;height: 3px;bottom: 0;left: 0;width: 100%;}
.come{font-size: 12px;color: #999;}
.btn,
.title{font-family:'Noto Sans Japanese',"游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;}
.btn-contact{background: rgb(255,0,66);
background: linear-gradient(180deg, rgba(255,0,66,1) 0%, rgba(228,5,63,1) 100%);
color: #fff;text-shadow:-1px -1px 1px rgba(0,0,0,.2);}
.btn-contact:hover,
.btn-contact:active,
.btn-contact:focus{color: #fff;
background: rgb(228,5,63);
background: linear-gradient(0deg, rgba(255,0,66,1) 0%, rgba(228,5,63,1) 100%);}
.btn-green{background: #279c05;color: #fff !important;}
.btn-green:hover,
.btn-green:active,
.btn-green:focus{background: #238405;color: #fff;}
.btn-blue2{background: #2258b5;color: #fff !important;}
.btn-blue2:hover,
.btn-blue2:active,
.btn-blue2:focus{background: #164aa3;color: #fff;}
.label{padding: 3px 8px;border-radius:2px;font-size: 12px;}
.label-required{background: #e60012;color: #fff;margin-left: 10px;vertical-align: 2px;}
.label-optional{background: #e6e6e6;color: #999;margin-left: 10px;vertical-align: 2px;border-radius:30px;}
.label-new{background: #fff600;color: #279c05;overflow: hidden;display: inline-block;position: relative;line-height: 1;padding: 3px 5px 2px;}
h1,h2,h3,h4,h5,h6{font-size: 120%;font-weight: bold;}
h1{font-size: 300%;}
h2{font-size: 200%;line-height: 1.4;}
h3{font-size: 150%;}
@media screen and (max-width:900px){
h1{font-size: 240%;}
h2{font-size: 180%;}
h3{font-size: 130%;}
}
@media screen and (max-width:640px){
h1{font-size: 150%;}
h2{font-size: 130%;}
h3{font-size: 110%;}
}
.title{text-align: center;line-height: 1;color: var(--c1);}
.title h1{font-size: 36px;text-align: center;color: var(--c1);margin-bottom:0;font-weight: bold;}
.title .en{display: block;font-size: 14px;margin-bottom: 10px;font-weight: bold;color: var(--gold-tx);}
.title.white h1{color: #fff;}
.title.white .en{color: #fff;}
.title-sub{font-size: 18px;margin-bottom: 20px;}
.balloon{border-radius:30px;font-size: 90%;padding: 3px 13px 5px;background: var(--c1);color: #fff;margin-right: 10px;position: relative;}
.balloon:after {
  top: 30%;
  right: -30%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-left-color: var(--c1);
	border-width: 10px;
	margin-left: -10px;
}
a{color: #222;text-decoration: underline;}
a:hover,a:active{color: #666;}
a.no-line{text-decoration: none;}
.btn-black{color: #fff !important;}
.alert-danger{border-color: #f00;color: #f00;}
.alert-danger strong{color: #f00 !important;font-weight: bold;}
@media screen and (max-width:640px){
.title h1{font-size: 24px;line-height: 1.2;}
.title .en{margin-top: 12px;font-size: 11px;}
}
/* 　header
******************************************/
header{position: relative;text-align: center;}
.header-main{position: relative;}
.header-main .section-inner{padding: 20px 0;position: relative;}
.header-main .logo{max-width: 200px;float: left;width: 20%;float: left;}
.header-main nav{width: 70%;float: right;position: relative;}
.header-main .tel-number{display: block;color: #279b05;text-decoration: none;font-weight: bold;font-size: 280%;line-height: 1;}
.header-main .tel-number:hover,
.header-main .tel-number:active,
.header-main .tel-number:focus{color: #026116;}
.header-main .tel-number i{font-size: 90%;}
.header-main .tel-time{color: #999;font-weight: 500;}
@media screen and (max-width:1200px){
}
@media screen and (max-width:900px){
.header-main .section-inner{padding: 10px 0;}
.header-main .logo{width: 50%;padding-top: 0;padding-left: 5px;}
.header-main nav{width: 90%;position: absolute;right: 0;top: 0;}
.header-main .logo{}
}
@media screen and (max-width:640px){
}
@media screen and (max-width:480px){
}
/* 　nav
******************************************/
#globalnav{font-weight: bold;max-width: 1400px;margin: auto;}
#globalnav li{width: 19%;display: block;float: left;border-left: solid 1px rgba(0,49,90,.8);}
#globalnav li:first-child{border-left: 0;width: 24%;}
#globalnav li.menu-flow{display: none;}
#globalnav li.sp{display: none;}
#globalnav li.active{border-bottom: solid 1px var(--c1);}
#globalnav a{text-decoration: none;display: block;padding: 10px 5px;color: var(--c1);font-size: 12px;}
#globalnav a:hover,
#globalnav a:active,
#globalnav a:focus{text-decoration: underline;color: var(--c1);}
#globalnav a{font-family:'Noto Sans Japanese',"游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;}
a#nav-open,
#globalnav a#nav-close{display: none;}
a#nav-open{font-size: 36px;color: var(--c1);cursor:pointer;line-height: 1;position: absolute;top: 6px;right: 10px;z-index: 10;}
a#nav-open i{font-style: normal;}
a#nav-open .icon-text{font-size: 10px;display: block;color: #004d8c;}
a#nav-open:hover,
a#nav-open:active,
a#nav-open:focus{color: #fff;}
@media screen and (max-width:900px){
a#nav-open,
#globalnav a#nav-close{display: block;}
#globalnav a#nav-close{color: #fff;}
#globalnav{transition:all .2s linear 0s;background-color: #fff;padding: 0;box-shadow:1px 3px 5px 0 rgba(0,0,0,.3);width: 90%;z-index: 5;
;position: absolute;top: 0;right: -100%;opacity: 0;}
#globalnav li{width: 100%;float: none;border-left: 0;border-bottom: solid 1px #ddd;}
#globalnav li:first-child{width: 100%;}
#globalnav a{color: var(--c1);padding: 20px 30px;}
#globalnav a:hover,
#globalnav a:active,
#globalnav a:focus{text-decoration: none;color: var(--c1);background: #eee;}
#globalnav li.active{border-bottom: solid 1px #ddd;border-left: solid 2px var(--c1);}
#globalnav li.sp{display: block;}
#globalnav .util{padding: 0;background: var(--c1);}
/* nav.show */
nav.show a#nav-open .fa-bars:before{content:"×";font-size: 30px;color: var(--c1);position: relative;z-index: 3;}
nav.show #globalnav{opacity: 1;right: 0;}
}
@media screen and (max-width:640px){
#nav-open{font-size: 250%;text-decoration: none;}
#globalnav a{padding: 20px 10px;}
}
@media screen and (max-width:480px){
#globalnav li{line-height: 1.3;}
}
/* 　breadcrumb
******************************************/
.breadcrumb {background: #eee;padding: 5px 0;margin: 0;}
.breadcrumb .inner{max-width: 1000px;margin: auto;}
.breadcrumb ul { display: table;font-size: 13px;text-align: left;}
.breadcrumb ul li { margin: 0 10px 0 0; font-size: 12px; float: left;}
.breadcrumb ul li a{text-decoration: none;color: var(--c1);}
.breadcrumb ul li a:hover,
.breadcrumb ul li a:active,
.breadcrumb ul li a:focus{color: #333;text-decoration: underline;}
.breadcrumb ul li.current a{color: #999;}
.breadcrumb ul li:first-child::before { padding: 0 3px 0 0;content: "";font-size: 13px;}
.breadcrumb ul li::before { padding: 0 10px 0 0;content: "\f105";font-family: FontAwesome; font-size: 13px;}
@media screen and (max-width:1200px){
.breadcrumb {padding: 5px 0 5px 15px;}
.breadcrumb-inner { width: 100%;padding: 0 10px;}
}
@media screen and (max-width:640px){
.breadcrumb {padding: 5px;}
.breadcrumb ul li{font-size: 11px;}
}
.link-home{margin: 30px 0;text-align: center;clear: both;}
/* 　footer
******************************************/
.footer-main{clear: both;background: #00315a;color: #fff;padding: 20px;text-align: center;font-size: 11px;}
.footer-main .section-inner{display: table;width: 100%;max-width: 1000px;}
.footer-main .logo,
.footer-main .footer-link,
.footer-main .util{display: table-cell;vertical-align: middle;}
.footer-main .logo{width: 30%;text-align: center;}
.footer-link{width: 40%;padding: 0 20px;}
.footer-main .util{width: 30%;}
.footer-main .logo img{max-width: 200px;}
.footer-link{text-align: left;}
.footer-link ul{width: 50%;float: left;}
.footer-link li{margin-bottom: 10px;}
.footer-link a{color: #fff;text-decoration: none;}
.footer-link a:before{font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;
-webkit-font-smoothing: antialiased;display: inline-block;font-family: ;content: "\f0da";margin-right: 10px;}
.footer-link a:hover,
.footer-link a:active,
.footer-link a:focus{text-decoration: underline;}
.footer-main .util{transition: all .2s linear 0s;}
.footer-main .util > a{display: block;margin-left: auto;max-width: 220px;outline:0;}
.footer-main .util .tel{color: #fff;text-decoration: none;font-size: 24px;font-family: 'Bebas Neue',sans-serif; font-weight: normal;letter-spacing:1px;line-height: 1;margin-bottom: 10px;}
.footer-main .util .tel .number{font-size: 30px;}
.footer-main .util .tel .time{font-size: 12px;}
.footer-main .util .tel .time dt,
.footer-main .util .tel .time dd{display: inline-block;}
.footer-main .util .tel .time dt{background: var(--gold);color: #00315a;padding: 2px 10px 0;margin-right: 2px;}
.footer-main .util .tel .time dd .hour{font-size: 20px;vertical-align: middle;}
.footer-main .util .btn{margin-top: 3px;padding: 12px 50px;}
.footer-main .util .btn-border{border-color: var(--gold);color: #00315a !important;
background: rgb(207,199,120);
background: linear-gradient(0deg, rgba(207,199,120,1) 0%, rgba(221,212,140,1) 100%);}
.footer-main .util .btn-line{background: #00b900;color: #fff;font-size: 13px;margin-left: auto;}
.footer-main .util .btn-line:hover,
.footer-main .util .btn-line:active,
.footer-main .util .btn-line:focus{background: #009b00;}

.footer-main .util.fixed{position: fixed;right: 0;bottom: 0;z-index: 10;background: rgba(0,49,90,.9);/*display: inline-block;*/padding: 10px;width: auto;display: flex;align-items:center;}
.footer-main .util.fixed:before{position: absolute;content:"";display: block;border-top: 80px solid transparent;
border-right: 40px solid rgba(0,49,90,.9);left: -40px;top: 0;}
.footer-main .util.fixed:after{display: none;}
.footer-main .util.fixed > a{/*display: block;float: left;*/max-width: 100%;}
.footer-main .util.fixed .tel{width: 53%;margin: 0 2% 0 0;transition:all .2s linear 0s;color: #fff;}
.footer-main .util.fixed .btn{width: 45%;margin: 0;}
.footer-main .util.fixed .tel *{line-height: 1;}
.footer-main .util.fixed .tel:hover,
.footer-main .util.fixed .tel:active,
.footer-main .util.fixed .tel:focus{transform:translate(-5px, 0);}
.footer-main .util.fixed .btn{padding: 12px 50px;}
footer{width: 100%;background: #001a30;color: #fff;font-size: 80%;text-align: center;padding: 40px 20px;}
@media screen and (max-width:900px){
.footer-link ul{width: 100%;float: none;text-align: center;}
.footer-link li{font-size:12px;}
}
@media screen and (max-width:640px){
.footer-main{padding: 0;}
.footer-main .logo{padding: 20px;}
.footer-link{margin-bottom: 10px;padding: 0;}
.footer-link li{display: block;border-left: 0;border-top: solid 1px rgba(255,255,255,.5);line-height: 1.4;margin: 0;}
.footer-link ul:first-child li:first-child{border-top: 0;}
.footer-link a{display: block;padding: 15px 10px;text-align: center;}
.footer-link a:hover,
.footer-link a:active,
.footer-link a:focus{background: rgba(0,0,0,.1);}
.footer-main .section-inner{display: block;padding: 0;}
.footer-main .logo,
.footer-main .footer-link,
.footer-main .contact{display: block;width: 100%;}
.footer-main .util{display: block;width: 100%;padding: 10px;height: auto;}
.footer-main .util .tel{margin-bottom: 0;max-width: 100%;margin-bottom: 8px;font-size: 24px;}
.footer-main .util .tel .time{font-size: 12px;}
.footer-main .util .btn{padding: 15px 20px;max-width: 100%;}

.footer-main .util.fixed{width: 100%;}
.footer-main .util.fixed:before{display: none;}
.footer-main .util.fixed .tel{}
.footer-main .util.fixed .tel .number{font-size: 26px;}
.footer-main .util.fixed .tel .time dt{padding: 2px 5px;font-size: 10px;}
.footer-main .util.fixed .btn{padding: 12px 20px;}
.footer-main .util.fixed.holiday .btn{width: 100%;}
}
@media screen and (max-width:480px){
.footer-main .util .tel .number{font-size: 24px;}
.footer-main .util .tel .time dt{padding: 2px 5px;font-size: 10px;}
.footer-main .util .tel .time dd .hour{font-size: 16px;}

}
#footer-contact{background: rgba(0,0,0,.4);position: fixed;bottom: 0;left: 0;width: 100%;text-align: center;padding: 8px;opacity: 0;transition:all 1s linear 0s;z-index: 99;}
#footer-contact.show{opacity: 1;}
#footer-contact .btn{width: 100%;padding: 10px;}
#footer-contact a{display: block;}
#footer-contact a img{transition:all .2s linear 0s;}
#footer-contact a:hover img,
#footer-contact a:active img,
#footer-contact a:active focus{opacity: 1;transform:scale(1.03);}
#footer-contact .btn-tel-sp{width: 50%;float: left;}
#footer-contact .btn-calc-sp{width: 50%;float: right;}
#footer-contact .footer-contact-btns{width: 50%;float: left;}
.footer-contact-btns .btn-buy{background: #f82d62;color: #fff;margin-right: 2%;}
.footer-contact-btns .btn-sell{background: #1b7cd0;color: #fff;}
#footer-contact .footer-contact-btns .btn{width: 49%;display: block;float: left;}
#footer-contact #footer-call-btn{width: 48%;float: right;}
@media screen and (max-width:800px){
#footer-contact{display: block !important;}
}
@media screen and (min-width:641px){ #footer-contact{display: none !important;} }
.blog #footer-contact,
.single-post #footer-contact{display: none !important;}
/* 　cta
******************************************/
.cta-inner h3{display: inline-block;max-width: 413px;}
.cta-inner .btn{width: 100%;padding: 20px;font-size: 110%;}
.cta-sell,.cta-buy{width: 50%;float: left;padding: 10px 10px 20px;}
.cta-buy{background:#f82d62 url(../img/common/cta/buy-img.png) no-repeat 98% top;background-size:contain;padding-right: 10%;}
.cta-buy .btn{color: #f82d62;}
.cta-sell{background:#1b7cd0 url(../img/common/cta/sell-img.png) no-repeat 2% top;background-size:contain;padding-left: 10%;}
.cta-sell .btn{color: #1b7cd0;}
.cta-inner{max-width: 413px;}
.cta-buy .cta-inner{float: right;}
.cta-sell .cta-inner{float: left;}
@media screen and (min-width:641px){
.cta-inner .onlypc{display: inline-block !important;}
}
@media screen and (max-width:640px){
.cta-inner h3{margin-bottom: 10px;}
.cta-inner .btn{padding: 10px;font-size: 80%;}
.cta-sell,.cta-buy{padding: 5px;background-size:20%;}
.cta-buy{background-position: 1% top;}
.cta-sell{background-position: 99% top;}
}
/* 　table
******************************************/
.table-horizontal th{background: #f6f6f6;}
.label-col2 > label{width: 49%;float: left;display: block;margin-right: 1%;}
.label-col2 input{width: 100%;}
.input-tel .sep,
.input-tel input{display: inline-block;}
.input-tel input{width: 20%;}
.input-l{max-width: 300px;width: 100%;}
.input-postcode .sep,
.input-postcode input{display: inline-block;}
.input-postcode input{width: 20%;}
.input-range select{overflow: hidden;}
.form-group:last-child{margin-bottom: 0;}
.form-group .input-s{width: 30%;margin-right: 1%;}
.form-subttl{display: block;}
.form-postcode .icon{display: inline-block;font-size: 20px;}
.form-postcode input{display: inline-block;width:10em;}
/* common
******************************************/
.col50 > div,
.col50 > li{width: 50%;float: left;}
.btn-border{font-size: 13px;border: solid 2px var(--c1);color: var(--c1);text-align: center;padding: 10px 50px;font-weight: bold;border-radius:0;position: relative;transition:all .2s linear 0s;overflow: hidden;z-index: 2;}
.btn-border.white{border-color: #fff;color: #fff;}
.btn-border i{margin-right: 10px;}
.btn-border:visited{color: var(--c1);}
.btn-border:hover,
.btn-border:active,
.btn-border:focus{color: #fff;}
.btn-border.white:visited{color: #fff;}
.btn-border.white:hover,
.btn-border.white:active,
.btn-border.white:focus{color: var(--c1);}
.btn-border:before {position: absolute;content:"";display: block;background: var(--c1);transition:all .2s linear 0s; top: 0; left: 0;width: 200%; height: 100%;transform:scale(0);z-index: -1;}
.btn-border:hover:before,
.btn-border:active:before,
.btn-border:focus:before{transform:scale(1) rotate(180deg);left: -1px;}
.btn-border.white:before{background: #fff;}
.btn-border.disabled{border-color: #999;color: #999;}
.btn-border.disabled:visited,
.btn-border.disabled:hover,
.btn-border.disabled:active,
.btn-border.disabled:focus{color: #999;}
.btn-border.disabled:before{display: none;}
.btn-border.disabled .coming{font-size: 10px;display: block;}
.price{line-height: 1;}
.price dt,
.price dd{display: inline-block;}
.price dt{line-height: 0.7;position: relative;}
.price .yen{font-size: 66.6%;margin-right: -0.1em;}
.price .tax{font-size: 10px;display: inline-block;margin-left: -7px;}
.price .unit{font-size: 14px;position: absolute;display: inline-block;top: 3px;right: 1em;}
.title-line{text-align: center;font-size: 24px;}
.title-line > span{display: inline-block;position: relative;}
.title-line > span:after{content:"";border-bottom: solid 1px rgba(255,255,255,.5);width: 60%;display: block;margin: 20px auto;}
/* home:mainimg
******************************************/
.index header{background: url(/src/img/home/mainimg-sp.jpg) no-repeat center top;background-size:cover;}
.index .mainimg{max-width: 1000px;margin: 0 auto 20px;position: relative;}
.index .mainimg .text{color: #fff;width: 50%;padding: 190px 0;text-shadow:1px 1px 5px rgba(0,0,0,.8);}
.index .mainimg .text h1{font-size: 26px;line-height: 1.4;margin-bottom: 20px;}
.index .mainimg .text h2{font-size: 36px;line-height: 1;}
.index .mainimg .text .price {position: relative;}
.index .mainimg .text .price dt{font-size: 110px;position: relative;}
.index .mainimg .text .price .unit{position: absolute;font-size: 24px;right:-1.2em;top: 1.5em;}
.index .mainimg .text .price .tax{position: absolute;right: -3em;bottom: 2.5em;font-size: 12px;}
.index .mainimg .text .price .tax-in{display: block;font-size: 16px;}
.index .mainimg .text .price .tax-in .num{font-size: 24px;}
.index .mainimg .bnr-color{max-width: 400px;position: absolute;right: 0;bottom: 10px;}
.index .mainimg .bnr-color img{box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);}
.index .mainimg .inspection img{max-width: 200px;position: absolute;right: 10px;top: 30px;z-index: 2;}
@media screen and (min-width:641px){
.index header{background-image: url(/src/img/home/mainimg.jpg);}
}
@media screen and (max-width:900px){
.index .mainimg{margin-bottom: 0;}
.index .mainimg .text{width: 70%;float: left;padding: 20px 10px 100px;text-align: left;}
.index .mainimg .text h1{font-size: 18px;}
.index .mainimg .text h2{font-size: 28px;}
.index .mainimg .text .price{display: inline-block;position: relative;}
.index .mainimg .text .price dt{font-size: 70px;}
.index .mainimg .text .price .yen{margin-right: -0.3em;}
.index .mainimg .text .price dd{display: block;}
.index .mainimg .text .num{letter-spacing:0;}
.index .mainimg .text .price .unit{top: 1em;}
.index .mainimg .text .price .tax{bottom: 1.5em;right: -3.2em;font-size: 9px;}
.index .mainimg .inspection{display: block;width: 30%;float: right;padding-right: 20px;}
.index .mainimg .inspection img{max-width: 150px;position: absolute;/*bottom: 40px;*/top: auto;}
.index .mainimg .bnr-color{max-width: 300px;left: 30px;bottom: 30px;right: auto;}
}
@media screen and (max-width:640px){

/*.index header{background-position: 70% 0;}*/
.index .mainimg .text{padding: 20px 10px 40px;}
.index .mainimg .text h1{font-size: 13px;}
.index .mainimg .inspection img{right: 10px;}
.index .mainimg .bnr-color{max-width: 100%;padding: 20px;bottom: -150px;left: auto;}
.index .mainimg .text .price dt{font-size: 60px;}
.index .mainimg .text .price .tax-in{font-size: 12px;}
}
@media screen and (max-width:480px){
.index .mainimg .text{padding: 20px 10px;}
.index .mainimg .inspection img{max-width: 100px;right: 10px;bottom: 40px;}
.index .mainimg .bnr-color{bottom: -100px;}
.index .mainimg .text .price dt{font-size: 48px;}
}
/* 　slick
******************************************/
.slick-outer{padding: 20px 0;position: relative;}
.slick-main{position: relative;display: none;}
.slick-main.slick-initialized{display: block;}
.slick-main .slide{text-align: center;width: 100%;max-width: 1000px;max-height: 400px;margin-left: 20px;margin-right: 20px;position: relative;}
.slick-main .slide a{display: block;position: relative;z-index: 9999;}
.slick-main .slide:after{content:"";display: block;position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(255,255,255,.7);transition:all .2s linear 0s;}
.slick-main .slide.slick-center{position: relative;z-index: 9999;}
.slick-main .slide.slick-center:after{background: rgba(255,255,255,0);}
.slick-arrows-outer,
.slick-arrows{height: 0;}
.slick-arrows-outer{text-align: center;width: 100%;position: absolute;top: 40%;}
.slick-arrows{max-width:1100px;display: inline-block;width: 100%;}
.slick-arrows .arrow{cursor:pointer;display: inline-block;}
.slick-arrows .arrow:hover img{opacity: .6;}
.slick-arrows .arrow img{max-width: 50%;position: relative;z-index: 9998;}
.slick-arrows .arrow.prev{float: left;}
.slick-arrows .arrow.next{float: right;}
.slick-dots{text-align: center;bottom: -40px;}
.slick-dots li button:before{font-size: 20px;}
@media screen and (max-width:800px){
.slick-main .slide{margin-left: 10px;margin-right: 10px;}
}
@media screen and (max-width:640px){
.slick-main-outer{padding: 10px 0;clear: both;}
.slick-main .slide{margin-left: 5px;margin-right: 5px;}
.slick-main .slide.slick-center:after,
.slick-main .slide.slide:after{background: transparent;}
.slick-arrows-outer{top: 30%;display: none;}
.slick-arrows{width: 90%;}
.slick-arrows .arrow img{max-width: 40%;}
.slick-dots{bottom: -30px;}
}
@media screen and (max-width:500px){
.slick-arrows .arrow img{max-width: 20%;}
}
/* home:intro
******************************************/
.intro-inner{background: var(--c1);color: #fff;/*margin-bottom: 300px;*/padding-top: 50px;padding-bottom: 50px;}
.intro .text{max-width: 1000px;margin: 0 auto 20px;}
.intro .title{padding-top: 50px;}
.intro .title h1{color: #fff;}
.intro .desc{padding-left: 50px;border-left: solid 1px rgba(255,255,255,.5);}
.slick-intro{position: relative;padding-bottom: 200px;}
.slick-intro .slick-outer{position: absolute;top: 0;left: 0;width: 100%;}
@media screen and (max-width:900px){
.intro-inner{margin-bottom: 0;padding-top: 30px;}	
.slick-intro{padding-bottom: 20vw;}
	
.intro .text{padding: 20px;}
.intro .title,
.intro .desc{width: 100%;float: none;padding-top: 0;}
.intro .title .en{display: inline-block;border-bottom: solid 1px #fff;padding-bottom: 30px;margin-bottom: 30px;}
.intro .desc{padding-left: 0;border-left: 0;text-align: center;}
}
@media screen and (max-width:640px){
.intro .text{margin-bottom: 0;}
.intro .desc p{font-size: 13px;line-height: 1.8;text-align: left;}
}
/* home:lineup
******************************************/
.lineup{position: relative;}
.lineup .section-inner{padding-top: 0;}
.lineup .title{text-align: left;padding-left: 50px;padding-top: 20px;}
.lineup .title h1{text-align: left;margin-bottom: 0;}
.lineup .title .en{padding-left: 0.5em;}
.nav-lineup{position: relative;margin-top: -50px;margin-bottom: 20px;float: left;}
.nav-lineup .single{width: 33%;float: left;}
.nav-lineup .single a{display: block;text-decoration: none;color: var(--c1);}
.nav-lineup .single a img{transition:all .2s linear 0s;}
.nav-lineup .single a:hover img{transform:scale(1.01);opacity:1 !important;}
.nav-lineup .single .nav-title{display: inline-block;font-weight: bold;font-size: 30px;background: rgba(0,49,90,.9);color: #fff;overflow: hidden;line-height: 1;padding: 10px;float: right;margin-bottom: -50px;text-align: right;min-width:60%;}
.nav-lineup .nav-earth .nav-title{border-left: solid 10px var(--earth);}
.nav-lineup .nav-sun .nav-title{border-left: solid 10px var(--sun);}
.nav-lineup .nav-jupiter .nav-title{border-left: solid 10px var(--jupiter);}
.nav-lineup .single .nav-title .type{display: block;font-size: 18px;margin-bottom: 10px;padding-bottom: 5px;}
.nav-lineup .single .nav-title .bebas{font-size: 36px;display: block;line-height: 0.8;}
.nav-lineup .single .price{float: right;font-size: 40px;position: relative;top: -20px;}
.nav-lineup .single .price .num{letter-spacing:-0.3px;margin-left: -5px;}
.nav-lineup .single .more{float: right;position: relative;top: -20px;font-size: 12px;font-weight: bold;}
.nav-lineup .single .more a{display: inline-block;padding: 2px 10px;}
.model-outer{clear: both;}
#tab-earth{background: url(/src/img/home/lineup/lineup-bg1.jpg) no-repeat center 300px;}
#tab-earth .model-header{border-top: solid 5px var(--earth);}
#tab-sun.lazyloaded{background: url(/src/img/home/lineup/lineup-bg2.jpg) no-repeat center 300px;}
#tab-sun .model-header{border-top: solid 5px var(--sun);}
#tab-jupiter.lazyloaded{background: url(/src/img/home/lineup/lineup-bg3.jpg) no-repeat center 300px;}
#tab-jupiter .model-header{border-top: solid 5px var(--jupiter);}
.lineup .model-header{background:#00203a;color: #fff;box-shadow:1px 1px 3px 0 rgba(0,0,0,.2);position: relative;padding: 10px 0;}
.model-header .modelname{/*width: 40%;float: left;*/}
.model-header .modelname .bebas{font-size: 50px;line-height: .8;}
.model-header .modelname .ruby{font-size: 14px;font-weight: bold;display: block;}
.model-header .modelname .type{font-size: 14px;border: solid 2px #fff;display: inline-block;padding: 5px 10px;float: right;position: relative;top: -2px;}
.lineup .model{float: right;text-align: center;}
.lineup .spec{background: rgba(0,49,90,.9);color: #fff;padding: 30px 50px;}
.lineup .util{padding: 10px 10px 20px;}
/*.lineup .model-img{padding-top: 100px;}*/
.lineup .model-img{position: relative;}
.lineup .model-img:after{content:"";display: block;clear: both;height: 0;}
.lineup .model-img img{max-width: 600px;position: relative;}
.lineup .model-img .come .text{top: -30px;color: var(--c1);background: rgba(255,255,255,.8);padding: 2px 10px;border-radius:30px;display: inline-block;float: right;}
.lineup .model-img-other{padding-left: 50px;padding-top: 20px;}
.lineup .model-img-other li{width: 25%;float: left;padding: 5px;}
.spec .price{text-align: right;padding-top: 1em;}
.spec .price dt{font-size: 36px;}
.spec .price .tax-in{display: block;rgba(255,255,255,.6);font-size: 11px;}
.spec .price .tax-in .num{font-size: 16px;}
.table-spec{background-color: transparent;border-collapse:separate;border-spacing: 0 10px;margin: 10px 0;}
.table-spec tr{}
.table-spec th,
.table-spec td{padding: 5px 5px;}
.table-spec th{background: #fff;color: var(--c1);width: 30%;}
.table-spec td{padding: 5px 10px;}
.table-spec .come{color: rgba(255,255,255,.7);}
.table-spec .help{margin: 8px 0;display: block;/*text-align: center;*/}
.table-spec .help i{margin-right: 8px;}
.table-spec .help a{border: solid 1px #fff;border-radius:30px;padding: 5px 20px;font-size: 12px;text-decoration: none;}
.table-spec .help a:hover,
.table-spec .help a:active,
.table-spec .help a:focus{background: #fff;color: var(--c1);}
.table-spec .list-spec li{display: block;border-right: solid 1px rgba(255,255,255,.5);padding-right: 10px;margin-right: 5px;line-height: 1.2;}
.table-spec .list-spec li:last-child{border-right: 0;}
.table-spec .list-spec-row li{border-right: 0;margin-bottom: 5px;margin-left: -3px;display: inline-block;}
.table-spec .list-spec-row li:after{content:"、";}
.table-spec .list-spec-row li:last-child:after{content:"";}
.table-spec .list-spec-sub{margin: 10px 0;padding-left: 10px;font-size: 12px;}
.table-spec .list-spec-sub li{border-right: 0;margin-bottom: 5px;display: list-item;list-style: inside square;}
.table-spec .list-spec-color li{display: list-item;list-style: inside square;}
.table-spec .list-spec-color .come{display: block;}
.table-spec a{color: #fff;}
.table-spec a:hover,
.table-spec a:active,
.table-spec a:focus{color: #ddd;}
.table-spec .roof-come{font-size: 10px;margin-top: 10px;}
.table-spec .row-price .size{color: #aac8e1;}
.table-spec .row-price .price{padding-top: 5px;}
.table-spec .row-price li{border-bottom: dashed 1px rgba(255,255,255,.5);padding-bottom: 10px;}
.table-spec .row-price .come{color: rgba(255,255,255,.6);}
.table-spec .row-price .number{font-size: 24px;font-weight: bold;}
.table-spec .row-price .area .num{font-size: 130%;}
.table-spec .row-select td{padding: 10px 0 10px;}
.lineup-color .color{text-align: right;}
.lineup-color .color li{display: inline-block;border-radius:30px;width: 30px;height: 30px;margin-right: 5px;transition:all .2s linear 0s;cursor:pointer;position: relative;border: solid 1px #666;}
.lineup-color .color li:hover{opacity: .8;}
.lineup-color .color li.active{transform:scale(1.2);box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);border-width: 3px;}
.lineup-color .color li.color-title{display: block;width: 100%;float: none;border-bottom: dashed 1px rgba(255,255,255,.5);border-radius:0;margin-bottom: 2px;cursor:default;font-size: 12px;font-weight: bold;height: 1.8em;overflow: hidden;border: 0;}
.lineup-color .color li.color-title .bebas{display: inline-block;font-size: 16px;position: relative;top: 1px;margin-left: 10px;}
.lineup-color .color li.color-title:hover{opacity: 1;}
.color-result{font-size: 13px;padding: 10px;font-weight: bold;background: rgba(0,49,90,.2);margin-bottom: 10px;}
.color-result dt,
.color-result dd{display: inline-block;padding: 2px 10px;}
.color-result dt{/*background: rgba(255,255,255,.5);color: var(--c1);*/}
.color-result .num{font-size: 18px;}
.color-result .unit{font-size: 16px;}
.lineup-color{background: rgba(255,255,255,.8);padding: 10px;}
.lineup-color h3{text-align: left;font-size: 14px;padding: 10px;}
.lineup-color .color li.white{background: #fff;margin-right: 10px;}
.lineup-color .color li.cream{background: #f1eccb;}
.lineup-color .color li.brown{background: #7c463c;}
.lineup-color .color li.gray{background: #ebebeb;}
.lineup-color .color li.black{background: #464954;}
.lineup-color .color li.brown-dark{background: #46382c;}
.lineup-color .color li.blue{background: #748993;}
.lineup-color .color li.green{background: #798976;}
.lineup-color .color li.brstone{background: #bba994;}
.lineup-color .color li.stratas{background: #a89d94;margin-right: 15px;}
.lineup-color .color li.m-white{background: #fff;}
.lineup-color .color li.m-black{background: #111;}
.lineup-color .color li.m-navy{background: #002f72;}
.lineup-color .color li.m-gray{background: #999;}
.table-spec .row-roof p{font-size: 10px;}
.lineup-color .color-square li{display: inline-block;width: 30px;height: 30px;margin-right: 5px;box-shadow:1px 1px 1px 0 rgba(0,0,0,.3);}
.lineup-color .color-square li.r-black{background: #000;}
.lineup-color .color-square li.r-emerald{background:#78bab7;}
.lineup-color .color-square li.r-silver{background:#9fa0a0;}
.lineup-color .color-square li.r-green{background:#30483e;}
.lineup-color .color-square li.r-red{background:#6a433e;}
.lineup-scale{position: relative;z-index: 3;}
.lineup-scale ul{position: absolute;/*top: -40px;left: 10px;*/right: 10px;top: -40px;}
.lineup-scale li{display: inline-block;padding: 5px 20px;border: solid 2px var(--c1);cursor:pointer;background: #fff;box-shadow:1px 1px 3px 0 rgba(0,0,0,.2);font-weight: bold;}
.lineup-scale li.active{background: var(--c1);color: #fff;}
.spec .acc{text-align: center;}
.spec .acc-header{border: solid 2px #fff;padding: 10px 20px;}
.spec .acc-header:hover{color: var(--c1);}
.spec .acc-header .fa{display: inline-block;margin-right: 5px;transiton:all .2s linear 0s;}
.spec .open .acc-header .fa{transform:rotate(180deg);}
.spec .open .acc-header .fa:before{content:"\f147";}
@media screen and (max-width:900px){
.lineup .spec,
.lineup .model{width: 100%;float: none;}
.lineup .model{padding-bottom: 20px;}
.lineup .title{margin-bottom: 10px;padding: 20px 0 0;}
.lineup .model-img{padding-top: 0;}
.lineup .model-img img{margin-top: -100px;}
#tab-earth,
#tab-sun,
#tab-jupiter{background-position:  center 200px !important;}
.lineup .model-img-other{padding-left: 0;}
.lineup .model-img-other li{width: 16.66%;float: left;padding: 5px;}
.table-spec .row-select{position: absolute;top: 20px;right: 20px;}
.table-spec .row-select td{}
.lineup-color{width: 60%;float: right;}
.lineup-color .color li{border: solid 1px #999;position: relative;}
.lineup-color .color li.active{border:solid 2px #111;}
.lineup-color .color li.active:after{content:"\f00c";display: block;position: absolute;font-family: FontAwesome;left: 20%;top: 8%;color: rgba(0,0,0,.5);}
.lineup-color .color li.black:after,
.lineup-color .color li.brown-dark:after,
.lineup-color .color li.m-black:after,
.lineup-color .color li.m-navy:after{color: rgba(255,255,255,.5);}
.lineup-color .color li.color-title{color: var(--c1);margin-bottom: 0;border: 0;border-bottom: dashed 1px var(--c1);margin-bottom: 5px;}
.color-result{text-align: center;font-size: 12px;padding-top: 5px;}
.color-result .num{font-size: 18px;}
.color-result .unit{font-size: 16px;}
.color-result dd{color:var(--c1);}

.nav-lineup{margin-top: 10px;margin-bottom: 0;}
}
@media screen and (max-width:640px){
.lineup{/*padding-top: 40px;*/}
.lineup .section-inner{padding-top: 0;}
.nav-lineup{
	/*padding: 0 5px;*/
	padding: 0 5px 20px;
}
.nav-lineup .single{width: 100%;}
.nav-lineup .single .nav-title{margin-bottom: -20px;display: block;width: 98%;border-left-width: 5px;padding: 10px 10px 10px 5px;}
.nav-lineup .single .nav-title .type{font-size: 13px;margin-bottom: 5px;line-height: 1.4;}
.nav-lineup .single .nav-title .bebas{font-size: 30px;}
.nav-lineup .single .price{font-size: 24px;top: 0;}
.nav-lineup .single .price .num{letter-spacing:-0.1px;}
.nav-lineup .single .price .unit{top: 0;right: 10px;}
.nav-lineup .single .nav-title{width: 100%;margin-bottom: 10px;}
.nav-lineup .single img{width: 55%;float: left;margin-top: -90px;}
.nav-lineup .single .price{width: 45%;text-align: center;font-size: 30px;text-align: right;}
.nav-lineup .single .price .unit{top: 5px;}
.nav-lineup .single .more{width: 45%;text-align: right;top: 0;font-size: 14px;}
#tab-earth .model-header,
#tab-sun .model-header{border-top-width: 5px;}
.lineup .model-header{padding-bottom: 0;}
.model-header .modelname .type{font-size: 12px;}
.model-header .modelname .bebas{font-size: 40px;}
.lineup .spec{padding: 10px;}
.lineup .title{padding: 0;}
.lineup .util{padding: 10px;}
.lineup .model-img{}
.lineup .model-img img{margin-top: -20px;}
.lineup .model-img .come{margin-top: -20px;}
.lineup .model-img-other{clear: both;}
.lineup .model-img-other li{width: 25%;}
.lineup-color{width: 100%;float: none;}
.lineup-color .color li{margin-right: 0;}
.table-spec{margin: 0;border-spacing: 0 5px;}
.table-spec .row-select{top: 0px;right: 10px;}
.lineup-color .color li.color-title .bebas{margin-left: 10px;position: relative;top: 3px;}
.table-spec .row-price .area{font-size: 11px;}
.table-spec .row-price .come{font-size: 10px;}
.table-spec .row-price .number{font-size: 17px;}
.color-result{text-align: center;padding: 0;margin-bottom: 5px;}
.color-result dt,
.color-result dd{padding: 5px 5px 3px;text-align: center;}
.color-result dt{width: 31%;}
.color-result dd{width: 67%;font-weight: bold;border-left: solid 1px rgba(0,49,90,.2);}
.color-result .num{letter-spacing:-0.1px;}
}
@media screen and (max-width:480px){
.lineup .spec .btn{display: block;padding: 20px;}
.table-spec{font-size: 12px;}
.table-spec th{font-size: 10px;}
.table-spec .row-wall li{padding-right: 0;margin-right: 0;}
.lineup-color .color li.active:after{top: 10%;left: 25%;}
}

/* download 2024.04.26 add
******************************************/
.download {
	margin:30px auto 60px;
	padding:0 10px;
	text-align: center;
}

@media screen and (max-width:640px){
	.download {
		margin:0 auto 30px;
	}

	.download a {
		padding:10px 30px !important;
	}
}


/* moddel-shop
******************************************/
.lineup .model-shop{border: solid 2px var(--c1);padding: 20px;margin: 20px auto;}
.model-shop h3{padding-bottom: 10px;margin-bottom: 10px;border-bottom: solid 1px var(--c1);overflow: hidden;line-height: 1;font-size: 24px;}
.model-shop h4{overflow: hidden;line-height: 1;padding: 10px;font-size: 18px;background: var(--c1);color: #fff;}
.model-shop h3 .bebas,
.model-shop h4 .bebas{float: right;}
.model-shop .single{margin-bottom: 10px;}
.model-shop .img-outer{margin-bottom: 0;}
.model-shop .table-spec{margin-top: 0;}
.model-shop .table-spec li{line-height: 1;}
.model-shop .table-spec .size{color: #9cb0bf;}
.model-shop .table-spec .row-price li{border-bottom: dashed 1px #ddd;}
.model-shop .table-spec .row-price li:first-child{padding-bottom: 10px;}
.model-shop .table-spec .row-price li:last-child{border-bottom: 0;padding-top: 10px;}
.model-shop .table-spec .row-price .come{color: #999;}
.model-shop .table-spec .row-price .price{font-size: 36px;}
.model-shop .price dd{display: block;}
.model-shop .price .num{line-height: 1;}
.model-shop .price .tax-in{font-size: 11px;}
.model-shop .price .tax-in .num{font-size: 16px;}
.shop-slide .come{margin-bottom: 0;font-size: 10px;}
.model-shop .row-equip .list-spec-row{padding-left: 10px;}
.model-shop .row-equip .list-spec-row li{display: list-item;list-style: square inside;}
.table-detail .plan-th {width: 17%;}
.table-detail .plan-td {width: 17%;}
@media screen and (max-width:640px){
.lineup .model-shop{margin: 10px 2%;width: 96%;padding: 10px;}
.model-shop .single{margin-bottom: 20px;}
.model-shop h3{font-size: 18px;}
.model-shop h4{font-size: 14px;}
}
/* home:case
******************************************/
.case{padding: 50px 0 0;}
.nav-case,
.slick-case .tab-pane-inner{max-width: 1000px;margin: auto;}
.nav-case .title{margin-bottom: 50px;}
.nav-case{position: relative;z-index: 2;border: 0;}
.nav-case .slick-track{transform: none !important;width: 100% !important;}
.nav-case .slick-slide{width: 16.5% !important;float: left;text-align: center;margin-right: 0.2%;}
.nav-case .slick-slide:last-child{margin-right: 0;}
.nav-case a{display: block;padding: 10px;color: var(--c1);text-decoration: none;background: #fff;cursor:pointer;}
.nav-case a .desc{font-size: 11px;display: block;margin-bottom: 10px;}
.nav-case a .bebas{font-size: 30px;}
.nav-case a:hover,
.nav-case a:active,
.nav-case a:focus{background: #f9f9f9;outline:0;}
.nav-case .slick-current a{background: var(--c1);color: #fff;}
.nav-case .slick-current a:hover,
.nav-case .slick-current a:active,
.nav-case .slick-current a:focus{background: rgba(0,49,90,.9);color: #fff;}
.slick-case{margin-top: -20px;display: none;}
.slick-case.slick-initialized{display: block;}
.slick-case .slide{background-repeat: no-repeat;background-position: center top;padding-top: 100px;}
.slick-case .text{width: 50%;background: rgba(0,49,90,.9);color: #fff;padding: 30px 50px 50px;position: relative;}
.slick-case .text h2{color: rgba(0,49,90,.9);position: absolute;left: 0;
font-size: 83px;top: -0.8em;}
.slick-case .text .desc{line-height: 1.8;letter-spacing:1px;}
.slick-case .text .desc strong{font-weight: bold;color: #fff;text-decoration: underline dotted white;}
.case .tab-house.lazyloaded{background-image: url(/src/img/home/case/house.jpg);}
.case .tab-shop.lazyloaded{background-image: url(/src/img/home/case/shop.jpg);}
.case .tab-office.lazyloaded{background-image: url(/src/img/home/case/office.jpg);}
.case .tab-villa.lazyloaded{background-image: url(/src/img/home/case/villa.jpg);}
.case .tab-rent.lazyloaded{background-image: url(/src/img/home/case/rent.jpg);}
.case .tab-salon.lazyloaded{background-image: url(/src/img/home/case/salon.jpg);}
@media screen and (max-width:900px){
.case{padding-top: 0;}
.nav-case{padding: 10px;}
.nav-case .slick-slide{width: 33.3% !important;margin-right: 0;margin-bottom: 0;}
.nav-case .slick-slide:nth-child(3n+1){clear: both;}
.nav-case .slick-slide:nth-child(1) a,
.nav-case .slick-slide:nth-child(2) a,
.nav-case .slick-slide:nth-child(3) a{border-bottom: 0;}
.nav-case .slick-slide:nth-child(1) a,
.nav-case .slick-slide:nth-child(2) a,
.nav-case .slick-slide:nth-child(4) a,
.nav-case .slick-slide:nth-child(5) a{border-right: 0;}
.nav-case .slick-slide a{border: solid 1px rgba(0,49,90,.5);padding: 5px;}
.nav-case a .desc{font-size: 10px;margin-bottom: 3px;}
.slick-case .slide{background-size:150%;padding-top:40vw;}
.slick-case .text{width: 100%;background: var(--c1);padding: 30px;}
.slick-case .text h2{color: var(--c1);}
.slick-case .text h3{font-size: 18px;}
}
@media screen and (max-width:640px){
.slick-case .text .desc{font-size: 12px;}
}

/* home:merit
******************************************/
.merit{padding-bottom: 50px;position: relative;z-index: 2;}
.merit .header{margin-bottom: 20px;position: relative;}
.merit .title{background: rgba(0,49,90,.9);color: #fff;width: 50%;float: left;padding: 30px 0 10px;}
.merit .title h1,
.merit .title .en{color: #fff;}
.merit .util{width: 32%;float: right;padding-top: 30px;}
.merit .util .btn{display: block;}
.merit-all li{width: 32%;float: left;margin-right: 2%;margin-bottom: 20px;color:  var(--c1);}
.merit-all li:nth-child(3n){margin-right: 0;}
.merit-all li .desc{display: block;text-align: right;font-size: 18px;padding-top: 5px;font-weight: 700;}
@media screen and (max-width:900px){
.merit{padding-bottom: 20px;}
.merit .section-inner{padding-top: 0;}
.merit .title{background: #00315a;}
.merit .title h1{font-size: 18px;}
.merit .title .en{color: #fff;}
.merit .util .btn{padding: 10px;}
}
@media screen and (max-width:640px){
.merit .title,
.merit .util{width: 49%;}
.merit .title{padding: 10px;}
.merit .title h1{line-height: 1.4;margin-bottom: 5px;font-size: 14px;}
.merit .util{position: absolute;bottom: 0;right: 0;}
.merit-all li{width: 49%;}
.merit-all li:nth-child(3n){margin-right: 2%;}
.merit-all li:nth-child(2n){margin-right: 0;}
.merit-all li .desc{font-size: 11px;font-weight: normal;}
}
/* home:feature
******************************************/
.feature{/*background: linear-gradient(90deg, rgba(0,49,90,1) 0%, rgba(0,49,90,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);*/background: #f6f6f6;padding: 50px 0;}
/*.feature-list,
.feature-content{width: 50%;float: right;}*/
.feature-list{padding: 30px 0;}
.feature-content{padding:50px 0;}
.feature .title{text-align: center;line-height: 1;margin-bottom: 20px;position: relative;z-index: 2;}
.feature .title h1{font-size: 36px;line-height: 1;margin-bottom: 5px;}
.feature .title .logo{display: block;margin-bottom: 10px;}
.feature .title .logo img{max-width: 140px;}
.feature-list .nav-tabs{border: 0;position: relative;}
.feature-list .nav-tabs li{display: block;padding: 0;float: none;width: 100%;margin: 0;position: relative;}
.feature-list .nav-tabs li a{border: 0;background: transparent;color: #00315a;text-decoration: none;font-size: 18px;font-weight: bold;line-height: 1;border-bottom: solid 1px #fff;padding: 10px 10px 10px 50px;transition:none;position: relative;}
.feature-list .nav-tabs li a:hover,
.feature-list .nav-tabs li a:active,
.feature-list .nav-tabs li a:focus{background: rgba(0,49,90,.05);color: #00315a;text-decoration: none;border: 0;border-bottom: solid 1px transparent;}
.feature-list .nav-tabs li .num{display: inline-block;margin-right: 5px;line-height: 1;}
.feature-list .nav-tabs li.active a{font-size: 24px;border-color: #00315a;background-color: transparent;}
.feature-list .nav-tabs li.active:after{content:"";display: inline-block;background: #00315a;width: 30px;height: 10px;position: absolute;left: 0;bottom: 0;}
.feature-list .nav-tabs li.active .num{font-size: 40px;}
.tab-feature{width: 49%;float: left;margin-right: 2%;color: #00315a;position: relative;margin-bottom: 20px;}
.tab-feature:nth-child(2n){margin-right: 0;}
.tab-feature img{margin-bottom: 10px;box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);}
.tab-feature h2{text-align: center;font-size: 28px;margin-bottom: 10px;}
.tab-feature .desc{font-size: 14px;line-height: 1.8;}
.tab-feature .desc strong{text-decoration: underline yellow 2px;}
@media screen and (max-width:900px){
.feature .section-inner{padding: 0;}
.feature-list{padding: 0 0 20px;}
.feature-list .nav-tabs li a{padding: 15px 20px;margin-right: 0;}
.feature-content{padding:20px;}
.tab-feature h2{font-size: 24px;}
}
@media screen and (max-width:640px){
.feature{padding: 30px 0;}
.feature .title{z-index: 1;}
.feature .title h1{font-size: 28px;margin-bottom: 10px;}
.feature-list{padding: 0 10px;margin-bottom: 10px;}
.feature-list .nav-tabs li{width: 49.5%;margin-right: 1%;margin-bottom: 5px;float: left;border: solid 1px #00315a;}
.feature-list .nav-tabs li:nth-child(2n){margin-right: 0;}
.feature-list .nav-tabs li a{font-size: 12px;padding: 15px 5px;position: relative;}
.feature-list .nav-tabs li .num{position: absolute;bottom: 10px;right: -3px;font-size: 20px;}
.feature-list .nav-tabs li.active a{font-size: 13px;background: #00315a;color: #fff;}
.feature-list .nav-tabs li.active .num{font-size: 20px;/*color: #00315a;*/}
.tab-feature{width: 100%;margin-right: 0 !important;float: none;border-bottom: dashed 1px #00315a;padding-bottom: 20px;margin-bottom: 30px;}
.tab-feature:last-child{border-bottom: 0;margin-bottom: 0;padding-bottom: 0;}
.tab-feature .desc{font-size: 14px;}
}
/* 　voice
******************************************/
.voice{padding: 40px 0 0;background: #00315a;color: #fff;}
.voice .header{margin-bottom: 20px;position: relative;}
.voice .title{width: 32%;float: left;text-align: left;}
.voice .title h1{text-align: left;}
.voice .util{width: 32%;float: right;}
.voice .util .btn{display: block;}
.nav-voice{border-bottom: 0;margin-bottom: 30px;width: 50%;float: left;padding-right: 50px;}
.nav-voice .slick-track{transform: none !important;width: 100% !important;}
.nav-voice .slick-slide{width: 32% !important;margin-right: 2%;float: left;border: solid 2px #fff;}
.nav-voice .slick-slide:last-child{margin-right: 0;}
.nav-voice .slick-slide a{background: transparent;color: #fff;text-decoration: none;font-size: 24px;padding: 3px 15px;text-align: center;display: block;width: 100%;cursor:pointer;}
.nav-voice .slick-slide a:hover,
.nav-voice .slick-slide a:active,
.nav-voice .slick-slide a:focus{background: rgba(255,255,255,.05);outline:0;}
.nav-voice .slick-slide.slick-current a{background: #fff;color: #00315a;}
.slick-voice{display: none;}
.slick-voice.slick-initialized{display: block;}
.slick-voice .slick-list{overflow: visible;}
.slick-voice .slide{background: no-repeat center top;background-size: contain;}
.slick-voice .tab-pane-inner{max-width: 1000px;margin: auto;}
.slick-voice .text{width: 50%;float: right;background: rgba(255,255,255,.9);padding: 30px 50px;color: #00315a;position: relative;top: -80px;}
.slick-voice .text strong{text-decoration: underline yellow 2px;}
.slick-voice .text .bebas{font-size: 24px;margin-bottom: 10px;}
.slick-voice .text h2{font-size: 24px;margin-bottom: 10px;}
.slick-voice .text .tags{margin-bottom: 10px;}
.slick-voice .text .tags li{display: inline-block;padding: 2px 15px;border: solid 1px #00315a;margin-right: 5px;}
.slick-voice .text .tags li.type{background: #00315a;color: #fff;}
.slick-voice .tab-v1.lazyloaded{background-image: url(/src/img/home/voice/v1.jpg);}
.slick-voice .tab-v2.lazyloaded{background-image: url(/src/img/home/voice/v2.jpg);}
.slick-voice .tab-v3.lazyloaded{background-image: url(/src/img/home/voice/v3.jpg);}
@media screen and (min-width:1400px){
.voice .slide{background-size: cover;}
}
@media screen and (max-width:900px){
.voice .title{width: 100%;float: none;text-align: center;}
.voice .title h1{text-align: center;}
.nav-voice{width: 100%;margin-bottom: 0;padding-right: 0;}
.slick-voice .text{top: 30px;width: 70%;}
}
@media screen and (max-width:640px){
.voice{padding-bottom: 0;}
.nav-voice .slick-slide a{font-size: 18px;line-height: 1;}
.slick-voice .slide{padding-top: 4%;}
.slick-voice .text{position: static;width: 100%;background-color: transparent;color: #fff;padding: 20px;}
.slick-voice .text .bebas{font-size: 18px;}
.slick-voice .text h2{font-size: 18px;}
.slick-voice .text .tags li{border: solid 1px #fff;}
.slick-voice .text .tags li.type{background: #fff;color: #00315a;}
.slick-voice .text .desc{font-size: 13px;}
.slick-voice .text strong{color: #fff;}
}
/* 　flow
******************************************/
.flow{padding: 40px 0;}
.flow .title{margin-bottom: 20px;}
.flow .single{width: 32%;margin-right: 2%;margin-bottom: 20px;float: left;color: #00315a;}
.flow .single:nth-child(3n){margin-right: 0;}
.flow .single:nth-child(3n+1){clear: both;}
.flow .single h2{font-size: 20px;margin-bottom: 10px;}
.flow .single img{margin-bottom: 10px;}
.flow .single .num{border: solid 1px #00315a;display: inline-block;padding: 4px 7px 1px;font-size: 18px;}
.flow .single .desc{font-size: 14px;}
@media screen and (max-width:640px){
.flow{padding: 20px 0;}
.flow .single{width: 100%;margin-right: 0;float: none;border-bottom: solid 1px rgba(0,49,90,.1);clear: both;padding-bottom: 20px;}
.flow .single img{width: 40%;float: left;}
.flow .single .desc{width: 58%;float: right;font-size: 12px;}
}
/* 　topics
******************************************/
.topics{margin-bottom: 40px;}
.topics .post-all{margin-bottom: 10px;display: flex;flex-wrap:wrap;}
.topics .post-single{width: 33.33%;position: relative;}
.topics .post-single a{display: block;overflow: hidden;padding: 10px;color: #004b89;text-decoration: none;}
.topics .post-single a:hover,
.topics .post-single a:active,
.topics .post-single a:focus{background: #f9f9f9;}
.topics .post-single .post-img{margin-bottom: 10px;}
.topics .post-single .post-content{}
.topics .post-single .post-title{font-size: 16px;margin: 0;line-height: 1.4;}
.topics .post-single a:hover .post-title{text-decoration: underline;}
.topics .post-single .post-category{font-size: 11px;margin-bottom: 10px;}
.topics .post-single .post-category a{color: var(--c1);background: rgba(0,49,90,.1);padding: 3px 8px;border-radius:2px;text-decoration: none;}
.topics .post-single .post-category a:hover,
.topics .post-single .post-category a:active,
.topics .post-single .post-category a:focus{text-decoration: underline;}
@media screen and (max-width:1000px){
.topics .section-inner{padding: 0 10px;}
}
@media screen and (max-width:900px){
.topics .post-single{width: 50%;}
}
@media screen and (max-width:640px){
.topics .post-single{width: 100%;border-bottom: solid 1px #ddd;}
.topics .post-single a{display: flex;flex-wrap:wrap;align-items:center;}
.topics .post-single:last-child{border-bottom: 0;}
.topics .post-single .post-title{margin-top: 0;font-size: 14px;}
.topics .post-single .post-img{width: 30%;margin-right: 3%;}
.topics .post-single .post-content{width: 67%;}
.topics .post-single .post-img{margin-bottom: 0;}
}
/* 　contact
******************************************/
#contact{color: #00315a;}
#contact h2{margin-bottom: 30px;}
#contact .tel .btn{font-size: 20px;font-family: 'Bebas Neue',sans-serif; font-weight: normal;padding: 5px 10px 5px 30px;letter-spacing:1px;background: var(--gold);}
#contact .tel .btn .date{font-size: 13px;}
#contact th{background: #f9f9f9;}
#contact th,
#contact td{border: solid 5px #fff;padding: 10px;}
.label-required{font-size: 11px;font-weight: normal;}
.row-submit{padding-top: 30px;text-align: center;}
#contact .sub-group{position: relative;display: inline-block;background: #eee;padding: 5px 10px;margin: 0 0 10px 10px;}
#contact .sub-group label{background: #fff;}
#contact .sub-group:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -20px;
  margin-top: -10px;
  border: 10px solid transparent;
  border-right: 10px solid #eee;
}
#calendar-alert strong{color: var(--c1);}
.contact-date, .contact-time {width: 47.5%;}
@media screen and (max-width:640px){
#contact th,#contact td{padding: 10px 5px;}
#contact .form-type{font-size: 10px;}
#contact .form-type label{padding: 5px 10px;}
.row-submit p{font-size: 12px;}
.contact-date, .contact-time {width: 100%;margin-bottom: 5px;}
}
/* 　fix
******************************************/
.fix-tel a img{opacity: 1 !important;transition:all .2s linear 0s;}
.fix-tel a:hover img,
.fix-tel a:active img,
.fix-tel a:focus img{transform:scale(1.03);}
.blog .fix-tel,
.single-post .fix-tel{display: none !important;}
.footer-fix{position: fixed;right: 0;top: 40%;width: 80px;z-index: 999;}
.footer-fix a img{transition:all .2s linear 0s;}
.footer-fix a:hover img,
.footer-fix a:active img,
.footer-fix a:focus img{opacity: 1;transform:scale(1.03);}
.blog .footer-fix,
.single-post .footer-fix{display: none !important;}
@media screen and (max-width:640px){
.footer-fix{display: none !important;}
}
.fix-premium{position: fixed;left: 0;bottom: 30px;z-index: 99;max-width: 100px;cursor:pointer;}
.fix-premium:hover{opacity: .95;}
@media screen and (max-width:640px){
.fix-premium{bottom: 80px;max-width: 60px;}
}
/* 　cta
******************************************/
.cta-common{padding: 10px;box-shadow: inset 1px 1px 3px 0 rgba(0,0,0,.4);}
.cta-common .cta-inner{max-width: 1000px;margin: auto;}
.cta-common a{display: block;width: 49.5%;float: left;}
.cta-common a:last-child{float: right;}
@media screen and (max-width:640px){
.cta-common a{width: 100%;float: none;margin-bottom: 10px;}
}
/* 　colorbox
******************************************/
#cboxCurrent,
#cboxTitle{bottom: 3px;font-size: 12px;color: #333;}
#cboxTitle{left: -30px;text-align: right;}
@media screen and (max-width:640px){
#cboxCurrent,
#cboxTitle{font-size: 12px;}
}
/* 　spec
******************************************/
.lineup .spec-option{width: 100%;clear: both;padding: 20px 0 30px;text-align: center;}
.lineup .spec-option .open .acc-header{background-color: transparent !important;}
.lineup .spec-option .tax{font-size: 10px;}
.lineup .spec-option .tax-in{font-size:14px;display: block;position: relative;top: -5px;}
.lineup .spec-option .estimate{font-size: 14px;}
.lineup .spec-option .come{display: block;}
.table-spec caption{font-weight: bold;}
.table-spec th,
.table-spec td{padding: 10px;vertical-align: middle;}
.table-spec th{text-align: center;border-right: solid 1px var(--c1);border-bottom: solid 1px var(--c1);}
.table-spec td{border-bottom: solid 1px var(--c1);padding: 10px 20px;}
.table-spec .spec-dl{display: table;width: 100%;}
.table-spec .spec-dl dt,
.table-spec .spec-dl dd{display: table-cell;padding: 5px 10px;}
.table-spec .spec-dl dt{width: 20%;background: #eee;text-align: center;}
.table-spec .spec-dl dd{width: 80%;}
.table-spec .spec-ul li{display: list-item;list-style: inside square;}
.table-spec .spec-ul li:last-child .help{margin-bottom: 0;}
.table-spec .list-type li{display: list-item;list-style:square inside;}
.help .acc-header{padding: 2px 10px;border:solid 1px var(--c1);font-weight: bold;font-size: 11px;border-radius:30px;}
.help .acc-header:hover{background: var(--c1);color: #fff;}
.help .acc-header i{display: inline-block;margin-right: 5px;}
.help .acc-body{padding: 20px;border:solid 1px var(--c1);border-top: 0;transition:all .2s linear 0s;border-radius:0 0 3px 3px;background: rgba(0,49,90,.05);overflow: hidden;line-height: 1.6;}
.help .acc-body img{width: 100px;float: left;margin-right: 10px;margin-bottom: 10px;}
.table-spec .help:before {content: ""; position: absolute; top: -20px; left: 5%;border: 12px solid transparent; border-bottom: 12px solid #f6f6f6; z-index: 2;}
.help{display: inline-block;margin-left: 10px;}
.help.open{margin-top: 10px;margin-bottom: 10px;}
.help.open .acc-header{border-bottom: dashed 1px rgba(0,49,90,.5);border-radius:3px 3px 0 0;padding: 10px;}
.lineup .table-spec .help:before{border: 0;}
.lineup .table-spec tr{border: 0;}
@media screen and (max-width:640px){
.lineup .spec-option{padding-bottom: 20px;}
.lineup .spec-option .tax-in{font-size:11px;}	
.table-spec caption{margin-bottom: 10px;}
.table-spec tr{border: 0;border-top: solid 1px var(--c1);}
.table-spec th{background: #f6f6f6; padding: 5px;border: 0;}
.table-spec td{border-bottom: 0;padding: 10px;}
.table-spec .spec-dl dt,
.table-spec .spec-dl dd{display: block;width: 100%;}
.table-spec .spec-ul li{margin-bottom: 10px;}
}
.table-spec.option thead th{background: var(--c1);color: #fff;}
.table-spec.option thead th .come{display: block;font-size: 10px;}
.table-spec.option th,
.table-spec.option td{padding: 5px;vertical-align: middle;}
.table-spec.option td{text-align: center;}
.table-spec .cell-item{width: 20%;}
.table-spec .cell-detail{width: 30%;border-right: solid 1px var(--c1);}
.table-spec .cell-price{width: 50%;}
.table-spec.option .img{text-align: center;margin: 5px 0;}
.table-spec.option .img img{max-width: 150px;border: solid 1px rgba(0,49,90,.5);}
.table-spec td.cell-price{font-size: 30px;}
@media screen and (max-width:640px){
.table-spec.option th,
.table-spec.option td{border-bottom: solid 1px var(--c1);}
.table-spec .cell-item{width: 25%;}
.table-spec .cell-detail{width: 35%;}
.table-spec .cell-price{width: 40%;}
.table-spec td.cell-price{font-size: 20px;}
}
/* modal
**************************/
.modal-title{font-size: 14px;text-align: left;}
@media (min-width: 768px){
.modal-dialog {width: 800px;}
}
/* roof
**************************/
.roof-all li{width: 33.33%;float: left;text-align: center;padding: 5px;}
.roof-all li img{border: solid 1px #ddd;}
@media screen and (max-width:640px){
.roof-all li{width: 50%;}
.roof-all li img{max-width: 150px;}
}
/* siding
**************************/
.desc-siding{padding-bottom: 30px;margin-bottom: 30px;border-bottom: dashed 1px var(--c1);text-align: center;}
.desc-siding h5{border: solid 1px var(--c1);padding: 10px 30px;color: var(--c1);font-size: 16px;margin-bottom: 10px;display: inline-block;border-radius:30px;}
.desc-siding:last-child{margin-bottom: 0;border-bottom: 0;}
.desc-siding h6{font-size: 14px;margin: 10px 0;}
.desc-siding p{font-size: 12px;}
.desc-siding .img{margin-bottom: 10px;}
.desc-siding img{max-width: 600px;}
.table-price-siding th{background: #eee;width: 70%;font-size: 12px;text-align: left;}
.table-price-siding td{text-align: center;}
.table-price-siding li{display: inline-block;padding-right: 10px;border-right: solid 1px #ddd;margin-right: 5px;}
.table-price-siding li:last-child{padding-right: 0;margin-right: 0;border-right: 0;}
.desc-siding .table-price-siding .price{font-size: 24px;line-height: 1;margin-bottom: 0;text-align: center;} 
@media screen and (max-width:640px){
.desc-siding p{text-align: left;}
.table-price-siding th{font-size: 10px;text-align: center;}
}
/* achievement
**************************/
.achievement{background: #3a5a91;}
.achievement .section-inner{max-width: 100%;padding: 40px;}
.achievement .title{margin-bottom: 20px;background: var(--c1);color: #fff;padding: 20px 0;color: #fff;margin-bottom: 30px;}
.achievement .title h1,
.achievement .title .en{color: #fff;}
.achievement .achievement-all{display: flex; flex-wrap:wrap;}
.achievement .single{width: 24.4%;margin-right: 0.8%;padding-bottom: 20px;margin-bottom: 20px;padding: 10px;background: #fff;position: relative;box-shadow:1px 1px 3px 0 rgba(0,0,0,.2);/*margin-right: 2%;width: 49%;*/}
.achievement .single:nth-child(4n){margin-right: 0;}
.achievement .single h2{font-size: 18px;margin-bottom: 20px;padding-left: 50px;}
.achievement .single .label-case{background: var(--c1);color: #e8dab2;display: inline-block;position: absolute;top: -5px;left: 0;font-weight: bold;padding: 3px 10px;text-align: center;font-size: 11px;}
.achievement .single .label-case .num{display: block;font-size: 18px;}
.achievement .single .label-case:after {
 content: '';
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 100%;
  border-left: 20px solid var(--c1);
  border-right: 20px solid var(--c1);
  border-bottom: 5px solid transparent;}
.achievement-info{margin-bottom: 10px;font-size: 12px;}
.achievement .single .table-detail{margin-bottom: 10px;}
.achievement .single .comment{font-size: 13px;}
.achievement .list-customer{width: 50%;float: left;}
.achievement .list-customer li{display: inline-block;}
.achievement .list-customer .name{font-size: 12px;font-weight: bold;margin-right: 5px;}
.achievement .list-customer .area{background: #eee;color: var(--c1);font-size: 12px;padding: 2px 5px;}
.achievement .category{width: 50%;float: right;font-weight: bold;text-align: right;}
.achievement .category dt,
.achievement .category dd{display: inline-block;border: solid 1px var(--c1);padding: 2px 7px;color: var(--c1);}
.achievement .category dt{background: var(--c1);color: #fff;}
.achievement .category dd{margin-left: -4px;}
.achievement .list-trailer{position: absolute;top: 1px;left: 1px;font-size: 13px;font-weight: bold;padding: 5px 10px;background: rgba(238,218,178,.9);color: var(--c1);box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);}
.achievement .list-trailer li{display: inline-block;}
.achievement .result-page{text-align: center;clear: both;}
@media screen and (max-width:1400px){
.achievement .single h2{font-size: 16px;}
}
@media screen and (max-width:1200px){
.achievement .section-inner{padding: 20px;}
.achievement .single{width: 49.2%;float: left;}
.achievement .single:nth-child(2n){margin-right: 0;}
}
@media screen and (max-width:640px){
.achievement .section-inner{max-width: 100%;}
.achievement .single{width: 100%;float: none;padding: 10px;}
.achievement-info{font-size: 12px;}
.achievement .single h2{font-size: 16px;padding-left: 60px;}
.achievement .single .table-detail td,
.achievement .single .table-detail th{font-size: 11px;}
.achievement .single .comment{font-size: 12px;}
.achievement .pagination{float: none;}
}
.img-slide{border: solid 1px var(--c1);}
.img-outer{position: relative;clear: both;margin-bottom: 10px;}
.img-slide .img{width: 100%;height: auto;}
.img-slide{display: none;}
.img-slide.slick-initialized{display: block;}
.img-nav{margin-top: 10px;}
.img-nav .slick-track{width: 100% !important;transform:none !important;}
.img-nav .img{width: 25% !important;float: left;position: relative;cursor:pointer;padding: 0 0.5%;overflow: hidden;}
.img-nav .img:hover{opacity: .7;}
.img-nav .slick-current:after{background: rgba(0,0,0,.3);width: 98%;height: 100%;position: absolute;top: 0;left: 0.5%;content:"";display: block;}
.table-detail th{background: var(--c2);color: var(--c1);}
.table-detail th,
.table-detail td{font-size: 12px;padding: 5px;border: solid 1px var(--c1);font-weight: bold;}
/*.table-detail li:before{content:"・";font-size: 10px;display: inline-block;font-weight: bold;margin-right: 5px;}*/
/* modal-holiday-tel
**************************/
#modal-holiday-tel h6{margin-bottom: 20px;}
@media screen and (max-width:640px){
#modal-holiday-tel .modal-body{font-size: 12px;}
}
.holiday-hide{display: none;}
.fix-side{position: fixed;left: 0;bottom: 30px;z-index: 99;max-width: 140px;cursor:pointer;}
.fix-side:hover{opacity: .95;}
@media screen and (max-width:640px){
.fix-side{bottom: 80px;max-width: 80px;}
}
#a8sales{position: absolute;}
#a8sales img{height: 0;}
/* home:banner
******************************************/
.banner { padding-top: 30px;}
.banner .section-inner { padding-bottom: 20px;}
.banner .col2 { text-align: center; padding: 0 10px; margin: auto;}
.banner .col2 div p { margin-top: 5px;font-weight: bold; }
.banner .col2 div p a { text-decoration: none!important; }
@media screen and (max-width:640px){
.banner .col2 div p{font-size: 12px;}
}

/* model-shop:JUPITER　SUN
******************************************/
 .sun-jupiter h4.planname {width: 33.3%; display: block;}
 .sun-jupiter .img-slide {float: left; width: 33.3%; margin-right: 15px; position: relative;}
 .sun-jupiter .img-nav {margin-top: -38px; float: left; width: 13%; margin-right: 15px;}
 .sun-jupiter .img-nav .img {width: 100% !important;float: none;padding: 0 0 1.5%;}
 .sun-jupiter .img-table  {float: left; width: 20%;margin-top:  -38px;}
 .sun-jupiter .img-table table.table-detail  {margin-top: 0!important;}
 .sun-jupiter p.come { position: absolute; bottom: -20px; left: 0;}

 @media screen and (max-width:780px){
 .sun-jupiter h4.planname {width: 100%; }
 .sun-jupiter .img-slide {float: none; width: 100%; margin-right: 0; }           
 .sun-jupiter .img-nav {float: none; width: 100%;margin-top: 10px; margin-right: 0;}
 .sun-jupiter .img-nav .img {width: 25% !important;float: left;padding: 0 0.5%;}
 .sun-jupiter .img-table  {float: none; width: 100%;margin-top:  20px;;}
 .sun-jupiter p.come { position: absolute; bottom: -5px; left: 0;}
 }
 
 /* compare
******************************************/
.compare{background: var(--c2);padding: 40px 0;}
.table-compare{margin-bottom: 10px;}
.table-compare th,
.table-compare td{text-align: center;font-weight: bold;vertical-align: middle;line-height: 1.4;}
.table-compare th{width: 25%;color: #fff;}

.table-compare th:nth-child(2){background: var(--earth);}
.table-compare td:nth-child(2){background: var(--earth-bg);}

.table-compare th:nth-child(3){background: var(--sun);}
.table-compare td:nth-child(3){background: var(--sun-bg);}

.table-compare th:nth-child(4){background: var(--jupiter);}
.table-compare td:nth-child(4){background: var(--jupiter-bg);}

.table-compare thead th{text-shadow:1px 1px 1px rgba(0,0,0,.3);}
.table-compare thead th:first-child{background: var(--c2);}
.table-compare thead .row-img th,
.table-compare thead .row-name th{border: 0;}
.table-compare thead .row-name{font-size: 20px;}

.table-compare tbody{box-shadow:1px 1px 3px 0 rgba(0,0,0,.2);}
.table-compare tbody th{background: var(--c1);}
.table-compare tbody.row-summary th{background: var(--c1);}
.table-compare tbody.row-structure th{background: #511438;}
.table-compare tbody.row-use th{background: #3a1c1f;}
.table-compare tbody.row-size th{background: #14514d;}
.table-compare tbody.row-equipment th{background: #2a5114;}
.table-compare tbody.row-thermal th{background: #544b15;}

.table-compare tbody{position: relative;}
.table-compare tbody:before{display: inline-block;position: absolute;background: #fff;color: var(--c1);font-weight: bold;padding: 0 10px;border-radius:0 0 10px 0;box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);}
.table-compare tbody.row-use:before{content:"用途";}
.table-compare tbody.row-size:before{content:"サイズ";}
.table-compare tbody.row-equipment:before{content:"設備";}
.table-compare tbody.row-thermal:before{content:"断熱";}

/*.table-compare tbody.row-summary td{background: var(--c2);}
.table-compare tbody.row-structure td{background: #f2dce9;}
.table-compare tbody.row-use td{background: #f4e8e9;}
.table-compare tbody.row-size td{background: #e6f4f3;}
.table-compare tbody.row-equipment td{background: #e7f2e1;}
.table-compare tbody.row-thermal td{background: #f7f5e8;}*/

.table-compare tbody td.no{background: #eee;color: #999;}
.table-compare tbody td.best{background: var(--gold-bg);}
.table-compare tbody .come{font-weight: bold;color: var(--c1);font-size: 18px;}

@media screen and (max-width:900px){
.table-compare th,
.table-compare td{font-size: 12px;}
}
@media screen and (max-width:640px){
.compare{padding: 20px 0;}
.table-compare th,
.table-compare td{border-left: solid 1px #ddd;padding: 5px 3px;}
.table-compare th:first-child{width: 20%;}
.table-compare thead .row-name{font-size: 14px;}
.table-compare tbody th{font-size: 10px;}
.table-compare tbody:before{font-size: 11px;}
.table-compare tbody tr:first-child th{padding-top: 20px;}
.table-compare tbody.row-summary tr th,
.table-compare tbody.row-structure tr th{padding-top: 0;}
.table-compare tbody.row-structure td{font-size: 10px;}
.table-compare tbody.row-summary td{font-size: 9px;}

.table-compare tbody td.no{font-size: 10px;}
.table-compare tbody .come{font-size: 12px;}
}

 /* quality
******************************************/
.quality{color: var(--c1);padding: 20px 0;}
.quality .title h1{text-align: center;}
.quality .detail-first{width: 100%;float: none;padding: 10px 0;}
.quality .detail-first h2{text-align: center;padding-top: 10px;font-size: 16px;}
.quality .detail-first .img li{width: 25%;float: left;padding: 0 10px;}
.quality .detail-first .desc{padding: 0 10px;}
.quality .single{width: 25%;float: left;padding: 10px;}
.quality .single a{text-decoration: none;}
.quality .single h2{text-align: center;padding-top: 10px;font-size: 16px;}
.quality .single .text{font-size: 14px;}
.quality .single:nth-child(4n+1){clear: both;}

@media screen and (max-width:900px){
.quality .single{width: 33.33%;float: left;}
.quality .detail-first h2,
.quality .single h2{font-size: 14px;}
.quality .single:nth-child(4n+1){clear: none;}
.quality .single:nth-child(3n+1){clear: both;}
}
@media screen and (max-width:640px){
.quality{padding-top: 0;}
.quality .title h1{margin-top: 10px;}
.quality .single{padding: 5px;}
.quality .detail-first h2,
.quality .single h2{font-size: 14px;padding-top: 5px;}
.quality .text,
.quality .single .text{font-size: 12px;font-weight: 500;}
}

@media screen and (max-width:640px){
.quality .single{width: 50%;float: left;}
.quality .single:nth-child(3n+1){clear: none;}
.quality .single:nth-child(2n+1){clear: both;}
.detail-first .img li{width: 50%;float: left;margin-bottom: 20px;}
}

 /* chassis
******************************************/

:root{
	--ch1:#D5EAD8;
	--ch2:#FFFBC7;
}

.header-bnr{position: absolute;bottom: 60px;right: 30px;}
.header-bnr img{max-width: 600px;transition:all .1s linear 0s;opacity: 1 !important;box-shadow:1px 1px 5px 0 rgba(0,0,0,.3);}
.header-bnr :hover img{transform:scale(1.02);}
@media screen and (max-width:1200px){
.header-bnr{width: 40%;}
}
@media screen and (max-width:900px){
.header-bnr{bottom: 30px;}
}
@media screen and (max-width:640px){
.header-bnr{width: 100%;padding: 20px 10px 10px;bottom: -130px;left: 0;}
.lineup{margin-top: 130px;}
}
@media screen and (max-width:480px){
.lineup{margin-top: 120px;}
}

.chassis{/*background: #eee;*/}
.chassis-header{display: flex;flex-wrap:wrap;padding: 10px;}
.chassis-header.lazyloaded{background: url(/src/img/chassis/header.jpg) no-repeat left top;background-size:60%;}
.chassis-header .title{width: 60%;padding-top: 2.5vw;}
.chassis-header .title .logo{max-width: 300px;}
.chassis-header h1{color: #fff;font-size: 3vw;text-shadow:1px 1px 2px rgba(0,0,0,.3);line-height: 1;margin-bottom: 0.5em;text-shadow:1px 1px 3px rgba(0,0,0,.3);}
.chassis-header .tag{display: flex;justify-content:center;}
.chassis-header .tag li{display: inline-block;background: var(--gold);color: var(--c1);font-weight: bold;font-size: 1.3vw;line-height: 1;padding: 7px 20px;margin-right: 5px;box-shadow:1px 1px 3px 0 rgba(0,0,0,.3);}
.chassis-header .img{width: 40%;text-align: left;position: relative;display: flex;align-items:center;justify-content:center;}
.chassis-header .img img{position: relative;max-width: 800px;}

.chassis .section-inner{padding: 30px 0;}
.chassis .box-type{/*display: flex;flex-wrap:wrap;*/align-items:center;}
.chassis .box-type h2{width: 100%;text-align: center;}
.chassis table{border: solid 3px var(--c1);}
.chassis table .num{font-size: 30px;}
.chassis table .tax{font-size: 10px;}
.chassis table th,
.chassis table td{vertical-align: middle;border: solid 1px var(--c1);font-weight: bold;}
.chassis .table-chassis th{width: 20%;text-align: right;}
.chassis .table-chassis td{width: 40%;text-align: center;}
.chassis .table-chassis thead th{background: var(--c1);color: #fff;text-align: center;font-size: 20px;}
.chassis .table-chassis thead th:nth-child(2){color: var(--ch1);}
.chassis .table-chassis thead th:nth-child(3){color: var(--ch2);}
.chassis .table-chassis td:nth-child(2){background: var(--ch1);}
.chassis .table-chassis td:nth-child(3){background: var(--ch2);}
.chassis .table-chassis td p{margin-bottom: 0;}
.chassis .table-chassis td .note{display: inline-block;background: var(--c1);color: #fff;font-size: 11px;font-weight: normal;border-radius:30px;margin-left: 3px;padding: 1px 10px;line-height: 1;}

.chassis .table-chassis-op caption{background: var(--c1);color: #fff;font-weight: bold;padding: 10px;}
.chassis .table-chassis-op th{width: 20%;text-align: right;}
.chassis .table-chassis-op td{width: 80%;text-align: center;}

.chassis .box-shaft{display: flex;flex-wrap:wrap;}
.chassis .box-shaft h2{width: 20%;background: var(--c1);color: #fff;font-size: 18px;display: flex;flex-wrap:wrap;align-items:center;justify-content:center;border-radius:10px;text-align: center;margin-right: 2%;}
.chassis .shaft-col{width: 38%;display: flex;flex-wrap:wrap;margin-right: 2%;border: solid 1px var(--c1);padding: 10px;border-radius:10px;align-items:center;}
.chassis .shaft-col:last-child{margin-right: 0;}
.chassis .shaft-col .img{width: 25%;margin-right: 3%;}
.chassis .shaft-col .text{width: 72%;}
.chassis .shaft-col p{margin-top: 10px;}
.chassis .shaft-col img{max-width: 100px;}

@media screen and (max-width:1200px){
.chassis .section-inner{padding: 20px;}
}
@media screen and (max-width:640px){
.chassis .section-inner{padding: 10px;}
.chassis-header{background-size:80% !important;}
.chassis-header .title{padding-top: 0;}
.chassis-header .tag li{font-size: 12px;padding: 10px;}
.chassis .table-chassis thead th{font-size: 16px;}
.chassis table th,
.chassis table td{font-size: 12px;padding: 5px;}
.chassis table .num{font-size: 20px;}
.chassis .table-chassis td .note{display: none;}
.chassis .table-chassis td p{line-height: 1.3;text-align: left;}
.chassis .table-chassis-op caption{font-size: 14px;padding: 5px 10px;}
.chassis .box-shaft h2{width: 100%;padding: 10px;margin-bottom: 10px;margin-right: 0;font-size: 14px;}
.chassis .box-shaft h2 br{display: none;}
.chassis .shaft-col{width: 49%;display: block;text-align: center;}
.chassis .shaft-col .img,
.chassis .shaft-col .text{width: 100%;margin-right: 0;}
.chassis .shaft-col img{max-width: 50px;}
.chassis .shaft-col p{font-size: 10px;text-align: left;line-height: 1.3;margin-bottom: 0;}
}
@media screen and (max-width:480px){
.chassis-header{display: block;background-size:100% !important;}
.chassis-header .title,
.chassis-header .img{width: 100%;}
.chassis-header .img{margin-top: 10px;margin-bottom: -30px;}
.chassis table th,
.chassis table td{font-size: 10px;}
}

 /* banner
******************************************/

.banner a{transition:all .1s linear 0s;display: block;}
.banner a:hover{transform:scale(1.03);box-shdow:1px 1px 3px 0 rgba(0,0,0,.2);}