@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/


/***************************
 　      　all
****************************/

/* 余白調整 */
body {
	margin : 0 auto;
	padding : 0;
}
/* タイトル非表示 */
.entry-title {
	display: none;
}
/* メニュー下余白削除 */
.content {
	margin : 0;
}
/* 全体余白 */
main#main.main {
	padding : 0;
	margin-top : -1rem;
}
/* リンク */
a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color:#191919;
}
a::after {
  position: absolute;
  bottom: -2px;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #4c9770;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s;
}
a:hover::after {
  transform: scale(1, 1);
	color : green;
}
/* 下ホームアイコン消し */
#breadcrumb {
	display : none;
} 
/*左右が薄い飾り線 */
.deco_line {
	position: relative;
	height: 1px;
	border-width: 0;
	background-image: -webkit-linear-gradient(left,
	transparent 0%,#283593 50%,transparent 100%);
	background-image:         linear-gradient(90deg,
	transparent 0%,#283593 50%,transparent 100%);
}
/*本文大カラム */
div.parent_column {
	padding : 30px 0 0 0;
}
/*右カラム */
div.right_column {
	padding : 60px 10vw 100px 5vw;
}
/* トップへ戻る */
#go-to-top > button {
	position : absolute;
	right : 20px;
	bottom : 5px;
}

/***************************
 　      　font
****************************/
.article h5 {
	font-size : 18px;
}

.article h6,
h6.wp-block-heading  {
	position: relative;
	font-size : 18px;
	color : #305e46;
	text-shadow: 0 0 2px white;
	padding-top : 30px;
}
.article h6:before {
	content: "";
	position: absolute;
	background: rgba(76,151,112,0.05);
	width: 50px;
	height: 50px;
	border-radius: 50%;
	top: 50%;
	/* border: dashed 1px white; */
	left: -10px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: -1;
}

.nowrap_text,
.aboutpage_nowrap_text {
	white-space : nowrap;
}
p {
	padding : 0 30px;
}
/* 左L字飾タイトル */
.title_column {
	max-width : 30px;
}
.title_logo {
	width : 25px;
	height : 25px;
	padding-top : 8px;
}
.title_text {
	white-space : nowrap;
	margin-left : 0;
	font-size : 23px;
	color : #4c9770;
	padding : 0 ;
}

/***************************
 　     header
****************************/

/* ヘッダ画像　余白削除 */
#header-in > div.logo.logo-header.logo-image > a {
	padding : 0 ;
	margin-top : -30px;
}
#header-in > div.logo.logo-header.logo-image {
	padding : 0;
}
#navi .navi-in>.menu-header .sub-menu {
	background-color : rgba(75,150,113, 0.96);
}


/* モバイル レスポンシブ化 */
@media screen and (max-width: 550px){
	.site-logo-image{
		visibility: hidden;
	}
	.logo-header.logo-image {
		background-color : #4c9770;
		background-image: url(https://office-abe.net/wp-content/uploads/2025/09/header_mb2.png);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		width : auto;
	}
/* モバイル時のheader画像余白調整 */
	div#header-in.header-in.wrap.cf {
		height : auto;
	}
}

/***************************
 　      side menu
****************************/

/* サイドメニュー全カラム */
div.sidemenu_column {
	padding : 40px 0 30px 0;
	margin-right : -1.5rem;
}
/* 一番上title */
.sidemenu_top_title {
	font-size : 18px;
	white-space : nowrap;
}
p.sidemenu_top_title {
	margin : 0 0 -0.3rem -2rem;
}
/* サイド三角メニュー */
.sidemenu_triangle_title_column {
	white-space : nowrap;
}
div.wp-block-columns.sidemenu_triangle_title_column {
	margin-bottom : 10px;
}
div.sidemenu_triangle_icon_column {
	margin-right : -1.8rem;
	padding-top : 4px;
}
/* サイド住所エリア */
.sidemenu_address_column {
	margin-right : -3rem;
	padding : 0 0 0 10px;
}
div.sidemenu_tel_parent_column {
	margin : -2.5rem 0;
}
.sidemenu_tel_text {
	white-space : nowrap;
	font-size : 13px;
	margin : -1rem 0;
	padding :  4px 0 0 30px;
}
p.sidemenu_telno {
	white-space : nowrap;
	font-size : 18px;
	margin-left : -6rem;
	padding-left : 1rem;
}
p.saidemenu_sihousyosi_text {
	white-space : nowrap;
	margin : -1rem 0 -0.4rem 0;
}

