@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/



/***** 共通 *****/

body {
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 700;
  font-style: normal;}

.zen-kaku-gothic-antique-medium {
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 500;
  font-style: normal;}

.zen-maru-gothic-medium {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 500;
  font-style: normal;
}
	
.top #content {
  padding-top: 6em;}
  
p{
  line-height: 2.4 !important;}
 
.post_content p a,
.post_content p a:hover,
.post_content p a:visited{
	color:#00a497;}
	
.p-postList__excerpt{
	font-weight: lighter;}
  
.is-style-btn_normal a{
	color:#1e1e1e;
	border:2px solid #1e1e1e;}

.wp-block-table .has-fixed-layout th,
.wp-block-table .has-fixed-layout td{
	border: 1px solid #1e1e1e;} 
	
.no-wrap{
	white-space: nowrap;}
  

/* ヘッダー */

.l-header__logo .c-headLogo__link{
	display: flex;
	align-items: center;}


.l-header__logo .c-headLogo__link::after{
	content:"株式会社近藤防災";
	color: #1e1e1e;
	font-size: 21px;
	padding-left: 1em;}
	
div.widget_block:has(a.fixed_instagram_btn)::before{
	content: "防災は、愛だ。";
	writing-mode: vertical-rl;
	display: inline-block;
	font-size: 32px;
	letter-spacing: 1px;
	line-height: 1em !important;
	color: #1e1e1e;
	z-index: 100;
	position: fixed;
	right: 1em;
	bottom: calc(20vh + 130px);}

.fixed_instagram_btn{
	position: fixed;
	right: -0.75em;
	bottom: 20vh;
	background: #fff;
	color:#1e1e1e;
	z-index: 100;
	border: 2px solid #1e1e1e;
	padding: 1em 1.5em;
	border-radius: 1em;}
	
.fixed_instagram_btn::before{
	content:"Instagram";
	display: inherit;
	margin-bottom: 0.5em;}
	
.fixed_instagram_btn .icon-instagram::before{
	font-size:300%;
	text-align: center;
	display: block;}
	
	
/* サイドバー（ブログ・お客様の声） */

.blog #sidebar #custom_html-3,
.blog #sidebar #tag_cloud-3,
.archive.date #sidebar #custom_html-3,
.archive.date #sidebar #tag_cloud-3,
.category #sidebar #custom_html-3,
.category #sidebar #tag_cloud-3,
.tag #sidebar #custom_html-3,
.tag #sidebar #tag_cloud-3,
.single-post #sidebar #custom_html-3,
.single-post #sidebar #tag_cloud-3{
	display:none;}
	
.post-type-archive-voices #sidebar #swell_new_posts-3,
.post-type-archive-voices #sidebar #block-5,
.post-type-archive-voices #sidebar #block-6,
.post-type-archive-voices #sidebar #tag_cloud-2,
.tax-voices-category #sidebar #swell_new_posts-3,
.tax-voices-category #sidebar #block-5,
.tax-voices-category #sidebar #block-6,
.tax-voices-category #sidebar #tag_cloud-2,
.single-voices #sidebar #swell_new_posts-3,
.single-voices #sidebar #block-5,
.single-voices #sidebar #block-6,
.single-voices #sidebar #tag_cloud-2{
	display:none;}


/*タイトルまわり*/

.ttl_sdgs::before,
.ttl_license::before{
	content:url(https://kb-staff.com/kbstaff/wp-content/uploads/2025/07/ttl_deco_sankaku_l.png);
	position: unset !important;
	display: unset !important;
	padding-right: 1em;}

.ttl_sdgs::after,
.ttl_license::after{
	content:url(https://kb-staff.com/kbstaff/wp-content/uploads/2025/07/ttl_deco_sankaku_r.png);
	position: unset !important;
	display: unset !important;
	padding-left: 1em;}



/* トップページ */

.home #main_visual{
	margin-left: auto;
	margin-right: auto;
	padding: 0;	
	border: 3px solid #1e1e1e;
	border-radius: 30px;}	

.home #main_visual .p-mainVisual__slideTitle{
	line-height:inherit;}
	
.home #main_visual .p-mainVisual__slideTitle span{
	font-size:1em;
	background:#fff;
	display: inline-block;
	margin-bottom: 0.2em;}
	
.home .swell-block-button__link span{
	white-space:nowrap;}

