@charset "UTF-8";

/*--------------------------------------------------------------
h2 h4 p
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	h2 {
		margin: 0;
		padding: 0;
		font-size: 20px;
		letter-spacing: 2px;
		font-weight: 600;
		text-align: center;
	}
	
	h2 span {
		margin: 0;
		padding: 0;
		display: block;
		color: #6FA88E;
		letter-spacing: 0;
	}
	
	
	h2 span.style1 {
		margin: 5px 0 0 5px;
		padding: 0;
		font-weight: 700;
		font-size: 11px;
	}
	
	h2 span.style2 {
		margin: 0 0 5px 0;
		padding: 0;
		font-weight: 600;
		font-size: 11px;
	}
	
	p {
		font-weight: 600;
		font-size: 14px;
		line-height: 2;
	}
	
	h4 {
		font-size: 20px;
		font-weight: 600;
		line-height: 2;
		letter-spacing: 2px;
		text-align: center;
	}
	
	h4 span {
		margin: 5px 0 0 0;
		padding: 0;
		color: #6FA88E;
		font-size: 11px;
		font-weight: 600;
		display: block;
		letter-spacing: 0;
		line-height: 1.2;
		text-align: center;
	}
}

/* Small than tablet */
@media (min-width: 768px) {
	
	h2 {
		margin: 0;
		padding: 0;
		font-size: 2.3vw;
		letter-spacing: 0.16vw;
		font-weight: 600;
		text-align: left;
	}
	
	h2 span {
		margin: 0;
		padding: 0;
		display: block;
		color: #6FA88E;
		letter-spacing: 0;
	}
	
	h2 span {
		margin: 0;
		padding: 0;
		display: block;
		color: #6FA88E;
		letter-spacing: 0;
	}
	
	h2 span.style1 {
		margin: 5px 0 0 5px;
		padding: 0;
		font-weight: 700;
		font-size: 1.25vw;
	}
	
	h2 span.style2 {
		margin: 0 0 5px 0;
		padding: 0;
		font-weight: 600;
		font-size: 1.08vw;
	}
	
	p {
		font-weight: 600;
		font-size: 1.41vw;
		line-height: 2;
	}
	
	h4 {
		font-size: 2.33vw;
		font-weight: 600;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		line-height: 2;
		letter-spacing: 0.33vw;
		text-align: left;
	}
	
	h4 span {
		margin: 5px 0 0 0;
		padding: 0;
		color: #6FA88E;
		font-size: 1.08vw;
		font-weight: 600;
		display: block;
		letter-spacing: 0;
		line-height: 1.2;
		text-align: left;
	}
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	

}

/*--------------------------------------------------------------
#screen-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#screen-area {
		margin: 0 0 50px 0;
		padding: 0 0 12vh 0;
		position: relative;
	}
	
	#screen-area p {
		margin: 0;
		padding: 0;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		color: #6FA88E;
		font-size: 20px;
		font-weight: 600;
		position: absolute;
		top: 10%;
		left: 12%;
		line-height: 2;
		letter-spacing: 2px;
	}
}

/* Small than tablet */
@media (min-width: 768px) {
	
	#screen-area {
		margin: 0 0 6.66vw 0;
		padding: 0 0 5.83vw 0;
		position: relative;
	}
	
	#screen-area p {
		margin: 0;
		padding: 0;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		color: #6FA88E;
		font-size: 2.33vw;
		font-weight: 600;
		position: absolute;
		top: 15%;
		left: 12%;
		line-height: 2;
		letter-spacing: 0.33vw;
	}
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	

}

