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

/*===========================================*/
/*==職人の現場日記（2018/07追加）==*/
/*===========================================*/
.blog_slider_wrap{
	padding: 0 30px;
	margin-bottom: 10px;
}
.blog_slider__box{
	margin: 0 5px;
	text-align: center;
}
.blog_slider__box .img{
	text-align: center;
	margin-bottom: 5px;
}
.blog_slider__box img{
	max-width: 100%;
	width: 100%;
	height: 180px;
	object-fit: cover;
	margin: 0 auto;
}

/*===========================================*/
/*==お客様の声==*/
/*===========================================*/

#voice #voice_image{
background: url(../img/voice_bg.jpg) left top no-repeat;
display: block;
width: 100%;
min-height: 136px;
height: auto!important;
height: 136px;
text-decoration: none;
color: #333333;
}
#voice #voice_image:hover,#case a:hover{
filter: alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
/*20140404追加*/
#voice_list{
	background: #F7F5F2;
	width: 666px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	padding-right: 11px;
	padding-bottom: 5px;
	padding-left: 11px;
}
#voice_list ul{
zoom: 1;
margin-right: -12px;
_margin-right: -24px;
}
#voice_list li{
	float: left;
	width: 214px;
	margin: 0 12px 0 0;
}
#voice_list .post_ttl_wrap{
background: url(../../common/img/post_ttl_bottom.jpg) left bottom no-repeat;
padding-bottom: 15px;
}
#voice_list li .post_thumbnail img{
max-width: 100%;
}
#voice_list .icon img{
	margin:0 5px 5px 0;
}
#voice_list .post_ttl{
background: #A4C531 url(../../common/img/post_ttl_head.jpg) left top no-repeat;
padding: 18px 10px 0 10px;
text-align: center;
}
#voice_list .post_ttl a{
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}
#voice_list .post_ttl a .comment{/*201411追加　お客様の声部分*/
/*font-size: 12px;*/
}

#voice_list .icon {
	text-align: left;
}

#voice_list .tit {
	text-align:left;
	margin-left:15px;
}



/*---------------*/



/*===========================================*/
/*==施工事例==*/
/*===========================================*/

#case a{
background: url(../img/case_bg.jpg) left top no-repeat;
display: block;
width: 100%;
min-height: 136px;
height: auto!important;
height: 136px;
text-decoration: none;
color: #333333;
}
#case_list .icon{
	padding-bottom: 5px;
	text-align: left;
}

#case_list .name {
	padding-bottom: 10px;
	text-align: left;
	font-weight: bold;
}

#case_list .post_thumbnail .stamp_comp{
  position:absolute;
  bottom:0px;
  left:100px;
}

/*===========================================*/
/*==新着情報==*/
/*===========================================*/

#news, #voice, #case, #case_new {
position: relative;
}
#news{
	background:url(../img/contents_head_gray.png) no-repeat top #FAF9F7;
	margin: 0px auto 20px auto;
	width: 680px;
	padding:34px 15px 15px 15px;
	box-shadow: 1px 1px 3px rgba( 0,0,0,0.2 );
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#news .midashi{
	font-size: 16px;
	color: #FE6310;
	margin-bottom: 10px;
}
#news .list, #voice .list, #case .list, #case_new .list{
background: url(../img/icon01.png) left top repeat-y;
padding-left: 20px;
position: absolute;
right: 20px;
top: 20px;
}
#news .list a, #voice .list a, #case .list a, #case_new .list a{
color: #333333;
text-decoration: none;
}
#news .list a:hover, #case_new .list a:hover { text-decoration: underline;}
#news_list{
	background: #FAF9F7;
	padding: 5px 10px;
	line-height: 1.8;
	height: auto;
	/* [disabled]overflow-y: scroll; */
}
#news_list dt{
float: left;
font-size: 10px;
color: #999999;
width: 70px;
margin-bottom: 2px;
}
/*\*/
#news_list dt{ clear: both;}
/**/
#news_list dd{
background: url(../img/icon02.jpg) left 5px no-repeat;
padding-left: 10px;
float: left;
width: 560px;
margin-bottom: 2px;
}
/*\*/
*html #news_list dd{ float: none;}
/**/
*:first-child+html #news_list dd{ float: none;}


