@charset "utf-8";
/*
Theme Name: エム産婦人科外科クリニック
Author: Stella Vertex 株式会社
Theme URI: https://www.stellavertex.com/
Version: 1.0.5
*/

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

*:before, *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	font-family: dnp-shuei-mgothic-std, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, arial, helvetica, sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	word-break: break-all;
	font-weight: 400;
}

body {
	margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}

audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden], template {
	display: none;
}

a {
	background-color: transparent;
}

a:active, a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b, strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
	font-family: "Noto Serif", serif;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
	vertical-align: middle
}

button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button, select {
	text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled], html input[disabled] {
	cursor: default;
}

button::-moz-focus-container, input::-moz-focus-container {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-container-spin-button, input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

p, li, dl, dt, dd, th, td, pre, ul, ol {
	margin: 0;
	-ms-line-break: strict;
	line-break: strict;
	-ms-word-break: break-strict;
	word-break: break-strict
}

ul, ol {
	list-style: none;
	padding: 0;
}


/* ----------------------------------------------------
基本コンテンツ
---------------------------------------------------- */

html {
	-webkit-tap-highlight-color: transparent;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 62.5%;
	/* 10px */
}

body {
	font-size: min(1.5vw, 1.8rem);
	text-rendering: optimizeLegibility;
	font-kerning: normal;
	font-variant-ligatures: common-ligatures contextual;
	font-feature-settings: "kern", "liga", "clig", "calt";
}

#wrapper {
	margin: 0 auto;
	position: relative;
}

h1, h2, h3, h4, h5, h6, table, ul, ol, p, dl {
	font-size: 100%;
	margin: 0;
}

ul {
	list-style: none;
}

dd {
	margin: 0;
}

table, ul, ol, p, dl {
	margin-bottom: 0;
}

header table, header ul, header ol, header p, header dl, footer table, footer ul, footer ol, footer p, footer dl {
	margin-bottom: 0px;
}

/* link  */
a[href^="tel:"] {
	cursor: default;
}

.clickable {
	cursor: pointer;
}

.clearfix {
	zoom: 100%;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

@media (min-width:768px) {
	.pcNoDisplay, #ftSlideBlock {
		display: none !important;
	}

	a:hover[href^="tel:"] {
		text-decoration: none;
	}
}

@media (max-width: 767px) {
	body {
		font-size: 3.8vw;
	}

	.spNoDisplay {
		display: none;
	}

	a:hover {
		text-decoration: none !important;
	}

	img {
		width: 100%;
	}
}

.tblA, .tblB, .tblC, .tblD {
	width: 100%;
}

.tblB td.inrTblB {
	padding: 0;
}

.tblB td.inrTblB table {
	width: 100%;
	margin: 0;
}

.tblB td.inrTblB table tr:last-child {
	border-bottom: 0;
}

.tblB td.inrTblB table th {
	border: 0;
}

.tblB td.inrTblB table td {
	border: 0;
}

@media (max-width: 767px) {
	.tblA.tblVertical th {
		width: 100%;
		display: block;
	}

	.tblA.tblVertical td {
		width: 100%;
		display: block;
		border-bottom: 0;
		border-top: 0;
	}

	.tblB th, .tblB td {
		width: 100%;
		display: block;
	}

	.tblB th, .tblB td {
		border-bottom: 0 !important;
	}

	.tblB td.inrTblB table tr {
		border: 0 !important;
	}

	.tblB td.inrTblB table th {
		border: 0 !important;
		background: #f3f3f3;
		color: #333;
	}

	.tblB td.inrTblB table td {
		border: 0 !important;
	}

	.tblC {
		display: flex;
		display: -webkit-flex;
	}

	.tblC th, .tblC td {
		display: block;
		width: 100%;
	}

	.tblC thead {
		width: 30%;
		display: block;
	}

	.tblC thead tr {
		display: block;
		width: 100%;
	}

	.tblC thead tr th {
		border-right: 0;
		border-top: 0;
		display: flex;
		display: -webkit-flex;
		align-items: center;
		justify-content: center;
	}

	.tblC tbody {
		width: 70%;
		display: flex;
		display: -webkit-flex;
	}

	.tblC tbody tr {
		display: block;
		width: 50%;
	}

	.tblC tbody tr td {
		border-top: 0;
	}

	.tblC tbody tr:first-child td {
		border-right: 0;
		border-top: 0;
	}

	.tblD thead {
		display: none;
	}

	.tblD tr {
		width: 100%;
	}

	.tblD td {
		display: block;
		width: 100%;
		border-top: none !important;
	}

	.tblD td:before {
		content: attr(data-label);
		width: 100%;
		display: block;
	}

	.tblD td span {
		width: 100%;
		display: block;
	}

	.tblD td:first-child {
		display: block;
		text-align: center;
	}

	.tblD td:first-child:before {
		content: none;
	}

	.tblD td:last-child {
		border-bottom: 0 !important;
	}

	.tbl-scroll {
		cursor: grab;
	}

	.tbl-scroll table {
		width: 100%;
	}

	.tbl-scroll {
		overflow: auto;
		white-space: nowrap;
	}

	.tbl-scroll::-webkit-scrollbar {
		height: 3px;
	}

	.tbl-scroll .tblE th {
		position: -webkit-sticky;
		position: sticky;
		left: 0;
		z-index: 2;
	}

	.tbl-scroll .tblE th::before {
		content: "";
		width: 1px;
		height: 100%;
		position: absolute;
		left: -1px;
		top: 0;
	}

	.tbl-scroll .tblE th::after {
		content: "";
		width: 1px;
		height: 100%;
		position: absolute;
		right: -1px;
		top: 0;
	}
}

body {
	color: #333333;
	line-height: 1.6;
	background: #fff;
}

a {
	color: #333333;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.clickable a, .clickable a:hover {
	color: #333;
}

img {
	width: 100%;
	height: auto;
}

.flex {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.container {
	width: 90%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding: 50px 0;
}

:root {
	--ff-symbol: 'Material Symbols Outlined';
	--ff-serif: 'Shippori Mincho', serif;
	--ff-sans: 'dnp-shuei-mgothic-std', sans-serif;
	--ff-en: "Parisienne", cursive;
	--c-green: #7ec0b9;
	--c-pink: #f5dbdb;
	--c-pink-strong: #e79ca3;
	--c-brown: #6f5136;
	--c-lightBrown: #bca38e;
	--c-lightGray: #f0f0f0;
	--c-btn-pink: #b48889;
}

.ic--symbol {
	position: relative;
}

.ic--symbol::before {
	font-family: var(--ff-symbol);
	position: absolute;
}

.ic--fill::before {
	font-variation-settings: 'FILL'1;
}

.ic--left::before {
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.ic--top::before {
	left: 50%;
	top: 0;
	transform: translateX(-50%);
}

.ic--tel::before {
	content: "\e0b0";
}

.ic--device::before {
	content: "\e1b1";
}

.btn--reserve {
	display: block;
	color: #fff;
	background: var(--c-btn-pink);
	border: 2px solid var(--c-btn-pink);
	font-family: var(--ff-serif);
	border-radius: 30vw;
}

.btn--instagram {
	display: block;
	background: #6f5136;
	color: #fff;
	border: 2px solid var(--c-brown);
	font-family: var(--ff-serif);
	border-radius: 30vw;
}

#footer {
	background: var(--c-lightGray);
	padding: min(6.25vw, 75px) 0 0;
}

.footer-inner {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto min(5.83vw, 70px);
}

.footer-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
	width: 100%;
	max-width: 680px;
	margin-inline: auto;
}

#footer-logo {
	width: min(26.6vw, 350px);
	margin-bottom: 10px;
}

.footer-cont {
	/* width: 62%; */
	width: 100%;
	font-size: min(1.3vw, 1.6rem);
	position: relative;
}

.footer-cal {
	width: 33%;
	background: #fff;
	padding: min(2.5vw, 30px) min(3.3vw, 40px);
}

.footer-tel {
	font-family: var(--ff-serif);
	color: var(--c-brown);
	font-size: min(2vw, 2.4rem);
	letter-spacing: 0.1rem;
}

.footer-tel span {
	font-size: min(2.67vw, 3.2rem);
}

.footer-btn .btn--reserve {
	font-size: min(1.66vw, 2rem);
	padding: min(0.4vw, 5px);
	width: min(20.83vw, 250px);
	text-align: center;
}

.footer-cont .timetable {
	margin-top: min(1.66vw, 20px);
}

.timetable {
	width: 100%;
}

.timetable th {
	background: #D3C9C4;
	color: var(--c-brown);
	font-weight: normal;
	text-align: center;
	padding: min(1.25vw, 15px) min(0.83vw, 10px);
}