.home .fukidashi{
	background:url(https://kb-staff.com/kbstaff/wp-content/uploads/2025/08/bg_fukidashi.png) no-repeat;
	height:80px;
	padding-top: 0.5em;
	padding-left: 1em;
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size:1.5em;}

.home div#n2-ss-5 .n2-style-aae0a8b802ba05ae7a2273e9add8485f-heading{
	padding: 10px;
	border:2px solid #141414;
	border-radius: 24px;
	background:#f6dd00;}


.home .swell-block-box-menu,
.home .swell-block-box-menu .swell-block-box-menu__inner,
.page-id-16 .swell-block-box-menu,
.page-id-16 .swell-block-box-menu .swell-block-box-menu__inner{/*サービス案内*/
	height:100%;}

.home .swell-block-box-menu.is-style-fill .swell-block-box-menu__link,
.page-id-16 .swell-block-box-menu.is-style-fill .swell-block-box-menu__link{
	padding: 4em 1.25em;
	border: 1px solid #fff;}
	
.home .swell-block-box-menu.is-style-fill .swell-block-box-menu__link:hover,
.page-id-16 .swell-block-box-menu.is-style-fill .swell-block-box-menu__link:hover{
	background-color:#f6dd00;
	border:1px solid #1e1e1e;
	box-shadow:none;}
	
.home .swell-block-box-menu.is-style-fill .swell-block-box-menu__link::after,
.page-id-16 .swell-block-box-menu.is-style-fill .swell-block-box-menu__link::after{
	content:"もっと詳しく";
	background:#fff;
	border:2px solid #1e1e1e;
	display:block;
	margin: 2rem auto;
    width: auto;
    border-radius: 1.2rem;
    padding: 0.2rem 2.5rem;}

.home .swell-block-box-menu.is-style-fill .swell-block-box-menu__text,
.page-id-16 .swell-block-box-menu.is-style-fill .swell-block-box-menu__text{
	margin-top:2em;}

.home .swell-block-box-menu.is-style-fill .swell-block-box-menu__text::after,
.page-id-16 .swell-block-box-menu.is-style-fill .swell-block-box-menu__text::after{
	font-size: 14px;
	color:#666;
	white-space: preserve-breaks;
	line-height: 2em;}
	
.home .swell-block-box-menu.is-style-fill .swell-block-box-menu__text span{
	/*margin-bottom: 1em;
	display: block;*/}
	
.home .swell-block-column:nth-of-type(1) .swell-block-box-menu__text::after{
	content:"\A\Aいざという時に正常に作動するよう定期点検を行い、\A必要に応じて修繕します。消防への報告書作成・届出を代行します。";}	
.page-id-16 .swell-block-column:nth-of-type(1) .swell-block-box-menu__text::after{/*改行なし*/
	content:"\A\Aいざという時に正常に作動するよう定期点検を行い、必要に応じて修繕します。消防への報告書作成・届出を代行します。";}
	
.home .swell-block-column:nth-of-type(2) .swell-block-box-menu__text::after{
	content:"\A\Aお客様の大切な建物や店舗に、法令に基づき\A消火器・感知器・誘導灯など必要な消防用設備等の設計・施工をいたします。";}	
.page-id-16 .swell-block-column:nth-of-type(2) .swell-block-box-menu__text::after{/*改行なし*/
	content:"\A\Aお客様の大切な建物や店舗に、法令に基づき消火器・感知器・誘導灯など必要な消防用設備等の設計・施工をいたします。";}
	
.home .swell-block-column:nth-of-type(3) .swell-block-box-menu__text::after{
	content:"\A\A消防法で定められている消防計画の運用実態を点検し、\A改善点をアドバイスいたします。消防への報告書作成・届出を代行します。";}
.page-id-16 .swell-block-column:nth-of-type(3) .swell-block-box-menu__text::after{/*改行なし*/
	content:"\A\A消防法で定められている消防計画の運用実態を点検し、改善点をアドバイスいたします。消防への報告書作成・届出を代行します。";}
	
.home .swell-block-column:nth-of-type(4) .swell-block-box-menu__text::after{
	content:"\A\A長年放置された消火器は破裂する恐れがあります。\A近藤防災は廃消火器リサイクルシステムの特定窓口として回収を行います。";}
.page-id-16 .swell-block-column:nth-of-type(4) .swell-block-box-menu__text::after{/*改行なし*/
	content:"\A\A長年放置された消火器は破裂する恐れがあります。近藤防災は廃消火器リサイクルシステムの特定窓口として回収を行います。";}
		
.home .swell-block-column:nth-of-type(5) .swell-block-box-menu__text::after{
	content:"\A\A企業やマンション管理組合の防災対策について\Aお手伝いいたします。";}
.page-id-16 .swell-block-column:nth-of-type(5) .swell-block-box-menu__text::after{/*改行なし*/
	content:"\A\A企業やマンション管理組合の防災対策についてお手伝いいたします。";}



/* 近藤防災について */

.page-id-13 .sdgs > .wp-block-media-text__media{
	height:auto;}

.page-id-13 .map {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    /* 16:9のアスペクト比 */
    height: 0;}

.page-id-13 .map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;}


/* 消防用設備等メンテナンス～防災対策までの共通 */

.page-id-77 .reason01,
.page-id-77 .reason02,
.page-id-77 .reason03,
.page-id-77 .reason04,
.page-id-171 .reason01,
.page-id-171 .reason02,
.page-id-171 .reason03,
.page-id-176 .reason01,
.page-id-176 .reason02,
.page-id-176 .reason03{
	border:3px solid #1e1e1e;
	border-radius:30px;
	padding: 50px 100px;}

.page-id-77 .reason01::before,
.page-id-77 .reason02::before,
.page-id-77 .reason03::before,
.page-id-77 .reason04::before,
.page-id-171 .reason01::before,
.page-id-171 .reason02::before,
.page-id-171 .reason03::before,
.page-id-176 .reason01::before,
.page-id-176 .reason02::before,
.page-id-176 .reason03::before{
	color:#fff;
	display: flex;
	background: #f6dd00;
	width: 100px;
	height: 100px;
	border: 3px solid #1e1e1e;
	border-radius: 50px;
	justify-content: center;
	align-items: center;
	font-size: xxx-large;
	-webkit-text-stroke: 1px #1e1e1e;
  	text-stroke: 1px #1e1e1e;
  	position: absolute;
	top: -50px;
	left: -50px;}

.page-id-77 .reason01::before,
.page-id-171 .reason01::before,
.page-id-176 .reason01::before{
	content: "01";}

.page-id-77 .reason02::before,
.page-id-171 .reason02::before,
.page-id-176 .reason02::before{
	content: "02";}

.page-id-77 .reason03::before,
.page-id-171 .reason03::before,
.page-id-176 .reason03::before{
	content: "03";}
	
.page-id-77 .reason04::before{
	content: "04";}

.page-id-77 ul.list_trouble li,
.page-id-171 ul.list_trouble li,
.page-id-176 ul.list_trouble li,
.page-id-177 ul.list_trouble li,
.page-id-178 ul.list_trouble li{
	list-style-type:none;
    background-image:url("https://kb-staff.com/kbstaff/wp-content/uploads/2025/07/icon_check.png");
    background-repeat:no-repeat;
    background-position:left 0.5em;
    padding-left: 2.5em;
	line-height: 2em;}	




/* 消防用設備等メンテナンス */


.page-id-77 .maintenance_object .swell-block-column{
	border-radius: 30px;
	background:#fff;
	padding: 3em 1em;}

.page-id-77 .maintenance_object .swell-block-column h3{
	border-bottom: 1px solid #1e1e1e;
	margin: 1.5em 0 1em;
	padding-bottom: 1em;}

.page-id-77 .maintenance_object .swell-block-column p{
	font-size: 16px;
	line-height: 1.8 !important;
	font-weight: lighter;}
	
	
	
/* 点検　*/


	



/*消防設備士について*/

.page-id-112 .main_job .swell-block-column{
	background:#fff;
	border-radius:20px;}

.page-id-112 .main_job .swell-block-column figure img{	
	border-radius: 20px 20px 0 0;}

.page-id-112 .main_job .swell-block-column h3{
	padding: 1em 2em;
	width: 100%;}

.page-id-112 .main_job .swell-block-column p{
	font-weight: lighter;
	line-height: 1.5em !important;
	padding: 0 2em 2em 2em;}


/*お客様の声*/

.p-authorBox p{
	line-height: inherit !important;}






/***** PCのみ *****/


@media screen and (max-width:1235px){
	.c-catchphrase{
		display:none;}
	
}

@media screen (min-width:961px) and (max-width:1254px){
	.home #main_visual .c-filterLayer__img{
		transform: translateY(15vh);}
}

