@charset "UTF-8";

/*******************************************************************************
                                    layout
********************************************************************************/
.short-term-abroad [class^='area-pg'] {margin:0 auto;max-width:680rem;}
#programs-detail .short-term-abroad  > article, 
#programs-detail .short-term-abroad  section > article, 
#programs-detail .short-term-abroad  article > section{padding: 0;}

@media screen and (max-width: 991px) {
    .short-term-abroad [class^='area-pg'] {width:100%;}
}
/*******************************************************************************
                           페이지 앵커 네비게이션
********************************************************************************/
.area-pg-anchor-wrap {position:relative;}
.area-pg-anchor {width:100%;}
.area-pg-anchor:not(.clone) {position:absolute;}
.area-pg-anchor.sticky {position:fixed;top:0;left:50%;z-index:9;width:100%;transform:translateX(-50%);}
.area-pg-anchor ul {display:flex;}
.area-pg-anchor li {flex:1;padding:28rem 20rem 20rem;border-right:1rem solid #c8c8c9;background-color:#e1e1e1;color:#a3a3a3;box-sizing:border-box;}
.area-pg-anchor li:last-child {border-color: transparent;}
.area-pg-anchor li a {display:block;}
.area-pg-anchor li a strong {display:block;margin-bottom:12rem;width:118rem;height:25rem;background-repeat:no-repeat;background-position:center center;background-size:100%;font-size:0;;text-indent:-9999px;}
.area-pg-anchor li a span {display:block;line-height:1;letter-spacing:-1px;}
.area-pg-anchor li:first-child a strong {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/short-term-abroad/text-nav-01.png);}
.area-pg-anchor li:nth-child(2) a strong {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/short-term-abroad/text-nav-02.png);}
.area-pg-anchor li:last-child a strong {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/short-term-abroad/text-nav-03.png);}
.area-pg-anchor li:hover:first-child,
.area-pg-anchor li.active:first-child {background-color:#00a26b;color:#b7ffea;}
.area-pg-anchor li:hover:nth-child(2),
.area-pg-anchor li.active:nth-child(2) {background-color:#0044ce;color:#b7f1ff;}
.area-pg-anchor li:hover:last-child,
.area-pg-anchor li.active:last-child {background-color:#ee3140;color:#ffcccb;}
.area-pg-anchor li:hover:first-child a strong,
.area-pg-anchor li.active:first-child a strong {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/short-term-abroad/text-nav-01-on.png);}
.area-pg-anchor li:hover:nth-child(2) a strong,
.area-pg-anchor li.active:nth-child(2) a strong {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/short-term-abroad/text-nav-02-on.png);}
.area-pg-anchor li:hover:last-child a strong,
.area-pg-anchor li.active:last-child a strong {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/short-term-abroad/text-nav-03-on.png);}

@media screen and (max-width: 991px) {
    .area-pg-anchor li {padding:18.2rem 7.8rem 13rem;}
    .area-pg-anchor li a strong {margin-bottom:8rem;width:80rem;height:17rem;}
}