/***************************
 　     footer
****************************/

/* フッター余白調整 */
#footer {
	display : none;
}
#content {
	margin-bottom : -50px;
}
/* フッター上余白 */
div.wp-block-columns.parent_column {
	margin-bottom : 0;
}
/* 色 */
div.footer_column {
	background-color : #4c9770;
	color : #FFF;
	padding : 0 50px;
}
.footer_column a {
    color: #FFF !important;
}
.footer_column a:hover {
    color: #bfd76d !important;
}
/* 左カラム */
div.footer_left_column {
	padding : 80px 0 30px 50px;
	margin : 0 -3rem 0 0;
}
/* 中央カラム */
div.footer_center_column {
	padding : 80px 0 30px 0;
	margin-left : -5rem;
}
/* 右カラム */
div.footer_right_column {
	padding : 0;
}
/* 以下三角メニュー */
div.wp-block-columns.footer_triangle_menu_column {
	white-space : nowrap;
	margin : -1.5rem 3rem 1.5rem 0;
}
/* 三角メニュー文 */
.footer_trianglemenu_text,
.footer_sitemap_text {
	margin-left : -2.5rem;
	padding-bottom : 4px;
}
.footer_gyoumunaiyou_text {
	margin-left : -5rem;
}
p.footer_gyoumunaiyou_text {
	margin : -5rem 0;
}
/* 三角ボタン */
.footer_triangle_btn {
	width : 18px;
	padding-top : 3px;
}
/* サブメニューカラム */
div.footer_submenu_column {
	padding : 3px 0 0 0;
	margin : -2rem 0;
	white-space : nowrap;
}
/* サブメニューボタン */
.footer_submenu_btn {
	width : 25px;
	padding-top : 5px;
	z-index : 10;
}
/* サブメニュー文字 */
p.footer_submenu_text {
	margin-left : -3rem;
	white-space : nowrap;
	
}
/* サイトマップカラム */
div.footer_sitemap_column {
	margin-left : -3.8rem;
	padding-bottom : 20px;
}
/* ロゴ */
.footer_logo {
	width : 200px;
}
figure.footer_logo {
	padding : 30px 0 5px 20px;
}
/* TELNO */
.footer_telno {
	font-size : 20px;
}
p.footer_telno {
	padding : 0;
}
.footer_telno_column {
	margin-top :-3rem;
	white-space : nowrap;
	padding : 0;
}
div.footer_telno_column {
	width : 15rem;
	padding : 5px 0;
}
/* 郵便番号 */
.footer_yuubinno_column {
	margin : -2rem -2rem -5rem -3px;
	white-space : nowrap;
}
div.footer_yuubinno_column {
	max-width : 10rem;
	padding : 0 5px;
}
p.footer_yuubin_mark {
	font-size : 13px;
	font-weight : 100;
	padding-top : 4px;
}
.footer_yuubinno {
	font-size : 16px;
}
p.footer_yuubinno {
	padding-left : 4px;
}

/* 住所 */
p.footer_add1 {
	margin : -2rem 0 0 0;
}
p.footer_add2{
	margin : -5px 0 0 0;
}
/* コピーライト */
/*上空白削除 */
div.wp-block-columns.footer_column {
	margin-bottom : 0;
}
.footer_copyright_column {
	background-color : #4c9770;
	text-align :center;
	height : 50px;
}
.footer_copyright {
	font-size : 12px;
	color : #FFF;
}

/***************************
 　    top page
****************************/

/* 右本文カラム */
.toppage_right_column {
	padding : 30px;
}

