@charset "UTF-8";
/* CSS Document */

/*@import url('https://fonts.googleapis.com/css2?family=Gentium+Book+Plus&family=Raleway:wght@300;500;800&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;500&display=swap');

header ul.uk-navbar-nav li a {
  font-size: 1rem;
}
.uk-offcanvas-bar {
    background-color: #EBEAE5;
}
.uk-offcanvas-bar .uk-nav-default > li > a,
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a,
.uk-offcanvas-bar .uk-nav-default > li > a:visited,
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:visited{
    color: rgba(0, 0, 0, 0.8);
}
.uk-offcanvas-bar .uk-nav-default > li.uk-active > a {
    color: #000;
}

.uk-heading-bullet::before {
    content: "";
    display: inline-block;
    position: relative;
    top: calc(-0.1 * 1em);
    vertical-align: middle;
    height: calc(4px + 0.7em);
    margin-right: calc(5px + 0.2em);
    border-left: calc(5px + 0.1em) solid #272727;
}

.uk-heading-line > ::before, .uk-heading-line > ::after {
    content: "";
    position: absolute;
    top: calc(50% - (calc(0.2px + 0.05em) / 2));
    width: 2000px;
    border-bottom: 1px solid #272727;
}
.uk-table th {

    color: #272727;
    text-transform: none;
}

html {
  font-family: 'Noto Sans', sans-serif;

  color: #272727;

}
body {
  background-color: #FAFAF5;
}

footer {
  background-color: #EBEAE5;
}

.contactWrapper span {
  background-color: #E60012;
  padding: .3rem;
  color: #fff;
}



.index__menu {
  background-color: #fff;
  border: solid  1px #EBEAE5;
}

.index__menu.uk-padding {
  padding: 30px;
}


@media (max-width: 959px) {
#page\#0-0-1-1.uk-container-item-padding-remove-right {
    width: 100%;
    margin-right: 0;
}
  }

.uk-navbar-dropbar {
    background: rgba(0,0,0,0.8);
}

.uk-navbar-dropdown-nav > li > a {
    color: #fff;
}


a.company__menu:hover {
animation-name: company_menu;/*1で解説*/
animation-fill-mode:forwards;
animation-duration:.5s;
animation-iteration-count:1;
animation-timing-function:ease;
animation-direction:normal;
}



@keyframes company_menu{
  from {
  }
  to {
  background-color: rgba(255,255,255,0.6);
  }
}

#page__title {
  background-color: rgba(255,255,255,.8);
  padding: 2vw;
  margin-bottom: 10vw;
}



#page__title h1 {
 color: #e60013;
  font-family: 'Gentium Book Plus', serif;
  font-size: calc(1em + 1vw);
  margin-bottom: 0;
}

#page__title__small h1 {
 color: #e60013;
  font-family: 'Gentium Book Plus', serif;
  font-size: calc(1em + 1vw);
  margin-bottom: 0;
}


#page__title__v2,
.page__title__v2{
  padding:  2vw 2vw 2vw 0vw;
  margin-bottom: 5vw;
  /*border-bottom: solid 1px #e5e5e5;*/
}
#page__title__v2 h1
{
  margin-bottom: 0;
}

#page__title__small__v2 h1 {
 color: #e60013;
  margin-bottom: 0;
}


#page__title__v3,
.page__title__v3{
  padding: 2vw 0vw;
  margin-bottom: 0px;
}

.h1title {
  color: #e60013;
}

.h1title.uk-heading-line > ::before, 
.h1title.uk-heading-line > ::after {
    content: "";
    position: absolute;
    top: calc(50% - (calc(0.2px + 0.05em) / 2));
    width: 2000px;
    border-bottom: 1px solid #e60013;
}



#mottos {
  font-family: 'Gentium Book Plus', serif;
  line-height: 3rem;
}


#company__main {
  background-image: url("../img/img_company_top.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;

}


#company__message {
  background-image: url("../img/img_company_top.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  padding-bottom: 20vh;
}

#company__philosophy {
  background-image: url("../img/img_company_philosophy_202406.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding-bottom: 20vh;
}

#company__outline {
  background-image: url("../img/img_company_outline.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  padding-bottom: 20vh;
}

#company__history {
  background-image: url("../img/img_company_history.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  padding-bottom: 20vh;
}


#outline__content .uk-heading-line > ::before,
#outline__content .uk-heading-line > ::after {
    content: "";
    position: absolute;
    top: calc(50% - (calc(0.2px + 0.05em) / 2));
    width: 2000px;
    border-bottom: calc(0.2px + 0.05em) solid #8f8f8f;
}

#outline__content dt {
  font-weight: 800;
}

#outline__content dd {
  margin-bottom: 2rem;
}

#network .uk-drop {
    width: inherit;
}

#menu__year {
  border-bottom: solid 1px #efefef;
  border-top: solid 1px #efefef;
  padding: .5rem 0;
  background-color: #fafaf5c9;
}

#menu__year div {
  margin-bottom: 0.5rem;

}

#menu__year div a:hover {
  border-bottom: solid 2px #E60012;
  padding-bottom: .3rem;
}