@charset "utf-8";

/* ------------------------------
 メイン（PC）
------------------------------ */
.mainBlock {
	position: relative;
	margin-bottom: 90px;
}
/* 重要なお知らせ */
.importantBox {
	padding: 20px 30px 25px;
	background-color: var(--red-color);
	color: #fff;
}
.importantBox > p {
	margin-bottom: 10px;
	border-bottom: 1px dotted #db7e66;
	font-size: 1.7rem;
	font-weight: 600;
}
/* Firefox */
@-moz-document url-prefix() {
	.importantBox > p {
		border-bottom: 1px dotted #ebb8ac;
	}
}
.importantBox > p::before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 18px;
	margin: -4px 6px 0 0;
	background: url(../img/icon_attention.svg) no-repeat 0 0 / cover;
	vertical-align: middle;
}
.importantList li:not(:last-child) {
	margin-bottom: 10px;
}
.importantList li a {
	display: flex;
	width: 100%;
	color: #fff;
	line-height: 1.4;
}
.importantList li a .date {
	font-family: "Rubik", sans-serif;
	font-size: 1.5rem;
	font-weight: 400;
}
.importantList li a .headline {
	position: relative;
	padding-right: 27px;
}
.importantList li a .headline::after {
	content: "";
	display: inline-block;
	position: absolute;
	bottom: 1px;
	right: 0;
	width: 22px;
	height: 22px;
	background: url(../img/icon_arrow_c_r_w_s.svg) no-repeat 0 0 / cover;
}
/* メインイメージ */
.mainBlock .mainimgSwiper {
	position: relative;
	width: 100%;
}
.mainBlock .swiper,
.mainBlock .swiper-slide,
.mainBlock .swiper-img {
	height: 100%;
}
.mainBlock .swiper-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/* メインテキスト */
.mainText {
	position: absolute;
	z-index: 2;
}
.mainText .pc {
	font-weight: 600;
	letter-spacing: .1em;
	text-align: right;
}
.mainText .pc span {
	display: inline-block;
	padding: 5px 15px 0 20px;
	border-radius: 8px;
	background-color: #fff;
}
/* メインメニュー */
.mainMenu ul {
	margin-bottom: 27px;
}
.mainMenu li a {
	display: flex;
	align-items: center;
	column-gap: 15px;
	font-size: 2.1rem;
	line-height: 1.3;
	font-weight: 600;
}
.mainMenu li a img {
	width: 58px;
}
.phone {
	position: relative;
	padding: 11px 0 6px;
	border-radius: 27px;
	background-color: var(--hospital-blue);
	color: #fff;
	font-size: 2.1rem;
	font-weight: 600;
	text-align: center;
}
.phone::after {
	content: "";
	display: block;
	position: absolute;
	bottom: -6px;
	left: 0;
	right: 0;
	width: 0;
	height: 0;
	margin: 0 auto;
	border-style:solid;
	border-width: 7px 7px 0 7px;
	border-color: var(--hospital-blue) transparent transparent transparent;
}
.phone span::before {
	content: "";
	display: inline-block;
	width: 26px;
	height: 26px;
	margin: -4px 6px 0 0;
	background: url(../img/icon_phone.svg) no-repeat 0 0 / cover;
	vertical-align: middle;
}
.mainMenu > a {
	display: block;
	margin: 15px 0 0;
	font-family: "Rubik", sans-serif;
	font-size: 4.3rem;
	line-height: 1;
	font-weight: 500;
	text-align: center;
}
.mainMenu > p span {
	font-weight: 600;
}
.mainIllustration01,
.mainIllustration02,
.mainIllustration03 {
	position: absolute;
	z-index: 2;
}
@media print, screen and (min-width: 768px) {
	.mainBlock {
		width: 95.8%;
		max-width: 1840px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 350px;
	}
	/* 重要なお知らせ */
	.importantBox {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 2;
		min-width: 350px;
		border-radius: 0 0 0 25px;
	}
	.importantList li a {
		flex-direction: column;
	}
	/* メインイメージ */
	.mainBlock .mainimgSwiper {
		height: 880px;
	}
	.mainBlock .swiper-img img {
		border-radius: 40px;
	}
	/* メインテキスト */
	.mainText {
		top: 652px;
		right: 48px;
	}
	.mainText .pc {
		font-size: 3.6rem;
		line-height: 1.5;
	}
	.mainText .pc span:first-child {
		margin-bottom: 15px;
	}
	/* メインイラスト */
	.mainIllustration01 {
		bottom: -20px;
		left: -2.1%;
	}
	.mainIllustration01 img {
		width: 634px;
	}
	.mainIllustration02 {
		bottom: 246px;
		right: -84px;
	}
	.mainIllustration03 {
		top: 39px;
		left: 281px;
	}
	/* メインメニュー */
	.mainMenu {
		position: absolute;
		top: 28px;
		left: 0;
	}
	.mainMenu ul {
		display: flex;
		flex-direction: column;
		row-gap: 6px;
		width: 250px;
	}
}
@media print, screen and (min-width: 1420px) {
	/* メインテキスト */
	.mainText .pc {
		font-size: 4.8rem;
	}
	.mainText .pc span:first-child {
		margin-bottom: 20px;
	}
	/* メインイラスト */
	.mainIllustration01 {
		bottom: -23px;
	}
	.mainIllustration01 img {
		width: 725px;
	}
}
/* ------------------------------
 メイン（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	.mainBlock {
		margin-bottom: 50px;
	}
	/* 重要なお知らせ */
	.importantBox {
		padding: 15px 5%;
	}
	.importantBox > p {
		margin-bottom: 8px;
		font-size: 1.4rem;
	}
	.importantBox > p::before {
		width: 18px;
		height: 16px;
		margin: -4px 5px 0 0;
	}
	.importantList li a {
		align-items: flex-start;
		column-gap: 5px;
	}
	.importantList li a .date {
		font-size: 1.3rem;
	}
	.importantList li a .headline {
		width: calc(100% - 75px);
		padding-right: 23px;
		font-size: 1.4rem;
	}
	.importantList li a .headline::after {
		bottom: 2px;
		width: 18px;
		height: 18px;
		background: url(../img/icon_arrow_c_r_w_s.svg);
	}
	/* メインイメージ */
	.mainimgBox {
		position: relative;
		margin-bottom: 40px;
	}
	.mainBlock .mainimgSwiper {
		position: relative;
		height: 558px;
	}
	.mainBlock .swiper-img img {
		object-position: center 0;
	}
	/* メインテキスト */
	.mainText {
		bottom: 35%;
		left: 5%;
	}
	.mainText .sp {
		font-size: 2.4rem;
		line-height: 1.25;
		font-weight: 600;
		letter-spacing: .08em;
	}
	.mainText .sp span {
		display: inline-block;
		padding: 4px 10px 0 10px;
		border-radius: 4px;
		background-color: #fff;
	}
	.mainText .sp span:not(:last-child) {
		margin-bottom: 10px;
	}
	.mainText .sp span:nth-of-type(2) {
		padding-right: 0;
	}
	/* メインイラスト */
	.mainIllustration01 {
		bottom: -1px;
		left: -10px;
	}
	.mainIllustration01 img {
		width: 340px;
	}
	.mainIllustration02 {
		bottom: 12px;
		right: -42px;
	}
	.mainIllustration02 img {
		width: 130px;
	}
	/* メインメニュー */
	.mainMenu {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
		text-align: center;
	}
	.mainMenu ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		gap: 20px;
	}
	.mainMenu li {
		text-align: left;
	}
	.mainMenu li a {
		column-gap: 10px;
		font-size: 1.9rem;
		line-height: 1.25;
	}
	.mainMenu li a img {
		width: 55px;
	}
	.mainMenu li a p {
		min-width: 5em;
	}
	.mainMenu li a p span {
		display: block;
	}
	.phone {
		width: 290px;
		margin: 0 auto;
		padding: 9px 0 4px;
		font-size: 2rem;
	}
	.phone span::before {
		width: 24px;
		height: 24px;
		margin: -4px 6px 0 0;
	}
}
@media screen and (max-width: 375px) {
	.mainMenu ul {
		justify-content: flex-start;
	}
	.mainMenu li a p {
		min-width: 4em;
	}
}

