/*
Theme Name: BlankSlate
Theme URI: https://opencollective.com/blankslate
Author: Bryan Hadaway
Author URI: https://opencollective.com/blankslate#section-contributors
Description: Donate: https://opencollective.com/blankslate. Learn: https://blankslate.me/. BlankSlate is the definitive WordPress boilerplate starter theme. I've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability, with no intrusive visual CSS styles added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/bhadaway/blankslate/issues. Thank you.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2024.2
Requires at least: 5.2
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate

BlankSlate WordPress Theme 2011-2024
BlankSlate is distributed under the terms of the GNU GPL
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1;overscroll-behavior: none;}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}


/*-----------------
common
------------------*/

:root {
  --color-white: #FFF;
  --color-Y-white: #F3F3EF;
  --color-blue: #036EB7;
  --color-orange: #E95513;
  --color-gray: #333333;
  --font-js: "Noto Sans JP", sans-serif, Arial;
  --font-en: "Jost", sans-serif, Arial;
}
html,
body {
  position: relative;
  height: 100%;
  word-break: auto-phrase;
  overflow-wrap: break-word;
}
body {
  background: var(--color-blue) ;
  font-family: var(--font-js) ;
  font-size: 14px;
  color: var(--color-gray) ;
  margin: 0;
  padding: 0;
}
.inner {
  z-index: 1;
  position: relative;
}
.inner-1000 {
  width: 85%;
  margin: 0 auto;
  max-width: 1000px;
}
#news,
.service,
.company,
#contact,
.common-section,
footer {
  padding: 6em 0 6em 0;
  position: relative;
  overflow: hidden;
}
.bg--blue {
  background: var(--color-blue) ;
}
.bg--white {
  background: var(--color-white) ;
}
.bg--Y-white {
  background: var(--color-Y-white) ;
}
.bg--gray {
  background: var(--color-gray) ;
}
.color--white {
  color: var(--color-white) ;
}
.color--blue {
  color: var(--color-blue) ;
}
.txt_c {
  text-align: center;
}
.txt-ls1{
    letter-spacing: .1em;
}
.mb-02{
    margin-bottom: 2em;
}
.mb-04{
    margin-bottom: 4em;
}

.border-white-1000 {
  border: 0.5px solid  var(--color-white);
  margin: 4em 0;
}
.border-white {
  border: 0.5px solid  var(--color-white);
  margin: 2em 0;
}


/*-----------------
HEADER
------------------*/

header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background-color: var(--color-blue);
  transition: background-color 0.3s ease;
  z-index: 10;
}

.header-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 15px 40px;
  width: 100%;
}

.header--logo, .header--text {
  display: flex;
  align-items: center;
}

.header--logo svg {
  width: 80px;
  fill: var(--color-white);
}

.header--text {
  margin-left: 20px;
}

.header--text svg {
  width: 300px;
  fill: var(--color-white);
}

.header--menu {
  display: flex;
  align-items: center;
  margin-left: auto;
}

#global-nav ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}

#global-nav li {
  margin-left: 5em;
  font-family: var(--font-en) ;
}
#global-nav li:hover {
  cursor: pointer;
}

#global-nav a {
  color: var(--color-white);
  text-decoration: none;
  position: relative;
  padding-bottom: 2px;
  font-size: 16px;
  letter-spacing: .1em;
  font-weight: 600;
}

#global-nav a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: var(--color-orange);
  transform: translateY(-100%);
  opacity: 0;
  transition: all 0.3s ease;
  cursor: pointer;
}

#global-nav a:hover::after {
  transform: translateY(0);
  opacity: 1;
}

.hamburger-menu {
  display: none;
  flex-direction: column;
  cursor: pointer;
}

.hamburger-menu span {
  width: 25px;
  height: 3px;
  background: var(--color-white);
  margin: 2px 0;
  transition: all 0.3s ease;
}
.sp-block {
      display: none;
  }

.hamburger-menu.open span:nth-child(1) {
  transform: rotate(45deg) translate(5px, 5px);
}

.hamburger-menu.open span:nth-child(2) {
  opacity: 0;
}

.hamburger-menu.open span:nth-child(3) {
  transform: rotate(-45deg) translate(5px, -5px);
}