.timetable td {
	border-bottom: 1px solid #777;
	padding: min(1.25vw, 15px) min(0.83vw, 10px);
	text-align: center;
	color: #454545;
}

.footer-note {
	font-size: min(1.16vw, 1.4rem);
	margin: min(1.25vw, 15px) 0 0;
}

.footer-map {
	height: min(36.6vw, 440px);
}

.footer-map iframe {
	width: 100%;
	height: 100%;
}

.footer-info {
	background: #e7e7e5;
	/* color: #fff; */
	font-size: min(1.16vw, 1.4rem);
	text-align: center;
	padding: min(2.5vw, 30px) 5%;
}

.navFooter {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	margin-bottom: min(2.5vw, 30px);
}

.navFooter li {
	padding: 0 min(1.66vw, 20px);
	line-height: 1;
}

.navFooter li:not(:last-child) {
	border-right: 1px solid #333;
}

#pagetop {
	position: fixed;
	bottom: 4%;
	right: 3%;
	z-index: 150;
}

#pagetop a {
	display: block;
	width: 45px;
	aspect-ratio: 1/1;
	border-radius: 50%;
	background-color: #777777;
	color: #fff;
	position: relative;
	z-index: 8;
}

#pagetop a::before {
	content: "";
	width: 12px;
	height: 12px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) rotate(-45deg);
	z-index: 9;
}

@media (max-width: 767px) {
	#footer {
		margin-top: 0;
		padding: min(10vw, 75px) 0 0;
	}

	.footer-inner {
		margin: 0 auto min(5vw, 70px);
	}

	.footer-item {
		flex-direction: column;
	}

	#footer-logo {
		width: min(60vw, 700px);
		margin: 0 auto min(5vw, 60px);
	}

	.footer-cont {
		width: 100%;
		font-size: min(3.8vw, 1.6rem);
		text-align: center;
	}

	.footer-cal {
		width: 90%;
		padding: min(6vw, 30px) min(8vw, 40px);
		margin: 5vw auto 0;
	}

	.footer-tel {
		font-size: min(5vw, 2.4rem);
	}

	.footer-tel span {
		font-size: min(7vw, 3.2rem);
	}

	.footer-btn {
		position: relative;
		right: inherit;
		top: inherit;
	}

	.footer-btn .btn--reserve {
		font-size: min(5vw, 2rem);
		padding: min(10vw, 10px) min(10vw, 30px);
		width: 100%;
		margin: 3vw auto;
	}

	.footer-cont .timetable {
		margin-top: min(4vw, 20px);
	}

	.timetable th {
		padding: 1vw;
		font-size: 4vw;
	}

	.timetable td {
		padding: 2vw;
	}

	.footer-note {
		font-size: min(3.6vw, 1.4rem);
		margin: min(3vw, 15px) 0 0;
		text-align: left;
	}

	.footer-map {
		height: min(40vw, 440px);
	}

	.footer-info {
		font-size: min(3.2vw, 1.4rem);
		padding: min(3vw, 30px) 5%;
	}

	.navFooter {
		display: none;
	}

	#pagetop {
		bottom: 18vw;
	}
}

/* -----------------------------------------------------
トップページ
------------------------------------------------------- */
#topmv {
	aspect-ratio: 160/80;
	width: 100%;
	position: relative;
	overflow: hidden;
}

#topmv img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.homVis__title {
	position: absolute;
	right: 8%;
	bottom: 6%;
}

.homVis__title h1 {
	font-size: min(2.7vw, 3.3rem);
	color: var(--c-brown);
	text-shadow: #fff 2px 0px 10px, #fff -2px 0px 10px, #fff 0px -2px 10px, #fff 0px 2px 10px, #fff 2px 2px 10px, #fff -2px 2px 10px, #fff 2px -2px 10px;
}

.homVis__title p {
	margin: 0;
	font-family: var(--ff-en);
	color: #fff;
	font-size: min(10vw, 9rem);
	position: absolute;
	left: 0;
	top: 0;
	width: 90vw;
	transform: translateY(-100%);
	text-shadow: 1px 1px 15px rgba(220, 247, 240, 1), -1px -1px 15px rgba(220, 247, 240, 1);
}

@media (max-width: 767px) {
	#topmv {
		aspect-ratio: 16/14;
	}

	#topmv img {
		object-position: 75% center;
	}

	.topmv-imgSp{
		aspect-ratio: 16/14;
	}

	.homVis__title {
		left: 5vw;
		width: 90vw;
		top: inherit;
		bottom: 0;
		transform: none;
	}

	.homVis__title h1 {
		font-size: min(4.8vw, 4rem);
		color: #fff;
		text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3), -2px 2px 3px rgba(0, 0, 0, 0.3), 2px -2px 3px rgba(0, 0, 0, 0.3), -2px -2px 3px rgba(0, 0, 0, 0.3);
	}

	.homVis__title p {
		font-size: min(10vw, 12rem);
		position: relative;
		left: inherit;
		bottom: inherit;
		width: auto;
		transform: none;
	}
}

/* point */
.news-item-wrap {
	padding: min(7.5vw, 90px) 0;
}

.news-item-wrap h2 {
	color: var(--c-brown);
	font-size: min(2.83vw, 3.4rem);
	position: relative;
}

.news-item-wrap h2 span {
	position: relative;
}

.point {
	width: 90%;
	max-width: 1200px;
	margin: min(4.16vw, 50px) auto min(2.5vw, 30px);
}

.point:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.point h3 {
	font-size: min(2vw, 2.4rem);
	margin: min(2.5vw, 30px) 0 min(0.83vw, 10px);
}

.point h3:first-of-type {
	margin-top: 0;
}

table.schedule {
	width: 100%;
	margin-bottom: min(0.83vw, 10px);
	font-size: min(1.25vw, 1.5rem);
}

table.schedule th {
	background: #E9DFE1;
	color: #3F3F3F;
	border: 1px solid #fff;
	text-align: center;
	font-weight: normal;
	padding: 5px;
	line-height: 1.4;
}

table.schedule td {
	border: 1px solid #fafaf8;
	text-align: center;
	padding: min(0.4vw, 5px);
	color: #333;
	background: #F1F1F2;
}

table.schedule tr th:first-child {
	background: #E9DFE1;
}

table.schedule th.sat, table.schedule thead th span.sat {
	color: #278bfc;
}

table.schedule th.red, table.schedule thead th span.red {
	color: #ff6e89;
}

table.schedule td.red {
	color: #e8342f;
	background: #f8dfdf;
	font-weight: bold;
}

.point p:last-child {
	margin-bottom: 0;
}

/*日付統合の調整*/
table.schedule thead th.merge span {
	display: inline-block;
}

table.schedule thead th.merge span.btw {
	padding: 0 0.5em;
	vertical-align: 50%;
}

@media (max-width: 767px) {
	.news-item-wrap {
		padding: min(10vw, 90px) 0;
	}

	.news-item-wrap h2 {
		font-size: min(6vw, 3.4rem);
	}

	.point {
		margin: min(8vw, 50px) auto min(6vw, 30px);
	}

	.point h3 {
		font-size: min(5vw, 2.4rem);
		margin: min(6vw, 30px) 0 min(2vw, 10px);
	}

	table.schedule {
		display: block;
		width: auto !important;
		margin: 2vw 0 3vw;
		border-collapse: collapse;
		font-size: min(3.8vw, 1.5rem);
	}

	table.schedule thead {
		display: block;
		float: left;
		width: 35%;
	}

	table.schedule tbody {
		display: block;
		width: 65%;
		float: left;
	}

	table.schedule th, table.schedule td {
		text-align: center;
		padding: 2vw 1vw;
		display: block;
		line-height: 1.6;
	}

	table.schedule th br {
		display: none;
	}

	table.schedule thead tr {
		display: block;
	}

	table.schedule tbody tr {
		width: 50%;
		display: block;
		float: left;
	}

	table.schedule th, table.schedule td {
		margin-top: -1px;
		margin-left: -1px;
	}

	table.schedule {
		zoom: 100%;
	}

	table.schedule:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	table.schedule td br {
		display: block;
	}

	table.schedule th br {
		display: none;
	}

	table.schedule th br.sp_br {
		display: block !important;
	}

	table.schedule.schedule_y {
		display: table;
		width: 100% !important;
		margin: 1vw 0;
		border-collapse: collapse;
	}

	table.schedule.schedule_y thead {
		display: table-header-group;
		float: none;
		width: 100%;
	}

	table.schedule.schedule_y tbody {
		display: table-row-group;
		width: 100%;
		float: none;
	}

	table.schedule.schedule_y th, table.schedule.schedule_y td {
		text-align: center;
		padding: 0.6vw 0.2vw;
		display: table-cell;
		font-weight: normal;
	}

	table.schedule.schedule_y td br {
		display: block;
	}

	table.schedule.schedule_y th br {
		display: block !important;
	}

	table.schedule.schedule_y th br.sp_br {
		display: none !important;
	}

	table.schedule.schedule_y thead tr {
		display: table-row;
	}

	table.schedule.schedule_y tbody tr {
		width: 100%;
		display: table-row;
		float: none;
	}

	table.schedule.schedule_y tbody tr th {
		width: 2em;
		padding: 1px 2px;
	}

	table.schedule.schedule_y th, table.schedule.schedule_y td {
		margin-top: -1px;
		margin-left: -1px;
	}

	table.schedule.schedule_y {
		zoom: 100%;
	}

	table.schedule.schedule_y:after {
		content: ".";
		display: table;
		height: 0;
		clear: both;
		visibility: hidden;
		font-size: 0;
	}

	table.schedule.schedule_y {
		font-size: 3.2vw;
	}

	table.schedule.schedule_y th, table.schedule.schedule_y td {
		vertical-align: middle !important;
	}
}