/* ------------------------------
 案内（PC）
------------------------------ */
.guideBlock {
	margin-bottom: 90px;
}
.guidanceLink {
	display: flex;
}
.guidanceLink li a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	row-gap: 10px;
	width: 100%;
	height: 100%;
	padding-bottom: 2px;
	border-radius: 20px;
	background-color: var(--base-color);
}
.guidanceLink li a img {
	width: auto;
	height: 50px;
}
.guidanceLink li a p {
	font-weight: 600;
	text-align: center;
}
@media print, screen and (min-width: 768px) {
	.guidanceLink {
		position: relative;
		z-index: 3;
		width: 796px;
		margin: 0 2.1% 0 auto;
	}
	.guidanceLink {
		column-gap: 20px;
	}
	.guidanceLink li {
		width: 184px;
		aspect-ratio: 1 / 1;
	}
	.guidanceLink li a p {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 2.7em;
		font-size: 2.1rem;
		line-height: 1.35;
	}
}
@media print, screen and (min-width: 1540px) {
	.guidanceLink {
		margin: 0 auto;
	}
}
/* ------------------------------
 案内（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	.guideBlock {
		width: 90%;
		margin: 0 5% 140px;
	}
	.guidanceLink {
		flex-wrap: wrap;
		gap: 11px;
	}
	.guidanceLink li {
		width: calc((100% - 33px) / 4);
		aspect-ratio: 1.35 / 1;
	}
	.guidanceLink li a {
		border-radius: 15px;
	}
	.guidanceLink li a img {
		height: 40px;
	}
	.guidanceLink li a p {
		font-size: 1.7rem;
		line-height: 1;
	}
	.guidanceLink li a p br {
		display: none;
	}
}
@media screen and (max-width: 666px) {
	.guidanceLink li {
		width: calc((100% - 11px) / 2);
	}
}

/* ------------------------------
 見出し・共通（PC）
------------------------------ */
/* h2 */
.contentsHome h2 {
	position: relative;
	margin-bottom: 45px;
	padding-bottom: 30px;
	font-size: 4.7rem;
	line-height: 1;
	font-weight: 600;
	text-align: center;
}
.contentsHome h2 span {
	display: block;
	margin-bottom: 15px;
	color: var(--gray-color);
	font-family: "Rubik", sans-serif;
	font-size: 1.7rem;
	font-weight: 400;
	letter-spacing: .1em;
}
.contentsHome h2::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 82px;
	height: 13px;
	margin: 0 auto;
	background: url(../img/icon_title.png) no-repeat center / cover;
}
.newsBlock .btn a,
.featuresBlock .btn a,
.recruitBlock .btn a {
	background-color: #fff;
}
/* ------------------------------
 見出し・テキスト（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	/* h2 */
	.contentsHome h2 {
		/* font-size: 3.8rem; */
		font-size: 3.6rem;
		margin-bottom: 40px;
		padding-bottom: 25px;
	}
	.contentsHome h2 span {
		font-size: 1.4rem;
	}
	.contentsHome h2::after {
		width: 62px;
		height: 10px;
	}
	/* 共通 */
	.newsBlock .inBlock,
	.featuresBlock .inBlock {
		width: 88%;
		margin-left: 6%;
		margin-right: 6%;
	}
	.contentsHome .btn a {
		min-width: 240px;
	}
}