/*--------------------------------------------------------------
#slider
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#slider {
		margin: 0 3%;
		padding: 0;
		width: 94%;
		height: 80vh;
		border-radius: 20px;
	}
	
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	#slider {
		margin: 0 4%;
		padding: 0;
		width: 92%;
		height: 75vh;
		min-height: 600px;
		border-radius: 1.66vw;
	}
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	
	
}


/*--------------------------------------------------------------
.schedule-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	.schedule-area {
		margin: 0 5%;
		padding: 10px;
		width: 90%;
		position: absolute;
		bottom: 0;
		right: 0;
		background: rgba(255,255,255,0.95);
		border-top: #6FA88E 2px solid;
		box-sizing: border-box;
		border-radius: 5px;
		box-shadow: 0px 10px 20px rgba(0,0,0,0.05);
	}
	
	.schedule-area table {
		margin: 0 0 10px 0;
		padding: 0;
		width: 100%;
		border-collapse:  collapse;
		text-align: center;
	}
	
	.schedule-area th {
		font-size: 12px;
		font-weight: 600;
		letter-spacing: 0.08vw;
	}
	
	.schedule-area th.title {
		font-size: 11px;
		color: #6FA88E;
		font-weight: 600;
		letter-spacing: 0;
	}
	
	.schedule-area th,td {
		padding: 5px 0;
		border-bottom: solid 1px #DDDDDD;
	}
	
	.schedule-area .cell_top td {
		font-size: 12px;
		font-weight: 600;
		width: 32px;
		color: #363636;
	}
	
	.schedule-area td {
		font-size: 13px;
		font-weight: 600;
		color: #6FA88E;
	}
	
	.schedule-area dl {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	
	.schedule-area dt {
		padding: 0 0 0 10px;
		font-size: 11px;
		font-weight: 600;
	}
	
	.schedule-area dd {
		font-size: 11px;
		font-weight: 600;
	}
	
	.squeeze {
		margin: 0;
		letter-spacing: -4px;
	}
	
	
	.schedule-area .btn{
		position: relative;
		overflow: hidden;
		text-decoration: none;
		display: inline-block;
		border: 1px solid #AE9371;
		padding: 0.41vw 1.66vw;
		text-align: center;
		outline: none;  
		transition: ease .2s;
		border-radius: 5px;
	}

	.schedule-area .btn span {
		position: relative;
		z-index: 3;
		color: #AE9371;
	}
	
	.schedule-area .btn:hover span{
		color: #fff;
	}
	
	.schedule-area .bgleft:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		background: #AE9371;
		width: 100%;
		height: 100%;
		transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
		transform: scale(0, 1);
		transform-origin: right top;
	}
	
	.schedule-area .bgleft:hover:before{
		transform-origin:left top;
		transform:scale(1, 1);
	}
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	.schedule-area {
		margin: 0;
		padding: 2.5vw 3.33vw 1.66vw 3.33vw;
		width: 45.8vw;
		position: absolute;
		bottom: 0;
		right: 1%;
		background: rgba(255,255,255,0.95);
		border-top: #6FA88E 0.25vw solid;
		box-sizing: border-box;
		border-radius: 0 0 1.25vw 1.25vw;
		box-shadow: 0px 10px 20px rgba(0,0,0,0.05);
	}
	
	.schedule-area table {
		margin: 0 0 0.83vw 0;
		padding: 0;
		width: 100%;
		border-collapse:  collapse;
		text-align: center;
	}
	
	.schedule-area th {
		font-size: 1.25vw;
		font-weight: 600;
		letter-spacing: 0.08vw;
	}
	
	.schedule-area th.title {
		font-size: 1.16vw;
		color: #6FA88E;
		font-weight: 600;
		letter-spacing: 0;
	}
	
	.schedule-area th,td {
		padding: 5px 0;
		border-bottom: solid 1px #DDDDDD;
	}
	
	.schedule-area .cell_top td {
		font-size: 1.08vw;
		font-weight: 600;
		width: 3.75vw;
		color: #363636;
	}
	
	.schedule-area td {
		font-size: 1.16vw;
		font-weight: 600;
		color: #6FA88E;
	}
	
	.schedule-area dl {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	
	.schedule-area dt {
		padding: 0.66vw 0 0 0.83vw;
		font-size: 1.16vw;
		font-weight: 500;
	}
	
	.schedule-area dd {
		font-size: 1.08vw;
		font-weight: 500;
	}
	
	.squeeze {
		margin: 0;
		letter-spacing: -0.25vw;
	}
	
	
	.schedule-area .btn{
		position: relative;
		overflow: hidden;
		text-decoration: none;
		display: inline-block;
		border: 1px solid #AE9371;
		padding: 0.41vw 1.66vw;
		text-align: center;
		outline: none;  
		transition: ease .2s;
		border-radius: 0.41vw;
	}

	.schedule-area .btn span {
		position: relative;
		z-index: 3;
		color: #AE9371;
	}
	
	.schedule-area .btn:hover span{
		color: #fff;
	}
	
	.schedule-area .bgleft:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		background: #AE9371;
		width: 100%;
		height: 100%;
		transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
		transform: scale(0, 1);
		transform-origin: right top;
	}
	
	.schedule-area .bgleft:hover:before{
		transform-origin:left top;
		transform:scale(1, 1);
	}
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	
	
}

/*--------------------------------------------------------------
#news-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#news-area {
		margin: 0 0 50px 0;
		padding: 0;
		
	}
	
	#news-area div:first-child {
		margin: 0;
		padding: 0 5% 0 6%;
		width: 100%;
	}
	
	#news-area div:last-child {
		display: none;
	}
	
	#news-area div:last-child img {
		border-radius: 1.66vw 0 0 1.66vw;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	#news-area .news-wall {
		margin: 1.66vw 0 1.25vw 0;
		
	}
	
	#news-area dl {
		margin: 0;
		padding: 10px 0 10px 5px;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		box-sizing: border-box;
		border-bottom: 1px solid #DDDDDD;
	}
	
	#news-area dt {
		width: 20%;
		font-size: 12px;
		font-weight: 700;
		color: #6FA88E;
		line-height: 2;
		
	}
	
	#news-area dd {
		padding: 0 10px 0 20px;
		width: 80%;
		font-size: 15px;
		font-weight: 600;
	}
	
	#news-area dd a {
		position: relative;
	}
	
	#news-area dd a::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background: #000;
		transition: all .3s;
		transform: scale(0, 1);
		transform-origin: left top;
	}
	
	#news-area dd a:hover::after {
		transform: scale(1, 1);
	}
	
	#news-area .bt-area {
		width: 100%;
		margin: 15px 0 0 0;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
		align-items: center;
	}
	
	#news-area .bt-area a {
		position: relative;
		padding: 1.66vw 40px 1.66vw 0;
		font-size: 14px;
		font-weight: 600;
		transition: all .3s;
	}
	
	#news-area .bt-area a::before {
		content: '';
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		width: 30px;
		height: 30px;
		border: solid #C6DDCD 5px;
		border-radius: 50%;
		transition: all .3s;
	}
	
	#news-area .bt-area a span {
		content: '';
		position: absolute;
		top: 50%;
		right: 4px;
		transform: translateY(-50%);
		color: #6FA88E;
		font-size: 20px;
	}
	
	#news-area .bt-area a:hover::before {
			border: solid #C6DDCD 1px;
	}
}

/* Small than tablet */
@media (min-width: 850px) {
	
	#news-area {
		margin: 0 0 6.66vw 0;
		padding: 0;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	
	#news-area div:first-child {
		margin: 0;
		padding: 0 5% 0 10%;
		width: 55%
	}
	
	#news-area div:last-child {
		width: 45%;
		padding: 3% 0 0 0;
		display: inherit;
	}
	
	#news-area div:last-child img {
		border-radius: 1.66vw 0 0 1.66vw;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	#news-area .news-wall {
		margin: 1.66vw 0 1.25vw 0;
		
	}
	
	#news-area dl {
		margin: 0;
		padding: 1.25vw 0 1.25vw 1.25vw;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		box-sizing: border-box;
		border-bottom: 1px solid #DDDDDD;
	}
	
	#news-area dt {
		width: 20%;
		font-size: 1.25vw;
		font-weight: 700;
		color: #6FA88E;
		line-height: 2;
		
	}
	
	#news-area dd {
		padding: 0 1.25vw 0 1.66vw;
		width: 80%;
		font-size: 1.33vw;
	}
	
	#news-area dd a {
		position: relative;
	}
	
	#news-area dd a::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background: #000;
		transition: all .3s;
		transform: scale(0, 1);
		transform-origin: left top;
	}
	
	#news-area dd a:hover::after {
		transform: scale(1, 1);
	}
	
	#news-area .bt-area {
		width: 100%;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
		align-items: center;
	}
	
	#news-area .bt-area a {
		position: relative;
		padding: 1.66vw 4.16vw 1.66vw 0;
		font-size: 1.33vw;
		font-weight: 600;
		transition: all .3s;
	}
	
	#news-area .bt-area a::before {
		content: '';
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		width: 3.33vw;
		height: 3.33vw;
		border: solid #C6DDCD 5px;
		border-radius: 50%;
		transition: all .3s;
	}
	
	#news-area .bt-area a span {
		content: '';
		position: absolute;
		top: 50%;
		right: 0.66vw;
		transform: translateY(-50%);
		color: #6FA88E;
		font-size: 2.0vw;
	}
	
	#news-area .bt-area a:hover::before {
			border: solid #C6DDCD 1px;
	}
	
}


