
.-x-richtext ul, .-x-richtext ol {
	list-style-position: inside;
}
[data-legal]{
	position:relative;
	--legal-offset-h:attr(data-legal-offset-h px);
	--legal-offset-v:attr(data-legal-offset-v px);
}
[data-legal][data-legal-safe="1"]::after{
	position: absolute;
	opacity: 0.5;
	color: black;
	content: "墨";
	font-size: 16px;
	display: block;
	height: 24px;
	padding-top: 0px;
	background-image: url(/_lib/lc.png);
	background-size: auto 20px;
	background-repeat: no-repeat;
	padding-left: 50px;
	background-position: left top;
}
[data-legal][data-legal-safe="1"]:hover::after {
    position: absolute;
    opacity: 0.5;
    color: black;
    content: attr(data-legal-check-at);
    white-space:nowrap;
    font-size: 11px;
    display: block;
    height: 24px;
    background-image: url(/_lib/lc.png);
    background-size: auto 20px;
    background-repeat: no-repeat;
    padding-top: 15px;
    padding-left: 0px;
    background-position: left top;
}

[data-legal-position="left-top"]::after{
	left:var(--legal-offset-h);
	top:var(--legal-offset-v);
}
[data-legal-position="left-bottom"]::after{
	left:var(--legal-offset-h);
	bottom:var(--legal-offset-v);
}
[data-legal-position="right-top"]::after{
	right:var(--legal-offset-h);
	top:var(--legal-offset-v);
}
[data-legal-position="right-bottom"]::after{
	right:var(--legal-offset-h);
	bottom:var(--legal-offset-v);
}
/*common_css*/
@charset "utf-8";
/* -------------------------------------
style.css
-------------------------------------
01: 共通
02: テンプレート
03: ヘッダー＆フッター
04: ページ
-------------------------------------*/

/** ==============================================
01.共通
============================================== **/
/* -------------------------------------
svgアイコン
-------------------------------------*/
svg{
	vertical-align: top;
}
i.svg-mail svg{
	aspect-ratio: 5/4;
}
i.svg-search svg{
	aspect-ratio: 8/11;
}
i.svg-name svg{
	aspect-ratio: 48/11;
}
i.svg-logo svg{
	aspect-ratio: 230/36;
}

/* -------------------------------------
画像アスペクト比
-------------------------------------*/
img.aspect-768_512{
	aspect-ratio: 768/512;
	object-fit: cover;
}

/* -------------------------------------
アニメーション
-------------------------------------*/
.fade {
	opacity: 0;
	/* transform: translateY(20px);
	transition: opacity 700ms ease, transform 700ms ease-in-out; */
	transform: translateY(20px);
	transition: opacity 700ms ease, transform 700ms ease-in-out;
}
.fade.fade-in {
	opacity: 1;
	transform: translateY(0);
}

@media screen and (max-width: 520px) {
	.fade {
		transition: opacity 500ms ease, transform 500ms ease;
	}
}

/* -------------------------------------
flx
-------------------------------------*/
.flx{
	--gap:60px;
	display: flex;
	align-items: flex-start;
	gap: var(--gap);
}
.flx>*{
	width: 100%;
	flex: 1;
}
.flx figure img{
	border-radius: var(--radius);
}
.flx .w30p{
	width: 30%;
	flex:unset;
}
.flx .text{
	flex:1;
}

@media screen and (max-width: 520px) {
	.flx{
		flex-direction: column;
		align-items: center;
		gap: 20px;
	}
	.flx .w30p{
		width: 100%;
	}
}


/* -------------------------------------
スライド パーツ
-------------------------------------*/
.slide-parts {
	--slide-parts-height:40px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin:24px ;
}
.slide-parts .swiper-button-next,
.slide-parts .swiper-button-prev{
	width: var(--slide-parts-height);
	height: var(--slide-parts-height);
	margin: 0 0 0 10px;
	position: static;
	transition: var(--transition);
}
.slide-parts .swiper-button-next::after,
.slide-parts .swiper-button-prev::after{
	display: none;
}
.slide-parts .swiper-button-next::before,
.slide-parts .swiper-button-prev::before{
	content:"\e5e1";
	font-family:'Material Icons';
	display: grid;
	place-items: center;
	width: var(--slide-parts-height);
	height: var(--slide-parts-height);
	color: #3c3c3c;
	border-radius: 50%;
	border: 1px solid #3c3c3c;
}
.slide-parts .swiper-button-prev::before{
	transform: scale(-1, 1);
}
.slide-parts .swiper-button-next:hover::before,
.slide-parts .swiper-button-prev:hover::before{
	opacity: .6;
}
.slide-parts .swiper-pagination{
	width:auto;
	margin-right: 20px;
	font-size: 1.5rem;
	color: #9c9c9c;
	line-height: 1.0;
	position: static;
}
.slide-parts .swiper-pagination .swiper-pagination-current{
	color: var(--main-color);
}

@media screen and (max-width: 520px) {
	/* スライドパーツ */
	.slide-parts {
		--slide-parts-height:30px;
	}
	.slide-parts .swiper-pagination{
		font-size: 1.0rem;
	}
}

/* -------------------------------------
maru-bf
-------------------------------------*/
.maru-bf>*{
	display: flex;
	gap: 0.2em;
	margin-bottom: 6px;
	line-height: 1.7;
}
.maru-bf>*::before{
	content: "●";
	color: var(--main-color_l);
}

.maru-bf>div p{
	display: inline;
}

/* -------------------------------------
check-list
-------------------------------------*/
.check-list li{
	display: flex;
	align-items: center;
	padding: 14px 10px;
	line-height: 1.4;
	border-bottom: var(--border);
}
.check-list li::before{
	content:"";
	flex-shrink: 0;
	display: block;
	width: 30px;
	aspect-ratio: 6 / 5;
	margin-right: 0.7em;
	background: url(/common/images/ico-check.svg) no-repeat center / contain;
}

/* mini */
.check-list.mini li{
	padding: 12px 10px;
	border-bottom: var(--dot);
}
.check-list.mini li::before{
	width: 20px;
	aspect-ratio: 6 / 5;
}


@media screen and (max-width: 520px) {
	.check-list li{
		margin-bottom: 0.5em;
		font-size: 1.0em;
	}
	.check-list li::before{
		width: 26px;
	}
}