/* ------------------------------
 お知らせ・ブログ（PC）
------------------------------ */
/* タグ絞り込み */
.postBlock input {
	display: none;
}
.tagBtnBox {
	display: flex;
	flex-flow: row wrap;
	gap: 10px;
}
label.tagBtn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 140px;
	height: 38px;
	color: var(--gray-color);
	font-size: 1.3rem;
	font-weight: 600;
	background-color: #fff;
	border-radius: 19px;
	transition: .3s ease-in-out;
	cursor: pointer;
}
.blog label.tagBtn {
	background-color: var(--base-color);
}
label.tagBtn:hover,
#news1:checked ~ .inBox .tagBtnBox label.tagBtn[for="news1"],
#news2:checked ~ .inBox .tagBtnBox label.tagBtn[for="news2"],
#news3:checked ~ .inBox .tagBtnBox label.tagBtn[for="news3"],
#news4:checked ~ .inBox .tagBtnBox label.tagBtn[for="news4"],
#news5:checked ~ .inBox .tagBtnBox label.tagBtn[for="news5"],
#blog1:checked ~ .tagBtnBox label.tagBtn[for="blog1"],
#blog2:checked ~ .tagBtnBox label.tagBtn[for="blog2"],
#blog3:checked ~ .tagBtnBox label.tagBtn[for="blog3"] {
	color: #fff;
	background-color: var(--gray-color);
}
.tagArea {
	display: none;
	visibility: hidden;
	opacity: 0;
	transition: .3s ease-in-out;
}
#news1:checked ~ .tagArea.news1,
#news2:checked ~ .tagArea.news2,
#news3:checked ~ .tagArea.news3,
#news4:checked ~ .tagArea.news4,
#news5:checked ~ .tagArea.news5,
#blog1:checked ~ .tagArea.blog1,
#blog2:checked ~ .tagArea.blog2,
#blog3:checked ~ .tagArea.blog3 {
	display: block;
	visibility: visible;
	opacity: 1;
}
/* ブログ */
.contentsHome .postList {
	display: flex;
}
@media print, screen and (min-width: 768px) {
	.contentsHome .postList {
		flex-flow: row wrap;
		gap: 0 36px;
	}
	.contentsHome .postList li {
		width: calc((100% - 108px) / 4);
	}
}
/* ------------------------------
 お知らせ・ブログ（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	/* タグ絞り込み */
	.tagBtnBox {
		gap: 5px;
		margin-bottom: 30px;
	}
	label.tagBtn {
		width: 100%;
		height: auto;
		padding: 5px 8px;
	}
	/* ボタン */
	section .btn a {
		width: 230px;
	}
	/* ブログ */
	.contentsHome .postSwiper {
		position: relative;
		padding-bottom: 55px;
	}
	.contentsHome .postSwiper {
		padding-left: 15%;
		padding-right: 15%;
		margin-left: -5.5%;
		margin-right: -5.5%;
	}
	.contentsHome .postList {
		justify-content: space-between;
	}
	.contentsHome .postSwiper .swiper-buttons {
		right: 5%;
	}
}

