@charset "utf-8";
@media screen and (min-width: 1201px) { html{font-size:16px; } }@media screen and (max-width: 1200px) { html{font-size:15px; } }@media screen and (max-width: 1024px) { html{font-size:14px; } }@media screen and (max-width: 768px) {  html{font-size:13px; } }@media screen and (max-width: 480px) {  html{font-size:12px; } }a,a:visited,a:active { color:#2d94cc}a:hover { color:#37b7fc}
/* css setting */
/*　==============================　年度別実績　==============================　*/

.results-tb-wrapper li .results-tb{
border-bottom:1px solid #333;
}
/*
.results-tb-wrapper li:last-child .results-tb{
border-bottom:none;
}
*/
.results-tb {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
}
.results-tb dd{
padding: 1rem 0rem 1rem 0rem;
letter-spacing: 0rem;
line-height: 1.5rem;/*列の文字の高さ*/
}

.results-tb dd:nth-child(1){
width: 500px;
box-sizing: border-box;
}
.results-tb dd:nth-child(2){
width: calc(100% - 500px);
box-sizing: border-box;
padding-bottom: 0.5rem;
}


@media screen and (max-width: 768px) {
.results-tb{
padding-top: 1rem;
padding-bottom: 1rem;
}
.results-tb dd{
padding: 0rem 0rem 0.1rem 0rem;
}

.results-tb dd:nth-child(1){
font-weight: bold;
font-size: 1.1rem;
padding-top: 0.3rem;
padding-bottom: 0.4rem;
width: 100%;
}

.results-tb dd:nth-child(2){
width: 100%;
}
}



/*　==============================　コンテンツタイトル　==============================　*/

.page_tittle_A {
    font-size: 1.8rem;
/*    font-style: italic;　*/
    letter-spacing: 0.2rem;
/*    font-weight: bold;　*/
    padding: 0 1.5rem 0 0;
    border-right: 0.5rem solid #2c93cb;
}

.page_tittle_B {
    font-size: 1rem;
/*    font-style: italic;　*/
    letter-spacing: 0.2rem;
/*    font-weight: bold;　*/
    border-right: 0.5rem solid #2c93cb;
    padding: 0 1.5rem 0 0;
    margin: 0 0 5rem 0;
}


/*　タブレット用背景　*/

@media screen and (max-width: 768px) {
#pt001-2Parent,#areaStyleArea3156,
#pt003-1Parent,#pt003-3Parent
 {
    background-attachment: scroll!important; }
}


@media screen and (max-width: 768px) {
#pt003-2Parent {
    background-image: none!important; }
}


/*　==============================　HOME　==============================　*/



/*　bxスライダー　*/

.bx-wrapper .bx-viewport {
    -moz-box-shadow: 0 0 0 #ccc;
    -webkit-box-shadow: 0 0 0 #ccc;
    box-shadow: 0 0 0 #ccc;
    border: 0px solid #fff;
    left: 0;
    background: #fff;
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}



/*　==============================　事業紹介　==============================　*/


.business_b{
    background: rgba(40, 40, 40, 0.55);
}

.business_b:hover{
    background: rgba(40, 40, 40, 0.2);
    transition:0.6s;
}

.business_b .fs_btn_text{
    line-height: 1.4rem;
}



.reitouki_a {
      border-bottom: #cccccc 1px solid;
      padding: 1rem 0 1rem 0.5rem;
      vertical-align: top;
      width: 30%;
}

.reitouki_b {
      border-bottom: #cccccc 1px solid;
      padding: 1rem  0;
      vertical-align: top;
      width: 30%;
}

.reitouki_c {
      border-bottom: #cccccc 1px solid;
      padding: 1rem  0;
      vertical-align: top;
      width: 40%;
}

.sankaku{
	width: 0;
	height: 0;
	border: 30px solid transparent;
	border-top: 30px solid #191919;
        opacity: 0.75;
        margin: 0 auto;
}



/*　==============================　施工実績　==============================　*/

/*　実績一覧ページ - レイアウト　*/

.works_layout {
    margin: 0 2rem 4rem 2rem;
    border-top: #2ca9e1 1px solid;
    border-left: #2ca9e1 1px solid;
}

/*　実績一覧ページ - ページリスト　*/