/* -------------------------------------
check-list2
-------------------------------------*/
.check-list2{
	display: flex;
	flex-wrap: wrap;
	gap:15px 20px;
	line-height: 1.4;
}
.check-list2 li{
	font-weight: var(--fw-b);
}
.check-list2 li::before{
	content:"□";
	font-size: 0.9em;
	color: var(--main-color);
	margin-right: 0.2em;
}

/* -------------------------------------
lists
-------------------------------------*/
.lists {
	align-items: stretch;
}
.lists li{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}
.lists li figure{
	margin-bottom: 10px;
	border-radius: var(--radius);
	overflow: hidden;
}
.lists li figure img{
	width: 100%;
	aspect-ratio: 3/2;
	object-fit: cover;
}
.lists li strong{
	font-family: var(--webf);
	font-weight: bold;
	color: var(--main-color);
	text-align: center;
}
.lists li strong span{
	display: block;
	font-size: 0.8em;
}
.lists li .richtext p{
	font-size: 0.9em;
	line-height: 1.5;
}

@media screen and (max-width: 520px) {
	.lists li{
		gap: 4px;
	}
	.lists li figure{
		width: 100%;
	}
}

/* -------------------------------------
bg-lists
-------------------------------------*/
.bg-lists li{
	padding: 24px;
	background: #fff;
	border-radius: var(--radius);
}

/* -------------------------------------
notes
-------------------------------------*/
.notes{
	font-size: 14px;
}

@media screen and (max-width: 520px) {
	.notes{
		font-size: 12px;
	}
}

/* -------------------------------------
pdf
-------------------------------------*/
.pdf{
	width: fit-content;
	display: flex;
	align-items: center;
	gap: 14px;
	padding-left: 20px;
	line-height: 1.0;
	position: relative;
}
.pdf span{
	padding-bottom: 6px;
	position: relative;
	overflow: hidden;
}
.pdf span::after{
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: var(--main-color);
	transition: var(--transition);
	position: absolute;
	left: 0;
	bottom: 0;
}.pdf:hover span::after{
	left: 100%;
}
.pdf::before{
	content:"";
	--size:80px;
	display: grid;
	place-items: center;
	width: var(--size );
	height: var(--size );
	background: url(/common/images/ico-pdf.svg) no-repeat center / auto 60%;
	background-color: var(--bg-grn);
	border-radius: 50%;
	transition: var(--transition);
}.pdf:hover::before{
	background-color: var(--main-color_l);
}

/* 中央寄せ */
.pdf.t_C{
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 520px) {
	.pdf{
		padding-left: 10px;
		font-size: 14px;
	}
	.pdf::before{
		--size:60px;
	}
}


/* -------------------------------------
info-dl
-------------------------------------*/
.info-dl dl{
	width: 100%;
	display: flex;
}
.info-dl dt{
	width: 6em;
	color: var(--main-color);
	border-bottom: 1px solid var(--main-color);
}
.info-dl dd{
	flex: 1;
}


/* -------------------------------------
スクロールバー
-------------------------------------*/
@media screen and (max-width: 520px) {
	.scrollbar-content{
		padding-bottom: 20px;
		overflow-x: scroll;
	}
	.scrollbar-content {
		--sb-track-color: var(--gray_l);
		--sb-thumb-color: var(--main-color_l);
		--sb-size: 6px;
	}
	.scrollbar-content::-webkit-scrollbar {
		height: var(--sb-size);
	}
	.scrollbar-content::-webkit-scrollbar-track {
		background: var(--sb-track-color);
		border-radius: 4px;
	}
	.scrollbar-content::-webkit-scrollbar-thumb {
		background: var(--sb-thumb-color);
		border-radius: 4px;
	}
}

/* -------------------------------------
strong
-------------------------------------*/
.strong{
	color: var(--main-color);
	font-weight: var(--fw-b);
}

/* -------------------------------------
bdr
-------------------------------------*/
.bdr{
	border: 1px solid var(--main-color);
}


/** ==============================================
02.テンプレート
============================================== **/
/* -------------------------------------
top-news
-------------------------------------*/
.top-news li{
	padding: 14px 0 14px 10px;
	border-bottom: 1px solid var(--gray_l);
}
.top-news li a{
	display: flex;
	align-items: center;
	gap: 20px;
}
.top-news li a p{
	flex: 1;
}
.top-news li a:hover p{
	color: var(--main-color);
}

@media screen and (max-width: 520px) {
	.top-news li{
		padding: 18px 0;
	}
	.top-news li a{
		flex-wrap: wrap;
		gap: 10px 20px;
	}
	.top-news li a p{
		width: 100%;
		flex:auto;
	}
}


/* -------------------------------------
faq-dl
-------------------------------------*/
.faq-dl {
	line-height: 1.4;
}
.faq-dl dt{
	margin-bottom: 2px;
	font-family: var(--webf);
	font-weight: bold;
	color: var(--main-color);
	font-size: 1.1em;
}
.faq-dl dt::before{
	content:"Q.";
	margin-right: 0.2em;
}
.faq-dl dd+dt{
	margin-top: 20px;
}
.faq-dl dd::before{
	content:"A.";
	margin-right: 0.2em;
}

/**==============================================
03: ヘッダー
==============================================**/
header {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding-top: 10px;
	padding-left: max(calc((100vw - var(--base-width)) / 2), 5vw);
	padding-right: max(calc((100vw - var(--base-width)) / 2), 5vw);
	z-index: 1000;
	position: fixed;
	background: #fff;
	/* background: rgba(255,0,0,.2); */
}
header .logo{
	--width:fit-content;
	width: var(--width);
}

/* nav */
header nav {
	display: flex;
	flex-direction: column-reverse;
	align-items: flex-end;
}
header nav .h-btn-wrapper{
	display: flex;
	align-items: center;
	gap: 20px;
}
header nav .h-btn-wrapper .h-tel a{
	display: block;
	margin-bottom: 10px;
	font-size: 1.1em;
	color: var(--main-color);
	font-weight: var(--fw-b);
	line-height: 1;
}
header nav .h-btn-wrapper .h-tel a span{
	font-size: 0.8em;
}
header nav .h-btn-wrapper .h-toi{
	width: 140px;
	padding: 10px 0;
	font-family: var(--webf);
	font-weight: bold;
	color:#fff;
	text-align: center;
	background: var(--main-color_l);
	transition: var(--transition);
}header nav .h-btn-wrapper .h-toi:hover{
	background: var(--main-color);
}

