/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 12 2023 | 06:19:00 */
/* ここにCSSコードを追加

例:
.example {
    color: red;
}

CSS の知識に磨きをかけるためにご覧ください。
http://www.w3schools.com/css/css_syntax.asp

コメント終わり */ 

/*　打消し　*/

/*
body {
    color: #909090!important;
}
*/
body {
    color: #6d6d6d!important;
}
#colibri .h-navigation_sticky .style-2, #colibri .h-navigation_sticky.style-2 {   
    background-image: none;
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 50%);
	background-color: rgba(255, 255, 255, 0.5)!important;
}

.page-footer.h-footer-parallax{
	display: none!important;
}

html.colibri-wp-theme body p {
color:#6d6d6d!important;
}

html.colibri-wp-theme body a {
color:#6d6d6d!important;
}
	
html.colibri-wp-theme #colibri .style-57 h1 {
  color: #FFFFFF;
font-family: "M PLUS Rounded 1c"!important;
}

div.h-section-grid-container.h-navigation-padding.h-section-boxed-container{
	display:none!important;
}
@media only screen and (max-width: 750px) {
	html.colibri-wp-theme #colibri [data-colibri-id="5-h25"]{
	min-height: none!important;	
	background-image: url("http://jp-lifeassist.com/wp/wp-content/uploads/2022/08/jp-lifeassist_main-img_sp.png")!important;
background-position: top center;
background-attachment: scroll;
background-repeat: no-repeat;
background-size: contain;	
	}
}
.colibri-post-excerpt{
	display:none!important;
}

.h-blog-categories{
	display:none!important;
}

.h-blog-meta{
	display:none!important;
}

html.colibri-wp-theme #colibri .style-34{
	background-color:rgba(119, 136, 153, 0.4)!important;
}

html.colibri-wp-theme #colibri .style-63 {
	display:none!important;
}

.colibri-post-thumbnail-shortcode{
	display:none!important;
}

@media only screen and (min-width: 770px){
div.h-global-transition-all.widget-shortcode{
	margin-top: 10em!important;
}
}


/*　スマホ/PC　別表示　*/

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }

/*スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 650px) {
.pc { display: none !important; }
.sp { display: block !important; }
}


@media screen and (max-width: 1000px) {
.page-w{
margin-top:-500px;	
}	
}	
.page-w{
width:90%;
max-width:1125px;
margin:25px auto!important;	
}

.top-bar{
border-top:sold 2px #5a7897;	
}

.info-box{
background-color:#f5f5f5!important; 
padding:20px 5%;	
}

.img-margin{
margin:0 auto!important;		
}


/**** フッター　　*****/
#site_footer{
color:#6d6d6d!important;
padding-top:5em;
background:#f9f9f9!important;
}

.footer-img{
margin-bottom:3em!important;
}

.f_last-text{
margin-bottom:5em!important;
}

.copy-l{
font-size:12px!important;	
}

/**** TOP　　*****/
.top_txt {
	width:96%;
	max-width:960px;
	margin:3.0em auto;
	text-align:left;
	background:#f9f9f9;
	padding:2.0em 1.5em;
}

.info-box{
	margin-bottom:2.5em!important;	
}


    .top_gyomu_link{
        width:100%;
        display:flex;
         justify-content: space-around;
flex-wrap:wrap;
    }
    .top_gyomu_link p{
        width:33%;
    }
        .top_gyomu_link p img{
        width:100%;
max-width:330px;
    }
.top_gyomu_link p a {
    outline: none !important;
}
@media screen and (max-width: 768px) {
    .top_gyomu_link p{
        width:50%;
    }

  }

/**** 業務紹介　　*****/

.text-margin01{
	margin-bottom:2em!important;
}

#sub_works{
	width:96%;
	max-width:900px;
}

#sub_works .works_txt {
		margin:3.0em auto;
}
#sub_works figure {
		margin:1.0em auto;
}
#sub_works .works_txt {
	text-align:left;
  background:#f9f9f9;
	padding:2.0em 1.5em;
}

/* 吹き出し見出し　*/
#sub_works p.fukidashi {
	font-size:1.2em;
  position: relative;
  padding: 0.5rem 2rem;
  border-bottom: 2px solid #d8d8d8;
  background: #fff;
	width:100%;
	max-width:300px;
	margin:3.0em auto;
}