@media (max-width: 840px) {
  .header-container {
      padding: 10px 20px;
  }
  .header--logo svg {
      width: 50px;
      fill: var(--color-white);
  }

  .hamburger-menu {
      display: flex;
      z-index: 11;
  }

  #global-nav {
      display: none;
      flex-direction: column;
      align-items: center;
      width: 100%;
      background: #036eb7db;
      position: absolute;
      top: 54px;
      left: 0;
      z-index: 10;
      opacity: 0;
      transform: translateY(-80px);
      transition: opacity 0.3s ease, transform 0.3s ease;
  }

  #global-nav.open {
      display: flex;
      opacity: 1;
      transform: translateY(0);
  }

  #global-nav ul {
      flex-direction: column;
      width: 100%;
  }
  #global-nav li {
      margin: 20px 0;
      text-align: center;
  }
  #global-nav li:first-of-type {
      margin: 40px 0 20px 0;
      text-align: center;
  }
  #global-nav li:last-of-type {
      margin: 20px 0 40px 0;
  }
  #global-nav a {
      font-size: 20px;
  }

  .sp-block {
      display: block;
  }
  #global-nav a svg{
      width: 50px;
      display: inline-block;
  }
  #global-nav a svg{
      width: 50px;
      display: inline-block;
  }
}
@media (max-width: 1030px) {
  .header--text {
      display: none;
  }
}


/*-----------------
fv
------------------*/

.fv {
    position: relative;
    overflow-x: hidden;
    height: 750px;
}
@keyframes zoomUp {
  0% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}
.fv-swiper .swiper-slide-active .swiper-img,
.fv-swiper .swiper-slide-duplicate-active .swiper-img,
.fv-swiper .swiper-slide-prev .swiper-img {
  animation: zoomUp 10s linear 0s normal both;
}
.fv-swiper {
  position: fixed;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: 3vw;
}
.fv-swiper .swiper-slide img {
  height: 100vh;
  width: 100%;
  object-fit: cover;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
  user-select:none;
}
.fv-swiper__img--sp {
  display: none !important;
}
.fv__logoWrap {
  width: calc(100% - 46px);
  margin: 0 auto;
}
.fv__logo {
  width: 80%;
  max-width: 1000px;
  min-width: 500px;
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 2;
}
.fv__logo svg {
  width: 120px;
  margin-top: .5em;
}

.fv__textWrap {
  width: 100%;
  width: 100%;
  /* padding-top: 36px; */
  /* padding-left: 40px; */
  position: absolute;
  top: 36px;
  left: 40px;
  z-index: 2;
}
.fv__text {
  color: #fff;
  font-size: 3.5rem;
  line-height: 1.42;
  letter-spacing: 0.057em;
  text-align: center;
}
.js-text2{
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
  letter-spacing: 5.5px;
}
.js-text2 span.txt_ffs{
  font-feature-settings: "palt";
  letter-spacing: -4px;
}
.swiper {
  width: 100%;
  height: 100%;
}

@media (max-width: 1024px) {
  .fv-swiper .swiper-slide img {
    height: 60vh;
  }
}

@media (max-width: 840px) {
  .fv {
    height: 500px;
  }
  .fv-swiper {
    top: 10px;
  }
  .fv-swiper .swiper-slide img {
    height: 60vh;
  }
  .js-text2 {
    letter-spacing: 2.5px;
  }
  .fv__text {
    font-size: 2.5rem;
  }
  .fv__logo svg {
    width: 10vh;
    margin-top: 1em;
  }
}

@media (max-width: 630px) {
  .fv__text {
    font-size: 8.5vw;
    line-height: 1.7em;
  }
  .fv__logo svg {
    width: 24vw;
    margin-top: 1em;
  }
}

@media (max-width: 480px) {
  .fv {
    height: 650px;
  }
  .fv-swiper {
    top: 10px;
  }
  .fv-swiper .swiper-slide img {
    height: 75vh;
  }
}

@media (max-height: 770px) {
  .fv-swiper .swiper-slide img {
    height: 100vh;
  }
}



/*-----------------
INDEX COMMON
------------------*/