/* gnav */
header nav ul.gnav{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap:10px;
	margin:10px -1em 0 0;
	position: relative;
	z-index: 2;
}
header nav ul.gnav li a{
	display: block;
	padding: 10px 1.0em;
	line-height: 1.0;
	text-align: right;
	transition: var(--transition);
}
header nav ul.gnav li a:hover{
	color: var(--main-color);
}

@media screen and (max-width: 1100px){
	header{
		height: 50px;
		padding: 0 4%;
	}
	header .logo{
		margin:10px 0 0;
	}
	header .logo img{
		width: auto;
		height: 30px;
	}

	/* hamburger */
	header .hamburger {
		--size:50px;
		display: block;
		position: fixed;
		top: 0;
		right: 0;
		z-index: 1500;
		box-sizing: border-box;
		width: var(--size);
		height: var(--size);
		cursor: pointer;
		transition: all 400ms;
		color:#fff;
		background: var(--main-color);
	}
	header .hamburger span {
		position: absolute;
		width: 24px;
		height: 2px;
		background:#fff;
		transition: all 400ms;
		right: 0;
		left: 0;
		margin: 0 auto;
	}
	header .hamburger span:nth-child(1) {
		top: 34%;
	}
	header .hamburger span:nth-child(2) {
		top: 50%;
	}
	header .hamburger span:nth-child(3) {
		top: 66%;
	}
	header.nav-open .hamburger {
		background: none;
	}
	header.nav-open .hamburger span {
		background: var(--main-color);
	}
	header.nav-open .hamburger span:nth-child(1) {
		top: 20px;
		transform: rotate(45deg);
	}
	header.nav-open .hamburger span:nth-child(2) {
		display: none;
	}
	header.nav-open .hamburger span:nth-child(3) {
		top: 20px;
		transform: rotate(-45deg);
	}

	/* nav */
	header nav{
		height: 100vh;
		overflow-y: scroll;
		position: fixed;
		top: 0px;
		right: -80vw;
		width: 80vw !important;
		transition: var(--transition);
		z-index: 1499;
		height: 100%;
		margin: 0;
		padding: 0 0 40px;
		background: var(--bg-grn);

		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}
	header.nav-open nav{
		right: 0;
		box-shadow: 0px 0 10px -4px #333;
	}
	header nav .h-btn-wrapper {
		flex-direction: column;
		gap:4px;
		margin: 30px auto 0;
		text-align: center;
	}

	header nav .h-btn-wrapper .h-tel a{
		font-size: 1.2em;
		font-weight: var(--fw-b);
	}
	header nav .h-btn-wrapper .h-tel a span{
		font-size: 0.7em;
	}
	header nav .h-btn-wrapper .h-toi{
		width: 90%;
		margin-top: 24px;
	}

	/* gnav */
	header nav ul.gnav{
		width: 80%;
		flex-direction: column;
		justify-content: flex-start;
		margin:60px 0 0;
		gap: 0;
	}
	header nav ul.gnav li {
		width:100%;
		border-bottom: 1px solid #fff;
	}
	header nav ul.gnav li a{
		padding: 18px 1em;
		text-align :center;
	}
}


/**==============================================
03: フッター
==============================================**/
footer {
	padding: 50px 0;
	position: relative;
}
footer .sec-in{
    display: flex;
	justify-content: space-between;
}
footer .f-address{
	font-size: 0.9em;
}
footer .f-address p span{
	color: var(--main-color);
}

footer .f-btn{
	display: block;
	width: 280px;
	font-family: var(--webf);
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 46px;
	background: var(--main-color_l);
	border-radius: 30px;
	transition: var(--transition);
}footer .f-btn:hover{
	background: var(--main-color);
}

/*nav*/
footer .f-nav {
	width: 60%;
	column-count: 3;
	font-size: 0.9em;
	line-height: 1.3;
}
footer .f-nav li{
	break-inside: avoid;/*ブロックの途中で改行させない*/
	margin-bottom: 8px;
}
footer .f-nav li a{
	display: block;
	padding: 0 10px 6px;
}footer .f-nav li a:hover{
    color: var(--main-color);
}
footer .f-nav li a::before{
	content: "●";
	margin-right: 4px;
	color: var(--main-color_l);
}

/** コピーライト **/
.copyright{
	margin-top: -20px;
}
.copyright small{
    display: block;
    width:100%;
    font-size:12px;
    line-height: 1.0;
	text-align: right;
	z-index: -2;
}

@media screen and (max-width: 520px){
	footer {
		padding: 50px 0 20px;
	}
	footer .sec-in{
		flex-direction: column;
		margin-bottom: 30px;
	}
	footer .sec-in .f-address{
		width: 100%;
		margin-bottom: 56px;
		text-align: center;
	}
	footer .sec-in .f-logo{
		display: block;
		margin-bottom: 10px;
	}
	footer .f-btn{
		margin-left: auto;
		margin-right: auto;
	}

	/*nav*/
	footer .f-nav {
		width: 100%;
		column-count: 2;
		font-size: 13px;
	}
	footer .f-nav li{
		margin-bottom: 10px;
	}
	footer .f-nav li a{
		padding: 0 0 6px;
	}

	/** コピーライト **/
	.copyright{
		margin-top: 0;
	}
	.copyright small{
		text-align: center;
	}
}

/*sp-fix*/
.sp-fix{
	display: none;
}

@media screen and (max-width: 520px) {
    /*sp-fix*/
    .sp-fix{
        width: 100vw;
        display: flex;
        position: fixed;
        left: 0;
        bottom: 0;
        box-shadow: 0 -1px 5px rgba(0,0,0,.3);
        z-index: 900;
    }
    .sp-fix a{
		width: 100%;
		height: 54px;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0 40px 0 10px;
		color: #fff;
		font-size: 0.8em;
		font-weight: var(--fw-b);
		position: relative;
    }
}


/**==============================================
TOPページ
==============================================**/
/* -------------------------------------
HERO
-------------------------------------*/
.hero{
	width: 100%;
	--height:max(40vw,500px);
	height: var(--height);
	overflow: hidden;
	position: relative;
}
.hero::after{
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(68,68,68,.4);
	mix-blend-mode: multiply;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
}
.hero .swiper-slide{
	height: var(--height);
	position: relative;
	overflow: hidden;
	mix-blend-mode: plus-lighter; /* ←クロスフェード */
}
.hero .swiper-slide img{
	width: 100%;
	height: var(--height);
	object-fit: cover;
}
.hero .hero-catch{
	position: absolute;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	z-index: 10;

	/* padding-top: 100px;
	background: url(/common/images/ico-hands.svg) no-repeat center top / auto; */
}
.hero .hero-catch .hero-catch-content{
	display: flex;
	flex-flow: column;
	align-items: center;
}
.hero .hero-catch i{
	margin-bottom: 20px;
}
.hero .hero-catch p{
	font-size: 1.1em;
	color: #fff;
	font-weight: var(--fw-b);
	text-align: center;
}
.hero .hero-catch p >*{
	display: block;
}
.hero .hero-catch p strong{
	margin-bottom: 20px;
	font-size: 2em;
	line-height: 1.4;
}

