@charset "utf-8";
/* CSS Document */

#bgInnerMainVisual {
	background: url("../images/inner/bgAbout01.webp") no-repeat top center / cover;
	border-bottom: 2px solid #fff;
}

#innerMainVisual {
	position: relative;
}

#innerMainVisual::after {
	content: '';
	position: absolute;
	inset: 0;
	background: url("../images/inner/bgAbout02.webp") no-repeat top center / cover;
	opacity: 0;
	transition: opacity 2s ease;
	z-index: 10;
}

#innerMainVisual > * {
	position: relative;
	z-index: 20;
}

#innerMainVisual.show::after {
	opacity: 1;
}

#innerMainVisualArea {
	height: 960px;
	position: relative;
}

#innerMainVisualArea h1, 
#innerMainVisualArea p#catName {
	font-size: 2.0rem;
	line-height: 1.5;
	letter-spacing: 0.2em;
	font-weight: 400;
	color: #fff;
	padding-top: 200px;
	position: absolute;
	left: 50px;
	bottom: 120px;
	width: calc(100% - 50px);
}

#innerMainVisualArea p#catName {
	margin-bottom: 0;
}


/*____________________ about ____________________*/
main#other.about #bgInnerMainVisual {
	background-image: url("../images/inner/bgAbout01.webp");
}

main#other.about #innerMainVisual::after {
	background-image: url("../images/inner/bgAbout02.webp");
}

main#other.about #innerMainVisualArea h1 {
	background: url("../images/inner/bgTitAbout.svg") no-repeat top left / 420px 200px;
}

main#other.about table {
	letter-spacing: 0.05em;
}

main#other.about table {
	font-size: 2.0rem;
}


/*____________________ job ____________________*/
main#other.job #bgInnerMainVisual {
	background-image: url("../images/inner/bgJob01.webp");
}

main#other.job #innerMainVisual::after {
	background-image: url("../images/inner/bgJob02.webp");
}

main#other.job #innerMainVisualArea h1 {
	background: url("../images/inner/bgTitJob.svg") no-repeat top right / 230px 200px;
	left: initial;
	right: 50px;
	display: grid;
	justify-items: right
}


/*____________________ interView ____________________*/
main#interviewCat #bgInnerMainVisual {
	background-image: url("../images/inner/bgInterview01_01.webp");
}

main#interviewCat #innerMainVisual::after {
	background-image: url("../images/inner/bgInterview01_02.webp");
}

main#interviewCat.interview #bgInnerMainVisual, 
main#interviewCat.doctor #bgInnerMainVisual, 
main#interviewCat.nurse #bgInnerMainVisual, 
main#interviewCat.staff #bgInnerMainVisual {
	background-image: url("../images/inner/bgInterview01_01.webp");
}

main#interviewCat.interview #innerMainVisual::after, 
main#interviewCat.doctor #innerMainVisual::after, 
main#interviewCat.nurse #innerMainVisual::after, 
main#interviewCat.staff #innerMainVisual::after {
	background-image: url("../images/inner/bgInterview01_02.webp");
}

main#interviewCat.assistant #bgInnerMainVisual, 
main#interviewCat.careworker #bgInnerMainVisual {
	background-image: url("../images/inner/bgInterview02_01.webp");
}

main#interviewCat.assistant #innerMainVisual::after, 
main#interviewCat.careworker #innerMainVisual::after {
	background-image: url("../images/inner/bgInterview02_02.webp");
}

main#interviewCat.nutritionist #bgInnerMainVisual, 
main#interviewCat.cook #bgInnerMainVisual {
	background-image: url("../images/inner/bgInterview03_01.webp");
}

main#interviewCat.nutritionist #innerMainVisual::after, 
main#interviewCat.cook #innerMainVisual::after {
	background-image: url("../images/inner/bgInterview03_02.webp");
}

main#interviewCat.therapist #bgInnerMainVisual {
	background-image: url("../images/inner/bgInterview04_01.webp");
}

main#interviewCat.therapist #innerMainVisual::after {
	background-image: url("../images/inner/bgInterview04_02.webp");
}

main#interviewCat.socialworker #bgInnerMainVisual {
	background-image: url("../images/inner/bgInterview05_01.webp");
}

main#interviewCat.socialworker #innerMainVisual::after {
	background-image: url("../images/inner/bgInterview05_02.webp");
}