.news-item {
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
	position: relative;
}

.news-item::before {
	content: "Information";
	position: absolute;
	left: 0;
	top: 0;
	transform: translate(-10%, -25%);
	font-family: var(--ff-en);
	color: #fff;
	font-size: min(10vw, 120px);
}

.topnews-list-wrap {
	width: 65%;
	font-size: min(1.25vw, 1.5rem);
}

.topnews-list {
	margin: 0;
}

.topnews-list a {
	color: var(--c-brown);
	font-weight: 600;
}

.topnews-list li {
	position: relative;
	padding-left: 5.5em;
	margin: 0 0 min(1.25vw, 15px);
	line-height: 1.4;
}

.topnews-list li span {
	background: var(--c-btn-pink);
	color: #fff;
	position: absolute;
	left: 0;
	display: block;
	padding: min(0.4vw, 5px) min(1vw, 12px);
	border-radius: 30vw;
	line-height: 1;
	font-size: min(1.16vw, 1.4rem);
}

.topnews-thumb-list {
	margin: 40px -15px 0;
}

.topnews-thumb-list-item {
	margin-inline: 15px;
}

.topnews-thumb-list-img {
	aspect-ratio: 3 / 2;
}

.topnews-thumb-list-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.slide-arrow {
	width: 40px;
	aspect-ratio: 1;
	background: #b48889 url(./img/common/icon_arrow01.svg) center / 10px auto no-repeat;
	border-radius: 50%;
	position: absolute;
	top: 25%;
	z-index: 1;
	cursor: pointer;
}

.slide-arrow.prev-arrow {
	left: -5px;
	scale: -1 1;
}

.slide-arrow.next-arrow {
	right: -5px;
}

@media (max-width: 767px) {
	.news-item-wrap h2 {
		margin-bottom: 6vw;
	}

	.news-item {
		display: block;
	}

	.news-item::before {
		font-size: min(20vw, 120px);
		transform: translate(-10%, -20%);
	}

	.topnews-list-wrap {
		width: 100%;
		font-size: min(3.9vw, 1.5rem);
	}

	.topnews-list li {
		padding-left: 5em;
		margin: 0 0 min(3vw, 15px);
	}

	.topnews-list li span {
		padding: min(1vw, 5px) min(2.4vw, 12px);
		font-size: min(3.8vw, 1.4rem);
	}

	.slide-arrow.prev-arrow {
		left: 0;
	}

	.slide-arrow.next-arrow {
		right: 0;
	}
}

#topinfo {
	margin: min(10vw, 120px) auto 0;
	position: relative;
	padding-bottom: min(6.6vw, 80px);
}

#topinfo::before, #topinfo::after {
	content: "";
	position: absolute;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

#topinfo::before {
	right: 5%;
	top: 40px;
	width: 42%;
	aspect-ratio: 56/38;
	background: url("./img/home/img-topinfo-04.jpg");
	-webkit-background-size: cover;
	background-size: cover;
	border-radius: 50px;
}

#topinfo .container {
	display: flex;
	display: -webkit-flex;
}

.topinfo-item {
	width: min(49%, 585px);
	padding-top: min(2.92vw, 35px);
}

.topinfo-item h2 {
	margin-bottom: min(3vw, 36px);
	position: relative;
}

.topinfo-item h2::before {
	content: "Info";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0, -50%);
	font-family: var(--ff-en);
	color: #f0f0f0;
	font-size: min(11.67vw, 140px);
}

.topinfo-item h2 span {
	width: min(43.3vw, 520px);
	position: relative;
	display: inline-block;
}

.topinfo-address {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	margin-bottom: min(3vw, 36px);
}

.topinfo-address p {
	margin: 0;
	font-size: min(1.3vw, 1.6rem);
}

.topinfo-link {
	width: 43%;
}

.topinfo-link a {
	text-align: center;
	display: block;
	width: 100%;
	padding: min(0.4vw, 5px) min(2.5vw, 30px);
	font-size: min(1.6vw, 2rem);
}

.topinfo-item .timetable td {
	color: var(--c-brown);
}

@media (max-width: 767px) {
	#topinfo {
		margin: min(10vw, 120px) auto 0;
		padding-bottom: 68vw;
	}

	#topinfo::before {
		left: inherit;
		right: 0;
		top: inherit;
		bottom: 15vw;
		width: auto;
		height: 50vw;
	}

	#topinfo::after {
		left: 5vw;
		bottom: -23px;
		width: auto;
		height: 29vw
	}

	#topinfo .container {
		display: block;
	}

	.topinfo-item {
		width: 100%;
		padding-top: 0;
	}

	.topinfo-item h2 {
		margin-bottom: min(4vw, 36px);
	}

	.topinfo-item h2::before {
		font-size: min(22vw, 140px);
	}

	.topinfo-item h2 span {
		width: 80vw;
	}

	.topinfo-address {
		position: relative;
		margin-bottom: min(6vw, 36px);
		display: block;
		text-align: center;
	}

	.topinfo-address p {
		font-size: min(4vw, 1.6rem);
	}

	.topinfo-link {
		width: 80%;
		margin: 3vw auto 0;
	}

	.topinfo-link a {
		padding: min(1vw, 5px) min(6vw, 30px);
		font-size: min(4.5vw, 2rem);
	}
}

#topabout {
	margin: min(6.73vw, 80px) auto 0;
	position: relative;
	background-color: #e4dad4;
}

#topabout::before, #topabout::after {
	content: "";
	position: absolute;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

#topabout::before {
	right: 0;
	top: 280px;
	width: 38%;
	aspect-ratio: 78/53;
	background-position: right center;
	background-image: url("./img/home/img-topinfo-03.jpg");
}

.topabout_item {
	width: 55%;
	padding-bottom: min(3vw, 35px)
}

#topabout h2 {
	padding-top: min(6.6vw, 80px);
	position: relative;
	font-size: min(2.8vw, 3.8rem);
	margin-bottom: min(2.7vw, 32px);
}

#topabout h2::before {
	content: "Concept";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(-20%, -70%);
	font-family: var(--ff-en);
	color: #f0f0f0;
	font-size: min(11.67vw, 140px);
	letter-spacing: 1rem;
}

#topabout h2 span {
	position: relative;
	color: #575757;
}

#topabout h2 span span {
	color: var(--c-btn-pink);
	font-weight: bold;
}

#topabout h2 span small {
	color: var(--c-brown);
	font-weight: bold;
}

.topabout_item p {
	line-height: 2;
	margin-bottom: min(2.5vw, 30px);
	color: var(--c-brown);
}

#topabout .topabout_link {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}

#topabout .topabout_link li {
	width: 24%;
}

#topabout .topabout_link li a {
	display: block;
	color: var(--c-btn-pink);
	background: #fff;
	border: 1px solid var(--c-btn-pink);
	padding: min(2vw, 24px) min(3.3vw, 40px);
	border-radius: 30vw;
	font-size: min(1.66vw, 2rem);
	position: relative;
}

#topabout .topabout_link li a::before, #topabout .topabout_link li a::after {
	content: "";
	position: absolute;
	right: min(1.6vw, 20px);
	top: 50%;
	height: 1px;
	background: var(--c-btn-pink);
	transform-origin: right bottom;
}

#topabout .topabout_link li a::before {
	width: min(3vw, 36px);
}

#topabout .topabout_link li a::after {
	width: min(1vw, 12px);
	transform: rotate(40deg);
}