/* アニメーション */
.hero .swiper-slide-active img,
.hero .swiper-slide-duplicate-active img,
.hero .swiper-slide-prev img{
	animation: zoomUp 10s linear 0s 1 normal both;
}
@keyframes zoomUp {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(1.1);
	}
}
/* アイコン */
.hero .hero-catch i{
	animation: fadeIn01 1s ease-in-out 0s 1 ;
	/* animation-name: animetion01;
	animation-duration: 5s;
	animation-timing-function: linear;
	animation-delay: 1s;
	animation-iteration-count: infinite; */
}
@keyframes fadeIn01 {
	0% {
		transform: scale(0.9) translateY(14px);
		opacity: 0;
	}
	100% {
		transform: scale(1.0) translateY(0px);
		opacity: 1;
	}
}
/* キャッチ大 */
.hero .hero-catch p strong{
	animation: fadeIn02 1.5s ease-in-out 0s 1 ;
}
@keyframes fadeIn02 {
	0% {
		transform: translateY(10px);
		opacity: 0;
	}
	50% {
		transform: translateY(10px);
		opacity: 0;
	}
	100% {
		transform: translateY(0px);
		opacity: 1;
	}
}
/* キャッチ小 */
.hero .hero-catch p span{
	animation: fadeIn03 2.3s ease-in-out 0s 1 ;
}
@keyframes fadeIn03 {
	0% {
		transform: translateY(10px);
		opacity: 0;
	}
	40% {
		transform: translateY(10px);
		opacity: 0;
	}
	100% {
		transform: translateY(0px);
		opacity: 1;
	}
}

@media screen and (max-width: 520px) {
	.hero{
		--height:50vh;
	}

	.hero .hero-catch{
		width: 100%;
	}
	/* .hero .hero-catch i img{
		height: 60px;
	} */
	.hero .hero-catch p{
		font-size: 0.95em;
	}
	.hero .hero-catch p strong{
		margin-bottom: 10px;
		font-size: 1.5em;
	}
}

/* -------------------------------------
top-btn-wrap
-------------------------------------*/
.top-btn-wrap{
	--gap:30px;
	display: flex;
	justify-content: space-between;
	gap: var(--gap);
}
.top-btn-wrap a{
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 30px;
	font-family: var(--webf);
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
	background: var(--main-color_l);
	border-radius: var(--radius);
	transition: var(--transition);
}
.top-btn-wrap a:hover{
	background: var(--main-color);
}
.top-btn-wrap a img{
	margin-bottom: 10px;
}

