@charset "UTF-8";

/*入局希望の方へ
------------------------------------*/

.resident {
	
}
.resident .content_visual {
	background-image:url("../images/resident/bg_hd_resident.png");
	height:737px;
}
.resident .content_hd_wrap h2{
	color:#fff;
}
.resident .content_header_text {
	position:relative;
	color:#fff;
}
.resident .content_visual .content_header_text::before{
	position:absolute;
	top:-100%;
	left:-200%;
	content:"";
	background: #5EBC7B;
	background: linear-gradient(180deg,rgba(94, 188, 123, 1) 0%, rgba(143, 221, 140, 1) 100%);
	background-repeat:no-repeat;
	width:765px;
	height:706px;
	border-radius:50%;
	z-index:-3;
}
.container .resident .page {
	background:none;
	position:relative;

}

.resident .content_nav {
	position:absolute;
	top:-150px;
	right:50%;
	transform:translatex(65%);
}
.resident .content_nav_wrap {
	display:block;
	width:100%;	
}
.resident .nav_content {
	border-radius:200px;
}
.resident .nav_content ul {
	width:100%;
}

.resident .request {
	padding: 150px 0 80px;
}

.resident .request .flex_box {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.resident .request .image {
	width: 50%;
}
.resident .request .text_wrap{
	width: calc( 50% - 2rem);
	padding:1rem;
}
.resident .request h3 {
	font-size: 24px;
	color: #179243;
	margin-bottom:30px;
}
.resident .request .text_wrap p {
	line-height:2;
}
.resident .request .submit {
	margin: 30px 0;
	
}
.resident .request .submit a {
	font-family: "BIZ+UDGothic";
    display: inline-block;
    width: 400px;
    text-align: center;
    text-decoration: none;
    line-height: 49px;
    outline: none;
    color: #fff;
    background: #5EBC7B;
	background: linear-gradient(90deg,rgba(94, 188, 123, 1) 0%, rgba(143, 221, 140, 1) 100%);
    position: relative;
    border-radius: 25px;
    transition: color 0.5s ease;
    overflow: hidden;
	z-index:1;
}
.resident .request .submit a:hover {
    color: #fff;
}
.resident .request .submit a::before {
	position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #179243;
	background: linear-gradient(90deg,rgba(23, 146, 67, 1) 0%, rgba(31, 106, 58, 1) 100%);
    border-radius: 25px;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.5s ease;
    z-index: -1;
	pointer-events: none;
}
.resident .request .submit a:hover::before {
	transform: scaleX(1);
}
.resident .message {
	padding:50px 0 80px;
	background-image:url("../images/resident/bg_resident01.png");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center top;
	width: 100%;
	height: auto;
}
.resident .message .content_wrap {
	width:100%;
	max-width:1200px;
	margin: 0 auto;
	padding: 0 1rem;
}
.resident .message .content_header_text {
	margin-bottom:3rem;
}
.resident .message .content_hd_wrap h2 {
	color: rgb(23,146,67,0.4);
}
.resident .message .content_hd_wrap p.title_sub {
	color:#179243;
}
.resident .message .message_wrap {
	display:flex;
	justify-content:space-between;
	align-items: center;
}
.resident .message .message_wrap .image {
	width:52%;
}
.resident .message .message_wrap .text_wrap {
	width:47%;
	background:rgb(255,255,255,0.8);
	backdrop-filter: blur(3px);
	border-radius:20px;
	padding:2rem;
}
.resident .message .message_wrap .text_wrap p {
	margin-bottom:1rem;
	line-height: 2;
}
.resident .message .division {
	margin-top:2rem;
}
.resident .message .name {
	margin-top:1rem;
	line-height:2;
	font-size: 20px;
}
.resident .message .name span {
	font-size:16px;
	padding-right:20px;
}
.contents_bg {
	position:relative;
}
.resident .contents_bg::before {
	position:absolute;
	top:0;
	left:0;
	content:"";
	width:100%;
	height:100%;
	background-image:url("../images/low/bg_low.png");
	background-repeat:repeat-y;
	background-position:center top;
	background-size:cover;
	z-index:0;
}

.resident .careerpass {
	position:relative;
	padding: 80px 0;
}
.resident .careerpass::before {
	/*position:absolute;
	top:0;
	left:0;
	content:"";
	width:100%;
	height:100%;
	background-image:url("../images/low/bg_low.png");
	background-repeat:repeat-y;
	background-position:center top;
	background-size:cover;
	z-index:0;*/
}

.resident .careerpass .content_header_text {
	display:flex;
	justify-content:flex-end;
}
.resident .careerpass .content_hd_wrap {
	text-align:right;
}
.resident .careerpass .content_hd_wrap h2 {
	color: rgb(23, 146, 67, 0.4);
}
.resident .careerpass .content_hd_wrap  p {
	color: #179243;
}
.resident .conference {
	position:relative;
	padding: 80px 0;
}
.resident .conference::before {
	/*position:absolute;
	top:0;
	left:0;
	content:"";
	width:100%;
	height:100%;
	background-image:url("../images/low/bg_low.png");
	background-repeat:repeat-y;
	background-position:center top;
	background-size:cover;
	z-index:0;
	transform: scaleX(-1);*/
}
.resident .conference .content_hd_wrap h2 {
	color: rgb(23, 146, 67, 0.4);
}
.resident .conference .content_hd_wrap  p {
	color: #179243;
}
.resident .interview {
	position:relative;
	padding: 80px 0;
}
.resident .interview::before {
	/*position:absolute;
	top:0;
	left:0;
	content:"";
	width:100%;
	height:100%;
	background-image:url("../images/low/bg_low.png");
	background-repeat:repeat-y;
	background-position:center top;
	background-size:contain;
	z-index:-1;*/
}
.resident .interview > div > .content_header_text {
	position:relative;
	display:flex;
	justify-content:flex-end;
}
.resident .interview > div > .content_header_text > .content_hd_wrap {
	text-align:right;
}
.resident .interview .content_hd_wrap h2 {
	color: rgb(23, 146, 67, 0.4);
}
.resident .interview .content_hd_wrap  p {
	color: #179243;
}
.resident .interview .interview_wrap {
	padding: 3rem 0;
}
.resident .interview .interview_content {
	padding-bottom: 5rem;
}
.resident .interview .flex_box {
	display: flex;
	align-items:center;
}
.resident .interview .interview_content.cont01 .text {
	margin-left:30px;
	margin-right:40px;
}
.resident .interview .interview_content .text .division {
	font-size:14px;
	position:relative;
}
.resident .interview .interview_content.cont01 .text .division::before {
	position: absolute;
    content: "";
    bottom: -10px;
    left: -50px;
    width: 220px;
    height: 2px;
    background: #179243;
}
.resident .interview .interview_content.cont02 .interview_header{
	display:flex;
	justify-content: flex-end;
}
.resident .interview .interview_content.cont02 .text {
	margin-left:30px;
	margin-right:40px;
}
.resident .interview .interview_content .text .name {
	font-size: 24px;
	font-weight:600;
	margin-top: 20px;
}
.resident .interview .interview_content .text .name span {
	font-size:14px;
	padding:0 20px;
}
.resident .interview .interview_content.cont02 .text .name span {
	padding-left: 0;
}
.resident .interview .interview_content.cont02 .text .division::before {
	position: absolute;
    content: "";
    bottom: -10px;
    left: 0px;
    width: 220px;
    height: 2px;
    background: #179243;
}
.resident .interview .interview_content .btn_more {
	margin-top:50px;
	margin-left: 20px;
	position: relative;
	transition: 0.5s;
}
.resident .interview .interview_content .btn_more a {
	color:#179243;
}
.resident .interview .interview_content .btn_more::before {
	position: absolute;
    top: 0px;
    left: 122px;
    content: "";
    width: 25px;
    height: 25px;
    border: 1px solid #179243;
    border-radius: 50%;
    background: transparent;
    transition: 0.5s;
}
.resident .interview .interview_content .btn_more:hover::before {
	background:#179243;
}
.resident .interview .interview_content .btn_more::after {
	position: absolute;
    top: 9px;
    left: 131px;
    content: "";
    width: 6px;
    height: 6px;
    border-top: 2px solid #179243;
    border-right: 2px solid #179243;
    transform: rotate(135deg);
    transition: 0.5s;
}
.resident .interview .interview_content .btn_more:hover::after {
	border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
.resident .interview .interview_content .btn_more::before,
.resident .interview .interview_content .btn_more::after {
	pointer-events: none;
}
.interview_text {
  display: none;
}
.interview_text {
	padding: 3rem;
}
.interview_text h4 {
	font-size: 18px;
	color:#179243;
	border-bottom: solid 1px #179243;
	padding-bottom: 5px;
	margin-top: 30px;
	margin-bottom:20px;
}
.interview_text p {
	line-height: 2;
}
.faq {
	padding: 80px 0;
	position:relative;
}

.resident .faq .content_hd_wrap h2 {
	color: rgb(23, 146, 67, 0.4);
}
.resident .faq .content_hd_wrap  p {
	color: #179243;
}
.faq_wrap {
	padding: 3rem;
}
.faq_content_wrap {
	padding: 2rem 0;
}
.faq_wrap h4 {
	text-align: center;
	color:#179243;
	font-size: 18px;
	margin: 1rem 0 3rem;
}
.faq_wrap dl {
	margin-bottom: 2rem;
}
.faq_wrap dt {
	background: #5EBC7B;
background: linear-gradient(90deg,rgba(94, 188, 123, 1) 0%, rgba(143, 221, 140, 1) 100%);
	color:#fff;
	font-size: 18px;
	padding: 0.5rem 1rem;
}
.faq_wrap dd{
	background: rgb(255,255,255,0.6);
	padding: 2rem;
	backdrop-filter: blur(3px);
}

.facilities {
	
}
.resident .facilities  .content_header_text {
	position:relative;
	display:flex;
	justify-content:flex-end;
}
.resident .facilities  .content_hd_wrap {
    text-align: right;
}
.resident .facilities .content_hd_wrap h2 {
    color: rgb(23, 146, 67, 0.4);
}
.resident .facilities h3 {
	padding: 1rem 0;
	 color: #179243;
	text-align:center;
	margin-bottom:1rem;
	font-size:24px;
}
.resident .facilities .content_hd_wrap  p {
    color: #179243;
}
.resident .facilities .facilities_wrap {
	width: 100%;
	padding: 80px 0;
}
.resident .facilities .bg_facilities {
	background-image: url("../images/resident/bg_facilities.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.facilities .flex_box {
	display:flex;
	justify-content:space-between;
}
.facilities .flex_box  .map_area {
	width: 60%;
}
.facilities .flex_box  .list_area {
	width: 40%;
}
.facilities .list_area div{
	background: #EEF7F1;
	padding: 2rem;
}
.facilities .list_area .city {
	margin-bottom: 1rem;
}
.facilities .list_area div ul {
	position: relative;
	padding-top: 1rem;
}
.facilities .list_area div ul li {
	font-size: 16px;
	margin-bottom: 1rem;
}
.facilities .list_area div ul li a {
	color: #169243;
	padding-left:1rem;
	position:relative;
	transition: 0.5s;
}
.facilities .list_area div ul li a:hover {
	padding-left:1.5rem;
}
.facilities .list_area div ul li a::before {
	position:absolute;
	top: 10px;
    left: 0;
    content: "";
    width: 6px;
    height: 6px;
    border-top: 2px solid #179243;
    border-right: 2px solid #179243;
    transform: rotate(45deg);
    transition: 0.5s;
	z-index:1;
}
.facilities .list_area div ul li a::after {
	position:absolute;
	top: 5px;
    left: -4px;
    content: "";
    width: 16px;
    height: 16px;
	border: solid 1px #179243;
	border-radius: 50%;
	transition: 0.5s;
}
.facilities .list_area div ul li a:hover::before {
	border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
.facilities .list_area div ul li a:hover::after {
	background:#179243;
}

@media screen and (max-width: 1200px) {
	.container {
		overflow:hidden;
	}
	.resident .content_visual{
		padding-top:0;
		height:619px;
		background-size:cover;
		background-position: right center;
	}
	.resident .content_nav {
		top: -120px;
	}
	.content_wrap {
		padding: 0 1rem;
	}
}
@media screen and (max-width: 1024px) {
	.resident .content_visual{
		height:602px;
	}
}
@media screen and (max-width: 960px) {
	.resident .content_visual{
		height:584px;
	}
	.resident .content_visual .content_header_text::before {
		width:600px;
		height:550px;
		left: -280px;
	}
}
@media screen and (max-width: 919px) {
	.resident .content_visual{
		height:380px;
	}
	.resident .request .submit a {
		width: 100%;
	}
	.resident .message {
		padding: 30px 0 0;
		background-position:30% top;
	}
	.resident .message .content {
		padding-bottom:1rem;
	}
	.resident .message .message_wrap {
		flex-flow:column;
		align-items:flex-end;
	}
	.resident .message .message_wrap .image {
		width:100%;
		height:500px;
	}
	.resident .message .message_wrap .text_wrap {
		width:100%;
	}
	.resident .interview .interview_content.cont02 .text .name span {
		display: block;
	}
	.resident .interview .interview_content .text .name span {
		display:block;
		padding: 0;
	}
	
}
@media screen and (max-width: 768px) {
	.resident .content_visual{
		height:312px;
	}
	.resident .content_visual .content_header_text::before {
		width:400px;
		height:380px;
		left: -180px;
	}
	.content_hd_wrap h2 {
		font-size:26px;
	}
	.nav_content {
		padding:1rem 2rem;;
	}
	.resident .content_nav {
		transform: translatex(50%);
	}
	.resident .request .flex_box {
		flex-flow:column-reverse;
	}
	.resident .request .text_wrap {
		width: 100%;
	}
	.resident .request .image {
		width: 80%;
	}
	.resident .message {
		background-size:contain;
		padding-top: 0.5rem;
	}
	.resident .message .content {
		padding-top: 0;
	}
	.resident .message .message_wrap .image {
		height:0;
	}
	.resident .message .message_wrap .text_wrap {
		margin-top:10rem;
	}
	.resident .interview .flex_box {
		flex-flow:column;
	}
	.resident .interview .cont02 .flex_box {
		flex-flow:column-reverse;
	}
	.resident .interview .interview_content .text {
		margin-left:0;
		margin-top: 1rem;
	}
	.resident .interview .interview_content.cont01 .text .division::before,.resident .interview .interview_content.cont02 .text .division::before {
		left: 50%;
		transform:translatex(-50%);
	}
	.resident .interview .interview_content.cont02 .text .name span {
		display: inline-block;
	}
	.resident .interview .interview_content .text .name span {
		display:inline-block;
		padding: 0 20px;
	}
	.faq {
		padding:0;
	}
	.faq_wrap {
		padding: 1rem;
	}
	.resident .facilities .bg_facilities {
		background:none;
	}
	.facilities .flex_box {
		flex-flow:column;
		align-items: flex-end;
	}
	
	.facilities .flex_box  .list_area {
		width:100%;
	}
}
@media screen and (max-width: 560px) {
	.resident .content_visual{
		height:240px;
	}
	.resident .content_visual .content_header_text::before {
		width:360px;
		height:350px;
		top: -90px;
		left: -200px;
	}
	.content_header_text {
		padding-left:1rem;
	}
	.nav_content ul li {
		line-height:1.5;
		width:50%;
		margin-right:0;
	}
	.resident .request .image {
		width: 100%;
	}
	.interview_text {
		padding:1rem;
	}
}
@media screen and (max-width: 428px) {
	.resident .content_visual{
		height:209px;
	}
	.resident .content_visual .content_header_text::before {
		top: -70px;
	}
	
}
@media screen and (max-width: 375px) {
	.content_hd_wrap h2 {
		font-size:24px;
	}
}