@media (max-width: 767px) {
	#topabout {
		margin: min(10vw, 160px) auto 0;
		padding-bottom: 90vw;
	}

	#topabout::before {
		top: inherit;
		right: 0;
		bottom: 10vw;
		width: 80%;
		height: 70vw;
		aspect-ratio: inherit;
	}

	#topabout::after {
		left: 5vw;
		right: inherit;
		width: auto;
		height: 60vw;
	}

	#topabout h2 {
		font-size: 6vw;
	}

	#topabout h2::before {
		transform: translate(-5%, -140%);
	}

	.topabout_item {
		width: 100%;
		padding-bottom: 0;
	}

	.topabout_item h2 {
		padding-top: min(10vw, 80px);
		font-size: min(5.2vw, 3.8rem);
		margin-bottom: min(6vw, 70px);
	}

	.topabout_item h2::before {
		left: inherit;
		right: 0;
		transform: translate(0, -60%);
		font-size: min(20vw, 140px);
		letter-spacing: 0.5rem;
	}

	.topabout_item h2 span {
		position: relative;
		color: #575757;
	}

	.topabout_item p {
		margin-bottom: min(4vw, 30px);
	}

	.topabout_item .topabout_link {
		width: 80%;
		margin: min(10vw, 80px) auto 0;
		justify-content: center;
		flex-wrap: wrap;
		flex-direction: column;
	}

	.topabout_item .topabout_link li {
		width: 100%;
		margin-bottom: 2vw;
	}

	.topabout_item .topabout_link li a {
		padding: min(4vw, 24px) min(6vw, 40px);
		font-size: min(4vw, 2rem);
	}

	.topabout_item .topabout_link li a::before, .topabout_item .topabout_link li a::after {
		right: min(4vw, 20px);
	}

	.topabout_item .topabout_link li a::before {
		width: min(7vw, 36px);
	}

	.topabout_item .topabout_link li a::after {
		width: min(2.4vw, 12px);
	}

	#topabout .topabout_link {
		flex-wrap: wrap;
	}

	#topabout .topabout_link li {
		width: 49%;
	}

	#topabout .topabout_link li a {
		padding: 4vw 5vw;
		font-size: min(4vw, 2rem);
		margin-bottom: 3vw;
	}
}

/* topmenu */
#topmenu {
	margin: min(14.17vw, 60px) 0 0;
	position: relative;
}

#topmenu h2 {
	position: absolute;
	left: 0;
	top: 0;
	transform: translate(0, -100%);
	font-family: var(--ff-en);
	color: #f0f0f0;
	font-size: min(11.67vw, 140px);
	letter-spacing: 1rem;
	line-height: 0.7;
}

.topmenu-item-wrap {
	display: flex;
	display: -webkit-flex;
	gap: 30px;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
	padding: 0 20px;
}

.topmenu-item {
	width: calc((100% - 90px) / 4);
	text-align: center;
	/* color: #fff; */
}

.topmenu-item-img {
	aspect-ratio: 3 / 2;
}

.topmenu-item-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.topmenu-item h3 {
	font-size: min(2.67vw, 3.2rem);
	margin-bottom: min(1.66vw, 20px);
}

.topmenu-item h3 a, .topmenu-item:hover h3 a {
	color: var(--c-brown);
}

.topmenu-item p {
	margin: 0;
	color: var(--c-brown);
}

.topmenu-des {
	display: inline-block;
	position: relative;
}

.topmenu_sub {
	width: 90%;
	max-width: 900px;
	margin: min(7.5vw, 90px) auto;
}

.topmenu_sub ul {
	margin: 0;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	border-right: 1px solid #ccc;
}

.topmenu_sub ul li {
	text-align: center;
	width: 33.3333%;
	border-left: 1px solid #ccc;
}

.topmenu_sub ul li a {
	display: block;
	padding: min(2.5vw, 30px) 0;
}

.topmenu_sub ul li p {
	width: min(6.5vw, 78px);
	margin: 0 auto min(3.3vw, 40px);
}

.topmenu_sub ul li h3 {
	font-size: min(1.53vw, 2rem);
	color: #666;
	letter-spacing: 0.2rem;
}

@media (max-width: 767px) {
	#topmenu {
		margin: min(30vw, 90px) 0 0;
	}

	#topmenu h2 {
		font-size: min(14vw, 140px);
		letter-spacing: 0.4rem;
	}

	.topmenu-item-wrap {
		display: block;
	}

	.topmenu-item {
		width: 100%;
		padding: min(10vw, 105px) 0 min(8vw, 80px);
		min-height: min(38vw, 340px);
	}

	.topmenu-item h3 {
		font-size: min(6vw, 3.2rem);
		margin-bottom: 0;
	}

	.topmenu-des::before {
		height: min(30vw, 320px);
	}

	.topmenu_sub {
		margin: min(5vw, 90px) auto;
		width: 85%;
	}

	.topmenu_sub ul {
		display: block;
		border-right: none;
	}

	.topmenu_sub ul li {
		text-align: center;
		width: 100%;
		border-left: none;
		border-top: 1px solid #ccc;
	}

	.topmenu_sub ul li:first-child {
		border-top: none;
	}

	.topmenu_sub ul li a {
		display: flex;
		display: -webkit-flex;
		align-items: center;
		padding: min(4vw, 30px);
	}

	.topmenu_sub ul li p {
		width: min(12vw, 78px);
		margin: 0;
	}

	.topmenu_sub ul li h3 {
		font-size: min(4vw, 1.8rem);
		margin-left: 3vw;
	}
}

#topcolumn {
	padding: min(13.3vw, 160px) 0 0;
	position: relative;
	background: rgb(255, 255, 255);
	background: linear-gradient(0deg, rgba(255, 255, 255, 1) 10%, #f4dada 100%);
}

#topcolumn::before {
	content: "";
	width: 40%;
	height: min(28.67vw, 440px);
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url("./img/home/img-topinfo-01.jpg?ver=20251201") center center / cover no-repeat;
}

#topcolumn::after {
	content: "Medical Column";
	position: absolute;
	right: 3%;
	top: 0;
	font-family: var(--ff-en);
	color: #d5958e;
	font-size: min(8.3vw, 100px);
	letter-spacing: 0.1rem;
}

#topcolumn .container {
	flex-direction: row-reverse;
}

.topcolumn__cont {
	width: 46%;
	font-size: min(1.25vw, 1.5rem);
	position: relative;
}

.topcolumn__cont h3 {
	color: var(--c-brown);
	font-size: min(3vw, 3.6rem);
	margin-bottom: min(3.3vw, 40px);
}

.topcolumn__news h3 {
	text-align: right;
}

.topcolumn-item ul {
	border-bottom: 1px solid #fff;
}

.topcolumn-item ul li {
	margin: 0;
	padding: min(2.5vw, 30px) 0;
}

.topcolumn-item ul li:not(:first-child) {
	border-top: 1px solid #fff;
}

.topcolumn-link {
	margin-bottom: 0;
}

.topcolumn-link a {
	display: inline-block;
	text-align: center;
	min-width: min(15vw, 180px);
	color: #fff;
	background: var(--c-btn-pink);
	border: 1px solid var(--c-btn-pink);
	border-radius: 30vw;
	font-family: var(--ff-serif);
	font-size: min(1.5vw, 1.8rem);
	padding: min(0.83vw, 10px);
}

.topcolumn-item .topcolumn-link {
	text-align: right;
	margin-top: min(3.3vw, 40px);
}

@media (min-width: 767px) {
	.topcolumn-link {
		margin-top: -150px;
		z-index: 9999;
	}

	.topcolumn-link.c-topcolumn-link {
		text-align: center;
		margin: 40px;
	}
}

@media (max-width: 767px) {
	#topcolumn {
		margin: min(15vw, 120px) 0 0;
		padding: 0 0 10vw;
	}

	#topcolumn::before {
		content: none;
	}

	#topcolumn::after {
		font-size: min(14vw, 100px);
		transform: translateY(-50%);
	}

	#topcolumn .container {
		display: block;
		position: relative;
		z-index: 1;
	}

	.topcolumn__cont {
		width: 100%;
		font-size: min(4vw, 1.5rem);
	}

	.topcolumn__cont h3 {
		font-size: min(6vw, 3.6rem);
		margin-bottom: min(3vw, 40px);
	}

	.topcolumn-item {
		margin-top: min(10vw, 60px);
	}

	.topcolumn__news h3 {
		text-align: left;
	}

	.topcolumn__news dl {
		padding-bottom: min(3vw, 30px)
	}

	.topcolumn__news dl dt {
		padding: min(3vw, 30px) 0 min(2vw, 10px);
		margin-top: min(3vw, 30px);
	}

	.topcolumn-item ul li {
		padding: min(3vw, 30px) 0;
	}

	.topcolumn-link a {
		display: block;
		width: 60%;
		min-width: inherit;
		font-size: min(4.2vw, 1.8rem);
		padding: min(3vw, 10px);
		margin: min(6vw, 40px) auto 0;
	}

	.topcolumn__news .topcolumn-link {
		text-align: center;
		margin-top: min(4vw, 40px);
	}

	.topcolumn-item .topcolumn-link {
		position: relative;
		right: inherit;
		top: inherit;
	}
}

