@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap";
html {
	font-size: 62.5%
}
:root {
	--textColor: #404040;
	--mainColor: #68C3C5;
	--accentColor: #EB4B57;
	--darkMainColor: #097376;
	--darkColor: #404040;
	--white: #fff;
	--mainBackgroundColor: #E2F2F2;
	--LINEcolor: #1BAC49;
	--grayLineColor: #707070;
	--linkColor: #2D95E4;
	--tableLine: #EFEFEF
}
body {
	margin: 0;
	padding: 0;
	line-height: 1;
	color: var(--textColor);
	font-size: 1.6rem;
	font-family: "Noto Sans JP", sans-serif
}
::-webkit-scrollbar {
	width: 5px
}
::-webkit-scrollbar-track {
	background-color: #ccc
}
::-webkit-scrollbar-thumb {
	background-color: #777;
	border-radius: 1.3rem
}
h1, h2, h3, h4, h5, h6, p, ul, li {
	margin: 0;
	padding: 0;
	line-height: 1.5
}
.pageH2 {
	font-size: 2.4rem;
	color: var(--darkMainColor);
	text-align: center;
	margin: 0 0 2rem 0
}
.pageH2::before {
	content: "";
	display: none
}
@media(max-width: 768px) {
	.pageH2 {
		font-size: 1.8rem
	}
}
.pageH3 {
	font-size: 2.4rem;
	font-weight: 700;
	position: relative;
	padding: 0 0 0 1rem;
	margin: 0 0 2rem
}
.pageH3::before {
	content: "";
	position: absolute;
	border-left: 4px solid var(--mainColor);
	width: .4rem;
	height: 100%;
	left: -0.2rem;
	top: .1rem
}
@media(max-width: 768px) {
	.pageH3 {
		font-size: 1.8rem
	}
}
p {
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.7;
	letter-spacing: .05em
}
ul {
	list-style: none
}
a {
	text-decoration: none;
	color: var(--textColor);
	font-size: 1.6rem;
	font-weight: 600;
	cursor: pointer
}
a:hover {
	opacity: .8
}
a.normalLink {
	color: var(--linkColor);
	display: block;
	text-decoration: underline;
	margin: 2rem 0;
	font-weight: 500
}
button {
	border: none;
	background-color: var(--white);
	cursor: pointer;
	color: inherit;
	font-weight: inherit;
	font-size: inherit
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url("../images/selectArrow.svg");
	background-repeat: no-repeat;
	background-position: calc(100% - 10px) center;
	padding-right: 20px
}
input::placeholder {
	color: #b9b9b9
}
input, select, button, textarea {
	font-family: inherit;
	font-size: inherit
}
input[type=checkbox] {
	display: none
}
label:after {
	position: absolute;
	content: "";
	display: block;
	top: 50%;
	left: 15px;
	margin: -10px 0 0 -2px;
	width: 16px;
	height: 16px;
	border: 1px solid #909090;
	border-radius: 2px;
	background-color: #fff
}
label {
	position: relative;
	padding: 0 0 0 40px
}
label:after, label:before {
	position: absolute;
	content: "";
	display: block;
	top: 50%
}
label:before {
	left: 19px;
	margin-top: -7px;
	width: 5px;
	height: 9px;
	border-right: 2px solid var(--white);
	border-bottom: 2px solid var(--white);
	transform: rotate(45deg);
	opacity: 0
}
input[type=checkbox]:checked+label:before {
	opacity: 1;
	position: absolute;
	z-index: 1000
}
input[type=checkbox]:checked+label:after {
	background-color: #2d95e4
}
input::placeholder {
	color: #b9b9b9
}
main {
	padding: 10rem 0 0 0;
	position: relative
}
@media(max-width: 1100px) {
	main {
		padding: 4.8rem 0 0 0
	}
}
.text-center {
	text-align: center
}
.text-left {
	text-align: end
}
@media(min-width: 769px) {
	.pcNone {
		display: none
	}
}
@media(max-width: 768px) {
	.spNone {
		display: none
	}
}
.wrap1080 {
	max-width: 104rem;
	margin: auto;
	padding: 0 2rem
}
.wrap800 {
	max-width: 76rem;
	margin: auto;
	padding: 0 2rem
}
.wrap600 {
	max-width: 60rem;
	margin: auto
}
@media(max-width: 768px) {
	.wrap600 {
		padding: 0 2rem
	}
}
.boxLineHeading {
	border: 4px solid var(--mainBackgroundColor);
	width: 100%;
	padding: .8rem 0;
	font-size: 1.6rem;
	text-align: center;
	color: var(--darkMainColor);
	margin: 0 0 .8rem 0
}
.boxLineHeading::before {
	display: none
}
.btnWrap {
	width: 100%
}
.normalBtn {
	width: 28rem;
	padding: 1.4rem 0;
	margin: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 2px 4px 8px rgba(0, 0, 0, .1607843137);
	color: var(--white);
	background-color: var(--mainColor);
	border: 2px solid var(--mainColor);
	border-radius: 26px
}
.normalBtn:hover {
	color: var(--textColor);
	background-color: var(--white);
	border: 2px solid var(--darkMainColor)
}
.accentBtn {
	width: 28rem;
	padding: 1.4rem 0;
	margin: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 2px 4px 8px rgba(0, 0, 0, .1607843137);
	color: var(--white);
	background-color: var(--accentColor);
	border: 2px solid var(--accentColor);
	border-radius: 26px
}
.accentBtn:hover {
	opacity: .8
}
.shadow {
	box-shadow: 2px 4px 8px rgba(0, 0, 0, .1607843137)
}
.highlight {
	color: var(--accentColor);
	font-weight: 700
}
.fcDarkMain {
	color: var(--darkMainColor)
}
.fcRed {
	color: var(--accentColor)
}
.fz14 {
	font-size: 1.4rem
}
.m-auto {
	margin: auto
}
.mt-1 {
	margin-top: 1rem
}
.mt-2 {
	margin-top: 2rem
}
.mt-3 {
	margin-top: 3rem
}
.mt-4 {
	margin-top: 4rem
}
.mt-5 {
	margin-top: 5rem
}
.mt-6 {
	margin-top: 6rem
}
.mt-7 {
	margin-top: 7rem
}
.mt-8 {
	margin-top: 8rem
}
.mt-9 {
	margin-top: 9rem
}
.mt-10 {
	margin-top: 10rem
}
.ml-2 {
	margin-left: 2rem
}
.ml-3 {
	margin-left: 3rem
}
.ml-4 {
	margin-left: 4rem
}
.mb-1 {
	margin-bottom: 1rem
}
.mb-2 {
	margin-bottom: 2rem
}
.mb-4 {
	margin-bottom: 4rem
}
.mb-5 {
	margin-bottom: 5rem
}
.mb-6 {
	margin-bottom: 6rem
}
.mb-10 {
	margin-bottom: 10rem
}
@media(max-width: 768px) {
	.mb-sp-0 {
		margin-bottom: 0 !important
	}
}
@media(max-width: 768px) {
	.mb-sp-2 {
		margin-bottom: 2rem !important
	}
}
@media(max-width: 768px) {
	.mb-sp-4 {
		margin-bottom: 4rem !important
	}
}
@media(max-width: 768px) {
	.mb-sp-8 {
		margin-bottom: 8rem !important
	}
}
.pb-3 {
	padding-bottom: 3rem
}
.scroll-hint-icon-wrap {
	z-index: 100
}
.d-flex {
	display: flex
}
@media(max-width: 768px) {
	.d-flex {
		display: block
	}
}
.two-columnsGrid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 6rem;
	row-gap: 2rem
}
@media(max-width: 768px) {
	.two-columnsGrid {
		display: block;
		width: 90%;
		margin: auto
	}
}
.three-columnsGrid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 8rem;
	row-gap: 6rem;
	padding: 0 2rem
}
@media(max-width: 768px) {
	.three-columnsGrid {
		display: block;
		width: 90%;
		margin: auto
	}
}
.three-columnsGrid p {
	font-size: 1.4rem;
	font-weight: 500
}
.four-columnsGrid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	column-gap: 4rem;
	row-gap: 4rem;
	padding: 0 2rem
}
@media(max-width: 768px) {
	.four-columnsGrid {
		display: block;
		width: 90%;
		margin: auto
	}
}
@media(max-width: 768px) {
	.gridItem {
		margin: 0 0 4rem 0
	}
}
header.header {
	height: 10rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	position: fixed;
	z-index: 1000;
	background-color: var(--white)
}
@media(max-width: 1099px) {
	header.header {
		height: 4.8rem
	}
}
.headerInner {
	display: flex;
	justify-content: space-between;
	width: 100%;
	align-items: center;
	margin: auto
}
@media(max-width: 1099px) {
	.headerInner {
		padding: 0 0 0 2rem
	}
}
.headerLogo {
	margin: 0 0 0 5rem;
	font-size: inherit
}
.headerLogo:hover {
	opacity: .7
}
@media(max-width: 768px) {
	.headerLogo {
		margin: 0
	}
}
.headerLogo .headerLogo__copy {
	font-size: 1rem;
	font-weight: 500
}
@media(max-width: 1099px) {
	.headerLogo .headerLogo__copy {
		display: none
	}
}
@media(max-width: 768px) {
	.headerLogo img {
		width: 11rem
	}
}
.headerMenu {
	display: flex;
	align-items: center;
	margin: 0
}
@media(max-width: 1099px) {
	.headerMenu {
		margin: 0 5.6rem 0 0
	}
}
@media(max-width: 1099px) {
	.headerMenu__inner {
		display: none
	}
}
.headerMenu__search {
	background-color: var(--mainColor);
	color: var(--white)
}
.headerMenu__register {
	color: var(--white);
	background-color: var(--accentColor)
}
.headerExtraBtn {
	width: 10rem;
	height: 10rem;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 1.6rem;
	line-height: 1.5;
	font-weight: 500
}
@media(max-width: 1099px) {
	.headerExtraBtn {
		font-size: 1.2rem;
		font-weight: 500;
		width: 6.6rem;
		height: 4.8rem;
		line-height: 1.2;
	}
}
.headerExtraBtn:hover {
	opacity: .7
}
.headerMenu__inner--upperRow {
	height: 5rem;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin: 0 2rem 0 0
}
.headerMenu__inner--upperRow a {
	font-size: 1.2rem;
	padding: 2rem;
	display: inline-flex;
	justify-content: end;
	flex-direction: row
}
.headerMenu__inner--upperRow a:hover {
	opacity: .7
}
.headerMenu__inner--lowerRow {
	height: 5rem;
	display: flex;
	align-items: center
}
.headerMenu__inner--lowerRow a {
	color: var(--darkMainColor);
	font-size: 1.4rem;
	font-weight: 500;
	padding: 2rem 0 2rem 4rem
}
.headerMenu__inner--lowerRow a::after {
	content: "";
	border: 1px dotted #d0d0d0;
	margin: 0 0 0 4rem
}
.headerMenu__inner--lowerRow a:hover {
	opacity: .7
}
.headerMenu__inner--lowerRow a:last-child:after {
	border: none
}
.openbtn {
	display: none;
	position: fixed;
	right: 0;
	z-index: 9999;
	cursor: pointer;
	width: 5.6rem;
	height: 4.8rem
}
@media(max-width: 1099px) {
	.openbtn {
		display: block
	}
}
.openbtn .border {
	display: inline-block;
	transition: all .4s;
	position: absolute;
	right: 1.7rem;
	height: .2rem;
	border-radius: 2px;
	background: var(--textColor);
	width: 2.2rem
}
.openbtn .border:nth-of-type(1) {
	top: 11px
}
.openbtn .border:nth-of-type(2) {
	top: 19px
}
.openbtn .border:nth-of-type(3) {
	top: 27px
}
.openbtn .menu {
	top: 68%;
	position: absolute;
	left: 26%;
	font-size: 1rem
}
.openbtn.active {
	background: #fff5f5
}
.openbtn.active .border:nth-of-type(1) {
	top: 18px;
	left: 18px;
	transform: translateY(6px) rotate(-45deg);
	width: 30%
}
.openbtn.active .border:nth-of-type(2) {
	opacity: 0
}
.openbtn.active .border:nth-of-type(3) {
	top: 30px;
	left: 18px;
	transform: translateY(-6px) rotate(45deg);
	width: 30%
}
.openbtn.active .menu {
	opacity: 0
}
#g-nav {
	position: fixed;
	z-index: 999;
	top: 4.8rem;
	right: -100%;
	background: #fff5f5;
	transition: all .4s;
	width: 100%;
	height: calc(100vh - 4.8rem)
}
#g-nav #g-nav-list {
	position: fixed;
	z-index: 999;
	height: calc(100vh - 4.8rem);
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	width: 100%;
	position: absolute;
	z-index: 999;
	top: 2rem;
	left: 50%;
	transform: translateX(-50%)
}
#g-nav #g-nav-list ul {
	background-color: var(--white);
	width: 90%;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin: auto
}
#g-nav #g-nav-list ul li {
	list-style: none;
	text-align: center;
	border-bottom: 1px solid #ccc
}
#g-nav #g-nav-list ul li:last-child {
	border: none
}
#g-nav #g-nav-list ul li a {
	padding: 1.4rem 0;
	color: var(--textColor);
	display: block;
	letter-spacing: .1em;
	transition: all .5s;
	font-size: 1.4rem;
	font-weight: 500
}
#g-nav.panelactive {
	right: 0
}
.g-nav-list__banner {
	text-align: center;
	margin: 1rem auto;
	padding: 0 2rem 2rem;
	box-sizing: border-box
}
img.g-nav-list__bannerImg {
	width: 100%;
	max-width: 30rem
}
section.reasonSection {
	max-width: 87.6rem;
	margin: 6rem auto;
	padding: 0 2rem
}
.reasonSection__wrap {
	display: flex;
	justify-content: space-between
}
@media(max-width: 768px) {
	.reasonSection__wrap {
		flex-direction: column;
		padding: 0 2rem
	}
}
.reasonSection__wrap__item {
	display: flex;
	align-items: initial
}
.reasonSection__wrap__item:nth-of-type(1) {
	margin-right: 4.8rem;
	line-height: 1.6;
	font-weight: 400
}
@media(max-width: 768px) {
	.reasonSection__wrap__item:nth-of-type(1) {
		width: 100%;
		margin: 0
	}
}
.reasonSection__wrap__item ul {
	font-size: 1.8rem;
	margin: 2rem 0 0
}
@media(max-width: 768px) {
	.reasonSection__wrap__item ul {
		font-size: 1.4rem;
		width: 100%;
		margin: 4rem 0 0
	}
}
.reasonSection__wrap__item ul li {
	border: 1px solid #68c3c5;
	border-radius: 43px;
	padding: 1rem 0;
	margin: 0 0 2.8rem 0;
	width: 40rem;
	height: 2.8rem;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	background-color: var(--white)
}
@media(max-width: 768px) {
	.reasonSection__wrap__item ul li {
		width: 100%
	}
}
.reasonSection__wrap__item ul li:last-child {
	margin-bottom: 0
}
img.reasonSection__item__img {
	margin: 0 1rem 0 0;
	display: block
}
span.reasonSection__item__text {
	display: block
}
section.flowSection {
	padding: 6rem 0;
	background-image: url(../images/flow_background_PC.webp);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -1
}
@media(max-width: 768px) {
	section.flowSection {
		padding: 4rem 0 0;
		display: none
	}
}
@media(max-width: 768px) {
	.flowSection__wrap {
		padding: 0 0 4rem 0
	}
}
ul.flow__list {
	display: flex;
	justify-content: space-between;
	position: relative
}
@media(max-width: 768px) {
	ul.flow__list {
		display: inline-flex
	}
}
ul.flow__list:before {
	content: "";
	display: block;
	position: absolute;
	border-width: 0;
	border-style: solid;
	border-color: var(--textColor);
	z-index: 1;
	top: 50%;
	left: 15%;
	width: 70%;
	border-top-width: 2px
}
li.flow__item {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	border: 2px solid var(--textColor);
	border-radius: 50%;
	text-align: center;
	width: 22rem;
	height: 22rem;
	background-color: var(--white);
	z-index: 2
}
@media(max-width: 768px) {
	li.flow__item {
		width: 16rem;
		height: 16rem;
		margin: 0 2rem 0 0;
		overflow-x: scroll
	}
}
li.flow__item h3.flow__item-title {
	margin: 0;
	padding: 0
}
li.flow__item h3.flow__item-title::before {
	display: none
}
li.flow__item h3.flow__item-title span {
	display: block;
	margin-bottom: .8rem;
	font-weight: 400
}
li.flow__item h3.flow__item-title span.flow__item-title--sub {
	font-size: 1.4rem
}
li.flow__item h3.flow__item-title span.flow__item-title--main {
	font-size: 2.4rem
}
@media(max-width: 768px) {
	li.flow__item h3.flow__item-title span.flow__item-title--main {
		font-size: 1.6rem
	}
}
li.flow__item .flow__item-icon img {
	width: 100%;
	height: 100%
}
@media(max-width: 768px) {
	li.flow__item .flow__item-icon img {
		width: 6rem;
		height: 6rem
	}
}
section.flowSectionSp {
	display: none
}
@media(max-width: 768px) {
	section.flowSectionSp {
		display: block;
		padding: 6rem 0;
		background-image: url(../images/flow_background_PC.jpg);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		z-index: -1;
		padding: 4rem 0
	}
}
.flowSectionSp__headline {
	margin: 0
}
.flowSection__wrap {
	padding: 0 2rem;
	position: relative
}
.flowSection__wrap .reasonSection__wrap__item::after {
	content: "";
	display: block;
	width: 50%;
	height: 16rem;
	position: absolute;
	z-index: 50;
	top: 18%;
	left: 1%;
	border-right: 2px solid var(--mainColor)
}
.flowSection__wrap .reasonSection__wrap__item ul {
	z-index: 100
}

