body{min-width:1200px}.mainBlock{width:100%;min-height:600px;height:calc( 100vh - 110px - 46px);position:relative;display:-webkit-flex;display:flex}.mainBlock:after{content:"";width:100%;height:100%;background-color:rgba(0,0,0,0.2);position:absolute;top:0;left:0}.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}.mainBlock .mainTxtWrap{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;width:950px;margin:0 auto;font-size:14px;position:relative;z-index:1}.mainBlock .mainTxtWrap .mainTxtContainer{margin-top:35px}.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}.mainBlock .mainTxtWrap .topHd{line-height:1.04;font-size:110px;font-weight:900;color:#fff;letter-spacing:0.075em;padding-left:0.075em}.mainBlock .mainTxtWrap .desc{font-size:18px;color:#fff;letter-spacing:0.05em;font-weight:bold;line-height:1.7}.mainBlock .mainTxtWrap ul{margin-top:6%}.mainBlock .mainTxtWrap li+li{margin-top:18px}.mainBlock .mainTxtWrap li a{display:inline-block;color:#fff;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:#fff}.mainBlock .mainTxtWrap li:nth-child(1) a:after{background-image:url(/image/hsl/special/cloud/ayamo/top/icon_01.png)}.mainBlock .mainTxtWrap li:nth-child(1) a:hover:after{background-image:url(/image/hsl/special/cloud/ayamo/top/icon_01_on.png)}.mainBlock .mainTxtWrap li:nth-child(2) a:after{background-image:url(/image/hsl/special/cloud/ayamo/top/icon_02.png)}.mainBlock .mainTxtWrap li:nth-child(2) a:hover:after{background-image:url(/image/hsl/special/cloud/ayamo/top/icon_02_on.png)}.mainBlock .mainTxtWrap li:nth-child(3) a:after{background-image:url(/image/hsl/special/cloud/ayamo/top/icon_03.png)}.mainBlock .mainTxtWrap li:nth-child(3) a:hover:after{background-image:url(/image/hsl/special/cloud/ayamo/top/icon_03_on.png)}.mainBlock .mainTxtWrap li:nth-child(4) a:after{background-image:url(/image/hsl/special/cloud/ayamo/top/icon_04.png)}.mainBlock .mainTxtWrap li:nth-child(4) a:hover:after{background-image:url(/image/hsl/special/cloud/ayamo/top/icon_04_on.png)}.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}
.subtext{color: #FFFFFF;}

/*# sourceMappingURL=top.css.map */