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