main#interviewCat.pharmacist #bgInnerMainVisual {
	background-image: url("../images/inner/bgInterview06_01.webp");
}

main#interviewCat.pharmacist #innerMainVisual::after {
	background-image: url("../images/inner/bgInterview06_02.webp");
}

main#interviewCat #innerMainVisualArea h1, 
main#interviewCat #innerMainVisualArea p#catName {
	background: url("../images/inner/bgTitInterview.svg") no-repeat top left / 636px 200px;
	bottom: 160px;
}

main#interviewCat.socialworker #innerMainVisualArea h1, 
main#interviewCat.pharmacist #innerMainVisualArea h1 {
	background-position: top right;
	left: initial;
	right: 50px;
	display: grid;
	justify-items: right
}

#contentsArea {
	width: 866px;
	margin: 0 auto;
	padding: 150px 10px;
	letter-spacing: 0.2em;
}

#pageContact {
	margin-top: 150px;
	font-size: 2.0rem;
	letter-spacing: 0.2em;
	text-align: center;
}

#pageContact > last-child {
	margin-bottom: 0;
}

#pageContact p.tel {
	font-size: 9.4rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.05em;
	color: #29abe2;
	margin-bottom: 50px;
}

#pageContact p.tel a {
	color: #29abe2;
	text-decoration: none;
}

main#jobDetail #pageContact, 
main#jobDetail #pageContact p.tel {
	color: #fff;
}

main#jobDetail #pageContact p.tel a {
	color: #fff;
}

p.btnRe {
	width: 168px;
	margin: 90px auto 0;
}

p.btnRe a {
	border: 2px solid #29abe2;
	background-color: #29abe2;
	font-size: 1.6rem;
	color: #fff;
	text-indent: 0.2em;
	text-decoration: none;
	text-align: center;
	padding: 5px;
	display: block;
}

p.btnRe a:hover {
	border-color: #fff;
	background-color: #fff;
	color: #29abe2;
}

main#jobDetail p.btnRe a {
	border-color: #fff;
	background-color: #fff;
	color: #29abe2;
}

main#jobDetail p.btnRe a:hover {
	background-color: #29abe2;
	color: #fff;
}

p.lead {
	text-align: center;
}

p.leadLar {
	font-size: 2.4rem;
	text-align: center;
}


/*__________ TAB-SP __________*/
@media screen and (max-width: 959px) {

	#innerMainVisualArea {
		height: initial;
		aspect-ratio: 1 / 1;
	}

	#contentsArea {
		width: auto;
		min-width: 320px;
		max-width: 678px;
		padding: 100px 10px;
	}

	#pageContact p {
		text-align: left;
	}

	#pageContact p.tel {
		font-size: 4.2rem;
		text-align: center;
	}

}


/*__________ TAB __________*/
@media screen and (max-width: 959px) and (min-width: 768px) {}


/*__________ SP __________*/
@media screen and (max-width: 767px) {

	#innerMainVisualArea h1, 
	#innerMainVisualArea p#catName {
		font-size: 1.2rem;
		padding-top: 54px;
		bottom: 30px;
	}


/*______ about ______*/
	main#other.about #innerMainVisualArea h1 {
		background-size: 114px 54px;
	}


/*______ job ______*/
	main#other.job #innerMainVisualArea h1 {
		background-size: 62px 54px;
	}


/*______ interView ______*/
	main#other.job #innerMainVisualArea h1 {
		background-size: 62px 54px;
	}

	main#interviewCat #innerMainVisualArea h1, 
	main#interviewCat #innerMainVisualArea p#catName {
		background-size: 172px 54px;
		bottom: 30px;
	}

	p.leadLar {
		font-size: 2.0rem;
	}

}


/* --------------------------------------------------------------
PAGE-JOBDETAIL
-------------------------------------------------------------- */
main#jobDetail {
	background-color: #29abe2;
}

main#jobDetail #contentsArea {
	width: auto;
	max-width: 1140px;
	padding: 222px 10px 150px;
	letter-spacing: 0.05em;
}

main#jobDetail #contentsArea h1 {
	font-size: 3.6rem;
	line-height: 1.5;
	letter-spacing: 0.1em;
	font-weight: 400;
	color: #fff;
	margin-bottom: 20px;
}

main#jobDetail #contentsArea h1 span {
	font-size: 3.0rem;
	margin-left: 10px;
}

