@font-face{font-family:"Yu Gothic M";src:local("Yu Gothic Medium")}@font-face{font-family:"Yu Gothic M";src:local("Yu Gothic Bold");font-weight:bold}.mainVisual{width:100%;height:440px;position:relative;background:url("../images/bg/bg-visual.png") top center repeat-x,#fff;overflow:hidden}.mainVisual .visual{display:none}.mainVisual .mv-inner{width:100%;max-width:1280px;position:relative;margin:0 auto;padding:5vw 0 5vw 2rem;z-index:1}.mainVisual .ballonR{position:absolute;width:100%;margin:5rem auto 0;z-index:1;top:-3rem;left:0;right:0;bottom:0}.mainVisual .ballonR .ballon01{position:absolute;text-align:right;left:98%;-webkit-transform:translateX(-98%);transform:translateX(-98%)}.mainVisual .ballonL{width:1060px;margin:0 auto;position:absolute;top:5rem;left:0;right:0;z-index:1}.mainVisual .ballonL .ballon02{position:absolute;top:8rem;left:50%;-webkit-transform:translateX(-45%);transform:translateX(-45%)}.mainVisual .ballonL .ballon03{position:absolute;top:29rem;left:35%;-webkit-transform:translateX(-35%);transform:translateX(-35%)}.mainVisual .ballonL .ballon04{position:absolute;top:0rem;left:62%;-webkit-transform:translateX(-63%);transform:translateX(-63%)}.mainVisual .moniter{width:1060px;margin:0 auto;position:absolute;top:0;left:0;right:0;z-index:1}.mainVisual .moniter .moniterL,.mainVisual .moniter .moniterR{height:360px}.mainVisual .moniter .moniterL img{position:absolute;top:8rem;left:63%;-webkit-transform:translateX(-63%);transform:translateX(-63%)}.mainVisual .moniter .moniterR img{position:absolute;top:8rem;left:170%;-webkit-transform:translateX(-170%);transform:translateX(-170%)}.mainVisual .moniter .shadow img{position:absolute;top:465px;left:32%;-webkit-transform:translateX(-8%);transform:translateX(-8%)}.security .scene-in .bg,.sso .scene-in .bg,.point .scene-in .bg,.price .scene-in .bg{display:none}.security .scene-in .textBox,.sso .scene-in .textBox,.point .scene-in .textBox,.price .scene-in .textBox{z-index:1}.security .scene-in .imgBox,.sso .scene-in .imgBox,.point .scene-in .imgBox,.price .scene-in .imgBox{z-index:0}.security .scene-in .imgBox p,.sso .scene-in .imgBox p,.point .scene-in .imgBox p,.price .scene-in .imgBox p{position:relative}.security .scene-in .imgBox p img,.sso .scene-in .imgBox p img,.point .scene-in .imgBox p img,.price .scene-in .imgBox p img{opacity:0}.security{min-height:720px;background:url("../images/top/securty-bg.png") top 4rem center no-repeat}.security .horizon,.security .vertical{left:-4rem}.security .horizon{bottom:-6rem}.security .vertical{top:22rem}.security .scene-in .textBox{width:55%;position:relative}.security .scene-in .imgBox{width:45%;position:absolute;top:30rem;right:1rem;text-align:right}.security .scene-in .imgBox p:nth-child(1) img{position:absolute;left:25%;-webkit-transform:translateX(-15%);transform:translateX(-15%)}.security .scene-in .imgBox p:nth-child(2) img{position:absolute;top:9rem;left:22%;-webkit-transform:translateX(-22%);transform:translateX(-22%);-webkit-animation-duration:2s;animation-duration:2s}.security .scene-in .imgBox p:nth-child(3) img{position:absolute;top:-12rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-animation-duration:2s;animation-duration:2s}.sso{min-height:590px;background:url("../images/top/sso-bg.png") top 20rem left 3rem no-repeat}.sso .horizon,.sso .vertical{right:-1rem}.sso .horizon{top:8rem}.sso .vertical{bottom:14.5rem}.sso .scene-in{margin:0 0 0 auto}.sso .scene-in .title{width:50%;margin:0 0 3rem auto;padding:12rem 0 0}.sso .scene-in .textBox{width:50%;position:relative;margin:0 0 0 auto}.sso .scene-in .imgBox{width:45%;position:absolute;top:-5rem;left:0;text-align:right}.sso .scene-in .imgBox .sso-mainimg p:nth-child(1) img{position:absolute;top:2rem;right:5%;-webkit-transform:translateX(-5%);transform:translateX(-5%)}.sso .scene-in .imgBox .sso-mainimg p:nth-child(2) img{position:absolute;top:8rem;right:0%;-webkit-transform:translateX(0);transform:translateX(0)}.sso .scene-in .imgBox .sso-icon{width:325px;position:absolute;top:-15rem;text-align:left;left:-9%}.sso .scene-in .imgBox .sso-icon p img{position:absolute;opacity:0}.sso .scene-in .imgBox .sso-icon p:nth-of-type(1) img{top:11rem;left:90%;-webkit-transform:translateX(-90%);transform:translateX(-90%)}.sso .scene-in .imgBox .sso-icon p:nth-of-type(2) img{top:7rem;right:30%;-webkit-transform:translateX(-30%);transform:translateX(-30%)}.sso .scene-in .imgBox .sso-icon p:nth-of-type(3) img{top:14rem;left:10%;-webkit-transform:translateX(-10%);transform:translateX(-10%)}.sso .scene-in .imgBox .sso-icon p:nth-of-type(4) img{top:7rem;left:23%;-webkit-transform:translateX(-23%);transform:translateX(-23%)}.sso .scene-in .imgBox .sso-icon p:nth-of-type(5) img{top:8rem;left:3%;-webkit-transform:translateX(-3%);transform:translateX(-3%)}.sso .scene-in .imgBox .sso-icon p:nth-of-type(6) img{top:2rem;left:13%;-webkit-transform:translateX(-13%);transform:translateX(-13%)}.sso .scene-in .imgBox .sso-icon p:nth-of-type(7) img{top:0;left:-10%;-webkit-transform:translateX(10%);transform:translateX(10%)}.point{min-height:690px}.point .horizon{top:-5rem;left:0}.point .vertical{top:-5rem;right:17.4rem}.point .scene-in .title{width:45%;margin:15rem auto 3rem auto}.point .scene-in .point-bg{position:absolute;top:-6rem;left:0}.point .scene-in .point-bg img{position:absolute;left:25%;-webkit-transform:translateX(-25%);transform:translateX(-25%)}.point .scene-in .textBox{width:45%;position:relative;margin:0 auto}.point .scene-in .imgBox{width:45%;position:absolute;top:10rem;right:0;text-align:right}.point .scene-in .imgBox p:nth-child(1) img{position:absolute;left:30%;-webkit-transform:translateX(-20%);transform:translateX(-20%)}@-webkit-keyframes pointRight{from{opacity:0;-webkit-transform:translate3d(10%, 0, 0);transform:translate3d(10%, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes pointRight{from{opacity:0;-webkit-transform:translate3d(10%, 0, 0);transform:translate3d(10%, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.pointRight{-webkit-animation-name:pointRight;animation-name:pointRight}.price{min-height:554px}.price .scene-in{width:65%;margin:0 auto}.price .scene-in .title{padding:4rem 4rem 0}.price .scene-in .textBox{padding:0 4rem;letter-spacing:-.4em}.price .scene-in .textBox p{letter-spacing:normal}.price .scene-in .textBox .textBox-inline{width:45%;vertical-align:top;display:inline-block;*display:inline;zoom:1;letter-spacing:normal}.price .scene-in .textBox .textBox-inline .btn{margin:1rem 0 0 auto}.price .scene-in .textBox .textBox-inline:last-child{width:55%}.scene--connect{max-width:inherit;padding:8rem 0;background:rgba(204,204,204,0.1)}.scene--connect .scene-in{max-width:1280px;margin:0 auto}.connect-list{width:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.connect-list li{width:calc((100% - 9%) / 4);position:relative;margin-left:3%;background:#fff;border-radius:3px}.connect-list li:first-child{margin-left:0}.connect-list li a{width:100%;height:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#252525;text-decoration:none}.connect-list .detail{width:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-item-align:stretch;align-self:stretch;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:2rem;line-height:1.4}.connect-list .detail__title{width:100%;position:relative;font-weight:bold}.connect-list .detail__contents{width:100%;position:relative;margin-top:auto;padding:3rem 0 0;color:rgba(37,37,37,0.5)}.connect-list .detail__contents .day{width:100%;position:relative;font-size:14px;font-size:1.4rem}.connect-list .detail__contents .tag{width:100%;position:relative;margin-top:auto;padding:3rem 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:12px;font-size:1.2rem}@media screen and (max-width: 1200px){.point .vertical{top:-7rem}.sso .scene-in .imgBox .sso-icon{left:-20%}.scene--connect{padding:8rem 1rem}}@media screen and (max-width: 1100px){.security .scene-in .imgBox p:nth-child(3) img{left:40%;-webkit-transform:translateX(-40%);transform:translateX(-40%)}.sso .scene-in .textBox .sp_hide{display:none}.sso .scene-in .imgBox .sso-icon{left:-28%}}@media (max-width: 1024px){.mainVisual .ballonR{top:-3rem}.point .vertical{right:17rem}.point .scene-in .title,.point .scene-in .textBox{left:-5%}}@media (max-width: 960px){.mainVisual{height:400px}.mainVisual .mv-inner{padding:6rem 0 0 2rem}.mainVisual .ballonR{top:10rem}.mainVisual .ballonL{top:0}.mainVisual .ballonL .ballon02{top:17rem;left:45%}.mainVisual .ballonL .ballon03{top:25rem;left:32%;-webkit-transform:translateX(-32%);transform:translateX(-32%)}.mainVisual .ballonL .ballon04{top:12em;left:55%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.mainVisual .mv-catchcopy img{height:230px}.mainVisual .moniter .moniterL,.mainVisual .moniter .moniterR{height:269px}.mainVisual .moniter .moniterL img{max-width:400px;top:15rem;left:50% !important;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.mainVisual .moniter .moniterR img{max-width:440px;top:15rem;left:105% !important;-webkit-transform:translateX(-105%);transform:translateX(-105%)}.mainVisual .moniter .shadow img{width:809px;position:absolute;top:345px;left:39%;-webkit-transform:translateX(-15%);transform:translateX(-15%)}.security .scene-in .imgBox p:nth-child(3) img{left:19%;-webkit-transform:translateX(-19%);transform:translateX(-19%)}.security .textBox .sp_hide,.sso .textBox .sp_hide,.point .textBox .sp_hide{display:none}.security{background:url("../images/top/securty-bg.png") top 2rem left no-repeat}.sso .vertical{bottom:17rem}.sso .scene-in .imgBox .sso-icon{left:-40%}.point .vertical{right:15rem}.price .scene-in{width:90%}.connect-list{-ms-flex-wrap:wrap;flex-wrap:wrap}.connect-list li{width:calc((100% - 3%) / 2)}.connect-list li:nth-child(odd){margin-left:0}.connect-list li:nth-child(n+3){margin-top:1rem}}@media (max-width: 768px){.mainVisual{width:100%;height:auto;background:none;overflow:inherit}.mainVisual .moniter,.mainVisual .mv-inner{display:none}.mainVisual .visual{display:block}.security,.sso,.point{min-height:inherit}.security .horizon,.security .vertical,.sso .horizon,.sso .vertical,.point .horizon,.point .vertical{top:-2rem;left:0;right:0;bottom:0}.security .scene-in .bg,.sso .scene-in .bg,.point .scene-in .bg{display:block}.security .scene-in .title,.sso .scene-in .title,.point .scene-in .title{width:100%;padding:0}.security .scene-in .textBox,.sso .scene-in .textBox,.point .scene-in .textBox{width:100%;z-index:1;top:0;left:0;right:0;bottom:0}.security .scene-in .textBox .btn,.sso .scene-in .textBox .btn,.point .scene-in .textBox .btn{margin:3rem auto 0}.security .scene-in .imgBox,.sso .scene-in .imgBox,.point .scene-in .imgBox{width:100%;position:relative;top:0;left:0;right:0;z-index:0}.security .scene-in .imgBox p:nth-child(1) img,.sso .scene-in .imgBox p:nth-child(1) img,.point .scene-in .imgBox p:nth-child(1) img{position:relative;top:0;left:0;right:0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}.security{padding:6rem 1rem 4rem;background:url("../images/sp/top/top-bg.png") top 6rem right -3rem no-repeat;background-size:50%}.security .horizon,.security .vertical{margin:0 auto 0 0}.security .horizon{width:80%}.security .vertical{height:20%}.security .scene-in{padding:0 2rem 0}.security .scene-in .imgBox{margin:3rem auto 0}.sso{background:url("../images/sp/top/top-bg.png") top 17rem left 3rem no-repeat;background-size:55%}.sso .horizon,.sso .vertical{margin:0 0 0 auto}.sso .horizon{width:15%}.sso .vertical{height:40%}.sso .scene-in{padding:0 2rem 0 0}.sso .scene-in .imgBox{margin:-2rem auto 0}.point{background:url("../images/sp/top/top-bg.png") top 17rem right 3rem no-repeat;background-size:55%}.point .horizon{width:40%}.point .vertical{height:20%}.point .scene-in .title{margin:0 auto 3rem}.point .scene-in .textBox{padding:0}.point .scene-in .imgBox{margin:3rem auto 0}.point .scene-in .imgBox p:nth-child(1) img{padding:0 15% 0}.price{min-height:inherit;padding-bottom:6rem}.price .scene-in{width:100%}.price .scene-in .title{padding:1rem 0 0}.price .scene-in .textBox{padding:0 2rem;letter-spacing:normal}.price .scene-in .textBox .textBox-inline{width:100%;display:block}.price .scene-in .textBox .textBox-inline:last-child{width:100%}.price .scene-in .textBox .textBox-inline .btn{margin:3rem auto}.connect-list{-ms-flex-wrap:wrap;flex-wrap:wrap}.connect-list li{width:100%;margin:1rem 0 0}.connect-list li:first-child{margin-top:0}.connect-list li:nth-child(2){margin-top:1rem}.connect-list .detail__contents .tag{padding:1rem 0 0}}