@media screen and (max-width: 520px) {
	.top-btn-wrap{
		--gap:12px;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.top-btn-wrap a{
		width: calc((100% - var(--gap)*2) / 3);
		padding: 14px 4px 16px;
		font-size: 0.9em;
		font-size: min(3.2vw,18px);
	}
	.top-btn-wrap a img{
		width: 60%;
		margin-bottom: 12px;
	}
}

/* -------------------------------------
top-宮本病院の想い
-------------------------------------*/
.sec-top-omoi p {
	max-width: 520px;
	margin-left: auto;
	margin-right: auto;
}
.sec-top-omoi p strong{
	display: block;
}
.sec-top-omoi .deco1{
	position: absolute;
	left: 50%;
	top: -20px;
	transform: translateX(-640px);
}
.sec-top-omoi .deco2{
	position: absolute;
	right: 50%;
	bottom: -100px;
	transform: translateX(640px);
}

@media screen and (max-width: 520px) {
	.sec-top-omoi figure{
		display: flex;
		justify-content: center;
		align-items: flex-start;
		width: 100vw;
		margin: 50px -6vw 30px;
		gap: 6px;

		display: none;
	}
	.sec-top-omoi .deco1,
	.sec-top-omoi .deco2{
		width: 50%;
		position: static;
		transform: translateX(0);
	}
	.sec-top-omoi .deco2{
		margin-top: 30px;
	}
}

/* -------------------------------------
top-施設紹介
-------------------------------------*/
.sec-top-facility .gallery_slide{
	display: block;
}
.gallery_slide img{
	width: auto;
	height: 280px;
}

@media screen and (max-width: 520px) {
	.sec-top-facility.pt50{
		padding-top: 0;
	}
	.gallery_slide img{
		height: 200px;
	}
}

/* -------------------------------------
top-お知らせ
-------------------------------------*/
.top-news-wrap{
	display: flex;
	align-items: center;
	gap: 70px;
}
.top-news-wrap .top-news{
	flex: 1;
}
.top-news-wrap figure{
	width: 30%;
}

@media screen and (max-width: 520px) {
	.top-news-wrap{
		flex-direction: column;
		gap: 0px;
	}
	.top-news-wrap figure{
		width: 48%;
		margin: -50px auto 0 10px;
	}
}

/* -------------------------------------
top-診療案内
-------------------------------------*/
/* top-outpatient */
.top-outpatient{
	display: flex;
	gap: 90px;
}
.top-outpatient figure{
	--gap:10px;
	width: 55%;
	display: flex;
	gap: var(--gap);
}
.top-outpatient figure img{
	align-self: flex-start;
	width: calc((100% - var(--gap)*1) / 2);
}
.top-outpatient figure img:last-child{
	margin-top: 90px;
}
.top-outpatient .text{
	flex: 1;
}

/* dr-table */
.dr-table{
	width: 100%;
	border: var(--border);
}
.dr-table th,
.dr-table td{
	padding:14px 14px;
	vertical-align: middle;
	text-align: center;
	border: var(--border);
}
.dr-table th{
	font-family: var(--webf);
	font-weight: bold;
	background: var(--bg-ylw);
}
.dr-table th.no{
	background: none;
}
.dr-table th.week{
	width: 13%;
}
.dr-table th.am{
	width: 8em;
	background: var(--bg-grn);
}
.dr-table th span{
	display: block;
	font-size: 0.8em;
	font-weight: normal;
}
.dr-table td{
	background: #fff;
}

/* top-outpatient-list */
.top-outpatient-list{
	--gap:40px;
}
.top-outpatient-list li figure{
	width: 90%;
	margin: 10px auto 0;
}
.top-outpatient-list li figure img{
	aspect-ratio: 46/28;
}

/* top-program-list */
.top-program-list{
	--gap:0;
	display: flex;
	padding:30px 0;
}
.top-program-list li{
	width: 100%;
	padding: 0 30px;
}
.top-program-list li+li{
	border-left: var(--dot);
}

/* top-psw */
.top-psw{
	display: flex;
	align-items: center;
	gap: 30px;
}
.top-psw figure{
	width: 30%;
}
.top-psw .text{
	flex: 1;
	padding: 30px 0;
	border-top: var(--dot);
	border-bottom: var(--dot);
}

@media screen and (max-width: 520px) {
	/* top-outpatient */
	.top-outpatient{
		flex-direction: column;
		align-items: center;
		gap: 30px;
	}
	.top-outpatient figure{
		--gap:6px;
		width: 84%;
		display: flex;
	}
	.top-outpatient figure img:last-child{
		margin-top: 30px;
	}
	.top-outpatient .text{
		width: 90%;
	}

	/* dr-table */
	.dr-table {
		width: 600px;
	}
	.dr-table th,
	.dr-table td{
		padding:14px 14px;
	}

	.dr-table th.am{
		width: 6em;
	}
	.sec-top-medical-info .notes.t_C{
		text-align-last: left;
	}

	/* top-outpatient-list */
	.top-outpatient-list{
		--gap:20px;
		flex-direction: column;
	}
	.top-outpatient-list li figure{
		width: 80%;
	}

	/* top-program-list */
	.top-program-list{
		flex-direction: column;
		padding:0 30px ;
	}
	.top-program-list li{
		padding: 30px 0 20px;
	}
	.top-program-list li+li{
		border-left: none;
		border-top: var(--dot);
	}

	/* top-psw */
	.top-psw{
		flex-direction: column;
		gap: 10px;
	}
	.top-psw figure{
		width: 100%;
	}
	.top-psw .text{
		padding: 0;
		font-size: 15px;
		border: none;
	}
}

/* -------------------------------------
top-通所（デイケア虹）
-------------------------------------*/
.top-daycare .richtext strong{
	display: block;
	color: var(--main-color);
	font-weight: normal;
}
.top-daycare2 {
	flex-direction: row-reverse;
}

@media screen and (max-width: 520px) {
	.top-daycare2 {
		flex-direction: column;
		align-items: center;
	}
	.top-daycare2 figure{
		width: 70%;
	}
	.top-daycare2 figure img{
		aspect-ratio: 3/2;
		object-fit: cover;
	}
}

/* -------------------------------------
top-入院について
-------------------------------------*/
.top-hospitalization{
	flex-direction: row-reverse;
	align-items: center;
}

@media screen and (max-width: 520px) {
	.top-hospitalization{
		flex-direction: column;
	}
}

/* -------------------------------------
top-社会復帰支援
-------------------------------------*/
.top-rehabilitation .richtext+h3{
	margin-top: 20px;
}


/* -------------------------------------
top-アクセス
-------------------------------------*/
.top-access .access-img{
	width: 100%;
	height: 380px;
}
.top-access .access-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.top-access .top-address p{
	font-size: 0.9em;
}
.top-access .top-address p span{
	display: inline-block;
	margin-left: 1em;
}

@media screen and (max-width: 520px) {
	.sec-top-access.pt80{
		padding-top: 0;
	}
	.top-access .access-img{
		width: 100vw;
		height: auto;
		aspect-ratio: 3/2;
		margin-left: -6vw;
		border-radius: 0;
	}
	.top-access .top-address{
		width: 94%;
		margin: -70px auto 0;
		padding: 27px 20px 14px;
		text-align: center;
		background: #fff;
		border-radius: var(--radius);
		position: relative;
	}
	.top-access .top-address img{
		width: 72%;
	}
	.top-access .text-r .richtext{
		margin:0 5%;
		font-size: 15px;
		line-height: 2;
	}
}

/* -------------------------------------
top-医療機関の方へ
-------------------------------------*/
.sec-top-providers{
	color: #fff;
	text-align: center;
}
.sec-top-providers p strong.tit{
	display: block;
}

/* top-counter */
.top-counter .content{
	padding: 20px;
	font-family: var(--webf);
	font-weight: bold;
	line-height: 1.4;
	border: 1px solid #fff;
	border-radius: var(--radius);
}
.top-counter .content p span{
	font-size: 0.7em;
}

@media screen and (max-width: 520px) {
	.sec-top-providers .text{
		width: 80%;
		margin:0 auto 40px;
	}
	.sec-top-providers .titD.mb30{
		margin-bottom: 30px;
		font-size: 18px;
	}
	/* top-counter */
	.top-counter.flx{
		gap: 16px;
	}
	.top-counter .content{
		padding: 20px;
	}
}


/**==============================================
入院について
==============================================**/
/* -------------------------------------
入院について
-------------------------------------*/
.hospitalization-1{
	flex-direction: row-reverse;
	align-items: center;
}
.hospitalization-1 figure{
	--gap: 14px;
	display: flex;
	align-items: flex-start;
	gap: var(--gap);
}
.hospitalization-1 figure img{
	width: calc((100% - var(--gap)*1) / 2);
}

@media screen and (max-width: 520px) {
	.hospitalization-1.content-box{
		flex-direction: column;
		gap:20px;
		padding-top: 0;
		padding-bottom: 10px;
		text-align: center;
		border:none;
	}
	.hospitalization-1 .text{
		display: contents;
	}
	.hospitalization-1 .pdf{
		margin-left: auto;
		margin-right: auto;
		order: 3;
		margin: 10px auto 0;
	}
	.hospitalization-1 figure{
		--gap: 4px;
		order: 2;
	}
	.hospitalization-1 figure img{
		border-radius: 0;
		aspect-ratio: 3/2;
		object-fit: cover;
	}
}


/* -------------------------------------
入院時に必要なもの
-------------------------------------*/
.necessary-content{
	padding: 40px;
	border-radius: var(--radius);
}
.necessary-list{
	--gap:30px;
	display: flex;
	flex-wrap: wrap;
	gap:var(--gap);
}
.necessary-list li{
	width: 30%;
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 15px;
	font-weight: var(--fw-b);
	line-height: 1.5;
}
.necessary-list li i{
	flex-shrink: 0;
	background: #fff;
	border-radius: 50%;
	border:2px solid var(--bg-grn);
}

.necessary-content .check-list2{
	padding: 30px;
	background: #fff;
}

@media screen and (max-width: 520px) {
	.necessary-content{
		padding: 20px;
	}
	.necessary-list.mb30{
		--gap:14px;
		margin-bottom: 30px;
		margin-left: 12px;
	}
	.necessary-list li{
		width: 100%;
		font-size: 14px;
	}
	.necessary-list li i{
		width: 54px;
	}
	.necessary-content .check-list2{
		padding: 20px;
	}
}


/**==============================================
外来・専門外来について
==============================================**/
/* -------------------------------------
外来について
-------------------------------------*/
.specialty{
	padding: 40px 0;
}
.specialty:first-child{
	padding-top: 0;
}
.specialty:last-child{
	padding-bottom: 0;
}
.specialty + .specialty{
	border-top: var(--dot);
}
.specialty-text{
	flex-direction: row-reverse;
}

@media screen and (max-width: 520px) {
	.specialty-text{
		flex-direction: column;
	}
}

/* -------------------------------------
このような症状の方はご相談ください
-------------------------------------*/
.condition{
	display: flex;
	align-items: stretch;
	padding: 16px 0;
}
.condition:first-child{
	padding-top: 0;
}
.condition:last-child{
	padding-bottom: 0;
}
.condition p{
	width: 24%;
	display: grid;
	place-items: center;
	text-align: center;
	background: var(--bg-grn_l);
}
.condition ul{
	flex: 1;
	padding-left: 20px;
}

/* condition-end */
.condition-end{
	padding: 80px 50px;
	line-height: 2;
	position: relative;
}
.condition-end img{
	width: 340px;
	position: absolute;
	right: 40px;
	bottom: 0;
}

@media screen and (max-width: 520px) {
	.condition{
		flex-flow: column;
		padding: 14px 0;
	}
	.condition p{
		width: 100%;
		margin-bottom: 6px;
		padding: 10px;
		line-height: 1.4;
	}
	.condition ul{
		padding: 0 8px;
	}

	/* condition-end */
	.condition-end{
		padding: 50px 10% 0;
	}
	.condition-end img{
		width: 60%;
		position: static;
		margin:20px 0 0 38%
	}
}

/* -------------------------------------
医療福祉相談室
-------------------------------------*/

/* -------------------------------------
ええわいしょクラブについて
-------------------------------------*/
.eewaisho-content {
	--gap:20px;
	display: flex;
	align-items: flex-start;
	gap:var(--gap);
}
.eewaisho-content img{
	width: calc((100% - var(--gap)*2) / 3);
}

@media screen and (max-width: 520px) {
	.eewaisho-content {
		--gap:6px;
	}
}


/**==============================================
施設紹介・関連施設
==============================================**/
/* -------------------------------------
ギャラリースライド
-------------------------------------*/
.gallery-slider{
	--height:420px;
}
.gallery-slider .slick-item{
	width: 100%;
	height: var(--height);
	margin-bottom: 30px;
}
.gallery-slider .slick-item figure{
	display: flex ;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
	height: var(--height);
}
.gallery-slider .slick-item img{
	width: 65%;
	height:var(--height);
	object-fit: contain;
}
.gallery-slider .slick-item figcaption{
	width: 34%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 20px;
	padding: 40px;
	font-size: 0.9em;
	background: var(--bg-gray);
}
.gallery-slider .slick-item figcaption strong{
	font-size: 1.1em;
	font-family: var(--webf);
	font-weight: bold;
	color: var(--main-color);
}
.gallery-thumb .thumb-item {
	opacity: .6;
}
.gallery-thumb .thumb-item.slick-current {
	opacity: 1.0;
}
.gallery-thumb .thumb-item img{
	height: 120px;
	margin: 0 2px;
}

@media screen and (max-width: 520px) {
	.gallery-slider{
		--height:auto;
	}
	.gallery-slider .slick-item{
		margin-bottom: 18px;
	}
	.gallery-slider .slick-item figure{
		flex-direction: column;
		justify-content: flex-start;
	}
	.gallery-slider .slick-item img{
		width: 100%;
		aspect-ratio: 3/2;
	}
	.gallery-slider .slick-item figcaption{
		width: 100%;
		justify-content:flex-start;
		gap: 4px;
		padding: 14px 20px;
		background: #fff;
	}
	.gallery-thumb .thumb-item img{
		height: 80px;
	}
}

/* -------------------------------------
関連施設
-------------------------------------*/
.asnaro{
	flex-direction: row-reverse;
}
.asnaro .text{
	margin-top: 30px;
}

@media screen and (max-width: 520px) {
	.asnaro{
		flex-direction: column;
	}
	.asnaro .text{
		margin-top: 0;
	}

	/* related-fac */
	.related-fac {
		gap: 0;
	}
	.related-fac figure img{
		min-height: 194px;
	}
	.related-fac .text .maru-bf{
		width: 100%;
	}
	.related-fac .fac-info{
		margin-top: 30px;
	}
}


/**==============================================
お知らせ
==============================================**/
/* -------------------------------------
news-list
-------------------------------------*/
.news-list{
	--gap:60px;
	display: flex;
	flex-wrap: wrap;
	gap: 40px var(--gap);
}
.news-list li{
	width: calc(50% - calc(var(--gap)/2));
}
.news-list li a{
	display: flex;
	align-items: flex-start;
	gap: 20px;
}
.news-list li .content{
	flex:1;
	display: flex;
	flex-wrap: wrap;
}
.news-list li .content time{
	margin-left: 1em;
}
.news-list li .content p{
	width: 100%;
	font-size: 15px;
	line-height: 1.5;
}
.news-list li a:hover .content p{
	color: var(--main-color);
}
.news-list li .content p strong{
	display: block;
	margin: 0.5em 0 0.4em;
	font-size: 1rem;
	font-weight: var(--fw-b);
}
.news-list li figure{
	width: 120px;
}

@media screen and (max-width: 520px) {
	/* -------------------------------------
	news-list
	-------------------------------------*/
	.news-list{
		gap: 30px;
	}
	.news-list li{
		width: 100%;
	}
	.news-list li a{
		gap: 10px;
	}
	.news-list li .content p{
		font-size: 14px;
	}

	.news-list li figure{
		width: 90px;
	}
}


/**==============================================
お問い合わせ
==============================================**/
/* -------------------------------------
お電話から
-------------------------------------*/
.sec-tel-contact .content-box{
	text-align: center;
}
.sec-tel-contact .content-box a[href^="tel:"]{
	display: block;
	color: var(--main-color);
	font-weight: var(--fw-b);
	line-height: 1.4;
}
.sec-tel-contact .content-box a[href^="tel:"] em{
	font-size: 0.8em;
}
.sec-tel-contact .content-box a[href^="tel:"] span{
	font-size: 0.6em;
}


/**==============================================
求人情報
==============================================**/
.sec-recruit figure{
	text-align: center;
}
.summary-content{
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.sec-summary .tableA tr:first-of-type{
	background: var(--bg-grn_l);
}
.sec-summary .tableA tr:first-of-type td{
	font-weight: var(--fw-b);
}


/**==============================================
病院紹介
==============================================**/
/* -------------------------------------
理事長あいさつ
-------------------------------------*/
.sec-greeting .greeting-content figcaption{
	margin-top: 10px;
	font-weight: var(--fw-b);
}
.career-table{
	font-size: 0.9em;
}
.career-table th,
.career-table td{
	padding: 4px 2px;
}
.career-table th{
	width: 7em;
	font-weight: normal;
}

@media screen and (max-width: 520px) {
	.sec-greeting .greeting-content{
		gap:5px;
	}
	.career-table{
		font-size: 0.9em;
	}
	.career-table th,
	.career-table td{
		padding: 4px 2px;
	}
	.career-table th{
		width: 7em;
		font-weight: normal;
	}
}

/* -------------------------------------
理念・基本方針
-------------------------------------*/
.policy-list{
	padding-left: 1%;
}
.policy-list li{
	display: flex;
	align-items: flex-start;
	gap: 0.7em;
	margin-bottom: 16px;
}
.policy-list.count li::before{
	content:  counter(num) ".";
	font-size: 1.7em;
	color: var(--main-color);
	font-weight: var(--fw-b);
	line-height: 1;
}
.housin-wrap{
	position: relative;
}
.housin-wrap figure{
	width: 400px;
	position: absolute;
	right: 0;
	top: 10px;
}

@media screen and (max-width: 520px) {
	.policy-list{
		padding-left: 2%;
	}
	.policy-list li{
		margin-bottom: 10px;
	}
	.housin-wrap figure{
		width: 95%;
		position: static;
		margin:20px auto 0;
	}
}

/* -------------------------------------
医師紹介
-------------------------------------*/
/* dr-content */
.dr-content {
	flex-wrap: wrap;
	gap:16px var(--gap);
}
.dr-content+.dr-content{
	margin-top: 30px;
}
.dr-content .dr-name{
	flex:unset;
	width: 100%;
}
.dr-content .dr-name span{
	display: inline-block;
	margin-left: 1em;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 0.95rem;
	font-weight: 400;
}
.dr-content figure.w30p{
	max-width: 20%;
	order: 3;
}
.dr-content .richtext{
	margin-bottom: 14px;
}
.dr-content .career-table th,
.dr-content .career-table td{
	padding: 2px;
}

@media screen and (max-width: 520px) {
	.dr-content {
		gap:6px var(--gap);
	}
	.dr-content+.dr-content{
		margin-top: 20px;
	}
	.dr-content .dr-name span{
		font-size: 0.9rem;
	}
	.dr-content figure.w30p{
		max-width: 60%;
		order: -1;
		margin-bottom: 10px;
	}
	.dr-content .richtext{
		margin-bottom: 14px;
	}
}

/* -------------------------------------
病院概要・沿革
-------------------------------------*/
.sec-history .tableA th{
	width: 18%;
	color: var(--main-color);
}
@media screen and (max-width: 520px) {
	.sec-history .tableA th{
		width: 8em;
	}
}


/**==============================================
社会復帰支援
==============================================**/
/* -------------------------------------
地域活動支援センター櫻
-------------------------------------*/
.sakura-head{
	align-items: center;
}

/* pj-content */
.pj-content{
	display: flex;
}
.pj-content+.pj-content{
	--top:10px;
	margin-top: var(--top);
	padding-top: var(--top);
	border-top: var(--dot);
}
.pj-content .pj-head{
	width: 24%;
	display: grid;
	place-items: center;
	text-align: center;
	font-size: 1.1em;
	color: var(--main-color);
	font-weight: var(--fw-b);
	background: var(--bg-grn_l);
}
.pj-content .pj-main{
	flex:1;
	padding:10px 2em;
}

/* 縦 */
.pj-content.column{
	flex-direction: column;
}
.pj-content.column+.pj-content.column{
	border-top: none;
}
.pj-content.column .pj-head{
	width: 100%;
	place-items: center left;
	padding: 10px;
}
.pj-content.column .pj-main{
	flex:1;
	padding:10px 0;
}

/* club-list */
ul.club-list {
	--gap:30px;
	padding: 30px;
	background: var(--bg-grn_l);
	border-radius: var(--radius);
}
ul.club-list li{
	gap:0;
	align-items: flex-start;
	font-size: 15px;
}
ul.club-list li strong{
	text-align: left;
	line-height: 1.4;
}

@media screen and (max-width: 520px) {
	/* pj-content */
	.pj-content{
		flex-direction: column;
	}
	.pj-content+.pj-content{
		margin-top: 20px;
		padding-top: 0;
		border-top: none;
	}
	.pj-content .pj-head{
		width: 100%;
		margin-bottom: 8px;
		padding: 10px;
		line-height: 1.4;
	}
	.pj-content .pj-main{
		padding: 0;
	}

	/* club-list */
	ul.club-list {
		padding: 20px;
	}
	ul.club-list li{
		align-items: center;
	}
	ul.club-list li figure{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
}


/* -------------------------------------
地域活動支援センター
-------------------------------------*/
.tiiki-head{
	align-items: center;
}

.tiiki-flx4,
.tiiki-flx2{
	--gap:20px;
	--row:4;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: var(--gap);
}
.tiiki-flx2{
	--gap:30px;
	--row:2;
}
.tiiki-flx4 figure,
.tiiki-flx2 figure{
	width: calc((100% - var(--gap)*calc(var(--row) - 1)) / var(--row));
}
.tiiki-flx4 img,
.tiiki-flx2 img{
	border-radius: var(--radius);
}
.tiiki-flx4 figcaption,
.tiiki-flx2 figcaption{
	padding-top: 8px;
	text-align: center;
}

/* eat-flx */
.eat-flx {
	align-items: center;
}
.eat-flx figure{
	--gap: 14px;
	--row:2;
	width: 54%;
	flex:inherit;
	display: flex;
	align-items: flex-start;
	gap: var(--gap);
}
.eat-flx figure img{
	width: calc((100% - var(--gap)*calc(var(--row) - 1)) / var(--row));
}

/* katudo-list */
.katudo-list{
	--gap:5%;
	--row:3;
	display: flex;
	flex-wrap: wrap;
	gap: 10px var(--gap);
}
.katudo-list li{
	width: 25%;
}

@media screen and (max-width: 520px) {
	.tiiki-flx4,
	.tiiki-flx2{
		--gap:20px;
		--row:2;
	}
	.tiiki-flx2{
		--gap:20px;
	}
	.tiiki-flx4 figcaption,
	.tiiki-flx2 figcaption{
		font-size: 0.9em;
	}

	/* eat-flx */
	.eat-flx {
		gap:0;
	}
	.eat-flx figure{
		width: 100%;
	}

	/* katudo-list */
	.katudo-list{
		--gap:10px;
		--row:2;
	}
	.katudo-list li{
		width: calc((100% - var(--gap)*calc(var(--row) - 1)) / var(--row));
	}
}


/* -------------------------------------
就労支援事業所めばえ（就労継続支援B型）
-------------------------------------*/
@media screen and (max-width: 520px) {
	.reha-anc.anc-btn{
		--gap:10px;
	}
	.reha-anc.anc-btn a{
		font-size: 0.9em;
	}
}

/* flow-dl */
.flow-dl dl{
	display: flex;
	align-items: center;
	counter-increment: num 1;
}
.flow-dl dl+dl{
	--top:18px;
	margin-top: var(--top);
	padding-top: var(--top);
	border-top: var(--dot);
}
.flow-dl dl dt{
	display: flex;
	align-items: center;
	width: 180px;
	font-size: 1.1em;
	font-weight: var(--fw-b);
}
.flow-dl dl dt::before{
	--size:1.5em;
	content: counter(num) ;
	display: inline-block;
	display: grid;
	place-content: center;
	width: var(--size);
	height: var(--size);
	margin-right: 10px;
	color: #fff;
	background: var(--main-color);
}
.flow-dl dl dd{
	flex:1;
}

/* mebae-jigyou */
.mebae-jigyou li{
	--gap:50px;
	display: flex;
	align-items: flex-start;
	gap:var(--gap);
}
.mebae-jigyou li + li{
	margin-top: 22px;
	padding-top: 22px;
	border-top: 2px dotted var(--main-color);
}
.mebae-jigyou li .text{
	flex:1;
	margin-top: 0.6em;
}
.mebae-jigyou li strong{
	display: block;
	margin-bottom: 10px;
	color: var(--main-color);
	font-size: 1.2em;
	font-weight: var(--fw-b);
	line-height: 1;
}
.mebae-jigyou li strong::before{
	content: "●";
}
.mebae-jigyou li figure{
	width: 54%;
	--gap:10px;
	--row:2;
	display: flex;
	flex-wrap: wrap;
	gap:var(--gap);
}
.mebae-jigyou li figure img{
	width: calc((100% - var(--gap)*calc(var(--row) - 1)) / var(--row));
	border-radius: var(--radius);
}

/* 画像が1つの場合 */
.mebae-jigyou li figure:has(img:only-child){
	width: 27%;
}
.mebae-jigyou li figure:has(img:only-child) img{
	width: 100%;
}

@media screen and (max-width: 520px) {
	/* flow-dl */
	.flow-dl dl{
		flex-direction: column;
		align-items: flex-start;
	}
	.flow-dl dl+dl{
		--top:14px;
	}
	.flow-dl dl dt{
		width: 100%;
		font-size: 1.0em;
	}

	/* mebae-jigyou */
	.mebae-jigyou {
		gap: 40px;
	}
	.mebae-jigyou li{
		--gap:20px;
		flex-direction: column;
	}
	.mebae-jigyou li .text{
		margin-top: 0;
	}
	.mebae-jigyou li strong{
		font-size: 1.1em;
	}
	.mebae-jigyou li figure{
		width: 100%;
		--gap:10px;
	}

	/* 画像が1つの場合 */
	.mebae-jigyou li figure:has(img:only-child){
		width: 100%;
	}
	.mebae-jigyou li figure:has(img:only-child) img{
		width: 50%;
	}
}
/*widget:bb9c0390-45da-4909-9110-cdc95d75b7c6*/
/*widget:e0c55e7b-5fee-4700-9fad-ca12ba6b4e55*/
/*widget:0ad7d7ca-a62d-4b8a-85ed-8477141280d1*/
/*widget:4aa7ed64-c73f-4d39-9641-fb6952a95131*/
/*widget:3cfcd636-35a2-4d22-a363-26f13a5c3ed3*/
/*widget:f77b447a-ed6a-484e-b09d-c4b4b004aa99*/
/*instance:165*/[data-instance="165"]{background-image:url(/_img/ja/cms/165/bg_img/1400_260_2_000000/?1788222367);}/*widget:3de2a48a-8e5a-4b63-a345-0379a0c1236d*/
/*widget:6803106d-c477-454c-938e-8f4dbd81d7ad*/
/*widget:777cbd22-7fba-47ec-b688-a429d8568ac4*/
/*widget:34ae4694-ea17-4515-a54f-afba3f946cfb*/
/*widget:7b57633f-4ee4-4668-8744-f346d7e4864d*/
/*widget:b267b688-a500-43bb-b157-f17b5d65b066*/
/*widget:5431c50b-c486-403a-af16-817ae8da3a64*/
/*widget:60fe0fe4-f1f2-4fc2-902f-4e3e435ca191*/
/*widget:0132204f-c4a7-44c6-ad14-7fd7d901a5c6*/
/*widget:0cbbb4e1-fa2a-4301-8bd4-0941a920deba*/
/*widget:ea1d1a1d-0c1c-4136-aff9-066f938ae232*/
/*widget:a02ad08a-f7e2-4f81-83b3-c2e91ef62527*/
/*widget:10e80619-abe6-4f07-8f9d-00f2e4a4b93e*/
/*layout:1*//*layout:2*//*layout:3*/