@charset "utf-8";

/* =====================================
■ body
===================================== */
body {
	background: #FFF;
}
body:after {
	content: "";
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	pointer-events: none;
}
#main {
	overflow: hidden;
	min-height: 1000px;
}
.elementor-section.elementor-section-boxed > .elementor-container {
	max-width: 100%;
	padding: 0;
}
@media screen and (min-width: 768px) {
	body:after {
		width: 24.31%;
		background: url(/wp-content/uploads/mv-bg03.png) no-repeat left top;
		background-size: 100% auto;
	}
	#wrapper {
		padding-top: 0
	}
}

@media screen and (max-width: 767px) {
	body:after {
		width: 44%;
		background: url(/wp-content/uploads/mv-bg03_sp.png) no-repeat left top;
		background-size: 100% auto;
	}
}
/* =====================================
■ TITLE
===================================== */
.titWrap {
	text-align: left;
}
.titWrap h2 {
	width: 100%;
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 32px;
	letter-spacing: 0.1em;
	line-height: 1.6;
	color: #435877;
	margin-top: 10px;
	padding-left: 30px;
	position: relative;
}
.titWrap sub {
	display: block;
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 18px;
	letter-spacing: 0.1em;
	line-height: 1;
	color: #435877;
}
.titWrap sub {
	padding-left: 20px;
}

.titWrap h2:before {
	position: absolute;
	content: "";
	width: 10px;
	height: 15px;
	background: #4EAFDD;
	left: 0;
	bottom: 20px;
	border-radius: 10px 10px 0 0;
}
.titWrap h2:after {
	position: absolute;
	content: "";
	width: 10px;
	height: 15px;
	background: #435877;
	bottom: 5px;
	left: 0;
	border-radius: 0 0 20px 20px;
}
@media screen and (max-width: 1138px)  and (min-width: 768px) {
	.titWrap sub {
		font-size: 16px;
	}
	.titWrap h2 {
		line-height: 1.4;
		font-size: 24px;
		letter-spacing: 0;
	}
}
@media screen and (max-width: 767px) {
	.titWrap h2 {
		font-size: 20px;
	}
	.titWrap sub {
		font-size: 12px;
	}
	.titWrap h2:before {
		width: 6px;
		height: 50%;
		bottom: 15px;
	}
	.titWrap h2:after {
		width: 6px;
		height: 50%;
		bottom: 0;
	}
}

