/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 12 2025 | 02:46:45 */
/* ------------------------------ 概要テンプレート ------------------------------ */
.gaiyou-temp .entry-content > .wp-block-columns:first-child {background: #FFF; padding:  clamp(40px, 2vw, 45px) clamp(20px, 10vw, 140px); border-radius: clamp(1.5rem, 2vw, 3rem);margin-bottom: clamp(3rem, 3vw, 4.5rem);;}
.gaiyou-temp .entry-content > .wp-block-columns:first-child > .div:first-child {background: #FFF; padding: 3rem 2rem; border-radius: clamp(1.5rem, 2vw, 3rem);}
.gaiyou-temp .entry-content > .wp-block-columns:first-child + .wp-block-columns {background: linear-gradient(180deg, #fbf9f5 0%, #fbf9f5 50%, #FFF 50%, #FFF 100%); margin: 0 calc(50% - 50vw); width: 100vw !important; max-width: 100vw !important;}
.gaiyou-temp-wh-wh {background: #FFF; margin: 0 calc(50% - 50vw); width: 100vw !important; max-width: 100vw !important; margin-top: 0 !important;}
/* ★.gaiyou-temp-or ul, #faq .entry-content ul {width: fit-content; margin: 0 auto; background: #F39800; border-radius: 1rem; max-width: 1820px !important; display: flex; justify-content: center; color: #FFF; font-weight: 500; font-size: 1.8rem; padding-left: clamp(24px, 5vw, 60px); padding-right: clamp(24px, 5vw, 60px); padding-top: 30px; padding-bottom: 30px;}★ */
.gaiyou-temp-or ul, #faq .entry-content ul {
	width: fit-content;
	margin: 0 auto;
	background: #F39800;
	border-radius: 1rem;
	max-width: 1820px !important;
	display: flex;
	justify-content: center;
	color: #FFF;
	font-weight: 500;
	font-size: clamp(1.4rem, 2vw, 1.8rem);
	padding: clamp(2.7rem, 5vw, 0.6rem) 2.7rem;

}
.gaiyou-temp-or > div {max-width: 100% !important;}

.gaiyou-temp-or ul li, #faq .entry-content ul li {
	list-style: none;
	margin-top: 0;margin-left: 3.5rem;
  padding-left: 1rem;
}
.gaiyou-temp-or ul li:first-child, #faq .entry-content ul li:first-child {margin-left: 0; padding-left: 0;}
.gaiyou-temp-wh h2 {text-align: center;margin-top: 0 !important; margin-bottom: clamp(2.5rem, 4vw, 4rem) !important;font-size: clamp(1.8rem, 2vw + 1rem, 2.4rem) !important;}
.gaiyou-temp-wh h2 + .wp-block-columns.is-layout-flex {margin-bottom: 0;}
/* ★.gaiyou-temp-wh h2 + .wp-block-columns {width: 80%; margin-left: auto; margin-right: auto;}★ */
.gaiyou-temp-wh strong {color: #EA5514;}
#jian {margin-top: 0;}
.gaiyou-temp #faq {margin-top: 0;}
/* ★.gaiyou-temp #faq .wp-block-coblocks-accordion {margin-top: clamp(3rem, 5vw, 6rem) !important;}★ */
.gaiyou-temp #faq .wp-block-coblocks-accordion {margin-top: clamp(3rem, 8vw, 5.5rem) !important;}
.gaiyou-temp #faq .wp-block-coblocks-accordion .wp-block-coblocks-accordion-item:last-child {margin-bottom: 0 !important;}

/* ------------------------------ リストアイコン調整 ------------------------------ */
.gaiyou-temp-wh li, .tp-nayami li, .wp-block-list.list-pro li, .section-heading.heading-当事務所に依頼するメリット + ul li{ list-style: none; position: relative; margin-bottom: clamp(20px, 3vw, 25px); margin-left: 0; padding-left: clamp(30px, 5vw, 50px); font-size: clamp(1.6rem, 2vw, 2rem);margin-top: 0; }
.wp-block-list.list-pro li {
	list-style: none;
	position: relative;
	margin-bottom: clamp(5px, 3vw, 8px);
	margin-left: 0;
	padding-left: clamp(38px, 5vw, 50px);
	margin-top: 0;
	font-size: clamp(1.6rem, 3vw, 2.4rem);
}

 .section-heading.heading-当事務所に依頼するメリット + ul li {  font-size: clamp(1.4rem, 2vw, 1.6rem)!important;  padding-left: clamp(2.1rem, 2vw + 1rem, 3rem)!important;line-height: 1.4;}
/* ★.wp-block-list li:last-child:not(.gaiyou-temp-or ul li:last-child) {margin-bottom: 0;}★ */

.gaiyou-temp-wh li::before, .tp-nayami li::before, .wp-block-list.list-pro li::before, .section-heading.heading-当事務所に依頼するメリット + ul li::before, #tokuyaku ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: clamp(20px, 3vw, 27px);
	height: clamp(20px, 23vw, 39px);
	background: url('https://nh-law.net/renew/wp-content/uploads/2025/04/check.png') no-repeat center / contain;
	transform: translateY(-50%);
}
 .whor-tsuyomi-sup .section-heading.heading-当事務所に依頼するメリット + ul li:before{width: clamp(15px, 3vw, 20px) !important;
  height: clamp(15px, 3vw, 20px) !important;}
#point .wp-block-list.list-pro li:before {background: url('https://nh-law.net/renew/wp-content/uploads/2025/04/check-square-broken.png') no-repeat center / contain;}
#jirei .wp-block-list.list-pro li {margin-bottom: 1rem; font-size: 1.8rem;}
.whor-wo { height: clamp(43px, 10vw, 190px);}
.gaiyou-temp .wp-block-columns.is-layout-flex.wp-block-columns-is-layout-flex.whor-tsuyomi-sup-column{font-size: clamp(1.4rem, 3vw, 1.8rem);margin-bottom: clamp(2rem, 2.5vw, 3rem);}
.whor-tsuyomi-sup-column {font-size: clamp(1.4rem, 3vw, 1.8rem);margin-top:clamp(0.6rem, 1vw, 2.6rem)  !important;}
.support-box .sup-whwaku {line-height: 1.6;margin-bottom: clamp(1rem, 2vw, 3rem);}

.gaiyou-temp-wh li::before, .tp-nayami li::before, .wp-block-list.list-pro li::before, .section-heading.heading-当事務所に依頼するメリット + ul li::before, #tokuyaku ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: clamp(20px, 3vw, 30px);
	height: clamp(20px, 3vw, 30px);
	background: url('https://nh-law.net/renew/wp-content/uploads/2025/04/check.png') no-repeat center / contain;
	transform: translateY(-50%);
}
.gaiyou-temp-wh li::before {width: clamp(18px, 3vw, 30px);height: clamp(18px, 3vw, 30px);}

/* ------------------------------ カラム・画像レイアウト調整 ------------------------------ */
.gaiyou-temp-wh .wp-block-column {min-height: 100%;}
.gaiyou-temp-wh .wp-block-column img {height:clamp(158px, 16vw, 230px) !important; object-fit: contain;}
.gaiyou-temp-wh h2 + .wp-block-columns .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow:first-child {flex-basis: 90% !important;}



/* ------------------------------ テーブル装飾 ------------------------------ */
table {border: none;}
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr td {background-color: inherit;}
.page-template-custompage table td {border-bottom: 1px dotted #c1c1c1 !important; border-right: 1px dotted #c1c1c1 !important;}
/* .wp-block-flexible-table-block-table {padding:clamp(3rem, 5vw, 2.5rem) clamp(1.5rem, 4vw, 3rem); background: #fbf9f5; border-radius: 1rem;} */
.wp-block-flexible-table-block-table {padding:clamp(2rem, 2vw, 2.5rem) clamp(1.5rem, 4vw, 3rem); background: #fbf9f5; border-radius: 1rem;}
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table.has-fixed-layout {table-layout: auto;}


/* ★
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr th, .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr td {padding: 1em;border-width: none; border-style: none; border-color: none; text-align: center; vertical-align: middle;-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}★ */

.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr th, .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr td {border-width: none; border-style: none; border-color: none; text-align: center; vertical-align: middle;-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;}


td {position: relative; padding-top: 80px; text-align: center; vertical-align: bottom;}
td img {position: absolute; transform: translateX(-50%); height: auto; bottom: 0; left: 22%; width: auto !important; max-height: 57px;}
.has-fixed-layout tr:first-child, .has-fixed-layout tr td:first-child {font-size: 2.3rem; font-weight: bold;}

.page-template-custompage table td:last-child {border-right: none !important;}
.page-template-custompage table tr:last-child td {border-bottom: none !important;}





/* ------------------------------ プロフィール弁護士紹介 ------------------------------ */
/* 各種見出しのフォントサイズ調整 */
.page-template .entry-content h3 { font-size:clamp(1.6rem, 2.5vw, 2.4rem) !important }

/* リボン付き見出し */
.ribbon-box h3 { background-image: url("https://nh-law.net/renew/wp-content/themes/twentytwenty/images/ribbon-kimidori.svg"); background-repeat: no-repeat; background-position: left center; padding-left: 30px; /* リボンの幅に合わせて余白つける */ background-size: 20px auto; /* リボンのサイズ調整（画像に合わせて変更してね） */ }
.ribbon-box { background: #FBF9F5; }
.ribbon-box h3 span { background: #FFF; padding: 1rem; margin-right: 1.5rem; border-radius: 0.5rem; }

/* フレックスボックスで整列 */
.case-box { display: flex; align-items: center; flex-wrap: wrap; }

/* リボン自体のサイズ調整 */
.ribbon { width: 20px; height: 40px; margin-right: -10px; z-index: 1; }

/* ケースの内容部分のスタイル */
.content-case-box { background-color: #99cc33; border-radius: 8px; padding: 8px 14px; display: flex; align-items: center; gap: 10px; color: white; font-weight: bold; position: relative; z-index: 0; flex-wrap: wrap; }

/* ラベルのデザイン */
.label { background-color: white; color: #99cc33; padding: 4px 8px; border-radius: 4px; font-size: 0.8rem; white-space: nowrap; }

/* テキスト部分のスタイル */
.text { font-size: 1rem; white-space: nowrap; margin: 0; }

/* レスポンシブ対応 */
@media (max-width: 480px) {
  .content-case-box { padding: 6px 10px; gap: 8px; }
  .label { font-size: 0.7rem; padding: 3px 6px; }
  .text { font-size: 0.9rem; }
}

/* プロフィール関連の太字＆フォントサイズ調整 */
#profile .wp-container-core-columns-is-layout-6 > div:nth-child(2) > p:nth-child(1), #profile .wp-container-core-columns-is-layout-6 > div:nth-child(3) > p:nth-child(1), #profile .wp-container-core-columns-is-layout-6 > div:nth-child(3) > p:nth-child(3), div.pr-oitachi:nth-child(1) .wp-block-columns p:nth-child(1) { font-weight: bold; font-size: 1.8rem; }
#profile .gaiyou-temp-wh-wh {position: relative;}
#profile .gaiyou-temp-wh-wh::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 50%);
	width: 120%;
	height: clamp(64px, 10vw, 150px);
	background-color: #fff;
	border-radius: 0 0 100% 100%;
	z-index: -1;
}#keireki {margin-bottom: 0;}
#oitachi {margin-top: clamp(2rem, 6vw, 8rem);margin-bottom: 0;}

/* プロフィール段落のマージン調整 */
div.pr-oitachi:nth-child(1) .wp-block-columns p:nth-child(1) { margin-bottom: 0; }

/* ★★ コメントアウトされてるpadding設定 */
/* div.pr-oitachi:nth-child(1) .wp-block-columns p { padding: 3rem; } */

/* プロフィール内のdiv装飾 */
div.pr-oitachi:nth-child(1) div:nth-child(1) {border-radius: 1rem;padding:clamp(3rem, 3vw, 4rem) clamp(2rem, 5vw, 6rem);font-size: clamp(1.4rem, 1.5vw, 1.6rem);}



/* プロフィール内メディアテキストと関連要素 */
.tp-pro-kenji .wp-block-columns {margin: 0 !important;}
#profile div.wp-block-media-text:nth-child(1), .tp-pro-kenji {
	border-radius: clamp(1.5rem, 2vw, 3rem);
	position: relative;
	padding: clamp(3.5rem, 2vw + 2rem, 4rem) clamp(2rem, 5vw, 8rem) !important;
	background: #fbf9f5;
}
.tp-pro-kenji img, .tp-pro-kenji figure {width: auto;max-height: clamp(9rem, 15vw, 20rem);height: 100%;}
#aisatsu .wp-block-media-text.is-stacked-on-mobile {display: flex;}
#aisatsu .wp-block-media-text .wp-block-media-text__content {
	padding-right: 0;
	padding-left: 0;
	font-size: clamp(1.4rem, 2.5vw, 1.8rem);
	max-width: 780px;padding-top: clamp(3.5rem, 4vw, 5rem);
}
#aisatsu .wp-block-media-text .wp-block-media-text__content p {line-height: 1.6;}
#aisatsu {margin-bottom: 0;}

/* プロフィール概要見出し */
#profile .gaiyou-temp-wh h2 { text-align: left; font-size: clamp(2rem, 3vw + 1rem, 3.6rem) !important; font-weight: 500; margin-bottom:clamp(1.1rem, 2.5vw, 2rem) !important; }
#profile .gaiyou-temp-wh h2 + p{font-size:clamp(1.4rem, 1.5vw, 1.6rem) !important;}
#keireki b {font-size: clamp(1.6rem, 1.5vw, 1.8rem);}
#keireki .wp-block-list li {
	margin-top: 0;
	line-height: 1.45;
	font-size: clamp(1.4rem, 2.5vw, 1.8rem);
}
.has-bold {margin: 0;}

/* ★★ コメントアウトされてるメディアテキストpadding */
/* #profile figure.wp-block-media-text__media:nth-child(2) { padding: 4rem; } */
.pro-box figure, .pro-box.gaiyou-temp-wh .wp-block-column img {height:clamp(24rem, 25vw, 32rem)!important;}
#profile .wp-container-core-columns-is-layout-8 { background-color: #ffffff; }
#profile .wp-container-core-columns-is-layout-1 { width: 80%; margin: auto; }
#profile .wp-container-core-columns-is-layout-1 > div:first-child {padding-left: 4.5rem;}
/* ★.wp-block-column.is-vertically-aligned-center.is-layout-flow.wp-block-column-is-layout-flow {padding-left: 7.5rem;}★ */
.tp-pro-kenji p {line-height: 1.7;font-size: clamp(1.4rem, 1.5vw, 1.6rem);}
#aisatsu .wp-block-media-text__media, #aisatsu .wp-block-media-text__media img {width: auto;max-height: clamp(31.5rem, 8vw + 25rem, 40rem);margin: 0 auto; height: 100%;}
#aisatsu .wp-block-media-text__media, #aisatsu .wp-block-media-text__media img {
	width: auto;
	max-height: clamp(31.5rem, 35vw, 40rem);
	margin-left: 0;
	height: 100%;
}
	.tp-pro-kenji h3 {font-size: clamp(1.6rem, 3vw, 2rem) !important;}
.wp-block-column.is-vertically-aligned-center.is-layout-flow.wp-block-column-is-layout-flow figure {margin-right: 0;}
.tp-pro-kenji div > .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow:first-child {flex-basis: 135%!important;}
#keireki .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column ul, #keireki .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column b {
	margin-left: 3.5rem;
}



/* プロフィールの弁護士名の前後にテキストを追加 */
#profile .wp-container-core-columns-is-layout-1 > div:nth-child(1) > h2:nth-child(1)::before { content: "弁護士"; font-size:clamp(1.6rem, 2vw, 2.4rem); display: block;}
#profile .wp-container-core-columns-is-layout-1 > div:nth-child(1) > h2:nth-child(1)::after { content: "Nakamura Haruki"; font-size:clamp(1.2rem, 1.5vw, 1.4rem); color: #F39800; display: block; }

.gaiyou-temp-wh li {
	list-style: none;
	position: relative;
	margin-bottom: clamp(11px, 2vw, 22px);
	margin-left: 0;
	padding-left: clamp(30px, 5vw, 45px);
	font-size: clamp(1.6rem, 2vw, 2rem);
	margin-top: 0;
}
.wp-block-list.gaiyou-ul {padding-left: 1rem;padding-left: 1.5rem;
  padding-top: 0.7rem;}




.gaiyou-temp-wh {padding-bottom: 6rem !important;}

/* 1024px以下のレスポンシブ設定 */
@media screen and (max-width: 1024px) {
  .tp-pro-kenji figure { right: 2rem;position: absolute;  top: -2rem;}
  .tp-pro-kenji .wp-block-column.is-vertically-aligned-center.is-layout-flow.wp-block-column-is-layout-flow { right: 0 !important; position: absolute; top: 0rem;}
  #profile .entry-content { padding: 0; }
  #profile .tp-pro-kenji .wp-block-column .wp-block-columns .wp-block-column:nth-child(1) { flex-basis: 100% !important; }
  #profile .tp-pro-kenji .wp-block-column .wp-block-columns .wp-block-column:nth-child(2) { flex-basis: 0 !important; }
  #profile .tp-pro-kenji h2 { margin-top: 1em !important; text-align: left; }

  #profile .sp-intro .wp-block-column:nth-child(1) .wp-block-group { padding: 0; }
	/* ★.pro-box figure,.pro-box figure img { height: clamp(24rem, 5vw + 20rem, 31.5rem) !important;}★ */
#profile .wp-container-core-columns-is-layout-2 {width: 100%;padding: 4rem clamp(5rem, 10vw, 28rem);background: #FFF;margin-bottom: 2.1rem;}
	#profile .wp-container-core-columns-is-layout-1,  #profile .sp-intro .wp-block-column:nth-child(2) img {width: 100%;}
	#profile .wp-block-media-text .wp-block-media-text__content {padding-left: 0;padding-right: 0;padding-bottom: 0;}
	#profile .gaiyou-temp-wh-wh {margin-bottom: 0;}

	.pr-oitachi .wp-block-columns:last-child  {margin-bottom: 0;}
	.wp-block-columns.tp-pro-kenji p {line-height: 1.7;}
	.wp-block-columns.tp-pro-kenji.is-layout-flex {width: 90%;}
	#keireki .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column ul, #keireki .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column b {margin-left: 0;}
	#keireki .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column ul {padding-left: 1rem;}
	#keireki .wp-block-list li {line-height: 1.56;}

}
/* 画面サイズが1025px以上はここを読み込む ************************************************************************************/
@media screen and (min-width: 1025px) {
td.w30 {width: 19% !important;}
td.w30 + td, td.w30 + td + td {width: 45.5%;}
	.gaiyou-temp .entry-content > .wp-block-columns.pro-box:first-child {padding-bottom: 4rem !important;}
	#profile .gaiyou-temp-or ul {
	min-width: auto;
	padding-left: 1rem;
	padding-right: 1rem;
}
#oitachi > div > div:nth-child(n+3) {margin-top: 2rem !important;margin-bottom: 3rem;}
#oitachi > div > div:nth-of-type(1) {margin-bottom: 3.2rem;}
#faq .entry-content ul {min-width: 722px!important;	padding-left: 0;padding-right: 0;}	
	
}