/*===========================================================
+-----+// font
===========================================================*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;700&display=swap');

/*===========================================================
+-----+// common
===========================================================*/

body {
	font-family: 'Noto Serif JP', serif;
}

/*===========================================================
+-----+// header
===========================================================*/

.header-nav-wrapper{
    padding: 0 10px;
    box-sizing: border-box;
    background: #fff;
    border-bottom: solid 5px #8ec349;
    position: fixed;
    z-index: 98;
    width: 100%;
}

.header-nav-wrapper .logo{
    padding: 15px 0 10px;
}

.navicon{
    padding: 32px 35px;
}

.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after{
    background: #000;
}

.primary-nav-wrapper.open{
    background-color: #8ec349;
}

.header-nav-wrapper nav ul li{
    padding: 0;
}
.header-nav-wrapper nav ul li a{
    font-size: 18px;
}

/*===========================================================
+-----+// footer
===========================================================*/
.footer-branding p {
	white-space:nowrap;
}
.footer-primary-nav li{
    margin: 0 !important;
}

.footer-primary-nav li.tw{
    border: none !important;
}
.footer-primary-nav li.tw a img{
    vertical-align: -10px;
    transition: all 0.5s;
}
.footer-primary-nav li.tw a:hover img{
    opacity: 0.7;
}

/*===========================================================
+-----+// asset
===========================================================*/

.row h4{
    font-size: 20px;
    margin:7px 0 15px 0;
}

.row h4:after {
    background-color: #8ec349;
}
a{
    color: #8ec349;
}
a:hover{
    color: #8ec349 !important;
}
section.get-started {
    padding: 20px 0;
    background-image: -webkit-linear-gradient(225deg, #8ec349 0%, #b0e171 100%);
    background-image: linear-gradient(225deg, #8ec349 0%,#b0e171 100%);
}
section.get-started h2{
    margin: 0;
}

.latest-articles article{
    margin-top: 25px;
}

/*===========================================================
+-----+// top
===========================================================*/

header.hero{
    padding-top: 66px;
}

.hero-bg .wp1{
    text-shadow: 0 0 10px #555;
}

.btn.secondary {
    color: #8ec349;
    border: 2px solid #8ec349;
}

.btn.secondary:hover{
    background: #8ec349;
    border: 2px solid #8ec349;
}

#articles.has-padding-top{
    padding: 30px 0;
}

article.article-post .article-image{
    height: 250px !important;
    max-height: 250px !important;
}

article.article-post .has-overlay:after{
    background: none;
}

article.article-post a:hover .has-overlay:after{
    background-color:rgba(142,195,73,0.5);
}

.view-more{
    margin-top: 30px;
}

a.view-more{
    color: #fff !important;
}

.news_area{
    padding-bottom: 50px;
}

#starkid_news dl{
    margin-bottom: 20px;
}
#starkid_news dt{
    font-weight: bold;
    margin-bottom: 10px;
}

/*===========================================================
+-----+// company
===========================================================*/

.company{
    margin-bottom: 50px;
}

.gmap{
    padding:  0 15px;
    margin-bottom: 50px;
}

.gmap small{
    display: block;
    font-size: 10px;
    text-align: right;
    margin-top: 5px;
}

.table{
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    margin-right: 15px;
    margin-left: 15px;
    width: calc(100% - 30px);
}
.table th,.table td{
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background: #fff;
}
.table .ltd{
    background:#ededed;
}
/*===========================================================
+-----+// contact
===========================================================*/

.cntct dt {
    width: 100%;
}
.error{
    color: #bb5958;
}

/*===========================================================
+-----+// contact
===========================================================*/
.crew article.crew-member .overlay{
    background-color:rgba(142,195,73,0.7);
}

/*===========================================================
+-----+// 建築実績詳細
===========================================================*/

figcaption h2{
    font-size: 20px !important;
}

.results-detail h2{
    color: #414A52;
    text-align: center;
    margin-bottom: 20px;
    line-height: 1.6;
    font-size: 20px;
    font-weight: bold;
}

.read_txt{
    text-align: center;
    margin-bottom: 30px;
    padding: 0 15px;
}

.stocklist-area .col-md-3{
    margin-bottom: 0;
}

.results-detail .has-padding{
    padding: 0 0 0;
}
.latest-articles .article-image{
    margin-bottom: 10px;
}