/* Larger than tablet */
@media (min-width: 1100px) {
	
	

}


/*--------------------------------------------------------------
.basic_bt
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	.basic_bt {
		width: 100%;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
		align-items: center;
	}
	
	.basic_bt_left {
		width: 100%;
		display: -webkit-flex;
		display: flex;
	}
	
	.basic_bt a,
	.basic_bt_left a{
		position: relative;
		padding: 10px 40px 10px 0;
		font-size: 15px;
		font-weight: 600;
		transition: all .3s;
	}
	
	.basic_bt a::before,
	.basic_bt_left a::before{
		content: '';
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		width: 30px;
		height: 30px;
		border: 1px solid #6FA88E;
		background: #6FA88E;
		border-radius: 50%;
		transition: all .3s;
	}
	
	.basic_bt a span,
	.basic_bt_left a span{
		content: '';
		position: absolute;
		top: 50%;
		right: 5px;
		transform: translateY(-50%);
		color: #FFF;
		font-size: 18px;
	}
	
	.basic_bt a:hover::before,
	.basic_bt_left a:hover::before{
		border: solid #C6DDCD 5px;
	}
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	.basic_bt {
		width: 100%;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
		align-items: center;
	}
	
	.basic_bt_left {
		width: 100%;
		display: -webkit-flex;
		display: flex;
	}
	
	.basic_bt a,
	.basic_bt_left a{
		position: relative;
		padding: 1.66vw 4.16vw 1.66vw 0;
		font-size: 1.5vw;
		font-weight: 600;
		transition: all .3s;
	}
	
	.basic_bt a::before,
	.basic_bt_left a::before{
		content: '';
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		width: 3.33vw;
		height: 3.33vw;
		border: 1px solid #6FA88E;
		background: #6FA88E;
		border-radius: 50%;
		transition: all .3s;
	}
	
	.basic_bt a span,
	.basic_bt_left a span{
		content: '';
		position: absolute;
		top: 50%;
		right: 0.66vw;
		transform: translateY(-50%);
		color: #FFF;
		font-size: 2.0vw;
	}
	
	.basic_bt a:hover::before,
	.basic_bt_left a:hover::before{
		border: solid #C6DDCD 5px;
	}
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	

}

/*--------------------------------------------------------------
#about-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#about-area {
		margin: 0 0 50px 0;
		padding: 20px 0 0 0;
		position: relative;
	}
	
	#about-area div:first-child {
		margin: 0 0 20px 0;
		padding: 0 5%;
	}
	
	#about-area div:first-child img {
		border-radius: 10px;
	}
	
	#about-area div:first-child h3 {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 0;
		left: 10%;
		font-size: 16px;
		font-weight: 600;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		line-height: 1.8;
		letter-spacing: 0.33vw;
	}
	
	#about-area div:last-child {
		margin: 0;
		padding: 0 8%;
		width: auto;
	}
	
	#about-area div:last-child dt {
		margin: 0 0 10px 0;
	}
	
	#about-area div:last-child dd {
		margin: 0;
	}
	
	#about-area div:last-child a {
		font-size: 14px;
		font-weight: 600;
	}
}

/* Small than tablet */
@media (min-width: 768px) {
	
	#about-area {
		margin: 0 0 8.33vw 0;
		padding: 0;
		position: relative;
	}
	
	#about-area div:first-child {
		margin: 0;
		padding: 2.5% 35% 0 2%;
	}
	
	#about-area div:first-child img {
		border-radius: 1.66vw;
	}
	
	#about-area div:first-child h3 {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 0;
		left: 8%;
		font-size: 2.08vw;
		font-weight: 600;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		line-height: 2;
		letter-spacing: 0.33vw;
	}
	
	#about-area div:last-child {
		margin: 0;
		padding: 0 5% 0 0;
		width: 30%;
		position: absolute;
		bottom: 5%;
		right: 0;
	}
	
	#about-area div:last-child dt {
		margin: 0 0 1.66vw 0;
	}
	
	#about-area div:last-child dd {
		margin: 0 0 4.16vw 0;
	}
	
	#about-area div:last-child a {
		font-size: 1.5vw;
		font-weight: 600;
	}
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	

}