.flowSection2 {
	padding: 60px 0 30px;
	background-image: url(../images/flow_background_PC.webp);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 60px;
}
.flowSection2__wrap {
	width: 1080px;
	margin: 0 auto;
	padding: 40px 30px;
	background-color: #68C3C5;
	border-radius: 10px;
	box-sizing: border-box;
}
.flow__list2 {
	display: flex;
	justify-content: space-between;
	list-style: none;
	padding: 0;
	margin: 0;
}
.flow__item2 {
	width: 326px;
	padding: 30px 23px;
	border-radius: 10px;
	background-color: #fff;
	box-sizing: border-box;
}
.flow__item2-step {
	width: 149px;
	line-height: 44px;
	text-align: center;
	background-color: #68C3C5;
	border-radius: 26px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	margin: 0 auto;
}
.flow__item2-imgWrap {
	margin-top: 24px;
}
.flow__item2-img {
	width: 100%;
}
.flow__item2-title {
	text-align: center;
	color: #EB4B57;
	font-size: 17px;
	font-weight: bold;
	margin-top: 20px;
}
@media(max-width: 1099px) {
	.flowSection2__wrap {
		width: 95%;
	}
	.flow__item2 {
		width: 32%;
		padding: 3% 2%;
	}
}
@media(max-width: 640px) {
	.flowSection2 {
		padding: 40px 20px 60px;
		margin-top: 60px;
	}
	.flowSection2__wrap {
		padding: 40px 20px;
		width: 100%;
	}
	.flow__list2 {
		display: block;
	}
	.flow__item2 {
		width: 100%;
		padding: 30px 20px;
	}
	.flow__item2:nth-child(n + 2) {
		margin-top: 30px;
	}
	.flow__item2-step {
		width: 135px;
		line-height: 40px;
		border-radius: 26px;
		font-size: 15px;
	}
	.flow__item2-imgWrap {
		margin-top: 24px;
	}
	.flow__item2-title {
		font-size: 17px;
		margin-top: 20px;
	}
}
section.infoBanner {
	padding: 6rem 0 10rem
}
section.infoBanner h2 {
	margin: 0 0 4rem 0
}
.infoBannerList {
	max-width: 104rem;
	margin: auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-row-gap: 2rem;
	grid-column-gap: 2rem;
	padding: 0 2rem
}
@media(max-width: 768px) {
	.infoBannerList {
		grid-template-columns: repeat(2, 1fr)
	}
}
@media(max-width: 479px) {
	.infoBannerList {
		grid-template-columns: repeat(1, 1fr)
	}
}
.infoBannerList a picture img {
	width: 100%
}
.infoBannerList a:hover {
	opacity: .7
}


.topMainVisual {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 480px;
	position: relative;
	overflow: hidden;
}
.topMainVisual__wrap__inner {
	max-width: 1080px;
	margin: auto;
	padding: 56px 0 0 0;
}
@media(max-width: 1080px) {
	.topMainVisual__wrap__inner {
		padding: 56px 20px 0;
	}
}
@media(max-width: 640px) {
	.topMainVisual__wrap__inner {
		max-width: 100%;
		padding: 40vw 0 0 0;
	}
}
@media(max-width: 640px) {
	.topMainVisual {
		height: 133.87vw;
	}
}
@media(max-width: 800px) {
	.topMainVisual__wrap__inner__item {
		padding: 0 20px;
		position: relative;
	}
}
@media(max-width: 640px) {
	.topMainVisual__wrap__inner__item {
		padding: 0 5.33vw;
	}
}
.topMainVisualHeadline {
}
.topMainVisual__award {
	display: flex;
}
.topMainVisual__awardImg1 {
	width: 127px;
}
.topMainVisual__awardImg2 {
	width: 127px;
	margin-left: 8px;
}
@media(max-width: 640px) {
	.topMainVisual__awardImg1 {
		width: 25.33vw;
	}
	.topMainVisual__awardImg2 {
		width: 25.33vw;
		margin-left: 1.6vw;
	}
}
.topMainVisual__mainCopy {
	margin-top: 40px;
}
.topMainVisual__mainCopyImg {

}
@media(max-width: 800px) {
	.topMainVisual__mainCopyImg {
		width: 65vw;
	}
}
@media(max-width: 640px) {
	.topMainVisual__mainCopy {
		margin-top: 8vw;
		text-align: center;
	}
	.topMainVisual__mainCopyImg {
		width: 84vw;
	}
}
.topMainVisual__img {
	position: absolute;
	z-index: 0;
	bottom: 0;
	left: calc(50% + 50px);
	height: 100%
}
.topMainVisual__img img {
	height: 100%
}
@media(max-width: 800px) {
	.topMainVisual__img {
		height: 90%;
		bottom: 0;
		top: auto;
		right: -12vw;
		left: auto;
	}
}
@media(max-width: 640px) {
	.topMainVisual__img {
		display: none;
	}
}
.topMainVisual .topMainVisual__wrap .topMainVisual__wrap__btn {
	font-size: 1.6rem;
	color: var(--white);
	background-color: var(--accentColor);
	padding: 1.4rem;
	width: 28rem;
	height: 3rem;
	text-align: center;
	border-radius: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 38px;
}
@media(max-width: 640px) {
	.topMainVisual .topMainVisual__wrap .topMainVisual__wrap__btn {
		font-size: 3.73vw;
		padding: 0;
		width: 64vw;
		height: 12.8vw;
		border-radius: 8vw;
		margin: 5.33vw auto 0;
	}
}


