*,*::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}}.lbox{opacity:0}header{position:relative;width:100%}header .navheader{width:100%;z-index:3;transition:background-color .25s ease-out}header .navheader.active{background:rgba(255,255,255,.9)}header .navheader .inner{margin:0 auto;height:40px;display:flex;justify-content:space-between;align-items:center}header h1,header .maincopy,header .departments{z-index:2}header h1 img,header .maincopy img{width:100%;min-width:100%;height:auto;vertical-align:top}header h1 a{display:block}header .nav{opacity:0;display:none;transition:opacity .25s ease-out}header .nav.active{opacity:1}header .maincopy{margin:0 auto}header .departments,header .buttons{width:100%;display:flex;justify-content:space-between}header .marketingpsychology,header .socialcreation{position:relative;width:50%}header .marketingpsychology p,header .socialcreation p{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}header .marketingpsychology p span,header .socialcreation p span{display:block}header .marketingpsychology p span img,header .socialcreation p span img{width:100%;min-width:100%;height:auto;vertical-align:top}header .buttons{z-index:3}header .buttons .l,header .buttons .r{position:relative;width:50%}header .buttons .l .inner,header .buttons .r .inner{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}header .buttons .l .inner a,header .buttons .r .inner a{position:relative;font-weight:bold;text-decoration:none;display:flex;justify-content:center;align-items:center;color:#fff;border-radius:999px}header .buttons .l .inner a span,header .buttons .r .inner a span{display:inline-block}header .buttons .l .inner a::after,header .buttons .r .inner a::after{content:"";background:url(assets/1a123a1561c2cfcf9627.svg) no-repeat center}header .buttons .l a{background:#00a0e8;background:linear-gradient(to bottom, #00a0e8 0%, #005ae6 100%)}header .buttons .r a{background:#f09600;background:linear-gradient(to bottom, #f09600 0%, #f05a00 100%)}header .cover{width:100%;position:relative;z-index:1}header .cover img{width:100%;min-width:100%;height:auto;vertical-align:top}header .maincopy,header .departments,header .cover,header .buttons{opacity:0}.new_establish{width:100%;opacity:0;margin:0 auto;text-align:center}.new_establish span{display:block}.movie{width:100%;margin:0 auto;text-align:center;background:#f5f4ee}.inner-links{margin:0 auto}.concept .lead h2{font-family:"Noto Sans JP",sans-serif;line-height:1.4;color:#00a6d2;font-weight:bold;letter-spacing:.08em}.concept .lead h2 .handwriting{display:block}.concept .lead h2 .handwriting img{width:100%;min-width:100%;height:auto;vertical-align:top}.concept .lead p{line-height:1.5}.concept .lead p strong{font-family:"Noto Sans JP",sans-serif;letter-spacing:.08em;display:inline-block;line-height:1}.concept .about{margin:0 auto 20px auto}.concept .about h3{line-height:1.3;font-family:"Noto Sans JP",sans-serif}.concept .about p{line-height:1.6}.concept .why{margin:0 auto 50px auto}.concept .why h4{font-family:"Noto Sans JP",sans-serif}.concept .why p{line-height:1.5}.concept .why .why1{color:#00a6d2}.concept .why .why2{color:#e98800}.concept .sdgs{margin:0 auto}.concept .sdgs img{width:100%;min-width:100%;height:auto;vertical-align:top}.concept .sdgs .icon{list-style-type:none;display:flex;justify-content:space-between}.approach{width:100%;position:relative}.approach .title,.approach .course-and-depertment,.approach .image,.approach .buttons{position:relative;z-index:2}.approach .title{width:100%;background:#fff;text-align:center;display:flex;justify-content:center;align-items:center}.approach .title::after,.approach .title::before{content:"";background:url(assets/cbbaae541209e1a9ee6d.svg) no-repeat center;position:absolute}.approach .course-and-depertment{display:flex;justify-content:space-between;text-align:center;font-weight:bold;font-family:"Noto Sans JP",sans-serif}.approach .course-and-depertment .marketingpsypsychology,.approach .course-and-depertment .socialcreation{display:flex;flex-direction:column;justify-content:space-between}.approach .course-and-depertment .marketingpsypsychology h3 span{display:block}.approach .image{text-align:center}.approach .buttons{display:flex;justify-content:center;align-items:center}.approach .buttons a{position:relative;font-weight:bold;text-decoration:none;display:flex;justify-content:center;align-items:center;color:#fff;border-radius:999px}.approach .buttons a:nth-of-type(1){background:#00a0e8;background:linear-gradient(to bottom, #00a0e8 0%, #005ae6 100%)}.approach .buttons a:nth-of-type(2){background:#f09600;background:linear-gradient(to bottom, #f09600 0%, #f05a00 100%)}.approach .buttons a span{display:inline-block}.approach .buttons a::after{content:"";background:url(assets/1a123a1561c2cfcf9627.svg) no-repeat center}.approach .image{margin:0 auto}.approach .blue,.approach .yellow{width:50%;height:100%;position:absolute;top:0px;z-index:1}.approach .blue{background:#10c7ef;left:0px}.approach .yellow{background:#ffe330;left:50%}.outline{width:100%;background:#f4f3e8}.outline .inner{margin:0 auto;background:#fff}.outline .inner h2{font-family:"Noto Sans JP",sans-serif;padding:10px 0 10px 12px;width:100%;color:#4c4c4c;border-left:3px solid #4c4c4c}.outline .inner .merketingpsychology h3,.outline .inner .socialcreation h3{font-family:"Noto Sans JP",sans-serif;text-align:center;line-height:1.4;letter-spacing:.05em}.outline .inner .merketingpsychology h3 span,.outline .inner .socialcreation h3 span{display:block}.outline .inner .merketingpsychology table,.outline .inner .socialcreation table{width:100%;border-collapse:collapse;margin-bottom:5px}.outline .inner .merketingpsychology table th,.outline .inner .merketingpsychology table td,.outline .inner .socialcreation table th,.outline .inner .socialcreation table td{vertical-align:middle}.outline .inner .merketingpsychology table th,.outline .inner .socialcreation table th{text-align:center;color:#fff;line-height:1.2}.outline .inner .merketingpsychology table td,.outline .inner .socialcreation table td{line-height:1.4;background:#eeede5}.outline .inner .merketingpsychology table td span,.outline .inner .socialcreation table td span{display:inline-flex;align-items:center;justify-content:center;border:1px solid #00a5d1;color:#00a5d1;margin-left:5px}.outline .inner .merketingpsychology h3{color:#00a6d2}.outline .inner .merketingpsychology th{background:#00a5d1}.outline .inner .socialcreation h3{color:#e98800;position:relative}.outline .inner .socialcreation p{line-height:1.2}.outline .inner .socialcreation th{background:#e98700}.opencampus{background:#bed400}.opencampus h2{margin:0 auto}.opencampus .place,.opencampus .schedule{margin:0 auto}.opencampus .place div:nth-of-type(1),.opencampus .schedule div:nth-of-type(1){background:#3c3c3c;color:#bdd300;font-weight:bold;text-align:center;display:flex;justify-content:center;align-items:center}.opencampus .place{margin-bottom:20px}.opencampus .place address{font-style:normal}.opencampus .place div:nth-of-type(2){background:#fff}.opencampus .place div:nth-of-type(2) span{font-weight:bold}.opencampus .place a{display:flex;justify-content:center;align-items:center;border-radius:999px;position:relative;text-decoration:none;color:#fff;background:#008bce}.opencampus .place a::after{content:"";background:url(assets/1a123a1561c2cfcf9627.svg) no-repeat center}.opencampus .schedule table{border-collapse:collapse;width:100%}.opencampus .schedule table thead th{background:#3c3c3c;color:#bdd300;vertical-align:middle}.opencampus .schedule table thead th:nth-of-type(2){border-right:1px solid #bdd300;border-left:1px solid #bdd300}.opencampus .schedule table tbody tr{background:#fff}.opencampus .schedule table tbody tr:nth-child(2n){background:#f8fbe5}.opencampus .schedule table tbody td{text-align:center;vertical-align:middle}.opencampus .schedule table tbody td:nth-of-type(1){text-align:left}.opencampus .schedule table tbody td:nth-of-type(2){border-right:1px solid #bdd300;border-left:1px solid #bdd300}.opencampus .schedule table tbody td .extra{display:inline-flex;align-items:center;justify-content:center;line-height:1;border:1px solid #bed400}.opencampus .detail{margin:0 auto;color:#3c3c3c}.opencampus .detail h5{text-align:center;padding:10px 0}.opencampus .detail p{padding:10px 0;line-height:1.4}.opencampus .button{margin:0 auto}@media screen and (min-width: 769px){header{min-width:1300px}header .navheader{position:fixed;top:0px;left:0px;padding:20px 0 10px 0}header .navheader .inner{width:86%}header h1 a{width:207px;height:25px}header .maincopy{width:62%;position:absolute;top:2.5%;left:50%;transform:translateX(-50%)}header .departments{position:absolute;bottom:16%;left:0}header .marketingpsychology p,header .socialcreation p{width:86%}header .marketingpsychology p{margin:0 0 0 auto}header .marketingpsychology p .copy1,header .marketingpsychology p .copy2{width:61%}header .marketingpsychology p .copy1{margin-bottom:1%}header .marketingpsychology p .copy2{margin-bottom:3%}header .marketingpsychology p .name{width:79%}header .socialcreation p{margin:0 auto 0 0}header .socialcreation p .copy1{width:65%;margin-bottom:1%}header .socialcreation p .copy2{width:57%;margin-bottom:6%}header .socialcreation p .name{width:59%}header .buttons{position:absolute;bottom:3%;left:0}header .l .inner,header .r .inner{width:86%}header .l a,header .r a{border:5px solid #fff;width:80%;height:90px;margin:0 auto;font-size:2.4rem;transition:box-shadow .2s ease-out,transform .2s ease-out}header .l a:hover::after,header .l a:active::after,header .r a:hover::after,header .r a:active::after{right:10px}header .l a::after,header .r a::after{width:12px;height:20px;background-size:12px 20px;position:absolute;top:50%;right:20px;margin-top:-11px;transition:right .2s ease-out}header .l .inner{margin:0 0 0 auto}header .l .inner a{box-shadow:rgba(2,95,132,.6) 0 0 15px;justify-content:flex-start;padding-right:25px}header .l .inner a:hover,header .l .inner a:active{transform:scale(0.99);box-shadow:rgba(2,95,132,.6) 0 0 5px}header .r .inner{margin:0 auto 0 0}header .r .inner a{box-shadow:rgba(170,80,0,.6) 0 0 15px}header .r .inner a span{padding-top:7px;margin-left:3px;font-size:1.5rem}header .r .inner a:hover,header .r .inner a:active{transform:scale(0.99);box-shadow:rgba(170,80,0,.6) 0 0 5px}.new_establish{min-width:1100px;padding:50px 0 100px 0}.new_establish span:nth-of-type(1){margin-bottom:20px}.new_establish span:nth-of-type(2){font-size:1.5rem}.movie{padding:100px 0}.movie .inner{margin:0 auto;width:960px}.inner-links{padding:50px 0;width:1000px}.concept{background:url(assets/77692bba555c547d340f.jpg) no-repeat center bottom #fafdfd;padding:100px 0}.concept .lead{width:1000px;margin:0 auto 80px auto}.concept .lead h2{font-size:4.8rem;margin-bottom:30px}.concept .lead h2 .handwriting{width:800px;margin:-80px 0 0 40px}.concept .lead p strong{padding:30px 0;font-size:3.6rem}.concept .about{width:1000px}.concept .about h3{font-size:2.8rem;margin-bottom:20px}.concept .about h3 strong{font-size:3.2rem}.concept .why{width:1000px;display:flex;justify-content:space-between;align-items:center}.concept .why .text{flex:0 0 520px;width:520px}.concept .why .figure{flex:0 0 470px;width:470px;padding-left:30px}.concept .why h4{font-weight:bold;margin-bottom:15px;font-size:2.4rem}.concept .why .why2{margin-top:50px}.concept .sdgs{width:1000px;display:flex;justify-content:space-between;align-items:center}.concept .sdgs .title{flex:0 0 544px;width:544px}.concept .sdgs .icon{flex:0 0 405px}.concept .sdgs .icon li{width:90px;height:90px}.approach{padding:90px 0}.approach .title{height:90px;margin-bottom:85px}.approach .title::after,.approach .title::before{width:200px;height:65px;background-size:200px 65px;position:absolute;bottom:-65px}.approach .title::before{left:50%;margin-left:160px}.approach .title::after{right:50%;margin-right:160px}.approach .course-and-depertment{width:1000px;margin:0 auto 30px auto}.approach .course-and-depertment p{font-size:2.4rem;line-height:1.4;margin-bottom:15px}.approach .course-and-depertment .marketingpsypsychology,.approach .course-and-depertment .socialcreation{width:480px}.approach .image{margin-bottom:30px;width:1000px}.approach .buttons a{border:5px solid #fff;width:480px;height:90px;font-size:2.4rem;transition:box-shadow .2s ease-out,transform .2s ease-out}.approach .buttons a:first-child{box-shadow:rgba(2,95,132,.6) 0 0 15px;margin-right:20px;justify-content:flex-start;padding-left:35px}.approach .buttons a:first-child:hover,.approach .buttons a:first-child:active{transform:scale(0.99);box-shadow:rgba(2,95,132,.6) 0 0 5px}.approach .buttons a:last-child{box-shadow:rgba(170,80,0,.6) 0 0 15px;margin-left:20px}.approach .buttons a:last-child span{padding-top:7px;margin-left:3px;font-size:1.5rem}.approach .buttons a:last-child:hover,.approach .buttons a:last-child:active{transform:scale(0.99);box-shadow:rgba(170,80,0,.6) 0 0 5px}.approach .buttons a:hover::after,.approach .buttons a:active::after{right:10px}.approach .buttons a::after{width:12px;height:20px;background-size:12px 20px;position:absolute;top:50%;right:20px;margin-top:-11px;transition:right .2s ease-out}.outline{padding:50px 0}.outline .inner{width:1100px;padding:30px;display:flex;justify-content:space-between;flex-wrap:wrap}.outline .inner h2{margin-bottom:30px;font-size:2.8rem}.outline .inner .merketingpsychology,.outline .inner .socialcreation{width:500px;flex:0 0 500px}.outline .inner .merketingpsychology h3,.outline .inner .socialcreation h3{font-size:2.4rem;margin-bottom:10px}.outline .inner .merketingpsychology h3 span,.outline .inner .socialcreation h3 span{font-size:1.8rem}.outline .inner .merketingpsychology table th,.outline .inner .merketingpsychology table td,.outline .inner .socialcreation table th,.outline .inner .socialcreation table td{border-bottom:3px solid #fff;padding:12px 0px}.outline .inner .merketingpsychology table th,.outline .inner .socialcreation table th{width:100px;font-weight:normal;line-height:1.2}.outline .inner .merketingpsychology table td,.outline .inner .socialcreation table td{border-left:3px solid #fff;padding-left:10px}.outline .inner .merketingpsychology td span{padding:5px 10px;font-size:1.3rem;line-height:12px}.outline .inner .socialcreation p{font-size:1.1rem}.opencampus{padding:100px 0}.opencampus h2{width:1000px;margin-bottom:50px}.opencampus .place,.opencampus .schedule{display:flex;justify-content:flex-start;align-items:stretch;width:1000px}.opencampus .place div:nth-of-type(1),.opencampus .schedule div:nth-of-type(1){width:150px;font-size:2.1rem;letter-spacing:.075em}.opencampus .place div:nth-of-type(2),.opencampus .schedule div:nth-of-type(2){width:850px}.opencampus .place div:nth-of-type(2){padding:30px 15px;display:flex;justify-content:space-between;align-items:center}.opencampus .place div:nth-of-type(2) span{font-size:2.8rem;line-height:1.2}.opencampus .place div:nth-of-type(2) span address{font-size:1.5rem}.opencampus .place div:nth-of-type(2) a{width:260px;height:60px;transition:background-color .2s ease-out}.opencampus .place div:nth-of-type(2) a::after{width:12px;height:20px;background-size:12px 20px;position:absolute;top:50%;right:20px;margin-top:-11px;transition:right .2s ease-out}.opencampus .place div:nth-of-type(2) a:hover,.opencampus .place div:nth-of-type(2) a:active{background:#02adff}.opencampus .place div:nth-of-type(2) a:hover::after,.opencampus .place div:nth-of-type(2) a:active::after{right:10px}.opencampus .schedule{margin-bottom:30px}.opencampus .schedule th{font-size:1.8rem}.opencampus .schedule th span{font-size:1.5rem}.opencampus .schedule td{font-size:2.2rem}.opencampus .schedule th,.opencampus .schedule td{padding:15px 10px;margin-bottom:2px}.opencampus .schedule th .youbi,.opencampus .schedule td .youbi{font-size:1.8rem}.opencampus .schedule th .extra,.opencampus .schedule td .extra{font-size:1.5rem;padding:6px 10px 3px 10px;margin-right:10px}.opencampus .detail{width:1000px;margin-bottom:20px;display:flex;justify-content:space-between}.opencampus .detail h5{border-right:1px solid #3c3c3c;border-left:1px solid #3c3c3c;width:150px;display:flex;justify-content:center;align-items:center}.opencampus .detail p{width:830px}.opencampus .button{width:1000px;margin-top:60px}}@media screen and (max-width: 768px){header{width:100%}header img{width:100%;min-width:100%;height:auto;vertical-align:top}header .navheader{position:fixed;top:0px;left:0;padding:10px}header h1 a{width:175px;height:21px}header .maincopy{position:absolute;top:9%;left:5%;width:90%}header .departments{position:absolute;bottom:30%;left:0}header .marketingpsychology p,header .socialcreation p{width:100%}header .marketingpsychology p .copy1,header .marketingpsychology p .copy2{width:80%}header .marketingpsychology p .copy1{margin-bottom:3px}header .marketingpsychology p .copy2{margin-bottom:8px}header .marketingpsychology p .name{width:93%}header .socialcreation p .copy1{width:86%;margin-bottom:3px}header .socialcreation p .copy2{width:74%;margin-bottom:15px}header .socialcreation p .name{width:68%}header .buttons{position:absolute;bottom:3%;left:0;flex-direction:column}header .buttons .l,header .buttons .r{width:100%}header .buttons .l .inner,header .buttons .r .inner{width:100%}header .buttons .l .inner a,header .buttons .r .inner a{border:3px solid #fff;width:86%;padding:20px 0;font-size:1.5rem;box-shadow:rgba(0,0,0,.4) 0 0 8px}header .buttons .l .inner a::after,header .buttons .r .inner a::after{width:8.4px;height:14px;background-size:8.4px 14px;position:absolute;top:50%;right:10px;margin-top:-7px}header .buttons .r .inner a{margin-top:10px}header .buttons .r .inner a span{padding-top:4px;font-size:1rem}.new_establish{padding:30px 0 50px 0}.new_establish p{width:85%;margin:0 auto}.new_establish p span img{width:100%;min-width:100%;height:auto;vertical-align:top}.new_establish p span:nth-of-type(1){width:100%;margin-bottom:15px}.new_establish p span:nth-of-type(2){font-size:.9rem;line-height:1.4}.movie{padding:50px 5%;width:100%}.movie .inner{position:relative;width:100%;padding-top:56.25%;top:25%;margin:0 auto}.movie .inner iframe{position:absolute;top:0;right:0;width:100%;height:100%}.inner-links{padding:30px 0;width:90%}.concept{background:url(assets/1f2919aff0657c733403.jpg) no-repeat center bottom #fafdfd;background-size:130%;padding:50px 0 80px 0}.concept .lead{width:90%;margin:0 auto 40px auto}.concept .lead h2{font-size:2.4rem;margin-bottom:10px}.concept .lead h2 .handwriting{width:100%;margin:-25px 0 0 0}.concept .lead p{font-size:1.5rem}.concept .lead p strong{padding:15px 0;font-size:2.1rem}.concept .about{width:90%}.concept .about h3{line-height:1.5;font-size:1.8rem;margin-bottom:5px}.concept .about h3 strong{line-height:1.6;font-size:3rem}.concept .why{width:90%;display:flex;flex-direction:column;justify-content:flex-start}.concept .why .text{order:2}.concept .why .text h4{font-weight:bold;margin-bottom:5px;font-size:1.6rem}.concept .why .text .why2{margin-top:20px}.concept .why .figure{width:80%;order:1;margin:0 auto 40px auto}.concept .why .figure img{width:100%;min-width:100%;height:auto;vertical-align:top}.concept .sdgs{width:80%;display:flex;flex-direction:column;justify-content:flex-start}.concept .sdgs .title{margin-bottom:15px}.concept .sdgs .icon li{flex:0 0 calc(25% - 10px)}.approach{padding:40px 0}.approach .title{margin-bottom:40px;padding:15px 0}.approach .title picture,.approach .title img{width:100%;min-width:100%;height:auto;vertical-align:top}.approach .title::after,.approach .title::before{width:50%;height:32.5px;background-size:100px 32.5px;position:absolute;bottom:-30px}.approach .title::before{left:0}.approach .title::after{right:0}.approach .title h2{width:300px}.approach .course-and-depertment{width:96%;margin:0 auto 20px auto}.approach .course-and-depertment h3{width:100%;text-align:center}.approach .course-and-depertment h3 img{width:100%;min-width:100%;height:auto;vertical-align:top}.approach .course-and-depertment h3 .inner{margin:0 auto}.approach .course-and-depertment p{font-size:1.2rem;line-height:1.5;margin-bottom:10px}.approach .course-and-depertment div{flex:0 0 50%}.approach .course-and-depertment .marketingpsypsychology h3 .inner{width:74%}.approach .course-and-depertment .socialcreation h3 .inner{width:70%;padding-bottom:12px}.approach .image{margin-bottom:20px;width:96%}.approach .image img{width:100%;min-width:100%;height:auto;vertical-align:top}.approach .buttons{flex-direction:column}.approach .buttons a{border:3px solid #fff;width:86%;padding:20px 0;font-size:1.5rem;box-shadow:rgba(0,0,0,.4) 0 0 8px}.approach .buttons a:last-child{margin-top:15px}.approach .buttons a:last-child span{padding-top:4px;font-size:1rem}.approach .buttons a::after{width:8.4px;height:14px;background-size:8.4px 14px;position:absolute;top:50%;right:10px;margin-top:-7px}.outline{padding:25px 0}.outline .inner{width:90%;padding:15px;display:flex;flex-direction:column;justify-content:flex-start}.outline .inner h2{margin-bottom:10px;font-size:1.6rem}.outline .inner .merketingpsychology,.outline .inner .socialcreation{width:100%}.outline .inner .merketingpsychology h3,.outline .inner .socialcreation h3{font-size:1.6rem;margin-bottom:5px}.outline .inner .merketingpsychology h3 span,.outline .inner .socialcreation h3 span{font-size:1.3rem}.outline .inner .merketingpsychology table th,.outline .inner .merketingpsychology table td,.outline .inner .socialcreation table th,.outline .inner .socialcreation table td{border-bottom:1px solid #fff;padding:5px 0px;font-size:1.2rem}.outline .inner .merketingpsychology table th,.outline .inner .socialcreation table th{width:20%}.outline .inner .merketingpsychology table td,.outline .inner .socialcreation table td{border-left:1px solid #fff;padding:5px}.outline .inner .merketingpsychology{margin-bottom:30px}.outline .inner .merketingpsychology td span{padding:3px 8px;font-size:1rem;line-height:9px}.outline .inner .socialcreation p{font-size:.9rem}.opencampus{padding:50px 0}.opencampus h2{width:90%;margin-bottom:25px}.opencampus h2 img{width:100%;min-width:100%;height:auto;vertical-align:top}.opencampus .place,.opencampus .schedule{width:90%}.opencampus .place div:nth-of-type(1),.opencampus .schedule div:nth-of-type(1){width:100%;padding:10px 0;font-size:1.6rem;letter-spacing:.2em}.opencampus .place div:nth-of-type(2),.opencampus .schedule div:nth-of-type(2){width:100%}.opencampus .place div:nth-of-type(2){padding:15px;display:flex;flex-direction:column;justify-content:flex-start}.opencampus .place div:nth-of-type(2) span{font-size:2rem;line-height:1.4}.opencampus .place div:nth-of-type(2) span address{font-size:1.3rem}.opencampus .place div:nth-of-type(2) a{font-size:1.5rem;font-weight:bold;margin-top:15px;width:100%;height:50px}.opencampus .place div:nth-of-type(2) a::after{width:8.4px;height:14px;background-size:8.4px 14px;position:absolute;top:50%;right:15px;margin-top:-7px}.opencampus .schedule{margin-bottom:20px}.opencampus .schedule th{font-size:1.2rem}.opencampus .schedule th span{font-size:1rem}.opencampus .schedule th,.opencampus .schedule td{padding:10px 6px;margin-bottom:1px;font-size:1.3rem}.opencampus .schedule th .youbi,.opencampus .schedule td .youbi{font-size:.9rem}.opencampus .schedule th .extra,.opencampus .schedule td .extra{width:100%;font-size:.9rem;padding:3px;margin-bottom:5px}.opencampus .detail{width:90%;margin-bottom:20px;display:flex;flex-direction:column;justify-content:flex-start}.opencampus .detail h5{border-top:1px solid #3c3c3c;border-bottom:1px solid #3c3c3c;width:100%}.opencampus .detail p{width:100%}.opencampus .button{width:90%;margin-top:30px}}