#sub_works p.fukidashi:before {
  position: absolute;
  bottom: -14px;
  left: 4em;
  width: 0;
  height: 0;
  content: '';
  border-width: 14px 12px 0 12px;
  border-style: solid;
  border-color: #d8d8d8 transparent transparent transparent;
}

#sub_works p.fukidashi:after {
  position: absolute;
  bottom: -10px;
  left: 4em;
  width: 0;
  height: 0;
  content: '';
  border-width: 14px 12px 0 12px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}

/* 二重線見出し　*/
#sub_works p.nijusen {
  position: relative;
  display: inline-block;
  padding: 0 65px;
  text-align: center;
	font-size:1.4em;
margin-top:1.0em;
}

#sub_works p.nijusen:before,
#sub_works p.nijusen:after {
  position: absolute;
  top: calc(50% - 3px);
  width: 50px;
  height: 6px;
  content: '';
  border-top: solid 2px rgb(70, 112, 127);
  border-bottom: solid 2px rgb(70, 112, 127);
}

#sub_works p.nijusen:before {
  left: 0;
}

#sub_works p.nijusen:after {
  right: 0;
}


/** アコーディオン　**/
.works_acc{
	width:100%;
	margin:0 auto;
	max-width:1125px;
}
.works_acc .check{
  display: none;
}

/* 通常時表示されるテキスト */

.works_acc .label{
	border:1px solid #efeded;
  display: block;
  align-items: center;
  height: 50px;
  padding-top: 10px;
}
.works_acc .label p{
margin-bottom:10px;
}
/* クリック時に表示されるテキスト */
.works_acc .text{
  background:#f9f9f9;
		border:1px solid #f9f9f9;
  align-items: center;
  margin-bottom: 10px;
  /*通常時は見えなくする*/
  overflow: hidden;
  /*  通常時は高さ0を指定  */
  height: 0;
  transition: 0.5s;
}

/* クリック時のスタイル */
.check:checked + .label + .text{
  height: auto;
  padding: 20px;
}

/* エアコン洗浄　画像表示部分　 */
#sub_works .air-con_senjo{
	display: flex;
	flex-wrap: wrap; 
margin:0 auto;
}

#sub_works .air-con_senjo p {
	width: calc(50% - 2px); 
	margin: 1px;
	padding: 3px 6px;
	color: #FFF;
}
#sub_works .font-sankaku{
color:#52759a;
font-size:5.0em;
}
#sub_works .font-text{
color:#52759a;
font-size:1.8em;
line-height: 1.2;
}
#sub_works .text-margin02 {
  margin-bottom: 1em !important;
}
@media screen and (max-width: 960px) {
#sub_works .font-sankaku{
color:#52759a;
font-size:8.0vw;
line-height: 1.2;
}
#sub_works .font-text{
color:#52759a;
font-size:4.0vw;
}
}

/**** 業務紹介　ここまで　*****/

/**** 会社概要　*****/
.sub_company{
max-width:750px;
width:100%;
margin:0 auto;
}

.sub_company table.corp-t {
  border-collapse: collapse;
  margin: 2.0em auto;
  padding: 0;
  width: 750px;
  table-layout: fixed;
  color: #6a6a6a;
}

.sub_company table.corp-t tr {
  background-color: #fff;
  padding: .35em;
  border-bottom: 1px dotted #1f58a5;
  border-top:none;
	
}

.sub_company table.corp-t tr:first-child{
   border-top: 2px solid #52759a!important;
}
.sub_company table.corp-t tr:last-child{
   border-bottom: 2px solid #52759a!important;
}
.sub_company table.corp-t th,
.sub_company table.corp-t td {
  padding: 1em 10px 1em 1em;
}
.sub_company table.corp-t tbody th {
color: #52759a;
width:30%;

font-family: "M PLUS Rounded 1c"!important;	
	
}


.sub_company table.corp-t  td{
   text-align: left;
   font-size: .85em;
width:70%;
}
.sub_company table.corp-t  td ol{
margin-left:1.0em;
}
@media screen and (max-width: 768px) {
.sub_company table.corp-t  {
    border: 0;
    width:92%
  }
		    
.sub_company table.corp-t tr {
    margin-bottom: 2em;
   border-bottom: 2px solid #1f58a5;
	   border-top: none;
  }
.sub_company table.corp-t tbody th,
.sub_company table.corp-t tbody td
	{
width:100%;
}
.sub_company table.corp-t th{
    display: block;
    border-right: none;
    padding-bottom: .6em;
    margin-bottom: .6em;
width:100%;
  }

  
.sub_company table.corp-t td {
    border-bottom: 1px solid #bbb;
    display: block;
    font-size: .8em;
    text-align: center;
    position: relative;
    padding: .625em 0em .625em 0em;
    border-right: none;
    width:100%;

  }
  .sub_company table.corp-t  td ol{

}
	
.sub_company table.corp-t td::before {
    content: attr(data-label);
    font-weight: bold;
    position: absolute;
    left: 10px;
  }
  
.sub_company table.corp-t td:last-child {
    border-bottom: 0;
  }
}

