@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(31,40,115,1.00)}a:hover { color:rgba(0,131,201,1.00)}
/* css setting */
/*--------　20240909 ZEBプランナー　--------*/
.zebplanner-tb{width:100%; border-top:solid 1px #ddd; margin-bottom:10px; border-collapse:collapse; border-spacing:0;}
.zebplanner-tb th:first-of-type{width:16%;}
.zebplanner-tb th{font-size:14px; padding:10px 5px; text-align:center; border:solid 1px #ddd; border-top:none; background-color:#F9F9F9;}
.zebplanner-tb td{width:28%; padding:10px 5px; text-align:center; border:solid 1px #ddd; border-top:none;}
@media screen and (max-width: 498px) { 
        .zeb-wrapper{width:100%; margin:0 auto; padding:0;}
        .zeb-inner{overflow-x:auto; white-space:nowrap;}
}

/*--------　20180115リナックス移行の際のデフォルトページ修正分　--------*/
#pt101-3-1{
text-align: justify;
}
header {
    border-bottom: solid 1px #1d2976;
} 

/*公開時に消去

header {
    position: fixed;
}

*/

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


/* ---------------------------施工実績SPに関する設定----------------------------------- */

@media screen and (max-width: 480px) { 
.sp_m{
    margin:0rem 2rem 0rem 2rem!important;
}
}


/*---------------takimoto 追加---------------*/


/*　　　　　ホバー時の文字色　　　　　*/

.fsNavMenuList li:hover > a{
    color:#ffffff!important;
}

/*　　　　　ホバー時のサブリスト背景色　　　　　*/

.sub_list{
    background-color:#1f2873;
}

/*　　　　　ホバー時のサブリスト文字色　　　　　*/

.fsNavMenuList li ul li a {
    color:#ffffff!important;
    font-size: 0.9rem !important;
    width: 240px;
    text-align: left !important;
}


#autonavi .fsNavMenuList li ul li a {
    padding: 1rem 1rem !important;
}

/*　　ホバー時のサブリストマウスオーバー背景色　　　*/

.fsNavMenuList li ul li a:hover{
    background-color:#0083c9;
}


@media screen and (max-width: 959px) { 
    .menu-mobile:after{
          padding-left:0.5rem;
    }
}

@media screen and (max-width: 480px) { 
#navi{
    margin:0rem!important;
    float:none;
}
#navi .menu-mobile{
    padding-left:4rem;
}

ul.slimmenu.collapsed li .sub-collapser{
    padding:1.2rem 1rem!important;
    height:1.1em!important;
    background-color:#ffffff!important;
}
}




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

/*
.opacity {
    opacity: 0.9;
}
*/

.main_color {
    color: #1f2774;
}

.main_backgroundcolor {
    background-color: #1f2774;
}

.sub_backgroundcolor {
    background-color: #0f4abf;
}

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

.orange_rgba {
    background-color: rgba(241,147,23,0.75);
}

.green_rgba {
    background-color: rgba(30,100,60,0.75);
}

.blue_rgba {
    background-color: rgba(31,39,116,0.9);
}



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


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


/*------------------------パンくずリストの設定------------------------------*/


#b-list a,#b-list  a:visited,#b-list  a:active {
    color: #ffffff;
}

#b-list a:hover,#b-list  a:hover {
    color: #c8d7fa;
}



/* ---------------------bxスライドショーに関する設定------------------------------ */

.bx-wrapper .bx-viewport { 
    -moz-box-shadow: none; 
    -webkit-box-shadow: none; 
    box-shadow: none; 
    border: none; 
    left: 0; 
    background: none; 
    -webkit-transform: translatez(0); 
    -moz-transform: translatez(0); 
    -ms-transform: translatez(0); 
    -o-transform: translatez(0); 
    transform: translatez(0); 
}


.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active 
{
    background: #1f2873;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #cccccc;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}


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


.fs_btn {
    background: none;
}



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


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


/* --------------------------------コンポーザー・ページリストに関する設定------------------------------------ */


#fsInfoBpager .active {
    background: #969696 ;
}

#fsInfoBpager .ccm-page-left a,
#fsInfoBpager .ccm-page-right a {
    background: #c8c8c8 ;
}

#fsInfoBpager .ccm-page-left span,
#fsInfoBpager .ccm-page-right span{
    background: #969696 ;
}

#pt101-3-1 .fs_c_title , #pt102-2-1 .fs_c_title  {
  background-repeat: no-repeat;
  margin: 3rem 1rem 2rem 1rem;
  padding: 0 0 1rem 0;
  font-size: 1.3rem;
  color: #1d2976;
}

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


/*　-----------------------------------　施工実績更新用　-----------------------------------　*/


#pt104-2-1 .fs_c_title , #pt103-2-1 .fs_c_title {
  background-repeat: no-repeat;
  margin: 3rem 1rem 1rem 1rem;
  padding: 0 0 1rem 0;
  font-size: 1.2rem;
  color: #1d2976;
  border-bottom: solid 1px #1d2976;
}

#pt104-2-1 .fs_content , #pt103-2-1 .fs_content {
  background-repeat: no-repeat;
  margin: 0 1rem ;
  font-size: 1rem;
  color: #666666;
}


#pt104-3-2 .fs_content , #pt103-3-2 .fs_content {
  background-repeat: no-repeat;
  padding: 2rem 1rem 2rem 1rem;
  font-size: 0.9rem;
}

#pt104-4-1 .fs_content {
  background-repeat: no-repeat;
  margin: 3rem 1rem;
  font-size: 1rem;
}

#pt104-3-1 .fs_slideshow_bx {
  background-repeat: no-repeat;
  padding: 2rem 1rem 0 1rem ;
}

#pt103-3-1 .fs_image {
  background-repeat: no-repeat;
  padding: 2rem 1rem 1rem 1rem ;
}


#pt104-3-1 .fs_multi_image , #pt103-3-1 .fs_multi_image  {
  background-repeat: no-repeat;
  padding: 0 1rem ;
  pointer-events: none ;
  cursor: default ;
}


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


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


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

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


#archiveBoxesC3 .archiveEachBox .eachArticle ul.post-cat li {
    margin-right: 0.5em;
    color: #ffffff;
}



/*　　ホバー時拡大　　　*/

.transform img:hover{ 
  transition: 1.5s;
  -webkit-transform: scale(1.1); 
  -moz-transform: scale(1.1); 
  -ms-transform: scale(1.1); 
  -o-transform: scale(1.1); 
  transform: scale(1.1); 
}

.overflow {
  overflow: hidden;
}


/* -----------------------------------ホバー時ボーダーボトム------------------------------- */

.hover_line {
	position: relative;
	display: inline-block;
	transition: 0.5s;
}
.hover_line::before,
.hover_line::after {
	position: absolute;
	content: '';
	width: 0;
	height: 2px;
	background-color: #a69050;
	transition: 0.5s;
}
.hover_line::before {
	top: 0;
	left: 0;
}
.hover_line::after {
	bottom: 2px;
	right: 0;
}
.hover_line:hover::before,
.hover_line:hover::after {
	width: 100%;
}


#honsya,#siten,#eigyosyo,#asahi{
border-bottom:1px solid #1d2975;
}

/*応募フォーム*/

.oubo .formBlockSubmitButton {
    width: 90%;
    resize: none;
    border-radius: 11rem;
    padding: 15px;
    background-color: #1d2975;
    color: #fff;
}