body{
font-family: 'Noto Sans JP', sans-serif;
/* color:#555; */
color:#333;
}

.entry-header-inner{
display:none;
}

.footer-nav-widgets-wrappe{
display:none;
}

.section-inner{
display:none;
}

img{
height:auto;
}

.font_bold01{
font-weight:bold;
}

ul {
margin-bottom:0;
padding-inline-start: 20px;
}

a:hover img{
opacity: 0.8 ;
}

.zindex100{
z-index:100;
}
.section_arrow{
font-size:3.0rem;
}

.waku_dot{
border:2px dashed #fff;  /* 211001 */
border:0px dashed #fff;
}


.relative_base{
position: relative;
}

.localnavi_icon_sp{
font-size:2.0rem;
}

.btn.disabled, .btn:disabled {
opacity: 1;
}

.list_mark_line{
list-style-position: inside;
}

.vertical_align_middle{
vertical-align: middle !important;
}

.border_top_dot{
border-top:1px dashed #AAA;
}

.border_bottom_dot{
border-bottom:1px dashed #AAA;
}

.text_shadow{
text-shadow:2px 2px 3px rgba(0,0,0,0.4);
}

.img_shadow{
box-shadow:7px 7px 0px #f7b52c;
}

.img_shadow_blue{
box-shadow:7px 7px 0px #559acc;
}

.img_shadow_red{
box-shadow:7px 7px 0px #ca698f;
}

.img_shadow_yellow{
box-shadow:7px 7px 0px #d19c5f;
}


/*SP*****************************/
@media only screen and (max-width: 767.98px) {

.img_shadow_clear_sp{
box-shadow:0px 0px 0px #000;
}

.txt_white_sp{
color:#fff !important;
}

.img_border_white2_sp{
border:2px solid #fff;
}

}
/**********************************/

.lp_line_height32{
line-height:3.2rem;
}

.line_height18{
line-height:1.8rem;
}

.line_height20{
line-height:2.0rem;
}

.font900{
font-weight:900;
}

h1{
font-size:0.8rem;
}

.h2, h2 {
font-size: 2rem;
font-weight:bold;
}

h3{
margin-bottom:0;
font-size:1.5rem;
}

h4{
margin-bottom:0;
font-weight:bold;
}

.fontsize_08 {
font-size: 0.8rem;
}

.fontsize_12 {
font-size: 1.2rem;
}

.fontsize_13 {
font-size: 1.3rem;
}

.fontsize_14 {
font-size: 1.4rem;
}

.fontsize_15 {
font-size: 1.5rem;
}

.fontsize_16 {
font-size: 1.6rem;
}


.fontsize_20 {
font-size: 2.0rem;
}

.fontsize_25 {
font-size: 2.5rem;
}

.fontsize_30 {
font-size: 3.0rem;
}

/*SP*****************************/
@media only screen and (max-width: 767.98px) {


.lp_line_height32{
line-height:1.8rem;
}


h1{
font-size:0.65rem;
}

.h2, h2 {
font-size: 1.4rem;
}

h3{
font-size:1.3rem;
}

h4{
font-size:1.2rem;
}


.fontsize_08 {
font-size: 0.8rem;
}

.fontsize_12 {
font-size: 1.1rem;
}

.fontsize_13 {
font-size: 1.3rem;
}

.fontsize_14 {
font-size: 1.4rem;
}

.fontsize_15 {
font-size: 1.0rem;
}

.fontsize_16 {

}

.fontsize_20 {
font-size: 1.1rem;
}

.fontsize_25 {
font-size: 1.2rem;
}

.fontsize_30 {
font-size: 1.6rem;
}

.line_height18{
line-height:1.6rem;
}

.line_height20{
line-height:1.4rem;
}

.fontsize_s08{
font-size: 0.8rem;
}

.fontsize_s10{
font-size: 1.0rem;
}

.fontsize_s13{
font-size: 1.3rem;
}

.fontsize_s15{
font-size: 1.5rem;
}


}
/******************************/

.1010_tangerine{
color:#ec600b;
}
.1010_mandarin{
color:#f29600;
}
.1010_lemon{
color:#f7b52c;
}
.1010_base{
color:#fff4d6;
}
.1010_lime{
color:#8dc223;
}

.link_1010_mandarin a:visited {
	color: #f29600;
}
.link_1010_mandarin a:link {
	color: #f29600;
}
.link_1010_mandarin a:hover {
	color: #ec600b;
}
.link_1010_mandarin a:active {
	color: #f29600;
}


.link_white_important a:visited {
	color: #FFFFFF !important;
}
.link_white_important a:link {
	color: #FFFFFF !important;
}
.link_white_important a:hover {
	color: #dcdcde !important;
}
.link_white_important a:active {
	color: #FFFFFF !important;
}

.link_noline a:hover {
	text-decoration: none;
}

.bg_gray{
background-color:#f1f2f4;
}
.bg_1010_tangerine{
background-color:#ec600b;
}
.bg_1010_mandarin{
background-color:#f29600;
}
.bg_1010_lemon{
background-color:#f7b52c;
}
.bg_1010_base{
background-color:#fff4d6;
}
.bg_1010_lime{
background-color:#8dc223;
}
.bg_1010_lite-mandarin{
background-color:#ffc88a;
}


.text-orange{
color:#f29600;
}





.navbar-nav li+ li {
  border-left: 1px solid #ddd;
}

/*SP*****************************/
@media only screen and (max-width: 767.98px) {

.navbar-nav li+ li {
  border-left: 0px
}


}
/******************************/

.relative_base{
position: relative;
}



.bg_stripe_green{
background-size: auto auto;
background-color: rgba(22, 141, 147, 1);
background-image: repeating-linear-gradient(135deg, transparent, transparent 20px, rgba(25, 150, 156, 1) 20px, rgba(25, 150, 156, 1) 40px );
}


.bg_stripe_yellow{
background-size: auto auto;
background-color: rgba(232,201,51,1);
background-image: repeating-linear-gradient(135deg, transparent, transparent 20px, rgba(249,218,65,1) 20px, rgba(249,218,65,1) 40px );
}

.bg_stripe_red{
background-size: auto auto;
background-color: rgba(202,105,143,1);
background-image: repeating-linear-gradient(135deg, transparent, transparent 20px, rgba(203,123,155,1) 20px, rgba(203,123,155,1) 40px );
}

.bg_stripe_blue{
background-size: auto auto;
background-color: rgba(0,153,255,0.2);
background-image: repeating-linear-gradient(135deg, transparent, transparent 20px, rgba(0,153,255,0.1) 20px, rgba(0,153,255,0.1) 40px );
}

.bg_dots_blue02 {
  background-image: 
    radial-gradient(rgb(247, 247, 247) 12.8%, transparent 12.8%),
    radial-gradient(rgb(247, 247, 247) 12.8%, transparent 12.8%);
  background-position: 0px 0px, 12px 12px;
  background-size: 24px 24px;
  background-color: rgb(237, 237, 237);
}

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

/*ヘッダ*******************************************************************/
.head_tel{
font-size:2.6rem;
line-height:120%
}

.head_logo{
width:360px;
max-width:100%;
}

.head_bottomline{
border-bottom:2px solid #f29600;
}

@media only screen and (max-width: 767.98px) {

.head_logo{
width:260px;
max-width:100%;
}


}

/****************************************************************************/

/*ハンバーガーメニュー********************************************************/
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border: none;
  padding: 0px;
  width: 32px;
  height: 32px;
  box-sizing: border-box;
  position: relative;
background-color: #FFF !important;
border:2px solid #f29600;
text-align:center;
padding-left:2px;
}
.navbar-light .navbar-toggler-icon {
  background-image:none; /* この行で背景画像を無効化 */
  background-color: #f29600;
  width: 24px;
  height: 2px;
  display: block;
  position: absolute;
  transition: ease .5s;
text-align:center;
}

/* 3本のバーそれぞれの座標を設定 */
.navbar-toggler-icon:nth-of-type(1) {top:7px;}
.navbar-toggler-icon:nth-of-type(2) {top:14px;}
.navbar-toggler-icon:nth-of-type(3) {top:21px;}