#gmap {
  width: 100%;
}

/* Google Mapのiframe */
#gmap iframe {
  top: 0;
  left: 0;
  width: 100%;
}

@media screen and (max-width: 768px) {
#gmap {
  width: 92%;
	}
}
/**** 会社概要　ここまで　*****/

/**** 個人情報保護方針　ここから　*****/

.sub_privacy-policy{
text-align:left;
max-width:900px;
width:90%;
margin:0 auto;
}
.sub_privacy-policy h3.pp_midashi{
color:#52759a;
font-size:1.2em;
	padding-top:1.0em;
	font-weight:bold;
}

.sub_privacy-policy p.pp_text{
color:#6a6a6a;
}
/**** 個人情報保護方針　ここまで　*****/


/********************************/
/***   お問い合わせフォーム   ***/
/********************************/

#contact-page{
	    width: 100%;
	margin:0 auto;
}


#contact-page .wpcf7-form {
  margin: 0 0 50px;
  padding: 0 0 0 0;
}



#contact-page table {
    width: 100%;
	margin:0 auto;
	border:none;
	max-width:860px;
}

#contact-page table th,
#contact-page table td{
	background-color:#fff;
	border:none;
	padding:1.0em 0;
}

#contact-page table th{
	text-align:left;
	width:200px;
		color:rgb(70, 112, 127);
	font-weight:normal;
}

#contact-page table td{
	
}

#contact-page .hissu{
	color:#e95464;
	font-size:12px;
	padding:2px 5px;
}

#contact-page textarea{
	width:100%;
	border: solid 0px #f5f5f5;
	background-color: #f5f5f5;
			border-radius:6px;
	  padding-left: 1.0em;
	padding-top:0.8em;
}
#contact-page input{
	width:100%;
	background-color: #f5f5f5;
		border-radius:6px;
	height:3.0em;
	border: solid 0px #f5f5f5;
	  padding-left: 1.0em;
}
#contact-page .td-button input{
	border-color:#fff;
	width:160px;
}

#contact-page .title-contactform7{
	border-left:3px solid rgb(70, 112, 127);
	padding-left:0.8em;
	font-weight:bold;
}

#contact-page .form-txt{
margin-bottom:1.2em;
	text-align:left;
}
@media only screen and (max-width: 768px) {
#contact-page{
	width:96%;
	}
#contact-page table th,
#contact-page table td{
        display: block;
		width:100%;
    }
#contact-page table th{
	text-align:left;
	width:100%;
}

}

#contact-page .td-button input.wpcf7-form-control{
    padding: 0.5em 4em;
    border-radius: 8px;
    color: #fff;
	line-height:1.0em;
background-color:rgb(70, 112, 127);
		margin: 0;
	font-size:1.0em;
	margin-right:0.8em;
}

#contact-page .td-button input.wpcf7-back{
    color: #666;
background-color:#eaeaea;
}

#contact-page .td-button input.wpcf7-form-control:hover,
#contact-page .td-button input.wpcf7-form-control:hover
 {opacity:0.5; }

#contact-page  .wpcf7c-conf {
  background-color: #eaeaea;
  color: #666;
  border: 0px solid #eaeaea;
	  padding-left: 1.0em;
}


/*** お問い合わせフォーム ここまで　***/
	

/***　スマホでフッターに固定メニューを表示させる ****/

#kotei-menu_sp{ display: none !important; }
@media only screen and (max-width: 782px) {
#kotei-menu_sp { display: table !important; }
}

@media only screen and (max-width: 782px){
#kotei-menu_sp{
    width: 100%;
    position: fixed;
    top: auto;
    right:auto;
    left: auto;
    bottom: 0px;
    z-index: 9999;

}
#kotei-menu_sp ul {
   position: fixed;
    left:0;
    bottom:0;
    width: 100%;
    margin:0;
    padding:0;
