@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;600;700;900&display=swap");
:root {
  --font-body: 'Noto Sans JP', 'NotoRegular', 'ヒラギノ角ゴシック',
    'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN',
    'NotoBold', '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体',
    'YuGothic', 'axisR', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic',
    'YakuHanJP', sans-serif;
  --font-size: 1.6rem; }

@media screen and (max-width: 900px) {
  :root {
    --font-size: 1.5rem; } }
@media screen and (max-width: 767px) {
  :root {
    --font-size: 1.4rem; } }
@media screen and (max-width: 320px) {
  :root {
    --font-size: 1.3rem; } }
.secHeader {
  position: fixed;
  z-index: 100;
  min-width: 100%;
  top: 0;
  left: 0; }
  .secHeader .secHeaderIn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto; }

@media only screen and (max-width: 767px) {
  .secHeader {
    background: rgba(255, 255, 255, 0.3); }
    .secHeader .secHeaderIn {
      padding: 14px 0 14px 0;
      width: 94%; }
      .secHeader .secHeaderIn .logoArea {
        width: 155px; }
      .secHeader .secHeaderIn .btnMenuArea {
        display: block;
        margin: 0 9px 0 0; }
        .secHeader .secHeaderIn .btnMenuArea .btnMenu {
          padding-top: 9px; }
          .secHeader .secHeaderIn .btnMenuArea .btnMenu .menuTrigger {
            position: relative;
            width: 33px;
            height: 20px;
            display: inline-block;
            transition: all 0.4s;
            box-sizing: border-box; }
            .secHeader .secHeaderIn .btnMenuArea .btnMenu .menuTrigger span {
              display: inline-block;
              transition: all 0.4s;
              box-sizing: border-box;
              position: absolute;
              left: 0;
              width: 100%;
              height: 2px;
              background-color: #444444; }
              .secHeader .secHeaderIn .btnMenuArea .btnMenu .menuTrigger span:nth-of-type(1) {
                top: 0; }
              .secHeader .secHeaderIn .btnMenuArea .btnMenu .menuTrigger span:nth-of-type(2) {
                top: calc(50% - 0.5px); }
              .secHeader .secHeaderIn .btnMenuArea .btnMenu .menuTrigger span:nth-of-type(3) {
                bottom: 0; }
          .secHeader .secHeaderIn .btnMenuArea .btnMenu.active .menuTrigger span:nth-of-type(1) {
            -webkit-transform: translateY(0px) rotate(-45deg);
            transform: translateY(0px) rotate(-45deg);
            top: 7px;
            left: 0; }
          .secHeader .secHeaderIn .btnMenuArea .btnMenu.active .menuTrigger span:nth-of-type(2) {
            opacity: 0; }
          .secHeader .secHeaderIn .btnMenuArea .btnMenu.active .menuTrigger span:nth-of-type(3) {
            -webkit-transform: translateY(0px) rotate(45deg);
            transform: translateY(0px) rotate(45deg);
            top: 7px;
            left: 0; }

  .menuListArea {
    display: none;
    position: fixed;
    top: 0;
    background: #ffffff;
    height: 100vh;
    overflow-y: scroll;
    width: 100%;
    z-index: 2; }
    .menuListArea.panelactive {
      display: block;
      opacity: 1; }
    .menuListArea .menuListAreaIn {
      margin: 0 auto;
      padding: 93px 0 200px 0;
      width: 240px; }
      .menuListArea .menuListAreaIn .menuList {
        margin: 0 0 20px 0; }
        .menuListArea .menuListAreaIn .menuList:last-child {
          margin: 0; }
        .menuListArea .menuListAreaIn .menuList .menuTitleLink {
          margin: 0 0 9px 0; }
          .menuListArea .menuListAreaIn .menuList .menuTitleLink .menuTitleLinkIn {
            position: relative;
            font-size: 18px;
            font-weight: 900;
            transition: 0.3s; }
            .menuListArea .menuListAreaIn .menuList .menuTitleLink .menuTitleLinkIn::after {
              content: '';
              position: absolute;
              left: 0;
              bottom: 0;
              background: #222222;
              display: block;
              height: 1px;
              width: 100%; }
            .menuListArea .menuListAreaIn .menuList .menuTitleLink .menuTitleLinkIn:hover {
              color: #6fb92c; }
              .menuListArea .menuListAreaIn .menuList .menuTitleLink .menuTitleLinkIn:hover::after {
                background: #6fb92c; }
        .menuListArea .menuListAreaIn .menuList .dropDownBox .dropDownBoxIn .dropDownLink {
          margin: 0 0 9px 0; }
          .menuListArea .menuListAreaIn .menuList .dropDownBox .dropDownBoxIn .dropDownLink:last-child {
            margin: 0; }
          .menuListArea .menuListAreaIn .menuList .dropDownBox .dropDownBoxIn .dropDownLink .dropDownLinkIn {
            position: relative;
            font-size: 15px;
            font-weight: 500;
            padding: 0 0 0 15px;
            transition: 0.3s; }
            .menuListArea .menuListAreaIn .menuList .dropDownBox .dropDownBoxIn .dropDownLink .dropDownLinkIn .loginImg {
              margin: 0 0 0 7px;
              transition: 0.3s; }
            .menuListArea .menuListAreaIn .menuList .dropDownBox .dropDownBoxIn .dropDownLink .dropDownLinkIn::after {
              content: '';
              position: absolute;
              top: 50%;
              left: 0%;
              transform: translateY(-50%);
              -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
              background: #222222;
              display: block;
              height: 1px;
              width: 6px;
              transition: 0.3s; }
            .menuListArea .menuListAreaIn .menuList .dropDownBox .dropDownBoxIn .dropDownLink .dropDownLinkIn:hover {
              color: #6fb92c; }
              .menuListArea .menuListAreaIn .menuList .dropDownBox .dropDownBoxIn .dropDownLink .dropDownLinkIn:hover .loginImg {
                filter: brightness(0) saturate(100%) invert(71%) sepia(11%) saturate(3109%) hue-rotate(47deg) brightness(93%) contrast(76%); }
              .menuListArea .menuListAreaIn .menuList .dropDownBox .dropDownBoxIn .dropDownLink .dropDownLinkIn:hover::after {
                background: #6fb92c; }
    .menuListArea .fixityMenu {
      position: fixed;
      left: 0;
      bottom: 0;
      width: 100%; }
      .menuListArea .fixityMenu .fixityMenuIn {
        display: flex;
        justify-content: center;
        margin: 0 0 6px 0; }
        .menuListArea .fixityMenu .fixityMenuIn .fixityLink {
          background: #6fb92c;
          border-radius: 3px;
          color: #ffffff;
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: min(4.26vw, 16px);
          margin: 0 4px 0 0;
          padding: 14px 5px 15px;
          max-width: 234px;
          width: 62.4%; }
          .menuListArea .fixityMenu .fixityMenuIn .fixityLink img {
            margin: 0 9.5px 0 0; }
          .menuListArea .fixityMenu .fixityMenuIn .fixityLink:nth-child(2) {
            background: #259c4d;
            margin: 0;
            max-width: 127px;
            width: 34%; } }
@media print, screen and (min-width: 768px) {
  .secHeader {
    background: #ffffff; }
    .secHeader .secHeaderIn {
      max-width: 1400px;
      padding: min(0.23vw, 3px) 0 min(0.23vw, 3px) min(7.43vw, 99px); }
      .secHeader .secHeaderIn .logoArea {
        width: min(10.88vw, 145px); }
      .secHeader .secHeaderIn .linkArea {
        display: flex;
        align-items: center; }
        .secHeader .secHeaderIn .linkArea .headerLink {
          position: relative;
          margin: 0 min(2.18vw, 29px) 0 0; }
          .secHeader .secHeaderIn .linkArea .headerLink::after {
            content: '';
            position: absolute;
            bottom: -2px;
            left: 50%;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            background: #6fb92c;
            display: block;
            width: 0;
            height: 2px;
            -webkit-transform-origin: center top;
            transform-origin: center top;
            -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease; }
          .secHeader .secHeaderIn .linkArea .headerLink .headerLinkIn {
            font-size: min(1.2vw, 16px);
            font-weight: bold; }
          .secHeader .secHeaderIn .linkArea .headerLink .dropDownBox {
            opacity: 0;
            pointer-events: none;
            position: absolute;
            top: min(3.9vw, 52px);
            left: 50%;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            width: min(20.26vw, 270px);
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease; }
            .secHeader .secHeaderIn .linkArea .headerLink .dropDownBox .dropDownBoxIn {
              background: #ffffff;
              border-radius: 3px;
              margin: min(1.5vw, 20px) 0 0 0;
              padding: min(1.8vw, 24px) 0 min(0.9vw, 12px) min(1.73vw, 23px); }
              .secHeader .secHeaderIn .linkArea .headerLink .dropDownBox .dropDownBoxIn .dropDownLink {
                margin: 0 0 min(0.9vw, 12px) 0; }
                .secHeader .secHeaderIn .linkArea .headerLink .dropDownBox .dropDownBoxIn .dropDownLink .dropDownLinkIn {
                  position: relative;
                  font-size: min(1.2vw, 16px);
                  padding: 0 0 0 min(1.13vw, 15px);
                  transition: 0.3s; }
                  .secHeader .secHeaderIn .linkArea .headerLink .dropDownBox .dropDownBoxIn .dropDownLink .dropDownLinkIn .loginImg {
                    margin: 0 0 0 min(0.53vw, 7px);
                    transition: 0.3s; }
                  .secHeader .secHeaderIn .linkArea .headerLink .dropDownBox .dropDownBoxIn .dropDownLink .dropDownLinkIn::after {
                    content: '';
                    position: absolute;
                    top: 50%;
                    left: 0%;
                    transform: translateY(-50%);
                    -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    background: #222222;
                    display: block;
                    height: 1px;
                    width: min(0.45vw, 6px);
                    transition: 0.3s; }
                  .secHeader .secHeaderIn .linkArea .headerLink .dropDownBox .dropDownBoxIn .dropDownLink .dropDownLinkIn:hover {
                    color: #6fb92c; }
                    .secHeader .secHeaderIn .linkArea .headerLink .dropDownBox .dropDownBoxIn .dropDownLink .dropDownLinkIn:hover .loginImg {
                      filter: brightness(0) saturate(100%) invert(71%) sepia(11%) saturate(3109%) hue-rotate(47deg) brightness(93%) contrast(76%); }
                    .secHeader .secHeaderIn .linkArea .headerLink .dropDownBox .dropDownBoxIn .dropDownLink .dropDownLinkIn:hover::after {
                      background: #6fb92c; }
          .secHeader .secHeaderIn .linkArea .headerLink:hover::after {
            width: calc(100% - 30px); }
          .secHeader .secHeaderIn .linkArea .headerLink:hover .dropDownBox {
            opacity: 1;
            pointer-events: auto;
            top: min(2.4vw, 32px); }
        .secHeader .secHeaderIn .linkArea .headerLinkbkG {
          background: #6fb92c;
          border-radius: 3px;
          color: #ffffff;
          display: flex;
          align-items: center;
          font-size: min(1.28vw, 17px);
          font-weight: bold;
          line-height: 100%;
          padding: min(1.43vw, 19px) min(1.5vw, 20px) min(1.35vw, 18px) min(1.5vw, 20px);
          margin: 0 min(0.23vw, 3px) 0 0; }
          .secHeader .secHeaderIn .linkArea .headerLinkbkG.gr {
            background: #259c4d;
            padding: min(1.43vw, 19px) min(1.5vw, 20px) min(1.43vw, 19px) min(1.5vw, 20px); }
          .secHeader .secHeaderIn .linkArea .headerLinkbkG .dataImg {
            margin: 0 min(0.9vw, 12px) 0 0;
            width: min(1.35vw, 18px); }
          .secHeader .secHeaderIn .linkArea .headerLinkbkG .applicationImg {
            margin: 0 min(0.9vw, 12px) 0 0;
            width: min(1.88vw, 25px); }
      .secHeader .secHeaderIn .btnMenuArea {
        display: none; }

  .menuListArea {
    display: none; } }