.mainVisual {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 46rem;
	position: relative;
	overflow: hidden
}
@media(max-width: 768px) {
	.mainVisual {
		height: 30rem
	}
}
.mainVisual__wrap__inner {
	max-width: 96rem;
	margin: auto;
	padding: 8rem 0 8.6rem
}
@media(max-width: 1080px) {
	.mainVisual__wrap__inner {
		max-width: 80rem;
		padding: 7rem 0 0
	}
}
@media(max-width: 768px) {
	.mainVisual__wrap__inner {
		padding: 4rem 0 3.2rem
	}
}
.pharmaceuticalMainVisual__wrap__inner {
	max-width: 96rem;
	margin: auto;
	padding: 8rem 0 8.6rem
}
@media(max-width: 1080px) {
	.pharmaceuticalMainVisual__wrap__inner {
		max-width: 80rem;
		padding: 7rem 0 0
	}
}
@media(max-width: 768px) {
	.pharmaceuticalMainVisual__wrap__inner {
		padding: 0
	}
}
.mainVisual__wrap__inner__item {
	margin: 0 36.8rem 0 0;
	display: flex;
	flex-direction: column;
	align-items: center
}
@media(max-width: 1080px) {
	.mainVisual__wrap__inner__item {
		margin: 0 32rem 0 0
	}
}
@media(max-width: 768px) {
	.mainVisual__wrap__inner__item {
		margin: auto
	}
}
.mainVisualHeadline {
	text-align: start;
	max-width: 46rem
}
@media(max-width: 768px) {
	.mainVisualHeadline {
		padding: 0 2rem;
		z-index: 1
	}
}
.pharmaceuticalMainVisualHeadline {
	text-align: start;
	max-width: 46rem
}
@media(max-width: 768px) {
	.pharmaceuticalMainVisualHeadline {
		padding: 0 2rem;
		z-index: 1;
		width: 80%
	}
}
.mainVisual__mainCopy {
	font-size: 3.2rem;
	font-weight: 700;
	margin: 2rem 0;
	line-height: 1.5;
	color: var(--textColor)
}
@media(max-width: 768px) {
	.mainVisual__mainCopy {
		font-size: 1.8rem
	}
}
.pharmaceuticalMainVisual__mainCopy {
	font-size: 3.2rem;
	font-weight: 700;
	margin: 2rem 0;
	line-height: 1.5;
	color: var(--textColor)
}
@media(max-width: 768px) {
	.pharmaceuticalMainVisual__mainCopy {
		margin: 2.6rem 0 1rem;
		font-size: 1.8rem
	}
}
.mainVisual__subCopy {
	font-size: 2rem;
	font-weight: 700;
	margin: 0 0 4rem 0;
	line-height: 1.5
}
@media(max-width: 768px) {
	.mainVisual__subCopy {
		font-size: 1.4rem;
		margin: 0 10rem 4rem 0
	}
}
.block600 {
	display: none
}
@media(max-width: 768px) {
	.block600 {
		display: block
	}
}
.nurseMainVisual__subCopy {
	font-size: 2rem;
	font-weight: 700;
	margin: 0 0 4rem 0;
	line-height: 1.5
}
@media(max-width: 768px) {
	.nurseMainVisual__subCopy {
		font-size: 1.4rem;
		margin: 0 0 6.7rem 0
	}
}
.mainVisual__img {
	position: absolute;
	z-index: 0;
	bottom: 0;
	left: calc(50% + 50px);
	height: 100%
}
@media(max-width: 1279px) {
	.mainVisual__img {
		height: 90%
	}
}
@media(max-width: 768px) {
	.mainVisual__img {
		right: auto;
		height: 130%;
		top: 5px;
		left: 50%
	}
}
@media(max-width: 479px) {
	.mainVisual__img {
		left: 45%
	}
}
.mainVisual__img img {
	height: 100%
}
.nurseMainVisual__img {
	position: absolute;
	z-index: 0;
	bottom: 0;
	left: 50%;
	height: 100%
}
.nurseMainVisual__img img {
	height: 100%
}
@media(max-width: 1279px) {
	.nurseMainVisual__img {
		height: 90%
	}
}
@media(max-width: 769px) {
	.nurseMainVisual__img {
		left: 50%;
		bottom: -85px
	}
}
@media(max-width: 479px) {
	.nurseMainVisual__img {
		left: calc(50% - 20vw)
	}
}
.topMainImg {
	background-image: url(../images/mainVisual_pc.webp)
}
.topMainImg .mainVisual__img {
	height: 90%
}
@media(max-width: 1279px) {
	.topMainImg .mainVisual__img {
		height: 90%;
		bottom: 0;
		top: auto
	}
}
@media(max-width: 640px) {
	.topMainImg {
		background-image: url(../images/top_mv_sp.webp);
		background-size: 100%;
		background-position: top;
	}
}
.nurseMainImg {
	background-image: url(../images/mainVisual_pc.webp)
}
.rnMainImg {
	background-image: url(../images/mainVisual_pc.webp)
}
@media(max-width: 768px) {
	.rnMainImg .nurseMainVisual__img {
		left: 50%;
		bottom: 0
	}
	.rnMainImg .mainVisual__subCopy {
		margin: 0 10rem 2rem 0
	}
}
@media(max-width: 479px) {
	.rnMainImg .nurseMainVisual__img {
		left: calc(50% - 10vw)
	}
}
.pharmaceuticalMainImg {
	background-image: url(../images/mainVisual_pc.webp);
	position: relative
}
.pharmaceuticalMainImg__img {
	position: absolute;
	bottom: 0;
	left: 50%
}
@media(max-width: 768px) {
	.pharmaceuticalMainImg__img {
		left: calc(50% - 18vw)
	}
}
.pharmaceuticalMainImg__img img {
	width: 54rem
}
@media(max-width: 1000px) {
	.pharmaceuticalMainImg__img img {
		width: 50vw
	}
}
@media(max-width: 560px) {
	.pharmaceuticalMainImg__img img {
		width: 26.5rem
	}
}
.otherMainImg {
	background-image: url(../images/other_mainVisusal_pc.webp)
}
.mainVisual .mainVisual__wrap .mainVisual__wrap__btn {
	font-size: 1.6rem;
	color: var(--white);
	background-color: var(--accentColor);
	padding: 1.4rem;
	width: 28rem;
	height: 3rem;
	text-align: center;
	border-radius: 30px;
	vertical-align: middle;
	display: flex;
	align-items: center;
	justify-content: center;
	right: 17.8%
}
@media(max-width: 768px) {
	.mainVisual .mainVisual__wrap .mainVisual__wrap__btn {
		font-size: 1.4rem;
		width: 24rem;
		height: 2.4rem;
		margin: auto;
		z-index: 1
	}
}
.mainVisual .mainVisual__wrap .mainVisual__wrap__btn:hover {
	opacity: .7
}
section.blogCard {
	background-color: var(--mainBackgroundColor);
	padding: 6rem 0;
	width: 100%
}
section.blogCard h2 {
	margin: 0 0 4rem 0
}
.tabs {
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .2);
	max-width: 108rem;
	margin: 0 auto
}
@media(max-width: 768px) {
	.tabs {
		width: 100%
	}
}
.tab_item {
	width: calc((100% - 2px)/3);
	height: 50px;
	background-color: #d9d9d9;
	border-bottom: 2px solid #d9d9d9;
	line-height: 50px;
	font-size: 16px;
	text-align: center;
	color: #565656;
	display: block;
	float: left;
	text-align: center;
	font-weight: bold;
	transition: all .2s ease;
	padding: 0
}
.tab_item:hover {
	opacity: .75
}
.tab_item:nth-of-type(2n) {
	border-left: 1px solid var(--mainBackgroundColor);
	border-right: 1px solid var(--mainBackgroundColor)
}
input[name=tab_item] {
	display: none
}
.tab_item::after, .tab_item::before {
	display: none
}
.tab_content {
	display: none;
	clear: both;
	overflow: hidden;
	padding: 4rem
}
@media(max-width: 768px) {
	.tab_content {
		padding: 3rem 1rem
	}
}
#tab1:checked~#tab1_content, #tab2:checked~#tab2_content, #tab3:checked~#tab3_content {
	display: flex;
	flex-wrap: wrap
}
.tabs input:checked+.tab_item {
	background-color: #fff;
	border-bottom: 2px solid var(--mainColor)
}
.blogCardListItem {
	display: flex;
	align-items: center;
	background-color: var(--white);
	border-radius: 8px;
	box-sizing: border-box;
	box-shadow: 0 0 10px rgba(0, 0, 0, .2);
	width: calc((100% - 4rem)/2);
	margin: 1rem
}
@media(max-width: 768px) {
	.blogCardListItem {
		width: 100%;
		margin: 0 0 2rem 0
	}
}
.blogCardListItem .blogCardListItemImg img {
	width: 12rem;
	height: 9.6rem;
	object-fit: cover;
	border-radius: 8px 0 0 8px;
	vertical-align: bottom
}
.blogCardListItem h3 {
	font-size: 1.4rem;
	font-weight: 500;
	margin: 0 .8rem 0;
	text-align: start;
	line-height: 1.7
}
.blogCardListItem h3::before {
	display: none
}
@media(max-width: 768px) {
	.blogCardListItem h3 {
		max-width: 100%;
		width: 80%;
		margin: 0 .8rem 0 .8rem
	}
}
.blogCardList {
	display: flex;
	flex-wrap: wrap;
	max-width: 108rem;
	margin: auto
}
@media(max-width: 768px) {
	.blogCardList {
		padding: 0 2rem
	}
}
.threeColumn__blogCardItem {
	display: flex;
	align-items: center;
	background-color: var(--white);
	border-radius: 8px;
	box-sizing: border-box;
	box-shadow: 0 0 10px rgba(0, 0, 0, .2);
	width: calc((100% - 6rem)/3);
	margin: 1rem
}
@media(max-width: 768px) {
	.threeColumn__blogCardItem {
		width: 100%;
		margin: 0 0 2rem 0
	}
}
.threeColumn__blogCardImg img {
	width: 12rem;
	height: 9.6rem;
	object-fit: cover;
	border-radius: 8px 0 0 8px;
	vertical-align: bottom
}
.threeColumn__blogCardTtl {
	font-size: 1.4rem;
	font-weight: 500;
	margin: 0 .8rem 0;
	text-align: start;
	line-height: 1.7
}
.threeColumn__blogCardTtl::before {
	display: none
}
@media(max-width: 768px) {
	.threeColumn__blogCardTtl {
		max-width: 100%;
		width: 80%;
		margin: 0 .8rem 0 .8rem
	}
}
.jobTypeBtnSection {
	background-image: url(../images/hospital_BG.webp);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: auto
}
.jobTypeBtnSection__wrap {
	display: flex;
	justify-content: space-between;
	padding: 3rem 0
}
@media(max-width: 649px) {
	.jobTypeBtnSection__wrap {
		display: block;
		padding: 4rem 2rem
	}
}
.jobTypeBtnSection__wrap__item {
	font-size: 1.8rem;
	height: 20rem;
	display: flex;
	justify-content: center;
	position: relative;
	color: var(--white);
	position: relative;
	border-radius: 8px;
	width: calc((100% - 4rem)/3);
	margin: 0 1rem
}
@media(max-width: 768px) {
	.jobTypeBtnSection__wrap__item {
		height: 20vw
	}
}
@media(max-width: 649px) {
	.jobTypeBtnSection__wrap__item {
		width: 10rem;
		height: 6rem;
		width: 100%;
		height: 9.6rem;
		margin: 0 0 1rem 0
	}
}
.jobTypeBtnSection__wrap__item:hover {
	opacity: .7
}
.jobTypeBtnSection__wrap__item:nth-of-type(1) {
	background-image: url(../images/nurse_job.webp);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover
}
@media(max-width: 649px) {
	.jobTypeBtnSection__wrap__item:nth-of-type(1) {
		background-image: url(../images/nurse_job_sp.webp)
	}
}
.jobTypeBtnSection__wrap__item:nth-of-type(2) {
	background-image: url(../images/rn_job.webp);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover
}
@media(max-width: 649px) {
	.jobTypeBtnSection__wrap__item:nth-of-type(2) {
		background-image: url(../images/rn_job_sp.webp)
	}
}
.jobTypeBtnSection__wrap__item:nth-of-type(3) {
	background-image: url(../images/other_job.webp);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover
}
@media(max-width: 649px) {
	.jobTypeBtnSection__wrap__item:nth-of-type(3) {
		background-image: url(../images/other_job_sp.webp)
	}
}
.jobTypeBtnSection__item__text {
	display: inline-block;
	position: absolute;
	bottom: 3rem;
	font-size: 3rem;
	text-shadow: 0px 3px 6px rgba(0, 0, 0, .41);
	padding: 0 1rem;
	line-height: 1.5
}
@media(max-width: 1040px) {
	.jobTypeBtnSection__item__text {
		font-size: 2.5vw
	}
}
@media(max-width: 649px) {
	.jobTypeBtnSection__item__text {
		left: 2rem;
		bottom: 1.2rem;
		font-size: 1.8rem;
		padding: 0
	}
}
.jobTypeOtherBtn {
	text-align: end;
	width: 100%;
	display: block;
	font-size: 1.8rem;
	font-weight: 700;
	color: var(--darkMainColor);
	box-sizing: border-box;
	padding: 0 1rem 3rem 0
}
@media(max-width: 768px) {
	.jobTypeOtherBtn {
		padding: 0 2rem 3rem 0
	}
}
.jobTypeOtherBtn img {
	margin: 0 0 0 .8rem
}
.ctaSection {
	padding: 6rem 0;
	background-image: url(../images/cta_bg_pc.webp);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -1;
	color: var(--white)
}
@media(max-width: 768px) {
	.ctaSection {
		padding: 4rem 0;
		background-image: url(../images/cta_bg_sp.webp)
	}
}
.ctaSection h2 {
	color: var(--white);
	font-size: 3.2rem;
	text-align: center;
	margin: 0 0 2rem 0
}
@media(max-width: 768px) {
	.ctaSection h2 {
		font-size: 2.4rem
	}
}
.cta__btn__wrap {
	display: flex;
	justify-content: space-between;
	max-width: 77.4rem;
	margin: auto
}
@media(max-width: 768px) {
	.cta__btn__wrap {
		display: block;
		padding: 0 4rem
	}
}
.cta__item {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.cta__item p {
	max-width: 35.7rem;
	line-height: 1.5;
	font-size: 1.8rem
}
@media(max-width: 768px) {
	.cta__item p {
		font-size: 1.4rem;
		max-width: 100%
	}
}
.cta__item a.cta__item__btn {
	width: 33.3rem;
	padding: 2rem 0;
	color: var(--white);
	background-color: var(--accentColor);
	border-radius: 35px;
	display: block;
	text-align: center
}
@media(max-width: 768px) {
	.cta__item a.cta__item__btn {
		width: 100%
	}
}
.cta__item a.cta__item__btn:hover {
	opacity: .7
}
@media(max-width: 768px) {
	.cta__item {
		margin: 0 0 4rem 0
	}
}
a.cta__item__btn.LINEbtn {
	background-color: var(--LINEcolor);
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 1.5rem 0
}
a.cta__item__btn.LINEbtn span {
	margin: 0 .8rem 0 0
}
.breadcrumb {
	max-width: 104rem;
	margin: auto;
	font-size: 1.2rem;
	font-weight: 500;
	padding: .8rem 2rem
}
@media(max-width: 768px) {
	.breadcrumb {
		padding: .8rem 0 .8rem 2rem
	}
}
.breadcrumb a {
	font-size: 1.2rem;
	font-weight: 500
}
.textBanner {
	background-color: #fef2cc;
	color: var(--darkMainColor);
	font-size: 1.8rem;
	padding: 2rem 8rem;
	font-weight: 400;
	display: flex;
	align-items: center;
	cursor: pointer
}
.textBanner:hover {
	opacity: .7
}
@media(max-width: 768px) {
	.textBanner {
		font-size: 1.4rem;
		padding: 1rem 2rem;
		justify-content: flex-start
	}
}
.textBanner__wrap {
	display: flex
}
@media(max-width: 768px) {
	.textBanner__wrap {
		display: inline-block;
		margin: 0;
		line-height: 1.5
	}
}
.textBanner__icon {
	margin: .2rem .4rem 0 0;
	fill: var(--darkMainColor)
}
.textBanner__link {
	color: var(--darkMainColor);
	font-size: 1.8rem;
	text-decoration: underline;
	margin: 0 0 0 2rem
}
@media(max-width: 768px) {
	.textBanner__link {
		font-size: 1.4rem;
		margin: 1rem 0 0
	}
}
section.subPageHero {
	background-image: url(../images/sub-page_hero_pc.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 14rem;
	display: flex;
	justify-content: center;
	align-items: center
}
section.subPageHero h1 {
	color: var(--darkMainColor);
	font-size: 3.2rem;
	font-weight: 500
}
@media(max-width: 768px) {
	section.subPageHero h1 {
		font-size: 1.8rem;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 90%;
		gap: .8rem
	}
}
@media(max-width: 768px) {
	section.subPageHero h1 img {
		width: 2rem;
		height: 2rem
	}
}
section.jobSearch {
	padding: 6rem 2rem
}
.jobSearchForm {
	width: 92rem;
	height: auto;
	margin: 0 auto;
	border-radius: 8px;
	box-shadow: 0px 4px 20px rgba(0, 0, 0, .1490196078);
	width: 100%;
	max-width: 92rem
}
@media(max-width: 768px) {
	.jobSearchForm {
		border: none;
		width: 100%;
		box-shadow: 0px 8px 20px rgba(0, 0, 0, .1490196078);
		padding: 2rem 1.2rem;
		overflow: hidden;
		box-sizing: border-box
	}
}
.jobSearchFormInner {
	display: flex;
	align-items: center
}
@media(max-width: 768px) {
	.jobSearchFormInner {
		flex-direction: column
	}
}
.jobSearchFormInnerSelect {
	display: flex;
	flex: 0 1 86%;
	align-items: center;
	width: 100%;
	height: 5.8rem;
	background: var(--white);
	border-radius: 8px 0 0 8px
}
@media(max-width: 768px) {
	.jobSearchFormInnerSelect {
		flex-wrap: wrap;
		margin: 0 0 2rem 0
	}
}
.jobSearchFormInnerSelectBlock {
	position: relative;
	width: 20%;
	box-sizing: border-box
}
@media(max-width: 768px) {
	.jobSearchFormInnerSelectBlock {
		border-radius: 8px;
		border: 1px solid var(--grayLineColor);
		width: calc((100% - 1rem)/2);
		margin: 0 1rem 1rem 0
	}
}
@media(max-width: 768px) {
	.jobSearchFormInnerSelectBlock:nth-of-type(2n) {
		margin: 0 0 1rem 0
	}
}
.jobSearchFormInnerSelectBlock:before {
	content: "";
	background-image: url(../images/selectArrow.svg);
	position: absolute;
	right: 25px;
	top: 50%;
	width: .8rem;
	height: .5rem;
	pointer-events: none;
	z-index: 100
}
.jobSearchFormInnerSelectBlock:after {
	position: absolute;
	top: 50%;
	right: 0;
	content: "";
	display: block;
	width: 1px;
	height: 34px;
	background: var(--grayLineColor);
	transform: translate(0, -50%)
}
@media(max-width: 768px) {
	.jobSearchFormInnerSelectBlock:after {
		display: none
	}
}
.jobSearchFormInnerSelectBlock select {
	width: 100%;
	height: 5.8rem;
	outline: none;
	text-indent: .01px;
	text-overflow: "";
	vertical-align: middle;
	font-size: 1.6rem;
	color: #b9b9b9;
	appearance: none;
	padding: 15px 35px 15px 25px;
	border: none;
	border-radius: 8px;
	background: var(--white)
}
.jobSearchFormInnerSelectBlock select option {
	background-color: var(--white);
	color: var(--grayLineColor)
}
.jobSearchFormInnerInputBlock {
	position: relative;
	width: 60%
}
@media(max-width: 768px) {
	.jobSearchFormInnerInputBlock {
		border-radius: 8px;
		border: 1px solid var(--grayLineColor);
		width: 100%
	}
}
.jobSearchFormInnerInputBlock input {
	outline: none;
	border: none;
	font-size: 1.6rem;
	padding: 15px 25px;
	box-sizing: border-box;
	color: var(--textColor);
	width: 100%
}
@media(max-width: 768px) {
	.jobSearchFormInnerInputBlock input {
		border-radius: 8px
	}
}
.jobSearchFormInnerSubmit {
	flex: 0 1 14%;
	width: 100%
}
@media(max-width: 768px) {
	.jobSearchFormInnerSubmit {
		width: 14rem;
		height: 3.6rem
	}
}
.jobSearchFormInnerSubmit.btn__search input[type=submit] {
	height: 5.8rem;
	border-top-left-radius: inherit;
	border-bottom-left-radius: inherit
}
@media(max-width: 768px) {
	.jobSearchFormInnerSubmit.btn__search input[type=submit] {
		border-radius: 1.8rem;
		height: 3.6rem;
		font-size: 1.6rem;
		font-weight: 500
	}
}
.btn__search input[type=submit] {
	border-radius: 0;
	appearance: button;
	border: none;
	box-sizing: border-box;
	outline: none;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 50px;
	background: var(--mainColor);
	border-radius: 8px;
	text-align: center;
	color: var(--white);
	font-size: 2rem;
	font-weight: 700;
	appearance: none
}
.btn__search input[type=submit]:hover {
	opacity: .8
}
section.newJobCard {
	background-image: url(../images/hospital_bg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: auto;
	padding: 6rem 0
}
.dv_recommend {
	max-width: 108rem;
	margin: 4.8rem auto 0;
	display: flex
}
@media(max-width: 768px) {
	.dv_recommend {
		display: block;
		padding: 0 2rem;
		margin: 0
	}
}
.dv_rc_items {
	margin: 0 1.5rem;
	width: calc((100% - 9rem)/3);
	background-color: var(--white);
	border-radius: 4px;
	box-shadow: 2px 4px 8px rgba(0, 0, 0, .1607843137);
	line-height: 1.5
}
@media(max-width: 768px) {
	.dv_rc_items {
		width: 80%;
		margin: 0 auto 2rem
	}
}
.dv_rc_img {
	display: none
}
.dv_rc_name {
	background-color: var(--mainBackgroundColor);
	color: var(--darkMainColor);
	padding: 1.6rem 1.4rem;
	font-size: 1.4rem;
	border-radius: 4px 4px 0px 0px;
	margin: 0
}
.dv_rc_name::before {
	display: none
}
.dv_rc_description {
	font-size: 1.4rem;
	padding: 1.6rem 1.4rem;
	color: var(--textColor);
	font-weight: 400;
	line-height: 1.5
}
.dv_rc_address, .dv_rc_job, .dv_rc_day, .dv_rc_price {
	padding: 0 1.4rem .8rem;
	font-size: 1.4rem;
	color: var(--textColor);
	font-weight: 400;
	line-height: 1.5
}
.dv_rc_employ {
	padding: 0 1.4rem 1.6rem;
	font-size: 1.4rem;
	color: var(--textColor);
	font-weight: 400;
	line-height: 1.5
}
section.jobFeature {
	margin: 4rem 0 10rem
}
section.jobFeature h2 {
	margin: 0 0 4rem 0
}
@media(max-width: 768px) {
	section.jobFeature h2 {
		margin: 0 0 2rem 0
	}
}
@media(max-width: 768px) {
	section.jobFeature {
		margin: 4rem 0 8rem
	}
}
.jobFeatureBtn {
	max-width: 108rem;
	margin: auto;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-row-gap: 4rem;
	grid-column-gap: 4rem
}
@media(max-width: 768px) {
	.jobFeatureBtn {
		padding: 0 2rem;
		grid-template-columns: repeat(2, 1fr);
		grid-row-gap: 4rem;
		grid-column-gap: 1.4rem
	}
}
.jobFeatureBtnItem {
	width: 100%;
	height: 20rem;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	box-shadow: 2px 4px 8px rgba(0, 0, 0, .1607843137);
	border-radius: 8px
}
@media(max-width: 768px) {
	.jobFeatureBtnItem {
		width: 100%;
		height: 12rem
	}
}
.jobFeatureBtnItem:hover {
	opacity: .7
}
.jobFeatureBtnItemText {
	width: 100%;
	background-color: rgba(104, 195, 197, .9);
	border-radius: 0px 0px 8px 8px;
	padding: .8rem 0;
	color: var(--white);
	text-align: center;
	font-weight: 700;
	position: absolute;
	bottom: 0
}
.jobFeatureBtnItemText p {
	margin: 0;
	font-size: 1.6rem;
	font-weight: 700
}
@media(max-width: 768px) {
	.jobFeatureBtnItemText p {
		font-size: 1.2rem
	}
}
.nurse_featureBtn_img1 {
	background-image: url(../images/daytime_job_PC.webp)
}
.nurse_featureBtn_img2 {
	background-image: url(../images/nighttime_job_PC.webp)
}
.nurse_featureBtn_img3 {
	background-image: url(../images/hospital_job_PC.webp)
}
.nurse_featureBtn_img4 {
	background-image: url(../images/nursing_home_job_PC.webp)
}
.nurse_featureBtn_img5 {
	background-image: url(../images/non_fulltime_job_PC.webp)
}
.nurse_featureBtn_img6 {
	background-image: url(../images/visiting_nurse_PC.webp)
}
.nurse_featureBtn_img7 {
	background-image: url(../images/travel_nurse_job_PC.webp)
}
.rn_featureBtn_img1 {
	background-image: url(../images/company_job_PC.webp)
}
.rn_featureBtn_img2 {
	background-image: url(../images/school_job_PC.webp)
}
.rn_featureBtn_img3 {
	background-image: url(../images/local_gov_job_PC.webp)
}
.rn_featureBtn_img4 {
	background-image: url(../images/public_nurse_thumbnail1_PC.webp)
}
.rn_featureBtn_img5 {
	background-image: url(../images/public_nurse_thumbnail2_PC.webp)
}
.rn_featureBtn_img6 {
	background-image: url(../images/public_nurse_thumbnail3_PC.webp)
}
.pharmaceutical_featureBtn_img1 {
	background-image: url(../images/cra_job_feature_PC.webp)
}
@media(max-width: 768px) {
	.pharmaceutical_featureBtn_img1 {
		background-image: url(../images/cra_job_feature_SP.webp)
	}
}
.pharmaceutical_featureBtn_img2 {
	background-image: url(../images/crc_job_feature_PC.webp)
}
@media(max-width: 768px) {
	.pharmaceutical_featureBtn_img2 {
		background-image: url(../images/crc_job_feature_SP.webp)
	}
}
.pharmaceutical_featureBtn_img3 {
	background-image: url(../images/pv_job_PC.webp)
}
.pharmaceutical_featureBtn_img4 {
	background-image: url(../images/cmic_home_job_PC.webp)
}
.other_featureBtn_img1 {
	background-image: url(../images/mt_job_feature_PC.webp)
}
.other_featureBtn_img2 {
	background-image: url(../images/rd_job_feature_PC.webp)
}
.other_featureBtn_img3 {
	background-image: url(../images/medical_secretary_job_feature_PC.webp)
}
section.voiceSection {
	padding: 6rem 0
}
@media(max-width: 768px) {
	a.normalBtn.mt-4.mb-10.mb-sp-4 {
		margin-top: 2rem
	}
}
.voiceSection__wrap::-webkit-scrollbar {
	width: 5px;
	height: 4px
}
.voiceSection__wrap::-webkit-scrollbar-track {
	background-color: #ccc
}
.voiceSection__wrap::-webkit-scrollbar-thumb {
	background-color: #777;
	border-radius: 4px
}
.voiceSection__wrap ul {
	display: flex;
	justify-content: space-between
}
@media(max-width: 768px) {
	.voiceSection__wrap ul {
		display: inline-flex;
		overflow-x: scroll;
		padding: 0 0 2rem 0
	}
}
.voiceSection__wrap ul::-webkit-scrollbar {
	display: none
}
.voice__item {
	width: calc((100% - 1.4rem)/3);
	background-color: var(--mainBackgroundColor);
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 2rem;
	margin-right: 1.4rem;
	border-radius: 4px;
	box-sizing: border-box
}
@media(max-width: 768px) {
	.voice__item {
		width: 33.5rem;
		margin: 0 .8rem 0 0;
		overflow-x: scroll
	}
}
.voice__item::-webkit-scrollbar {
	display: none
}
.voice__item:last-child {
	margin-right: 0
}
.voice__item_img {
	margin-right: 1.4rem;
	width: 80px
}
.voice__item_img img {
	width: 100%
}
.voice__item_text {
	width: calc(100% - 80px - 1.4rem)
}
.voice__item_text p {
	font-size: 1.4rem;
	line-height: 1.7rem;
	margin: 0
}
#guideInfo {
	margin: -5rem auto 6rem
}
#guideInfo:before {
	content: "";
	padding: 12rem 0 0 0;
	width: 100%;
	display: block;
	position: relative;
	z-index: -1
}
#guideInfo:after {
	content: "";
	overflow: hidden
}
.roundTag {
	display: inline;
	font-size: 1.2rem;
	color: var(--darkMainColor);
	background-color: var(--mainBackgroundColor);
	padding: .2rem 1rem;
	margin: 0 .8rem .8rem 0;
	border-radius: 50vw;
	font-weight: 700
}
.articleItem__category {
	margin: 1rem 0
}
.pageNavi {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 6rem auto
}
.prevNextBtn {
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 2rem 2.4rem;
	color: var(--mainColor)
}
@media(max-width: 768px) {
	.prevNextBtn {
		margin: 0 0 0 1rem;
		padding: 1.4rem 1.6rem
	}
}
.pageNum span.current {
	color: var(--white);
	background-color: var(--mainColor);
	border: 1px solid var(--mainColor);
	border-radius: 4px;
	margin: 0 1rem;
	padding: 2rem 2.4rem
}
@media(max-width: 768px) {
	.pageNum span.current {
		margin: 0 0 0 1rem;
		padding: 1rem 1.6rem
	}
}
.pageNum a {
	border: 1px solid #ccc;
	border-radius: 4px;
	margin: 0 1rem;
	padding: 2rem 2.4rem
}
@media(max-width: 768px) {
	.pageNum a {
		margin: 0 0 0 1rem;
		padding: 1rem 1.6rem
	}
}
nav.navigation.pagination {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 6rem auto
}
.nav-links {
	display: flex;
	align-items: center;
	justify-content: space-between
}
.next.page-numbers {
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 1.6rem 1.8rem;
	color: var(--mainColor);
	margin: 0 0 0 4rem
}
@media(max-width: 768px) {
	.next.page-numbers {
		margin: 0 0 0 1rem;
		padding: 1.4rem 1.6rem
	}
}
.prev.page-numbers {
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 1.6rem 1.8rem;
	color: var(--mainColor);
	margin: 0 4rem 0 0
}
@media(max-width: 768px) {
	.prev.page-numbers {
		margin: 0 1rem 0 0;
		padding: 1.4rem 1.6rem
	}
}
.page-numbers.current {
	color: var(--white);
	background-color: var(--mainColor);
	border: 1px solid var(--mainColor);
	border-radius: 4px;
	padding: 1.6rem 1.8rem;
	margin: 0 .5rem
}
@media(max-width: 768px) {
	.page-numbers.current {
		margin: 0 1rem 0 0;
		padding: 1.4rem 1.6rem
	}
}
.page-numbers {
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 1.6rem 1.8rem;
	margin: 0 .5rem
}
@media(max-width: 768px) {
	.page-numbers {
		margin: 0 1rem 0 0;
		padding: 1.4rem 1.6rem
	}
}
.page-numbers.dots {
	border: none;
	padding: 0;
	margin: 0
}
section.bannerArea {
	padding: 6rem 0 10rem
}
@media(max-width: 768px) {
	section.bannerArea {
		padding: 0 0 10rem
	}
}
section.bannerArea h2 {
	margin: 0 0 4rem 0
}
.bannerAreaList {
	max-width: 104rem;
	margin: auto;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-row-gap: 2rem;
	grid-column-gap: 2rem;
	padding: 0 2rem
}
@media(max-width: 768px) {
	.bannerAreaList {
		grid-template-columns: repeat(2, 1fr)
	}
}
.bannerAreaList a picture img {
	width: 100%
}
.footerLink {
	background-color: var(--mainColor);
	padding: 4rem 0 2.2rem
}
.footerLink a {
	color: var(--white);
	display: block
}
.footerLink a:hover {
	opacity: .7
}
.footerLinkWrap {
	max-width: 108rem;
	margin: auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 15rem;
	padding: 0 0 0 10rem
}
@media(max-width: 1049px) {
	.footerLinkWrap {
		grid-column-gap: 0
	}
}
@media(max-width: 768px) {
	.footerLinkWrap {
		display: block;
		padding: 0 4rem
	}
}
@media(max-width: 768px) {
	.footerLinkList {
		margin: 0 0 4rem 0
	}
}
@media(max-width: 768px) {
	.footerLinkList:last-child {
		margin: 0
	}
}
.footerLinkListHeadline {
	padding: 0 0 2rem 0
}
.footerLinkListSubhead {
	padding: 0 0 2rem 2rem;
	font-size: 1.4rem;
	font-weight: 500
}
.footerLinkListText {
	padding: 0 0 2rem 4rem;
	font-size: 1.4rem;
	font-weight: 500
}
.copyLight {
	background-color: var(--textColor);
	padding: 1rem 0;
	text-align: center
}
.copyLight small {
	color: var(--white);
	font-size: 1.4rem;
	font-weight: 500
}
aside.searchBox {
	width: 30rem;
	margin: 0 4rem 0 0
}
@media(max-width: 768px) {
	aside.searchBox {
		width: 100%;
		margin: 0
	}
}
.filterring {
	padding: 1rem 2rem;
	box-shadow: 2px 4px 8px rgba(0, 0, 0, .1607843137);
	border: 1px solid #ccc;
	border-radius: 8px
}
.filterring p {
	font-size: 1.2rem;
	margin: 0
}
@media(max-width: 768px) {
	.filterring__headline {
		display: flex;
		justify-content: space-between
	}
}
.filterring__headline h3 {
	color: var(--darkMainColor);
	font-size: 1.4rem;
	font-weight: 500;
	margin: 0 0 .8rem 0
}
.filterring__headline h3::before {
	display: none
}
@media(max-width: 768px) {
	.filterring__headline h3 {
		margin: 0;
		padding: 1rem 0
	}
}
.filterring__headline #fillterChange {
	display: none
}
@media(max-width: 768px) {
	.filterring__headline #fillterChange {
		display: block;
		font-size: 1.4rem;
		font-weight: 500;
		padding: 1rem 0
	}
}
#searchBoxBg {
	display: none
}
#searchBoxBg.active {
	display: block;
	position: fixed;
	z-index: 100;
	top: 4.8rem;
	right: 0;
	background: rgba(0, 0, 0, .5);
	width: 100%;
	height: calc(100vh - 4.8rem)
}
.advancedSearch {
	margin: 1rem 0 0 0;
	padding: 2rem 3rem;
	background: #fff 0% 0% no-repeat padding-box;
	box-shadow: 2px 4px 8px rgba(0, 0, 0, .1607843137);
	border: 1px solid #ccc;
	border-radius: 8px
}
@media(max-width: 768px) {
	.advancedSearch {
		display: none
	}
}
.advancedSearch.active {
	display: block;
	position: absolute;
	z-index: 200;
	top: 8rem;
	left: 50%;
	transform: translateX(-50%);
	width: 70%;
	margin: 0
}
.advancedSearch__headline {
	display: flex;
	justify-content: space-between;
	margin: 0 0 2rem 0
}
.advancedSearch__headline h3 {
	color: var(--darkMainColor);
	font-size: 1.8rem;
	font-weight: 500;
	margin: 0;
	padding: 0
}
.advancedSearch__headline h3::before {
	display: none
}
.closeBtn {
	display: none
}
.closeBtn.active {
	display: block
}
.advancedSearchItem {
	margin: 0 0 4rem 0
}
.advancedSearchItem p {
	font-size: 1.2rem;
	margin: 0 0 1rem 0
}
.advancedSearchItem__headline {
	color: var(--textColor);
	border-bottom: 1px solid #ccc;
	padding: 0 0 .4rem 0;
	margin: 0 0 1rem 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%
}
.advancedSearchItem__headline h4 {
	font-size: 1.4rem;
	margin: 0
}
.downArrow {
	margin: 0 1rem 0 0
}
.downArrow.openArrow {
	transform: rotate(180deg)
}
.advancedSearchItemBtn {
	display: flex;
	justify-content: flex-end;
	margin: 0 0 2rem 0
}
.advancedSearchItemBtn button.modal-link {
	background-color: var(--darkColor);
	border-radius: 14px;
	padding: .4rem 4rem;
	color: var(--white)
}
.advancedSearchItemBtn button.modal-link:hover {
	opacity: .8
}
.advancedSearchItem__checkboxList {
	padding: 1rem 0 0 0
}
.advancedSearchItem__checkboxList li {
	margin: 0 0 1.4rem 0
}
.advancedSearchItem__checkboxList li label {
	padding: 0 0 0 4rem;
	font-size: 1.4rem;
	font-weight: 500
}
#kinmunissu__checkbox, #koyoukeitai__checkbox, #gyoukai__checkbox, #kodawari__checkbox {
	display: none
}
.advancedSearchBtn {
	display: flex;
	justify-content: center
}
.advancedSearchBtn button {
	font-size: 1.8rem;
	font-weight: 700;
	color: var(--white);
	background-color: var(--mainColor);
	border-radius: 8px;
	width: 20rem;
	height: 6rem
}
.searchContents {
	width: 70rem
}
@media(max-width: 768px) {
	.searchContents {
		width: 100%;
		margin: 2rem 0 0 0
	}
}
.searchContents__headline {
	display: flex;
	justify-content: space-between;
	margin: 0 0 4rem
}
.searchContents__headline h2 {
	font-size: 2.4rem
}
.searchContents__headline h2::before {
	display: none
}
@media(max-width: 900px) {
	.searchContents__headline h2 {
		font-size: 1.6rem
	}
}
.searchContents__headline h2 span {
	font-size: 1.4rem;
	font-weight: 500
}
@media(max-width: 900px) {
	.searchContents__headline h2 span {
		font-size: 1.2rem;
		display: block
	}
}
form#searchContents__headline__sort {
	text-align: right
}
form#searchContents__headline__sort select {
	border: 1px solid #707070;
	border-radius: 4px;
	padding: 1rem 0;
	text-align: center;
	font-size: 1.6rem;
	padding: 1rem 2.4rem 1rem 1rem
}
@media(max-width: 768px) {
	form#searchContents__headline__sort select {
		font-size: 1.4rem
	}
}
form#searchContents__headline__sort select option:first-child {
	text-indent: 14px
}
.searchContent__item {
	padding: 25px 30px;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
	border: 1px solid #CCCCCC;
	border-radius: 5px;
}
@media(max-width: 768px) {
	.searchContent__item {
		padding: 5.33vw 2.67vw 6.67vw;
	}
}
.searchContent__item:nth-child(n + 2) {
	margin-top: 30px;
}
.searchContent__item h3 a {
	color: #68C3C5;
}
.searchContent__item h3 a:hover {
	text-decoration: underline
}
.searchContent__item__headline {
	display: flex;
	justify-content: space-between
}
.searchContent__item__headline a {
	font-size: 18px;
}
@media(max-width: 768px) {
	.searchContent__item__headline h3 {
		font-size: 1.4rem;
		line-height: 1.5;
		margin: 0 0 .8rem 0
	}
	.searchContent__item__headline a {
		font-size: 16px;
	}
}
.searchContent__item__headline h3 a {
	text-decoration: underline
}
button.likeBtn {
	background-color: var(--white);
	width: 2.4rem;
	height: 2.4rem;
	background-image: url(../images/heart-white.svg);
	background-repeat: no-repeat;
	background-position: center;
	padding: 0 2.4rem
}
.listLikeBtn {
	background-image: url(../images/heart-white.svg);
	background-repeat: no-repeat;
	background-position: 17% center;
	width: 37%;
	height: 51px;
	border: 1px solid var(--accentColor);
	border-radius: 4px;
	background-size: 18px;
	color: var(--accentColor);
	padding-left: 12%;
	text-align: left;
}
@media(max-width: 768px) {
	.listLikeBtn {
		width: 34.67vw;
		height: 36px;
		font-size: 14px;
		padding-left: 12%;
		background-position: 10% center;
	}
}
.jobTagList {
	margin: 15px 0;
}
@media(max-width: 768px) {
	.jobTagList {
		margin: 10px 0;
	}
}
.jobTagList span {
	font-size: 1.2rem;
	color: var(--darkMainColor);
	background-color: var(--mainBackgroundColor);
	padding: .4rem .8rem;
	display: inline-block;
	margin: 0 .8rem .8rem 0;
	border-radius: 10px
}
.searchContent__item__list {
	line-height: 1.5;
}
@media(max-width: 1279px) {
	.searchContent__item__list {
		display: block
	}
}
@media(max-width: 768px) {
	.searchContent__item__list {
		margin-top: -3px;
	}
}
.searchContent__item__list .searchContent__item__list__column {
	font-size: 16px;
	font-weight: 500;
	width: 100%;
}
@media(max-width: 1279px) {
	.searchContent__item__list .searchContent__item__list__column {
		width: 100%
	}
}
.searchContent__item__list .searchContent__item__list__column th {
	color: var(--accentColor);
	width: 100px;
	text-align: left;
}
.searchContent__item__list .searchContent__item__list__column th img {
	vertical-align: unset;
	width: 18px;
	margin: 0 5px 0 0;
}
@media(max-width: 768px) {
	.searchContent__item__list .searchContent__item__list__column {
		font-size: 14px;
	}
	.searchContent__item__list .searchContent__item__list__column th {
		width: 5em;
		padding: 3px 0;
		vertical-align: top;
	}
	.searchContent__item__list .searchContent__item__list__column th img {
		width: 14px;
	}
	.searchContent__item__list .searchContent__item__list__column td {
		padding: 3px 0;
	}
}
.searchContent__item__list .searchContent__item__list__column td {
}
.searchContent__item__recommend {
	border: 1px solid var(--mainColor);
	padding: 30px 10px 15px 10px;
	margin-top: 20px;
	position: relative;
}
.searchContent__item__recommendTitle {
	background-color: var(--mainColor);
	color: #fff;
	font-size: 14px;
	padding: 1px 10px;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}
