@charset "UTF-8";@keyframes smartphoto{from{opacity:0}to{opacity:1}}@keyframes smartphoto-img-wrap{from{opacity:0}to{opacity:1}}@keyframes smartphoto-inner{from{transform:translate(0,100px)}to{transform:translate(0,0)}}@keyframes smartphoto-loader{0%{opacity:.4;transform:rotate(0)}50%{opacity:1;transform:rotate(180deg)}100%{opacity:.4;transform:rotate(360deg)}}@keyframes smartphoto-appear{0%{display:none;opacity:0}1%{display:block;opacity:0}100%{display:block;opacity:1}}@keyframes smartphoto-hide{0%{display:block;opacity:1}99%{display:block;opacity:0}100%{display:none;opacity:0}}.smartphoto{position:fixed;z-index:100;top:0;left:0;width:100%;height:100%;overflow:hidden;background-color:#000;opacity:1;font-family:sans-serif;cursor:pointer;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out;transition:all .3s ease-out;animation-name:smartphoto;animation-duration:.3s;animation-timing-function:ease-out}.smartphoto[aria-hidden=true]{display:none}.smartphoto-close{opacity:0}.smartphoto-count{display:inline-block;color:#FFF;font-size:16px}.smartphoto-header{display:block;box-sizing:border-box;position:fixed;z-index:102;top:0;left:0;width:100%;height:50px;padding:15px;background-color:rgba(0,0,0,.2)}.smartphoto-content{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.smartphoto-dismiss{display:block;position:absolute;top:15px;right:10px;width:20px;height:20px;padding:0;border:none;background-color:transparent;background-image:url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI4MzQuNjUgMjgzNC42NSIgZmlsbD0iI0ZGRiI+PHRpdGxlPmljb248L3RpdGxlPjxwYXRoIGQ9Ik0xNTc2LjQyLDE0MDYuNzYsMjc4NCwxOTkuMTlhNTYuODYsNTYuODYsMCwwLDAsMC04MC4xOGwtNzguOTItNzguOTJhNTYuODYsNTYuODYsMCwwLDAtODAuMTgsMEwxNDE3LjMyLDEyNDcuNjYsMjA5Ljc1LDQwLjA5YTU2Ljg2LDU2Ljg2LDAsMCwwLTgwLjE4LDBMNTAuNjUsMTE5YTU2Ljg2LDU2Ljg2LDAsMCwwLDAsODAuMThMMTI1OC4yMywxNDA2Ljc2LDUwLjY1LDI2MTQuMzRhNTYuODYsNTYuODYsMCwwLDAsMCw4MC4xOGw3OC45Miw3OC45MmE1Ni44Niw1Ni44NiwwLDAsMCw4MC4xOCwwTDE0MTcuMzIsMTU2NS44NiwyNjI0LjksMjc3My40NGE1Ni44Niw1Ni44NiwwLDAsMCw4MC4xOCwwbDc4LjkyLTc4LjkyYTU2Ljg2LDU2Ljg2LDAsMCwwLDAtODAuMThaIi8+PC9zdmc+);text-shadow:0 1px 0 #FFF;color:#FFF;font-size:30px;text-decoration:none;cursor:pointer;line-height:1}.smartphoto-body{position:relative;z-index:102;width:100%;height:100%;margin:0 auto}.smartphoto-inner{position:relative;width:100%;height:100%;vertical-align:top}.smartphoto-img{display:none;max-width:none;width:auto;height:auto;cursor:zoom-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:transform .3s ease-out;-webkit-user-drag:none}.smartphoto-img.active{display:block}.smartphoto-img-onmove{cursor:grab;cursor:-webkit-grab;transition:none}.smartphoto-img-elasticmove{transition:transform .3s ease-out}.smartphoto-img-wrap{display:inline-block;opacity:1;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out;animation-name:smartphoto-img-wrap;animation-duration:.3s;animation-timing-function:ease-out}.smartphoto-img-left{transform:translateX(150%)!important}.smartphoto-img-right{transform:translateX(-150%)!important}.smartphoto-arrows{list-style-type:none;margin:0;padding:0;position:relative;z-index:1002;top:50%;left:0;opacity:1;animation-name:smartphoto-appear;animation-duration:.3s;animation-timing-function:ease-out}.smartphoto-arrows[aria-hidden=true]{animation-name:smartphoto-hide;display:none}.smartphoto-arrows li{display:block;position:absolute;top:50%;width:30px;height:30px;margin-top:-20px;box-sizing:content-box;animation-duration:.3s;animation-timing-function:ease-out;animation-name:smartphoto-appear}.smartphoto-arrows li:focus{outline:0}.smartphoto-arrows [aria-hidden=true]{animation-name:smartphoto-hide;display:none}.smartphoto-arrows a{display:block;width:100%;height:100%;text-decoration:none}.smartphoto-arrow-right{right:0;padding:5px 0;background-color:rgba(0,0,0,.5)}.smartphoto-arrow-right a{background-image:url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI4MzQuNjUgMjgzNC42NSIgZmlsbD0iI0ZGRiAiPjx0aXRsZT5pY29uPC90aXRsZT48cGF0aCBkPSJNMTgzNy44OCwxNDE3LjMyLDY0My41OSwyMjNhNzIuMjEsNzIuMjEsMCwwLDEsMC0xMDEuODJMNzQzLjgyLDIxYTcyLjIxLDcyLjIxLDAsMCwxLDEwMS44MiwwTDIwOTAuODMsMTI2Ni4xOWwxMDAuMjMsMTAwLjIzYTcyLjIxLDcyLjIxLDAsMCwxLDAsMTAxLjgyTDg0NS42NCwyODEzLjY1YTcyLjIxLDcyLjIxLDAsMCwxLTEwMS44MiwwTDY0My41OSwyNzEzLjQyYTcyLjIxLDcyLjIxLDAsMCwxLDAtMTAxLjgyWiIvPjwvc3ZnPg==)}.smartphoto-arrow-left{left:0;padding:5px 0;background-color:rgba(0,0,0,.5)}.smartphoto-arrow-left a{background-image:url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI4MzQuNjUgMjgzNC42NSIgZmlsbD0iI0ZGRiI+PHRpdGxlPmljb248L3RpdGxlPjxwYXRoIGQ9Ik05OTYuNzcsMTQxNy4zMiwyMTkxLjA2LDIyM2E3Mi4yMSw3Mi4yMSwwLDAsMCwwLTEwMS44MkwyMDkwLjgzLDIxQTcyLjIxLDcyLjIxLDAsMCwwLDE5ODksMjFMNzQzLjgyLDEyNjYuMTksNjQzLjU5LDEzNjYuNDJhNzIuMjEsNzIuMjEsMCwwLDAsMCwxMDEuODJMMTk4OSwyODEzLjY1YTcyLjIxLDcyLjIxLDAsMCwwLDEwMS44MiwwbDEwMC4yMy0xMDAuMjNhNzIuMjEsNzIuMjEsMCwwLDAsMC0xMDEuODJaIi8+PC9zdmc+)}.smartPhotoArrowHideIcon{display:none}.smartphoto-nav{position:absolute;bottom:0;left:0;width:100%;opacity:1;animation-name:smartphoto-appear;animation-duration:.3s;animation-timing-function:ease-out}.smartphoto-nav[aria-hidden=true]{animation-name:smartphoto-hide;display:none}.smartphoto-nav ul{display:block;overflow-x:auto;list-style:none;margin:0;padding:0;text-align:center;white-space:nowrap;-webkit-overflow-scrolling:touch}.smartphoto-nav li{display:inline-block;overflow:hidden;width:50px;height:50px}.smartphoto-nav a{display:block;width:100%;height:100%;background-color:#FFF;background-position:center center;background-size:cover;opacity:.5}.smartphoto-nav a:focus{opacity:.8}.smartphoto-nav a.current{opacity:1}.smartphoto-nav img{width:auto;height:100%}.smartphoto-list{list-style-type:none;position:absolute;z-index:101;top:0;left:0;margin:0;padding:0;white-space:nowrap}.smartphoto-list li{display:block;position:absolute;top:0;left:0;width:100%;height:100%;transition:all .3s ease-out}.smartphoto-list li:focus{outline:0}.smartphoto-list-onmove{transition:all .3s ease-out}.smartphoto-caption{overflow:hidden;box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:50px;padding:0 50px;color:#FFF;font-size:12px;text-align:center;line-height:50px;white-space:nowrap;text-overflow:ellipsis}.smartphoto-caption:focus{outline:0}.smartphoto-loader-wrap{display:block;position:relative;z-index:103;width:0;height:0;transform:translate(50vw,50vh)}.smartphoto-loader{position:absolute;z-index:101;top:0;left:0;width:30px;height:30px;margin-top:-25px;margin-left:-25px;border:8px solid #17CDDD;border-right-color:transparent;border-radius:50%;animation:smartphoto-loader .5s infinite linear}.smartphoto-img-clone{position:fixed;z-index:100;top:0;left:0;transition:all .3s ease-out}.smartphoto-sr-only{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0,0,0,0)}html{font-size:62.5%}body{font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;font-display:swap;font-size:1.6rem;background-color:#fff;line-height:1.75;font-size:2rem;color:#333;overflow-x:hidden}img{max-width:100%;height:auto;vertical-align:bottom}section{padding:0;overflow-x:hidden}section h1,section h2,section h3,section h4,section h5,section h6{margin-top:0;font-family:"Noto Sans JP",sans-serif;color:#444}.wrapper{margin:0 auto;padding:0 30px;max-width:1200px}.text-wrapper{clear:both}.flex{display:flex;justify-content:space-between;flex-wrap:wrap}@media screen and (max-width:1024px){.wrapper{padding:0 30px}}@media screen and (max-width:768px){body{font-size:1.6rem}.wrapper{max-width:1400px}section{padding:0}}@media screen and (max-width:480px){.wrapper{padding:0 15px}}.text-elearning{color:#136B8C}.text-training{color:#82851C}.text-monitoring{color:#3C632C}table{margin-bottom:40px;border:3px solid #ccc;border-collapse:collapse}table td,table th{padding:20px;border:1px solid #ccc}table th{background-color:#eff4ed}.note{font-size:1.6rem;display:block;margin-top:15px}.note+.note{margin-top:10px}header{position:relative;box-shadow:0 6px 10px rgba(0,0,0,.2);z-index:10}header .logo{display:table-cell;vertical-align:middle;margin:0}header .logo img{width:350px;padding:24px 0}header .outline-wrapper{display:table-cell;vertical-align:middle;padding-left:40px}header p{font-size:2.4rem;font-weight:700;margin:0 0 8px;text-align-last:left;color:#444;line-height:1.5}header p::first-letter{font-size:3rem}header ul.feature-list{margin:0;padding:0;list-style-type:none;font-size:1.6rem;font-weight:700}header ul.feature-list li{display:inline-block;margin-right:50px}header ul.feature-list li a{text-decoration:none;transition:.3s}header ul.feature-list li a:hover{text-decoration:underline}@media screen and (max-width:1024px){header .logo img{width:240px}header .outline-wrapper{padding-left:20px}header .outline-text{margin-bottom:0}header p{font-size:2rem}header ul.feature-list li{margin-right:20px}}@media screen and (max-width:768px){header{text-align:center}header .logo{display:block;margin:0 auto}header .logo img{padding:10px 0 6px}header .outline-wrapper{display:none}header .sub-copy{margin-bottom:30px}}#main-visual{padding:105px 0;position:relative;background:linear-gradient(135deg,#eef7ec 0,#eef7ec 25%,#fff 25.01%,#fff 100%)}#main-visual .wrapper{position:relative}#main-visual .main-copy{position:relative;width:65%;z-index:10;margin-bottom:10px}#main-visual .sub-copy{position:relative;font-size:2.4rem;font-weight:700;line-height:1.5;margin:0 0 100px;z-index:10}#main-visual .mainvisual-computer{position:absolute;top:-60px;right:-30px;width:50%}#main-visual ul.feature-list{list-style-type:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:space-between}#main-visual ul.feature-list li{color:#707070;font-family:"Noto Sans JP",sans-serif;font-size:2.7rem;font-weight:700;box-sizing:border-box;margin-bottom:30px;padding:11px 11px 11px 15px;width:calc(100% / 3 - 15px);background-color:#fff;box-shadow:6px 6px 12px rgba(0,0,0,.2)}#main-visual ul.feature-list li img{vertical-align:middle;margin-right:8px}@media screen and (max-width:1024px){#main-visual{padding:50px 0}#main-visual .main-copy{width:50%}#main-visual .sub-copy{font-size:1.8rem;margin-bottom:60px}#main-visual .mainvisual-computer{width:35%;top:0;right:15px}#main-visual ul.feature-list li{position:relative;font-size:1.8rem;padding:11px 6px 11px 15px}}@media screen and (max-width:768px){#main-visual{padding:60px 0}#main-visual .main-copy{width:70%}#main-visual .sub-copy{font-size:1.8rem;margin-bottom:30px}#main-visual .mainvisual-computer{position:relative;width:80%;margin:0 auto 30px;top:initial;right:initial}#main-visual ul.feature-list li{position:relative;width:calc(100% / 2 - 10px);font-size:1.6rem;margin-bottom:20px;padding:11px 6px 11px 36px}#main-visual ul.feature-list li img{position:absolute;top:16px;left:6px;width:20px}}@media screen and (max-width:480px){#main-visual{padding:30px 0}#main-visual .sub-copy{font-size:1.4rem}#main-visual ul.feature-list li{font-size:1.3rem}}#distress h2{text-align:center;font-size:4.2rem}#distress ul{list-style-type:none;max-width:85%;padding:0;margin-right:auto;margin-left:auto}#distress ul li{position:relative;font-size:2.4rem;margin-bottom:1.7rem;padding-left:50px}#distress ul li img{position:absolute;margin-right:20px;vertical-align:middle;left:0;top:8px}#distress ul li strong{font-size:3rem}#distress p.consequence{font-size:6.5rem;font-family:"Noto Sans JP",sans-serif;font-weight:700;text-align:center}@media screen and (max-width:1024px){#distress h2{font-size:3.2rem}#distress ul{max-width:initial}#distress ul li{font-size:1.6rem}#distress ul li strong{font-size:2.4rem}#distress p.consequence{font-size:4rem}}@media screen and (max-width:768px){#distress h2{font-size:2.4rem}#distress ul{max-width:initial}#distress ul li{font-size:1.4rem;position:relative;margin-bottom:10px;padding-left:28px}#distress ul li img{position:absolute;left:0;top:13px;width:20px;margin-right:12px}#distress ul li strong{font-size:2rem}#distress p.consequence{font-size:2.4rem}#distress p.consequence:after{left:0;width:100%;height:60px;margin-left:0}}#outline .logo{text-align:center}#outline h2{font-size:3.8rem;text-align:center}#outline .outline-column{position:relative;margin-bottom:70px;padding:30px 50px 50px;box-shadow:2px 2px 12px rgba(0,0,0,.2)}#outline .outline-column .image-wrapper{width:460px}#outline .outline-column .image-wrapper.right{order:1}#outline .outline-column dl{width:calc(100% - 540px)}#outline .outline-column h3{font-size:3.6rem;padding-left:80px}#outline .outline-column h3 span.number{display:inline-block;width:97px;height:141px;position:absolute;top:-15px;left:20px;text-align:center;line-height:141px;color:#fff;font-family:arial;font-size:6.5rem;font-weight:700;background-size:cover}#outline .outline-column h3 span.text{display:inline-block}#outline .outline-column.outline-column1 h3 span.number{background-image:url(../images/flag1_elearning.png)}#outline .outline-column.outline-column2 h3 span.number{background-image:url(../images/flag1_training.png)}#outline .outline-column.outline-column3 h3 span.number{background-image:url(../images/flag1_monitoring.png)}#outline .outline-column dl{margin:0}#outline .outline-column dl dt{margin-bottom:8px;font-size:2.4rem;font-weight:700}#outline .outline-column dl dd{margin:0 0 40px;padding:0}#outline .outline-column dl dd:last-child{margin:0}#outline .outline-image{margin-bottom:230px;padding:0 0 40px;position:relative;background:transparent linear-gradient(180deg,#fff 0,#ededed 100%) 0 0 no-repeat padding-box;position:relative}#outline .outline-image:after{position:absolute;left:0;bottom:-140px;z-index:-1;display:inline-block;content:"";width:0;height:0;border-style:solid;border-width:140px 50vw 0;border-color:#ededed transparent transparent transparent}#outline .outline-image .wrapper{position:relative}#outline .outline-image .circle{position:relative;text-align:center;padding-top:50px;z-index:10}#outline .outline-image .circle img{width:46%}#outline .outline-image ul{margin:0;padding:0;list-style-type:none}#outline .outline-image ul li{font-size:2.2rem;font-family:"Noto Sans JP",sans-serif;text-align:center;font-weight:700;width:28%;position:absolute}#outline .outline-image ul li img{box-shadow:0 3px 6px rgba(0,0,0,.16)}#outline .outline-image .image1{top:0;left:30px}#outline .outline-image .image2{top:0;right:30px}#outline .outline-image .image3{bottom:-20px;right:30px}#outline .outline-image .image4{bottom:-20px;left:30px}#outline .consequence-wrapper{display:flex;align-items:center;height:305px;line-height:1.2;background:url(../images/bg_amelioration.svg) center top no-repeat;background-size:cover;text-align:center}#outline .consequence-wrapper .consequence{position:relative;text-align:left;display:inline-block;margin:0 auto;padding-left:180px;font-family:"Noto Sans JP",sans-serif;font-size:3.6rem;font-weight:700;color:#2c9133}#outline .consequence-wrapper .consequence:before{position:absolute;display:inline-block;content:"";top:50%;left:0;margin-top:-80px;width:164px;height:161px;background-image:url(../images/3cycle.png);background-size:cover}#outline .consequence-wrapper .consequence span{display:block;font-size:6.2rem;color:#195d1e;text-shadow:3px 3px 0 #fff}@media screen and (max-width:1024px){#outline h2{font-size:2.8rem;padding:0 30px 40px}#outline .outline-image{padding:0 15px 60px}#outline .outline-image .circle{padding-top:50px}#outline .outline-image ul li{font-size:1.8rem}#outline .outline-image ul li img{margin-bottom:6px}#outline .outline-image .image1{top:0;left:15px}#outline .outline-image .image2{top:0;right:15px}#outline .outline-image .image3{bottom:-50px;right:15px}#outline .outline-image .image4{bottom:-50px;left:15px}#outline .outline-column{margin-bottom:40px;padding:30px}#outline .outline-column h3{font-size:2.4rem}#outline .outline-column h3 span.number{width:65px;height:94px;font-size:4rem;top:-10px;left:20px;line-height:94px}#outline .outline-column .image-wrapper{width:50%}#outline .outline-column dl{width:calc(50% - 40px)}#outline .outline-column dl dt{font-size:2rem}#outline .outline-column dl dd{font-size:1.6rem}#outline .consequence-wrapper .consequence{margin-top:10px;font-size:2.8rem}#outline .consequence-wrapper .consequence span{font-size:4rem}}@media screen and (max-width:768px){#outline .logo{max-width:70%;margin:0 auto}#outline h2{font-size:2rem;text-align:left;padding:0 30px}#outline .outline-image{margin-bottom:90px;padding:0 30px}#outline .outline-image:after{bottom:-49px;border-width:50px 50vw 0 50vw}#outline .outline-image .circle{padding:0 0 30px}#outline .outline-image .circle img{width:60%}#outline .outline-image ul{display:flex;justify-content:space-between;flex-wrap:wrap}#outline .outline-image ul li{width:calc(50% - 15px);position:relative;top:initial!important;left:initial!important;bottom:initial!important;right:initial!important;margin-bottom:30px;font-size:1.6rem}#outline .outline-column{margin-bottom:30px;padding:15px}#outline .outline-column h3{font-size:2rem;padding-left:80px}#outline .outline-column h3 span{left:10px}#outline .outline-column .flex{display:block}#outline .outline-column .image-wrapper{margin-bottom:20px;width:100%}#outline .outline-column .image-wrapper img{width:100%}#outline .outline-column dl{width:100%}#outline .outline-column dl dt{font-size:1.8rem}#outline .outline-column dl dd{font-size:1.4rem;margin-bottom:20px}#outline .consequence-wrapper{padding:30px 5px;height:100px}#outline .consequence-wrapper .consequence{font-size:2rem;padding-left:100px;margin-top:20px}#outline .consequence-wrapper .consequence:before{width:82px;height:80px;margin-top:-40px}#outline .consequence-wrapper .consequence span{font-size:2.6rem}}#function{padding:80px 0}#function h2{text-align:center;font-size:4rem;margin-bottom:55px}#function .function-column{position:relative;background-color:#f3f4f2;margin-bottom:60px;padding:110px 40px 40px 40px}#function .function-column:last-child{margin-bottom:0}#function .function-column h3{display:inline-block;width:315px;height:94px;position:absolute;padding-top:25px;top:-12px;left:40px;text-align:center;color:#fff;line-height:1;font-size:3.2rem;background-repeat:no-repeat;text-shadow:2px 2px 2px rgba(0,0,0,.5)}#function .function-column.function-column1 h3{background-image:url(../images/flag2_elearning.png)}#function .function-column.function-column2 h3{background-image:url(../images/flag2_training.png)}#function .function-column.function-column3 h3{background-image:url(../images/flag2_monitoring.png)}#function .function-column.function-column3 .screenshot{justify-content:center}#function .function-column.function-column3 .screenshot li{width:682px}#function .function-column.function-column3 .screenshot li img{display:block;box-sizing:content-box}#function .function-column .image-wrapper{width:200px;margin-bottom:35px}#function .function-column .text-wrapper{width:calc(100% - 235px);margin-bottom:35px}#function .function-column h4{font-size:2.6rem}#function .function-column p{font-size:1.8rem;margin:0 0 40px}#function .function-column p strong{color:#e37420}#function .more-wrapper{clear:both;margin-bottom:60px;padding:18px 35px 30px;background-color:#fff;border:2px solid #fcdac0;border-radius:12px}#function .more-wrapper h4{position:relative;background-color:#e37420;color:#fff;font-size:2.4rem;display:inline-block;border-radius:5px;padding:2px 20px;margin-bottom:20px}#function .more-wrapper h4:after{content:"";display:inline-block;position:absolute;bottom:-11px;left:50%;width:17px;height:11px;margin-left:-9px;background-image:url(../images/balloon.png)}#function .more-wrapper ul{list-style-type:none;margin:0;padding:0}#function .more-wrapper ul li{position:relative;line-height:1.8;padding-left:20px}#function .more-wrapper ul li:before{position:absolute;top:14px;left:0;display:inline-block;content:"";width:8px;height:8px;border-radius:50%;background-color:#e37420}#function h4.line{position:relative;text-align:center;font-size:2.6rem;margin-bottom:50px}#function h4.line:after{display:inline-block;content:"";width:305px;height:18px;position:absolute;left:50%;bottom:-20px;margin-left:-152px}#function h4.line.elearning:after{background-image:url(../images/line_elearning.svg)}#function h4.line.training:after{background-image:url(../images/line-training.svg)}#function h4.line.monitoring:after{background-image:url(../images/line-monitoring.svg)}#function p.note{font-size:1.4rem;text-align:right;margin-bottom:20px}#function .screenshot{list-style-type:none;margin:0;padding:0;display:flex;justify-content:space-between;flex-wrap:wrap}#function .screenshot li{width:calc(25% - 20px);font-size:1.6rem}#function .screenshot li img{margin-bottom:16px;width:100%;padding:10px;background-color:#fff;box-sizing:border-box}#function .screenshot li a{display:block;text-decoration:none;color:#333}#function .screenshot li a:hover img{transition:.3s;background-color:#bdd778}@media screen and (max-width:1024px){#function h2{font-size:3.2rem;margin-bottom:55px}#function .function-column h4.line{margin-bottom:30px}#function .function-column h4{font-size:2rem}#function .function-column p{margin-bottom:30px}#function .more-wrapper{padding:15px}#function .more-wrapper h4{font-size:1.8rem;padding:0 20px}}@media screen and (max-width:768px){#function{padding:40px 0}#function .flex{display:flex;justify-content:space-between;flex-wrap:wrap}#function h2{font-size:2.4rem;margin-bottom:40px}#function .function-column{padding:70px 15px 15px 15px}#function .function-column h3{width:215px;height:62px;background-size:contain;font-size:2.4rem;left:15px;padding-top:15px}#function .function-column h4{font-size:2rem;margin-bottom:20px}#function .function-column p{font-size:1.6rem}#function .more-wrapper{margin-bottom:30px;padding:15px}#function .screenshot li{width:calc(50% - 15px);font-size:1.4rem;margin-bottom:20px}}@media screen and (max-width:480px){#function .function-column{padding:70px 15px 15px 15px}#function .function-column .flex{flex-direction:column;margin-bottom:30px}#function .function-column .text-wrapper{order:1}#function .function-column .image-wrapper{order:2;margin:0 auto 20px;text-align:center;width:80%}#function .function-column .text-wrapper{width:100%;margin-bottom:30px}#function .function-column.function-column .screenshot li img{box-sizing:border-box}#function .function-column .screenshot li{width:calc(50% - 10px);font-size:1.3rem;margin-bottom:20px}}#faq{padding:70px 0;background:transparent linear-gradient(90deg,#e3f0d9 0,#e3ede0 50%,#deebf4 100%) 0 0 no-repeat padding-box}#faq h2{text-align:center;font-size:4rem;color:#195d1e}#faq .faq-wrapper{margin-bottom:80px;padding:40px 65px;background-color:#fff}#faq .faq-wrapper h3{position:relative;font-size:2.4rem;margin:0 0 20px;display:inline-block;padding:6px 30px;background-color:#888;color:#fff;text-shadow:2px 2px 2px rgba(0,0,0,.5)}#faq .faq-wrapper h3.elearning{background-color:#59bfe3}#faq .faq-wrapper h3.training{background-color:#bfc32d}#faq .faq-wrapper h3.monitoring{background-color:#91c978}#faq dl{border-bottom:1px solid #ccc}#faq dt{position:relative;font-weight:700;font-size:2.2rem;border-top:1px solid #ccc}#faq dt a{position:relative;display:block;color:#333;text-decoration:none;padding:14px 70px 14px 74px;transition:.3s}#faq dt a:hover{background-color:#eee}#faq dt a:hover:after{transition:.5s;transform-origin:center;transform:rotate(90deg)}#faq dt a:before{position:absolute;left:30px;top:20px;width:30px;height:30px;display:inline-block;content:"";background-image:url(../images/icon_question.svg);background-size:cover}#faq dt a:after{position:absolute;right:30px;top:50%;margin-top:-5px;display:inline-block;content:"";width:11px;height:20px;background-image:url(../images/icon_faq.svg);background-size:cover;background-position:center}#faq dt.open a:after{transform:rotate(90deg)}#faq dd{position:relative;margin:0;padding:8px 60px 20px 74px;font-size:2rem}#faq dd:last-of-type{margin-bottom:0}#faq dd:before{position:absolute;left:30px;top:10px;width:30px;height:30px;display:inline-block;content:"";background-image:url(../images/icon_answer.svg);background-size:cover}@media screen and (max-width:1024px){#faq h2{font-size:2.6rem}#faq .faq-wrapper{margin-bottom:60px}#faq .faq-wrapper dt{font-size:1.8rem}#faq .faq-wrapper dt a{padding:14px 50px 14px 70px}#faq .faq-wrapper dt a:before{top:14px}#faq .faq-wrapper dt a:after{position:absolute;right:20px;top:50%}#faq .faq-wrapper dd{font-size:1.6rem}#faq .faq-wrapper h3{font-size:2.2rem}#faq .faq-wrapper h3:before{top:12px}}@media screen and (max-width:768px){#faq{padding:40px 0}#faq h2{font-size:2.6rem}#faq .faq-wrapper{margin-bottom:40px;padding:15px}#faq .faq-wrapper:last-of-type{margin-bottom:0}#faq .faq-wrapper dl{margin-bottom:0}#faq .faq-wrapper dt a{padding:14px 40px 14px 55px}#faq .faq-wrapper dt a:before{top:12px;left:15px}#faq .faq-wrapper dt a:after{right:15px}#faq .faq-wrapper dt{font-size:1.6rem}#faq .faq-wrapper dd{font-size:1.4rem;padding:14px 40px 14px 55px}#faq .faq-wrapper dd:before{top:12px;left:15px}#faq .faq-wrapper h3{font-size:2.2rem}#faq .faq-wrapper h3:before{top:12px}}#price{padding:70px 0 0}#price h2{font-size:4rem;text-align:center}#price h2 span{font-size:2rem}#price .price-line{list-style-type:none;margin:0;padding:0}#price .price-line li{margin-bottom:20px}#price .price-line li span{width:25rem;text-align:center;background-color:#eee;display:inline-block;margin-bottom:10px;margin-right:20px;padding:5px 10px;font-size:1.8rem;font-weight:700}#price .price-wrapper{margin-bottom:50px;padding-left:96px;display:flex}#price .price-wrapper h3,#price .price-wrapper p{margin-top:0}#price .price-wrapper h3{color:#195d1e;font-size:2.6rem;width:270px}#price .price-wrapper h3 img{display:inline-block;margin-right:10px;vertical-align:middle}#price .price-wrapper p{margin-top:5px}#price .price-wrapper .price-inner{width:calc(100% - 270px)}#price .price-wrapper .initial{margin-top:0;margin-bottom:10px}#price .price-wrapper .initial span{display:inline-block;margin-left:20px;font-size:2.6rem;font-weight:700}#price .price-wrapper table{margin:30px auto;width:100%}@media screen and (min-width:768px){#price .price-wrapper table{width:initial;min-width:450px}}#price .price-wrapper table th{padding:10px;width:33%}#price .price-wrapper table td{padding:10px 35px;text-align:center}#price .price-wrapper table td.price{text-align:right;font-weight:700}#price .price-wrapper table td:last-child{text-align:right;font-weight:700}#price .price-wrapper .model-case{margin-bottom:50px}#price .price-wrapper .model-case h4{display:inline-block;background-color:#eee;margin-top:0;padding:6px 13px}#price .price-wrapper .model-case .case-outline{font-weight:700;font-family:"Noto Sans JP",sans-serif}#price .price-wrapper .model-case ul.price-text{font-family:"Noto Sans JP",sans-serif;list-style-type:none;margin:0 0 30px;padding:0}#price .price-wrapper .model-case ul.price-text li{padding:20px 0 10px;border-bottom:1px solid #ddd}#price .price-wrapper .model-case ul.price-text li .sub-total{font-weight:700}#price .price-wrapper .model-case ul.price-text li .total{font-size:3.2rem;color:#555;font-weight:900}#price .price-wrapper .model-case .price-total{background-color:#fdf7d0;padding:25px 25px 30px;font-weight:700;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}#price .price-wrapper .model-case .price-total .price-item{text-align:center}#price .price-wrapper .model-case .price-total .operator{font-size:30px}#price .price-wrapper .model-case .price-total .price{display:block;font-size:30px;font-weight:900;color:#555}#price .price-wrapper .model-case .price-list td{width:50%}@media screen and (max-width:1024px){#price h2{font-size:3.2rem}#price h2 span{font-size:1.8rem}#price .price-line li{margin-bottom:20px}#price .price-line li span{display:block;margin-bottom:10px}#price .price-wrapper{padding-left:0}#price .price-wrapper h3{font-size:2rem;width:200px}#price .price-wrapper .price-inner{width:calc(100% - 200px)}#price .price-wrapper .price-inner h3{margin:0}#price .price-wrapper .initial{font-size:1.6rem}#price .price-wrapper .initial span{font-size:2rem;display:block}#price .price-wrapper .model-case .case-outline,#price .price-wrapper .model-case .price-text{font-size:1.8rem}#price .price-wrapper .model-case .price-total{flex-direction:column;margin-bottom:30px}#price .price-wrapper .model-case .price-total .equal{transform:rotate(90deg)}}@media screen and (max-width:768px){#price{padding:40px 0}#price h2{font-size:2.6rem}#price h2 span{display:block;font-size:1.4rem}#price h3{font-size:2rem}#price .price-wrapper{display:block;margin-bottom:30px;padding-left:0}#price .price-wrapper .price-inner{width:100%}#price .price-wrapper h3{font-size:2rem}#price .price-wrapper .initial{font-size:2rem}#price .price-wrapper table{margin-bottom:30px}#price .price-wrapper table td,#price .price-wrapper table th{padding:6px 10px}#price .price-wrapper .model-case .price-total{flex-direction:column}#price .price-wrapper .model-case .price-total .equal{transform:rotate(90deg)}}.contact{padding:0 0 60px}.contact .contact-title{margin-top:0;font-size:2.8rem;text-align:center;font-weight:700;color:#444}.contact .btn{text-align:center;margin:0}.contact .btn a{overflow:hidden;position:relative;font-family:"Noto Sans JP",sans-serif;font-weight:700;display:inline-block;max-width:620px;padding:20px 30px;font-size:3.2rem;box-shadow:10px 10px 8px rgba(0,0,0,.16);border-radius:20px;background-color:#e2f5de;border:4px solid #ccc;color:#33363b;text-decoration:none;box-sizing:border-box;z-index:10}.contact .btn a img{width:40px;vertical-align:middle;margin-right:20px;margin-top:-6px}.contact .btn a:after{position:absolute;top:0;left:0;z-index:-1;content:"";width:120%;height:100%;background:#d1ebcb;transform-origin:right top;transform:skewX(-30deg) scale(0,1);transition:transform .3s}.contact .btn a:hover:after{transform-origin:left top;transform:skewX(-30deg) scale(1,1)}@media screen and (max-width:1024px){.contact{padding:0 0 50px}.contact .contact-title{font-size:2.4rem}.contact .btn a{font-size:2.8rem}}@media screen and (max-width:768px){.contact{padding:0 0 30px}.contact .contact-title{font-size:1.8rem;text-align:left}.contact .contact-title br{display:none}.contact .btn a{border:1px solid #eee;padding:15px 20px;width:100%}}@media screen and (max-width:480px){.contact .contact-title{font-size:1.5rem}.contact .btn a{font-size:1.6rem}.contact .btn a img{width:30px;margin-right:12px}}#company{padding:70px 0}#company .wrapper{max-width:800px}#company h2,#company h3{text-align:center;font-size:2.4rem}#company p{font-size:1.6rem}#company p:last-of-type{margin-bottom:60px}#company ul{font-size:2.1rem;list-style-type:none;margin-bottom:60px;padding:0}#company table.company{width:100%;margin-bottom:0}#company table.company td,#company table.company th{text-align:left;font-size:1.6rem}#company table.company th{width:8rem}#company table.company td{font-weight:400}@media screen and (max-width:768px){#company{padding:40px 0}#company ul{font-size:1.8rem}#company table.company td,#company table.company th{padding:15px 10px}}#footer{padding:70px 0;border-top:1px solid #bbb}#footer .footer-links{list-style-type:none;text-align:center;margin:0;padding:0}#footer .footer-links li{display:inline-block;font-size:1.6rem;margin:0 20px 25px}#footer .footer-links li a{color:#333;text-decoration:none}#footer .footer-links li a:hover{text-decoration:underline}#footer .footer-links li img{margin-left:10px;vertical-align:middle}#footer .company-name a{font-weight:700;text-decoration:none;color:#333}#footer .company-name img{margin-right:12px;vertical-align:baseline;width:140px}#footer .company-address{font-size:1.6rem}#footer .copyright{text-align:right;font-size:1.4rem}#footer #pagetop{position:fixed;right:30px;bottom:30px;z-index:100}@media screen and (max-width:768px){#footer{padding:40px 0}#footer .footer-links{text-align:left;margin-bottom:40px}#footer .footer-links li{display:block;margin:0 0 10px;font-size:1.4rem}}@media screen and (max-width:768px){#footer #pagetop{right:15px;bottom:15px}}.btn-fixed{position:fixed;right:0;top:200px;width:70px;box-shadow:-5px 0 5px rgba(0,0,0,.16)}@media screen and (max-width:1200px){.btn-fixed{width:60px}}@media screen and (max-width:768px){.btn-fixed{display:none}}