@charset "utf-8";

/*カラー変数*/
:root {
  --color-main: #003894;
	--color-sub: #dce6f7;
	--color-design: #06c655;
	--color-design-sub: #ecfdf2;
	--color-estimate: #ff0084;
	--color-estimate-sub: #ffeaf5;
}

.btn{text-decoration: none;font-size: 12px;}
.btn-white{background: #fff;color: var(--color-main);border: solid 1px var(--color-main);}
.btn-white:hover,.btn-white:active,.btn-white:focus{background:var(--color-sub);color: var(--color-main);}
.btn-yellow{}

.btn-blue{background: var(--color-main);color: #fff;}
.btn-blue:hover,.btn-blue:active,.btn-blue:focus{background: #002C6B;color: #fff;}

.btn-design,.btn-estimate{border: solid 1px rgba(0,0,0,.1);}
.btn-design{background: #fff;border-color: var(--color-design);color: var(--color-design);}
.btn-design:hover,.btn-design:active,.btn-design:focus{background: var(--color-design);color: #fff;}
.btn-estimate{background: #fff;border-color: var(--color-estimate);color:var(--color-estimate);}
.btn-estimate:hover,.btn-estimate:active,.btn-estimate:focus{background: var(--color-estimate);color: #fff;}

.btn-design-bg,.btn-estimate-bg{border: solid 1px rgba(0,0,0,.1);}
.btn-design-bg{background: var(--color-design);color: #fff;}
.btn-design-bg:hover,
.btn-design-bg:active,
.btn-design-bg:focus{background: var(--color-design-sub);color: var(--color-design);}
.btn-estimate-bg{background: var(--color-estimate);color:#fff;}
.btn-estimate-bg:hover,
.btn-estimate-bg:active,
.btn-estimate-bg:focus{background: var(--color-estimate-sub);color: var(--color-estimate);}

.btn-orange{background: rgb(255,186,21);
background: linear-gradient(180deg, rgba(255,186,21,1) 0%, rgba(254,136,0,1) 100%);color: #fff;}
.btn-orange:hover,
.btn-orange:active,
.btn-orange:focus{background: rgb(254,136,0);
background: linear-gradient(0deg, rgba(255,186,21,1) 0%, rgba(254,136,0,1) 100%);color: #fff;}

.label-st1{background: #fff;border: solid 1px #111;color: #111;}
.label-st2{background: #00d19c;color: #fff;}
.label-st3{background: #ff498f;color: #fff;}
.label-st4{background: var(--color-main);color: #fff;}
.label-st5{background: #ddd;color: #999;}

.label-login1,
.label-login2{font-size: 10px !important;}
.label-login1{background: #fff;border: solid 1px var(--color-main);color: var(--color-main);}
.label-login2{background: #ddd;border: solid 1px #ddd;color: #666;}

.label-publish1{background: #fff;border: solid 1px var(--color-main);color: var(--color-main);}
.label-publish2{background: #ddd;border: solid 1px #ddd;color: #666;}


.link-back{text-align: center;clear: both;}
.link-back a{color: #111;text-decoration: none;}
.link-back a:hover{text-decoration: underline;}
.link-back i{color: var(--color-main);}

.label-nonmember{background: #fff;color: #666;border: solid 1px #666;}
.label-member{background: var(--color-main);color: #fff;border: solid 1px var(--color-main);}


.ribbon {
  display: inline-block; position: relative; padding: 5px 20px;
  font-size: 12px; color: #FFF; background: var(--color-main);/*背景色*/
}
.ribbon .num{font-size: 20px;line-height: 1;color: #ff0;}
.ribbon:before,
.ribbon:after{position: absolute; content: ''; top: 100%;border: none; border-bottom: solid 5px transparent;}
.ribbon:before {left: 0;border-right: solid 5px #001f51;}
.ribbon:after {right: 0;border-left: solid 5px #001f51;}

.ribbon.white {color: var(--color-main); background: #fff;}
.ribbon.white .num{color: #ff0;}
.ribbon.white:before {border-right: solid 5px #999;}
.ribbon.white:after {border-left: solid 5px #999;}

/* 　base
******************************************/
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: 1200px;margin: auto;padding: 40px 0;}

.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%;}
}
@media screen and (max-width:900px){
.section-inner{padding: 20px;}
}
@media screen and (max-width:640px){
.content{min-height:0;}
.section-inner{padding: 20px 10px;}
.box{margin-bottom: 20px;}

.btn{white-space:normal;line-height: 1.2;}
.onlypc-inline{display: none;}
}

.main.right,
.main.left{width: 70%;}
.side.left,
.side.right{width: 27%;}

@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;}

.search-no-results .result-header{display: none;}

.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(--color-main);position: relative;}
p{margin-bottom: 11px;}
strong{font-weight: bold;color: rgb(0,49,90);}
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;}

.num{font-family: Roboto,sans-serif;}

.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(--color-main);font-size: 24px;margin-bottom: 20px;border-bottom: solid 1px var(--color-main);padding-bottom: 10px;text-align: left;}
.title:after{content:"";display: block;clear: both;height: 0;}
.title h1{font-size: 24px;text-align: center;color: var(--color-main);margin-bottom:0;font-weight: bold;}
.title .en{display: block;font-size: 12px;margin-bottom: 10px;font-weight: bold;color: rgb(0,49,90);}
.title.white h1{color: #fff;}
.title.white .en{color: #fff;}

.title-sub{font-size: 18px;margin-bottom: 20px;}

.title .btn{font-size: 12px;float: right;padding: 5px 15px;}

.main.full .title{text-align: center;}

.single .part-title{font-size: 14px;border-bottom: solid 1px var(--color-main);color: var(--color-main);}

@media screen and (max-width:640px){
.title{font-size: 18px;}
.title h1{font-size: 18px;}
.title .btn{position: relative;top: -2px;}
}

.balloon{border-radius:30px;font-size: 90%;padding: 3px 13px 5px;background: #14284c;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: #14284c;
	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;}

.link-back{clear: both;text-align: center;padding: 30px 0;font-size: 12px;}
.link-back i{font-size: 12px;color: var(--color-main);margin-right: 10px;}

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

/* 　header
******************************************/
header{position: relative;text-align: center;border-top: solid 5px var(--color-main);}
header .section-inner{padding: 0;position: relative;}

.header-main{position: relative;padding: 10px 0;}

.header-main .logo{float: left;width: 20%;text-align: left;}
.header-main .logo img{max-width: 200px;}
.header-main .util{display: inline-block;float: right;font-size: 12px;}

@media screen and (max-width:900px){
.header-main .section-inner{padding: 10px 0;}
.header-main .logo{display: inline-block;padding-top: 0;padding-left: 5px;width: auto;}
.header-main .logo img{max-width: 150px;}
.header-main .util .btn{font-size: 10px;padding: 10px;}
}
@media screen and (max-width:640px){
}
@media screen and (max-width:480px){
}
/* 　nav
******************************************/
#globalnav{font-weight: bold;}
#globalnav li{width: 25%;display: block;float: left;border-left: solid 1px rgba(0,49,90,.8);}
#globalnav li.menu-flow{display: none;}
#globalnav li.sp{display: none;}

#globalnav li.active{border-bottom: solid 1px rgb(0,49,90);}

#globalnav a{text-decoration: none;display: block;padding: 10px 5px;color: var(--color-main);font-size: 12px;}
#globalnav a:hover,
#globalnav a:active,
#globalnav a:focus{background: var(--color-sub);}

#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: rgb(0,49,90);cursor:pointer;line-height: 1;float: right;z-index: 10;margin-left: 10px;}
a#nav-open i{font-style: normal;}
a#nav-open .icon-text{font-size: 10px;display: block;color: var(--color-main);}
a#nav-open:hover,
a#nav-open:active,
a#nav-open:focus{color: var(--color-main);}

@media screen and (max-width:900px){
a#nav-open,
#globalnav a#nav-close{display: block;}
#globalnav a#nav-close{color: #fff;}

a#nav-open i:before{content:"\f0c9";}
a#nav-open.open i:before{content:"\f00d";}

#globalnav{transition:all .2s linear 0s;background-color: #fff;padding: 0;box-shadow:1px 3px 5px 0 rgba(0,0,0,.3);width: 100%;z-index: 5;position: absolute;left: 0;display: none;}
#globalnav li{width: 100%;float: none;border-left: 0;border-bottom: solid 1px #ddd;}
#globalnav li:first-child{width: 100%;}
#globalnav a{color: rgb(0,49,90);padding: 20px 30px;}
#globalnav a:hover,
#globalnav a:active,
#globalnav a:focus{text-decoration: none;color: rgb(0,49,90);background: #eee;}


#globalnav.show{display: block;}

}
@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;}
}

/* side
---------------------------------------*/

.side > div{margin-bottom: 20px;}

.side .sidebox .btn{width: 100%;padding: 20px 10px;}

.sidebox h1{background: var(--color-main);color: #fff;font-size: 14px;text-align: center;padding: 10px;}
.sidebox li a{display: block;padding: 15px 10px;border-right: var(--color-main);border-bottom: solid 1px var(--color-main);text-decoration: none;color: var(--color-main);}
.sidebox li:last-child a{border-bottom: solid 1px var(--color-main);}
.sidebox li a:hover,
.sidebox li a:active,
.sidebox li a:focus{background: #f6f6f6;}

.side .title{font-size: 16px;margin-bottom: 10px;background : var(--color-sub);border-bottom: 0;
padding: 10px;border-left: solid 3px var(--color-main);}

.side .ccc-favorite-post-count{margin-right: 0;display: block;}
.side .ccc-favorite-post-count a{display: block;border: solid 1px var(--color-main);padding: 10px;text-align: center;color: var(--color-main);box-shadow:1px 1px 3px 0 rgba(0,0,0,.2);}
.side .ccc-favorite-post-count a:hover,
.side .ccc-favorite-post-count a:active,
.side .ccc-favorite-post-count a:focus{background: var(--color-sub);}
.side .ccc-favorite-post-count .text{display: inline-block;margin-left: 10px;font-size: 14px;color: var(--color-main);}


@media screen and (max-width:640px){
.main.right,
.side.left{width: 100%;}
.side{font-size: 12px !important;}
.lower .section-inner{padding: 20px;}
.side .banner{margin-bottom: 20px;}
.sidebox li a{padding: 10px;}
}

/* search
---------------------------------------*/
.search-outer{margin-bottom: 20px;background: var(--color-sub);padding: 20px;border-radius:10px;}
.search-title{font-size: 18px;margin-bottom: 15px;padding-bottom: 5px;border-bottom: solid 1px var(--color-main);}
.search-box{display: inline-block;margin-right: 10px;}
.search-box .form-title{font-size: 12px;}
.search-box.input{width: 20em;max-width: 100%;}
.search-box.input input{width: 100%;}

.search-btn{display: inline-block;}
.search-btn .btn{height: 49px;}

@media screen and (min-width:901px){
.search-box.select{width: 30%;}
.search-box.select select{width: 100%;}
.search-box.input{width: 45%;}
.search-btn{width: 20%;}
}
@media screen and (max-width:640px){
.search-box.select,
.search-box.input,
.search-btn{width: 100%;}
.search-box.select select{width: 100%;}

.search-box.input{margin-top: 10px;}
.search-btn .btn{display: block;margin-top: 10px;width: 100%;}
}
/* 　breadcrumb
******************************************/
.breadcrumb {background: #eee;padding: 5px 0;margin: 0;}
.breadcrumb .section-inner{padding: 5px 0;}
.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: rgb(0,49,90);}
.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{clear: both;}

.footer-main{clear: both;background: var(--color-main);color: #fff;padding: 20px;text-align: center;font-size: 12px;}
.footer-main .logo{width: 20%;float: left;text-align: center;}
.footer-link{width: 77%;float: right;padding: 10px 20px;}
.footer-main .logo img{max-width: 200px;}

.footer-link li{display: inline-block;border-right: solid 1px #fff;}
.footer-link li:last-child{border-right: 0;}
.footer-link a{color: #fff;text-decoration: none;display: inline-block;padding: 5px 15px;}
.footer-link a:hover,
.footer-link a:active,
.footer-link a:focus{text-decoration: underline;}

.footer-copy{background: #000;color: #fff;font-size: 10px;padding: 40px 20px;}

@media screen and (max-width:640px){
.footer-main .logo,
.footer-link{width: 100%;float: none;}
.footer-main .logo{margin-bottom: 10px;}
.footer-link{padding: 0;}
.footer-link li{display: block;border-bottom: solid 1px rgba(255,255,255,.5);border-right: 0;}
.footer-link li:last-child{border-bottom: 0;}
}
/* 　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;}



/* home:mainimg
******************************************/

.home .mainimg{position: relative;text-align: center;box-shadow:inset 1px 1px 3px 0 rgba(0,0,0,.2);z-index: 2;
background:url(../img/home/mainimg-bg.jpg) repeat-x center top;background-size:contain;
-webkit-animation: anime1 50s linear infinite;
-ms-animation: anime1 50s linear infinite;
animation: anime1 50s linear infinite;}
.home .mainimg:before{position: absolute;z-index: 2;display: block;content:"";top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.3);}
.home .mainimg .section-inner{padding: 0;}

@-webkit-keyframes anime1 {
0% {background-position: 0 0;}
100% {background-position: -2000px 0;}
}
@keyframes anime1 {
0% {background-position: 0 0;}
100% {background-position: -2000px 0;}
}

.home .mainimg .inner{color: #000;display: inline-block;margin: auto;position: relative;z-index: 3;}
.home .mainimg .inner h1{margin-bottom: 0;font-size: 24px;line-height: 1.4;}

.home .mainimg .btnarea{display: block;/*position: absolute;*/left: 0;margin-bottom: 20px;bottom: -40px;text-align: center;width: 100%;}
.btn-request img{max-width: 400px;transition:all .1s linear 0s;}
.btn-request:hover img{opacity: 1; transform:scale(1.01);}

@media screen and (max-width:640px){
.home .mainimg{min-height: 0;padding: 20px;}
.home .mainimg .inner{width: 100%;}
}


/* home:company
******************************************/

.company .single{position: relative;width: 25%;float: left;padding: 10px;color: var(--color-main);margin-bottom: 10px;}
.home .company .single:nth-child(4n+1){clear: both;}

.company .title{position: relative;padding-right: 20px;}

.company .single .thumb{overflow: hidden;}
.company .single .thumb .img{width: 100%;display: block;transition:all .1s linear 0s;}
.company .single .thumb .img span{padding-top: 75%;display: block;background: #f9f9f9 no-repeat center;background-size:contain;}
.company .single .thumb a.img:hover{transform:scale(1.02);}

.company .single .type a{display: inline-block;position: absolute;left: 0;top: 0;text-decoration: none;color: #fff;padding: 3px 12px;font-size: 12px;z-index: 2;}
.company .single .type-design a{background: var(--color-design);}
.company .single .type-construct a{background: var(--color-estimate);}

.company .single .name{font-size: 16px;line-height: 1.3;}
.company .single .name a{text-decoration: none;}
.company .single .name a:hover{text-decoration: underline;}

.company .single .catch{font-size: 12px;color: #666;font-weight: 500;}

.company .single .pref{font-size: 12px;color: var(--color-main);border: solid 1px var(--color-main);display: inline-block;}
.company .single .pref a{display: inline-block;padding: 1px 5px;text-decoration: none;color: var(--color-main);}
.company .single .pref a:hover,
.company .single .pref a:active,
.company .single .pref a:focus{background: var(--color-sub);}
.home .company .single .pref{margin: 7px 0;}

.company .single .desc{font-size: 12px;color: #333;}
.company .single .areas{color: #111;background: #f6f6f6;border: solid 1px #eee;border-radius:5px;padding: 10px;}
.company .single .areas dt{color: var(--color-main);}
.company .single .areas span,
.company .single .features li,
.company .single .specials li{display: inline-block;font-size: 12px;}
.company .single .areas span{border-right: solid 1px #ddd;padding: 1px 6px 1px 2px;}
.company .single .features li{background: var(--color-sub);padding: 2px 10px;}
.company .single .specials li{border: solid 1px var(--color-main);padding: 2px 10px;}

.company .title .ccc-favorite-post-toggle{position: absolute;top: 0;right: 0;display: inline-block;}
.ccc-favorite-post-toggle > a{color: var(--color-main);}
.ccc-favorite-post-toggle > a:hover{color: var(--color-sub);}

@media screen and (max-width:640px){
.company .single{width: 50%;}
.home .company .single:nth-child(2n+1){clear: both;}

.company .single .name{font-size: 12px;margin: 5px 0;}
.company .single .pref{font-size: 10px;}
.company .single .catch{font-size: 10px;line-height: 1.2;}
.company .single .type a{font-size: 10px;}
}

/* menu-company
******************************************/

.menu-company{margin-bottom: 20px;}
.menu-company li{width: 49%;display: table;float: left;margin-bottom: 10px;border: solid 1px #999;overflow: hidden;}
.menu-company li:last-child{float: right;}
.menu-company li a{display: table-cell;width: 100%;height: 200px;background: no-repeat center;background-size:cover;transition:all .1s linear 0s;vertical-align: middle;text-align: center;position: relative;text-decoration: none;font-size: 24px;color: #fff;}
.menu-company li a:before{display: block;background: rgba(0,0,0,.2);content:"";width: 100%;height: 100%;
position: absolute;left: 0;top: 0;}
.menu-company li .text{position: relative;z-index: 2;text-shadow:1px 1px 2px rgba(0,0,0,.2);}
.menu-company li .text .en{display: block;font-size: 12px;font-family: Robot,sans-serif;}
.menu-company li a:hover{transform:scale(1.01);}

.menu-company .menu-design a{background-image: url(../img/home/design.jpg);}
.menu-company .menu-construct a{background-image: url(../img/home/construct.jpg);}

@media screen and (max-width:640px){
.menu-company li{width: 100%;float: none;}
.menu-company li a{height: 100px;font-size: 18px;}
}


/* archive:company
******************************************/

.archive .single{width: 100%;float: none;border-bottom: dashed 1px #ddd;}
.archive .single .thumb{width: 30%;float: left;}
.archive .single .text{width: 67%;float: right;}

.archive .single .slick-main{margin-bottom: 10px;}

.archive .single .text > *{margin-bottom: 7px;clear: both;}
.archive .single .name{font-size: 20px;}
.archive .single .catch{font-size: 14px;color: var(--color-main);}

@media screen and (max-width:640px){
.archive .single .thumb,
.archive .single .text{width: 100%;float: none;}
.archive .single .thumb{margin-bottom: 10px;}
.archive .single .name{}

.archive .single .summary > *{margin-bottom: 10px;}

}
/* recomennd:company
******************************************/

.recommend .single{width: 100%;float: none;border-bottom: dashed 1px #ddd;}
.recommend .single .thumb{width: 30%;float: left;}
.recommend .single .text{width: 67%;float: right;}
.recommend .single .num{display: inline-block;background: var(--color-main);color: #fff;padding: 2px 4px;font-size: 12px;position: absolute;z-index: 3;top: 0;left: 0;line-height: 1;}
.recommend .single .type a{position: static;padding: 1px 5px;font-size: 10px;vertical-align: top;}
.recommend .single .name{font-size: 13px;}
.recommend .single .pref{font-size: 10px;}

/* favorite:company
******************************************/
.favorites.company .single .thumb{margin-bottom: 10px;}


/* single:company
******************************************/

.single-company .single{width: 100%;float: none;}
.single-company .single .thumb{width: 40%;float: left;margin-bottom: 20px;}
.single-company .single .text{width: 57%;float: right;margin-bottom: 20px;}

.single-company .single .slick-main{margin-bottom: 10px;}

.single-company .single .text > *{margin-bottom: 10px;clear: both;}

.single-company .company .single .catch{margin-bottom: 10px;font-size: 18px;line-height: 1.4;color: var(--color-main);}
.single-company .company .single .desc{}

.single-company .company .single .type,
.single-company .company .single .pref{display: inline-block;vertical-align: top;line-height: 1;}
.single-company .company .single .type-design{border: solid 1px var(--color-design);}
.single-company .company .single .type-construt{border: solid 1px var(--color-construct);}
.single-company .company .single .type a,
.single-company .company .single .pref a{position: static;padding: 3px 12px;font-size: 12px;}

.single-company .company .part-title{font-size: 20px;margin-bottom: 20px;}
.single-company .company .single .box{clear: both;font-size: 12px;}

.single-company .company .pr-single{padding: 20px 10px 10px;border-bottom: dashed 1px var(--color-sub);}
.single-company .company .pr-single .thumb{width: 40%;}
.single-company .company .pr-single .text{width: 57%;}
.single-company .company .pr-single .text .desc{background: var(--color-sub);padding: 20px;border-radius:10px;}

.single-company .company th,
.single-company .company td{padding: 20px;}
.single-company .company th{background: var(--color-sub);}

.single-company .company .case .single{width: 25%;float: left;padding: 10px;}
.single-company .company .case .thumb{width: 100%;margin-bottom: 5px;}

@media screen and (max-width:640px){
.single-company .single .thumb,
.single-company .single .text{width: 100%;float: none;}
.single-company .company .pr-single{margin: 0;}
.single-company .company .pr-single .thumb,
.single-company .company .pr-single .text{width: 100%;float: none;}
.single-company .company .pr-single .text{text-align: center;}
.single-company .company .pr-single .pr-title{font-size: 18px;}
.single-company .company .pr-single .desc{text-align: left;}

.single-company .company .case .single{width: 50%;}
}

/* home:flow
******************************************/

.flow{background: var(--color-main);color: #fff;}
.flow .title{color: #fff;text-align: center;border-color: #fff;}
.flow .single{width: 25%;float: left;padding: 10px;}

.flow .single .flow-title{font-size: 18px;text-align: center;}
.flow .single .flow-title .desc{display: block;padding-top: 10px;}
.flow .single .flow-title .ribbon{padding: 0px 10px;}
.flow .single .text{font-size: 12px;}
.flow .single a{color: #fff;}

@media screen and (max-width:900px){
.flow .single{width: 100%;float: none;padding: 20px 0;border-bottom: dashed 1px rgba(255,255,255,.5);}
.flow .single:last-child{border-bottom: 0;}
.flow .single .flow-title{width: 60%;float: right;margin-bottom: 10px;}
.flow .single .flow-title .desc{padding-top: 5px;}
.flow .single img{width: 37%;float: left;}
.flow .single .text{width: 60%;float: right;}
}

/* home:banner
******************************************/
.block-banner li{overflow: hidden;border: solid 1px #333;}
.block-banner a{text-align: center;color: #fff;text-shadow:1px 1px 2px rgba(0,0,0,.2);display: block;background: no-repeat center;background-size:cover;transition:all .1s linear 0s;text-align: right;position: relative;text-decoration: none;padding: 40px 20px;}
.block-banner a:before{position: absolute;content:"";display: block;width: 100%;height: 100%;background: rgba(0,0,0,.3);left: 0;top: 0;}
.block-banner a:after{position: absolute;content:"";display: block;width: 200px;height: 200px;background: rgba(0,0,0,.5);transform:rotate(45deg);right: -100px;bottom: -100px;}
.block-banner a:hover{transform:scale(1.02);}
.block-banner .jp{font-size: 18px;border-bottom: solid 1px #fff;position: relative;z-index: 3;display: inline-block;margin-bottom: 3px;}
.block-banner .en{font-size: 10px;display: block;position: relative;z-index: 3;}

.block-banner .bn-request a{background-image: url(../img/bnr/request.jpg);}
.block-banner .bn-inquiry a{background-image: url(../img/bnr/inquiry.jpg);}



/* home:area
******************************************/

.area .map{width: 40%;float: left;}
.area .pref-all{width: 60%;float: right;font-size: 14px;}
.area .group-area{border-bottom: solid 1px #ddd;padding: 5px 0;}
.area .pref a{display: inline-block;border-right: solid 1px #eee;padding: 1px 5px;}

.area .group-area:nth-child(1) a{color: #8886D9;}
.area .group-area:nth-child(2) a{color: #619FEB;}
.area .group-area:nth-child(3) a{color: #3DA942;}
.area .group-area:nth-child(4) a{color: #99CC33;}
.area .group-area:nth-child(5) a{color: #F2C100;}
.area .group-area:nth-child(6) a{color: #FF9900;}
.area .group-area:nth-child(7) a{color: #FD9FAB;}
.area .group-area:nth-child(8) a{color: #FF6C68;}
.area .pref a:hover{color: #000 !important;}

@media screen and (max-width:640px){
.area .map,
.area .pref-all{width: 100%;float: none;}
.area .pref-all{font-size: 12px;}
}

/* home:voice
******************************************/
.voice{background: var(--color-sub);}
.voice .slide{padding: 10px;}
.voice .single{padding:20px;border: solid 1px var(--color-main);border-radius:10px;background: #fff;box-shadow:1px 1px 3px 0 rgba(0,0,0,.2);}
.voice .single:nth-child(3n){margin-right: 0;}

.voice .single .thumb{width: 25%;float: left;}
.voice .single .text{width: 72%;float: right;}

.voice .single .voice-title{font-size: 18px;color: var(--color-main);line-height: 1.2;margin-bottom: 10px;}
.voice .single .name{color: #999;font-size: 12px;vertical-align: top;}
.voice .single .pref{color: #666;font-size: 12px;float: right;border: solid 1px #666;display: inline-block;padding: 1px 10px;}

.voice .single .dl-voice{font-size: 14px;display: table;border-bottom: dashed 1px #ddd;width: 100%;}
.voice .single .dl-voice dt,
.voice .single .dl-voice dd{display: table-cell;font-size: 12px;}
.voice .single .dl-voice dt{width: 40%;}
.voice .single .dl-voice dd{width: 60%;color: #000;text-align: left;}
.voice .single .dl-voice dd a{text-decoration: underline;}

.voice .single .score{margin: 10px 0;}
.voice .single .dl-score-total{text-align: center;margin-bottom: 10px;}
.voice .single .dl-score-total dt,
.voice .single .dl-score-total dd{display: inline-block;}
.voice .single .dl-score-total .num{font-size: 24px;}
.voice .single .dl-score{width: 24.4%;float: left;text-align: center;border: solid 1px var(--color-main);border-radius:5px;margin-right: 0.8%;position: relative;padding-left: 20px;}
.voice .single .dl-score dt i{font-size: 18px;line-height: 1;position: absolute;left: 7px;top:10px;}
.voice .single .dl-score:nth-child(5){margin-right: 0;}
.voice .single .dl-score dt{font-size: 11px;padding-top: 5px;margin-bottom: -5px;}
.voice .single .star{}
.voice .single .star i{color: #fff000;line-height: 1;letter-spacing:-5px;}
.voice .single .dl-score .star{font-size: 10px;}
.voice .single .comment{font-size: 12px;color: #111;font-weight: 500;}

@media screen and (max-width:640px){
.voice .single{width: 100%;float: none;margin-bottom: 10px;}
.voice .single .voice-title{font-size: 14px;}
.voice .single .dl-voice{font-size: 11px;}
.voice .single .dl-score dt,
.voice .single .comment{font-size: 10px;}
.voice .single .dl-score{padding-left: 0;}
.voice .single .dl-score dt i{font-size: 14px;position: static;}
}

/* archive:voice
******************************************/

.archive .voice{background: transparent;}
.archive .voice .single{width: 100%;float: none;border: 0;box-shadow:none;padding: 0 0 20px;margin-bottom: 20px;border-bottom: dashed 1px #ddd;}

.archive .voice .single .thumb{width: 20%;float: left;}
.archive .voice .single .text,
.archive .voice .single .score{width: 77%;float: right;}
.archive .voice .single .score{background: #eff4fc;padding: 10px;border-radius:10px;}
.archive .voice .single .dl-score{background: #fff;}
.archive .voice .single .dl-score dt i{font-size: 24px;left: 10px;top: 7px;}
.archive .voice .single .name{display: block;text-align: left;font-size: 16px;}
.archive .voice .single .dl-voice{width: 50%;float: left;padding: 5px;clear: none;}

.archive .voice .single .comment{clear: both;font-size: 14px;color: #111;border: solid 1px var(--color-main);padding: 20px;border-radius:5px;}
.archive .voice .single .comment .part-title{margin-bottom: 10px;}

@media screen and (max-width:640px){
.archive .voice .single .thumb{width: 25%;}
.archive .voice .single .text{width: 72%;}
.archive .voice .single .score{width: 100%;float: none;clear: both;}

.archive .voice .single .dl-voice{width: 100%;float: none;padding: 0;}
.archive .voice .single .dl-score dt i{font-size: 14px;position: static;}
.archive .voice .single .comment{font-size: 11px;}
}

/* single-company:voice
******************************************/
.single-company .voice .list-all{padding: 20px;}
.single-company .voice .part-title{background: var(--color-main);color: #fff;padding: 10px;font-size: 18px;}
.single-company .voice .single{width: 49%;float: left;}
.single-company .voice .single:nth-child(2n){float: right;}
.single-company .voice .single:nth-child(2n+1){clear: both;}

@media screen and (max-width:640px){
.single-company .voice{background-color: transparent;}
.single-company .voice .list-all{padding: 0;}
.single-company .voice .single,
.single-company .voice .single:nth-child(2n){width: 100%;float: none;}

}

/* about
******************************************/

.reason-title{margin-bottom: 30px;}
.reason-title .ribbon{display: block;font-size: 24px;text-align: center;}
.reason-title .num{font-size: 48px;display: inline-block;margin: 0 2px;vertical-align: sub;}

.reason .single{border-bottom: dashed 1px var(--color-sub);padding: 20px 0 10px;}

.reason .single .img{width: 40%;float: left;}
.reason .single .text{width: 57%;float: right;}

/*.reason .single{width: 50%;float: left;padding: 10px;}*/
.reason .single h3{border-bottom: solid 1px var(--color-main);padding-bottom: 10px;margin-bottom: 10px;}
.reason .single h3 .ribbon{vertical-align: text-bottom;}
.reason .single h3 .reason-text{font-size: 20px;}
.reason .single .desc{font-size: 12px;color: #111;}



@media screen and (max-width:640px){
.reason .single .img,
.reason .single .text{width: 100%;float: none;}

}

/* home:reason
******************************************/
.home .reason {background: var(--color-sub);padding-bottom: 60px;}
.home .reason .reason-title{max-width: 1200px;margin: -30px auto 30px;}
.home .reason .list-all{max-width: 1200px;margin: auto;}

.home .reason .single{width: 33.33%;float: left;padding: 10px;border-bottom: 0;}
.home .reason .single:nth-child(3n+1){clear: both;}

.home .reason .single .img,
.home .reason .single .text{width: 100%;float: none;}



.home .reason .single h3{text-align: center;}
.home .reason .single h3 .ribbon{margin-bottom: 10px;}
.home .reason .single h3 .reason-text{display: block;font-size: 18px;}

@media screen and (max-width:640px){
.home .reason .single{width: 100%;float: none;border-bottom: dashed 1px var(--color-sub);padding: 20px 0 10px;}
}

/* slick
******************************************/

.slick{position: relative;display: none;}
.slick.slick-initialized{display: block;}

.slick-main .slick-slide,
.slick-thumb .slick-slide{cursor:pointer;}

.slick-thumb .slick-track {transform: unset !important;width: 100% !important;}
.slick-thumb .slick-slide {background: #000;display: block!important;position: relative;transition:all .2s linear 0s;}
.slick-thumb .slick-slide .img:hover{opacity: .8;}
.slick-thumb .slick-current .img{opacity: .8;}

@media screen and (max-width:640px){
.slick-thumb .slick-slide{width: 33.33% !important;}
}

/* pagenation
******************************************/

.result-header .result-count{width: 50%;float: left;text-align: left;font-size: 12px;margin-top: -10px;}
.result-header .btn-sort{width: 50%;text-align: right;float: right;}
.result-header .btn-sort .btn{float: none;padding: 5px 20px;}

.dropdown-menu{padding: 0;left: auto;right: 0;}
.dropdown-menu > a{display: block;padding: 10px;text-align: center;text-decoration: none;border-bottom: solid 1px #ddd;}
.dropdown-menu > a:last-child{border-bottom: 0;}

.page-control{text-align: center;clear: both;text-align: center;width: 100%;}
.nav-links{}
.nav-links span,
.nav-links a{display: inline-block;padding: 2px 10px;border: solid 1px var(--color-main);color: var(--color-main);text-decoration: none;}
.nav-links a:hover,
.nav-links a:active,
.nav-links a:focus{background: var(--color-sub);}
.nav-links .current{background: var(--color-main);color: #fff;}



.favorite_button {
    display: block;
    text-align: center;
    position: relative;
}
button.favorite_button_in {
    display: inline-block;
    padding: 12px 28px 12px 20px;
    border: 1px solid transparent;
    box-shadow: 0 2px 4px -2px rgb(33 37 56 / 25%);
    cursor: pointer;
    border-radius: 0.45rem;
    border-color: rgb(80,80,80,0.1);
    font-size: 0.95rem;
    transition: 0.2s ease-in-out;
    background: #fcfcfc;
    font-weight: 200;
}
button.favorite_button_in p {
    display: inline-block;
    margin: 0;
}
button.favorite_button_in:hover {
    opacity: 0.8;
}
button.favorite_button_in i {
    color: #6bb6ff;
    font-size: 1.3rem;
    vertical-align: -1px;
    margin-right: 8px;
    opacity: 0.3;
}
.is-choosen .favorite_button_in {
    background: #6bb6ff;
}
.is-choosen .favorite_button_in i {
    opacity: 1;
    color: #FFFF00;
}
.is-choosen .favorite_button_in p {
    font-size: 0;
    color: #FFFF00;
    font-weight: 600;
}
.is-choosen .favorite_button_in p:before {font-size:0.95rem; content: "お気に入り登録済";}

/* form
******************************************/

.form-control{display: inline-block;}
.form-group{margin-bottom: 30px;}
.form-unit{font-size: 14px;color: #999;}

.lead{font-size: 14px;color: #000;font-weight: 500;}

.table-edit{font-size: 12px;}
.table-edit caption{font-size: 18px;font-weight: bold;background: #99CB51;}
.table-edit th{background: var(--color-sub);}
.table-edit th .label{font-size: 10px;margin-left: 5px;padding: 2px 5px;}
.table-edit .form-title{font-size: 12px;}
.table-edit input[type=number]{width: 15em;}

.form-heading{color: var(--color-main);text-align: center;overflow: hidden;font-size: 20px;}
.form-heading .num{display: inline-block;background: var(--color-main);color: #fff;padding: 7px 10px;line-height: 1;margin-right: 10px;font-size: 12px;vertical-align: middle;position: relative;top: -2px;}

.form-subttl{display: block;}

.input-group-s{max-width: 20em;}

.zoom a:before,
.form-image label.label-checked:before{font-family: FontAwesome;font-size: 16px;line-height: 1;
text-rendering: auto;-webkit-font-smoothing: antialiased;}

.zoom a{position: relative;display: block;}
.zoom a:before{content:"\f002";display: inline-block;color: var(--color-main);position: absolute;right: 5px;top:5px;z-index: 3;font-size: 12px;}


.form-image .single img{margin-bottom: 10px;}
.form-image label{font-size: 12px;display: block;text-align: center;display: block;border: solid 2px var(--color-main);padding: 10px;border-radius:5px;color: var(--color-main);}
.form-image label.label-checked{background: var(--color-sub);position: relative;}
/*.form-image label.label-checked:before{content:"\f00c";display: inline-block;color: var(--color-main);position: absolute;left: 2px;z-index: 3;}*/
.form-image label input{display: none;}


.wpcf7-checkbox,
.wpcf7-radio{display: block;}
.wpcf7-checkbox:after,
.wpcf7-radio:after{conent:"";display: block;clear: both;}

.wpcf7-list-item{margin: 0 10px 10px 0 !important;}
.form-image .wpcf7-list-item{margin: 0 !important;display: block;width: 25%;float: left;padding: 5px;}
/*.form-image .wpcf7-list-item:before{content:"";display: block;width: 100%;padding-top: 75%;background: no-repeat center;background-size:contain;}
.form-image .wpcf7-list-item:nth-child(1):before{background-image: url(../img/design/basic.jpg);}
.form-image .wpcf7-list-item:nth-child(2):before{background-image: url(../img/design/modan.jpg);}
.form-image .wpcf7-list-item:nth-child(3):before{background-image: url(../img/design/japanese.jpg);}
.form-image .wpcf7-list-item:nth-child(4):before{background-image: url(../img/design/natural.jpg);}
.form-image .wpcf7-list-item:nth-child(5):before{background-image: url(../img/design/north.jpg);}
.form-image .wpcf7-list-item:nth-child(6):before{background-image: url(../img/design/country.jpg);}
.form-image .wpcf7-list-item:nth-child(7):before{background-image: url(../img/design/resort.jpg);}
.form-image .wpcf7-list-item:nth-child(8):before{background-image: url(../img/design/elegant.jpg);}
*/

#cboxTitle{font-size: 12px;font-weight: 600;}
#cboxCurrent{font-size: 12px;line-height: 1;}
@media screen and (max-width:640px){
.table-edit input[type=number]{width: 80%;}

.submit p{font-size: 11px;}
.form-image .wpcf7-list-item{width: 50%;}
.wpcf7-spinner{display: block !important;text-align: center;margin: 5px auto !important;}

#cboxTitle{font-size: 10px;}
#cboxCurrent{font-size: 10px;}
}