@charset "utf-8";
@media screen and (min-width: 1201px) { html{font-size:17px; } }@media screen and (max-width: 1200px) { html{font-size:16px; } }@media screen and (max-width: 1024px) { html{font-size:15px; } }@media screen and (max-width: 768px) {  html{font-size:14px; } }@media screen and (max-width: 480px) {  html{font-size:13px; } }a,a:visited,a:active { color:rgba(51,51,51,1.00)}a:hover { color:rgba(153,153,153,1.00)}
/* css setting */
/*———————————————　文字に関する設定　———————————————*/

.bold {
    font-weight: bold;
}

.space_1{
    letter-spacing: 0.1rem;
}

.space{
    letter-spacing: 0.2rem;
}

.space_2{
    letter-spacing: 0.4rem;
}

.space_3{
    letter-spacing: -0.1rem;
}




/*———————————————　色に関する設定　———————————————*/

.opacity {
    opacity: 0.9;
}

.main_color {
    color: #0b57a6;
}

.main_backgroundcolor {
    background-color: #0b57a6;
}

.white_rgba {
    background-color: rgba(255,255,255,0.9);
}

.black_rgba {
    background-color: rgba(30,30,30,0.85);
}

.black_rgba2 {
    background-color: rgba(30,30,30,0.65);
}

.blue_rgba {
    background-color: rgba(11,87,166,0.85);
}

.gray1_rgba {
    background-color: rgba(89,87,87,0.85);
}

.gray2_rgba {
    background-color: rgba(151,161,135,0.9);
}

.pink_rgba {
    background-color: rgba(247,59,112,0.85);
}


/*　--------------------　Fatナビに関する設定　--------------------　*/

.fat-nav li {
    list-style-type: none;
    text-align: center;
    padding: 1.5rem;
    font-size: 1.2rem;
    border-bottom: 1px solid #969696;
}

.fat-nav{
    background: rgba(89, 87, 87, 0.96);
}

.hamburger .hamburger__icon, .hamburger .hamburger__icon:before, .hamburger .hamburger__icon:after {
    background-color: #f73b70;
}



/*　Fatnaviフィックス　*/

#bottomfix {
    position: fixed;
    z-index: 100;
    bottom: 0;
    right: 0;
}

#bottomfix_02 {
    position: fixed;
    z-index: 100;
    bottom: 0;
    right: 0;
}

#topfix_A {
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
}

#topfix_B {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
}


/*———————————————　トップ　企業情報下部　———————————————*/

.b_navi {
    background-color: rgba(89,87,87,0.75);
}

.b_navi:hover {
    background-color: rgba(89,87,87,0.45);
    transition:0.6s;
}


/*———————————————　前田組の想い下部　———————————————*/

.m_navi {
    background-color: rgba(89,87,87,0.85);
}

.m_navi:hover {
    background-color: rgba(89,87,87,0.55);
    transition:0.6s;
}



/*———————————————　年度別施工実績に関する設定　———————————————*/

.tk_category {
    text-align: right;
    background-color: #97a187;
    color: #ffffff;
    padding: 0.5rem 0.7rem 0.5rem 0.8rem;
    margin-right: 1rem;
}


/* -------------------------------------------------- スライドページリスト --------------------------------------------------*/ 


.slick-slide div.contentsslider_footer div.contentsslider_btn p {
    background-color: #666666;
    padding: 0.3rem;
    margin-top: 0.2rem;
    font-size: 0.6rem;
    text-align: center;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    margin: 1rem;
    /*　background-color: #d5d5d5;　*/
}


.slick-slide a h3 {
    margin: 0;
    padding: 0;
    font-weight: 500;
    font-size: 0.9rem;
    line-height: 1.5rem;
    display: block;
    -webkit-margin-before: 0.5rem;
    -webkit-margin-after: 0.5rem;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    color: #666666;
border-bottom: 0px solid #ffffff;
}

.slick-slide div.contentsslider_footer div.contentsslider_btn p {
    background-color: #97a187;
    padding: 0.3rem;
    margin-top: 0.2rem;
    font-size: 0.8rem;
    text-align: center;
}

.slick-slide div.contentsslider_footer div.contentsslider_btn p:hover {
    background-color: #b5bfa6;
}

.slick-slide div.contentsslider_footer div.time_ymd {
    display: none;
}


/*　——————————————　部門別施工実績　———————————————　*/

/*　　コンポ―ザー詳細入力欄　　*/

.results_tr {
      border-bottom: #d5d5d5 1px solid;
}

.results_left {
      padding: 1rem 1rem 1rem 0;
      vertical-align: top;
      width: 24%;
}

.results_right {
      padding: 1rem 1rem 1rem 0;
      vertical-align: top;
      width: 76%;
}



/*　　カラムリスト　　*/


