/* 
* Font 
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
  
#content {
  overflow: hidden;
}

/*
** Header
*/

.fa, .far, .fas {
  font-family: "Font Awesome 5 Free" !important;
}

body {
  color: #222222;
  padding-top: 85px;
  /* padding-top: 154px; Uncomment when menu is shown*/ 
}


* {
    font-size: 18px;
    font-family: 'Noto Sans JP', sans-serif !important;
    font-weight: 400;
    font-style: normal;
}

a {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    text-decoration: none;
}

a:focus,
a:visited {
  outline: none;
}

b, strong, strong > span {
  font-weight: 600;
}

.site-btn a:hover {
    transform: scale(0.95);
}

p {
    padding: 0;
}

.navigation-inner {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.main-navigation ul li a {
    font-size: 16px;
    text-decoration: none;
}

.navigation-inner ul li {
    list-style: none;
}

.main-navigation ul {
    display: flex;
    gap: 20px;
    margin-bottom: 0;
}

/* END OF HEADER */


.copyright {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    color: #ffffff;
    background-color: #000000;
}

.sample-page {
    text-align: center;
    margin-top: 16%;
    margin-bottom: 16%;
    width: 30%;
    margin-left: auto;
    margin-right: auto;
}

/*
** Button
*/

.site-btn > a {
    background-color: #7EAC02 !important;
    color: #ffffff!important;
    border-radius: 5px;
    margin-left: 15px;
    margin-right: 15px;
    background-image: none !important;
    font-size: 16px !important;
    font-weight: 600;
    text-transform: uppercase;
    border: none !important;
    padding: 15px 50px 15px 20px !important;
    position: relative;
    letter-spacing: .5px;
    min-width: 180px;
}

.site-btn > a > i { 
  right: 20px;
  display: block;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: auto !important;
}


.site-btn > a:hover {
    background-color: #222222 !important;
    color: #ffffff !important;
}

.btn-inline {
    display: inline-block;
}

.btn-wrapper.btn-inline {
  position: relative;
  z-index: 2;
  padding-bottom: 80px;
}

.btn-wrapper {
  text-align: center;
}

/* TEXT */

.text-green p,
.text-half-green span.is-bold {
  color: #719A04;
  font-weight: 600 !important;
}


/* SPACING */

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.pb-80 {
  padding-bottom: 80px;
}

.mb-50 {
  margin-bottom: 50px;
}

.pb-100 {
  padding-bottom: 100px;
}

/* CUSTOM LIST ARROW */

.c-list-arrow ul {
  list-style: none;
  margin-left: 20px;
}

.c-list-arrow ul li {
  position: relative;
  margin-bottom: 15px;
}

.c-list-arrow ul li:before {
  content: url('../img/list-right-arrow.svg');
  position: absolute;
  left: -28px;
  top: 0;
  bottom: 0;
}

/* MENU */

#primary-menu li.current-menu-parent > a,
.post-type-archive-news #primary-menu li.menu-news > a,
ul#primary-menu li.current-menu-item > a {
  color: #000000;
}

.not-found {
  padding-top: 50px;
  padding-bottom: 50px;
}

.not-found h2 {
  color: #222222;
}

.hp-reason-section h2 {
  text-transform: uppercase;
}

.row-wrapper {
    width: 100% !important;
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px;
    padding-right: 15px;
}

.header-navigation {
  padding: 10px 65px 0px;
  transition: all 0.1s cubic-bezier(.46,.03,.52,.96);
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  border-bottom:1px solid #eeeeee;
  /* background-color: #ffffff; */
}

.web-logo {
  width: 70px;
}

@media(min-width: 1051px ) {


  li.menu-item-has-children {
    position: relative;
    padding-right: 18px;
  }
  
  li.menu-item-has-children:before {
    content: '' !important;
    position: absolute;
    right: -5px;
    width: 12px;
    height: 12px;
    background-image: url(../img/down-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: .3;
  
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
  }
  
  
  li.menu-item-has-children:hover:before {
    opacity: 1;
  }
  
}


/* WP BAKERY REMOVE TAB VERTICAL ANIMATION */
.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-panel .vc_tta-panel-body,
.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-bottom .vc_tta-panel .vc_tta-panel-body {
    -webkit-transform: none; 
    -moz-transform: none; 
    -ms-transform: none; 
    -sand-transform: none; 
    -o-transform: none; 
     transform: none; 
    -webkit-transition: none; 
    -moz-transition: none; 
    -o-transition: none; 
    transition: none; 
    animation: fadein 1s;
}

@keyframes fadein {
    from { opacity: .7; }
    to   { opacity: 1; }
}

.to-top {
  display:none;
  transition: .4s;
  -webkit-transition: .4s;
  -moz-transition: .4s;

  position: fixed;
  right: 60px;
  bottom: 20px;
  width: 50px;
  height: 50px;
  background-color: #D61518;
  justify-content: center;
  align-items: center;
  z-index: 9999;
      border-radius: 5px;
}

.to-top:hover {
  background-color: #000000;
}

.to-top.show {
  display: flex;
}

/* MENU STICKY */

.sticky .header-navigation {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000;
  background-color: #fff;
  /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); */
  transition: all 0.3s ease-in-out;
  padding-top: 5px;
  padding-bottom: 0px;
}

.sticky .web-logo {
  width: 45px;
}

.sticky .pharmo-logo img {
    height: 45px;
}

.sticky #primary-menu li a {
  font-size: 14px;
}

.sticky .secondary-menu-container > ul > li > a {
  height: 45px !important;
}

.sticky .top-menu-wrapper {
  padding-bottom: 5px;
}

.sticky .mobile-menu-wrapper {
  top: 105px;
}

.sticky .mobile-menu-wrapper .close-mobile-menu {
  width: 35px;
  right: 25px;
  top: -98px;
}

.sticky .mobile-menu {
  width: 35px;
}

.banner-short-decription p > span,
.banner-short-decription p {
  font-size: 20px;
  line-height: 34px;
}