.archiveEachBox .eachArticle p.post-time ,
.archiveEachBox .eachArticle ul.post-cat li {
    display: none;
}

.archiveEachBox .eachArticle h3.post-title {
        font-weight: normal;
    font-size: 0.9rem!important;
    padding: 0.75rem;
    background-color: #212121;
    margin-bottom: 0!important;
}

.archiveEachBox a , .archiveEachBox a:active ,
.eachArticle h3.post-title a , .eachArticle h3.post-title :active {
    color: #ffffff;
}

.archiveEachBox a:hover , .archiveEachBox a:active:hover ,
.eachArticle h3.post-title a:hover , .eachArticle h3.post-title :active:hover {
    color: #cccccc;
}

#archiveBoxesC3 .archiveEachBox {
    margin-right: 2%;
    margin-bottom: 2rem;
    width: 32%;
    float: left;
}


/*　実績下部の実績一覧（no time）　*/

.tk_category {
     display: none;
}


/*　カラムリスト使用時　*/

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


/*　　実績更新用　　*/

#pt102-3-2 .fs_c_title  {
  background-repeat: no-repeat;
  margin: 0 2rem 3rem 2rem;
  padding: 1rem ;
  border: 1px solid #ffffff;
  font-size: 1.2rem;
  text-align: left;
/*  color: #2ca9e1;*/
  font-weight: normal;
}

#pt102-3-2 .fs_content {
  background-repeat: no-repeat;
  padding: 0 0 5rem 0;
  margin: 0 2rem 0 2rem;
  font-size: 1rem;
}

#pt102-3-2 .fs_image {
  background-repeat: no-repeat;
  padding: 0 0 5rem 0;
  margin: 0 2rem 0 2rem;
}

/*　実績入力用テーブル　*/

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

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




/*　==============================　企業情報　==============================　*/


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

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

@media screen and (max-width: 768px) {
#areaStyleArea3156 {
    background-attachment: scroll; }
}

.cp_ta{
    background: rgba(40, 40, 40, 0.15);
}

.cp_ta:hover{
    background: rgba(40, 40, 40, 0.5);
    transition:0.6s;
}


.cp_ta .fs_btn_text{
    line-height: 1.6rem;
}

.cp_ta .fs_btn_text_sub{
    font-size: 0.9rem;
    color: #ffffff;
}

.cp_ta .fs_btn_text_main{
    font-size: 1.8rem;
    font-style: italic;
    letter-spacing: 0.2rem;
    font-weight: bold;
}

.cp_pa{
    background: rgba(40, 40, 40, 0.7);
}

.cp_pa:hover{
    background: rgba(40, 40, 40, 0.2);
    transition:0.6s;
}


.cp_pa .fs_btn_text{
    line-height: 1.2rem;
}

.cp_pa .fs_btn_text_sub{
    font-size: 0.8rem;
    color: #ffffff;
}

.cp_pa .fs_btn_text_main{
    font-size: 1rem;
    font-style: italic;
    font-weight: bold;
}



/*　==============================　よくあるご質問　==============================　*/

.q_left {
      border-top: #cccccc 1px solid;
      font-size: 1.4rem;
      font-weight: bold;
      color:#2c93cb;
      text-align: center;
      padding: 2rem  0 0.5rem 0;
      vertical-align: top;
      width: 8%;
}

.q_right {
      border-top: #cccccc 1px solid;
      font-size: 1rem;
      font-weight: bold;
      text-align: justify;
      color:#2c93cb;
      padding: 2rem  0 0.5rem 0.5rem;
      vertical-align: middle;
      width: 92%;
}


.a_left {
      font-size: 1.4rem;
      font-weight: bold;
      text-align: center;
      padding: 0 0 2rem  0;
      vertical-align: top;
      width: 8%;
}

.a_right {
      font-size: 1rem;
      text-align: justify;
      padding: 0  0 2rem 0.5rem;
      vertical-align: top;
      width: 92%;
}


/*　==============================　お知らせ一覧　==============================　*/

/*　お知らせ一覧　*/

.tk_flex {
     padding: 1.5rem 0;
}

.tk_tags_time {
    color: #ffffff;
    vertical-align: middle;
}