h2.heading1 {
  margin-bottom: 1.2em;
  font-size: 35px;
  font-family: var(--font-en) ;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  letter-spacing: .1em;
}
h2.heading1 span {
  font-size: 16px;
  font-family: var(--font-js) ;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
h2.heading1 span::before {
content:"\A";
white-space:pre;
}
h3.heading2 {
  margin-bottom: 1em;
  font-size: 27px;
  font-family: var(--font-js) ;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  letter-spacing: .1em;
  line-height: 2em;
}




/*-----------------
SERVICE
------------------*/

.service::before {
  position: absolute;
  top: 10px;
  right: -120px;
  width: 500px;
  height: 250px;
  content: "";
  z-index: 0;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 148.39 71.35"><path fill="%23E95513" d="M148.37 43.99c-.33-1.49-1.18-2.57-2.4-3.04-1.28-.5-2.8-.24-4.14.7-3.56 2.42-7.78 5.14-12.26 7.08-2.24 1.36-3.85 1.84-4.78 1.43-1.17-.51-1.59-2.63-2.03-4.86-.44-2.22-.93-4.74-2.34-6.52-3.53-4.44-10.81-3.37-16.93-.71.82-6.97-1.76-10.64-4.17-12.52-5.57-4.35-15.02-3.35-22.31-.37.05-.4.12-.82.19-1.26.26-1.63.55-3.48.21-4.98v-1.35c-.59-7.03-3.33-12.06-8.13-14.93-6.45-3.87-16.5-3.49-26.88.99C26.18 10.68 12.42 22.5 2.54 37.9c-.16.34-.37.71-.59 1.13C.92 40.95-.5 43.57.17 45.78c.31 1.01 1.01 1.82 2.2 2.44 1.38.48 2.85.2 4.03-.76 1.24-1.02 1.98-2.63 1.88-4.08.91-1.68 2.19-3.23 3.43-4.73.74-.89 1.47-1.78 2.12-2.68 9.71-12.45 21.73-21.31 35.7-26.31 7.64-2.54 13.4-2.23 16.66.91 3.57 3.44 4.14 10.19 1.62 19.03-9.9 6.69-16.66 12.51-21.89 18.84L45 49.55c-4.37 5.22-12.5 14.95-6.84 20.52 1.24.92 2.62 1.28 4.04 1.28 3.72 0 7.75-2.49 10.46-4.16l.32-.2C65.25 59.3 71.57 45.6 74.72 35.35c4.01-2.63 8.45-3.71 12.92-4.65 3.54-.2 5.79.3 6.92 1.58 1 1.13 1.25 2.96.74 5.65-.81 3.15-1.65 6.42-3.25 8.84-.66.83-1.67 1.87-2.75 2.97-3.79 3.87-8.98 9.17-6.56 13.8.94 1.48 2.24 1.81 3.03 1.76 2.46-.03 5.05-2.61 5.98-4.07 1.67-1.56 2.87-3.49 4.02-5.35 1.31-2.11 2.54-4.1 4.45-5.61 3.47-3.39 9.12-6.99 13.78-6.21.54.64.68 1.71.82 2.84.11.81.21 1.66.45 2.29.64 3.51 2.43 6.3 5.05 7.85 2.52 1.5 5.68 1.74 8.96.65l1.42-.64c9.27-4.13 17.83-8.56 17.66-12.92 0-.05 0-.1-.02-.15h.03Zm-85.2-1c-.59 1.17-1.28 2.31-1.74 3.07 0 0-.02.03-.03.05-3.43 6.6-8.89 12.12-15.21 15.46 3.17-5.41 7.61-9.94 11.3-13.42.86-.99 1.84-1.89 3.03-2.79l.57-.65c.68-.6 1.38-1.17 2.09-1.72Z" /></svg>');
  background-repeat: no-repeat;
}
.service .list-service li div.genre-service {
  padding: .7em;
  background: var(--color-orange) ;
  font-size: 20px;
  font-weight: 600;
  border-radius: 0 0 .5em .5em;
}
.service__text {
  font-size: 16px;
  font-family: var(--font-js) ;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  letter-spacing: .1em;
  line-height: 2.5em;
}
.list-service {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1000px;
}
.list-service-upper,
.list-service-lower {
  margin: 5em 0;
}
.list-performance {
  margin : 0 auto;
  width: calc(100%/2);
  text-align: center;
  font-weight: 500;
}
.list-performance li {
  font-size: 14px;
  letter-spacing: .1em;
  line-height: 2.5em;
}

@media (min-width: 842px) {
  .list-service li {
      width: calc((100% - 30px*(4 - 1)) / 2);
  }
}
@media (max-width: 840px) {
  .service .list-service li div.genre-service {
    font-size: 16px;
  }
  .list-service {
    display: block;
  }
  .list-service li{
    margin-bottom : 2em;
  }
  .list-performance {
    width: 100%;
    text-align: left;
  }
  .list-service-upper {
    margin: 5em 0 2em 0;
  }
  .list-service-lower {
  margin: 2em 0 5em 0;
  }
}

@media (max-width: 430px) {
  .service::before {
      right: -180px;
  }
}  

.list-service li{
  list-style-type: none;
}
.list-service li div.img-service{
  line-height:0;
}
.list-service li div.img-service img {
  width: 100%;
  border-radius: .5em .5em 0 0;
}

@media (min-width: 842px) {
  .list-service li div.img-service img {
      max-width: 100%;
  }
}





/*-----------------
COMPANY
------------------*/

.company__titleWrap {
  margin-bottom: 4em;
}
.list-company {
  width: 780px;
  margin: 0 auto;
  font-size: .875rem;
  font-weight: 500;
}
.list-company .table-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.list-company .table-row:not(:last-child) {
  border-bottom: 1px solid var(--color-blue);
}
.list-company .c-table__dt {
  flex: 0 0 calc(100% - 70%);
  max-width: calc(100% - 70%);
  margin-bottom: 0;
  line-height: 2;
}
.list-company .c-table__dd {
  flex: 0 0 calc(100% - 30%);
  margin-bottom: 0;
  padding: 30px 10px 30px 0;
  margin-left: 0;
  letter-spacing: .1em;
  line-height: 2;
}
.list-company .table-row:not(:last-child):not(:nth-last-of-type(2)) dt {
  padding: 1em 8em 1em 3.5em;
  text-align: justify;
  text-align-last: justify;
}
.list-company .table-row:last-child dt,
.list-company .table-row:nth-last-of-type(2) dt {
  padding: 30px 10px 1em 3.5em;
}
.list-company .table-row:last-child dt,
.list-company .table-row:last-child dd,
.list-company .table-row:nth-last-of-type(2) dt,
.list-company .table-row:nth-last-of-type(2) dd {
  align-self: flex-start;
}
.list-company .c-table__dd a.map{
  text-decoration: none;
}
.list-company .c-table__dd a.map span{
  padding: .3em 1em;
  border-radius: .5em;
  margin-left: 2em;
}
.list-company .c-table__dd a.map span:hover{
  background: var(--color-orange) ;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}


@media (max-width: 840px) {
  #contact::before {
    position: unset;
  }
  #contact .company__titleWrap {
    margin-bottom: 0;
  }
  .list-company {
    width: 100%;
    margin: 0 auto;
  }
  .list-company .table-row {
    display: block;
  }
  .list-company .table-row dt {
    padding: 2em 0 1em !important;
    letter-spacing: .1em;
    text-align: unset !important;
    text-align-last: unset !important;
  }
  .list-company .table-row:last-child dt,
  .list-company .table-row:nth-last-of-type(2) dt {
    max-width: 100%;
  }
  .list-company .c-table__dd {
    margin-bottom: 0;
    padding: 0 0 2em 0;
  }
  .list-company .c-table__dd a.map span{
    padding: .2em 1em;
    vertical-align: middle;
  }
}

