@charset "UTF-8";

/* --------------------------------
 * 会社概要
 * -------------------------------- */
#top-company{
 padding:0 0 80px 0;
}

#top-company .content-a .content-left{
 width:52%;
 float:left;
 padding:25px;
}

#top-company .content-a .content-left .wrap{
 margin:0 10px;
}

#top-company .content-a .content-right{
 width:48%;
 float:left;
}

#top-company .content-a .content-right img{
 width:100%;
}

#top-company .content-a{
 margin:0 auto;
 width:79%;
}

#top-company .content-a p{
 line-height:1.9;
 font-size:1.6rem;
}

#top-company .content-a h3{
 font-size:2.4rem;
 line-height:1.55;
}


/* --------------------------------
 * news
 * -------------------------------- */
#top-news{
 padding:80px 0;
}

#top-news .news-date-wrap{
 float:left;
 width:250px;
}

#top-news .news-title-wrap{
 float:left;
 position:relative;
 top:9px;
}

#top-news .news-arrival-wrap{
 display:inline-block;
 margin:9px 14px;
}

#top-news ul{
 list-style:none;
}

#post-list{
 margin:0 130px;
}


#top-news .news-arrival-wrap a{
 font-size:1.3rem;
 line-height:1.5;
 background:#6D4C41;
 padding:3px 15px;
 color:#fff;
}

#top-news .news-list-item{
 border-bottom:1px solid #333;
 padding:15px 0;
}

#top-news .news-list-item h3{
 font-weight:normal;
 font-size:1.8rem;
}

#top-news .news-list-item h3 a{
 color:black;
 transition:0.5s;
}

#top-news .news-list-item h3 a:hover{
 opacity:0.5;
}



/* --------------------------------
 * スライドショー
 * -------------------------------- */
#slideshow{
 position:relative;
}

#slideshow img{
 width:100%;
 position:absolute;
 top:0;
 left:0;
 z-index:8;
 opacity:0.0;
}

#slideshow img.active{
 z-index:10;
 opacity:1.0;
}

#slideshow img.last-active{
 z-index:9;
}

/* --------------------------------
 * Google Maps
 * -------------------------------- */
.gmap{
 height:0;
 overflow:hidden;
 padding-bottom:26%;
 position:relative;
}

.gmap iframe{
 position:absolute;
 left:0;
 width:100%;
 top:-150px;
 height:calc(100% + 150px + 150px);
 padding:0 130px;
}


/* --------------------------------
 * サービス紹介
 * -------------------------------- */
#top-service{
 padding:0 10% 80px;
}

#top-service .service-list-item{
 float:left;
 width:30.3%;
 margin:10px 15px 70px;
}

#top-service img{
 width:100%;
}

#top-service .service-wrap a img{
 transition:0.5s;
}

#top-service .service-wrap a img:hover{
 opacity:0.7;
}

#top-service .service-inner{
 width:100%;
}

#top-service .service-inner p{
 line-height:1.9;
}

#top-service ul{
 list-style:none;
}

#top-service h3{
 margin:20px;
 font-size:2.0rem;
 text-align:center;
 line-height:1.9;
}

#top-service h3:after{
 content: " ";
 display: block;
 border-bottom: solid 2px #ab0d0d;
 width:30%;
 margin:10px auto;
}

#top-service .button-style1-wrap{
 margin:initial;
}


/* --------------------------------
 * 実績紹介
 * -------------------------------- */
#top-actual{
 padding:0 10% 10px;
 background-color:#FDF8F6;
}

#top-actual .actual-list-item{
 float:left;
 width:22%;
 margin:10px 15px 70px;
}

#top-actual .actual-wrap img{
 width:100%;
 transition:0.5s;
}

#top-actual .actual-wrap img:hover{
 opacity:0.7;
}

#top-actual .actual-inner{
 width:100%;
 margin:10px 0 0 0;
}

#top-actual .actual-inner a{
 color:#333;
 transition:0.3s !important;
}

#top-actual .actual-inner a:hover{
 color:#333;
 opacity:0.7;
}

#top-actual .actual-inner p{
 line-height:1.9;
 height:120px;
 overflow:hidden;
}

#top-actual ul{
 list-style:none;
}

#top-actual .button-style1-wrap{
 margin:20px 0 0 0;
 text-align:center;
}

#top-actual .button-style1-wrap .button-style1{
 width: 160px;
 font-size: 1.2rem;
 padding: 4px 0 1px;
}

#top-actual .actual-inner:before{
 content:" ";
 display:block;
 border-bottom:solid 2px #ab0d0d;
 width:30%;
 margin:20px auto;
}

/*前矢印のアイコンフォント*/
.sp-previous-arrow:before{
 font-family: "Font Awesome 5 Free" !important;
 font-weight: 900 !important;
 content: "\f359" !important;
 color: #333333 !important;
 font-size:4.3rem;
}

/*後矢印のアイコンフォント*/
.sp-next-arrow:before{
 font-family: "Font Awesome 5 Free" !important;
 font-weight: 900 !important;
 content: "\f35a" !important;
 color: #333333 !important;
 font-size:4.3rem;
}