.tk_categorys {
     font-size: 0.8rem;
     background-color: #2ca9e1;
     padding: 0.4rem;
    vertical-align: middle;
}

.tk_tags {
     font-size: 0.8rem;
     background-color: #666666;
     padding: 0.4rem;
    vertical-align: middle;
}

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

.tk_title a , .tk_title a:visited , .tk_title a:active {
    color: #ffffff;
/*    text-decoration:underline;*/
}

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

@media screen and (max-width: 480px) {
.tk_tags { display:none;
}
}



/*　　お知らせ更新用　　*/

#pt101-3-2 .fs_c_title  {
  background-repeat: no-repeat;
  margin: 0 2rem 3rem 2rem;
  padding: 1rem ;
  border: 1px solid #ffffff;
  font-size: 1.2rem;
  text-align: left;
/*  color: #2ca9e1;*/
  font-weight: normal;
}

#pt101-3-2 .fs_content {
  background-repeat: no-repeat;
  padding: 0 0 5rem 0;
  margin: 0 2rem 0 2rem;
  font-size: 1rem;
}


/*　==============================　採用情報　==============================　*/

/*　募集要項テーブル　*/

.rec_left {
      border-bottom: #cccccc 1px solid;
      padding: 1.5rem  1rem ;
      vertical-align: middle;
      text-align: center;
      width: 25%;
      background-color: #a4a6a6;
}

.rec_right {
      border-bottom: #a4a6a6 1px solid;
      padding: 1.5rem;
      vertical-align: top;
      width: 75%;
}


/*　採用情報に関するお問い合わせボタン　*/

.rec_bt .fs_btn_text{
    line-height: 2rem;
}

.rec_bt .fs_btn_text_sub{
    font-size:1.6rem;
    font-style: italic;
    font-weight: bold;
    letter-spacing: 0.2rem;
}

.rec_bt .fs_btn_text_main{
    font-size: 1rem;
    font-weight: bold;
}


/*　先輩の声へのボタン　*/

.rec_interview_btn {
    background: rgba(40, 40, 40, 0.15);
}

.rec_interview_btn:hover{
    background: rgba(40, 40, 40, 0.5);
    transition:0.6s;
}

.rec_interview_btn .fs_btn_text_main{
    font-size: 2rem;
    font-style: italic;
    letter-spacing: 0.2rem;
    font-weight: bold;
}


/*　採用情報ページアンカーボタン　*/

.rec_pa{
    background: rgba(40, 40, 40, 0.7);
}

.rec_pa:hover{
    background: rgba(40, 40, 40, 0.5);
    transition:0.6s;
}

.rec_pa .fs_btn_text{
    line-height: 1.4rem;
}

.rec_pa .fs_btn_text_sub{
    font-size: 0.9rem;
    color: #ffffff;
}

.rec_pa .fs_btn_text_main{
    font-size: 1.1rem;
    font-style: italic;
    font-weight: bold;
}




/*　==============================　インタビュー　==============================　*/




.interview_btn .fs_btn_text{
    line-height: 1.6rem;
}

.interview_btn .fs_btn_text_sub{
    font-size: 0.9rem;
    font-style: italic;
    color: #ffffff;
    font-weight: bold;
}

.interview_btn .fs_btn_text_main{
    font-size: 1.6rem;
    font-style: italic;
    letter-spacing: 0.1rem;
    font-weight: bold;
}

.interview_q {
    font-weight: bold;
    color:#2c93cb;
    padding-bottom:1rem;
}

.interview_a {
    padding-bottom:2rem;
}



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

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

.formBlockSurveyTable dl dd {
    width: 100%;
}

.formBlockSurveyTable dl {
    padding: 1% 0;
}

.formBlockSurveyTable dl dd input, .formBlockSurveyTable dl dd textarea {
    resize: none;
    border-radius: 0;
    padding: 0.75rem;
}

.formBlockSurveyTable dl dd input,
.formBlockSurveyTable dl dd textarea {
    width: 97%;
    background-color: #333333;
    color: #ffffff;
}


.formBlockSubmitButton {
    width:240px!important;
    text-align:center!important;
    background-color: #666666!important;
}

.formBlockSubmitButton:hover {
    background-color: #333333!important;
    transition:0.6s;
}