.profile__titleWrap {
  border-radius: .5em;
}

.profile__inner {
  width: 780px;
  margin: 0 auto;
  padding: 5em 0;
}
.profile__inner .border-blue {
  border: 0.5px solid  var(--color-blue);
  margin: 2em 0;
}
.profile__inner .profile__container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.profile__inner .profile__container .profile-illust {
  width: 35%;
  padding: 2em;
}
.profile__inner .profile__container .profile-illust {
  width: 35%;
  padding: 2em;
}
.profile__inner .profile__container .profile-text {
  width: 65%;
  padding: 2em;
  line-height: 2;
  font-weight: 600;
}
.profile__inner .profile__container .profile-text .name {
  font-size: 20px;
  margin-bottom: 1em;
}

@media (max-width: 840px) {
  .profile__inner {
    width: 90%;
    margin: 0 auto;
    padding: 2em 0;
  }
  .profile__inner .profile__container {
    display: block;
    margin: 0 auto;
  }
  .profile__inner .profile__container .profile-illust {
    justify-content: center;
    display: flex;
    width: 50%;
    padding: 0;
    margin: 0 auto 2em;
  }
  .profile__inner .profile__container .profile-text {
    width: 100%;
    padding: 0;
  }
  .profile__inner .profile__container .profile-text .name {
    font-size: 24px;
    margin-bottom: .5em;
  }
}





