/*
  Valiables
---------------------------------------------- */
:root {
	/* Color */
	--cl-dark: #3D3D3D;
	--cl-dark-gray: #4b4040;
	--cl-white: #fff;
	--cl-deep-blue: #000178;
	--cl-blue: #185baf;
	--cl-gold: #caba82;
	--cl-red: #e62a2b;
	--cl-gray: #b4b4b4;
	--cl-gray-light: #f4f4f4;
	--cl-base: var(--cl-dark);
	--cl-bg: #E5F8F0;
	--font-en:"Comfortaa", sans-serif;
	--font-jp: "Zen Maru Gothic", sans-serif;

	/* Font Size */
	--font-size-xs: calc(12 * var(--torem));
	--font-size-sm: calc(14 * var(--torem));
	--font-size-md: calc(16 * var(--torem));
	--font-size-base: var(--font-size-md);
	--font-size-lg: calc(18 * var(--torem));
	--font-size-xl: calc(24 * var(--torem));
	--font-size-2xl: clamp(32 * var(--torem), 1.6479rem + 1.5023vi, 48 * var(--torem));
	--font-size-3xl: clamp(40 * var(--torem), 1.9718rem + 2.2535vi, 64 * var(--torem));

	/* Offset */
	--offset-md: 5vi;

	/* botder-radius */
	--border-radius: calc(1px / 0);

	/* Contents Size */
	--contents-size-md: 640px;
	--contents-size-lg: 1024px;
	--contents-size-xl: 1280px;
	--contents-size-2xl: 1440px;

	/* Spacer */
	--space-sm: clamp(16 * var(--torem), 0.8239rem + 0.7512vi, 24 * var(--torem));
	--space-md: clamp(24 * var(--torem), 1.1479rem + 1.5023vi, 40 * var(--torem));
	--space-lg: clamp(40 * var(--torem), 1.9718rem + 2.2535vi, 64 * var(--torem));
	--space-xl: clamp(64 * var(--torem), 3.6479rem + 1.5023vi, 80 * var(--torem));
	--space-2xl: clamp(96 * var(--torem), 4.5915rem + 6.0094vi, 160 * var(--torem));
	--space-3xl: clamp(112 * var(--torem), 4.5352rem + 10.5164vi, 224 * var(--torem));

	/* Tool */
	--torem: calc(1rem / 16);

	/* Animation & Transition */
	--duration-fast: 0.3s;
	--duration-normal: 0.6s;
	--duration-slow: 1.6s;
	--ease-out-sine: cubic-bezier(0.61, 1, 0.88, 1);
	--ease-none: cubic-bezier(0.25, 0.25, 0.75, 0.75);
	--ease-power1-in: cubic-bezier(0.55, 0.085, 0.68, 0.53);
	--ease-power1-inout: cubic-bezier(0.455, 0.03, 0.515, 0.955);
	--ease-power1-out: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	--ease-power2-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	--ease-power2-inout: cubic-bezier(0.645, 0.045, 0.355, 1);
	--ease-power2-out: cubic-bezier(0.215, 0.61, 0.355, 1);
	--ease-power3-in: cubic-bezier(0.895, 0.03, 0.685, 0.22);
	--ease-power3-inout: cubic-bezier(0.77, 0, 0.175, 1);
	--ease-power3-out: cubic-bezier(0.165, 0.84, 0.44, 1);
	--ease-power4-in: cubic-bezier(0.755, 0.05, 0.855, 0.06);
	--ease-power4-inout: cubic-bezier(0.86, 0, 0.07, 1);
	--ease-power4-out: cubic-bezier(0.23, 1, 0.32, 1);
	--ease-expo-in: cubic-bezier(0.95, 0.05, 0.795, 0.035);
	--ease-expo-inout: cubic-bezier(1, 0, 0, 1);
	--ease-expo-out: cubic-bezier(0.19, 1, 0.22, 1);
	--ease-circ-in: cubic-bezier(0.6, 0.04, 0.98, 0.335);
	--ease-circ-inout: cubic-bezier(0.785, 0.135, 0.15, 0.86);
	--ease-circ-out: cubic-bezier(0.075, 0.82, 0.165, 1);
	--ease-back-in: cubic-bezier(0.6, -0.28, 0.735, 0.045);
	--ease-back-inout: cubic-bezier(0.68, -0.55, 0.265, 1.55);
	--ease-back-out: cubic-bezier(0.175, 0.885, 0.32, 1.275);

	/* Base */
	--base-background: #fbfbfb;
	--base-line-height: 1.8;
	--line-height-base: var(--base-line-height);
	--base-color: var(--cl-light);
	--base-font-family: var(--font-serif-ja);
	--base-font-weight: 500;
	--base-strong-color: var(--cl-gold);
	--base-srcoll-margin: var(--space-2xl);
	--base-letter-spacing: 0;
	--font-family-base: "Noto Sans JP", sans-serif;
	--font-family-en: var(--font-caslon);
	--font-family-a1-b: "A1 Gothic B", sans-serif;

	/* font-weight */
	--font-weight-thin: 100;
	--font-weight-extraLight: 200;
	--font-weight-light: 300;
	--font-weight-regular: 400;
	--font-weight-medium: 500;
	--font-weight-semiBold: 600;
	--font-weight-bold: 700;
	--font-weight-extraBold: 800;
	--font-weight-black: 900;
}

/*
  Reset
---------------------------------------------- */