.on-pointer input {
    cursor: pointer;
}


/*　==============================　ヘッダー　==============================　*/

/*header {
display:none;
}*/


#header-1-1 {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
}

/*　　PC用ナビ　　*/
.h_b:hover{
    background-color: rgba(44,147,203,0.75);
}

.h_b .fs_btn_text {
line-height:1rem;
}

.h_b .fs_btn_text_main {
font-size:1rem;
    font-weight: 600;
}

.h_b .fs_btn_text_sub {
font-size:0.7rem;
}


@media screen and (max-width: 480px) {
#header-1-1 { display:none;
}
}


/*　　スマホ用ナビ　　*/

#header-2Parent {
    background: rgba(40, 40, 40, 0.85);
}


.fat-nav li, .fat-nav li a {
    color: #2c93cb;
}

.fat-nav li a:active {
    color: #2c93cb;
}

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

/*.fat-nav {
    background: rgba(40, 40, 40, 0.95);
    width: 50%!important;
}

@media screen and (max-width: 768px){
.fat-nav {
    background: rgba(40, 40, 40, 0.95);
    width: 100%!important;
    }
}*/

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

.hamburger__icon, .hamburger__icon::after, .hamburger__icon::before {
    display: block;
    width: 30px;
    height: 3px;
}


.hamburger {
height: 0;
padding: 0;
}


/*　Fatnaviフィックス　*/

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

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

.topfix_right_A {
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
}

.topfix_right_B {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
}





/*　==============================　フッター　==============================　*/

/*　サイトマップ　*/

.sm {
      border-left: #cccccc 1px solid;
      border-bottom: #cccccc 1px solid;
      padding: 1rem 1rem;
      vertical-align: top;
      width: 50%;
}

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

.sm:hover{
    opacity: 0.6;
    transition:0.6s;
}

/*　コンタクトボタン　*/

.f_contact .fs_btn_text {
line-height:1rem;
}

.f_contact .fs_btn_text_sub{
    font-size: 0.7rem;
}

.f_contact .fs_btn_text_main{
    font-size: 0.9rem;
}


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


.gradation_2  {
  background: linear-gradient(180deg, #ef5350, #c62828);
}

.gradation  {
  background: linear-gradient(180deg, #fc7e28, #E64A19);
}

.opacity {
    opacity: 0.9;
}

.main_color {
    color: #2c93cb;
}

.main_backgroundcolor {
    background-color: #2c93cb;
}

.gray_backgroundcolor {
    background-color: #a4a6a6;
}

.main_rgba {
    background-color: rgba(44,147,203,0.85);
}

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

.gray_rgba {
    background-color: rgba(25,25,25,0.75);
}

.gray2_rgba {
    background-color: rgba(40,40,40,0.3);
}

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



/*　==============================　文字に関する設定　==============================　*/

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.space_1{
    letter-spacing: 0.1rem;
}

.space{
    letter-spacing: 0.2rem;
}

.space_2{
    letter-spacing: 0.4rem;
}

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


.eiji {
      font-family: Arial, Verdana, 'Helvetica Neue', Helvetica, sans-serif;
}

.eiji_a {
      font-family: Times New Roman , YuMincho, 游明朝,ヒラギノ明朝 ProN W6 , HiraMinProN-W6, HG明朝E , ＭＳ Ｐ明朝 , MS PMincho , MS 明朝 ,serif;
}

.eiji_b {
font-family: Copperplate, Copperplate Gothic Light, Century Gothic , Futura-Medium , Gill Sans , メイリオ , Meiryo ,sans-serif;
}



/*　==============================　ボタンに関する設定　==============================　*/

.top_btn .fs_btn_text_sub {
    font-size: 0.9rem;
    letter-spacing: 0rem;
}

.fs_btn {
    background: none;
}

.comp_btn .fs_btn_text_sub {
    font-size: 0.9rem;
    letter-spacing: 0rem;
   line-height: 1.4rem;
}



/*　==============================　デフォルト　==============================　*/

a   {
      text-decoration:none;
      }


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

.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;
}


/*　telリンク - スマホ版のみ　*/

@media screen and (min-width: 480px) {
     .tel_splink {
         pointer-events: none;
     }
 }




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

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