/*******************************************************************************
                            단기연수 컨텐츠 공통
********************************************************************************/
.pg-tab-visual .pg-tab-headline {padding:38rem 35rem;box-sizing:border-box;}
.pg-tab-visual .pg-tab-headline .pg-title {margin-bottom:34rem;padding-top:58rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/short-term-abroad/bg-title-airplane.png) no-repeat top left; background-size:65rem; display: flex;}
.pg-tab-visual .pg-tab-headline .pg-title img {margin-right:16rem;width:100%;max-width:182rem; margin: 0 16rem 0 0;}
.pg-tab-visual .pg-tab-headline .pg-title span {display:inline-block;padding-left:10rem;position:relative;top:5rem;font-size:26rem;line-height:1;}
.pg-tab-visual .pg-tab-headline .pg-title span:after {display:block;position:absolute;top:3rem;left:0;width:1px;height:24rem;content:'';}
.pg-tab-visual .pg-tab-headline .pg-subtitle,
.pg-tab-content .pg-subtitle {text-align:center;}
.pg-tab-visual .pg-tab-headline .pg-subtitle img,
.pg-tab-content .pg-subtitle img {width:100%;max-width:478rem;}
.pg-tab-visual .pg-tab-foreground {position:relative;}
.pg-tab-visual .pg-tab-foreground img {width:100%;}
.pg-tab-visual .pg-tab-foreground .pg-text-wrap {padding:12rem 13rem;position:absolute;bottom:0;width:100%;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/short-term-abroad/bg-tab01-01.png) no-repeat center center;background-size:100%;font-size:16rem;font-weight:300;color:#fff;letter-spacing:-1px;word-break:keep-all;box-sizing:border-box;}
.pg-tab-visual .pg-tab-foreground .pg-text-wrap p + p {margin-top:10rem;}
.pg-tab-content {padding:60rem 18rem;box-sizing:border-box;}
.pg-tab-content .pg-subtitle + .country-wrap {margin-top:68rem;}
.pg-tab-content .country-wrap + .country-wrap {margin-top:68rem;}
.pg-tab-content .country-wrap,
.pg-tab-content .country-info {position:relative;}
.pg-tab-content .country-info {padding-bottom:70rem;}
.pg-tab-content .country-info:after {display:block;clear:both;content:'';}
.pg-tab-content .country-info dt {width:47%;float:left;}
.pg-tab-content .country-info dt:after {display:block;padding:42rem 12rem 0 32rem;border-bottom:1rem solid #cdcdcd;border-right:1rem solid #cdcdcd;position:absolute;bottom:0;left:0;font-size:18rem;font-weight:600;letter-spacing:-1px;}
.pg-tab-content .country-info dt img {width:100%;max-width:303rem;border-radius:50%; isolation: isolate;}
.pg-tab-content .country-info dd {width:48%;float:right;}
.pg-tab-content .country-info dd .country {margin-top:40rem;margin-bottom:20rem;padding-bottom:2rem;padding-left:52rem;background-repeat:no-repeat;background-position:top left;background-size:contain;color:#919191;}
.pg-tab-content .country-info dd .city {margin-bottom:10rem;}
.pg-tab-content .country-info dd .city strong{display:inline-block;margin-right:5rem;font-size:32rem;font-weight:600;line-height:1;color:#000;}
.pg-tab-content .country-info dd .city span {display:inline-block;position:relative;top:-2rem;font-size:28rem;font-weight:300;line-height:1;color:#ababab;}
.pg-tab-content .country-info dd .text {margin-left:2rem;font-size:16rem;color:#484848;word-break:keep-all;}
.pg-tab-content .detail-wrap {padding:55rem 0 0 17rem;border-left:1rem solid #cdcdcd;position:relative;box-sizing:border-box;}
.pg-tab-content .detail-wrap:after {position:absolute;top:-20rem;left:-20rem;width:41rem;height:41rem;background-repeat:no-repeat;background-position:center center;background-size:100%;content:'';}
.pg-tab-content .detail-wrap p.box-title{line-height:1;}
.pg-tab-content .detail-wrap p.box-title strong {display:inline-block;padding-left:30rem;width:215rem;height:34rem;background-repeat:no-repeat;background-position:center center;background-size:100%;font-weight:600;line-height:34rem;color:#fff;letter-spacing:-1px;}
.pg-tab-content .detail-wrap p.box-title span {display:inline-block;font-size:16rem;font-weight:600;}
.pg-tab-content .detail-wrap dl[class^='box-'] + p.box-title {margin-top:70rem;}
.pg-tab-content .detail-wrap dl[class^='box-'] {padding:45rem 30rem;position:relative;background-color:#f2f2f2;box-sizing:border-box;}
.pg-tab-content .detail-wrap dl[class^='box-']:before {display:block;position:absolute;top:-4rem;left:-21rem;width:7rem;height:7rem;content:'';}
.pg-tab-content .detail-wrap dl[class^='box-']:after {display:block;clear:both;content:'';}
.pg-tab-content .detail-wrap dl[class^='box-'] dt {font-weight:600;color:#0c0c0c;}
.pg-tab-content .detail-wrap dl.box-recommend dt {width:114rem;float:left;clear:right;}
.pg-tab-content .detail-wrap dl.box-recommend dd {width:calc(100% - 114rem);float:right;}
.pg-tab-content .detail-wrap dl.box-recommend dd.prepend-logo {margin-bottom:30rem;padding-left:92rem;background-repeat:no-repeat;background-position:top left; background-size: contain;box-sizing:border-box;}
.pg-tab-content .detail-wrap dl.box-recommend dd.prepend-logo strong {display:block;margin-bottom:10rem;line-height:1;letter-spacing:-1px;}
.pg-tab-content .detail-wrap dl.box-recommend dd.prepend-logo p {font-size:17rem;line-height:1.2;}
.pg-tab-content .detail-wrap dl.box-recommend dd > p {font-size:17rem;letter-spacing:-1px;word-break:keep-all;}
.pg-tab-content .detail-wrap dl.box-recommend dd ul{margin-top:20rem;}
.pg-tab-content .detail-wrap dl.box-recommend dd ul li {margin-bottom:10rem;padding-left:20rem;position:relative;font-size:14rem;letter-spacing:-1px;word-break:keep-all;}
.pg-tab-content .detail-wrap dl.box-recommend dd ul li:last-child {margin-bottom:0;}
.pg-tab-content .detail-wrap dl.box-recommend dd ul li:before {display:block;position:absolute;top:3rem;left:0;width:14rem;text-align:center;}
.pg-tab-content .detail-wrap dl.box-recommend dd ul li:first-child:before{content:'*'}
.pg-tab-content .detail-wrap dl.box-recommend dd ul li:last-child:before{content:'**'}
.pg-tab-content .detail-wrap dl.box-activity dt {margin-bottom:6rem;}
.pg-tab-content .detail-wrap dl.box-activity dd + dt {margin-top:60rem;}
.pg-tab-content .detail-wrap dl.box-activity dd img { object-fit: contain; }
.pg-tab-content .detail-wrap dl.box-activity dd img.img-activity-nz {max-width:100%;}
.pg-tab-content .detail-wrap dl.box-activity dd img.img-activity-au {max-width:100%;}
.pg-tab-content .detail-wrap dl.box-activity dd img.img-activity-ca {max-width:100%;}
.pg-tab-content .detail-wrap ul.tip-content {margin-top:40rem}
.pg-tab-content .detail-wrap ul.tip-content li {padding-left:10rem;position:relative;font-size:12px;font-weight:300;color:#808080;text-align:left;letter-spacing:-1px;word-break:keep-all;}
.pg-tab-content .detail-wrap ul.tip-content li:before {display:block;position:absolute;left:0;content:'*';}

@media screen and (max-width: 991px) {
    .pg-tab-visual .pg-tab-headline {padding:24rem 20rem;}
    .pg-tab-content {padding:39rem 20.0rem;}
    .pg-tab-content .country-info {padding-bottom:40rem;}
    .pg-tab-content .detail-wrap dl[class^='box-'] + p.box-title,
    .pg-tab-content .pg-subtitle + .country-wrap {margin-top:40rem;}
    .pg-tab-visual .pg-tab-foreground .pg-text-wrap {background-size:cover;font-size:12.0rem;word-break:keep-all;}
    .pg-tab-visual .pg-tab-headline .pg-title { display: flex; gap: 10rem; align-items: center; margin-bottom: 20rem;padding-top:40rem; background-size:45rem;}
    .pg-tab-visual .pg-tab-headline .pg-title img { margin: 0; width: 120rem; }
    .pg-tab-visual .pg-tab-headline .pg-title span {top: 0; font-size: 17rem;}
    .area-pg-content .pg-tab-visual .pg-tab-headline .pg-title span:after {top: 0;}
    .pg-tab-content .detail-wrap p.box-title strong {padding-left:10.0rem;width:127.4rem;font-size:14.0rem;box-sizing:border-box;}
    .pg-tab-content .country-info dt {width:40%}
    .pg-tab-content .country-info dt:after {padding:30rem 8rem 0 20rem;border-bottom:1rem solid #cdcdcd;border-right:1rem solid #cdcdcd;font-size:14.0rem;}
    .pg-tab-content .country-info dd {width:56%;}
    .pg-tab-content .country-info dd .country {margin-top:15rem; margin-bottom: 10rem; padding-bottom: 0; padding-left: 42rem; background-size: auto 20rem;}
    .pg-tab-content .country-info dd .text {font-size:12.0rem;word-break:keep-all;}
    .pg-tab-content .country-info dd .city strong {font-size:20rem;}
    .pg-tab-content .country-info dd .city span { font-size: 20rem;letter-spacing:-1px;}
    .pg-tab-content .detail-wrap {padding: 15rem 0 0 15rem; }
    .pg-tab-content .detail-wrap:after {top:-13rem;left:-13rem;width:26rem;height:26rem;background-size:contain;}
    .pg-tab-content .detail-wrap dl[class^='box-'] {padding: 30rem 20rem; }
    .pg-tab-content .detail-wrap dl.box-recommend dd.prepend-logo {margin-bottom: 20rem;}
    .pg-tab-content .detail-wrap dl.box-recommend dd > p,
    .pg-tab-content .detail-wrap dl.box-recommend dd.prepend-logo p {font-size:13rem;}
    .pg-tab-content .detail-wrap p.box-title span {font-size:12.0rem;letter-spacing:-1px;}
    .pg-tab-content .detail-wrap dl.box-activity dd + dt {margin-top:40rem;}
    .pg-tab-content .detail-wrap dl.box-activity dd {text-align:center;}
}

@media screen and (max-width: 550px){
    .pg-tab-content .country-info dt:after {border-right:0px;}
    .pg-tab-content .detail-wrap dl.box-recommend dd ul li {font-size:12.0rem;font-weight:300;}
}

@media screen and (max-width: 400px) {
    .pg-tab-content .country-info dt:after {border-right:0px;}
    .pg-tab-content .detail-wrap dl.box-recommend dt {margin-bottom:10.0rem;width:100%;float:none;font-size:14.0rem;}
    .pg-tab-content .detail-wrap dl.box-recommend dd {width:100%;float:none;}
}

/*******************************************************************************
                               단기연수 1개월
********************************************************************************/
.area-pg-content .pg-tab-visual .pg-tab-headline {background-color:#00a26b;}
.area-pg-content .pg-tab-visual .pg-tab-headline .pg-title span {color:#b7ffea;}
.area-pg-content .pg-tab-visual .pg-tab-headline .pg-title span:after {background-color:#b7ffea;}
.area-pg-content .pg-tab-visual .pg-tab-foreground .pg-text-wrap {padding:29rem 12rem;}
.area-pg-content .pg-tab-content .country-info dt:after {color:#00a26b;content:'1개월 연수 코스';}
.pg-tab-content .country-info dd .country.malta{background-image: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/short-term-abroad/bullet-tab01-flag01.png);}
.pg-tab-content .country-info dd .country.nz{background-image: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/short-term-abroad/bullet-tab01-flag02.png);}
.area-pg-content .pg-tab-content .detail-wrap:after {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/short-term-abroad/icon-timeline01.png);}
.area-pg-content .pg-tab-content .detail-wrap p.box-title strong {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/short-term-abroad/bg-tab01-box-title.png);}
.area-pg-content .pg-tab-content .detail-wrap p.box-title span {color:#00a26b;}
.area-pg-content .pg-tab-content .detail-wrap dl[class^='box-']:before {background-color:#00a26b;}
.pg-tab-content .detail-wrap dl.box-recommend dd.prepend-logo.malta {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/short-term-abroad/img-tab01-box01.png);background-size:70rem;}
.pg-tab-content .detail-wrap dl.box-recommend dd.prepend-logo.nz {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/short-term-abroad/img-tab01-box02.png);background-size:69rem;}

/*******************************************************************************
                               단기연수 2개월
********************************************************************************/
.area-pg-content2 .pg-tab-visual .pg-tab-headline{background-color:#0044ce;}
.area-pg-content2 .pg-tab-visual .pg-tab-headline .pg-title span {color:#b7f1ff;}
.area-pg-content2 .pg-tab-visual .pg-tab-headline .pg-title span:after {background-color:#b7f1ff;}
.pg-tab-content .country-info dd .country.au {background-image: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/short-term-abroad/bullet-tab02-flag01.png);}
.pg-tab-content .country-info dd .country.ph {background-image: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/short-term-abroad/bullet-tab02-flag02.png);}
.area-pg-content2 .pg-tab-content .country-info dt:after {color:#0044ce;content:'2개월 연수 코스';}
.area-pg-content2 .pg-tab-content .detail-wrap:after {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/short-term-abroad/icon-timeline02.png);}
.area-pg-content2 .pg-tab-content .detail-wrap p.box-title strong {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/short-term-abroad/bg-tab02-box-title.png);}
.area-pg-content2 .pg-tab-content .detail-wrap p.box-title span {color:#0044ce;}
.area-pg-content2 .pg-tab-content .detail-wrap dl.box-recommend dd.prepend-logo.au {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/short-term-abroad/img-tab01-box02.png);background-size:69rem;}
.area-pg-content2 .pg-tab-content .detail-wrap dl.box-recommend dd.prepend-logo.au p {margin-bottom:20rem;}
.area-pg-content2 .pg-tab-content .detail-wrap dl.box-recommend dd.prepend-logo.ph {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/short-term-abroad/img-tab02-box02_250110.png);background-size:68rem;}
.area-pg-content2 .pg-tab-content .detail-wrap dl.box-recommend dd.prepend-logo.ilsc {
    background-image: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/short-term-abroad/img-tab02-box01.png);
    background-size: 68rem;
}
/*******************************************************************************
                               단기연수 3개월
********************************************************************************/
.area-pg-content3 .pg-tab-visual .pg-tab-headline {background-color:#ee3140;}
.area-pg-content3 .pg-tab-visual .pg-tab-headline .pg-title span {color:#ffcccb;}
.area-pg-content3 .pg-tab-visual .pg-tab-headline .pg-title span:after {background-color:#ffcccb;}
.pg-tab-content .country-info dd .country.usa{background-image: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/short-term-abroad/bullet-tab03-flag01.png);letter-spacing:-1px}
.pg-tab-content .country-info dd .country.uk{background-image: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/short-term-abroad/bullet-tab03-flag02.png);letter-spacing:-1px}
.pg-tab-content .country-info dd .country.ca{background-image: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/short-term-abroad/bullet-tab03-flag03.png);}
.area-pg-content3 .pg-tab-content .country-info dt:after {color:#ee3140;content:'3개월 연수 코스';}
.area-pg-content3 .pg-tab-content .detail-wrap:after {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/short-term-abroad/icon-timeline03.png);}
.area-pg-content3 .pg-tab-content .detail-wrap p.box-title strong {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/short-term-abroad/bg-tab03-box-title.png);}
.area-pg-content3 .pg-tab-content .detail-wrap p.box-title span {color:#ee3140;}
.area-pg-content3 .pg-tab-content .detail-wrap dl.box-recommend dd.prepend-logo.usa {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/short-term-abroad/img-tab03-box02.png);background-size:68rem;}
.area-pg-content3 .pg-tab-content .detail-wrap dl.box-recommend dd.prepend-logo.uk  { background-image: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/short-term-abroad/img-tab03-box03.png); background-size: 76rem;}
.area-pg-content3 .pg-tab-content .detail-wrap dl.box-recommend dd.prepend-logo.ca {background-image: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/short-term-abroad/img-tab03-box04.png);}
@media screen and (max-width: 991px) {
    .area-pg-content3 .pg-tab-content .detail-wrap dl.box-recommend dd.prepend-logo.usa {background-size:contain}
}

/*******************************************************************************
                        컨텐츠4 - 도움이 필요한 경우
********************************************************************************/
.area-pg-content4 {padding:36rem 20rem 0;background-color:#fccd7d;box-sizing:border-box;}
.area-pg-content4 .box-title {margin-bottom:16rem;text-align:center;}
.area-pg-content4 .box-title span {display:inline-block;margin-bottom:12rem;line-height:1;color:#fe4b9c;}
.area-pg-content4 .box-title h2 img {width:100%;max-width:535rem;}
.area-pg-content4 .visual {margin-bottom:30rem;}
.area-pg-content4 .visual img {display:block;}
.area-pg-content4 .visual .img-visual {margin:0 auto 16rem;width:100%;max-width:350rem;}
.area-pg-content4 .visual .speech-bubble {margin-left:36rem;width:100%;max-width:476rem;}
.area-pg-content4 .colored-box {padding:38rem;width:100%;background-color:#fe509b;box-sizing:border-box;}
.area-pg-content4 .colored-box p {margin-bottom:36rem;padding-left:76rem;position:relative;line-height:1.3;color:#fff;letter-spacing:-1px;word-break:keep-all;}
.area-pg-content4 .colored-box p:before {display:block;position:absolute;top:0;left:0;width:48rem;height:48rem;background:#fff url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/short-term-abroad/logo-area05.png) no-repeat center center;background-size:70%;content:'';border-radius:50%; isolation: isolate;}
.area-pg-content4 .colored-box .circle-list {display:flex;justify-content:space-between;}
.area-pg-content4 .colored-box .circle-list li {width:100%;}
.area-pg-content4 .colored-box .circle-list li strong,
.area-pg-content4 .colored-box .circle-list li span {display:block;}
.area-pg-content4 .colored-box .circle-list li strong {display:flex;align-items:center;justify-content:center;margin:0 auto 12rem;border:1rem solid #fff;width:94rem;height:94rem;border-radius:50%; isolation: isolate;box-sizing:border-box;}
.area-pg-content4 .colored-box .circle-list li:first-child strong img {max-width:37rem;}
.area-pg-content4 .colored-box .circle-list li:nth-child(2) strong img {max-width:49rem;}
.area-pg-content4 .colored-box .circle-list li:nth-child(3) strong img {max-width:35rem;}
.area-pg-content4 .colored-box .circle-list li:last-child strong img {max-width:73rem;}
.area-pg-content4 .colored-box .circle-list li span {font-size:14rem;font-weight:300;color:#fff;text-align:center;word-break:keep-all;}

@media screen and (max-width: 500px) {
    .area-pg-content4 .colored-box .circle-list {flex-wrap:wrap;}
    .area-pg-content4 .colored-box .circle-list li {margin-bottom:10.0rem;width:48%;}
    .area-pg-content4 .colored-box .circle-list li span {font-size:12.0rem}
}