@charset "utf-8";
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* 81-LMX */
/* clearfix */	
.clearfix:after {content: "";display: block;clear: both;}
/* flex */	
.flex,.flexA,.flexB,.flexC {display: flex;flex-wrap: wrap;}
.flexA {justify-content: space-around;}
.flexB {justify-content: space-between;}
.flexC {justify-content: center;}
/*------------------------------------------------------------
	font
------------------------------------------------------------*/
.zen {
	font-family: "Zen Kaku Gothic New", sans-serif;
}
.montserrat {
	font-family: "Montserrat", sans-serif;
}
/*------------------------------------------------------------
	comMenu
------------------------------------------------------------*/
.comMenu {
	position: relative;
}
.comMenu .menuList a {
	display: inline-block;
	color: #FEFEFE;
}
.comMenu .menuList p {
	font-size: 1.2rem;
}
.comMenu .menuList .en {
	display: block;
	font-weight: 600;
	font-size: 2.4rem;
	font-family: "Montserrat", sans-serif;
}
.comMenu .menuUl {
	margin: 2rem 0 0 1rem;
	font-size: 1.6rem;
}
.comMenu .menuUl a {
	position: relative;
	padding-left: 1.8rem;
}
.comMenu .menuUl .comArrow {
	width: 0.9rem;
	height: 1rem;
	left: 0;
	top: 0.7rem;
}
.comMenu .menuUl .comArrow::before,
.comMenu .menuUl .comArrow::after {
	background-image: url(../img/common/arrow01.png);
}
.comMenu .menuUl small {
	font-size: 1.4rem;
}
.comMenu .menuLink li:not(:last-child) {
	margin-bottom: 1rem;
}
.comMenu .menuLink img {
	width: 100%;
}
/* .comMenu .menuLink a {
	height: 8rem;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #4F92BD;
	font-weight: 700;
	font-size: 1.6rem;
	letter-spacing: 0.05em;
	border-radius: 1rem;
	background-color: #FFF;
} */
.comMenu .menuBtn {
	margin-top: 2rem;
	font-size: 1.4rem;
}
.comMenu .menuBtn li:not(:last-child) {
	margin-bottom: 1rem;
}
.comMenu .menuBtn a {
	display: inline-block;
	color: #FEFEFE;
}
@media all and (min-width: 897px) {
	.comMenu .menuList {
		margin-top: -6.5rem;
	}
	.comMenu .menuList > li {
		width: 29rem;
		margin-top: 6.5rem;
	}
	.comMenu .menuUl {
		display: block !important;
	}
	.comMenu .menuUl.column {
		width: 56.2rem;
		column-count: 2;
	}
	.comMenu .menuUl li {
		margin-bottom: 1rem;
		break-inside: avoid;
	}
	.comMenu .menuList p + p {
		margin-top: 2.5rem;
	}
	.comMenu .menuLinkBox {
		position: absolute;
		left: 87rem;
		bottom: -10.2rem;
		width: 19rem;
	}
	.comMenu a:hover {
		opacity: 0.5;
	}
	.comMenu .menuUl a:hover {
		opacity: 1;
	}
}
@media all and (max-width: 896px) {
	.comMenu .menuList {
		display: block;
	}
	.comMenu .menuList p:not(.sml) {
		position: relative;
		border-top: 1px solid #FEFEFE;
	}
	.comMenu .menuList p a {
		padding: 1.7rem 4rem 1.8rem 2rem;
		display: flex;
		align-items: center;
	}
	.comMenu .menuList .first a {
		background: url(../img/common/arrow02.png) no-repeat right 2rem center;
		background-size: 1.3rem auto;
	}
	.comMenu .menuList .line {
		margin-bottom: 1rem;
		border-bottom: 1px solid #FEFEFE;
	}
	.comMenu .menuList .sml a {
		padding: 0.5rem 2rem;
	}
	.comMenu .menuList .en {
		margin: 0 1rem 0 0;
		font-size: 1.8rem;
	}
	.comMenu .menuList .arrow {
		position: absolute;
		right: 0;
		top: 0;
		width: 5.2rem;
		height: 6.2rem;
		background: url(../img/common/icon08.png) no-repeat center center;
		background-size: 1.2rem auto;
	}
	.comMenu .menuList .arrow.on {
		background-image: url(../img/common/icon08_on.png);
	}
	.comMenu .menuUl {
		margin: 0 0 2rem 3rem;
		display: none;
	}
	.comMenu .menuUl li:not(:last-child) {
		margin-bottom: 1rem;
	}
	.comMenu .menuUl small {
		font-size: 1.2rem;
	}
	 .comMenu .menuLinkBox {
		margin-top: 2rem;
	 }
	 .comMenu .menuBtn {
		margin: 2rem 2rem 0;
	 }
}
/*------------------------------------------------------------
	pageTitle
------------------------------------------------------------*/
.pageTitle {
	max-width: 124rem;
	min-height: 30rem;
	margin: 0 auto 5rem;
	position: relative;
	border-radius: 3rem;
	background-image: linear-gradient( 90deg, #83BDD8 0%, #EDE7D0 100%);
}
.pageTitle .pho {
	position: relative;
	overflow: hidden;
	border-radius: 3rem;
}
.pageTitle .pho::before {
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	bottom: 0;
	background: linear-gradient(to right,rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
	content: "";
}
.pageTitle .pho img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media all and (max-width: 896px) {
	.pageTitle {
		max-width: inherit;
		min-height: 15rem;
		margin: 0 2rem 3rem 0;
		border-radius: 0 2rem 2rem 0;
	}
	.pageTitle .pho {
		border-radius: 0 2rem 2rem 0;
	}
	.pageTitle .pho::before {
		width: 100%;
	}
	.pageTitle .pho img {
		height: 15rem;
	}
}
/*------------------------------------------------------------
	pagePath
------------------------------------------------------------*/
#pagePath {
	position: absolute;
	right: 0;
	bottom: 0;
	min-height: 8rem;
	padding: 0.2rem 5rem 0;
	display: flex;
	align-items: center;
	background-color: #fff;
	border-radius: 3rem 0 0 0;
	z-index: 2;
}
#pagePath::before,
#pagePath::after {
	position: absolute;
	background: url(../img/common/icon03.png) no-repeat;
	background-size: 3rem auto;
	width: 3rem;
	height: 3rem;
	content: "";
}
#pagePath::before {
	top: -2.9rem;
	right: -0.1rem;
}
#pagePath::after {
 left: -2.9rem;
 bottom: -0.1rem;
}
#pagePath ul {
	color: #4F92BD;
	font-size: 1.4rem;
}
#pagePath li {
	display: inline;
}
#pagePath li:not(:last-child) {
	padding-right: 2.6rem;
	background: url(../img/common/line01.png) no-repeat right 0.5rem center;
	background-size: 1.1rem auto;
}
#pagePath a {
	color: #4F92BD;
}
#pagePath a:hover {
	opacity: 0.5;
}
@media all and (max-width: 896px) {
	#pagePath {
		display: none;
	}
}
/*------------------------------------------------------------
	content
------------------------------------------------------------*/
.content {
	width: 114rem;
	margin: 0 auto;
}
@media all and (max-width: 896px) {
	.content {
		width: auto !important;
		margin: 0 3rem;
	}
	.content .mainBox{
		display: grid;
	}
	.content .mainBox #conts{
		order: 2;
		min-width: 0;
	}
	.content .mainBox #sideBar{
		margin-bottom: 2rem;
		order: 1;
	}
}
/*------------------------------------------------------------
	headLine01
------------------------------------------------------------*/
.headLine01 {
	position: absolute;
	left: 5rem;
	top: 4.9rem;
	color: #FEFEFE;
	font-size: 4rem;
	font-weight: 700;
	z-index: 2;
}
.headLine01 .en {
	margin-top: 0.5rem;
	display: block;
	font-size: 1.8rem;
	font-weight: 500;
	letter-spacing: 0.1em;
	font-family: "Montserrat", sans-serif;
}
@media all and (max-width: 896px) {
	.headLine01 {
		left: 3rem;
		top: 2.9rem;
		font-size: 2.4rem;
	}
	.headLine01 .en {
		margin-top: 1rem;
		font-size: 1.4rem;
	}
}
/*------------------------------------------------------------
	headLine03
------------------------------------------------------------*/
.headLine03 {
	margin-bottom: 1rem;
	padding-left: 1.6rem;
	position: relative;
	color: #4F92BD;
	font-weight: 700;
}
.headLine03::before {
	position: absolute;
	left: 0;
	top: 1.1rem;
	width: 0.6rem;
	height: 0.6rem;
	background-color: #4F92BD;
	border-radius: 100%;
	content: "";
}
/*------------------------------------------------------------
	headLine04
------------------------------------------------------------*/
.headLine04 {
	padding-left: 5rem;
	display: flex;
	align-items: flex-end;
	color: #4F92BD;
	background: url(../img/common/icon21.png) no-repeat left top 0.4rem;
	background-size: 4rem auto;
}
.headLine04 .en {
	line-height: 1;
	font-size: 4rem;
	font-weight: 600;
	font-family: "Montserrat", sans-serif;
}
.headLine04 .jp {
	margin: 0 0 0.2rem 1rem;
	padding-left: 2rem;
	font-size: 1.4rem;
	font-weight: 500;
	background: url(../img/common/line03.png) no-repeat left bottom 0.3rem;
	background-size: 1.1rem auto;
}
@media all and (max-width: 896px) {
	.headLine04 {
		margin-bottom: 2rem;
		padding-left: 3.5rem;
		background-size: 2.6rem auto;
	}
	.headLine04 .en {
		font-size: 3rem;
	}
	.headLine04 .jp {
		margin: 0 0 0.1rem 0.5rem;
		padding-left: 1.3rem;
		background-size: 1rem auto;
	}
}
/*------------------------------------------------------------
	headLine05
------------------------------------------------------------*/
.headLine05 {
	margin-bottom: 5rem;
	color: #4F92BD;
	text-align: center;
}
.headLine05 > span {
	display: block;
}
.headLine05 .ico {
	width: 4rem;
	margin: 0 auto 2.5rem;
}
.headLine05 .en {
	margin-bottom: 2rem;
	line-height: 1;
	font-size: 4rem;
	font-weight: 600;
	font-family: "Montserrat", sans-serif;
}
.headLine05 .jp {
	font-size: 1.4rem;
	font-weight: 500;
}
@media all and (max-width: 896px) {
	.headLine05 {
		margin-bottom: 3rem;
	}
	.headLine05 .ico {
		width: 2.6rem;
		margin: 0 auto 1.5rem;
	}
	.headLine05 .en {
		margin-bottom: 1.5rem;
		font-size: 3rem;
	}
}
/*------------------------------------------------------------
	headLine06
------------------------------------------------------------*/
.headLine06 {
	margin-bottom: 2.5rem;
	padding-bottom: 1.5rem;
	position: relative;
	font-size: 2.8rem;
	color: #4F92BD;
	font-weight: 700;
	border-bottom: 0.2rem solid #F4F5F6;
}
.headLine06::before {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 10rem;
	height: 0.2rem;
	bottom: -0.2rem;
	background-color: #4F92BD;
	content: "";
}
@media all and (max-width: 896px) {
	.headLine06 {
		margin-bottom: 3rem;
		font-size: 2rem;
	}
	.headLine06::before {
		width: 5rem;
	}
}
/*------------------------------------------------------------
	headLine07
------------------------------------------------------------*/
.headLine07 {
	margin-bottom: 2rem;
	padding-left: 2rem;
	position: relative;
	color: #4F92BD;
	font-weight: 700;
	font-size: 2rem;
	line-height: 1.4;
}
.headLine07::before {
	position: absolute;
	left: 0;
	top: 0;
	height: 2.9rem;
	width: 0.8rem;
	border-radius: 0.2rem;
	content: "";
	background-color: #4F92BD;
}
.headLine07 small {
	font-size: 1.8rem;
}
@media all and (max-width: 896px) {
	.headLine07 {
		font-size: 1.6rem;
	}
	.headLine07::before {
		height: 2.4rem;
	}
}
/*------------------------------------------------------------
	headLine08
------------------------------------------------------------*/
.headLine08 {
	margin-bottom: 2rem;
	min-height: 6rem;
	padding: 0 2rem;
	display: flex;
	align-items: center;
	color: #4F92BD;
	font-size: 2rem;
	font-weight: 700;
	border-radius: 1rem;
	background-color: #E7F2F9;
}
@media all and (max-width: 896px) {
	.headLine08 {
		margin-bottom: 1rem;
		min-height: 5rem;
	}
}
/*------------------------------------------------------------
	comBold
------------------------------------------------------------*/
.comBold {
	margin-bottom: 1.5rem;
	color: #4F92BD;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.8;
}
@media all and (max-width: 896px) {
	.comBold {
		font-size: 1.8rem;
		line-height: 1.5;
	}
}
/*------------------------------------------------------------
	comDotList
------------------------------------------------------------*/
.comDotList li {
	padding: 0 0 1rem 1.5rem;
	position: relative;
}
.comDotList li::before {
	position: absolute;
	left: 0;
	top: 1.1rem;
	width: 0.6rem;
	height: 0.6rem;
	background-color: #4F92BD;
	border-radius: 100%;
	content: "";
}
.comDotList small {
	font-size: 1.6rem;
}
@media all and (max-width: 896px) {
	.comDotList small {
		font-size: 1.4rem;
	}
}
/*------------------------------------------------------------
	comHover1
------------------------------------------------------------*/
.comArrowBg {
	position: absolute;
	right: 1rem;
	top: 50%;
	width: 4rem;
	height: 4rem;
	border-radius: 1rem;
	background-color: #4F92BD;
	transform: translateY(-50%);
	transition: .3s;
}
.comArrowBg.color01 {
	background-color: #00AD9B;
}
.comArrowBg.color02 {
	background-color: #5C7886;
}
.comArrowBg .comArrow {
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.comArrow {
	position: absolute;
	width: 1.4rem;
	height: 1.5rem;
	overflow: hidden;
}
.comArrow:before,
.comArrow:after {
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	animation-fill-mode: both;
	animation-duration: 0.4s;
	background: url(../img/common/arrow05.png) no-repeat;
    background-size: 100% 100%;
}
.comArrowBg .comArrow:before {
	background-image: url(../img/common/arrow06.png);
}
.comArrowBg .comArrow:after {
	background-image: url(../img/common/arrow07.png);
}
.comArrowBg.color01 .comArrow:after {
	background-image: url(../img/common/arrow09.png);
}
.comArrowBg.color02 .comArrow:after {
	background-image: url(../img/common/arrow10.png);
}
.comArrow:after {
	transform: translateX(-100%);
}
.comArrow:before {
	animation-name: transformLeftRight;
	animation-delay: 0.2s;
}
.comArrowLeft:before {
	animation-name: transformLeftRight2;
}
#doctors .doctor .listUl .more .comArrow:before,
#doctors .doctor .listUl .more .comArrow:after {
	background: url(../img/common/arrow01.png) no-repeat;
	background-size: 100% 100%;
}
#doctors .doctor .listUl .comHover1:hover .more .comArrow:before,
#doctors .doctor .listUl .comHover1:hover .more .comArrow:after {
	background-image: url(../img/common/arrow07.png);
}
@keyframes transformLeftRight {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes transformRightLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes transformLeftRight2 {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes transformRightLeft2 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@media all and (min-width: 897px) {
	.comHover1:hover .comArrowBg {
		background-color: #FEFEFE;
	}
	.comHover1:hover .comArrow:after {
		animation-name: transformRightLeft;
	}
	.comHover1:hover .comArrow:before {
		animation-name: transformRightLeft;
		animation-delay: 0s;
	}
	.comHover1:hover .comArrow:after {
		animation-name: transformLeftRight;
		animation-delay: 0.2s;
	}
	.comHover1:hover .comArrowLeft:after {
		animation-name: transformRightLeft2;
	}
	.comHover1:hover .comArrowLeft:before {
		animation-name: transformRightLeft2;
	}
	.comHover1:hover .comArrowLeft:after {
		animation-name: transformLeftRight2;
	}
}
@media all and (max-width: 896px) {
	.comArrowBg {
		width: 2.5rem;
		height: 2.5rem;
	}
	.comArrowBg .comArrow {
		width: 0.9rem;
		height: 0.9rem;
	}
	.comArrow {
		width: 1.4rem;
		height: 1.4rem;
	}
}
/*------------------------------------------------------------
	comLink
------------------------------------------------------------*/
.comLink {
	width: 30rem;
	margin: 0 auto;
}
.comLink.right {
	margin-right: 0;
}
.comLink.left {
	margin-left: 0;
}
.comLink a {
	height: 6rem;
	padding: 0 5.5rem;
	position: relative;
	display: flex;
	align-items: center;
	color: #4F92BD;
	font-size: 1.8rem;
	background-color: #FEFEFE;
	border-radius: 1rem;
}
.comLink.noIcon a {
	padding: 0 6rem 0 2rem;
	font-size: 1.6rem;
}
.comLink.color01 a {
	background-color: #E7F2F9;
}
.comLink.color02 a {
	color: #00AD9B;
	background-color: #E8F7F6;
}
.comLink.color03 a {
	color: #00AD9B;
}
.comLink.color04 a {
	color: #5C7886;
}
.comLink .ico {
	width: 2.4rem;
	height: 2.4rem;
	position: absolute;
	left: 2rem;
	top: 50%;
	transform: translateY(-50%);
}
.comLink .ico img {
	transition: .3s;
}
.comLink .ico .hover {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	opacity: 0 !important;
}
@media all and (min-width: 897px) {
	.comLink a:hover {
		color: #FEFEFE;
		background-color: #4F92BD;
	}
	.comLink a:hover .ico .hover {
		opacity: 1 !important;
	}
	.comLink a:hover .ico .on {
		opacity: 0 !important;
	}
	.comLink.color02 a:hover {
		background-color: #00AD9B;
	}
	.comLink.color03 a:hover {
		background-color: #00AD9B;
	}
	.comLink.color04 a:hover {
		background-color: #5C7885;
	}
}
@media all and (max-width: 896px) {
	.comLink {
		width: 25rem;
	}
	.comLink a {
		height: 4.5rem;
		padding: 0 4.5rem;
		font-size: 1.6rem;
		border-radius: 1rem;
	}
	.comLink .ico {
		width: 2rem;
		height: 2rem;
		left: 1.5rem;
	}
	.comLink.big a {
		height: 5rem;
		padding: 0 4rem 0 5rem;
	}
	.comLink.big .ico {
		width: 2.4rem;
		height: 2.4rem;
	}
	.comLink.big .comArrowBg {
		width: 3rem;
		height: 3rem;
	}
	.comLink.big .comArrowBg .comArrow {
		width: 1.2rem;
		height: 1.2rem;
	}
}
/*------------------------------------------------------------
	comLinkList
------------------------------------------------------------*/
.comLinkList li {
	width: 23.79%;
}
.comLinkList a {
	height: 20rem;
	padding: 3rem;
	position: relative;
	display: block;
	background-color: #FFFFFF;
	border-radius: 2rem;
}
.comLinkList .comArrow {
	bottom: 3rem;
	right: 3rem;
}
.comLinkList .comArrow::before {
	background-image: url(../img/common/arrow03.png);
}
.comLinkList .comArrow::after {
	background-image: url(../img/common/arrow04.png);
}
.comLinkList .ico {
	margin-bottom: 4.5rem;
	width: 4.2rem;
	position: relative;
}
.comLinkList img {
	transition: .3s;
}
.comLinkList .ico .hover {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	opacity: 0 !important;
}
.comLinkList p {
	color: #00AD9B;
	font-size: 2rem;
	transition: .3s;
}
.comLinkList p small {
	font-size: 1.6rem;
}
.comLinkList .en {
	margin-top: 0.5rem;
	display: block;
	color: #666;
	font-size: 1.4rem;
	font-weight: 600;
	transition: .3s;
}
@media all and (min-width: 897px) {
	.comLinkList li {
		margin-right: 1.61%;
	}
	.comLinkList li:nth-child(4n) {
		margin-right: 0;
	}
	.comLinkList a:hover {
		background-color: #00AD9B;
	}
	.comLinkList a:hover .ico .hover {
		opacity: 1 !important;
	}
	.comLinkList a:hover p {
		color: #FEFEFE;
	}
	.comLinkList a:hover p .en {
		color: #FEFEFE;
	}
}
@media all and (max-width: 896px) {
	.comLinkList {
		display: block;
	}
	.comLinkList li {
		margin-bottom: 1rem;
		width: auto;
	}
	.comLinkList li:last-child {
		margin-bottom: 0 !important;
	}
	.comLinkList a {
		position: relative;
		height: 8rem;
		padding: 2rem 7rem;
		border-radius: 1rem;
	}
	.comLinkList .comArrow {
		bottom: 3.5rem;
		right: 2rem;
	}
	.comLinkList .ico {
		margin-bottom: 0;
		width: 2.8rem;
		position: absolute;
		left: 2rem;
		top: 50%;
		transform: translateY(-50%);
	}
	.comLinkList p {
		font-size: 1.6rem;
	}
	.comLinkList p small {
		font-size: 1.4rem;
	}
	.comLinkList .en {
		margin-top: 0.5rem;
		font-size: 1.2rem;
	}
}
/*------------------------------------------------------------
	fixLink
------------------------------------------------------------*/
#container{
 position: relative;
}
.fixLink {
	bottom: 3rem;
	height: 54px;
	left: 0;
	margin: auto;
	max-width: 1920px;
	position: fixed;
	right: 0;
	width: 100%;
	z-index: 90;

}
.fixLink ul {
	background-color: #4F92BD;
	border-radius: 1rem;
	border: 3px solid #fff;
	display: flex;
	justify-content: center;
	padding: 0 15px 0 10px;
	position: absolute;
	right: 3rem;
	width: fit-content;
}
.fixLink li {
	width: 13.7rem;
	position: relative;
}
.fixLink li:last-child {
	width: calc(100% - 13.7rem);
}
.fixLink li:not(:first-child)::before {
	position: absolute;
	left: 0;
	top: 1.5rem;
	bottom: 1.5rem;
	border-left: 2px dotted #FEFEFE;
	content: "";
}
.fixLink a {
	padding-left: 3.5rem;
	height: 5rem;
	display: flex;
	align-items: center;
	color: #FEFEFE;
	font-size: 1.6rem;
	background: url(../img/common/icon17.png) no-repeat left 1.6rem center;
	background-size: auto 1.4rem;
}
.fixLink li:first-child a {
	padding-left: 3.5rem;
	font-weight: 900;
	background-image: url(../img/common/icon16.png);
	background-position: left 1.3rem center;
}
@media all and (min-width: 897px) {
	.fixLink a:hover {
		text-decoration: underline;
	}
}
@media all and (max-width: 896px) {
	.fixLink ul {
		right: 1rem;
	}
}
/*------------------------------------------------------------
	comBg
------------------------------------------------------------*/
.comBg {
	background: linear-gradient(125deg,#83bdd8 0%, #ede7d0 100%);
}
@media all and (max-width: 896px) {
	.comBg {
		background: linear-gradient(165deg,#83bdd8 0%, #ede7d0 100%);
	}
}
/*------------------------------------------------------------
	comNews
------------------------------------------------------------*/
.comNews {
	margin: -4.5rem 0 5rem;
}
.comNews .tabUl {
	margin: -1rem 0 6rem;
	justify-content: flex-end;
}
.comNews .tabUl li {
	margin: 1rem 0 0 1rem;
}
.comNews .tabUl a {
	padding: 1rem 2rem;
	display: block;
	color: #666;
	font-size: 1.4rem;
	background-color: #F4F5F6;
	border-radius: 1rem;
}
.comNews .tabUl .on a {
	color: #FEFEFE;
	background-color: #4F92BD;
}
@media all and (min-width: 897px) {
	.comNews .tabUl a:hover {
		color: #FEFEFE;
		background-color: #4F92BD;
	}
}
@media all and (max-width: 896px) {
	.comNews {
		margin: 0 0 3rem;
	}
	.comNews .tabUl {
		margin: 0 -3rem 1rem 0;
		padding-bottom: 1rem;
		width: fit-content;
		justify-content: flex-start;
		flex-wrap: nowrap;
		overflow-x: scroll;
	}
	.comNews .tabUl li {
		margin: 0 0.5rem 0 0;
		flex-shrink: 0;
	}
	.comNews .tabUl a {
		padding: 0.5rem 1rem;
	}
}
/*------------------------------------------------------------
	comNewsList
------------------------------------------------------------*/
.comNewsList a {
	height: 100%;
	position: relative;
	padding: 3rem 6rem 3rem 3rem;
	display: block;
	background-color: #F4F5F6;
	border-radius: 2rem;
}
.comNewsList .comArrow {
	right: 3rem;
	bottom: 3rem;
}
.comNewsList .txt {
	color: #4F92BD;
	font-weight: 700;
}
@media all and (min-width: 897px) {
	.comNewsList {
		margin-top: -2rem;
		position: relative;
	}
	.comNewsList::after {
		content: "";
		width: 40rem;
	}
	.comNewsList li {
		margin-top: 2rem;
		width: 40rem;
	}
	.comNewsList a:hover {
		background-color: #E7F2F9;
	}
}
@media all and (max-width: 896px) {
	.comNewsList {
		display: block;
	}
	.comNewsList li:not(:last-child) {
		margin-bottom: 1rem;
	}
	.comNewsList a {
		padding: 2rem 5rem 2rem 2rem;
		border-radius: 1rem;
	}
	.comNewsList .comArrow {
		right: 2.5rem;
		bottom: 2.5rem;
	}
	.comNewsList .txt {
		line-height: 1.68;
	}
}
/*------------------------------------------------------------
	comTitle
------------------------------------------------------------*/
.comTitle {
	margin-bottom: 1rem;
	display: flex;
	font-size: 1.4rem;
}
.comTitle .time {
	width: 8rem;
	flex-shrink: 0;
	font-weight: 600;
	color: #4F92BD;
}
.comTitle .sort {
	padding-left: 2rem;
	color: #666;
	background: url(../img/common/line01.png) no-repeat left top 0.6rem;
	background-size: 1.1rem auto;
}
.comTitle .sort span {
	margin-right: 1rem;
}
@media all and (max-width: 896px) {
	.comTitle {
		margin-bottom: 0.5rem;
	}
	.comTitle .sort {
		font-size: 1.2rem;
		background-size: 1rem auto;
	}
}
/*------------------------------------------------------------
	comTimeList
------------------------------------------------------------*/
.comTimeList {
	width: 104rem;
	margin: 0 auto;
}
.comTimeList > li {
	width: 50rem;
	border-radius: 2rem;
	overflow: hidden;
	background-color: #FFF;
}
.comTimeList .ttl {
	padding: 1.6rem 0 1.7rem;
	text-align: center;
	color: #FEFEFE;
	font-weight: 700;
	background-color: #4F92BD;
}
.comTimeList .ttl img {
	margin: -0.5rem 1rem 0 0;
	width: auto;
	height: 2.2rem;
	display: inline-block;
	vertical-align: middle;
}
.comTimeList .whiteBg {
	padding: 3rem 2rem;
}
.comTimeList .title {
	margin-bottom: 1rem;
	text-align: center;
	color: #4F92BD;
	font-size: 2.4rem;
	font-weight: 700;
}
.comTimeList .red {
	padding: 0.5rem 1rem;
	width: fit-content;
	margin: 0 auto 3rem;
	color: #F42B66;
	font-size: 1.6rem;
	background-color: #FEEDED;
	border-radius: 0.5rem;
}
.comTimeList .linkList li:not(:last-child) {
	margin-bottom: 1rem;
}
.comTimeList .timeList {
	width: 34rem;
	margin: 3.5rem auto 0.5rem;
	color: #4F92BD;
	font-size: 2rem;
	font-weight: 700;
}
.comTimeList .timeList li {
	padding: 1.5rem 0 1.5rem 2rem;
}
.comTimeList .timeList li:first-child {
	border-bottom: 1px solid #CCC;
}
.comTimeList .timeList .time {
	margin: 0 1rem 0 1.5rem;
	font-weight: 600;
}
.comTimeList .timeList .sml {
	color: #666;
	font-size: 1.4rem;
	font-weight: 500;
}
@media all and (max-width: 896px) {
	.comTimeList {
		width: auto;
		display: block;
	}
	.comTimeList > li {
		width: auto;
		margin-bottom: 2rem;
	}
	.comTimeList > li:last-child {
		margin-bottom: 0 !important;
	}
	.comTimeList .ttl {
		font-size: 1.8rem;
	}
	.comTimeList .ttl img {
		height: 2rem;
	}
	.comTimeList .whiteBg {
		padding: 2rem 1rem 5rem;
	}
	.comTimeList > li:last-child .whiteBg {
		padding-bottom: 1rem;
	}
	.comTimeList .title {
		font-size: 2rem;
	}
	.comTimeList .red {
		padding: 0.5rem 1rem;
		margin: 0 auto 2rem;
		font-size: 1.4rem;
	}
	.comTimeList .timeList {
		width: 27rem;
		margin: -1rem auto 0;
		font-size: 1.6rem;
	}
	.comTimeList .timeList li {
		padding: 1rem 0;
	}
	.comTimeList .timeList .time {
		margin: 0 0.5rem;
	}
}
/*------------------------------------------------------------
	comColumn
------------------------------------------------------------*/
.comColumn a {
	display: block;
	position: relative;
}
.comColumn .pink {
	position: absolute;
	left: -2rem;
	top: -2rem;
	width: 8rem;
	height: 8rem;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #F42B66;
	font-weight: 600;
	font-size: 1.6rem;
	border-radius: 100%;
	background-color: #FEFEFE;
	z-index: 2;
}
.comColumn .pho {
	height: 20rem;
	position: relative;
	overflow: hidden;
	border-radius: 1rem;
}
.comColumn .pho img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform ease 0.3s;
}
.comColumn .textBox {
	margin: -8rem 2rem 0;
	min-height: 13rem;
	padding: 2rem 2rem 4.5rem;
	position: relative;
	background-color: #fff;
	border-radius: 1rem;
	box-shadow: 0 0 1.5rem rgba(63, 116, 182, 0.2);
}
.comColumn .comArrow {
	bottom: 2rem;
	right: 2.5rem;
}
.comColumn .textBox .ttl {
	color: #4F92BD;
	font-weight: 700;
}
.comColumn .comTitle {
	margin-bottom: 0;
	position: absolute;
	left: 2rem;
	bottom: 2rem;
}
@media all and (min-width: 897px) {
	.comColumn a:hover .pho img {
		transform: scale(1.1);
	}
}
@media all and (max-width: 896px) {
	.comColumn {
		margin: 0 -3rem;
	}
	.comColumn .slick-slide {
		padding-bottom: 3rem;
	}
	.comColumn .slick-slide > div {
		width: 24.8rem;
		margin: 0 0.5rem;
	}
	.comColumn .pink {
		left: 1rem;
		top: 1rem;
		width: 7rem;
		height: 2.8rem;
		font-size: 1.4rem;
		border-radius: 0.5rem;
		z-index: 2;
	}
	.comColumn .pho {
		height: 16rem;
		border-radius: 1rem;
	}
	.comColumn .textBox {
		margin: -3rem 2rem 0 1rem;
		min-height: inherit;
		padding: 1.5rem 3.5rem 2rem 1.5rem;
		border-radius: 0.5rem;
	}
	.comColumn .comArrow {
		bottom: 2.5rem;
		right: 1.5rem;
	}
	.comColumn .comTitle {
		margin-bottom: 0.5rem;
		position: static;
		font-size: 1.3rem;
	}
	.comColumn .comTitle .time {
		width: 7.2rem;
	}
	.comColumn .comTitle .sort {
		padding-left: 1.6rem;
		margin-top: 0;
	}
}
/*------------------------------------------------------------
	comLinkUl
------------------------------------------------------------*/
.comLinkUl {
	margin-bottom: 3rem;
	position: relative;
}
.comLinkUl a {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 2rem;
}
.comLinkUl a::before {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 10rem;
	background: linear-gradient(rgba(0, 173, 155, 0) 0%, #00ad9b 100%);
	content: "";
	z-index: 1;
}
.comLinkUl .comArrow {
	z-index: 2;
	bottom: 2rem;
	right: 3rem;
}
.comLinkUl .comArrow::before,
.comLinkUl .comArrow::after {
	background-image: url(../img/common/arrow04.png);
}
.comLinkUl p {
	position: absolute;
	left: 3rem;
	right: 3rem;
	bottom: 2rem;
	color: #FEFEFE;
	font-size: 1.4rem;
	text-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.5);
	z-index: 2;
}
.comLinkUl p span {
	margin-bottom: 0.5rem;
	display: block;
	font-size: 2rem;
	font-weight: 700;
}
.comLinkUl img {
	width: 100%;
	transition: transform ease 0.3s;
}
@media all and (min-width: 897px) {
	.comLinkUl {
		margin-top: -2rem;
	}
	.comLinkUl::after {
		content: "";
		width: 40rem;
	}
	.comLinkUl li {
		margin-top: 2rem;
		width: 40rem;
	}
	.comLinkUl a:hover .pho img {
		transform: scale(1.1);
	}
}
@media all and (max-width: 896px) {
	.comLinkUl {
		margin: 0 -3rem 2.5rem;
		display: block;
	}
	.comLinkUl .slick-slide > div {
		width: 31rem;
		margin: 0 1rem;
	}
	.comLinkUl a {
		border-radius: 1rem;
	}
}
/*------------------------------------------------------------
	comList
------------------------------------------------------------*/
.comList a {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 2rem;
}
.comList a::before {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(rgba(63, 116, 182, 0) 0%, #3f74b6 100%);
	content: "";
	z-index: 1;
}
.comList .comArrow {
	z-index: 2;
	bottom: 3rem;
	right: 3.5rem;
	width: 1.7rem;
	height: 1.8rem;
}
.comList .comArrow::before,
.comList .comArrow::after {
	background-image: url(../img/common/arrow11.png);
}
.comList p {
	position: absolute;
	left: 3rem;
	bottom: 3rem;
	color: #FEFEFE;
	font-size: 2rem;
	z-index: 2;
}
.comList p small {
	font-size: 1.8rem;
}
.comList p .en {
	margin-top: 0.2rem;
	display: block;
	font-size: 1.1rem;
	font-weight: 500;
	letter-spacing: 0.1rem;
}
.comList img {
	width: 100%;
	transition: transform ease 0.3s;
}
@media all and (min-width: 897px) {
	.comList {
		margin: -3rem 0 0;
		position: relative;
	}
	.comList::after {
		content: "";
		width: 36rem;
	}
	.comList li {
		margin-top: 3rem;
		width: 36rem;
	}
	.comList a:hover .pho img {
		transform: scale(1.1);
	}
}
@media all and (max-width: 896px) {
	.comList {
		display: block;
	}
	.comList li:not(:last-child) {
		margin-bottom: 1rem;
	}
	.comList .comArrow {
		bottom: 2rem;
		right: 2rem;
	}
	.comList p {
		left: 2rem;
		bottom: 2rem;
	}
}
/*------------------------------------------------------------
	mainBox
------------------------------------------------------------*/
#sideBar .sideBg {
	position: sticky;
	top: 18rem;
	left: 0;
	padding: 3.5rem 4rem 4rem;
	background-color: #F4F5F6;
	border-radius: 2rem;
}
#sideBar li:not(:last-child) {
	margin-bottom: 0.7rem;
}
#sideBar a {
	padding-left: 2rem;
	position: relative;
	display: inline-block;
	font-size: 1.6rem;
}
#sideBar .arrow {
	position: absolute;
	width: 1.3rem;
	height: 1.2rem;
	left: 0.1rem;
	top: 0.7rem;
	overflow: hidden;
}
#sideBar .arrow:before,
#sideBar .arrow:after {
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	animation-fill-mode: both;
	animation-duration: 0.4s;
	background: url(../img/common/arrow12.png) no-repeat;
    background-size: 100% 100%;
}
#sideBar .arrow:after {
	transform: translateY(-100%);
}
#sideBar .arrow:before {
	animation-name: transformLeftRight1;
	animation-delay: 0.2s;
}
@keyframes transformLeftRight1 {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes transformRightLeft1 {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(100%);
  }
}
#sideBar li ul {
	margin: 1rem 0 0 2rem;
}
#sideBar li li a {
	padding: 0 0 0.2rem 1.6rem;
	font-size: 1.8rem;
}
#sideBar li li a::before {
	position: absolute;
	left: 0;
	top: 1.3rem;
	width: 0.6rem;
	height: 0.6rem;
	background-color: #4F92BD;
	content: "";
	border-radius: 100%;
}
@media all and (min-width: 897px) {
	.mainBox {
		display: flex;
		justify-content: space-between;
	}
	#conts {
		width: 79rem;
	}
	#sideBar {
		width: 30rem;
		position: relative;
	}
	#sideBar a:hover .arrow:after {
		animation-name: transformRightLeft1;
	}
	#sideBar a:hover .arrow:before {
		animation-name: transformRightLeft1;
		animation-delay: 0s;
	}
	#sideBar a:hover .arrow:after {
		animation-name: transformLeftRight1;
		animation-delay: 0.2s;
	}
	#sideBar li li a:hover {
		color: #4F92BD;
	}
}
@media all and (max-width: 896px) {
	#sideBar {
		display: none;
	}
}
/*------------------------------------------------------------
	comLinkFlex
------------------------------------------------------------*/
.comLinkFlex {
	margin: -1rem 0 3rem;
}
.comLinkFlex.num a {
	padding: 0 6rem !important;
}
.comLinkFlex.num .num {
	position: absolute;
	left: 2rem;
	top: 50%;
	font-weight: 600;
	font-size: 2rem;
	transform: translateY(-50%);
}
.comLinkFlex.num .comArrow {
	width: 1.5rem;
	height: 1.4rem;
}
.comLinkFlex.num .comArrow::before,
#outpatient .comTimeList .comArrow::before {
	animation-name: transformLeftRight1;
	background-image: url(../img/common/arrow14.png);
}
.comLinkFlex.num .comArrow::after,
#outpatient .comTimeList .comArrow::after {
	background-image: url(../img/common/arrow15.png);
	transform: translateY(-100%);
}
@media all and (min-width: 897px) {
	.comLinkFlex li {
		margin: 1rem 0 0;
		width: calc(50% - 1rem);
	}
	.comLinkFlex.num li {
		width: calc(50% - 0.5rem);
	}
	.comLinkFlex.num a:hover .comArrow::after,
	#outpatient .comTimeList a:hover .comArrow::after {
		animation-name: transformRightLeft1;
	}
	.comLinkFlex.num a:hover .comArrow::before,
	#outpatient .comTimeList a:hover .comArrow::before {
		animation-name: transformRightLeft1;
	}
	.comLinkFlex.num a:hover .comArrow::after,
	#outpatient .comTimeList a:hover .comArrow::after {
		animation-name: transformLeftRight1;
	}
}
@media all and (max-width: 896px) {
	.comLinkFlex {
  display: none;
		margin: 0 0 3rem;
	}
	.comLinkFlex li {
		width: 33rem;
		margin: 0 auto 1rem;
	}
	.comLinkFlex li:last-child {
		margin-bottom: 0 !important;
	}
	.comLinkFlex .comLink a {
		height: 6rem;
		padding: 0 5.5rem;
		font-size: 1.8rem;
	}
	.comLinkFlex .comLink .ico {
		width: 2.4rem;
		height: 2.4rem;
		left: 1.8rem;
	}
	.comLinkFlex .comLink .comArrowBg {
		width: 4rem;
		height: 4rem;
	}
	.comLinkFlex:not(.num) .comLink .comArrow {
		width: 1.4rem;
		height: 1.5rem;
	}
}
/*------------------------------------------------------------
	wp-pagenavi
------------------------------------------------------------*/
.wp-pagenavi {
	margin-top: -0.5rem;
	font-size: 0;
	clear: both;
	text-align: center;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.wp-pagenavi a,
.wp-pagenavi .current {
	margin: 0.5rem 0.5rem 0;
	width: 4rem;
	height: 4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 1.6rem;
	color: #4F92BD;
	font-weight: 600;
	border-radius: 1rem;
	background-color: #E7F2F9;
}
.wp-pagenavi span.current {
	color: #FEFEFE;
	background-color: #4F92BD;
}
.wp-pagenavi .previouspostslink {
	background-color: #4F92BD;
}
.wp-pagenavi .previouspostslink .comArrow::before,
.wp-pagenavi .previouspostslink .comArrow::after {
	background-image: url(../img/common/arrow13.png);
}
.wp-pagenavi .nextpostslink {
	background-color: #4F92BD;
}
.wp-pagenavi .nextpostslink .comArrow::before,
.wp-pagenavi .nextpostslink .comArrow::after {
	background-image: url(../img/common/arrow06.png);
}
.wp-pagenavi .first,
.wp-pagenavi .last,
.wp-pagenavi .pages {
	display: none;
}
@media all and (min-width: 897px) {
	.wp-pagenavi .page:hover {
		color: #FEFEFE;
		background-color: #4F92BD;
	}
}
@media all and (max-width: 896px) {
	.wp-pagenavi {
		margin: -0.5rem -2rem 0;
	}
}
/*------------------------------------------------------------
	comBtn
------------------------------------------------------------*/
.comBtn a {
	height: 10rem;
	padding: 0 8rem;
	position: relative;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	color: #4F92BD;
	font-size: 2.4rem;
	background-color: #E7F2F9;
	border-radius: 2rem;
}
.comBtn .txt {
	padding-left: 3rem;
	background: url(../img/common/icon37.png) no-repeat left center;
	background-size: 2.2rem auto;
}
.comBtn .comArrowBg {
	right: 3rem;
}
@media all and (min-width: 897px) {
	.comBtn a:hover {
		color: #FEFEFE;
		background-color: #4F92BD;
	}
	.comBtn a:hover .txt {
		background-image: url(../img/common/icon37_on.png);
	}
}
@media all and (max-width: 896px) {
	.comBtn a {
		height: 6rem;
		padding: 0 3rem 0 1rem;
		font-size: 1.8rem;
		border-radius: 2rem;
	}
	.comBtn .txt {
		padding-left: 2rem;
		background-size: 1.8rem auto;
	}
	.comBtn .comArrowBg {
		right: 1rem;
	}
}
/*------------------------------------------------------------
	comPopList
------------------------------------------------------------*/
.comPopList {
	margin: -3rem 0 5rem;
}
.comPopList li {
	margin-top: 3rem;
	width: 38.5rem;
	text-align: center;
}
.comPopList .pho {
	margin-bottom: 1rem;
	position: relative;
	overflow: hidden;
	border-radius: 1rem;
}
.comPopList img {
	width: 100%;
}
.comPopList li small {
	font-size: 1.6rem;
}
.comPopList .popLink {
	position: absolute;
	right: 1rem;
	bottom: 1rem;
	width: 4rem;
	height: 4rem;
	background: #E7F2F9 url(../img/common/icon38.png) no-repeat center center;
	background-size: 1.8rem auto;
	border-radius: 1.5rem;
}
.mfp-figure figure {
	padding: 4rem 0;
}
.mfp-figure::after {
	display: none;
}
img.mfp-img {
	padding: 0;
	border-radius: 1rem;
}
.mfp-image-holder .mfp-close {
	font-size: 0;
	position: absolute;
	right: 2rem;
	top: 6rem;
	width: 4rem;
	height: 4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: #4F92BD url(../img/common/pop_close.png) no-repeat center center;
	background-size: 1.2rem auto;
	border-radius: 1.5rem;
	cursor: pointer !important;
	transition: .3s;
	opacity: 1;
}
.mfp-bottom-bar {
	margin: 0;
}
.mfp-title {
	padding: 0;
	position: absolute;
	right: 2rem;
	bottom: 6.5rem;
	font-size: 1.8rem;
	font-weight: 500;
	color: #FEFEFE;
}
@media all and (min-width: 897px) {
	.comPopList .popLink:hover {
		background-color: #4F92BD;
		background-image: url(../img/common/icon38_on.png);
	}
	img.mfp-img {
		width: 89rem;
		height: 60rem;
		object-fit: cover;
	}
	.mfp-image-holder .mfp-close:hover {
  color: #4F92BD;
  transition: .3s;
  background: #FEFEFE url(../img/common/pop_close_on.png) no-repeat center center;
  background-size: 1.2rem auto;
	}
}
@media all and (max-width: 896px) {
	.comPopList {
		margin: -2rem 0 3rem;
	}
	.comPopList li {
		margin-top: 2rem;
		width: calc(50% - 0.5rem);
	}
	.comPopList li small {
		font-size: 1.4rem;
	}
	.comPopList .pho {
		margin-bottom: 0.5rem;
	}
	.comPopList .popLink {
		right: 0.5rem;
		bottom: 0.5rem;
		width: 3rem;
		height: 3rem;
		background-size: 1.5rem auto;
		border-radius: 1rem;
	}
}
/*------------------------------------------------------------
	tabPanel
------------------------------------------------------------*/
.tabPanel .tabUl li {
	margin-right: 0.15rem;
	width: 15rem;
	position: relative;
}
.tabPanel .tabUl li.last:not(.on)::before {
	position: absolute;
	bottom: 0;
	right: -1rem;
	background: url(../img/common/icon39.png) no-repeat;
	background-size: 1rem auto;
	width: 1rem;
	height: 1rem;
	content: "";
}
.tabPanel .tabUl a {
	position: relative;
	height: 5.5rem;
	padding: 0 2rem;
	display: flex;
	align-items: center;
	background-color: #F4F5F6;
	border-radius: 1rem 1rem 0 0;
	border: 1px solid #F4F5F6;
	border-bottom: none;
}
.tabPanel .tabUl a::before {
	position: absolute;
	left: 0;
	bottom: -0.2rem;
	width: 100%;
	height: 0.3rem;
	background-color: #fff;
	content: "";
	opacity: 0;
}
.tabPanel .tabUl .on a {
	color: #4F92BD;
	border-color: #83BDD8;
	background-color: transparent;
}
.tabPanel .tabUl .on a::after {
	position: absolute;
	bottom: -0.2rem;
	right: -1.3rem;
	background: url(../img/common/icon40.png) no-repeat;
	background-size: 100% 100%;
	width: 1.4rem;
	height: 1.4rem;
	content: "";
	z-index: 1;
}
.tabPanel .tabUl .on + li a {
	border-bottom-left-radius: 1rem;
}
.tabPanel .tabUl .on a::before {
	opacity: 1;
}
.tabPanel .tabBox {
	padding: 2rem 3.8rem 3rem;
	border: 1px solid #83BDD8;
	border-radius: 0 1.5rem 1.5rem 1.5rem;
}
.tabPanel .tableImg {
	margin: 1rem -0.8rem 0 -1rem;
}
@media all and (min-width: 897px) {
	.tabPanel .tabUl a:hover {
		color: #4F92BD;
		border-color: #83BDD8;
		background-color: transparent;
	}
}
@media all and (max-width: 896px) {
	.tabPanel .tabUl li {
		width: 7.5rem;
	}
	.tabPanel .tabUl a {
		height: 4.5rem;
		padding: 0 1rem;
	}
	.tabPanel .tabBox {
		padding: 2rem;
	}
	.tabPanel .tableImg {
		margin: 1rem 0 0;
	}
	.tabPanel .tableImg img {
		width: 100%;
	}
}
/*------------------------------------------------------------
	comUl
------------------------------------------------------------*/
.comUl {
	margin-top: 4.5rem;
}
.comUl li:not(:last-child) {
	margin-bottom: 5rem;
}
.comUl .ttl {
	margin-bottom: 1.5rem;
	display: flex;
	align-items: center;
	color: #4F92BD;
	font-size: 2rem;
	font-weight: 700;
}
.comUl .num {
	margin-right: 1rem;
	padding: 0 1rem;
	height: 3.8rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	text-align: center;
	color: #FEFEFE;
	font-size: 1.8rem;
	font-weight: 600;
	border-radius: 1rem;
	background-color: #4F92BD;
}
.comUl p {
	line-height: 2;
}
.comUl .pho {
	margin-top: 2.5rem;
	overflow: hidden;
	border-radius: 2rem;
}
.comUl .pho img {
	width: 100%;
}
@media all and (max-width: 896px) {
	.comUl {
		margin-top: 3rem;
	}
	.comUl li:not(:last-child) {
		margin-bottom: 3rem;
	}
	.comUl .ttl {
		margin-bottom: 0.5rem;
		display: block;
		font-size: 1.8rem;
	}
	.comUl .num {
		width: fit-content;
		height: 3rem;
		margin-bottom: 1rem;
		font-size: 1.6rem;
	}
	.comUl p {
		line-height: 1.8;
	}
	.comUl .pho {
		margin-top: 1rem;
		border-radius: 1rem;
	}
}
/*------------------------------------------------------------
	comRed
------------------------------------------------------------*/
.comRed {
	color: #F42B66 !important;
}
.comRed a {
	color: #F42B66 !important;
}
/*------------------------------------------------------------
	comTable
------------------------------------------------------------*/
.comTable {
	margin-bottom: 5rem;
}
.comTable table {
	width: 100%;
	border-collapse: collapse;
}
.comTable th,
.comTable td {
	vertical-align: top;
	text-align: left;
	box-sizing: border-box;
	border-top: 1px solid #4F92BD;
	border-bottom: 1px solid #4F92BD;
}
.comTable th,
.comTable thead td {
	padding: 2.5rem 0;
	text-align: center;
	color: #4F92BD;
	font-weight: 700;
	background-color: #E7F2F9;
}
.comTable td {
	width: 28.5%;
	padding: 2rem;
	border-left: 1px dotted #4F92BD;
}
.comTable .price {
	width: fit-content;
	margin: 0.5rem auto;
}
.comTable .price small {
	margin-left: 0.5rem;
	font-size: 1.4rem;
}
.comTable .price img {
	margin: -0.2rem 0.5rem 0;
	width: 1rem;
	display: inline-block;
	vertical-align: middle;
}
.comTable .txtList {
	margin: 0.5rem -0.2rem 0;
	font-size: 1.6rem;
}
.comTable .txtList li:not(:last-child) {
	margin-bottom: 1rem;
}
.comTable .txtList li.color {
	color: #CCC;
}
.comTable .txtList img {
	margin: 0.4rem 0.7rem 0 0;
	width: 1.8rem;
}
.comTable .txtList li small {
	font-size: 1.4rem;
}
.comTable .txt {
	font-size: 1.6rem;
	line-height: 2;
}
@media all and (max-width: 896px) {
	.js-scroll {
		margin-right: -3rem;
	}
	.js-scroll table {
		width: 79rem;
	}
	.comTable th,
	.comTable td {
		padding: 2rem 0 !important;
	}
	.js-scroll th,
	.js-scroll  td {
		padding: 2rem !important;
	}
}
/*------------------------------------------------------------
	comTopList
------------------------------------------------------------*/
.comTopList {
	margin: -2rem 0 8rem;
}
.comTopList li {
	margin-top: 2rem;
	width: calc(50% - 1rem);
	text-align: center;
}
.comTopList p {
	color: #4F92BD;
	font-weight: 700;
}
.comTopList .pho {
	margin: -14rem -5.75rem -17rem;
}
.comTopList .btn {
	width: 28rem;
	margin: 0 auto;
}
.comTopList .btn a {
	padding: 0 2rem;
	position: relative;
	display: flex;
	height: 6rem;
	display: flex;
	align-items: center;
	text-align: left;
	font-size: 2rem;
	font-weight: 700;
	color: #4F92BD;
	background-color: #FEFEFE;
	box-shadow: 0px 0px 15px rgba(79, 146, 189, 0.3);
	border-radius: 1rem;
}
.comTopList .btn .comArrow {
	right: 2rem;
}
@media all and (max-width: 896px) {
	.comTopList {
		margin: 0 0 5rem;
		display: block;
	}
	.comTopList li {
		margin: 0 0 2rem;
		width: auto;
	}
	.comTopList .pho {
		width: 32rem;
		margin: -8rem auto;
	}
	.comTopList .btn a {
		font-size: 1.8rem;
	}
}
/*------------------------------------------------------------
	comContact
------------------------------------------------------------*/
.comContact {
	text-align: center;
	font-weight: 700;
	background-color: #FEEDED;
	border-radius: 2rem;
	overflow: hidden;
}
.comContact .ttl {
	padding: 1.7rem 0 1.6rem;
	color: #FEFEFE;
	background-color: #F42B66;
}
.comContact .ttl small {
	font-size: 1.6rem;
}
.comContact .bgBox {
	padding: 3rem;
}
.comContact .txt {
	margin-bottom: 3rem;
	color: #666;
}
.comContact .title {
	margin-bottom: 2rem;
	color: #F42B66;
}
.comContact .txt + .title {
	margin-bottom: 1rem;
}
.comContact li {
	margin: 0 1.6rem;
	position: relative;
	color: #F42B66;
	font-size: 3rem;
}
.comContact li.fax::before {
	margin-top: -0.3rem;
	position: absolute;
	left: -2rem;
	top: 50%;
	background: url(../img/common/line01.png) no-repeat;
	background-size: 1rem auto;
	width: 1rem;
	height: 1rem;
	content: "";
}
.comContact li a {
	color: #F42B66;
}
.comContact li span {
	margin: -0.6rem 0.7rem 0 0;
	display: inline-block;
	vertical-align: middle;
	font-size: 1.8rem;
	font-weight: 600;
	letter-spacing: 0.05em;
}
.comContact li small {
	margin: -1rem 0 0 1rem;
	display: inline-block;
	vertical-align: middle;
	color: #666;
	font-size: 1.6rem;
	font-weight: 500;
}
@media all and (min-width: 897px) {
	.comContact .bgBox01 {
		padding: 2rem 2rem 3rem;
	}
}
@media all and (max-width: 896px) {
	.comContact {
		border-radius: 1rem;
	}
	.comContact .ttl small {
		font-size: 1.4rem;
	}
	.comContact .bgBox {
		padding: 2rem 1rem;
	}
	.comContact .txt {
		margin-bottom: 2rem;
	}
	.comContact .title {
		margin-bottom: 1rem;
	}
	.comContact ul {
		display: block;
	}
	.comContact li {
		margin: 0;
	}
	.comContact li.fax::before {
		display: none;
	}
	.comContact li span {
		font-size: 1.6rem;
	}
	.comContact li small {
		font-size: 1.4rem;
	}
}
/*------------------------------------------------------------
	comFlowList
------------------------------------------------------------*/
.comFlowList {
	margin-bottom: 2.5rem;
}
.comFlowList li {
	padding: 0 0 2.1rem 4.8rem;
	position: relative;
}
.comFlowList .num {
	position: absolute;
	left: 0;
	top: -0.4rem;
	width: 3.8rem;
	height: 3.8rem;
	padding-top: 1rem;
	line-height: 1;
	color: #FEFEFE;
	font-weight: 600;
	text-align: center;
	background-color: #4F92BD;
	border-radius: 1rem;
}
.comFlowList .ttl {
	margin-bottom: 1rem;
	color: #4F92BD;
	font-size: 2rem;
	font-weight: 700;
}
.comFlowList p {
	line-height: 1.8;
}
.comFlowList p small {
	font-size: 1.6rem;
}
@media all and (max-width: 896px) {
	.comFlowList {
		margin-bottom: 0.5rem;
	}
	.comFlowList li {
		padding: 0 0 1.4rem 4rem;
	}
	.comFlowList .num {
		top: -0.3rem;
		width: 3rem;
		height: 3rem;
		padding-top: 0.8rem;
	}
	.comFlowList .ttl {
		font-size: 1.6rem;
	}
	.comFlowList p small {
		font-size: 1.4rem;
	}
}
/*------------------------------------------------------------
	comImgBox
------------------------------------------------------------*/
.comImgBox {
	margin-bottom: 5rem;
	position: relative;
	overflow: hidden;
	border-radius: 3rem;
}
.comImgBox .textImg {
	position: absolute;
	right: 5rem;
	top: 6.2rem;
	width: 34.9rem;
}
.comImgBox .comLink {
	position: absolute;
	right: 5rem;
	bottom: 5rem;
}
@media all and (max-width: 896px) {
	.comImgBox {
		margin-bottom: 3rem;
		border-radius: 0;
	}
	.comImgBox .pho img {
		width: 100%;
		border-radius: 2rem;
	}
	.comImgBox .textImg {
		margin: -2.2rem 0 3.5rem 1rem;
		position: relative;
		right: auto;
		top: auto;
		width: auto;
		text-align: center;
	}
	.comImgBox .textImg img {
		width: 27.9rem;
	}
	.comImgBox .comLink {
		position: static;
	}
	.comImgBox .comLink a {
		background-color: #FEFEFE;
	}
}
/*------------------------------------------------------------
	comTab
------------------------------------------------------------*/
.comTab table {
	width: 100%;
	border-collapse: collapse;
	border-bottom: 1px solid #4F92BD;
}
.comTab th,
.comTab td {
	padding: 2.2rem 3rem;
	vertical-align: top;
	text-align: left;
	line-height: 1.8;
	box-sizing: border-box;
	border-top: 1px solid #4F92BD;
}
.comTab th {
	text-align: center;
	color: #4F92BD;
	font-weight: 500;
	background-color: #E7F2F9;
}
.comTab td {
	width: 77.2%;
	border-left: 1px dotted #4F92BD;
}
.comTab td .line {
	width: 1rem;
	margin: -0.4rem 1.5rem 0;
	display: inline-block;
	vertical-align: middle;
}
.comTab .txtList li:not(:last-child) {
	margin-bottom: 0.35rem;
}
.comTab .time {
	margin-top: 1.5rem;
	font-size: 1.6rem;
}
.comTab .textList {
	margin-top: -0.5rem;
}
.comTab .textList li {
	margin-top: 0.5rem;
}
.comTab .textList small {
	font-size: 1.6rem;
}
.comTab .link a {
	text-decoration: underline;
	color: #4F92BD;
}
.comTab dl {
	margin: 1.5rem 0.9rem 0;
	line-height: 2;
	font-size: 1.6rem;
}
.comTab dt {
	float: left;
	color: #4F92BD;
}
.comTab dd {
	padding: 0 0 0.2rem 3.6em;
}
.comTab dd small {
	font-size: 1.4rem;
}
@media all and (min-width: 897px) {
	.comTab .link a:hover {
		text-decoration: none;
	}
}
@media all and (max-width: 896px) {
	.comTab table {
		border-bottom: 1px solid #4F92BD;
	}
	.comTab th,
	.comTab td {
		display: block;
		width: 100% !important;
		padding: 1.6rem 2rem 0;
		line-height: 2;
	}
	.comTab th {
		text-align: left;
		background-color: transparent;
	}
	.comTab td {
		padding: 0.2rem 2rem 1.6rem;
		border: none;
	}
	.comTab td .line {
		margin: -0.4rem 0.8rem 0;
	}
	.comTab .txtList li:not(:last-child) {
		margin-bottom: 0;
	}
	.comTab .time {
		margin-top: 1rem;
	}
	.comTab .textList {
		margin: 0.5rem -1rem 0 0;
		line-height: 1.5;
		max-width: 30rem;
	}
	.comTab .textList li {
		margin-top: 0.8rem;
	}
	.comTab .textList small {
		font-size: 1.4rem;
	}
	.comTab .link {
		margin: 1rem 0 0.5rem;
	}
	.comTab dl {
		margin: 0;
		line-height: 1.5;
	}
	.comTab dt {
		float: none;
	}
	.comTab dd {
		padding: 0.5rem 0 1rem;
	}
}
/*------------------------------------------------------------
	comNumList
------------------------------------------------------------*/
.comNumList {
	margin-left: 1rem;
}
.comNumList li {
	padding: 0 0 0.7rem 2.6rem;
	position: relative;
}
.comNumList .num {
	position: absolute;
	left: 0;
	top: 0;
	color: #4F92BD;
	font-weight: 700;
}
.comNumList small {
	font-size: 1.6rem;
}
@media all and (max-width: 896px) {
	.comNumList li {
		padding: 0 0 0.8rem 2.2rem;
	}
	.comNumList small {
		font-size: 1.4rem;
	}
}
/*------------------------------------------------------------
	comRecruit
------------------------------------------------------------*/
.comRecruit {
	margin: 0 2rem -5rem;
	position: relative;
}
.comRecruit .pho {
	position: relative;
	overflow: hidden;
	border-radius: 3rem;
}
.comRecruit .pho::before {
	position: absolute;
	right: 0;
	top: 0;
	width: 75%;
	height: 100%;
	background: linear-gradient( to right,rgba(63, 116, 182, 0) 0%, rgba(63, 116, 182, 0.5) 100%);
	content: "";
}
.comRecruit .pho img {
	width: 100%;
}
.comRecruit .ttl {
	position: absolute;
	left: 5rem;
	bottom: -1.7rem;
	line-height: 1;
	color: #FEFEFE;
	font-size: 12rem;
	font-weight: 500;
	letter-spacing: -0.05em;
}
.comRecruit .textImg {
	position: absolute;
	right: 8rem;
	top: 9rem;
	width: 28.1rem;
}
.comRecruit .comLink {
	position: absolute;
	right: 8rem;
	bottom: 8rem;
}
@media all and (max-width: 896px) {
	.comRecruit {
		margin: 0 2rem;
	}
	.comRecruit .pho {
		border-radius: 2rem;
	}
	.comRecruit .pho::before {
		height: 500px;
		top: unset;
		bottom: 0;
		background: linear-gradient(rgba(63, 116, 182, 0) 0%, #3f74b6 100%);
		width: 100%;
	}
	.comRecruit .pho img {
		height: 72rem;
		object-fit: cover;
	}
	.comRecruit .ttl {
		left: -0.2rem;
		bottom: -1rem;
		font-size: 6rem;
	}
	.comRecruit .textImg {
		right: 50%;
		top: auto;
		bottom: 16.8rem;
		width: 20.2rem;
		margin-right: -12.5rem;
	}
	.comRecruit .comLink {
		right: 50%;
		bottom: 8rem;
		transform: translateX(50%);
	}
}
@media all and (max-width: 896px) {
	#sideBar { display: block; }
	#sideBar .sideBg {
		position: static;
		padding: 0;
		background: none;
		border-radius: 0;
	}
	#sideBar .pcMenu { display: none; }
	#sideBar .spPageMenu .textInfo { display: none; }
	#sideBar .spPageMenu .ttl {
		padding: 1.5rem 2rem;
		cursor: pointer;
		font-size: 1.6rem;
		font-weight: 700;
		color: #4F92BD;
		background-color: #E7F2F9;
		border-radius: 1rem;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	#sideBar .spPageMenu .ttl::after {
		content: "";
		width: 2.5rem;
		height: 2.5rem;
		flex-shrink: 0;
		background: #4F92BD url(../img/common/icon08.png) no-repeat center center;
		background-size: 1.2rem auto;
		border-radius: 0.8rem;
	}
	#sideBar .spPageMenu .ttl.on {
		border-radius: 1rem 1rem 0 0;
	}
	#sideBar .spPageMenu .ttl.on::after {
		background-image: url(../img/common/icon08_on.png);
	}
	#sideBar .spPageMenu .textInfo {
		padding: 0 2rem 1.5rem;
		background-color: #E7F2F9;
		border-radius: 0 0 1rem 1rem;
	}
	#sideBar .spPageMenu .textInfo li:not(:last-child) {
		margin-bottom: 0.7rem;
	}
}
@media all and (min-width: 897px) {
	#sideBar .spPageMenu { display: none; }
}
/*------------------------------------------------------------
	date
------------------------------------------------------------*/
.date {
	font-size: 1.4rem;
	margin-bottom: 1rem;
	text-align: right;
}

@media all and (min-width: 897px) {
  #gNavi .naviBox a:hover .comArrow:after {
    animation-name: transformRightLeft;
  }
  #gNavi .naviBox a:hover .comArrow:before {
    animation-name: transformRightLeft;
    animation-delay: 0s;
  }
  #gNavi .naviBox a:hover .comArrow:after {
    animation-name: transformLeftRight;
    animation-delay: 0.2s;
  }
}