.has-first-color{color:var(--primary-color)}.btn-portfolio{background:var(--primary-color);border-radius:0}.btn-portfolio a{color:#000;text-decoration:none}.btn-about a{color:var(--text-color);text-decoration:none}.intro_sec{height:calc(100vh - 60px);min-height:700px;height:100vh;margin-top:-60px}@media(max-width:991.98px){.intro_sec{display:block;height:auto!important}}.intro_sec .h_bg-image,.intro_sec .text{width:50%}@media(max-width:991.98px){.intro_sec .h_bg-image,.intro_sec .text{width:100%}}.intro_sec .intro{position:absolute;bottom:10vh;left:5vw;margin:0 auto}@media(max-width:991.98px){.intro_sec .intro{max-width:700px}}.intro_sec .intro .feature .wrap-icon{background:0 0!important;width:auto;height:auto;margin-bottom:0}.intro_sec .intro .feature .wrap-icon svg{color:#5cccc9}.intro_sec .text h1{font-size:3.1415926em;margin-bottom:25px;font-weight:700}@media(max-width:500px){.intro_sec .text h1{font-size:2.31415926em}}.intro_sec .text h3{font-size:16px;font-weight:700}.intro_sec .h_bg-image{background-size:cover;background-position:50%;min-height:700px;position:relative}.ac_btn{padding:4px 19px;color:var(--secondary-color);position:relative;border:2px solid var(--text-color);overflow:hidden;transition:all .6s cubic-bezier(.55,0,.1,1);cursor:pointer;border-radius:0;margin-right:20px}.ac_btn a{text-decoration:none}.ac_btn:hover{box-shadow:8px 8px 0 var(--text-color),-8px -8px 0 var(--text-color)}.ac_btn:hover .one{opacity:1}.ac_btn:hover .four,.ac_btn:hover .one,.ac_btn:hover .three,.ac_btn:hover .two{transform:translateZ(0)}.ac_btn .ring{width:100%;height:100%;position:absolute;background:rgba(0,0,0,0);top:0;left:0;transform:translate3d(0,90px,0)}.ac_btn .one{background-color:#000;transition:all .3s cubic-bezier(.55,0,.1,1);z-index:-3;z-index:-4}.ac_btn .two{background-color:var(--primary-color);transition:all .5s cubic-bezier(.55,0,.1,1);z-index:-3}.ac_btn .three{background-color:var(--secondary-color);z-index:-2;transition:all .7s cubic-bezier(.55,0,.1,1);z-index:-3}#button_h,#button_p{color:var(--text-color)}#button_h:hover,#button_p:hover{color:var(--primary-color)}.intro_sec .h_bg-image .block{bottom:50vh;max-width:220px;padding:30px;left:-110px;position:absolute;width:250px;height:220px;border-radius:100%;background-color:#2f514e;z-index:9999999999;display:flex;align-items:center;flex-direction:column;justify-content:center}@media(max-width:991.98px){.intro_sec .h_bg-image{height:600px;min-height:75vh;margin-bottom:30px}.intro_sec .h_bg-image .block{top:unset;bottom:0;width:100%;margin:0;left:50%;transform:translate(-50%,50%)}}.intro_sec .h_bg-image .block .wrap-icon{font-size:40px;color:var(--text-color);margin-bottom:10px;display:block}.intro_sec .h_bg-image .block h3{font-size:14px;color:var(--text-color);letter-spacing:.1rem;font-weight:700;margin-bottom:15px}.intro_sec .h_bg-image .block p{font-size:14px;line-height:1.3;color:var(--text-color)}.intro_sec .h_bg-image{filter:saturate(.5)}.title-main-title span{margin:0;display:inline-block;animation:title-name-anim .5s ease-out alternate;animation-delay:calc(.04s*var(--var))}@keyframes title-name-anim{0%{transform:translateY(0)}40%{transform:translateY(-.87em)}60%{transform:translateY(-.87em)}to{transform:translateY(0)}}.title-main-quote{min-width:0;max-width:87vw}@media(min-width:991.98px){.title-main-quote{max-width:50vw}}.title-main-quote p{font-size:1.375em;font-weight:500;padding:0 1em;text-align:center;opacity:0;animation:title-quote-anim 1s ease-out 1.2s forwards}@keyframes title-quote-anim{0%{opacity:0}to{opacity:1}}.title-main-quote:before{content:"「";color:var(--primary-color);font-weight:900;position:relative;left:-2.5%;opacity:0;animation:title-quote-before-anim .5s ease-out .7s forwards}.title-main-quote:after{content:"」";color:var(--secondary-color);font-weight:900;position:relative;left:100%;opacity:0;animation:title-quote-after-anim .5s ease-out .7s forwards}@keyframes title-quote-before-anim{0%{left:50%;opacity:0}to{left:-2.5%;opacity:1}}@keyframes title-quote-after-anim{0%{left:50%;opacity:0}to{left:100%;opacity:1}}