/* メニューが開いている時の　3本のバーそれぞれの座標および角度を設定 */
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(1) {
top:13px;
transform: rotate(45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(2) {
opacity: 0;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(3) {
top:13px;
transform: rotate(-45deg);
}
/****************************************************************************/


/*キービジュアル*************************************************************/

.jumbotron {
margin:0;
padding: 0.5rem 2rem;
}


.jumbotron_extend {
 position: relative;
 background: url("../img/bg_keyv.jpg") no-repeat center center ;
 background-size: 100% auto;
}

.jumbotron-container {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.jumbotron_logo{
clear: both;
width:460px;
}

.jumbotron_man_a{
 position: absolute;
 bottom:-20px;
 right:6px;
 width:420px;
}

.jumbotron_ball{
 position: absolute;
 bottom:10px;
 right:180px;
 width:160px;
}


@media (min-width: 768px) and (max-width: 991.98px) {
.jumbotron_man_a{
 bottom:-40px;
 right:-20px;
 width:280px;
}	

.jumbotron_ball{
 position: absolute;
 top:70px;
 right:120px;
 width:130px;
}

}

@media only screen and (max-width:767.98px){


.jumbotron_man_a{
 bottom:-36px;
 right:-10px;
 width:110px;
}

.jumbotron_ball{
 position: absolute;
 bottom:15px;
right: 60px;
 width:56px;
z-index:1;
}

}


.bg_keyv{
background: #f1f2f4;
}

.top_keyb_title01{
font-size:2.4rem;
}

.top_keyb_text_a01{
font-size:1.2rem;
}

.top_keyb_text_a02{
font-size:1.0rem;
}

.top_keyb_man_a{
 position: absolute;
 bottom:16px;
 right:26px;
 width:400px;
}

.bg_keyv_b{
background: linear-gradient(90deg, #19969c 0%, #19969c 50%, #d19c5f 50%, #d19c5f 100%);
}

.top_keyb_man_b{
position: absolute;
top:10px;
left: 0;
right: 0;
margin: auto;
width:140px;
}

.top_keyb_title_b01{
font-size:2.0rem;
}

.top_keyb_text_b01{
font-size:1.0rem;
}

.top_keyb_text_b02{
font-size:1.0rem;
}

.top_keyb_title{
font-size:2.4rem;
border-bottom:2px solid #FFF;
display:inline-block;
}

.top_keyb_text01{
font-size:1.4rem;
}

.top_keyb_text02{
font-size:1.2rem;
}

.top_keyb_man{
 position: absolute;
 bottom:36px;
 right:36px;
 width:260px;
}


/*SP******/
@media only screen and (max-width: 767.98px) {

.top_keyb_title01{
font-size:1.1rem;
}

.top_keyb_text_a01{
font-size:0.8rem;
}

.top_keyb_text_a02{
font-size:0.6rem;
}
.top_keyb_man_a{
 position: absolute;
 bottom:10px;
 right:10px;
 width:140px;
}

.jumbotron{
padding: 0rem 0rem;
}
.top_keyb_title{
font-size:1.6rem;
}

.top_keyb_text01{
font-size:0.9rem;
}

.top_keyb_text02{
font-size:0.9rem;
}


.top_keyb_man{
 width:110px;
bottom:40px;
 right:20px;
}

}
/*********/
/****************************************************************************/

/*TOP 施工案内*************************************************************/
.top_sekoujirei_title{
font-size:1.4rem;
width:80%;
border-bottom:1px solid #666;
margin-left:auto;
margin-right:auto;
}

.top_sekoujirei_title_m{
font-size:1.0rem;
width:100%;
border-bottom:1px solid #666;
margin-left:auto;
margin-right:auto;
}

.top_sekoujirei_title02{
font-size:1.2rem;
width:90%;
border-bottom:2px solid #19969c;
margin-left:auto;
margin-right:auto;
}

.top_sekoujirei_text{
font-size:1.0rem;
width:100%;
}

.top_sekoujirei_text_m{
font-size:0.8rem;
width:100%;
}


.top_sekoujirei01 {
background:linear-gradient(144deg, #fff, #fff 95%, #fff 95.3%, #fff 100%);
}

.top_sekoujirei01:hover{
background:linear-gradient(144deg, #efefef, #efefef 95%, #efefef 95.3%, #efefef 100%); }



.top_sekoujirei02 {
background:linear-gradient(144deg, #f1f2f4, #f1f2f4 95%, #19969c 95.3%, #19969c 100%);
height:305px;
}

.top_sekoujirei02:hover{
background:linear-gradient(144deg, #ddd, #ddd 95%, #19969c 95.3%, #19969c 100%);
}

.top_sekoujirei03 {
background-color: rgba(255,255,255,0.2);
background-image: url(../img/top_sekoannai_03.jpg);
background-position: left top;
background-repeat: no-repeat;
background-size: cover ;
height:200px;
}

.top_sekoujirei03:hover{
background-color:rgba(255,255,255,0.2);
background-blend-mode:lighten;
}

.top_sekoujirei04 {
background-color: rgba(255,255,255,0.2);
background-image: url(../img/top_sekoannai_04.jpg);
background-position: left top;
background-repeat: no-repeat;
background-size: cover ;
height:200px;
}

.top_sekoujirei04:hover{
background-color:rgba(255,255,255,0.2);
background-blend-mode:lighten;
}

.top_sekoujirei05 {
background-color: rgba(255,255,255,0.2);
background-image: url(../img/top_sekoannai_05.jpg);
background-position: left top;
background-repeat: no-repeat;
background-size: cover ;
height:200px;
}

.top_sekoujirei05:hover{
background-color:rgba(255,255,255,0.2);
background-blend-mode:lighten;
}

.top_sekoujirei06 {
background-color: rgba(255,255,255,0.2);
background-image: url(../img/top_sekoannai_06.jpg);
background-position: left top;
background-repeat: no-repeat;
background-size: cover ;
height:200px;
}

.top_sekoujirei06:hover{
background-color:rgba(255,255,255,0.2);
background-blend-mode:lighten;
}

.bg_top_sekoujirei01_pc {
background-image: url(../img/top_sekoannai_01.jpg);
background-size: 100% auto;
background-position:top;
background-repeat: no-repeat;
height:240px;
}

.bg_top_sekoujirei01_pc:hover{
background-color:rgba(255,255,255,0.2);
background-blend-mode:lighten;
}

.bg_top_sekoujirei02_pc {
background-image: url(../img/top_sekoannai_02.jpg);
background-size: 100% auto;
background-position:top;
background-repeat: no-repeat;
height:240px;
}

.bg_top_sekoujirei02_pc:hover{
background-color:rgba(255,255,255,0.2);
background-blend-mode:lighten;
}

.bg_top_sekoujirei03_pc {
background-image: url(../img/top_sekoannai_03.jpg);
background-size: 100% auto;
background-position:top;
background-repeat: no-repeat;
height:200px;
}

.bg_top_sekoujirei03_pc:hover{
background-color:rgba(255,255,255,0.2);
background-blend-mode:lighten;
}

.bg_top_sekoujirei04_pc {
background-image: url(../img/top_sekoannai_04.jpg);
background-size: 100% auto;
background-position:top;
background-repeat: no-repeat;
height:240px;
}

.bg_top_sekoujirei04_pc:hover{
background-color:rgba(255,255,255,0.2);
background-blend-mode:lighten;
}

.bg_top_sekoujirei05_pc {
background-image: url(../img/top_sekoannai_05.jpg);
background-size: 100% auto;
background-position:top;
background-repeat: no-repeat;
height:240px;
}

.bg_top_sekoujirei05_pc:hover{
background-color:rgba(255,255,255,0.2);
background-blend-mode:lighten;
}

.bg_top_sekoujirei06_pc {
background-image: url(../img/top_sekoannai_06.jpg);
background-size: 100% auto;
background-position:top;
background-repeat: no-repeat;
height:200px;
}

.bg_top_sekoujirei06_pc:hover{
background-color:rgba(255,255,255,0.2);
background-blend-mode:lighten;
}

.bg_top_sekoujirei07_pc {
background-image: url(../img/top_sekoannai_07.jpg);
background-size: 100% auto;
background-position:top;
background-repeat: no-repeat;
height:200px;
}

.bg_top_sekoujirei07_pc:hover{
background-color:rgba(255,255,255,0.2);
background-blend-mode:lighten;
}

.bg_top_sekoujirei08_pc {
background-image: url(../img/top_sekoannai_08.jpg);
background-size: 100% auto;
background-position:top;
background-repeat: no-repeat;
height:200px;
}

.bg_top_sekoujirei08_pc:hover{
background-color:rgba(255,255,255,0.2);
background-blend-mode:lighten;
}

.bg_top_sekoujirei09_pc {
background-image: url(../img/top_sekoannai_09.jpg);
background-size: 100% auto;
background-position:top;
background-repeat: no-repeat;
height:200px;
}

.bg_top_sekoujirei09_pc:hover{
background-color:rgba(255,255,255,0.2);
background-blend-mode:lighten;
}

.bg_top_sekoujirei10_pc {
background-image: url(../img/top_sekoannai_10.jpg);
background-size: 100% auto;
background-position:top;
background-repeat: no-repeat;
height:200px;
}

.bg_top_sekoujirei10_pc:hover{
background-color:rgba(255,255,255,0.2);
background-blend-mode:lighten;
}

.top_sekoujirei_titlebox_pc{
background-color: rgba(255,255,255,0.9);
width:67%;
}

.top_sekoujirei_titlebox_pc_z{
background-color: rgba(255,255,255,1);
width:67%;
border-bottom-right-radius: .25rem!important;
}


.top_sekoujirei_titlebox_pc_z_bttom{
background-color: rgba(255,255,255,1);
width:67%;
border-top-left-radius: .25rem!important;
 position: absolute;
right:0px;
bottom:0px;
}

.top_sekoujirei_title_z{
font-size:1.4rem;
margin-left:auto;
margin-right:auto;
}

.top_sekoujirei_title_z_bottom{
font-size:1.0rem;
margin-left:auto;
margin-right:auto;
}



/*SP***************************/
@media only screen and (max-width:991.98px){

.top_sekoujirei_title{
width:100%;
height:3.2rem;
}

.top_sekoujirei_text{
font-size:0.8rem;
}

.top_sekoujirei_title{
font-size:1.0rem;
border-bottom:0px;
}

.top_sekoujirei_title_m{
font-size:1.0rem;
border-bottom:0px;
}

.top_sekoujirei_icon{
font-size:2.6rem;
}


.top_sekoujirei01 {
/*background:linear-gradient(144deg, #f1f2f4, #f1f2f4 95%, #19969c 95.3%, #19969c 100%);*/
background:linear-gradient(144deg, #fff, #fff 95%, #19969c 95.3%, #19969c 100%);
}

.top_sekoujirei01:hover{
background:linear-gradient(144deg, #ddd, #ddd 95%, #19969c 95.3%, #19969c 100%); }

.top_sekoujirei01_bg {
background-image: url(../img/top_sekoannai_01.jpg);
background-color: #fff;
background-size: 100% auto;
background-position:top;
background-repeat: no-repeat;
background: linear-gradient(180deg, #19969c 0%, #19969c 29%, #FFF 29%, #FFF 100%);
}

.top_sekoujirei_titlebox{
position: absolute;
font-size:0.8rem;
width:90%;
font-weight:bold;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
background-color: rgba(255,255,255,0.9);
}


}
/****************************/

@media (min-width: 768px) and (max-width: 991.98px) {
.top_sekoujirei_titlebox{
font-size:1.0rem;
}
}

/****************************************************************************/

/*h2矢印*********************************************************************/
.bt_arrow_wrap{
position: relative;
background:#19969c;
background-image: url("../img/bg_logo_icon.svg")  ;
background-repeat: no-repeat;
background-position: right;
background-size: 30%;
}

.bt_arrow_wrap:after {
 border: 20px solid transparent;
 border-top-color: #19969c;
 border-bottom-width: 0;
 bottom: -19px;
 content: "";
 display: block;
 left: 48%;
 position: absolute;
 width: 0;
   }

.bt_arrow_big_wrap{
position: relative;
background:#19969c;
background-image: url("../img/bg_logo_icon.svg")  ;
background-repeat: no-repeat;
background-position: right;
background-size: 30%;
}

.bt_arrow_big_wrap:after {
 border: 20px solid transparent;
 border-top-color: #19969c;
 border-bottom-width: 0;
border-left-width: 554px;
border-right-width: 554px;
 bottom: -19px;
 content: "";
 display: block;
left: 0;
  right: 0;
  margin: auto;
 position: absolute;
 width: 0;
   }

.bt_arrow_h2{
font-size:1.4rem;
}

.bt_arrow_wrap_circle{
position: relative;
background:#19969c;
background-image: url("../img/bg_logo_icon.svg")  ;
background-repeat: no-repeat;
background-position: right;
background-size: 30%;
}

.bt_arrow_wrap_circle_ball_base{
 position: absolute;
left: 0;
  right: 0;
  margin: auto;
bottom:-22px;
}

.bt_arrow_wrap_circle_ball_base_dot{
border-bottom:2px dashed #fff;
 height:50px;
 width:50px;
 border-radius:50%;
 line-height:50px;
 text-align:center;
}

.bt_arrow_wrap_circle_ball{
 height:60px;
 width:60px;
 border-radius:50%;
 line-height:60px;
 text-align:center;
font-size:2rem;
}

@media only screen and (max-width: 767.98px) {
.bt_arrow_wrap{
background-size: 40%;
}

.bt_arrow_wrap:after {
 border: 15px solid transparent;
 border-top-color: #19969c;
 border-bottom-width: 0;
 bottom: -14px;
 content: "";
 display: block;
 left: 45.4%;
 position: absolute;
 width: 0;
   }

.bt_arrow_h2{
font-size:1.1rem;
}
}

/****************************************************************************/


/*施工事例TOP****************************************************************/
.jirei_circle {	
 position: relative;
 display: inline-block;
 width: 180px;
 height: 180px;
 border-radius: 50%;
 background:#333;
 position: absolute;
 top:-16px;
 left:-150px;
 border:2px solid #FFF;
}



.jirei_circle_bg01{
background-image: url(../img/top_jirei_01_before.jpg);
background-size: 100% auto;
background-position:top;
background-repeat: no-repeat;
} 

.jirei_circle_bg02{
background-image: url(../img/top_jirei_02_before.jpg);
background-size: 100% auto;
background-position:top;
background-repeat: no-repeat;
} 

.jirei_circle_bg03{
background-image: url(../img/top_jirei_03_before.jpg);
background-size: 100% auto;
background-position:top;
background-repeat: no-repeat;
} 

.jirei_circle_bg04{
background-image: url(../img/top_jirei_04_before.jpg);
background-size: 100% auto;
background-position:top;
background-repeat: no-repeat;
} 

.jirei_circle_bg05{
background-image: url(../img/top_jirei_05_before.jpg);
background-size: 100% auto;
background-position:top;
background-repeat: no-repeat;
} 

.jirei_circle_bg06{
background-image: url(../img/top_jirei_06_before.jpg);
background-size: 100% auto;
background-position:top;
background-repeat: no-repeat;
} 

.jirei_circle_before {	
 position: relative;
 display: inline-block;
 width: 100px;
 height: 100px;
 border-radius: 50%;
 position: absolute;
 top:-10px;
 left:-6px;
 border:2px solid #FFF;
}


.jirei_circle_before span {
 position: absolute;
 display: inline-block;
 left: 0;
 top: 50%;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 width :100px;
 text-align:center;
 color:#FFF;
 font-size:1.2rem;
}

.jirei_circle_after {	
 position: relative;
 display: inline-block;
 width: 100px;
 height: 100px;
 border-radius: 50%;
 position: absolute;
 bottom:-10px;
 right:-8px;
 border:2px solid #FFF;
}


.jirei_circle_after span {
 position: absolute;
 display: inline-block;
 left: 0;
 top: 50%;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 width :100px;
 text-align:center;
 color:#FFF;
 font-size:1.4rem;
}



.jirei_circle span {
 position: absolute;
 display: inline-block;
 left: 0;
 top: 50%;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 width :110px;
 text-align:center;
 color:#FFF;
 font-size:1.2rem;
}

.jirei_img_before{
 position: absolute;
 top:104px;
 left:-8px;
 border:2px solid #FFF;
}

.jirei_arrow{
position: absolute;
bottom:-80px;
right:40px;
font-size:5.5rem;
transform:rotate(180deg);
}

.jirei_comment_bt{
 position: absolute;
 bottom:10px;
 border:2px solid #FFF;
 left:8px;
 background:#ccc;
}

.jirei_top_bt{
position: absolute;
bottom:10px;
right:-8px;
}

.jirei_title{
margin-left:80px;
}

/*SP**************************/
@media only screen and (max-width:480px){
.jirei_circle {	
 width: 130px;
 height: 130px;
 top:-16px;
 left:-108px;
}

.jirei_circle_before {	
 width: 80px;
 height: 80px;
 top:-5px;
 left:8px;
}


.jirei_circle_before span {
 width :80px;
 font-size:1.0rem;
}

.jirei_circle_after {	
 width: 80px;
 height: 80px;
 bottom:-12px;
 right:-12px;
}


.jirei_circle_after span {
 width :80px;
 font-size:1.0rem;
}

.jirei_arrow{
bottom:-70px;
right:24px;
font-size:3.5rem;
}

.jirei_title{
margin-left:66px;
}

}
/******************************/

/****************************************************************************/

/*こんな思いをしたことはありませんか？***************************************/
.fukidashi01{
} 

/*SP**************************/
@media only screen and (max-width:480px){

.fukidashi01{
background-size:90% auto ;
background-position:top;
background-repeat: no-repeat;
}

}
/******************************/

/*****************************************************************************/

/*FAQ TOP****************************************************************/
.faq_maru_base{
position: relative;
}
.faq_maru_1moji{
 position: absolute;
 height:1.5rem;
 width:1.5rem;
 border-radius:50%;
 line-height:1.4rem;
 text-align:center;
 background:#559acc;
color:#FFF;
 top:0px;
 left:0px;
}

.faq_maru_1moji_red{
 position: absolute;
 height:1.5rem;
 width:1.5rem;
 border-radius:50%;
 line-height:1.4rem;
 text-align:center;
 background:#ca698f;
color:#FFF;
 top:0px;
 left:0px;
}

.faq_maru_text{
margin-left:1rem;
}
/****************************************************************************/


/*PR TOP****************************************************************/
.pr_photo{
width:26%;
}

/****************************************************************************/

/*foot_banner****************************************************************/
.foot_banner_base{
position: relative;
}

.foot_banner_base_text{
padding-left:40px;
}

.foot_banner_icon{
 position: absolute;
 top:11px;
 left:6px;
}

@media only screen and (max-width: 991.98px) {

.foot_banner_icon{
 position: absolute;
 top:15px;
 left:6px;
}

}


.foot_topline{
border-top:2px solid #f29600;
}


/*SP***************************/
@media only screen and (max-width: 767.98px) {

.foot_banner_base_text{
padding-left:50px;
}

}
/******************************/

/****************************************************************************/


/*TABLE****************************************************************/
table {
width: 100%; /* テーブルの横幅を指定する */
	margin-left: auto;
	margin-right: auto;
	
}
table th, table td {
padding: 10px 20px !important; /* セルの余白を指定する(上下左右) */
border: 1px solid #ddd; /* セルの境界線を実線で指定する */
	text-align: left;
	background-color: #fff;
}
table th {
background-color: #f9f9f9; /* ボックスの背景色を指定する */
white-space: nowrap;
}
@media only screen and (max-width:480px){
table {
width: 100%	
/*margin: 10px 5px;  */
}
table th, table td {
width: 100%; /* テーブルの見出しの横幅を指定する */
display: block; /* ブロックレベル要素化する */
border-top: 1px solid #ddd; /* セルの境界線を実線で指定する */
	margin-left: auto;
	margin-right: auto;	
		white-space:normal; 

}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,0);
}

}

.table-bordered {
    border: 0px;
}

table.pricelist_table th {
white-space: normal;
}

table.pricelist_table td {
white-space: nowrap;
width:22%;
}

@media only screen and (max-width:480px){
table.pricelist_table td {
width:100%;
}
}

/****************************************************************************/


@media only screen and (max-width:480px){
.nogutters_sp{
padding-right:12px;
padding-left:12px;
}

.nogutters_00_sp{
padding-right:0px;
padding-left:0px;
}
.nogutters_01_sp{
padding-right:1px;
padding-left:1px;
}

.nogutters_left05_sp{
padding-left:5px;
}

.nogutters_right05_sp{
padding-right:5px;
}

.nogutters_left00_sp{
padding-left:0px;
}


}

/*スマホフッタ固定ボタン*****************************************************/

.txt_bottom_bt01{font-size:1.2rem; padding:.475rem .75rem .575rem .75rem;}

.bt_tel_foot{
background-color: #19969c;
border:0px;
border-left:2px solid #FFF;
text-align: center;
padding-top:10px;
box-sizing: border-box;
}

.bt_tel_foot_no{
background-color: #19969c;
border:0px;
text-align: center;
padding-top:10px;
box-sizing: border-box;
}

.bt_tel_foot2{
background-color: #19969c;
border:0px;
border-left:2px solid #FFF;
text-align: center;
padding-top:10px;
}

.txt_mail_icon{
font-size: 2rem;
color: #FFF;
}



.bt_btom{
position: fixed;
top: inherit;
bottom:0px;
z-index: 2;
margin-top:200px;
background-color: #19969c;}

/****************************************************************************/

.bt_line{
	position: fixed;
	top:100px;
	right: 0;
	background-color: #19969c;
	z-index: 2;
	border-radius: 6px 0px 0px 6px;
	text-align: center;
	padding: 10px 6px;
	border: 2px solid #fff;
	border-right: none;
	color: #fff;
	line-height: 1;
	width:80px;
}

.bt_line:hover{
	background-color: #138388;
border: 2px solid #fff;
	border-right: none;
}

.bt_mail{
	position: fixed;
	top:182px;
	right: 0;
	background-color: #f29600;
	z-index: 2;
	border-radius: 6px 0px 0px 6px;
	text-align: center;
	padding: 10px;
	border: 2px solid #fff;
	border-right: none;
	color: #FFF;
	line-height: 1;
	width:80px;
}


.bt_tel{
	position: fixed;
	top:265px;
	right: 0;
	background-color: #ec600b;
	z-index: 2;
	border-radius: 6px 0px 0px 6px;
	text-align: center;
	padding: 10px;
	border: 2px solid #fff;
	border-right: none;
	color: #FFF;
	line-height: 1;
	width:80px;
}






.txt_mail_icon_pc{
font-size: 3rem;
color: #fff;
}




/*****************************************/
@media only screen and (max-width:991.98px){
.navbar-nav {
display: block;
}

.nav-item{
width:33.3%;
float:left !important;
border:1px solid #ccc !important;
text-align: left !important;
padding-left:0.5rem;
font-size:0.8rem;
}

}
/*****************************************/


/**バナー**************************************************************/
.banner_title{
border-bottom: 1px solid rgba(255,255,255,1);
}

.bn_text_height{
line-height:140% !important;
}

/************************************************************************/

/**Card**************************************************************/
.card_relative_base{
position: relative;
}

.card_place{
 position: absolute;
 top:6px;
 left:6px;
}

.card_place_rightbottom{
 position: absolute;
 top:132px;
 right:6px;
}

@media only screen and (max-width:991.98px){
.card_place_rightbottom{
 top:76px;
}
}

@media only screen and (max-width:480px){
.card_place_rightbottom{
 top:236px;
}
}

.card_place_rightbottom_insurance{
 position: absolute;
 top:132px;
 right:56px;
}

@media only screen and (max-width:991.98px){
.card_place_rightbottom_insurance{
 top:76px;
}
}

@media only screen and (max-width:480px){
.card_place_rightbottom_insurance{
 top:236px;
}
}

.ic_list_float{
float:right;
margin-left:6px;
}

/************************************************************************/

/**施工事例**************************************************************/
.jirei_arrow_man{
 position: absolute;
 bottom:0px;
 right:10px;
}

.jirei_arrow_man_width{
width:70px;
}

.jirei_arrow_man_p0{
 position: absolute;
 bottom:0px;
 right:10px;
}

@media only screen and (max-width:480px){
.jirei_arrow_man_p0{
 position: absolute;
 bottom:0px;
 right:0px;
}
}

/************************************************************************/


/*リボン********************************************************************/
.ribbon20-wrapper {  
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 20px 0;
  width: 100%;
  background: #19969c;
color:#FFF;
  }
.ribbon20 {
  display: inline-block;
  position: absolute;
  left: 0;
  top: -10px;
  box-sizing: border-box;
  padding: 0 12px;
  margin: 0;
  height: 34px;
  line-height: 30px;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  color: #fff;
  background: #559acc;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);
font-weight:bold;
}
.ribbon20:before {
  position: absolute;
  content: '';
  top: 0;
  left: -7px;
  border: none;
  height: 38px;
  width: 7px;
  background: #559acc;
  border-radius: 5px 0 0 5px;
}
.ribbon20:after {
  position: absolute;
  content: '';
  bottom: -7px;
  left: -5px;
  border: none;
  height: 7px;
  width: 5px;
  background: #317db4;
  border-radius: 5px 0 0 5px;
}

/*SP*****************/
@media only screen and (max-width:480px){

.ribbon20-wrapper {  
padding: 30px 10px 12px 10px;
}

}
/*********************/


.ribbon_price {
width:70%;
position: absolute;
  left: 0px;
  top: 16px;
  box-sizing: border-box;
  padding: 0 12px;
  margin: 0;
  height: 34px;
  line-height: 30px;
  font-size: 1.05rem;
  letter-spacing: 0.1em;
  color: #fff;
  background: #00747a;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);
font-weight:bold;
}
.ribbon_price:before {
  position: absolute;
  content: '';
  top: 0;
  left: -7px;
  border: none;
  height: 38px;
  width: 7px;
  background: #00747a;
  border-radius: 5px 0 0 5px;
}
.ribbon_price:after {
  position: absolute;
  content: '';
  bottom: -7px;
  left: -5px;
  border: none;
  height: 7px;
  width: 5px;
  background: #004b4f;
  border-radius: 5px 0 0 5px;
}

/*SP*****************/
@media only screen and (max-width:480px){

.ribbon_price { 
width:96%;
font-size: 0.8rem;
letter-spacing: 0em;
}

}
/*********************/

/****************************************************/


/*ごあいさつ*******************************************/

.rule_list_image01{
  position: absolute;
width:180px;
right:-22px;
bottom:22px;
}

/*SP*****************/
@media only screen and (max-width:480px){

.rule_list_image01{
width:100px;
right:15px;
bottom:-60px;
}

}
/*********************/

/*******************************************************/


.bg_dots_green{
background-image: url(../img/bg_footbanner.png);
background-size: auto 100%;
background-position:left;
background-repeat: no-repeat;
}

.bg_dots_blue{
background-image:
    radial-gradient(#559acc 26%, transparent 26%);
  background-size: 500px 500px;
background-position: -250px -180px;
}

.bg_dots_red{
background-image:
    radial-gradient(#ca698f 26%, transparent 26%);
  background-size: 500px 500px;
background-position: -250px -180px;
}

.bg_dots_yellow{
background-image:
    radial-gradient(#d19c5f 26%, transparent 26%);
  background-size: 500px 500px;
background-position: -250px -180px;
}



/*会社案内*******************************************/
.bg_aisatsu01{
background-image: url(../img/bg_wall.png);
background-size:cover;
}

.clip{
 position: absolute;
 top:-43px;
 right:6px;
 width:56px;
}

.profile_photo{
width:26%;
}

.name_sign{
width:180px;
}

/*SP*****************/
@media only screen and (max-width:480px){

.clip{
 position: absolute;
 top:-30px;
 right:6px;
 width:40px;
}

.profile_photo{
width:50%;
}

.name_sign{
width:140px;
}

}
/*********************/

/****************************************************/


/*工事の流れ*******************************************/

.flow_step-wrapper {  
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 20px 0;
  width: 100%;
  background: #19969c;
color:#FFF;
  }

.flow_step {	
 position: relative;
 display: inline-block;
 width: 90px;
 height: 90px;
 border-radius: 50%;
 position: absolute;
 top:-12px;
 left:10px;
 border:2px solid #FFF;
}

.flow_step li {
 position: absolute;
 display: inline-block;
 left: 0;
 top: 50%;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 width :90px;
 text-align:center;
 color:#FFF;
 font-size:1.3rem;
line-height:130%;
}

.flow_step span {
 font-size:2.2rem;
}

/*SP*****************/
@media only screen and (max-width:480px){

.flow_step-wrapper {  
padding: 12px 10px 12px 10px;
}

.flow_step {	
 width: 55px;
 height: 55px;
 top:-40px;
 left:-20px;
}

.flow_step li {
 left: 0;
 top: 50%;
 width :55px;
 font-size:0.9rem;
line-height:130%;
}

.flow_step span {
 font-size:1.6rem;
}

.flow_step_noflame {	
 top:-10px;
 left:-10px;
}

.flow_step_noflame_seko {	
 top:-30px;
 left:3px;
}

}
/*********************/

/****************************************************/



/*FAQ**********************************************/
.oneArea {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  max-width: 1024px;
  margin: 50px auto;
  padding: 0 10px;
}
.oneArea .onebox {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.oneArea .onebox:nth-child(even) {
  flex-direction: row-reverse;
  margin-top: 40px;
}
.oneArea .onebox .imgArea {
  width: 16%;
  position: relative;
}
.oneArea .onebox:nth-child(odd) .imgArea img {
  width: 100%;
  max-width: 130px;
  position: absolute;
  top: -20px;
  left: 0;
  padding-right: 30px;
}
.oneArea .onebox:nth-child(even) .imgArea img {
  width: 100%;
  max-width: 130px;
  position: absolute;
  top: -20px;
  left: auto;
  right: 0;
  padding-left: 30px;
}
.oneArea .onebox .fukiArea {
  width: 84%;
}
.oneArea .onebox .fukidasi {
  width: 100%;
  position: relative;
  padding: 25px;
  background-color: #c5e3f9;
  font-size: 18px;
  color: #231815;
  border-radius: 12px;
  box-sizing: border-box;
text-align: left!important;
}
.oneArea .onebox .fukidasi::before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  transform: rotate(45deg);
  top: 22px;
  border-right: 25px solid transparent;
  border-bottom: 25px solid transparent;
}
.oneArea .onebox .fukidasi::after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  transform: rotate(45deg);
  top: 40px;
  border-right: 25px solid transparent;
  border-bottom: 25px solid transparent;
}
.oneArea .onebox:nth-child(odd) .fukidasi::before {
  left: -15px;
  border-left: 25px solid #c5e3f9;
  border-top: 25px solid transparent;
}
.oneArea .onebox:nth-child(odd) .fukidasi::after {
  left: -25px;
  border-left: 25px solid #ffffff;
  border-top: 25px solid transparent;
}
.oneArea .onebox:nth-child(even) .fukidasi {
  background-color: #fdd1e2;
}
.oneArea .onebox:nth-child(even) .fukidasi::before {
  left: auto;
  right: -15px;
  border-left: 25px solid transparent;
  border-top: 25px solid #fdd1e2;
}
.oneArea .onebox:nth-child(even) .fukidasi::after {
  left: auto;
  right: -25px;
  border-left: 25px solid transparent;
  border-top: 25px solid #ffffff;
}
@media screen and (max-width: 1024px) {
  .oneArea .onebox:nth-child(odd) .imgArea img {
    max-width: 70%;
    top: 0;
  }
  .oneArea .onebox:nth-child(even) .imgArea img {
    max-width: 70%;
    top: 0;
  }
  .oneArea .onebox .fukidasi {
    padding: 15px;
    font-size: 14px;
  }
  .oneArea .onebox .fukidasi::before {
    top: 8px;
  }
  .oneArea .onebox .fukidasi::after {
    top: 20px;
  }
}
@media screen and (max-width: 420px) {
  .oneArea {
    margin: 30px auto;
padding: 0 0px;
  }
  .oneArea .onebox:nth-child(even) {
    margin-top: 15px;
  }
  .oneArea .onebox .imgArea {
    width: 24%;
  }
  .oneArea .onebox .fukidasi {
    padding: 10px 15px;
    font-size: 12px;
  }

.oneArea .onebox:nth-child(odd) .imgArea img {
  max-width: 300px;
}
.oneArea .onebox:nth-child(even) .imgArea img {
  max-width: 300px;
}

.oneArea .onebox .fukiArea {
  width: 76%;
}

}
/****************************************************/

/*施工エリア*****************************************/

/*SP*****************/
@media screen and (max-width: 420px) {
.modal-title{
font-size:1.0rem;
}

.map_text{
font-size:0.8rem;
}
}

/*********************/

/****************************************************/


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

.card_text_height{
height:3rem;
}

/*SP*****************/
@media screen and (max-width: 420px) {

.card_text_height{
height:auto;
}


}

/*********************/

/****************************************************/


/*右カラム*************************************************************/
.bg_snavi_base{
background:#ddedff;
}

.bg_snavi_base:hover{
	background-color: #c5e0ff !important;
}

.bg_snavi_base_pink{
background:#fff3fd;
}

.bg_snavi_base_pink:hover{
	background-color: #fbddf7 !important;
}

.bg_snavi_base_yellow{
background:#fde5c8;
}

.bg_snavi_base_yellow:hover{
	background-color: #e8d3ba !important;
}

.bg_snavi01{
background-image: url("../img/rbn_bg_01.png")  ;
background-repeat: no-repeat;
background-position: right 2px bottom 2px;
background-size: auto 70%;

}

.bg_snavi02{
background-image: url("../img/rbn_bg_02.png")  ;
background-repeat: no-repeat;
background-position: right 2px bottom 2px;
background-size: auto 70%;

}

.bg_snavi03{
background-image: url("../img/rbn_bg_03.png")  ;
background-repeat: no-repeat;
background-position: right 2px bottom 2px;
background-size: auto 70%;

}

.bg_snavi04{
padding:2px;
background-image: url("../img/rbn_bg_04.png")  ;
background-repeat: no-repeat;
background-position: right 2px bottom 2px;
background-size: auto 70%;

}

.bg_snavi05{
padding:2px;
background-image: url("../img/rbn_bg_05.png")  ;
background-repeat: no-repeat;
background-position: right 2px bottom 2px;
background-size: auto 70%;

}

.bg_snavi06{
padding:2px;
background-image: url("../img/rbn_bg_06.png")  ;
background-repeat: no-repeat;
background-position: right 2px bottom 2px;
background-size: auto 70%;

}

.bg_snavi07{
padding:2px;
background-image: url("../img/rbn_bg_07.png")  ;
background-repeat: no-repeat;
background-position: right 2px bottom 2px;
background-size: auto 70%;

}

.bg_snavi08{
padding:2px;
background-image: url("../img/rbn_bg_08.png")  ;
background-repeat: no-repeat;
background-position: right 2px bottom 2px;
background-size: auto 70%;

}

.bg_snavi09{
padding:2px;
background-image: url("../img/rbn_bg_09.png")  ;
background-repeat: no-repeat;
background-position: right 2px bottom 2px;
background-size: auto 70%;

}

.bg_snavi10{
padding:2px;
background-image: url("../img/rbn_bg_10.png")  ;
background-repeat: no-repeat;
background-position: right 2px bottom 2px;
background-size: auto 70%;

}

.bg_snavi_yellow01{
background-image: url("../img/rbn_bg_yellow01.png")  ;
background-repeat: no-repeat;
background-position: right 2px bottom 2px;
background-size: auto 70%;

}

.bg_snavi_yellow02{
background-image: url("../img/rbn_bg_yellow02.png")  ;
background-repeat: no-repeat;
background-position: right 2px bottom 2px;
background-size: auto 70%;

}

.bg_snavi_yellow03{
background-image: url("../img/rbn_bg_yellow03.png")  ;
background-repeat: no-repeat;
background-position: right 2px bottom 2px;
background-size: auto 70%;

}


/**********************************************************************/

.line_green{
color:#06C755;
}



.bg_line_green{
background-color:#06C755;
}

.bg_saihome_green{
background-color:#19969c;
}

.bg_saihome_blue{
background-color:#559acc;
}

.bg_saihome_red{
background-color:#ca698f;
}

.bg_saihome_yellow{
background-color:#d19c5f;
}

.bg_saihome_yellow25{
background-color:#fef8e4;
}

.bg_kakaritsuke{
background-color:#fae393;
}

.bg_gray{
background-color:#ECECEC;
}


.bg_sky{
background-color:#b9d1ff;
}


.bt_line:hover{
	background-color: #04b24b;
}

.bt_mail:hover{
	background-color: #ec600b;
}

.bg_saihome_yellow a:hover{
	background-color: #be8a4e;
}


.bt_tel:hover{
	background-color: #f29600;
}


.local_sekoujirei_title{
font-size:1.0rem;
width:80%;
border-bottom:1px solid #fff;
margin-left:auto;
margin-right:auto;
}

.local_sekoujirei_text{
font-size:0.8rem;
width:100%;
}

/*SP*****************/
@media screen and (max-width: 420px) {
.local_sekoujirei_title{
font-size:1.0rem;
width:100%;
}
.local_sekoujirei_text{
font-size:0.8rem;
}
}

/*********************/


.flexslider_before_waku{
max-width:550px;
}

.flexslider_place_before{
 position: absolute;
 top:6px;
 left:6px;
}

.flexslider_place_after{
 position: absolute;
 top:6px;
 left:106px;
z-index:100;
}

@media  (max-width:480px){

.flexslider .slides img, #item-detail .slides img {
width: auto;
max-width: 100%;
height: auto;
max-height: 240px !important;
}
.flex-control-thumbs, #item-detail .flex-control-thumbs {
width: 350px !important;
}

.flex-control-thumbs li {
width: 60px !important;
height: 60px !important;
margin-bottom: 10px;
}

.flexslider_place_after{
 position: absolute;
 top:6px;
 left:25px;
z-index:100;
}

}

.w-100{
height:auto;
}

.top_form input {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.top_form02 input {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
margin-bottom:6px;
}



.top_form textarea {
    display: block;
    width: 100%;
    height: auto;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    overflow: auto;
    resize: vertical;
}

button, .button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"], .bg-accent, .bg-accent-hover:hover, .bg-accent-hover:focus, :root .has-accent-background-color, .comment-reply-link {
    background-color: #ca698f !important;
color: #fff !important;
padding:10px;
}

.longurl{word-break: break-all;}

.border1px_txtgreen{
border:1px solid #dee2e6;
color:#19969c;
}

.border1px_txtgreen:hover{
border:1px solid #dee2e6;
color:#19969c;
}

.tokushu_12{
font-size:1.2rem;
}

@media  (max-width:480px){
.tokushu_12{
font-size:1.0rem;
}
}

.tokushu_w30{
width:30%;
height:auto;
}
@media  (max-width:480px){
.tokushu_w30{
width:50%;
height:auto;
}
}

.tokushu_float_w100{
width:30%;
height:auto;
}
@media  (max-width:480px){
.tokushu_float_w100{
width:100%;
height:auto;
}
}

.tokushu_tableimage_w50{
width:100%;
height:auto;
}
@media  (max-width:480px){
.tokushu_tableimage_w50{
width:50%;
height:auto;
}
}

.tokushu_line_height18{
line-height:1.8rem;
}

table {
width: 100%; /* テーブルの横幅を指定する */
	margin-left: auto;
	margin-right: auto;
	
}
table th, table td {
padding: 10px 20px !important; /* セルの余白を指定する(上下左右) */
border: 1px solid #ddd; /* セルの境界線を実線で指定する */
	text-align: left;
	background-color: #fff;
}
table th {
background-color: #f9f9f9; /* ボックスの背景色を指定する */
white-space: nowrap;
}
@media only screen and (max-width:480px){
table {
width: 100%	
/*margin: 10px 5px;  */
}
table th, table td {
width: 100%; /* テーブルの見出しの横幅を指定する */
display: block; /* ブロックレベル要素化する */
border-top: 1px solid #ddd; /* セルの境界線を実線で指定する */
	margin-left: auto;
	margin-right: auto;	
		white-space:normal; 

}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,0);
}

}

.table-bordered {
    border: 0px;
}


.tbl-r05 th {
	text-align:center;
}

.tbl-r05 td {
	text-align:left;
}


.tbl-r05 td:first-child {
  background: #f9f9f9;
font-weight: bold;
		text-align:center;

}


.tbl-r10 th {
	text-align:center;
}

.tbl-r10 td {
	text-align:center;
}


.tbl-r10 td:first-child {
  background: #fff;
font-weight: bold;
		text-align:center;

}


@media screen and (max-width: 1024px) {
  .tbl-r05 {
    width: 100%;
  }
  .tbl-r05 .thead {
    display: none;
  }
  .tbl-r05 tr {
    width: 100%;
  }
  .tbl-r05 td {
    display: block;
    text-align: left;
    width: 100%;
  }
  .tbl-r05 td:first-child {
    background: #f9f9f9;
    font-weight: bold;
    text-align: center;
  }
  .tbl-r05 td:before {
    content: attr(data-label);
    float: left;
    margin-right: 0px;
font-weight:bold;
color:#19969c;
  }


  .tbl-r10 {
    width: 100%;
  }
  .tbl-r10 .thead {
    display: none;
  }
  .tbl-r10 tr {
    width: 100%;
  }
  .tbl-r10 td {
    display: block;
    text-align: right;
    width: 100%;
  }
  .tbl-r10 td:first-child {
display: none;
  }
  .tbl-r10 td:before {
    content: attr(data-label);
    float: left;
    margin-right: 10px;
  }

	
}

.pconly_center{
text-align: center !important;
}

@media only screen and (max-width:480px){
.pconly_center{
text-align: left !important;
}
}

.pconly_center_right{
text-align: center !important;
}

@media only screen and (max-width:480px){
.pconly_center_right{
text-align: right !important;
}
}

.pconly_table_bg_white{
background: #fff !important;
font-weight:normal !important;
}

@media only screen and (max-width:480px){
.pconly_table_bg_white{
background: #f9f9f9 !important;
font-weight:bold !important;
}
}

.bg_tokushu_blue{
background:#ddedff;
}


.no_listmark{
list-style: none;
}

/*LP LETTER01****************************************************************/
.lp_letter01_photo{
width:20%;
}

.lp_lead{
font-size:1.25rem;
line-height:1.7;
}

.lp_lead_bt{
font-size:1.5rem;
line-height:1.7;
}

.lp_border_pconly {
    border: 1px solid #dee2e6!important;
}

.lp_lineheight17{
line-height:1.7rem;
}

@media only screen and (max-width:480px){
.lp_lead{
font-size:1rem;
}

.lp_lead_bt{
font-size:1rem;
}

.lp_border_pconly {
    border: 0px solid #dee2e6!important;
}

.lp_lineheight17{
line-height:1.7rem;
}


}

/****************************************************************************/

.jirei_arrow_man_width {
    width: 70px;
}
.jirei_arrow_man {
    position: absolute;
    bottom: 0px;
    right: 10px;
}


/*SP*****************************/
@media only screen and (max-width: 767.98px) {
a.event_none_sp       {
    pointer-events: none;
}
}
/********************************/


.txt_mail_icon_bn4{
font-size: 1.5rem;
color: #FFF;
}

.txt_mail_icon_bn4_py{
padding-top:0.7rem;
padding-bottom:0.7rem;
}

.txt_mail_icon_bn4_py08{
padding-top:0.75rem;
padding-bottom:0.75rem;
}


.circle_icon_bg{
width:50px;
height:50px;
font-size:1.3rem;
}


.h2_bottomline{
border-bottom:2px solid #19969c;
}


.balloon1-top {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  width: 100%;
  font-size: 16px;
  background: #d19c5f;
}

.balloon1-top:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #d19c5f;
}

.balloon1-top p {
  margin: 0;
  padding: 0;
}


.circle_pink {	
  position: relative;
  display: inline-block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #ca698f;
}

.circle_pink span {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :80px;
  text-align:center;
}

.greeting_fontsize{
font-size:1rem;
}

/*SP*****************/
@media screen and (max-width: 420px) {
.greeting_fontsize{
font-size:0.8rem;
}
}

/*********************/


.trouble_chr {
  position: absolute;
  right: -160px;
  bottom: 0;
}

.trouble_chr_width{
width:200px;
}

.keyv_chr {
  position: absolute;
  right: 80px;
  bottom: 6px;
}

.keyv_chr_width{
width:150px;
}

.keyv_snap {
  position: absolute;
  left: 220px;
  top: 140px;
}

.keyv_snap_width{
width:400px;
border:6px solid #FFFFFF;
transform: rotate(-8deg);
box-shadow: 6px 6px rgba(111,153,248,0.5);
}

/*SP*****************/
@media screen and (max-width: 420px) {
.trouble_chr {
  position: absolute;
  right: -50px;
  bottom: -120px;
}

.trouble_chr_width{
width:110px;

}

.keyv_chr {
  position: absolute;
  right: 10px;
  bottom: 4px;
}

.keyv_chr_width{
width:60px;
}

.keyv_snap {
  left: 70px;
  top: 80px;
}

.keyv_snap_width{
width:140px;
border:3px solid #FFFFFF;
box-shadow: 3px 3px rgba(111,153,248,0.5);
}

}

/*********************/

.trouble_border_saihome_green{
border:3px solid #19969c;
}

.trouble_borderbtm_saihome_green_d{
border-bottom:12px solid #138186;
}

.houchi_title01{
font-size:1.8rem;
}


.matome_title01{
font-size:2.0rem;
}

.trouble_sub01 {
  position: absolute;
  right: 0px;
  bottom: -10px;
}


.trouble_sub02 {
  position: absolute;
  left: -10px;
  bottom: -20px;
transform: rotate(-10deg);
}

.trouble_sub03 {
width:90px;
  position: absolute;
  left: -20px;
  bottom: -20px;
}

.trouble_sub03_indent{
padding-left:90px !important;
}

.trouble_sub04 {
  position: absolute;
  right: -20px;
  bottom: -20px;
width:140px;
}

/*SP*****************/
@media screen and (max-width: 420px) {
.matome_title01{
font-size:1.6rem;
}


.trouble_sub02 {
  left: -20px;
  bottom: 20px;
}

.trouble_sub03 {
width:77px;
  position: absolute;
  left: -20px;
  bottom: 10px;
}

.trouble_sub03_indent{
padding-left:70px !important;
}

.trouble_sub04 {
  right: 0px;
  bottom: -20px;
width:50px;
display:none;
}

}

/*********************/

.trouble_img01{
transform: rotate(-10deg);
}

.trouble_border_bottom_dot{
  border-bottom: dashed 2px #dadada;
}


.wavy_line {
text-decoration:underline wavy #19969c;
text-underline-offset: 10px;
}



/*SP*****************/
@media screen and (max-width: 420px) {
.houchi_title01{
font-size:1.2rem;
line-height:180%;
}

.wavy_line {
text-decoration:underline wavy #19969c;
text-underline-offset: 6px;
}
}

/*********************/


.balloon5 {
  width: 100%;
  margin: 1.5em 0;
  overflow: hidden;
}

.balloon5 .faceicon {
  float: left;
  margin-right: -90px;
  width: 80px;
}

.balloon5 .faceicon img{
  width: 100%;
  height: auto;
  border: solid 3px #d19c5f;
  border-radius: 50%;
}

.balloon5 .chatting {
  width: 100%;
}

.says {
  display: inline-block;
  position: relative; 
  margin: 5px 0 0 105px;
  padding: 17px 13px;
  border-radius: 4px;
  background: #fff;
width:89%;
}

.says:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 12px solid #fff;
}

.says p {
  margin: 0;
  padding: 0;
}


/*SP*****************/
@media screen and (max-width: 420px) {
.says {
width:68%;
}
}

/*********************/


.saihome_pink_border2{
border:2px solid #ca698f;
}

.bg_keyv01{
background-image: url(../img/bg_keyv.jpg);
background-size:cover;
}



.zindex_1{
z-index: 1;
}

body{
font-family: 'Noto Sans JP', sans-serif;
/* color:#555; */
color:#333;
}

img{
height:auto;
}

.font_bold01{
font-weight:bold;
}

ul {
margin-bottom:0;
padding-inline-start: 20px;
}

a:hover img{
opacity: 0.8 ;
}

.zindex100{
z-index:100;
}
.section_arrow{
font-size:3.0rem;
}

.waku_dot{
border:2px dashed #fff;  /* 211001 */
border:0px dashed #fff;
}


.relative_base{
position: relative;
}

.localnavi_icon_sp{
font-size:2.0rem;
}

.btn.disabled, .btn:disabled {
opacity: 1;
}

.list_mark_line{
list-style-position: inside;
}

.vertical_align_middle{
vertical-align: middle !important;
}

.border_top_dot{
border-top:1px dashed #AAA;
}

.border_bottom_dot{
border-bottom:1px dashed #AAA;
}

.text_shadow{
text-shadow:2px 2px 3px rgba(0,0,0,0.4);
}

.img_shadow{
box-shadow:7px 7px 0px #19969c;
}

.img_shadow_blue{
box-shadow:7px 7px 0px #559acc;
}

.img_shadow_red{
box-shadow:7px 7px 0px #ca698f;
}

.img_shadow_yellow{
box-shadow:7px 7px 0px #d19c5f;
}


/*SP*****************************/
@media only screen and (max-width: 767.98px) {

.img_shadow_clear_sp{
box-shadow:0px 0px 0px #000;
}

.txt_white_sp{
color:#fff !important;
}

.img_border_white2_sp{
border:2px solid #fff;
}

}
/**********************************/

.lp_line_height32{
line-height:3.2rem;
}

.line_height18{
line-height:1.8rem;
}

.line_height20{
line-height:2.0rem;
}

.font900{
font-weight:900;
}

h1{
font-size:0.8rem;
}

.h2, h2 {
font-size: 2rem;
font-weight:bold;
}

h3{
margin-bottom:0;
font-size:1.5rem;
}

h4{
margin-bottom:0;
font-weight:bold;
}

.fontsize_08 {
font-size: 0.8rem;
}

.fontsize_12 {
font-size: 1.2rem;
}

.fontsize_13 {
font-size: 1.3rem;
}

.fontsize_14 {
font-size: 1.4rem;
}

.fontsize_15 {
font-size: 1.5rem;
}

.fontsize_16 {
font-size: 1.6rem;
}


.fontsize_20 {
font-size: 2.0rem;
}

.fontsize_25 {
font-size: 2.5rem;
}

.fontsize_30 {
font-size: 3.0rem;
}

/*SP*****************************/
@media only screen and (max-width: 767.98px) {


.lp_line_height32{
line-height:1.8rem;
}


h1{
font-size:0.65rem;
}

.h2, h2 {
font-size: 1.4rem;
}

h3{
font-size:1.3rem;
}

h4{
font-size:1.2rem;
}


.fontsize_08 {
font-size: 0.8rem;
}

.fontsize_12 {
font-size: 1.1rem;
}

.fontsize_13 {
font-size: 1.3rem;
}

.fontsize_14 {
font-size: 1.4rem;
}

.fontsize_15 {
font-size: 1.0rem;
}

.fontsize_16 {

}

.fontsize_20 {
font-size: 1.1rem;
}

.fontsize_25 {
font-size: 1.2rem;
}

.fontsize_30 {
font-size: 1.6rem;
}

.line_height18{
line-height:1.6rem;
}

.line_height20{
line-height:1.4rem;
}

.fontsize_s08{
font-size: 0.8rem;
}

.fontsize_s10{
font-size: 1.0rem;
}

.fontsize_s13{
font-size: 1.3rem;
}

.fontsize_s15{
font-size: 1.5rem;
}


}
/******************************/
.saihome_green{
color:#19969c;
}

.saihome_blue{
color:#559acc;
}

.saihome_red{
color:#ca698f;
}
.saihome_yellow{
color:#d19c5f;
}


.link_saihome_green a:visited {
	color: #19969c;
}
.link_saihome_green a:link {
	color: #19969c;
}
.link_saihome_green a:hover {
	color: #12757a;
}
.link_saihome_green a:active {
	color: #19969c;
}


.link_white_important a:visited {
	color: #FFFFFF !important;
}
.link_white_important a:link {
	color: #FFFFFF !important;
}
.link_white_important a:hover {
	color: #dcdcde !important;
}
.link_white_important a:active {
	color: #FFFFFF !important;
}

.link_noline a:hover {
	text-decoration: none;
}

.bg_gray{
background-color:#f1f2f4;
}

.bg_orange{
background-color:#f7790b;
}

.text-orange{
color:#f7790b;
}





.navbar-nav li+ li {
  border-left: 1px solid #ddd;
}

/*SP*****************************/
@media only screen and (max-width: 767.98px) {

.navbar-nav li+ li {
  border-left: 0px
}


}
/******************************/

.relative_base{
position: relative;
}



.bg_stripe_green{
background-size: auto auto;
background-color: rgba(22, 141, 147, 1);
background-image: repeating-linear-gradient(135deg, transparent, transparent 20px, rgba(25, 150, 156, 1) 20px, rgba(25, 150, 156, 1) 40px );
}


.bg_stripe_yellow{
background-size: auto auto;
background-color: rgba(232,201,51,1);
background-image: repeating-linear-gradient(135deg, transparent, transparent 20px, rgba(249,218,65,1) 20px, rgba(249,218,65,1) 40px );
}

.bg_stripe_red{
background-size: auto auto;
background-color: rgba(202,105,143,1);
background-image: repeating-linear-gradient(135deg, transparent, transparent 20px, rgba(203,123,155,1) 20px, rgba(203,123,155,1) 40px );
}

.bg_stripe_blue{
background-size: auto auto;
background-color: rgba(0,153,255,0.2);
background-image: repeating-linear-gradient(135deg, transparent, transparent 20px, rgba(0,153,255,0.1) 20px, rgba(0,153,255,0.1) 40px );
}

.bg_dots_blue02 {
  background-image: 
    radial-gradient(rgb(247, 247, 247) 12.8%, transparent 12.8%),
    radial-gradient(rgb(247, 247, 247) 12.8%, transparent 12.8%);
  background-position: 0px 0px, 12px 12px;
  background-size: 24px 24px;
  background-color: rgb(237, 237, 237);
}

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

/*ヘッダ*******************************************************************/
.head_tel{
font-size:2.6rem;
line-height:120%
}

.head_logo{
width:360px;
max-width:100%;
}

.head_bottomline{
border-bottom:2px solid #f29600;
}

@media only screen and (max-width: 767.98px) {

.head_logo{
width:260px;
max-width:100%;
}


}

/****************************************************************************/

/*ハンバーガーメニュー********************************************************/
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border: none;
  padding: 0px;
  width: 32px;
  height: 32px;
  box-sizing: border-box;
  position: relative;
background-color: #FFF !important;
border:2px solid #19969c;
text-align:center;
padding-left:2px;
}
.navbar-light .navbar-toggler-icon {
  background-image:none; /* この行で背景画像を無効化 */
  background-color: #19969c;
  width: 24px;
  height: 2px;
  display: block;
  position: absolute;
  transition: ease .5s;
text-align:center;
}

/* 3本のバーそれぞれの座標を設定 */
.navbar-toggler-icon:nth-of-type(1) {top:7px;}
.navbar-toggler-icon:nth-of-type(2) {top:14px;}
.navbar-toggler-icon:nth-of-type(3) {top:21px;}

/* メニューが開いている時の　3本のバーそれぞれの座標および角度を設定 */
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(1) {
top:13px;
transform: rotate(45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(2) {
opacity: 0;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(3) {
top:13px;
transform: rotate(-45deg);
}
/****************************************************************************/


/*キービジュアル*************************************************************/

.jumbotron {
margin:0;
padding: 0.5rem 2rem;
}


.jumbotron_extend {
 position: relative;
 background: url("./img/bg_keyv.jpg") no-repeat center center ;
 background-size: 100% auto;
}

.jumbotron-container {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.jumbotron_logo{
clear: both;
width:460px;
}

.jumbotron_man_a{
 position: absolute;
 bottom:-20px;
 right:6px;
 width:420px;
}

.jumbotron_ball{
 position: absolute;
 bottom:10px;
 right:180px;
 width:160px;
}


@media (min-width: 768px) and (max-width: 991.98px) {
.jumbotron_man_a{
 bottom:-40px;
 right:-20px;
 width:280px;
}	

.jumbotron_ball{
 position: absolute;
 top:70px;
 right:120px;
 width:130px;
}

}

@media only screen and (max-width:767.98px){


.jumbotron_man_a{
 bottom:-36px;
 right:-10px;
 width:110px;
}

.jumbotron_ball{
 position: absolute;
 bottom:15px;
right: 60px;
 width:56px;
z-index:1;
}

}


.bg_keyv{
background: #f1f2f4;
}

.top_keyb_title01{
font-size:2.4rem;
}

.top_keyb_text_a01{
font-size:1.2rem;
}

.top_keyb_text_a02{
font-size:1.0rem;
}

.top_keyb_man_a{
 position: absolute;
 bottom:16px;
 right:26px;
 width:400px;
}

.bg_keyv_b{
background: linear-gradient(90deg, #19969c 0%, #19969c 50%, #d19c5f 50%, #d19c5f 100%);
}

.top_keyb_man_b{
position: absolute;
top:10px;
left: 0;
right: 0;
margin: auto;
width:140px;
}

.top_keyb_title_b01{
font-size:2.0rem;
}

.top_keyb_text_b01{
font-size:1.0rem;
}

.top_keyb_text_b02{
font-size:1.0rem;
}

.top_keyb_title{
font-size:2.4rem;
border-bottom:2px solid #FFF;
display:inline-block;
}

.top_keyb_text01{
font-size:1.4rem;
}

.top_keyb_text02{
font-size:1.2rem;
}

.top_keyb_man{
 position: absolute;
 bottom:36px;
 right:36px;
 width:260px;
}


/*SP******/
@media only screen and (max-width: 767.98px) {

.top_keyb_title01{
font-size:1.1rem;
}

.top_keyb_text_a01{
font-size:0.8rem;
}

.top_keyb_text_a02{
font-size:0.6rem;
}
.top_keyb_man_a{
 position: absolute;
 bottom:10px;
 right:10px;
 width:140px;
}

.jumbotron{
padding: 0rem 0rem;
}
.top_keyb_title{
font-size:1.6rem;
}

.top_keyb_text01{
font-size:0.9rem;
}

.top_keyb_text02{
font-size:0.9rem;
}


.top_keyb_man{
 width:110px;
bottom:40px;
 right:20px;
}

}
/*********/
/****************************************************************************/

/*TOP 施工案内*************************************************************/
.top_sekoujirei_title{
font-size:1.4rem;
width:80%;
border-bottom:1px solid #666;
margin-left:auto;
margin-right:auto;
}

.top_sekoujirei_title_m{
font-size:1.0rem;
width:100%;
border-bottom:1px solid #666;
margin-left:auto;
margin-right:auto;
}

.top_sekoujirei_title02{
font-size:1.2rem;
width:90%;
border-bottom:2px solid #19969c;
margin-left:auto;
margin-right:auto;
}

.top_sekoujirei_text{
font-size:1.0rem;
width:100%;
}

.top_sekoujirei_text_m{
font-size:0.8rem;
width:100%;
}


.top_sekoujirei01 {
background:linear-gradient(144deg, #fff, #fff 95%, #fff 95.3%, #fff 100%);
}

.top_sekoujirei01:hover{
background:linear-gradient(144deg, #efefef, #efefef 95%, #efefef 95.3%, #efefef 100%); }



.top_sekoujirei02 {
background:linear-gradient(144deg, #f1f2f4, #f1f2f4 95%, #19969c 95.3%, #19969c 100%);
height:305px;
}

.top_sekoujirei02:hover{
background:linear-gradient(144deg, #ddd, #ddd 95%, #19969c 95.3%, #19969c 100%);
}

.top_sekoujirei03 {
background-color: rgba(255,255,255,0.2);
background-image: url(./img/top_sekoannai_03.jpg);
background-position: left top;
background-repeat: no-repeat;
background-size: cover ;
height:200px;
}

.top_sekoujirei03:hover{
background-color:rgba(255,255,255,0.2);
background-blend-mode:lighten;
}

.top_sekoujirei04 {
background-color: rgba(255,255,255,0.2);
background-image: url(./img/top_sekoannai_04.jpg);
background-position: left top;
background-repeat: no-repeat;
background-size: cover ;
height:200px;
}

.top_sekoujirei04:hover{
background-color:rgba(255,255,255,0.2);
background-blend-mode:lighten;
}

.top_sekoujirei05 {
background-color: rgba(255,255,255,0.2);
background-image: url(./img/top_sekoannai_05.jpg);
background-position: left top;
background-repeat: no-repeat;
background-size: cover ;
height:200px;
}

.top_sekoujirei05:hover{
background-color:rgba(255,255,255,0.2);
background-blend-mode:lighten;
}

.top_sekoujirei06 {
background-color: rgba(255,255,255,0.2);
background-image: url(./img/top_sekoannai_06.jpg);
background-position: left top;
background-repeat: no-repeat;
background-size: cover ;
height:200px;
}

.top_sekoujirei06:hover{
background-color:rgba(255,255,255,0.2);
background-blend-mode:lighten;
}

.bg_top_sekoujirei01_pc {
background-image: url(./img/top_sekoannai_01.jpg);
background-size: 100% auto;
background-position:top;
background-repeat: no-repeat;
height:240px;
}

.bg_top_sekoujirei01_pc:hover{
background-color:rgba(255,255,255,0.2);
background-blend-mode:lighten;
}

.bg_top_sekoujirei02_pc {
background-image: url(./img/top_sekoannai_02.jpg);
background-size: 100% auto;
background-position:top;
background-repeat: no-repeat;
height:240px;
}

.bg_top_sekoujirei02_pc:hover{
background-color:rgba(255,255,255,0.2);
background-blend-mode:lighten;
}

.bg_top_sekoujirei03_pc {
background-image: url(./img/top_sekoannai_03.jpg);
background-size: 100% auto;
background-position:top;
background-repeat: no-repeat;
height:200px;
}

.bg_top_sekoujirei03_pc:hover{
background-color:rgba(255,255,255,0.2);
background-blend-mode:lighten;
}

.bg_top_sekoujirei04_pc {
background-image: url(./img/top_sekoannai_04.jpg);
background-size: 100% auto;
background-position:top;
background-repeat: no-repeat;
height:240px;
}

.bg_top_sekoujirei04_pc:hover{
background-color:rgba(255,255,255,0.2);
background-blend-mode:lighten;
}

.bg_top_sekoujirei05_pc {
background-image: url(./img/top_sekoannai_05.jpg);
background-size: 100% auto;
background-position:top;
background-repeat: no-repeat;
height:240px;
}

.bg_top_sekoujirei05_pc:hover{
background-color:rgba(255,255,255,0.2);
background-blend-mode:lighten;
}

.bg_top_sekoujirei06_pc {
background-image: url(./img/top_sekoannai_06.jpg);
background-size: 100% auto;
background-position:top;
background-repeat: no-repeat;
height:200px;
}

.bg_top_sekoujirei06_pc:hover{
background-color:rgba(255,255,255,0.2);
background-blend-mode:lighten;
}

.bg_top_sekoujirei07_pc {
background-image: url(./img/top_sekoannai_07.jpg);
background-size: 100% auto;
background-position:top;
background-repeat: no-repeat;
height:200px;
}

.bg_top_sekoujirei07_pc:hover{
background-color:rgba(255,255,255,0.2);
background-blend-mode:lighten;
}

.bg_top_sekoujirei08_pc {
background-image: url(./img/top_sekoannai_08.jpg);
background-size: 100% auto;
background-position:top;
background-repeat: no-repeat;
height:200px;
}

.bg_top_sekoujirei08_pc:hover{
background-color:rgba(255,255,255,0.2);
background-blend-mode:lighten;
}

.bg_top_sekoujirei09_pc {
background-image: url(./img/top_sekoannai_09.jpg);
background-size: 100% auto;
background-position:top;
background-repeat: no-repeat;
height:200px;
}

.bg_top_sekoujirei09_pc:hover{
background-color:rgba(255,255,255,0.2);
background-blend-mode:lighten;
}

.bg_top_sekoujirei10_pc {
background-image: url(./img/top_sekoannai_10.jpg);
background-size: 100% auto;
background-position:top;
background-repeat: no-repeat;
height:200px;
}

.bg_top_sekoujirei10_pc:hover{
background-color:rgba(255,255,255,0.2);
background-blend-mode:lighten;
}

.top_sekoujirei_titlebox_pc{
background-color: rgba(255,255,255,0.9);
width:67%;
}

.top_sekoujirei_titlebox_pc_z{
background-color: rgba(255,255,255,1);
width:67%;
border-bottom-right-radius: .25rem!important;
}


.top_sekoujirei_titlebox_pc_z_bttom{
background-color: rgba(255,255,255,1);
width:67%;
border-top-left-radius: .25rem!important;
 position: absolute;
right:0px;
bottom:0px;
}

.top_sekoujirei_title_z{
font-size:1.4rem;
margin-left:auto;
margin-right:auto;
}

.top_sekoujirei_title_z_bottom{
font-size:1.0rem;
margin-left:auto;
margin-right:auto;
}



/*SP***************************/
@media only screen and (max-width:991.98px){

.top_sekoujirei_title{
width:100%;
height:3.2rem;
}

.top_sekoujirei_text{
font-size:0.8rem;
}

.top_sekoujirei_title{
font-size:1.0rem;
border-bottom:0px;
}

.top_sekoujirei_title_m{
font-size:1.0rem;
border-bottom:0px;
}

.top_sekoujirei_icon{
font-size:2.6rem;
}


.top_sekoujirei01 {
/*background:linear-gradient(144deg, #f1f2f4, #f1f2f4 95%, #19969c 95.3%, #19969c 100%);*/
background:linear-gradient(144deg, #fff, #fff 95%, #19969c 95.3%, #19969c 100%);
}

.top_sekoujirei01:hover{
background:linear-gradient(144deg, #ddd, #ddd 95%, #19969c 95.3%, #19969c 100%); }

.top_sekoujirei01_bg {
background-image: url(./img/top_sekoannai_01.jpg);
background-color: #fff;
background-size: 100% auto;
background-position:top;
background-repeat: no-repeat;
background: linear-gradient(180deg, #19969c 0%, #19969c 29%, #FFF 29%, #FFF 100%);
}

.top_sekoujirei_titlebox{
position: absolute;
font-size:0.8rem;
width:90%;
font-weight:bold;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
background-color: rgba(255,255,255,0.9);
}


}
/****************************/

@media (min-width: 768px) and (max-width: 991.98px) {
.top_sekoujirei_titlebox{
font-size:1.0rem;
}
}

/****************************************************************************/

/*h2矢印*********************************************************************/
.bt_arrow_wrap{
position: relative;
background:#19969c;
background-image: url("./img/bg_logo_icon.svg")  ;
background-repeat: no-repeat;
background-position: right;
background-size: 30%;
}

.bt_arrow_wrap:after {
 border: 20px solid transparent;
 border-top-color: #19969c;
 border-bottom-width: 0;
 bottom: -19px;
 content: "";
 display: block;
 left: 48%;
 position: absolute;
 width: 0;
   }

.bt_arrow_big_wrap{
position: relative;
background:#19969c;
background-image: url("./img/bg_logo_icon.svg")  ;
background-repeat: no-repeat;
background-position: right;
background-size: 30%;
}

.bt_arrow_big_wrap:after {
 border: 20px solid transparent;
 border-top-color: #19969c;
 border-bottom-width: 0;
border-left-width: 554px;
border-right-width: 554px;
 bottom: -19px;
 content: "";
 display: block;
left: 0;
  right: 0;
  margin: auto;
 position: absolute;
 width: 0;
   }

.bt_arrow_h2{
font-size:1.4rem;
}

.bt_arrow_wrap_circle{
position: relative;
background:#19969c;
background-image: url("./img/bg_logo_icon.svg")  ;
background-repeat: no-repeat;
background-position: right;
background-size: 30%;
}

.bt_arrow_wrap_circle_ball_base{
 position: absolute;
left: 0;
  right: 0;
  margin: auto;
bottom:-22px;
}

.bt_arrow_wrap_circle_ball_base_dot{
border-bottom:2px dashed #fff;
 height:50px;
 width:50px;
 border-radius:50%;
 line-height:50px;
 text-align:center;
}

.bt_arrow_wrap_circle_ball{
 height:60px;
 width:60px;
 border-radius:50%;
 line-height:60px;
 text-align:center;
font-size:2rem;
}

@media only screen and (max-width: 767.98px) {
.bt_arrow_wrap{
background-size: 40%;
}

.bt_arrow_wrap:after {
 border: 15px solid transparent;
 border-top-color: #19969c;
 border-bottom-width: 0;
 bottom: -14px;
 content: "";
 display: block;
 left: 45.4%;
 position: absolute;
 width: 0;
   }

.bt_arrow_h2{
font-size:1.1rem;
}
}

/****************************************************************************/


/*施工事例TOP****************************************************************/
.jirei_circle {	
 position: relative;
 display: inline-block;
 width: 180px;
 height: 180px;
 border-radius: 50%;
 background:#333;
 position: absolute;
 top:-16px;
 left:-150px;
 border:2px solid #FFF;
}



.jirei_circle_bg01{
background-image: url(./img/top_jirei_01_before.jpg);
background-size: 100% auto;
background-position:top;
background-repeat: no-repeat;
} 

.jirei_circle_bg02{
background-image: url(./img/top_jirei_02_before.jpg);
background-size: 100% auto;
background-position:top;
background-repeat: no-repeat;
} 

.jirei_circle_bg03{
background-image: url(./img/top_jirei_03_before.jpg);
background-size: 100% auto;
background-position:top;
background-repeat: no-repeat;
} 

.jirei_circle_bg04{
background-image: url(./img/top_jirei_04_before.jpg);
background-size: 100% auto;
background-position:top;
background-repeat: no-repeat;
} 

.jirei_circle_bg05{
background-image: url(./img/top_jirei_05_before.jpg);
background-size: 100% auto;
background-position:top;
background-repeat: no-repeat;
} 

.jirei_circle_bg06{
background-image: url(./img/top_jirei_06_before.jpg);
background-size: 100% auto;
background-position:top;
background-repeat: no-repeat;
} 

.jirei_circle_before {	
 position: relative;
 display: inline-block;
 width: 100px;
 height: 100px;
 border-radius: 50%;
 position: absolute;
 top:-10px;
 left:-6px;
 border:2px solid #FFF;
}


.jirei_circle_before span {
 position: absolute;
 display: inline-block;
 left: 0;
 top: 50%;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 width :100px;
 text-align:center;
 color:#FFF;
 font-size:1.2rem;
}

.jirei_circle_after {	
 position: relative;
 display: inline-block;
 width: 100px;
 height: 100px;
 border-radius: 50%;
 position: absolute;
 bottom:-10px;
 right:-8px;
 border:2px solid #FFF;
}


.jirei_circle_after span {
 position: absolute;
 display: inline-block;
 left: 0;
 top: 50%;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 width :100px;
 text-align:center;
 color:#FFF;
 font-size:1.4rem;
}



.jirei_circle span {
 position: absolute;
 display: inline-block;
 left: 0;
 top: 50%;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 width :110px;
 text-align:center;
 color:#FFF;
 font-size:1.2rem;
}

.jirei_img_before{
 position: absolute;
 top:104px;
 left:-8px;
 border:2px solid #FFF;
}

.jirei_arrow{
position: absolute;
bottom:-80px;
right:40px;
font-size:5.5rem;
transform:rotate(180deg);
}

.jirei_comment_bt{
 position: absolute;
 bottom:10px;
 border:2px solid #FFF;
 left:8px;
 background:#ccc;
}

.jirei_top_bt{
position: absolute;
bottom:10px;
right:-8px;
}

.jirei_title{
margin-left:80px;
}

/*SP**************************/
@media only screen and (max-width:480px){
.jirei_circle {	
 width: 130px;
 height: 130px;
 top:-16px;
 left:-108px;
}

.jirei_circle_before {	
 width: 80px;
 height: 80px;
 top:-5px;
 left:8px;
}


.jirei_circle_before span {
 width :80px;
 font-size:1.0rem;
}

.jirei_circle_after {	
 width: 80px;
 height: 80px;
 bottom:-12px;
 right:-12px;
}


.jirei_circle_after span {
 width :80px;
 font-size:1.0rem;
}

.jirei_arrow{
bottom:-70px;
right:24px;
font-size:3.5rem;
}

.jirei_title{
margin-left:66px;
}

}
/******************************/

/****************************************************************************/

/*こんな思いをしたことはありませんか？***************************************/
.fukidashi01{
} 

/*SP**************************/
@media only screen and (max-width:480px){

.fukidashi01{
background-size:90% auto ;
background-position:top;
background-repeat: no-repeat;
}

}
/******************************/

/*****************************************************************************/

/*FAQ TOP****************************************************************/
.faq_maru_base{
position: relative;
}
.faq_maru_1moji{
 position: absolute;
 height:1.5rem;
 width:1.5rem;
 border-radius:50%;
 line-height:1.4rem;
 text-align:center;
 background:#559acc;
color:#FFF;
 top:0px;
 left:0px;
}

.faq_maru_1moji_red{
 position: absolute;
 height:1.5rem;
 width:1.5rem;
 border-radius:50%;
 line-height:1.4rem;
 text-align:center;
 background:#ca698f;
color:#FFF;
 top:0px;
 left:0px;
}

.faq_maru_text{
margin-left:1rem;
}
/****************************************************************************/


/*PR TOP****************************************************************/
.pr_photo{
width:26%;
}

/****************************************************************************/

/*foot_banner****************************************************************/
.foot_banner_base{
position: relative;
}

.foot_banner_base_text{
padding-left:40px;
}

.foot_banner_icon{
 position: absolute;
 top:11px;
 left:6px;
}

@media only screen and (max-width: 991.98px) {

.foot_banner_icon{
 position: absolute;
 top:15px;
 left:6px;
}

}


.foot_topline{
border-top:2px solid #f29600;
}


/*SP***************************/
@media only screen and (max-width: 767.98px) {

.foot_banner_base_text{
padding-left:50px;
}

}
/******************************/

/****************************************************************************/


/*TABLE****************************************************************/
table {
width: 100%; /* テーブルの横幅を指定する */
	margin-left: auto;
	margin-right: auto;
	
}
table th, table td {
padding: 10px 20px !important; /* セルの余白を指定する(上下左右) */
border: 1px solid #ddd; /* セルの境界線を実線で指定する */
	text-align: left;
	background-color: #fff;
}
table th {
background-color: #f9f9f9; /* ボックスの背景色を指定する */
white-space: nowrap;
}
@media only screen and (max-width:480px){
table {
width: 100%	
/*margin: 10px 5px;  */
}
table th, table td {
width: 100%; /* テーブルの見出しの横幅を指定する */
display: block; /* ブロックレベル要素化する */
border-top: 1px solid #ddd; /* セルの境界線を実線で指定する */
	margin-left: auto;
	margin-right: auto;	
		white-space:normal; 

}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,0);
}

}

.table-bordered {
    border: 0px;
}

table.pricelist_table th {
white-space: normal;
}

table.pricelist_table td {
white-space: nowrap;
width:22%;
}

@media only screen and (max-width:480px){
table.pricelist_table td {
width:100%;
}
}

/****************************************************************************/


@media only screen and (max-width:480px){
.nogutters_sp{
padding-right:12px;
padding-left:12px;
}

.nogutters_00_sp{
padding-right:0px;
padding-left:0px;
}
.nogutters_01_sp{
padding-right:1px;
padding-left:1px;
}

.nogutters_left05_sp{
padding-left:5px;
}

.nogutters_right05_sp{
padding-right:5px;
}

.nogutters_left00_sp{
padding-left:0px;
}


}

/*スマホフッタ固定ボタン*****************************************************/

.txt_bottom_bt01{font-size:1.2rem; padding:.475rem .75rem .575rem .75rem;}

.bt_tel_foot{
background-color: #f29600;
border:0px;
border-left:2px solid #FFF;
text-align: center;
padding-top:10px;
box-sizing: border-box;
}

.bt_tel_foot_no{
background-color: #f29600;
border:0px;
text-align: center;
padding-top:10px;
box-sizing: border-box;
}

.bt_tel_foot2{
background-color: #ec600b;
border:0px;
border-left:2px solid #FFF;
text-align: center;
padding-top:10px;
}

.txt_mail_icon{
font-size: 2rem;
color: #FFF;
}




.bt_tel_foot_no:hover, .bt_tel_foot:hover, .bt_tel_foot2:hover,{
	background-color: #fde5c8;
	background-color: #f00;
}



.bt_btom{
position: fixed;
top: inherit;
bottom:0px;
z-index: 2;
margin-top:200px;
background-color: #19969c;}

/****************************************************************************/

.bt_line{
	position: fixed;
	top:100px;
	right: 0;
	background-color: #19969c;
	z-index: 2;
	border-radius: 6px 0px 0px 6px;
	text-align: center;
	padding: 10px 6px;
	border: 2px solid #fff;
	border-right: none;
	color: #fff;
	line-height: 1;
	width:80px;
}

.bt_line:hover{
	background-color: #138388;
border: 2px solid #fff;
	border-right: none;
}

.bt_mail{
	position: fixed;
	top:182px;
	right: 0;
	background-color: #f29600;
	z-index: 2;
	border-radius: 6px 0px 0px 6px;
	text-align: center;
	padding: 10px;
	border: 2px solid #fff;
	border-right: none;
	color: #FFF;
	line-height: 1;
	width:80px;
}

.bt_mail:hover{
	background-color: #ec600b;
border: 2px solid #fff;
	border-right: none;
}



.bt_tel{
	position: fixed;
	top:265px;
	right: 0;
	background-color: #ec600b;
	z-index: 2;
	border-radius: 6px 0px 0px 6px;
	text-align: center;
	padding: 10px;
	border: 2px solid #fff;
	border-right: none;
	color: #FFF;
	line-height: 1;
	width:80px;
}

.bt_tel:hover{
	background-color: #f29600;
border: 2px solid #fff;
	border-right: none;
}





.txt_mail_icon_pc{
font-size: 3rem;
color: #fff;
}




/*****************************************/
@media only screen and (max-width:991.98px){
.navbar-nav {
display: block;
}

.nav-item{
width:33.3%;
float:left !important;
border:1px solid #ccc !important;
text-align: left !important;
padding-left:0.5rem;
font-size:0.8rem;
}

}
/*****************************************/


/**バナー**************************************************************/
.banner_title{
border-bottom: 1px solid rgba(255,255,255,1);
}

.bn_text_height{
line-height:140% !important;
}

/************************************************************************/

/**Card**************************************************************/
.card_relative_base{
position: relative;
}

.card_place{
 position: absolute;
 top:6px;
 left:6px;
}

.card_place_rightbottom{
 position: absolute;
 top:132px;
 right:6px;
}

@media only screen and (max-width:991.98px){
.card_place_rightbottom{
 top:76px;
}
}

@media only screen and (max-width:480px){
.card_place_rightbottom{
 top:236px;
}
}

.card_place_rightbottom_insurance{
 position: absolute;
 top:132px;
 right:56px;
}

@media only screen and (max-width:991.98px){
.card_place_rightbottom_insurance{
 top:76px;
}
}

@media only screen and (max-width:480px){
.card_place_rightbottom_insurance{
 top:236px;
}
}

.ic_list_float{
float:right;
margin-left:6px;
}

/************************************************************************/

/**施工事例**************************************************************/
.jirei_arrow_man{
 position: absolute;
 bottom:0px;
 right:10px;
}

.jirei_arrow_man_width{
width:70px;
}

.jirei_arrow_man_p0{
 position: absolute;
 bottom:0px;
 right:10px;
}

@media only screen and (max-width:480px){
.jirei_arrow_man_p0{
 position: absolute;
 bottom:0px;
 right:0px;
}
}

/************************************************************************/


/*リボン********************************************************************/
.ribbon20-wrapper {  
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 20px 0;
  width: 100%;
  background: #19969c;
color:#FFF;
  }
.ribbon20 {
  display: inline-block;
  position: absolute;
  left: 0;
  top: -10px;
  box-sizing: border-box;
  padding: 0 12px;
  margin: 0;
  height: 34px;
  line-height: 30px;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  color: #fff;
  background: #559acc;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);
font-weight:bold;
}
.ribbon20:before {
  position: absolute;
  content: '';
  top: 0;
  left: -7px;
  border: none;
  height: 38px;
  width: 7px;
  background: #559acc;
  border-radius: 5px 0 0 5px;
}
.ribbon20:after {
  position: absolute;
  content: '';
  bottom: -7px;
  left: -5px;
  border: none;
  height: 7px;
  width: 5px;
  background: #317db4;
  border-radius: 5px 0 0 5px;
}

/*SP*****************/
@media only screen and (max-width:480px){

.ribbon20-wrapper {  
padding: 30px 10px 12px 10px;
}

}
/*********************/


.ribbon_price {
width:70%;
position: absolute;
  left: 0px;
  top: 16px;
  box-sizing: border-box;
  padding: 0 12px;
  margin: 0;
  height: 34px;
  line-height: 30px;
  font-size: 1.05rem;
  letter-spacing: 0.1em;
  color: #fff;
  background: #00747a;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);
font-weight:bold;
}
.ribbon_price:before {
  position: absolute;
  content: '';
  top: 0;
  left: -7px;
  border: none;
  height: 38px;
  width: 7px;
  background: #00747a;
  border-radius: 5px 0 0 5px;
}
.ribbon_price:after {
  position: absolute;
  content: '';
  bottom: -7px;
  left: -5px;
  border: none;
  height: 7px;
  width: 5px;
  background: #004b4f;
  border-radius: 5px 0 0 5px;
}

/*SP*****************/
@media only screen and (max-width:480px){

.ribbon_price { 
width:96%;
font-size: 0.8rem;
letter-spacing: 0em;
}

}
/*********************/

/****************************************************/


/*ごあいさつ*******************************************/

.rule_list_image01{
  position: absolute;
width:180px;
right:-22px;
bottom:22px;
}

/*SP*****************/
@media only screen and (max-width:480px){

.rule_list_image01{
width:100px;
right:15px;
bottom:-60px;
}

}
/*********************/

/*******************************************************/


.bg_dots_green{
background-image: url(./img/bg_footbanner.png);
background-size: auto 100%;
background-position:left;
background-repeat: no-repeat;
}

.bg_dots_blue{
background-image:
    radial-gradient(#559acc 26%, transparent 26%);
  background-size: 500px 500px;
background-position: -250px -180px;
}

.bg_dots_red{
background-image:
    radial-gradient(#ca698f 26%, transparent 26%);
  background-size: 500px 500px;
background-position: -250px -180px;
}

.bg_dots_yellow{
background-image:
    radial-gradient(#d19c5f 26%, transparent 26%);
  background-size: 500px 500px;
background-position: -250px -180px;
}



/*会社案内*******************************************/
.bg_aisatsu01{
background-image: url(./img/bg_wall.png);
background-size:cover;
}

.clip{
 position: absolute;
 top:-43px;
 right:6px;
 width:56px;
}

.profile_photo{
width:26%;
}

.name_sign{
width:180px;
}

/*SP*****************/
@media only screen and (max-width:480px){

.clip{
 position: absolute;
 top:-30px;
 right:6px;
 width:40px;
}

.profile_photo{
width:50%;
}

.name_sign{
width:140px;
}

}
/*********************/

/****************************************************/


/*工事の流れ*******************************************/

.flow_step-wrapper {  
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 20px 0;
  width: 100%;
  background: #19969c;
color:#FFF;
  }

.flow_step {	
 position: relative;
 display: inline-block;
 width: 90px;
 height: 90px;
 border-radius: 50%;
 position: absolute;
 top:-12px;
 left:10px;
 border:2px solid #FFF;
}

.flow_step li {
 position: absolute;
 display: inline-block;
 left: 0;
 top: 50%;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 width :90px;
 text-align:center;
 color:#FFF;
 font-size:1.3rem;
line-height:130%;
}

.flow_step span {
 font-size:2.2rem;
}

/*SP*****************/
@media only screen and (max-width:480px){

.flow_step-wrapper {  
padding: 12px 10px 12px 10px;
}

.flow_step {	
 width: 55px;
 height: 55px;
 top:-40px;
 left:-20px;
}

.flow_step li {
 left: 0;
 top: 50%;
 width :55px;
 font-size:0.9rem;
line-height:130%;
}

.flow_step span {
 font-size:1.6rem;
}

.flow_step_noflame {	
 top:-10px;
 left:-10px;
}

.flow_step_noflame_seko {	
 top:-30px;
 left:3px;
}

}
/*********************/

/****************************************************/



/*FAQ**********************************************/
.oneArea {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  max-width: 1024px;
  margin: 50px auto;
  padding: 0 10px;
}
.oneArea .onebox {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.oneArea .onebox:nth-child(even) {
  flex-direction: row-reverse;
  margin-top: 40px;
}
.oneArea .onebox .imgArea {
  width: 16%;
  position: relative;
}
.oneArea .onebox:nth-child(odd) .imgArea img {
  width: 100%;
  max-width: 130px;
  position: absolute;
  top: -20px;
  left: 0;
  padding-right: 30px;
}
.oneArea .onebox:nth-child(even) .imgArea img {
  width: 100%;
  max-width: 130px;
  position: absolute;
  top: -20px;
  left: auto;
  right: 0;
  padding-left: 30px;
}
.oneArea .onebox .fukiArea {
  width: 84%;
}
.oneArea .onebox .fukidasi {
  width: 100%;
  position: relative;
  padding: 25px;
  background-color: #c5e3f9;
  font-size: 18px;
  color: #231815;
  border-radius: 12px;
  box-sizing: border-box;
text-align: left!important;
}
.oneArea .onebox .fukidasi::before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  transform: rotate(45deg);
  top: 22px;
  border-right: 25px solid transparent;
  border-bottom: 25px solid transparent;
}
.oneArea .onebox .fukidasi::after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  transform: rotate(45deg);
  top: 40px;
  border-right: 25px solid transparent;
  border-bottom: 25px solid transparent;
}
.oneArea .onebox:nth-child(odd) .fukidasi::before {
  left: -15px;
  border-left: 25px solid #c5e3f9;
  border-top: 25px solid transparent;
}
.oneArea .onebox:nth-child(odd) .fukidasi::after {
  left: -25px;
  border-left: 25px solid #ffffff;
  border-top: 25px solid transparent;
}
.oneArea .onebox:nth-child(even) .fukidasi {
  background-color: #fdd1e2;
}
.oneArea .onebox:nth-child(even) .fukidasi::before {
  left: auto;
  right: -15px;
  border-left: 25px solid transparent;
  border-top: 25px solid #fdd1e2;
}
.oneArea .onebox:nth-child(even) .fukidasi::after {
  left: auto;
  right: -25px;
  border-left: 25px solid transparent;
  border-top: 25px solid #ffffff;
}
@media screen and (max-width: 1024px) {
  .oneArea .onebox:nth-child(odd) .imgArea img {
    max-width: 70%;
    top: 0;
  }
  .oneArea .onebox:nth-child(even) .imgArea img {
    max-width: 70%;
    top: 0;
  }
  .oneArea .onebox .fukidasi {
    padding: 15px;
    font-size: 14px;
  }
  .oneArea .onebox .fukidasi::before {
    top: 8px;
  }
  .oneArea .onebox .fukidasi::after {
    top: 20px;
  }
}
@media screen and (max-width: 420px) {
  .oneArea {
    margin: 30px auto;
padding: 0 0px;
  }
  .oneArea .onebox:nth-child(even) {
    margin-top: 15px;
  }
  .oneArea .onebox .imgArea {
    width: 24%;
  }
  .oneArea .onebox .fukidasi {
    padding: 10px 15px;
    font-size: 12px;
  }

.oneArea .onebox:nth-child(odd) .imgArea img {
  max-width: 300px;
}
.oneArea .onebox:nth-child(even) .imgArea img {
  max-width: 300px;
}

.oneArea .onebox .fukiArea {
  width: 76%;
}

}
/****************************************************/

/*施工エリア*****************************************/

/*SP*****************/
@media screen and (max-width: 420px) {
.modal-title{
font-size:1.0rem;
}

.map_text{
font-size:0.8rem;
}
}

/*********************/

/****************************************************/


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

.card_text_height{
height:3rem;
}

/*SP*****************/
@media screen and (max-width: 420px) {

.card_text_height{
height:auto;
}


}

/*********************/

/****************************************************/


/*右カラム*************************************************************/
.bg_snavi_base{
background:#ddedff;
}

.bg_snavi_base:hover{
	background-color: #c5e0ff !important;
}

.bg_snavi_base_pink{
background:#fff3fd;
}

.bg_snavi_base_pink:hover{
	background-color: #fbddf7 !important;
}

.bg_snavi_base_yellow{
background:#fde5c8;
}

.bg_snavi_base_yellow:hover{
	background-color: #e8d3ba !important;
}

.bg_snavi01{
background-image: url("./img/rbn_bg_01.png")  ;
background-repeat: no-repeat;
background-position: right 2px bottom 2px;
background-size: auto 70%;

}

.bg_snavi02{
background-image: url("./img/rbn_bg_02.png")  ;
background-repeat: no-repeat;
background-position: right 2px bottom 2px;
background-size: auto 70%;

}

.bg_snavi03{
background-image: url("./img/rbn_bg_03.png")  ;
background-repeat: no-repeat;
background-position: right 2px bottom 2px;
background-size: auto 70%;

}

.bg_snavi04{
padding:2px;
background-image: url("./img/rbn_bg_04.png")  ;
background-repeat: no-repeat;
background-position: right 2px bottom 2px;
background-size: auto 70%;

}

.bg_snavi05{
padding:2px;
background-image: url("./img/rbn_bg_05.png")  ;
background-repeat: no-repeat;
background-position: right 2px bottom 2px;
background-size: auto 70%;

}

.bg_snavi06{
padding:2px;
background-image: url("./img/rbn_bg_06.png")  ;
background-repeat: no-repeat;
background-position: right 2px bottom 2px;
background-size: auto 70%;

}

.bg_snavi07{
padding:2px;
background-image: url("./img/rbn_bg_07.png")  ;
background-repeat: no-repeat;
background-position: right 2px bottom 2px;
background-size: auto 70%;

}

.bg_snavi08{
padding:2px;
background-image: url("./img/rbn_bg_08.png")  ;
background-repeat: no-repeat;
background-position: right 2px bottom 2px;
background-size: auto 70%;

}

.bg_snavi09{
padding:2px;
background-image: url("./img/rbn_bg_09.png")  ;
background-repeat: no-repeat;
background-position: right 2px bottom 2px;
background-size: auto 70%;

}

.bg_snavi10{
padding:2px;
background-image: url("./img/rbn_bg_10.png")  ;
background-repeat: no-repeat;
background-position: right 2px bottom 2px;
background-size: auto 70%;

}

.bg_snavi_yellow01{
background-image: url("./img/rbn_bg_yellow01.png")  ;
background-repeat: no-repeat;
background-position: right 2px bottom 2px;
background-size: auto 70%;

}

.bg_snavi_yellow02{
background-image: url("./img/rbn_bg_yellow02.png")  ;
background-repeat: no-repeat;
background-position: right 2px bottom 2px;
background-size: auto 70%;

}

.bg_snavi_yellow03{
background-image: url("./img/rbn_bg_yellow03.png")  ;
background-repeat: no-repeat;
background-position: right 2px bottom 2px;
background-size: auto 70%;

}


/**********************************************************************/

.line_green{
color:#06C755;
}



.bg_line_green{
background-color:#06C755;
}

.bg_saihome_green{
background-color:#19969c;
}

.bg_saihome_blue{
background-color:#559acc;
}

.bg_saihome_red{
background-color:#ca698f;
}

.bg_saihome_yellow{
background-color:#d19c5f;
}

.bg_saihome_yellow25{
background-color:#fef8e4;
}

.bg_kakaritsuke{
background-color:#fae393;
}

.bg_gray{
background-color:#ECECEC;
}


.bg_sky{
background-color:#b9d1ff;
}


.bt_line:hover{
	background-color: #04b24b;
}

.bt_mail:hover{
	background-color: #ec600b;
}

.bg_saihome_yellow a:hover{
	background-color: #be8a4e;
}


.bt_tel:hover{
	background-color: #f29600;
}


.local_sekoujirei_title{
font-size:1.0rem;
width:80%;
border-bottom:1px solid #fff;
margin-left:auto;
margin-right:auto;
}

.local_sekoujirei_text{
font-size:0.8rem;
width:100%;
}

/*SP*****************/
@media screen and (max-width: 420px) {
.local_sekoujirei_title{
font-size:1.0rem;
width:100%;
}
.local_sekoujirei_text{
font-size:0.8rem;
}
}

/*********************/


.flexslider_before_waku{
max-width:550px;
}

.flexslider_place_before{
 position: absolute;
 top:6px;
 left:6px;
}

.flexslider_place_after{
 position: absolute;
 top:6px;
 left:106px;
z-index:100;
}

@media  (max-width:480px){

.flexslider .slides img, #item-detail .slides img {
width: auto;
max-width: 100%;
height: auto;
max-height: 240px !important;
}
.flex-control-thumbs, #item-detail .flex-control-thumbs {
width: 350px !important;
}

.flex-control-thumbs li {
width: 60px !important;
height: 60px !important;
margin-bottom: 10px;
}

.flexslider_place_after{
 position: absolute;
 top:6px;
 left:25px;
z-index:100;
}

}

.w-100{
height:auto;
}

.top_form input {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.top_form02 input {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
margin-bottom:6px;
}



.top_form textarea {
    display: block;
    width: 100%;
    height: auto;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    overflow: auto;
    resize: vertical;
}

button, .button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"], .bg-accent, .bg-accent-hover:hover, .bg-accent-hover:focus, :root .has-accent-background-color, .comment-reply-link {
    background-color: #ca698f !important;
color: #fff !important;
padding:10px;
}

.longurl{word-break: break-all;}

.border1px_txtgreen{
border:1px solid #dee2e6;
color:#19969c;
}

.border1px_txtgreen:hover{
border:1px solid #dee2e6;
color:#19969c;
}

.tokushu_12{
font-size:1.2rem;
}

@media  (max-width:480px){
.tokushu_12{
font-size:1.0rem;
}
}

.tokushu_w30{
width:30%;
height:auto;
}
@media  (max-width:480px){
.tokushu_w30{
width:50%;
height:auto;
}
}

.tokushu_float_w100{
width:30%;
height:auto;
}
@media  (max-width:480px){
.tokushu_float_w100{
width:100%;
height:auto;
}
}

.tokushu_tableimage_w50{
width:100%;
height:auto;
}
@media  (max-width:480px){
.tokushu_tableimage_w50{
width:50%;
height:auto;
}
}

.tokushu_line_height18{
line-height:1.8rem;
}

table {
width: 100%; /* テーブルの横幅を指定する */
	margin-left: auto;
	margin-right: auto;
	
}
table th, table td {
padding: 10px 20px !important; /* セルの余白を指定する(上下左右) */
border: 1px solid #ddd; /* セルの境界線を実線で指定する */
	text-align: left;
	background-color: #fff;
}
table th {
background-color: #f9f9f9; /* ボックスの背景色を指定する */
white-space: nowrap;
}
@media only screen and (max-width:480px){
table {
width: 100%	
/*margin: 10px 5px;  */
}
table th, table td {
width: 100%; /* テーブルの見出しの横幅を指定する */
display: block; /* ブロックレベル要素化する */
border-top: 1px solid #ddd; /* セルの境界線を実線で指定する */
	margin-left: auto;
	margin-right: auto;	
		white-space:normal; 

}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,0);
}

}

.table-bordered {
    border: 0px;
}


.tbl-r05 th {
	text-align:center;
}

.tbl-r05 td {
	text-align:left;
}


.tbl-r05 td:first-child {
  background: #f9f9f9;
font-weight: bold;
		text-align:center;

}


.tbl-r10 th {
	text-align:center;
}

.tbl-r10 td {
	text-align:center;
}


.tbl-r10 td:first-child {
  background: #fff;
font-weight: bold;
		text-align:center;

}


@media screen and (max-width: 1024px) {
  .tbl-r05 {
    width: 100%;
  }
  .tbl-r05 .thead {
    display: none;
  }
  .tbl-r05 tr {
    width: 100%;
  }
  .tbl-r05 td {
    display: block;
    text-align: left;
    width: 100%;
  }
  .tbl-r05 td:first-child {
    background: #f9f9f9;
    font-weight: bold;
    text-align: center;
  }
  .tbl-r05 td:before {
    content: attr(data-label);
    float: left;
    margin-right: 0px;
font-weight:bold;
color:#19969c;
  }


  .tbl-r10 {
    width: 100%;
  }
  .tbl-r10 .thead {
    display: none;
  }
  .tbl-r10 tr {
    width: 100%;
  }
  .tbl-r10 td {
    display: block;
    text-align: right;
    width: 100%;
  }
  .tbl-r10 td:first-child {
display: none;
  }
  .tbl-r10 td:before {
    content: attr(data-label);
    float: left;
    margin-right: 10px;
  }

	
}

.pconly_center{
text-align: center !important;
}

@media only screen and (max-width:480px){
.pconly_center{
text-align: left !important;
}
}

.pconly_center_right{
text-align: center !important;
}

@media only screen and (max-width:480px){
.pconly_center_right{
text-align: right !important;
}
}

.pconly_table_bg_white{
background: #fff !important;
font-weight:normal !important;
}

@media only screen and (max-width:480px){
.pconly_table_bg_white{
background: #f9f9f9 !important;
font-weight:bold !important;
}
}

.bg_tokushu_blue{
background:#ddedff;
}


.no_listmark{
list-style: none;
}

/*LP LETTER01****************************************************************/
.lp_letter01_photo{
width:20%;
}

.lp_lead{
font-size:1.25rem;
line-height:1.7;
}

.lp_lead_bt{
font-size:1.5rem;
line-height:1.7;
}

.lp_border_pconly {
    border: 1px solid #dee2e6!important;
}

.lp_lineheight17{
line-height:1.7rem;
}

@media only screen and (max-width:480px){
.lp_lead{
font-size:1rem;
}

.lp_lead_bt{
font-size:1rem;
}

.lp_border_pconly {
    border: 0px solid #dee2e6!important;
}

.lp_lineheight17{
line-height:1.7rem;
}


}

/****************************************************************************/

.jirei_arrow_man_width {
    width: 70px;
}
.jirei_arrow_man {
    position: absolute;
    bottom: 0px;
    right: 10px;
}


/*SP*****************************/
@media only screen and (max-width: 767.98px) {
a.event_none_sp       {
    pointer-events: none;
}
}
/********************************/


.txt_mail_icon_bn4{
font-size: 1.5rem;
color: #FFF;
}

.txt_mail_icon_bn4_py{
padding-top:0.7rem;
padding-bottom:0.7rem;
}

.txt_mail_icon_bn4_py08{
padding-top:0.75rem;
padding-bottom:0.75rem;
}


.circle_icon_bg{
width:50px;
height:50px;
font-size:1.3rem;
}


.h2_bottomline{
border-bottom:2px solid #19969c;
}


.balloon1-top {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  width: 100%;
  font-size: 16px;
  background: #d19c5f;
}

.balloon1-top:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #d19c5f;
}

.balloon1-top p {
  margin: 0;
  padding: 0;
}


.circle_pink {	
  position: relative;
  display: inline-block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #ca698f;
}

.circle_pink span {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :80px;
  text-align:center;
}

.greeting_fontsize{
font-size:1rem;
}

/*SP*****************/
@media screen and (max-width: 420px) {
.greeting_fontsize{
font-size:0.8rem;
}
}

/*********************/


.trouble_chr {
  position: absolute;
  right: -160px;
  bottom: 0;
}

.trouble_chr_width{
width:200px;
}

.keyv_chr {
  position: absolute;
  right: 80px;
  bottom: 6px;
}

.keyv_chr_width{
width:150px;
}

.keyv_snap {
  position: absolute;
  left: 220px;
  top: 140px;
}

.keyv_snap_width{
width:400px;
border:6px solid #FFFFFF;
transform: rotate(-8deg);
box-shadow: 6px 6px rgba(111,153,248,0.5);
}


/*TAB*****************/
@media only screen and (max-width: 991.98px) {
.keyv_chr {
  position: absolute;
  right: 30px;
  bottom: 6px;
}

.keyv_chr_width{
width:110px;
}

.keyv_snap {
  position: absolute;
  left: 100px;
  top: 110px;
}

.keyv_snap_width{
width:260px;
}

}
/********************/


/*SP*****************/


@media screen and (max-width: 420px) {
.trouble_chr {
  position: absolute;
  right: -50px;
  bottom: -120px;
}

.trouble_chr_width{
width:110px;

}

.keyv_chr {
  position: absolute;
  right: 10px;
  bottom: 4px;
}

.keyv_chr_width{
width:60px;
}

.keyv_snap {
  left: 70px;
  top: 80px;
}

.keyv_snap_width{
width:140px;
border:3px solid #FFFFFF;
box-shadow: 3px 3px rgba(111,153,248,0.5);
}

}

/*********************/

.trouble_border_saihome_green{
border:3px solid #19969c;
}

.trouble_borderbtm_saihome_green_d{
border-bottom:12px solid #138186;
}

.houchi_title01{
font-size:1.8rem;
}


.matome_title01{
font-size:2.0rem;
}

.trouble_sub01 {
  position: absolute;
  right: 0px;
  bottom: -10px;
}


.trouble_sub02 {
  position: absolute;
  left: -10px;
  bottom: -20px;
transform: rotate(-10deg);
}

.trouble_sub03 {
width:90px;
  position: absolute;
  left: -20px;
  bottom: -20px;
}

.trouble_sub03_indent{
padding-left:90px !important;
}

.trouble_sub04 {
  position: absolute;
  right: -20px;
  bottom: -20px;
width:140px;
}

/*TAB*****************/
@media only screen and (max-width: 991.98px) {
.trouble_sub04 {
  right: -20px;
  bottom: -20px;
width:100px;
}
}


/*SP*****************/
@media screen and (max-width: 420px) {
.matome_title01{
font-size:1.6rem;
}


.trouble_sub02 {
  left: -20px;
  bottom: 20px;
}

.trouble_sub03 {
width:77px;
  position: absolute;
  left: -20px;
  bottom: 10px;
}

.trouble_sub03_indent{
padding-left:70px !important;
}

.trouble_sub04 {
  right: 0px;
  bottom: -20px;
width:50px;
display:none;
}

}

/*********************/

.trouble_img01{
transform: rotate(-10deg);
}

.trouble_border_bottom_dot{
  border-bottom: dashed 2px #dadada;
}


.wavy_line {
text-decoration:underline wavy #f29600;
text-underline-offset: 10px;
}



/*SP*****************/
@media screen and (max-width: 420px) {
.houchi_title01{
font-size:1.2rem;
line-height:180%;
}

.wavy_line {
text-decoration:underline wavy #f29600;
text-underline-offset: 6px;
}
}

/*********************/


.balloon5 {
  width: 100%;
  margin: 1.5em 0;
  overflow: hidden;
}

.balloon5 .faceicon {
  float: left;
  margin-right: -90px;
  width: 80px;
}

.balloon5 .faceicon img{
  width: 100%;
  height: auto;
  border: solid 3px #d19c5f;
  border-radius: 50%;
}

.balloon5 .chatting {
  width: 100%;
}

.says {
  display: inline-block;
  position: relative; 
  margin: 5px 0 0 105px;
  padding: 17px 13px;
  border-radius: 4px;
  background: #fff;
width:89%;
}

.says:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 12px solid #fff;
}

.says p {
  margin: 0;
  padding: 0;
}


/*SP*****************/
@media screen and (max-width: 420px) {
.says {
width:68%;
}
}

/*********************/


.saihome_pink_border2{
border:2px solid #ca698f;
}

.bg_keyv01{
background-image: url(./img/bg_keyv.jpg);
background-size:cover;
}



.zindex_1{
z-index: 1;
}

.zindex_2{
z-index: 2;
}

.zindex_3{
z-index: 3;
}



#accordion .card-header a[data-toggle="collapse"].collapsed::after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "\f078";/* chevron-down */
  float: right;
}
#accordion .card-header a[data-toggle="collapse"]::after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "\f077";/* chevron-up */
  float: right;
}


.work_bottomline{
border-bottom:2px solid #f29600;
}


.border_both_dashed{
border-top:2px dashed #19969c;
border-bottom:2px dashed #19969c;
}

.border_dark_green3px{
border:5px solid #188787;
}