/*--------------------------------------------------------------
#information-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#info-base {
		margin: 0;
		padding: 0;
		background-color: rgba(255, 255, 255, 1);
		background-image: repeating-linear-gradient(34deg, transparent, transparent 5px, rgba(236, 243, 241, 1) 5px, rgba(236, 243, 241, 1) 7px );
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
	}
	
	#information-area {
		margin: 0;
		padding: 0;
		display: -webkit-flex;
		display: flex;
	}
	
	#information-area .info-right-item {
		display: none;
	}
	
	.info-sp {
		margin: 0 0 20px 0;
		padding: 0;
	}
	
	
	.treatment_top {
		margin: 0;
		padding: 0;
		width: auto;
	}
	
	.treatment_top dl {
		margin: 0;
		padding: 0 8% 30px 8%;
		background: #FFF;
	}
	
	.treatment_top dt {
		margin: 0;
		padding: 0;
		width: auto;
		box-sizing: border-box;
	}
	
	.treatment_top dt h2 {
		margin: 0 0 10px 0;
		padding: 0;
	}
	
	.treatment_top dd {
		margin: 0;
		padding: 0;
		width: auto;
	}
	
	.bottom_inner {
		margin: 0;
		padding: 30px 0 30px 0;
	}
	
	
	.bottom_inner h3 {
		margin: 0;
		padding: 0 0 20px 0;
		font-size: 18px;
		font-weight: 600;
		text-align: center;
	}
	
	.bottom_inner h3 span {
		color: #6FA88E;
	}
	
	.bottom_inner ul {
		margin: 0 5%;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
	}
	
	.bottom_inner ul li {
		margin: 0 5px;
		width: 50%;
		aspect-ratio: 1;
		background: #FFF;
		border-radius: 10px;
		text-align: center;
		position: relative;
		box-shadow: 0px 0px 20px rgba(0,0,0,0.05);
	}
	
	.bottom_inner .box {
		width: 50%;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	
	.bottom_inner ul li span {
		margin: 10px 0 0 0;
		display: block;
		font-size: 14px;
		font-weight: 600;
		letter-spacing: 0;
	}
}

/* Small than tablet */
@media (min-width: 768px) {
	
	#info-base {
		margin: 0;
		padding: 0;
		background-color: rgba(255, 255, 255, 1);
		background-image: repeating-linear-gradient(34deg, transparent, transparent 5px, rgba(236, 243, 241, 1) 5px, rgba(236, 243, 241, 1) 7px );
		-webkit-background-size: 70% 82%;
		background-size: 70% 82%;
	}
	
	#information-area {
		margin: 0;
		padding: 0;
		display: -webkit-flex;
		display: flex;
	}
	
	#information-area .info-right-item {
		width: 40%;
		padding: 0 2% 0 0;
		background: #FFF;
		display: inherit;
	}
	
	.info-sp {
		display: none;
	}
	
	#information-area .info-right-item img {
		border-radius: 1.66vw;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	.treatment_top {
		margin: 0;
		padding: 0;
		width: 60%;
	}
	
	.treatment_top dl {
		margin: 0;
		padding: 6.66vw 10% 4.16vw 15%;
		display: -webkit-flex;
		display: flex;
		background: #FFF;
	}
	
	.treatment_top dt {
		margin: 0;
		padding: 0;
		width: 41.6vw;
		box-sizing: border-box;
	}
	
	.treatment_top dt h2 {
		margin: 0 0 1.25vw 0;
		padding: 0;
	}
	
	.treatment_top dd {
		margin: 0;
		padding: 0;
		width: auto;
	}
	
	.bottom_inner {
		margin: 0;
		padding: 5vw 0 1.66vw 0;
	}
	
	
	.bottom_inner h3 {
		margin: 0;
		padding: 0 0 2.5vw 0;
		font-size: 1.66vw;
		font-weight: 600;
		text-align: center;
	}
	
	.bottom_inner h3 span {
		color: #6FA88E;
	}
	
	.bottom_inner ul {
		margin: 0 15%;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
	}
	
	.bottom_inner ul li {
		margin: 0 0.83vw;
		width: 50%;
		aspect-ratio: 1;
		background: #FFF;
		border-radius: 1.25vw;
		text-align: center;
		position: relative;
		box-shadow: 0px 0px 20px rgba(0,0,0,0.05);
	}
	
	.bottom_inner .box {
		width: 50%;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	
	.bottom_inner ul li span {
		margin: 1.25vw 0 0 0;
		display: block;
		font-size: 1.41vw;
		font-weight: 600;
		letter-spacing: 2px;
	}
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	

}