/* =====================================
■ mainView
===================================== */
.mainBox {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.main_bnA {
	position: absolute;
	content: "";
	max-width: 608px;
	width: 45%;
}
.main_bnA ul {
	display: flex;
	column-gap: 12px;
	max-width: 428px;
	justify-content: space-between;
	margin: 53px auto 0;
}
.main_bnB {
	position: absolute;
	content: "";
	bottom: -20px;
	right: 77px;
	max-width: 334px;
	width: 25%;
}
.main_bnB ul {
	display: flex;
	width: 100%;
	justify-content: space-between;
	column-gap: 8px;
}
.main_bnA ul li a:hover {
	opacity: 0.6;
}
@media screen and (max-width: 1025px)  and (min-width: 768px) {
	.main_bnA ul {
		margin: 20px auto 0;
	}
}
@media screen and (max-width: 767px) {
	.main_bnA ul {
		margin: 20px auto 0;
	}
	.main_bnA {
		max-width: 618px;
		width: 75%;
	}
	.main_bnB {
		left: 50%;
		max-width: 334px;
		width: 55%;
		transform: translate(-50%);
		right: auto;
		bottom: -39px;
	}
}
/* =====================================
■News
===================================== */
.newsSec {
	position: relative;
	z-index: 2;
	max-width: 1134px;
	padding: 0 20px;
	margin: 0 auto;
	margin-top: 112px;
	margin-bottom: 110px;
}
.newsSec .h2Wrap h2 {
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 30px;
	color: #435877;
	letter-spacing: 0.1em;
	text-align: center;
	line-height: 1.5;
}
.newsSec .h2Wrap span {
	color: #435877;
	font-size: 14px;
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight: 700;
	font-style: normal;
	padding: 15px 0px;
	text-align: center;
	border: 2px solid #333;
	border-radius: 30px;
	display: block;
	width: 128px;
	margin: 39px auto 0;
}
.newsSec .headingArea {
	width: 285px;
	padding-top: 5px;
}
.newsSec .newsArea {
	width: calc(100% - 285px);
	position: relative;
	padding-top: 21px;
}
.newsSec > .elementor-container {
	border-top: 1px solid #435877;
	padding: 57px 0 62px !important;
	border-bottom: 1px solid #435877;
}
#news dl {
	display: flex;
	flex-wrap: wrap;
	padding: 27px 20px 14px 8px;
}
#news dl:first-child {
	padding-top: 0;
}
#news dl:last-child {
	border-bottom: none;
	padding-bottom: 0;
}
#news dl dt {
	width: 152px;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 900;
	font-style: normal;
	font-size: 14px;
	letter-spacing: 0;
	color: #4B5563;
	line-height: 1.8;
}
#news dl dt span {
	color: #435877;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0.1em;
	padding: 4px 15px;
	background: #D8EEF8;
	margin-right: 15px;
}
#news dl dd {
	width: calc(100% - 152px);
	padding-left: 38px;
}
#news dl dd a {
	display: block;
	font-size: 18px;
	letter-spacing: 0;
	color: #4B5563;
	position: relative;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500;
	font-style: normal;
	line-height: 1.5;
}
.newsSec.newsA .post-image {
	display: none;
}
.blogSec .elementor-row {
	align-items: center;
}
.blogSec .news_list {
	display: flex;
	justify-content: space-between;
	column-gap: 30px;
}
.blogSec .news_list .contentArea {
	width: calc((100% - 60px) / 3);
}
.blogSec #news .contentArea dl {
	display: block !important;
}
.blogSec #news .contentArea dl dt {
	width: 100% !important;
	color: #BCCAD1;
}
.blogSec #news .contentArea dl dd {
	width: 100%;
	padding-left: 0;
	color: #435877;
	font-size: 15px;
}
.blogSec #news dl dd a {
	font-size: 16px;
}
@media screen and (max-width: 847px)  and (min-width: 768px) {
	.newsSec .headingArea {
		width: 225px;
	}
	.newsSec .newsArea {
		width: calc(100% - 225px);
		padding-top: 10px;
	}
	#news dl dd a {
		font-size: 16px;
	}
}
@media screen and (max-width: 767px) {
	.newsSec {
		padding: 60px 0 75px;
		margin-bottom: 60px;
	}
	.newsSec .headingArea {
		width: 100%;
		padding-top: 0;
	}
	.newsSec .h2Wrap h2 {
		display: flex;
		justify-content: space-between;
		font-size: 20px;
	}
	.newsSec .h2Wrap span {
		margin: 0 auto;
		font-size: 15px;
		padding: 10px 10px;
	}
	.newsSec {
		padding: 0 20px;
		box-sizing: border-box;
	}
	.newsSec .newsArea {
		width: 100%;
		margin-top: 10px;
	}
	#news dl {
		padding: 16px 15px 12px 0px;
	}
	#news dl dt {
		font-size: 14px;
		line-height: 1;
		margin-bottom: 10px;
		width: 100%;
	}
	#news dl dd {
		font-size: 15px;
		line-height: 1.6;
		padding-left: 0;
		width: 100%;
	}
	.newsSec > .elementor-container {
		padding: 30px 0 30px !important;
	}
	.blogSec .news_list {
		display: block;
	}
	.blogSec .news_list .contentArea {
		width: 100%;
		margin-bottom: 40px;
	}
}
/* =====================================
■ 一人ひとりの患者様に寄り添い
確かな医療を提供します
===================================== */
.messageBox {
	margin-bottom: 108px;
}
.messageBox .left {
	padding-right: 55px;
	box-sizing: border-box;
	width: 45%;
}
.messageBox .right {
	width: 55%;
	padding-left: 25px;
	box-sizing: border-box;
}
.messageBox .catchCopy h2 {
	color: #435877;
	letter-spacing: 0.1em;
	font-size: 28px;
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight: 700;
	font-style: normal;
	line-height: 1.8;
	position: relative;
	border-bottom: 1px solid #435877;
	padding-bottom: 26px;
	margin-bottom: 10px;
}
.messageBox .text {
	font-size: 16px;
	letter-spacing: 0.05em;
	color: #435877;
}
.messageBox .elementor-row {
	align-items: center;
}
@media screen and (max-width: 767px) {
	.messageBox .left {
		padding-right: 0;
		width: 100%;
	}
	.messageBox .right {
		width: 100%;
		margin-top: 30px;
		padding-left: 0;
	}
	.messageBox .catchCopy h2 {
		font-size: 20px;
	}
	.messageBox {
		margin-bottom: 48px;
	}
}
/* =====================================
■ こんな症状、気になっていませんか？
===================================== */
.concernSection {
	padding-top: 128px;
	background: #ECF9FF;
}
.card-container {
	display: flex;
	justify-content: center;
	column-gap: 15px;
}
.concernSection .nner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 60px;
}
.concernSection .left {
	width: 69%;
	position: relative;
}

