@charset "UTF-8";
/* media-queries-page.css */
@media screen and (min-width: 1680px) {
  /* 1680px以上 */ }
@media screen and (max-width: 1440px) {
  /* 1440px以下 */ }
@media screen and (max-width: 1280px) {
  /* 1280px以下 */ }
@media screen and (max-width: 1080px) {
  /* 1080px以下 */ }
@media screen and (max-width: 1023px) {
  /* 1024px以下 */ }
@media screen and (max-width: 820px) {
  /* 820px以下 */
  #page .inner {
    padding-top: 7.5em;
    padding-bottom: 7.5em; }
    #page .inner .titleBox {
      margin-top: 3em; }
    #page .inner .pageNavBox {
      margin-top: 3em; }
      #page .inner .pageNavBox ul li a {
        padding: 1em 0.5em; }
    #page .inner .contentWrap {
      margin-top: 3em; }
      #page .inner .contentWrap .contentInner .btnBox ul {
        flex-wrap: wrap; }
        #page .inner .contentWrap .contentInner .btnBox ul li {
          margin-right: 0;
          width: 100%; }
      #page .inner .contentWrap .contentInner .btn {
        margin-top: 2em; }
        #page .inner .contentWrap .contentInner .btn a {
          box-sizing: border-box;
          display: block;
          padding: 1em 0;
          width: 100%; }
      #page .inner .contentWrap .contentInner .pageBottomNav {
        margin-top: 4em; } }
@media screen and (max-width: 480px) {
  /* 480px以下 */
  #page .inner {
    padding-top: 5em; }
    #page .inner .pageNavBox ul {
      justify-content: flex-start;
      overflow: scroll; }
    #page .inner .contentWrap .contentTitle {
      padding-left: 0;
      padding-right: 0; }
    #page .inner .contentWrap .contentInner {
      padding: 0; }
      #page .inner .contentWrap .contentInner .contentBox.column2 {
        flex-wrap: wrap; }
        #page .inner .contentWrap .contentInner .contentBox.column2 .txtBox,
        #page .inner .contentWrap .contentInner .contentBox.column2 .imgBox {
          width: 100%; }
        #page .inner .contentWrap .contentInner .contentBox.column2 .txtBox {
          order: 2; }
        #page .inner .contentWrap .contentInner .contentBox.column2 .imgBox {
          order: 1;
          margin-bottom: 2em; }
      #page .inner .contentWrap .contentInner .contentBox .box .btn {
        margin-bottom: 0; }
      #page .inner .contentWrap .contentInner .btn a {
        display: block; }
      #page .inner .contentWrap .contentInner .pageBottomNav {
        margin-top: 3em; }
        #page .inner .contentWrap .contentInner .pageBottomNav ul li a.prev, #page .inner .contentWrap .contentInner .pageBottomNav ul li a.next {
          width: 5em;
          height: 5em; }
          #page .inner .contentWrap .contentInner .pageBottomNav ul li a.prev .arrow, #page .inner .contentWrap .contentInner .pageBottomNav ul li a.next .arrow {
            top: 27.5%; } }