/*===========================================*/
/*==最新施工事例==*/
/*===========================================*/

#case_list{
	background: #F7F5F2;
	width: 666px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	padding-right: 11px;
	padding-bottom: 5px;
	padding-left: 11px;
}
#case_list ul{
zoom: 1;
margin-right: -12px;
_margin-right: -24px;
}
#case_list li{
float: left;
width: 214px;
margin: 0 12px 0 0;
}
#case_list .post_ttl_wrap{
background: url(../../common/img/post_ttl_bottom.jpg) left bottom no-repeat;
padding-bottom: 15px;
}
#case_list .post_thumbnail{
width: 214px;
overflow: hidden;
position:relative;
}
#case_list .post_ttl{
background: #A4C531 url(../../common/img/post_ttl_head.jpg) left top no-repeat;
padding: 18px 10px 0 10px;
text-align: center;
}
#case_list .post_ttl a{
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}
#case_list .icon img{
	margin:0 5px 5px 0;
}
#case_list .post_thumbnail .stamp{
	position:absolute;
	bottom:5px;
	right:-10px;
}

#case_list .post_thumbnail .new_stamp{
	position:absolute;
	top:0px;
	left:0px;
}

.headline_box .seko_tit {
	text-align: left;
	padding-left: 15px;
	display: block;
}
/*===========================================*/
/*==スタッフ紹介==*/
/*===========================================*/

#staff_wrap .wrap{
background: url(../img/contents_head_staff.png) left top no-repeat !important;
}

#staff_wrap .box {
padding: 10px 17px 10px 10px;
width: 692px;
}

/*===========================================*/
/*==セミナーリスト==*/
/*===========================================*/
#seminar_mainimage_top{ position: relative;}
#seminar_mainimage_footer_top{
	position: relative;
	margin: -3px -4px 0 -4px;
}
#seminar_mainimage_medal_top{
	position: absolute;
	bottom: 75px;
	right: -60px;
}

#seminar_top {
	background-image: url(../img/top_seminar_bg.png);
	text-align: center;
	padding-top: 20px;
	padding-bottom: 10px;
}

#seminar_top .seminar_listtit {
}

#seminar_top .seminar_list1 {
	text-align: left;
}

.top_seminar_b {
	margin-top: -15px;
	margin-bottom: 30px;
	padding-top: 0px;
}

.headline_box .inner .interview_tit {
	text-align: left;
	margin-left: 15px;
	display: block;
}
/*===========================================*/
/*セミナー回数*/
/*===========================================*/
.seminar_block {
	display:block!important;
	width:705px!important;
	padding:170px 0;
	position:absolute!important;
}

.seminar_top_wrap a {
	z-index:999;
}

.seminar_top_wrap a:hover {
	background: url(../../img/top/seminar_top_wrap_bg.png) repeat;
}

#seminar_top #seminar_count {
	background-image: url(../../seminar/img/semino_bg.jpg);
	background-repeat: no-repeat;
	height: 342px;
	width: 705px;
	position: relative;
	margin-left: 10px;
	margin-bottom: 15px;
}

#seminar_top #seminar_count .no1,
#seminar_top #seminar_count .no2 {
	font-size: 24px;
	font-weight: bold;
	color: #F00;
	width: 150px;
	position: absolute;
	left: 99px;
	text-align: right;
	height: 50px;
}

#seminar_top #seminar_count .no1 {
	top: 105px;
}
#seminar_top #seminar_count .no2 {
	top: 150px;
}

#seminar_top #seminar_count .btn {
	height: 53px;
	width: 441px;
	position: absolute;
	left: 238px;
	top: 254px;
	overflow:hidden;
}

#seminar_top #seminar_count .no1 .red,
#seminar_top #seminar_count .no2 .red {
	font-size: 40px;
	margin-right: 10px;
}

#seminar_top #seminar_count .date {
	position: absolute;
	left: 85px;
	top: 199px;
}

