@charset "utf-8";


/* root */
:root{
	--c-01:#1c2d63;
}

/* common */
.container_title {position:relative; text-align:center;font-size:35rem;line-height:1;letter-spacing:-0.5px;font-weight:800;padding-bottom:30rem;margin:5rem 0 60rem 0;color:#262626;}
.container_title:before {content: ""; display:block; margin:25rem auto; width:63rem; height:3rem; background:#fe6e6d; }

.tit01 { position: relative; padding-top:20rem; margin: 0 0 20rem;font-size:30rem;font-weight: 600;color: #222;line-height: 1; text-align:center;} 
.tit01:before {content: ""; display:block; margin:10rem auto; width:60rem; height:45rem; background:url("../img/sub/symbol.png") center top no-repeat; background-size:100%;}
.tit01 span {float:right; font-size:15rem; margin-top:10rem; }
.tit02 { display:inline-block; position: relative;margin: 0rem 0 20rem; padding:10rem 40rem; font-size:18rem; background:#fe6665; border-radius:50rem;  font-weight: 600;color:#fff;line-height: 1;} 

.bg_gray{background:#f6f6f6;}
.add{margin: -11rem 0 15rem;}

.cont-box{margin-top:45rem; margin-bottom:45rem; text-align:center;}
.cont-box:last-child{margin-bottom:0}



.list_bar > li {position:relative; padding-left:18rem; font-weight: 300; margin-top:7rem}
.list_bar > li:first-child {margin-top: 0}
.list_bar > li::before {content:''; position:absolute;top: 12rem;left:5rem; display:block; width: 7rem;height: 1rem; background: #7f7f7f}

.list_dot {margin-bottom:30rem;}
.list_dot li{position:relative; letter-spacing:-0.055em; font-weight:300; padding-bottom:10rem; line-height:1.5; padding-left:10rem;word-break: keep-all;}
.list_dot li:before{content: ""; position:absolute; left:0; top:10rem; display:block; width:4rem; height:4rem; background:#bdbdbd; border-radius:50%}
.list_dot li:last-child{padding-bottom:0}

.list_num li{display:flex;align-items: flex-start;/* background:#f6f6f6; */padding: 35rem 0;/* margin-bottom:20rem; */border-top: 1rem dashed #ddd;}
.list_num li span{display:flex;align-items: center;justify-content: center;width: 22rem;height: 22rem;margin-right: 10rem;border-radius:50%;color:#fff;}
.list_num li h4{display:flex;align-items: center;margin-bottom:10rem;font-size: 20rem;color: #6f4a12;font-weight:600}
.list_num li div{}
.list_num li:last-child{margin-bottom:0}

.subtable { width:100%; margin:20rem 0;border-top:1px solid #333; }
.subtable thead th{word-break: keep-all;background:#fbfbfb; padding:15rem 5rem; border-left:1rem solid #ddd; border-bottom:1rem solid #ddd; color:#000; text-align:center; }
.subtable thead th span {font-size:12rem;}
.subtable tbody th {text-align:center; background:#f5f5f5; color:#333;  font-weight:500; padding:15rem 0; width:20%; border:1px solid #ddd; text-align:center; }
.subtable tbody td {word-break: keep-all; font-size:15rem; border-bottom:1px solid #f7f7f7; padding:15rem 5rem; background:#fff; line-height:26px; color:#35363a; text-align:center; font-weight:300; letter-spacing:-0.03em; border:1px solid #ddd;}
.subtable tbody td.t_left{text-align:left;}

#contents {overflow: hidden;position:relative;padding: 30rem 0 0;}
#contents p {line-height:1.5;word-break:keep-all;}

/* 서브비주얼 */
#sub_visual{margin-top:100rem; position:relative;height:400rem;background-color:#000;background-size:cover;background-position:60%;text-align:center;display: flex;align-items: center;}
#sub_visual h2{font-weight:800; font-size:48rem; color:#fff; animation:up .5s .2s forwards;}
#sub_visual p{color:#fff; font-weight:800; position:relative;line-height:1;padding: 20rem 0 5rem 0;font-size:15rem;letter-spacing:2px;}

/* 서브 상단 이미지 */
#sub_visual.sub10{background-image:url(../img/sub/sub01_top.jpg) }
#sub_visual.sub20{background-image:url(../img/sub/sub02_top.jpg) }
#sub_visual.sub30{background-image:url(../img/sub/sub03_top.jpg) }
#sub_visual.sub40{background-image:url(../img/sub/sub04_top.jpg) }
#sub_visual.sub50{background-image:url(../img/sub/sub05_top.jpg) }
.cont-top{margin-bottom:50rem;}
.cont-top > img{width:100%;}
/* snb */
#left_area{float:none; width:100%; margin-top:0px;}
#snb {position:relative;width:100%;  z-index:10; height:100rem; }

.left_snb{position: relative; width: 100%; height: 100%; margin-top:-10rem;}
.left_snb h3 {float:left; font-size:20rem; font-weight:800; color:#333; padding-top:17rem; margin-right:30rem;}
.left_snb h3:after {content: ""; position:absolute; width:1rem; height:15rem; background:#e5e5e5; text-align:left; margin-left:25rem; margin-top:7rem;}
.left_snb ul {display: flex; justify-content: center; align-items: center;}
.left_snb li {position: relative; padding-top: 10px; width: 200px; height: 85px; text-align: center;}
.left_snb li a {display: inline-flex; justify-content: center; align-items: center; height: 100%; font-size: 18rem; font-weight: 400; color: #030303; letter-spacing: -0.54px;}
.left_snb li a span{position: absolute; top: 0; left: calc(50% - 10px); width: 20px; height: 20px; background-color: rgba(254, 102 ,101 ,0.2); border-radius: 50%; transform: scale(0); transition: all 0.3s;}
.left_snb li a span::after{content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 40%; height: 40%; background-color:#fe6665; border-radius: 50%;}
.left_snb li a:hover span,
.left_snb li.on span{transform: scale(1);}


/* 
* discription: 사이트 복사시 지우고 사용하는 custom 영역
*/

/* about */
.about-cont{}
.about-cont__img{overflow:hidden; margin-bottom:80rem; background:url(../img/sub/img_company_bg.jpg); background-size:cover; border-radius:60rem; text-align:center;}
.about-cont__img h3{padding:150rem 15rem; color:#fff; font-size:35rem; font-weight:300;}
.about-cont__img h3 b{font-weight:600;}
.about-cont__desc strong{display:block; margin-top:50rem; font-size:20rem; color:#111; font-weight:600}
.about-cont__desc{margin-left:100rem;}
.about-cont__desc p + p{margin-top:30rem;}

/* 오시는 길 */
#daumRoughmapContainer1598839035139 {width:100%;}
.wrap_controllers{display:none;}
.map-cont{position:relative;}
.map-cont > a{position:absolute; right:35rem; top:22rem}
.map-cont ul{display:flex;margin-bottom:40rem;padding:35rem;background:#f8f8f8;border-top: 2rem solid #6f4a12; border-bottom:1rem solid #dbdbdb;}
.map-cont ul li{display:flex; align-items: center; margin-right:45rem; color:#666; }
.map-cont ul li:before{content:''; display:inline-block; margin-right:6rem; width:3rem; height:3rem; background:#999; border-radius:50%;}
.map-cont ul li b{margin-right:15rem; color:#111; font-weight:700}

/* 비용안내 */
.list-cost{ padding: 50rem 5rem; text-align:center; display: flex; justify-content: center; }
.list-cost li{position:relative; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 150rem; height: 150rem; margin-right:44rem; box-sizing: border-box; background:#f5f5f5;word-break: keep-all; color:#666; text-align: center; font-weight: bold; border-radius: 50%; }
.list-cost li:last-child{background:#fe6665; margin-right:0; color:#fff;}
.list-cost li:first-child:after{content:''; position:absolute; right:-29rem; top:50%; display:block; width:15rem; height:15rem; background:url(../img/sub/icon_plus.svg); background-size:100%; transform: translate(0, -50%);}
.list-cost li:nth-child(2n):after{content:''; position:absolute; right:-29rem; top:50%; display:block; width:15rem; height:12rem; background:url(../img/sub/icon_equal.svg); background-size:100%; transform: translate(0, -50%);}
.list-cost li h4{font-size:18rem; font-weight:600;}
.list-cost li h4 span{display:block; font-size:15rem; font-weight:400;}

/* 시설안내 */
.facility-slide .swiper-button-next, 
.facility-slide .swiper-button-prev{width:50rem; height:50rem; background:rgba(0,0,0,0.6); color:#fff;}
.facility-slide .swiper-button-next:after, 
.facility-slide .swiper-button-prev:after{font-size:20rem;}
.facility-slide .mySwiper{margin-top:20rem;}
.facility-slide .mySwiper .swiper-slide-thumb-active{opacity:0.6}

/* 장기요양 신청절차 */
.list_process{display:flex;}
.list_process > li{position:relative;width:calc(25% - 15rem);padding:30rem;margin-right:20rem;background: #6f4a12;text-align:center;}
.list_process > li:last-child{margin-right:0}
.list_process > li h4{word-break:keep-all; font-size:19rem; color:#fff;}
.list_process > li p{margin-top:15rem;padding: 10rem 5rem;background: #fff;color: #6f4a12;border-radius: 30rem;}
.list_process > li:after{content:'';position:absolute;right:-17.5rem;top:50%;display:block;width:35rem;height:35rem;border-radius:50%;background: #3f2c0c url(../img/layout/icon_btn.svg) no-repeat center;background-size:14rem;transform: translate(0, -50%);}
.list_process > li:last-child:after{display:none;}
.service-page .bg_gray{padding:35rem; text-align:center;}

/* 후원안내 */
.list-sponsor{display:flex;}
.list-sponsor li{overflow:hidden; width:calc(33.3% - 15rem); margin-right:30rem; border:1rem solid #ddd; border-top:0; text-align:center;}
.list-sponsor li h4{padding:20rem 5rem; background:#f6f6f6; color:#6f4a12; border-top:2rem solid #6f4a12; border-bottom:1rem solid #ddd; font-size:19rem}
.list-sponsor li p{padding:25rem;}
.list-sponsor li:last-child{margin-right:0}

/* 자원봉사안내 */
.list-volunteer{ padding: 0.5rem; display: flex;  justify-content: center; }
.list-volunteer li{position:relative; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 150rem; height: 150rem; margin-right:44rem; box-sizing: border-box; background:#f5f5f5; word-break: keep-all; color:#666; text-align: center; font-weight: bold; border-radius: 50%; }
.list-volunteer li:last-child{background:#1c2d63;; color:#fff;}
.list-volunteer li:last-child{margin-right:0}
.list-volunteer li:after{content:''; position:absolute; right:-27rem; top:50%; display:block; width:11rem; height:17rem; background:url(../img/sub/icon_arrow.svg); background-size:100%; transform: translate(0, -50%);}
.list-volunteer li:last-child:after{display:none;}
.list-volunteer li h4{font-size:19rem;}
.list-volunteer li h4 span{display:block; font-size:17rem;}

/* 서비스 안내 */
.service-page .list_num{margin-top:45rem;}

@media (max-width:1480px) {
	.about-cont img{width:40%;}
}

@media (max-width:1023px) {
	#sub_visual{margin-top:80rem; height:250rem; }
}

@media (max-width:860px) {
	#sub_visual{height:250rem; }
	#sub_visual h2{font-size:30rem;}
	#sub_visual p{padding:40rem 0 5rem 0; font-size:13rem}
	#contents {padding: 0rem 0 0;}

	.container_title {font-size:25rem; padding-bottom:0rem;}
	
	.about-cont__img{margin-bottom:35rem; border-radius:25rem}
	.about-cont__img h3{padding:100rem 15rem; font-size:22rem;word-break: keep-all;}
	.about-cont__desc{margin-left:0}
	
	.map-cont ul{flex-wrap: wrap; padding:25rem 10rem}
	.map-cont ul li{line-height:2; width:50%; margin-right:0}


	.list_process > li{padding:15rem}
	.list_process > li h4{font-size:16rem; font-weight:600}
	.list_process > li h4 br{display:none;}

	.cost-page .list-volunteer li{width:130rem; height:130rem}
}

@media (max-width:540px) {
	body {font-size:14rem}

	#sub_visual{height:180rem}
	#sub_visual h2{font-size:25rem}
	#sub_visual p{font-size:12rem}

	.facility-slide .swiper-button-next, .facility-slide .swiper-button-prev{width:30rem; height:30rem}

	.tit01{margin:0 0 15rem; font-size:20rem;}
	.tit01:before {width:42rem; height:40rem;}
	.tit01::after {left: 51%;} 
	.tit01 span {float:none; text-align:center; font-size:15rem; margin-top:20rem; display:block;}
	.tit02{margin:20rem 0 10rem; font-size:17rem}
	.add{margin:-5rem 0 10rem;}
	.cont-box{margin-bottom:30rem}
	
	.subtable thead th,
	.subtable tbody td,
	.subtable tbody th{line-height:1.5; padding:5rem; font-size:9rem;}
	.subtable thead th span {font-size:6rem;}
	.subtable tbody td {padding:15rem 0rem;}

	.about-cont{flex-direction:column}
	.about-cont img{width:100%}
	.about-cont__img{border-radius:10rem}
	.about-cont__img h3{padding:80rem 15rem;font-size:18rem}
	.about-cont__img h3 br{display:none;}
	.about-cont__desc{margin:30rem 0 0}
	.about-cont__desc strong{margin-top:30rem; font-size:16rem}
	.about-cont__desc p + p{margin-top:20rem}
	
	.map-cont ul{padding:15rem;}
	.map-cont ul li{width:100%;}
	.map-cont > a{margin:25rem auto;}
	
	.cont-top{margin-bottom:25rem;}

	.list_process > li p{padding:5rem}

	#contents{padding:0rem 0 0}
	#contents p{font-size:16rem}

	.list_process{flex-direction: column;}
	.list_process > li{width:100%; margin-right:0; margin-bottom:25rem;}
	.list_process > li:after{z-index:10; bottom:-15rem; top:auto; right:auto; left:50%; width:30rem; height:30rem; margin-left:-15rem; transform:rotate(90deg);}
	
	.list_bar > li{padding-left:10rem;}
	.list_bar > li:before{left:2rem; top:10rem; width:4rem;}

	.list_num li{padding:20rem 0}
	.list_num li h4{font-size:18rem}
	.list_num li span{width:18rem; height:18rem;}

	.list-cost li{width:90rem; height:90rem; margin-right:20rem}
	.list-cost li:nth-child(2n):after{width:12rem; height:9rem; right:-18rem}
	.list-cost li:first-child:after{width:12rem; height:12rem; right:-18rem}
	.list-cost li h4 span,
	.list-cost li h4{font-size:14rem}

	.list-sponsor{flex-direction: column;}
	.list-sponsor li{width:100%; margin-bottom:15rem}
	.list-sponsor li:last-child{margin-bottom:0}
	.list-sponsor li h4{padding: 15rem 5rem; font-size:16rem}
	.list-sponsor li p{padding:15rem 5rem}
	
	.list-volunteer li{width:90rem; height:90rem; margin-right:20rem}
	.list-volunteer li h4 span,
	.list-volunteer li h4{font-size:12rem}
	.list-volunteer li:after{right:-16rem}
	
	.cost-page .list-volunteer li{width:120rem; height:120rem; margin-right:20rem; margin-bottom:10rem;}
	.cost-page .list-volunteer li:nth-child(2n):after{display:none;}

	.service-page .list_num{margin-top:25rem}
}

/*end 사이트 복사시 지우고 사용하는 custom 영역 */




.tour_con01{padding:0rem 0rem 50rem;}
.tour_con01 .img_box {overflow:hidden; position:relative; }
.tour_con01 .img_box li {padding:0; }
.tour_con01 .img_box span.arrow {position:absolute; z-index:2; cursor:pointer; }
.tour_con01 .img_box span.arrow.prev {left:3%; top:50%; }
.tour_con01 .img_box span.arrow.next {right:3%; top:50%; }
.tour_con01 .img_box img{width:100%;}
.tour_con01 .thumb_box {overflow:hidden; margin-top:0px; }
.tour_con01 .thumb_box li {background-color:#000; cursor:pointer; }
.tour_con01 .thumb_box img {width:100%; opacity:0.4; }
.tour_con01 .thumb_box li.swiper-slide-thumb-active img {opacity:1; }

@media all and (max-width:1000px){
	.tour_con01 .img_box span.arrow img {width:auto; max-height:30rem; }
	.tour_con01 .img_box span.arrow.prev {left:0; top:40%; }
	.tour_con01 .img_box span.arrow.next {right:0; top:40%; }
	.tour_con01 .thumb_box {overflow:hidden; margin-top:10px; }
}


.ceo-cont{position:relative}
.ceo-cont::before{content:"";display:block;position:absolute;top:30rem;left:0;width:100%;height:145rem;background-color:#fbfbfb;z-index:-1}

.ceo-cont__container{display:flex;margin-top:50rem; margin-bottom:100rem;}
.ceo-cont__left{width:60%;max-width:610rem;}
.ceo-cont__img-wrap{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36.92%;max-width:610rem;height:92%;min-height:670rem;margin:0 150rem 0 50rem}
.ceo-cont__img-wrap::before{content:"";position:absolute;top:-20px;left:-20px;width:100%;max-width:606rem;height:720rem;background:url("../img/sub/greeting_bg.png");}
.ceo-cont__img{position:relative;max-width:none!important;z-index:1}
.ceo-cont__desc-wrap{position:relative;width:100%}
.ceo-cont__desc-wrap h5 {font-size:25rem; font-weight:800; line-height:1.3; color:#000; margin:70rem 0;}
.ceo-cont__desc-wrap h5 span {color:#fe6665; display:block;}

.ceo-cont__text-wrap{border-bottom:1px solid #eee}
.ceo-cont__text-wrap h4 {margin-bottom:40px;color:#000;line-height:1.9; font-size:18rem; font-weight:400;}

.ceo-cont__copy{color:#000; font-size:18rem; margin-top:30px;font-weight:600;text-align:right;}
.ceo-cont__copy b{font-weight:800; margin-right:20px;letter-spacing:0}

@media (max-width:1280px){
    .ceo-cont::before{display:none}
    .ceo-cont__img-wrap{overflow:hidden; margin:0 60rem 0 0;  }

}
@media(max-width:1023px){
    .ceo-cont__container{flex-direction:column}
    .ceo-cont__img-wrap{width:100%;max-width:none;min-height:auto;margin:0}
    .ceo-cont__img-wrap::before{display:none}
    .ceo-cont__img-wrap img.img{width:100%;}
    .ceo-cont__desc-wrap{text-align:center}
	.ceo-cont__desc-wrap h5 {font-size:20rem; line-height:1.5; }
	.ceo-cont__text-wrap h4 { font-size:16rem;}

}



.contact-location .nxmap {	border: 0 !important;}
.contact-location .img-wrap {	position: relative;	border-bottom: 2px solid #ff6766;}
.contact-location .img-wrap {width:100%; height:500rem; }
.contact-location .img-wrap > div {width:100%; height:100%;}
.contact-location .img-wrap > div .wrap_map{height:100%}

.contact-location__info {	position: relative;	max-width: 1200rem;	padding: 50px 0;	margin: auto;	font-size: 20rem;	color: #fff;	text-align: center;	border-radius: 5px;	background: linear-gradient(to right, #ff6766, #ee7575);	transform: translateY(-50%);	z-index: 50;}
.contact-location__info .address {	padding-bottom: 20px;}
.contact-location__list {	display: flex;	justify-content: center;}
.contact-location__item {	position: relative;	padding: 0 20px;	font-size: 17px;}
.contact-location__item::after {	content: "";	display: block;	position: absolute;	top: 50%;	right: 0;	width: 1px;	height: 16px;	opacity: 0.5;	background-color: #fff;	transform: translateY(-50%);}
.contact-location__item:last-child::after {	display: none;}
.contact-location__item .bold {	font-weight: 500;	color: #fcc7c3;}
.contact-location__item .link {	color: #fff;}
.contact-location__item i {width:30rem; height:30rem; display:inline-block; font-size:18rem; color:#fe6367; background:rgba(255,255,255,0.6); line-height:1.5; margin-right:5rem; border-radius:50rem;}


@media (max-width: 970px) {
	.contact-location__info {		padding: 30rem 0;		font-size: 16rem;	}
	.contact-location__info .address {		padding-bottom: 20rem;	}
	.contact-location__item {		font-size: 15rem; margin-bottom:10rem;	}
	.contact-location__item::after {		display: none;	}
	.contact-location__list {		flex-direction: column;	}
	.contact-location .img-wrap {		height: 300rem;		}

}

@media (max-width: 400px) {
	.contact-location .img-wrap {		height: 350rem;	}
}



.txt-up {
	overflow: hidden;
}
.txt-up span {
	transform: translateY(100%); 
	display: inline-block;	
}

.cs02 .layout1 {	margin-top: 70rem;}
.cs02 .layout1 .desc1 {margin-bottom:30rem;}
.cs02 .layout1 .desc1:not(:first-child) {	margin-top: 20rem;}
.cs02 .layout1 .desc1 li p {font-size:17rem; font-weight:500;}

.layout1 {	border-top: 1px solid #222; }
.layout1:last-child {margin-bottom:50rem;}
.layout1 .list {	display: flex;	align-items: flex-start;	padding-top: 68rem;	padding-bottom: 66rem;}
.layout1 .list:last-child {	padding-bottom: 0;}
.layout1 .list:not(:last-child) {	border-bottom: 1px solid #ddd;}
.layout1 .title {	font-size: 25rem;	font-weight: 800;	width: 27.3%;	flex-shrink: 0;	min-width: 270rem;}
.layout1 .list.active .title span {	animation: txtUp 0.6s forwards cubic-bezier(0.1, 0.34, 0.64, 1.13);}
.layout1 .content {	flex-grow: 1;	font-size: 18rem;	font-weight: 300;	line-height: 1.67;}
.layout1 span i {float:left;   border-radius:50rem;}
.layout1 span u {display:inline-block; padding-top:0rem; padding-left:15rem; font-weight:600; font-size:20rem; text-decoration:none;}


@media screen and (max-width: 767px) {
	.layout1 .title {margin-bottom:20rem;}
	.layout1 .list {		flex-direction: column;	}
	.layout1 dt {float:left; width:30rem; }
	.layout1 dd {display:inline-block; padding-left:0rem; font-weight:600; font-size:20rem;}
	.layout1 .content {display:block; width:100%;}
	.layout1 .simg img {width:100%;}
}


.layout2 {width:1000rem;	border: 1px solid #ddd;border-radius:10rem;}
.layout2 ul {	display: flex;}
.layout2 li {	width: calc(100% / 4);	height: 290rem;	text-align: center;	display: flex;	flex-direction: column;	align-items: center;	justify-content: center;}
.layout2 li:not(:first-child) {	border-left: 1px solid #ddd; }
.layout2 li i {display:block; font-size:13rem; font-weight:800; font-style:normal; color:#ff6766;}
.layout2 li .title {	font-size: 18rem;	font-weight: 600;	margin-top: 27rem;  letter-spacing:-.5px;  margin-bottom: 17rem;}
.layout2 li.active .title span {	animation: txtUp 0.6s forwards cubic-bezier(0.1, 0.34, 0.64, 1.13);}
.layout2 li .txt {	color: #666; font-size:15rem;	font-weight: 300;}
.layout2 .bottom {	border-top: 1px solid #ddd;	text-align: center;	font-size: 16rem;	color: #666;	font-weight: 300;	background-color: #f8f6f4;	line-height: 1.5;	padding: 18rem 0;}
.layout2 .bottom span {	font-weight: 500;}

@media screen and (max-width: 1023px) {
	.layout2 {width:100%;}
	.layout2 ul {	text-align:center; 	flex-direction: column;	}
	.layout2 li {width:100%;	border-bottom: 1px solid #ddd; }
	.layout2 li:not(:first-child) {border-left: 0px solid #ddd;}

}




.layout2-2 {width:1023rem;	border: 1px solid #ddd;border-radius:10rem;}
.layout2-2 ul {	display: flex;}
.layout2-2 li {	width: calc(100% / 3);	height: 290rem;	text-align: center;	display: flex;	flex-direction: column;	align-items: center;	justify-content: center;}
.layout2-2 li:not(:first-child) {	border-left: 1px solid #ddd; }
.layout2-2 li i {display:block; font-size:13rem; font-weight:800; font-style:normal; color:#ff6766;}
.layout2-2 li .title {	font-size: 18rem;	font-weight: 600;	margin-top: 27rem;  letter-spacing:-.5px;  margin-bottom: 17rem;}
.layout2-2 li.active .title span {	animation: txtUp 0.6s forwards cubic-bezier(0.1, 0.34, 0.64, 1.13);}
.layout2-2 li .txt {	color: #666; font-size:15rem;	font-weight: 300;}
.layout2-2 .bottom {	border-top: 1px solid #ddd;	text-align: center;	font-size: 16rem;	color: #666;	font-weight: 300;	background-color: #f8f6f4;	line-height: 1.5;	padding: 18rem 0;}
.layout2-2 .bottom span {	font-weight: 500;}

@media screen and (max-width: 1023px) {
	.layout2-2 {width:100%;	}
	.layout2-2 li img {width:70rem;}
}



.cs02 .desc3 {	margin-top: 12rem;}
.desc3 {	border-radius: 10rem;	font-size: 17rem;	line-height: 1.64;	background-color: #f9f9f9;	padding: 18rem 24rem;}
.desc3 .txt {	font-size:18rem; padding-left: 15rem;	position: relative; 	color: #ff6766;	font-weight: 600;	margin-bottom: 15rem;}
.desc3 .txt::before {    content: '※';    position: absolute;    top: 0;    left: 0;}
.desc3 ul {	max-width: 796rem;	width: 100%;	display: flex;	flex-wrap: wrap;	gap: 0 20rem;}
.desc3 li {	/*width: calc((100% - 20rem) / 2);*/	position: relative;	padding-left: 13rem; font-size:16rem; font-weight:400; margin-bottom:5rem;}
.desc3 li::before {	content: '';	position: absolute;	top: 10rem;	left: 0;	width: 6rem;	height: 6rem;	border-right: 2rem solid #aaa;	border-bottom: 2rem solid #aaa;	transform: rotate(-45deg);}

@media screen and (max-width: 767px) {
	.desc3 ul {		flex-direction: column;	}
	.desc3 li {		width: 100%;	}
}

.desc4 {	display:inline-block; width: calc(100% /2 - 10px); border-radius: 10rem;	font-size: 17rem;	line-height: 1.64;	background-color: #f9f9f9;	padding: 18rem 24rem;}
.desc4 .txt {	font-size:18rem; padding-left: 15rem;	position: relative; 	color: #ff6766;	font-weight: 600;	margin-bottom: 15rem;}
.desc4 .txt::before {    content: '※';    position: absolute;    top: 0;    left: 0;}
.desc4 ul {	max-width: 796rem;	width: 100%;	display: flex;	flex-wrap: wrap;	gap: 0 20rem;}
.desc4 li {	/*width: calc((100% - 20rem) / 2);*/	position: relative;	padding-left: 13rem; font-size:16rem; font-weight:400; margin-bottom:5rem;}
.desc4 li::before {	content: '';	position: absolute;	top: 10rem;	left: 0;	width: 6rem;	height: 6rem;	border-right: 2rem solid #aaa;	border-bottom: 2rem solid #aaa;	transform: rotate(-45deg);}

@media screen and (max-width: 767px) {
	.desc4 {	display:block; width: 100%;}
	.desc4 ul {max-width:100%; flex-direction: column;	display: flex;	flex-wrap: wrap;	gap: 0 0rem;}
	.desc4 li {		width: 100%;	}
}


.tech .visual {	margin-left: 40rem;	width: calc(100% - 40rem);	height: 300rem; border-radius: 50rem 0 0 50rem;}
.tech .visual.service1 {	background: url('../img/sub/service1.jpg') no-repeat center right / cover;}
.tech .visual.service2 {	background: url('../img/sub/service2.jpg') no-repeat center right / cover;}
.tech .visual.service3 {	background: url('../img/sub/service3.jpg') no-repeat center right / cover;}
.tech .visual.service3-2 {	background: url('../img/sub/service3-2.jpg') no-repeat center right / cover;}
.tech .visual.service4 {	background: url('../img/sub/service4.jpg') no-repeat center right / cover;}
.tech .visual.service5 {	background: url('../img/sub/service5.jpg') no-repeat center right / cover;}
.tech .visual.service6 {	background: url('../img/sub/service6.jpg') no-repeat center right / cover;}
.tech .visual.service7 {	background: url('../img/sub/service7.jpg') no-repeat center right / cover;}
.tech .introduction {	background-color: #fff;	padding: 80rem;	padding-right: 0;	margin-top: -70rem;	border-top-left-radius: 20rem;	margin-left: -20rem;	position: relative;}
.tech .introduction::after {	content: '';	position: absolute;	top: 0;	right: 0;	transform: translateX(100%);	width: 2000px;	height: 100%;	background-color: #fff;}
h4.sub-title1 {	font-size: 32rem;	font-weight: 800;	margin-bottom: 30rem;	letter-spacing: -0.16rem;}
h4.sub-title1 span {	color: #75cd8c;	font-weight: 800;}
.tech .introduction .content {	display: flex;}
.tech .introduction .left {	flex-grow: 1;	padding-right: 40rem;}


.desc1 li {	position: relative;	padding-left: 10rem;	line-height: 1.6;}
.desc1 li::before {	content: '';	position: absolute;	top: 12rem;	left: 0;	width: 3rem;	height: 3rem;	background-color: #222222;}
.desc1 li:not(:first-child) {	margin-top: 11rem;}
.desc1 li span {	color: #666;	font-weight: 300;}

@media screen and (max-width: 1023px) {
	.tech .visual {		margin-left: 0rem;		width: 100%;		height: 320rem;		border-radius: 20rem 0 0 20rem;	}
	.tech .visual.service1 {background-size:200%; background: url('../img/sub/service1.jpg') no-repeat center center / cover;}
	.tech .visual.service2 {background-size:200%; background: url('../img/sub/service2.jpg') no-repeat center center / cover;}
	.tech .introduction {		padding-top: 30rem;	margin-left:20rem;}
	h4.sub-title1 {	font-size: 22rem; margin-bottom: 10rem;}
}

@media screen and (max-width: 500px) {
	.tech .visual {		margin-left: 0rem;		width: 100%;		height: 180rem;		border-radius: 20rem 0 0 20rem;	}
	.tech .introduction {	margin-left: 10rem;	padding: 30rem 0 30rem 50rem;	}
}

.rec01 {margin-bottom:50rem;}
.rec01 .article:not(:first-child) {	margin-top: 146rem;}


.layout6 {	display: flex;	width: 1400rem;	max-width: 100%;	margin: 0 auto;}
.layout6 li {	width: calc((100% + 120rem) / 2);	height:280rem;  aspect-ratio: 1 / 1;	border-radius: 70rem;	border: 1px solid #75cd8c;	display: flex;	align-items: center;	justify-content: center; 	text-align: center;	line-height: 1.55;	 padding: 20rem;	font-weight: 500; background-color: rgba(255,255,255,0.8);}
.layout6 li:not(:first-child) {	margin-left: -20rem;}
.layout6 li:nth-child(2) {	background-color: rgba(238,255,242,0.8);}
.layout6 li:nth-child(3) {	}
.layout6 li:nth-child(4) {	background-color: rgba(238,255,242,0.8);}
.layout6 li:nth-child(5) {	}

.layout6 li p.txt {font-size:16rem;}
.layout6 li p.txt span {font-size:20rem; font-weight:800; margin-bottom:20rem; color:#75cd8c; display:block;}

@media screen and (max-width: 1023px) {
	.layout6 {		width: 1023rem;		flex-wrap: wrap;	}
	.layout6 li {		width: calc((100% + 20rem) / 3);	}
	.layout6 li:nth-child(4) {		margin-left: 0;	}
	.layout6 li:nth-child(4), .layout6 li:nth-child(5) {		margin-top: -20rem;	}
}

@media screen and (max-width: 700px) {
	.layout6 {	margin-top:20rem;	width: 100%;		flex-wrap: wrap;	}
	.layout6 li {		height:200rem; width: calc((100% + 0rem) / 1);	margin-left: 0;	margin-top: -20rem;	}
	.layout6 li:not(:first-child) {	 margin-left: 0rem;}
}


.layout3 {	 display:flex; flex-wrap:wrap; 	width: 1400rem;	max-width: 100%;	margin: 0 auto;}
.layout3 li {	 aspect-ratio: 1/1;    display: flex;    flex-direction: column;    align-items: center;    justify-content: center; width: calc(33% - 13.33333333px); 	border-radius: 70rem;	border: 1px solid #75cd8c;	display: flex;	align-items: center;	justify-content: center; 	text-align: center;	line-height: 1.55;	 padding: 20rem;	font-weight: 500; height:280rem; margin-top: -20rem; background-color: rgba(255,255,255,0.8);	}
.layout3 li:not(:first-child) {	margin-left: -20rem;}
.layout3 li:nth-child(2n) {	background-color: rgba(238,255,242,0.8);}
.layout3 li:nth-child(3) {	}
.layout3 li:nth-child(4) {margin-left: 0rem;}
.layout3 li:nth-child(7) {margin-left: 0rem;}
.layout3 li:nth-child(10) {margin-left: 0rem;}
.layout3 li:nth-child(13) {margin-left: 0rem;}


.layout3 li p.txt {font-size:16rem;}
.layout3 li p.txt span {font-size:20rem; font-weight:800; margin-bottom:20rem; color:#75cd8c; display:block;}

@media screen and (max-width: 1023px) {
	.layout3 {		width: 1023rem;		flex-wrap: wrap;	}
	.layout3 li {		width: calc((100% + 20rem) / 3);	}

	
}

@media screen and (max-width: 700px) {
	.layout3 {	width: 100%;		flex-wrap: wrap;	}
	.layout3 li {		height:200rem; width: calc((100% + 0rem) / 1);	margin-left: 0;	margin-top: -20rem;	}
	.layout3 li:not(:first-child) {	 margin-left: 0rem;}
}

.layout4 {	display: flex;	width: 1400rem;	max-width: 100%;	margin: 0 auto;}
.layout4 li {	width: calc((100% + 120rem) / 3);	aspect-ratio: 1 / 1;	border-radius: 70rem;	border: 1px solid #75cd8c;	display: flex;	align-items: center;	justify-content: center; 	text-align: center;	line-height: 1.55;	 padding: 20rem;	font-weight: 500; background-color: rgba(255,255,255,0.8);}
.layout4 li:not(:first-child) {	margin-left: -20rem;}
.layout4 li:nth-child(2) {	background-color: rgba(238,255,242,0.8);}
.layout4 li:nth-child(3) {	}
.layout4 li:nth-child(4) {	background-color: rgba(238,255,242,0.8);}
.layout4 li:nth-child(5) {	}

.layout4 li p.txt {font-size:16rem;}
.layout4 li p.txt span {font-size:20rem; font-weight:800; margin-bottom:20rem; color:#75cd8c; display:block;}
.layout4 li p.txt2 span {font-size:16rem; font-weight:800; margin-bottom:20rem; color:#75cd8c; display:block;}

@media screen and (max-width: 1023px) {
	.layout4 {		width: 1023rem;		flex-wrap: wrap;	}
	.layout4 li {		width: calc((100% + 20rem) / 3);	}
	.layout4 li:nth-child(4) {		margin-left: 0;	}
	.layout4 li:nth-child(4), .layout4 li:nth-child(5) {		margin-top: -20rem;	}
}

@media screen and (max-width: 700px) {
	.layout4 {	margin-top:20rem;	width: 100%;		flex-wrap: wrap;	}
	.layout4 li {		height:200rem; width: calc((100% + 0rem) / 1);	margin-left: 0;	margin-top: -20rem;	}
	.layout4 li:not(:first-child) {	 margin-left: 0rem;}
}


.layout5 {	display: flex;	width: 1400rem;	max-width: 100%;	margin: 0 auto;}
.layout5 li {	width: calc((100% + 120rem) / 6);	aspect-ratio: 1 / 1;	border-radius: 70rem;	border: 1px solid #75cd8c;	display: flex;	align-items: center;	justify-content: center; 	text-align: center;	line-height: 1.55;	 padding: 20rem;	font-weight: 500; background-color: rgba(255,255,255,0.8);}
.layout5 li:not(:first-child) {	margin-left: -20rem;}
.layout5 li:nth-child(2n) {	background-color: rgba(238,255,242,0.8);}


.layout5 li p.txt {font-size:16rem;}
.layout5 li p.txt span {font-size:20rem; font-weight:800; margin-bottom:20rem; color:#75cd8c; display:block;}
.layout5 li p.txt2 span {font-size:16rem; font-weight:800; margin-bottom:20rem; color:#75cd8c; display:block; margin-left:-10rem;}

@media screen and (max-width: 1023px) {
	.layout5 {		width: 1023rem;		flex-wrap: wrap;	}
	.layout5 li {		width: calc((100% + 20rem) / 3);	}
	.layout5 li:nth-child(4) {		margin-left: 0;	}
	.layout5 li:nth-child(4), .layout5 li:nth-child(5) {		margin-top: -20rem;	}
}

@media screen and (max-width: 700px) {
	.layout5 {	margin-top:20rem;	width: 100%;		flex-wrap: wrap;	}
	.layout5 li {		height:200rem; width: calc((100% + 0rem) / 1);	margin-left: 0;	margin-top: -20rem;	}
	.layout5 li:not(:first-child) {	 margin-left: 0rem;}
}

.layout6 {	display: flex;	width: 1400rem;	max-width: 100%;	margin: 0 auto;}
.layout6 li {	width: calc((100% + 120rem) / 3);	aspect-ratio: 1 / 1;	border-radius: 70rem;	border: 1px solid #75cd8c;	display: flex;	align-items: center;	justify-content: center; 	text-align: center;	line-height: 1.55;	 padding: 20rem;	font-weight: 500; background-color: rgba(255,255,255,0.8);}
.layout6 li:not(:first-child) {	margin-left: -20rem;}
.layout6 li:nth-child(2) {	background-color: rgba(238,255,242,0.8);}
.layout6 li:nth-child(3) {	}
.layout6 li:nth-child(4) {	background-color: rgba(238,255,242,0.8);}
.layout6 li:nth-child(5) {	}

.layout6 li p.txt {font-size:16rem;}
.layout6 li p.txt span {font-size:20rem; font-weight:800; margin-bottom:20rem; color:#75cd8c; display:block;}
.layout6 li p.txt2 span {font-size:16rem; font-weight:800; margin-bottom:20rem; color:#75cd8c; display:block;}

@media screen and (max-width: 1023px) {
	.layout6 {		width: 1023rem;		flex-wrap: wrap;	}
	.layout6 li {		width: calc((100% + 20rem) / 2);	}
	.layout6 li:nth-child(4) {		margin-left: 0;	}
	.layout6 li:nth-child(3), .layout6 li:nth-child(4) {		margin-top: -20rem;	}
}

@media screen and (max-width: 700px) {
	.layout6 {	margin-top:20rem;	width: 100%;		flex-wrap: wrap;	}
	.layout6 li {		height:200rem; width: calc((100% + 0rem) / 1);	margin-left: 0;	margin-top: -20rem;	}
	.layout6 li:not(:first-child) {	 margin-left: 0rem;}
}

.layout7 {	 display:flex; flex-wrap:wrap; 	width: 1400rem;	max-width: 100%;	margin: 0 auto;}
.layout7 li {	 aspect-ratio: 1/1;    display: flex;    flex-direction: column;    align-items: center;    justify-content: center; width: calc(100% - 13.33333333px); 	border-radius: 70rem;	border: 1px solid #75cd8c;	display: flex;	align-items: center;	justify-content: center; 	text-align: center;	line-height: 1.55;	 padding: 20rem;	font-weight: 500; height:280rem; margin-top: -20rem; background-color: rgba(255,255,255,0.8);	}
.layout7 li:not(:first-child) {	margin-left: -20rem;}
.layout7 li:nth-child(2n) {	background-color: rgba(238,255,242,0.8);}
.layout7 li:nth-child(3) {	}
.layout7 li:nth-child(4) {margin-left: 0rem;}
.layout7 li:nth-child(7) {margin-left: 0rem;}
.layout7 li:nth-child(10) {margin-left: 0rem;}
.layout7 li:nth-child(13) {margin-left: 0rem;}


.layout7 li p.txt {font-size:16rem;}
.layout7 li p.txt span {font-size:20rem; font-weight:800; margin-bottom:20rem; color:#75cd8c; display:block;}

@media screen and (max-width: 1023px) {
	.layout7 {		width: 1023rem;		flex-wrap: wrap;	}

	
}

@media screen and (max-width: 700px) {
	.layout7 {	width: 100%;		flex-wrap: wrap;	}
	.layout7 li {		height:400rem; width: calc((100% + 0rem) / 1);	margin-left: 0;	margin-top: -20rem;	}
	.layout7 li:not(:first-child) {	 margin-left: 0rem;}
}

.con_met p {text-align:center; padding-top:30rem;}