/* エリア1 */
.toppage_area1_column {
	padding : 30px 30px 0 30px;
	position: relative;
}
.toppage_area1_rinen {
	position: relative;
	font-size : 35px;
	margin-right : -5vw;
	padding : 20px 0 0 0px;
	z-index : 20;
	white-space : nowrap;
}
.toppage_area1_img {
	width : 100%;
	margin-left : -2rem;
}
.toppage_area1_img:hover {
	opacity: 0.6;
	transition: all 1.5s ease;
	z-index : 0;
}
/* エリア2 */
div.toppage_area2_column {
	padding : 50px 30px;
}
.toppage_area2_img {
	width : 130%;
	margin-right : 5vw;
	top : 500px;
	left : 30px;
	padding-top : 20px;
}
.toppage_area2_img:hover {
	opacity: 0.6;
	transition: all 1.5s ease;
	z-index : 0;
}
/* エリア3 */
.toppage_area3_column {
	padding : 0 30px;
	margin : 20px 0;
}

/* 以下四角囲み */
/* 枠 */
.toppage_sqpuare_column {
	height : 280px;
}
/* 数字 */
.toppage_square_no {
	width : 5rem;
}
/* 題 */
.toppage_square_title {
	font-size : 25px;
	color : #4c9770;
	white-space : nowrap;
}
p.toppage_square_title  {
	padding : 10px 0 0 0;
	margin-left : -1.5rem;
}
/* 文 */
.toppage_square_text_column {
	padding : 0 40px 30px 40px;
	height : 80px;
}
/* 詳しくは */
.toppage_kuwasiku_column {
	padding : 0 20px 20px 0;
	width : 80px;
}

/***************************
 　     other page
****************************/

/* 小項目 */
p.other_subtitle_text {
	font-size : 22px;
	margin-bottom :-1.8rem;
	padding-left : 6rem;
}

/* 事務所について */
.aboutpage_aria1_column {
	position : relative;
}
.aboutpage_title_column {
	padding-top : 1rem;
	z-index : 10;
}
.aboutpage_entrance {
	padding : 0 0 50px 0;
	margin-top : -1rem;
}
.aboutpage_btn {
	white-space : nowrap ;
	padding-left : 2rem;
	min-width : 10rem;
}

/* Q&A */
.toggle-button {
	text-align : left;
	border : none;
	padding : 5;
	margin-left : 2em;
}
.toggle-button::before,
.toggle-checkbox:checked~.toggle-button::before {
	content :  'Q ';
	color : #285262;
	font-size : 2;
	margin-right : 1em;
}
.toggle-checkbox:checked ~ .toggle-content {
	padding-left : 80px;
	border : none;
}
/* 問合せページ */
/* 送信ボタン */
input.wpcf7-submit.has-spinner {
	background-color : #4c9770;
	color : #FFF;
}

/***************************
 　    responsive
****************************/

/*1024px以下*/
@media screen and (max-width: 1024px) {
	
	/* メニューサイトマップ下余白 */
	#menu-item-25 {
		padding-bottom : 20px;
	}
	/* メニュー */
	#menu-header-menu-1 {
		padding-top : 10px;
	}
	/* サイドメニュー */
	p.sidemenu_telno {
		margin-left : -4.5rem;
	}
	div.sidemenu_address_column {
		padding-left :0;
	}
	p.sidemenu_telno {
		padding-left : 1.5rem;
	}
	
	/* 以下フッター */
	/* 左カラム */
	div.footer_left_column {
		padding : 60px 0 0 20px;
		margin : 0;
	}
	/* 中央カラム */
	div.footer_center_column {
		margin-left : -3rem;
		padding : 60px 0 0 0;
	}
	/* 右カラム */
	div.footer_right_column {
		padding : 0;
		margin : -1rem 0 0 -1rem;
	}
	/* 以下トップページ */
	/* 右本文カラム */
	.toppage_right_column {
		padding : 30px ;
	}
	.toppage_sqpuare_column {
		height : 300px;
	}
	.toppage_square_text_column {
		height : 120px;
		padding : 0 20px 30px 20px;
	}
	.toppage_square_title {
		font-size : 23px;
	}
	p.toppage_square_title {
		margin-left : -1rem;
	}
}

