@charset "utf-8";
#cnt0{height: 90vh; overflow: hidden; position: relative;}
#cnt0 .h1 {font-family: 'Binggrae';}

.video-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	pointer-events: none;
	overflow: hidden;
	background: url(../images/main-visual.jpg)top center no-repeat;
}

.video-background iframe {
	width: 100vw;
	height: 56.25vw;
	/* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
	min-height: 100vh;
	min-width: 177.77vh;
	/* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}


.visual-desc *{text-shadow: 0 0 24px rgba(33,33,33,.5)}
.bg_bk {background: rgba(0, 0, 0, 0.6)}



/* ---------cnt1---------- */

.video-background-temp{ height: 890px; display: flex; align-items: center; text-align: center; justify-content: center;}


#cnt1 {}
#cnt1 .area{position: relative; padding-top: 150px;}

.tab-list li{display: inline-block; width: 19.88%; border:1px solid #d7d7d7; text-align: center; line-height: 3.188em; word-spacing: 0; margin-right: -6px; cursor:pointer;}
.tab-list li.active{background: #7491d9; color: #fff; border-color:#7491d9;}

.tab-btn {position: absolute; bottom: 160px; left: -70px; width: 1380px;}
.tab-btn button {width: 34px; height: 70px; background: no-repeat center top;}
.tab-btn button.tab-prev {float: left; background-image: url(../images/tab-prev.png);}
.tab-btn button.tab-next {float: right; background-image: url(../images/tab-next.png);}

.tab-cont-wrap{display: flex; padding: 130px 0 0; margin-bottom: 160px; border-top:3px solid #636363; position: relative;}
.tab-cont-wrap > *{width:50%; box-sizing: border-box}
.tab-cont-wrap .img-area{text-align: center; position: relative; padding-right: 30px;}
/*.img-area:hover + .img-hover-text{opacity: 0;}*/
.img-area img{max-width: 100%;}
.text-area{padding: 1em 0 1em 1em;}
.text-area p{line-height: 1.688;}
.img-area iframe{position: relative; z-index: -1;}
.img-hover-text{color: #7491d9; position: absolute; bottom:80%; left:17%; font-size: 0.8rem;}


/*
.case01{background:#fff url(../images/case-normal-img01.jpg) center center /100% no-repeat}
.case02{background:#fff url(../images/case-normal-img02.jpg) center center /100% no-repeat}
.case03{background:#fff url(../images/case-normal-img03.jpg) center center /100% no-repeat}
.case04{background:#fff url(../images/case-normal-img04.jpg) center center /100% no-repeat}
.case05{background:#fff url(../images/case-normal-img05.jpg) center center /100% no-repeat}
*/
.img-area:hover{background: none;}
/* ---------cnt2---------- */

.main-bnr-slide,.main-bnr-slide2,.slide-desc{width: 50%;}
.main-bnr-slide{margin:0;}
.slide-desc{}
.slide-desc a{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.bg_c1{background: #eeeeee;}
.bg_c2{background: #7491d9;}
.slide-desc.bg_c1 h2 {color: #000;}
.slide-desc.bg_c1 p{line-height: 1.688; font-size: 0.95rem; font-weight: 300;}
.slide-desc.bg_c2 p{line-height: 1.6; font-size: 0.9rem; font-weight: 300;}

.slide-desc .txt{width: 60%; word-break: keep-all;}
.slide-desc.bg_c2 .txt{width: 75%; max-width: 570px; padding: 3em 0; word-break: keep-all;}
.bg_c1 .udl:after{background: #666;}

.main-bnr-slide .swiper-slide,.main-bnr-slide2 .swiper-slide{padding-top:68.63%; box-sizing: border-box;}

.bnr01-01{background: url(../images/cnt2-slide01-01.jpg)center center /cover no-repeat;}
.bnr01-02{background: url(../images/cnt2-slide01-02.jpg)center center /cover no-repeat;}
.bnr01-03{background: url(../images/cnt2-slide01-03.jpg)center center /cover no-repeat;}
.bnr02-01{background: url(../images/cnt2-slide02-01.jpg)center center /cover no-repeat;}

.bnr01-pagi,.bnr02-pagi{bottom:2em;}
.bnr01-pagi .swiper-pagination-bullet{margin: 0 3px}
.bnr02-pagi .swiper-pagination-bullet{background: #fff; margin: 0 3px}
.bnr01-pagi{left:calc(50% + 2em)}
.bnr02-pagi{right:calc(50% + 2em)}

.main-bnr-slide2 .swiper-slide iframe{position: absolute; width: 1161px; height:653px;top:50%; left:50%; transform:translate(-50%,-50%)}

/* ---------cnt3---------- */

.sys-sect{padding: 170px 0 150px;}
.sys-list{text-align: center;}
.sys-list li{width: 25%; box-sizing: border-box; position: relative;}
.sys-list li:after{content:''; width: 1px; height: 58% ;background: #d7d7d7; position: absolute;right:0; top:0;}
.sys-list li:last-child:after{display: none;}
.sys-list h4{color: #000; font-size: 1.2rem; margin: 65px 0 40px; line-height: 1.6;}
.sys-list p{line-height: 1.4;}
.sys-icon{width: 90px; height: 70px; display: inline-block; background: url(../images/sprite-icon.png)}

.sys-icon.icon01{background-position: 0 0}
.sys-icon.icon02{background-position: -90px 0}
.sys-icon.icon03{background-position: -180px 0}
.sys-icon.icon04{background-position: -270px 0}

.ani-on .sys-icon.icon01{background-position: 0 -70px}
.ani-on .sys-icon.icon02{background-position: -90px -70px}
.ani-on .sys-icon.icon03{background-position: -180px -70px}
.ani-on .sys-icon.icon04{background-position: -270px -70px}

.sys-list li.ani-on h4{color: #54669f;}

/* ---------cnt4---------- */
.bnr-img-area,.bnr-text-area{width: 50%; height: 652px; position: relative}
.bnr-img-area{background: url(../images/bnr-interior-bg.jpg)center center /cover no-repeat;}
.bnr-text-area{background: #e0d3c0;}
.bnr-text-area a{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}

.bnr-img-area .video-background{z-index: auto;}
.bnr-img-area .video-background iframe{width: 960px; height: 653px; min-height: auto; min-width: auto;}
.bnr-text-area .udl:after{background: #121212;}
.bnr-text-area h2, .bnr-text-area p{color: #121212;}
/* ---------foot-bnr---------- */
.foot-bnr{padding: 120px 0;}
.foot-bnr-list{display: flex; justify-content:space-between; align-items: center}
.foot-bnr-list li{width: 25%; text-align: center;}
.foot-bnr-list li a p{margin-top: 1em; font-size: 1.2rem; color: #000;}
.foot-bnr-desc{display: inline-block;}
.foot-bnr-icon{display: inline-block; width:144px; height: 144px; background: #ebebeb url(../images/sprite-icon2.png); border-radius:50%;}
.foot-bnr-icon.icon1{}
.foot-bnr-icon.icon2{background-position: -269px 0px}
.foot-bnr-icon.icon3{background-position: -537px 0px;}
.foot-bnr-icon.icon4{background-position: -822px 0px; background-color: #01c73c;}


#map{height: 205px;}
#map .iw_inner h3{color: #333;}
#map .iw_inner a{font-size: 0.75rem;}


.quick,.mouse-icon{position: fixed; top:50%; right:2em; transform: translateY(-50%); z-index: 10; transition:right .4s}
.mouse-icon{right:1.5em;}
.mouse-icon.hide{right:-10em;}
.quick{right:-10em}
.quick.show{right:1.5em}

.quick li a {display: block; width: 54px; height: 54px; background: url(../images/quick_menu.png) no-repeat; border-radius: 50%; margin: 10px 0; transition: all 0.4s;}
.quick li:nth-child(1) a {background-position: 0 0; background-color: #fae100;}
.quick li:nth-child(2) a {background-position: 0 -54px; background-color: #1dc800;}
.quick li:nth-child(3) a {background-position: 0 -108px; background-color: #dcdcdc;}
.quick li:nth-child(4) a {background-position: 0 -162px; background-color: #dcdcdc;}

.quick li a:hover, .quick li a:focus {background-image: url(../images/quick_menu_hover.png);}
.quick li:nth-child(1) a:hover, .quick li:nth-child(1) a:focus {background-color: #fff;}
.quick li:nth-child(2) a:hover, .quick li:nth-child(2) a:focus {background-color: #fff;}
.quick li:nth-child(3) a:hover, .quick li:nth-child(3) a:focus {background-color: #7491D9;}
.quick li:nth-child(4) a:hover, .quick li:nth-child(4) a:focus {background-color: #7491D9;}


/* sub btmbnr */
.bnr2 {background: #3c51a2; font-size: 1.25rem; color: #fff; padding: 30px 0;}
.bnr2 img {margin-right: 0.8em;}

.bnr3 {width: 100%; background: #fff; height: 617px;}
.bnr3 .map {float: left; width: 50%; height: 617px; background: url(../sub/images/sub1_map.png) no-repeat center center;}
.bnr3 .infor {float: left; width: 50%; padding: 120px 0;}
.bnr3 .infor p {font-size: 1.9rem; color: #2c2c2c; margin-bottom: 40px;}




/*sub1-1*/
.bg_g{background-color: #f7f7f7;}
.top-visual{}
.vis01-01{background: url(../sub/images/sub1_titbg.png)top center no-repeat; height:815px; color: #fff;}
.vis01-01 .txt-area {padding: 248px 0 0 56%;}
.vis01-01 .txt-area span {display: block; width: 252px; height: 56px; background: url(../sub/images/sub1_txtbg.png) top center no-repeat; color: #3d4c70; line-height: 56px; font-size: 1rem; text-align: center;}
.vis01-01 .txt-area h2 {font-size: 2rem; margin: 22px 0 38px; line-height: 57px;}
.vis01-01 .txt-area p {font-size: 0.9rem; line-height: 30px;}

.cont1-1a1{width: 98%; max-width:1626px; margin: -105px auto 0; background: #fff; box-sizing: border-box; padding: 8.33%;}

.sub1-1-list{max-width: 1310px; width: 100%;}
.sub1-1-list li{text-align:right; height: 679px;}
.sub1-1-list li .vid-area{position: relative; width: 50%;}
.sub1-1-list li .txt-area {float:left; width: 50%; text-align: left; height: 100%;}
.sub1-1-list li:nth-child(1) .txt-area {background: url(../sub/images/sub1_txtarea1.png) no-repeat right 84px bottom; margin-bottom: 160px;}
.sub1-1-list li:nth-child(2) .txt-area {background: url(../sub/images/sub1_txtarea2.png) no-repeat right bottom; padding-left: 60px;}
.sub1-1-list li:nth-child(3) .txt-area {background: url(../sub/images/sub1_txtarea3.png) no-repeat right 36px bottom;}

.sub1-1-list li .txt-area h3 {font-size: 1.5rem; color: #000; line-height: 45px; transition: all 0.8s ease-out;}
.sub1-1-list li:nth-child(1) .txt-area h3 {padding: 144px 0 40px;}
.sub1-1-list li:nth-child(2) .txt-area h3 {padding: 116px 0 46px;}
.sub1-1-list li:nth-child(3) .txt-area h3 {padding: 126px 0 50px;}

.sub1-1-list li .txt-area p {font-size: 0.9rem; line-height: 32px; color: #444;}
.sub1-1-list li .txt-area p + p {margin-top: 40px;}
.sub1-1-list li .txt-area strong {color: #000; font-weight: normal;}

.sub1-1-list li .img-area {float:left; width: 50%; height: 679px; background: no-repeat center top;}
.sub1-1-list li .img-area1 {background-image: url(../sub/images/sub1_img1.png);}
.sub1-1-list li .img-area2 {background-image: url(../sub/images/sub1_img2.png);}

.sub1-1-sect02{display: flex; margin: 10em 0; width: 100%;}
.sub1-1-sect02 .video-background{z-index: 1;}
.sub1-1-sect02 .video-background iframe{height: 100%; min-height: auto; min-width: auto;}


/*sub1-2*/
.vis01-02{height: 604px; background: url(../sub/images/sub1_2_titbg.jpg) no-repeat center top; text-align: center;}
.vis01-02 .txt-area h2 {padding: 220px 0 30px; font-size: 1.9rem; line-height: 57px; color: #000;}
.vis01-02 .txt-area p {font-size: 1.5rem; line-height: 1.6; color: #424242;}

.cont1-2a1 {padding: 140px 0;}
.cont1-2a1 h3 {font-size: 1.9rem; color: #000; padding: 60px 0; background: #fff; color: #5f7fce;}
.cont1-2a1 h3 span {position: relative;}
.cont1-2a1 h3 span:before {content:''; position: absolute; top: -0.5em; left: 0.3em; background: #5f7fce; width: 6px; height: 6px; border-radius: 50%;}

.cont1-2a1 p {font-size: 0.9rem; line-height: 2; color: #000;}
.cont1-2a1 p span {color: #5f7fce;}


/*sub1-3*/
.vis01-03.top-visual {height: 604px; background: url(../sub/images/sub1_3_titbg.jpg) no-repeat center top; text-align: center; display: flex; align-items: center; justify-content: center; text-align: center;}
.vis01-03.top-visual h2 {width: 300px; height: 60px; margin: 0 auto 30px;}

.cont1-3a1 .sub-area {padding: 0 40px;}

.cont1-3a1 .sub-cnt1 {padding-top: 180px;}
.cont1-3a1 .sub-cnt1 .sub-area {display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #f6f6f6; padding: 0 40px 100px;}
.cont1-3a1 .sub-cnt1 h3 {color: #5f7fce; font-size: 1.75rem; margin-bottom: 0.5em;}
.cont1-3a1 .sub-cnt1 strong {display: inline-block; font-size: 1.2rem; margin-bottom: 1.4em; color: #000; line-height: 1.6; padding-right: 1em; word-break: keep-all;}
.cont1-3a1 .sub-cnt1 p {line-height: 1.6;}

.cont1-3a1 .sub-cnt2 .sub-area {padding-top: 100px; border-top: 1px solid #e1e1e1; color: #000;}
.cont1-3a1 .sub-cnt2 .step-num {font-size: 1.5rem; color: #000; margin-bottom: 40px;}
.cont1-3a1 .sub-cnt2 .step-num > span {font-family: DINmid; font-weight: 700; font-size: 6.25rem; color: #dedede; margin-right: 15px;}

.cont1-3a1 .stz-step1 .step-num {margin-bottom: 80px;}
.cont1-3a1 .stz-step1 > ul {margin-left: 1.4rem;}
.cont1-3a1 .stz-step1 > ul > li {display: flex; margin-bottom: 50px;}

.cont1-3a1 .stz-step1 h4 {position: relative; font-size: 1.25rem; color: #000; width: 8em;}
.cont1-3a1 .stz-step1 h4:before {content: ''; position: absolute; top: -1em; left: 0.1em; width: 0.4em; height: 0.4em; background: #859cd3;}
.cont1-3a1 .stz-step1 h4:after {content: ''; position: absolute; top: 1.6em; left: 0.25em; width: 1px; height: 90%; background: #d7d7d7;}
.cont1-3a1 .stz-step1 > ul > li:last-child h4:after {display: none;}

.cont1-3a1 .stz-step1 .img-list {display: flex;}
.cont1-3a1 .stz-step1 .img-list p {font-size: 0.9rem; margin-top: 0.8em; line-height: 1.6;}
.cont1-3a1 .stz-step1 .img-list li + li {margin-left: 10px;}

.cont1-3a1 .stz-step2 .img-area {width: 100%; max-width: 1024px; margin: 0 auto;}
.cont1-3a1 .stz-step2 .img-area p {font-size: 1.1rem; text-align: center; background: #f3f3f3; padding: 1.4em 0;}

.cont1-3a1 .stz-step3 .img-wrap {display: flex; justify-content: center;}
.cont1-3a1 .stz-step3 .img-area {width: 40%; max-width: 530px; min-width: 420px;}
.cont1-3a1 .stz-step3 .img-area + .img-area {margin-left: 20px;}
.cont1-3a1 .stz-step3 .img-area img {width: 100%;}
.cont1-3a1 .stz-step3 .img-area p {font-size: 1.1rem; line-height: 1.6; text-align: center; background: #f3f3f3; padding: 1.2em 0;}

.cont1-3a1 .stz-step4 > ul {position: relative; display: flex; justify-content: center; text-align: center;}
.cont1-3a1 .stz-step4 > ul:after {content: ''; position: absolute; top: 0; left: 50%; transform: translate(-50%, 0.9em); width: 70%; max-width: 780px; height: 0; border: 1px dashed #bab8b8; z-index: -1;}
.cont1-3a1 .stz-step4 > ul > li {width: 33.333%; max-width: 320px;}
.cont1-3a1 .stz-step4 > ul > li + li {margin-left: 60px;}
.cont1-3a1 .stz-step4 > ul > li img  {width: 100%;}
.cont1-3a1 .c-num {width: 1.8em; height: 1.8em; color: #fff; border-radius: 50%; background: #859cd3; display: flex; align-items: center;  justify-content: center; padding-top: 0.15em; box-sizing: border-box; margin: 0 auto 0.8em;}
.cont1-3a1 .stz-step4 > ul > li > strong {display: inline-block; font-size: 1.1rem; margin-bottom: 80px;}
.cont1-3a1 .stz-step4 .img-list li + li {margin-top: 50px;}
.cont1-3a1 .stz-step4 .img-list p {margin-top: 1em; line-height: 1.6;}

.cont1-3a1 .stz-step5 > ul {width: 80%; margin: 0 auto;}
.cont1-3a1 .stz-step5 > ul > li {display: flex;}
.cont1-3a1 .stz-step5 > ul > li + li {margin-top: 30px;}

.cont1-3a1 .stz-step5 .img-area {width: 34%;}
.cont1-3a1 .stz-step5 .img-area img {max-width: 100%;}
.cont1-3a1 .stz-step5 .txt-area {position: relative; width: 66%; background: #f3f3f3; display: flex; justify-content: center; flex-direction: column; padding: 1em 10%;}
.cont1-3a1 .stz-step5 .c-num {position: absolute; top: 50%; left: 0; transform: translate(-50%,-50%); width: 2.2em; height: 2.2em;}
.cont1-3a1 .stz-step5 .txt-area p {font-size: 1rem; line-height: 1.6;}
.cont1-3a1 .stz-step5 .txt-area p + p {position: relative; margin-top: 0.8em; padding-top: 0.8em;}
.cont1-3a1 .stz-step5 .txt-area p + p:after {content: ''; position: absolute; top: 0; left: 50%; transform: translate(-50%,0); width: 110%; height: 1px; background: #bfbfbf;}

.cont1-3a1 .stz-step6 .img-wrap {display: flex; justify-content: center; text-align: center;}
.cont1-3a1 .stz-step6 .img-area {padding: 40px 5% 60px;}
.cont1-3a1 .stz-step6 .img-area + .img-area {border-left: 1px solid #bfbfbf;}
.cont1-3a1 .stz-step6 .img-area span {display: block; margin: 1em 0; font-size: 1.5rem;}
.cont1-3a1 .stz-step6 .img-area p {font-size: 1.1rem; line-height: 1.6;}

.cont1-3a1 .stz-step7 {display: flex; justify-content: space-between; padding-right: 6%;}



/* sub 2-1 ~ 4-1 공통 */
.sub-area {min-width: 1280px; max-width: 1496px; margin: 0 auto; padding: 0 20px; box-sizing: border-box;}
.txt-bg {border-radius: 32px 52px 10px 32px;}

.top-visual {width: 100%; height: 604px; background: no-repeat center top;}
.top-visual .txt-area {padding: 0;}
.top-visual h2 {font-size: 1.25rem; color: #fff; background: #5f7fce; line-height: 62px; text-align: center; margin-bottom: 30px;}
.top-visual strong {display: block; font-size: 1.8rem; line-height: 1.5; color: #000;}
.top-visual p { font-size: 0.9rem; line-height: 30px; color: #4e4e4e; padding-top: 24px;}

.upper-bar {position: relative; font-size: 1.2rem; color: #8c8c8c;}
.upper-bar:before {content: ''; position: absolute; top: -26px; left: 50%; width: 32px; height: 1px; background: #8c8c8c; transform: translate(-50%,0);}
.cnt-align {text-align: center; padding-top: 160px;}
.cnt-tit {font-size: 2rem; color: #000; padding-top: 26px;}
.cnt-tit + p {font-size: 0.9rem; line-height: 1.8; margin: 60px 0 80px;}

.check-box {width: 1102px; padding: 50px 50px 70px 80px; background: #fff; border: 2px solid #dcdcdc; border-radius: 10px; margin: 0 auto; text-align: left; box-sizing: border-box;}
.check-box li {float: left; width: 40%; padding: 30px 0 12px 46px; font-size: 0.95rem; border-bottom: 1px solid #e5e5e5; background: url(../sub/images/chechbox.png) no-repeat left 28px; color: #494949;}
.check-box li span {display: inline-block; margin-top: 12px;}
.check-box li:nth-child(odd) {margin-right: 8%;}

.box-cnt {position: relative; height: 551px; background: no-repeat center top #fff;}
.box-cnt .txt-box {position: absolute; top: 50%; right: 0; transform: translate(0,-50%); width: 896px; padding: 110px 0 68px 60px; background: #fff; color: #000; box-sizing: border-box;}
.box-cnt .txt-box h3 {position: relative; font-size: 1.5rem; line-height: 1.5; padding-bottom: 30px;}
.box-cnt .txt-box h3:before {content: ''; position: absolute; top: -28px; left: 0; width: 30px; height: 1px; background: #000;}
.box-cnt .txt-box p {font-size: 0.9rem; line-height: 1.8;}

.box-cnt.list ul {font-size: 0.95rem;}
.box-cnt.list ul li {position: relative; padding-left: 14px;}
.box-cnt.list ul li:before {content: ''; position: absolute; top: 6px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: #000;}
.box-cnt.list ul li + li {margin-top: 16px;}
.box-cnt.list p {color: #5c5c5c; padding-top: 24px;}
.box-cnt.list ul li span {color: #5c5c5c;}
.box-cnt.list ul li span.n {display: block; padding: 10px 0 0 10em;}

.graph-cnt {width: 100%; height: 839px; padding-top: 144px; background: url(../sub/images/sub_graphbg.jpg) no-repeat center top; box-sizing: border-box;}
.graph-cnt .upper-bar {font-size: 1.2rem; color: #fff;}
.graph-cnt .upper-bar:before {background: #fff;}
.graph-cnt .cnt-tit {font-size: 1.9rem; color: #fff;}
.graph-cnt img {padding-top: 136px;}

.sub-bottom {background: url(../sub/images/sub_systembg.png); padding-top: 140px; height: 797px;}
.sub-bottom span {font-size: 1.25rem; color: #171717;}
.sub-bottom h3 {font-size: 1.85rem; line-height: 1.6; padding: 36px 0 100px; color: #171717;}
.sub-bottom h3 em {font-style: normal; color: #5f7fce;}
.sub-bottom ul {display: flex; justify-content: space-between; padding: 0 58px;}
.sub-bottom ul li {width: 296px;}
.sub-bottom ul li .circle {width: 12.5em; height: 12.5em; margin: 0 auto; border-radius: 50%; color: #fff; font-size: 1rem; line-height: 1.5; display: flex; align-items: center; justify-content: center;} 
.sub-bottom ul li .circle1 {background: #a7ced2;}
.sub-bottom ul li .circle2 {background: #afccee;}
.sub-bottom ul li .circle3 {background: #7f90bb;}
.sub-bottom ul li .circle4 {background: #5f7fce;}
.sub-bottom ul li p {margin-top: 30px;  font-size: 0.85rem; line-height: 26px; color: #1a1a1a;}

.foot-banner {background: #fff;}
.foot-banner > p {height: 90px; line-height: 90px; background: #96a5c9; font-size: 1.35rem; color: #fff; letter-spacing: 15px;}
.foot-banner > p span {opacity: 0.5;}
.foot-banner .map {float: left; width: calc(50% - 4px); height: 617px; background: url(../sub/images/sub1_2_map.png) no-repeat center center;}
.foot-banner .infor {float: right; width: calc(50% - 4px); height: 617px; background: #fff; text-align: center;}
.foot-banner .infor p {color: #5f7fce; font-size: 1.35rem; padding: 144px 0 80px;}

.video-cnt {background: #f9f9f9; padding-bottom: 138px;}
.video-cnt h3 {position: relative;}
.video-cnt h3:before {content: ''; position: absolute; top: -15px; left: 50%; transform: translate(-50%, 0); width: 30px; height: 1px; background: #000;}
.video-cnt p {font-size: 0.9rem; color: #5c5c5c; padding-top: 48px; line-height: 34px;}
.video-cnt ul {display: flex; justify-content: space-between; margin-top: 110px; padding: 0 280px; text-align: left; }
.video-cnt ul li .video-area {width: 385px; height: 367px; background: #000;}
.video-cnt ul li h4 {position: relative; font-size: 1.35rem; padding-top: 70px; color: #000; font-weight: bold; margin-left: 20px;}
.video-cnt ul li h4:before {content: ''; position: absolute; top: 48px; left: 0; width: 6px; height: 6px; background: #000;}
.video-cnt ul li p {font-size: 0.95rem; line-height: 30px; padding-top: 36px; color: #5c5c5c; margin-left: 20px;}
.video-cnt ul li p + p {padding-top: 24px; font-size: 0.85rem;}

.process ul {display: flex; justify-content: center;}
.process ul li {position: relative; display: flex; flex-direction: column; justify-content: flex-start; width: 320px; margin-top: 100px; padding-top: 280px; background: no-repeat center top/ 80%; word-break: keep-all;}
.process ul li:nth-child(1) {background-image: url(../sub/images/process1.png);}
.process ul li:nth-child(2) {background-image: url(../sub/images/process2.png);}
.process ul li:nth-child(3) {background-image: url(../sub/images/process3.png);}
.process ul li:nth-child(4) {background-image: url(../sub/images/process4.png);}
.process ul li:nth-child(5) {background-image: url(../sub/images/process5.png);}
.process ul li + li:before {content: ''; position: absolute; top: 20%; left: -5%;  background: url(../sub/images/process_arrow.png) no-repeat left top/ contain; width: 10%; height: 2em;}

.process ul li span {font-size: 1.1rem; color: #b4b4b4;}
.process ul li strong {display: block; font-size: 1.5rem; color: #5f7fce; margin: 10px 0 24px;}
.process ul li p {font-size: 0.85rem; color: #8c8c8c; line-height: 1.6; text-align: left;}

.process ul li:nth-child(1) p {padding-left: 15.625%;}
.process ul li:nth-child(2) p {padding-left: 60px;}
.process ul li:nth-child(3) p {padding-left: 15.625%;}
.process ul li:nth-child(4) p {padding-left: 6.25%;}
.process ul li:nth-child(5) p {text-align: center;}

.sub-braket ul {display: flex; justify-content: center; color: #000; margin-top: 20px;}
.sub-braket li {font-size: 1.4rem; width: 250px; height: 250px; border-radius: 50%; background: #fff; border: 4px solid #e5e5e5; line-height: 250px; margin: 0 40px;}


/*sub2-1*/
.vis02-01.top-visual {background-image: url(../sub/images/sub2_1_topbg.jpg);}
.vis02-01.top-visual .txt-area {padding: 140px 0 0 54%;}
.vis02-01.top-visual h2 {width: 281px; height: 60px;}

.cont2-1a1 .sub-cnt1 .txt-area {text-align: left; padding: 200px 0 180px; background: url(../sub/images/sub2_1_cnt1.jpg) no-repeat 20% center;}
.cont2-1a1 .sub-cnt1 .txt-area p {font-size: 0.9rem; line-height: 2; padding-left: 45%; color: #3c3c3c;}
.cont2-1a1 .sub-cnt1 .txt-area p + p {padding-top: 34px;}
.cont2-1a1 .sub-cnt1 .check-box {margin-bottom: 114px;}

.cont2-1a1 .sub-cnt2 {background: url(../sub/images/chechbg.jpg) center top; padding-bottom: 140px; margin-bottom: 140px;}
.cont2-1a1 .sub-cnt2 ul {display: flex; justify-content: center; padding-top: 120px;}
.cont2-1a1 .sub-cnt2 li {width: 50%;}
.cont2-1a1 .sub-cnt2 li strong {display: block; font-size: 1.5rem; margin: 2rem 0 1.5rem;}
.cont2-1a1 .sub-cnt2 li p {line-height: 1.6;}



.cont2-1a1 .sub-cnt3.box-cnt {background-image: url(../sub/images/sub2_1_cnt3.jpg); margin-bottom: 140px;}
.cont2-1a1 .sub-cnt3.box-cnt .txt-box p {font-weight: 300;}

.cont2-1a1 .sub-cnt4 {background: #fff; padding: 200px 0;}
.cont2-1a1 .sub-cnt4 .sub-area {display: table;}

.cont2-1a1 .sub-cnt4 .vid-area,.cont2-1a1 .sub-cnt4 .txt-area{display: table-cell; vertical-align: middle; padding: 0;}
.cont2-1a1 .sub-cnt4 .txt-area {width: 746px; height: 477px; padding-left: 72px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center;}
.cont2-1a1 .sub-cnt4 .txt-area h3 {font-size: 1.75rem; line-height: 45px; color: #000;}
.cont2-1a1 .sub-cnt4 .txt-area p { font-size: 0.9rem; line-height: 30px; color: #3c3c3c; padding-top: 54px;}



/*sub2-2*/
.vis02-02.top-visual {background-image: url(../sub/images/sub2_2_topbg.jpg);}
.vis02-02.top-visual .txt-area {padding: 140px 0 0 51%;}
.vis02-02.top-visual h2 {width: 291px; height: 60px;}

.cont2-2a1 .sub-cnt1 {background: #faf6f4;}
.cont2-2a1 .sub-cnt1 img {padding: 100px 0 110px;}
.cont2-2a1 .sub-cnt1 p {font-size: 1rem; color: #8c8c8c; padding-bottom: 118px;}
.cont2-2a1 .sub-cnt1 p span {color: #000;}

.cont2-2a1 .sub-cnt2 {padding: 120px 0 160px;}

.sub2-2-subject-list  {}
.sub2-2-subj-part {border-bottom:1px solid #bfbfbf; width: 100%; font-size: 0.9rem; word-break: keep-all; }

.part-top {display: flex; align-items: center; justify-content: center; padding: 3rem 0;}
.part-top > div {width: 50%; box-sizing: border-box;}

.sub2-2-subj-part .img-area{text-align: center;}
.sub2-2-subj-part .text-area{padding:3.5em;}
.sub2-2-subj-part .text-area h3 {letter-spacing: -0.1em;}
.sub2-2-subj-part .text-area p {color: #3d3d3d;}
.subj-btn{display: inline-block;padding: .9em 1.3em; border-radius: 30px; background: #7d7d7d; border-top-right-radius: 45px; border-bottom-right-radius: 15px;}


.cont2-2a1 .sub-cnt3 {background: url(../sub/images/sub2_2_cnt3bg.jpg) no-repeat center -400px #fbfbfb; color: #000; overflow: hidden;}
.cont2-2a1 .sub-cnt3 .cnt-tit {background: #000; background: linear-gradient(to right, #3fc5be, #6670d6); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.cont2-2a1 .sub-cnt3 .upper-bar {color: #434343;}
.cont2-2a1 .sub-cnt3 .upper-bar:before {background: #434343;}

.cont2-2a1 .sub-cnt3 .sub-area > p {font-size: 1rem; line-height: 37px; background-image: 37px; }
.cont2-2a1 .sub-cnt3 .box-area {text-align: left; padding: 50px 12% 200px; display: flex; justify-content: space-between;}
.cont2-2a1 .sub-cnt3 .box-area > li {position: relative; background: #fff; border: 2px solid #dcdcdc; width: 530px; height: 470px; font-size: 0.9rem; line-height: 2; color: #393939; box-sizing: border-box; padding: 120px 40px 0;}
.cont2-2a1 .sub-cnt3 .box-area > li .tit {position: absolute; top: 0; left: 50%; transform: translate(-50%,-50%); width: 320px; height: 90px; background: #7491d9; font-size: 1.5rem; line-height: 90px; color: #fff;}


.cont2-2a1 .sub-cnt4.box-cnt {background-image: url(../sub/images/sub2_1_cnt3.jpg); background-color: #F9F9F9;}
.cont2-2a1 .sub-cnt4.box-cnt .txt-box {right: 15%; background: #7491d9; color: #fff; width: 567px; height: 368px; padding: 100px 0 0 42px;}
.cont2-2a1 .sub-cnt4.box-cnt .txt-box h3 {padding-bottom: 30px;}
.cont2-2a1 .sub-cnt4.box-cnt .txt-box h3:before {background: #fff;}



/*sub3-1*/
.vis03-01.top-visual {background-image: url(../sub/images/sub3_1_topbg.jpg);}
.vis03-01.top-visual .txt-area {padding: 230px 0 0 54%;}
.vis03-01.top-visual h2 {width: 240px; height: 60px;}

.cont3-1a1 .sub-cnt1 {margin-bottom: 168px; font-size: 0.9rem;}
.cont3-1a1 .sub-cnt1 .img-list {display: flex; justify-content: center; color: #000; margin-top: 80px;}
.cont3-1a1 .sub-cnt1 .img-list li + li {margin-left: 60px;}
.cont3-1a1 .sub-cnt1 .img-list li p {padding-top: 20px;}
.cont3-1a1 .sub-cnt1 .img-list + p {margin-top: 76px; line-height: 2; font-weight: 300;}
.cont3-1a1 .sub-cnt1 .img-list + p span {font-weight: 400;}

.cont3-1a1 .sub-cnt2 {background: url(../sub/images/sub3_1_cnt2_bg.jpg) center top/ cover; padding: 140px 0;}
.cont3-1a1 .sub-cnt2 .box-area {display: flex; justify-content: center;}
.cont3-1a1 .sub-cnt2 .box-area li + li {margin-left: 160px;}
.cont3-1a1 .sub-cnt2 .box-area li span {display: flex; background: #fff; width: 240px; height: 240px; border-radius: 26px; justify-content: center; align-items: center; line-height: 1.4; font-size: 1.2rem; margin: 0 auto;}
.cont3-1a1 .sub-cnt2 .box-area li p {margin-top: 40px; line-height: 1.8; color: #383838;}

.cont3-1a1 .sub-cnt3 {padding-bottom: 140px;}
.cont3-1a1 .sub-cnt3 .sub-area {background: url(../sub/images/sub3_1_cnt3_bg.jpg) no-repeat 0 200px;}
.cont3-1a1 .sub-cnt3 ul {float: right; width: 50%; text-align: left; font-size: 0.9rem; color: #000; padding-top: 66px;}
.cont3-1a1 .sub-cnt3 li {margin-top: 40px; font-weight: 700; font-size: 0.95rem;}
.cont3-1a1 .sub-cnt3 li .rect {width: 9px; height: 9px; background: #3f4755; margin-bottom: 0.8em;}
.cont3-1a1 .sub-cnt3 li p {font-size: 0.85rem; font-weight: 300; margin-top: 0.8em; line-height: 2;}



/*sub3-2*/
.vis03-02.top-visual {background-image: url(../sub/images/sub3_2_topbg.jpg);}
.vis03-02.top-visual .txt-area {padding: 180px 0 0 18%;}
.vis03-02.top-visual .txt-area h2 {width: 300px; height: 60px;}
.vis03-02.top-visual .txt-area strong {color: #fff;}

.cont3-2a1 .sub-cnt1 .sub-area {background: url(../sub/images/sub3_2_cnt1_bg.jpg) no-repeat 0 200px;}
.cont3-2a1 .sub-cnt1 .txt-area {float: right; width: 46%; text-align: left; font-size: 0.9rem; color: #000; padding-top: 120px; line-height: 1.8;}
.cont3-2a1 .sub-cnt1 .txt-area h4 {font-size: 1.5rem;}
.cont3-2a1 .sub-cnt1 li {float: left; text-align: center; font-size: 0.95rem; width: 10em; height: 10em; border-radius: 50%; margin: 40px 1em 0 0;}
.cont3-2a1 .sub-cnt1 li:nth-child(1) {background: #e8ebf1;}
.cont3-2a1 .sub-cnt1 li:nth-child(2) {background: #c6cfe3;}
.cont3-2a1 .sub-cnt1 li:nth-child(3) {background: #b7bcc9;}
.cont3-2a1 .sub-cnt1 li span {display: block; margin: 26px 0 0.8em; font-family: 'InkLipquid'; font-size: 1.1rem;}
.cont3-2a1 .sub-cnt1 li p {font-size: 0.9rem; line-height: 1.6;}

.cont3-2a1 .sub-cnt2.box-cnt {background-image: url(../sub/images/sub3_1_cnt2.jpg);}

.cont3-2a1 .sub-cnt3 .img-list {display: flex; justify-content: center; color: #000; margin-top: 100px;}
.cont3-2a1 .sub-cnt3 .img-list li {background: no-repeat center top; padding-top: 320px; width: 400px;}
.cont3-2a1 .sub-cnt3 .img-list li:nth-child(1) {background-image: url(../sub/images/sub3_2_cnt3a.png);}
.cont3-2a1 .sub-cnt3 .img-list li:nth-child(2) {background-image: url(../sub/images/sub3_2_cnt3b.png);}
.cont3-2a1 .sub-cnt3 .img-list li:nth-child(3) {background-image: url(../sub/images/sub3_2_cnt3c.png);}
.cont3-2a1 .sub-cnt3 .img-list li strong {display: block; height: 3em; font-size: 1.5rem; line-height: 1.4;}
.cont3-2a1 .sub-cnt3 .img-list li p {font-size: 0.9rem; line-height: 1.6; padding-top: 24px; text-align: center; color: #6f6f6f; margin: 0 auto;}

.cont3-2a1 .sub-cnt3 .check-box li:last-child {width: auto;}



/*sub3-2*/
.vis03-03.top-visual {background-image: url(../sub/images/sub3_0_topbg.jpg);}
.vis03-03.top-visual .txt-area {padding: 180px 0 0 54%;}
.vis03-03.top-visual .txt-area h2 {width: 240px; height: 60px;}

.cont3-3a1 .sub-cnt1 {margin-bottom: 168px; font-size: 0.9rem;}
.cont3-3a1 .sub-cnt1 .img-list {display: flex; justify-content: center; color: #000; margin-top: 80px;}
.cont3-3a1 .sub-cnt1 .img-list li + li {margin-left: 60px;}
.cont3-3a1 .sub-cnt1 .img-list li {width: 14em; height: 14em; border-radius: 50%; border: 4px solid #e5e5e5;}
.cont3-3a1 .sub-cnt1 .img-list li p {font-size: 0.95rem; position: relative; margin-top: 5em; padding: 0 1em; line-height: 1.6; word-break: keep-all;}
.cont3-3a1 .sub-cnt1 .img-list li p:before {content: ''; position: absolute; top: -3em; left: 50%; transform: translate(-50%,0); width: 1.5em; height: 1.5em; background: url(../sub/images/icon_check.png) no-repeat left top/contain;}
.cont3-3a1 .sub-cnt1 .img-list li:nth-child(3) p {padding-top: 0.8em;}

.cont3-3a1 .sub-cnt2 {background: #f9f9f9; padding-bottom: 120px;}
.cont3-3a1 .sub-cnt2 .img-list {display: flex; justify-content: center; margin-top: 120px;}
.cont3-3a1 .sub-cnt2 .img-list li {padding: 0 40px; width: 33.3333%;}
.cont3-3a1 .sub-cnt2 .img-list li + li {position: relative; margin-left: 40px;}
.cont3-3a1 .sub-cnt2 .img-list li + li:after {content: ''; position: absolute; top: 50%; left: 0; transform: translate(0,-50%); width: 1px; height: 60%; background: #bfbfbf;}
.cont3-3a1 .sub-cnt2 .img-list li strong {display: block; font-size: 1.5rem; margin: 2em 0 1em; color: #000;}
.cont3-3a1 .sub-cnt2 .img-list li p {font-size: 0.95rem; word-break: keep-all; line-height: 1.6; padding: 0 1em;}




/* sub4-1 */
.vis04-01.top-visual {background-image: url(../sub/images/sub4_1_topbg.jpg);}
.vis04-01.top-visual .txt-area {padding: 182px 0 0 54%;}
.vis04-01.top-visual h2 {width: 291px; height: 60px;}
.vis04-01.top-visual p {padding-left: 20px;}

.cont4-1a1 .sub-cnt1 {background: url(../sub/images/sub3_2_cnt1bg.png); padding-bottom: 156px;}
.cont4-1a1 .sub-cnt1 p {font-size: 1rem; color: #707070; line-height: 34px;}
.cont4-1a1 .sub-cnt1 .sub-area > div {padding: 60px 0 100px; display: flex; text-align: left; align-items: center; justify-content: center;}
.cont4-1a1 .sub-cnt1 .sub-area > div ul {font-size: 1.1rem; margin-left: 70px; color: #000;}
.cont4-1a1 .sub-cnt1 .sub-area > div ul li {position: relative; padding-left: 26px;}
.cont4-1a1 .sub-cnt1 .sub-area > div ul li:before {content: ''; position: absolute; top: 6px; left: 0; width: 8px; height: 8px; background: #859cd3;}
.cont4-1a1 .sub-cnt1 .sub-area > div ul li + li {margin-top: 50px;}

.cont4-1a1 .sub-cnt2.box-cnt {background-image: url(../sub/images/sub3_2_cnt2.jpg);}



/*sub4-2*/
.vis04-02.top-visual {background-image: url(../sub/images/sub3_3_topbg.jpg);}
.vis04-02.top-visual .txt-area {padding: 170px 0 0 21%;}
.vis04-02.top-visual h2 {width: 334px; height: 60px;}

.cont4-2a1 .sub-cnt1 {background: url(../sub/images/sub3_2_cnt1bg.png); padding-bottom: 154px;}
.cont4-2a1 .sub-cnt1 .check-box {margin-top: 100px;}
.cont4-2a1 .sub-cnt1 .check-box li {font-size: 0.9rem; width: 42%;}
.cont4-2a1 .sub-cnt1 .check-box li span {display: block; margin-top: 12px;}
.cont4-2a1 .sub-cnt1 .check-box li:nth-child(odd) {margin-right: 6%;}

.cont4-2a1 .sub-cnt2.box-cnt {background-image: url(../sub/images/sub3_3_cnt2.jpg);}

.cont4-2a1 .sub-cnt3.video-cnt ul {padding: 0 20px;}


/*sub4-3*/
.vis04-03.top-visual {background-image: url(../sub/images/sub4_3_topbg.jpg);}
.vis04-03.top-visual .txt-area {padding: 170px 0 0 21%;}
.vis04-03.top-visual h2 {width: 300px; height: 60px;}

.cont4-3a1 .sub-cnt1 {background: url(../sub/images/sub3_2_cnt1bg.png); padding-bottom: 120px;}
.cont4-3a1 .sub-cnt1 .check-box {margin-top: 120px;}
.cont4-3a1 .sub-cnt1 .check-box li {font-size: 0.9rem; width: 42%;}
.cont4-3a1 .sub-cnt1 .check-box li:nth-child(odd) {margin-right: 6%;}

.cont4-3a1 .sub-cnt2 .img-list {margin-top: 100px; text-align: left; padding: 0 100px;}
.cont4-3a1 .sub-cnt2 .img-list li {display: flex; align-items: center; height: 130px; border: 1px solid #d2d2d2; padding: 0 60px; font-size: 0.95rem; line-height: 1.6;}
.cont4-3a1 .sub-cnt2 .img-list li + li {margin-top: 10px; word-break: keep-all;}
.cont4-3a1 .sub-cnt2 .img-list li strong {position: relative; display: block; font-size: 1.25rem; color: #000; width: 340px; line-height: 1.2;}
.cont4-3a1 .sub-cnt2 .img-list li strong:after {content: ''; position: absolute; top: 50%; right: 70px; transform: translate(0,-50%); background: #d2d2d2; width: 1px; height: 60px;}



/*sub4-4*/
.vis04-04.top-visual {background-image: url(../sub/images/sub4_4_topbg.jpg);}
.vis04-04.top-visual .txt-area {padding: 170px 0 0 56%;}
.vis04-04.top-visual h2 {width: 300px; height: 60px;}

.cont4-4a1 .sub-cnt1 .sub-area > div {display: flex; align-items: center; justify-content: center;}
.cont4-4a1 .sub-cnt1 img {width: 267px;}
.cont4-4a1 .sub-cnt1 p {font-size: 0.9rem; line-height: 1.6; text-align: left; margin-left: 4em;}

.cont4-4a1 .sub-cnt2 {background: url(../sub/images/chechbg.jpg); padding-bottom: 120px;}
.cont4-4a1 .sub-cnt2 .img-list {display: flex; justify-content: center; margin-top: 100px;}
.cont4-4a1 .sub-cnt2 .img-list li:nth-child(1) {width: 200px;}
.cont4-4a1 .sub-cnt2 .img-list li:nth-child(2) {width: 280px;}
.cont4-4a1 .sub-cnt2 .img-list li:nth-child(3) {width: 240px;}
.cont4-4a1 .sub-cnt2 .img-list li:nth-child(4) {width: 230px;}
.cont4-4a1 .sub-cnt2 .img-list li:nth-child(5) {width: 280px;}
.cont4-4a1 .sub-cnt2 .img-list li + li {margin-left: 60px;}
.cont4-4a1 .sub-cnt2 .img-list strong {display: flex; justify-content: center; align-items: center; width: 8em; height: 8em; background: #535353; font-size: 1.25rem; line-height: 1.4; color: #fff; border-radius: 50%; margin: 0 auto;}
.cont4-4a1 .sub-cnt2 .img-list p {line-height: 1.8; text-align: left; margin-top: 30px; word-break: keep-all; font-size: 0.85rem; color: #202020;}
.cont4-4a1 .sub-cnt2 .txt-box {font-size: 0.95rem; background: #eeeeee; padding: 40px 0; border: 1px solid #7d7d7d; margin-top: 60px; line-height: 1.6;}




/*sub4-5*/
.vis04-05.top-visual {background-image: url(../sub/images/sub3_4_topbg.jpg);}
.vis04-05.top-visual .txt-area {padding: 176px 0 0 16%;}
.vis04-05.top-visual h2 {width: 280px; height: 60px;}

.cont4-5a1 .sub-cnt1 {padding-bottom: 150px;}
.cont4-5a1 .sub-cnt1 h3.cnt-tit {font-size: 1.75rem; line-height: 1.5;}

.cont4-5a1 .sub-cnt1 .img-list {display: flex; justify-content: center; padding: 120px 0 140px;}
.cont4-5a1 .sub-cnt1 .img-list li {background: no-repeat center 60px/contain; width: 17em; height: 22em; font-size: 1.25rem;}
.cont4-5a1 .sub-cnt1 .img-list li:nth-child(1) {background-image: url(../sub/images/sub3_4_cnt1a.png); color: #7f7f7f;}
.cont4-5a1 .sub-cnt1 .img-list li:nth-child(2) {background-image: url(../sub/images/sub3_4_cnt1b.png); color: #859cd3; margin-left: 4em;}

.cont4-5a1 .sub-cnt1 .txt-list {display: flex; justify-content: space-between; width: 1102px; margin: 0 auto 110px; font-size: 1.15rem; line-height: 40px; color: #000; text-align: left;}
.cont4-5a1 .sub-cnt1 .txt-list li {position: relative; border-right: 1px solid #e5e5e5; padding-right: 36px;}
.cont4-5a1 .sub-cnt1 .txt-list li:last-child {padding-right: 0; border: none;}
.cont4-5a1 .sub-cnt1 .txt-list li:before {content: ''; position: absolute; width: 15px; height: 15px; top: -30px; left: 0; background: #5f7fce;}

.cont4-5a1 .sub-cnt2.box-cnt {background-image: url(../sub/images/sub3_4_cnt2.jpg);}

.cont4-5a1 .sub-cnt4 {background: #fbfbfb; padding-bottom: 180px;}



/*sub4-6*/
.vis04-06.top-visual {background-image: url(../sub/images/sub3_5_topbg.jpg);}
.vis04-06.top-visual .txt-area {padding: 140px 0 0 16%;}
.vis04-06.top-visual h2 {width: 298px; height: 60px;}

.cont4-6a1 .sub-cnt1 {background: url(../sub/images/sub3_2_cnt1bg.png); padding-bottom: 154px;}
.cont4-6a1 .sub-cnt1 .img-list {display: flex; justify-content: space-between; padding: 0 340px 100px; color: #000;}
.cont4-6a1 .sub-cnt1 .img-list li {background: no-repeat center top; padding-top: 300px; width: 300px; color: #282828; font-size: 25px; font-weight: bold;}
.cont4-6a1 .sub-cnt1 .img-list li:nth-child(1) {background-image: url(../sub/images/sub4_6_cnt1a.png);}
.cont4-6a1 .sub-cnt1 .img-list li:nth-child(2) {background-image: url(../sub/images/sub4_6_cnt1b.png);}
.cont4-6a1 .sub-cnt1 .img-list li:nth-child(3) {background-image: url(../sub/images/sub4_6_cnt1c.png);}
.cont4-6a1 .sub-cnt1 .check-box li {font-size: 0.9rem; width: 42%;}
.cont4-6a1 .sub-cnt1 .check-box li span {display: block; margin-top: 12px;}
.cont4-6a1 .sub-cnt1 .check-box li:nth-child(odd) {margin-right: 6%;}

.cont4-6a1 .sub-cnt2.box-cnt {background-image: url(../sub/images/sub3_5_cnt2.jpg);}




/*sub4-7*/
.vis04-07.top-visual {background-image: url(../sub/images/sub4_7_topbg.jpg);}
.vis04-07.top-visual .txt-area {padding: 180px 0 0 16%;}
.vis04-07.top-visual h2 {width: 270px; height: 60px;}

.cont4-7a1 .sub-cnt1 .cnt-tit {font-size: 1.75rem; line-height: 1.6;}
.cont4-7a1 .sub-cnt1 .img-area {display: flex; justify-content: center; margin-top: 140px;}
.cont4-7a1 .sub-cnt1 .img-area p {font-size: 1rem; color: #6e6e6e; margin-top: 40px;}
.cont4-7a1 .sub-cnt1 .img-area li + li {margin-left: 80px;}

.cont4-7a1 .sub-cnt1 .txt-area {display: flex; justify-content: center; font-size:  0.9rem; color: #000; padding: 100px 0;}
.cont4-7a1 .sub-cnt1 .txt-area li {position: relative; text-align: left; margin-top: 40px; font-size: 1.15rem; padding: 0 60px;}
.cont4-7a1 .sub-cnt1 .txt-area li + li:before {content: ''; position: absolute; top: 18px; left: 0; background: #e5e5e5; width: 1px; height: 120px;}
.cont4-7a1 .sub-cnt1 .txt-area li .rect {width: 15px; height: 15px; background: #5f7fce; margin-bottom: 0.8em;}
.cont4-7a1 .sub-cnt1 .txt-area li p {font-size: 0.9rem; font-weight: 400; margin-top: 1em; line-height: 1.6;}

.cont4-7a1 .sub-cnt2.box-cnt {background-image: url(../sub/images/sub3_4_cnt2.jpg);}

.cont4-7a1 .sub-cnt3 {margin-bottom: 168px; font-size: 1.25rem;}
.cont4-7a1 .sub-cnt3 .img-list {display: flex; justify-content: center; color: #000; margin-top: 80px;}
.cont4-7a1 .sub-cnt3 .img-list li + li {margin-left: 140px;}
.cont4-7a1 .sub-cnt3 .img-list li p {padding-top: 40px;}



/*sub4-8*/
.vis04-08.top-visual {background-image: url(../sub/images/sub4_8_topbg.jpg);}
.vis04-08.top-visual .txt-area {padding: 160px 0 0 55%;}
.vis04-08.top-visual h2 {width: 270px; height: 60px;}

.cont4-8a1 .sub-cnt1 .cnt-tit {font-size: 1.75rem; line-height: 1.6; margin-bottom: 80px;}
.cont4-8a1 .sub-cnt1 .img-area {display: flex; justify-content: center; margin-top: 140px;}
.cont4-8a1 .sub-cnt1 .img-area p {font-size: 1rem; color: #6e6e6e; margin-top: 40px;}
.cont4-8a1 .sub-cnt1 .img-area li + li {margin-left: 80px;}

.cont4-8a1 .check-box {padding: 50px 20px 60px 50px;}
.cont4-8a1 .check-box li {padding: 30px 0 30px 46px;}
.cont4-8a1 .check-box li:nth-child(odd) {margin-right: 5%;}

.cont4-8a1 .sub-cnt1 .txt-area {display: flex; justify-content: center; font-size:  0.9rem; color: #000; padding: 100px 0;}
.cont4-8a1 .sub-cnt1 .txt-area li {position: relative; text-align: left; margin-top: 40px; font-size: 1.15rem; padding: 0 60px;}
.cont4-8a1 .sub-cnt1 .txt-area li + li:before {content: ''; position: absolute; top: 18px; left: 0; background: #e5e5e5; width: 1px; height: 120px;}
.cont4-8a1 .sub-cnt1 .txt-area li .rect {width: 15px; height: 15px; background: #5f7fce; margin-bottom: 0.8em;}
.cont4-8a1 .sub-cnt1 .txt-area li p {font-size: 0.9rem; font-weight: 400; margin-top: 1em; line-height: 1.6;}

.cont4-8a1 .sub-cnt2.box-cnt {background: url(../sub/images/sub4_8_cnt2_bg_2.jpg) no-repeat center top/cover fixed; height: 28em;}
.cont4-8a1 .sub-cnt2 .txt-box {left: 50%; width: auto; background: none; padding: 70px 0 70px 60px;}
.cont4-8a1 .sub-cnt2 .txt-box h3:before {display: none;}
.cont4-8a1 .sub-cnt2 .txt-box p {font-size: 0.8rem; padding-top: 0;}



/*sub4-9*/
.vis04-09.top-visual {background-image: url(../sub/images/sub4_9_topbg.jpg);}
.vis04-09.top-visual .txt-area {padding: 160px 0 0 18%;}
.vis04-09.top-visual h2 {width: 270px; height: 60px;}

.cont4-9a1 .sub-cnt1 {background: url(../sub/images/sub3_2_cnt1bg.png) no-repeat left top/cover; padding-bottom: 120px;}
.cont4-9a1 .sub-cnt1 .check-box {margin: 100px auto; width: 1200px;}

.cont4-9a1 .sub-cnt2 {padding: 200px 0 0px;}
.cont4-9a1 .sub-cnt2 .img-list {display: flex; justify-content: center; margin-top: 120px;}
.cont4-9a1 .sub-cnt2 .img-list li {position: relative; padding: 0 40px; width: 50%;}
.cont4-9a1 .sub-cnt2 .img-list li + li {border-left: 1px solid #bfbfbf;}
.cont4-9a1 .sub-cnt2 .img-list li strong {display: block; font-size: 1.5rem; margin: 2em 0 1em; color: #000;}
.cont4-9a1 .sub-cnt2 .img-list li p {font-size: 0.95rem; word-break: keep-all; line-height: 1.6; padding: 0 1em;}



/*sub4-10*/
.vis04-10.top-visual {background-image: url(../sub/images/sub4_10_topbg.jpg);}
.vis04-10.top-visual .txt-area {padding: 160px 0 0 18%;}
.vis04-10.top-visual h2 {width: 300px; height: 60px;}

.cont4-10a1 .sub-cnt1 {background: url(../sub/images/sub3_2_cnt1bg.png) no-repeat left top/cover; padding-bottom: 120px;}
.cont4-10a1 .sub-cnt1 .check-box {margin: 100px auto; width: 1200px;}

.cont4-10a1 .sub-cnt2 {padding: 200px 0 0px;}
.cont4-10a1 .sub-cnt2 .img-list {display: flex; justify-content: center; margin-top: 120px;}
.cont4-10a1 .sub-cnt2 .img-list li {position: relative; padding: 0 40px; width: 50%;}
.cont4-10a1 .sub-cnt2 .img-list li + li {border-left: 1px solid #bfbfbf;}
.cont4-10a1 .sub-cnt2 .img-list li strong {display: block; font-size: 1.5rem; margin: 2em 0 1em; color: #000;}
.cont4-10a1 .sub-cnt2 .img-list li p {font-size: 0.95rem; word-break: keep-all; line-height: 1.6; padding: 0 1em;}









/*sub5-1*/
.vis05-01.top-visual {background-image: url(../sub/images/sub5_1_topbg.jpg);}
.vis05-01.top-visual .txt-area {text-align: center; padding-top: 160px;}
.vis05-01.top-visual h2 {width: 298px; height: 60px; margin: 0 auto 40px;}

.cont5-1a1 .sub-cnt1 {background: url(../sub/images/sub3_2_cnt1bg.png); padding-bottom: 120px;}
.cont5-1a1 .sub-cnt1 .cnt-tit + p {margin: 40px 0 6rem;}

.cont5-1a1 .sub-cnt1 .img-list .list {position: relative; float: left; width: 32%; background: #fff; border: 2px solid #dcdcdc; padding: 100px 4em; box-sizing: border-box; height: 26em;}
.cont5-1a1 .sub-cnt1 .img-list .list + .list {margin-left: 2%;}
.cont5-1a1 .sub-cnt1 .img-list .list strong {position: absolute; top: 0; left: 50%; transform: translate(-50%,-50%); width: 6em; font-size: 1.4rem; color: #fff; background: #859cd3; padding: 0.5em 2em 0.4em;}
.cont5-1a1 .sub-cnt1 .img-list .list p {font-size: 0.9rem; margin-top: 3em; line-height: 1.6; word-break: keep-all;}



.cont5-1a1 .sub-cnt1 .kind {background: #fff; text-align: left; padding: 100px 80px 40px; box-sizing: border-box; border: 2px solid #dcdcdc;}
.cont5-1a1 .sub-cnt1 .kind > li {background: no-repeat left top; padding-left: 220px; padding-bottom: 70px;}
.cont5-1a1 .sub-cnt1 .kind > li:nth-child(1) {float: left; background-image: url(../sub/images/sub4_1_cnt1c.png);}
.cont5-1a1 .sub-cnt1 .kind > li:nth-child(2) {float: right; background-image: url(../sub/images/sub4_1_cnt1f.png);}
.cont5-1a1 .sub-cnt1 .kind > li strong {display: block; font-size: 1.25rem; padding: 10px 0 30px;}
.cont5-1a1 .sub-cnt1 .kind > li ul {font-size: 0.9rem; color: #363636; line-height: 30px;}
.cont5-1a1 .sub-cnt1 .kind > li ul li + li {padding-top: 10px;}

.cont5-1a1 .sub5-1-video {padding: 120px 0; position: relative;}
.cont5-1a1 .sub-cnt2 .txt-box {float: right; width: 40%; font-size: 1.35rem; background: rgba(255,255,255,0.9); padding: 120px 0 140px 60px; line-height: 1.8; color: #000;}
.cont5-1a1  .sub-cnt2 .txt-box p {position: relative;}
.cont5-1a1  .sub-cnt2 .txt-box p:before {content: ''; position: absolute; top: -1em; left: 0; background: #000; width: 40px; height: 1px;}

.cont5-1a1 .sub-cnt3 h3 {line-height: 57px;}
.cont5-1a1 .sub-cnt3 ul {position: relative; padding: 0 50px; height: 855px; margin-top: 60px;}

.cont5-1a1 .sub-cnt3 ul li {float: left; width: 50%; box-sizing: border-box; background: no-repeat left center; padding: 0 60px 100px 280px;}
.cont5-1a1 .sub-cnt3 ul li:nth-child(1) {background-image: url(../sub/images/sub4_1_cnt3a.png);}
.cont5-1a1 .sub-cnt3 ul li:nth-child(2) {background-image: url(../sub/images/sub4_1_cnt3c.png);}
.cont5-1a1 .sub-cnt3 ul li:nth-child(3) {width: 100%; background-image: url(../sub/images/sub4_1_cnt3d.png); background-position: 34% center; border-top: 1px solid #e5e5e5; padding: 0 80px 100px 50%}

.cont5-1a1 .sub-cnt3 ul li strong {display: block; height: 57px; font-size: 1.5rem; line-height: 57px; color: #fff; background: #859cd3; margin: 124px 0 30px;}
.cont5-1a1 .sub-cnt3 ul li:nth-child(1) strong {width: 180px;}
.cont5-1a1 .sub-cnt3 ul li:nth-child(2) strong {width: 240px;}
.cont5-1a1 .sub-cnt3 ul li:nth-child(3) strong {width: 380px;}

.cont5-1a1 .sub-cnt3 ul li p {text-align: left; font-size: 0.9rem; color: #4c4c4c; line-height: 28px; padding-left: 10px;}



/*sub5-2*/
.vis05-02.top-visual {background-image: url(../sub/images/sub5_2_topbg.jpg);}
.vis05-02.top-visual .txt-area {padding: 200px 0 0 14%;}
.vis05-02.top-visual h2 {width: 270px; height: 60px; color: #fff;}
.vis05-02.top-visual strong {color: #fff;}

.cont5-2a1 .sub-cnt1 .cnt-tit {font-size: 1.7rem; margin-bottom: 80px; line-height: 1.4;}
.cont5-2a1 .sub-cnt1 .txt-area {display: flex; justify-content: center; font-size:  0.9rem; color: #000; padding: 100px 0;}
.cont5-2a1 .sub-cnt1 .txt-area li {position: relative; text-align: left; margin-top: 40px; font-size: 1.15rem; padding: 0 60px;}
.cont5-2a1 .sub-cnt1 .txt-area li + li:before {content: ''; position: absolute; top: 18px; left: 0; background: #e5e5e5; width: 1px; height: 120px;}
.cont5-2a1 .sub-cnt1 .txt-area li .rect {width: 15px; height: 15px; background: #5f7fce; margin-bottom: 0.8em;}
.cont5-2a1 .sub-cnt1 .txt-area li p {font-size: 0.9rem; font-weight: 400; margin-top: 1em; line-height: 1.6;}

.cont5-2a1 .sub-cnt2 {padding: 120px 0; background: #fafafa;}
.cont5-2a1 .sub-cnt2 ul {margin-top: 100px; background: url(../sub/images/step_bar.png) no-repeat center top; padding-top: 120px; display: flex; justify-content: center;}
.cont5-2a1 .sub-cnt2 ul li {margin: 0 36px;}
.cont5-2a1 .sub-cnt2 ul li span {display: block; text-align: center; font-size: 1.2rem; margin-bottom: 30px;}
.cont5-2a1 .sub-cnt2 ul li p {font-size: 0.85rem; line-height: 1.8; padding-left: 24px;}
.cont5-2a1 .sub-cnt2 ul li p + p {padding-top: 20px;}

.cont5-2a1 .sub-cnt3.box-cnt {background-image: url(../sub/images/sub3_4_cnt2.jpg);}

.cont5-2a1 .sub-cnt4 {background: url(../sub/images/sub3_2_cnt1bg.png); padding-bottom: 160px;}
.cont5-2a1 .sub-cnt4 ul {position: relative; float: left; width: calc(50% - 60px); margin: 80px 30px 0; word-break: keep-all; text-align: left;}
.cont5-2a1 .sub-cnt4 ul:nth-of-type(1):before {content: ''; position: absolute; top: 0; right: -30px; width: 1px; height: 100%; background: #bfbfbf;}

.cont5-2a1 .sub-cnt4 ul li + li {margin-top: 80px;}
.cont5-2a1 .sub-cnt4 ul li span {font-size: 1.1rem; line-height: 1.6;}
.cont5-2a1 .sub-cnt4 ul li p {font-size: 0.9rem; line-height: 1.8; margin-top: 30px; color: #5c5c5c;}




/*sub5-3*/
.vis05-03.top-visual {background-image: url(../sub/images/sub5_3_topbg.jpg);}
.vis05-03.top-visual .txt-area {padding: 170px 0 0 60%;}
.vis05-03.top-visual h2 {width: 270px; height: 60px;}

.cont5-3a1 .sub-cnt1 {padding-bottom: 20px;}
.cont5-3a1 .sub-cnt1 img {margin-top: 100px;}
.cont5-3a1 .sub-cnt1 .txt-box {font-size: 0.9rem; border: 2px solid #e5e5e5; padding: 50px 0; line-height: 1.8; margin: 80px 0 140px;}

.cont5-3a1 .sub-cnt1 .check-box {margin-top: 60px;}
.cont5-3a1 .sub-cnt1 .check-box li {font-size: 0.9rem; width: 42%;}
.cont5-3a1 .sub-cnt1 .check-box li:nth-child(odd) {margin-right: 6%;}

.cont5-3a1 .sub-cnt2 .cnt-tit {margin-bottom: 80px;}
.cont5-3a1 .sub-cnt2 .txt-area {display: flex; align-items: center; background: #7e94c9; color: #fff; font-size: 0.9rem; line-height: 2;}
.cont5-3a1 .sub-cnt2 .txt-area img {width: 50%;}
.cont5-3a1 .sub-cnt2 .txt-area p {width: 50%; height: 100%; box-sizing: border-box; padding-left: 6%;}


/* case */
.case-cnt {padding: 160px 0 100px; background: #fafafa;}
.case-cnt .sub-area {display: flex; flex-wrap: wrap;}
.case-cnt .sub-area.jc {justify-content: center;}

.case-cnt .case-box {display: inline-block; width: calc(50% - 0.5em); margin-bottom: 2rem;}
.case-cnt .case-box:nth-of-type(even) {margin-left: 1em;}
.case-cnt .case-box .be-af {position: relative; display: flex;}
.case-cnt .case-box .be-af:after {content: '>'; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 2.4em; height: 2.4em; line-height: 2.5em; background: #fff; color: #7491d9; font-size: 1.1rem; font-weight: 700; border-radius: 50%; padding-left: 0.1em; box-sizing: border-box; box-shadow: 2px 2px 10px rgba(0,0,0,0.15);}
.case-cnt .case-box .be-af .img-area {width: 49.5%; margin-bottom: 0.4em;}
.case-cnt .case-box .be-af .img-area img {width: 100%;}
.case-cnt .case-box .be-af .img-area + .img-area {margin-left: 1%;}
.case-cnt .case-box .case-desc {font-size: 1rem; color: #fff; background: #7491d9; padding: 0.8em 0;}
.case-cnt .case-box .case-desc span {font-size: 0.8em; color: #c0cef1; margin-left: 0.5em;}

.case-cnt .icon-arrow {display: inline-block; width: 1.2em; height: 0.6em; background: url(../images/icon_arrow.png) no-repeat center center/contain; margin: 0 0.5em;}

.case-cnt .desc-box > div {height: 100%; display: flex; justify-content: center; font-size: 1.2rem; line-height: 1.8; padding: 5rem 0; box-sizing: border-box;}



.sub2-2 .case-cnt {background: #fff; display: flex; padding: 40px 0 0;}

.sub3-3 .case-cnt .case-box.wid100 {width: 100%;}
.sub3-3 .case-cnt .case-box.wid100 .be-af .img-area {width: 24.625%; position: relative;}
.sub3-3 .case-cnt .case-box.wid100 .be-af .img-area + .img-area {margin-left: 0.5%;}
.sub3-3 .case-cnt .case-box.wid100 .be-af img {width: 100%;}
.sub3-3 .case-cnt .case-box.wid100 .be-af img + img {margin-left: 0.4em;}
.sub3-3 .case-cnt .case-box.wid100 .be-af:after {display: none;}
.sub3-3 .case-cnt .case-box.wid100 .be-af .img-area + .img-area:after {content: '>'; position: absolute; top: 50%; left: 0; transform: translate(-50%,-50%); width: 2.4em; height: 2.4em; line-height: 2.5em; background: #fff; color: #7491d9; font-size: 1.1rem; font-weight: 700; border-radius: 50%; padding-left: 0.1em; box-sizing: border-box; box-shadow: 2px 2px 10px rgba(0,0,0,0.15);}

.sub3-3 .case-cnt .case-box:nth-of-type(even) {margin-left: 0;}
.sub3-3 .case-cnt .case-box:nth-of-type(3) {margin-left: 1em;}


.sub4-8 .case-cnt .case-box.five {width: 100%;}
.sub4-8 .case-cnt .case-box.five .be-af .img-area {width: 24.5%; position: relative;}
.sub4-8 .case-cnt .case-box.five .be-af .img-area + .img-area {margin-left: 0.5%;}
.sub4-8 .case-cnt .case-box.five .be-af img {width: 100%;}
.sub4-8 .case-cnt .case-box.five .be-af img + img {margin-left: 0.4em;}
.sub4-8 .case-cnt .case-box.five .be-af:after {display: none;}

.sub4-8 .case-cnt .case-box.five .be-af .img-area:nth-child(3):after,
.sub4-8 .case-cnt .case-box.five .be-af .img-area:nth-child(4):after {content: '>'; position: absolute; top: 50%; left: 0; transform: translate(-50%,-50%); width: 2.4em; height: 2.4em; line-height: 2.5em; background: #fff; color: #7491d9; font-size: 1.1rem; font-weight: 700; border-radius: 50%; padding-left: 0.1em; box-sizing: border-box; box-shadow: 2px 2px 10px rgba(0,0,0,0.15);}


.sub4-10 .case-cnt .case-box {width: 90%;}
.sub4-10 .case-cnt .case-box.wid50 {width: 50%; margin-top: 1rem;}
.sub4-10 .case-cnt .case-box .be-af .img-area {width: 33%; position: relative;}
.sub4-10 .case-cnt .case-box .be-af .img-area + .img-area {margin-left: 0.5%;}
.sub4-10 .case-cnt .case-box .be-af:after {display: none;}

.sub4-10 .case-cnt .case-box .be-af .img-area + .img-area:after {content: '>'; position: absolute; top: 50%; left: 0; transform: translate(-50%,-50%); width: 2.4em; height: 2.4em; line-height: 2.5em; background: #fff; color: #7491d9; font-size: 1.1rem; font-weight: 700; border-radius: 50%; padding-left: 0.1em; box-sizing: border-box; box-shadow: 2px 2px 10px rgba(0,0,0,0.15);}



/* sub-community */
.sub-community .vis-commu.top-visual {background-image: url(../sub/images/sub_commu_topbg.jpg); display: flex; align-items: center; justify-content: center; height: 360px; margin-bottom: 4rem;}
.sub-community .vis-commu.top-visual h2 {font-size: 2rem; background: none; line-height: 1.6; margin-bottom: 0;}
.sub-community .sub-area {margin-bottom: 4rem;}