@media screen and (max-width: 480px) { 
#archiveBoxesC2 .archiveEachBox, #archiveBoxesC3 .archiveEachBox, #archiveBoxesC4 .archiveEachBox{ 
    margin:0; 
} 
}

#archiveBoxesC4 .archiveEachBox .eachArticle p.post-time,
#archiveBoxesC3 .archiveEachBox .eachArticle p.post-time,
#archiveBoxesC2 .archiveEachBox .eachArticle p.post-time
 {
    display : none ;
}

#archiveBoxesC4 .description,
#archiveBoxesC3 .description,
#archiveBoxesC2 .description
 {
    color: #666666;
    font-size: 0.8rem;
    padding: 0 0 0 1rem;
    border-left: 1px solid #1f2873;
}

#archiveBoxesC4 .archiveEachBox .eachArticle h3.post-title ,
#archiveBoxesC3 .archiveEachBox .eachArticle h3.post-title ,
#archiveBoxesC2 .archiveEachBox .eachArticle h3.post-title  {
font-size: 1rem;
    padding: 1rem 0 1rem 1rem;
    margin-bottom: 0;
    background: #879179;
    border-left: 1px solid #b5bfa6;
}

#archiveBoxesC4 .archiveEachBox .eachArticle ul.post-cat li ,
#archiveBoxesC3 .archiveEachBox .eachArticle ul.post-cat li,
#archiveBoxesC2 .archiveEachBox .eachArticle ul.post-cat li {
    display: none;
}

#archiveBoxesC4 .archiveEachBox {
    margin-right: 2%;
    margin-bottom: 0;
    width: 23.5%;
    float: left;
}




/*———————————————　ページリストに関する設定　———————————————*/

/*　HOME　*/

.tk_title {
    font-size: 1rem;
    margin-bottom: 0px!important;
}

.tk_categorys {
    background-color: #97a187;
    color: #ffffff;
    padding: 0.3rem;
    margin-right: 0.3rem;
    font-size: 0.8rem;
    font-weight: bold;
}

.tk_tags{
    background-color: #595757;
    color: #ffffff;
    padding: 0.3rem;
    margin-right: 0.3rem;
    font-size: 0.8rem;
    font-weight: bold;
}


/*　お知らせ一覧施工実績欄　*/

/*
.jisseki .tk_tags_time {
    display:none;
}
*/


/*———————————————　更新用ページタイプの設定　———————————————*/


#pt101-1-1, #pt102-1-1,#pt103-1-1, #pt104-1-1  {
    border-left:  #d5d5d5 1px solid;
}

#pt101-2-1 ,#pt101-3-1 ,
#pt102-2-1 ,#pt102-3-1 ,
#pt103-2-1 ,#pt103-3-1  {
    border-right: 1px solid #d5d5d5;
}

/*#pt104-2-1 ,#pt104-3-1 ,#pt104-4-1 ,#pt104-5-1*/

#pt101-3-1 .fs_c_title,
#pt102-3-1 .fs_c_title {
  background-repeat: no-repeat;
  margin: 4rem 2rem 4rem 0;
  padding: 0 0 0 2rem;
  font-size: 1.3rem;
  color: #333333 ;
      border-left: #f73b70 2px solid;
font-weight: bold; 
    text-align: justify;
}

#pt103-3-1 .fs_c_title,
#pt104-2-1 .fs_c_title {
  background-repeat: no-repeat;
  margin: 0 2rem;
  padding: 3rem 0 3rem 0;
  font-size: 1.3rem;
  color: #333333 ;
    text-align: justify;
}

#pt101-3-1 .fs_content,
#pt102-3-1 .fs_content {
  background-repeat: no-repeat;
  padding: 0 2rem 5rem 0;
  margin: 0 0 0 2rem;
  font-size: 1rem;
    border-bottom: 1px solid #d5d5d5;
    text-align: justify;
}

#pt104-3-2 .fs_content {
  background-repeat: no-repeat;
  margin: 0 2rem;
  font-size: 0.9rem;
    text-align: justify;
}

#pt103-3-1 .fs_content,
#pt103-4-1 .fs_content {
  background-repeat: no-repeat;
  margin: 0 2rem;
  font-size: 0.9rem;
    text-align: justify;
}


#pt104-3-1 .fs_image {
  margin: 0 2rem 2rem 2rem;
    text-align: justify;
}



/*———————————————　お知らせ一覧カレンダーの設定　———————————————*/


/*曜日部分*/

div.cal_wrapper table.cal tr.headline td {
    padding: 5px 0px;
    color: #ffffff;
}

div.cal_wrapper table.cal tr.headline {
    background-color: #595757;
}


/*更新日部分*/