/*780px以下*/
@media screen and (max-width: 780px) {
	
	/* サイドメニュー非表示 */ 	
	div.sidemenu_column {
		display : none;
	}
	/* 	本文カラム左の線非表示*/
	div.right_column {
		border : 0;
	}
	
	/* 以下フッター */
	/* 左カラム */
	div.footer_left_column {
		margin : 0 0 0 -7.7rem;
	}
	/* 中央カラム */
	div.footer_center_column {
		margin : -3rem 0 0 -6rem;
	}
	/* 右カラム */
	div.footer_right_column {
		margin : -2rem 0 0 25vw;
		padding-bottom : 50px;
	}
	/* 以下トップページ */ 
	.toppage_area1_rinen {
		padding-left : 2rem;
	}
	/* ２エリア文と画像入替え */
	.toppage_area2_column {
		padding-top : 30px;
		display: flex;
		flex-wrap: column;
	  }
	.toppage_area2_text {
		order: 1
	  }
	.toppage_area2_img {
		order: 2;
	  }
	/* 画像幅 */
	figure.toppage_area1_img ,
	figure.toppage_area2_img {
		margin : 0px auto;
		width : 100%;
		object-fit: cover;
		padding : 0;
	}	
	/* 以下四角囲み */	
	/* 枠 */	
	div.toppage_square_column {
		max-width : 80vw;
		height : 300px;
	}
	/* 詳しくは */
	.toppage_kuwasiku_column {
		text-align : right;
	}
	div.toppage_kuwasiku_column {
		margin-top : -5rem;
	}
	.toppage_kuwasiku_column img {
		width : 180px;
	}
	/* 以下otherP */	
	.aboutpage_btn {
		padding : 10px;
		min-width : 50vw;
	}
}

/*430px以下*/
@media screen and (max-width: 430px) {	
	/* サイドメニュー非表示 */
	div.sidemenu_column {
		display : none;
	}
	/* 本文カラム */
	div.right_column {
		padding : 1rem;
	}
	/* タイトル文字 */
	div.title_column {
		padding-left : 20px;
	}
	p.title_text {
		padding : 8px 0 0 5px;
	}
	.title_text {
		font-size : 18px;
	}
	h6.wp-block-heading {
		margin-left : 1rem;
		margin-top : 3rem;
	}

	/* 以下トップページ */
	/* エリア1,2 */
	.toppage_area1_column ,
	div.toppage_area2_column {
		padding : 0 0 40px 0;
	}
	.toppage_area1_rinen {
		font-size : 22px;
		margin : 0 auto;
	}
	.toppage_area3_column {
		padding : 0;
	}
	/* 文末空白削除 */
	div.toppage_spacer {
		display : none;
	}
	/* 以下四角囲み */	
	/* 枠 */	
	div.toppage_square_column {
		max-width : 90vw;
		min-height : 12rem;
	}
	/* 飾り数字 */
	.toppage_square_no {
		width : 80px;
	}
	/* 題 */
	.toppage_square_title {
		white-space : nowrap;
	}
	/* 文 */
	.toppage_square_text_column {
		padding : 0 10px;
		height : 6rem;
	}
	/* 詳しくは */
	.toppage_kuwasiku_column {
		text-align : right;
	}
	div.toppage_kuwasiku_column {
		margin-top : -1rem;
	}
	.toppage_kuwasiku_column img {
		width : 180px;
	}
	/* 事務所ページ　タイトル */
	.aboutpage_nowrap_text {
		padding : 0 0 0 15px;
	}
	p.aboutpage_about_text {
		margin-left : -3rem;
	}

	/* 以下フッター */
	div.footer_column {
		padding : 0;
	}
	/* 左カラム */
	div.footer_left_column {
		margin : 0 0 0 -7rem;
		padding : 60px 0 10px 15px;
	}
	/* 中央カラム */
	div.footer_center_column {
		margin : 0 0 0 -6rem;
		padding : 0;
	}
	.footer_gyoumunaiyou_text {
		margin-left : -12rem;
	}
	/* 右カラム */
	div.footer_right_column {
		margin : -3rem auto 0 auto;
		padding : 0 0 30px 30px;
	}
}