main#jobDetail #contentsArea h1 span.en {
	letter-spacing: 0.2em;
	margin: 0 10px 0 0;
}

main#jobDetail #contentsArea .detailBox {
	background-color: #fff;
	border-radius: 30px;
	padding: 80px 160px;
}

main#jobDetail #contentsArea .detailBox table {
	width: 100%;
}

main#jobDetail #contentsArea .detailBox table tr {
	border-bottom: 1px solid #29abe2;
}

/* 
main#jobDetail #contentsArea .detailBox table tr:last-child {
	border-bottom: none;
}
 */

main#jobDetail #contentsArea .detailBox table tr th, 
main#jobDetail #contentsArea .detailBox table tr td {
	border: none;
}

main#jobDetail #contentsArea .detailBox table tr th {
	background-color: transparent;
	font-weight: 400;
	text-align: left;
	padding: 15px 10px 15px 0;
	width: 150px;
}

main#jobDetail #contentsArea .detailBox table tr td {
	padding: 15px 0;
}

main#jobDetail #contentsArea .detailBox table tr td > *:last-child {
	margin-bottom: 0;
}

main#jobDetail #contentsArea .detailBox td ul {
	margin: 0 0 30px 0;
}

main#jobDetail #contentsArea .detailBox td ul li {
	padding-left: 28px;
	position: relative;
}

main#jobDetail #contentsArea .detailBox td ul li::before {
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background-color: #000;
	position: absolute;
	left: 10px;
	top: calc(1em - 6px);
}

main#jobDetail #contentsArea .detailBox td ol {
	margin: 0 0 30px 38px;
}

main#jobDetail #contentsArea .detailBox td ol li {
	padding-left: 0;
	position: static;
}

main#jobDetail #contentsArea .detailBox td ul li + li, 
main#jobDetail #contentsArea .detailBox td ol li + li {
	margin-top: 10px;
}

main#jobDetail #contentsArea .detailBox td li ul {
	margin: 10px 0 0;
}

main#jobDetail #contentsArea .detailBox td li ol {
	margin: 10px 0 0 28px;
}


/*__________ TAB-SP __________*/
@media screen and (max-width: 959px) {

	main#jobDetail #contentsArea {
		max-width: initial;
		padding: 100px 10px;
	}

	main#jobDetail #contentsArea .detailBox {
		padding: 60px 40px;
	}

}


/*__________ TAB __________*/
@media screen and (max-width: 959px) and (min-width: 768px) {}


/*__________ SP __________*/
@media screen and (max-width: 767px) {

	main#jobDetail #contentsArea h1 span.en {
		display: block;
		margin: 0;
	}

	main#jobDetail #contentsArea .detailBox table tr th, 
	main#jobDetail #contentsArea .detailBox table tr td {
		border: none;
		display: block;
		width: 100%;
	}

	main#jobDetail #contentsArea .detailBox table tr th {
		padding: 15px 0;
	}

	main#jobDetail #contentsArea .detailBox table tr td {
		padding: 0 0 15px;
	}

}


/* --------------------------------------------------------------
PAGE-OTHER
-------------------------------------------------------------- */
#other #pageDetail > *:last-child {
	margin-bottom: 0;
}


/*____________________ about ____________________*/
main#other.about section {
	margin-bottom: 100px;
}

main#other.about section:last-child, 
main#other.about section > *last-child {
	margin-bottom: 0;
}

main#other.about #introduction table {
	width: 100%;
	margin-bottom: 100px;
}

main#other.about #introduction table tr {
	border-bottom: 1px solid #29abe2;
}

/* 
main#other.about #introduction table tr:last-child {
	border-bottom: none;
}
 */

main#other.about #introduction table tr th, 
main#other.about #introduction table tr td {
	border: none;
	letter-spacing: 0.05em;
}

main#other.about #introduction table tr th {
	background-color: transparent;
	font-weight: 400;
	text-align: left;
	padding: 20px 20px 20px 120px;
	width: 320px;
}

main#other.about #introduction table tr td {
	padding: 20px 120px 20px 0;
}

main#other.about #introduction table tr td > *:last-child {
	margin-bottom: 0;
}

main#other.about #introduction table tr td {
	margin: 0 0 30px 0;
}

main#other.about #introduction table tr td ul li {
	padding-left: 28px;
	position: relative;
}