.topgallery {
	position: relative;
}

.topgallery::before {
	content: "";
	width: 100%;
	height: 50%;
	position: absolute;
	left: 0;
	top: 0;
	background: #dcf7f0;
}

.gallery-loop div p {
	margin-bottom: 0;
	aspect-ratio: 3 / 2;
}

.gallery-loop div p img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.topgalleryChild::before {
	background-color: #fff !important;
}

.topgalleryChild div:nth-child(even) p {
	padding-top: 0 !important;
}

@media (max-width: 767px) {
	.gallery-loop div p {
		margin: 0 min(3vw, 15px);
		width: min(40vw, 400px);
	}

	#topmv img {
		object-position: 67% center;
	}

	#topgallery .topgallerySp {
		aspect-ratio: 16 / 14;
	}

	.homVis__title p {
		font-size: min(10vw, 12rem);
		bottom: 0;
	}

	.homVis__title {
		bottom: 15px;
	}
}

#page-mv {
	height: 250px;
}

#page-mv.visual {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	text-align: center;
}

#page-mv.visual h2 {
	font-size: min(4.16vw, 5rem);
	color: var(--c-brown);
	line-height: 1.4;
	position: relative;
	z-index: 2;
	letter-spacing: 0.3rem;
}

#page-mv.visual .bgTxt {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-family: var(--ff-en);
	font-size: min(10vw, 12rem);
	margin: 0;
	color: rgba(255, 255, 255, 0.5);
	letter-spacing: 0.3rem;
}

#page-mv.visual .bgTxt:first-letter {
	text-transform: capitalize;
}

/* topicPath */
ol.topicPath {
	list-style: none;
	margin: 0 auto;
	font-size: 0;
	width: 90%;
	padding: min(1.25vw, 15px) 0;
}

ol.topicPath li {
	font-size: min(1vw, 1.2rem);
	display: inline-block;
	position: relative;
	letter-spacing: 0.1rem;
}

ol.topicPath li:not(:first-child) {
	padding: 0 0 0 min(1.25vw, 15px);
	margin-left: min(0.4vw, 5px);
	position: relative;
}

ol.topicPath li:not(:first-child)::before {
	content: "";
	width: min(0.5vw, 6px);
	height: min(0.5vw, 6px);
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
}

ol.topicPath li a {
	color: #333;
}

#ul-container {
	margin-top: min(3.3vw, 40px);
}

#mainContent {
	margin: 0 auto min(8.3vw, 100px);
	width: 90%;
	max-width: 1200px;
}

.wrapContainer {
	margin: min(7.5vw, 90px) auto;
}

@media (max-width: 767px) {
	#page-mv {
		height: min(40vw, 390px);
		padding-bottom: 10vw;
	}

	#page-mv.visual {
		align-items: flex-end;
		display: none;
	}

	#page-mv.visual h2 {
		font-size: min(6vw, 5rem);
	}

	#page-mv.visual .bgTxt {
		font-size: min(20vw, 12rem);
		top: inherit;
		bottom: 0;
		transform: translate(-50%, 0);
		line-height: 1;
	}

	ol.topicPath {
		padding: 3vw 0;
	}

	ol.topicPath li {
		font-size: 3vw;
	}

	ol.topicPath li:not(:first-child) {
		padding: 0 0 0 3vw;
		margin-left: 1vw;
	}

	ol.topicPath li:not(:first-child)::before {
		width: 1.2vw;
		height: 1.2vw;
	}

	#ul-container {
		margin-top: 0;
	}

	#mainContent {
		margin: 0 auto min(10vw, 100px);
	}

	.wrapContainer {
		margin: min(10vw, 90px) auto;
	}
}

.pageTitle {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	font-size: min(3.5vw, 4.2rem);
	font-family: var(--ff-serif);
	text-align: center;
	line-height: 1.3;
	color: var(--c-brown);
	font-weight: bold;
}

.pageTitle span {
	font-family: var(--ff-en);
	font-size: min(2vw, 2.4rem);
	color: var(--c-brown);
	display: block;
}

.hA {
	font-size: min(3.17vw, 3.8rem);
	color: var(--c-brown);
	font-weight: 500;
	line-height: 1.5;
	margin: min(6.6vw, 80px) 0 min(5vw, 60px);
	border-bottom: 1px solid var(--c-brown);
	padding-bottom: min(1.25vw, 15px);
}

.hB {
	font-size: min(2.67vw, 3.2rem);
	color: #333;
	padding: min(1.25vw, 15px) min(2.5vw, 30px);
	margin: min(5vw, 60px) 0 min(2.5vw, 30px);
	position: relative;
	line-height: 1.5;
	background: rgb(220, 247, 240);
	background: linear-gradient(90deg, rgba(220, 247, 240, 1) 0%, rgba(251, 242, 243, 1) 100%);
}

.hC {
	font-size: min(2.67vw, 3.2rem);
	color: var(--c-brown);
	margin: min(4.16vw, 50px) 0 min(2.5vw, 30px);
	line-height: 1.5;
}

.hD {
	font-size: min(2vw, 2.4rem);
	color: #3cb8ab;
	line-height: 1.5;
	position: relative;
	margin: min(2.5vw, 30px) 0 min(1.6vw, 20px);
}

.flexConent .hC:first-child, .flexConent .hD:first-child, .floatBox .hD:first-of-type {
	margin-top: 0;
}

@media (max-width: 767px) {
	.pageTitle {
		font-size: min(6.5vw, 4.2rem);
		margin-top: min(4vw, 20px);
	}

	.pageTitle span {
		font-size: min(4vw, 2.4rem);
	}

	.hA {
		font-size: min(6vw, 3.8rem);
		margin: min(5vw, 80px) 0 min(4vw, 60px);
		padding-bottom: min(3vw, 15px);
	}

	.hB {
		font-size: min(5.4vw, 3.2rem);
		padding: min(3vw, 15px) min(5vw, 30px);
		margin: min(5vw, 60px) 0 min(3vw, 30px);
	}

	.hC {
		font-size: min(5.4vw, 3.2rem);
		margin: min(4.5vw, 50px) 0 min(3vw, 30px);
	}

	.hD {
		font-size: min(5vw, 2.4rem);
		margin: min(4vw, 30px) 0 min(3vw, 20px);
	}
}

.telLink {
	padding-left: min(3.3vw, 40px);
	font-size: min(2.5vw, 3rem);
	color: var(--c-brown);
	font-family: var(--ff-serif);
	font-weight: 400;
}

.telLink::before {
	color: var(--c-green);
	font-size: min(3vw, 3.6rem);
}

a.linkArrow {
	display: inline-block;
	min-width: min(23vw, 280px);
	padding: min(1.5vw, 18px) min(2.5vw, 30px);
	text-align: center;
	background: #f5dbdb;
	border-radius: 30vw;
	color: #333;
	position: relative;
}

a.linkArrow::after {
	content: "";
	position: absolute;
	right: min(1.25vw, 15px);
	top: 50%;
	width: min(0.83vw, 10px);
	aspect-ratio: 1/1;
	border-top: 2px solid #333;
	border-right: 2px solid #333;
	transform: translateY(-50%) rotate(45deg);
}

a.linkArrow.linkExternal::after {
	content: none;
}

a.linkExternal span::after {
	color: #333;
}

ul.listDot li::before {
	background: var(--c-green);
}

ul.listCheck li::before {
	color: var(--c-green);
}

.listData dt {
	color: var(--c-green);
	margin-top: min(0.4vw, 5px);
}

.listData dd {
	margin-bottom: min(2.5vw, 30px);
}

.decBox {
	padding: min(2.5vw, 30px);
	margin-bottom: min(2.5vw, 30px);
}

.decBox .hD:first-of-type {
	margin-top: 0;
}

.decBox p:last-child, .decBox div:last-child, .decBox ul:last-child, .decBox ol:last-child, .decBox dl:last-child, .decBox table:last-child {
	margin-bottom: 0 !important;
}

.decBox01 {
	background: #dcf7f0;
}

.decBox02 {
	background: #f3f4f2;
}

.decBox03 {
	background: #fbf2f3;
}

.decBox04 {
	border: 3px solid #f5dbdb;
}

