.topBox1{background:url("../images/content/topImg1.jpg") no-repeat center top;background-size:cover;padding:110px 0}@media screen and (max-width: 768px){.topBox1{background:url("../images/content/topImg1_sp.jpg") no-repeat center top;background-size:100%;padding:200px 0 0 0}}.topBox1 .in{max-width:750px;background-color:#FFF;border-radius:30px;display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:center;padding:150px 50px;margin:0 0 0 10%}@media screen and (max-width: 1500px){.topBox1 .in{width:40%}}@media screen and (max-width: 1200px){.topBox1 .in{margin:0 0 0 12%}}@media screen and (max-width: 1130px){.topBox1 .in{width:60%}}@media screen and (max-width: 900px){.topBox1 .in{width:90%;margin:0 5%;padding:30px 20px}}@media screen and (max-width: 768px){.topBox1 .in{padding:30px 15px}}.topBox1 .in h2{font-size:48px;width:100%;padding:0 0 30px}@media screen and (max-width: 900px){.topBox1 .in h2{font-size:32px;text-align:center;padding:0 0 20px}}.topBox1 .in p{font-size:15px;width:100%;padding:0 0 50px}@media screen and (max-width: 900px){.topBox1 .in p{padding:0 0 30px}}@media screen and (max-width: 768px){.topBox1 .in p{font-size:13px}}.topBox1 .in .btn{display:block}@media screen and (max-width: 768px){.topBox1 .in .btn{width:100%;text-align:center}}.topBox1 .in .btn a{font-size:18px}@media screen and (max-width: 768px){.topBox1 .in .btn a{font-size:15px}}.topBox2{position:relative;width:100%;padding:110px 0}@media screen and (max-width: 768px){.topBox2{padding:110px 0 50px}}.topBox2:before,.topBox2:after{content:"";position:absolute;z-index:1}.topBox2:before{content:"CAADS";font-weight:bold;font-size:200px;left:-250px;top:55%;-webkit-transform:translate(0%, -50%) rotate(270deg);-moz-transform:translate(0%, -50%) rotate(270deg);-ms-transform:translate(0%, -50%) rotate(270deg);-o-transform:translate(0%, -50%) rotate(270deg);transform:translate(0%, -50%) rotate(270deg);color:#F3F5F6;line-height:100%}@media screen and (max-width: 768px){.topBox2:before{-webkit-transform:translate(0%, 0%) rotate(0deg);-moz-transform:translate(0%, 0%) rotate(0deg);-ms-transform:translate(0%, 0%) rotate(0deg);-o-transform:translate(0%, 0%) rotate(0deg);transform:translate(0%, 0%) rotate(0deg);left:auto;top:auto;right:0;font-size:80px;margin:-90px 0 0 0}}.topBox2:after{width:40%;height:100%;right:0;top:0;background-color:#F3F5F6}@media screen and (max-width: 768px){.topBox2:after{width:100%;height:300px;right:auto;top:auto;bottom:0}}.topBox2 .inner{display:flex;justify-content:space-between;align-items:stretch;flex-wrap:wrap;position:relative;height:600px;z-index:2;margin:0 0 0 10%;width:80%;max-width:none}@media screen and (max-width: 1200px){.topBox2 .inner{margin:0 0 0 12%}}@media screen and (max-width: 900px){.topBox2 .inner{height:auto;width:90%;margin:0 5%}}.topBox2 .inner .imgBox{position:relative;width:55%;height:100%;overflow:hidden}@media screen and (max-width: 900px){.topBox2 .inner .imgBox{width:100%;height:auto}}.topBox2 .inner .imgBox img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);position:relative}@media screen and (max-width: 1800px){.topBox2 .inner .imgBox img{height:100%;width:auto;max-width:none}}@media screen and (max-width: 900px){.topBox2 .inner .imgBox img{top:auto;left:auto;-webkit-transform:translate(0%, 0%);-moz-transform:translate(0%, 0%);-ms-transform:translate(0%, 0%);-o-transform:translate(0%, 0%);transform:translate(0%, 0%);width:100%;height:auto}}.topBox2 .inner .txBox{width:45%;background-color:#FFF;border-radius:0 30px 30px 0;padding:0px 50px;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 900px){.topBox2 .inner .txBox{width:100%;border-radius:0 0 30px 30px;padding:30px 20px}}@media screen and (max-width: 768px){.topBox2 .inner .txBox{padding:30px 15px}}.topBox2 .inner .txBox .in h2{font-size:48px;width:100%;padding:0 0 30px}@media screen and (max-width: 900px){.topBox2 .inner .txBox .in h2{font-size:32px;text-align:center;padding:0 0 20px}}.topBox2 .inner .txBox .in p{font-size:15px;width:100%;padding:0 0 50px}@media screen and (max-width: 900px){.topBox2 .inner .txBox .in p{padding:0 0 30px}}@media screen and (max-width: 768px){.topBox2 .inner .txBox .in p{font-size:12px}}.topBox2 .inner .txBox .in .btn{display:block;text-align:left}@media screen and (max-width: 900px){.topBox2 .inner .txBox .in .btn{text-align:center}}.topBox2 .inner .txBox .in .btn a{font-size:18px;display:inline-block}@media screen and (max-width: 768px){.topBox2 .inner .txBox .in .btn a{font-size:15px}}.topBox3{position:relative;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}@media screen and (max-width: 768px){.topBox3{padding:50px 0 0 0}}.topBox3 .inBox{position:relative;padding:130px 0;width:50%;border-bottom:10px solid #FF8800;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 768px){.topBox3 .inBox{width:100%;margin:0 0 40px;padding:60px 0}}.topBox3 .inBox:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(11,39,67,0.6);z-index:1}.topBox3 .inBox:first-child{background:url("../images/content/topImg3.jpg") no-repeat center;background-size:cover}.topBox3 .inBox:last-child{background:url("../images/content/topImg4.jpg") no-repeat center;background-size:cover}.topBox3 .inBox .in{position:relative;z-index:2;color:#FFF}.topBox3 .inBox .in h2{font-size:48px;width:100%;padding:0 0 30px}@media screen and (max-width: 1000px){.topBox3 .inBox .in h2{font-size:32px;text-align:center;padding:0 0 20px}}.topBox3 .inBox .in h2 br{display:none}@media screen and (max-width: 768px){.topBox3 .inBox .in h2 br{display:block}}.topBox3 .inBox .in p{font-size:15px;width:100%;padding:0 0 50px}@media screen and (max-width: 900px){.topBox3 .inBox .in p{padding:0 0 20px}}.topBox3 .inBox .in .btn{display:block;text-align:left}@media screen and (max-width: 900px){.topBox3 .inBox .in .btn{text-align:center}}.topBox3 .inBox .in .btn a{font-size:18px;display:inline-block}@media screen and (max-width: 768px){.topBox3 .inBox .in .btn a{font-size:15px}}