@charset "utf-8";

.main-sect{position:relative;clear:both;overflow:hidden;padding:12rem 0;text-align:center;}
.main-sect::after{display:block;clear:both;content:'';}

@media all and (max-width:1140px){

}
@media all and (max-width:720px){
	.main-sect{padding:8rem 0;text-align:center;}
}

#youtube-pc, #youtube-mobile {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  display: none;
}

#youtube-mobile {
  aspect-ratio: 9 / 16;
}

/* PCÈ­¸é (768px ÃÊ°ú) */
@media (min-width: 769px) {
  #youtube-pc {
    display: block;
  }
}

/* ¸ð¹ÙÀÏÈ­¸é (768px ÀÌÇÏ) */
@media (max-width: 768px) {
  #youtube-mobile {
    display: block;
  }
}

#mainStaeasy{}
#mainStaeasy::before{display:block;clear:both;content:'';position:absolute;top:0;left:0;width:100%;height:56rem;background:linear-gradient(180deg, #F5FCFD 50%, rgba(245, 252, 253, 0) 100%);}
#mainStaeasy .sect-text{margin-bottom:3.2rem;}
#mainStaeasy .sect-text .tit{font-size:2.6rem;font-weight:500;color:#04B1D9;}
#mainStaeasy .sect-text .txt{margin-top:1.3rem;font-size:2rem;font-weight:500;color:#386977;}
#mainStaeasy .sect-title{}
#mainStaeasy .sect-title .img{margin-bottom:1.6rem;}
#mainStaeasy .sect-title .img img{width:27rem;}
#mainStaeasy .sect-title .tit{font-size:5.6rem;font-weight:700;color:#313A3D;}
#mainStaeasy .sect-image{position:relative;width:104.8rem;margin:4rem auto 0;}
#mainStaeasy .sect-image .img1,#mainStaeasy .sect-image .img2,#mainStaeasy .sect-image .img3{position:absolute;transition:all 0.3s ease;}
#mainStaeasy .sect-image .img1:hover,#mainStaeasy .sect-image .img2:hover,#mainStaeasy .sect-image .img3:hover{transform:scale(1.1);}
#mainStaeasy .sect-image .img1{left:32rem;top:0;}
#mainStaeasy .sect-image .img2{bottom:0;left:0;}
#mainStaeasy .sect-image .img3{bottom:0;right:0;}
#mainStaeasy .sect-image .img1 img{width:38rem;}
#mainStaeasy .sect-image .img2 img{width:30rem;}
#mainStaeasy .sect-image .img3 img{width:37rem;}
#mainStaeasy .sect-image .bg{}

#mainStaeasy .staeasy-swiper{margin-top:3.2rem;}
#mainStaeasy .swiper-slide .title{font-size:1.8rem;font-weight:800;color: #386977;margin-bottom:0.8rem;}
#mainStaeasy .swiper-pagination{left:50%;margin-top:1rem;text-align:center;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);}
#mainStaeasy .swiper-pagination-bullet{width:1.2rem;height:1.2rem;;margin:0 0.4rem;}

@media all and (max-width:1140px){
	#mainStaeasy .sect-image{width:100%}
	#mainStaeasy .sect-image .img1{left:28vw;top:0;}
	#mainStaeasy .sect-image .img2{bottom:0;left:0;}
	#mainStaeasy .sect-image .img3{bottom:0;right:0;}
	#mainStaeasy .sect-image .img1 img{width:33.33vw;}
	#mainStaeasy .sect-image .img2 img{width:26.31vw;}
	#mainStaeasy .sect-image .img3 img{width:32.45vw;}
	#mainStaeasy .sect-image .bg img{width:calc(100vw - 6rem);}
}
@media all and (max-width:720px){
	#mainStaeasy::before{height:37rem;}
	#mainStaeasy .sect-text{}
	#mainStaeasy .sect-text .tit{font-size:2rem;}
	#mainStaeasy .sect-text .txt{margin-top:0.4rem;font-size:1.6rem;}
	#mainStaeasy .sect-title .img{margin-bottom:0.8rem;}
	#mainStaeasy .sect-title .img img{width:16.2rem;}
	#mainStaeasy .sect-title .tit{font-size:3.2rem;}
}