/* p */
.strongA {
	background: linear-gradient(transparent 60%, #ffff66 60%);
}

.strongB {
	font-size: 120%;
}

.txtSmall {
	font-size: 90%;
}

/* table */
.tblA th, .tblA td, .tblB th, .tblB td, .tblC th, .tblC td, .tblD th, .tblD td, .tblE th, .tblE td {
	border: 1px solid #6F5136;
	padding: min(0.83vw, 10px);
}

.tblA th, .tblB th, .tblC th, .tblD th, .tblE th {
	background: #ecdad7;
	color: var(--c-brown);
	table-layout: fixed;
	/* width: 283px; */
}

.tblA td, .tblB td, .tblC td, .tblD td, .tblE td {
	background: #fff;
}

.tblA.tblA--white * {
	background-color: #fff;
}

.tblB th {
	text-align: left;
}

.tblB td.inrTblB table tr {
	border-bottom: 1px solid #ddd;
}

.tblB td.inrTblB table td {
	border-left: 1px solid #ddd;
}

.tblC {
	border-top: 1px solid #ddd;
}

.tblD td:first-child, .tblE tr:nth-child(even) th {
	background: #fbf2f3;
	color: var(--c-brown);
}

.tblD td:first-child {
	font-weight: 600;
	text-align: center;
}

.tblE tr:nth-child(even) td {
	background: #f3f3f3;
}

.tblA--sp-tate {
	table-layout: fixed;
}

.tblA--sp-tate.tblA th {
	width: auto;
}

.tblA--sp-tate.tblA td:last-child {
	width: auto;
}

.tblA td:last-child {
	/* width:200px; */
}

@media (max-width: 767px) {
	.telLink {
		padding-left: min(10vw, 40px);
		font-size: min(8vw, 3rem);
	}

	.telLink::before {
		font-size: min(9vw, 3.6rem);
	}

	a.linkArrow {
		width: 80%;
		margin: 0 auto;
		display: block;
		padding: min(3.5vw, 18px) min(6vw, 30px);
	}

	a.linkArrow::after {
		right: min(3vw, 15px);
		width: min(2vw, 10px);
	}

	.listData dt {
		margin-top: min(1vw, 5px);
	}

	.decBox {
		padding: 5vw;
		margin-bottom: 4vw;
	}

	.listData dt {
		margin-top: 1vw;
	}

	.tblA th, .tblA td {
		padding: 1.5vw;
		font-size: 3.5vw;
	}

	.tblA.tblVertical {
		border-bottom: 1px solid #6F5136;
	}

	.tblB {
		border-bottom: 1px solid #ddd;
	}

	.tblB td.inrTblB table th {
		background: #fbf2f3;
		color: var(--c-brown);
		text-align: left;
		font-weight: 600;
	}

	.tblD th {
		padding: inherit;
	}

	.tblD td {
		padding: inherit;
	}

	.tblD {
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}

	.tblD td:before {
		padding: 3vw 1.5vw;
		background: #dcf7f0;
		color: var(--c-brown);
	}

	.tblD td span {
		padding: 3vw;
	}

	.tblD td:first-child {
		padding: 3vw;
	}

	.tbl-scroll::-webkit-scrollbar-track {
		background: #f3f3f3;
	}

	.tbl-scroll::-webkit-scrollbar-thumb {
		background: #BCBCBC;
	}

	.tbl-scroll .tblE th::before {
		background: #ccc;
	}

	.tbl-scroll .tblE th::after {
		background: #ccc;
	}

	.tblA.tblA--sp-tate th, .tblA.tblA--sp-tate td {
		display: block;
		width: 100%;
		text-align: center;
	}

	.tblA.tblA--sp-tate td {
		border-top: 0;
	}

	.tblA.tblA--sp-tate tr+tr th {
		border-top: 0;
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
pcSetting
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media (min-width:768px) {

	/* hover */
	a:hover, .clickable:hover {
		opacity: .8 !important;
		text-decoration: none;
		transition: all 0.2s ease-in-out;
	}

	/* ----------------------------------------------------
header(pc)
---------------------------------------------------- */
	#header {
		padding: min(3.75vw, 45px) 3% 0;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		z-index: 10;
	}

	#hd-logo {
		width: min(23vw, 280px);
	}

	#hd-tel {
		width: min(23vw, 280px);
		text-align: center;
		font-family: var(--ff-serif);
		color: #7b5e45;
		font-size: min(1.66vw, 2rem);
		border-top: 1px solid #bca38e;
		border-bottom: 1px solid #bca38e;
		letter-spacing: 0.1rem;
		margin-top: min(1.66vw, 20px);
		padding: min(0.4vw, 5px) 0;
		line-height: 1.4;
	}

	#hd-tel span {
		font-size: min(2vw, 2.4rem);
	}

	#header-nav {
		position: sticky;
		width: 100%;
		left: 0;
		top: 0;
		z-index: 100;
		background: #e7e7e5;
		font-family: var(--ff-serif);
	}

	#header-nav-list {
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		height: min(7.5vw, 90px);
		margin: 0 auto;
		width: 90%;
		max-width: 1200px;
	}

	#header-nav-list>li {
		flex-grow: 1;
	}

	#header-nav-list>li>a {
		color: var(--c-brown);
		font-weight: bold;
		height: 100%;
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		align-items: center;
		position: relative;
	}

	#header-nav-list>li>a.current, #header-nav-list>li>a.parentsLink {
		color: #70b845;
	}

	#header-nav-list>li>a.current::before, #header-nav-list>li>a.parentsLink::before {
		content: "";
		width: 1px;
		height: min(4.16vw, 50px);
		background: #70b845;
		position: absolute;
		left: 50%;
		top: 0;
		transform: translate(0, -60%);
	}

	#header-nav-list>li>a:hover {
		color: #b48889;
	}

	.navchild {
		position: absolute;
		left: 0;
		bottom: 0;
		transform: translate(0, 100%);
		background: #fff;
		width: 100%;
		margin: 0;
		display: none;
		padding: min(0.83vw, 10px) 0 min(3.3vw, 40px);
		z-index: 100;
	}

	.navchild ul {
		margin: 0 auto;
		display: flex;
		display: -webkit-flex;
		flex-wrap: wrap;
		width: 90%;
		max-width: 1200px;
		font-size: min(1.3vw, 1.6rem);
	}

	.navchild ul li {
		width: 25%;
		position: relative;
	}

	.navchild ul li::before {
		content: "";
		width: 1px;
		height: 80%;
		background: #ddd;
		position: absolute;
		right: 0;
		bottom: 0;
		transform: rotate(20deg);
	}

	.navchild ul li:nth-child(n+5) {
		margin-top: min(1.25vw, 15px);
	}

	.navchild ul li a {
		padding: min(1.25vw, 15px) min(5vw, 60px) min(1.25vw, 15px) min(2.5vw, 30px);
		line-height: 1.3;
		display: flex;
		display: -webkit-flex;
		flex-direction: column;
	}

	.navchild ul li a:hover {
		color: var(--c-pink-strong);
	}

	.navchild ul li a::before, .navchild ul li a::after {
		content: "";
		height: 1px;
		background: var(--c-pink-strong);
		position: absolute;
		right: min(2vw, 24px);
		bottom: min(1.25vw, 15px);
		transform-origin: right bottom;
	}

	.navchild ul li a::before {
		width: min(1.66vw, 20px);
	}

	.navchild ul li a::after {
		width: min(1.25vw, 10px);
		transform: rotate(40deg);
	}

	#hd-btn--reserve {
		right: min(1.66vw, 20px);
		font-size: min(2.33vw, 2.8rem);
		z-index: 150;
	}

	#hd-btn--reserve.first {
		position: absolute;
	}

	#hd-btn--reserve.fixed {
		position: fixed;
		top: min(5vw, 60px);
	}

	#hd-btn--reserve .btn--reserve {
		display: flex;
		display: -webkit-flex;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		text-orientation: upright;
		align-items: center;
		justify-content: center;
		padding: min(1.66vw, 20px) min(0.83vw, 10px) min(3.3vw, 40px);
		height: min(21.67vw, 260px);
		vertical-align: center;
	}

	#hd-btn--reserve .btn--reserve span {
		padding-top: 1.8em;
	}

	#hd-btn--reserve .btn--reserve span::before {
		font-size: 1.3em;
	}

	#hd-btn--reserve .btn--instagram {
		margin-top: min(0.83vw, 10px);
	}

	#hd-btn--reserve .btn--instagram img {
		padding: min(0.83vw, 10px);
	}

	#navLocal {
		width: 90%;
		margin: 0 auto min(5vw, 60px);
	}

	#navLocal ul {
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		flex-wrap: wrap;
		column-gap: min(1.66vw, 20px);
	}

	#navLocal ul li {
		min-width: min(16.6vw, 200px);
		position: relative;
		font-family: var(--ff-serif);
		margin-bottom: min(1.25vw, 15px);
	}

	#navLocal ul li::before, #navLocal ul li:last-child::after {
		content: "";
		width: 1px;
		height: 100%;
		background: #ccc;
		position: absolute;
		left: 0;
		top: 0;
		transform-origin: right top;
		transform: translateX(-100%) rotate(20deg);
	}

	#navLocal ul li:last-child::after {
		left: inherit;
		right: max(-0.83vw, -10px);
		transform: translateX(200%) rotate(20deg);
	}

	#navLocal ul li a {
		display: block;
		padding: min(0.4vw, 5px) min(2.5vw, 30px) min(0.4vw, 5px) min(1.66vw, 20px);
		position: relative;
	}

	#navLocal ul li a.current, #navLocal ul li a:hover {
		color: var(--c-pink-strong);
	}

	#navLocal ul li a::before, #navLocal ul li a::after {
		content: "";
		height: 1px;
		background: var(--c-pink-strong);
		position: absolute;
		right: min(0.83vw, 10px);
		bottom: min(1.25vw, 15px);
		transform-origin: right bottom;
	}

	#navLocal ul li a::before {
		width: min(1.66vw, 20px);
	}

	#navLocal ul li a::after {
		width: min(1.25vw, 10px);
		transform: rotate(40deg);
	}
}