@media screen and (min-width:1255px){
	.home #main_visual .c-filterLayer__img{
		transform: translateY(0vh);}
}

@media screen and (min-width:1412px){
	.home #main_visual .c-filterLayer__img{
		transform: translateY(-10vh);}
}

@media screen and (min-width:1580px){
	.home #main_visual .c-filterLayer__img{
		transform: translateY(-20vh);}
}

@media screen and (min-width:961px){



	/*ヘッダー・共通部分*/

	.l-header__inner{
		max-height: 80px;}
		
	.l-header__inner .l-header__logo .c-headLogo__link::after{
		padding-bottom: 2.5em;}
		
	.l-header__inner .l-header__logo .c-catchphrase{
		padding: 0px 0 4em 0;}
		
	.l-fixHeader .c-headLogo__img{
		/*height:100px;*/}
		
	.c-gnav > .menu-item > a::after{
		background:none;
		font-size: 10px;
	    bottom: 1.25em;
	    right: 0;
	    opacity: .8;}
	    
	.c-gnav > .menu-item > a .ttl{
		padding-bottom:0.5em;}

	.c-gnav > .menu-item:nth-of-type(1) > a::after{
		content:"About Us";}
		
	.c-gnav > .menu-item:nth-of-type(2) > a::after{
		content:"Services";}
		
	.c-gnav > .menu-item:nth-of-type(3) > a::after{
		content:"License";}
		
	.c-gnav > .menu-item:nth-of-type(4) > a::after{
		content:"Voice";}
		
	.c-gnav > .menu-item:nth-of-type(5) > a::after{
		content:"Blog";}
		
	.c-gnav > .menu-item:nth-of-type(6) > a::after{
		content:"Contact";}	
		
	.c-gnav > .menu-item > .sub-menu .ttl{
		white-space: nowrap;}
		
	.c-gnav .sub-menu a,
	.c-gnav .sub-menu a:hover{
		background:#f4f4f4;}
		
	.post_content h2{
		font-size:2em;}
		


	/* トップページ */

	.home #main_visual{
		width: calc(100% - 200px);
		height:80vh;}
			
	.home #main_visual .p-mainVisual__slideTitle{
		display:block;
		padding-top:15vh;}
		
	.home #main_visual .p-mainVisual__slideTitle span{
		font-size:1.5em;}

	.home .top_service_outline .wp-block-group__inner-container{
		display:flex;}
		
	.home .top_service_outline h2{

		writing-mode: vertical-rl;
	    display: inline-block;
	    font-size: 42px;
	    letter-spacing: 1px;
	    background:url(https://kb-staff.com/kbstaff/wp-content/uploads/2025/07/bg_ttl_vertical-rl.png) no-repeat;}
	    
	.home .wp-block-media-text__media{
		margin: 0 100px 0 -200px !important;}
		

	/* トップページ以外の固定ページ・投稿ページも？ */

	.l-topTitleArea{
		height:80vh;}

	.l-topTitleArea .l-topTitleArea__img{
		width: 80vw !important;
		/*margin-right:-5vw;*/
		margin-left:25vw;
		padding: 0;	
		border: 3px solid #1e1e1e;
		border-radius: 30px;}
		
	.l-topTitleArea .l-topTitleArea__body{
		text-align:center;
		color:#1e1e1e;
		width: 25vw;
		margin: unset;}

	.l-topTitleArea .l-topTitleArea__body h1{
		writing-mode: vertical-rl;
		display: inline-block;
		font-size: 42px;
	    letter-spacing: 1px;}


	/*近藤防災について　-　代表あいさつ*/

	.page-id-13 .ttl_greeting{
		font-size: 1.4em;}
	
	.page-id-13 .greeting .wp-block-column:nth-of-type(1){
		flex:1;}
		
	.page-id-13 .greeting .wp-block-column:nth-of-type(1) figure{
		text-align:left;
		top: 150px;
		position: sticky;}
		
	.page-id-13 .greeting .wp-block-column:nth-of-type(1) figure img{
		width:80%}

	.page-id-13 .greeting .wp-block-column:nth-of-type(2){
		flex:2;}
		
	.page-id-13 .greeting .wp-block-column:nth-of-type(2) h2,
	.page-id-13 .greeting .wp-block-column:nth-of-type(2) p{
		width:70%;
		margin-right:30%;}
		
	/*近藤防災について　-　SDGs*/
	
	.page-id-13 .list_sdgs img{
		padding: 25px;}
		
	/*消防用設備等メンテナンス*/
	
	.page-id-77 h1::before{
		content:url(https://kb-staff.com/kbstaff/wp-content/uploads/2025/07/icon_sprinkler-1.png);
		padding-bottom: 1em;}
	
	.page-id-77 .maintenance_object .swell-block-columns__inner{
		margin-right: 10%;
		margin-left: 10%;}
		
	/*消防用設備等　設計・施工*/
	
	.page-id-171 h1::before{
		content:url(https://kb-staff.com/kbstaff/wp-content/uploads/2025/07/icon_design.png);
		padding-bottom: 1em;}
		
	/*消防用設備等　設計・施工*/
	
	.page-id-171 h1::before{
		content:url(https://kb-staff.com/kbstaff/wp-content/uploads/2025/07/icon_design.png);
		padding-bottom: 1em;}
		
	/*防火対象物点検・防火管理点検*/
	
	.page-id-176 h1::before{
		content:url(https://kb-staff.com/kbstaff/wp-content/uploads/2025/07/icon_checklist.png);
		padding-bottom: 1em;}
		
	/*廃消火器リサイクル*/
	
	.page-id-177 h1::before{
		content:url(https://kb-staff.com/kbstaff/wp-content/uploads/2025/07/icon_fireextinguishers.png);
		padding-bottom: 1em;}
		
	/*防災対策*/
	
	.page-id-178 h1::before{
		content:url(https://kb-staff.com/kbstaff/wp-content/uploads/2025/07/icon_heart.png);
		padding-bottom: 1em;}

	/*ブログ*/	  
	
	.l-sidebar{/*サイドバー*/
		margin-top: 8em;}
		
	.l-sidebar a.wp-block-latest-posts__post-title{
		#}


}



/***** PC & iPad *****/

@media screen and (min-width:600px){

	.l-content {
    	padding-top: 6em;}
    
    
    /* トップページ */
    
    .home .swell-block-column:nth-of-type(1),
	.home .swell-block-column:nth-of-type(2),
	.page-id-16 .swell-block-column:nth-of-type(1),/*サービス案内*/
	.page-id-16 .swell-block-column:nth-of-type(2){
		width:50%;}
    
    
    /*　消防設備士について　*/
    
    
    .page-id-112 blockquote table{
	    font-weight: lighter;}

    .page-id-112 blockquote table th:nth-of-type(1){
    	width:30% !important;}
    	
    .page-id-112 .main_job > div{
    	justify-content: center;}
    	
    .page-id-112 .main_job .swell-block-column:nth-of-type(1),
    .page-id-112 .main_job .swell-block-column:nth-of-type(2){
    	/*width:50%;
    	margin-bottom:4em;*/}

    

}



/***** iPad & スマホ *****/

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

	/*　トップページ　*/
	.home #main_visual{
		width: calc(100% - 20px);}	
	
	/*　近藤防災について　*/
	
	.greeting img{
		margin-bottom:4em;}
	
	.greeting p{
		padding-right: 1em;
		padding-left: 1em;}


	/*　サービス案内　*/

	.page-id-77 .reason01,
	.page-id-77 .reason02,
	.page-id-77 .reason03,
	.page-id-77 .reason04,
	.page-id-171 .reason01,
	.page-id-171 .reason02,
	.page-id-171 .reason03,
	.page-id-176 .reason01,
	.page-id-176 .reason02,
	.page-id-176 .reason03{
		padding: 50px 1em;}

	.page-id-77 .reason01::before,
	.page-id-77 .reason02::before,
	.page-id-77 .reason03::before,
	.page-id-77 .reason04::before,
	.page-id-171 .reason01::before,
	.page-id-171 .reason02::before,
	.page-id-171 .reason03::before,
	.page-id-176 .reason01::before,
	.page-id-176 .reason02::before,
	.page-id-176 .reason03::before{
		width: 80px;
		height: 80px;
		left:0.2em;}

	.page-id-16 .top_title_area .l-topTitleArea__body h1.c-pageTitle,
	.page-id-112 .top_title_area .l-topTitleArea__body h1.c-pageTitle,
	.blog .top_title_area .l-topTitleArea__body h1.c-pageTitle{
		color:#1e1e1e !important;}


}



/***** iPadのみ *****/

@media (min-width: 600px) and (max-width: 960px){

			
	/*　トップページ　*/
	
	.home .fukidashi{
		background-position-x: 3em;
		padding-left: 4em;}

}


@media (min-width: 600px) and (max-width: 1030px){	

	.home .swell-block-button__link{
		width: calc(100% - 2em) !important;}

}



/***** スマホのみ *****/

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


	.fixed_instagram_btn{
		transform: scale(0.5, 0.5);
		right: -2.5em;
		border: 4px solid #1e1e1e;
		bottom: 10vh;}
		
	div.widget_block:has(a.fixed_instagram_btn)::before{
		font-size:inherit;
		right: 0.1em;
		bottom: calc(10vh + 100px);}


	/* ヘッダー */

	.l-header__logo .c-headLogo__link::after{
		font-size:18px;}


	/* トップページ */
		
	.home .swell-block-button__link{
		width: calc(100% - 2em) !important;}
		
	.home .fukidashi{
		text-align: center;
		background-position-x: center;
		padding-left:0;}


}