main#other.about #introduction table tr td ul li::before {
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background-color: #000;
	position: absolute;
	left: 10px;
	top: calc(1em - 6px);
}

main#other.about #introduction table tr td ol {
	margin: 0 0 30px 38px;
}

main#other.about #introduction table tr td ol li {
	padding-left: 0;
	position: static;
}

main#other.about #introduction table tr td ul li + li, 
main#other.about #introduction table tr td ol li + li {
	margin-top: 10px;
}

main#other.about #introduction table tr td li ul {
	margin: 10px 0 0;
}

main#other.about #introduction table tr td li ol {
	margin: 10px 0 0 28px;
}

main#other.about #access .ggMap {
	border-radius: 30px;
	overflow: hidden;
	margin-bottom: 30px;
}

main#other.about #access .ggMap iframe {
	display: block;
	width: 100%;
}


/*__________ TAB-SP __________*/
@media screen and (max-width: 959px) {


/*______ about ______*/
	main#other.about #access .ggMap {
		position: relative;
		padding-top: 64.3%; /* 544 ÷ 846 × 100 */
	}

	main#other.about #access .ggMap iframe {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
	}

}


/*__________ TAB __________*/
@media screen and (max-width: 959px) and (min-width: 768px) {

/*______ about ______*/
	main#other.about #introduction table tr th {
		padding: 20px 20px 20px 40px;
		width: 260px;
	}

	main#other.about #introduction table tr td {
		padding: 20px 40px 20px 0;
	}

}


/*__________ SP __________*/
@media screen and (max-width: 767px) {

/*______ about ______*/
	main#other.about #introduction table tr th, 
	main#other.about #introduction table tr td {
		border: none;
		display: block;
		width: 100%;
	}

	main#other.about #introduction table tr th {
		padding: 20px 40px;
	}

	main#other.about #introduction table tr td {
		padding: 0 40px 20px;
	}

}


/* --------------------------------------------------------------
404
-------------------------------------------------------------- */
#not404 #pageDetail > *:last-child {
	margin-bottom: 0;
}

#not404 #pageDetail h1 {
	font-size: 3.6rem;
	line-height: 1.5;
	letter-spacing: 0.2em;
	margin-bottom: 40px;
}


/* --------------------------------------------------------------
INTERVIEW
-------------------------------------------------------------- */
#interviewCat #contentsArea ul {
	display: grid;
	row-gap: 20px;
}

#interviewCat #contentsArea ul li a {
	background-color: #50b7e2;
	border-radius: 30px;
	color: #fff;
	text-decoration: none;
	padding: 30px 20px 30px 50px;
	display: grid;
 	grid-template-columns: 1fr 86px;
	column-gap: 20px;
	align-items: center;
}

#interviewCat #contentsArea ul li a:hover {
	background-color: #29abe2;
	text-decoration: underline;
}

#interviewCat #contentsArea ul a p {
	font-size: 2.0rem;
	line-height: 1.5;
	margin-bottom: 0;
}

#interviewCat #contentsArea ul a p.tit {
	font-size: 2.4rem;
	margin-top: 10px;
}

#interviewCat #contentsArea ul a p.icon {
	border: 1px solid #fff;
	border-radius: 100%;
	font-size: 1.6rem;
	text-indent: 0.2em;
	text-align: center;
	width: 86px;
	height: 86px;
	display: grid;
	place-items: center;
}

#interviewCat #contentsArea ul li a:hover p.icon {
	background-color: #fff;
	color: #50b7e2;
	text-decoration: none;
}

/* 
.pagination {
	margin-top: 30px;
}

.pagination .navLinks {
	display: flex;
	flex-wrap: wrap;
	margin: -10px 0 0 -10px;
}

.pagination span, 
.pagination a {
	font-size: 16px;
}

.pagination .current, 
.pagination a.page-numbers {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 2px 5px;
	margin: 10px 0 0 10px;
	text-decoration: none;
	min-width: 32px;
	min-height: 30px;
}

.pagination .page-numbers.dots {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 10px 0 0 10px;
}

.pagination .current {
	background-color: #29abe2;
	border: 1px solid #29abe2;
	color: #fff;
}

.pagination a.page-numbers {
	background-color: #fff;
	color: #29abe2;
	border: 1px solid #fff;
}

.pagination a:hover.page-numbers {
	background-color: #50b7e2;
	border: 1px solid #50b7e2;
	color: #fff;
}
 */


