@charset "UTF-8";
/*基本の青*/
/*基本の青2*/
/*基本のグレー*/
/*薄い青*/
/*薄い青2*/
/*黄色*/
/*薄い黄色*/
/*茶色*/
/*明るい青*/
/*薄い黄色2*/
/*薄いグレー*/
BODY {
  background: #fff;
  font-style: normal;
  font-weight: normal;
  text-align: center;
  text-indent: 0pt;
  letter-spacing: 0em;
  color: #333;
  font-size: 100%;
  line-height: 1.6;
  margin: 0;
  padding: 0;
  font-family: 'メイリオ', Meiryo,'ヒラギノ角ゴシック','Hiragino Sans',sans-serif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

a {
  outline: none; }

a:link {
  color: #333;
  text-decoration: none; }

a:visited {
  color: #333; }

a:hover {
  color: #333;
  text-decoration: none; }

a:active {
  color: #333;
  text-decoration: none; }

.is-fixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999; }

#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 999999999; }

#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #fff;
  z-index: 2; }

#pageTop {
  position: fixed;
  bottom: 40px;
  right: 10px; }
  #pageTop a {
    display: block;
    z-index: 999;
    padding: 14px 0 0 2px;
    width: 65px;
    height: 65px;
    line-height: 1.4;
    background-color: #CCC;
    border-radius: 50%;
    border: 1px #fff solid;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    cursor: pointer; }
    #pageTop a:before {
      content: '\f077';
      font-family: 'Font Awesome 5 Free';
      font-weight: 900;
      padding: 0;
      margin: 0 auto;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center; }
  #pageTop a:hover {
    text-decoration: none;
    opacity: 0.7; }

.btn-pagetop {
  transition: all .7s;
  pointer-events: none;
  opacity: 0; }

.pageTopBtn-in {
  opacity: 1;
  pointer-events: auto; }

.fb:before {
  font-family: "FontAwesome"; }

nav.NavMenu {
  display: none; }

#contens {
  position: relative; }

header {
  top: 0; }
  header a:link {
    color: #fff;
    text-decoration: none; }
  header a:visited {
    color: #fff; }
  header a:hover {
    color: #fff;
    text-decoration: none; }
  header a:active {
    color: #fff;
    text-decoration: none; }
  header #headinner {
    width: 100%;
    margin: 0 auto;
    position: relative; }
    header #headinner #logo {
      position: absolute;
      top: -40px;
      left: -40px;
      z-index: 9999; }
      header #headinner #logo h1 {
        line-height: 1;
        font-size: 1em;
        padding: 0;
        margin: 0; }
    header #headinner #splogo {
      display: none; }
    header #headinner nav#pc_nav {
      position: absolute;
      color: #fff;
      z-index: 999;
      background-color: rgba(0, 0, 0, 0.7);
      top: 60px;
      right: 0px;
      text-align: right;
      padding: 10px 40px; }
      header #headinner nav#pc_nav a {
        display: inline-block; }
      header #headinner nav#pc_nav img {
        margin-right: 20px;
        margin-bottom: 5px;
        width: 155px;
        vertical-align: text-bottom; }
        header #headinner nav#pc_nav img.enlogo {
          width: 300px;
          margin-bottom: 15px; }
        header #headinner nav#pc_nav img.indexlogo {
          margin-bottom: 19px; }
      header #headinner nav#pc_nav ul {
        display: inline-block; }
      header #headinner nav#pc_nav li {
        display: inline-block;
        line-height: 1;
        margin: 0 10px; }
        header #headinner nav#pc_nav li a {
          border-bottom: 5px rgba(118, 116, 54, 0) solid; }
          header #headinner nav#pc_nav li a:hover {
            border-bottom: 5px rgba(118, 116, 54, 0.7) solid; }
    header #headinner .medicalpersonnelbtn {
      position: absolute;
      z-index: 3;
      top: 120px;
      right: 0px;
      text-align: right; }
      header #headinner .medicalpersonnelbtn a {
        padding: 10px 40px;
        display: block;
        background-color: rgba(118, 116, 54, 0.7);
        border-top-left-radius: 30px;
        border-bottom-left-radius: 30px; }
        header #headinner .medicalpersonnelbtn a i {
          font-size: 2em;
          margin-right: 20px; }
        header #headinner .medicalpersonnelbtn a:hover {
          background-color: rgba(118, 116, 54, 0.9);
          border-top-left-radius: 30px;
          border-bottom-left-radius: 30px; }
    header #headinner .Toggle {
      display: none; }
    header #headinner #language {
      position: absolute;
      top: 0px;
      right: 10px;
      text-align: right;
      z-index: 999; }
      header #headinner #language li {
        display: inline-block;
        margin: 0 3px; }
        header #headinner #language li a {
          padding: 10px 20px 10px 20px;
          display: block;
          background-color: rgba(255, 255, 255, 0.5);
          border-bottom-right-radius: 10px;
          border-bottom-left-radius: 10px;
          border-left: 1px #fff solid;
          border-right: 1px #fff solid;
          border-bottom: 1px #fff solid; }
        header #headinner #language li a:link {
          color: #333;
          text-decoration: none; }
        header #headinner #language li a:visited {
          color: #333; }
        header #headinner #language li a:active {
          color: #333;
          text-decoration: none; }
        header #headinner #language li.act {
          padding: 10px 20px 10px 20px;
          background-color: rgba(0, 91, 172, 0.5);
          color: #fff;
          border-bottom-right-radius: 10px;
          border-bottom-left-radius: 10px;
          border-left: 1px #fff solid;
          border-right: 1px #fff solid;
          border-bottom: 1px #fff solid; }