#mainBenefit{background:#F9F9FD;}
#mainBenefit .sect-title{width:fit-content;margin:0 auto;text-align:left;font-size:4.8rem;color:#313A3D;}
#mainBenefit .sect-title b{font-size:5.6rem;font-weight:800;color:#04B1D9;}
#mainBenefit .sect-list{position:relative;display:flex;gap:2rem;margin-top:6.4rem;}
#mainBenefit .sect-list dl{width:25%;}
#mainBenefit .sect-list dt{font-size:2.4rem;font-weight:700;color:#0385A3;}
#mainBenefit .sect-list dt i{display:block;margin-bottom:1.6rem;}
#mainBenefit .sect-list dt i img{width:7rem;}
#mainBenefit .sect-list dd{height:20rem;margin-top:1.6rem;padding:2.4rem;border-radius:1.6rem;border:2px solid #F0F0F8;background:#FFFFFF;box-shadow:0px 0px 20px 0px #F0F0F880 inset;}
#mainBenefit .sect-list dd p{font-size:2rem;font-weight:500;color:#313A3D;}
#mainBenefit .sect-list dd p + p{margin-top:1.6rem;}

@media all and (max-width:720px){
	#mainBenefit .sect-title{font-size:2.6rem;}
	#mainBenefit .sect-title b{font-size:3rem;}
	#mainBenefit .sect-list{flex-wrap:wrap;gap:2.4rem 0;margin:4rem -0.8rem 0;}
	#mainBenefit .sect-list dl{width:50%;padding:0 0.8rem;}
	#mainBenefit .sect-list dt{font-size:2rem;}
	#mainBenefit .sect-list dt i{margin-bottom:0.8rem;}
	#mainBenefit .sect-list dt i img{width:6rem;}
	#mainBenefit .sect-list dd{height:18rem;margin-top:0.8rem;padding:2rem 1.6rem;border:1px solid #F0F0F8;}
	#mainBenefit .sect-list dd p{font-size:1.8rem;}
	#mainBenefit .sect-list dd p + p{margin-top:0.8rem;}
}