/* Global */
*,
::before,
::after,
::backdrop {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

@media (prefers-reduced-motion: reduce) {
	*,
	::before,
	::after,
	::backdrop {
		animation: none !important;
		transition: none !important;
	}
}

/* Document & Sections */
:where(html) {
	background-color: var(--base-background);
	color: var(--base-color);
	font-family: var(--base-font-family);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: var(--base-font-weight);
	line-break: strict;
	line-height: var(--base-line-height, 1.5);
	overflow-wrap: anywhere;
	// scroll-behavior: smooth;
	scroll-padding-top: 60px;
	text-rendering: optimizelegibility;
	text-size-adjust: none;
}

:where(body) {
	min-block-size: 100svb;
	overflow-x: clip;
}

/* Grouping content */
:where(section) {
	scroll-margin-block-start: var(--base-srcoll-margin);
}

:where(ul, ol) {
	list-style-type: "";
}

/* Text-level semantics */
:where(em, address) {
	font-style: normal;
}

:where(strong) {
	color: var(--base-strong-color);
	font-weight: 700;
}

:where(:any-link) {
	color: unset;
}

/* Embedded content */
:where(img, svg, iframe) {
	display: block flow;
}

:where(img, picture, svg) {
	block-size: auto;
	max-inline-size: 100%;
}

/* Tabular data */
:where(table) {
	border-collapse: collapse;
}

/* Forms */
:where(input, button, textarea, select, optgroup) {
	color: unset;
	font: unset;
	font-feature-settings: inherit;
	font-variation-settings: inherit;
	letter-spacing: inherit;
	word-spacing: inherit;
}

:where(textarea) {
	resize: vertical;
	resize: block;
}

:where(button, label, select, summary) {
	cursor: pointer;
}

:where(a){
	text-decoration: none;
}

:where(p){
	letter-spacing: 0.05em;
}

summary::-webkit-details-marker {
	display: none;
}
.p-rheumatism{
  background-color: var(--cl-bg);
	font-family: var(--font-jp);
	font-weight: 600;
	color: var(--cl-dark);
}
.p-rheumatism-header__global-nav{
	position: fixed;
	inset: 0;
	z-index: 2;
	opacity: 0;
	visibility: hidden;
}

@media (width >= 768px) {
	.p-rheumatism-header__global-nav{
		position: initial;
		opacity: 1;
		visibility: visible;
	}
}
.p-rheumatism-header__global-nav-inner{
	position:absolute;
	inset: 0;
	background-color: var(--cl-bg);
	height: 100%;
}
.p-rheumatism-header__global-nav-list{
	overflow:auto;
	padding-inline:calc(56 / 375 * 100vi) ;
	padding-block:calc(167 / 375 * 100vi) ;
	height: 100%;
	position: relative;
	z-index: 2;
}

@media (width >= 768px) {
	.p-rheumatism-header__global-nav-list-item--contact a{
		padding: calc(11 / 16 * 1rem) calc(30 / 16 * 1rem) calc(13 / 16 * 1rem);
		border-radius: calc(30 / 16 * 1rem);
		background-color: #5DB8A2;
		color: #fff;
		display: inline-block;
		font-weight: 700;
	}
.p-rheumatism-header__global-nav-list{
	overflow:auto ;
	padding-inline:0;
	padding-block:0;
	display: flex;
	align-items: center;
	height: auto;
	position: absolute;
	top: 50px;
	right:calc(50 / 1600 * 100vi) ;
	gap: 50px;
}
}
.p-rheumatism-header{
	position: fixed;
	inset-inline: 0;
	z-index: 10;
}
.p-rheumatism-header__logo {
	position: fixed;
	top: 28px;
	left: calc(24 / 375 * 100vi) ;
	z-index: 10;
}
.l-header__nav-humburger{
	position: fixed;
	top: 24px;
	right: calc(18 / 375 * 100vi);
	z-index: 11;
	width:48px;
	height:48px;
	background-color:#5DB8A2 ;
	border-radius: 50% ;
	border: none;
}
@media (width >= 768px) {
	.p-rheumatism-header__logo {
		top: 48px;
	}
	.l-header__nav-humburger{
		display: none;
	}
}
.l-header__nav-humburger-line{
	position: absolute;
	inset: 0;
	margin: auto;
	top: 2px;
	width: 20px;
	height: 2px;
	background-color: var(--cl-white);
	border-radius: 1px;
}
.l-header__nav-humburger-line{
	display: block;
	transition: all 0.3s ease-in-out;
}
.l-header__nav-humburger .l-header__nav-humburger-line:nth-child(1){
	transform: translateY(-4px);
}
.l-header__nav-humburger .l-header__nav-humburger-line:nth-child(2){
	transform: translateY(4px);
}
.is-open .l-header__nav-humburger-line:nth-child(1){
	transform: translateY(0px) rotate(45deg);
}
.is-open .l-header__nav-humburger-line:nth-child(2){
	transform: translateY(0px) rotate(-45deg);
}
.p-rheumatism-header__global-nav{
	transition: all 0.3s ease-in-out;
}
.is-open .p-rheumatism-header__global-nav{
	opacity: 1;
	visibility: visible;
}
@media (width >= 768px) {
	.p-rheumatism-header__global-nav-sublist{
		display: none;
	}
}
@media (width >= 768px) {
	.p-rheumatism-hero__mask--01{
		position: absolute;
		top: calc(180 / 1600 * 100vi);
		right: calc(87 / 1600 * 100vi);
		width: calc(630 / 1600 * 100vi);
	}
}
.p-rheumatism-hero{
	/* aspect-ratio: 16 / 9; */
	position: relative;
	min-height: calc(680 / 375 * 100vi);
	overflow: hidden;
}
@media (width >= 768px) {
.p-rheumatism-hero{
	aspect-ratio: 16 / 9;
	position: relative;
	min-height: auto;
}
}
.p-rheumatism-hero__title{
	position: absolute;
	top: calc(134 / 375 * 100vi);
	left: calc(24 / 375 * 100vi);
	width: max-content;
}
@media (width >= 768px) {
	.p-rheumatism-hero__title{
		position: absolute;
		top: calc(292 / 1600 * 100vi);
		left: calc(221 / 1600 * 100vi);
	}
}
.p-rheumatism-hero__title--jp{
	font-size: calc(24 / 375 * 100vi);
	display:block;
}
@media (width >= 768px) {
.p-rheumatism-hero__title--jp{
	font-size: calc(38 / 1600 * 100vi);
}
}
.p-rheumatism-hero__title--en{
	font-size: calc(12 / 375 * 100vi);
	color:#75C1B2;
	font-weight: 700;
}
@media (width >= 768px) {
.p-rheumatism-hero__title--en{
	font-size: calc(18 / 1600 * 100vi);
	color:#75C1B2;
}
}
/* .p-rheumatism-header__global-nav{
	opacity: 0;
	visibility: hidden;
} */
.p-rheumatism-hero-img--01 {
	position: absolute;
	top: calc(-100 / 375 * 100vi);
	left:calc(-100 / 375 * 100vi);
	width: calc(375 / 375 * 100vi);

}
.p-rheumatism-header__global-nav-inner .p-rheumatism-hero-img--01{
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-in-out;
	pointer-events: none;
}
.is-open .p-rheumatism-header__global-nav-inner .p-rheumatism-hero-img--01{
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}
@media (width >= 768px) {
	.p-rheumatism-hero-img--01 {
	position: absolute;
	top: calc(-300 / 1600 * 100vi);
	left:calc(-200 / 1600 * 100vi);
	width: calc(900 / 1600 * 100vi);
}
}
.p-rheumatism-intro{
	background-color:var(--cl-white) ;
	position: relative;
}
.p-rheumatism-intro__sec{
	box-sizing: content-box;
	margin-inline: auto;
	padding-inline: 5vi;
}
@media (width >= 768px) {
.p-rheumatism-intro__sec{
	max-width: 852px;
}
}
.p-rheumatism-intro__item-text + .p-rheumatism-intro__item-text{
	margin-top: calc(24 / 16 * 1rem);
}
.p-rheumatism-intro__item-text{
	line-height: 2;
}
.p-rheumatism-section__title{
	line-height: 1.2;
	position: relative;
	z-index: 2;
}
@media (width >= 768px) {
.p-rheumatism-section__title{
	text-align: center;
}
	.p-rheumatism-intro__item-text{
	font-size:calc(18 / 16 * 1rem);
}
}
.p-rheumatism-intro{
	padding-top:calc(120 / 16 * 1rem);
	padding-bottom:calc(100 / 16 * 1rem);
}
.p-rheumatism-intro__picture{
	display: block;
	overflow: hidden;
}
.p-rheumatism-intro__picture img{
	width: max-content;
	aspect-ratio: 376/280 ;
	height:280px;
	object-fit: cover;
	width: 100%;
}
@media (width >= 768px) {
	.p-rheumatism-intro__picture img{
		aspect-ratio:1440/580;
		height: calc(580 / 1440 * 100vw);
		object-fit: cover;
	}
}
.p-rheumatism-doctor__intro{
	text-align: center;
	font-size: calc(20 / 16 * 1rem);
	margin-bottom: calc(56 / 16 * 1rem);
}
@media (width >= 768px) {
.p-rheumatism-doctor__intro{
	text-align: center;
	font-size: calc(32 / 16 * 1rem);
	margin-bottom: calc(80 / 16 * 1rem);
}
}
.p-rheumatism-doctor__item-text-wrap{
	margin-bottom: calc(20 / 16 * 1rem);
}
.p-rheumatism-doctor__item-text + .p-rheumatism-doctor__item-text{
	margin-top: calc(20 / 16 * 1rem);
}
@media (width >= 768px) {
.p-rheumatism-doctor__intro{
	text-align: center;
	font-size:calc(32 / 16 * 1rem);
}
}
.p-rheumatism-doctor__items{
	padding-inline: 5vi;
}
@media (width >= 768px) {
	.p-rheumatism-doctor__items{
		box-sizing: content-box;
		max-width: 992px;
		margin-inline: auto;
	}
}
.p-rheumatism-doctor__item{
	background-color: var(--cl-white);
	padding-top: calc(44 / 16 * 1rem);
	padding-bottom: calc(32 / 16 * 1rem);
	padding-inline: calc(30 / 16 * 1rem);
	border-radius: calc(20 / 16 * 1rem);
}
@media (width >= 768px) {
	.p-rheumatism-doctor__item{
	background-color: var(--cl-white);
	padding-top: calc(67 / 16 * 1rem);
	padding-bottom: calc(58 / 16 * 1rem);
	padding-inline: calc(44 / 16 * 1rem);
	border-radius: calc(48 / 16 * 1rem);
}
}
.p-rheumatism-doctor__item-ttl{
	font-size: calc(18 / 16 * 1rem);
	margin-bottom: calc(16 / 16 * 1rem);
	line-height:1.6 ;
	color: #5DB8A2;
	letter-spacing: .03em;
}

@media (width >= 768px) {
	.p-rheumatism-doctor__item-ttl{
		font-size: calc(27 / 16 * 1rem);
		margin-bottom: calc(24 / 16 * 1rem);
	}

	.p-rheumatism-doctor__item-inner{
		display: grid;
		grid-template-columns: calc(430 / 992 * 100%) 1fr;
		gap: calc(20 / 16 * 1rem);
	}
	.p-rheumatism-doctor__item{
		padding-left: 20px;
	}
}
.p-rheumatism-doctor__item-name{
	display: flex;
	flex-direction: column;
}
.p-rheumatism-doctor__item-name-lg{
	font-size: calc(18 / 16 * 1rem);
}
@media (width >= 768px) {
.p-rheumatism-doctor__item-name-lg{
	font-size: calc(20 / 16 * 1rem);
}
}
.p-rheumatism-section__title--en{
	font-size:calc(32 / 16 * 1rem);
	color: #5DB8A2;
}
.p-rheumatism-section__title--jp{
	font-size: calc(16 / 16 * 1rem);
	margin-top: calc(8 / 16 * 1rem);
}
.p-rheumatism-section__title{
	text-align: center;
}
@media (width >= 768px) {
	.p-rheumatism-section__title--en{
		font-size:calc(48 / 16 * 1rem);
		color: #5DB8A2;
	}
	.p-rheumatism-section__title--jp{
		font-size: calc(18 / 16 * 1rem);
		margin-top: calc(8 / 16 * 1rem);
	}
}
.p-rheumatism-doctor__item + .p-rheumatism-doctor__item{
	margin-top: calc(40 / 16 * 1rem);
}
@media (width >= 768px) {
	.p-rheumatism-doctor__item + .p-rheumatism-doctor__item{
	margin-top: calc(83 / 16 * 1rem);
}
}
.p-rheumatism-doctor{
	position: relative;
	padding-bottom: calc(80 / 16 * 1rem);
}
@media (width >= 768px) {
	.p-rheumatism-doctor{
		padding-bottom: calc(165 / 16 * 1rem);
	}
}
.p-rheumatism-doctor-parallax{
	position: absolute;
  bottom: calc(100% - calc(40 / 375 * 100vi));
	right: calc(-10 / 375 * 100vi);
	width: calc(445 / 375 * 100%);
	max-inline-size: initial;
	z-index: 1;
}
	.p-rheumatism-section__column .p-rheumatism-doctor-parallax{
		bottom: calc(100% - calc(40 / 375 * 100vi));
	}
@media (width >= 768px) {
	.p-rheumatism-doctor-parallax{
		position: absolute;
  	bottom: calc(100% - calc(60 / 1440 * 100vi));
		right: calc(-100 / 1440 * 100vi);
		width: calc(1702 / 1440 * 100%);
		max-inline-size: initial;
		z-index: 1;
	}
	.p-rheumatism-section__column .p-rheumatism-doctor-parallax{
		bottom: calc(100% - calc(255 / 1600 * 100vi));
	}
}
.p-rheumatism-footer__contact-tel{
	font-size: calc(24 / 16 * 1rem);
	font-weight: 700;
	margin-bottom: calc(28 / 16 * 1rem);
	letter-spacing: .04em;
	text-align: center;
	line-height: 1.2;
}
@media (width >= 768px) {
.p-rheumatism-footer__contact-tel{
	font-size: min(calc(40 / 1440 * 100vw),40px);
	margin-bottom: min(calc(40 / 1440 * 100vw),40px);
}
}
.p-rheumatism-footer__contact-tel a{
		text-decoration: underline;
		font-family: var(--font-en);
}
	.p-rheumatism-intro__title{
		margin-bottom: calc(26 / 16 * 1rem);
	}
@media (width >= 768px) {
	.p-rheumatism-intro__item-text-wrap{
		padding-top:calc(90 / 16 * 1rem);
	}
	.p-rheumatism-intro__sec-inner{
	display: flex;
	justify-content: space-between;
	}
	.p-rheumatism-intro__title{
		margin-bottom: calc(0 / 16 * 1rem);
	}
	.p-rheumatism-intro__title{
		writing-mode: vertical-rl;
	}
	.p-rheumatism-intro__title h2{
		font-size:calc(32 / 16 * 1rem);
		letter-spacing: .16em;
		line-height: 1.8;
	}
	.p-rheumatism-intro{
		padding-top:calc(145 / 16 * 1rem);
		padding-bottom:calc(150 / 16 * 1rem);
	}
}
.p-rheumatism-doctor-wrap{
	overflow: clip
	;
}
.u-wbr.sp{
	display: block;
}
.u-wbr.pc{
	display: none;
}
@media (width >= 768px) {
	.u-wbr.sp{
		display: none;
	}
	.u-wbr.pc{
		display: block;
	}
}
.p-rheumatism-doctor__intro{
	position: relative;
	z-index: 2;
}
.p-rheumatism-section__schedule{
	padding-top: calc(80 / 16 * 1rem);
	padding-bottom: calc(90 / 16 * 1rem);
	background-color: #FFFDEA;
	position: relative;
}
@media (width >= 768px) {
	.p-rheumatism-section__schedule{
		padding-top: calc(130 / 16 * 1rem);
		padding-bottom: calc(90 / 16 * 1rem);
		background-color: #FFFDEA;
		position: relative;
	}
}
.p-rheumatism-section__schedule-bg{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 110%;
}
.p-rheumatism-intro__decorate-01{
	position: absolute;
	bottom: calc(-80 / 375 * 100vi);
	left: calc(10 / 375 * 100vi);
	width: calc(145 / 375 * 100vi);
	z-index: 1;
}
.p-rheumatism-intro__decorate-02{
	position: absolute;
	bottom: calc(-300 / 375 * 100vi);
	right: calc(24 / 375 * 100vi);
	width: calc(106 / 375 * 100vi);
	z-index: 3;
}
@media (width >= 768px) {
	.p-rheumatism-intro__decorate-01{
	position: absolute;
	bottom: calc(-40 / 1440 * 100vi);
	left: calc(50 / 1440 * 100vi);
	width: calc(303 / 1440 * 100vi);
	z-index: 1;
}
.p-rheumatism-intro__decorate-02{
	position: absolute;
	bottom: calc(-200 / 1440 * 100vi);
	right: calc(136 / 1440 * 100vi);
	width: calc(300 / 1440 * 100vi);
	z-index: 1;
}
	.p-rheumatism-section__schedule{
		padding-bottom: calc(192 / 16 * 1rem);
	}
}
.p-rheumatism-section__features{
	background-color: var(--cl-white);
	padding-top:calc(86 / 16 * 1rem);
	padding-bottom:calc(122 / 375 * 100vi);
	position: relative;
	z-index: 1;
}
.p-rheumatism-section__features-item-inner{
	padding-inline: 5vi;
	position: relative;
	z-index: 2;
}
.p-rheumatism-section__features-item + .p-rheumatism-section__features-item{
	margin-top: calc(115 / 16 * 1rem);
}
@media (width >= 768px) {
.p-rheumatism-section__features{
	padding-bottom:calc(250 / 1600 * 100vw);
}
.p-rheumatism-section__features-item-inner{
	padding-inline: 0;
	max-width: min(calc(420 / 1440 * 100vw), 420px);
	margin-inline: auto;
}
	.p-rheumatism-section__features-item + .p-rheumatism-section__features-item{
	margin-top: 0;
}
}
.p-rheumatism-section__features-item-heading{
	text-align: center;
}
.p-rheumatism-section__features-item-heading{
	color:#5DB8A2 ;
	margin-bottom:calc(15 / 16 * 1rem);
}
.p-rheumatism-section__features-txt{
	font-size: calc(16 / 16 * 1rem);
	line-height: 1.8;
}
	.p-rheumatism-section__features-items{
		max-width: 375px;
		margin-inline: auto;
		padding-bottom:calc(122 / 16 * 1rem);
	}
.p-rheumatism-section__features-item-heading--num{
	margin-bottom:calc(16 / 16 * 1rem);
	line-height: 1.2;
}
@media (width >= 768px) {
.p-rheumatism-section__features-items{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	padding-bottom:calc(132 / 16 * 1rem);
}
	.p-rheumatism-section__features-txt{
		font-size: min(calc(17 / 1440 * 100vw) , 17px);
		line-height: 1.8;
		width: 90%;
		margin-inline: auto;
	}
	.p-rheumatism-section__features-items{
		max-width: 1014px;

		column-gap:fp-rheumatism-section__features-items150px;
	}
	.p-rheumatism-section__features-item-heading--num{
		margin-bottom:calc(14 / 16 * 1rem);
		font-size: 20px;
	}
	.p-rheumatism-section__features-item-heading--ttl{
		font-size:min(calc(24 / 1440 * 100vw) , 24px);
	}
}
.p-rheumatism-section__features-item{
	position: relative;
	container-type: inline-size;
	height: max-content;
}
.p-rheumatism-section__features-item::after{
	content: '';
	position: absolute;
	margin: auto;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 0;
	display: grid;
	place-items: center;
	transform: translate(-50%,-50%);
	left: 50%;
	top: 50%;
}

	[data-item="01"].p-rheumatism-section__features-item::after{
		background-image: url(../images/rheumatism/features-item-bg01.png);
		width: clamp(420px, calc(522 / 375 * 100vw), 522px);
		height: clamp(350px, calc(441 / 375 * 100vw), 441px);
	}
	[data-item="02"].p-rheumatism-section__features-item::after{
		background-image: url(../images/rheumatism/features-item-bg02.png);
		width: clamp(430px, calc(540 / 375 * 100vw), 540px);
		height: clamp(350px, calc(439 / 375 * 100vw), 439px);
	}
	[data-item="03"].p-rheumatism-section__features-item::after{
		background-image: url(../images/rheumatism/features-item-bg03.png);
		width: clamp(460px, calc(574 / 375 * 100vw), 574px);
		height: clamp(350px, calc(431 / 375 * 100vw), 431px);
	}
	[data-item="04"].p-rheumatism-section__features-item::after{
		background-image: url(../images/rheumatism/features-item-bg04.png);
		width: clamp(440px, calc(547 / 375 * 100vw), 547px);
		height: clamp(350px, calc(436 / 375 * 100vw), 436px);
		top: 50%;
		left: 50%;
		transform:translate(-50%, -50%) scaleX(-1);
	}
	.p-rheumatism-section__title--features{
		margin-bottom: calc(106 / 16 * 1rem);
	}
@media (width >= 768px) {
	[data-item="01"].p-rheumatism-section__features-item{
		right: 30px;
	}
	[data-item="02"].p-rheumatism-section__features-item{
		margin-top: 200px;
	}
	[data-item="04"].p-rheumatism-section__features-item{
		margin-top: 294px;
	}
	.p-rheumatism-section__title--features{
		margin-bottom: calc(117 / 16 * 1rem);
	}
	[data-item="01"].p-rheumatism-section__features-item::after{
		width: min(calc(586 / 1440 * 100vw),586px);
		height:min(calc(441 / 1440 * 100vw),441px);
	}
	[data-item="02"].p-rheumatism-section__features-item::after{
		width: min(calc(566 / 1440 * 100vw),566px);
		height:min(calc(469 / 1440 * 100vw),469px);
	}
	[data-item="03"].p-rheumatism-section__features-item::after{
		width: min(calc(589 / 1440 * 100vw),589px);
		height:min(calc(439 / 1440 * 100vw),439px);
	}
	[data-item="04"].p-rheumatism-section__features-item::after{
		width: min(calc(616 / 1440 * 100vw),609px);
		height:min(calc(512 / 1440 * 100vw),491px);
	}
}
.p-rheumatism__btn{
	text-align: center;
}
.p-rheumatism__btn a{
	padding-block: calc(19 / 16 * 1rem);
	padding-inline: calc(40 / 16 * 1rem);
	display: inline-block;
	border-radius: calc(110 / 16 * 1rem);
	background-color: #5DB8A2;
	color: var(--cl-white);
	font-weight: 700;
}
.p-rheumatism__btn-icon{
	position: relative;
	padding-right: calc(16 / 16 * 1rem);
}
.p-rheumatism__btn-icon::after{
	display: inline-block;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%228%22%20height%3D%2213%22%20viewBox%3D%220%200%208%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1%201L7%206.5L0.999999%2012%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	background-size: contain;
	width: calc(8 / 16 * 1rem);
	height: calc(13 / 16 * 1rem);
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	content: "";
}
.p-rheumatism-section__column{
	position: relative;
}
.p-rheumatism-column__header{
	display: flex;
	justify-content: center;
	align-items: flex-end;
	gap: calc(24 / 16 * 1rem);
	position: relative;
	z-index: 2;
}
.p-rheumatism-column__nav{

	gap: calc(8 / 16 * 1rem);
	position: absolute;
	right: calc(112 / 1440 * 100vi);
	top:calc(100 / 16 * 1rem);
	display: none;
}
@media (width >= 768px) {
	.p-rheumatism-column__nav{
		display: flex;
	}
}

.p-rheumatism-column__nav-btn{
	width: calc(40 / 16 * 1rem);
	height: calc(40 / 16 * 1rem);
	border-radius: 50%;
	border: 1px solid #5DB8A2;
	background-color: transparent;
	color: #5DB8A2;
	font-size: calc(16 / 16 * 1rem);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background-color 0.3s, color 0.3s;
}
.p-rheumatism-column__nav-btn.swiper-button-disabled{
	opacity: 0.4;
	cursor: not-allowed;
}
.p-rheumatism-column__swiper-wrap{
	padding-inline: calc(67 / 375 * 100vi);
}
.p-rheumatism-column__swiper{
	overflow: initial !important;
	padding-inline: 5vi;
	margin-bottom: calc(40 / 16 * 1rem);
}
@media (width >= 768px) {
	.p-rheumatism-column__swiper-wrap{
		padding-inline: calc(223 / 1440 * 100vi);
	}
	.p-rheumatism-column__swiper{
		margin-inline: auto;
		padding-inline: calc(223 / 1440 * 100vi);
		margin-bottom: calc(56 / 16 * 1rem);
	}
}
.p-rheumatism-section__title--column{
	margin-bottom: calc(27 / 16 * 1rem);
}
.p-rheumatism-column__item{
	height: auto;
}
@media (width >= 768px) {
	.p-rheumatism-column__item{
	height: auto;
	width: calc(300 / 1440 * 100vw) !important;
}
}
.p-rheumatism-column__item-link{
	display: block;
	overflow: hidden;
}
.p-rheumatism-column__item-img{
	width: 100%;
	aspect-ratio: 280/180;
	object-fit: cover;
	border-radius:calc(16 / 16 * 1rem);
}
.p-rheumatism-column__item-body{
	padding: calc(16 / 16 * 1rem);
}
.p-rheumatism-column__item-ttl{
	font-size: calc(14 / 16 * 1rem);
	line-height: 1.6;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.p-rheumatism-column__intro{
	padding-bottom: calc(40 / 16 * 1rem);
	text-align: center;
	position: relative;
	z-index: 1;
}
@media (width >= 768px) {
	.p-rheumatism-column__intro{
		padding-bottom: calc(56 / 16 * 1rem);
	}
	.p-rheumatism-column__item-ttl{
	font-size: calc(18 / 16 * 1rem);
	line-height: 1.6;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
}

.p-rheumatism__btn{
	position: relative;
	z-index: 1;
}

.p-rheumatism-footer__body{
	padding-top: calc(170 / 16 * 1rem);
	padding-bottom:calc(132 / 16 * 1rem);
	color: #fff;

	position: relative;
}
@media (width >= 768px) {
	.p-rheumatism-footer__body{
	  padding-top: calc(355 / 16 * 1rem);
		padding-bottom:calc(252 / 16 * 1rem);
	}
}
.p-rheumatism-footer__body-bg{
	position: relative;
	width: calc(206 / 375 * 100vw);
	margin-inline: auto;
}
.p-rheumatism-footer__body-bg::after{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	margin: auto;
	background-image: url(../images/rheumatism/rheumatism-footer-sp.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 	min(calc(360 / 375 * 100vw),536px);
	height: min(calc(340 / 375 * 100vw),491px);
	z-index: 0;
}
@media (width >= 768px) {
	.p-rheumatism-footer__body-bg::after{
		background-image: url(../images/rheumatism/rheumatism-footer.png);
		width: min(calc(675 / 1440 * 100vw),675px);
		height: min(calc(479 / 1440 * 100vw),479px);
	}
	.p-rheumatism-footer__body-bg{
		width: calc(600 / 1440 * 100vw);
	}
}
.p-rheumatism-footer__contact{
	position: relative;
	z-index: 1;
	margin-top:calc(30 / 16 * 1rem);
	max-width: 206px;
	margin-inline: auto;
}
.p-rheumatism-footer__contact-ttl{
	font-size:calc(16 / 16 * 1rem);
	margin-bottom:calc(15 / 16 * 1rem);
	text-align: center;
	font-weight: 700;

}
@media (width >= 768px) {
	.p-rheumatism-footer__contact-ttl{
		font-size: min(calc(22 / 1440 * 100vw),22px);
		margin-bottom:min(calc(26 / 1440 * 100vw),26px);
	}
	.p-rheumatism-footer__contact{
		width: calc(323 / 1440 * 100vw);
		margin-inline: auto;
		margin-left:calc(200 / 1440 * 100vw);
		max-width: initial;
}
}

.p-rheumatism-footer__contact-info{
  display:flex;
	justify-content: space-between;
	font-size: calc(15 / 16 * 1rem);
}
.p-rheumatism-footer__contact-info-date{
	font-weight: 700;
	font-family: var(--font-en);
	display: inline-block;
	padding-left: 10px;
}
@media (width >= 768px) {
	.p-rheumatism-footer__contact-info{
		font-size: min(calc(17 / 1440 * 100vw),17px);
		max-width: 248px;
		margin-inline: auto;
	}
}
.p-rheumatism-footer__contact-info--ttl{
	font-weight: 700;
}
.p-rheumatism-footer__logo{
	text-align: center;
}
.p-rheumatism-footer__logo-img{
	margin-inline: auto;
	width: calc(170 / 375 * 100vw);
	margin-bottom:calc(36 / 16 * 1rem);
}
@media (width >= 768px) {
.p-rheumatism-footer__logo-img{
	margin-inline: auto;
	width: calc(224 / 1600 * 100vw);
	margin-bottom:calc(70 / 16 * 1rem);
}
}
.p-rheumatism-footer__logo-copyright{
	font-size: calc(12 / 16 * 1rem);
	padding-bottom: calc(33 / 16 * 1rem);
}
@media (width >= 768px) {
	.p-rheumatism-footer__logo-copyright{
		font-size: calc(13 / 16 * 1rem);
		padding-bottom: calc(33 / 16 * 1rem);
	}
}
.p-rheumatism-footer__contact-tel-icon{
	display: inline-block;
	position: relative;
}
.p-rheumatism-footer__contact-tel-icon::after{
	content: "";
	position: absolute;
	inset-block: 0;
	margin-block: auto;
	right: calc(100% + 10px);
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M17.3308%2013.3497L13.3688%2011.5006C13.2329%2011.437%2013.0792%2011.4221%2012.9335%2011.4583C12.7879%2011.4946%2012.6591%2011.5798%2012.5688%2011.6997C12.4044%2011.9183%2012.2344%2012.1327%2012.0602%2012.3422C11.739%2012.7303%2011.2891%2012.99%2010.7924%2013.0742C10.2957%2013.1584%209.78531%2013.0614%209.35416%2012.8008C8.47489%2012.2557%207.66702%2011.6031%206.94924%2010.8581C6.20416%2010.1404%205.55152%209.33262%205.00643%208.45337C4.74587%208.02225%204.64885%207.51188%204.73303%207.01523C4.81721%206.51857%205.077%206.06868%205.46507%205.74748C5.67323%205.57333%205.88902%205.40057%206.10759%205.23891C6.22742%205.14987%206.3132%205.02253%206.35068%204.87803C6.38817%204.73352%206.37511%204.58055%206.31366%204.44449L4.46314%200.482784C4.38936%200.324755%204.26804%200.193727%204.11614%200.108018C3.96424%200.0223085%203.78936%20-0.0137988%203.61593%200.00474337C2.91778%200.104381%202.25383%200.370422%201.68006%200.780433C-1.68239%203.38988%200.37907%209.11666%204.53738%2013.2754C8.69569%2017.4342%2014.4235%2019.4969%2017.0331%2016.1326C17.4433%2015.5589%2017.7093%2014.8949%2017.8089%2014.1968C17.8274%2014.0234%2017.7913%2013.8485%2017.7056%2013.6966C17.6199%2013.5447%2017.4888%2013.4234%2017.3308%2013.3497Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
	width: calc(32 / 16 * 1rem);
	height: calc(32 / 16 * 1rem);
}
.p-rheumatism__body-loop{
	display: flex;
	align-items: center;
	column-gap: calc(32 / 16 * 1rem);
	position: absolute;
	inset-block: 0;
	margin-block: auto;
	width: max-content;
	animation: loop-scroll 50s linear infinite;
}
@keyframes loop-scroll {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%);
	}
}
.p-rheumatism__body-loop-text{
	font-size: calc(78 / 16 * 1rem);
	font-weight: 700;
	white-space: nowrap;
	color: var(--cl-white);
}
@media (width >= 768px) {
	.p-rheumatism__body-loop-text{
		font-size: calc(140 / 16 * 1rem);
		font-weight: 700;
		white-space: nowrap;
		color: var(--cl-white);
	}
}
.p-rheumatism-hero .p-rheumatism__body-loop{
	height: max-content;
	top: auto;
	bottom:calc(22 / 375 * 100vw) ;
}
.p-rheumatism-hero__mask{
	position: absolute;
	z-index: 1;
  left: 0;
	bottom: 0;
	pointer-events: none;
	width: 100%;
	height:calc(22 / 375 * 100vw) ;
}
.p-rheumatism-hero__mask{
	max-inline-size: initial;

}
@media (width >= 768px) {
.p-rheumatism-hero__mask{
	position: absolute;
	z-index: 1;
  left: 0;
	bottom: 0;
	pointer-events: none;
	width:calc(1690 / 1440 * 100vw) ;
	height:calc(95 / 1440 * 100vw) ;
}
}
.p-rheumatism-hero-photo--01{
	width: calc(360 / 375 * 100vw);
	position: absolute;
	top:calc(262 / 375 * 100vw);
	left: calc(62 / 375  * 100vw);
	z-index: 2;
}
@media (width >= 768px) {
.p-rheumatism-hero-photo--01{
	width: calc(700 / 1600 * 100vw);
	position: absolute;
	top:calc(128 / 1600 * 100vw);
	left: calc(720 / 1600 * 100vw);
	z-index: 2;
}
}
.p-rheumatism-hero-photo--02{
	width: calc(156 / 375 * 100vw);
	position: absolute;
	top: calc(290 / 375 * 100vw);
	left: -10px;
	z-index: 2;
}
@media (width >= 768px) {
.p-rheumatism-hero-photo--02{
	width: calc(322 / 1600 * 100vw);
	position: absolute;
	top: calc(207 / 1600 * 100vw);
	left: -100px;
	z-index: 2;
}
}
	.p-rheumatism-hero-photo--03{
	width: calc(176 / 375 * 100vw);
	position: absolute;
	top: calc(520 / 375 * 100vw);
	left: calc(213 / 375 * 100vw);
	z-index: 2;
}
@media (width >= 768px) {
	.p-rheumatism-hero-photo--03{
	width: calc(267 / 1600 * 100vw);
	position: absolute;
	top: calc(549 / 1600 * 100vw);
	left: calc(230 / 1600 * 100vw);
	z-index: 2;
	}
}

.p-rheumatism-column__item-date-category-wrap{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	column-gap: calc(8 / 16 * 1rem);
	margin-bottom: calc(4 / 16 * 1rem);
}
.p-rheumatism-column__item-category{
	color: #5DB8A2;
}
.p-rheumatism-column__nav-btn{
	position: relative;
}
.p-rheumatism-column__nav-btn--arrow{
	position: absolute;
	inset: 0;
	content: "";
	margin: auto;
	width: calc(5 / 16 * 1rem);
	height:calc(10 / 16 * 1rem);
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%227%22%20height%3D%2212%22%20viewBox%3D%220%200%207%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6%201L1%206L6%2011%22%20stroke%3D%22%235DB8A2%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
}
.p-rheumatism-column__nav-btn--next .p-rheumatism-column__nav-btn--arrow{
	transform: rotate(180deg);
}
.p-rheumatism-doctor-decorate--01{
	position: absolute;
	top: calc(100 / 16 * 1rem);
	left: calc(-300 / 16 * 1rem);
	width: calc(800 / 1440 * 100vi);
	z-index: 3;
}
.p-rheumatism-doctor-decorate--02{
	position: absolute;
	top: calc(900 / 16 * 1rem);
	right: calc(-100 / 16 * 1rem);
	width: calc(411 / 1440 * 100vw);
	z-index: 3;
}
.p-rheumatism-section__body{
	position: relative;
	z-index: 4;
}
.p-rheumatism-intro__title--en{
	font-size: calc(14 / 16 * 1rem);
	color: #5DB8A2;
}
.p-rheumatism-header__global-nav-list-item__link{
	padding-bottom: 1rem;
	display: block;
}
@media (width >= 768px) {
	.p-rheumatism-intro__title--en{
		font-size: calc(18 / 16 * 1rem);
		letter-spacing: .09em;
	}
	.p-rheumatism-header__global-nav-list-item__link{
		padding-bottom: 0;
		display: block;
	}
}
.p-rheumatism-header__global-nav-list-item{
	margin-top: calc(40 / 16 * 1rem);
}
.p-rheumatism-header__global-nav-list-item__link::before{
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background-color: #5DB8A2;
	bottom: 0;
	left: 0;
	opacity: .3;
}
@media (width >= 768px) {
	.p-rheumatism-header__global-nav-list-item{
		margin-top: calc(0 / 16 * 1rem);
	}
.p-rheumatism-header__global-nav-list-item__link::before{
	display: none;
}
}
.p-rheumatism-header__global-nav-list-item__link{
	position: relative;
}

.p-rheumatism-header__global-nav-sublist{
	padding-top: calc(24 / 16 * 1rem);
	box-sizing: content-box;
}
.p-rheumatism-header__global-nav-list-item__link--arrow{
	position: relative;
	width: 100%;
	display: block;
}
.p-rheumatism-header__global-nav-list-item__link--arrow::before{
	display: block;
	content: "";
	width: calc(26 / 16 * 1rem);
	height: calc(26 / 16 * 1rem);
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2213%22%20cy%3D%2213%22%20r%3D%2212.5%22%20transform%3D%22matrix(-1%200%200%201%2026%200)%22%20stroke%3D%22%235DB8A2%22%2F%3E%3Cpath%20d%3D%22M12%209L16%2013L12%2017%22%20stroke%3D%22%235DB8A2%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin-block: auto;
}
@media (width >= 768px) {
	.p-rheumatism-header__global-nav-list-item__link--arrow::before{
		display: none;
	}
}
.p-rheumatism-header__global-nav-sublist {
	padding-left: 10px;
}
.p-rheumatism-header__global-nav-sublist li + li{
	margin-top: calc(12 / 16 * 1rem);
}
.js-accordion-content {
	overflow: hidden;
	max-height: 0;
	transition: max-height 0.7s ease;
}
.js-accordion-content.is-open {
	max-height: 500px;
}
.all_sub_md .all_sub_time_title {
  margin-bottom: 0;
}
.all_sub_md .all_sub_time_title + .all_swipe_item .all_sub_table {
  margin-top: 30px;
}
.all_sub_md .all_sub_title_02 + .all_sub_time_title {
  margin-top: 100px;
}
@media screen and (max-width: 600px) {
  .all_sub_md .all_sub_title_02 + .all_sub_time_title {
    margin-top: 40px;
  }
}
.all_sub_md .all_sub_md_hours + .all_sub_time_title {
  margin-top: 70px;
}
.all_sub_md .all_sub_table {
  table-layout: fixed;
}
@media screen and (max-width: 600px) {
  .all_sub_md .all_sub_table._no_margin_top {
    margin-top: 0;
  }
}
.all_sub_md .all_table {
  table-layout: auto;
}
.all_sub_md .all_table th {
  width: 17%;
  border-right-style: solid;
}
.all_sub_md .all_table th + td {
  width: 33%;
  padding-top: 18px;
}
.all_sub_md .all_list li + li {
  margin-top: 10px;
}
.all_sub_md .all_sub_md_hours {
  margin-top: 30px;
}
.all_sub_md .all_sub_md_hours .all_table .th_30 {
  width: 30%;
}
.all_sub_md .all_sub_md_hours .all_table .th_sm {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 1.4;
}
.all_sub_md .all_sub_md_hours .all_table .td_large {
  padding: 27px 15px;
}
.all_sub_md .all_sub_md_hours .all_table th,
.all_sub_md .all_sub_md_hours .all_table td {
  text-align: center;
  border-right-style: solid;
}
.all_sub_md .all_sub_md_hours ._time1 {
  font-family: "Roboto", sans-serif;
  font-size: 26px;
  line-height: 36px;
  font-weight: 500;
}
.all_sub_md .all_sub_md_hours_note {
  margin-top: 25px;
}
@media screen and (max-width: 1024px) {
  .all_sub_md .all_sub_md_hours .all_table .th_30 {
    width: 40%;
  }
  .all_sub_md .all_sub_md_hours ._time1 {
    font-size: 24px;
  }
}
.all_sub_md .all_sub_md_doctor .all_sub_table {
  table-layout: fixed;
}
.all_sub_md .all_sub_md_doctor .all_sub_table tbody th {
  width: 160px;
}
.all_sub_md .all_sudb_md_doctor .all_sub_table ._name {
  font-size: 20px;
  font-weight: bold;
}
.all_sub_md .all_sub_md_doctor .all_sub_table ._name.all_modal_button:hover {
  opacity: 0.8;
}
.all_sub_md .all_sub_md_doctor .all_sub_table ._notice {
  margin-top: 4px;
  font-size: 14px;
}
.all_sub_table {
  width: 100%;
}
.all_sub_table thead {
  background: #EFEFF0;
}
.all_sub_table thead th:first-of-type + th {
  border-left: 2px solid #DADADA;
}
.all_sub_table thead th + th {
  border-left: 2px solid #DADADA;
}
.all_sub_table thead th {
  padding: 10px 0;
}
.all_sub_table ._border_solid._border_solid {
  border-left: 2px solid #DADADA;
}
.all_sub_table th, .all_sub_table td {
  position: relative;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.all_sub_table th ._small, .all_sub_table td ._small {
  font-size: 17px;
  font-weight: normal;
}
.all_sub_table tbody tr + tr {
  border-top: 2px solid #EDEDED;
}
.all_sub_table tbody td, .all_sub_table tbody th {
  min-height: 70px;
  padding: 20px 0;
	background-color: #fff;
}
.all_sub_table tbody th {
  background: #F9F9F9;
}
.all_sub_table tbody th + td {
  border-left: 2px solid #EDEDED;
}
.all_sub_table tbody td + td {
  border-left: 2px dashed #E6E6E6;
}
.all_sub_table .open {
  font-size: 14px;
}
.all_sub_table .open::before {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  margin: 4px auto;
  border: 3px solid var(--sub-color);
  border-radius: 50%;
}
.all_sub_table .recess {
  font-size: 0;
}
.all_sub_table .recess::before {
  content: "";
  background: #2E2E2E;
  display: inline-block;
  width: 16px;
  height: 1px;
}
.all_sub_table ._border_left._border_solid._border_solid._border_solid {
  border-left: 2px solid #E6E6E6;
}

.all_swipe_item.swipe_active {
  width: 100%;
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
}
.all_swipe_item.swipe_active > * {
  min-width: 1000px;
}

.all_swipe_item.swipe_active.on::before {
  content: "";
  display: block;
  background: url("../images/all_swipe_icon.png") no-repeat center right/100%;
  width: 183px;
  height: 124px;
  position: absolute;
  top: 140px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-animation: swipeScroll 3s infinite;
          animation: swipeScroll 3s infinite;
  z-index: 5;
  -webkit-transition: 0.6s ease;
  transition: 0.6s ease;
  pointer-events: none;
}

@-webkit-keyframes swipeScroll {
  0%, 90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes swipeScroll {
  0%, 90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.all_swipe_item.swipe_active.on.none::before {
  opacity: 0;
  -webkit-animation: none;
          animation: none;
}

.all_swipe_item.swipe_active > * {
  position: relative;
}

.all_swipe_item.on.none > *::before {
  opacity: 0;
}
.all_modal_item._doctor {
  width: 474px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 60px;
  left: auto;
}
@media screen and (max-width: 600px) {
  .all_modal_item._doctor {
    width: 355px;
    right: 0;
    border-radius: 12px 0 0 12px;
  }
}
.all_modal_item._doctor ._inner {
  position: relative;
  padding: 45px;
  padding-top: 56px;
}
@media screen and (max-width: 600px) {
  .all_modal_item._doctor ._inner {
    padding: 30px;
  }
}
.all_modal_item._doctor ._head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.all_modal_item._doctor ._head ._img {
  width: 122px;
  min-width: 122px;
  aspect-ratio: 122/158;
  overflow: hidden;
}
@media screen and (max-width: 600px) {
  .all_modal_item._doctor ._head ._img {
    width: 100px;
    margin-right: 20px;
  }
}
.all_modal_item._doctor ._head ._img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.all_modal_item._doctor ._head ._name_sec {
  margin-right: 24px;
}
.all_modal_item._doctor ._head ._role {
  margin-bottom: 20px;
  font-size: 15px;
  font-weight: bold;
}
@media screen and (max-width: 600px) {
  .all_modal_item._doctor ._head ._role {
    font-size: 14px;
  }
}
.all_modal_item._doctor ._head ._name {
  font-size: 24px;
  font-weight: bold;
}
@media screen and (max-width: 600px) {
  .all_modal_item._doctor ._head ._name {
    font-size: 22px;
  }
}
.all_modal_item._doctor ._head ._ruby {
  font-size: 14px;
}
.all_modal_item._doctor ._content {
  margin-top: 20px;
  height: calc(100% - 300px);
  overflow: auto;
}
.all_modal_item._doctor ._content ._title {
  font-size: 14px;
  line-height: 1;
  padding-bottom: 8px;
  border-bottom: 1px solid #CBCBCB;
}
.all_modal_item._doctor ._content ._textarea {
  margin: 8px 0;
  line-height: 1.8666666667;
  font-size: 15px;
  font-weight: bold;
}
.all_modal_item._doctor ._content ._textarea + ._title {
  margin-top: 30px;
}
.all_modal_item._doctor ._close_btn {
  background: transparent;
  width: 187px;
  height: 54px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #DDDDDD;
  border-radius: 9999px;
  position: absolute;
  bottom: 46px;
  top: auto;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.all_modal_item._doctor ._close_btn ._icon {
  width: 14px;
  height: 14px;
  margin: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 18px;
}
.all_modal_item._doctor ._close_btn ._icon div {
  background: var(--sub-color);
}
.all_modal_item._doctor ._close_btn ._close_text {
  margin: 0;
  font-size: 17px;
  font-weight: bold;
  color: #2E2E2E;
}

/* mixin  ----------------------- */
/*mixin*/
/* color  ----------------------- */
.all_modal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  display: none;
}
.all_modal.active {
  display: block;
}
.all_modal ._bg {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
}

.all_modal_item {
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  height: 90svh;
  height: 90vh;
  width: 80%;
  max-width: 1120px;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .all_modal_item {
    width: 90%;
  }
}
.all_modal_item ._inner {
  height: 100%;
  padding: 130px 120px 80px;
  overflow: auto;
}
@media screen and (max-width: 768px) {
  .all_modal_item ._inner {
    padding: 110px 20px 50px;
  }
}
.all_modal_item ._close_btn {
  background: var(--sub-color);
  width: 72px;
  height: 72px;
  border-radius: 50%;
  position: absolute;
  right: -90px;
  top: 8px;
  cursor: pointer;
  z-index: 3;
}
@media screen and (max-width: 768px) {
  .all_modal_item ._close_btn {
    width: 60px;
    height: 60px;
    top: 26px;
    right: 18px;
  }
}
.all_modal_item ._close_btn ._icon {
  width: 29.1666666667%;
  height: 29.1666666667%;
  margin-top: 25%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.all_modal_item ._close_btn ._icon div {
  background: #fff;
  width: 141%;
  height: 3px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  -webkit-transform-origin: left top;
          transform-origin: left top;
  border-radius: 999px;
}
.all_modal_item ._close_btn ._icon div:nth-of-type(1) {
  -webkit-transform: rotate(45deg) translateX(-50%) translateY(-50%);
          transform: rotate(45deg) translateX(-50%) translateY(-50%);
}
.all_modal_item ._close_btn ._icon div:nth-of-type(2) {
  -webkit-transform: rotate(-45deg) translateX(-50%) translateY(-50%);
          transform: rotate(-45deg) translateX(-50%) translateY(-50%);
}
.all_modal_item ._close_btn ._close_text {
  margin-top: 4px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .all_modal_item ._close_btn ._close_text {
    font-size: 11px;
  }
}

.all_modal._search .all_modal_item {
  height: auto;
  max-width: 840px;
}
.all_modal._search .all_modal_item ._inner {
  padding: 70px;
}
@media screen and (max-width: 600px) {
  .all_modal._search .all_modal_item ._inner {
    padding: 85px 20px 70px;
  }
}
.all_modal._search .all_modal_item ._close_btn {
  background: var(--color-006);
}
@media screen and (max-width: 600px) {
  .all_modal._search .all_modal_item ._close_btn {
    background: transparent;
  }
  .all_modal._search .all_modal_item ._close_btn ._icon div {
    background: #797979;
  }
  .all_modal._search .all_modal_item ._close_btn ._close_text {
    color: #2E2E2E;
  }
}
.all_modal._search ._title {
  padding-left: 60px;
  position: relative;
  font-size: 24px;
  font-weight: bold;
}
@media screen and (max-width: 600px) {
  .all_modal._search ._title {
    font-size: 20px;
  }
}
.all_modal._search ._title::before {
  content: "";
  display: block;
  background: url(../images/top_search_icon_search.svg) no-repeat center top/cover;
  width: 49px;
  height: 49px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
}
.all_modal._search ._form {
  width: 100%;
  margin-top: 28px;
  font-size: 0;
  letter-spacing: 0;
  white-space: nowrap;
}
.all_modal._search ._form input {
  height: 60px;
}
.all_modal._search ._form input[type=text] {
  width: calc(100% - 100px);
  border-radius: 12px 0 0 12px;
  border: 1px solid #E8E8E8;
  border-right: none;
  padding: 0 30px;
  font-size: 17px;
}
.all_modal._search ._form input[type=text]::-webkit-input-placeholder {
  color: #B4B4B4;
}
.all_modal._search ._form input[type=text]::-moz-placeholder {
  color: #B4B4B4;
}
.all_modal._search ._form input[type=text]:-ms-input-placeholder {
  color: #B4B4B4;
}
.all_modal._search ._form input[type=text]::-ms-input-placeholder {
  color: #B4B4B4;
}
.all_modal._search ._form input[type=text]::placeholder {
  color: #B4B4B4;
}
@media screen and (max-width: 600px) {
  .all_modal._search ._form input[type=text] {
    width: calc(100% - 60px);
  }
}
.all_modal._search ._form input[type=submit] {
  background-color: #4382C0;
  width: 100px;
  border-radius: 0 12px 12px 0;
  border: none;
  font-size: 19px;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
}
@media screen and (max-width: 600px) {
  .all_modal._search ._form input[type=submit] {
    background: url("../images/all_icon_search_white.svg") no-repeat center/21px 21px;
    width: 60px;
    font-size: 0;
    background-color: #4382C0;
  }
}
.all_modal._search ._keyword {
  margin-top: 30px;
}
.all_modal._search ._keyword ._top_text {
  font-size: 14px;
}
.all_modal._search ._keyword ._text_wrap {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 24px;
}
.all_modal._search ._keyword ._text_wrap > * {
  font-size: 17px;
  font-weight: bold;
  color: inherit;
}
.all_modal._search ._keyword ._text_wrap a {
  color: #3C3C3C;
}
.all_modal_button{
    pointer-events: auto;
    cursor: pointer;
    transition: 0.4s ease;
    color:#4BAF96 ;
		background-color: transparent;
		border: none;
		padding: 0;
		font-size: inherit;
		font-family: inherit;
}
.p-hernia-doctor-schedule{
	padding-inline: 5vi;
	box-sizing: content-box;
	max-inline-size: 1200px;
	margin-inline: auto;
}
.p-hernia-doctor-schedule ._note{
	text-align: end;
	margin-top: 20px;
}

/* Archive Page
---------------------------------------------- */
.p-rheumatism-archive{
	font-family: var(--font-jp);
	font-weight: 500;
	color: var(--cl-dark);
	overflow: hidden;
	background-color: #fff;
}
.p-rheumatism-archive__hero{
	padding-top: calc(120 / 16 * 1rem);
	padding-bottom: calc(60 / 16 * 1rem);
	text-align: center;
	background-color: #E5F8F0;
}
@media (width >= 768px) {
	.p-rheumatism-archive__hero{
		padding-top: calc(240 / 16 * 1rem);
		padding-bottom: calc(110 / 1440 * 100vw);
	}
}
.p-rheumatism-archive__intro{
	margin-top: calc(24 / 16 * 1rem);
	font-size: calc(14 / 16 * 1rem);
	line-height: 1.8;
}
@media (width >= 768px) {
	.p-rheumatism-archive__intro{
		font-size: calc(16 / 16 * 1rem);
	}
}
.p-rheumatism-archive__filter{
	padding-inline: 5vi;
	margin-bottom: calc(40 / 16 * 1rem);
}
@media (width >= 768px) {
	.p-rheumatism-archive__filter{
		margin-bottom: calc(60 / 16 * 1rem);
	}
}
.p-rheumatism-archive__filter-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
@media (width >= 768px) {
	.p-rheumatism-archive__filter-list{
		gap: calc(40 / 16 * 1rem);
	}
}
.p-rheumatism-archive__filter-link{
	display: inline-block;
	font-size: calc(14 / 16 * 1rem);
	color: #3D3D3D;
	transition: background-color 0.3s, color 0.3s;
}
.p-rheumatism-archive__filter-link.is-active{
	background-color:rgba(93, 184, 162, 0.15);
	border-radius:8px ;
	color: #5DB8A2;
	padding: 14px 26px;
}
/* スマホ用折り畳みフィルター */
.p-rheumatism-archive__filter-label{
	font-size: calc(14 / 16 * 1rem);
	color: #3D3D3D;
	margin-bottom: calc(8 / 16 * 1rem);
}
@media (width >= 768px) {
	.p-rheumatism-archive__filter-label{
		display: none;
	}
}
.p-rheumatism-archive__filter-toggle{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: calc(16 / 16 * 1rem) calc(20 / 16 * 1rem);
	background-color: #fff;
	border-radius: calc(8 / 16 * 1rem);
	font-size: calc(16 / 16 * 1rem);
	color: #3D3D3D;
	cursor: pointer;
	border: none;
}
.p-rheumatism-archive__filter-toggle-icon{
	width: calc(12 / 16 * 1rem);
	height: calc(12 / 16 * 1rem);
	border-right: 2px solid #5DB8A2;
	border-bottom: 2px solid #5DB8A2;
	transform: rotate(45deg);
	transition: transform 0.3s;
}
.p-rheumatism-archive__filter-toggle.is-open .p-rheumatism-archive__filter-toggle-icon{
	transform: rotate(-135deg);
}
@media (width >= 768px) {
	.p-rheumatism-archive__filter-toggle{
		display: none;
	}
}
/* SP用 Grid アコーディオン */
@media (width < 768px) {
	.p-rheumatism-archive__filter-list-wrap{
		display: grid;
		grid-template-rows: 0fr;
		transition: grid-template-rows 0.3s ease;
	}
	.p-rheumatism-archive__filter-list-wrap.is-open{
		grid-template-rows: 1fr;
	}
	.p-rheumatism-archive__filter-list{
		overflow: hidden;
		min-height: 0;
		gap: 0;
	}

	.p-rheumatism-archive__filter-link{
		display: block;
		width: 100%;
		padding: calc(14 / 16 * 1rem) calc(20 / 16 * 1rem);
		text-align: left;
	}
	.p-rheumatism-archive__filter-link.is-active{
		padding: calc(14 / 16 * 1rem) calc(20 / 16 * 1rem);
		background-color: transparent;
	}
	.p-rheumatism-archive__filter-toggle-wrap{
		border:	 1px solid #4aa38e;
		border-radius: 10px;
	}
}
.p-rheumatism-archive__list-section{
	padding-inline: 5vi;
	padding-bottom: calc(60 / 16 * 1rem);
}
@media (width >= 768px) {
	.p-rheumatism-archive__list-section{
		padding-bottom: calc(100 / 16 * 1rem);
	}
}
.p-rheumatism-archive__items{
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: calc(40 / 16 * 1rem);
}
@media (width >= 768px) {
	.p-rheumatism-archive__items{
		grid-template-columns: repeat(3, 1fr);
		gap: calc(80 / 16 * 1rem) calc(27 / 16 * 1rem);
	}
}
@media (width >= 768px) {
	.p-rheumatism-archive__items{
		grid-template-columns: repeat(4, 1fr);
	}
}
.p-rheumatism-archive__item{
	background-color: var(--cl-white);
	border-radius: calc(16 / 16 * 1rem);
	overflow: hidden;
	transition: box-shadow 0.3s;
}
.p-rheumatism-archive__item:hover{
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.p-rheumatism-archive__item-link{
	display: block;
}
.p-rheumatism-archive__item-img-wrap{
	overflow: hidden;
}
.p-rheumatism-archive__item-img{
	width: 100%;
	aspect-ratio: 280/180;
	object-fit: cover;
	transition: transform 0.3s;
}
.p-rheumatism-archive__item:hover .p-rheumatism-archive__item-img{
	transform: scale(1.05);
}
.p-rheumatism-archive__item-body{
	padding: calc(16 / 16 * 1rem);
}
.p-rheumatism-archive__item-meta{
	display: flex;
	align-items: center;
	gap: calc(8 / 16 * 1rem);
	margin-bottom: calc(8 / 16 * 1rem);
}
.p-rheumatism-archive__item-date{
	font-size: calc(12 / 16 * 1rem);
	color: #888;
}
.p-rheumatism-archive__item-category{
	font-size: calc(12 / 16 * 1rem);
	color: #5DB8A2;
}
.p-rheumatism-archive__item-ttl{
	font-size: calc(14 / 16 * 1rem);
	line-height: 1.6;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
@media (width >= 768px) {
	.p-rheumatism-archive__item-ttl{
		font-size: calc(16 / 16 * 1rem);
	}
}
.p-rheumatism-archive__pagination{
	margin-top: calc(40 / 16 * 1rem);
	display: flex;
	justify-content: center;
	align-items: center;
	gap: calc(16 / 16 * 1rem);
}
@media (width >= 768px) {
	.p-rheumatism-archive__pagination{
		margin-top: calc(60 / 16 * 1rem);
		gap: calc(24 / 16 * 1rem);
	}
}
.p-rheumatism-archive__pagination .page-numbers{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: calc(24 / 16 * 1rem);
	height: calc(24 / 16 * 1rem);
	font-size: calc(16 / 16 * 1rem);
	color: #3D3D3D;
	transition: color 0.3s;
}
.p-rheumatism-archive__pagination .page-numbers:hover{
	color: #5DB8A2;
}
.p-rheumatism-archive__pagination .page-numbers.current{
	color: #5DB8A2;
	font-weight: 600;
}
.p-rheumatism-archive__pagination .dots{
	color: #3D3D3D;
}
.p-rheumatism-archive__pagination .prev,
.p-rheumatism-archive__pagination .next{
	width: calc(48 / 16 * 1rem);
	height: calc(48 / 16 * 1rem);
	border: 1px solid #5DB8A2;
	border-radius: 50%;
	transition: background-color 0.3s;
}
.p-rheumatism-archive__pagination .prev:hover,
.p-rheumatism-archive__pagination .next:hover{
	background-color: rgba(93, 184, 162, 0.1);
}
.p-rheumatism-archive__pagination .prev.is-disabled,
.p-rheumatism-archive__pagination .next.is-disabled{
	opacity: 0.4;
	pointer-events: none;
	cursor: default;
}
.p-rheumatism-archive__pagination-arrow{
	display: block;
	width: calc(10 / 16 * 1rem);
	height: calc(16 / 16 * 1rem);
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%227%22%20height%3D%2212%22%20viewBox%3D%220%200%207%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6%201L1%206L6%2011%22%20stroke%3D%22%235DB8A2%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	background-size: contain;
}
.p-rheumatism-archive__pagination-arrow--next{
	transform: rotate(180deg);
}
.p-rheumatism-archive__no-posts{
	text-align: center;
	padding: calc(60 / 16 * 1rem) 0;
	font-size: calc(16 / 16 * 1rem);
	color: #888;
}
.p-rheumatism-archive__back{
	padding-bottom: calc(80 / 16 * 1rem);
}
.all_swipe_item{
	overflow: hidden;
}
@media (width >= 768px) {
	.p-rheumatism-archive__back{
		padding-bottom: calc(120 / 16 * 1rem);
	}
}
@media (width >= 768px) {
	.all_swipe_item_wrap{
			width: calc(1085 / 1440 * 100vw);
			margin-inline: auto;
	}
}
.all_sub_table tbody th{
	background-color: #E5F8F0;
}
.all_sub_table thead{
	background-color: #5DB8A2;
	color: #fff !important;
}
.all_sub_table tbody td + td{
	border-color: #E5F8F0;
}
.p-rheumatism-footer--archive{
	background-color: #EDF9F4;
	padding-top: calc(54 / 16 * 1rem);
}
@media (width >= 768px) {
	.p-rheumatism-footer--archive{
		padding-top: calc(100 / 16 * 1rem);
	}
}
.p-rheumatism-archive__wrap{
	padding-top:calc(50 / 16 * 1rem);
	background-color: #fff;
	position: relative;
	z-index: 3;
}
@media (width >= 768px) {
	.p-rheumatism-archive__wrap{
		padding-top:calc(115 / 16 * 1rem);
	}
}
.p-rheumatism-archive__filter-item{
	color:#3D3D3D;
	width: 100%;
}
.p-rheumatism-archive-hero-bg{
	position: absolute;
	z-index: 1;
}
.p-rheumatism-archive-hero-bg--01{
	right: calc(-46 / 375 * 100vw);
	top: calc(128 / 375 * 100vw);
	width: calc(237 / 375 * 100vw);
}
.p-rheumatism-archive-hero-bg--02{
	left: calc(-180 / 1440 * 100vw);
	top: calc(-300 / 1440 * 100vw);
	width: calc(840 / 1440 * 100vw);
}
.p-rheumatism-archive__hero{
	position: relative;
}
@media (width >= 768px) {
	.p-rheumatism-archive-hero-bg--01{
		top: calc(180 / 1440 * 100vw);
		right: calc(-106 / 1440 * 100vw);
		width: calc(620 / 1440 * 100vw);
	}
	.p-rheumatism-archive-hero-bg--02{
		left: calc(-180 / 1440 * 100vw);
		top: calc(-200 / 1440 * 100vw);
		width: calc(840 / 1440 * 100vw);
	}
	.p-rheumatism-archive__filter-list{
		display: flex;
		justify-content: center;
	}
	.p-rheumatism-archive__filter-item{
		width: auto;
	}
}
.p-rheumatism-single{
	padding-top: calc(120 / 16 * 1rem);
}
.p-rheumatism-single__meta{
	display: flex;
	justify-content: center;
	column-gap: calc(15 / 16 * 1rem);
	margin-bottom: calc(30 / 16 * 1rem);
}
.p-rheumatism-single__category{
	color: #5DB8A2;
}
.p-rheumatism-single__container{
	padding-inline: 5vi;
	position: relative;
}
@media (width >= 768px) {
	.p-rheumatism-single__container{
		box-sizing: content-box;
		max-inline-size: 994px;
		margin-inline: auto;
	}
	.p-rheumatism-single{
		padding-top: calc(240 / 16 * 1rem);
	}
}
.p-rheumatism-single__content-bg{
	background-color: #fff;
	border-radius: calc(16 / 16 * 1rem);
	padding: calc(32 / 16 * 1rem) ;
}
@media (width >= 768px) {
	.p-rheumatism-single__content-bg{
		background-color: #fff;
		border-radius: calc(24 / 16 * 1rem);
		padding-block: calc(85 / 16 * 1rem) ;
		padding-inline: calc(100 / 16 * 1rem);
	}
}
.p-rheumatism-single__article{
	padding-bottom: calc(118 / 16 * 1rem);
}

.p-rheumatism-single__related-container{
	padding-bottom: calc(50 / 16 * 1rem);
	background-color: #fff;
	position: relative;
	z-index: 3;
}
.p-rheumatism-single__title{
	font-size: calc(18 / 16 * 1rem);
	font-weight: 600;
	margin-bottom: calc(30 / 16 * 1rem);
}
@media (width >= 768px) {
	.p-rheumatism-single__title{
		font-size: calc(32 / 16 * 1rem);
		margin-bottom: calc(47 / 16 * 1rem);
		text-align: center;
	}
	.p-rheumatism-single__article{
		padding-bottom: calc(180 / 16 * 1rem);
	}
	.p-rheumatism-single__related-container{
		padding-top: calc(68 / 16 * 1rem);
		padding-bottom: calc(90 / 16 * 1rem);
	}
}
 .p-rheumatism-column__item + .p-rheumatism-column__item{
	margin-top: calc(40 / 16 * 1rem);
}
.p-rheumatism-column__swiper-wrap .p-rheumatism-column__item + .p-rheumatism-column__item{
	margin-top: 0;
}
@media (width >= 768px) {
	.p-rheumatism-column__item + .p-rheumatism-column__item{
		margin-top: 0;
	}
}
.p-rheumatism-single__related .p-rheumatism-section__title{
	margin-bottom: calc(40 / 16 * 1rem);
}
@media (width >= 768px) {
	.p-rheumatism-single__related .p-rheumatism-section__title{
		margin-bottom: calc(60 / 16 * 1rem);
	}
}
.p-rheumatism-single__content .wp-block-buttons>.wp-block-button{
	margin-top: 40px;
}
.p-rheumatism-single__content .wp-block-button__link{
	background-color: #5DB8A2;
	position: relative;
	padding-block: calc(16 / 16 * 1rem);
	padding-right: calc(64 / 16 * 1rem);
	padding-left: calc(40 / 16 * 1rem);
	border-radius: calc(110 / 16 * 1rem);
	font-weight: 700;
}
.p-rheumatism-single__content .wp-block-button__link::after{
	content: "";
	margin-block: auto;
	position: absolute;
	inset-block: 0;
	right:40px;
	width: calc(6 / 16 * 1rem);
	height: calc(11 / 16 * 1rem);
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%228%22%20height%3D%2213%22%20viewBox%3D%220%200%208%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1%201L7%206.5L0.999999%2012%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
}
.p-rheumatism-single__content .p-rheumatism-pdf-download::after{
	right:35px;
	width: calc(11 / 16 * 1rem);
	height: calc(12 / 16 * 1rem);
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2213%22%20height%3D%2214%22%20viewBox%3D%220%200%2013%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1%201L6.5%207L12%201%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M2%2012.75L11%2012.75%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
}
.p-rheumatism-single__content h2{
	font-size: 20px;
	margin-top: 40px ;
	padding-bottom: 10px;
	position: relative;
}
@media (width >= 768px) {
	.p-rheumatism-single__content h2{
		font-size: 24px;
		margin-top:42px ;
		padding-bottom: 16px;
	}
}
.p-rheumatism-single__content .wp-element-caption{
	text-align: center;
}
.p-rheumatism-single__content h2::after{
	content: "";
	display: block;
	width: 40px;
	height: 2px;
	background-color: #5DB8A2;
	position: absolute;
	bottom: 0px;
	left: 0;
}
.p-rheumatism-single__content h2::before{
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background-color: #5DB8A2;
	position: absolute;
	bottom: 0px;
	left: 0;
	background-color: #E5F8F0;
}
.p-rheumatism-single__content h3{
	font-size: 18px;
	margin-top: 24px ;
}
@media (width >= 768px) {
	.p-rheumatism-single__content h3{
		font-size: 20px;
		margin-top: 40px ;
	}
}
.p-rheumatism-single__content h4{
	font-size: 17px;
	color:#5DB8A2;
	margin-top: 16px;
}
@media (width >= 768px) {
	.p-rheumatism-single__content h4{
		font-size: 18px;
		margin-top:40px ;
	}
}
.p-rheumatism-single__content ul{
	margin-top:26px ;
}
@media (width >= 768px) {
	.p-rheumatism-single__content ul{
	margin-top:40px ;
	}
}
.p-rheumatism-single__content ul li{
	padding-left: 1em;
	position: relative;
}
.p-rheumatism-single__content ul li::after{
	left: 0;
	top:.8em ;
	position: absolute;
	content: "";
	width: 6px;
	height: 6px;
	background-color: #5DB8A2;
	border-radius: 50%;
}
.p-rheumatism-single__content ol{
	margin-top:40px ;
}
@media (width >= 768px) {
	.p-rheumatism-single__content ol{
	margin-top:40px ;
}
}
.p-rheumatism-single__content ol {
  counter-reset: item;
  list-style: none;
}
.p-rheumatism-single__content ol li {
  counter-increment: item;
}
.p-rheumatism-single__content ol li::before {
  content: counter(item) ".";
  color: #00A0A0; /* 数字の色 */
  font-weight: bold;
  margin-right: 0.5em;
}
@media (width >= 768px) {
	.p-rheumatism-single__related-items{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		column-gap: calc(47 / 16 * 1rem);
	}
}
.p-rheumatism-single__container-wrap{
	position: relative;
	z-index: 3;
}
.p-rheumatism-single__content p+p{
	margin-top: 40px;
}
.p-rheumatism-single__content .wp-block-image{
	margin-top: 40px;
}
.p-rheumatism-single__related .p-rheumatism-column__item{
	width: 100% !important;
}
.p-rheumatism-single__related-btn{
	text-align: center;
	margin-top: calc(40 / 16 * 1rem);
}
.p-rheumatism-single__related-btn{

}
@media (width >= 768px) {
	.p-rheumatism-single__related-btn{
		margin-top: calc(100 / 16 * 1rem);
	}
}
.p-rheumatism-btn {
	background-color: #5DB8A2;
	color: #fff;
	padding: calc(14 / 16 * 1rem) calc(40 / 16 * 1rem);
	border-radius: calc(110 / 16 * 1rem);
	font-weight: 700;
	display: inline-block;
	position: relative;
}
.p-rheumatism-footer--single{
	padding-top: calc(54 / 16 * 1rem);
}
.p-rheumatism-header__global-nav-list-item__link--plus{
	position: absolute;
	margin-block: auto;
	right: 0;
	width: 26px;
	height: 26px;
	content: "";
	background-color: transparent;
	border:1px solid #5DB8A2;
	border-radius: 50%;
	bottom: 0;
}
@media (width >= 768px) {
	.p-rheumatism-header__global-nav-list-item__link--plus{
	display: none;
	}
}

.p-rheumatism-header__global-nav-list-item__link--plus::after,
.p-rheumatism-header__global-nav-list-item__link--plus::before{
	content: "";
	position: absolute;
	inset: 0;
	margin: auto;
	width: 12px;
	height: 2px;
	background-color: #5DB8A2;
	border-radius: 2px;
	transition: transform 0.3s ease;
}
.p-rheumatism-header__global-nav-list-item__link--plus::before{
	transform: rotate(90deg);
}
.is-active .p-rheumatism-header__global-nav-list-item__link--plus::before{
	transform: rotate(0deg);
}
.p-rheumatism-header__global-nav-list-item__link--toggle{
	display: block;
	width: 100%;
	position: relative;
	margin-bottom: 0;
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	appearance: none;
}
.all_swipe_item_wrap .all_swipe_item{
	padding-inline: 5vi;
}
@media (width >= 768px) {
	.all_swipe_item_wrap .all_swipe_item{
		padding-inline: 0;
	}
}
.all_swipe_item_wrap .all_swipe_item table{
	border-radius: 24px;
	overflow: hidden;
	position: relative;
	z-index: 2;
}
.all_swipe_item_wrap .all_swipe_item table thead th{
	color: #fff !important;
}
.p-rheumatism-section__schedule .p-rheumatism-section__title{
	margin-bottom:40px;
}

@media (width >= 768px) {
	.p-rheumatism-section__schedule .p-rheumatism-section__title{
		margin-bottom:48px;
	}
}

.p-rheumatism-header-nav__logo img{
	width: calc(120 / 1440 * 100vw);
}

.p-rheumatism-header-nav__logo{
	position: absolute;
	top: min(calc(407 / 375 * 100vw), 407px);
	left: calc(173 / 375 * 100vw);
	width: calc(214 / 375 * 100vw);
	animation: rotate 20s linear infinite;
}
@media (width >= 768px) {
	.p-rheumatism-header-nav__logo{
	display: none;
	}
	.p-rheumatism-section__features-ttl{
		font-size: min(calc(24 / 1440 * 100vw), 24px);
	}
}

@keyframes rotate {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
.p-rheumatism-section__title--doctor{
	margin-bottom: 46px;
}
@media (width >= 768px) {
	.p-rheumatism-section__title--doctor{
	margin-bottom: 54px;
}
}
.p-rheumatism-doctor__item-name-position{
	font-size:14px;
	margin-top:2px;
}
.p-rheumatism-section__schedule-decorate-01{
	position: absolute;
	top: calc(-100 / 375 * 100vw);
	left: calc(-30 / 375 * 100vw);
	width: calc(150 / 375 * 100vw);
}

.p-rheumatism-section__schedule-decorate-02{
	position: absolute;
	bottom: calc(-104 / 375 * 100vw);
	right: calc(-66 / 375 * 100vw);
	width: calc(300 / 375 * 100vw);
}
@media (width >= 768px) {
	.p-rheumatism-section__schedule-decorate-01{
		position: absolute;
		top: calc(-104 / 1440 * 100vw);
		left: calc(96 / 1440 * 100vw);
		width: calc(340 / 1440 * 100vw);
	}

	.p-rheumatism-section__schedule-decorate-02{
		position: absolute;
		bottom: calc(-104 / 1440 * 100vw);
		right: calc(-66 / 1440 * 100vw);
		width: calc(558 / 1440 * 100vw);
	}
}
.p-rheumatism-single-decorate--01{
	position: absolute;
	top: calc(300 / 375 * 100vw);
	left: calc(-120 / 375 * 100vw);
	width: calc(300 / 375 * 100vw);
	z-index: 1;
}
@media (width >= 768px) {
.p-rheumatism-single-decorate--01{
	top: min(calc(410 / 1440 * 100vw), 410px);
	left: calc(-140 / 1440 * 100vw);
	width: min(calc(750 / 1440 * 100vw), 750px);
	z-index: 1;
}
}
.p-rheumatism-single-decorate--02{
	position: absolute;
	top: calc(1152 / 375 * 100vw);
	right: calc(-88 / 375 * 100vw);
	width: calc(223 / 375 * 100vw);
	z-index: 1;
}
@media (width >= 768px) {
	.p-rheumatism-single-decorate--02{
		top: min(calc(1410 / 1440 * 100vw), 1410px);
		right: calc(-107 / 1440 * 100vw);
		width: min(calc(443 / 1440 * 100vw), 443px);
		z-index: 1;
	}
}
.p-rheumatism-single-decorate--03{
	position: absolute;
	top: calc(1815 / 375 * 100vw);
	left: calc(-50 / 375 * 100vw);
	width: calc(335.69 / 375 * 100vw);
	z-index: 1;
}
@media (width >= 768px) {
	.p-rheumatism-single-decorate--03{
		position: absolute;
		top: min(calc(2070 /1440 * 100vw), 2070px);
		left: calc(57 / 1440 * 100vw);
		width: min(calc(457 / 1440 * 100vw), 457px);
		z-index: 1;
	}
}
.p-rheumatism-single{
	overflow: hidden;
	position: relative;
}
.all_sub_table tbody td{
	width: 14%;
}
.all_sub_table tbody td ._notice{
	font-size: 14px;
}
.all_sub_table tbody td .no_modal{
	border: none;
	background: transparent;
	font-size: 14px;
}
.all_sub_table tbody th{
	width: 185px;
}
.p-rheumatism-column__nav-btn:hover{
	background-color: #5DB8A2;
}
.p-rheumatism-column__nav-btn--arrow {
	transition: background-color 0.3s ease;
}
.p-rheumatism-column__nav-btn:hover .p-rheumatism-column__nav-btn--arrow {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%227%22%20height%3D%2212%22%20viewBox%3D%220%200%207%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6%201L1%206L6%2011%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
}
.swiper-button-disabled{
	pointer-events: none;
}
.p-rheumatism-btn__text{
	padding-left: 24px;
	display: inline-block;
	position: relative;
}
.p-rheumatism-btn__text::after{
	content: "";
	position: absolute;
	inset-block: 0;
	margin-block: auto;
	left: 0;
	width: calc(7 / 16 * 1rem);
	height: calc(12 / 16 * 1rem);
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%227%22%20height%3D%2212%22%20viewBox%3D%220%200%207%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6%201L1%206L6%2011%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
}
.all_sub_table th ._small{
	font-weight: 700;
	font-family: var(--font-en);
}
.p-rheumatism-doctor__item-img{
	margin-bottom: 32px;
}
@media (width >= 768px) {
	.p-rheumatism-doctor__item-img{
	margin-bottom: 0px;
}
}
.p-rheumatism-archive{
	font-weight: 600;
}
.p-rheumatism-single__content strong{
	color:#3d3d3d;
	font-weight: 900;
}