/*キャンペーン*/
#top_cam {
	padding-bottom: 5px;
	text-align: center;
}
/*トップイメージ2014.11.19追加*/
.top_img{
	background:url(../../img/top/top_keyvisual.jpg) no-repeat;
	width:980px;
	height:412px;
	margin:0 0 15px;
	padding:0;
}
.top_img strong{
	display:none;
}
.top_img span{
	display:block;
	color:#e60012;
	font-size:21px;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	margin:0;
	line-height:1em;
	height:21px;
	text-align:right;
}
.top_img .block01{
	padding:260px 51px 0 0;
}
.top_img .block02{
	padding:20px 51px 0 0;
}

/* mainvisual 20200115 */
#mainvisual {
	max-width: 1280px;
	margin: 0 auto;
}
#mainvisual a:hover {
	opacity: 0.7;
}

/*メインビジュアル20150216*/
#main_v {
	background-image: url(../../img/top/main_v_bg.png);
	height: 449px;
	width: 971px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 3px;
	padding: 5px;
	margin-bottom: 15px;
}
#main_v .link {
	margin: 0px;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
}

#main_v .link img {
	margin-right:-4px;
	line-height: 0px;

	padding: 0px;
}

#main_v .inner {
	background-color: #ffae20;
	margin: auto;
	height: 439px;
	width: 964px;
	padding-top:4px;
}

/* メインビジュアル　Ver.3 */

.main_v3 {
	background:url(../img/top/main_v3/main_bg9.png) no-repeat;
	width:980px;
/*	height:438px; */
	padding:0;
	margin-bottom:20px;
}

.main_v3 .main_v3_btn {
	width: 562px;
	height: 52px;
	padding:369px 0 20px 394px;
}

/*.main_v3 .main_v3_btn a {
	float:left;
	margin-right:4px;
}
*/
.main_v3 .bnr {
	width:980px;
	height:100px;
	padding:40px 0 10px 2px;
}

.main_v3 .bnr a {
	float:left;
	margin-right:8px;
}

/* メインビジュアル　2018 */
.main_top {
	width:980px;
	/*height:574px;*/
	padding:0;
	margin-bottom:20px;
}
.main_top .bnr_fl {
	width:480px;
	height:126px;
	float:left;
	padding:0 10px 0 0;
}

.main_top .bnr_fr {
	width:480px;
	height:126px;
	float:right;
	padding:0 0 0 10px;
}
.main_top .mb10{
	margin-bottom:10px;
}

/* おしらせ */

#oshirase {
    border: double 5px #F00;
    padding: 10px;
    margin:0px 0 20px 0px;
    line-height: 1.6em;
    font-size: 12px;
    text-align: left;
}

.t_bnr{
	margin-bottom: 15px;
}

/* add top no1 link start */
.top_no1_link {
	width: 700px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px auto;
	background: #82C32E;
	background-image: -webkit-linear-gradient(top, #82C32E, #A9DF53);
	background-image: -moz-linear-gradient(top, #82C32E, #A9DF53);
	background-image: -ms-linear-gradient(top, #82C32E, #A9DF53);
	background-image: -o-linear-gradient(top, #82C32E, #A9DF53);
	background-image: linear-gradient(to bottom, #82C32E, #A9DF53);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 5px;
	text-decoration: none;
	cursor: pointer;
}
.top_no1_link:hover {
	opacity: 0.7;
}
.top_no1_link span {
    position: relative;
	font-size: 26px;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 2px;
}
.top_no1_link span.arrow::before,
.top_no1_link span.arrow::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.top_no1_link span::before{
    left: 105%!important;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border: 8px solid transparent;
    border-left: 8px solid #fdf03e;
}
/* add top no1 link end */

/* add Pint3ImgMap start */
.Pint3ImgMap {
	position: relative;
}
.Pint3ImgMap ul {
    position: absolute;
    top: 46px;
    left: 240px;
}
.Pint3ImgMap ul li:not(:last-child) {
	margin-bottom: 4px;
}
.Pint3ImgMap ul li a {
    width: 790px;
    height: 90px;
    display: block;
}
.Pint3ImgMap ul li a:hover {
    background: rgba(255, 255, 255, 0.5);
}
/* add Pint3ImgMap end */

/*SDGsロゴ*/
.sdgs-logo {
	display: flex;
	justify-content: space-between;
    padding: 8px;
	width: 700px;
	margin: 0 auto;
}