*,*::before,*::after{box-sizing:border-box}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,address,em,img,strong,sub,sup,b,i,dl,dt,dd,ol,ul,li,table,caption,tbody,tfoot,thead,tr,th,td,article,figcaption,figure,footer,header,nav,section,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:rgba(0,0,0,0)}body{line-height:1}article,figcaption,figure,footer,header,hgroup,nav,section{display:block}nav ul{list-style:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:rgba(0,0,0,0)}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}html{font-size:62.5%;font-feature-settings:"palt";font-family:Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans","BIZ UDPGothic",Meiryo,sans-serif}body{color:#232323}nav{display:none;opacity:0;z-index:100;background:#f5f4e9;position:fixed;top:0px;left:0px;text-align:center;width:100vw;height:100vh;transition:opacity .25s ease-out}nav.opened{opacity:1;display:flex;flex-direction:column;justify-content:center}nav ul{border-top:1px solid #aaa}nav li{border-bottom:1px solid #aaa;text-align:left}nav li a{position:relative;width:100%;display:block;text-decoration:none;color:#444}nav li a::after{content:"";background:url(assets/e583d32f161ffe6b65ec.svg) no-repeat center;position:absolute;top:50%;transform:translateY(-50%)}nav .closer{display:block;width:40px;height:40px;padding:10px;position:absolute}a.oc,a.doc{color:#fff;position:relative;margin:0 auto;display:flex;justify-content:center;align-items:center;background:#fff;text-decoration:none;font-weight:bold}a.oc::after,a.doc::after{content:"";background:url(assets/1a123a1561c2cfcf9627.svg) no-repeat center}a.doc{background:#8195a9;background:linear-gradient(to bottom, #8195a9 0%, #315273 100%)}a.oc{margin-bottom:1em;background:#bed400;background:linear-gradient(to bottom, #bed400 0%, #8caa00 100%)}footer{background:#f4f3e8;text-align:center;width:100%}footer .logo{margin:0 auto}footer .logo img{width:100%;min-width:100%;height:auto;vertical-align:top}footer address{font-weight:normal;font-style:normal;margin-bottom:10px;line-height:1.4}@media screen and (min-width: 769px){body{font-size:1.8rem}body .sp{display:none}nav{min-width:1100px}nav ul{width:900px;margin:80px auto 0 auto}nav li a{padding:30px 10px}nav li a::after{width:15px;height:28px;right:15px;background-size:15px 28px;transition:right .2s ease-out}nav li a:hover::after,nav li a:active::after{right:0px}nav .closer{top:50px;right:50px}a.oc,a.doc{border:5px solid #fff;width:710px;height:90px;border-radius:999px;font-size:2.8rem;box-shadow:rgba(0,21,86,.4) 0 0 15px;transition:box-shadow .2s ease-out,transform .2s ease-out}a.oc::after,a.doc::after{width:12px;height:20px;background-size:12px 20px;position:absolute;top:50%;right:20px;margin-top:-11px;transition:right .2s ease-out}a.oc:hover,a.oc:active,a.doc:hover,a.doc:active{transform:scale(0.99);box-shadow:rgba(0,21,86,.4) 0 0 5px}a.oc:hover::after,a.oc:active::after,a.doc:hover::after,a.doc:active::after{right:10px}footer{padding:50px 0;min-width:1100px}footer .logo{margin-bottom:20px;width:330px;height:40px}footer address{font-size:1.5rem}footer .copyright{font-size:1.2rem}}@media screen and (max-width: 768px){body{font-size:1.3rem}body .pc{display:none}nav .logo{width:231.7px;height:28px;margin:0 auto}nav .logo img{width:100%;min-width:100%;height:auto;vertical-align:top}nav ul{margin-top:50px}nav li{padding:25px 10px}nav li a{font-size:1.5rem}nav li a::after{width:10.5px;height:19.6px;right:10px;background-size:10.5px 19.6px}nav .closer{top:10px;right:10px}a.oc,a.doc{border:3px solid #fff;width:100%;padding:20px 0;border-radius:999px;font-size:1.6rem;box-shadow:rgba(0,21,86,.4) 0 0 8px}a.oc::after,a.doc::after{width:8.4px;height:14px;background-size:8.4px 14px;position:absolute;top:50%;right:20px;margin-top:-7px}footer{padding:25px 0}footer .logo{margin-bottom:10px;width:231px;height:28px}footer address,footer .copyright{font-size:1rem}}header{position:fixed;top:0;left:0;width:100%;z-index:3}header .inner{position:relative;display:flex;justify-content:space-between;align-items:center}header h1 img{width:100%;min-width:100%;height:auto;vertical-align:top}main .inner{background:#fff;margin:0 auto}.lead{text-align:center;font-family:"Noto Sans JP",sans-serif}.lead h2{font-weight:bold}.lead p{font-weight:bold}.outline h3{font-family:"Noto Sans JP",sans-serif}.outline p{line-height:1.5}.skills h4{font-family:"Noto Sans JP",sans-serif}.pointoflearning{border-radius:10px}.pointoflearning h3{font-family:"Noto Sans JP",sans-serif;border-bottom:2px solid #fff;text-align:center;letter-spacing:.05}.pointoflearning h4{display:flex;justify-content:flex-start;align-items:center}.pointoflearning h4 span{display:inline-block}.pointoflearning h4 .text{flex-grow:2}.pointoflearning .point{border-bottom:2px solid #fff}.pointoflearning .point:last-child{border-bottom:none}.courses ul{list-style-type:none}.courses li{margin-bottom:10px}.socialcreation,.marketpsychology{position:relative;text-align:center;width:100%}.socialcreation a,.marketpsychology a{position:relative;color:#fff;font-weight:bold;display:flex;justify-content:center;align-items:center;text-decoration:none;margin:0 auto}.socialcreation a::after,.marketpsychology a::after{content:"";background:url(assets/1a123a1561c2cfcf9627.svg) no-repeat center}.buttons{background:#fff}body,header{background:#009fd9}header .inner{margin:0 auto}.lead,.skills{color:#009fd9}.lead{margin-bottom:30px}.skills .skill{background:url(assets/5d47106cb388b729f7da.png) repeat-x bottom left;padding-bottom:20px;margin-bottom:20px}.differences{width:100%}.differences h3{width:100%;font-family:"Noto Sans JP",sans-serif;font-weight:bold;color:#009fd9}.differences .psychology,.differences .marketingpsychology{padding:20px}.differences .psychology h4,.differences .marketingpsychology h4{text-align:center;letter-spacing:.1em}.differences .psychology .description p,.differences .marketingpsychology .description p{line-height:1.5}.differences .psychology .figure p,.differences .marketingpsychology .figure p{margin-bottom:10px}.differences .psychology{border-radius:10px;background:#d8e373}.differences .psychology h4{letter-spacing:.2em}.differences .psychology .description{background:url(assets/5d47106cb388b729f7da.png) repeat-x left bottom}.differences .marketingpsychology{border-radius:10px;background:#009fd9;color:#fff}.differences .marketingpsychology .description{background:url(assets/7f7dbbaaac2388d93423.png) repeat-x left bottom}.pointoflearning{background:#d7eefb}.pointoflearning h3,.pointoflearning h4{color:#009fe8}.pointoflearning h4{margin-bottom:10px;font-weight:bold}.pointoflearning .point p{line-height:1.5}.courses li span{color:#009fe8}.socialcreation{text-align:center;background:#fff;background:linear-gradient(to bottom, #fff 0%, #fff0c8 100%)}.socialcreation p{font-weight:bold}.socialcreation a{background:#f09600;background:linear-gradient(to bottom, #f09600 0%, #f05a00 100%);border-radius:999px}.socialcreation a span{display:inline-block}@media screen and (min-width: 769px){header{min-width:1100px;padding-top:40px;padding-bottom:20px}header .inner{width:1100px}header h1{width:250px;height:30px}main{padding-top:90px}main .inner{width:1100px;padding:50px;margin-bottom:50px}.lead{padding-top:20px}.lead h2{font-size:5.2rem;margin-bottom:30px}.lead p{font-size:2.8rem;font-weight:bold}.outline{margin-bottom:30px}.outline h3{font-size:2.4rem;margin-bottom:10px}.skills{margin-bottom:60px}.skills .skill{display:flex;justify-content:space-between;align-items:flex-start}.skills .skill .text{width:850px}.skills .skill .icon{width:120px}.skills .skill h4{font-size:2.1rem;margin-bottom:10px}.skills .skill p{line-height:1.6}.pointoflearning{margin-bottom:60px}.pointoflearning h3{font-size:2.8rem;padding:30px 0 20px 0}.pointoflearning h4{font-size:2.4rem}.pointoflearning h4 .year{border-right:1px solid #232323;padding:5px 20px 5px 0;margin:0 15px 0px 0}.pointoflearning .point{padding:20px 30px 25px 30px}.courses{display:flex;justify-content:space-between;align-items:center}.courses div:nth-of-type(1){width:480px}.courses div:nth-of-type(2){width:500px}.courses h4{margin-bottom:15px;font-size:2.1rem}.courses li{margin-bottom:10px}.socialcreation,.marketpsychology{min-width:1100px;padding:50px 0}.socialcreation p,.marketpsychology p{font-size:2.4rem;margin-bottom:20px}.socialcreation a,.marketpsychology a{border:5px solid #fff;font-size:2.8rem;width:610px;height:90px;transition:box-shadow .2s ease-out,transform .2s ease-out}.socialcreation a::after,.marketpsychology a::after{width:12px;height:20px;background-size:12px 20px;position:absolute;top:50%;right:20px;margin-top:-11px;transition:right .2s ease-out}.buttons{padding:80px 0}main .inner .buttons{padding:25px 0}.outline{display:flex;justify-content:space-between;align-items:center}.outline .text{width:560px}.outline .figure{width:400px}.differences{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:50px}.differences h3{margin-bottom:20px;font-size:2.4rem}.differences .psychology,.differences .marketingpsychology{flex:0 0 480px;width:480px}.differences .psychology h4,.differences .marketingpsychology h4{margin-bottom:15px;font-size:2.8rem}.differences .psychology .description,.differences .marketingpsychology .description{padding-bottom:20px;margin-bottom:20px}.differences .psychology .figure,.differences .marketingpsychology .figure{text-align:center}.differences .psychology .figure p,.differences .marketingpsychology .figure p{font-size:2rem}.socialcreation::after{content:"";width:195px;height:290px;background:url(assets/e3eed881434844f6cfdc.webp) no-repeat center;background-size:195px 290px;position:absolute;bottom:0px;left:50%;margin-left:350px}.socialcreation a{box-shadow:rgba(170,80,0,.6) 0 0 15px}.socialcreation a span{margin-left:3px;padding-top:8px;font-size:1.5rem}.socialcreation a:hover,.socialcreation a:active{transform:scale(0.99);box-shadow:rgba(170,80,0,.6) 0 0 5px}.socialcreation a:hover::after,.socialcreation a:active::after{right:10px}}@media screen and (max-width: 768px){header{width:100%;padding-top:20px;padding-bottom:10px}header .inner{width:92%}header h1{width:175px;height:21px}main{padding-top:71px}main .inner{width:92%;padding:15px;margin-bottom:25px}.lead{padding-top:10px}.lead h2{font-size:2.2rem;line-height:1.2;margin-bottom:10px}.lead p{font-size:1.6rem;line-height:1.4}.outline{display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:25px}.outline .text{width:100%}.outline h3{font-size:1.6rem;margin-bottom:5px}.outline .figure{margin:20px auto 0 auto}.outline .figure img{width:100%;min-width:100%;height:auto;vertical-align:top}.skills{margin-bottom:30px}.skills .skill{display:flex;justify-content:space-between;align-items:center}.skills .skill .text{width:calc(100% - 90px)}.skills .skill .icon{width:80px}.skills .skill .icon img{width:100%;min-width:100%;height:auto;vertical-align:top}.skills .skill h4{font-size:1.6rem;margin-bottom:5px}.skills .skill p{line-height:1.5}.pointoflearning{margin-bottom:30px}.pointoflearning h3{font-size:2rem;padding:20px 0 10px 0}.pointoflearning h4{font-size:1.6rem}.pointoflearning h4 .year{padding-top:5px;margin:0 10px 0 0}.pointoflearning h4 .year img{width:100%;min-width:100%;height:auto;vertical-align:top}.pointoflearning h4 .text{border-left:1px solid #232323;padding:0px 0 0px 10px;line-height:1.2}.pointoflearning .point:nth-of-type(1) .year{width:54.4px;height:26.6px}.pointoflearning .point:nth-of-type(2) .year{width:55.2px;height:27.4px}.pointoflearning .point:nth-of-type(3) .year{width:56px;height:27.4px}.pointoflearning .point:nth-of-type(4) .year{width:56px;height:26.6px}.pointoflearning .point{padding:15px}.courses div:nth-of-type(1){width:100%}.courses div:nth-of-type(2){display:none}.courses h4{margin-bottom:10px;font-size:1.6rem}.courses li{margin-bottom:5px}.socialcreation,.marketpsychology{padding:25px 0}.socialcreation p,.marketpsychology p{margin:0 auto 10px auto;width:90%;font-family:"Noto Sans JP",sans-serif;font-size:1.6rem;line-height:1.4}.socialcreation a,.marketpsychology a{border:3px solid #fff;font-size:1.6rem;width:90%;height:50px}.socialcreation a span,.marketpsychology a span{margin-left:3px;padding-top:8px;font-size:1rem}.socialcreation a::after,.marketpsychology a::after{width:8.4px;height:14px;background-size:8.4px 14px;position:absolute;top:50%;right:10px;margin-top:-7px}.buttons{padding:50px 0}.buttons a{width:90%}.outline .figure{width:80%}main .inner .buttons{padding:0 0 15px 0}.differences{display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:25px}.differences h3{margin-bottom:10px;font-size:1.8rem}.differences .psychology,.differences .marketingpsychology{width:100%}.differences .psychology h4,.differences .marketingpsychology h4{margin-bottom:8px;font-size:2rem}.differences .psychology .description,.differences .marketingpsychology .description{padding-bottom:10px;margin-bottom:10px}.differences .psychology .figure,.differences .marketingpsychology .figure{width:100%;margin:0 auto;text-align:center}.differences .psychology .figure p,.differences .marketingpsychology .figure p{font-size:1.4rem}.differences .psychology .figure img,.differences .marketingpsychology .figure img{width:80%;min-width:80%;height:auto;vertical-align:top}.differences .psychology{margin-bottom:20px}.socialcreation a{box-shadow:rgba(170,80,0,.6) 0 0 8px}}