/*--------------------------------------------------------------
#medical-slide-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#medical-slide-area {
		margin: 0 0 30px 0;
		padding: 0;
		position: relative;
	}
	
	#medical-slide-area h4 {
		margin: 0 0 15px 0;
		padding: 0;
	}
	
	
	.slider li {
		margin: 0;
		border-radius: 10px;
		background: #F5FCF6;
		border: 4px solid #FFF;
		aspect-ratio: 1;
		box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
		position: relative;
		text-align: center;
	}
	
	.slider .icon {
		width: 60%;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	
	.slider .icon span {
		display: block;
		font-size: 13px;
		font-weight: 600;
		letter-spacing: 0.16vw;
	}
	
	.slider img {
		width: 100%;
		height: auto;
	}
	
	.slider .slick-slide {
		margin: 0 0.66vw 30px 0.66vw;
	}
	
	.slick-slider div { transition: none; }
}

/* Small than tablet */
@media (min-width: 768px) {
	
	#medical-slide-area {
		margin: 3vw 0 5.83vw 0;
		padding: 0 0 0 28%;
		position: relative;
	}
	
	#medical-slide-area h4 {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 0;
		left: 12%;
	}
	
	
	.slider li {
		margin: 0;
		border-radius: 2.08vw;
		background: #F5FCF6;
		border: 0.5vw solid #FFF;
		aspect-ratio: 1;
		box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
		position: relative;
		text-align: center;
	}
	
	.slider .icon {
		width: 60%;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	
	.slider .icon span {
		display: block;
		font-size: 1vw;
		font-weight: 600;
		letter-spacing: 0.16vw;
	}
	
	.slider img {
		width: 100%;
		height: auto;
	}
	
	.slider .slick-slide {
		margin: 0 0.66vw 4.16vw 0.66vw;
	}
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	

}


