@charset "UTF-8";

/* common ---------------------------------------*/
body {
	font-family: "Zen Old Mincho", serif;
	color: #000;
}

.wrapper.orthopedicswrapper {
	margin-top: 80px;
}

.orthopedics-title { 
	text-align: center;
}

.orthopedics-title span { 
	display: block;
	font-size: 18px;
	line-height: 1;
	letter-spacing: 0;
	color: #B7AC84;
}

.orthopedics-title strong { 
	display: block;
	font-size: 36px;
	font-weight: 500;
	color: #B7AC84;
}

.orthopedics-title-sub strong { 
	font-size: 32px;
}

.orthopedics-text { 
	margin-top: 26px;
	font-size: 20px;
	text-align: center;
	color: #fff;
}

.orthopedics-list { 
	width: fit-content;
	margin: 34px auto 0;
}

.orthopedics-list > li { 
	position: relative;
	font-size: 20px;
	color: #fff;
	padding-left: 20px;
}

.orthopedics-list > li::before {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 20px;
	content: '・';
}

/* アンカーリンク ---------------------------------------*/

.anchor-menu {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-bottom: 80px;
}

.anchor-menu-title {
	background-color: #fff;
    flex-basis: calc((100% - 40px) / 3);
    max-width: calc((100% - 40px) / 3);
    /* border-bottom: 1px solid #000; */
    display: flex;
    align-items: center;
    /* justify-content: center; */
    position: relative;
	transition: background-color 0.4s ease; /* 背景色が0.4秒で変化 */
}

.anchor-menu-title a{
	display: block;
	width: 100%;
    padding: 10px 40px 10px 10px;
}
.anchor-menu-title a::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0;
	bottom: 0;
	background: #000;
}
.anchor-menu-title a:hover::before {
	animation: hideAndShowUnderline 0.6s forwards;
}

@keyframes hideAndShowUnderline {
	0% {
	width: 100%;
	}
	5% {
	width: 0%;
	}
	100% {
	width: 100%;
	}
}

