.wow{animation-name:fadeInDown;-webkit-animation-name:fadeInDown;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-fill-mode:both;-webkit-animation-fill-mode:both;animation-duration:1s;-webkit-animation-duration:1s}
.stepbox02{animation-delay:0.5s;-webkit-animation-delay:0.5s}
.stepbox03{animation-delay:1.0s;-webkit-animation-delay:1.0s}
.stepbox04{animation-delay:1.5s;-webkit-animation-delay:1.5s}
.stepbox05{animation-delay:2.0s;-webkit-animation-delay:2.0s}
.stepbox06{animation-delay:2.5s;-webkit-animation-delay:2.5s}
.stepbox07{animation-delay:3.0s;-webkit-animation-delay:3.0s}
.stepbox08{animation-delay:3.5s;-webkit-animation-delay:3.5s}
.stepbox09{animation-delay:4.0s;-webkit-animation-delay:4.0s}
.titleBox2 .en{font-size:75px;font-family:'Quantico',sans-serif;line-height:100%;color:#ffffff;letter-spacing:2px}
.titleBox2 .title{padding-top:2px;font-weight:500;font-size:22px;letter-spacing:0.05em;margin-bottom:10px}
.titleBox2 .text{padding-top:30px;padding-bottom:25px;font-size:15px;letter-spacing:0.07em;line-height:190%;width:100%}
.aboutArea1{padding-bottom:40px}
.aboutArea1 .titleBox{margin-bottom:80px}
.aboutArea1 .titleBox2{margin-bottom:10px}
.aboutArea1 .itemBox{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%}
.aboutArea1 .leftBox{width:29%;margin-bottom:55px}
.aboutArea1 .rightBox{width:63%;padding-left:60px;padding-bottom:65px;position:relative}
.aboutArea1 .Img{width:100%}
.aboutArea1 .Img img{display:block;width:100%}
.aboutArea1 .Img1{position:relative;max-width:825px}
.aboutArea1 .Img2{max-width:240px}
.aboutArea1 .Img3{position:absolute;max-width:212px}
.aboutArea1 .Img1::after{content:'';position:absolute;right:-50px;bottom:-50px;z-index:-1;width:100%;height:100%;background-image:url("../images/aboutBg.png")}
.flowcontent .stepttl01 h1{font-size:25px;line-height:1.5;letter-spacing:2px;font-weight:500;color:#ffffff;margin:0 0 10px;padding:30px 0;text-align:center}
.stepbox ul{list-style:none;width:calc(100% - 200px)}
.stepbox h4{display:flex;align-items:center}
.stepbox ul li{color:#e7e7e7}
.stepbox h4 strong span{display:block;font-size:12px;margin:0 0 5px;text-align:center}
.stepbox h4 strong{font-size:32px;font-weight:600;letter-spacing:1px;display:inline-block;text-align:center;font-family:'Quantico',sans-serif;color:#d6000f;line-height:130%}
.stepbox:last-child{margin-bottom:0}
.stepbox:before{content:"";position:absolute;background:#ff1e1e;width:1px;height:calc(100% - 0vw);left:0;top:calc(0vw + 10px)}
.stepbox:after{content:"";width:10px;height:10px;position:absolute;left:-4px;top:0;background-color:#d6000f}
.stepbox{margin:0vw 0;position:relative;padding:0.5vw 0vw 1vw 1vw;display:flex;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
.stepbox:last-child:before{opacity:0}
.flowcontent .stepbox h4{font-size:24px;line-height:1.5;letter-spacing:2px;margin:0 0 10px;font-weight:500;width:220px;margin:10px}


@media (max-width:1180px){
	.aboutArea1{padding-bottom:0}
	.aboutArea1 .titleBox{margin-bottom:30px}
	.aboutArea1 .itemBox{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
	.aboutArea1 .leftBox{width:100%;margin-bottom:0;text-align:center}
	.aboutArea1 .titleBox2{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
	.aboutArea1 .rightBox{width:100%;padding-left:0;padding-bottom:25px}
	.aboutArea1 .Img1{width:100%;margin-left:auto;max-width:100%}
	.aboutArea1 .Img1::after{right:-15px;bottom:-15px}
	.aboutArea1 .Img2{position:relative;z-index:2;width:40%;margin-top:-8%;display:none}
	.aboutArea1 .Img3{right:0;bottom:50px}
}
@media (min-width:1181px){
	.aboutArea1 .Img2{position:absolute;right:-100px;bottom:10px}
	.aboutArea1 .Img3{left:40px;bottom:90px}
}
@media (max-width:767px){
	.aboutArea1 .Img1::after{display:none}
	.aboutArea1 .Img2{display:none}
	.aboutArea1 .Img3{position:static;margin-left:auto;margin-right:auto}
	.aboutArea1 .Img1{width:100%;margin-right:auto;margin-bottom:30px}
}
@media (max-width:640px){
	.aboutArea1 .titleBox{margin-bottom:0}
}

@media screen and (max-width: 960px) {
    .stepbox ul{padding-left:30px;list-style:none}
	.stepbox h4 strong{font-size:26px}
	.flowcontent .stepbox h4{font-size:20px;margin:0 0 5px;width:160px}
	.titleBox2 .en{font-size:55px}
}
@media screen and (max-width: 480px) {
	.stepbox{display:flex;flex-direction:column;padding:4vw 0vw 5vw 2vw}
	.flowcontent .stepbox h4{font-size:20px;margin:10px;width:auto}
	.stepbox ul{padding-left:10px;width:auto}
}