/* ------------------------------
 お知らせ・ブログ（PC）
------------------------------ */
/* お知らせ */
.newsBlock {
	position: relative;
	margin-bottom: 90px;
	background-color: var(--base-color);
}
.newsBlock .news {
	padding: 90px 0;
}
.newsIllustration01,
.newsIllustration02 {
	position: absolute;
	z-index: 2;
}
/* ブログ */
.blogBlock {
	position: relative;
	margin-bottom: 90px;
}
.contentsHome .blogBlock h2 {
	letter-spacing: .05em;
}
.contentsHome .blogBlock h2 {
	letter-spacing: -.05em;
}
.blogBlock .blog .tagBtnBox {
	justify-content: center;
}
.blogBlock .blog .postBox {
	margin-bottom: 35px;
}
.blogIllustration {
	position: absolute;
	z-index: 2;
}
@media print, screen and (min-width: 768px) {
	/* お知らせ */
	.newsBlock {
		width: 95.8%;
		max-width: 1840px;
		margin-left: auto;
		margin-right: auto;
		border-radius: 40px;
	}
	.newsBlock .news .inBox {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: 200px;
		order: 2;
	}
	.newsBlock .news label.tagBtn {
		width: 100%;
		max-width: 200px;
	}
	.newsBlock .news .tagArea {
		width: 900px;
		order: 1;
	}
	.newsBlock .news .btn {
		width: 100%;
		order: 3;
	}
	.newsIllustration01 {
		top: -226px;
		left: calc(-2.1% - 150px);
	}
	.newsIllustration01 img {
		width: 773px;
	}
	.newsIllustration02 {
		bottom: 114px;
		right: -105px;
	}
	/* ブログ */
	.blogBlock {
		width: 95.8%;
		max-width: 1840px;
		margin-left: auto;
		margin-right: auto;
	}
	.blogBlock .blog .tagBtnBox {
		margin-bottom: 30px;
	}
	.blogBlock .btn.list.tac {
		position: relative;
		z-index: 3;
	}
	.blogIllustration {
		top: 50px;
		left: -69px;
	}
}
@media print, screen and (min-width: 1420px) {
	/* お知らせ */
	.newsIllustration01 {
		top: -246px;
	}
	.newsIllustration01 img {
		width: 883px;
	}
}
/* ------------------------------
 お知らせ・ブログ（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	/* お知らせ */
	.newsBlock {
		width: 90%;
		margin: 0 5% 60px;
		border-radius: 0 0 20px 20px;
	}
	.newsBlock .news {
		padding: 60px 0;
	}
	.newsBlock .news .tagBtnBox {
		gap: 10px;
	}
	.newsBlock .news .tagBtnBox > * {
		width: calc((100% - 10px) / 2);
	}
	.newsIllustration01 {
		top: -121px;
		left: -92px;
	}
	.newsIllustration01 img {
		max-width: initial;
		width: 433px;
	}
	.newsIllustration02 {
		bottom: -31px;
		right: -57px;
	}
	.newsIllustration02 img {
		width: 129px;
	}
	/* ブログ */
	.blogBlock {
		margin-bottom: 120px;
	}
	.blogBlock .blog .tagBtnBox {
		justify-content: flex-start;
	}
	.blogBlock .blog .tagBtnBox > * {
		width: auto;
		max-width: 50%;
		flex: 1 1 auto;
	}
	.blogBlock .blog .postBox {
		margin-bottom: 30px;
	}
	.blogIllustration {
		bottom: 64px;
		left: -40px;
	}
	.blogIllustration img {
		width: 119px;
	}
}

