@charset "UTF-8";
/* CSS Document */

/*
かなりうすい：#f3eee9
うすい色：#dcd5cf
keycolor:#c1b7ae
濃い色：#6f6259
ロゴの色：#ad9d67
*/

/*==================================================
sec
================================================== */

.sec-grey{
    background: #f3eee9 !important;
}

/*==================================================
header
================================================== */

#header-top{
    background-color: #271C16;
}

#header-top-link ul li a{
    color: #b89454;
    border-color: #b89454;
}
#header-top-link ul li:last-child a{
    border-color: #b89454;
}

#header-top-info a{
    background-image: linear-gradient(0deg, rgba(6, 6, 6, 1), rgba(64, 54, 47, 1));
    border:1px solid #b89454;
    color: #b89454;
    border-radius: 3px;
}

#header-top-info a:hover{
    background: #b89454;
    color: #111;
}

img.logo{
    margin-top: 15px;
    height: 40px;
}

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

img.logo{
    margin-top: 10px;
    height: 38px;
    margin-left: 5px;
}
    
}

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

img.logo{
    margin-top: 4.4vw;
    height: 7vw;
}
    
}

/*==================================================
footer
================================================== */

footer{
    background: #271C16;
    color: #fff;
}

a.a-footer-contact{
    background: #b89454;
}

a.a-footer-contact:hover{
    background: #111;
    color: #fff;
}

p.footer-logo img{
    width: 30%;
}

#footer-sns a,
#footer-menu a{
    color: #fff;
}



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

p.footer-logo img{
    width: 26%;
}
    
}

/*==================================================
navi
================================================== */

#pc-navi{
    /*background-image: -moz-linear-gradient( 90deg, rgb(254,180,248) 0%, rgb(253,169,60) 50%, rgb(190,183,253) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(254,180,248) 0%, rgb(253,169,60) 50%, rgb(190,183,253) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(254,180,248) 0%, rgb(253,169,60) 50%, rgb(190,183,253) 100%);
    
    background: rgb(231,150,33);
background: linear-gradient(0deg, rgba(231,150,33,1) 0%, rgba(253,187,92,1) 100%);*/

  background-image: -moz-linear-gradient( 90deg, rgb(14,7,1) 0%, rgb(31,16,3) 50%, rgb(67,32,10) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(14,7,1) 0%, rgb(31,16,3) 50%, rgb(67,32,10) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(14,7,1) 0%, rgb(31,16,3) 50%, rgb(67,32,10) 100%);
 
    /*background: #fdbb5c;*/
}

#dropmenu{
    border: none;
}

#dropmenu > li{
    border: none;
}

#dropmenu > li > a{
    color: #b89454;
}

#dropmenu li:hover > a{
  background: #6f6259;
  color: #b89454;
}
#dropmenu li ul li a{
    background: #6f6259;
}

#dropmenu li ul li a:hover{
    background: #dcd5cf;
}

#dropmenu li:hover ul li a{
    color: #b89454;
}

#navi-sns a{
    color: #b89454;
}


/*==================================================
sp header btn
================================================== */

a.sp-header-contact{
    background: #b89454;
    color: #fff;
}

a.sp-header-tel{
    background: #111;
    color: #fff;
}


/*==================================================
sp hm
================================================== */

.sidebarIconToggle,
.navi{
  background-image: -moz-linear-gradient( 90deg, rgb(14,7,1) 0%, rgb(31,16,3) 50%, rgb(67,32,10) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(14,7,1) 0%, rgb(31,16,3) 50%, rgb(67,32,10) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(14,7,1) 0%, rgb(31,16,3) 50%, rgb(67,32,10) 100%);
}

.spinner{
    background:#fff; 
}

.sidebarIconToggle small{
    color: #fff;
}

.sidebar-btn a{
    color: #fff;
}


/*==================================================
btn
================================================== */

.btn{
    /*background: #fdbb5c;*/
    background: #b89454;
    border-color: #b89454;
    transition: all 0s ease !important;
    color: #111;
}

.btn:hover{
    color: #111 !important;
    background: #fff;
}

.btn.btn-keycolor{
    background: #b89454;
    border-color: #b89454;
}

.btn.btn-keycolor:hover{
    color: #fff !important;
    background: #111;
}

.btn.btn-w{
    color: #6f6259 !important;
}

.btn.btn-w:hover{
    background: #6f6259;
}

.btn.btn-subcolor{
    background: #b89454;
    color: #fff !important;
    border-color: #b89454;
}

.btn.btn-subcolor:hover{
    color: #fff !important;
    background: #111;
}


.wp-block-button a{
    background-color: #6f6259 !important;
    color: #fff !important;
    border: 2px solid #6f6259 !important;
}

.wp-block-button a:hover{
    background-color: #fff !important;
    color: #6f6259 !important;
}





/*==================================================
top-mv
================================================== */
#top-mv h2{
    font-size: 60px;
    font-weight: 600;
}

#top-mv img{
    opacity: 0.8;
}

.flexslider{
    background: #000;
    border-radius: 0 !important;
}

@media only screen and (max-width: 1024px) {
#top-mv h2{
    font-size: 48px;
}
    
}

@media only screen and (max-width: 767px) {
#top-mv h2{
    font-size: 8.5vw;
}
    
}


/*==================================================
feature
================================================== */

#feature ul li{
    background: #271C16;
    color: #fff;
}

#feature ul li:before{
		border-bottom: solid 10px #271C16;
}

#feature ul li:after{
		border-top: solid 10px #271C16;
}

#feature ul li article h4{
    color: #b89454;
    font-weight: 500;
}

.catch-concept{
    font-weight: 500;
    color: #fff;
}

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

.catch-concept{
    text-align: center;
    font-size: 5vw;
    line-height: 1.6;
}
    
}

/*==================================================
voice
================================================== */

.ul-voice li h4{
    border-bottom: 1px solid #6f6259;
    color: #6f6259;
}

/*==================================================
accordion
================================================== */

dl.accordion dt span{
	background-color: #6f6259;
}

dl.accordion dt.open{
	background-color: #6f6259;
}

/*==================================================
cta
================================================== */

#cta{
    background: #271C16;
}

#cta-area{
    padding: 90px 0;
}

.cta-area-btn ul{
    display: block;
}

.cta-area-btn ul li{
    display: inline-block;
}

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

#cta-area{
    padding: 40px 0 50px;
}
    
}

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

#cta-area{
    padding: 30px 0 35px;
}
    
}

/*==================================================
project
================================================== */

.txt-strength{
    background: #fff;
}

#top-mv.mv-bg-black img{
    opacity: 0.8;
}

/*==================================================
contact
================================================== */

.table th, .body-menu table th{
    background: #f3eee9;
}

/*==================================================
btn-form
================================================== */

.btn-form{
    background-color: #b89454;
    color: #fff;
    border-color: #b89454;
}
.btn-form:hover{
    background-color: #fff;
    color: #111;
    border-color: #b89454;
}