﻿body{background:#fff;font-family:"Noto Sans",sans-serif,"Apple TP","Helvetica Neue","Helvetica","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Arial","Verdana","sans-serif";font-size:1rem;line-height:1.5}.flex{display:flex;flex-wrap:wrap}.flex>div{position:relative;max-width:100%}ul{margin:0;padding:0;list-style-type:none}ul li{margin:0;padding:0}a{color:#3fb1d2}a:hover{text-decoration:none}.oi.oi-green{color:#64d094}.oi.oi-yellow{color:#f7e976}.border-mozaic{background-image:url("/img/background/border-mozaic.png");background-repeat:repeat-x;width:100%;height:2px}input:focus{outline:0}#to-top-fixed{right:10px;bottom:10px;display:none;position:fixed;z-index:9999;-webkit-transform:translateZ(0)}#to-top-fixed img{width:12vw;max-width:40px}h2.left-bar,h3.left-bar{padding:.1em .8em;background-image:url("/img/background/header-left-bar.png");background-position:left top;background-repeat:no-repeat;background-size:auto 1.8em}h2.dia,h3.dia{background-image:url("/img/icon/section-header.png");background-repeat:no-repeat}h2.pink,h3.pink{color:#e62e8b}.background-layer{width:100%;height:100%;overflow:hidden}.text-img-half{margin:0 auto;width:100%}.text-img-half .text-area{color:#fff;justify-content:center;flex-direction:column;text-align:center}.text-img-half .text-area h2{display:inline-block;margin:0 auto .4em;text-align:center;letter-spacing:.05em}.text-img-half .text-area .sub-title{display:inline-block;margin:0 auto;height:2em;line-height:2em;border-radius:1em;text-align:center}.text-img-half .text-area _:-ms-input-placeholder,.text-img-half .text-area :root .sub-title{width:20em}.description{text-align:center}.description>.flex{margin:0 auto;max-width:1080px;flex-direction:column;justify-content:center;align-items:center}.description h2{margin-bottom:1em}.description p{margin-bottom:2em;font-size:.9rem}#header #header-menu-dropdown{justify-content:flex-end}#header nav{padding:1.5rem}#header nav .nav-item{margin:0 0 0 3vw;color:#3e4349;font-size:.9rem}#header nav .nav-item .nav-link{padding:0 .2em}#header nav .nav-item .dropdown-toggle:after{display:none}#header nav .nav-item .dropdown-toggle span.chevron-bottom{display:inline-block;padding-top:.1em;padding-left:.7em}#header nav .nav-item .dropdown-menu{padding:0;min-width:12rem;border:2px solid #c7c9cd;border-radius:0;font-size:.8rem}#header nav .nav-item .dropdown-menu .dropdown-item{display:flex;justify-content:space-between;padding:1em;border-bottom:1px solid #c7c9cd}#header nav .nav-item .dropdown-menu .dropdown-item:last-child{border-bottom:none}#footer{background-color:#3e4349;padding:30px 0}#footer #company-logo-footer{border-top:1px solid #33383d;padding-top:30px;text-align:center;color:#969ea6;font-size:.6rem}#footer #company-logo-footer img{margin-bottom:.5rem}ul.breadcrumb{border-top:1px solid #edf2f3;background-color:#fff;padding:0}ul.breadcrumb li{display:flex;justify-content:center;align-items:center;height:3em;padding:0 1.5em;font-size:.85rem}ul.breadcrumb li.breadcrumb-separator{padding:0;width:1.1em;background-image:url("/img/icon/breadcrumb-separator.png");background-size:auto 100%;background-repeat:no-repeat}ul.breadcrumb li a{color:#414d58}ul.breadcrumb li a:hover{opacity:.5;text-decoration:underline}ul.breadcrumb li a img{margin-top:-1px;height:1.4em}.link-side-circle-white{width:18em;margin:0 auto}.link-side-circle-white a,.link-side-circle-white input{font-size:.9rem;display:block;margin:0 auto;height:2.8em;line-height:2.8em;border-radius:1.4em;text-align:center;background-repeat:no-repeat}.link-side-circle-white img{display:block;float:right;margin-top:-2em}.link-side-circle-white a,.link-side-circle-white input{color:#3fb1d2;background-color:#fff;background-image:url("/img/icon/arrow-right-blue.png")}.link-side-circle-white a:hover,.link-side-circle-white input:hover{background-color:hsla(0,0%,100%,.7)}.link-side-circle-blue{width:18em;margin:0 auto}.link-side-circle-blue a,.link-side-circle-blue input{font-size:.9rem;display:block;margin:0 auto;height:2.8em;line-height:2.8em;border-radius:1.4em;text-align:center;background-repeat:no-repeat}.link-side-circle-blue img{display:block;float:right;margin-top:-2em}.link-side-circle-blue a,.link-side-circle-blue input{color:#fff;background-color:#53bedd;background-image:url("/img/icon/arrow-right-yellow.png")}.link-side-circle-blue a:hover,.link-side-circle-blue input:hover{background-color:rgba(83,190,221,.7)}.link-side-circle-blue a:disabled,.link-side-circle-blue input:disabled{background-color:rgba(83,190,221,.4)}.link-side-circle-green{width:18em;margin:0 auto}.link-side-circle-green a,.link-side-circle-green input{font-size:.9rem;display:block;margin:0 auto;height:2.8em;line-height:2.8em;border-radius:1.4em;text-align:center;background-repeat:no-repeat}.link-side-circle-green img{display:block;float:right;margin-top:-2em}.link-side-circle-green a,.link-side-circle-green input{color:#fff;background-color:#7fbf34}.link-side-circle-green a:hover,.link-side-circle-green input:hover{background-color:rgba(127,191,52,.7)}.link-side-circle-green a:disabled,.link-side-circle-green input:disabled{background-color:rgba(127,191,52,.4)}.form-group{margin-bottom:1.5rem}.form-group label{font-weight:bold;font-size:.95rem}.form-group input[type=text],.form-group input[type=email],.form-group textarea{background-color:#fafbfb;border-radius:4px;width:100%;padding:.5rem;border:1px solid #ced4da}.form-group input[type=text].is-invalid,.form-group input[type=email].is-invalid,.form-group textarea.is-invalid{background-color:#f8e4e9;border-color:#f4527c;color:#f4527c}.form-group input[type=text].is-invalid:-webkit-autofill,.form-group input[type=email].is-invalid:-webkit-autofill,.form-group textarea.is-invalid:-webkit-autofill{box-shadow:0 0 0px 999px #f8e4e9 inset;-webkit-text-fill-color:#f4527c !important}.form-group .form-control::-webkit-input-placeholder{color:#b2bdbd}.form-group .form-control::-moz-placeholder{color:#b2bdbd}.form-group .form-control:-moz-placeholder{color:#b2bdbd}.form-group .form-control:-ms-input-placeholder{color:#b2bdbd}.form-group .invalid-feedback{display:block !important;font-size:.9rem;height:1.7em;line-height:1.7em;padding-left:2em;color:#414d58}.form-group .has-error .invalid-feedback{background-image:url("/img/icon/form-error.png");background-repeat:no-repeat;background-position:left center;background-size:1.5em 1.5em}#vision{overflow:hidden;background-color:#efefef}#vision .background-layer{background-repeat:no-repeat;background-size:contain}#vision .vision-text{color:#fff}#vision .vision-text h2{letter-spacing:.3em}#vision .vision-text h2 span{letter-spacing:0}#vision .vision-text p{line-height:2.5;letter-spacing:.1rem}#vision .vision-text .link-side-circle{margin:0 auto}#school .arschool-header{margin:0 auto}#school .arschool-header .arschool-visual{text-align:center}#school .arschool-header .arschool-visual img{max-width:100%}#school .arschool-header .arschool-visual .arschool-logo{margin-bottom:1rem;text-align:center}#school .arschool-header .arschool-visual p{text-align:center}#school .description{padding-top:0}#school .description h2{text-align:center}#school .description p a{text-decoration:underline}#event .event-list{padding:0;list-style-type:none}#event .event-list li a:hover{text-decoration:underline}#event .event-list li{display:block}#event .event-list li .event-photo{display:flex;justify-content:center;align-items:center;background-color:#fafafa}#event .event-list li .event-photo img{max-height:100%;max-width:100%}#event .event-list li p{margin:0;padding:.8rem 0 .5rem;color:#414d58}#event .event-list li .event-date{color:#969ea6}#event .event-list li .event-date span{display:inline-block;margin-right:.5em;padding:.1em .4em;color:#fff;background-color:#5097b4}#event .link-side-circle-green{margin:0 auto}#it-works .it-list{padding:0;width:100%}#it-works .it-list li{display:block;background-color:#ffae00;text-align:left}#it-works .it-list li:last-child{margin-right:0}#it-works .it-list li p{text-align:left}#it-works .it-list li a{display:flex;justify-content:space-between;width:100%;height:100%;color:#fff;background-image:url("/img/icon/arrow-right-yellow.png");background-repeat:no-repeat;background-position:right .3em center}#it-works .it-list li a span{display:inline-block}#it-works .it-list li a span.oi{font-size:1.4em;margin-top:.1em}#blog-articles{background-color:#f1f6f3}#blog-articles h2{margin-bottom:1rem;font-size:1.6rem;color:#686f77}#blog-articles h2 .sub{font-size:.9rem;color:#ffae00;letter-spacing:.2em}#blog-articles .description{padding-top:2rem}#works ul.breadcrumb{margin:0}#works .header-tab{display:flex}#works .header-tab li{display:flex}#works .header-tab li a{display:block;border-top:3px solid #dadede;border-bottom:1px solid #e1e5e6;height:100%;text-align:center;font-size:1.2rem;color:#24394d;background-color:#f4f6f6}#works .header-tab li a:first-child{border-right:1px solid #e1e5e6}#works .header-tab li a .tab-sub{background:#ffba00;background:-moz-linear-gradient(-45deg, #ffba00 0%, #ffba00 40%, #ff9600 60%, #ff9600 100%);background:-webkit-linear-gradient(-45deg, #ffba00 0%, #ffba00 40%, #ff9600 60%, #ff9600 100%);background:linear-gradient(135deg, #ffba00 0%, #ffba00 40%, #ff9600 60%, #ff9600 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="$bg-start", endColorstr="$bg-end",GradientType=1 );display:block;text-align:center;font-size:.6rem;letter-spacing:.1rem;-webkit-background-clip:text;color:#627f89}#works .header-tab li a.active{border-top:3px solid #ff9c00;border-bottom:1px solid #fff;background-color:#fff}#works .header-tab li a.active .tab-sub{color:rgba(0,0,0,0)}#works .header-tab li a.non-active:hover{background-color:#fafafa}#works .header-tab li a.non-active:hover span{opacity:.7}#works .education-description .text-img-half .text-area{background:rgba(0,0,0,0);background-image:none}#works .education-description .text-img-half .text-area h2{color:#24394d;text-align:left}#works .education-description .text-img-half .text-area p{font-size:.9rem;line-height:2;text-align:left;color:#414d58}#works .it-description ul{list-style-type:disc;text-align:left;padding-left:1em}#works .it-description ul li{font-size:.9rem}#works #school{margin-top:6em}#works #school .img-list{width:100%;margin-bottom:2em;justify-content:space-between}#works #school .img-list li{width:11vw;height:11vw;background-color:#fafafa;display:flex;justify-content:center;align-items:center}#works #school .img-list li img{max-width:11vw;max-height:11vw}#company ul.breadcrumb{border-bottom:3px solid #ff9c00}#company #company-header{border-bottom:1px solid #edf2f3}#company #body-company{margin:0 auto}#company h1{margin-top:1em;text-align:center;color:#24394d;line-height:1.5}#company h1 span{background:#ffba00;background:-moz-linear-gradient(-45deg, #ffba00 0%, #ffba00 40%, #ff9600 60%, #ff9600 100%);background:-webkit-linear-gradient(-45deg, #ffba00 0%, #ffba00 40%, #ff9600 60%, #ff9600 100%);background:linear-gradient(135deg, #ffba00 0%, #ffba00 40%, #ff9600 60%, #ff9600 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="$bg-start", endColorstr="$bg-end",GradientType=1 );display:inline-block;text-align:center;letter-spacing:.2rem;-webkit-background-clip:text;color:rgba(0,0,0,0)}#company .company-description>.flex{justify-content:center}#company .company-description p{color:#414d58;font-size:.95rem;line-height:1.8}#company .company-description h3{margin-bottom:1.5em}#company .company-description h3 span{background:#ffba00;background:-moz-linear-gradient(-45deg, #ffba00 0%, #ffba00 40%, #ff9600 60%, #ff9600 100%);background:-webkit-linear-gradient(-45deg, #ffba00 0%, #ffba00 40%, #ff9600 60%, #ff9600 100%);background:linear-gradient(135deg, #ffba00 0%, #ffba00 40%, #ff9600 60%, #ff9600 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="$bg-start", endColorstr="$bg-end",GradientType=1 );display:inline-block;font-size:1rem;text-align:center;letter-spacing:.1em;-webkit-background-clip:text;color:rgba(0,0,0,0)}#company .company-description .company-info-list .list-line{width:100%;font-size:.9rem;border-bottom:1px dotted #999;padding:2em 0 1em}#company .company-description .company-info-list .list-line:first-child{padding:0 0 1em}#company .company-description .company-info-list .list-line .list-left{color:#24394d;width:150px;font-weight:bold}#company .company-description .company-info-list .list-line .list-right{color:#414d58}#company .company-description .company-info-list ul{padding-left:2em;list-style-type:disc}#company .company-description .company-info-list .to-map{display:inline-block;border:1px solid #1993ca;border-radius:2px;padding:.2em .4em .2em 1.5em;color:#1993ca;font-size:.8em;background-image:url("/img/icon/arrow-right-blue.png");background-size:.6em auto;background-position:.5em center;background-repeat:no-repeat}#company .ceo-speech{margin-top:2em}#company .ceo-speech h3{color:#ff9600;margin-top:2.5em;margin-bottom:1.6em}#company .ceo-speech .speech-img{text-align:center}#company .ceo-speech .speech-img img{display:inline-block}#company .access-desc h3{font-size:1.5rem;margin:1em 0;line-height:1.7}#company .access-desc .company-info-list .list-line{padding:.6em 0}#company .access-desc .company-info-list .list-line:first-child{padding:.6em 0}#company .access-desc .company-info-list ul{padding-left:1em}#company .access-desc .link-side-circle-green{margin-top:2.5em}#contact{margin:0 auto 5rem}#contact ul.breadcrumb{border-bottom:3px solid #ff9c00}#contact #body-contact{margin:0 auto}#contact h1{margin-top:1em;text-align:center;color:#24394d;line-height:1.5}#contact h1>div{font-size:1rem}#contact h1 span{background:#ffba00;background:-moz-linear-gradient(-45deg, #ffba00 0%, #ffba00 40%, #ff9600 60%, #ff9600 100%);background:-webkit-linear-gradient(-45deg, #ffba00 0%, #ffba00 40%, #ff9600 60%, #ff9600 100%);background:linear-gradient(135deg, #ffba00 0%, #ffba00 40%, #ff9600 60%, #ff9600 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="$bg-start", endColorstr="$bg-end",GradientType=1 );display:inline-block;text-align:center;letter-spacing:.2rem;-webkit-background-clip:text;color:rgba(0,0,0,0)}#contact .form-description{margin:3.5em auto}#contact .form-description p{color:#414d58}#contact .form-description p.caution{color:#f0164e}#contact #send-form .form-group{margin-bottom:1.5rem}#contact #send-form .form-group label{font-weight:bold;font-size:.95rem}#contact #send-form .form-group input[type=text],#contact #send-form .form-group input[type=email],#contact #send-form .form-group textarea{background-color:#fafbfb;border-radius:4px}#contact #send-form .form-group input[type=text].is-invalid,#contact #send-form .form-group input[type=email].is-invalid,#contact #send-form .form-group textarea.is-invalid{background-color:#f8e4e9;border-color:#f4527c;color:#f4527c}#contact #send-form .form-group input[type=text].is-invalid:-webkit-autofill,#contact #send-form .form-group input[type=email].is-invalid:-webkit-autofill,#contact #send-form .form-group textarea.is-invalid:-webkit-autofill{box-shadow:0 0 0px 999px #f8e4e9 inset;-webkit-text-fill-color:#f4527c !important}#contact #send-form .form-group .form-control::-webkit-input-placeholder{color:#b2bdbd}#contact #send-form .form-group .form-control::-moz-placeholder{color:#b2bdbd}#contact #send-form .form-group .form-control:-moz-placeholder{color:#b2bdbd}#contact #send-form .form-group .form-control:-ms-input-placeholder{color:#b2bdbd}#contact #send-form .form-group .invalid-feedback{display:block !important;font-size:.9rem;height:1.7em;line-height:1.7em;padding-left:2em;color:#414d58}#contact #send-form .form-group .has-error .invalid-feedback{background-image:url("/img/icon/form-error.png");background-repeat:no-repeat;background-position:left center;background-size:1.5em 1.5em}#contact #send-form .form-group .link-side-circle-blue{padding-top:1em}#contact #complete{display:none}#contact #complete h2.dia{text-align:center;padding-top:calc(70px + 1em);background-position:center top}#contact #complete .form-description{text-align:center;margin:1.5em auto 2.5em;line-height:2}#privacy ul.breadcrumb{border-bottom:3px solid #ff9c00}#privacy #body-privacy{margin:0 auto}#privacy h1{margin-top:1em;text-align:center;color:#24394d;line-height:1.5}#privacy h1 span{background:#ffba00;background:-moz-linear-gradient(-45deg, #ffba00 0%, #ffba00 40%, #ff9600 60%, #ff9600 100%);background:-webkit-linear-gradient(-45deg, #ffba00 0%, #ffba00 40%, #ff9600 60%, #ff9600 100%);background:linear-gradient(135deg, #ffba00 0%, #ffba00 40%, #ff9600 60%, #ff9600 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="$bg-start", endColorstr="$bg-end",GradientType=1 );display:inline-block;text-align:center;letter-spacing:.2rem;-webkit-background-clip:text;color:rgba(0,0,0,0)}#privacy .privacy-description{color:#414d58}#privacy .privacy-description p{font-size:.9rem;margin-bottom:4em}#privacy .privacy-description dl dt{margin-bottom:1.5em}#privacy .privacy-description dl dd{font-size:.9rem;margin-bottom:4em}#privacy .privacy-description ul{margin-top:1em;padding-left:2em;list-style-type:disc}@media(min-width: 769px){#header .link-outer img,#footer .link-outer img{margin-left:.5em;height:1em;vertical-align:baseline}#header .dropdown-item{background-image:url("/img/icon/arrow-right-blue.png");background-position:right 1em center;background-repeat:no-repeat;background-size:1em auto}#company-logo-header img{height:2rem}#footer #footer-menu{margin:0 auto;padding-bottom:30px;display:flex;justify-content:center}#footer #footer-menu ul{margin:0 3em}#footer #footer-menu ul li{color:#b8c3cd;padding:.7em .5em .7em .8em;font-size:.7rem}#footer #footer-menu ul li.menu-parent{padding-left:0;font-weight:bold;font-size:.8rem}#footer #footer-menu ul li a{color:#b8c3cd}#footer #footer-menu ul li a:hover{text-decoration:underline}.for_sp{display:none !important}ul.breadcrumb li.home{padding-left:2.5em}h2.left-bar{font-size:1.3rem;line-height:1.7}h2.dia{background-position:center top}.text-img-half{flex-direction:row}.text-img-half>div{flex-basis:50%}.text-img-half .img-area{background-color:#efefef}.text-img-half .img-area img{width:100%}.text-img-half .text-area{background:#ffba00;background:-moz-linear-gradient(-45deg, #ffba00 0%, #ffba00 40%, #ff9600 60%, #ff9600 100%);background:-webkit-linear-gradient(-45deg, #ffba00 0%, #ffba00 40%, #ff9600 60%, #ff9600 100%);background:linear-gradient(135deg, #ffba00 0%, #ffba00 40%, #ff9600 60%, #ff9600 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="$bg-start", endColorstr="$bg-end",GradientType=1 )}.text-img-half .text-area h2{width:100%;font-size:2.45rem}.text-img-half .text-area .sub-title{padding:0 3em;font-size:.8rem;letter-spacing:.55em;background-color:#fff}.text-img-half .text-area .sub-title span{background:#ffba00;background:-moz-linear-gradient(-45deg, #ffba00 0%, #ffba00 40%, #ff9600 60%, #ff9600 100%);background:-webkit-linear-gradient(-45deg, #ffba00 0%, #ffba00 40%, #ff9600 60%, #ff9600 100%);background:linear-gradient(135deg, #ffba00 0%, #ffba00 40%, #ff9600 60%, #ff9600 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="$bg-start", endColorstr="$bg-end",GradientType=1 );color:rgba(0,0,0,0);-webkit-background-clip:text}.description{padding:5rem 0 6rem}.description>.flex{width:75vw}.description h2{padding-top:50px;font-size:1.6rem}.description p{line-height:2.5}.back-triangle-reverse-left{background-image:url("/img/background/section-triangle-reverse-left.png");background-position:left top;background-repeat:no-repeat}.back-triangle-reverse-right{background-image:url("/img/background/section-triangle-reverse-right.png");background-position:right top;background-repeat:no-repeat}.link-side-circle-white{width:18em;margin:0 auto}.link-side-circle-white a,.link-side-circle-white input{font-size:.9rem;display:block;margin:0 auto;height:2.8em;line-height:2.8em;border-radius:1.4em;text-align:center;background-repeat:no-repeat}.link-side-circle-white img{display:block;float:right;margin-top:-2em}.link-side-circle-white a,.link-side-circle-white input{width:100%;background-size:auto 1.2em;background-position:right .8em center;border:none}.link-side-circle-white img{margin-right:1.3em;height:1.3em}.link-side-circle-white a,.link-side-circle-white input{color:#3fb1d2;background-color:#fff;background-image:url("/img/icon/arrow-right-blue.png")}.link-side-circle-white a:hover,.link-side-circle-white input:hover{background-color:hsla(0,0%,100%,.7)}.link-side-circle-blue{width:18em;margin:0 auto}.link-side-circle-blue a,.link-side-circle-blue input{font-size:.9rem;display:block;margin:0 auto;height:2.8em;line-height:2.8em;border-radius:1.4em;text-align:center;background-repeat:no-repeat}.link-side-circle-blue img{display:block;float:right;margin-top:-2em}.link-side-circle-blue a,.link-side-circle-blue input{width:100%;background-size:auto 1.2em;background-position:right .8em center;border:none}.link-side-circle-blue img{margin-right:1.3em;height:1.3em}.link-side-circle-blue a,.link-side-circle-blue input{color:#fff;background-color:#53bedd;background-image:url("/img/icon/arrow-right-yellow.png")}.link-side-circle-blue a:hover,.link-side-circle-blue input:hover{background-color:rgba(83,190,221,.7)}.link-side-circle-blue a:disabled,.link-side-circle-blue input:disabled{background-color:rgba(83,190,221,.4)}.link-side-circle-green{width:18em;margin:0 auto}.link-side-circle-green a,.link-side-circle-green input{font-size:.9rem;display:block;margin:0 auto;height:2.8em;line-height:2.8em;border-radius:1.4em;text-align:center;background-repeat:no-repeat}.link-side-circle-green img{display:block;float:right;margin-top:-2em}.link-side-circle-green a,.link-side-circle-green input{width:100%;background-size:auto 1.2em;background-position:right .8em center;border:none}.link-side-circle-green img{margin-right:1.3em;height:1.3em}.link-side-circle-green a,.link-side-circle-green input{color:#fff;background-color:#7fbf34}.link-side-circle-green a:hover,.link-side-circle-green input:hover{background-color:rgba(127,191,52,.7)}.link-side-circle-green a:disabled,.link-side-circle-green input:disabled{background-color:rgba(127,191,52,.4)}#vision{background-image:url("/img/top/topPC_A1.jpg");background-position:center top;background-size:cover;height:calc(100vh - 91px);position:relative}#vision .background-layer{background-image:url("/img/background/section-triangle.png");background-position:right bottom;position:absolute;bottom:0}#vision .vision-text{position:absolute;right:0;bottom:0;margin:140px 8% 60px 0;width:400px}#vision .vision-text h1{font-size:2.5rem}#vision .vision-text h2{margin:1.5em 0 2em;font-size:1.1rem}#vision .vision-text .link-side-circle{width:90%}#school .arschool-header{width:76vw;overflow:hidden}#school .arschool-header .arschool-visual .arschool-logo{margin-top:4rem}#school .arschool-header .arschool-visual .arschool-logo img{width:308px}#event{padding:5rem 0 6rem;margin:0 auto;width:75vw;max-width:1080px}#event .event-list{margin:1.5rem auto 2rem;justify-content:center;align-items:stretch}#event .event-list li{margin-right:1vw;padding:0;width:16.7vw;display:flex;flex-direction:column;justify-content:space-between}#event .event-list li:last-child{margin-right:0}#event .event-list li .event-photo{width:16.7vw;height:16.7vw}#event .event-list li p{line-height:2;font-size:.9em}#event .event-list li .event-date{font-size:.8em}#it-works .it-list{margin:2em 0}#it-works .it-list li{width:32%;margin-right:2%;border-radius:8px}#it-works .it-list li a{display:table;padding:1.4em 1.5em;background-size:auto 1.5em}#it-works .it-list li a span{display:table-cell;vertical-align:middle}#blog-articles{padding:4rem 0}#blog-articles>h2,#blog-articles>div{width:75vw;max-width:1080px;margin:0 auto 1rem}#blog-articles h2 .sub{margin-left:1em}#blog-articles .article-list-title,#blog-articles .article-list-date{width:100%;justify-content:space-between}#blog-articles .article-list-title li,#blog-articles .article-list-date li{display:block;width:32%;margin-right:2%}#blog-articles .article-list-title li:last-child,#blog-articles .article-list-date li:last-child{margin-right:0}#blog-articles .article-list-title li a,#blog-articles .article-list-date li a{display:inline-block;text-decoration:underline;font-size:.95rem;line-height:2}#blog-articles .article-list-title .article-date,#blog-articles .article-list-date .article-date{margin-top:.5rem;font-size:.7em;color:#727e8a}#works #works-header .header-visual{position:relative}#works #works-header .header-visual img{width:100%}#works #works-header .header-tab{position:relative;margin-top:-4rem;width:100%;justify-content:center}#works #works-header .header-tab li{height:4rem}#works #works-header .header-tab li a{padding:.5rem 4rem}#works #it-works h2{order:1}#works #it-works p{order:3}#works #it-works ul{order:2}#works .description{padding:3rem 0}#works .education-description{margin-bottom:4rem}#works .education-description .text-img-half{margin:0 auto;width:75vw;max-width:1080px;justify-content:space-between;align-items:center}#works .education-description .text-img-half .img-area{flex-basis:47.5%}#works .education-description .text-img-half .text-area{flex-basis:47.5%}#works .education-description .text-img-half h2{font-size:1.2rem;margin:0 0 1rem 0}#works #event{padding-top:2rem}#works .it-description .text-img-half .text-area h2{font-size:1.4rem}#works .it-description .description{margin:0 auto;padding:4em 0 6em;width:75vw;max-width:1080px;text-align:left}#works .it-description .description h2.left-bar{padding-top:0}#works .it-description ul li{padding:.5em 0}#works #school h2.pink{padding-top:0}#works #school .img-list li{width:11.5vw;height:11.5vw}#works #school .img-list li img{max-width:100%;max-height:100%}#company #company-header{padding-bottom:3rem}#company #company-header h1{font-size:2.5rem}#company #company-header h1>div{font-size:1rem}#company #body-company{width:720px}#company .company-description{padding:4rem 0}#company .company-description h2.dia{font-size:2.6rem;margin-bottom:1.5em;padding-top:90px}#company .company-description h3 span{margin-left:1.5em}#company .company-info-list .list-line{display:flex}#company .company-info-list .list-line .to-map{margin-left:2em}#company .ceo-info h3{font-size:1.5rem}#company .ceo-info h3 span{font-size:.8rem}#company .ceo-speech h3{font-size:1.5rem}#company .ceo-speech .speech-img{margin:3rem 0}#company .ceo-speech .speech-img img{margin:0 1.5em}#company .ceo-speech .link-side-circle-green{margin-top:3em}#contact #body-contact{width:480px}#contact #body-contact h1{font-size:1.8rem}#contact #body-contact #complete h2.dia{font-size:1.4rem}#privacy #privacy-header{padding-bottom:3rem}#privacy #privacy-header h1{font-size:2.5rem}#privacy #privacy-header h1>div{font-size:1rem}#privacy #body-privacy{width:75vw;max-width:1080px;margin:0 auto}#privacy .privacy-description{padding:2rem 0 4rem}#privacy .privacy-description h2.dia{font-size:2.6rem;margin-bottom:1.5em;padding-top:90px}}@media(max-width: 768px){.for_pc{display:none !important}html,body{height:100%}.sp-header-belt{position:relative;display:flex;height:50px;justify-content:center;align-items:center}.sp-header-belt .spMenuToggle{position:absolute;top:0;left:0;height:50px;width:50px}.sp-header-belt .header-boocoo-logo{height:30px}#sp-global-menu{display:none;background-color:#3e4349;position:absolute;z-index:2000;top:0;left:0;width:100vw;padding-bottom:0;margin:0 auto}#sp-global-menu .sp-header-belt{border-bottom:1px solid #33383d}#sp-global-menu ul{padding-left:5%;padding-bottom:10px;border-bottom:1px solid #33383d}#sp-global-menu ul li{color:#fff;font-size:.85rem;margin-bottom:1px;background-color:#484d54}#sp-global-menu ul li.menu-parent{background-color:rgba(0,0,0,0);padding:.7em .5em .7em 0}#sp-global-menu ul li a{color:#fff;display:block;padding:.7em .5em .7em .8em;background-image:url("/img/icon/arrow-right-gray.png");background-repeat:no-repeat;background-size:auto 1.5em;background-position:right 1em center}#sp-global-menu ul li a.link-outer{background-image:url("/img/icon/link-outer-site-gray.png");background-size:auto 1.2em}#sp-global-menu ul.no-border{padding:0;border-bottom:none}#sp-global-menu ul.no-border li{padding:0;border-bottom:1px solid #33383d}#sp-global-menu ul.no-border li a{padding-left:5%}#sp-global-menu-screen{display:none;background-color:rgba(62,67,73,.7);position:fixed;z-index:1900;top:0;left:0;width:100vw;height:100vh}#footer{padding-top:0}#footer #footer-menu{padding-bottom:0;margin:0 auto}#footer #footer-menu ul{padding-left:5%;padding-bottom:10px;border-bottom:1px solid #33383d}#footer #footer-menu ul li{color:#b8c3cd;font-size:.85rem;margin-bottom:1px;background-color:#484d54}#footer #footer-menu ul li.menu-parent{background-color:rgba(0,0,0,0);padding:.7em .5em .7em 0}#footer #footer-menu ul li a{color:#b8c3cd;display:block;padding:.7em .5em .7em .8em;background-image:url("/img/icon/arrow-right-gray.png");background-repeat:no-repeat;background-size:auto 1.5em;background-position:right 1em center}#footer #footer-menu ul li a.link-outer{background-image:url("/img/icon/link-outer-site-gray.png");background-size:auto 1.2em}#footer #footer-menu ul.no-border{padding:0;border-bottom:none}#footer #footer-menu ul.no-border li{padding:0;border-bottom:1px solid #33383d}#footer #footer-menu ul.no-border li a{padding-left:5%}#footer #company-logo-footer{border:none}h2.left-bar{font-size:1rem;line-height:1.7}h2.dia{font-size:1.2rem;line-height:1.8}.text-img-half .text-area{height:100vw;width:100%;background-color:#e0e0e0}.text-img-half .text-area h2{width:100%;font-size:1.8rem}.text-img-half .text-area .sub-title{background:#ffba00;background:-moz-linear-gradient(-45deg, #ffba00 0%, #ffba00 40%, #ff9600 60%, #ff9600 100%);background:-webkit-linear-gradient(-45deg, #ffba00 0%, #ffba00 40%, #ff9600 60%, #ff9600 100%);background:linear-gradient(135deg, #ffba00 0%, #ffba00 40%, #ff9600 60%, #ff9600 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="$bg-start", endColorstr="$bg-end",GradientType=1 );padding:0 1.5em;color:#fff;font-size:.7rem;letter-spacing:.4em}.text-img-half .text-area .sub-title span{color:#fff}.description{padding:1rem 5.3vw 2.5rem}.description h2{width:100%;background-position:left top;font-size:1rem;font-weight:bold;line-height:1.6;text-align:left}.description h2.dia{background-size:4em auto;padding-top:1.8em}.description h2.left-bar{background-size:auto 2em}.description p{width:100%;line-height:2;text-align:left}.link-side-circle-white{width:18em;margin:0 auto}.link-side-circle-white a,.link-side-circle-white input{font-size:.9rem;display:block;margin:0 auto;height:2.8em;line-height:2.8em;border-radius:1.4em;text-align:center;background-repeat:no-repeat}.link-side-circle-white img{display:block;float:right;margin-top:-2em}.link-side-circle-white a,.link-side-circle-white input{width:85%;background-size:auto 1.2em;background-position:right .8em center}.link-side-circle-white img{margin-right:2.4em;height:1.1em}.link-side-circle-white a,.link-side-circle-white input{color:#3fb1d2;background-color:#fff;background-image:url("/img/icon/arrow-right-blue.png")}.link-side-circle-white a:hover,.link-side-circle-white input:hover{background-color:hsla(0,0%,100%,.7)}.link-side-circle-blue{width:18em;margin:0 auto}.link-side-circle-blue a,.link-side-circle-blue input{font-size:.9rem;display:block;margin:0 auto;height:2.8em;line-height:2.8em;border-radius:1.4em;text-align:center;background-repeat:no-repeat}.link-side-circle-blue img{display:block;float:right;margin-top:-2em}.link-side-circle-blue a,.link-side-circle-blue input{width:85%;background-size:auto 1.2em;background-position:right .8em center}.link-side-circle-blue img{margin-right:2.4em;height:1.1em}.link-side-circle-blue a,.link-side-circle-blue input{color:#fff;background-color:#53bedd;background-image:url("/img/icon/arrow-right-yellow.png")}.link-side-circle-blue a:hover,.link-side-circle-blue input:hover{background-color:rgba(83,190,221,.7)}.link-side-circle-blue a:disabled,.link-side-circle-blue input:disabled{background-color:rgba(83,190,221,.4)}.link-side-circle-green{width:18em;margin:0 auto}.link-side-circle-green a,.link-side-circle-green input{font-size:.9rem;display:block;margin:0 auto;height:2.8em;line-height:2.8em;border-radius:1.4em;text-align:center;background-repeat:no-repeat}.link-side-circle-green img{display:block;float:right;margin-top:-2em}.link-side-circle-green a,.link-side-circle-green input{width:85%;background-size:auto 1.2em;background-position:right .8em center}.link-side-circle-green img{margin-right:2.4em;height:1.1em}.link-side-circle-green a,.link-side-circle-green input{color:#fff;background-color:#7fbf34}.link-side-circle-green a:hover,.link-side-circle-green input:hover{background-color:rgba(127,191,52,.7)}.link-side-circle-green a:disabled,.link-side-circle-green input:disabled{background-color:rgba(127,191,52,.4)}#vision{height:calc(100% - 50px);background-image:url("/img/top/topSP_A1.jpg");background-position:center top;background-size:cover}#vision .background-layer{margin-top:calc(50vh - 50px);height:50vh;display:flex;align-items:flex-end;justify-content:center;background-image:url("/img/background/sp/section-triangle.png");background-position:center top;background-size:cover}#vision .vision-text{position:absolute;bottom:0}#vision .vision-text h1{transform:scale(0.9);text-align:center;font-size:1.5rem}#vision .vision-text h2{transform:scale(0.9);text-align:center;margin:1.5em 0 1.5em;font-size:1rem}#vision .vision-text p{transform:scale(0.9);font-size:1rem}#vision .vision-text .page-scroll{margin-top:1rem;text-align:center;font-size:.7rem;letter-spacing:.3em}#vision .vision-text .page-scroll>div:first-child{margin-bottom:-0.2em}#vision .vision-text .page-scroll img{width:1rem}#education .text-area{background-image:url("/img/top/topSP_A2.png");background-position:center top;background-size:cover}#school .arschool-header{width:90vw}#school .arschool-header .arschool-visual .arschool-logo{margin-top:2.5rem}#school .arschool-header .arschool-visual .arschool-logo img{width:60%}#school .arschool-header .arschool-visual p{font-size:.8rem;margin-bottom:1.5rem}#school h2.pink{font-size:1.4rem}#school .description{clear:both}#event{padding:1rem 5.3vw 2rem}#event .event-list{flex-wrap:wrap;justify-content:space-between;margin:1rem 0 1rem}#event .event-list li{padding:0 0 1.5em 0;width:43vw}#event .event-list li .event-photo{width:43vw;height:43vw}#event .event-list li p{line-height:1.6;font-size:.8em}#event .event-list li .event-date{font-size:.7em}#it-works .text-area{background-image:url("/img/top/topSP_A5.png");background-position:center top;background-size:cover}#it-works .it-list{margin:.5em 0}#it-works .it-list li{margin-bottom:.4rem;width:100%;border-radius:4px}#it-works .it-list li a{padding:.5em .5em .5em 1em;font-size:.9rem;background-size:auto 1.2em}#blog-articles{padding:3rem 5.3vw}#blog-articles h2 span{display:inline-block;width:100%;text-align:center}#blog-articles .article-list .article{padding-bottom:1em}#blog-articles .article-list .article a{text-decoration:underline;font-size:.85rem;line-height:1.5}#blog-articles .article-list .article .article-date{margin-top:.2rem;font-size:.7em;color:#727e8a}#blog-articles .article-list .border-mozaic{margin-top:1em}#works .description{padding:1rem 5.3vw}#works .description p{margin-bottom:1rem}#works .education-description{padding:1rem 5.3vw}#works .education-description .text-img-half .text-area{height:auto}#works .education-description .text-img-half .text-area h2{font-size:1.1rem}#works .education-description .text-img-half .text-area p img{float:right;max-width:45vw}#works .it-description#consulting .text-area{background-image:url("/img/it/itSP_C1_06.png");background-position:center top;background-size:cover}#works .it-description#management .text-area{background-image:url("/img/it/itSP_C2_09.png");background-position:center top;background-size:cover}#works .it-description#development .text-area{background-image:url("/img/it/itSP_C3_11.png");background-position:center top;background-size:cover}#works .it-description .text-area{height:65vw}#works .it-description .description{margin-bottom:3rem}#works .it-description h2{font-size:1.2rem;line-height:1.8}#works .it-description h2.left-bar{margin-top:2rem}#works #works-header .header-tab li{width:50vw}#works #works-header .header-tab li a{width:100%;padding:.5rem 0}#works #works-header .header-visual{padding:1rem 5.3vw;text-align:center}#works #works-header .header-visual img{max-width:100%}#works #school{margin-top:1rem}#works #school .img-list{align-content:space-between;height:59.6vw}#works #school .img-list li{width:28vw;height:28vw}#works #school .img-list li img{max-width:100%;max-height:100%}#company #company-header{padding-bottom:1rem}#company #company-header h1{font-size:1.5rem}#company #company-header h1>div{font-size:.8rem}#company #body-company{width:89.4vw}#company .company-description{padding:3rem 0 1rem}#company .company-description:last-child{padding:3rem 0 3rem}#company .company-description h2.dia{font-size:1.6rem;margin-bottom:.5em;background-size:2em auto;background-position:center top;padding-top:30px}#company .company-description h3{font-size:1.5rem;line-height:.8}#company .company-description h3 span{font-size:.8rem}#company .company-info-list .list-line{line-height:1.6}#company .company-info-list .list-line .list-right{padding-left:1em}#company .company-info-list .list-line .to-map{margin-top:1em}#company .ceo-info p{font-size:.9rem;line-height:2}#company .ceo-speech{border-top:1px dotted #999}#company .ceo-speech h3{font-size:1.2rem;background:#ffba00;background:-moz-linear-gradient(-45deg, #ffba00 0%, #ffba00 40%, #ff9600 60%, #ff9600 100%);background:-webkit-linear-gradient(-45deg, #ffba00 0%, #ffba00 40%, #ff9600 60%, #ff9600 100%);background:linear-gradient(135deg, #ffba00 0%, #ffba00 40%, #ff9600 60%, #ff9600 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="$bg-start", endColorstr="$bg-end",GradientType=1 );display:inline-block;-webkit-background-clip:text;color:rgba(0,0,0,0);line-height:1.6;margin-bottom:.7em}#company .ceo-speech p{font-size:.9rem;line-height:2}#company .ceo-speech .speech-img{margin:1.5rem 0}#company .ceo-speech .speech-img img{max-width:48%}#company .ceo-speech .speech-img img:first-child{margin-right:1.5%}#company .ceo-speech .link-side-circle-green{margin-top:2em}#company .access-desc h3{line-height:1.7;margin-bottom:.6em}#contact #contact-header h1{font-size:1.5rem}#contact #contact-header h1 span{font-size:.8rem}#contact #body-contact{width:90vw}#contact #body-contact .form-description{margin:1.5em auto}#contact #body-contact .form-description p{font-size:.9rem}#contact #body-contact #send-form .link-side-circle-blue input{border:none}#contact #body-contact #complete h2.dia{font-size:1.2rem}#privacy #privacy-header{padding-bottom:1rem}#privacy #privacy-header h1{font-size:1.2rem}#privacy #privacy-header h1>div{font-size:.7rem}#privacy #body-privacy{width:89.4vw}#privacy h2.left-bar{font-weight:bold;font-size:.95rem;padding-left:.9em}#privacy .privacy-description{padding:1rem 0}}@media(max-width: 320px){#vision .vision-text h1{font-size:1.4rem}#vision .vision-text h2{margin:1em 0}#vision .vision-text p{line-height:2}}