/* ------------------------------
 当院の歴史と特長（PC）
------------------------------ */
.featuresBlock {
	position: relative;
	margin-bottom: 90px;
	padding: 110px 0 90px;
}
.contentsHome .featuresBlock h2 {
	margin-bottom: 65px;
	text-align: left;
}
.contentsHome .featuresBlock h2::after {
	margin: 0;
}
/* スライド */
.featuresBlock .featuresSwiper .swiper-slide img {
	border-radius: 30px;
}
.featuresBlock .swiper-slide .title {
	margin-top: 19px;
	font-size: 2.4rem;
	line-height: 1.3;
	font-weight: 600;
}
.featuresBlock .swiper-slide .title::after {
	content: "";
	display: inline-block;
	width: 38px;
	height: 38px;
	margin: -4px 0 0 8px;
	background: url(../img/icon_arrow_c_r.svg) no-repeat 0 0 / cover;
	vertical-align: middle;
}
.featuresBlock .swiper-slide a[target="_blank"] .title::after {
	background: url(../img/icon_blank_c.svg) no-repeat 0 0 / cover;
}
.featuresBlock .swiper-pagination .swiper-pagination-bullet {
	background-color: #bfcfdb;
	opacity: 1;
}
.featuresBlock .swiper-pagination .swiper-pagination-bullet-active {
	background-color: var(--hospital-color);
}
.featuresBlock .swiper-buttons {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
}
.featuresBlock .swiper-button-prev,
.featuresBlock .swiper-button-next {
	position: static;
	width: 54px;
	height: 54px;
	margin: 0;
	transition: .3s ease-in-out;
}
.featuresBlock .swiper-button-prev::after,
.featuresBlock .swiper-button-next::after {
	content: "";
	display: block;
	width: 54px;
	height: 54px;
	border-radius: 8px;
	background: #fff url(../img/icon_arrow_r_g.svg) no-repeat 18px center / 19px 14px;
}
.featuresBlock .swiper-button-prev::after {
	transform: rotate(180deg);
}
/* イラスト */
.featuresIllustration01,
.featuresIllustration02 {
	position: absolute;
	z-index: 2;
}
@media print, screen and (min-width: 768px) {
	.featuresBlock::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		z-index: -1;
		width: 95.8%;
		height: 100%;
		max-width: 1840px;
		margin: 0 auto;
		border-radius: 40px;
		background-color: var(--base-color);
	}
	.featuresBlock .overBlock {
		display: flex;
	}
	.featuresBlock .textBox {
		width: 22.632%;
		min-height: 593px;
		padding-bottom: 49px;
	}
	.featuresBlock .featuresSwiper {
		position: absolute;
		left: calc(50% - 267px);
		right: 0;
		z-index: 1;
		overflow: hidden;
	}
	.featuresSwiper:not(.swiper-initialized) .swiper-wrapper {
		gap: 0 45px;
	}
	.featuresSwiper .swiper-slide {
		width: 396px;
	}
	/* スライド */
	.featuresBlock .swiper-pagination,
	.featuresBlock .swiper-horizontal > .swiper-pagination-bullets,
	.featuresBlock .swiper-pagination-bullets.swiper-pagination-horizontal,
	.featuresBlock .swiper-pagination-custom,
	.featuresBlock .swiper-pagination-fraction {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		position: absolute;
		bottom: 139px;
		left: calc(50% - 570px);
		width: 258px;
		text-align: left;
	}
	.featuresBlock .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
	.featuresBlock .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
		width: 10px;
		height: 10px;
		margin: 0;
	}
	.featuresBlock .swiper-buttons {
		margin-top: -119px;
		position: absolute;
		right: calc(50% - 570px);
		z-index: 10;
	}
	.featuresBlock .swiper-button-prev:hover,
	.featuresBlock .swiper-button-next:hover {
		opacity: .7;
	}
	/* イラスト */
	.featuresIllustration01 {
		top: -199px;
		left: calc(50% + 8px);
	}
	.featuresIllustration01 img {
		max-width: initial;
		width: 756px;
	}
	.featuresIllustration02 {
		bottom: 86px;
		left: calc(50% - 1027px);
	}
}
@media print, screen and (min-width: 1340px) {
	.featuresIllustration01 {
		left: calc(50% + 51px);
	}
}
@media print, screen and (min-width: 1420px) {
	.featuresIllustration01 {
		top: -218px;
		left: calc(50% + 3px);
	}
	.featuresIllustration01 img {
		width: 864px;
	}
}
@media print, screen and (min-width: 1460px) {
	.featuresIllustration01 {
		left: calc(50% + 51px);
	}
}
@media print, screen and (min-width: 1560px) {
	.featuresIllustration01 {
		left: calc(50% + 122px);
	}
}
@media print, screen and (min-width: 1700px) {
	.featuresIllustration01 {
		left: calc(50% + 244px);
	}
}
@media print, screen and (min-width: 1920px) {
	.featuresIllustration02 {
		left: calc(50% - 1027px);
	}
}
/* ------------------------------
 当院の歴史と特長（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	.featuresBlock {
		width: 90%;
		margin: 0 5% 60px;
		padding: 95px 0 180px;
		border-radius: 0 0 20px 20px;
		background-color: var(--base-color);
	}
	.contentsHome .featuresBlock h2 {
		margin-bottom: 40px;
	}
	.featuresBlock .textBox .btn {
		position: absolute;
		bottom: 70px;
		left: 6%;
		right: 0;
	}
	/* スライド */
	/* .featuresBlock .featuresSwiper.swiper-initialized {
		padding-right: 30px;
	}
	.featuresBlock .featuresSwiper {
		overflow: hidden;
	} */
	.swiper-controller {
		display: flex;
		align-items: center;
		margin-bottom: 15px;
	}
	.featuresBlock .swiper-pagination,
	.featuresBlock .swiper-horizontal > .swiper-pagination-bullets,
	.featuresBlock .swiper-pagination-bullets.swiper-pagination-horizontal,
	.featuresBlock .swiper-pagination-custom,
	.featuresBlock .swiper-pagination-fraction {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		position: static;
		width: 100%;
		text-align: left;
	}
	.featuresBlock .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
	.featuresBlock .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
		width: 8px;
		height: 8px;
		margin: 0;
	}
	.featuresBlock .swiper-buttons {
		gap: 5px;
	}
	.featuresBlock .swiper-button-prev,
	.featuresBlock .swiper-button-next {
		width: 34px;
		height: 34px;
		border-radius: 5px;
	}
	.featuresBlock .swiper-button-prev::after,
	.featuresBlock .swiper-button-next::after {
		width: 34px;
		height: 34px;
		background: #fff url(../img/icon_arrow_r_g_s.svg) no-repeat 11px center / 13px 10px;
	}
	.featuresBlock .featuresSwiper .swiper-slide img {
		border-radius: 20px;
	}
	.featuresBlock .swiper-slide .title {
		margin-top: 19px;
		font-size: 2rem;
	}
	.featuresBlock .swiper-slide .title::after {
		width: 30px;
		height: 30px;
		margin: -6px 0 0 6px;
		background: url(../img/icon_arrow_c_r_s.svg) no-repeat 0 0 / cover;
	}
	.featuresBlock .swiper-slide a[target="_blank"] .title::after {
		background: url(../img/icon_blank_c_s.svg) no-repeat 0 0 / cover;
	}
	.featuresIllustration01 {
		top: -114px;
		left: -2%;
	}
	.featuresIllustration01 img {
		max-width: initial;
		width: 448px;
	}
	.featuresIllustration02 {
		bottom: 0;
		left: -62px;
	}
	.featuresIllustration02 img {
		width: 134px;
	}
}

