@charset "UTF-8";
body {background-color:#FBFCF5;}

.consultation {position: relative;}
.consultation:after {content: ""; width: 100%; height: 50px; bottom: 6px; left: 0; position: absolute; box-shadow: 0px 3px 6px -3px rgba(0, 0, 0, 0.16);}

.case_top_head {max-width: 1200px; margin: 0px auto; padding-bottom: 70px;}
.case_top_head > h2 {font-size: 40px; color: var(--green); font-family: var(--tkd); line-height: 1.5;}
.case_top_head > h2 + p {margin-top: 40px;}
.case_top_head > p {font-size: 20px; line-height: 1.5;}
.case_top_head > p + p {margin-top: 2em;}

.case_top_area {max-width: 1200px; margin: 0px auto 0px; padding-bottom: 70px;}
.case_top_area > h3 { background-color: #FAF4DF; border-radius: 6px; font-size: 30px; font-family: var(--tkd); text-align: center; line-height: 1; padding: 20px 0px;}
.case_top_area > p {margin-top: 40px; font-size: 16px;}
.case_top_area .area_list {margin-top: 40px;}
.case_top_area .area_list dl {padding-bottom: 30px; border-bottom:1px solid #D3D3D3; display: flex;}
.case_top_area .area_list dl dt {width: 180px; flex-shrink: 0; font-size: 20px; font-weight: bold; color: var(--green);}
.case_top_area .area_list dl dd {width: calc(100% - 180px);}
.case_top_area .area_list dl dd ul {display: flex; flex-wrap: wrap; gap: 20px;}
.case_top_area .area_list dl dd ul li {width: 150px;position: relative;}
.case_top_area .area_list dl dd ul li a {display: block;font-size: 20px; text-align: center; color: #FFF;background-color: var(--green); border-radius: 5px;box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.16); line-height: 1.2; padding: 7px;}
.case_top_area .area_list dl dd ul li:after {content: ""; width: 8px; height: 8px; border-right: 2px solid #FFF; border-bottom: 2px solid #FFF; transform: rotate(-45deg); position: absolute; right: 10px; top: calc(50% - 5px);}
.case_top_area .area_list dl + dl {padding: 30px 0px 0px 0px; border-bottom: none;}

.case_top_purpose {max-width: 1200px; margin: 0px auto 0px; padding-bottom: 70px;}
.case_top_purpose > h3 { background-color: #FAF4DF; border-radius: 6px; font-size: 30px; font-family: var(--tkd); text-align: center; line-height: 1; padding: 20px 0px;}
.case_top_purpose > p {margin-top: 40px; font-size: 16px;}
.case_top_purpose .purpose_list {margin-top: 40px;}
.case_top_purpose .purpose_list ul {display: flex; flex-wrap: wrap; gap: 20px 34px;}
.case_top_purpose .purpose_list ul li {width: calc((100% - 68px) / 3);position: relative;}
.case_top_purpose .purpose_list ul li a {display: block;font-size: 22px; text-align: center; color: #FFF;background-color: var(--green); border-radius: 5px;box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.16); line-height: 1.2; padding: 18px;}
.case_top_purpose .purpose_list ul li:after {content: ""; width: 8px; height: 8px; border-right: 2px solid #FFF; border-bottom: 2px solid #FFF; transform: rotate(-45deg); position: absolute; right: 20px; top: calc(50% - 5px);}

.case_top_list {max-width: 1200px; margin: 0px auto 0px; padding-bottom: 150px;}
.case_top_list > h3 { background-color: #FAF4DF; border-radius: 6px; font-size: 30px; font-family: var(--tkd); text-align: center; line-height: 1; padding: 20px 0px;}
.case_top_list > p {margin-top: 40px; font-size: 16px;}
.case_top_list .case_list {margin-top: 40px; display: flex; flex-wrap: wrap; justify-content: space-between; gap:40px 0px;}
.case_top_list .case_list a {display: block; width: 353px;}
.case_top_list .case_list:after {content: ""; display: block; width: 353px; height: 0;}
.case_top_list .case_cont { background-color: #FFF; border-radius: 35px; box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.16); position: relative;}
.case_top_list .case_cont h3 { background-color: var(--green); border-radius: 35px 35px 0px 0px; font-weight: bold; text-align: center; color: #FFF; line-height: 1.2; padding: 16px 0px;}
.case_top_list .case_cont h3 strong {font-size: 22px;}
.case_top_list .case_cont h3 span {font-size: 16px;}
.case_top_list .case_cont > div {padding: 15px 10px;}
.case_top_list .case_cont > div ul.cat {display: flex; flex-wrap: wrap; gap:5px;}
.case_top_list .case_cont > div ul.cat li {font-size: 12px; background-color: #C8E0C5; border-radius: 13px; padding: 7px 15px; line-height: 1;}
.case_top_list .case_cont > div p.time {font-size: 10px; margin-top: 10px;}

.case_top_list .case_cont > div .item_ba { display: flex; justify-content: space-between; position: relative; margin-top: 10px;}
.case_top_list .case_cont > div .item_ba:after {content: "";width: 7px; height: 19px; clip-path: polygon(0 0, 0% 100%, 100% 50%); background-color: var(--green); position: absolute; margin: auto; top: 0; right: 0; left: 0; bottom: 0;}
.case_top_list .case_cont > div .item_ba figure {width: 45.8%; border-radius: 10px;box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.15); background-color: #C8E0C5; box-sizing: border-box;}
.case_top_list .case_cont > div .item_ba figure + figure {background-color: #EF3F3F;}
.case_top_list .case_cont > div .item_ba figure figcaption {text-align: center; font-size: 11px; padding: 5px 0px;}
.case_top_list .case_cont > div .item_ba figure + figure figcaption {color: #FFF;}
.case_top_list .case_cont > div .item_ba figure picture {overflow: hidden; aspect-ratio: 1/1;}
.case_top_list .case_cont > div .item_ba figure picture img {object-fit: cover; width: 100%; height: 100%; border-radius: 0px 0px 8px 8px;}
.case_top_list .case_cont > div .item_ba figure + figure picture {padding: 0px 5px 5px 5px;box-sizing: border-box;}
.case_top_list .case_cont > div .item_info {margin-top: 30px;}
.case_top_list .case_cont > div .item_info dl {display: flex; align-items: center; padding: 10px; border-bottom: 1px solid #DBDBDB;}
.case_top_list .case_cont > div .item_info dl:last-child {border-bottom: none;}
.case_top_list .case_cont > div .item_info dl dt {width: 80px; box-sizing: border-box; font-size: 12px; font-weight: bold; flex-shrink: 0;}
.case_top_list .case_cont > div .item_info dl dd {width: calc(100% - 80px); box-sizing: border-box; font-size: 12px;}
.case_top_list .case_cont > div .item_info dl.praice1 {padding: 0px 5px 10px;}
.case_top_list .case_cont > div .item_info dl.praice2 {padding: 15px 5px;}
.case_top_list .case_cont > div .item_info dl.praice1 dt,
.case_top_list .case_cont > div .item_info dl.praice2 dt {font-size: 15px;}
.case_top_list .case_cont > div .item_info dl.praice1 dd strong {font-family: var(--aplig); line-height: 0.5; letter-spacing: 0.025em; font-size:60px; color: #E9621F;}
.case_top_list .case_cont > div .item_info dl.praice1 dd span {font-size: 28px; line-height: 1; font-weight: bold;color: #E9621F;margin-left: 5px;}
.case_top_list .case_cont > div .item_info dl.praice2 dd strong {font-family: var(--aplig); line-height: 1; letter-spacing: 0.025em; font-size:38px ;}
.case_top_list .case_cont > div .item_info dl.praice2 dd span {font-size: 14px; line-height: 1; font-weight: bold;margin-left: 5px;}
.case_top_list .case_cont:after {content: "";width: 54px; height: 54px; border-radius: 5px 0px 35px 0px; background: #D2742F url(../images/case_arrow.svg) no-repeat; background-position: center center; position:absolute; right: 0; bottom: 0;}

.case_list_row {max-width: 1200px; margin:0px auto; display: flex; justify-content: space-between;}
.case_list_left {width: calc(100% - 303px); padding-bottom: 120px;}
.case_list_left > div > a {padding-bottom: 40px; border-bottom: 3px solid #D2742F; display: block; position: relative;}
.case_list_left > div > a + a {margin-top: 30px;}
.case_list_left > div h2 {font-size: 35px; font-weight: bold; line-height: 1.2; border-left: 7px solid var(--green); padding-left: 20px;}
.case_list_left > div div.cat_time {display: flex; justify-content: space-between; margin-top: 20px;}
.case_list_left > div div.cat_time ul {display: flex; flex-wrap: wrap; gap:5px; flex-shrink: 0; width: calc(100% - 8em);}
.case_list_left > div div.cat_time ul li {font-size: 16px; background-color: #C8E0C5; border-radius:20px; padding: 7px 15px; line-height: 1;}
.case_list_left > div div.cat_time p.time {font-size: 15px; width: 6em;}
.case_list_left > div div.item_cont {display: flex; align-items: flex-start; justify-content: space-between; margin-top: 20px;}
.case_list_left > div div.item_cont .item_ba { width: 48.5%; display: flex; justify-content: space-between; position: relative;}
.case_list_left > div div.item_cont .item_ba:after {content: "";width: 9px; height: 26px; clip-path: polygon(0 0, 0% 100%, 100% 50%); background-color:var(--green); position: absolute; margin: auto; top: 0; right: 0; left: 0; bottom: 0;}
.case_list_left > div div.item_cont .item_ba figure {width: 47%; border-radius: 10px;box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.15); background-color: #C8E0C5; box-sizing: border-box;}
.case_list_left > div div.item_cont .item_ba figure + figure {background-color: #EF3F3F; color: #FFF; }
.case_list_left > div div.item_cont .item_ba figure figcaption {text-align: center; font-size: 14px;}
.case_list_left > div div.item_cont .item_ba figure picture { overflow: hidden; aspect-ratio: 8/9;}
.case_list_left > div div.item_cont .item_ba figure picture img {object-fit: cover; width: 100%; height: 100%; border-radius: 0px 0px 8px 8px;}
.case_list_left > div div.item_cont .item_ba figure + figure picture {padding: 0px 5px 5px 5px; box-sizing: border-box;}
.case_list_left > div div.item_cont .item_info {width: 49%;}
.case_list_left > div div.item_cont .item_info dl {display: flex; align-items: center; padding: 10px; border-bottom: 1px solid #DBDBDB;}
.case_list_left > div div.item_cont .item_info dl:last-child {border-bottom: none;}
.case_list_left > div div.item_cont .item_info dl dt {width: 120px; box-sizing: border-box; font-size: 16px; font-weight: bold; flex-shrink: 0;}
.case_list_left > div div.item_cont .item_info dl dd {width: calc(100% - 120px); box-sizing: border-box; font-size: 16px;}
.case_list_left > div div.item_cont .item_info dl.praice1 {padding: 0px 5px 10px;}
.case_list_left > div div.item_cont .item_info dl.praice2 {padding: 10px 5px;}
.case_list_left > div div.item_cont .item_info dl.praice1 dt,
.case_list_left > div div.item_cont .item_info dl.praice2 dt {font-size: 20px;}
.case_list_left > div div.item_cont .item_info dl.praice1 dd strong {font-family: var(--aplig); line-height: 0.5; letter-spacing: 0.025em; font-size:80px; color: #E9621F;}
.case_list_left > div div.item_cont .item_info dl.praice1 dd span {font-size: 36px; line-height: 1; font-weight: bold;color: #E9621F;margin-left: 5px;}
.case_list_left > div div.item_cont .item_info dl.praice2 dd strong {font-family: var(--aplig); line-height: 1; letter-spacing: 0.025em; font-size:48px ;}
.case_list_left > div div.item_cont .item_info dl.praice2 dd span {font-size: 18px; line-height: 1; font-weight: bold;margin-left: 5px;}
.case_list_left > div > a:after {content: "";width: 45px; height: 45px; border-radius: 70px 0px 0px 0px; background: #D2742F url(../images/case_arrow.svg) no-repeat; background-position: right 10px bottom 8px; position:absolute; right: 0; bottom: 0;}

.case_list_right {width: 243px;}
.case_list_right h3 {font-size: 25px; font-weight: bold; padding-left: 10px; border-left: 5px solid var(--green); line-height: 1.2;}
.case_list_right > div.area > div {display: flex; justify-content: space-between; margin-top: 24px;}
.case_list_right > div.area dl {width: 49.5%;}
.case_list_right > div.area dl dt {font-size: 14px; font-weight: bold; border-left:2px solid var(--green); padding-left: 5px; line-height: 1.2;}
.case_list_right > div.area dl dd ul {margin-top: 10px; list-style: outside;}
.case_list_right > div.area dl dd ul li {margin-left: 1.5em; line-height: 1.2;}
.case_list_right > div.area dl dd ul li + li {margin-top: 5px;}
.case_list_right > div.area dl dd ul li a {font-size: 14px; display: block;}
.case_list_right > div.purpose {margin-top: 40px;}
.case_list_right > div.purpose ul {margin-top: 20px;}
.case_list_right > div.purpose ul li {border-left: 2px solid var(--green);}
.case_list_right > div.purpose ul li + li {margin-top: 15px;}
.case_list_right > div.purpose ul li a {font-size: 14px; font-weight: bold; line-height: 1.3; padding-left: 10px; display: block;}
.case_list_right p.obt {width: 100%; margin-top: 20px;}
.case_list_right p.obt a {font-size: 16px;}
.case_list_right p.obt a:after {right: 17px; width: 6px; height: 6px;}

.case_data_left {width: calc(100% - 303px); padding-bottom: 120px;}
.case_data_left > div.data_head {display: flex; justify-content: space-between; margin-top: 20px;}
.case_data_left > div.data_head ul {display: flex; flex-wrap: wrap; gap:5px; flex-shrink: 0;width: calc(100% - 8em);}
.case_data_left > div.data_head ul li {font-size: 16px; background-color: #C8E0C5; border-radius:20px; padding: 7px 15px; line-height: 1;}
.case_data_left > div.data_head p.time {font-size: 15px; width: 6em;}
.case_data_left > div.item_cont {display: flex; align-items: flex-start; justify-content: space-between; margin-top: 20px;}
.case_data_left > div.item_cont .item_ba { width: 48.5%; display: flex; justify-content: space-between; position: relative;}
.case_data_left > div.item_cont .item_ba:after {content: "";width: 9px; height: 26px; clip-path: polygon(0 0, 0% 100%, 100% 50%); background-color:var(--green); position: absolute; margin: auto; top: 0; right: 0; left: 0; bottom: 0;}
.case_data_left > div.item_cont .item_ba figure {width: 47%; border-radius: 10px;box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.15); background-color: #C8E0C5; box-sizing: border-box;}
.case_data_left > div.item_cont .item_ba figure + figure {background-color: #EF3F3F; color: #FFF; }
.case_data_left > div.item_cont .item_ba figure figcaption {text-align: center; font-size: 14px;}
.case_data_left > div.item_cont .item_ba figure picture { overflow: hidden; aspect-ratio: 8/9;}
.case_data_left > div.item_cont .item_ba figure picture img {object-fit: cover; width: 100%; height: 100%; border-radius: 0px 0px 8px 8px;}
.case_data_left > div.item_cont .item_ba figure + figure picture {padding: 0px 5px 5px 5px; box-sizing: border-box;}
.case_data_left > div.item_cont .item_info {width: 49%;}
.case_data_left > div.item_cont .item_info dl {display: flex; align-items: center; padding: 10px; border-bottom: 1px solid #DBDBDB;}
.case_data_left > div.item_cont .item_info dl:last-child {border-bottom: none;}
.case_data_left > div.item_cont .item_info dl dt {width: 120px; box-sizing: border-box; font-size: 16px; font-weight: bold; flex-shrink: 0;}
.case_data_left > div.item_cont .item_info dl dd {width: calc(100% - 120px); box-sizing: border-box; font-size: 16px;}
.case_data_left > div.item_cont .item_info dl.praice1 {padding: 0px 5px 10px;}
.case_data_left > div.item_cont .item_info dl.praice2 {padding: 10px 5px;}
.case_data_left > div.item_cont .item_info dl.praice1 dt,
.case_data_left > div.item_cont .item_info dl.praice2 dt {font-size: 20px;}
.case_data_left > div.item_cont .item_info dl.praice1 dd strong {font-family: var(--aplig); line-height: 0.5; letter-spacing: 0.025em; font-size:80px; color: #E9621F;}
.case_data_left > div.item_cont .item_info dl.praice1 dd span {font-size: 36px; line-height: 1; font-weight: bold;color: #E9621F;margin-left: 5px;}
.case_data_left > div.item_cont .item_info dl.praice2 dd strong {font-family: var(--aplig); line-height: 1; letter-spacing: 0.025em; font-size:48px ;}
.case_data_left > div.item_cont .item_info dl.praice2 dd span {font-size: 18px; line-height: 1; font-weight: bold;margin-left: 5px;}

.case_data_left > div.staff_voice {margin-top: 60px; position: relative;}
.case_data_left > div.customer_voice {margin-top: 30px;}
.case_data_left > div.staff_voice h2,
.case_data_left > div.customer_voice h2 { background-color: #FAF4DF; font-size: 30px; font-weight: bold; text-align: center; border-radius: 40px; padding: 15px 0px; line-height: 1.2;}
.case_data_left > div.staff_voice > figure {position: absolute; right: 0; top: -60px;}
.case_data_left > div.staff_voice > figure picture {width: 156px; height: 156px; overflow: hidden; border-radius: 100%;}
.case_data_left > div.staff_voice > figure picture img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.case_data_left > div.staff_voice h3,
.case_data_left > div.customer_voice h3 {margin-top: 30px; font-size: 20px; font-weight: bold; color: var(--green); padding-bottom: 5px; border-bottom: 2px dotted #C8E0C5; line-height: 1.5;}
.case_data_left > div.staff_voice p.txt,
.case_data_left > div.customer_voice p.txt {font-size: 16px; line-height: 1.6; margin-top: 10px;}
.case_data_left > div.customer_voice p.etc {margin-top: 10px; font-size: 10px;}

.case_data_left > div.data_pagenation {margin-top: 30px;}
.case_data_left > div.data_pagenation ul {display: flex; justify-content: center; gap: 0px 15px;}
.case_data_left > div.data_pagenation ul li.list {width: 336px; height: 50px;}
.case_data_left > div.data_pagenation ul li.list a {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 20px; color: #FFF; border-radius: 40px; background-image: linear-gradient(180deg, rgba(234, 172, 59, 1), rgba(202, 97, 43, 1));box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.15); position: relative; font-weight: bold;}
.case_data_left > div.data_pagenation ul li.list a:after {content: ""; width: 8px; height: 8px; border-right: 2px solid #FFF; border-bottom: 2px solid #FFF; transform: rotate(-45deg); position: absolute; right: 30px; top: calc(50% - 5px);}
.case_data_left > div.data_pagenation ul li.prev,
.case_data_left > div.data_pagenation ul li.next {width: 95px; height: 50px;}
.case_data_left > div.data_pagenation ul li.prev a,
.case_data_left > div.data_pagenation ul li.next a {width: 100%; height: 100%; display: flex; align-items: center; font-size: 20px; color: #FFF; border-radius: 25px; background-image: linear-gradient(180deg, rgba(245, 222, 93, 1), rgba(224, 189, 55, 1));box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.15); position: relative; font-weight: bold; padding: 0px 18px; box-sizing: border-box;}
.case_data_left > div.data_pagenation ul li.prev a {justify-content: flex-end;}
.case_data_left > div.data_pagenation ul li.prev a:after,
.case_data_left > div.data_pagenation ul li.next a:after {content: ""; width: 8px; height: 8px; border-right: 2px solid #FFF; border-bottom: 2px solid #FFF; transform: rotate(-45deg); position: absolute; top: calc(50% - 5px);}
.case_data_left > div.data_pagenation ul li.prev a:after { left: 18px; transform: rotate(135deg);}
.case_data_left > div.data_pagenation ul li.next a:after { right: 18px;}


@media only screen and (max-width:1200px){
.case_top_head {max-width: 1200px; margin: 0px auto; padding:0px 20px 70px;}
.case_top_area {max-width: 1200px; margin: 0px auto 0px; padding:0px 20px 70px;}
.case_top_purpose {max-width: 1200px; margin: 0px auto 0px; padding:0px 20px 70px;}
.case_top_purpose .purpose_list ul li {width: calc((100% - 34px) / 2);position: relative;}
.case_top_purpose .purpose_list ul li a {padding: 18px 30px 18px 18px;}
.case_top_list {max-width: 1200px; margin: 0px auto 0px; padding:0px 20px 150px;}

.case_top_list .case_list {margin-top: 40px; display: flex; flex-wrap: wrap; justify-content: center; gap:40px 20px;}

.case_list_row {max-width: 1200px; margin:0px auto; display: flex; justify-content: space-between; padding: 0px 20px;}
.case_list_left > div div.item_cont .item_info dl.praice1 dd strong {font-family: var(--aplig); line-height: 0.5; letter-spacing: 0.025em; font-size:50px; color: #E9621F;}
.case_list_left > div div.item_cont .item_info dl.praice1 dd span {font-size: 26px; line-height: 1; font-weight: bold;color: #E9621F;margin-left: 5px;}
.case_list_left > div div.item_cont .item_info dl.praice2 dd strong {font-family: var(--aplig); line-height: 1; letter-spacing: 0.025em; font-size:38px ;}
.case_list_left > div div.item_cont .item_info dl.praice2 dd span {font-size: 18px; line-height: 1; font-weight: bold;margin-left: 5px;}

.case_data_left > div.item_cont .item_info dl.praice1 dd strong {font-family: var(--aplig); line-height: 0.5; letter-spacing: 0.025em; font-size:50px; color: #E9621F;}
.case_data_left > div.item_cont .item_info dl.praice1 dd span {font-size: 20px; line-height: 1; font-weight: bold;color: #E9621F;margin-left: 5px;}
.case_data_left > div.item_cont .item_info dl.praice2 dd strong {font-family: var(--aplig); line-height: 1; letter-spacing: 0.025em; font-size:38px ;}
.case_data_left > div.item_cont .item_info dl.praice2 dd span {font-size: 18px; line-height: 1; font-weight: bold;margin-left: 5px;}

}

@media only screen and (max-width:1000px){
.case_data_left > div.staff_voice > figure {position: relative; right: 0; top: 0px; margin-top: 30px;}
.case_data_left > div.staff_voice > figure picture {margin: 0px auto;}

.case_list_left > div div.item_cont {display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; margin-top: 20px;}
.case_list_left > div div.item_cont .item_ba { width: 100%; display: flex; justify-content: space-between; position: relative;}
.case_list_left > div div.item_cont .item_info {width: 100%; margin-top: 30px;}
.case_list_left > div div.item_cont .item_info dl.praice1 dd strong {font-family: var(--aplig); line-height: 0.5; letter-spacing: 0.025em; font-size:65px; color: #E9621F;}
.case_list_left > div div.item_cont .item_info dl.praice1 dd span {font-size: 28px; line-height: 1; font-weight: bold;color: #E9621F;margin-left: 5px;}
.case_list_left > div div.item_cont .item_info dl.praice2 dd strong {font-family: var(--aplig); line-height: 1; letter-spacing: 0.025em; font-size:38px ;}
.case_list_left > div div.item_cont .item_info dl.praice2 dd span {font-size: 14px; line-height: 1; font-weight: bold;margin-left: 5px;}

.case_data_left > div.item_cont {display: flex; align-items: flex-start; flex-direction: column; justify-content: space-between; margin-top: 20px;}
.case_data_left > div.item_cont .item_ba { width: 100%; display: flex; justify-content: space-between; position: relative;}
.case_data_left > div.item_cont .item_info {width: 100%; margin-top: 30px;}

.case_data_left > div.item_cont .item_info dl.praice1 dd strong {font-family: var(--aplig); line-height: 0.5; letter-spacing: 0.025em; font-size:65px; color: #E9621F;}
.case_data_left > div.item_cont .item_info dl.praice1 dd span {font-size: 28px; line-height: 1; font-weight: bold;color: #E9621F;margin-left: 5px;}
.case_data_left > div.item_cont .item_info dl.praice2 dd strong {font-family: var(--aplig); line-height: 1; letter-spacing: 0.025em; font-size:38px ;}
.case_data_left > div.item_cont .item_info dl.praice2 dd span {font-size: 14px; line-height: 1; font-weight: bold;margin-left: 5px;}

}

@media only screen and (max-width:768px){
 .case_data_left {width: 100%; padding:0px 20px 120px; box-sizing: border-box;}

.case_top_area .area_list dl {padding-bottom: 30px; border-bottom:1px solid #D3D3D3; display: flex; flex-direction: column;}
.case_top_area .area_list dl dt {width: 100%; flex-shrink: 0; font-size: 20px; font-weight: bold; color: var(--green);}
.case_top_area .area_list dl dd {width: 100%; margin-top: 20px;}

.case_order {display: flex; flex-direction: column;}
.case_list_row {max-width: 1200px; margin:0px auto; display: contents; flex-direction: column; justify-content: space-between; padding: 0px 20px;}
.case_list_left {width: 100%; order: 1; padding: 0px 20px 40px;box-sizing: border-box;}
.case_list_right {width: 100%; order: 4; padding: 0px 20px; box-sizing: border-box;}
.case_order .ftext {order: 2;}
.case_order .consultation {order: 3;}
.case_order .consultation:after {content: none;}

.case_list_right h3 {font-size: 20px; font-weight: bold; padding-left: 0px; border-left: none; background-color: #FAF4DF;
border-radius: 6px; font-family: var(--tkd); text-align: center; line-height: 1; padding: 20px 0px;}
.case_list_right > div.area > div {display: flex; flex-direction: column; justify-content: space-between; margin-top: 24px;}
.case_list_right > div.area dl {width: 100%; padding-bottom: 30px; border-bottom:1px solid #D3D3D3;}
.case_list_right > div.area dl dt {font-size: 16px; font-weight: bold; color: var(--green); border-left:none; padding-left: 0px; line-height: 1.2;}
.case_list_right > div.area dl dd ul {margin-top: 10px; list-style: none; display: flex; flex-wrap: wrap; gap: 15px;}
.case_list_right > div.area dl dd ul li {margin-left:0; line-height: 1.2; width: calc((100% - 30px) / 3); position: relative;}
.case_list_right > div.area dl dd ul li + li {margin-top: 0px;}
.case_list_right > div.area dl dd ul li a {display: block;font-size: 16px; text-align: center; color: #FFF;background-color: var(--green); border-radius: 5px;box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.16); line-height: 1.2; padding: 7px;}
.case_list_right > div.area dl dd ul li a:after {content: ""; width: 6px; height: 6px; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; transform: rotate(-45deg); position: absolute; right: 10px; top: calc(50% - 3px);}
.case_list_right > div.area dl + dl {border-bottom: none; padding-top: 30px; padding-bottom: 0px;}
.case_list_right > div.purpose {margin-top: 40px;}
.case_list_right > div.purpose ul {margin-top: 20px;display: flex; flex-wrap: wrap; gap: 15px; }
.case_list_right > div.purpose ul li {border-left: none; line-height: 1.2; width: calc((100% - 15px) / 2);position: relative;}
.case_list_right > div.purpose ul li + li {margin-top: 0px;}
.case_list_right > div.purpose ul li a {display: block;font-size: 16px; text-align: center; color: #FFF;background-color: var(--green); border-radius: 5px;box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.16); line-height: 1.2; padding: 18px 30px 18px 18px;}
.case_list_right > div.purpose ul li a:after {content: ""; width: 6px; height: 6px; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; transform: rotate(-45deg); position: absolute; right: 10px; top: calc(50% - 3px);}
.case_list_right p.obt {width: 100%; margin-top: 30px;}
.case_list_right p.obt a {font-size: 16px;}
.case_list_right p.obt a:after {right: 17px; width: 6px; height: 6px;}


}
@media only screen and (max-width:500px){
.case_top_head {max-width: 1200px; margin: 0px auto; padding:0px 20px 35px;}
.case_top_head > h2 {font-size: 28px; color: var(--green); font-family: var(--tkd); line-height: 1.5;}
.case_top_head > h2 + p {margin-top: 30px;}
.case_top_head > p {font-size: 16px; line-height: 1.5;}

.case_top_area {max-width: 1200px; margin: 0px auto 0px; padding:0px 20px 35px;}
.case_top_area > h3 { background-color: #FAF4DF; border-radius: 6px; font-size: 20px; font-family: var(--tkd); text-align: center; line-height: 1; padding: 20px 0px;}
.case_top_area > p {margin-top: 30px; font-size: 16px;}
.case_top_area .area_list {margin-top: 34px;}
.case_top_area .area_list dl {padding-bottom: 30px; border-bottom:1px solid #D3D3D3; display: flex; flex-direction: column;}
.case_top_area .area_list dl dt {width: 100%; flex-shrink: 0; font-size: 16px; font-weight: bold; color: var(--green);}
.case_top_area .area_list dl dd {width: 100%; margin-top: 20px;}
.case_top_area .area_list dl dd ul {display: flex; flex-wrap: wrap; gap: 15px;}
.case_top_area .area_list dl dd ul li {width: calc((100% - 30px) / 3); position: relative;}
.case_top_area .area_list dl dd ul li a {display: block;font-size: 16px; text-align: center; color: #FFF;background-color: var(--green); border-radius: 5px;box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.16); line-height: 1.2; padding: 7px;}
.case_top_area .area_list dl dd ul li:after {content: ""; width: 6px; height: 6px; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; transform: rotate(-45deg); position: absolute; right: 10px; top: calc(50% - 3px);}
.case_top_area .area_list dl + dl {padding: 30px 0px 0px 0px; border-bottom: none;}

.case_top_purpose {max-width: 1200px; margin: 0px auto 0px; padding:0px 20px 35px;}
.case_top_purpose > h3 { background-color: #FAF4DF; border-radius: 6px; font-size: 20px; font-family: var(--tkd); text-align: center; line-height: 1; padding: 20px 0px;}
.case_top_purpose > p {margin-top: 30px; font-size: 16px;}
.case_top_purpose .purpose_list {margin-top: 34px;}
.case_top_purpose .purpose_list ul {display: flex; flex-wrap: wrap; gap: 15px;}
.case_top_purpose .purpose_list ul li {width: calc((100% - 15px) / 2);position: relative;}
.case_top_purpose .purpose_list ul li a {display: block;font-size: 16px; text-align: center; color: #FFF;background-color: var(--green); border-radius: 5px;box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.16); line-height: 1.2; padding: 18px 30px 18px 18px;}
.case_top_purpose .purpose_list ul li:after {content: ""; width: 6px; height: 6px; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; transform: rotate(-45deg); position: absolute; right: 10px; top: calc(50% - 3px);}

.case_top_list {max-width: 1200px; margin: 0px auto 0px; padding-bottom: 40px;}
.case_top_list > h3 { background-color: #FAF4DF; border-radius: 6px; font-size: 20px; font-family: var(--tkd); text-align: center; line-height: 1; padding: 20px 0px;}
.case_top_list > p {margin-top: 30px; font-size: 16px;}
.case_top_list .case_list {margin-top: 30px; display: flex; flex-wrap: wrap; justify-content: center; gap:30px 0px;}

.case_list_left > div > a {padding-bottom: 20px; border-bottom: 3px solid #D2742F; display: block; position: relative;}
.case_list_left > div h2 {font-size: 20px; font-weight: bold; line-height: 1.2; border-left: 7px solid var(--green); padding-left: 20px;}
.case_list_left > div div.cat_time {display: flex; flex-direction: column; justify-content: space-between; margin-top: 10px;}
.case_list_left > div div.cat_time ul {display: flex; flex-wrap: wrap; gap:5px; flex-shrink: 0; width:100%;}
.case_list_left > div div.cat_time ul li {font-size: 12px; background-color: #C8E0C5; border-radius:20px; padding: 7px 15px; line-height: 1;}
.case_list_left > div div.cat_time p.time {font-size: 10px; width: 100%; margin-top: 5px;}

.case_list_left > div div.item_cont {display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; margin-top: 10px;}
.case_list_left > div div.item_cont .item_info dl dt {width: 90px; box-sizing: border-box; font-size: 12px; font-weight: bold; flex-shrink: 0;}
.case_list_left > div div.item_cont .item_info dl dd {width: calc(100% - 90px); box-sizing: border-box; font-size: 12px;}
.case_list_left > div div.item_cont .item_info dl.praice1 {padding: 0px 5px 10px;}
.case_list_left > div div.item_cont .item_info dl.praice2 {padding: 10px 5px;}
.case_list_left > div div.item_cont .item_info dl.praice1 dt,
.case_list_left > div div.item_cont .item_info dl.praice2 dt {font-size: 15px;}
.case_list_left > div div.item_cont .item_info dl.praice1 dd strong {font-family: var(--aplig); line-height: 0.5; letter-spacing: 0.025em; font-size:50px; color: #E9621F;}
.case_list_left > div div.item_cont .item_info dl.praice1 dd span {font-size: 20px; line-height: 1; font-weight: bold;color: #E9621F;margin-left: 5px;}
.case_list_left > div div.item_cont .item_info dl.praice2 dd strong {font-family: var(--aplig); line-height: 1; letter-spacing: 0.025em; font-size:30px ;}
.case_list_left > div div.item_cont .item_info dl.praice2 dd span {font-size: 14px; line-height: 1; font-weight: bold;margin-left: 5px;}

.case_data_left {width: 100%; padding-bottom: 70px;}
.case_data_left > div.data_head {display: flex; flex-direction: column; justify-content: space-between; margin-top: 0px;}
.case_data_left > div.data_head ul {display: flex; flex-wrap: wrap; gap:5px; flex-shrink: 0;width: 100%}
.case_data_left > div.data_head ul li {font-size: 12px; background-color: #C8E0C5; border-radius:20px; padding: 7px 15px; line-height: 1;}
.case_data_left > div.data_head p.time {font-size: 10px; width: 6em; margin-top: 5px;}
.case_data_left > div.item_cont {display: flex; align-items: flex-start; justify-content: space-between; margin-top: 10px;}
.case_data_left > div.item_cont .item_ba { width: 100%; display: flex; justify-content: space-between; position: relative;}
.case_data_left > div.item_cont .item_ba:after {content: "";width: 9px; height: 26px; clip-path: polygon(0 0, 0% 100%, 100% 50%); background-color:var(--green); position: absolute; margin: auto; top: 0; right: 0; left: 0; bottom: 0;}
.case_data_left > div.item_cont .item_ba figure {width: 47%; border-radius: 10px;box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.15); background-color: #C8E0C5; box-sizing: border-box;}
.case_data_left > div.item_cont .item_ba figure + figure {background-color: #EF3F3F; color: #FFF; }
.case_data_left > div.item_cont .item_ba figure figcaption {text-align: center; font-size: 14px;}
.case_data_left > div.item_cont .item_ba figure picture { overflow: hidden; aspect-ratio: 8/9;}
.case_data_left > div.item_cont .item_ba figure picture img {object-fit: cover; width: 100%; height: 100%; border-radius: 0px 0px 8px 8px;}
.case_data_left > div.item_cont .item_ba figure + figure picture {padding: 0px 5px 5px 5px; box-sizing: border-box;}
.case_data_left > div.item_cont .item_info {width: 100%; margin-top: 30px;}
.case_data_left > div.item_cont .item_info dl {display: flex; align-items: center; padding: 10px; border-bottom: 1px solid #DBDBDB;}
.case_data_left > div.item_cont .item_info dl:last-child {border-bottom: none;}
.case_data_left > div.item_cont .item_info dl dt {width: 90px; box-sizing: border-box; font-size: 12px; font-weight: bold; flex-shrink: 0;}
.case_data_left > div.item_cont .item_info dl dd {width: calc(100% - 90px); box-sizing: border-box; font-size: 12px;}
.case_data_left > div.item_cont .item_info dl.praice1 {padding: 0px 5px 10px;}
.case_data_left > div.item_cont .item_info dl.praice2 {padding: 10px 5px;}
.case_data_left > div.item_cont .item_info dl.praice1 dt,
.case_data_left > div.item_cont .item_info dl.praice2 dt {font-size: 15px;}
.case_data_left > div.item_cont .item_info dl.praice1 dd strong {font-family: var(--aplig); line-height: 0.5; letter-spacing: 0.025em; font-size:60px; color: #E9621F;}
.case_data_left > div.item_cont .item_info dl.praice1 dd span {font-size: 26px; line-height: 1; font-weight: bold;color: #E9621F;margin-left: 5px;}
.case_data_left > div.item_cont .item_info dl.praice2 dd strong {font-family: var(--aplig); line-height: 1; letter-spacing: 0.025em; font-size:38px ;}
.case_data_left > div.item_cont .item_info dl.praice2 dd span {font-size: 14px; line-height: 1; font-weight: bold;margin-left: 5px;}

.case_data_left > div.staff_voice {margin-top: 40px; position: relative;}
.case_data_left > div.customer_voice {margin-top: 30px;}
.case_data_left > div.staff_voice h2,
.case_data_left > div.customer_voice h2 { background-color: #FAF4DF; font-size: 20px; font-weight: bold; text-align: center; border-radius: 40px; padding: 15px 20px; line-height: 1.2; }
.case_data_left > div.staff_voice > figure {position: relative; right: 0; top: 0px; margin-top: 24px;}
.case_data_left > div.staff_voice > figure picture {width: 156px; height: 156px; overflow: hidden; border-radius: 100%; margin: 0px auto;}
.case_data_left > div.staff_voice > figure picture img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.case_data_left > div.staff_voice h3,
.case_data_left > div.customer_voice h3 {margin-top: 30px; font-size: 20px; font-weight: bold; color: var(--green); padding-bottom: 5px; border-bottom: 2px dotted #C8E0C5; line-height: 1.5;}
.case_data_left > div.staff_voice p.txt,
.case_data_left > div.customer_voice p.txt {font-size: 16px; line-height: 1.6; margin-top: 10px;}
.case_data_left > div.customer_voice p.etc {margin-top: 10px; font-size: 10px;}

.case_data_left > div.data_pagenation {margin-top: 30px;}
.case_data_left > div.data_pagenation ul {display: flex; justify-content: center; gap:15px; flex-wrap: wrap;}
.case_data_left > div.data_pagenation ul li.list {width:100%; height: 50px; order: 1;}
.case_data_left > div.data_pagenation ul li.list a {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 20px; color: #FFF; border-radius: 40px; background-image: linear-gradient(180deg, rgba(234, 172, 59, 1), rgba(202, 97, 43, 1));box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.15); position: relative; font-weight: bold;}
.case_data_left > div.data_pagenation ul li.list a:after {content: ""; width: 8px; height: 8px; border-right: 2px solid #FFF; border-bottom: 2px solid #FFF; transform: rotate(-45deg); position: absolute; right: 30px; top: calc(50% - 5px);}
.case_data_left > div.data_pagenation ul li.prev,
.case_data_left > div.data_pagenation ul li.next {width: 95px; height: 50px;}
.case_data_left > div.data_pagenation ul li.prev a,
.case_data_left > div.data_pagenation ul li.next a {width: 100%; height: 100%; display: flex; align-items: center; font-size: 20px; color: #FFF; border-radius: 25px; background-image: linear-gradient(180deg, rgba(245, 222, 93, 1), rgba(224, 189, 55, 1));box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.15); position: relative; font-weight: bold; padding: 0px 18px; box-sizing: border-box;}
.case_data_left > div.data_pagenation ul li.prev a {justify-content: flex-end;}
.case_data_left > div.data_pagenation ul li.prev a:after,
.case_data_left > div.data_pagenation ul li.next a:after {content: ""; width: 8px; height: 8px; border-right: 2px solid #FFF; border-bottom: 2px solid #FFF; transform: rotate(-45deg); position: absolute; top: calc(50% - 5px);}
.case_data_left > div.data_pagenation ul li.prev a:after { left: 18px; transform: rotate(135deg);}
.case_data_left > div.data_pagenation ul li.next a:after { right: 18px;}

}