/*__________ TAB-SP __________*/
@media screen and (max-width: 959px) {}


/*__________ TAB __________*/
@media screen and (max-width: 959px) and (min-width: 768px) {}


/*__________ SP __________*/
@media screen and (max-width: 767px) {

	#interviewCat #contentsArea ul li a {
		padding: 20px 10px 20px 20px;
		grid-template-columns: 1fr 43px;
		column-gap: 10px;
	}

	#interviewCat #contentsArea ul a p {
		font-size: 1.4rem;
	}

	#interviewCat #contentsArea ul a p.tit {
		font-size: 1.8rem;
	}

	#interviewCat #contentsArea ul a p.icon {
		font-size: 1.0rem;
		letter-spacing: 0.05em;
		text-indent: 0.05em;
		width: 43px;
		height: 43px;
	}

}


/* --------------------------------------------------------------
INTERVIEW-DETAIL
-------------------------------------------------------------- */
#interviewCat #singleDetail > *:last-child {
	margin-bottom: 0;
}

#interviewCat #singleDetail #profile {
	line-height: 1.5;
	letter-spacing: 0.1em;
	margin-bottom: 80px;
}

#interviewCat #singleDetail #profile > *:last-child {
	margin-bottom: 0;
}

#interviewCat #singleDetail #profile p.name {
	font-size: 2.4rem;
	margin-bottom: 10px;
}

#interviewCat #singleDetail #profile p.ward {
	font-size: 1.8rem;
}

#interviewCat #singleDetail h1 {
	font-size: 3.6rem;
	line-height: 1.5;
	letter-spacing: 0.2em;
	margin-bottom: 40px;
}

#interviewCat #singleDetail .faqBox {
	line-height: 2;
	letter-spacing: 0.1em;
}

#interviewCat #singleDetail .faqBox + .faqBox {
	margin-top: 40px;
}

#interviewCat #singleDetail .faqBox p {
	margin-bottom: 40px;
}

#interviewCat #singleDetail .faqBox p.que {
	color: #29abe2;
}

#interviewCat #singleDetail .faqBox .ans > *:last-child {
	margin-bottom: 0;
}

/* 
#postNav {
	border-top: 1px solid #29abe2;
	padding-top: 50px;
	margin-top: 50px;
	position: relative;
}

#postNav p {
	margin-bottom: 0;
}

#postNav .box {
	display: grid;
	grid-auto-flow: column;
	align-content: center;
	column-gap: 10px;
	position: absolute;
	top: 50px;
	width: 100%;
}

#postNav .box p#next {
	justify-self: end;
}

#postNav p#return {
	text-align: center;
	max-width: 600px;
	margin: 0 auto;
	position: relative;
}

#postNav p#return a {
	background-color: #29abe2;
	border-radius: 30px;
	color: #fff;
	text-decoration: none;
	padding: 10px;
	display: block;
}

#postNav p#return a:hover {
	background-color: #fff;
	color: #29abe2;
}
 */


/*__________ TAB-SP __________*/
@media screen and (max-width: 959px) {}


/*__________ TAB __________*/
@media screen and (max-width: 959px) and (min-width: 768px) {}


/*__________ SP __________*/
@media screen and (max-width: 767px) {

/* 
	#postNav {
		position: static;
	}

	#postNav .box {
		position: static;
		margin-bottom: 15px;
	}

	#postNav p#return {
		max-width: none;
	}
 */

}


/* --------------------------------------------------------------
共通
-------------------------------------------------------------- */
.sticky {}

.gallery-caption {}

.bypostauthor {}

.screen-reader-text {}


/* --------------------------------------------------------------

-------------------------------------------------------------- */
/*____________________  ____________________*/


/*__________ TAB-SP __________*/
@media screen and (max-width: 959px) {}


/*__________ TAB __________*/
@media screen and (max-width: 959px) and (min-width: 768px) {}


/*__________ SP __________*/
@media screen and (max-width: 767px) {}





p.btn {
	width: 168px;
	margin: 0 auto 50px;
}

p.btn a {
	border: 2px solid #29abe2;
	font-size: 1.6rem;
	color: #29abe2;
	text-indent: 0.2em;
	text-decoration: none;
	text-align: center;
	padding: 5px;
	display: block;
}

p.btn a:hover {
	background-color: #29abe2;
	color: #fff;
}