/*--------------------------------------------------------------
#recruit-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#recruit-area {
		margin: 50px 8% 0 8%;
		padding: 20px 0 0 0;
		position: relative;
	}
	
	#recruit-area h3 {
		margin: 0;
		padding: 0;
		position: absolute;
		top :-20px;
		bottom: auto;
		left: 5%;
		font-size: 17px;
		font-weight: 600;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		line-height: 1.8;
		letter-spacing: 2px;
		z-index: 1;
	}
	
	#recruit-area .left-contents {
		margin: 0 0 10px 0;
		padding: 0;
		width: auto;
	}
	
	#recruit-area .left-contents img {
		border-radius: 10px;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	#recruit-area .right-contents {
		margin: 0;
		padding: 0;
		width: auto;
		position: relative;
	}
	
	#recruit-area .right-contents .inner-box {
		margin: 0;
		padding: 0;
		text-align: center;
	}
	
	#recruit-area .right-contents .inner-box h4 {
		display: inline-block;
		text-align: left;
		margin: 0 0 10px 0;
	}
	
	#recruit-area .right-contents .inner-box p {
		text-align: left;
		margin: 0 0 4.16vw 0;
	}
	
	#recruit-area .bt-area {
		text-align: center;
	}
	
	#recruit-area .btn{
		position: relative;
		overflow: hidden;
		text-decoration: none;
		display: inline-block;
		padding: 15px 50px;
		text-align: center;
		outline: none; 
		transition: ease .2s;
		font-size: 15px;
		font-weight: 600;
		border-radius: 10px;
		background: #6FA88E;
		white-space: nowrap;
	}

	#recruit-area .btn span {
		position: relative;
		z-index: 3;
		color: #FFF;
	}
	
	#recruit-area .btn:hover span{
		color: #fff;
	}

	#recruit-area .bgleft:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		background: #AE9371;
		width: 100%;
		height: 100%;
		transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
		transform: scale(0, 1);
		transform-origin: right top;
	}
	
	#recruit-area .bgleft:hover:before{
		transform-origin:left top;
		transform:scale(1, 1);
	}
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	#recruit-area {
		margin: 0;
		padding: 2.5vw 0 4.16vw 0;
		position: relative;
		display: -webkit-flex;
		display: flex;
	}
	
	#recruit-area h3 {
		margin: 0;
		padding: 0;
		position: absolute;
		bottom: -10vh;
		left: 10%;
		font-size: 2.08vw;
		font-weight: 600;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		line-height: 2;
		letter-spacing: 0.33vw;
		z-index: 1;
	}
	
	#recruit-area .left-contents {
		margin: 0;
		padding: 0 0 0 2%;
		width: 70%;
	}
	
	#recruit-area .left-contents img {
		border-radius: 1.66vw;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	#recruit-area .right-contents {
		margin: 0;
		padding: 0;
		width: 30%;
		position: relative;
	}
	
	#recruit-area .right-contents .inner-box {
		margin: 0 20%;
		padding: 0;
		text-align: center;
	}
	
	#recruit-area .right-contents .inner-box h4 {
		display: inline-block;
		text-align: left;
		margin: 0 1.5em 5vh 0;
	}
	
	#recruit-area .right-contents .inner-box p {
		text-align: left;
		margin: 0 0 4.16vw 0;
	}
	
	#recruit-area .bt-area {
		text-align: left;
	}
	
	#recruit-area .btn{
		position: relative;
		overflow: hidden;
		text-decoration: none;
		display: inline-block;
		padding: 1.25vw 3.75vw;
		text-align: center;
		outline: none; 
		transition: ease .2s;
		font-size: 1.5vw;
		font-weight: 600;
		border-radius: 0.41vw;
		background: #6FA88E;
		white-space: nowrap;
	}

	#recruit-area .btn span {
		position: relative;
		z-index: 3;
		color: #FFF;
	}
	
	#recruit-area .btn:hover span{
		color: #fff;
	}

	#recruit-area .bgleft:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		background: #AE9371;
		width: 100%;
		height: 100%;
		transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
		transform: scale(0, 1);
		transform-origin: right top;
	}
	
	#recruit-area .bgleft:hover:before{
		transform-origin:left top;
		transform:scale(1, 1);
	}
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	

}

/*--------------------------------------------------------------
.loop_wrap
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	article{
		overflow: hidden;
	}
	
	.loop_wrap {
		display: flex;
		width: 100%;
		overflow: hidden;
		color: #F3F4F2;
	}
	
	.loop_wrap div {
		flex: 0 0 auto;
		white-space: nowrap;
		font-size: 80px;
		overflow: hidden;
		padding: 0 5% 0 0;
		font-weight: 500;
	}
	
	.loop_wrap div:nth-child(odd) {
		animation: loop 100s -50s linear infinite;
	}
	
	.loop_wrap div:nth-child(even) {
		animation: loop2 100s linear infinite;
	}
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	article{
		overflow: hidden;
	}
	
	.loop_wrap {
		display: flex;
		width: 100%;
		overflow: hidden;
		color: #F3F4F2;
	}
	
	.loop_wrap div {
		flex: 0 0 auto;
		white-space: nowrap;
		font-size: 12.5vw;
		overflow: hidden;
		padding: 0 5% 0 0;
		font-weight: 500;
	}
	
	.loop_wrap div:nth-child(odd) {
		animation: loop 100s -50s linear infinite;
	}
	
	.loop_wrap div:nth-child(even) {
		animation: loop2 100s linear infinite;
	}
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	

}


@keyframes loop {
	0% {
      transform: translateX(100%);
    }
    to {
      transform: translateX(-100%);
    }
  }

@keyframes loop2 {
    0% {
      transform: translateX(0);
    }
    to {
      transform: translateX(-200%);
    }
  }


/*--------------------------------------------------------------
#conductor-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#conductor-area {
		margin: 0 0 40px 0;
		padding: 30px 0 0 0;
	}
	
	#conductor-area h3 {
		margin: 0 0 20px 0;
		padding: 0;
		letter-spacing: 2px;
		color: #6FA88E;
		font-size: 20px;
		font-weight: 600;
		text-align: center;
	}
	
	#conductor-area ul {
		margin: 0;
		padding: 0 5%;
		background-color: rgba(255, 255, 255, 1);
		background-image: repeating-linear-gradient(34deg, transparent, transparent 5px, rgba(236, 243, 241, 1) 5px, rgba(236, 243, 241, 1) 7px );
		-webkit-background-size: 100% 90%;
		background-position: left bottom;
	}
	
	#conductor-area ul li {
		margin: 0 10% 0 10%;
		padding: 0;
		text-align: center;
	}
	
	#conductor-area ul li img {
		border-radius: 10px;
		border: 2px solid #fff;
		transition: all .3s;
	}
	
	#conductor-area ul li a:hover img {
		border: 2px solid #6FA88E;
	}
	
	#conductor-area dd{
		padding: 10px 0 25px 0;
		font-size: 16px;
		font-weight: 600;
		letter-spacing: 2px;
	}
	
	#conductor-area dd span{
		width: 25px;
		height: 25px;
		background: #6FA88E;
		border-radius: 50%;
		color: #FFF;
		font-size: 14px;
		line-height: 1.8;;
		margin: 0 0 0 10px;
	}
	
	#conductor-area a:hover::before{
		border: solid #C6DDCD 5px;
	}


	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	#conductor-area {
		margin: 0 5% 5vw 5%;
		padding: 4.16vw 0 0 0;
	}
	
	#conductor-area h3 {
		margin: 0 0 2.91vw 0;
		padding: 0;
		letter-spacing: 0.16vw;
		color: #6FA88E;
		font-size: 2.33vw;
		font-weight: 600;
		text-align: center;
	}
	
	#conductor-area ul {
		margin: 0;
		padding: 0 5% 4.16vw 5%;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		background-color: rgba(255, 255, 255, 1);
		background-image: repeating-linear-gradient(34deg, transparent, transparent 5px, rgba(236, 243, 241, 1) 5px, rgba(236, 243, 241, 1) 7px );
		-webkit-background-size: 100% 70%;
		background-position: left bottom;
	}
	
	#conductor-area ul li {
		margin: 0 1.5%;
		padding: 0;
		text-align: center;
	}
	
	#conductor-area ul li img {
		border-radius: 1.25vw;
		border: 2px solid #fff;
		transition: all .3s;
	}
	
	#conductor-area ul li a:hover img {
		border: 2px solid #6FA88E;
	}
	
	#conductor-area dd{
		padding: 0.83vw 0;
		font-size: 1.5vw;
		font-weight: 600;
		letter-spacing: 0.16vw;
	}
	
	#conductor-area dd span{
		width: 2.08vw;
		height: 2.08vw;
		background: #6FA88E;
		border-radius: 50%;
		color: #FFF;
		font-size: 1.33vw;
		line-height: 2.08vw;
		margin: 0 0 0 1.66vw;
	}
	
	#conductor-area a:hover::before{
		border: solid #C6DDCD 5px;
	}
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	

}