section {
  margin-bottom: 40px; }

.effect-fade {
  opacity: 0;
  transform: translate(0, 45px);
  transition: all 300ms; }

.effect-fade.effect-scroll {
  opacity: 1;
  transform: translate(0, 0);
  transition-duration: 3s; }

.contentsbase {
  width: 1179px;
  margin: 0 auto; }

footer {
  background-color: #505050;
  padding: 80px 0;
  margin-top: 100px; }
  footer a:link {
    color: #fff;
    text-decoration: none; }
  footer a:visited {
    color: #fff; }
  footer a:hover {
    color: #fff;
    text-decoration: none; }
  footer a:active {
    color: #fff;
    text-decoration: none; }
  footer .link01 a:before {
    content: '\f0da';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 10px; }
  footer .link02 {
    margin-left: 20px; }
    footer .link02 a:before {
      content: '\f054';
      font-family: 'Font Awesome 5 Free';
      font-weight: 900;
      margin-right: 10px;
      font-size: 0.8em; }
  footer .link03 {
    margin-left: 40px; }
    footer .link03 a:before {
      content: '\f061';
      font-family: 'Font Awesome 5 Free';
      font-weight: 900;
      margin-right: 10px;
      font-size: 0.8em; }
  footer .footerinner {
    max-width: 1179px;
    margin: 0 auto;
    text-align: left; }
    footer .footerinner li {
      display: inline-block;
      margin-right: 10px; }
  footer .copyrught {
    border-top: 1px #707070 solid;
    padding-top: 40px;
    margin-top: 40px;
    color: #fff; }

ul.disclist {
  text-align: left; }
  ul.disclist li {
    list-style: disc;
    margin-left: 20px; }

ul.checklist {
  text-align: left; }
  ul.checklist li {
    padding-left: 1.5em;
    text-indent: -1.5em;
    margin-left: 5px; }
    ul.checklist li:before {
      content: '\f14a';
      font-family: 'Font Awesome 5 Free';
      font-weight: 900;
      margin-right: 10px; }

ul.marklist {
  text-align: left; }
  ul.marklist li {
    padding-left: 1em;
    text-indent: -1em; }

ul.marunumberlist {
  text-align: left; }
  ul.marunumberlist li {
    padding-left: 1.3em;
    text-indent: -1.3em; }

.textred {
  color: #b60909; }

ul.diskli {
  list-style: disc;
  margin-left: 20px;
  text-align: left; }
  ul.diskli li {
    margin-bottom: 10px; }

.innercontents {
  margin-bottom: 40px; }

/* -------------------------------sp--------------------------------------------- */
@media screen and (max-width: 1179px) {
  header #headinner {
    max-width: 100%; }
    header #headinner #logo {
      bottom: -40px;
      left: 10px; }

  .contentsbase {
    width: 100%; }

  footer .footerinner {
    width: 95%;
    margin: 0 auto; } }
@media screen and (max-width: 812px) {
  body {
    font-size: 90%; }

  h1 {
    margin: 0; }

  nav#pc_nav {
    display: none; }

  #fixedBox {
    display: none; }

  .effect-fade {
    opacity: 1; }

  body.fixbody {
    overflow: hidden;
    height: 100vh; }

  /*ハンバーガーメニュー*/
  .menu-trigger {
    display: inline-block;
    width: 46px;
    height: 40px;
    vertical-align: middle;
    cursor: pointer;
    position: fixed;
    top: 10px;
    right: 0px;
    z-index: 100;
    transform: translateX(0);
    transition: transform .5s;
    background-color: #103089;
    color: #fff;
    padding: 5px; }

  .menu-trigger.active {
    transform: translateX(-250px);
    background-color: #fff; }

  .menu-trigger p {
    position: relative;
    height: 28px; }

  .menu-trigger span {
    display: inline-block;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #fff; }

  .menu-trigger.active span {
    background-color: #fff; }

  .menu-trigger span:nth-of-type(1) {
    top: 0; }

  .menu-trigger.active span:nth-of-type(1) {
    transform: translateY(12px) rotate(-45deg); }

  .menu-trigger span:nth-of-type(2) {
    top: 12px; }

  .menu-trigger.active span:nth-of-type(2) {
    opacity: 0; }

  .menu-trigger span:nth-of-type(3) {
    bottom: 0; }

  .menu-trigger.active span:nth-of-type(3) {
    transform: translateY(-12px) rotate(45deg); }

  .menu-trigger.active span {
    background-color: #103089; }

  .overlay {
    content: "";
    display: block;
    width: 0;
    height: 0;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
    transition: opacity .5s; }

  .overlay.open {
    width: 100%;
    height: 100%;
    opacity: 1; }

  nav.sp_menu {
    width: 250px;
    height: 100%;
    padding-top: 70px;
    background-color: #fff;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10;
    transform: translate(250px);
    transition: all .5s;
    overflow: scroll; }

  nav.sp_menu.open {
    transform: translateZ(0); }

  nav.sp_menu li {
    color: #fff;
    text-align: center;
    border-bottom: 1px #fff solid; }
    nav.sp_menu li a {
      background-color: #103089;
      display: block;
      padding: 10px;
      text-align: left; }
    nav.sp_menu li p {
      color: #fff; }
      nav.sp_menu li p.toggle {
        color: #103089; }

  header #headinner #logo {
    top: 10px;
    left: 50%;
    transform: translateX(-50%); }
    header #headinner #logo img {
      width: 80px; }
  header #headinner #logoname {
    left: 50%;
    transform: translateX(-50%); }
  header #headinner #language {
    display: none; }
  header #headinner #splogo {
    display: block;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 10;
    width: 200px; }
    header #headinner #splogo.enlobobox {
      width: 300px; }
    header #headinner #splogo img {
      width: 100%; }
  header #headinner .medicalpersonnelbtn {
    top: 80px;
    left: 50%;
    transform: translateX(-50%);
    width: 90%; }
    header #headinner .medicalpersonnelbtn a {
      border-top-right-radius: 30px;
      border-bottom-right-radius: 30px;
      text-align: center; }
  header .languagesp {
    margin: 40px auto;
    width: 80%;
    display: flex;
    justify-content: space-between; }
    header .languagesp div {
      width: 45%;
      background-color: #ccc;
      color: #103089; }
      header .languagesp div.act {
        background-color: #005BAC;
        color: #fff;
        padding: 10px; }
      header .languagesp div a {
        padding: 10px;
        border: 1px #fff solid;
        display: block; }

  footer {
    padding: 10px 0 100px 0;
    margin-top: 80px; }
    footer .copyrught {
      font-size: 0.8em; }
    footer .footerinner {
      width: 100%;
      display: block; }
      footer .footerinner .footerinner_a {
        width: 100%; }
      footer .footerinner .footerinner_b {
        width: 100%; }
      footer .footerinner .footerinner_c {
        width: 100%; }
      footer .footerinner li {
        border-bottom: 1px #fff solid;
        padding-bottom: 5px;
        padding-top: 5px;
        display: block; }
        footer .footerinner li a {
          padding: 10px;
          position: relative;
          display: block; }
    footer .link01 a:before {
      display: none; }
    footer .link02 a:before {
      display: none; }
    footer .link03 a:before {
      display: none; }
    footer .link02 {
      margin-left: 0;
      padding-left: 20px; }
    footer .link03 {
      margin-left: 0;
      padding-left: 40px; }
    footer .link01 a:after {
      content: '\f105';
      font-family: 'Font Awesome 5 Free';
      font-weight: 900;
      margin-left: 10px;
      position: absolute;
      right: 10px;
      top: 50%;
      transform: translateY(-50%);
      font-size: 1.4em; }
    footer .link02 a:after {
      content: '\f105';
      font-family: 'Font Awesome 5 Free';
      font-weight: 900;
      margin-left: 10px;
      position: absolute;
      right: 10px;
      top: 50%;
      transform: translateY(-50%);
      font-size: 1.4em; }
    footer .link03 a:after {
      content: '\f105';
      font-family: 'Font Awesome 5 Free';
      font-weight: 900;
      margin-left: 10px;
      position: absolute;
      right: 10px;
      top: 50%;
      transform: translateY(-50%);
      font-size: 1.4em; }
    footer .link01.fnavtoggle a:after {
      content: '\f055';
      font-family: 'Font Awesome 5 Free';
      font-weight: 900;
      margin-left: 10px;
      position: absolute;
      right: 10px;
      top: 50%;
      transform: translateY(-50%);
      font-size: 1.4em; }
    footer .link01.fnavtoggle.active a:after {
      content: '\f056';
      font-family: 'Font Awesome 5 Free';
      font-weight: 900;
      margin-left: 10px;
      position: absolute;
      right: 10px;
      top: 50%;
      transform: translateY(-50%);
      font-size: 1.4em; }
    footer .fsublink {
      display: none;
      background-color: #CBE9FF; }
      footer .fsublink a {
        color: #103089; } }