.concernSection .right {
	width: 31%;
}
.concernSection .right a {
	background: #4B5563;
	border-radius: 120px;
	font-size: 16px;
	line-height: 19px;
	color: #FFFFFF;
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight: 700;
	font-style: normal;
	padding: 20px 70px 20px 30px;
	position: relative;
}
.concernSection .right a:after {
	position: absolute;
	content: "";
	width: 18px;
	height: 18px;
	background: url(/wp-content/uploads/icon01.png) no-repeat;
	background-size: cover;
	right: 22px;
	top: 39%;
}
.card {
	position: relative;
	width: calc((100% - 30px) / 3);
	height: 128px;
	border-radius: 20px;
	overflow: hidden;
	cursor: pointer;
	background-color: white;
}
.card .front, .card .back {
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}
.card .front {
	background-color: white;
	z-index: 2;
	justify-content: flex-start;
}
.card .front .tit {
	padding-left: 15px;
}
.card .back {
	background-color: #1E90FF; /* 蓝色背景 */
	color: white;
	left: -100%; /* 初始在左侧屏幕外 */
	z-index: 1;
	font-size: 15px;
	padding: 22px 30px;
}
.card:hover .back {
	left: 0; /* 滑入覆盖整个卡片 */
}
.card:hover .front {
	left: 100%; 
}
.card-container:not(:last-child) {
	margin-bottom: 16px;
}
@media screen and (max-width: 1138px)  and (min-width: 768px) {
	.concernSection .right a {
		font-size: 11px;
		padding: 15px 30px 15px 20px;
	}
	.concernSection .right a:after {
		width: 12px;
		height: 12px;
		right: 11px;
		top: 32%;
	}
}
@media screen and (max-width: 1024px)  and (min-width: 768px) {
	.card .back {
		font-size: 14px;
		line-height: 1.5;
	}
	.card {
		height: 108px;
	}
}

