/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 26 2026 | 04:41:43 */
/* トップページ */

#body_wrap.top #content {
	padding-top: 0!important;
	margin-bottom: 0!important;
}

/* ファーストビュー */
@media (min-width: 600px) {
	.fv-illust figure {
		width: min(80%, 500px);
	}
}

/* メインビジュアル下のセクション */
.top_mainVisualUnder .flex .wp-block-group__inner-container figure img {
	width: 100px;
	margin: 0;
}

/* 当事務所が選ばれる3つの強みセクション */
@media (max-width: 599px) {
	.top_strengths .content {
		margin-top: 60px;
	}
}
.top_strengths .card {
	background-color: #fff;
	border: 3px solid var(--color_main);
	position: relative;
	padding: 30px 15px 20px;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
}
.top_strengths .card .number {
	position: absolute;
	left: 20px;
	top: -40px;
	width: 60px;
}
@media (max-width: 599px) {
	.top_strengths .card .number {
		left: 10px;
		top: -35px;
	}
}
.top_strengths .swell-block-button {
	margin-top: auto;
}

/* お知らせセクション */
.top_news .btn_text {
	border-radius: 10px;
}

/* 選ばれる理由セクション */
.top_reason .card {
	background-color: #fff;
	border: 3px solid var(--color_main);
	position: relative;
	padding: 30px 15px 30px;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
}
.top_reason .card .number {
	position: absolute;
	top: -25px;
	left: 20px;
	height: 45px;
	width: 45px;
}
@media (max-width: 599px) {
	.top_reason .card .number {
		height: 50px;
		width: 50px;
		top: -30px;
		left: 15px;
	}
}

/* 教えて障害年金のセクション */
.top_oshiete .contents .contents_inner {
	padding: 40px;
	background-color: var(--color_pale03);
	border-radius: 10px;
}
/* .top_oshiete .contents .bg-memo{
  --grid: 20px;
  --line: rgba(0,0,0,.04); 
  --bold: rgba(0,0,0,.06);   
  --bg: #fffffa;            

  background-color: var(--bg);
  background-image:
    linear-gradient(to bottom, var(--line) 1px, transparent 1px),
    linear-gradient(to right,  var(--line) 1px, transparent 1px),
    linear-gradient(to bottom, var(--bold) 1px, transparent 1px),
    linear-gradient(to right,  var(--bold) 1px, transparent 1px);
  background-size:
    var(--grid) var(--grid),
    var(--grid) var(--grid),
    calc(var(--grid) * 5) calc(var(--grid) * 5),
    calc(var(--grid) * 5) calc(var(--grid) * 5);
}
 */
.top_oshiete .contents .bg-memo p {
	border: 1px solid #ccc;
}

/* プロフィールセクション */
.top_profile .content > .swell-block-columns__inner {
	align-items: stretch;
}
@media (max-width: 599px) {
	.top_profile .content > .swell-block-columns__inner {
		flex-direction: column-reverse;
	}
}
.top_profile .item-btn-wrap {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
}
.top_profile .item-btn-wrap .swell-block-button {
	margin-left: 0;
}
@media (max-width: 599px) {
	.top_profile .item-btn-wrap .swell-block-button {
		margin-left: auto;
		margin-top: 30px;
	}

}

/* 料金・出張相談セクション */
.top_cost .kadomaru,
.top_sodan .kadomaru {
	border-radius: 10px;
	overflow: hidden;
}
.top_cost .opacityReduce
.top_sodan .opacityReduce {
	background-color: rgba(255, 255, 255, .9)!important;
}
.top_cost .card,
.top_sodan .card {
	border: 4px solid var(--color_main);
}

/* Q&Aセクション */
.top_faq {
	position: relative;
}

.top_faq .swell-block-fullWide__inner {
	z-index: 100;
}

.top_faq .swell-block-accordion__item {
	background-color: #fff;
	border-radius: 40px;
	overflow: hidden;
}

.top_faq .swell-block-accordion__item:not(:first-of-type) {
	margin-top: 20px!important;
}

.top_faq .swell-block-accordion__title {
	padding-top: 20px;
	padding-bottom: 20px;
}

.top_faq .swell-block-accordion__title,
.top_faq .swell-block-accordion__body {
	padding-left: 40px;
	padding-right: 40px;
}

/* ご相談後の流れ */
.top_flow .swell-block-step__item {
	padding-left: 20%;
}

.top_flow .swell-block-step__number {
	display: none;
}

.top_flow .swell-block-step__item .img {
	position: absolute;
	top: 110px;
	left: 0;
	width: 120px;
}

@media (max-width: 599px) {
	.top_flow .swell-block-step__item .img {
		width: min(30%, 200px);
	}
}

.top_flow .swell-block-step__item {
  position: relative;
}

/* 縦の点線（軸） */
.top_flow .swell-block-step__item::before {
	content: "";
	position: absolute;
	left: 53px;
	top: auto;
	bottom: 0;
	height: 30%;
	border-left: 4px solid var(--color_main);
}
@media (max-width: 599px) {
	.top_flow .swell-block-step__item::before {
		display: block !important;
		height: 50%;
		content: "";
	}
}

/* 矢印の先端 */
.top_flow .swell-block-step__item::after {
	content: "";
	position: absolute;
	left: 55px;
	top: auto;
	bottom: -4px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 12px solid var(--color_main);
	transform: translateX(-50%);
}

.top_flow .swell-block-step__item:last-of-type::before,
.top_flow .swell-block-step__item:last-of-type::after {
	display: none!important;
}

body.block-editor-page .top_flow .block-editor-block-list__layout {
	position: initial;
}

.top_flow .swell-block-step__title > span {
	display: inline-block;
	margin-bottom: 10px;
}

@media (max-width: 599px) {
	.top_flow .swell-block-step__title {
	   margin-left: 15%!important;
	}
	
    .top_flow .swell-block-step:not(.is-style-big):not(.is-style-small)>.swell-block-step__item>.swell-block-step__body {
		margin-left: 15%!important;
    }
}

.top_flow .swell-block-step__body {
	overflow: hidden;
}

.top_flow .is-style-stitch::before {
	border: 4px dotted var(--color_main);
	opacity: .4;
}