.anchor-menu-title::after {
	content: "";
	position: absolute;
	top: 50%;
    width: 10px;
	height: auto;
	right: 10px;
	aspect-ratio: 1;
	background-image: url(../img/common/v.svg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	transition: 0.3s;
	transform: translateY(-50%);
}

.anchor-menu-title:hover {
	/* background-color: #F2F2F2; */
}

.orthopedicspagecontent-wrapper + .anchor-area {
	margin-top: 80px;
}

/* icon ---------------------------------------*/
.icon-gotop {
	display: inline-block;
	width: 24px;
	height: 24px;
	transform: rotate(-90deg);
	-webkit-mask-image: url('../img/common/icon_arrow_right.svg');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: 0 0;
	-webkit-mask-size: contain;
	mask-image: url('../img/common/icon_arrow_right.svg');
	mask-repeat: no-repeat;
	mask-size: contain;
	mask-position: 0 0;
	background: #fff;
}


/* orthopedicsheader ---------------------------------------*/
header.orthopedicsheader {
	background: #000;
}

.header-inner.orthopedicsheader-inner {
	height: 80px;
}

.header-logo.orthopedicsheader-logo {
	width: 245px;
	/* left: 40px; */
}

.gnav.orthopedicsgnav {
	align-items: unset;
	/* gap: 40px; */
	/* right: 40px; */
	top: 0;
	transform: unset;
}

.gnav-list.orthopedicsgnav-list {
	gap: 32px;
	height: fit-content;
    margin-top: 26px;
}

.gnav-list.orthopedicsgnav-list > li,
.gnav-list.orthopedicsgnav-list > li > a {
	font-size: 16px;
	color: #fff;
	padding-right: unset;
}

.gnav-list.orthopedicsgnav-list .gnav-sublist {
	padding: 18px 14px;
	color: #000;
	border-radius: 8px;
}

.gnav-list.orthopedicsgnav-list .gnav-sublist > li,
.gnav-list.orthopedicsgnav-list .gnav-sublist > li > a {font-size: 15px;}

.gnav-list.orthopedicsgnav-list .gnav-sublist > li > a {
	letter-spacing: 0.04em;
	padding-left: 28px;
}

.gnav-list.orthopedicsgnav-list .gnav-sublist > li > a:before {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	z-index: 1;
	width: 24px;
	height: 24px;
	-webkit-mask-image: url('../img/common/icon_arrow_right.svg');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: 0 0;
	-webkit-mask-size: contain;
	mask-image: url('../img/common/icon_arrow_right.svg');
	mask-repeat: no-repeat;
	mask-size: contain;
	mask-position: 0 0;
	background: #000;
	content: '';
}

.gnav-list.orthopedicsgnav-list .gnav-sublist > li + li {
    margin-top: 14px;
}

.orthopedicsgnav-reservation { 
	background: #fff;
	border-radius: 0 0 8px 8px;
	border: 1px solid #000;
	/* padding: 20px 24px 22px; */
	padding: 30px 24px 30px;
}

.orthopedicsgnav-reservation-lead { 
	font-size: 12px;
	line-height: 1.4;
	text-align: center;
	margin-bottom: 10px;
}

.orthopedicsbtn.orthopedicsgnav-reservation-btn {
	display: block;
	height: 40px;
	padding: 0 8px;
	font-size: 14px;
	line-height: 40px;
	margin-bottom: 12px;
}

.orthopedicsgnav-reservation-tel { 
	display: block;
	font-size: 20px;
	line-height: 1;
	text-align: center;
	letter-spacing: 0;
}

.orthopedicsgnav-reservation-tel span { 
	font-size: 14px;
	margin-right: 4px;
}


/* orthopedicsbtn ---------------------------------------*/
.orthopedicsbtn {
	display: inline-block;
	max-width: 360px;
	width: 100%;
	height: 64px;
	padding: 0 16px;
	font-size: 20px;
	line-height: 64px;
	text-align: center;
	color: #ffffff;
	background: #000;
	border-radius: 80px;
	filter: drop-shadow(0 0 10px rgba(85, 85, 85, 0.2));
}

.orthopedicsbtn:hover {
	opacity: 1;
	color: #000;
	background: #fff;
}

.orthopedicsbtn .icon-arrow-deco { 
	position: absolute;
	top: 50%;
	right: 16px;
	transform: translateY(-50%);
	width: 30px;
    height: 30px;
	background: #fff;
	transition: all .25s ease;
}

.orthopedicsbtn:hover .icon-arrow-deco {background: #000;}


/* orthopedicskv ---------------------------------------*/
.orthopedicskv { 
	position: relative;
	height: 720px;
	background: url('../img/orthopedics/kv.jpg') no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 0 20px;
}

.orthopedicskv-inner {
	max-width: 1360px;/* 1240 */
	width: 100%;
	margin: 0 auto;
	padding: 120px 0 0;
}

.orthopedicskv-title { 
	font-size: 48px;
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 0.04em;
	color: #fff;
	margin-bottom: 22px;
	text-shadow: 0 0 15px rgba(0, 0, 0, 0.6), 0 0 15px rgba(0, 0, 0, 0.6), 0 0 15px rgba(0, 0, 0, 0.6), 0 0 15px rgba(0, 0, 0, 0.6);
}

.orthopedicskv-text { 
	font-size: 24px;
	font-weight: 400;
	line-height: 2;
	letter-spacing: 0.04em;
	color: #fff;
	text-shadow: 0 0 15px rgba(0, 0, 0, 0.6), 0 0 15px rgba(0, 0, 0, 0.6), 0 0 15px rgba(0, 0, 0, 0.6), 0 0 15px rgba(0, 0, 0, 0.6);
}

.orthopedicskv-info {
	position: absolute;
	bottom: 0;
	right: 0;
	border-radius: 16px 0 0 0;
	background: #fff;
	padding: 40px 32px 20px 30px;
}

.orthopedicskv-info-block {
	display: flex;
}

.orthopedicskv-info-title {
	display: flex;
	justify-content: space-around;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0.2em;
	writing-mode: vertical-rl;
	font-feature-settings: initial;
	/* margin-top: 44px; */
	margin-right: 32px;
	padding-right: 30px;
	border-right: 1px solid #000;
}

.orthopedicskv-info-table {
	flex: 1;
}

.orthopedics-table { 
	border-radius: 8px;
	overflow: hidden;
	background: #fff;
	border: 1px solid #CCCCCC;
}

.orthopedics-table tr:not(:first-of-type) { border-top: 1px solid #CCCCCC;}
.orthopedics-table th:not(:first-of-type),
.orthopedics-table td:not(:first-of-type) {border-left: 1px solid #CCCCCC;}

.orthopedics-table th { 
	background: #000;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.44;
	text-align: center;
	color: #fff;
	padding: 16px 13.2px;
}

.orthopedics-table td {
	position: relative;
	font-size: 16px;
	line-height: 1.44;
	text-align: center;
	padding: 14px 10px;
}

.orthopedics-table td span {
	display: block;
	font-size: 12px;
	margin-top: 2px;
}

.orthopedics-table td::after {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #000;
	content: '';
}

.orthopedics-table td.orthopedics-table-close::after {
	width: 12px;
	height: 2px;
}

.orthopedics-table td.orthopedics-table-open::after {
	width: 14px;
	height: 14px;
	border-radius: 50%;
}

.orthopedics-table td.orthopedics-table-half::after {
	width: 16px;
	height: 14px;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
}

.orthopedics-table td.orthopedics-table-half::before {
	position: absolute;
	top: 24px;
	right: 6px;
	font-size: 10px;
	content: '※';
}

.orthopedicskv-info .orthopedics-table td.orthopedics-table-half::before {
	top: 18px;
	right: 4px;
}

.orthopedics-caption { 
	font-size: 14px;
	line-height: 1.44;
	margin-top: 20px;
}

.orthopedicskv-info-access {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 10px;
}

.orthopedicskv-info-access-text {
	font-size: 12px;
	line-height: 1.44;
	letter-spacing: 0.04em;
}

.orthopedicsbtn.orthopedicskv-info-access-btn {
	width: fit-content;
	height: 40px;
	padding: 0 9px;
	font-size: 11px;
	line-height: 40px;
	border-radius: 8px;
	letter-spacing: 0;
}


/* orthopedicsinformation ---------------------------------------*/
.orthopedicsinformation { 
	padding: 80px 20px 40px;
	background: #000;
}

/* .orthopedicsinformation-list { 
	display: flex;
	gap: calc(40 / 1040 * 100%);
	flex-wrap: wrap;
	margin: 50px auto 44px;
} */
.orthopedicsinformation-list { 
	display: flex;
	gap: calc(16 / 1040 * 100%);
	flex-wrap: wrap;
	margin-top: 50px;
}

.orthopedicsinformation-list + .orthopedicsinformation-caselist {
	margin: 20px auto 0;
}

/* .orthopedicsinformation-list > li  { 
	width: calc(500 / 1040 * 100%);

} */
.orthopedicsinformation-list > li  { 
	width: calc(336 / 1040 * 100%);

}

.orthopedicsinformation-list > li a { 
	display: flex;
	flex-direction: column;
	position: relative;
	width: 100%;
	height: 100%;
	background: #000;
	border-radius: 12px;
	overflow: hidden;
	transition: all .4s ease;
}

.orthopedicsinformation-list > li a::after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	border: 1px solid #fff;
	border-radius: 12px;
	box-sizing: border-box;
	content: '';
} 

.orthopedicsinformation-list-image { 
	width: 100%;

}

/* .orthopedicsinformation-list-title { 
	padding: 26px 40px 0;
	font-size: 32px;
	font-weight: 500;
	letter-spacing: 0.05em;
	margin-bottom: 10px;
	color: #B7AC84;
}

.orthopedicsinformation-list-text { 
	font-size: 18px;
	padding: 0 40px;
	margin-bottom: 30px;
	color: #fff;
	transition: all .4s ease;
} */

.orthopedicsinformation-list-title { 
	padding: 24px 28px 0;
	font-size: 28px;
	font-weight: 500;
	letter-spacing: 0.04em;
	margin-bottom: 10px;
	color: #B7AC84;
}

.orthopedicsinformation-list-text { 
	font-size: 18px;
	padding: 0 28px;
	margin-bottom: 28px;
	color: #fff;
	transition: all .4s ease;
}

.orthopedicsinformation-list-deco { 
	position: relative;
	background: #fff;
	width: 56px;
	height: 56px;
	border-radius: 12px 0 12px 0;
	margin: auto 0 0 auto;
	transition: all .4s ease;
}

.orthopedicsinformation-list-deco .icon-arrow-deco { 
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 36px;
	height: 36px;
	background: #000;
	transition: all .4s ease;
}

.orthopedicsinformation-list > li a:hover { 
	opacity: 1;
	background: #fff;
}

.orthopedicsinformation-list > li a:hover .orthopedicsinformation-list-text { color: #000;}

.orthopedicsinformation-caselist { 
	display: flex;
	gap: 20px calc(20 / 1040 * 100%);
	flex-wrap: wrap;
	margin: 40px auto 0;
}

.orthopedicsinformation-caselist > li  { 
	width: calc(510 / 1040 * 100%);
}

.orthopedicsinformation-caselist > li a { 
	display: flex;
	align-items: center;
	position: relative;
	width: 100%;
	height: 100%;
	background: #000;
	border-radius: 8px;
	overflow: hidden;
	transition: all .4s ease;
}

.orthopedicsinformation-caselist > li a::after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	border: 1px solid #fff;
	border-radius: 8px;
	box-sizing: border-box;
	content: '';
} 

.orthopedicsinformation-caselist-image { 
	width: calc(140 / 510 * 100%);
	height: 100%;
}

.orthopedicsinformation-caselist-image img { 
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.orthopedicsinformation-caselist-summary { 
	display: flex;
    justify-content: center;
    flex-direction: column;
	flex: 1;
	position: relative;
	height: 100%;
}

.orthopedicsinformation-caselist-title { 
	padding: 20px 20px 0;
	font-size: 24px;
	font-weight: 500;
	color: #fff;
	transition: all .4s ease;
}

/* 美容皮膚科・皮膚科の標榜科のみタイトルの文字色変更 */
.ttl-color {
	color: #B7AC84;
}

.orthopedicsinformation-caselist-text { 
	font-size: 16px;
	padding: 0 20px 20px;
	width: calc(100% - 40px);
	color: #fff;
	transition: all .4s ease;
}

.orthopedicsinformation-caselist-deco { 
	position: absolute;
	bottom: 0;
	right: 0;
	background: #fff;
	width: 48px;
	height: 48px;
	border-radius: 8px 0 8px 0;
	transition: all .4s ease;
}

.orthopedicsinformation-caselist-deco .icon-arrow-deco { 
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 36px;
	height: 36px;
	background: #000;
	transition: all .4s ease;
}

.orthopedicsinformation-caselist.orthopedicsinformation-caselist-large { 
	gap: 40px calc(40 / 1040 * 100%);
	margin: 46px auto 0;
}

.orthopedicsinformation-caselist-large.orthopedicsinformation-caselist > li  { 
	width: calc(320 / 1040 * 100%);
}

.orthopedicsinformation-caselist-large.orthopedicsinformation-caselist > li a { 
	align-items: unset;
	flex-direction: column;
	position: relative;
}

.orthopedicsinformation-caselist-large .orthopedicsinformation-caselist-image { 
	width: 100%;
	height: auto;
}

.orthopedicsinformation-caselist-large .orthopedicsinformation-caselist-summary { 
	display: unset;
	position: unset;
	height: unset;
}

.orthopedicsinformation-caselist-large .orthopedicsinformation-caselist-title { 
	padding: 20px 20px 0;
	text-align: center;
	margin-bottom: 10px;
}

.orthopedicsinformation-caselist-large .orthopedicsinformation-caselist-text { 
	text-align: center;
	margin-bottom: 26px;
	padding: 0 20px;
	width: 100%;
}

.orthopedicsinformation-caselist-large .orthopedicsinformation-caselist-deco { 
	position: relative;
	bottom: unset;
	right: unset;
	margin: auto 0 0 auto;
}

.orthopedicsinformation-caselist > li a:hover { 
	opacity: 1;
	background: #fff;
}

.orthopedicsinformation-caselist > li a:hover .orthopedicsinformation-caselist-text,
.orthopedicsinformation-caselist > li a:hover .orthopedicsinformation-caselist-title { color: #000;}

.orthopedicsinformation-caselist > li a:hover .ttl-color { color: #B7AC84;}

.orthopedicsinformation-btn-wrapper { 
	text-align: center;
	margin-top: 46px;
}

.orthopedicsbtn.orthopedicsinformation-btn { 
	position: relative;
	border: 1px solid #fff;
}


/* orthopedicsaboutus ---------------------------------------*/
.orthopedicsaboutus { 
	padding: 80px 20px 20px;
	background: #000;
}

.orthopedicsaboutus-list {
	margin: 48px auto 36px;
}

.orthopedicsaboutus-list > li { 
	display: flex; 
	align-items: center;
	border-left: 2px solid rgba(165, 181, 195, 0.5);
}

.orthopedicsaboutus-list > li + li { 
	margin-top: 40px;
}

.orthopedicsaboutus-list-num { 
	font-size: 80px;
	line-height: 1.44;
	text-align: center;
	letter-spacing: 0;
	color: #A5B5C3;
	width: 146px;
	opacity: 0.6;
}

.orthopedicsaboutus-list-summary { 
	flex: 1;
}

.orthopedicsaboutus-list-title { 
	font-size: 24px;
	font-weight: 500;
	line-height: 1.44;
	color: #fff;
	margin-bottom: 10px;
}

.orthopedicsaboutus-list-text { 
	font-size: 16px;
	color: #fff;
}

.orthopedicsaboutus-block { 
	border: 1px solid #fff;
	padding: 18px 24px;
}

.orthopedicsaboutus-textlist { 

}

.orthopedicsaboutus-textlist > li { 
	position: relative;
	font-size: 18px;
	color: #fff;
	padding-left: 22px;
}

.orthopedicsaboutus-textlist > li::before { 
	position: absolute;
	top: 0;
	left: 0;
	font-size: 18px;
	content: '・';
}


/* orthopedicsfirsttime ---------------------------------------*/
.orthopedicsfirsttime { 
	padding: 40px 20px 80px;
	background: #000;
}


/* orthopedicsintroduction ---------------------------------------*/
.orthopedicsintroduction { 
	padding: 80px 20px 80px;
}

.orthopedicsintroduction .orthopedics-title strong {
	color: #000;
}

.orthopedicsintroduction-block { 
	display: flex;
	gap: calc(40 / 1040 * 100%);
	margin: 40px auto 48px;
}

.orthopedicsintroduction-image { 
	width: calc(480 / 1040 * 100%);
	order: 2;
}

.orthopedicsintroduction-image img { 

}

.orthopedicsintroduction-summary { 
	flex: 1;
	order: 1;
}

.orthopedicsintroduction-text { 
	font-size: 18px;
	line-height: 2;
	margin-bottom: 24px;
}

.orthopedicsintroduction-title { 
	font-size: 20px;
	line-height: 1.44;
	text-align: right;
}

.orthopedicsintroduction-title span { 
	font-size: 14px;
	margin-right: 8px;
}

.orthopedicsintroduction-info { 
	display: flex;
	gap: calc(80 / 1040 * 100%);
}

.orthopedicsintroduction-info-block { 
	position: relative;
	width: calc(480 / 1040 * 100%);
}

.orthopedicsintroduction-info-block + .orthopedicsintroduction-info-block::before{ 
	position: absolute;
	top: 0;
	left: calc(-40 / 480 * 100%);
	z-index: 1;
	width: 1px;
	height: 100%;
	background: #CCCCCC;
	content: '';
}

.orthopedicsintroduction-info-title { 
	font-size: 18px;
	font-weight: 500;
	line-height: 1.44;
	margin-bottom: 8px;
}

.orthopedicsintroduction-info-list { 
    margin-left: 4px;
}

.orthopedicsintroduction-info-list > li { 
	position: relative;
	font-size: 14px;
	padding-left: 18px;
	display: flex;
	flex-direction: row;
	width: 100%;
}

.orthopedicsintroduction-info-list-sub {
	max-width: calc(100% - 150px);
}

.orthopedicsintroduction-info-list > li::before { 
	position: absolute;
	top: 0;
	left: 0;
	font-size: 14px;
	content: '・';
}

.orthopedicsintroduction-info-list + .orthopedicsintroduction-info-title { 
	margin-top: 20px;
}

.orthopedicsintroduction-info-link {
	font-size: 14px;
}


/* orthopedicsnews ---------------------------------------*/
.orthopedicsnews { 
	padding: 40px 20px 80px;
}

.orthopedicsnews .orthopedics-title strong {
    color: #000;
}

.orthopedicsnews-block { 
	display: flex;
	gap: calc(80 / 1040 * 100%);
}

.orthopedics-title.orthopedicsnews-title { 
	text-align: left;
	width: fit-content;
}

.orthopedics-title.orthopedicsnews-title span { margin-bottom: 4px;}
.orthopedics-title.orthopedicsnews-title strong { font-size: 24px;}

.orthopedicsnews-list { 
	flex: 1;
}

.orthopedicsnews-list > li { 
	display: flex;
	gap: 32px;
	border-bottom: 1px solid #CCCCCC;
	padding: 20px 0;
}

.orthopedicsnews-list > li:first-of-type { 
	padding: 0 0 20px;
}

.orthopedicsnews-list > li time { 
	font-size: 16px;
}

.orthopedicsnews-list-title { 
	font-size: 16px;
	overflow-wrap: break-word;
	overflow-wrap: anywhere;
}

.orthopedicsnews-list-title a { 
	text-decoration: underline;
}

.orthopedicsnews-list-title a:hover { 
	text-decoration: none;
	opacity: 1;
}

/* orthopedicsbanner ---------------------------------------*/
.orthopedicsbanner {
	padding: 40px 20px 80px;
}

.orthopedicsbanner a {
	display: block;
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid #BEA69F;
	filter: drop-shadow(0 4px 20px rgba(166, 159, 159, 0.2));
}

.orthopedicsbanner a img {
	width: 100%;
}

/* orthopedicsdetail ---------------------------------------*/
.orthopedicsdetail { 
	padding: 86px 20px 0;
	background: #000;
	border-radius: 120px 0 0 0;
}

.orthopedicsdetail-block { 
	display: flex;
	gap: calc(40 / 1040 * 100%);
	margin-bottom: 48px;
}

.orthopedicsdetail-summary { 
	flex: 1;
}

.orthopedicsdetail-title { 
	margin-bottom: 24px;
	margin-top: 12px;
}

.orthopedicsdetail-address { 
	font-size: 18px;
	line-height: 1.44;
	color: #fff;
	margin-bottom: 10px;
}

.orthopedicsdetail-access { 
	font-size: 14px;
	line-height: 1.44;
	color: #fff;
}

.orthopedicsdetail-table-wrapper {
	width: 595px;
	margin-top: 10px;
}

.orthopedicsdetail-table-title {
	font-size: 24px;
	line-height: 1.44;
	color: #fff;
	align-items: center;
    display: flex;
	margin-bottom: 20px;
}

.orthopedicsdetail-table-title span {
	padding-right: 20px;
    white-space: nowrap;
}

.orthopedicsdetail-table-title::after {
	width: 100%;
    height: 1px;
    background: #fff;
    content: '';
}

.orthopedicsdetail-table-wrapper .orthopedics-table th {
	font-size: 20px;
	padding: 21px 16.5px;
}

.orthopedicsdetail-table-wrapper .orthopedics-table td {
	font-size: 20px;
	padding: 18px 13px;
}

.orthopedicsdetail-table-wrapper .orthopedics-table td span {
	font-size: 15px;
	margin-top: 3px;
}

.orthopedicsdetail-table-wrapper .orthopedics-table td.orthopedics-table-close::after {
	width: 15px;
	height: 2.5px;
}

.orthopedicsdetail-table-wrapper .orthopedics-table td.orthopedics-table-open::after {
	width: 17.5px;
	height: 17.5px;
}

.orthopedicsdetail-table-wrapper .orthopedics-table td.orthopedics-table-half::after {
	width: 20px;
	height: 17.5px;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
}

.orthopedicsdetail-table-wrapper .orthopedics-caption {
	color: #fff;
}

.orthopedicsdetail-btnlist { 
	display: flex;
	gap: calc(12 / 1040 * 100%);
	margin-bottom: 100px;
	justify-content: center;
}

.orthopedicsdetail-btnlist > li { 
	width: calc(500 / 1040 * 100%);
}

.orthopedicsdetail-btnlist > li a { 
	position: relative;
}

.orthopedicsbtn.orthopedicsdetail-btn {
	max-width: unset;
	line-height: 1.44;
    letter-spacing: 0.1em;
	padding: 10px;
	border: 1px solid #fff;
	height: 80px;
}

.orthopedicsdetail-btn small {
	display: block;
	font-size: 16px;
	margin-bottom: 4px;
}

.orthopedicsbtn.orthopedicsdetail-btn .icon-tel,
.orthopedicsbtn.orthopedicsdetail-btn .icon-web { 
	position: absolute;
	top: 50%;
	left: 24px;
	transform: translateY(-50%);
	background: #fff;
	transition: all .25s ease;
}

.orthopedicsbtn.orthopedicsdetail-btn .icon-line,
.orthopedicsbtn.orthopedicsdetail-btn .icon-instagram {
	position: absolute;
	top: 50%;
	left: 24px;
	transform: translateY(-50%);
	transition: all .25s ease;
}

.orthopedicsbtn.orthopedicsdetail-btn .icon-tel,
.orthopedicsbtn.orthopedicsdetail-btn .icon-instagram {
	width: 32px;
	height: 32px;
}

.orthopedicsbtn.orthopedicsdetail-btn .text-wrap {
  	font-size: 20px;
  	line-height: 56px;
}

.orthopedicsbtn.orthopedicsdetail-btn:hover .icon-tel,
.orthopedicsbtn.orthopedicsdetail-btn:hover .icon-web {background: #000;}

.orthopedicsbtn.orthopedicsdetail-btn .icon-arrow-deco { 
	right: 24px;
}

.orthopedicsdetail-map { 
	position: relative;
	width: calc(100% + 40px);
	margin-left: -20px;
	padding-top: 297px;
	height: 0;
}

.orthopedicsdetail-map iframe { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* orthopedicsfooter ---------------------------------------*/
.orthopedicsfooter { 
	padding: 96px 20px 40px;
	background: #000;
}

.orthopedicsfooter .inner { 
	position: relative;
}

.orthopedicsfooter-nav { 
	display: flex;
	gap: calc(80 / 940 * 100%);
	width: calc(940 / 1040 * 100%);
	margin: 0 calc(100 / 1040 * 100%) 84px 0;
}

.orthopedicsfooter-nav-list { 

}

.orthopedicsfooter-nav-list > li { 

}

.orthopedicsfooter-nav-list > li + li { 
	margin-top: 26px;
}

.orthopedicsfooter-nav-list > li,
.orthopedicsfooter-nav-list > li a { 
	font-size: 16px;
	color: #fff;
}

.orthopedicsfooter-nav-list-child {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 14px 32px;
	height: 340px;
	margin-top: 14px;
}

.gotop { 
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: calc(80 / 1040 * 100%);
	aspect-ratio: 1 / 1;
	background: #000;
	border: 1px solid #fff;
	border-radius: 50%;
}

.gotop .icon-gotop { 
	width: calc(40 / 80 * 100%);
	height: calc(40 / 80 * 100%);
}

.gotop:hover {
	opacity: 1;
	background: #fff;
}

.gotop:hover .icon-gotop {background: #000;}

.copyright { 
	display: block;
	font-size: 12px;
	text-align: center;
	letter-spacing: 0;
	color: #fff;
}


/* orthopedicspagekv ---------------------------------------*/
.orthopedicspagekv { 
	padding: 0px 20px;
	/* background: #F2F2F2; */
	background: #000;
	overflow: hidden;
}

.orthopedicspagekv-small { 
	padding: 48px 20px;
	/* background: #F2F2F2; */
	background: #000;
	overflow: hidden;
}

.orthopedicspagekv-block { 
	display: flex;
	align-items: center;
	gap: calc(80 / 1040 * 100%);
}

.orthopedicspagekv-title { 
	flex: 1;
	order: 2;
	/* padding: 69px 0 72px; */
}

.orthopedicspagekv-title span { 
	display: block;
	font-size: 24px;
	letter-spacing: 0;
	margin-bottom: 4px;
	color: #B7AC84;
}

.orthopedicspagekv-title strong { 
	display: block;
	font-size: 36px;
	font-weight: 500;
	line-height: 1.44;
	letter-spacing: 0.15em;
	color: #B7AC84;
}

.orthopedicspagekv-image { 
	width: calc(calc(360 / 1040 * 100%) + 50vw - 50%);
	min-height: 360px;
	max-height: 570px;
	margin-left: calc(50% - 50vw);
	aspect-ratio: 560 / 360;
	order: 1;
}

.orthopedicspagekv-image img { 
	width: 100%;
	height: 100%;
	object-fit: cover;
}


/* orthopedicspagecontent ---------------------------------------*/
.orthopedicspagecontent { 
	padding: 80px 20px;
}

.orthopedicspagecontent-wrapper { 

}

.orthopedicspagecontent-wrapper + .orthopedicspagecontent-wrapper { 
	margin-top: 64px;
}

.orthopedicspagecontent-title { 
	position: relative;
	font-size: 32px;
	font-weight: 500;
	line-height: 1.44;
	letter-spacing: 0.04em;
	padding-bottom: 14px;
	margin-bottom: 32px;
}

.orthopedicspagecontent-title::after { 
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 4px;
	background: linear-gradient(90deg, #000 0%, #000 120px, #F2F2F2 120px, #F2F2F2 100%);
	content: '';
}

.orthopedicspagecontent-text { 
	font-size: 16px;
	letter-spacing: 0.04em;
}

.orthopedicspagecontent-textblock {
	background: #fff;
	border: 1px solid #000;
	border-radius: 4px;
	padding: 20px 20px 16px;
}

.orthopedicspagecontent-textblock-list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: space-between;
}

.orthopedicspagecontent-textblock-list > li {
	position: relative;
	width: 49%;
	/* min-width: 270px; */
	font-size: 18px;
	font-weight: 500;
	padding-left: 32px;
}

.orthopedicspagecontent-textblock-list > li::before {
	position: absolute;
	top: 0;
	left: 8px;
	font-size: 18px;
	font-weight: 500;
	content: '・';
}

.orthopedicspagecontent-subtitle {
	font-size: 24px;
	font-weight: 500;
	line-height: 1.6;
	margin-bottom: 10px;
	letter-spacing: 0.04rem;
}

.orthopedicspagecontent-subtitle-sub{
	font-size: 18px;
	font-weight: 500;
	line-height: 1.6;
	margin-bottom: 10px;
	letter-spacing: 0.04rem;
}

.orthopedicspagecontent-text + .orthopedicspagecontent-subtitle{ 
	margin-top: 40px;
}

.orthopedicspagecontent-subtitle + .orthopedicspagecontent-subtitle-sub{ 
	margin-top: 24px;
}

.orthopedicspagecontent-text + .orthopedicspagecontent-subtitle-sub{ 
	margin-top: 24px;
}

.orthopedicspagecontent-text + .orthopedicspagecontent-textblock {
	margin-top: 20px;
}

.orthopedicspagecontent-text + .orthopedicspagecontent-list {
	margin-top: 20px;
}

.orthopedicspagecontent-list { 
    /* margin-left: 8px; */
}

.orthopedicspagecontent-list > li { 
	position: relative;
	font-size: 16px;
	letter-spacing: 0.04em;
	padding-left: 16px;
}

.orthopedicspagecontent-list > li::before { 
	position: absolute;
	top: 0;
	left: 0;
	font-size: 16px;
	content: '・';
}

.orthopedicspagecontent-machinelist { 

}

.orthopedicspagecontent-machinelist > li { 
	display: flex;
	gap: calc(32 / 1040 * 100%);
}

.orthopedicspagecontent-machinelist > li + li { 
	margin-top: 40px;
}

.orthopedicspagecontent-machinelist-image { 
	width: calc(280 / 1040 * 100%);
	height: fit-content;
	aspect-ratio: 280 / 200;
	/* border-radius: 10px; */
	overflow: hidden;
}

.orthopedicspagecontent-machinelist-image img { 
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.orthopedicspagecontent-machinelist-summary { 
	flex: 1;
}

.orthopedicspagecontent-machinelist-title { 
	font-size: 24px;
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 0.1em;
	margin-bottom: 10px;
}

.orthopedicspagecontent-staff { 
	display: flex;
	gap: calc(32 / 1040 * 100%);
}

.orthopedicspagecontent-staff + .orthopedicspagecontent-staff { 
	margin-top: 40px;
}

.orthopedicspagecontent-staff-image { 
	width: calc(280 / 1040 * 100%);
	height: fit-content;
	aspect-ratio: 280 / 210;
}

.orthopedicspagecontent-staff-image img { 
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.orthopedicspagecontent-staff-summary { 
	flex: 1;
}

.orthopedicspagecontent-staff-title { 
	font-size: 24px;
	line-height: 1.44;
	margin-bottom: 10px;
}

.orthopedicspagecontent-staff-info { 
	display: flex;
	gap: calc(80 / 728 * 100%);
	margin-top: 24px;
	flex-direction: column;
}

.orthopedicspagecontent-staff-info-block { 
	position: relative;
	flex: 1;
}

/* .orthopedicspagecontent-staff-info-block + .orthopedicspagecontent-staff-info-block::before { 
	position: absolute;
	top: 0;
	left: calc(-40 / 324 * 100%);
	z-index: 1;
	width: 1px;
	height: 100%;
	background: #CCCCCC;
	content: '';
} */

.orthopedicspagecontent-staff-info-block + .orthopedicspagecontent-staff-info-block { 
	padding-top: 10px;
	margin-top: 10px;
}

.orthopedicspagecontent-staff-info-title { 
	font-size: 16px;
	font-weight: 500;
	line-height: 1.44;
	margin-bottom: 8px;
}

.orthopedicspagecontent-staff-info-list { 
    /* margin-left: 8px; */
}

.orthopedicspagecontent-staff-info-list > li { 
	position: relative;
	font-size: 14px;
	letter-spacing: 0.1em;
	padding-left: 14px;
}

.orthopedicspagecontent-staff-info-list > li::before { 
	position: absolute;
	top: 0;
	left: 0;
	font-size: 14px;
	content: '・';
}



/* small pc */
@media screen and (min-width: 768px) and (max-width: 1200px){
	.gnav.orthopedicsgnav {
		gap: 14px;
		right: 10px;
	}

	.gnav-list.orthopedicsgnav-list {
		gap: 12px;
	}
	
	.gnav-list.orthopedicsgnav-list > li,
	.gnav-list.orthopedicsgnav-list > li > a {
		font-size: 12px;
	}

	.orthopedicskv-inner {
		padding: 60px 0 0;
	}

	.orthopedicskv-title {
		font-size: 44px;
	}

	.orthopedicskv-text {
		font-size: 20px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1050px){
	.header-logo.orthopedicsheader-logo {
		left: 10px;
		width: 160px;
	}

	.important-announcement > li {
		width: 320px;
	}

	.important-announcement-text {
		font-size: 14px;
		padding: 0 12px;
	}

	.orthopedicskv-info {
		padding: 30px 17px 20px 15px;
	}

	.orthopedicskv-info-title {
		margin-right: 17px;
		padding-right: 15px;
	}

	.orthopedicskv-info .orthopedics-table th {
		padding: 12px 7.2px;
	}

	.orthopedicskv-info .orthopedics-table td {
		padding: 10px 4px;
	}

	.orthopedicskv-info .orthopedics-table td.orthopedics-table-half::before {
		top: 14px;
		right: 2px;
	}

	.orthopedicskv-info .small-pc {
		display: block;
	}

	.orthopedicsdetail-table-wrapper { 
		width: 490px;
	}

	.orthopedicsdetail-table-wrapper .orthopedics-table th { 
		padding: 21px 10px;
	}
	
	.orthopedicsdetail-table-wrapper .orthopedics-table td {
		padding: 18px 10px;
	}
}


@media screen and (min-width: 768px) and (max-width: 1000px){

	/* .gnav.orthopedicsgnav {
		gap: 10px;
	} */

	.orthopedicsgnav-reservation { 
		padding: 14px 10px 14px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.orthopedicsgnav-reservation-lead { 
		display: none;
	}
	
	.orthopedicsbtn.orthopedicsgnav-reservation-btn {
		max-width: 120px;
		font-size: 14px;
		margin-bottom: 14px;
	}

	.orthopedicsbtn.orthopedicsgnav-reservation-btn span {
		display: none;
	}

	.orthopedicsgnav-reservation-tel { 
		font-size: 13px;
	}
	
	.orthopedicsgnav-reservation-tel span { 
		font-size: 12px;
	}
}


@media screen and (max-width: 767px) {

	/* common ---------------------------------------*/
	.wrapper.orthopedicswrapper {
		margin-top: 60px;
	}

	.orthopedics-title span { 
		font-size: 16px;
		margin-bottom: 4px;
	}

	.orthopedics-title strong { 
		font-size: 28px;
	}

	.orthopedics-title-sub strong { 
		font-size: 24px;
	}

	.orthopedics-text { 
		margin-top: 20px;
		font-size: 16px;
		line-height: 1.8;
		text-align: unset;
	}

	.orthopedics-list { 
		margin: 30px auto 0;
	}

	.orthopedics-list > li { 
		font-size: 18px;
		padding-left: 28px;
	}
	
	.orthopedics-list > li::before {
		font-size: 18px;
		left: 4px;
	}

	/* アンカーリンク */

	.anchor-menu {
		display: block;
		margin-bottom: 64px;
	}

	.anchor-menu-title {
		width: 100%;
		max-width: none;
	}

	.anchor-menu-title a{
		display: block;
		width: 100%;
		padding: 20px 40px 20px 10px;
	}

	.anchor-menu-title::after {
		content: "";
		position: absolute;
		top: 50%;
		width: 10px;
		height: auto;
		right: 10px;
		aspect-ratio: 1;
		background-image: url(../img/common/v.svg);
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		transition: 0.3s;
		transform: translateY(-50%);
	}

	.orthopedicspagecontent-wrapper + .anchor-area {
		margin-top: 64px;
	}

	/* orthopedicsheader ---------------------------------------*/
	.orthopedicsheader #openmenu {
		background: #000;
		border-bottom: 0.9px solid #fff;
	}
	.orthopedicsheader #openmenu span {background: #fff;}
	.header-inner.orthopedicsheader-inner {
		height: 60px;
	}
	.header-logo.orthopedicsheader-logo {
		width: 171px;
		left: 20px;
	}
	.gnav.orthopedicsgnav {
		top: 60px;
		right: 0;
		background: #000;
		transform: translate3d(100%, 0, 0);
	}
	.gnav-list.orthopedicsgnav-list {
		margin-top: unset;
	}

	.gnav-list.orthopedicsgnav-list > li,
	.gnav-list.orthopedicsgnav-list > li > a,
	.gnav-list.orthopedicsgnav-list .gnav-sublist > li > a { color: #fff;}
	.gnav-list.orthopedicsgnav-list .gnav-sublist > li > a:before {background: #fff;}
	.gnav-list.orthopedicsgnav-list > li + li {margin-top: 32px;}
	.gnav-list.orthopedicsgnav-list .gnav-sublist { padding: 20px 6px 0;}
	.gnav-list.orthopedicsgnav-list .gnav-sublist > li + li {margin-top: 18px;}


	/* orthopedicsbtn ---------------------------------------*/
	.orthopedicsbtn {
		max-width: 335px;
		font-size: 18px;
	}

	/* orthopedicskv ---------------------------------------*/
	.orthopedicskv { 
		width: 100%;
		height: calc(480 / 375 * 100vw);
		aspect-ratio: 375 / 480;
		background: url('../img/orthopedics/kv_sp.jpg') no-repeat;
		background-size: contain;
		margin-bottom: 467px;
	}

	.orthopedicskv-inner {
		padding: 87% 0 0;
		/* padding: 54% 0 0; */
	}

	.orthopedicskv-title { 
		font-size: 24px;
		margin-bottom: 12px;
	}

	.orthopedicskv-text { 
		font-size: 14px;
		line-height: 1.8;
	}

	.orthopedicskv-info {
		position: absolute;
		width: 100%;
		top: 100%;
		bottom: unset;
		left: 0;
		border-radius: unset;
		padding: 44px 20px 40px;
		margin: 0 auto;
	}
	
	.orthopedicskv-info-block {
		display: block;
	}
	
	.orthopedicskv-info-title {
		font-size: 20px;
		text-align: center;
		letter-spacing: 0.04em;
		writing-mode: unset;
		margin: 0 auto 30px;
		padding: 0 0 24px;
		border-right: unset;
		border-bottom: 1px solid #000;
	}
	
	.orthopedics-table { 
		max-width: 335px;
		margin: 0 auto;
	}

	.orthopedics-table th,
	.orthopedicsdetail-table-wrapper .orthopedics-table th { 
		font-size: 14px;
		padding: 10px 7px;
	}
	
	.orthopedics-table td,
	.orthopedicsdetail-table-wrapper .orthopedics-table td {
		font-size: 14px;
		padding: 9px 4px;
	}
	
	.orthopedics-table td span,
	.orthopedicsdetail-table-wrapper .orthopedics-table td span {
		font-size: 10px;
		margin-top: 2px;
	}

	.orthopedics-table td.orthopedics-table-close::after,
	.orthopedicsdetail-table-wrapper .orthopedics-table td.orthopedics-table-close::after {
		width: 10px;
		height: 2px;
	}
	
	.orthopedics-table td.orthopedics-table-open::after,
	.orthopedicsdetail-table-wrapper .orthopedics-table td.orthopedics-table-open::after {
		width: 10px;
		height: 10px;
	}

	.orthopedics-table td.orthopedics-table-half::after,
	.orthopedicsdetail-table-wrapper .orthopedics-table td.orthopedics-table-half::after {
		width: 10px;
		height: 8px;
	}

	.orthopedicskv-info .orthopedics-table td.orthopedics-table-half::before,
	.orthopedics-table td.orthopedics-table-half::before {
		top: 14px;
		right: 2px;
		font-size: 8px;
	}

	.orthopedics-caption { 
		max-width: 335px;
		width: 100%;
		font-size: 14px;
		line-height: 1.44;
		margin: 10px auto 0;
	}

	.orthopedicskv-info-caption {
		font-size: 14px;
		max-width: 335px;
        margin: 8px auto 0;
	}
	
	.orthopedicskv-info-access {
		justify-content: space-between;
		margin: 10px auto 0;
        max-width: 335px;
	}
	
	.orthopedicsbtn.orthopedicskv-info-access-btn {
		padding: 0 10px;
		font-size: 11px;
	}


	/* orthopedicsinformation ---------------------------------------*/
	.orthopedicsinformation { 
		padding: 64px 20px 32px;
	}
	
	.orthopedicsinformation-list { 
		display: block;
		margin-top: 32px;
	}

	.orthopedicsinformation-list + .orthopedicsinformation-caselist {
		margin: 20px auto 26px;
	}
	
	.orthopedicsinformation-list > li { 
		width: 100%;
	}
	
	.orthopedicsinformation-list > li + li { 
		margin-top: 20px;
	}

	.orthopedicsinformation-list > li a {border-radius: 8px;}
	.orthopedicsinformation-list > li a::after {border-radius: 8px;} 

	.orthopedicsinformation-list-image { 
		aspect-ratio: 335 / 208;
	}
	
	.orthopedicsinformation-list-image img { 
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	.orthopedicsinformation-list-title { 
		padding: 16px 20px 0;
		font-size: 24px;
		margin-bottom: 6px;
	}

	.orthopedicsinformation-list-text { 
		font-size: 14px;
		padding: 0 20px;
		margin-bottom: 20px;
	}

	.orthopedicsinformation-list-deco { 
		width: 40px;
		height: 40px;
		border-radius: 8px 0 8px 0;
	}

	.orthopedicsinformation-list-deco .icon-arrow-deco { 
		width: 24px;
		height: 24px;
	}
	
	.orthopedicsbtn.orthopedicsinformation-btn { 
		position: relative;
	}

	.orthopedicsinformation-caselist { 
		display: block;
		margin: 20px auto 0;
	}
	
	.orthopedicsinformation-caselist > li  { 
		width: 100%;
	}

	.orthopedicsinformation-caselist > li + li { 
		margin-top: 19px;
	}
	
	.orthopedicsinformation-caselist > li a { 
		border-radius: 4px;
	}
	
	.orthopedicsinformation-caselist > li a::after {
		border-radius: 4px;
	} 
	
	.orthopedicsinformation-caselist-image { 
		width: calc(110 / 335 * 100%);
	}
	
	.orthopedicsinformation-caselist-summary { 
		position: unset;
	}

	.orthopedicsinformation-caselist-title { 
		padding: 16px 16px 0;
		font-size: 18px;
	}
	
	.orthopedicsinformation-caselist-text { 
		font-size: 14px;
		padding: 0 16px 16px;
		width: calc(100% - 20px);
	}
	
	.orthopedicsinformation-caselist-deco { 
		width: 32px;
		height: 32px;
		border-radius: 4px 0 4px 0;
	}
	
	.orthopedicsinformation-caselist-deco .icon-arrow-deco { 
		width: 18px;
		height: 18px;
	}
	
	.orthopedicsinformation-caselist.orthopedicsinformation-caselist-large { 
		display: block;
		margin: 20px auto 0;
	}
	
	.orthopedicsinformation-caselist-large.orthopedicsinformation-caselist > li  { 
		width: 100%;
	}
	
	.orthopedicsinformation-caselist-large.orthopedicsinformation-caselist > li a { 
		align-items: center;
		flex-direction: unset;
	}
	
	.orthopedicsinformation-caselist-large .orthopedicsinformation-caselist-image { 
		width: calc(110 / 335 * 100%);
	}

	.orthopedicsinformation-caselist-large .orthopedicsinformation-caselist-summary { 
		display: flex;
		height: 100%;
	}
	
	.orthopedicsinformation-caselist-large .orthopedicsinformation-caselist-title { 
		padding: 16px 16px 0;
		text-align: unset;
		margin-bottom: 0;
	}
	
	.orthopedicsinformation-caselist-large .orthopedicsinformation-caselist-text { 
		text-align: unset;
		margin-bottom: 0;
		padding: 0 16px 16px;
		width: calc(100% - 32px);
	}
	
	.orthopedicsinformation-caselist-large .orthopedicsinformation-caselist-deco { 
		position: absolute;
		bottom: 0;
		right: 0;
		margin: unset;
	}

	.orthopedicsinformation-btn-wrapper { 
		margin-top: 32px;
	}
	
	.orthopedicsbtn.orthopedicsinformation-btn { 

	}
	
	
	/* orthopedicsaboutus ---------------------------------------*/
	.orthopedicsaboutus { 
		padding: 32px 20px 10px;
	}
	
	.orthopedicsaboutus-list {
		margin: 32px auto 24px;
	}
	
	.orthopedicsaboutus-list > li { 
		display: flex; 
		align-items: flex-start;
	}
	
	.orthopedicsaboutus-list > li + li { 
		margin-top: 26px;
	}
	
	.orthopedicsaboutus-list-num { 
		padding: unset;
		font-size: 56px;
		width: 94px;
	}
	
	.orthopedicsaboutus-list-title { 
		font-size: 20px;
		line-height: 1.44;
		margin-bottom: 10px;
	}

	.orthopedicsaboutus-block { 
		padding: 20px 14px;
	}
	
	.orthopedicsaboutus-textlist > li { 
		font-size: 16px;
		padding-left: 20px;
	}
	
	.orthopedicsaboutus-textlist > li::before { 
		font-size: 16px;
	}
	

	/* orthopedicsfirsttime ---------------------------------------*/
	.orthopedicsfirsttime { 
		padding: 16px 20px 64px;
	}

	.orthopedicsfirsttime .orthopedics-text { 
		font-size: 18px;
	}


	/* orthopedicsintroduction ---------------------------------------*/
	.orthopedicsintroduction { 
		padding: 64px 20px 22px;
	}
	
	.orthopedicsintroduction-block { 
		display: block;
		margin: 26px auto 20px;
	}
	
	.orthopedicsintroduction-image { 
		width: 100%;
		margin-bottom: 34px;
	}
	
	.orthopedicsintroduction-image img { 
		width: 100%;
	}
	
	.orthopedicsintroduction-text { 
		font-size: 16px;
		line-height: 1.8;
		margin-bottom: 12px;
	}
	
	.orthopedicsintroduction-title { 
		font-size: 20px;
	}
	
	.orthopedicsintroduction-title span { 
		font-size: 14px;
		margin-right: 10px;
	}
	
	.orthopedicsintroduction-info { 
		display: block;
	}
	
	.orthopedicsintroduction-info-block { 
		width: 100%;
	}
	
	.orthopedicsintroduction-info-block + .orthopedicsintroduction-info-block { 
		margin-top: 10px;
	}

	.orthopedicsintroduction-info-block + .orthopedicsintroduction-info-block::before { 
		display: none;
	}
	
	.orthopedicsintroduction-info-title { 
		font-size: 16px;
		line-height: 1.44;
		margin-bottom: 8px;
	}

	.orthopedicsintroduction-info-list > li { 
		line-height: 1.6;
	}

	.orthopedicsintroduction-info-list + .orthopedicsintroduction-info-title {
		margin-top: 10px;
	}

	/* orthopedicsnews ---------------------------------------*/
	.orthopedicsnews { 
		padding: 22px 20px 64px;
	}

	.orthopedicsnews-block { 
		display: block;
	}

	.orthopedicsnews .orthopedics-title { 
		text-align: center;
		width: 100%;
	}

	.orthopedics-title.orthopedicsnews-title span { margin-bottom: -2px;}
	.orthopedics-title.orthopedicsnews-title strong { 
		font-size: 28px;
		color: #000;
	}

	.orthopedicsnews-list { 
		width: 100%;
		margin-top: 28px;
	}

	.orthopedicsnews-list > li { 
		display: block;
		padding: 20px 0;
	}

	.orthopedicsnews-list > li time { 
		display: block;
	}


	/* orthopedicsbanner ---------------------------------------*/
	.orthopedicsbanner {
		padding: 20px 20px 60px;
	}


	/* orthopedicsdetail ---------------------------------------*/
	.orthopedicsdetail { 
		padding: 66px 20px 0;
		border-radius: 60px 0 0 0;
	}
	
	.orthopedicsdetail-block { 
		display: block;
		margin-bottom: 30px;
	}
	
	.orthopedicsdetail-summary { 
		margin-bottom: 30px;
	}
	
	.orthopedicsdetail-title { 
		margin: 0 auto 24px;
		max-width: 335px;
	}
	
	.orthopedicsdetail-address { 
		font-size: 16px;
		text-align: center;
		margin-bottom: 10px;
	}
	
	.orthopedicsdetail-access { 
		text-align: center;
	}

	.orthopedicsdetail-table-title {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.orthopedicsdetail-table-wrapper { 
		width: 100%;
		margin: 0 auto;
	}
	
	.orthopedicsdetail-btnlist { 
		display: block;
		margin-bottom: 42px;
	}
	
	.orthopedicsdetail-btnlist > li { 
		width: 100%;
	}
	
	.orthopedicsdetail-btnlist > li + li { 
		margin-top: 20px;
	}
	
	.orthopedicsbtn.orthopedicsdetail-btn {
		padding: 10px;
		height: 72px;
	}
	
	.orthopedicsdetail-btn small {
		margin-bottom: 4px;
	}
	
	.orthopedicsbtn.orthopedicsdetail-btn .icon-tel,
	.orthopedicsbtn.orthopedicsdetail-btn .icon-web { 
		left: 22px;
	}

	.orthopedicsbtn.orthopedicsdetail-btn .text-wrap {
		font-size: 16px;
		line-height: 50px;
	}
	
	.orthopedicsdetail-map { 
		padding-top: 88.65%;
	}

	
	/* orthopedicsfooter ---------------------------------------*/
	.orthopedicsfooter { 
		padding: 60px 20px 88px;
	}
	
	.orthopedicsfooter-nav { 
		display: block;
		width: 100%;
		margin-bottom: 60px;
	}

	.orthopedicsfooter-nav-list + .orthopedicsfooter-nav-list {
		margin-top: 14px;
	}
	
	.orthopedicsfooter-nav-list > li + li { 
		margin-top: 14px;
	}

	.orthopedicsfoote-nav-list > li,
	.orthopedicsfoote-nav-list > li a { 
		font-size: 16px;
	}

	.orthopedicsfooter-nav-list-child {
		display: block;
		height: unset;
		margin-top: 14px;
		margin-left: 10px;
	}

	.orthopedicsfooter-nav-list-child > li a {
		font-size: 14px;
	}

	.orthopedicsfooter-nav-list-child > li + li { 
		margin-top: 11px;
	}

	.gotop { 
		top: 0;
		right: 0;
		width: 60px;
	}

	.gotop .icon-arrow-gotop { 
		width: 30px;
		height: 30px;
	}



	/* orthopedicsfixedbtn ---------------------------------------*/
	.orthopedicsfixedbtn {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		z-index: 1000;
	}

	.orthopedicsfixedbtn-block {
		display: flex;
		align-items: center;
		position: relative;
		border-top: 1px solid #fff;
	}

	/* .orthopedicsfixedbtn-block::after {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		z-index: 1;
		width: 1px;
		height: 100%;
		background: #fff;
		content: '';
	} */

	.orthopedicsfixedbtn-btn {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 10px;
		/* width: 50%; */
		width: 100%;
		height: 56px;
		padding: 14px 6px;
		background: #000;
		font-size: 15px;
		font-weight: 500;
		text-align: center;
		letter-spacing: 0;
		color: #fff;
		border-right: 1px solid #fff;
	}

	.orthopedicsfixedbtn-btn:last-child {
		border-right: none;
	}

	.orthopedicsfixedbtn-btn .icon-tel,
	.orthopedicsfixedbtn-btn .icon-web {
		background: #fff;
		width: 20px;
		height: 20px;
	}

	.orthopedicsfixedbtn-btn .icon-line,
	.orthopedicsfixedbtn-btn .icon-instagram {
		width: 20px;
		height: 20px;
	}

	/* .orthopedicsfixedbtn-btn .icon-web {
		width: 24px;
		height: 24px;
	}


	/* orthopedicspagekv ---------------------------------------*/
	.orthopedicspagekv { 
		padding: 0 20px;
	}

	.orthopedicspagekv-small {
		padding: 0 20px;
	}

	.orthopedicspagekv-block { 
		display: block;
	}

	.orthopedicspagekv-title { 
		padding: 65px 0 66px;
	}

	.orthopedicspagekv-title span { 
		font-size: 16px;
		margin-bottom: 0;
	}

	.orthopedicspagekv-title strong { 
		font-size: 28px;
	}

	.orthopedicspagekv-image { 
		width: calc(100% + 40px);
		min-height: unset;
		max-height: 500px;
		margin-left: -20px;
		aspect-ratio: 375 / 268;
	}


	/* orthopedicspagecontent ---------------------------------------*/
	.orthopedicspagecontent { 
		padding: 64px 20px;
	}

	.orthopedicspagecontent-wrapper + .orthopedicspagecontent-wrapper { 
		margin-top: 64px;
	}

	.orthopedicspagecontent-title { 
		font-size: 26px;
		padding-bottom: 14px;
		margin-bottom: 32px;
	}

	.orthopedicspagecontent-title::after { 
		background: linear-gradient(90deg, #000 0%, #000 80px, #F2F2F2 80px, #F2F2F2 100%);
	}

	.orthopedicspagecontent-textblock {
		padding: 20px;
	}

	.orthopedicspagecontent-textblock-list {
		display: block;
	}

	.orthopedicspagecontent-textblock-list > li {
		width: 100%;
		min-width: unset;
		padding-left: 26px;
	}

	.orthopedicspagecontent-textblock-list > li + li {
		margin-top: 9px;
	}

	.orthopedicspagecontent-textblock-list > li::before {
		left: 8px;
	}

	.orthopedicspagecontent-subtitle {
		font-size: 22px;
		margin-bottom: 10px;
	}

	.orthopedicspagecontent-subtitle-sub {
		font-size: 18px;
	}

	.orthopedicspagecontent-text + .orthopedicspagecontent-subtitle{ 
		margin-top: 32px;
	}

	.orthopedicspagecontent-subtitle + .orthopedicspagecontent-subtitle-sub { 
		margin-top: 20px;
	}
	
	.orthopedicspagecontent-text + .orthopedicspagecontent-subtitle-sub { 
		margin-top: 28px;
	}

	.orthopedicspagecontent-machinelist > li { 
		display: block;
	}

	.orthopedicspagecontent-machinelist > li + li { 
		margin-top: 32px;
	}

	.orthopedicspagecontent-machinelist-image { 
		width: 100%;
		aspect-ratio: 335 / 251;
		margin-bottom: 20px;
	}

	.orthopedicspagecontent-machinelist-summary { 
		flex: 1;
	}

	.orthopedicspagecontent-machinelist-title { 
		font-size: 22px;
		margin-bottom: 10px;
	}

	.orthopedicspagecontent-staff { 
		display: block;
	}

	.orthopedicspagecontent-staff-image { 
		width: 100%;
		aspect-ratio: 335 / 251;
		margin-bottom: 32px;
	}

	.orthopedicspagecontent-staff-title { 
		margin-bottom: 10px;
	}

	.orthopedicspagecontent-staff-info { 
		display: block;
		margin-top: 32px;
	}

	/* .orthopedicspagecontent-staff-info-block + .orthopedicspagecontent-staff-info-block::before { 
		display: none;
	} */

	/* .orthopedicspagecontent-staff-info-block + .orthopedicspagecontent-staff-info-block { 
		border-top: 1px solid #CCCCCC;
		padding-top: 18px;
		margin-top: 18px;
	} */

}












.o_machine_outer {}
.o_machine_outer .o_machine_block {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	margin-bottom: 30px;
	background: #f2f2f2;
	padding: 30px 40px;
}
.o_machine_outer .o_machine_block:nth-child(2) {
	display: block;
}

.o_machine_outer .o_machine_block .img_b {
	width: 32%;
}

.o_machine_outer .o_machine_block .text_b {
	width: 62%;
}
.o_machine_outer .o_machine_block .text_b .orthopedicspagecontent-machinelist-title {
	margin-bottom: 15px;
}
.o_machine_outer .o_machine_block .text_b .list_block {
	border: 1px solid #000;
	border-radius: 4px;
	box-sizing: border-box;
	padding:8px 20px 15px;
}
.o_machine_outer .o_machine_block .text_b .list_block .ttl {
	font-size: 18px;
	text-align: center;
	margin-bottom: 10px;
}
.o_machine_outer .o_machine_block .text_b .list_block ul li {
	line-height: 1.4;
	padding-left: 1em;
	position: relative;
	margin-bottom: 5px;
}
.o_machine_outer .o_machine_block .text_b .list_block ul li:last-child { margin-bottom: 0;}
.o_machine_outer .o_machine_block .text_b .list_block ul li:before {
	content: "";
	display: block;
	width: 4px;
	height: 4px;
	background: #000;
	border-radius: 50%;
	position: absolute;
	top: 10px;
	left: 0;
}

.o_machine_outer .o_machine_block .text_b .note_list li {
	font-size: 14px;
	padding-left: 1.2em;
	position: relative;
	line-height: 1.4;
	margin-bottom: 5px;
}
.o_machine_outer .o_machine_block .text_b .note_list li:last-child { margin-bottom: 0;}
.o_machine_outer .o_machine_block .text_b .note_list li:before {
	content: "※";
	position: absolute;
	top: 0;
	left: 0;
	
}



.col_two {
	display: flex;
}
.col_two.mb { margin-bottom: 40px;}
.col_two .block {
	width: 48%;
	box-sizing: border-box;
	padding: 30px 30px 20px;
	background: #f2f2f2;
}
.col_two .block:first-child { margin-right: 4%;}

.col_two .block h3 { text-align: center;}

.col_two .block .img {
	width: 60%;
	margin: 0 auto 30px;
}




  .image_l,.image_r {
    display: flex;
  }
  .image_r {
    justify-content: flex-end;
    flex-direction: row-reverse;
  }
  .image_l .img,
  .image_r .img {
    width: 40%;
	margin: 0;
  }
  .image_l .txt,
  .image_r .txt,
  .main_sec_bg_inner .image_l .txt,
  .main_sec_bg_inner .image_r .txt {
    width: 55%;
  }
  .image_l .txt {
    margin-left: auto;
  }
  .image_r .txt {
    margin-right: auto;
  }


.orthopedicspagecontent-subtitle02 {
	font-size: 26px;
	background: #F2F2F2;
	box-sizing: border-box;
	padding: 5px 20px;
	margin-bottom: 20px;
	position: relative;
}
.orthopedicspagecontent-subtitle02:before {
	content: "";
	display: block;
	width: 5px;
	height: 100%;
	background: #000;
	position: absolute;
	top: 0;
	left: 0;
}



.orthopedicspagecontent-subtitle02 {
	margin-top: 40px;
}

.staff_img { width: 100%; max-width: 650px; margin: 0 auto 30px;}
.staff_img img { width: 100%; height: auto;}


.reha_training_img {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 20px;
}
.reha_training_img li {
	width: 19%;
	margin-right: 1%;
}
.reha_training_img li img {
	width: 100%;
}

@media screen and (max-width: 767px) {
.o_machine_outer .o_machine_block {
	display: block;
	margin-bottom: 30px;
	padding: 20px 30px;
}

.o_machine_outer .o_machine_block .img_b {
	width: 100%;
	margin: 0 auto 15px;
}

.o_machine_outer .o_machine_block .text_b {
	width: 100%;
}
.o_machine_outer .o_machine_block .text_b .orthopedicspagecontent-machinelist-title {
	margin-bottom: 10px;
}


.col_two {
	display: block;
}
.col_two.mb { margin-bottom: 40px;}
.col_two .block {
	width: 100%;
	padding: 20px 30px 20px;
}
.col_two .block:first-child { margin-right: 0%; margin-bottom: 20px;}



  .image_l,.image_r {
    display: block;
  }
  .image_l .img,
  .image_r .img {
    width: 100%;
	margin: 0 auto 15px;
  }
  .image_l .txt,
  .image_r .txt,
  .main_sec_bg_inner .image_l .txt,
  .main_sec_bg_inner .image_r .txt {
    width: 100%;
  }
  .image_l .txt {
    margin-left: auto;
  }
  .image_r .txt {
    margin-right: auto;
  }


.orthopedicspagecontent-subtitle02 {
	font-size: 26px;
	background: #F2F2F2;
	box-sizing: border-box;
	padding: 5px 20px;
	margin-bottom: 20px;
	position: relative;
}
.orthopedicspagecontent-subtitle02:before {
	content: "";
	display: block;
	width: 5px;
	height: 100%;
	background: #000;
	position: absolute;
	top: 0;
	left: 0;
}

.reha_training_img li {
	width: 48%;
	margin: 0 1% 10px;
}
	
	
}

.o_info_b {
	padding-bottom: 100px !important;
}