background-color: rgba(230,230,230,0.4);
padding-left:2%;
height:54px;
}

#kotei-menu_sp li {
    float:left;
width:50%;
    list-style-type:none;
    float:left;
text-align:center;
}
#kotei-menu_sp li:first-child {
		border-right:2px solid #fff;
	}
#kotei-menu_sp li div{
display:flex;
	justify-content: center;
}
#kotei-menu_sp li div a{
	    color: rgb(70, 112, 127);
}	
	

#kotei-menu_sp li img{
width:30px;
margin:0.8em 0.5em;

}
	#kotei-menu_sp li p.kotei_sp_txt{
margin:0.8em 0.5em;

}
}

.sidebar-left-wrap, .sidebar-right-wrap, .footer-widgets .ashe-widget {
  float: none !important;
  width: 65% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/***　スマホでフッターに固定メニューを表示させる ここまで　****/

/***　PCでサイドに固定メニューを表示させる ***/
.floating-banner {
    position: fixed;
    z-index: 99999;
    top: 160px;
    right: 0;
}
.floating-banner:hover {
    opacity: .9;
}
.f_banner {
    width: 60px;/* バナーの横幅 */
    padding: 40px 10px;
	background-color: rgba(119, 136, 153, 0.2);
/*  background-color: rgba(230,230,230,0.4);
    background-color: rgba(111,193,220,0.4); 淡水色　*/
    font-weight: bold;
    text-align: center;
}
.f_banner .side-kotei{
	 color: rgb(70, 112, 127)!important;
}

.floating-banner a {
    text-decoration: none;/* リンクに下線が入らないように */
}
.f_banner p {
    font-size: 28px;
    margin: 16px ;
    line-height: 1.6;
	writing-mode: vertical-rl;
	align-items: center;
}
.f_banner img {
    width:36px;
	margin-top:10px;
}
@media screen and (max-width: 782px) {
    .floating-banner {
        display: none;
    }
}

/***　PCでサイドに固定メニューを表示させる ここまで***/


/*** ブログ BEFORE AFTER　	

.text-center{
	margin:0 auto!important;
	font-size:2em;
}

/*　ＨＴＭＬバージョン
.blog-two-col{
display:flex;
justify-content: center!important;
	
margin:0 auto!important;	
}
.blog-two-col .blog-left,.blog-two-col .blog-right{
width:42%;
}
.blog-two-col .blog-left img,.blog-two-col .blog-right img{
width:100%;
max-width:300px;
}
.blog-two-col .blog-left p, .blog-two-col .blog-right p{
font-size:2.0em;
}

@media only screen and (max-width: 1024px) {
.blog-two-col{
display:block;
justify-content: center!important;
	
margin:0 auto!important;	
	
}
.blog-two-col .blog-left,.blog-two-col .blog-right{
width:100%;
}
.blog-two-col .blog-left img,.blog-two-col .blog-right img{
width:100%;
max-width:300px;
}
}



/*　カラム使用バージョン　
.blog-two-col p{
font-size:2.0em;
}

/*** ブログ BEFORE AFTER　cssここまで　***/	




/*** サブページにTOP画像を表示させる　ここから　***/	

.sub_page_top_img{
width:100%;
max-width:1232px;
margin:0 auto;
padding-top:140px !important;
}
.sub_page_top_img img{
width:95%;
}
@media only screen and (max-width: 768px) {
.sub_page_top img{
padding-top:20px !important;
}
}
#contact-page{
	margin-top:80px;
	
}
/*** サブページにTOP画像を表示させる　ここまで　***/	

/*** サブページにタイトル画像を表示させる　ここから　***/	

.sub_page_title{
width:100%;
max-width:600px;
margin:0 auto;
padding-top:100px !important;
	padding-bottom:40px !important;
}
.sub_page_title img{
width:100%;
}
@media only screen and (max-width: 768px) {
.sub_page_title{
padding-top:50px !important;
	padding-bottom:0px !important;
}
	.sub_page_title img{
width:90%;
}
}

/*** サブページにタイトル画像を表示させる　ここまで　***/




/*** TOPページに動く画像を入れる　ここから　***/	
/*　スマホ/PC　別表示　*/

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc1200 { display: block !important; }
.sp1200 { display: none !important; }

/*スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 1024px) {
.pc1024 { display: none !important; }
.sp1024 { display: block !important; }
}


/*** TOPページに動く画像を入れる　ここまで　***/