.searchContent__item__btn {
	display: flex;
	justify-content: space-between;
	margin: 2rem 0 0 0;
}
@media(max-width: 768px) {
	.searchContent__item__btn {
		margin: 4vw auto 0;
	}
}
.searchContent__item__btn .pinkLineBtn {
	width: 20rem;
	padding: .8rem;
	background-color: var(--white);
	box-shadow: 2px 4px 8px rgba(0, 0, 0, .1607843137);
	border: 1px solid var(--accentColor);
	border-radius: 4px;
	color: var(--accentColor);
	font-size: 1.4rem;
	font-weight: 700;
	margin: 0 4rem 0 0
}
@media(max-width: 768px) {
	.searchContent__item__btn .pinkLineBtn {
		width: 16rem;
		margin: 0
	}
}
.searchContent__item__btn .pinkFullBtnLink {
	width: 60%;
}
.searchContent__item__btn .pinkFullBtn {
	width: 100%;
	background-color: var(--accentColor);
	box-shadow: 2px 4px 8px rgba(0, 0, 0, .1607843137);
	border: 1px solid var(--accentColor);
	border-radius: 4px;
	color: var(--white);
	font-size: 1.4rem;
	font-weight: 700;
	height: 51px;
}
@media(max-width: 768px) {
	.searchContent__item__btn .pinkFullBtnLink {
		width: 45.33vw;
	}
	.searchContent__item__btn .pinkFullBtn {
		font-size: 14px;
		height: 36px;
	}
}
.searchContent__item__btn .pinkFullBtn a {
	color: var(--white);
	font-size: 1.4rem;
	font-weight: 700
}
#syokusyu__modal {
	display: none
}
#syokusyu__modal.active {
	display: block
}
#kinmuchi__modal {
	display: none
}
#kinmuchi__modal.active {
	display: block
}
#modalBg {
	position: fixed;
	z-index: 100;
	top: 10rem;
	right: 0;
	background: rgba(0, 0, 0, .5);
	width: 100%;
	height: calc(100vh - 10rem)
}
@media(max-width: 768px) {
	#modalBg {
		top: 4rem;
		height: calc(100vh - 4rem)
	}
}
.modalWindow {
	position: absolute;
	top: 13.6rem;
	left: 50%;
	transform: translateX(-50%);
	z-index: 200;
	max-width: 68.4rem;
	margin: auto;
	padding: 2rem;
	width: 50%;
	background-color: var(--white);
	border-radius: 8px
}
@media(max-width: 768px) {
	.modalWindow {
		top: 8rem;
		width: 70%
	}
}
.modalWindow__headline {
	display: flex;
	justify-content: space-between;
	font-size: 1.8rem;
	color: var(--darkMainColor);
	font-weight: 500
}
.modalWindow__headline h3 {
	padding: 0 0 0 2rem;
	margin: 0
}
.modalWindow__headline h3::before {
	display: none
}
.modalWindowItem {
	margin: 2rem
}
@media(max-width: 768px) {
	.modalWindowItem {
		margin: 2rem 0
	}
}
.modalWindowItem__headline {
	border-bottom: 1px solid #ccc;
	padding: 0 0 .4rem 0;
	margin: 0 0 1rem 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%
}
.modalWindowItem__headline h4 {
	font-size: 1.4rem;
	margin: 0
}
.modalWindowItem__headline img {
	margin: 0 1rem 0 0
}
ul.modalWindowItem__checkboxList li {
	padding: 1.4rem 0 0 0
}
.modalWindowBtn {
	display: flex;
	justify-content: center
}
.modalWindowBtn button {
	font-size: 1.8rem;
	font-weight: 700;
	color: var(--white);
	background-color: var(--mainColor);
	padding: 1.6rem 6rem;
	border-radius: 8px
}
section.jobHeadline {
	padding: 4rem 0 0 0
}
@media(max-width: 768px) {
	section.jobHeadline {
		padding: 2rem 2rem 0
	}
}
.jobHeadline__title {
	display: flex
}
@media(max-width: 768px) {
	.jobHeadline__title h1 {
		font-size: 1.4rem
	}
}
.jobHeadline__jobNo {
	margin: 2rem 0 .8rem;
	font-size: 1.2rem
}
@media(max-width: 768px) {
	.jobHeadline__jobNo {
		margin: .8rem 0
	}
}
.jobDetail__wrap {
	box-shadow: 2px 4px 8px rgba(0, 0, 0, .1607843137);
	border: 1px solid #ccc;
	border-radius: 8px
}
table.jobDetail__list__table {
	max-width: 66rem;
	margin: 2rem auto;
	display: block
}
.jobDetail__list__tableBody {
	font-size: 1.4rem;
	font-weight: 500
}
.jobDetail__list__tableBody tr {
	margin: 0 0 1.4rem 0;
	display: block
}
.jobDetail__list__tableBody tr th {
	width: 8.4rem;
	vertical-align: initial;
	color: var(--accentColor);
	text-align: start
}
.jobDetail__list__tableBody tr th img {
	vertical-align: bottom;
	margin: 0 .4rem 0 0
}
.jobDetail__list__tableBody tr td {
	margin: 0 0 0 1.4rem;
	line-height: 1.5
}
.recommendedPoint {
	border: 8px solid var(--mainBackgroundColor);
	padding: 2rem 4rem;
	max-width: 26.4rem;
	margin: 4rem auto
}
.recommendedPoint h2 {
	color: var(--darkMainColor);
	font-size: 1.6rem;
	font-weight: 700;
	text-align: center;
	margin: 0 0 1.4rem 0
}
.recommendedPoint h2::before {
	display: none
}
.recommendedPoint ul {
	list-style-type: disc
}
.recommendedPoint ul li {
	font-size: 1.4rem
}
.jobDetail__contents {
	max-width: 66rem;
	margin: 4rem auto
}
.jobDetail__headline {
	font-size: 1.8rem;
	color: var(--accentColor);
	border-bottom: .2rem solid var(--accentColor);
	padding: 0 0 1rem 0
}
.jobDetail__table {
	margin: 0 auto 4rem;
	width: 100%
}
.jobDetail__tr {
	border-bottom: .1rem solid var(--tableLine);
	display: flex;
	padding: 2rem 0
}
@media(max-width: 768px) {
	.jobDetail__tr {
		display: block
	}
}
.jobDetail__th {
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.5;
	display: flex;
	align-items: flex-start;
	width: 17rem
}
@media(max-width: 768px) {
	.jobDetail__th {
		margin: 0 0 1rem 0
	}
}
.jobDetail__td {
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.5;
	max-width: 48rem
}
.jobDetail__td__strong {
	font-size: 1.2em;
	font-weight: bold;
	display: block;
}
.jobDetail__btns {
	text-align: center;
	margin: 0 auto;
	padding: .6rem 0 1rem;
	position: fixed;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	background: rgba(104, 195, 197, .8);
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}
.jobDetail__btn {
	font-size: 1.8rem;
	font-weight: 700;
	color: var(--white);
	background-color: var(--accentColor);
	width: 31.8rem;
	height: 5.4rem;
	box-shadow: 2px 4px 8px rgba(0, 0, 0, .1607843137);
	border-radius: 8px;
	box-shadow: 0px 4px #c32935;
	display: flex;
	align-items: center;
	justify-content: center
}
@media(max-width: 768px) {
	.jobDetail__btn {
		width: 100%;
		font-size: 1.6rem
	}
}
@media(max-width: 768px) {
	.jobDetail__btnWrap {
		width: calc((100% - 5rem)/2)
	}
}
.jobDetail__btnWrap:nth-child(n+2) {
	margin: 0 0 0 4rem
}
@media(max-width: 768px) {
	.jobDetail__btnWrap:nth-child(n+2) {
		margin: 0 0 0 1rem
	}
}
.jobDetail__lineBtn {
	font-size: 1.8rem;
	font-weight: 700;
	color: var(--white);
	background-color: var(--LINEcolor);
	width: 31.8rem;
	height: 5.4rem;
	box-shadow: 2px 4px 8px rgba(0, 0, 0, .1607843137);
	border-radius: 8px;
	box-shadow: 0px 4px #0f6921;
	display: flex;
	align-items: center;
	justify-content: center
}
@media(max-width: 768px) {
	.jobDetail__lineBtn {
		width: 100%;
		font-size: 1.6rem
	}
}
.backBtn {
	max-width: 80rem;
	margin: 6rem auto 10rem;
	text-align: center
}
.backBtn button {
	color: var(--accentColor);
	font-size: 1.8rem;
	font-weight: 500
}
section.recommendJob {
	margin: 0 0 4rem 0
}
.recommendJob__wrap {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 2rem;
	max-width: 94.6rem;
	margin: auto
}
@media(max-width: 768px) {
	.recommendJob__wrap {
		display: block
	}
}
.recommendJob__item {
	box-shadow: 2px 4px 8px rgba(0, 0, 0, .1607843137);
	border: 1px solid #ccc;
	border-radius: 8px;
	padding: 2rem 1.4rem
}
@media(max-width: 768px) {
	.recommendJob__item {
		margin: 2rem
	}
}
.recommendJob__item h3 {
	color: var(--textColor);
	font-size: 1.4rem
}
table.recommendJob__item__table {
	max-width: 66rem;
	margin: 1.4rem auto 2rem;
	display: block
}
.recommendJob__item__tableBody {
	font-size: 1.4rem;
	font-weight: 500
}
.recommendJob__item__tableBody tr {
	margin: 0 0 1.4rem 0;
	display: block
}
.recommendJob__item__tableBody tr th {
	width: 8.4rem;
	vertical-align: initial;
	color: var(--accentColor);
	text-align: start
}
.recommendJob__item__tableBody tr th img {
	vertical-align: bottom;
	margin: 0 .4rem 0 0
}
.recommendJob__item__tableBody tr td {
	margin: 0 0 0 1.4rem
}
.recommendJob__item__btn button {
	background-color: var(--accentColor);
	color: var(--white);
	padding: 1rem 0;
	width: 80%;
	display: block;
	margin: auto;
	text-align: center;
	box-shadow: 2px 4px 8px rgba(0, 0, 0, .1607843137);
	border-radius: 4px
}
table.companyDetail__table {
	margin: 4rem auto;
	width: 100%
}
tbody.companyDetail__tbody {
	border-top: 1px solid #ccc;
	display: block
}
tr.companyDetail__tr {
	padding: 1.4rem 2rem;
	display: block;
	border-bottom: 1px solid #ccc
}
@media(max-width: 768px) {
	tr.companyDetail__tr {
		padding: 1.4rem 0
	}
}
th.companyDetail__th {
	width: 12rem;
	vertical-align: initial;
	font-weight: 500;
	text-align: start
}
td.companyDetail__td {
	line-height: 1.7;
	vertical-align: initial
}
td.companyDetail__td a {
	color: var(--linkColor);
	text-decoration: underline
}
section.companyBanner {
	text-align: center;
	margin: 4rem auto 6rem
}
@media(max-width: 768px) {
	.companyBanner__link img {
		width: 100%
	}
}
.officeList__wrap {
	border-top: 1px solid #d5d5d5;
	max-width: 80rem;
	margin: auto
}
@media(max-width: 768px) {
	.officeList__wrap {
		margin: 0 2rem;
		padding: 0
	}
}
.officeList__item {
	border-bottom: 1px solid #d5d5d5;
	padding: 1.4rem 2rem
}
@media(max-width: 768px) {
	.officeList__item {
		padding: 1.4rem 0
	}
}
section.officeList {
	margin: 0 0 10rem 0
}
h3.officeList__headline {
	font-size: 1.8rem;
	margin: 0 0 1.4rem 0
}
p.officeList__address {
	margin: 0 0 1.4rem 0;
	line-height: 1.4;
	display: inline-block
}
a.officeList__map {
	display: inline-block;
	color: var(--white);
	background-color: var(--accentColor);
	width: 6rem;
	border-radius: 19px;
	text-align: center;
	padding: .2rem 0;
	margin: 0 0 1.4rem 0
}
a.officeList__tel {
	font-weight: 400
}
.firstContent {
	display: flex;
	justify-content: space-between;
	margin: 4rem auto 10rem
}
@media(max-width: 768px) {
	.firstContent {
		display: block
	}
}
.firstContent__right {
	width: calc((100% - 4rem)/2)
}
@media(max-width: 768px) {
	.firstContent__right {
		width: 100%;
		margin: 0 0 2rem 0
	}
}
.cmicLogo {
	width: 100%;
	text-align: center
}
.cmicLogo img {
	width: 30%;
	height: auto
}
ul.firstContent__item {
	list-style: disc
}
@media(max-width: 768px) {
	ul.firstContent__item {
		margin: 0 0 0 2rem
	}
}
ul.firstContent__item li {
	margin: 2rem 0
}
.firstContent__left {
	width: calc((100% - 4rem)/2)
}
@media(max-width: 768px) {
	.firstContent__left {
		width: 100%
	}
}
.firstContent__left img {
	width: 100%
}
.firstContent__text a {
	font-size: 1.6rem;
	font-weight: 700;
	color: var(--linkColor);
	margin: 1.4rem 0 0 0;
	display: block;
	text-decoration: underline;
	text-align: end
}
.secondContent {
	padding: 0 0 4rem
}
@media(max-width: 768px) {
	.secondContent {
		padding: 0
	}
}
.secondContent__wrap {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 6rem
}
@media(max-width: 768px) {
	.secondContent__wrap {
		display: block
	}
}
.secondContent__item__img {
	width: 100%
}
.secondContent__item__H3 {
	font-size: 1.6rem;
	margin: .8rem 0;
	text-align: center
}
.secondContent__item__H3::before {
	display: none
}
.secondContent__item__p {
	font-size: 1.6rem;
	line-height: 1.5
}
@media(max-width: 768px) {
	.secondContent__item {
		margin: 0 0 4rem 0
	}
}
@media(max-width: 768px) {
	.secondContent__item img {
		width: 100%
	}
}
.freeContents {
	padding: 5rem 0
}
.PCJcontent {
	display: flex;
	justify-content: space-between;
	margin: 4rem auto
}
@media(max-width: 768px) {
	.PCJcontent {
		display: block
	}
}
.PCJcontent__right {
	width: calc((100% - 4rem)/2)
}
@media(max-width: 768px) {
	.PCJcontent__right {
		width: 100%;
		margin: 0 0 2rem 0
	}
}
.PCJcontent__left {
	width: calc((100% - 4rem)/2)
}
@media(max-width: 768px) {
	.PCJcontent__left {
		width: 100%
	}
}
.PCJcontent__left img {
	width: 100%
}
.threeColumnModal {
	padding: 6rem 0 4rem;
	cursor: pointer
}
@media(max-width: 768px) {
	.threeColumnModal {
		padding: 0 2rem
	}
}
.threeColumnModal__wrap {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 6rem;
	padding: 0
}
@media(max-width: 768px) {
	.threeColumnModal__wrap {
		grid-template-columns: repeat(1, 1fr);
		gap: 4rem
	}
}
.threeColumnModal__item__img {
	width: 100%
}
.threeColumnModal_ttl {
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.7;
	letter-spacing: .05em;
	padding: 1.6rem 1rem;
	background-color: var(--mainBackgroundColor)
}
.threeColumnModal_content {
	margin: 1rem 0 0 0;
	padding: 2rem 2rem 4rem 2rem;
	background: #fff 0% 0% no-repeat padding-box;
	box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.1607843137);
	border: 1px solid #ccc;
	border-radius: 8px;
	display: none
}
.threeColumnModal_content.active {
	display: block;
	position: absolute;
	z-index: 200;
	top: 8rem;
	left: 50%;
	transform: translateX(-50%);
	width: 33rem;
	margin: 0
}
@media(max-width: 768px) {
	.threeColumnModal_content.active {
		width: 80%
	}
}
.threeColumnModal__content__closeBtn {
	text-align: end;
	width: 100%;
	margin: 0 0 1rem 0
}
.threeColumnModal__content__img {
	width: 100%;
	margin: 0 0 2rem
}
.threeColumnModal__content__text {
	margin: 0 1rem .8rem
}
.threeColumnModal__content__btn {
	width: 80%;
	padding: 1.4rem 0;
	margin: 2rem auto 0;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.1607843137);
	color: var(--white);
	background-color: var(--accentColor);
	border: 2px solid var(--accentColor);
	border-radius: 26px
}
.information {
	background-color: var(--mainBackgroundColor);
	border-radius: .8rem;
	padding: 2rem 0;
	margin: 0 auto 4rem;
	width: 100%;
	box-sizing: border-box
}
.information__ttl {
	font-size: 2rem;
	font-weight: 700;
	margin: 0 auto 2rem;
	color: var(--darkMainColor)
}
@media(max-width: 768px) {
	.information__ttl {
		font-size: 1.8rem
	}
}
.information__date {
	font-weight: 500
}
.information__subTtl {
	font-weight: 700;
	font-size: 2rem;
	margin: 0 auto 2rem
}
@media(max-width: 768px) {
	.information__subTtl {
		font-size: 1.4rem
	}
}
.information__text {
	font-size: 1.6rem;
	font-weight: 400;
	margin: 0 auto 2rem;
	line-height: 1.5
}
@media(max-width: 768px) {
	.information__text {
		font-size: 1.4rem
	}
}
.information__btn {
	font-size: 1.4rem;
	font-weight: 700;
	color: var(--white);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28rem;
	height: 4.8rem;
	background-color: var(--accentColor);
	border-radius: 6rem;
	margin: auto
}
.information__btn:hover {
	opacity: .8
}
.threeColumnBtn {
	padding: 0 0 10rem;
	cursor: pointer
}
@media(max-width: 768px) {
	.threeColumnBtn {
		padding: 0 2rem 6rem
	}
}
.threeColumnBtn__img {
	max-width: 100%;
}
.threeColumnBtn__wrap {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 6rem;
	padding: 0
}
@media(max-width: 768px) {
	.threeColumnBtn__wrap {
		grid-template-columns: repeat(1, 1fr);
		gap: 4rem
	}
}
.threeColumnBtn__item {
	background-color: var(--mainBackgroundColor)
}
.threeColumnBtn__itemImgWrap {
	background-color: #FAFAFA;
	padding: 30px;
}
@media(max-width: 560px) {
	.threeColumnBtn__itemImgWrap {
		padding: 5.36vw;
	}
}
.threeColumnBtn__itemImg {
	width: 100%
}
.threeColumnBtn__itemImg2 {
	border-radius: 50%;
}
.threeColumnBtn__ttl {
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.7;
	letter-spacing: .05em;
	padding: 1.6rem 1rem;
	background-color: var(--mainBackgroundColor)
}
.threeColumnBtn__text {
	padding: 1.6rem 1rem;
	font-size: 1.4rem;
}
.seminarCta {
	background-color: var(--mainBackgroundColor);
	border-radius: .8rem;
	padding: 4rem;
	display: flex;
	align-items: center;
	margin: 0 auto 10rem
}
.seminarCta2 {
	background-color: var(--white);
	border: 10px solid var(--mainBackgroundColor);
}
.seminarCta3 {
	margin: 0 auto 10rem
}
.seminarCta3 img {
	max-width: 100%;
}
@media(max-width: 768px) {
	.seminarCta {
		flex-direction: column;
		padding: 2rem;
		margin: 0 2rem 6rem
	}
	.seminarCta3 {
		margin: 0 auto 6rem
	}
}
.seminarCta__column {
	width: calc((100% - 4rem)/2);
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column
}
.seminarCta__column img {
	width: 100%
}
@media(max-width: 768px) {
	.seminarCta__column {
		width: 100%
	}
}
.seminarCta__column:last-child {
	margin: 0 0 0 4rem
}
@media(max-width: 768px) {
	.seminarCta__column:last-child {
		margin: 2rem 0 0
	}
}
.seminarCta__ttl {
	font-size: 2rem;
	font-weight: 700
}
.seminarCta__ttl__img {
	width: 190px !important;
}
@media(max-width: 768px) {
	.seminarCta__ttl {
		font-size: 1.8rem
	}
	.seminarCta__ttl__img {
	
	}
}
.seminarCta__text {
	margin: 2rem auto;
	font-size: 1.6rem;
	font-weight: 400
}
@media(max-width: 768px) {
	.seminarCta__text {
		font-size: 1.4rem
	}
}
.seminarCta__column__btnWrap {
	display: flex;
	justify-content: center;
}
.seminarCta__column__btnWrap2 {
	margin-top: 3em;
}
.seminarCta__btn,
.seminarCta__btn2 {
	width: 28rem;
	height: 5.2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--accentColor);
	border-radius: 50vw;
	font-size: 1.6rem;
	font-weight: 700;
	color: #fff
}
.seminarCta__column__btnWrap .seminarCta__btn,
.seminarCta__column__btnWrap .seminarCta__btn2{
	width: 22rem;
}
@media(max-width: 1000px) {
	.seminarCta__column__btnWrap .seminarCta__btn,
	.seminarCta__column__btnWrap .seminarCta__btn2 {
		width: 21vw;
	}
}
@media(max-width: 768px) {
	.seminarCta__column__btnWrap .seminarCta__btn,
	.seminarCta__column__btnWrap .seminarCta__btn2{
		width: 22rem;
	}
}
@media(max-width: 560px) {
	.seminarCta__column__btnWrap .seminarCta__btn, 
	.seminarCta__column__btnWrap .seminarCta__btn2 {
		width: 40vw;
		font-size: 3.2vw;
	}
	.seminarCta__column__btnWrap2 {
		margin-top: 2em;
	}
}
.seminarCta__btn2 {
	background-color: var(--mainColor);
}
.seminarCta__btn button,
.seminarCta__btn2 button {
	background-color: inherit
}
section.jobTypeInfo {
	margin: 6rem auto 10rem
}
.jobTypeInfo__wrap {
	display: flex;
	justify-content: space-between;
	margin: 4rem auto
}
@media(max-width: 768px) {
	.jobTypeInfo__wrap {
		display: block;
		margin: 0 0 6rem 0
	}
}
.jobTypeInfo__wrap h3 {
	font-size: 2.4rem;
	font-weight: 400
}
@media(max-width: 768px) {
	.jobTypeInfo__wrap h3 {
		font-size: 1.6rem;
		font-weight: 700
	}
}
.jobTypeInfo__wrap .jobTypeInfo__text {
	margin: 2rem 0 1.4rem
}
@media(max-width: 768px) {
	.jobTypeInfo__wrap .jobTypeInfo__text {
		width: 100%
	}
}
.jobTypeInfo__wrap .jobTypeInfo__text a {
	font-size: 1.4rem;
	font-weight: 500;
	color: var(--linkColor);
	margin: 1.4rem 0 0 0;
	display: block;
	text-decoration: underline
}
.jobTypeInfo__wrap img {
	width: 100%
}
.jobTypeInfo__wrap__left {
	width: calc((100% - 4rem)/2)
}
@media(max-width: 768px) {
	.jobTypeInfo__wrap__left {
		width: 100%;
		margin: 0 0 2rem 0
	}
}
.jobTypeInfo__wrap__right {
	width: calc((100% - 4rem)/2)
}
@media(max-width: 768px) {
	.jobTypeInfo__wrap__right {
		width: 100%;
		margin: 0 0 2rem 0
	}
}
.jobTypeInfo__wrap__right img {
	width: 100%
}
.jobTypeInfo__reverseWrap {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse
}
@media(max-width: 768px) {
	.jobTypeInfo__reverseWrap {
		display: block;
		margin: 0 0 6rem 0
	}
}
.jobTypeInfo__reverseWrap h3 {
	font-size: 2.4rem;
	font-weight: 400
}
@media(max-width: 768px) {
	.jobTypeInfo__reverseWrap h3 {
		font-size: 1.6rem;
		font-weight: 700
	}
}
.jobTypeInfo__reverseWrap .jobTypeInfo__text {
	margin: 2rem 0 1.4rem
}
@media(max-width: 768px) {
	.jobTypeInfo__reverseWrap .jobTypeInfo__text {
		width: 100%;
		margin: 0
	}
}
.jobTypeInfo__reverseWrap .jobTypeInfo__text a {
	font-size: 1.4rem;
	font-weight: 500;
	color: var(--linkColor);
	margin: 1.4rem 0 0 0;
	display: block;
	text-decoration: underline
}
.jobTypeInfo__reverseWrap img {
	width: 100%
}
section.otherTypeJob {
	margin: 10rem auto
}
.otherTypeJob__item {
	display: flex;
	justify-content: space-between;
	margin: 0 0 6rem 0
}
@media(max-width: 768px) {
	.otherTypeJob__item {
		display: block
	}
}
.otherTypeJob__item h3 {
	font-size: 2.4rem;
	font-weight: 400;
	margin: 0 0 1.4rem 0
}
@media(max-width: 768px) {
	.otherTypeJob__item h3 {
		font-size: 1.6rem;
		font-weight: 700
	}
}
.otherTypeJob__item p {
	margin: 2rem 0 1.4rem
}
@media(max-width: 768px) {
	.otherTypeJob__item p {
		width: 100%;
		margin: 0
	}
}
.otherTypeJob__item img {
	width: 100%
}
.otherTypeJob__item__left {
	width: 56%
}
@media(max-width: 768px) {
	.otherTypeJob__item__left {
		width: 100%;
		margin: 0 0 2rem 0
	}
}
.otherTypeJob__item__right {
	width: 37.5%
}
@media(max-width: 768px) {
	.otherTypeJob__item__right {
		width: 100%
	}
}
.faqSection {
	margin: 0 auto 10rem
}
.faqSection__wrap {
	margin: 0 0 6rem 0
}
.faqSection__item {
	margin: 0 0 2rem 0;
	display: flex;
	align-items: center
}
.faqSection__item p {
	margin: 0 1.4rem 0 0
}
.faqSection__item p span {
	color: var(--white);
	font-size: 2.4rem;
	font-weight: 700;
	width: 4rem;
	height: 4rem;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center
}
.faqSection__item p .faqSection__item__q {
	background-color: #688fc5
}
.faqSection__item p .faqSection__item__a {
	background-color: #c56868
}
.guideInfoItem {
	background-color: var(--mainBackgroundColor);
	padding: 2rem;
	box-sizing: border-box;
	border-radius: 4px;
	display: block
}
.guideInfoItem__ttl {
	width: 100%;
	padding: .8rem 0;
	font-size: 1.6rem;
	text-align: center;
	color: var(--darkMainColor);
	margin: 0 0 .8rem 0;
	height: 10%
}
.favoriteListContents {
	width: 70rem;
	margin: auto
}
@media(max-width: 768px) {
	.favoriteListContents {
		width: 100%;
		margin: 2rem 0 0 0
	}
}
button.unlikeBtn {
	background-color: var(--white);
	width: 2.4rem;
	height: 2.4rem;
	background-image: url(../images/heart-full.svg);
	background-repeat: no-repeat;
	background-position: center
}
section.rn_jobType {
	margin: 6rem auto 10rem
}
@media(max-width: 768px) {
	section.rn_jobType {
		margin: 0 auto
	}
}
.rn_jobType__imgWrap {
	text-align: center;
	margin: 0 auto 6rem;
}
.rn_jobType__img {
	max-width: 100%;
	width: 920px;
}
.rn_jobType__wrap {
	display: flex;
	justify-content: space-between;
	margin: 6rem auto
}
.rn_jobType__wrap:nth-of-type(even) {
	flex-direction: row-reverse
}
@media(max-width: 768px) {
	.rn_jobType__wrap {
		display: block;
		margin: 0 0 6rem 0
	}
}
.rn_jobType__wrap__column {
	width: calc((100% - 4rem)/2)
}
@media(max-width: 768px) {
	.rn_jobType__wrap__column {
		width: 100%
	}
}
.rn_jobType__wrap__column h3 {
	color: var(--darkMainColor);
	font-size: 2.4rem;
	font-weight: 700;
	padding: 0 3rem 0 3rem
}
@media(max-width: 768px) {
	.rn_jobType__wrap__column h3 {
		padding: 2rem 0 0 0;
		font-size: 1.8rem
	}
}
.rn_jobType__wrap__column .rn_jobType__text {
	margin: 1.6rem 3rem 0;
	width: 44.8rem
}
@media(max-width: 768px) {
	.rn_jobType__wrap__column .rn_jobType__text {
		margin: 2rem 0 0 0;
		width: 100%
	}
}
.rn_jobType__wrap__column .rn_jobType__text a {
	font-size: 1.4rem;
	font-weight: 500;
	color: var(--linkColor);
	margin: 1.4rem 0 0 0;
	display: block;
	text-decoration: underline
}
.rn_jobType__wrap__column img {
	width: 100%
}
section.nurseJobFeature {
	padding: 6rem 0
}
section.nurseJobFeature h2 {
	margin: 0 0 4rem 0
}
@media(max-width: 768px) {
	section.nurseJobFeature h2 {
		margin: 0 0 2rem 0
	}
}
.nurseJobFeatureList {
	max-width: 108rem;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-row-gap: 4rem;
	grid-column-gap: 3rem;
	margin: auto
}
@media(max-width: 1280px) {
	.nurseJobFeatureList {
		padding: 0 2rem
	}
}
@media(max-width: 479px) {
	.nurseJobFeatureList {
		grid-template-columns: repeat(1, 1fr);
		padding: 0 2rem;
		box-sizing: border-box
	}
}
.nurseJobFeatureListItemImg img {
	width: 100%
}
.nurseJobFeatureListItem_ttl {
	font-size: 1.6rem;
	font-weight: 700;
	margin: 1.4rem 0 0 0;
	text-align: center
}
.nurseJobFeatureListItem_ttl::before {
	display: none
}
.rnEventBanner {
	text-align: center;
	margin: 4rem auto;
	padding: 0 5.6rem;
	box-sizing: border-box;
	cursor: pointer
}
@media(max-width: 768px) {
	.rnEventBanner {
		margin: 0;
		padding: 0 2rem
	}
	.rnEventBanner2 {
		margin: 2rem auto;
	}
}
.rnEventBanner:hover {
	opacity: .7
}
a.rnEventBanner__link img {
	width: 100%
}
.rnSeminarMv {
	background-image: url(../images/public_nurse_supportmv_SP.webp);
	width: 100%;
	height: 44.8vw;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin: auto;
	box-sizing: border-box
}
@media(min-width: 769px) {
	.rnSeminarMv {
		background-image: url(../images/public_nurse_supportmv.webp);
		max-width: 108rem;
		height: 45rem
	}
}
.rnSeminarMv__inner {
	width: 62vw;
	padding: 11vw 0 0 2.7vw;
	text-align: center;
	margin: 0
}
@media(min-width: 769px) {
	.rnSeminarMv__inner {
		width: 53.2rem;
		padding: 13.6rem 0 0 6rem
	}
}
.rnSeminarMv__copy {
	color: var(--darkMainColor);
	font-size: 4.3vw;
	font-weight: 700;
	margin: 0 0 1rem 0
}
@media(min-width: 769px) {
	.rnSeminarMv__copy {
		margin: 0 0 2rem 0;
		font-size: 3.8rem
	}
}
.rnSeminarMv__subCopy {
	font-size: .3vw;
	font-weight: 400
}
@media(min-width: 769px) {
	.rnSeminarMv__subCopy {
		font-weight: 700;
		font-size: 1.8rem
	}
}
.rnSeminarList__inner {
	margin: 4rem auto;
	font-size: 1.8rem;
	max-width: 70rem
}
@media(max-width: 768px) {
	.rnSeminarList__inner {
		font-size: 1.6rem;
		margin: 2rem 2rem 4rem 2rem
	}
}
.rnSeminarList__item {
	margin-bottom: .8rem;
	display: flex;
	align-items: flex-start
}
.rnSeminarList__ico {
	margin: .5rem .4rem 0 0
}
.rnSeminarListBtnArea {
	display: flex;
	gap: 6rem;
	justify-content: center;
	align-items: center
}
@media(max-width: 768px) {
	.rnSeminarListBtnArea {
		gap: 4rem;
		flex-direction: column
	}
}
.rnSeminarListBtn__item {
	width: 28rem;
	height: 5.2rem;
	background-color: var(--accentColor);
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--white);
	border-radius: 35px
}
section.rnSeminarType {
	margin: 10rem auto 10rem
}
.rnSeminarType__container {
	margin: 0 0 10rem 0
}
.rnSeminarType__wrap {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	gap: 6rem
}
@media(max-width: 768px) {
	.rnSeminarType__wrap {
		flex-direction: column-reverse;
		gap: 2rem
	}
}
.rnSeminarType__ttl {
	max-width: 54rem;
	font-size: 2.4rem;
	font-weight: 400;
	margin: 0 0 2rem 0
}
@media(max-width: 768px) {
	.rnSeminarType__ttl {
		font-size: 1.6rem
	}
}
.rnSeminarType__text {
	max-width: 54rem;
	margin: 0 0 1.4rem
}
@media(max-width: 768px) {
	.rnSeminarType__text p {
		font-size: 1.4rem
	}
}
.rnSeminarType__img {
	max-width: 48rem;
	width: 100%
}
.rnSeminarTypeTarget {
	max-width: 80rem;
	margin: 0 auto;
	padding: 0
}
.rnSeminarTypeTarget.mt-2 {
	margin: 2rem auto 0
}
.rnSeminarTypeTarget__ttl {
	font-size: 1.8rem;
	font-weight: 700
}
@media(max-width: 768px) {
	.rnSeminarTypeTarget__ttl {
		font-size: 1.4rem
	}
}
.rnSeminarTypeTarget__text {
	font-size: 1.6rem
}
@media(max-width: 768px) {
	.rnSeminarTypeTarget__text {
		font-size: 1.4rem
	}
}
.rnSeminarTypeBtn {
	margin: 2rem 0 0 0
}
.rnSeminarTypeBtn__item {
	width: 28rem;
	height: 5.2rem;
	background-color: var(--accentColor);
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--white);
	border-radius: 35px;
	margin: auto
}
section#rnSeminarHistory {
	margin: -10rem auto 10rem;
	padding: 10rem 0 0 0
}
@media(max-width: 768px) {
	.rnSeminarHistory__text {
		margin: 0 2rem
	}
}
.rnSeminarHistory__link {
	display: block;
	text-decoration: underline;
	color: var(--linkColor);
	margin: 0 0 2rem 0;
	line-height: 1.7;
	font-weight: 500;
	font-size: 1.6rem
}
.employmentStatus_container {
	max-width: 80rem;
	margin: 4rem auto 10rem
}
@media(max-width: 768px) {
	.employmentStatus_container {
		padding: 0 2rem
	}
}
.employmentStatus2grid {
	display: flex
}
@media(max-width: 768px) {
	.employmentStatus2grid {
		flex-direction: column;
		justify-content: center;
		gap: 2rem
	}
}
.employmentStatus2grid__img {
	width: 32rem;
	margin: 0 0 0 4rem
}
@media(max-width: 768px) {
	.employmentStatus2grid__img {
		margin: 0
	}
}
.employmentStatus__h3 {
	font-size: 1.8rem;
	text-align: center;
	margin: 0 0 2rem;
	color: var(--textColor)
}
@media(max-width: 768px) {
	.employmentStatus__h3 {
		font-size: 1.6rem
	}
}
.employmentStatusBtnArea {
	display: flex;
	justify-content: center;
	margin: 2rem 0 0
}
@media(max-width: 768px) {
	.employmentStatusBtnArea {
		flex-direction: column;
		justify-content: center;
		align-items: center
	}
}
.employmentStatusBtn__item {
	font-size: 1.4rem;
	font-weight: 700;
	color: var(--white);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28rem;
	height: 4.8rem;
	background-color: var(--accentColor);
	border-radius: 6rem
}
.employmentStatusBtn__item:first-child {
	margin: 0 6rem 0 0
}
@media(max-width: 768px) {
	.employmentStatusBtn__item:first-child {
		margin: 0 0 2rem
	}
}
.employmentStatusBtn__item.m-0 {
	margin: 0 auto
}
.nurseSeminar {
	padding: 4rem 0 10rem
}
@media(max-width: 768px) {
	.nurseSeminar {
		padding: 4rem 2rem 10rem
	}
}
.nurseSeminarCard {
	background-color: var(--white);
	box-shadow: 2px 4px 8px rgba(0, 0, 0, .1607843137);
	padding: 2rem;
	margin: 0 auto 4rem
}
.nurseSeminarCard__ttl {
	color: var(--darkMainColor);
	font-size: 2rem;
	font-weight: 700;
	margin: 0 0 2rem 0
}
@media(max-width: 768px) {
	.nurseSeminarCard__ttl {
		font-size: 1.8rem
	}
}
.nurseSeminarGrid {
	display: flex;
	justify-content: space-between
}
@media(max-width: 768px) {
	.nurseSeminarGrid {
		flex-direction: column
	}
}
.nurseSeminarGrid__left {
	width: 30rem;
	display: flex;
	flex-direction: column;
	justify-content: space-around
}
@media(max-width: 768px) {
	.nurseSeminarGrid__left {
		width: 100%;
		display: block
	}
}
.nurseSeminarGrid__right {
	width: calc(100% - 2rem - 30rem)
}
@media(max-width: 768px) {
	.nurseSeminarGrid__right {
		width: 100%
	}
}
.nurseSeminarGrid__img {
	width: 100%;
	margin: 0 0 2rem 0
}
.nurseSeminarGrid__btn {
	width: 100%;
	background-color: var(--accentColor);
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--white);
	border-radius: 50vw;
	font-size: 1.6rem;
	font-weight: 700;
	padding: 1.4rem 0
}
.nurseSeminarGrid__btn:hover {
	opacity: .7
}
@media(max-width: 768px) {
	.nurseSeminarGrid__btn {
		display: none
	}
}
.nurseSeminarGrid__spBtn {
	display: none
}
@media(max-width: 768px) {
	.nurseSeminarGrid__spBtn {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		background-color: var(--accentColor);
		color: var(--white);
		border-radius: 50vw;
		font-size: 1.6rem;
		font-weight: 700;
		padding: 1.4rem 0;
		margin: 2rem 0 0 0
	}
}
.nurseSeminarGrid__videoTime {
	display: inline-block;
	font-size: 1rem;
	font-weight: 500;
	color: var(--darkMainColor);
	background-color: var(--mainBackgroundColor);
	padding: .4rem .8rem;
	border-radius: 10px;
	margin: 0 0 1.6rem 0
}
.nurseSeminarGrid__text {
	margin: 0 0 3rem 0;
	font-size: 1.6rem;
	font-weight: 500
}
@media(max-width: 768px) {
	.nurseSeminarGrid__text {
		font-size: 1.4rem;
		font-weight: 400;
		line-height: 1.5
	}
}
.nurseSeminarGrid__point {
	font-size: 1.4rem;
	font-weight: 500;
	display: flex;
	align-items: center;
	margin: 0 0 1rem 0
}
.nurseSeminarGrid__pointIcon {
	margin: 0 1rem 0 0
}
.flowBox {
	border: 4px solid var(--mainBackgroundColor);
	padding: 2rem
}
.flowBoxGrid {
	display: flex;
	align-items: center;
	justify-content: space-between
}
@media(max-width: 768px) {
	.flowBoxGrid {
		flex-direction: column
	}
}
.flowBoxGrid__text {
	max-width: 40rem;
	margin: 0 4rem 0 0
}
@media(max-width: 768px) {
	.flowBoxGrid__text {
		margin: 0 0 2rem
	}
}
.flowBoxGrid__text p {
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.5
}
.flowBoxGrid__link {
	text-align: end
}
.flowBoxGrid__link:hover {
	opacity: .8
}
.flowBoxGrid__imgOrBtn {
	max-width: 32rem;
	display: flex;
	flex-direction: column;
	align-items: center
}
.flowBoxGrid__img {
	width: 100%
}
.flowArrowWrap {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 1rem auto
}
.flowPage__h3 {
	font-size: 1.8rem;
	text-align: center;
	margin: 0 0 2rem;
	color: var(--textColor)
}
.flowPage__text {
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.5
}
.flowStickyWrap {
	text-align: center;
	margin: 0 auto;
	padding: .6rem 0 1rem;
	position: fixed;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	background: rgba(104, 195, 197, .8);
	width: 100%
}
.flowStickyWrap__btn {
	font-size: 1.8rem;
	font-weight: 700;
	color: var(--white);
	background-color: var(--accentColor);
	padding: 2rem 10rem;
	display: inline-block;
	box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.1607843137);
	border-radius: 50vw;
	box-shadow: 0px 4px #c32935
}
.flowStickyWrap__btn:hover {
	opacity: .8
}
@media(max-width: 768px) {
	.flowStickyWrap__btn {
		padding: 1.4rem 0;
		width: 80%;
		font-size: 1.6rem
	}
}
.lineMv {
	max-width: 108rem;
	margin: auto;
	background-image: url(../images/LINE_mv_bg_PC.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 36.1rem;
	width: 100%;
	position: relative
}
@media(max-width: 768px) {
	.lineMv {
		background-size: contain;
		background-image: url(../images/LINE_mv_bg_SP.svg);
		width: 100%;
		padding: 0;
		height: 38.7rem
	}
}
.lineMv__btn {
	width: 33.2rem;
	margin: auto;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0
}
@media(max-width: 768px) {
	.lineMv__btn {
		bottom: 4%;
		left: 50%;
		transform: translateX(-50%)
	}
}
.lineMvBg {
	max-width: 108rem;
	margin: auto
}
@media(max-width: 768px) {
	.lineMvBg {
		width: 100%;
		padding: 0
	}
}
.lineMv__img {
	width: 100%
}
@media(max-width: 768px) {
	.lineInfo {
		max-width: 35rem;
		margin: auto
	}
}
.lineInfoTtl {
	margin: 1rem auto 2rem;
	background-image: url(../images/confetti_bg_PC.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 100%;
	text-align: center;
	max-width: 115.4rem
}
@media(max-width: 768px) {
	.lineInfoTtl {
		background-image: url(../images/confetti_bg_SP.svg);
		margin: -2rem 0 0 2rem;
		margin: 0 auto;
		text-align: center;
		box-sizing: border-box
	}
}
.lineInfoTtl__img {
	width: 44rem;
	margin: auto;
	padding: 3rem 0
}
@media(max-width: 768px) {
	.lineInfoTtl__img {
		width: 29.6rem;
		padding: 4.3rem 0 3rem
	}
}
.lineInfoContents {
	max-width: 108rem;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	margin: auto;
	gap: 3rem
}
@media(max-width: 768px) {
	.lineInfoContents {
		grid-template-columns: repeat(1, 1fr);
		gap: 2rem;
		padding: 0 2rem
	}
}
.lineInfoContents__img {
	width: 100%;
	box-shadow: 0 0 30px rgba(59, 58, 58, .1);
	border-radius: 12px;
	background-color: #fff
}
.lineSteps {
	max-width: 108rem;
	margin: auto
}
@media(max-width: 768px) {
	.lineSteps {
		padding: 0 2rem
	}
}
.lineStepTtl {
	margin: 10rem auto 3.3rem;
	text-align: center
}
@media(max-width: 768px) {
	.lineStepTtl {
		margin: 4rem auto 2.7rem
	}
}
.lineStepTtl__img {
	width: 56.3rem
}
@media(max-width: 768px) {
	.lineStepTtl__img {
		width: 100%
	}
}
.lineStepItem {
	background-color: #fffde7;
	border-radius: 22px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 5.8rem 0 0;
	position: relative;
	margin: 0 auto 3.5rem
}
@media(max-width: 768px) {
	.lineStepItem {
		display: block;
		padding: 0 2rem 1.6rem;
		text-align: center
	}
}
.lineStep3Item {
	background-color: #fffde7;
	border-radius: 22px;
	position: relative;
	margin: 0 auto 9.5rem
}
@media(max-width: 768px) {
	.lineStep3Item {
		padding: 0 2rem 2rem;
		text-align: center
	}
}
.lineStepFlag {
	position: absolute;
	top: -0.5rem;
	left: 4.7rem
}
@media(max-width: 768px) {
	.lineStepFlag {
		left: 2rem;
		width: 5.8rem
	}
}
.lineStepDownArrow {
	position: absolute;
	bottom: -2rem;
	left: 12.6rem
}
@media(max-width: 768px) {
	.lineStepDownArrow {
		left: 5rem
	}
}
.lineStepItemText {
	display: flex;
	align-items: center;
	padding: 2.8rem 0 2.8rem 13.5rem
}
@media(max-width: 768px) {
	.lineStepItemText {
		padding: 1.8rem 0 0 6.5rem;
		text-align: initial
	}
}
.lineStepItem__icon {
	width: 9.7rem
}
@media(max-width: 768px) {
	.lineStepItem__icon {
		width: 6rem
	}
}
.lineStepItem__ttl {
	font-weight: 700;
	font-size: 2rem;
	line-height: 1.5;
	margin: 0 0 0 1.6rem
}
@media(max-width: 768px) {
	.lineStepItem__ttl {
		font-size: 1.6rem
	}
}
.lineStep1Arrow {
	width: 3.6rem
}
@media(max-width: 768px) {
	.lineStep1Arrow {
		width: 2.6rem;
		margin: 2rem auto
	}
}
.lineStep1Btn {
	width: 33.2rem
}
@media(max-width: 768px) {
	.lineStep1Btn {
		width: 100%
	}
}
.lineStep1Btn:hover {
	opacity: .7
}
@media(max-width: 768px) {
	.lineStep1Btn__img {
		width: 100%
	}
}
.lineStep2CheckTexts {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	row-gap: 1.6rem;
	column-gap: 3rem
}
@media(max-width: 768px) {
	.lineStep2CheckTexts {
		grid-template-columns: repeat(2, 1fr);
		gap: 1rem;
		margin: 2rem auto 0
	}
}
.lineStep2CheckTextItem {
	display: flex;
	justify-content: flex-start;
	align-items: center
}
.lineStep2CheckTextItem__text {
	margin: 0 0 0 .6rem
}
.lineStep3FlowGrid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	justify-content: space-between;
	gap: 9.5rem;
	padding: 0 4.8rem 8.2rem
}
@media(max-width: 768px) {
	.lineStep3FlowGrid {
		grid-template-columns: repeat(1, 1fr);
		gap: 6rem;
		margin: 4rem 2rem
	}
}
.lineStep3FlowGrid__item {
	display: flex;
	flex-direction: column;
	justify-content: space-between
}
.lineStep3FlowGrid__ttl {
	text-align: center;
	background-color: var(--mainColor);
	padding: .4rem 0;
	color: #fff;
	font-size: 1.8rem;
	font-weight: 700
}
.lineStep3FlowGrid__text {
	font-size: 1.4rem;
	font-weight: 500;
	margin: 2rem auto;
	text-align: start
}
.lineStep3FlowGrid__img {
	width: 100%
}
.lineCta {
	max-width: 108rem;
	margin: 0 auto 8rem
}
.lineCta:hover {
	opacity: .7
}
.articleList {
	width: 76rem
}
@media(max-width: 768px) {
	.articleList {
		width: 100%;
		margin: 2rem 0 0 0
	}
}
.articleList__wrap {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 2rem;
	row-gap: 4rem
}
@media(max-width: 768px) {
	.articleList__wrap {
		grid-template-columns: repeat(2, 1fr)
	}
}
.articleList__item img {
	width: 100%;
	height: 16rem;
	object-fit: cover;
	margin: 0 0 1rem
}
.articleList__item h3 {
	font-weight: 500;
	font-size: 1.6rem
}
.articleListItem__img {
	width: 100%;
	height: 16rem;
	object-fit: cover
}
@media(max-width: 768px) {
	.articleListItem__img {
		height: 8rem
	}
}
.articleListItem__ttl {
	font-size: 1.6rem;
	font-weight: 500;
	display: flex;
	flex-direction: column
}
.articleListItem__ttl::before {
	display: none
}
@media(max-width: 768px) {
	.articleListItem__ttl {
		font-size: 1.4rem
	}
}
aside.blogAside {
	width: 30rem;
	margin: 0 0 0 4rem
}
@media(max-width: 768px) {
	aside.blogAside {
		margin: 0;
		width: 100%
	}
}
.categoryList {
	margin: 0 0 4rem 0
}
.categoryList a {
	display: block;
	text-align: center
}
.categoryList__wmiImg {
	width: 100%;
	padding: 0 0 1rem 0
}
@media(max-width: 768px) {
	.categoryList__wmiImg {
		width: 65%
	}
}
.categoryList__borderWrap {
	border-top: 1px solid #ccc
}
.categoryList__borderWrap a {
	padding: 2rem 0;
	border-bottom: 1px solid #ccc;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 500
}
.popularPost {
	margin: 0 0 4rem 0
}
.popularPost h3 {
	font-size: 1.6rem;
	padding: 1.6rem 0;
	text-align: center;
	color: var(--darkMainColor);
	background-color: var(--mainBackgroundColor)
}
.popularPost h3::before {
	display: none
}
.popularPost__item {
	display: flex;
	align-items: center;
	margin: 2rem 0
}
.popularPost__item h4 {
	font-size: 1.4rem;
	font-weight: 400;
	margin: 0
}
.popularPost__item__img {
	margin: 0 .8rem 0 0;
	position: relative
}
.popularPost__item__img p {
	background-color: var(--mainBackgroundColor);
	color: var(--darkMainColor);
	font-size: 1.2rem;
	border-radius: 50%;
	width: 2rem;
	height: 2rem;
	position: absolute;
	top: -15%;
	z-index: 100;
	display: flex;
	align-items: center;
	justify-content: center
}
.popularPost__item__img img {
	width: 6rem;
	height: 6rem;
	object-fit: cover
}
.featureKeyword h3 {
	font-size: 1.6rem;
	padding: 1.6rem 0;
	text-align: center;
	color: var(--darkMainColor);
	background-color: var(--mainBackgroundColor)
}
.featureKeyword h3::before {
	display: none
}
.topSearchKeywords {
	max-width: 608px;
	width: 100%;
	margin: 1rem auto
}
.topSearchKeywords__item {
	font-size: 1.4rem;
	font-weight: 500;
	color: var(--darkMainColor);
	display: inline-block;
	padding: 1rem;
	text-decoration: underline
}
.topSearchKeywords__item:last-child {
	padding: 1rem 0 1rem 1rem
}

.topMainVisualSlider {
	padding: 30px 0;
	background-color: #E1F2F3;
}
.topMainVisualSlider .slider {
	position: relative;
	overflow: hidden;
}
.topMainVisualSlider .slides {
	display: flex;
	position: absolute;
}
.topMainVisualSlider .slide {
	transition: transform 0.5s ease;
}
.topMainVisualSlider .slide img {
	width: 100%;
	height: auto;
}
.topMainVisualSlider .prev, 
.topMainVisualSlider .next {
	position: absolute;
	top: 50%;
	cursor: pointer;
	z-index: 1;
}
.topMainVisualSlider .prev {
	left: calc(50% - 610px);
	top: calc(50% - 26px);
}
.topMainVisualSlider .next {
	right: calc(50% - 610px);
	top: calc(50% - 26px);
}
.topMainVisualSlider .prev img,
.topMainVisualSlider .next img { 
	width: 52px;
}
@media(max-width: 1100px) {
	.topMainVisualSlider .slider {
		height: 36.5vw;
	}
	.topMainVisualSlider .slide {
		width: calc(100% - 60px);
	}
	.topMainVisualSlider .prev {
		left: 10px;
	}
	.topMainVisualSlider .next {
		right: 10px;
	}
}
@media(max-width: 649px) {
	.topMainVisualSlider .prev img, 
	.topMainVisualSlider .next img {
		width: 10vw;
	}
}

.nerseJobElerning {
	line-height: 1.6;
}
.mainVisual2 {
	background-position: center;
	text-align: center;
}
.inner1 {
	width: 1280px;
	margin: 0 auto;
}
.inner2 {
	width: 1080px;
	margin: 0 auto;
}
.elerningMvImg {
	max-width: 100%;
}
.section{
}
.elerningFeature{
}
.elerningFeatureList {
	display: flex;
	justify-content: space-between;
	margin: 0;
	padding: 0;
}
.elerningFeatureItem {
	max-width: 340px;
	list-style: none;
	padding: 20px;
	box-shadow: 0px 3px 6px rgb(0,0,0,0.2);
	border-radius: 5px;
	box-sizing: border-box;
	width: 31%;
}
.elerningFeatureItemPointWrap {
	text-align: center;
}
.elerningFeatureItemPoint{
	background-color: #00A8AB;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	display: inline-block;
	padding: 5px 45px;
}
.elerningFeatureItemImgWrap{
	margin-top: 15px;
}
.elerningFeatureItemImg {
	max-width: 100%;
}
.elerningFeatureItemTitle{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-top: 20px;
}
.elerningFeatureItemText{
	margin-top: 20px;
}
.elerningContent {
}
.frame {
	box-shadow: 0px 3px 6px rgb(0,0,0,0.2);
	border-radius: 5px;
	box-sizing: border-box;
}
.elerningContent .frame {
	padding: 60px 50px;
}
.title1{
	font-size: 40px;
	color: var(--darkMainColor);
	font-weight: bold;
}
.title2 {
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 20px;
	border-bottom: 4px solid #00A8AB;
}
.title3 {
	font-size: 28px;
	font-weight: bold;
	padding: 2px 0 2px 15px;
	position: relative;
}
.title3::before {
	content: "";
	width: 4px;
	height: 100%;
	background-color: var(--darkMainColor);
	border-radius: 4px;
	display: inline-block;
	position: absolute;
	left: 0;
}
.title4 {
	color: #fff;
	background-color: #68C3C5;
	padding: 5px 20px;
	font-size: 24px;
	font-weight: bold;
}
.elerningContentList {
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
}
.elerningContentItem{
	border: 2px solid #C6C6C6;
	border-radius: 5px;
	width: 470px;
	padding: 25px 20px;
	box-sizing: border-box;
}
.elerningContentTitle {
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}
.elerningContentText1 {
	margin-top: 30px;
}
.bold {
	font-weight: bold;
}
.elerningContentButtonWrap {
	margin-top: 30px;
}
.elerningButton {
	height: 50px;
	width: 100%;
	background-color: #68C3C5;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	border-bottom: 5px solid #0F6668;
}
.table1 {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #C6C6C6;
}
.th1 {
	padding: 20px;
	border: 1px solid #C6C6C6;
	font-weight: normal;
	background-color: #E6FFFF;
	width: 180px;
	text-align: left;
	vertical-align: top;
}
.td1{
	padding: 20px;
	border: 1px solid #C6C6C6;
}
.indent1 {
	padding-left: 1em;
	text-indent: -1em;
}
.indent2{
	padding-left: 2em;
	text-indent: -2em;
}
.table1 + .note,
.tableScroll + .note {
	font-size: 14px;
}
.elerningContentSection{
}
.elerningContentSectionList {
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
}
.elerningContentSectionItem {
	width: 33%;
	display: flex;
	box-sizing: border-box;
}
.elerningContentSectionItemImg {
	width: 150px;
}
.elerningContentSectionItemTextWrap {
	padding: 5px 10px;
}
.elerningContentSectionItemTitle{
	font-size: 14px;
	font-weight: bold;
	color: #61A038;
}
.elerningContentSectionItemText {
	margin-top: 5px;
	border: 1px solid #707070;
	border-radius: 3px;
	padding: 5px;
	font-size: 10px;
	font-weight: bold;
	background-image: url(../images/icon_tag.svg);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 15px;
	width: 100%;
	box-sizing: border-box;
}
.elerningContentSectionItemIcon {
	color: #333333;
	font-weight: normal;
	background-color: #EAE7E6;
	border: 1px solid #707070;
	border-radius: 3px;
	margin-left: 5px;
	padding: 0 2px;
}
.underline {
	text-decoration: underline;
}
.table2 {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #C6C6C6;
	font-size: 14px;
	line-height: 1.6;
}
.th2 {
	padding: 5px;
	border: 1px solid #C6C6C6;
	background-color: #00A8AB;
	color: #fff;
	font-weight: normal;
}
.td2{
	padding: 5px;
	border: 1px solid #C6C6C6;
	vertical-align: top;
}
.td2.td2-1 {
	background-color: #E6FFFF;
	width: 84px;
	height: 64px;
	vertical-align: middle;
	text-align: center;
}
.nurseJobElearningButtonWrap {
	padding: 15px 0;
	background-color: rgb(255,255,255,0.4);
	position: sticky;
	bottom: 0;
	display: flex;
	justify-content: center;
	margin: 40px 0 80px;
}
.nurseJobElearningButton {
	background-color: #EB4B57;
	border-radius: 27px;
	font-size: 20px;
	font-weight: bold;
	border-bottom: 5px solid #881720;
	width: 430px;
	height: 53px;
	color: #fff;
}

.sp {
	display: none;
}
.tb {
	display: none;
}
@media(max-width: 1100px) {
	.tb {
		display: block;
	}
	.inner1, .inner2 {
		width: 100%;
		padding: 0 20px;
		box-sizing: border-box;
	}
	.elerningContentList {
		display: block;
	}
	.elerningContentItem {
		width: 100%;
	}
	.elerningContentItem:nth-child(n + 2) {
		margin-top: 20px;
	}
	.elerningContentButtonWrap {
		text-align: center;
	}
	.elerningButton {
		width: 400px;
	}
	.elerningContentSectionItem {
		display: block;
		width: 31%;
	}
	.elerningContentSectionItemImg {
		width: 100%;
	}
	.elerningContentSectionItemText {
		display: inline-block;
		width: auto;
	}
}
@media(max-width: 768px) {
	.pc {
		display: none;
	}
	.elerningMvImg {
		width: 100%;
	}
	.elerningContent .frame {
		padding: 40px 20px;
	}
	.elerningFeatureItemPoint {
		padding: 5px 0;
		width: 100%;
	}
	.elerningContentSectionItemText {
		display: inline-block;
		width: auto;
		background-position: 5px 10px;
	}
	.elerningContentSectionItemIcon {
		margin: 5px 0 0 0;
		display: table;
		padding: 0px 5px;
	}
	.th1 {
		width: 5em;
	}
	.td2.td2-1 {
		width: 3em;
  		height: auto;
	}
}
@media(max-width: 560px) {
	.sp {
		display: block;
	}
	.inner1, .inner2 {
		width: 100%;
		padding: 0 3.57vw;
	}
	.mainVisual2 .inner1 {
		padding: 0;
	}
	.nerseJobElerning p {
		font-size: 3.73vw;
	}
	.elerningFeatureList {
		flex-direction: column;
		gap: 8vw 0;
	}
	.elerningFeatureItem {
		max-width: 100%;
		padding: 5.33vw;
		box-shadow: 0vw 0.8vw 1.6vw rgb(0,0,0,0.2);
		border-radius: 1.33vw;
		width: 100%;
	}
	.elerningFeatureItemPoint {
		padding: 1.33vw 0;
		width: 42.67vw;
		font-size: 4.53vw;
	}
	.elerningFeatureItemImgWrap {
		margin-top: 5.33vw;
	}
	.elerningFeatureItemTitle {
		font-size: 4.8vw;
		margin-top: 5.33vw;
	}
	.elerningFeatureItemText {
		margin-top: 5.33vw;
	}
	.title1 {
		font-size: 6.4vw;
		position: relative;
		/* padding-bottom: 2.67vw; */
	}
	/* .title1::before {
		content: "";
		width: 9.33vw;
		height: 0.8vw;
		background-color: var(--darkMainColor);
		position: absolute;
		bottom: 0;
		left: 0;
	} */
	.title2 {
		font-size: 4.8vw;
		padding-bottom: 5.33vw;
		border-bottom: 1.07vw solid #00A8AB;
	}
	.title3 {
		font-size: 5.33vw;
		padding: 0.53vw 0 0.53vw 4vw;
	}
	.title3::before {
		width: 1.07vw;
		border-radius: 1.07vw;
	}
	.title4 {
		padding: 2.67vw 2.67vw;
		font-size: 4.8vw;
	}
	.elerningContentItem {
		border: 0.53vw solid #C6C6C6;
		border-radius: 1.33vw;
		width: 100%;
		padding: 10;
	}
	.elerningContentTitle {
		font-size: 4.53vw;
	}
	.elerningContentText1 {
		margin-top: 4vw;
		font-size: 3.73vw;
	}
	.list1 {
		font-size: 3.73vw;
	}
	.elerningContentButtonWrap {
		margin-top: 4vw;
	}
	.elerningButton {
		width: 100%;
		height: 9.87vw;
		font-size: 4vw;
		border-bottom: 1.33vw solid #0F6668;
	}
	.elerningContentItem:nth-child(n+2) {
		margin-top: 5.33vw;
	}
	.elerningContentSectionList {
		margin-top: 5.33vw;
		flex-direction: column;
		gap: 5.33vw 0;
	}
	.elerningContentSectionItem {
		display: flex;
		width: 100%;
	}
	.elerningContentSectionItemImg {
		width: 40vw;
	}
	.elerningContentSectionItemTextWrap {
		padding: 1.33vw 2.67vw;
		width: calc(100% - 40vw);
	}
	.elerningContentSectionItemText {
		display: inline-block;
		width: auto;
		background-position: 1.33vw 2vw;
		background-size: 2.13vw;
		margin-top: 1.33vw;
		border-radius: 0.8vw;
		padding: 1.33vw;
		font-size: 2vw !important;
		padding-left: 4vw;
	}
	.elerningContentSectionItemIcon {
		margin: 0 0 0 1vw;
		display: inline-block;
		padding: 0vw 1.33vw;
		border-radius: 0.8vw;
	}
	.table1 {
		font-size: 3.73vw;
	}
	.th1 {
		width: 3em;
		padding: 2.67vw;
	}
	.td1 {
		padding: 2.67vw;
	}
	.td1 .list {
		font-size: 3.73vw;
	}
	.table1 + .note, .tableScroll + .note {
		font-size: 3.73vw;
	}
	.tableScroll {
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		padding-bottom: 11px;
	}
	.table2 {
		width: 230vw;
		font-size: 3.73vw;
	}
	.nurseJobElearningButton {
		border-radius: 7.2vw;
		font-size: 5.33vw;
		border-bottom: 1.33vw solid #881720;
		width: 90vw;
		height: 14.13vw;
	}

	.tableScroll .simplebar-scrollbar::before {
		background: #00A8AB !important;
	}
	.tableScroll .simplebar-scrollbar.simplebar-visible::before {
		opacity: 1 !important;
	}
	.tableScroll .simplebar-track {
		border: 1px solid #00A8AB;
	}
}