@charset "UTF-8";
html, body {
  width: 100%; }

* {
  box-sizing: border-box; }

input, textarea {
  -webkit-appearance: none; }

a {
  color: inherit;
  text-decoration: none;
  display: block; }
  a:hover {
    opacity: .8; }

.windows * {
  transform: rotate(0.005deg);
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-stroke: 0.1px; }

.link {
  transition: transform 0.2s 0.1s; }
  .link:hover {
    transform: scale(0.95); }

.nopc {
  display: none; }
  @media screen and (max-width: 700px) {
    .nopc {
      display: block; } }

.nosp {
  display: block; }
  @media screen and (max-width: 700px) {
    .nosp {
      display: none; } }

.fadeInDown {
  -webkit-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.5s;
  -ms-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  visibility: visible !important; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
body {
  width: 100%;
  min-width: 1100px;
  font-size: 14px;
  font-family: "M PLUS Rounded 1c","游ゴシック","メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
  -ms-font-feture-settings: "normal";
  line-height: 1;
  color: dimgray; }
  @media screen and (max-width: 700px) {
    body {
      font-size: 12px;
      min-width: auto; } }
  body .inner {
    width: 1080px;
    margin: 0 auto;
    position: relative; }
    @media screen and (max-width: 700px) {
      body .inner {
        max-width: 98%; } }
  body header {
    background-image: url(/common/img/header_bg.png);
    background-repeat: repeat-x;
    background-position: top center;
    height: 125px;
    width: 100%;
    z-index: 100;
    position: fixed; }
    @media screen and (max-width: 700px) {
      body header {
        margin-top: -30px; } }
    body header .logo {
      background-image: url(/common/img/header_logo.png);
      background-repeat: no-repeat;
      background-size: contain;
      width: 325px;
      height: 71px;
      position: relative;
      top: 7px;
      text-indent: -9999px; }
      @media screen and (max-width: 700px) {
        body header .logo {
          width: 235px;
          height: 50px;
          top: 35px;
          left: calc(50% - 150px); } }
      body header .logo a {
        display: block;
        width: 325px;
        height: 71px; }
        @media screen and (max-width: 700px) {
          body header .logo a {
            width: 235px;
            height: 50px; } }
    body header .corpNavi {
      background-color: #ea68a2;
      right: 0;
      top: 0;
      border-radius: 0 0 15px 15px;
      box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
      position: absolute; }
      @media screen and (max-width: 700px) {
        body header .corpNavi {
          display: none; } }
      body header .corpNavi ul {
        display: flex; }
        body header .corpNavi ul li {
          margin: 12px 8px;
          color: white; }
          body header .corpNavi ul li:first-child {
            margin: 12px 8px 12px 18px; }
          body header .corpNavi ul li:last-child {
            margin: 12px 18px 12px 8px; }
    body header .ctglyNavi {
      position: absolute;
      right: 0;
      bottom: -5px; }
      @media screen and (max-width: 700px) {
        body header .ctglyNavi {
          display: none; } }
      body header .ctglyNavi ul {
        display: flex; }
        body header .ctglyNavi ul li {
          border-radius: 10px;
          padding: 6px;
          margin: 0 0 0 5px;
          border: solid 2px #e74d91;
          color: #e74d91;
          font-weight: bold; }
          body header .ctglyNavi ul li:hover {
            color: white;
            background-color: #e74d91; }
          body header .ctglyNavi ul li:nth-child(2) {
            border: solid 2px #00a0e9;
            color: #00a0e9; }
            body header .ctglyNavi ul li:nth-child(2):hover {
              color: white;
              background-color: #00a0e9; }
          body header .ctglyNavi ul li:nth-child(4) {
            border: solid 2px #22ac38;
            color: #22ac38; }
            body header .ctglyNavi ul li:nth-child(4):hover {
              color: white;
              background-color: #22ac38; }
        body header .ctglyNavi ul _:-ms-lang(x)::-ms-backdrop, body header .ctglyNavi ul li {
          /* IE11 のみ適用される */
          padding: 8px 6px 4px 6px; }
    body header .spMenu {
      display: none; }
      @media screen and (max-width: 700px) {
        body header .spMenu {
          display: block;
          position: absolute;
          top: 0;
          right: 0;
          width: 100%; } }
      body header .spMenu .sp_menu_btn {
        position: absolute;
        right: 0;
        top: 35px;
        width: 70px;
        border-left: dotted 1px #ea68a2; }
      body header .spMenu ul.sp_menu_list {
        position: absolute;
        right: -1%;
        top: 92px;
        transition: transform 0.2s;
        transform: scaleX(0);
        transform-origin: right; }
        body header .spMenu ul.sp_menu_list li {
          border-radius: 3em 0 0 3em;
          font-size: 1.4em;
          line-height: 2.2em;
          border-bottom: solid 1px lightgray;
          color: #e74d91;
          background-color: white;
          padding: 0em 0.8em;
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); }
          body header .spMenu ul.sp_menu_list li:nth-child(1) {
            border-top: dotted 1px #ea68a2; }
          body header .spMenu ul.sp_menu_list li:nth-child(2) {
            color: #00a0e9; }
            body header .spMenu ul.sp_menu_list li:nth-child(2):hover {
              background-color: #00a0e9; }
          body header .spMenu ul.sp_menu_list li:nth-child(4) {
            color: #22ac38; }
            body header .spMenu ul.sp_menu_list li:nth-child(4):hover {
              background-color: #22ac38; }
          body header .spMenu ul.sp_menu_list li:nth-child(n+5), body header .spMenu ul.sp_menu_list li :nth-child(n+8) {
            color: gray; }
            body header .spMenu ul.sp_menu_list li:nth-child(n+5):hover, body header .spMenu ul.sp_menu_list li :nth-child(n+8):hover {
              background-color: gray; }
          body header .spMenu ul.sp_menu_list li:hover {
            background-color: #e74d91;
            color: white; }
      body header .spMenu .current {
        transform: scaleX(1) !important; }
      body header .spMenu img {
        width: 100%; }
  body main {
    position: relative;
    padding-top: 125px;
    overflow: hidden;
    background: white;
    width: 100%;
    min-width: 1080px;
    display: block;
    margin-bottom: 30px; }
    @media screen and (max-width: 700px) {
      body main {
        width: 100%;
        min-width: auto;
        padding-top: 95px; } }
    body main #pageTitle {
      width: 100%;
      margin: 20px auto 40px; }
      @media screen and (max-width: 700px) {
        body main #pageTitle {
          margin: 20px auto; } }
      body main #pageTitle img {
        height: 44px; }
        @media screen and (max-width: 700px) {
          body main #pageTitle img {
            height: 30px; } }
      body main #pageTitle p {
        font-size: 2em;
        position: absolute;
        text-indent: 1.5em;
        color: #e74d91;
        line-height: 51px;
        top: 0;
        font-weight: bold; }
      body main #pageTitle .inner:after {
        content: "";
        background: url(/common/img/title_btm.png) no-repeat;
        background-size: contain;
        width: 100%;
        height: 14px;
        display: inline-block; }
        @media screen and (max-width: 700px) {
          body main #pageTitle .inner:after {
            height: 10px;
            background-size: cover; } }
    body main #LArea {
      width: 780px;
      float: left; }
      @media screen and (max-width: 700px) {
        body main #LArea {
          width: 100%;
          float: none;
          margin-bottom: 20px; } }
      body main #LArea > :first-child {
        margin-top: 0 !important; }
      body main #LArea .category {
        width: 100%;
        min-width: 780px;
        margin: 20px auto; }
        @media screen and (max-width: 700px) {
          body main #LArea .category {
            min-width: auto; } }
        body main #LArea .category ul {
          display: flex;
          flex-wrap: wrap;
          width: 100%; }
          body main #LArea .category ul li {
            background-color: aliceblue;
            border-radius: 20px;
            width: 24%;
            margin: 0 1% 1em 0;
            padding: 0.5em 1em;
            color: #00a0e9;
            position: relative; }
            @media screen and (max-width: 700px) {
              body main #LArea .category ul li {
                width: 49%; } }
            body main #LArea .category ul li a {
              width: calc(100% - 1em);
              height: 100%;
              color: #00a0e9;
              display: inline-block; }
            body main #LArea .category ul li:after {
              content: "▲";
              transform: rotate(180deg);
              display: inline-block;
              line-height: 1.5;
              float: right; }
            body main #LArea .category ul li.pdf a {
              width: calc(100% - 3em);
              display: inline-block; }
            body main #LArea .category ul li.pdf:after {
              content: "PDF";
              transform: rotate(0);
              line-height: 1;
              background-color: #00a0e9;
              padding: 2px;
              color: white;
              border-radius: 3px;
              font-size: 0.9em;
              float: right; }
    body main #RArea {
      padding-top: 0;
      overflow: hidden;
      width: 230px;
      float: right; }
      @media screen and (max-width: 700px) {
        body main #RArea {
          width: 90%;
          float: none;
          margin: 0 auto; } }
      body main #RArea li {
        margin: 0 0 30px; }
        @media screen and (max-width: 700px) {
          body main #RArea li {
            width: 48%;
            float: right;
            margin: 0 0 25px; } }
        @media screen and (max-width: 700px) {
          body main #RArea li:first-child {
            float: left; } }
      body main #RArea img {
        width: 100%; }
  body #upto-Page {
    position: relative;
    margin: 0 0 -30px 0;
    display: block; }
    body #upto-Page .inner {
      overflow: hidden; }
    body #upto-Page .upto {
      background: url(/common/img/uptopage_peachan.png) no-repeat;
      background-size: 80% auto;
      background-position: center bottom;
      width: 7em;
      height: 125px;
      display: block;
      text-align: center;
      margin-right: 5%;
      margin-top: 1px;
      margin-left: auto;
      color: #e74d91;
      transition: background 0.3s 0s;
      cursor: pointer; }
      @media screen and (max-width: 700px) {
        body #upto-Page .upto {
          height: 110px;
          margin-right: calc(50% - 3.5em); } }
      body #upto-Page .upto p {
        padding: 3px 2px;
        border: solid 1px #e74d91;
        border-radius: 15px; }
      body #upto-Page .upto:hover {
        opacity: 1;
        background: url(/common/img/uptopage_peachan2.png) no-repeat;
        background-size: 80% auto;
        background-position: center bottom; }
        body #upto-Page .upto:hover p {
          color: white;
          background-color: #e74d91; }
  body footer {
    z-index: 50;
    background-image: url(/common/img/body_bg.png);
    background-position: top center;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    display: block;
    position: relative;
    color: white;
    padding: 1em 0;
    font-size: 0.85em;
    width: 100%;
    min-width: 1080px; }
    @media screen and (max-width: 700px) {
      body footer {
        width: 100%;
        min-width: auto; } }
    body footer .ag, body footer .pp {
      float: right;
      text-decoration: underline;
      margin-right: 1em; }

/*# sourceMappingURL=common.css.map */