@media screen and (max-width: 767px) {
	.concernSection {
		padding-top: 40px;
		padding-bottom: 0;
	}
	.concernSection .left {
		width: 100%;
	}
	.concernSection .nner {
		display: block;
	}
	.concernSection ul.ul01 {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		column-gap: 10px;
	}
	.concernSection ul.ul01 li {
		width: calc((100% - 10px) / 2);
		margin-bottom: 15px;
		line-height: 1.3;
		background: #fff;
		border-radius: 15px;
		padding: 20px 10px 10px;
		box-sizing: border-box;
		text-align: center;
	}
	.concernSection ul.ul01 a .icon {
		text-align: right;
	}
	.concernSection ul.ul01 a .img {
		margin-bottom: 0.3em;
	}
	.concernSection ul.ul01 a .tit {
		margin-bottom: 0px;
	}
	.concernSection .icon img {
		width: 11.38px;
	}
	.concernSection ul.ul01 li .img img {
		width: 32px;
	}
	.concernSection .right {
		width: 100%;
	}
	.concernSection .right a {
		font-size: 15px;
		padding: 10px 50px 10px 20px;
	}
	.concernSection .right {
		width: 100%;
		margin-top: 17px;
	}
	.concernSection ul.ul01 a {
		font-size: 13px;
		color: #435877;
		font-family: "Zen Maru Gothic", sans-serif;
		font-weight: 700;
		font-style: normal;
		line-height: 1.5;
		display: block;
		text-align: center;
	}
}
/* =====================================
■ 疾患から探す
===================================== */
.diseaseWrapSec {
	margin-top: 150px;
}
.diseaseWrapSec .titWrap {
	margin-bottom: 38px;
}
.diseaseWrap {
	display: flex;
	height: 565px;
	/* 	overflow: hidden; */
	position: relative;
	z-index: 1;
}
/* 左侧容器 */
.leftArea {
	width: 93.5%;
	position: absolute;
	height: 475px;
	left: 0;
	overflow: hidden; /* 防止 scale 溢出闪动 */
}
.content {
	position: absolute;
	inset: 0;
	opacity: 0;
	transform: scale(1.02); /* 微缩放 */
	transition: opacity 0.9s ease, transform 0.9s ease;
	pointer-events: none;
	z-index: 1;
	will-change: opacity, transform;
}
/* 激活状态 */
.content.active {
	opacity: 1;
	transform: scale(1);
	pointer-events: auto;
	z-index: 2;
}
/* 文字渐入 */
.content .inner {
	transform: translateY(10px);
	opacity: 0;
	transition: transform 0.6s ease, opacity 0.6s ease;
}
.content.active .inner {
	transform: translateY(0);
	opacity: 1;
}
/* 不同背景图 */
.content[data-id="1"] {
	background: url(/wp-content/uploads/disease_bg.png) no-repeat right;
	background-size: cover;
	border-radius: 0 30px 30px 0;
}
.content[data-id="2"] {
	background: url(/wp-content/uploads/disease_bg.png) no-repeat right;
	background-size: cover;
	border-radius: 0 30px 30px 0;
}
.content[data-id="3"] {
	background: url(/wp-content/uploads/disease_bg.png) no-repeat right;
	background-size: cover;
	border-radius: 0 30px 30px 0;
}
.content[data-id="4"] {
	background: url(/wp-content/uploads/disease_bg.png) no-repeat right;
	background-size: cover;
	border-radius: 0 30px 30px 0;
}
.content[data-id="5"] {
	background: url(/wp-content/uploads/disease_bg.png) no-repeat right;
	background-size: cover;
	border-radius: 0 30px 30px 0;
}
.content[data-id="6"] {
	background: url(/wp-content/uploads/disease_bg.png) no-repeat right;
	background-size: cover;
	border-radius: 0 30px 30px 0;
}
.content[data-id="7"] {
	background: url(/wp-content/uploads/disease_bg.png) no-repeat right;
	background-size: cover;
	border-radius: 0 30px 30px 0;
}
.content[data-id="8"] {
	background: url(/wp-content/uploads/disease_bg.png) no-repeat right;
	background-size: cover;
	border-radius: 0 30px 30px 0;
}
.content[data-id="9"] {
	background: url(/wp-content/uploads/disease_bg.png) no-repeat right;
	background-size: cover;
	border-radius: 0 30px 30px 0;
}
.content[data-id="10"] {
	background: url(/wp-content/uploads/disease_bg.png) no-repeat right;
	background-size: cover;
	border-radius: 0 30px 30px 0;
}
/* 遮罩 */
.overlay {
	position: absolute;
	inset: 0;
	/* 	background: rgba(0,0,0,0.4); */
	border-radius: 30px;
}
/* 文字 */
.inner {
	position: relative;
	z-index: 2;
	color: #fff;
	height: 100%;
	padding-left: 143px;
}
.inner .box {
	height: 100%;
	max-width: 362px;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	justify-content: flex-start;
}
.inner .box .title {
	text-align: left;
	font-size: 24px;
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.04em;
	padding-bottom: 24px;
	border-bottom: 1px solid #fff;
	width: 100%;
	margin-bottom: 31px;
}
.inner .box p {
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.05em;
	line-height: 2.1;
	word-break: break-word;
}
/* 右侧菜单 */
.diseaseWrap .rightMenu {
	width: 45%;
	list-style: none;
	background: #fff;
	padding: 60px;
	position: absolute;
	content: "";
	right: 142px;
	top: -70px;
	height: 90%;
	border-radius: 20px;
	display: flex;
	justify-content: space-between;
	column-gap: 30px;
	flex-wrap: wrap;
	z-index: 11;
}
.rightMenu li {
	padding: 20px 0;
	cursor: pointer;
	border-bottom: 1px solid #C7CBD1;
	transition: 0.6s;
	color: #435877;
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 18px;
	width: calc((100% - 30px) / 2);
	padding-left: 30px;
	position: relative;
	line-height: 1.2;
}
.rightMenu li.none {
	border-bottom: none;
}
.rightMenu li sub {
	font-size: 16px;
	letter-spacing: 0;
}
.rightMenu li:before {
	position: absolute;
	content: "";
	width: 18px;
	height: 18px;
	background: url(/wp-content/uploads/disease_icon.png) no-repeat;
	background-size: cover;
	left: 0;
	top: 24px;
}
.rightMenu li.active:before {
	background: url(/wp-content/uploads/disease_icon_v.png) no-repeat;
	background-size: cover;
}
.rightMenu li:hover {
	color: #4da3c7;
}
/* 手机改成上下结构 */
/* @media (max-width: 768px) {
.diseaseWrap {
flex-direction: column;
height: auto;
}

.leftArea,
.rightMenu {
width: 100%;
}

.content {
position: relative;
height: 400px;
}
} */
@media screen and (max-width: 1233px)  and (min-width: 1025px) {
	.inner {
		padding-left: 93px;
	}
	.rightMenu {
		right: 122px;
		padding: 40px;
	}
	.inner .box {
		max-width: 332px;
	}
}
@media screen and (max-width: 1024px)  and (min-width: 768px) {
	.inner {
		padding-left: 43px;
	}
	.rightMenu {
		right: 82px;
		padding: 40px;
	}
	.inner .box {
		max-width: 282px;
	}
	.rightMenu li {
		font-size: 14px;
		padding-left: 20px;
	}
	.rightMenu li sub {
		font-size: 14px;
	}
	.diseaseWrap .rightMenu {
		right: 92px;
	}
	.rightMenu li:before {
		width: 12px;
		height: 12px;
		top: 22px;
	}
}
@media screen and (max-width: 767px) {
	.diseaseWrapSec {
		margin-top: 50px;
	}
	.diseaseWrap_sp .rightMenu {
		background: #fff;
		padding: 30px;
		display: flex;
		column-gap: 20px;
		flex-wrap: wrap;
		box-shadow: 10px 24px 64px rgba(0, 0, 0, 0.08);
		border-radius: 20px;
	}
	.diseaseWrap_sp .rightMenu li {
		width: calc((100% - 20px) / 2);
	}
	.diseaseWrap_sp .rightMenu li {
		font-size: 14px;
	}
	.diseaseWrap_sp .rightMenu li sub {
		font-size: 12px;
	}
}
/* =====================================
■ 診療案内メニュー
===================================== */
.menuBox {
	position: relative;
	padding-bottom: 92px;
	z-index: 1;
	margin-top: 45px;
}
.menuBox:after {
	position: absolute;
	content: "";
	background: #fff;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 165px;
	z-index: -2;
}
.menuBox .titWrap {
	padding-left: 45px;
}
.menuBox:before {
	position: absolute;
	content: "";
	background: url(/wp-content/uploads/menu_bg.png) no-repeat;
	bottom: 0;
	left: 0;
	width: 93%;
	height: 72%;
	z-index: -1;
	border-radius: 0 0 20px 0;
	background-size: cover;
}
.menuBox .menuNner {
	width: 93%;
	margin-left: auto;
}
.menuBox .menuNner .box {
	margin-top: 40px;
}
.menuBox .menuNner .ul01 {
	display: flex;
	justify-content: space-between;
}
.menuBox .menuNner .title {
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 24px;
	letter-spacing: 0.1em;
	color: #fff;
	position: relative;
	display: inline-block;
	padding-right: 25px;
}
.menuBox .menuNner .title:before {
	position: absolute;
	content: "";
	width: 18px;
	height: 18px;
	background: url(/wp-content/uploads/menu_icon01.png) no-repeat;
	background-size: cover;
	right: 0;
	top: 12px;
}
.menuBox .menuNner .ul01 li {
	width: calc(100% / 2);
	background: url(/wp-content/uploads/menu_img01.png) no-repeat center center;
	background-size: cover;
}
.menuBox .menuNner .ul01 li:last-child {
	background: url(/wp-content/uploads/menu_img02.jpg) no-repeat center center;
	background-size: cover;
}
.menuBox .menuNner .txt {
	color: #fff;
	margin-top: 10px;
}
.menuBox .menuNner .ul01 li a {
	display: block;
	padding: 60px 58px 95px 50px;
}
.menuBox .menuNner li a:hover {
	opacity: 0.2;
}
.menuBox .menuNner .ul01 li:first-child {
	position: relative;
	border-radius: 20px 0 0 0;
}
.menuBox .menuNner .ul01 li:first-child:before {
	position: absolute;
	content: "";
	height: 100%;
	width: 1px;
	top: 0;
	right: 0;
	background: #fff;
}
.menuBox .menuNner .ul02 {
	display: flex;
	justify-content: space-between;
}
.menuBox .menuNner .ul02 li {
	width: calc(100% / 4);
	background: url(/wp-content/uploads/menu_img03.png) no-repeat center center;
	background-size: cover;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
}
.menuBox .menuNner .ul02 li:first-child {
	border-radius: 0 0 0 20px;
}
.menuBox .menuNner .ul02 li a {
	display: block;
	padding: 40px 62px 60px 58px;
}
.menuBox .menuNner .ul02 li:nth-child(2) {
	background: url(/wp-content/uploads/menu_img04.jpg) no-repeat center center;
	background-size: cover;
}
.menuBox .menuNner .ul02 li:nth-child(3) {
	background: url(/wp-content/uploads/menu_img05.jpg) no-repeat center center;
	background-size: cover;
}
.menuBox .menuNner .ul02 li:nth-child(4) {
	background: url(/wp-content/uploads/menu_img06.jpg) no-repeat center center;
	background-size: cover;
}
.menuBox .menuNner .ul02 li:last-child {
	border-right: none;
}
@media screen and (max-width: 1168px)  and (min-width: 1025px) {
	.menuBox .menuNner .ul02 li a {
		padding: 40px;
	}
}
@media screen and (max-width: 1024px)  and (min-width: 768px) {
	.menuBox .menuNner .ul02 li a {
		padding: 20px;
	}
	.menuBox .menuNner .ul01 li a {
		padding: 30px;
	}
}
@media screen and (max-width: 767px) {
	.menuBox {
		margin-top: 40px;
	}
	.menuBox .titWrap {
		padding-left: 30px;
	}
	.menuBox .menuNner {
		width: 100%;
	}
	.menuBox .menuNner .title {
		font-size: 18px;
	}
	.menuBox .menuNner .title:before {
		top: 8px;
	}
	.menuBox .menuNner .txt {
		font-size: 14px;
	}
	.menuBox .menuNner .ul01 li a {
		padding: 30px;
		text-align: left;
	}
	.menuBox .menuNner .ul02 {
		display: block;
	}
	.menuBox .menuNner .ul02 li {
		width: 100%;
	}
	.menuBox .menuNner .ul02 li a {
		padding: 30px;
	}
	.menuBox:before {
		background: none;
	}
	.menuBox .menuNner .ul01 li {
		width: 100%;
		background: url(/wp-content/uploads/menu_spimg01.png) no-repeat center;
		background-size: cover;
		margin-bottom: 0;
		border-bottom: 1px solid #fff;
	}
	.menuBox .menuNner .ul01 li:last-child {
		background: url(/wp-content/uploads/menu_spimg02.png) no-repeat center;
		background-size: cover;
		border-bottom: none;
		border-radius: 0;
	}
	.menuBox .menuNner .ul01 li:first-child {
		border-radius: 0;
	}
	.menuBox .menuNner .ul02 li {
		background: url(/wp-content/uploads/menu_spimg03.png) no-repeat center;
		background-size: cover;
	}
	.menuBox .menuNner .ul02 li:nth-child(2) {
		background: url(/wp-content/uploads/menu_spimg04.png) no-repeat center;
		background-size: cover;
	}
	.menuBox .menuNner .ul02 li:nth-child(3) {
		background: url(/wp-content/uploads/menu_spimg05.png) no-repeat center;
		background-size: cover;
	}
	.menuBox .menuNner .ul02 li:nth-child(4) {
		background: url(/wp-content/uploads/menu_spimg06.png) no-repeat center;
		background-size: cover;
	}
	.menuBox .menuNner .ul01 li:first-child:before {
		background: none;
	}
	.menuBox {
		padding-bottom: 0;
	}
	.menuBox .menuNner .ul02 li:first-child {
		border-radius: 0;
	}
}
/* =====================================
■ 当院の3つの特徴
===================================== */
.featureSec {
	margin: 130px 0 120px;
}
.featureSec .box {
	margin-top: 46px;
}
.featureSec ul {
	display: flex;
	justify-content: space-between;
	column-gap: 23px;
}
.featureSec ul li {
	background: #ECF9FF;
	border-radius: 20px;
	padding: 41px 41px 45px 43px;
	box-sizing: border-box;
	width: calc((100% - 46px) / 3);
	position: relative;
}
.featureSec ul li:before {
	position: absolute;
	content: "";
	width: 86%;
	height: 6px;
	background: linear-gradient(90.05deg, #BDE1FB 0.08%, #CDD3EB 57.06%, #D9F3C3 100.52%);
	top: 0;
	left: 7%;
}
.featureSec ul li .titile {
	color: #435877;
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 22px;
	line-height: 1.6;
	margin-bottom: 15px;
}
.featureSec ul li .txt {
	color: #435877;
	font-size: 16px;
	letter-spacing: 0.1em;
	line-height: 2;
}
.featureSec ul li .icon {
	width: 90px;
	margin-left: auto;
	margin-bottom: -10px;
}
.featureSec ul li .number {
	font-size: 11px;
	letter-spacing: 0.15em;
	color: #435877;
	background: #fff;
	display: inline-block;
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight: 700;
	font-style: normal;
	padding: 2px 10px;
}
.titWrap span {
	display: inline-block;
	color: #435877;
	font-size: 17px;
	letter-spacing: 0.1em;
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight: 700;
	font-style: normal;
}
.featureSec .titWrap h2 {
	display: inline-block;
	width: 35%;
	max-width: 376px;
}
@media screen and (max-width: 1024px)  and (min-width: 768px) {
	.featureSec ul li {
		padding: 20px;
	}
	.featureSec ul li .titile {
		font-size: 18px;
	}
	.featureSec .titWrap h2 {
  font-size: 23px;
}
}
@media screen and (max-width: 767px) {
	.featureSec .titWrap h2 {
		width: 100%;
	}
	.featureSec ul {
		display: block;
	}
	.featureSec ul li {
		width: 100%;
		margin-bottom: 20px;
		padding: 30px;
	}
	.featureSec {
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.featureSec .box {
		margin-top: 30px;
	}
	.featureSec ul li .icon {
		margin-bottom: -50px;
	}
	.titWrap span {
		padding-left: 30px;
		font-size: 12px;
	}
}
/* =====================================
■ 院長メッセージ
===================================== */
.greetingSec .nner {
	max-width: 1173px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0 20px;
}
.greetingSec .box ul {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.greetingSec .box ul li:first-child {
	width: 37%;
	margin-right: -5%;
	z-index: 1;
}
.greetingSec .box ul li:last-child {
	width: 65%;
	margin-left: auto;
	background: url(/wp-content/uploads/greetingbg-1.png) no-repeat;
	background-size: cover;
	height: 100%;
	padding: 69px 94px 82px 119px;
	border-radius: 20px;
}
.greetingSec .box ul li:last-child .title {
	color: #fff;
	font-size: 28px;
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight: 700;
	font-style: normal;
	line-height: 1.9;
	letter-spacing: 0.1em;
	margin-bottom: 30px;
}
.greetingSec .box ul li:last-child .txt {
	color: #fff;
	line-height: 2.1;
}
@media screen and (max-width: 1024px)  and (min-width: 768px) {
	.greetingSec .box ul li:last-child {
		padding: 30px 50px 30px 50px;
	}
	.greetingSec .box ul li:last-child .title {
		font-size: 22px;
		line-height: 1.5;
	}
	.greetingSec .box ul li:last-child .txt {
		font-size: 15px;
		line-height: 1.8;
	}
}
@media screen and (max-width: 767px) {
	.greetingSec .box ul {
		display: block;
	}
	.greetingSec .box ul {
		margin-top: 40px;
	}
	.greetingSec .box ul li:last-child {
		width: 100%;
		padding: 60px 20px 20px;
	}
	.greetingSec .box ul li:first-child {
		width: 84%;
		height: 100%;
		position: relative;
		margin: 0 auto;
		margin-bottom: 0px;
		margin-bottom: -40px;
	}
	.greetingSec .box ul li:last-child .title {
		font-size: 18px;
		line-height: 1.5;
	}
}
/* =====================================
■ アクセス・診療時間
===================================== */
.accessTime {
	margin-top: 104px;
	margin-bottom: 134px;
}
.accessTime ul {
	display: flex;
	justify-content: space-between;
}
.accessTime ul .tablebox {
	width: 54%;
	padding-right: 60px;
	box-sizing: border-box;
}
.accessTime ul .mapbox {
	width: 46%;
	padding-top: 30px;
}
.accessTime ul .table_A {
	margin-top: 37px;
	margin-bottom: 49px;
}
.accessTime ul .table_A th {
	color: #1F2937;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.05em;
	border-bottom: 1px solid #1F2937;
	width: 20%;
}
.accessTime ul .table_A th,
.accessTime ul .table_A td {
	padding: 16px 0;
}
.accessTime ul .table_A td {
	border-bottom: 1px solid #E0DED2;
	color: #4B4A44;
	font-size: 15px;
}
.accessTime ul .tablebox .timetableA + div {
	color: #4B4A44;
	font-size: 16px;
	letter-spacing: 0.05em;
	margin-top: 10px;
}
.timetableA thead th {
	background: #1F2937;
	color: #fff;
	font-size: 14px;
	text-align: center;
	padding: 8px 0;
}
.timetableA thead th:first-child {
	width: 22%;
	border-radius: 10px 0 0 0;
}
.timetableA thead th:last-child {
	border-radius: 0 10px 0 0;
}
.timetableA tbody th,
.timetableA tbody td {
	font-size: 14px;
	border-bottom: 1px solid #E0DED2;
	padding: 8px 0;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.accessTime {
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.accessTime ul {
		display: block;
	}
	.accessTime ul .tablebox {
		width: 100%;
		padding-right: 0;
	}
	.accessTime ul .mapbox {
		width: 100%;
		padding-top: 0;
		margin-top: 30px;
	}
	.accessTime ul .table_A th {
		width: 30%;
	}
	.accessTime ul .table_A {
		margin-top: 10px;
		margin-bottom: 20px;
	}
}
/* =====================================
■ Loopslider
===================================== */
#loopslider {
	margin: 0 auto;
	width: 100%;
	height: 324px;
	text-align: left;
	position: relative;
	overflow: hidden;
	margin-bottom: 122px;
}
#loopslider ul {
	overflow: hidden;
}
#loopslider ul li {
	width: 1693px;
	height: 324px;
	float: left;
	overflow: hidden;
	margin-right: 26px;
}
#loopslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

@media screen and (max-width: 767px) {
	#loopslider {
		height: 260px;
	}
	#loopslider ul li {
		width: 1095px;
		height: 260px;
	}
	#loopslider {
		margin-bottom: 60px;
	}
}
/* =====================================
■ 地図
===================================== */
.mapSec {
	position: relative;
	z-index: 2;
}
.map {
	position: relative;
	width: 100%;
	padding-top: 574px;
}
.map iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
	border: none;
	border-radius: 20px;
}

@media screen and (max-width: 767px) {
	.map {
		padding-top: 300px;
	}
}