.main-sect .sect-solution{display:flex;justify-content:space-between;width:88rem;margin:0 auto;gap:2rem}
.main-sect .sect-solution .info{}
.main-sect .sect-solution .info dl{text-align:left;}
.main-sect .sect-solution .info dt{margin-bottom:4rem;font-size:3.6rem;font-weight:700;color:#313A3D;}
.main-sect .sect-solution .info dd{}
.main-sect .sect-solution .info dd p{position:relative;padding-left:1.4rem;font-size:1.8rem;color:#949C9E;}
.main-sect .sect-solution .info dd p::after{display:block;clear:both;content:'';position:absolute;top:50%;left:0;margin-top:-0.3rem;width:0.6rem;height:0.6rem;border-radius:50%;background:#04B1D9;}
.main-sect .sect-solution .info dd p + p{margin-top:0.8rem;}
.main-sect .sect-solution .image{}

@media all and (max-width:960px){
	.main-sect .sect-solution{width:100%;}
}
@media all and (max-width:720px){
	.main-sect .sect-solution .info dt{margin-bottom:2.4rem;font-size:2.8rem;}
	.main-sect .sect-solution .info dd p{padding-left:1.2rem;font-size:1.6rem;}
	.main-sect .sect-solution .info dd p + p{margin-top:0.6rem;}
	.main-sect .sect-solution .image{margin-top:3.2rem;text-align:center;}
}

#mainPms{background:#F5FCFD;border-top:1px solid #677679;}
#mainPms .sect-title{margin-bottom:8rem;}
#mainPms .sect-title .txt{font-size:2.4rem;font-weight:500;}
#mainPms .sect-title .img{margin-top:2.4rem;}
#mainPms .sect-title .img img{height:6.4rem;}

@media all and (max-width:720px){
	#mainPms .sect-solution{flex-direction:column;}
	#mainPms .sect-title{margin-bottom:4rem;}
	#mainPms .sect-title .txt{font-size:2rem;}
	#mainPms .sect-title .img img{height:4rem;}
}

#mainCms{background:#fff;}
#mainCms .sect-solution{flex-direction:column;width:90rem;}
#mainCms .sect-solution .info dl{display:flex;justify-content:space-between;gap:4.8rem;width:fit-content;margin:0 auto;}
#mainCms .sect-solution .info dt{margin-bottom:5.6rem;}

@media all and (max-width:960px){
	#mainCms .sect-solution{width:100%;}
}
@media all and (max-width:720px){
	#mainCms .sect-solution .info dl{display:block;}
	#mainCms .sect-solution .info dt{width:fit-content;margin:0 auto 2.4rem;}
	#mainCms .sect-solution .info dd{width:fit-content;margin:0 auto;}
}

#mainHomepage{background:#F5FCFD;}
#mainHomepage .sect-solution{flex-direction:row-reverse;}

@media all and (max-width:960px){

}
@media all and (max-width:720px){
	#mainHomepage .sect-solution{display:block;}
}

#mainPos{background:#fff;}
#mainPos .sect-solution .image{position:relative;margin-right:-2rem;}
@media all and (max-width:720px){
	#mainPos .sect-solution{display:block;}
	#mainPos .sect-solution .image{position:relative;margin-right:auto}
}

#mainManage{background:#F9F9FD;}
#mainManage .sect-title{font-size:4.8rem;font-weight:700;color:#04B1D9;text-align:left;}
#mainManage .sect-image{margin-top:8rem;}

@media all and (max-width:960px){

}
@media all and (max-width:720px){
	#mainManage .sect-solution{display:block;}
	#mainManage .sect-title{font-size:3rem;text-align:center;-ms-word-break:keep-all;word-break:keep-all;}
	#mainManage .sect-title br{display:none;}
	#mainManage .sect-image{margin-top:4rem;}

}

#mainSales{background:#fff;}
#mainSales .sect-title{font-size:4.8rem;font-weight:700;color:#313A3D;}
#mainSales .sect-title b{color:#04B1D9}
#mainSales .sect-list{display:flex;flex-wrap:wrap;gap:4rem;margin-top:8rem;}
#mainSales .sect-list dl{display:flex;justify-content:space-between;align-items:center;width:calc(50% - 2rem);padding:4rem;border-radius:3.2rem;background:#F9F9FD;}
#mainSales .sect-list dt{display:flex;justify-content:center;align-items:center;width:12rem;height:12rem;border-radius:1.6rem;background:linear-gradient(45deg, #5FDACD 0%, #50C9E5 100%);flex-shrink:0!important;font-size:2rem;font-weight:700;color:#fff;}
#mainSales .sect-list dd{padding-left:2rem;font-size:1.8rem;font-weight:500;line-height:1.3333;text-align:left;-ms-word-break:keep-all;word-break:keep-all;}

@media all and (max-width:960px){
	#mainSales .sect-list{display:block;margin-top:4rem;}
	#mainSales .sect-list dl{width:100%;margin-top:1.6rem;}
	#mainSales .sect-list dd{width:100%;}

}
@media all and (max-width:720px){

	#mainSales .sect-title{font-size:3rem;}
	#mainSales .sect-list dl{padding:2.4rem;border-radius:1.6rem;}
	#mainSales .sect-list dt{width:10rem;height:10rem;font-size:1.8rem;}
	#mainSales .sect-list dd{padding-left:2rem;font-size:1.6rem;}

}

#mainExample{background:#F9F9FD;}
#mainExample .sect-title{width:fit-content;margin:0 auto;font-size:4.8rem;font-weight:700;color:#313A3D;vertical-align:middle;line-height:7rem;text-align:left;}
#mainExample .sect-title b{color:#04B1D9}
#mainExample .sect-title img{height:7rem;margin-bottom:1rem;vertical-align:middle;}
#mainExample .sect-list{width:88rem;margin:0 auto;}
#mainExample .sect-list .item{display:flex;justify-content:space-between;gap:2rem;margin-top:8rem;}
#mainExample .sect-list .item:nth-child(even){flex-direction:row-reverse;}
#mainExample .sect-list .item .image{width:43rem;flex-shrink:0!important;}
#mainExample .sect-list .item .info{position:relative;width:43rem;flex-shrink:0!important;padding-top:1.6rem;text-align:left;}
#mainExample .sect-list .item .info dt{position:relative;font-size:2.4rem;font-weight:700;line-height:1.2;}
#mainExample .sect-list .item:nth-child(odd) dt{padding-left:2.2rem;background:url(../images/main/main_example_arrow1.png) no-repeat 0 50% / 1.4rem auto;color:#1DCCB9;}
#mainExample .sect-list .item:nth-child(even) dt{padding-right:2.2rem;background:url(../images/main/main_example_arrow2.png) no-repeat 100% 50% / 1.4rem auto;color:#04B1D9;text-align:right;}
#mainExample .sect-list .item .info dd{position:absolute;bottom:0;left:0;}
#mainExample .sect-list .item .info dd p{position:relative;padding-left:1.4rem;font-size:1.8rem;color:#949C9E;}
#mainExample .sect-list .item .info dd p::after{display:block;clear:both;content:'';position:absolute;top:50%;left:0;margin-top:-0.3rem;width:0.6rem;height:0.6rem;border-radius:50%;background:#04B1D9;}
#mainExample .sect-list .item .info dd p + p{margin-top:0.8rem;}

@media all and (max-width:960px){

	#mainExample .sect-list{width:100%}
	#mainExample .sect-list .item .image{}
	#mainExample .sect-list .item .info{width:100%;flex-shrink:1!important;}

}
@media all and (max-width:720px){
	#mainExample .sect-list{width:43rem;margin:0 auto;}
	#mainExample .sect-title{width:100%;font-size:3rem;line-height:4rem;}
	#mainExample .sect-title img{height:4rem;margin-bottom:1rem;}

	#mainExample .sect-list .item{display:block;margin-top:4rem;}
	#mainExample .sect-list .item:nth-child(even){}
	#mainExample .sect-list .item .image{width:100%}
	#mainExample .sect-list .item .info{display:block;width:100%;padding-top:2.4rem;}
	#mainExample .sect-list .item .info dt{margin-bottom:1.6rem;font-size:2rem;font-weight:700;line-height:1.2;}
	#mainExample .sect-list .item .info dd{position:relative;bottom:auto;left:auto;}
	#mainExample .sect-list .item:nth-child(odd) dt{padding-left:2.2rem;background:url(../images/main/main_example_arrow1.png) no-repeat 0 50% / 1.4rem auto;}
	#mainExample .sect-list .item:nth-child(even) dt{}
	#mainExample .sect-list .item .info dd p{font-size:1.6rem;}

}
@media all and (max-width:480px){
	#mainExample .sect-list{width:100%;}
}
#mainKnowhow{background:#fff;}
#mainKnowhow .sect-title{font-size:4.8rem;font-weight:700;color:#949C9E;}
#mainKnowhow .sect-title b{color:#04B1D9}
#mainKnowhow .sect-title .left{text-align:left;}
#mainKnowhow .sect-title .right{text-align:right;}
#mainKnowhow .sect-list{display:flex;flex-wrap:wrap;}
#mainKnowhow .sect-list dl{width:33.3333%;margin-top:8rem;text-align:left;-ms-word-break:keep-all;word-break:keep-all;}
#mainKnowhow .sect-list dt{display:flex;align-items:flex-end;padding-bottom:1.6rem;border-bottom:1px solid #04B1D9;}
#mainKnowhow .sect-list dt em{padding-right:0.8rem;font-size:2.4rem;font-weight:700;color:#04B1D9;line-height:2.9rem;}
#mainKnowhow .sect-list dt span{font-size:1.4rem;font-weight:500;color:#04B1D9;line-height:1.7rem;	}
#mainKnowhow .sect-list dd{padding-top:1.6rem;padding-right:1rem;}
#mainKnowhow .sect-list dd p{position:relative;padding-left:0.8rem;font-size:1.4rem;line-height:1.7rem;color:#949C9E;}
#mainKnowhow .sect-list dd p::after{display:block;clear:both;content:'';position:absolute;top:0.65rem;left:0;width:0.4rem;height:0.4rem;border-radius:50%;background:#677679;}
#mainKnowhow .sect-list dd p + p{margin-top:0.4rem;}

@media all and (max-width:1140px){
	#mainKnowhow .sect-list dl{width:50%}
}

@media all and (max-width:960px){

	#mainKnowhow .sect-title .left{text-align:center;}
	#mainKnowhow .sect-title .right{text-align:center;}

}
@media all and (max-width:720px){
	#mainKnowhow .sect-title{font-size:3rem;}
	#mainKnowhow .sect-list dl{width:100%;margin-top:4rem;}
	#mainKnowhow .sect-list dl + dl{margin-top:1.6rem;}
	#mainKnowhow .sect-list dt em{line-height:2.4rem;}
}
@media all and (max-width:480px){

}