.mainBlock{width:100%;min-height:600px;height:calc( 100vh - 110px - 46px );position:relative;display:-webkit-flex;display:flex}@media screen and (max-width: 768px){.mainBlock{display:block;min-height:initial;min-height:auto;height:auto;padding-bottom:45px}}.mainBlock .imgWrap{position:absolute;top:0;left:0;right:0;bottom:0}.mainBlock .imgWrap img{width:100%;height:100%}.mainBlock .imgWrap .bg{position:absolute;top:0;left:0;width:100%;height:100%}.mainBlock .imgWrap .onImgs{position:absolute;top:0;left:0;width:100%;height:100%}.mainBlock .imgWrap .onImgs img{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 0.8s cubic-bezier(0.445, 0.05, 0.55, 0.95)}.mainBlock .imgWrap .onImgs img.show{opacity:1}@media screen and (max-width: 768px){.mainBlock .imgWrap{display:none}}.mainBlock .mainTxtWrap{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:800px;height:554px;margin:auto;font-size:14px;position:relative;z-index:1;border-radius:8px;background:rgba(255,255,255,0.7)}.mainBlock .mainTxtWrap .mainTxtContainer .text{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.mainBlock .mainTxtWrap .mainTxtContainer .text .desc{font-size:15px;margin-top:30px;margin-left:30px}@media screen and (max-width: 768px){.mainBlock .mainTxtWrap{display:block;width:auto;height:auto;margin:auto;font-size:14px;position:relative;z-index:1;border-radius:8px;background:rgba(255,255,255,0.7)}.mainBlock .mainTxtWrap .mainTxtContainer .text{display:block}.mainBlock .mainTxtWrap .mainTxtContainer .text .desc{font-size:15px;margin-top:30px;margin-left:30px}.mainBlock .mainTxtWrap .topHd{padding-top:56.56%;height:0;position:relative;background-image:url(/image/hsl/special/cloud/awina/top/main_bg_01.jpg);background-size:100% auto;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.mainBlock .mainTxtWrap .topHd img{display:inline-block;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;height:50px;width:auto}}.mainBlock .mainTxtWrap ul{margin-top:8%}.mainBlock .mainTxtWrap li+li{margin-top:18px}.mainBlock .mainTxtWrap li a{display:inline-block;color:#000;text-decoration:none;padding:0px 0;padding-left:66px;position:relative}.mainBlock .mainTxtWrap li a .txt{border-bottom:1px solid transparent;display:inline-block;transition:.3s}.mainBlock .mainTxtWrap li a span{display:inline-block;vertical-align:middle;line-height:50px}.mainBlock .mainTxtWrap li a .en{font-size:24px;font-weight:700;letter-spacing:0.05em}.mainBlock .mainTxtWrap li a .jp{font-size:14px;margin-left:25px;letter-spacing:0.05em;font-weight:bold}.mainBlock .mainTxtWrap li a:after{content:"";display:block;width:50px;height:50px;background-repeat:no-repeat;position:absolute;left:0;top:50%;margin-top:-25px;transition:.3s}.mainBlock .mainTxtWrap li a:hover .txt{border-bottom-color:#5dc1cf}.mainBlock .mainTxtWrap li:nth-child(1) a:after{background-image:url(/image/hsl/special/cloud/awina/top/icon_01.png)}.mainBlock .mainTxtWrap li:nth-child(1) a:hover:after{background-image:url(/image/hsl/special/cloud/awina/top/icon_01_on.png)}.mainBlock .mainTxtWrap li:nth-child(2) a:after{background-image:url(/image/hsl/special/cloud/awina/top/icon_02.png)}.mainBlock .mainTxtWrap li:nth-child(2) a:hover:after{background-image:url(/image/hsl/special/cloud/awina/top/icon_02_on.png)}.mainBlock .mainTxtWrap li:nth-child(3) a:after{background-image:url(/image/hsl/special/cloud/awina/top/icon_03.png)}.mainBlock .mainTxtWrap li:nth-child(3) a:hover:after{background-image:url(/image/hsl/special/cloud/awina/top/icon_03_on.png)}.mainBlock .mainTxtWrap li:nth-child(4) a:after{background-image:url(/image/hsl/special/cloud/awina/top/icon_04.png)}.mainBlock .mainTxtWrap li:nth-child(4) a:hover:after{background-image:url(/image/hsl/special/cloud/awina/top/icon_04_on.png)}.mainBlock .mainTxtWrap li.langLi a{padding-left:0}.mainBlock .mainTxtWrap li.langLi a .en{font-size:18px}.mainBlock .mainTxtWrap li.langLi a span{line-height:34px}@media screen and (max-width: 768px){.mainBlock .mainTxtWrap ul{margin-top:30px}.mainBlock .mainTxtWrap li{padding:0 15px}.mainBlock .mainTxtWrap li+li{margin-top:15px}.mainBlock .mainTxtWrap li a{padding-left:60px}.mainBlock .mainTxtWrap li a .txt{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;min-height:50px}.mainBlock .mainTxtWrap li a span{display:block;line-height:1.2}.mainBlock .mainTxtWrap li a .en{font-size:18px}.mainBlock .mainTxtWrap li a .jp{font-size:12px;margin-left:0}.mainBlock .mainTxtWrap li.langLi{display:none}}.mainBlock .mainTxtWrap.type02{display:block;height:100%;width:100%;margin:0}.mainBlock .mainTxtWrap.type02 .txtWrap{height:calc( 100% - 175px );display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.mainBlock .mainTxtWrap.type02 .topHd{text-align:center;line-height:1.16}.mainBlock .mainTxtWrap.type02 .desc{margin-top:24px;font-weight:700}.mainBlock .mainTxtWrap.type02 ul{position:absolute;bottom:0;left:0;right:0;width:auto;display:-webkit-flex;display:flex;-webkit-align-items:stretch;align-items:stretch;margin-top:0;height:175px;display:-webkit-flex;display:flex;-webkit-align-items:stretch;align-items:stretch}.mainBlock .mainTxtWrap.type02 li{width:25%}.mainBlock .mainTxtWrap.type02 li+li{margin-top:0px;margin-left:1px}.mainBlock .mainTxtWrap.type02 li a{display:block;padding:28px 36px;background-image:linear-gradient(90deg, rgba(0,0,0,0.7), rgba(0,0,0,0.7));height:100%;box-sizing:border-box}.mainBlock .mainTxtWrap.type02 li a .txt{border-bottom:none;display:block}.mainBlock .mainTxtWrap.type02 li a span{display:block;line-height:1}.mainBlock .mainTxtWrap.type02 li a .en{font-size:24px;line-height:1.16}.mainBlock .mainTxtWrap.type02 li a .jp{font-size:12px;margin-left:0;margin-top:10px}.mainBlock .mainTxtWrap.type02 li a:after{display:none}.mainBlock .mainTxtWrap.type02 li a:hover{background-image:linear-gradient(90deg, rgba(1,157,196,0.7), rgba(3,85,187,0.7))}.mainBlock .mainTxtWrap.type02 li a:hover .txt{border-bottom:none}.gNav{display:none}
.clear{position: absolute;right: 2%;bottom: 0%;}
.main{position: relative}