@media (max-width: 767px) {
	#main {
		width: 100%;
		position: relative;
	}

	#header {
		position: fixed;
		left: 0;
		top: 0;
		z-index: 99;
		width: 100%;
		height: min(15vw, 112px);
		padding: 2vw 3vw;
		transition: all, ease-in-out, 0.3s;
		background: rgba(255, 255, 255, 0.7);
	}

	#header.active {
		background: #fff;
	}

	#header #hd-logo {
		width: auto;
		height: 100%;
	}

	#header #hd-logo img {
		height: 100%;
		width: auto;
	}

	#btnGlobal {
		position: absolute;
		width: min(15vw, 112px);
		height: min(15vw, 112px);
		right: 0;
		top: 0;
		z-index: 120;
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		align-items: center;
	}

	#btnGlobal .btnWrapGlobal {
		position: relative;
		width: 7vw;
		height: 5vw;
	}

	#btnGlobal .btnLine {
		height: 2px;
		background: var(--c-brown);
		position: absolute;
		right: 0;
		width: 100%;
	}

	#btnGlobal .btnLine.btnLineT {
		top: 0;
	}

	#btnGlobal .btnLine.btnLineM {
		top: 50%;
		transform: translateY(-50%);
	}

	#btnGlobal .btnLine.btnLineB {
		bottom: 0;
	}

	#btnGlobal.active .btnLine.btnLineT {
		display: none;
	}

	#btnGlobal.active .btnLine.btnLineM {
		transform: translateY(0) rotate(45deg);
	}

	#btnGlobal.active .btnLine.btnLineB {
		transform: rotate(-45deg);
		bottom: inherit;
		top: 50%;
	}

	#btnGlobal .btnLine.btnLineM, #btnGlobal .btnLine.btnLineB {
		transition: all, ease-in-out, 0.3s;
	}

	#header-nav {
		background: #fff;
		width: 100%;
		height: calc(100vh - min(15vw, 112px));
		position: fixed;
		z-index: 100;
		left: 0;
		top: min(15vw, 112px);
		display: none;
		overflow: auto;
		padding: 5vw 10%;
	}

	#header-nav a {
		color: var(--c-brown);
	}

	#header-nav #header-nav-list li {
		font-size: min(4.2vw, 2rem);
		border-bottom: 1px solid var(--c-lightBrown);
		line-height: 1;
		font-family: var(--ff-serif);
	}

	#header-nav #header-nav-list>li>a {
		display: block;
		padding: min(5vw, 25px) 0;
		position: relative;
	}

	#header-nav #header-nav-list>li.header-nav-child>a::before, #header-nav #header-nav-list>li.header-nav-child>a::after {
		content: "";
		width: 3vw;
		height: 1px;
		background: var(--c-pink-strong);
		position: absolute;
		right: 2vw;
		top: 50%;
		transition: all, ease-in-out, 0.3s;
	}

	#header-nav #header-nav-list>li.header-nav-child>a::after {
		transform: rotate(90deg);
	}

	#header-nav #header-nav-list>li.header-nav-child>a.active::after {
		transform: rotate(0);
	}

	#header-nav #header-nav-list li.header-nav-child .navchild {
		display: none;
	}

	#header-nav #header-nav-list li.header-nav-child .navchild li {
		border-bottom: none;
		font-size: 4vw;
		padding-left: 3.7vw;
	}

	#header-nav #header-nav-list li.header-nav-child .navchild li a {
		padding: 3vw 3vw 3vw 4.5vw;
		display: block;
		position: relative;
	}

	#header-nav #header-nav-list li.header-nav-child .navchild li a::before {
		content: "";
		width: 3vw;
		height: 1px;
		background: var(--c-pink-strong);
		position: absolute;
		left: 0;
		top: 50%;
	}

	#header-nav #header-nav-list li.header-nav-child .navchild li a::after {
		content: none;
	}

	#footer {
		padding-bottom: 15vw;
		position: relative;
	}

	#ftSlideBlock {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		z-index: 99;
		display: flex;
		display: -webkit-flex;
	}

	#ftSlideBlock div {
		height: 100%;
	}

	#ftSlideBlock div a {
		display: flex;
		display: -webkit-flex;
		align-items: center;
		justify-content: center;
		height: 15vw;
		font-size: min(4.5vw, 2rem);
		font-family: var(--ff-serif);
		letter-spacing: 0.1rem;
	}

	#ftSlideBlock .footer-btn--tel, #ftSlideBlock .footer-btn--result {
		width: 50%;
	}

	#ftSlideBlock .footer-btn--instagram {
		width: 15%;
	}

	#ftSlideBlock .footer-btn--tel a, #ftSlideBlock .footer-btn--result a {
		background: #B48889;
		border: 1px solid #fff;
		border-right: 0;
		border-bottom: 0;
		color: #fff;
	}

	#ftSlideBlock .footer-btn--tel a {
		border-left: 0;
	}

	#ftSlideBlock .footer-btn--instagram a {
		background: var(--c-pink);
		color: var(--c-brown);
	}

	#ftSlideBlock .footer-btn--tel a span.ic--left, #ftSlideBlock .footer-btn--result a span {
		padding-left: 1.5em;
	}

	#ftSlideBlock .footer-btn--tel a span.ic--tel::before, #ftSlideBlock .footer-btn--result a span::before {
		font-size: min(6.5vw, 3rem);
	}

	#ftSlideBlock .footer-btn--instagram img {
		width: 50%;
	}

	.col-reverse {
		display: flex;
		display: -webkit-flex;
		flex-direction: column-reverse;
	}

	#navLocal {
		background: var(--c-green);
		width: 100%
	}

	#navLocal ul {
		margin: 0;
	}

	#navLocal ul li a {
		display: block;
		color: #fff;
		font-size: 4vw;
		padding: 3vw 4vw;
		border-bottom: 1px solid #fff;
		position: relative;
	}

	#navLocal ul li a::after {
		content: "";
		width: 2vw;
		height: 2vw;
		margin-top: -0.5vw;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		position: absolute;
		right: 4vw;
		top: 50%;
		transform: rotate(45deg);
	}

	#navLocal ul li a.current, #navLocal ul.first li a.parentsLink {
		background: var(--c-pink);
		color: var(--c-brown);
	}
}

.colFlex {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 90%;
	max-width: 1200px;
	margin-top: min(5vw, 60px) !important;
}

#colMain {
	width: 70%;
}

#colSide {
	width: 25%;
}

.navSide {
	margin-bottom: min(2.5vw, 30px);
}

