@charset "UTF-8";
/*====================================
  @import
====================================*/
/*====================================
  base
====================================*/
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
/* common------------------------------*/
body {
  font-size: 14px;
  margin: 0;
  color: #4d4d4d;
  border-top: #33ad00 4px solid;
  width: 100%;
  background-size: auto auto;
  background-color: #ffffff;
  box-sizing: border-box;
  counter-reset: number 0; }

html {
  scroll-behavior: smooth; }

img {
  outline: none;
  border-style: none; }

a {
  color: #4d4d4d; }

a:visited {
  color: #4d4d4d; }

a:hover {
  color: #ff7246; }

a[href^="tel:"] {
  text-decoration: none; }
  @media screen and (min-width: 900px) {
    a[href^="tel:"] {
      pointer-events: none; } }

ul li {
  list-style-type: none; }

@media screen and (max-width: 899px) {
  img {
    width: 100%;
    height: auto; } }

div {
  box-sizing: border-box; }

@media screen and (min-width: 900px) {
  a[href^="tel:"] {
    pointer-events: none; } }

@media screen and (min-width: 900px) {
  .spbr {
    display: none; } }

.spnone {
  display: none; }
  @media screen and (min-width: 900px) {
    .spnone {
      display: block; } }

.button {
  background: #8bc34a; }
  .button:hover {
    background: #ff7246; }

.main {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 0.6rem; }
  @media screen and (min-width: 900px) {
    .main {
      padding: 0 1.5rem; } }

.content-wrapper {
  margin-top: 1.5rem;
  padding: 0 0 3rem;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between; }

h1 {
  font-family: Noto Sans Japanese, Noto Sans JP, sans-serif;
  font-weight: 500; }

h2 {
  font-family: Noto Sans Japanese, Noto Sans JP, sans-serif;
  font-size: 1.642rem;
  font-weight: 500;
  width: 100%; }

h3 {
  font-family: Noto Sans Japanese, Noto Sans JP, sans-serif;
  font-size: 1.68em;
  font-weight: 500;
  margin: 0 0 0.4rem; }

h4 {
  font-family: Noto Sans Japanese, Noto Sans JP, sans-serif; }

.breadcrumb {
  padding: 0;
  margin-top: 8px;
  font-size: 0.8rem;
  margin-bottom: 1.5rem;
  width: 100%; }
  .breadcrumb i.fa-home {
    color: #009e3b; }
  .breadcrumb a {
    margin: 0 0.5rem; }
  .breadcrumb span {
    margin: 0 0.5rem; }

.imageFit {
  object-fit: cover;
  font-family: "object-fit: cover;"; }

.topics-mark {
  padding: 2px 6px;
  color: #fff;
  font-family: Noto Sans Japanese, Noto Sans JP, sans-serif;
  text-align: center;
  margin-right: 10px;
  font-size: 0.9em;
  line-height: 1.9em; }

.cat_general {
  background: #00ad66; }

.cat_medical {
  background: #0055ad; }

.cat_society {
  background: #9c9c9c; }

.cat_event {
  background: #57b6d6; }

.cat_release {
  background: #ff7a7a; }

a.linkCard {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.mt10 {
  margin-top: 10px; }

.mt20 {
  margin-top: 20px; }

.mt30 {
  margin-top: 30px; }

.wrapper {
  width: 100%; }

/* /common------------------------------*/
/* nav------------------------------*/
.header-nav {
  background: #fff;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  padding: 1.1rem 0rem;
  /*spnav*/ }
  @media screen and (max-width: 899px) {
    .header-nav {
      padding: 0.3rem 1rem 0; } }
  .header-nav p {
    margin: 0; }
    @media screen and (max-width: 899px) {
      .header-nav p {
        width: 70vw;
        padding: 1.3em 0 1em; } }
    .header-nav p.header-right {
      display: flex;
      justify-content: flex-end;
      align-items: flex-end; }
      @media screen and (max-width: 899px) {
        .header-nav p.header-right {
          display: none; } }
      .header-nav p.header-right a {
        margin-left: 25px; }
        .header-nav p.header-right a:last-of-type {
          display: flex;
          border-radius: 10px;
          width: 170px;
          height: 45px;
          justify-content: center;
          align-items: center;
          color: #fff;
          text-decoration: none;
          font-size: 1.05rem;
          font-weight: 500;
          font-family: Noto Sans Japanese, Noto Sans JP, sans-serif; }
    .header-nav p a {
      display: block; }
      @media screen and (max-width: 899px) {
        .header-nav p a {
          padding: 0; } }
  .header-nav #nav_toggle {
    display: block;
    width: 40px;
    height: 40px;
    position: relative;
    z-index: 100; }
    @media screen and (min-width: 900px) {
      .header-nav #nav_toggle {
        display: none; } }
    .header-nav #nav_toggle div {
      position: relative; }
    .header-nav #nav_toggle span {
      display: block;
      height: 3px;
      background: #8a8a8a;
      position: absolute;
      width: 100%;
      left: 0;
      -webkit-transition: 0.5s ease-in-out;
      -moz-transition: 0.5s ease-in-out;
      transition: 0.5s ease-in-out; }
      .header-nav #nav_toggle span:nth-child(1) {
        top: 0px; }
      .header-nav #nav_toggle span:nth-child(2) {
        top: 12px; }
      .header-nav #nav_toggle span:nth-child(3) {
        top: 24px; }
      .header-nav #nav_toggle span:nth-child(4) {
        top: 30px;
        background: none; }

nav {
  z-index: 100;
  background: #f0fae3; }
  @media screen and (min-width: 900px) {
    nav {
      margin: 0; } }
  @media screen and (max-width: 899px) {
    nav {
      display: none;
      position: absolute;
      top: 14vw;
      width: 100%;
      left: 0;
      height: 100vh;
      background: rgba(129, 129, 129, 0.5); } }
  @media screen and (max-width: 500px) {
    nav {
      top: 75px; } }
  nav ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    height: 60px;
    padding: 0;
    font-weight: 500;
    overflow: unset !important;
    *zoom: 1; }
    @media screen and (max-width: 899px) {
      nav ul {
        display: block;
        margin: 0 auto;
        width: 100%;
        border: none;
        height: auto;
        background: #fff; } }
    nav ul li {
      padding: 0 0.5rem;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 60px; }
      @media screen and (min-width: 1100px) {
        nav ul li {
          padding: 0 1.5rem; } }
      @media screen and (max-width: 899px) {
        nav ul li {
          margin: 0 auto;
          text-align: center;
          border-bottom: 1px solid #ccc;
          border-right: none;
          padding: 0.7rem; } }
      nav ul li:first-of-type:hover {
        background: #efffa9; }
      @media screen and (max-width: 899px) {
        nav ul li:first-of-type {
          border-top: 1px solid #ccc; } }
      nav ul li.menu__single {
        position: relative; }
        nav ul li.menu__single ul.menu__second-level {
          display: none; }
          @media screen and (min-width: 900px) {
            nav ul li.menu__single ul.menu__second-level {
              min-width: 300px;
              left: 20px;
              display: block;
              visibility: hidden;
              opacity: 0;
              z-index: 10;
              position: absolute;
              top: 100%;
              height: auto;
              -webkit-transition: all .2s ease;
              transition: all .2s ease; } }
          nav ul li.menu__single ul.menu__second-level.menu_2-5 {
            left: auto;
            right: 20px; }
          nav ul li.menu__single ul.menu__second-level li {
            border-bottom: 1px solid #cae064;
            background: #89b700;
            height: auto;
            padding: 0.8em 0.5em;
            font-size: 0.9em; }
            nav ul li.menu__single ul.menu__second-level li.menu-mini {
              width: 50%;
              float: left;
              border-right: 1px solid #cae064;
              background: #f2ffc1; }
              nav ul li.menu__single ul.menu__second-level li.menu-mini:last-of-type {
                height: 100%; }
              nav ul li.menu__single ul.menu__second-level li.menu-mini a {
                color: #7a9628; }
            nav ul li.menu__single ul.menu__second-level li:hover a {
              color: #ff7246;
              text-decoration: underline; }
            nav ul li.menu__single ul.menu__second-level li a {
              font-size: 0.9rem;
              font-weight: normal;
              color: #f6ffdc; }
        nav ul li.menu__single:hover {
          background: #efffa9; }
          nav ul li.menu__single:hover ul.menu__second-level {
            visibility: visible;
            opacity: 1; }
          nav ul li.menu__single:hover .menu_2-2 {
            border-left: 1px solid #cae064; }
          nav ul li.menu__single:hover .menu_2-5 {
            right: 0; }
      nav ul li a {
        font-family: Noto Sans Japanese, Noto Sans JP, sans-serif;
        text-decoration: none;
        color: #444;
        font-size: 0.95rem; }
        @media screen and (min-width: 1100px) {
          nav ul li a {
            font-size: 1.02rem; } }
        @media screen and (max-width: 899px) {
          nav ul li a {
            display: block; } }
        nav ul li a:hover {
          color: #009e3b; }
  nav .menu_form {
    background: #fff;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center; }
    @media screen and (min-width: 900px) {
      nav .menu_form {
        display: none; } }
    nav .menu_form .button {
      display: block;
      width: 230px;
      color: #fff;
      text-decoration: none;
      margin: 1em 0;
      text-align: center;
      padding: 0.9em;
      font-family: Noto Sans Japanese, Noto Sans JP, sans-serif;
      font-size: 0.95rem; }

/*spnav_button_open*/
.header-nav.open #nav_toggle span:nth-child(1) {
  top: 12px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  transform: rotate(135deg); }
.header-nav.open #nav_toggle span:nth-child(2) {
  width: 0;
  left: 50%; }
.header-nav.open #nav_toggle span:nth-child(3) {
  top: 12px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  transform: rotate(-135deg); }
.header-nav.open #nav_toggle span:nth-child(4) {
  display: none; }

/* /nav------------------------------*/
/* top------------------------------*/
.main-image {
  width: 100%; }
  .main-image .swiper-wrapper {
    max-width: 1100px;
    margin: 0 auto; }

.content-inner {
  width: 100%;
  margin: 1rem auto 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start; }
  @media screen and (min-width: 900px) {
    .content-inner {
      margin: 2.5rem auto 0; } }

.top-news {
  width: 95%;
  margin: 0 auto;
  overflow: hidden;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center; }
  @media screen and (min-width: 1100px) {
    .top-news {
      width: 56%;
      margin: 0; } }
  .top-news h3 {
    width: 100%;
    border-bottom: #33ad00 3px solid;
    padding-top: 0.5rem;
    padding-bottom: 0.8rem;
    padding-left: 0.8rem;
    position: relative; }
    .top-news h3 .news-list {
      font-family: Noto Sans Japanese, Noto Sans JP, sans-serif;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      align-items: center;
      padding: 0.2rem 1rem;
      height: 32px;
      text-decoration: none;
      border: #dcdcdc 1px solid;
      position: absolute;
      right: 0;
      top: 0;
      font-size: 1rem; }
      .top-news h3 .news-list:hover {
        background: #ff7246;
        color: #fff; }
      .top-news h3 .news-list i {
        margin-left: 0.5rem;
        line-height: 2.3rem;
        margin-bottom: -2px; }
  .top-news ul {
    margin-top: 0.6rem;
    margin-bottom: 0;
    padding-left: 0;
    height: 260px;
    overflow-y: scroll;
    border: #dbdbdb 1px solid; }
    @media screen and (min-width: 900px) {
      .top-news ul {
        height: 945px; } }
    .top-news ul li {
      display: flex;
      flex-flow: row wrap;
      justify-content: flex-start;
      align-items: center;
      padding: 0.8rem 1rem; }
      .top-news ul li:nth-of-type(odd) {
        background: #f0fae3; }
      .top-news ul li div:first-of-type {
        width: 100%;
        margin-bottom: 0.3rem; }
        @media screen and (min-width: 900px) {
          .top-news ul li div:first-of-type {
            width: 7em; } }
      .top-news ul li div:nth-of-type(2) {
        width: 100%;
        margin-bottom: 0.3rem; }
        @media screen and (min-width: 900px) {
          .top-news ul li div:nth-of-type(2) {
            width: 30em; } }
      .top-news ul li div:last-of-type {
        width: 100%;
        line-height: 1.4rem; }

/*.top-news*/
.top-side-wrapper {
  width: 95%;
  margin: 1.5em auto;
  overflow: hidden;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
  /*.side-menu*/
  /*.side-menu-sm*/ }
  @media screen and (min-width: 1100px) {
    .top-side-wrapper {
      width: 41%;
      margin: 0; } }
  .top-side-wrapper .side-menu {
    width: 100%;
    background: #f3f3f3;
    border: #dbdbdb 1px solid;
    padding: 0.5rem;
    position: relative;
    margin-top: 20px; }
    .top-side-wrapper .side-menu:first-of-type {
      margin-top: 0; }
    .top-side-wrapper .side-menu:hover {
      background: #abe280; }
      .top-side-wrapper .side-menu:hover h4 {
        color: #436b32; }
    .top-side-wrapper .side-menu div:first-of-type {
      width: 145px;
      margin-right: 1.1rem;
      float: left;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #fff; }
    .top-side-wrapper .side-menu div.side-icn1 {
      height: 127px; }
      @media screen and (max-width: 899px) {
        .top-side-wrapper .side-menu div.side-icn1 {
          width: 95px;
          height: 95px; } }
      @media screen and (max-width: 899px) {
        .top-side-wrapper .side-menu div.side-icn1 img {
          width: 65%;
          height: auto; } }
    .top-side-wrapper .side-menu div.side-icn2 {
      width: 100%;
      height: 177px; }
      @media screen and (max-width: 899px) {
        .top-side-wrapper .side-menu div.side-icn2 {
          height: 100%; }
          .top-side-wrapper .side-menu div.side-icn2 img {
            object-fit: contain; } }
    .top-side-wrapper .side-menu h4 {
      font-size: 1.17rem;
      border-bottom: #33ad00 1px solid;
      padding: 1rem 0 0.5rem;
      display: table-cell;
      font-family: Noto Sans Japanese, Noto Sans JP, sans-serif;
      font-weight: 500; }
      @media screen and (max-width: 899px) {
        .top-side-wrapper .side-menu h4 {
          border-bottom: none;
          padding-top: 1.4rem; } }
      @media screen and (min-width: 900px) {
        .top-side-wrapper .side-menu h4.h4-min {
          font-size: 1.05rem; } }
    .top-side-wrapper .side-menu p {
      margin-top: 0.8rem;
      line-height: 1.5em;
      margin-bottom: 0.8em; }
      @media screen and (max-width: 899px) {
        .top-side-wrapper .side-menu p {
          display: none; } }
    .top-side-wrapper .side-menu:nth-of-type(2) h4 {
      width: 70%;
      margin: 0 auto;
      display: flex;
      justify-content: center; }
    .top-side-wrapper .side-menu:nth-of-type(2) p {
      width: 90%;
      margin-left: auto;
      margin-right: auto; }
  .top-side-wrapper .side-menu-sm {
    display: flex;
    align-items: center; }
    @media screen and (max-width: 899px) {
      .top-side-wrapper .side-menu-sm {
        width: 49%; } }
    @media screen and (max-width: 500px) {
      .top-side-wrapper .side-menu-sm {
        width: 100%; } }
    .top-side-wrapper .side-menu-sm h4 {
      border: none;
      padding: 0; }
    .top-side-wrapper .side-menu-sm div.side-icn3 {
      height: 68px; }
      @media screen and (max-width: 899px) {
        .top-side-wrapper .side-menu-sm div.side-icn3 {
          width: 95px;
          height: 60px; } }
      .top-side-wrapper .side-menu-sm div.side-icn3 i {
        color: #008e2f;
        font-size: 3rem; }
      @media screen and (max-width: 899px) {
        .top-side-wrapper .side-menu-sm div.side-icn3 img.side-icn-support {
          width: 70%;
          height: auto; } }

/*.top-side-wrapper*/
.top-bnr-wrapper {
  width: 95%;
  margin: 1.5em auto; }
  @media screen and (min-width: 900px) {
    .top-bnr-wrapper {
      margin: 0 auto 1.5em; } }
  @media screen and (min-width: 1100px) {
    .top-bnr-wrapper {
      width: 100%;
      margin: 0 0 2rem; } }
  .top-bnr-wrapper ul {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin-bottom: -25px; }
    @media screen and (min-width: 900px) {
      .top-bnr-wrapper ul {
        width: calc(100% + 25px);
        margin-left: -25px;
        justify-content: center; } }
    .top-bnr-wrapper ul li {
      width: 47%;
      height: 90px;
      border-radius: 10px;
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
      align-items: center;
      font-size: .95em;
      font-weight: bold;
      text-align: center;
      margin-bottom: 22px;
      padding: 10px 0;
      position: relative;
      /*
      &:nth-of-type(1){
        background: #fff url(/assets/images/top/icn_btn1.svg) no-repeat center center;
        background-size: 80% 80%;
        &:hover{
          background: #abe280 url(/assets/images/top/icn_btn1_hover.svg) no-repeat center center;
          background-size: 80% 80%;
        }
      }
      &:nth-of-type(1){
        background: #fff url(/assets/images/top/icn_btn2.svg) no-repeat center center;
        background-size: 80% 80%;
        &:hover{
          background: #abe280 url(/assets/images/top/icn_btn2_hover.svg) no-repeat center center;
          background-size: 80% 80%;
        }      }
        */ }
      @media screen and (min-width: 900px) {
        .top-bnr-wrapper ul li {
          min-width: 200px;
          width: 18%;
          margin-left: 22px;
          font-size: 1.1em; } }
      .top-bnr-wrapper ul li.miniBtn_pa {
        border: 2px solid #83c368; }
        .top-bnr-wrapper ul li.miniBtn_pa:hover {
          background: #abe280; }
      .top-bnr-wrapper ul li.miniBtn_md {
        border: 2px solid #687dc3; }
      .top-bnr-wrapper ul li:nth-of-type(1) {
        background: #fff url(/assets/images/top/icn_btn3.svg) no-repeat center center;
        background-size: 80% 80%; }
        .top-bnr-wrapper ul li:nth-of-type(1):hover {
          background: #afd3ff url(/assets/images/top/icn_btn3_hover.svg) no-repeat center center;
          background-size: 80% 80%; }
      .top-bnr-wrapper ul li:nth-of-type(2) {
        background: #fff url(/assets/images/top/icn_btn4.svg) no-repeat center center;
        background-size: 80% 80%; }
        .top-bnr-wrapper ul li:nth-of-type(2):hover {
          background: #afd3ff url(/assets/images/top/icn_btn4_hover.svg) no-repeat center center;
          background-size: 80% 80%; }
      .top-bnr-wrapper ul li:nth-of-type(3) {
        background: #fff url(/assets/images/top/icn_btn5.svg) no-repeat center center;
        background-size: 80% 80%; }
        .top-bnr-wrapper ul li:nth-of-type(3):hover {
          background: #afd3ff url(/assets/images/top/icn_btn5_hover.svg) no-repeat center center;
          background-size: 80% 80%; }
    .top-bnr-wrapper ul .smallTxt {
      font-size: 90%;
      line-height: 1.5em; }
      @media screen and (min-width: 900px) {
        .top-bnr-wrapper ul .smallTxt {
          font-size: 94%; } }
      .top-bnr-wrapper ul .smallTxt span {
        font-size: .95em; }

/*.top-side-wrapper*/
.seminar_btn {
  min-width: 300px;
  margin: 10px auto;
  border: 2px solid #b27d59;
  border-radius: 10px;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  display: inline-block;
  background: #fff url(/assets/images/top/icn_seminar.svg) no-repeat center center;
  background-size: 80% 80%; }

.seminar_btn span {
  font-size: 0.8em; }

.seminar_btn:hover {
  background: #f7ceb7 url(/assets/images/top/icn_seminar_hover.svg) no-repeat center center;
  background-size: 80% 80%; }

.seminar_btn a {
  padding: 20px 10px;
  display: block;
  text-decoration: none; }

.seminar_btn a:hover {
  color: #4d4d4d; }

.questionnaire_btn {
  min-width: 340px;
  margin: 10px auto;
  border: 2px solid #687dc3;
  border-radius: 10px;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  display: inline-block;
  background: #687dc3 url(/assets/images/top/icn_seminar.svg) no-repeat center center;
  background-size: 80% 80%;
}
.questionnaire_btn span {
  font-size: 0.8em; }

.questionnaire_btn:hover {
  background: #afd3ff url(/assets/images/top/icn_seminar_hover.svg) no-repeat center center;
  background-size: 80% 80%; }

.questionnaire_btn a {
  color: #fff;
  padding: 20px 10px;
  display: block;
  text-decoration: none; }

.questionnaire_btn a:hover {
  color: #4d4d4d; }
/*.top-bnr-wrapper */
/* 下部にバナー３つならべ
.top-bnr-wrapper{
  width: 95%;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin: 0 auto 1.5em;
  @include mq(lg){
    width: 100%;
    margin: 2rem 0;
  }
  .top-bnr{
    padding: 10px;
    margin-bottom: 20px;
    background: #fff6de;
    border:#dbdbdb 1px solid;
    position: relative;
    @include mq(){
      width: 32.5%;
      height: 154px;
    }
    @include mq(mdx){
      // width:355px;
      width: 49%;
    }
    @include mq(sm){
      width: 100%;
    }
    &:hover{
      background: #ffd282;
      p{
        a{
          color: $hoverColor;
        }
      }
    }
    &:last-of-type{
      padding: 0;
      background: url(/assets/images/top/top_bnr_img3.png),linear-gradient(#fee9ad,#fcbb49);
      background-repeat: no-repeat;
      background-position: 5% 50%;
      @include mq(mdx){
        // width: 100%;
        height: auto;
        padding: 2em 0.5em;
        margin-bottom: 0;
      }
      p{
        height: 100%;
        align-items: center;
        display: flex;
        padding-left: 17%;
        font-size: 1.25rem;
        @include mq(mdx){
          font-size: 1.1rem;
        }
      }
      &:hover{
        background: url(/assets/images/top/top_bnr_img3.png),linear-gradient(#ff7246, #ff7246);
        background-repeat: no-repeat;
        background-position: 5% 50%;
        p{
          a{
            color: #fff;
          }
        }
      }
    }
    p{
      font-size: 1.15em;
      width: 100%;
      text-align: center;
      line-height: 1.4em;
      font-family: $notosans;
      font-weight: 500;
      a{
        text-decoration: none;
      }
    }
    img.imageFit{
      width: 100%;
    }
  }
}.top-bnr-wrapper*/
#medical {
  border: #dbdbdb 1px solid;
  background: #f3f3f3;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin-top: 1.5em; }
  @media screen and (min-width: 1100px) {
    #medical {
      margin-top: 2em; } }
  @media screen and (max-width: 899px) {
    #medical {
      width: 95%;
      margin: 1.5em auto 0; } }
  #medical h3 {
    width: 95%;
    border-bottom: #0055ad 3px solid;
    padding-top: 1.3rem;
    padding-bottom: 0.8rem;
    padding-left: 1.2rem; }
    @media screen and (min-width: 1100px) {
      #medical h3 {
        width: 60%; } }
  #medical ul {
    width: 90%;
    margin: 2rem auto 1.5rem;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center; }
    @media screen and (max-width: 899px) {
      #medical ul {
        width: 95%;
        margin: 1em auto; } }
    #medical ul li {
      font-family: Noto Sans Japanese, Noto Sans JP, sans-serif;
      font-size: 1.12rem;
      font-weight: 500;
      background: #fff;
      width: 320px;
      height: 90px;
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
      align-items: center;
      padding: 0 20px;
      margin-bottom: 1.2rem;
      position: relative; }
      @media screen and (max-width: 899px) {
        #medical ul li {
          width: 49%; } }
      @media screen and (max-width: 500px) {
        #medical ul li {
          width: 100%; } }
      #medical ul li i {
        color: #0055ad;
        font-size: 2.2rem; }
        #medical ul li i:first-of-type {
          width: 17%; }
        #medical ul li i.fa-caret-square-right {
          font-size: 1.15rem; }
      #medical ul li span {
        width: 70%; }
      #medical ul li:hover {
        background: rgba(140, 187, 236, 0.31); }
        #medical ul li:hover span {
          color: #0055ad; }

/*#medical*/
.sponsor {
  width: 100%;
  background: #33ad00;
  padding: 2rem 0 1rem; }
  .sponsor h3 {
    color: #fff;
    border-bottom: #fff 1px solid;
    margin: 0 auto;
    padding-bottom: 1.1rem;
    text-align: center;
    font-size: 1.7rem;
    font-weight: 500;
    margin-bottom: 1.8rem; }
    @media screen and (min-width: 1100px) {
      .sponsor h3 {
        width: 50%; } }
  .sponsor ul {
        width: fit-content;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        justify-content: center;
        margin: 0 auto 20px;}
    @media screen and (min-width: 1100px) {
      .sponsor ul {
        grid-template-columns: repeat(3, 220px); } }
      .sponsor ul li a {
        display: block;
        position: relative;
        border: #33ad00 2px solid; }
        .sponsor ul li a:hover {
          border: #ff7246 2px solid; }
          .sponsor ul li a:hover:before {
            content: "";
            bottom: 3px;
            right: 3px;
            border-top: 1.1em solid transparent;
            border-right: 1.1em solid #ff7246;
            position: absolute;
            z-index: 100; }
            @media screen and (max-width: 899px) {
              .sponsor ul li a:hover:before {
                display: none; } }
      .sponsor ul li img {
        width: 100%;
        height: 80px;
        display: block; }
        @media screen and (max-width: 899px) {
          .sponsor ul li img {
            height: 60px; } }

/*.sponsor*/
.partner {
  padding: 1.5em 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  padding-left: 4%; }
  @media screen and (max-width: 899px) {
    .partner {
      padding: 1.5em 1em;
      justify-content: center; } }
  .partner p {
    margin-right: 2.5rem; }
    @media screen and (max-width: 899px) {
      .partner p {
        margin-right: 0; } }
  .partner a {
    display: block; }
    .partner a:hover {
      opacity: 0.6; }
    .partner a img {
      display: block; }
      @media screen and (max-width: 899px) {
        .partner a img {
          width: 80%;
          height: auto;
          margin: 0.5em auto; } }

/* /top------------------------------*/
/* footer------------------------------*/
#page_top {
  position: absolute;
  right: 0;
  bottom: 0; }
  #page_top i {
    color: #33ad00;
    font-size: 1.1rem;
    margin-right: 0.4em; }
  #page_top a {
    font-family: Noto Sans Japanese, Noto Sans JP, sans-serif;
    font-size: 1.02rem;
    font-weight: bold; }

footer {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  background: #f0fae3;
  padding: 1.6rem 0; }
  @media screen and (max-width: 899px) {
    footer div a.footer-logo {
      display: block;
      width: 80%;
      height: auto;
      margin: 0 auto; } }
  footer p {
    text-align: center; }
    footer p:first-of-type {
      margin-top: 0.5rem; }
  footer ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    margin: 0.8rem auto;
    width: 60%; }
    @media screen and (min-width: 900px) {
      footer ul {
        flex-flow: row nowrap;
        width: 98%; } }
    footer ul li {
      font-size: 0.95em; }
      @media screen and (max-width: 500px) {
        footer ul li {
          width: 100%;
          text-align: center; } }
      footer ul li:first-of-type {
        margin-right: 10px; }

.copy {
  font-size: 0.8rem; }

/* /footer------------------------------*/
/* subpage------------------------------*/
.header-main {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  height: 150px;
  background: url("/assets/images/common/sub_header_main.jpg") no-repeat;
  background-size: cover;
  background-position: right;
  display: flex;
  flex-flow: row wrap;
  align-items: center; }
  @media screen and (max-width: 899px) {
    .header-main {
      height: auto;
      padding: 1.8em 10px; } }
  .header-main h1 {
    font-size: 1.7rem;
    margin-left: 5%;
    text-shadow: 1px 1px 0 #e9ff87, -1px 1px 0 #e9ff87, 1px -1px 0 #e9ff87, -1px -1px 0 #e9ff87; }
    @media screen and (max-width: 899px) {
      .header-main h1 {
        margin-left: 0;
        font-size: 1.3rem;
        line-height: 1.8em; } }

.header-medical {
  background: url("/assets/images/common/sub_md_header_main.jpg") no-repeat;
  background-size: cover;
  background-position: right; }

.sub-wrapper {
  margin-top: 0;
  padding-bottom: 2rem; }
  .sub-wrapper .contents {
    position: relative;
    padding-bottom: 3em;
    width: 95%;
    margin: 0 auto; }
    @media screen and (min-width: 900px) {
      .sub-wrapper .contents {
        width: 72.5%;
        padding-bottom: 5rem;
        margin: 0; } }
    .sub-wrapper .contents h2 {
      background: #f3f3f3;
      border-left: #33ad00 5px solid;
      line-height: 2em;
      padding-left: 10px; }
      @media screen and (min-width: 900px) {
        .sub-wrapper .contents h2 {
          height: 2em;
          padding-left: 1.5rem; } }
      @media screen and (max-width: 899px) {
        .sub-wrapper .contents h2 {
          font-size: 1.3rem; } }
    .sub-wrapper .contents h3 {
      font-size: 1.428rem;
      border-bottom: #33ad00 3px solid;
      padding-left: 0.4em;
      padding-bottom: 0.4em;
      margin: 1.7em 0 1.1em;
      line-height: 1.3em; }
      @media screen and (max-width: 899px) {
        .sub-wrapper .contents h3 {
          font-size: 1.2rem; } }
      .sub-wrapper .contents h3:first-of-type {
        margin-top: 1.3em; }
    .sub-wrapper .contents h4 {
      font-size: 1.428rem;
      font-weight: 500; }
    .sub-wrapper .contents div {
      overflow: hidden; }
    .sub-wrapper .contents .file-pdf, .sub-wrapper .contents .file-word, .sub-wrapper .contents .file-info {
      display: flex;
      flex-flow: row wrap;
      align-items: center;
      margin-bottom: 0.8em; }
      .sub-wrapper .contents .file-pdf i.fa-file-pdf, .sub-wrapper .contents .file-word i.fa-file-pdf, .sub-wrapper .contents .file-info i.fa-file-pdf, .sub-wrapper .contents .file-word i.fa-file-word, .sub-wrapper .contents .file-pdf .file-info i, .sub-wrapper .contents .file-info .file-pdf i, .sub-wrapper .contents .file-info i {
        color: #ff3e3e;
        font-size: 1.5rem;
        margin-left: 0.5rem;
        margin-right: 0.5rem; }
    .sub-wrapper .contents .file-word i.fa-file-word {
      color: #405ab1; }
    .sub-wrapper .contents .install-pdf {
      border: #b1b1b1 1px solid;
      padding: 0.8rem;
      display: flex;
      flex-flow: row wrap;
      align-items: center;
      margin-top: 1em;
      width: 100%; }
      @media screen and (min-width: 900px) {
        .sub-wrapper .contents .install-pdf {
          width: 76%;
          margin-left: 0.5rem; } }
      .sub-wrapper .contents .install-pdf p {
        font-size: 0.8rem;
        line-height: 1.5em;
        margin-right: 1.5em; }
      .sub-wrapper .contents .install-pdf a img {
        display: block; }
        .sub-wrapper .contents .install-pdf a img:hover {
          opacity: 0.6; }
    .sub-wrapper .contents hr {
      border-bottom: #dcdcdc 1px solid;
      text-align: left; }
      @media screen and (min-width: 900px) {
        .sub-wrapper .contents hr {
          width: 50%; } }
    .sub-wrapper .contents .fl-r {
      margin: 0 auto 1em auto;
      display: block;
      width: 168px;
      height: 120px; }
      @media screen and (min-width: 900px) {
        .sub-wrapper .contents .fl-r {
          float: right;
          margin: 0 0 1em 1em; } }
    .sub-wrapper .contents .fl-l {
      float: none;
      margin: 0 0 0.5em 0; }
      @media screen and (min-width: 900px) {
        .sub-wrapper .contents .fl-l {
          float: left;
          margin: 0 1em 0.5em 0; } }
    .sub-wrapper .contents .list-icn:before {
      font-family: "Font Awesome 5 Free";
      content: "\f054";
      color: #d4ed70;
      font-size: 1rem;
      font-weight: 900;
      margin-right: 0.5em; }
    .sub-wrapper .contents .gaiyo-list {
      display: flex;
      flex-flow: row wrap;
      margin-top: 1rem; }
      .sub-wrapper .contents .gaiyo-list li {
        border: #8bc34a 3px solid;
        border-radius: 10px;
        padding: 1rem;
        width: 375px;
        margin: 0 0 20px 0;
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        position: relative;
        min-height: 150px; }
        @media screen and (min-width: 900px) {
          .sub-wrapper .contents .gaiyo-list li {
            margin: 0 20px 20px 0; } }
        .sub-wrapper .contents .gaiyo-list li:first-of-type {
          background: url("/assets/images/aboutus/gaiyo-list01.png") 10% center no-repeat; }
        .sub-wrapper .contents .gaiyo-list li:nth-of-type(2) {
          background: url("/assets/images/aboutus/gaiyo-list02.png") 7% center no-repeat; }
        .sub-wrapper .contents .gaiyo-list li:nth-of-type(3) {
          background: url("/assets/images/aboutus/gaiyo-list03.png") 6% center no-repeat; }
        .sub-wrapper .contents .gaiyo-list li:last-of-type {
          background: url("/assets/images/aboutus/gaiyo-list04.png") 9% center no-repeat; }
        .sub-wrapper .contents .gaiyo-list li span {
          width: 75%;
          margin-left: 32%; }
          .sub-wrapper .contents .gaiyo-list li span.link_more {
            font-size: 1.1em;
            font-weight: bold;
            text-align: right;
            color: #8bc34a;
            position: absolute;
            bottom: 0.8em;
            right: 1em; }
            .sub-wrapper .contents .gaiyo-list li span.link_more:after {
              font-family: "Font Awesome 5 Free";
              content: "\f054";
              color: #8bc34a;
              font-size: 1rem;
              font-weight: 900;
              margin-left: 0.5em; }
        .sub-wrapper .contents .gaiyo-list li:hover {
          border: #ff7246 3px solid; }
          .sub-wrapper .contents .gaiyo-list li:hover .link_more {
            color: #ff7246; }
            .sub-wrapper .contents .gaiyo-list li:hover .link_more:after {
              color: #ff7246; }
  .sub-wrapper .aboutus div img.fl-r {
    width: 200px;
    height: 250px; }
  .sub-wrapper .aboutus div img.logo-aboutus {
    display: block;
    margin: 0 auto 1em;
    width: auto; }
    @media screen and (min-width: 900px) {
      .sub-wrapper .aboutus div img.logo-aboutus {
        margin: 1.5em auto 1em; } }

.sub-side-wrapper {
  width: 95%;
  margin: 2em auto; }
  @media screen and (min-width: 900px) {
    .sub-side-wrapper {
      width: 275px;
      margin: 0; } }
  .sub-side-wrapper ul {
    border: #ccc 1px solid;
    border-radius: 7px 7px 0 0; }
    .sub-side-wrapper ul:before {
      content: "";
      width: 100%;
      height: 12px;
      background: #33ad00;
      border-radius: 6px 6px 0 0;
      display: block; }
    .sub-side-wrapper ul li {
      font-size: 1.071em;
      height: 50px;
      display: flex;
      flex-flow: row wrap;
      align-items: center;
      padding-left: 1.5em;
      border-top: #ccc 1px solid; }
      .sub-side-wrapper ul li.page-here {
        background: #d4ed70; }
      .sub-side-wrapper ul li.direc-here {
        background: #f0fae3; }
      .sub-side-wrapper ul li a {
        text-decoration: none;
        line-height: 1.2em; }

.sub-page-list a:before {
  font-family: "Font Awesome 5 Free";
  content: "\f054";
  color: #848484;
  font-size: 1rem;
  font-weight: 900;
  margin-right: 0.5em; }

.txt-right {
  text-align: right; }

.update {
  margin: 1.3em 0 0.5em; }

.linknone {
  color: #989898; }

.mt-13 {
  margin-top: 1.3em; }

.mt-13_namelist {
  font-size: 1.2rem;
  font-weight: 600; }

table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 4em; }

.contact-box {
  display: inline-block;
  padding: 1em;
  border-radius: 8px;
  border: #dcdcdc 2px solid;
  word-wrap: break-word; }
  @media screen and (max-width: 899px) {
    .contact-box {
      width: 100%; } }
  .contact-box p:first-of-type {
    font-size: 1.1em;
    font-weight: bold; }

/*aboutus-----------------------------*/
/*/aboutus-----------------------------*/
/*week-----------------------------*/
@media screen and (max-width: 899px) {
  .week-sub div.mt-13 img.fl-r {
    display: block; } }

/*/week-----------------------------*/
/*support.html-----------------------------*/
.gojyuon, .week-office {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  background: #f3f3f3; }
  .gojyuon li, .week-office li {
    text-align: center;
    width: 10%;
    height: 35px;
    line-height: 35px;
    position: relative;
    border-right: #fff 1px solid; }
    .gojyuon li:hover, .week-office li:hover {
      background: #d4ed70; }
      .gojyuon li:hover a, .week-office li:hover a {
        color: #4d4d4d; }
    .gojyuon li.linknone:hover, .week-office li.linknone:hover {
      background: none; }

.support-list {
  width: 100%;
  display: flex;
  flex-flow: row wrap; }
  .support-list li {
    line-height: 1.8em;
    margin-bottom: 0.5em;
    width: 100%; }
    @media screen and (min-width: 900px) {
      .support-list li {
        width: 50%; } }
    .support-list li:before {
      font-family: "Font Awesome 5 Free";
      content: "\f054";
      color: #d4ed70;
      font-size: 1rem;
      font-weight: 900;
      margin-right: 0.4rem; }

.jaanet-btn {
  width: 300px;
  border: #b1b1b1 1px solid;
  margin: 2em 0;
  justify-content: center;
  align-items: center;
  display: flex;
  border-radius: 30px;
  padding: 0.5em;
  position: relative; }
  .jaanet-btn:hover {
    background: #ff7246;
    color: #fff; }
    .jaanet-btn:hover span:after {
      color: #fff; }
  .jaanet-btn span {
    font-family: Noto Sans Japanese,Noto Sans JP,sans-serif;
    font-size: 1.2em;
    font-weight: 500;
    position: relative;
    margin-left: -20px; }
    .jaanet-btn span:after {
      font-family: "Font Awesome 5 Free";
      content: "\f0da";
      color: #8bc34a;
      font-size: 1.2rem;
      font-weight: 900;
      margin-left: 0.8rem;
      position: absolute;
      bottom: -7%; }

/*/support.html-----------------------------*/
/*list.html-----------------------------*/
.officer-list {
  color: #000;
  border: #dcdcdc 1px solid;
  margin-bottom: 1em; }
  .officer-list thead {
    background: #f0fae3; }
    .officer-list thead tr th.officer-position {
      width: 20%; }
      @media screen and (min-width: 900px) {
        .officer-list thead tr th.officer-position {
          width: 15%; } }
    .officer-list thead tr th.officer-name {
      width: 30%; }
      @media screen and (min-width: 900px) {
        .officer-list thead tr th.officer-name {
          width: 20%; } }
    .officer-list thead tr th.officer-title {
      width: 60%; }
      @media screen and (min-width: 900px) {
        .officer-list thead tr th.officer-title {
          width: 65%; } }
  .officer-list tr {
    border-top: #dcdcdc 1px solid; }
    .officer-list tr th {
      padding: 0.3em;
      border-right: #dcdcdc 1px solid; }
      @media screen and (min-width: 900px) {
        .officer-list tr th {
          padding: 0.6em 1em; } }
    .officer-list tr td {
      padding: 0.3em;
      border-right: #dcdcdc 1px solid; }
      @media screen and (min-width: 900px) {
        .officer-list tr td {
          padding: 0.6em 1em; } }
      .officer-list tr td:first-of-type {
        text-align: center; }

/*/list.html-----------------------------*/
/*week-----------------------------*/
.ishizaka {
  width: 100%;
  margin: 2em 0;
  border: #b1b1b1 1px solid;
  padding: 1rem;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between; }
  @media screen and (min-width: 900px) {
    .ishizaka {
      width: 95%; } }
  @media screen and (max-width: 899px) {
    .ishizaka img {
      width: auto;
      margin: 0 auto 1em auto; } }
  .ishizaka div {
    width: 100%;
    margin-left: 0;
    display: flex;
    flex-flow: row wrap;
    align-items: stretch; }
    @media screen and (min-width: 900px) {
      .ishizaka div {
        width: 64%;
        margin-left: 1rem; } }
    .ishizaka div p:first-of-type {
      font-size: 1.07rem;
      font-weight: bold; }
      .ishizaka div p:first-of-type span {
        font-size: 1rem;
        font-weight: normal; }

.week-entry {
  background: #0055ad;
  padding: 2px 4px;
  font-weight: bold;
  color: #fff;
  margin: 0 2px; }

.week-office {
  margin: 1.3em 0;
  background: none;
  justify-content: flex-start; }
  .week-office li {
    width: 20%;
    border-bottom: #fff 1px solid;
    background: #f3f3f3; }
    @media screen and (min-width: 900px) {
      .week-office li {
        width: 72px; } }
    .week-office li:last-of-type {
      border-right: none; }

.week-event {
  margin-top: 2.5em;
  border: #dcdcdc 1px solid;
  font-size: 0.93em; }
  .week-event .cell01 {
    width: 12%; }
  .week-event .cell02 {
    width: 28%; }
    @media screen and (min-width: 900px) {
      .week-event .cell02 {
        width: 15%; } }
  .week-event .cell03 {
    width: 9%; }
    @media screen and (min-width: 900px) {
      .week-event .cell03 {
        width: 20%; } }
  .week-event .cell04 {
    width: 50%; }
    @media screen and (min-width: 900px) {
      .week-event .cell04 {
        width: 55%; } }
  .week-event thead {
    background: #f0fae3;
    display: none; }
    @media screen and (min-width: 900px) {
      .week-event thead {
        display: table-header-group; } }
  .week-event tr {
    border-top: #dcdcdc 1px solid; }
    .week-event tr#hokkaido, .week-event tr#tohoku, .week-event tr#kitakanto, .week-event tr#kanto, .week-event tr#tokai, .week-event tr#hokuriku, .week-event tr#kansai, .week-event tr#chugoku, .week-event tr#shikoku, .week-event tr#kyushu {
      border-top: #9bbf6c 2px solid; }
    .week-event tr th {
      padding: 0.3em;
      border-right: #dcdcdc 1px solid; }
      @media screen and (min-width: 900px) {
        .week-event tr th {
          padding: 0.6em 1em; } }
      .week-event tr th.th-office {
        background: #f3f3f3; }
    .week-event tr td {
      padding: 0.3em;
      border-right: #dcdcdc 1px solid;
      display: block; }
      @media screen and (min-width: 900px) {
        .week-event tr td {
          padding: 0.6em;
          display: table-cell; } }
      .week-event tr td:first-of-type {
        text-align: center;
        background: #efffa9; }
        @media screen and (min-width: 900px) {
          .week-event tr td:first-of-type {
            background: none; } }
        .week-event tr td:first-of-type br {
          display: none; }
          @media screen and (min-width: 900px) {
            .week-event tr td:first-of-type br {
              display: block; } }
      .week-event tr td:nth-of-type(2) br {
        display: none; }
        @media screen and (min-width: 900px) {
          .week-event tr td:nth-of-type(2) br {
            display: block; } }
      .week-event tr td .event-fin {
        font-weight: bold;
        color: #fff;
        background: #a7a7a7;
        padding: 0.1em 0.3em; }
      .week-event tr td .event-cancel {
        font-weight: bold;
        color: #fff;
        background: red;
        padding: 0.1em 0.5em; }

/*/week-----------------------------*/
/*office-----------------------------*/
@media screen and (max-width: 899px) {
  .office-i div {
    display: none; } }
@media screen and (max-width: 899px) {
  .office-i #page_top {
    display: none; } }

.office-btn {
  background: #8bc34a;
  border-radius: 6px;
  width: fit-content;
  margin-top: 1.3em;
  position: relative;
  display: inline-block; }
  .office-btn:hover {
    background: #ff7246; }
  .office-btn a {
    text-decoration: none;
    color: #4d4d4d;
    display: block;
    padding: 0.8em 1.1em; }
    .office-btn a span:before {
      font-family: "Font Awesome 5 Free";
      content: "\f054";
      color: #4d4d4d;
      font-size: 1rem;
      font-weight: 900;
      margin-right: 0.4rem; }

.office-about {
  margin-bottom: 2.2em;
  display: flex;
  flex-flow: row wrap; }

.post-wrapper strong {
  font-size: 1.1em;
  font-weight: bold; }

.post-name {
  background: #8e8e8e;
  width: 75px;
  height: 26px;
  color: #fff;
  display: block;
  text-align: center;
  padding: 0.1em 0;
  margin-right: 1em; }

@media screen and (max-width: 899px) {
  .post-wrapper {
    width: 100%; } }

.post-img {
  margin-right: 1em;
  float: left;
  width: 165px;
  height: 165px; }

.jpmap {
  margin: 1.8em 0 3em;
  position: relative;
  overflow: inherit !important; }
  @media screen and (min-width: 900px) {
    .jpmap {
      min-height: 560px;
      background: url("/assets/images/office/jpmap.png") 40% 35% no-repeat;
      background-size: 70%; } }
  .jpmap div {
    border-radius: 10px;
    width: 10em;
    text-align: center;
    padding: 0.2em 0;
    position: absolute; }
    .jpmap div a {
      color: #fff;
      text-decoration: none;
      display: block;
      width: 100%;
      height: 100%; }
    .jpmap div.jpmap-hokkaido {
      background: #3261AB; }
      @media screen and (min-width: 900px) {
        .jpmap div.jpmap-hokkaido {
          top: 12%;
          right: 40%; } }
    .jpmap div.jpmap-tohoku {
      background: #007AB7; }
      @media screen and (min-width: 900px) {
        .jpmap div.jpmap-tohoku {
          top: 40%;
          right: 0%; } }
    .jpmap div.jpmap-kitakanto {
      background: #6A8CC7; }
      @media screen and (min-width: 900px) {
        .jpmap div.jpmap-kitakanto {
          top: 57%;
          right: 2%; } }
    .jpmap div.jpmap-kanto {
      background: #009F8C; }
      @media screen and (min-width: 900px) {
        .jpmap div.jpmap-kanto {
          top: 73%;
          right: 4%; } }
    .jpmap div.jpmap-tokai {
      background: #40BFB0; }
      @media screen and (min-width: 900px) {
        .jpmap div.jpmap-tokai {
          bottom: 6%;
          right: 19%; } }
    .jpmap div.jpmap-hokuriku {
      background: #009250; }
      @media screen and (min-width: 900px) {
        .jpmap div.jpmap-hokuriku {
          top: 36%;
          right: 41%; } }
    .jpmap div.jpmap-kansai {
      background: #5EC84E; }
      @media screen and (min-width: 900px) {
        .jpmap div.jpmap-kansai {
          bottom: 2%;
          right: 42%; } }
    .jpmap div.jpmap-chugoku {
      background: #A4C520; }
      @media screen and (min-width: 900px) {
        .jpmap div.jpmap-chugoku {
          top: 47%;
          left: 26%; } }
    .jpmap div.jpmap-shikoku {
      background: #d2d835; }
      @media screen and (min-width: 900px) {
        .jpmap div.jpmap-shikoku {
          bottom: 0;
          right: 65%; } }
    .jpmap div.jpmap-kyushu {
      background: #95b02d; }
      @media screen and (min-width: 900px) {
        .jpmap div.jpmap-kyushu {
          top: 50%;
          left: 3%; } }
    .jpmap div:hover {
      background-color: #ff7246; }
  .jpmap .jpmap-box {
    display: none; }

@media screen and (max-width: 899px) {
  .content-map {
    display: none; } }

@media screen and (min-width: 900px) {
  .modaal-container {
    width: 45% !important;
    min-height: 300px !important; } }
.modaal-container div h5 {
  width: 10em;
  margin: 1em auto;
  padding: 0.5em;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  border-bottom: #3261AB 1px solid; }
.modaal-container div ul {
  padding: 0;
  margin: 1em auto;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  font-size: 1.1em; }
  .modaal-container div ul li:after {
    content: "／"; }
  .modaal-container div ul li:last-of-type:after {
    display: none; }
.modaal-container div .jaanet-btn {
  margin: 2em auto; }

/*/office-----------------------------*/
/*link-----------------------------*/
ul.useful-ul li {
  line-height: 2.8em; }
  ul.useful-ul li:before {
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    color: #d4ed70;
    font-size: 1rem;
    font-weight: 900;
    margin-right: 0.4rem; }

.patient-table {
  margin-bottom: 0; }
  .patient-table tr th {
    background: #f0fae3;
    display: block;
    text-align: left;
    font-size: 1.05rem;
    padding: 0.2em 0.6em; }
  .patient-table tr td {
    display: block;
    padding: 1em 0.6em; }

/*/link-----------------------------*/
/*aid-----------------------------*/
.aid-award h4 {
  margin-bottom: 10px; }
  .aid-award h4 i {
    color: #9dde51;
    font-size: 1.15em;
    margin-right: 5px; }
.aid-award .button-more {
  width: 350px;
  height: 40px;
  font-family: Noto Sans Japanese, Noto Sans JP, sans-serif;
  font-size: 1.071rem;
  font-weight: 500;
  border: #dcdcdc 1px solid;
  margin: 0 auto 1.3em;
  justify-content: center;
  align-items: center;
  display: flex;
  border-radius: 30px; }
  .aid-award .button-more:after {
    content: "▼";
    font-size: 0.7em;
    color: #8bc34a;
    margin-left: 1.5em; }
  .aid-award .button-more:hover {
    background: #ff7246;
    color: #fff; }
    .aid-award .button-more:hover:after {
      color: #fff; }
.aid-award .hidden-show {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.8s; }
.aid-award input {
  display: none; }
  .aid-award input:checked ~ .hidden-show {
    height: auto;
    opacity: 1; }
  .aid-award input:checked ~ .button-more {
    display: none; }

.award-table, .aid-doc table, .import table, .study table, .jaanet table, .sub-wrapper-com .contents table {
  border: #dcdcdc 1px solid;
  margin-bottom: 3em; }
  .award-table tr, .aid-doc table tr, .import table tr, .study table tr, .jaanet table tr, .sub-wrapper-com .contents table tr {
    border-bottom: #dcdcdc 1px solid; }
    .award-table tr:last-of-type, .aid-doc table tr:last-of-type, .import table tr:last-of-type, .study table tr:last-of-type, .jaanet table tr:last-of-type, .sub-wrapper-com .contents table tr:last-of-type {
      border-bottom: none; }
    .award-table tr th, .aid-doc table tr th, .import table tr th, .study table tr th, .jaanet table tr th, .sub-wrapper-com .contents table tr th {
      vertical-align: top;
      text-align: left;
      font-weight: normal;
      background: #f3f3f3;
      border-right: #dcdcdc 1px solid;
      padding: 0.8em 1em;
      width: 12%; }
      @media screen and (min-width: 900px) {
        .award-table tr th, .aid-doc table tr th, .import table tr th, .study table tr th, .jaanet table tr th, .sub-wrapper-com .contents table tr th {
          width: 20%; } }
    .award-table tr td, .aid-doc table tr td, .import table tr td, .study table tr td, .jaanet table tr td, .sub-wrapper-com .contents table tr td {
      padding: 0.8em 1em; }
      .award-table tr td p, .aid-doc table tr td p, .import table tr td p, .study table tr td p, .jaanet table tr td p, .sub-wrapper-com .contents table tr td p {
        margin-bottom: 7px;
        line-height: 1.5em; }
        .award-table tr td p:last-of-type, .aid-doc table tr td p:last-of-type, .import table tr td p:last-of-type, .study table tr td p:last-of-type, .jaanet table tr td p:last-of-type, .sub-wrapper-com .contents table tr td p:last-of-type {
          margin-bottom: 0; }
        .award-table tr td p span, .aid-doc table tr td p span, .import table tr td p span, .study table tr td p span, .jaanet table tr td p span, .sub-wrapper-com .contents table tr td p span {
          display: block;
          margin-left: 1em;
          font-size: 0.95em; }

.aid-doc table tr th {
  vertical-align: middle;
  width: 30%; }
.aid-doc table tr td p.file-pdf, .aid-doc table tr td .sub-wrapper .contents p.file-word, .sub-wrapper .contents .aid-doc table tr td p.file-word, .aid-doc table tr td .sub-wrapper .contents p.file-info, .sub-wrapper .contents .aid-doc table tr td p.file-info {
  margin-bottom: 0 !important;
  float: left; }
  @media screen and (min-width: 900px) {
    .aid-doc table tr td p.file-pdf, .aid-doc table tr td .sub-wrapper .contents p.file-word, .sub-wrapper .contents .aid-doc table tr td p.file-word, .aid-doc table tr td .sub-wrapper .contents p.file-info, .sub-wrapper .contents .aid-doc table tr td p.file-info {
      margin-right: 1.5em; } }
  @media screen and (max-width: 899px) {
    .aid-doc table tr td p.file-pdf, .aid-doc table tr td .sub-wrapper .contents p.file-word, .sub-wrapper .contents .aid-doc table tr td p.file-word, .aid-doc table tr td .sub-wrapper .contents p.file-info, .sub-wrapper .contents .aid-doc table tr td p.file-info {
      width: 30%;
      margin-right: 0.5em; } }
  @media screen and (max-width: 899px) {
    .aid-doc table tr td p.file-pdf i.fa-file-pdf, .aid-doc table tr td .sub-wrapper .contents p.file-word i.fa-file-pdf, .sub-wrapper .contents .aid-doc table tr td p.file-word i.fa-file-pdf, .aid-doc table tr td p.file-pdf .sub-wrapper .contents .file-word i.fa-file-word, .sub-wrapper .contents .file-word .aid-doc table tr td p.file-pdf i.fa-file-word, .aid-doc table tr td .sub-wrapper .contents p.file-word i.fa-file-word, .sub-wrapper .contents .aid-doc table tr td p.file-word i.fa-file-word, .aid-doc table tr td p.file-pdf .sub-wrapper .contents .file-info i, .sub-wrapper .contents .file-info .aid-doc table tr td p.file-pdf i, .aid-doc table tr td .sub-wrapper .contents p.file-word .file-info i, .aid-doc table tr td .sub-wrapper .contents .file-info p.file-word i, .sub-wrapper .contents .aid-doc table tr td p.file-word .file-info i, .sub-wrapper .contents .file-info .aid-doc table tr td p.file-word i, .aid-doc table tr td .sub-wrapper .contents p.file-info i, .sub-wrapper .contents .aid-doc table tr td p.file-info i {
      margin-left: 0 !important; } }
.aid-doc table tr td p.file-word {
  margin-bottom: 0 !important; }
.aid-doc .ope-table tr td p.file-pdf, .aid-doc .ope-table tr td .sub-wrapper .contents p.file-word, .sub-wrapper .contents .aid-doc .ope-table tr td p.file-word, .aid-doc .ope-table tr td .sub-wrapper .contents p.file-info, .sub-wrapper .contents .aid-doc .ope-table tr td p.file-info {
  float: none;
  margin-bottom: 10px !important; }
  .aid-doc .ope-table tr td p.file-pdf:last-of-type, .aid-doc .ope-table tr td .sub-wrapper .contents p.file-word:last-of-type, .sub-wrapper .contents .aid-doc .ope-table tr td p.file-word:last-of-type, .aid-doc .ope-table tr td .sub-wrapper .contents p.file-info:last-of-type, .sub-wrapper .contents .aid-doc .ope-table tr td p.file-info:last-of-type {
    margin-bottom: 0 !important; }
  @media screen and (max-width: 899px) {
    .aid-doc .ope-table tr td p.file-pdf, .aid-doc .ope-table tr td .sub-wrapper .contents p.file-word, .sub-wrapper .contents .aid-doc .ope-table tr td p.file-word, .aid-doc .ope-table tr td .sub-wrapper .contents p.file-info, .sub-wrapper .contents .aid-doc .ope-table tr td p.file-info {
      width: 100%; } }
  @media screen and (max-width: 899px) {
    .aid-doc .ope-table tr td p.file-pdf a, .aid-doc .ope-table tr td .sub-wrapper .contents p.file-word a, .sub-wrapper .contents .aid-doc .ope-table tr td p.file-word a, .aid-doc .ope-table tr td .sub-wrapper .contents p.file-info a, .sub-wrapper .contents .aid-doc .ope-table tr td p.file-info a {
      width: 50vw; } }

/*/aid-----------------------------*/
/*import-----------------------------*/
.import .file-list:before {
  font-family: "Font Awesome 5 Free";
  content: "\f054";
  color: #d4ed70;
  font-size: 1rem;
  font-weight: 900;
  margin-right: 0.4rem; }
.import div.mt30 p {
  margin-bottom: 0.8em; }
  .import div.mt30 p:last-of-type {
    margin-bottom: 0; }
.import ol {
  margin-bottom: 0.8em;
  margin-left: 0; }
  @media screen and (min-width: 900px) {
    .import ol {
      margin-left: 1.5em; } }
  .import ol li {
    list-style-type: decimal;
    list-style-position: outside;
    margin-left: 1em; }
.import table tr th {
  width: 30%;
  line-height: 1.2em;
  vertical-align: middle; }
.import table tr td p {
  float: left; }
  .import table tr td p.file-pdf, .import table tr td .sub-wrapper .contents p.file-word, .sub-wrapper .contents .import table tr td p.file-word, .import table tr td .sub-wrapper .contents p.file-info, .sub-wrapper .contents .import table tr td p.file-info {
    margin-bottom: 0 !important;
    margin-right: 1.5em; }
  .import table tr td p.file-word {
    margin-bottom: 0 !important;
    margin-right: 1.5em; }
  .import table tr td p.file-info {
    margin-bottom: 0 !important; }
    @media screen and (max-width: 899px) {
      .import table tr td p.file-info {
        margin-top: 0.6em; } }
    .import table tr td p.file-info i.fa-exclamation-circle {
      color: #4d4d4d; }
.import .vial-price th {
  text-align: center; }
  .import .vial-price th.item {
    background: #fff;
    font-weight: bold; }
  .import .vial-price th:nth-of-type(2) {
    width: 30%; }
  .import .vial-price th:nth-of-type(3) {
    width: 25%; }
.import .vial-price td {
  text-align: center;
  border-right: #dcdcdc 1px solid; }
  .import .vial-price td:last-of-type {
    border-right: none; }

/*/import-----------------------------*/
/*study-----------------------------*/
.study .fl-l {
  display: block;
  width: 168px;
  height: 126px; }
  @media screen and (max-width: 899px) {
    .study .fl-l {
      margin: 0 auto 1em !important; } }
.study table.online-table tr th {
  background: #f0fae3;
  width: 50%; }
  @media screen and (max-width: 899px) {
    .study table.online-table tr th {
      width: 100%;
      display: block; } }
  @media screen and (max-width: 899px) {
    .study table.online-table tr th a {
      width: 88%; } }
.study table.online-table tr td {
  width: 50%; }
  @media screen and (max-width: 899px) {
    .study table.online-table tr td {
      width: 100%;
      display: block; } }
.study table tr th {
  font-weight: bold;
  vertical-align: middle; }
  .study table tr th p {
    display: flex;
    flex-flow: row wrap;
    align-items: center; }
    .study table tr th p i {
      color: #fff;
      width: 25px;
      height: 25px;
      background: #8c8c8c;
      border-radius: 5px;
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
      align-items: center;
      margin-right: 10px; }
    .study table tr th p a {
      width: 90%; }

/*/study-----------------------------*/
/*jaanet-----------------------------*/
.jaanet h4 {
  font-size: 1.3rem;
  line-height: 1.5em;
  position: relative;
  margin-left: 1.9em; }
  .jaanet h4:before {
    font-family: "Font Awesome 5 Free";
    content: "\f2bd";
    color: #d4ed70;
    font-size: 1.9rem;
    font-weight: 900;
    margin-right: 0.4rem;
    position: absolute;
    left: -1.2em; }
.jaanet table tr th {
  width: 12%;
  font-weight: bold;
  vertical-align: middle; }
  @media screen and (max-width: 899px) {
    .jaanet table tr th {
      display: block;
      width: auto;
      border-bottom: #dcdcdc 1px solid;
      border-right: none; } }
.jaanet table tr td {
  width: 15%;
  border-right: #dcdcdc 1px solid; }
  .jaanet table tr td:last-of-type {
    width: 55%; }
  @media screen and (max-width: 899px) {
    .jaanet table tr td {
      display: block;
      padding: 0.3em 1em;
      width: auto;
      border-right: none;
      line-height: 1.4em;
      border-bottom: #dcdcdc 1px dashed; }
      .jaanet table tr td:first-of-type {
        padding-top: 0.5em; }
      .jaanet table tr td:last-of-type {
        width: auto;
        padding-bottom: 0.5em;
        border-bottom: 0; } }
.jaanet .sponsor {
  background: none;
  padding: 0; }
  .jaanet .sponsor p {
    margin-bottom: 1em; }
  .jaanet .sponsor ul {
    margin-bottom: 1.5em; }
    @media screen and (min-width: 1100px) {
      .jaanet .sponsor ul {
        justify-content: flex-start; } }
      .jaanet .sponsor ul li a {
        border: #dcdcdc 2px solid; }
        @media screen and (max-width: 899px) {
          .jaanet .sponsor ul li a {
            box-sizing: border-box; } }
        .jaanet .sponsor ul li a:hover {
          border: #ff7246 2px solid; }

.about_ad div.bnr-kikaku {
  margin-bottom: 1.5em; }
  .about_ad div.bnr-kikaku span {
    display: block;
    font-size: 0.95em;
    font-weight: bold; }
  .about_ad div.bnr-kikaku img {
    display: block;
    border: #dcdcdc 2px solid; }
.about_ad .bnr-ul li {
  line-height: 1.5em;
  margin-bottom: 0.8em;
  margin-left: 1.5em; }
  .about_ad .bnr-ul li:before {
    margin-left: -1.2em; }
  .about_ad .bnr-ul li:last-of-type {
    margin-bottom: 0; }
.about_ad .contact-box-before {
  margin-top: 2em; }
  @media screen and (min-width: 900px) {
    .about_ad .contact-box-before {
      margin-top: 4em; } }

/*/jaanet-----------------------------*/
/*sub-wrapper-com---------------------*/
.sub-wrapper-com .contents {
  width: 100%; }
  @media screen and (max-width: 899px) {
    .sub-wrapper-com .contents {
      width: 95%;
      margin: 0 auto; } }
  .sub-wrapper-com .contents .border-p {
    border-top: 1px dashed #dcdcdc;
    border-bottom: 1px dashed #dcdcdc;
    padding: 0.8em 1em;
    margin: 0.5em 0;
    display: inline-block; }
  .sub-wrapper-com .contents table {
    margin-bottom: 1.5em; }
    @media screen and (min-width: 900px) {
      .sub-wrapper-com .contents table {
        width: 35%; } }
    .sub-wrapper-com .contents table tr th {
      font-weight: bold;
      vertical-align: middle;
      width: 40%; }
    @media screen and (min-width: 900px) {
      .sub-wrapper-com .contents table tr td P.fl-l {
        margin-top: 0.5em; } }
    @media screen and (min-width: 900px) {
      .sub-wrapper-com .contents table tr td P {
        margin-top: 0.5em; } }
.sub-wrapper-com .namelist .namelist-link {
  display: flex;
  flex-flow: row wrap;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 1.5em; }

  @media screen and (min-width: 900px) {
    .sub-wrapper-com .namelist .namelist-link {
      margin-top: 3em; } }
  .sub-wrapper-com .namelist .namelist-link .office-btn {
    border-radius: 10px;
    background: #F7CDB7;
	border: 2px solid #ff7246;
    margin-top: 0;
    font-size: 0.9em;
    width: 320px;
    margin-bottom: 10px;
    text-align: center;}

/*
    .sub-wrapper-com .namelist .namelist-link .office-btn:last-of-type {
      margin-top: 1.5em; }
*/

    @media screen and (min-width: 900px) {
      .sub-wrapper-com .namelist .namelist-link .office-btn {
        font-size: 1.3em;
		width: 320px;
		margin-bottom: 20px;
		text-align: center;} }
    .sub-wrapper-com .namelist .namelist-link .office-btn:hover {
      background: #ff7246; }
    .sub-wrapper-com .namelist .namelist-link .office-btn a {
      padding: 0.95em 1.2em;
      font-family: Noto Sans Japanese, Noto Sans JP, sans-serif;
      display: inline-block;}
      @media screen and (min-width: 900px) {
        .sub-wrapper-com .namelist .namelist-link .office-btn a {
          padding: 1.5em;
		  display: inline-block;} }
      .sub-wrapper-com .namelist .namelist-link .office-btn a span {
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        text-align: center; }
.sub-wrapper-com .privacy ul, .sub-wrapper-com .sitepolicy ul {
  margin-top: 1em;
  list-style-position: outside; }
  .sub-wrapper-com .privacy ul li, .sub-wrapper-com .sitepolicy ul li {
    margin-left: 1.5em; }
    .sub-wrapper-com .privacy ul li:before, .sub-wrapper-com .sitepolicy ul li:before {
      content: "・";
      margin-left: -1.2em; }
.sub-wrapper-com .sitemap h3 {
  margin-top: 1em; }
  .sub-wrapper-com .sitemap h3:first-of-type {
    margin-top: 1.3em; }
.sub-wrapper-com .sitemap .site-wrapper {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start; }
  .sub-wrapper-com .sitemap .site-wrapper .site-cat {
    width: 95%;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (min-width: 900px) {
      .sub-wrapper-com .sitemap .site-wrapper .site-cat {
        width: 40%;
        margin-right: 50px;
        margin-left: 0; } }
    .sub-wrapper-com .sitemap .site-wrapper .site-cat h4 {
      background: #f0fae3;
      line-height: 1.5em;
      vertical-align: middle;
      padding: 0 0.5em;
      font-size: 1.2rem; }
    .sub-wrapper-com .sitemap .site-wrapper .site-cat ul {
      margin: 1em 0.2em 2em; }
      .sub-wrapper-com .sitemap .site-wrapper .site-cat ul li {
        line-height: 2em; }
        .sub-wrapper-com .sitemap .site-wrapper .site-cat ul li:before {
          font-family: "Font Awesome 5 Free";
          content: "\f054";
          color: #d4ed70;
          font-size: 1rem;
          font-weight: 900;
          margin-right: 0.4rem; }
      .sub-wrapper-com .sitemap .site-wrapper .site-cat ul.site-cat-office {
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-start; }
        .sub-wrapper-com .sitemap .site-wrapper .site-cat ul.site-cat-office li {
          width: 100%; }
          @media screen and (min-width: 900px) {
            .sub-wrapper-com .sitemap .site-wrapper .site-cat ul.site-cat-office li {
              width: 50%; } }
  .sub-wrapper-com .sitemap .site-wrapper .site-common {
    width: 100%; }
    .sub-wrapper-com .sitemap .site-wrapper .site-common ul {
      margin-top: 0;
      display: flex;
      flex-flow: row wrap;
      justify-content: flex-start; }
      .sub-wrapper-com .sitemap .site-wrapper .site-common ul li {
        width: 100%; }
        @media screen and (min-width: 900px) {
          .sub-wrapper-com .sitemap .site-wrapper .site-common ul li {
            width: 47%; } }
.sub-wrapper-com .sitepolicy div table {
  margin-top: 1em; }
  @media screen and (min-width: 900px) {
    .sub-wrapper-com .sitepolicy div table {
      width: 80%; } }
  .sub-wrapper-com .sitepolicy div table tr th {
    width: 30%;
    text-align: center; }

/*/sub-wrapper-com--------------------*/
/*news--------------------------------*/
.news div ul {
  border: #dcdcdc 1px solid; }
  .news div ul li {
    padding: 0.5em;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start; }
    @media screen and (min-width: 900px) {
      .news div ul li {
        padding: 0.7em 1em; } }
    .news div ul li:nth-child(even) {
      background: #f3f3f3; }
    .news div ul li div {
      display: flex;
      flex-flow: row wrap;
      justify-content: flex-start;
      align-items: center; }
      .news div ul li div:first-of-type {
        width: 26%; }
        @media screen and (min-width: 900px) {
          .news div ul li div:first-of-type {
            width: 7em; } }
      .news div ul li div:nth-of-type(2) {
        width: 100%; }
        @media screen and (min-width: 900px) {
          .news div ul li div:nth-of-type(2) {
            width: 10em; } }
        .news div ul li div:nth-of-type(2) span {
          display: block;
          margin-bottom: 5px; }
          .news div ul li div:nth-of-type(2) span:last-of-type {
            margin-bottom: 0; }
      .news div ul li div:last-of-type {
        padding: 0;
        width: 100%; }
        @media screen and (min-width: 900px) {
          .news div ul li div:last-of-type {
            padding: 0 0 0 1em;
            width: 68%; } }

.news-contents h2 {
  font-size: 1.2rem; }
  @media screen and (max-width: 899px) {
    .news-contents h2 {
      line-height: 1.3em !important; } }
.news-contents .txt-right {
  margin: 1.3em 0.7em; }
  @media screen and (max-width: 899px) {
    .news-contents .txt-right {
      margin-bottom: 0.5em; } }
.news-contents .news-date {
  width: 98%; }
  @media screen and (min-width: 900px) {
    .news-contents .news-date {
      width: 50%;
      float: right; } }
.news-contents .news-cat {
  width: 98%;
  margin-bottom: 1.3em; }
  @media screen and (min-width: 900px) {
    .news-contents .news-cat {
      width: 50%;
      margin: 1.3em 0; } }
.news-contents div.news-area {
  margin-bottom: 4em;
  width: 100%; }
  .news-contents div.news-area p span {
    display: block; }
    .news-contents div.news-area p span.field-txtG {
      color: #008000;
      font-weight: bold; }
    .news-contents div.news-area p span.place {
      clear: both;
      margin-bottom: 1em;
      line-height: 1em; }
  .news-contents div.news-area p a.link-to-pdf img {
    border: #dcdcdc 1px solid; }
  .news-contents div.news-area hr {
    border: none;
    border-bottom: #dcdcdc 1px dashed;
    margin: 1em 0;
    width: 90%; }
    @media screen and (min-width: 900px) {
      .news-contents div.news-area hr {
        width: 60%; } }
  .news-contents div.news-area ul {
    margin-top: 1em; }
    .news-contents div.news-area ul span {
      font-weight: bold;
      float: left; }
    @media screen and (min-width: 900px) {
      .news-contents div.news-area ul li {
        margin-left: 4em; } }
  .news-contents div.news-area .news-bottom {
    margin-top: 5em;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between; }
    .news-contents div.news-area .news-bottom p {
      position: relative;
      min-width: 5em;
      height: 2.4em;
      font-family: Noto Sans Japanese, Noto Sans JP, sans-serif; }
      .news-contents div.news-area .news-bottom p.news-list a {
        position: relative;
        padding: 0.3em 0.7em 0.2em; }
      .news-contents div.news-area .news-bottom p span.news-prev a {
        padding: 0.3em 0.7em 0.2em 2em; }
        .news-contents div.news-area .news-bottom p span.news-prev a:before {
          font-family: "Font Awesome 5 Free";
          content: "\f0d9";
          color: #8bc34a;
          font-size: 1.2rem;
          font-weight: 900;
          position: absolute;
          left: 10%; }
      .news-contents div.news-area .news-bottom p span.news-next a {
        padding: 0.3em 2em 0.2em 0.7em; }
        .news-contents div.news-area .news-bottom p span.news-next a:before {
          font-family: "Font Awesome 5 Free";
          content: "\f0da";
          color: #8bc34a;
          font-size: 1.2rem;
          font-weight: 900;
          position: absolute;
          right: 10%; }
      .news-contents div.news-area .news-bottom p a {
        display: block;
        text-decoration: none;
        border: #adadad 1px solid;
        position: absolute;
        width: 100%;
        height: 100%; }
        .news-contents div.news-area .news-bottom p a:hover {
          background: #f3f3f3;
          color: #ff7246; }
.news-contents table {
  margin-bottom: 0; }
  .news-contents table tr th {
    text-align: left;
    display: block;
    padding: 0.6em; }
    @media screen and (min-width: 900px) {
      .news-contents table tr th {
        width: 80px; } }
  .news-contents table tr td {
    padding: 0.6em; }
    @media screen and (min-width: 900px) {
      .news-contents table tr td {
        width: 90%; } }

/*/news--------------------------------*/
/*404--------------------------------*/
.page404 {
  text-align: center;
  width: 100%;
  margin-bottom: 3rem; }
  .page404 h1 {
    font-size: 8vw;
    line-height: 2.5em; }
    @media screen and (min-width: 900px) {
      .page404 h1 {
        font-size: 3.5vw; } }
  .page404 p {
    line-height: 2em; }
    .page404 p i {
      line-height: 1.3em;
      font-size: 18vw; }
      @media screen and (min-width: 900px) {
        .page404 p i {
          font-size: 9vw; } }
    .page404 p.notfoud {
      width: 80%;
      font-size: 4vw;
      border-bottom: #8bc34a 3px solid;
      margin: 1em auto;
      line-height: 1.5em;
      padding-bottom: 0.4em; }
      @media screen and (min-width: 900px) {
        .page404 p.notfoud {
          width: 60%;
          font-size: 1.8vw; } }

/*/404--------------------------------*/