/*-----------------
CONTACT
------------------*/


#contact::before {
  position: absolute;
  top: 100px;
  left: -180px;
  width: 500px;
  height: 250px;
  content: "";
  z-index: 0;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 148.39 71.35"><path fill="%23E95513" d="M148.37 43.99c-.33-1.49-1.18-2.57-2.4-3.04-1.28-.5-2.8-.24-4.14.7-3.56 2.42-7.78 5.14-12.26 7.08-2.24 1.36-3.85 1.84-4.78 1.43-1.17-.51-1.59-2.63-2.03-4.86-.44-2.22-.93-4.74-2.34-6.52-3.53-4.44-10.81-3.37-16.93-.71.82-6.97-1.76-10.64-4.17-12.52-5.57-4.35-15.02-3.35-22.31-.37.05-.4.12-.82.19-1.26.26-1.63.55-3.48.21-4.98v-1.35c-.59-7.03-3.33-12.06-8.13-14.93-6.45-3.87-16.5-3.49-26.88.99C26.18 10.68 12.42 22.5 2.54 37.9c-.16.34-.37.71-.59 1.13C.92 40.95-.5 43.57.17 45.78c.31 1.01 1.01 1.82 2.2 2.44 1.38.48 2.85.2 4.03-.76 1.24-1.02 1.98-2.63 1.88-4.08.91-1.68 2.19-3.23 3.43-4.73.74-.89 1.47-1.78 2.12-2.68 9.71-12.45 21.73-21.31 35.7-26.31 7.64-2.54 13.4-2.23 16.66.91 3.57 3.44 4.14 10.19 1.62 19.03-9.9 6.69-16.66 12.51-21.89 18.84L45 49.55c-4.37 5.22-12.5 14.95-6.84 20.52 1.24.92 2.62 1.28 4.04 1.28 3.72 0 7.75-2.49 10.46-4.16l.32-.2C65.25 59.3 71.57 45.6 74.72 35.35c4.01-2.63 8.45-3.71 12.92-4.65 3.54-.2 5.79.3 6.92 1.58 1 1.13 1.25 2.96.74 5.65-.81 3.15-1.65 6.42-3.25 8.84-.66.83-1.67 1.87-2.75 2.97-3.79 3.87-8.98 9.17-6.56 13.8.94 1.48 2.24 1.81 3.03 1.76 2.46-.03 5.05-2.61 5.98-4.07 1.67-1.56 2.87-3.49 4.02-5.35 1.31-2.11 2.54-4.1 4.45-5.61 3.47-3.39 9.12-6.99 13.78-6.21.54.64.68 1.71.82 2.84.11.81.21 1.66.45 2.29.64 3.51 2.43 6.3 5.05 7.85 2.52 1.5 5.68 1.74 8.96.65l1.42-.64c9.27-4.13 17.83-8.56 17.66-12.92 0-.05 0-.1-.02-.15h.03Zm-85.2-1c-.59 1.17-1.28 2.31-1.74 3.07 0 0-.02.03-.03.05-3.43 6.6-8.89 12.12-15.21 15.46 3.17-5.41 7.61-9.94 11.3-13.42.86-.99 1.84-1.89 3.03-2.79l.57-.65c.68-.6 1.38-1.17 2.09-1.72Z" /></svg>');
  background-repeat: no-repeat;
}
#contact .btn,
#contact a.btn,
#contact button.btn {
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  font-family: var(--font-en) ;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 25px;
}
#contact .btn--orange,
#contact a.btn--orange {
  background-color: var(--color-orange) ;
  justify-content: center;
  align-items: center;
  display: flex;
  width: 350px;
  margin: 0 auto;
}
#contact .btn--orange:hover,
#contact a.btn--orange:hover {
  background: #ed956d;
}
#contact a.btn--radius {
  border-radius: 100vh;
}