.navSide h2 {
	text-align: center;
	padding: min(1.25vw, 15px);
	background: rgb(220, 247, 240);
	background: linear-gradient(90deg, #f4dada 0%, #fff 100%);
	color: var(--c-brown);
}

.navSide ul {
	margin: 0;
}

.navSide ul li {
	border-bottom: 1px dotted var(--c-green);
	line-height: 1.5;
	font-size: min(1.25vw, 1.5rem);
}

.navSide ul li a {
	display: block;
	padding: min(1.25vw, 15px) min(3.3vw, 20px);
}

.navSide ul li a:hover {
	color: var(--c-pink-strong);
	font-weight: 600;
}

.navSide ul li ul {
	border-top: 1px solid #fff;
}

.navSide ul li :is(ul li) {
	border: none;
}

.navSide ul li ul li a {
	padding: min(0.83vw, 10px) min(3.3vw, 20px) min(0.83vw, 10px) min(2.92vw, 35px);
}

.navSide .navSide__inr {
	padding: min(3.3vw, 20px) 0;
}

.navSide .navSide__inr select {
	width: 100%;
	padding: min(0.66vw, 8px);
}

.postIndex {
	padding: min(2.5vw, 30px) 0;
	border-bottom: 1px dashed var(--c-green);
}

.postIndex:first-child {
	border-top: 1px dashed var(--c-green);
}

.postIndex h2 {
	font-size: min(2vw, 2.4rem);
	margin: min(0.4vw, 5px) 0 0;
}

.wp-pagenavi {
	margin-top: min(5vw, 60px);
	text-align: center;
}

/* parts */
.postFlx {
	display: flex;
	display: -webkit-flex;
	column-gap: min(0.83vw, 10px);
}

.postDate {
	font-size: min(1.16vw, 1.4rem);
	margin: 0;
}

.postCat {
	margin: 0;
	display: flex;
	display: -webkit-flex;
	column-gap: min(0.4vw, 5px);
	flex-wrap: wrap;
	font-size: min(1.16vw, 1.4rem);
}

.postCat a {
	background: var(--c-btn-pink);
	color: #fff;
	padding: 3px min(0.83vw, 10px);
	border-radius: 30vw;
}

/* single */
.postHead {
	margin-bottom: min(2.5vw, 30px);
	padding-bottom: min(2.5vw, 30px);
	border-bottom: 1px dashed #ccc;
}

.postHead .postDate {
	text-align: right;
}

.postHead h2 {
	font-size: min(2.5vw, 3rem);
	margin: min(0.83vw, 10px) 0 0;
}

.postBody {}

.postBody figure {
	margin: min(2.5vw, 30px) auto;
}

.postBody img {
	width: auto;
	max-width: 100%;
}

.postBody ul {
	list-style: disc;
	padding-left: 1.5em;
}

.postBody ol {
	list-style: decimal;
	padding-left: 1.5em;
}

.postBody h1 {
	font-size: min(2vw, 2.4rem);
	color: #333;
	padding: min(1.25vw, 15px) min(2.5vw, 30px);
	margin: min(5vw, 60px) 0 min(2.5vw, 30px);
	position: relative;
	line-height: 1.5;
	background: rgb(251, 242, 243);
}

.postBody h2 {
	font-size: min(2vw, 2.4rem);
	color: var(--c-pink-strong);
	margin: min(3.3vw, 40px) 0 min(2.5vw, 30px);
	line-height: 1.5;
	border-bottom: 1px solid var(--c-pink-strong);
	padding-bottom: min(1.25vw, 15px);
}

.postBody h3 {
	font-size: min(1.66vw, 2rem);
	color: var(--c-pink-strong);
	line-height: 1.5;
	position: relative;
	margin: min(2.5vw, 30px) 0 min(1.6vw, 20px);
	font-weight: 600;
}

.postBody>*+* {
	margin-top: 1em;
}

.postRelated {
	margin-top: min(5vw, 60px);
	padding: min(2.5vw, 30px) min(3.3vw, 40px) min(3.3vw, 40px);
	background: #f3f3f3;
}

.postRelated h3 {
	font-weight: 600;
	font-size: min(2vw, 2.4rem);
	text-align: center;
	margin-bottom: min(1.66vw, 20px);
}

.postRelated ul {
	margin: 0;
}

.postRelated ul li a {
	display: block;
	border-bottom: 1px dashed #aaa;
	padding: min(1.25vw, 15px);
}

@media (max-width: 767px) {
	.colFlex {
		width: 100% !important;
	}

	#colMain {
		width: 100%;
	}

	#colSide {
		width: 100%;
		margin-top: 50px;
	}

	.navSide {
		margin-bottom: 0;
	}

	.navSide h2 {
		padding: min(3vw, 15px);
	}

	.navSide ul li {
		font-size: min(3.8vw, 1.5rem);
	}

	.navSide ul li:last-child {
		border-bottom: none;
	}

	.navSide ul li a {
		padding: min(3vw, 15px) min(6vw, 30px);
	}

	.navSide ul li ul li a {
		padding: min(2vw, 10px) min(4vw, 20px) min(2vw, 10px) min(8vw, 35px);
	}

	.navSide .navSide__inr {
		padding: min(4vw, 20px);
	}

	.navSide .navSide__inr select {
		padding: min(1.6vw, 8px);
	}

	.postIndex {
		width: 90%;
		margin: 0 auto;
		padding: min(4vw, 24px) 0;
	}

	.postIndex h2 {
		font-size: min(4.2vw, 2.4rem);
		margin: min(1vw, 5px) 0 0;
	}

	.wp-pagenavi {
		margin: min(6vw, 60px) 0 min(10vw, 50px);
	}

	/* parts */
	.postFlx {
		column-gap: min(2vw, 10px);
	}

	.postDate {
		font-size: min(3.4vw, 1.4rem);
	}

	.postCat {
		column-gap: min(2vw, 10px);
		font-size: min(3.4vw, 1.4rem);
	}

	.postCat a {
		padding: 0 min(2vw, 10px);
	}

	/* single */
	.postHead {
		width: 90%;
		margin: 0 auto min(4vw, 30px);
		padding-bottom: min(4vw, 30px);
	}

	.postHead h2 {
		font-size: min(4.6vw, 2.4rem);
		margin: 2vw 0 0;
	}

	.postBody {
		width: 88%;
		margin: 0 auto min(10vw, 60px);
	}

	.postBody figure {
		margin: min(6vw, 30px) auto;
	}

	.postBody h1 {
		font-size: min(5vw, 2.4rem);
		padding: min(3vw, 15px) min(5vw, 30px);
		margin: min(6vw, 60px) 0 min(5vw, 30px);
	}

	.postBody h2 {
		font-size: min(4.8vw, 2.4rem);
		margin: min(5vw, 40px) 0 min(4vw, 30px);
		padding-bottom: min(3vw, 15px);
		font-weight: bold;
	}

	.postBody h3 {
		font-size: min(4.5vw, 2rem);
		margin: min(4vw, 30px) 0 min(3.5vw, 20px);
	}

	.postRelated {
		margin: min(8vw, 60px) auto 5vw;
		width: 90%;
		padding: min(6vw, 30px) min(5vw, 30px) min(8vw, 50px);
	}

	.postRelated h3 {
		font-size: min(4.2vw, 2.4rem);
		margin-bottom: min(3vw, 20px);
	}

	.postRelated ul li a {
		padding: min(3vw, 15px);
	}
}

/* ---エレメンター用追加css--- */
.ib {
	display: inline-block !important;
}

.inline {
	display: inline !important;
}

.fw-b {
	font-weight: bold !important;
}

.c-ff-en,
.c-ff-en * {
	font-family: var(--ff-en) !important;
}

.c-color-orange {
	color: #f1742d;
}

.lb {
	word-break: keep-all;
	overflow-wrap: anywhere;
}

/* リンクリスト */
@media(max-width: 767px) {
	.c-link-list .elementor-icon-list-items {
		flex-direction: column;
	}
}

.c-link-list a::after {
	content: '';
	display: block;
	width: 1em;
	aspect-ratio: 1;
	background: url(https://mclinic.stellavertex-test.biz/wp-content/uploads/icon_arrow.png) center / contain no-repeat;
	position: absolute;
	inset: 50% 0 auto auto;
	translate: 0 -50%;
}

.c-link-list a {
	padding-right: 2em;
}

/* ボタン */
.c-btn01 a {
	padding-right: 40px;
}

.c-btn01 a::after {
	content: '';
	display: block;
	width: 20px;
	aspect-ratio: 1;
	background: url(https://mclinic.stellavertex-test.biz/wp-content/uploads/icon_arrow01.png) center / contain no-repeat;
	position: absolute;
	inset: 50% 10px auto auto;
	translate: 0 -50%;
}

.c-btn02 a {
	padding-inline: 60px;
}

.c-btn02 a::before {
	content: '';
	display: block;
	width: 30px;
	aspect-ratio: 1;
	background: center / contain no-repeat;
	position: absolute;
	inset: 50% auto auto 20px;
	translate: 0 -50%;
}

.c-btn02--train a::before {
	background-image: url(https://mclinic.stellavertex-test.biz/wp-content/uploads/icon_train.svg);
}

.c-btn02--bus a::before {
	background-image: url(https://mclinic.stellavertex-test.biz/wp-content/uploads/icon_bus.svg);
}

/* ---お知らせ系ページ--- */
.archive #mainContainer,
.single-post #mainContainer {
	padding-top: 100px;
}

.nav-links {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-top: 40px;
}

.nav-links>* {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	color: var(--c-btn-pink);
	width: 40px;
	height: 40px;
	border: 1px solid var(--c-btn-pink);
	border-radius: 50%;
}

.nav-links .current {
	color: #fff;
	background-color: var(--c-btn-pink);
}

.nav-links .prev, .nav-links .next {
	background: url(https://mclinic.stellavertex-test.biz/wp-content/uploads/icon_arrow02.svg) center / 15px auto no-repeat;
}

.nav-links .prev {
	scale: -1 1;
}