div.cal_wrapper table.cal tr td div.Birthday {
    font-weight: bolder;
    background-color: #595757;
    color: #ffffff;
    border-radius: 0%;
}

div.cal_wrapper table.cal tr td div.pointer:hover {
    background-color: #595757;
}

div.cal_wrapper table.cal tr td div span {
    display: none;
    position: absolute;
    top: 30px;
    left: 0px;
    width: 180px;
    border: none;
    background-color: #ffffff;
    text-align: left;
    padding: 5px;
    z-index: 10;
    color: #ffffff;
    font-weight: normal;
    line-height: 1.8em;
    box-shadow: none;
}

div.cal_wrapper table.cal tr td {
    font-size: 10px;
    text-align: center;
    padding: 0px;
}

div.cal_wrapper table.cal tr td div {
    position: relative;
    padding: 6px 10px;
    font-size: 0.7rem;
    text-align: center;
    background-color: #FFF;
    border-radius: 0%;
}



/*———————————————　企業情報　———————————————*/

.cp_left {
      border-top: #f73b70 1px solid;
      padding: 1rem 0;
      vertical-align: top;
      width: 25%;
}

.cp_right {
      border-top: #d9d9d6 1px solid;
      padding: 1rem 0 1rem 1rem;
      vertical-align: top;
      width: 75%;
}


/*———————————————　採用情報　———————————————*/

.re_left {
      border-top: #f73b70 1px solid;
      padding: 1rem 0;
      vertical-align: top;
      width: 20%;
}

.re_right {
      border-top: #d9d9d6 1px solid;
      padding: 1rem 0 1rem 1rem;
      vertical-align: top;
      width: 80%;
}



/*———————————————　お問い合わせ　———————————————*/

.cp_left_2 {
     color: #ffffff;
      border-bottom: #ffffff 1px solid;
      padding: 1rem 1rem 1rem 1rem;
      vertical-align: top;
      width: 25%;
      background-color: #595757;
}

.cp_right_2 {
     font-size: 1.1rem;
      border-bottom: #d9d9d6 1px solid;
      padding: 1rem 1rem 1rem 1rem;
      vertical-align: top;
      width: 75%;
}

.cp_left_3 {
     color: #ffffff;
      padding: 1rem 1rem 1rem 1rem;
      vertical-align: top;
      width: 25%;
      background-color: #595757;
}

.cp_right_3 {
     font-size: 1.1rem;
      padding: 1rem 1rem 1rem 1rem;
      vertical-align: top;
      width: 75%;
}




/*———————————————　デフォルト　———————————————*/

a   {
      text-decoration:none;
      }


h1 , h2 , h3 {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px;
    margin-top: 0px;
    font-weight: normal;
}

.hover_opacity:hover{
    opacity: 0.8;
    transition:0.6s;
}


.hover_opacity_img img:hover {
opacity:0.7;
transition:0.6s;
}

.br_radius{
border-radius:7px;
}

.box-shadow {
    box-shadow: 0.1rem 0.1rem #cccccc;
    -webkit-box-shadow: 0.1rem 0.1rem #cccccc;
    -moz-box-shadow: 0.1rem 0.1rem #cccccc;
}




/*　マルチイメージのポインター無　*/

.cuosor {
  pointer-events: none ;
  cursor: default ;
}


/*　　ボタン　　*/

.fs_btn {
line-height: 1.5rem;
}


/*　　　tks（年度更新）　　　*/

.tks {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: flex-start;/*左寄せ*/
border-bottom:1px solid #e7e7e7;
}
.tks:last-child{
border: none;
}
.tks li{
padding: 1rem 0 1rem 1rem;/*列のパッディング*/
letter-spacing: 0rem;
line-height: 1.5rem;/*列の文字の高さ*/
}
.tks li:nth-child(1){
flex: 3.3;/*左の比率*/
}
.tks li:nth-child(2){
flex: 7.5;/*真ん中の比率*/
}
.tks li:nth-child(3){
flex: 1;/*右の比率*/
padding-bottom: 0.5rem;/*3列目のパッディング下*/
}
@media screen and (max-width: 640px) {
.tks{
flex-direction: column;
margin-bottom: 1rem;/*行のマージン下*/
}
.tks li{
padding: 0rem 0rem 0.1rem 0rem;/*列のパッディング*/
}
}


/*———————————————　ヘッダーに関する設定　———————————————*/

header {
    border-bottom: #d5d5d5 1px solid;
}



/*———————————————　フッターに関する設定　———————————————*/

.footer_navi a, .footer_navi a:visited, .footer_navi a:active {
    color: #ffffff;
}

.footer_navi a:hover {
    color: #cccccc;
}

#footer-1Parent {
    padding-top: 5rem;
}



/*———————————————　フォームに関する設定　———————————————*/

.formBlockSurveyTable dl dt {
    text-align: left;
}