@media (max-width: 900px) {
  #contact::before {
    position: unset;
  }
}
@media (max-width: 840px) {
  #contact .company__titleWrap {
    margin-bottom: 0;
  }
  #contact .btn--orange, #contact a.btn--orange {
    width: 80%;
    max-width: 400px;
    margin: 0 auto;
    font-size: 4vw;
  }
}





/*-----------------
FOOTER
------------------*/
footer{
  background: var(--color-gray) ;
}

footer .footer-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
footer .footer-container .footer--logo {
  width: 11%;
  margin-right: 2em;
}
footer .footer-container .footer--text {
  width: 30%;
}
footer .footer-container .footer--icon {
  width: 5%;
  margin-left: auto
}
footer .footer-container .footer--icon a{
  display: block;
}
footer .footer-container .footer--icon a svg,
#global-nav li a svg {
  fill: currentColor;
  color: var(--color-white);
  transition: color .5s;
}
footer .footer-container .footer--icon a svg:hover {
  color: var(--color-orange);
}

@media (max-width: 840px) {
  footer .footer-container {
    display: block;
  }
  footer .footer-container .footer--logo {
    width: 30vw;
    max-width: 100px;
    margin: 0 auto 2em;
  }
  footer .footer-container .footer--text {
    width: 70vw;
    max-width: 100%;
    margin: 0 auto 3em;
  }
  footer .footer-container .footer--icon {
    width: 50px;
    margin: 0 auto;
  }
  .copyright-text{
    line-height: 2;
    font-size: 3vw;
  }
}





/*-----------------
News
------------------*/

#news h3.title-heading {
  margin-bottom: .5em;
  font-size: 20px;
  font-family: var(--font-js) ;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  letter-spacing: .05em;
  line-height: 2em;
}
#news button{
    padding: 10px 2em;
    background-color: #fff;
    color: var(--color-blue);
    border: 1px solid var(--color-blue);
    text-align: center;
    text-decoration: none;
    font-size: 15px;
    cursor: pointer;
    transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
}
button:hover{
    padding: 10px 2em;
    background-color: var(--color-orange);
    color: var(--color-white);
    border: 1px solid var(--color-white);
}
.news-list-single a{
    text-decoration: none;
    padding: 1em 1em;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--color-blue) ;
    font-family: var(--font-js);
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    letter-spacing: .1em;
    transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
}
.news-list-single a:hover{
    background: #036eb712;
}
.news-list-single a .news_date {
    margin-right: 40px;
    font-weight: 500;
    white-space: nowrap;
    width: 5em;
}
.news-list-single a .news_title {
    padding-right: 1.5em;
    width: 80%;
    width: -webkit-calc(100% - 7em - 40px);
    width: -moz-calc(100% - 7em - 40px);
    width: calc(100% - 7em - 40px);
    font-size: 16px;
}
.news-list-single li:not(:last-child) {
  border-bottom: 1px solid  var(--color-blue);
}

#news .main-content img{
  max-width: 100%;
  height: auto;
}

.news-list a{
    text-decoration: none;
    color: var(--color-white);
    font-family: var(--font-js);
    font-optical-sizing: auto;
    font-style: normal;
    letter-spacing: .1em;
    transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
}
.news-list a:hover{
    background: #ffffff3b;
}
.news-list a .news_date {
    line-height: 1.5em;
    font-weight: 500;
}
.news-list a .news_title {
    line-height: 1.5em;
    font-size: 16px;
}
.news-list a .news_content {
    font-size: 15px;
    font-weight: 300;
}
@media (max-width: 840px) {
  .news-list a .news_content {
    font-size: 13px;
  }
}