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

/* color */
body, .txt_color_nomal,.hvr_txt_color_nomal:hover,.linkStyle{color: #333333;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #0FA520} /* メインカラー */
.txt_color2{color: #8DE823} /* サブカラー */
.txt_color3{color: #999999} /* アクセントカラー1 */
.txt_color4{color: #eeeeee} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #0FA520} /* メインカラー */
.bg_color2{background-color: #8DE823} /* サブカラー */
.bg_color3{background-color: #999999} /* アクセントカラー1 */
.bg_color4{background-color: #eeeeee} /* アクセントカラー2 */

/* border-color ※!important */
.border_color1{border-color: #0FA520}
.border_color2{border-color: #8DE823}
.border_color3{border-color: #999999}
.border_color4{border-color: #eeeeee}

/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #333333;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #0FA520} /* メインカラー */
.hvr_txt_color2:hover{color: #8DE823} /* サブカラー */
.hvr_txt_color3:hover{color: #999999} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #eeeeee} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #0FA520} /* メインカラー */
.hvr_bg_color2:hover{background-color: #8DE823} /* サブカラー */
.hvr_bg_color3:hover{background-color: #999999} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #eeeeee} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}


/* border-color ※!important */
.hvr_border_color1:hover{border-color: #0FA520}
.hvr_border_color2:hover{border-color: #8DE823}
.hvr_border_color3:hover{border-color: #999999}
.hvr_border_color4:hover{border-color: #eeeeee}


/*全ページ*/
body{color: #333333!important;}
#fakeloader{background-color:white;}
#wrap{background-color: #f0f0f0;}
.header span,.header a{color:#333;}
.header_box{padding-bottom: 20px;}
#logo a img{width: 230px;}
#main_menu{background-color: #4cbb45;}
#main_menu.fixed {background-color: rgba(76,187,69,0.70)!important;}
#main_menu .menu_sub_title {color:white;}
#fixed_right_banner .sns_link{
background-color: #fefdf9;
border-color:#4cbb45;
}
#info_map{
background-color: #e0e0e0;
position:relative;
}
#info_map .foot_tel_bt a,#info_map .foot_tel_bt i,#info_map p{color:#333!important;}
#f_menu{
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
}
#f_menu ul li a,#foot_txt span{color:#333;}
#copyright a{color:#4cbb45!important;}
#page-top a{background-color:#4cbb45;}
.tel2{padding-left:45px;}
.ft_tel2{padding-left:35px;}
.overlay ul li{height: calc(100% / 12)!important;}


/*トップページ*/
#aisatsu > div {
background-color: rgba(238, 225, 198, 0.5)!important;
color:#333;
padding-right: 100px;
padding-left: 100px;
}
#aisatsu h2{font-weight:bold;}
#aisatsu .aisatsu_txt{
background-color: rgba(255,255,255,0.5);
padding: 40px 0;
}
#top_contents figure{width: 65%!important;}
.contents_box {background-image: linear-gradient( 135deg, rgba(98, 219, 90,1.0) 0%, rgba(50, 178, 42,1.0) 100%)!important;}
.contents_box::before,.contents_box::after,.contents_box2::before,.contents_box2::after{background-color: #e8d05e;}
#top_cms{
background-image: url(dup/img/wd2.jpg);
background-size: cover;
padding: 80px 0 20px;
}
#top_cms .cms_title h2::before, #top_cms .cms_title h2::after{background-color: rgba(51,51,51,0.5);}
.effect{color:#333;}
.cms_title h2{color:#333;}
.cms_title p{color:#ef9d0d;}
.border_white{
border-right: 1px solid #333;
border-left: 1px solid #333;
border-bottom: 1px solid #333;
}
#top_cms .cms_1-c .box_title1{border-bottom: 0;}
.town_t{
display:block;
width:100%;
height:80px;
background-image:url(dup/img/bg_u2.png);
background-repeat:repeat-x;
margin-top: 100px;
}

/*下層ページ*/
#main_img2 .page_title{background-color: rgba(238, 225, 198, 0.5)!important;}
.page_title h2{
color:#333;
background-color:rgba(255,255,255,0.6);
font-weight: bold;
}
.page_title h2 span{color:#ef9d0d;}
.cate_wrap {
background-color: white;
padding: 50px 40px;
}
.cate_list li a{
color: #4cbb45;
border: 1px solid #4cbb45;
}
.cate_list li a i{color: #4cbb45;}
.cms_wrap {color:#333!important;}
.cate_title{
color:white;
background-color: #ef9d0d;
border-left:0;
font-weight: bold;
}
.cate_wrap figure a img{
border-right:0;
border-bottom:0;
}
.town{
display:block;
width:100%;
height:80px;
background-image:url(dup/img/bg_u2.png);
background-repeat:repeat-x;
}

/*お知らせ*/
#cms_1-c{
background-color: #fffbf7;
padding-top: 50px;
padding-bottom: 50px;
}
#cms_1-c .date {color: #4cbb45;}
#cms_1-c .pager li a{
background-color: #ef9d0d;
color:white;
}

 /*飯島建設について*/
#cms_2-b .cate_box{border: 2px solid #9b9b9b;}
#cms_2-b .cate_box .box_title1{
color:#5c5c5c;
border-bottom: 2px solid #9b9b9b;
font-weight: bold;
}

/*ビフォーアフター*/
#cms_4-a{
background-color: #fffbf7;
padding:50px 40px;
}
#cms_4-a .cate_title{
text-align:left;
padding:10px;
}
#cms_4-a .cate_box .box_title1{font-weight: normal;}

/*会社概要*/
#page7 .box_title1 {
color: #4cbb45;
border-bottom:0;
}
#page7 .box_txt1 {
color:#333;
border-left: 1px solid #eee;
}
#page7 .cate_box{border-bottom: 1px solid #eee;}

/*お問い合わせ*/
#page8{color:#333!important;}
#end_message{color:#4cbb45!important;}
#error_message{color:red!important;}
#form_area input{
background-color: #ef9d0d;
color:white;
transition: 0.5s;
}
#form_area input:hover{opacity: 0.5;}

/*プライバシーポリシー*/
#page9{color:#333;}
#page9 .cate_box h3{
color:#4cbb45;
border-bottom: 1px solid #eee;
}
#page9 .cate_box{border-left: 1px solid #eee;}
#page9 .cate_box p a{
background-color: #ef9d0d;
color:white;
transition: 0.5s;
}
#page9 .cate_box p a:hover{opacity: 0.5;}

/*サイトマップ*/
#page10 .cate  li a span{color:#4cbb45;}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#logo{margin-right: 25%;}
#logo a img{width: 240px;}
#aisatsu > div{
padding-right: 80px;
padding-left: 80px;
}
#aisatsu .aisatsu_txt{padding: 40px 20px;}
#f_menu ul li a{letter-spacing: 1px;}
}
#page10 ul li a{letter-spacing: 0px;}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#logo {margin-right: 15%;}
#logo a img {width: 180px;}
.button_container span{
background:#ef9d0d;
box-shadow:none;
}
.header_box {padding-bottom: 0px;}
#aisatsu > div{padding: 30px 20px;}
#top_contents figure {width: 100%!important;}
#top_cms {padding: 50px 0 1px;}
#logo2 a img{max-width: 180px;}
#cms_1-c{padding: 10px;}
.page_title h2{
width: 80%;
box-sizing: border-box;
}
.cate_wrap{
padding: 30px 15px;
margin-bottom: 50px;
}
#cms_2-b .cate_box{padding: 15px;}
#cms_4-b{padding: 30px 15px;}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
.effect{padding-bottom:-15px;}
#cms_4-b .cate_title{padding:15px 10px 8px;}
#form_area input{padding:10px 10px 8px;}
}