/* ------------------------------
 採用情報（PC）
------------------------------ */
.recruitBlock {
	position: relative;
	margin-bottom: 90px;
}
.contentsHome .recruitBlock h2 {
	margin-bottom: 65px;
	padding-bottom: 35px;
	font-family: "Rubik", sans-serif;
	font-size: 6rem;
	font-weight: 500;
	text-align: left;
}
.contentsHome .recruitBlock h2 span {
	font-family: "IBM Plex Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 2rem;
	font-weight: 600;
}
.contentsHome .recruitBlock h2::after {
	margin: 0;
}
.recruitBlock .lead {
	font-size: 5.4rem;
	font-weight: 600;
	line-height: 1.45;
	margin-bottom: 20px;
}
@media print, screen and (min-width: 768px) {
	.recruitBlock {
		width: 95.8%;
		max-width: 1840px;
		height: 780px;
		margin-left: auto;
		margin-right: auto;
	}
	.recruitBlock .inBlock {
		display: flex;
		flex-direction: column;
		justify-content: center;
		position: absolute;
		top: 0;
		left: 50%;
		z-index: 2;
		height: 100%;
		margin-left: -570px;
		padding-left: 760px;
	}
	.recruitBlock .pc {
		position: relative;
		top: 0;
		left: 0;
		border-radius: 40px;
		height: 773px;
		object-fit: cover;
	}
}
/* ------------------------------
 採用情報（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	.recruitBlock {
		width: 90%;
		margin: 0 5% 60px;
		border-radius: 20px;
		background-color: #edfafe;
	}
	.recruitBlock .sp:first-child {
		position: absolute;
		top: 0;
		left: 0;
		border-radius: 20px 20px 0 0;
	}
	.recruitBlock .inBlock {
		position: relative;
		z-index: 2;
		width: 88%;
		margin-left: 6%;
		margin-right: 6%;
		padding-top: 60px;
	}
	.contentsHome .recruitBlock h2 {
		margin-bottom: 40px;
		padding-bottom: 25px;
		font-size: 4.5rem;
	}
	.contentsHome .recruitBlock h2 span {
		margin-bottom: 10px;
		font-size: 1.5rem;
	}
	.recruitBlock .lead {
		font-size: 3.6rem;
		margin-bottom: 15px;
	}
	.recruitBlock .sp:last-child {
		margin-top: -150px;
		border-radius: 0 0 20px 20px;
	}
}

/* ------------------------------
 バナー（PC）
------------------------------ */
/* バナーリンク */
.bnrBlock .bnrLink {
	margin-bottom: 37px;
}
.bnrLink a {
	display: flex;
	align-items: center;
	column-gap: 15px;
	height: 170px;
	padding: 0 35px;
	border-radius: 20px;
	background-color: var(--base-color);
}
.bnrLink a p {
	display: flex;
	flex-direction: column;
	row-gap: 10px;
	line-height: 1.5;
}
.bnrLink a p strong {
	display: inline-block;
	font-size: 2rem;
	line-height: 30px;
	font-weight: 600;
}
.bnrLink a p strong::after {
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: -6px 0 0 6px;
	background: url(../img/icon_blank_c_s_hc.svg) no-repeat 0 0 / cover;
	vertical-align: middle;
}
.bnrLink a:last-child p strong::after {
	background: url(../img/icon_blank_c_s_ih.svg) no-repeat 0 0 / cover;
}
/* バナースライド */
.bnrBlock .bnrSwiper {
	overflow: hidden;
	position: relative;
	z-index: 3;
}
.bnrSwiper:not(.swiper-initialized) ul {
	display: flex;
	justify-content: center;
	column-gap: 36px;
}
.bnrSwiper ul li {
	width: 22.632%;
	height: 104px;
	border-radius: 15px;
}
.bnrSwiper ul li a {
	display: flex;
	align-items: center;
	overflow: hidden;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	border-radius: 15px;
}
.bnrSwiper ul li a:not(:has(figure)) {
	padding: 20px 60px 20px 25px;
	background-color: var(--base-color);
}
.bnrSwiper ul li a:not(:has(figure)) p {
	color: var(--main-font-color);
	font-size: 1.8rem;
	line-height: 1.4;
	font-weight: 600;
}
.bnrSwiper ul li a:not(:has(figure))::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	width: 38px;
	height: 38px;
	margin: auto 0;
	background: url(../img/icon_arrow_c_r.svg) no-repeat 0 0 / cover;
	transition: .3s ease-in-out;
}
.bnrSwiper ul li a[target="_blank"]:not(:has(figure))::after {
	background: url(../img/icon_blank_c.svg) no-repeat 0 0 / cover;
}
/* 5枚以上でスライド */
.bnrBlock .bnrSwiper.swiper-horizontal {
	padding-bottom: 53px;
}
/* ページネーション */
.bnrSwiper .swiper-pagination-bullets.swiper-pagination-horizontal {
	display: block;
	bottom: 0;
	left: 50%;
	width: calc(100% - 16px);
	height: 38px;
	padding-top: 4px;
	transform: translateX(-50%);
}
.bnrSwiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	opacity: 1;
	margin: 0 4px;
	background-color: #bfcfdb;
}
.bnrSwiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:first-child {
	margin-left: 0;
}
.bnrSwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: var(--hospital-color);
}
/* 前へ／次へボタン */
.bnrSwiper .swiper-buttons {
	display: flex;
	justify-content: flex-end;
	gap: 7px;
	position: absolute;
	bottom: 0;
	right: 8px;
	height: 38px;
}
.bnrSwiper .swiper-buttons .swiper-button-prev,
.bnrSwiper .swiper-buttons .swiper-button-next {
	position: static;
	width: 38px;
	height: 38px;
	margin: 0;
	transition: .3s ease-in-out;
}
.bnrSwiper .swiper-buttons .swiper-button-prev::after,
.bnrSwiper .swiper-buttons .swiper-button-next::after {
	content: "";
	display: block;
	width: 38px;
	height: 38px;
	border-radius: 6px;
	background: #a3bacc url(../img/icon_arrow_r_w_s.svg) no-repeat 13px center / 13px 10px;
}
.bnrSwiper .swiper-buttons .swiper-button-prev::after {
	transform: rotate(180deg);
}
@media print, screen and (min-width: 768px) {
	/* バナーリンク */
	.bnrBlock .bnrLink {
		display: flex;
		justify-content: space-between;
	}
	/* 前へ／次へボタン */
	.bnrSwiper .swiper-buttons .swiper-button-prev:hover,
	.bnrSwiper .swiper-buttons .swiper-button-next:hover {
		opacity: .7;
	}
}
/* ------------------------------
 バナー（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	/* バナーリンク */
	.bnrBlock .bnrLink {
		margin-bottom: 12px;
	}
	.bnrLink a {
		column-gap: 10px;
		height: 156px;
		padding: 0 15px 0 20px;
		border-radius: 15px;
	}
	.bnrLink a + a {
		margin-top: 12px;
	}
	.bnrLink a img {
		width: 80px;
	}
	.bnrLink a p strong {
		font-size: 1.8rem;
	}
	/* バナースライド */
	.bnrBlock .bnrSwiper:not(.swiper-horizontal) ul {
		flex-flow: row wrap;
		gap: 12px 0;
	}
	.bnrSwiper ul li {
		width: 100%;
		height: 80px;
	}
	.bnrSwiper ul li a:not(:has(figure)) {
		padding: 10px calc(5% + 40px) 10px 20px;
	}
	.bnrSwiper ul li a:not(:has(figure)) p {
		font-size: 1.6rem;
	}
	.bnrSwiper ul li a:not(:has(figure)) p br {
		display: none;
	}
	.bnrSwiper ul li a:not(:has(figure))::after {
		width: 30px;
		height: 30px;
	}
	/* 5枚以上でスライド */
	.bnrBlock .bnrSwiper.swiper-horizontal {
		padding-bottom: 46px;
	}
	/* ページネーション */
	.bnrSwiper .swiper-pagination-bullets.swiper-pagination-horizontal {
		height: 34px;
		padding-top: 4px;
	}
	.bnrSwiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 4px;
	}
	/* 前へ／次へボタン */
	.bnrSwiper .swiper-buttons {
		gap: 5px;
		height: 34px;
	}
	.bnrSwiper .swiper-buttons .swiper-button-prev,
	.bnrSwiper .swiper-buttons .swiper-button-next {
		width: 34px;
		height: 34px;
	}
	.bnrSwiper .swiper-buttons .swiper-button-prev::after,
	.bnrSwiper .swiper-buttons .swiper-button-next::after {
		width: 34px;
		height: 34px;
		border-radius: 5px;
		background: #a3bacc url(../img/icon_arrow_r_w_s.svg) no-repeat 11px center / 13px 10px;
	}
}