@charset "SHFT-JIS";
/* Scss Document */
/* 1280px〜：大型PC*/
/* 960px〜1279px：小型PC */
/* 720px〜959px：タブレット */
/* 600px〜719px：タブレット */
/* 480px〜599px：SP横 */
/* 〜479px：SP縦 */
body {
  -webkit-print-color-adjust: exact; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input, button, textarea, select {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  font-family: Meiryo,YuGothic,YuGothicM,sans-serif; }

p, h1, h2, h3, h4, h5, h6, ul, li, span, div, img, dl, dt, dd {
  margin: 0;
  padding: 0;
  font-family: "Meiryo", sans-serif;
  list-style-type: none; }

ul li {
  list-style: none; }

strong {
  font-weight: bold; }

.ct {
  text-align: center; }

.clearfix:after {
  display: block;
  clear: both;
  height: 0px;
  visibility: hidden;
  content: "."; }

.clearfix {
  min-height: 1px; }

* html .clearfix {
  height: 1px;
  height: auto;
  overflow: hidden; }

article, main, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha( opacity=60 )";
  transition: all 0.5s ease; }

.fr {
  float: right; }

.fl {
  float: left; }

a {
  transition: color .3s; }

a:link {
  color: #103786; }

a:visited {
  color: #103786; }

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

a:active {
  color: #103786; }

.Red {
  color: #e50012 !important; }

.tc {
  text-align: center; }

.tl {
  text-align: left; }

.tr {
  text-align: right; }

select {
  height: 3em;
  vertical-align: middle;
  padding: 0 0.4em;
  padding-right: 0.4em;
  display: inline-block; }

ul.attention {
  margin-left: 1em; }

ul.attention li {
  list-style-type: none;
  text-indent: -1rem;
  color: #333;
  font-size: 98%;
  line-height: 22px; }

ul.attention li:before {
  display: inline;
  content: "※";
  margin-right: 0.2em; }

.ita {font-style:italic;}

.scaps {font-variant:small-caps;}

span.sup {
  font-size: 75.5%;
  vertical-align: top;
  position: relative;
  top: -0.1em;
}
  
span.sub {
  font-size: 75.5%;
  vertical-align: bottom;
  position: relative;
  top: 0.1em;
}

a.gfa_icon {
  position: absolute;
  top: 0;
  right: 0;
}

/* 1280px〜：大型PC*/
@media print, screen and (min-width: 1280px) {
  #HeaderArea {
    background: url("../images/img_index/bg_mainvisual_logo.png") no-repeat top center, linear-gradient(#273579, #0078c2);
    height: 820px; }
    #HeaderArea .HeaderCnotents {
      width: 1000px;
      margin: 0 auto;
      height: 720px;
      position: relative; }
      #HeaderArea .HeaderCnotents h1#SiteLogo img {
        position: absolute;
        width: 600px;
        height: auto;
        top: 55px;
        right: 0;
        left: 0;
        margin: auto; }

        #HeaderArea .HeaderCnotents #HeaderLanguageBtn {
          position: absolute;
          top: 10px;
          right: 0;
        }

        #HeaderArea .HeaderCnotents #HeaderLanguageBtn ul {
          display: flex;
          flex-direction: row;
          gap: 5px;
        }

        #HeaderArea .HeaderCnotents #HeaderLanguageBtn ul li i {
          color: #fff;
          padding: 4px 10px;
          border-radius: 10px;
          text-align: center;
          font-size: 12px;
          display: block;
        }

        #HeaderArea .HeaderCnotents #HeaderLanguageBtn ul li a {
          display: block;
          color: #003978;
          background: #fff;
          padding: 4px 10px;
          border-radius: 10px;
          text-align: center;
          font-size: 12px;
          text-decoration: none;
        }
      
        #HeaderArea .HeaderCnotents #HeaderNumber {
          position: absolute;
          bottom: 30px;
          right: 0;
        }
        #HeaderArea .HeaderCnotents #HeaderNumber p {
          color: white;
          font-size: 15px;
        }
      #HeaderArea .HeaderCnotents #HeaderSoukan {
        position: absolute;
        bottom: 30px;
        right: 0;
        left: 0;
        margin:0 auto;
      }
      #HeaderArea .HeaderCnotents #HeaderSoukan p {
        color: white;
        font-size: 30px;
        text-align: center;
      }

  #EnglishPage #HeaderArea {
    background: url("../images/img_index/bg_mainvisual_logo.png") no-repeat top center, linear-gradient(#273579, #0078c2);
    height: 820px; }
    #EnglishPage #HeaderArea .HeaderCnotents {
      width: 1000px;
      margin: 0 auto;
      height: 720px;
      position: relative; }
      #EnglishPage #HeaderArea .HeaderCnotents h1#SiteLogo img {
        position: absolute;
        width: 770px;
        height: auto;
        top: 55px;
        right: 0;
        left: 0;
        margin: auto; }

      #EnglishPage #HeaderArea .HeaderCnotents #HeaderLanguageBtn {
        position: absolute;
        top: 10px;
        right: 0; }

        #EnglishPage #HeaderArea .HeaderCnotents #HeaderLanguageBtn ul {
          display: flex;
          flex-direction: row;
          gap: 5px;
        }

        #EnglishPage #HeaderArea .HeaderCnotents #HeaderLanguageBtn ul li i {
          color: #fff;
          padding: 4px 10px;
          border-radius: 10px;
          text-align: center;
          font-size: 12px;
          display: block;
        }

        #EnglishPage #HeaderArea .HeaderCnotents #HeaderLanguageBtn ul li a {
          display: block;
          color: #003978;
          background: #fff;
          padding: 4px 10px;
          border-radius: 10px;
          text-align: center;
          font-size: 12px;
          text-decoration: none;
        }

  #HeaderSubArea {
    background: url("../images/img_commons/bg_headerSub_logo.png") no-repeat top center, linear-gradient(#273579, #0078c2);
    height: 500px;
    /*background-position: top left -1130px;*/ }
    #HeaderSubArea .HeaderCnotents {
      width: 1000px;
      margin: 0 auto;
      height: 360px;
      position: relative; }
      #HeaderSubArea .HeaderCnotents h1#SiteLogo img {
        position: absolute;
        width: 770px;
        height: auto;
        top: 55px;
        right: 0;
        left: 170px; }

      #HeaderSubArea .HeaderCnotents #HeaderLanguageBtn {
        position: absolute;
        top: 10px;
        right: 0; }

      #HeaderSubArea .HeaderCnotents #HeaderLanguageBtn ul {
        display: flex;
        flex-direction: row;
        gap: 5px;
      }

      #HeaderSubArea .HeaderCnotents #HeaderLanguageBtn ul li i {
        color: #fff;
        padding: 4px 10px;
        border-radius: 10px;
        text-align: center;
        font-size: 12px;
        display: block;
      }

      #HeaderSubArea .HeaderCnotents #HeaderLanguageBtn ul li a {
        display: block;
        color: #003978;
        background: #fff;
        padding: 4px 10px;
        border-radius: 10px;
        text-align: center;
        font-size: 12px;
        text-decoration: none;
      }

  #EnglishPage #HeaderSubArea {
    background: url("../images/img_commons/bg_headerSub_logo.png") no-repeat top center, linear-gradient(#273579, #0078c2);
    height: 500px; }
    #EnglishPage #HeaderSubArea .HeaderCnotents {
      width: 1000px;
      margin: 0 auto;
      height: 360px;
      position: relative; }
      #EnglishPage #HeaderSubArea .HeaderCnotents h1#SiteLogo img {
        position: absolute;
        width: 600px;
        height: auto;
        top: 30px;
        right: 0;
        left: 0;
        margin: auto; }

      #EnglishPage #HeaderSubArea .HeaderCnotents #HeaderLanguageBtn {
        position: absolute;
        top: 10px;
        right: 0; }

        #EnglishPage #HeaderSubArea .HeaderCnotents #HeaderLanguageBtn ul {
          display: flex;
          flex-direction: row;
          gap: 5px;
        }

        #EnglishPage #HeaderSubArea .HeaderCnotents #HeaderLanguageBtn ul li i {
          color: #fff;
          padding: 4px 10px;
          border-radius: 10px;
          text-align: center;
          font-size: 12px;
          display: block;
        }

        #EnglishPage #HeaderSubArea .HeaderCnotents #HeaderLanguageBtn ul li a {
          display: block;
          color: #003978;
          background: #fff;
          padding: 4px 10px;
          border-radius: 10px;
          text-align: center;
          font-size: 12px;
          text-decoration: none;
        }
      }
/* 960px〜1279px：小型PC */
@media screen and (min-width: 960px) and (max-width: 1279px) {
  #HeaderArea {
    background: url("../images/img_index/bg_mainvisual_logo.png") no-repeat top center, linear-gradient(#273579, #0078c2);
    height: 650px; }
    #HeaderArea .HeaderCnotents {
      width: 920px;
      margin: 0 auto;
      height: 650px;
      position: relative; }
      #HeaderArea .HeaderCnotents h1#SiteLogo img {
        position: absolute;
        width: 480px;
        height: auto;
        top: 55px;
        right: 0;
        left: 0;
        margin: auto; }

      #HeaderArea .HeaderCnotents #HeaderLanguageBtn {
        position: absolute;
        top: 10px;
        right: 70px; }

        #HeaderArea .HeaderCnotents #HeaderLanguageBtn ul {
          display: flex;
          flex-direction: row;
          gap: 5px;
        }

        #HeaderArea .HeaderCnotents #HeaderLanguageBtn ul li i {
          color: #fff;
          padding: 4px 10px;
          border-radius: 10px;
          text-align: center;
          font-size: 12px;
          display: block;
        }

        #HeaderArea .HeaderCnotents #HeaderLanguageBtn ul li a {
          display: block;
          color: #003978;
          background: #fff;
          padding: 4px 10px;
          border-radius: 10px;
          text-align: center;
          font-size: 12px;
          text-decoration: none;
        }
          
      #HeaderArea .HeaderCnotents #HeaderNumber {
        position: absolute;
        bottom: 30px;
        right: 0;
      }
      #HeaderArea .HeaderCnotents #HeaderNumber p {
        color: white;
        font-size: 15px;
      }
      #HeaderArea .HeaderCnotents #HeaderSoukan {
        position: absolute;
        bottom: 30px;
        right: 0;
        left: 0;
        margin:0 auto;
      }
      #HeaderArea .HeaderCnotents #HeaderSoukan p {
        color: white;
        font-size: 30px;
        text-align: center;
      }

  #EnglishPage .HeaderCnotents {
    width: 920px;
    margin: 0 auto;
    height: 720px;
    position: relative; }
    #EnglishPage .HeaderCnotents h1#SiteLogo img {
      position: absolute;
      width: 620px;
      height: auto;
      top: 55px;
      right: 0;
      left: 0;
      margin: auto; }

  #HeaderSubArea {
    background: url("../images/img_commons/bg_headerSub_logo.png") no-repeat top center, linear-gradient(#273579, #0078c2);
    height: 500px; }
    #HeaderSubArea .HeaderCnotents {
      width: 920px;
      margin: 0 auto;
      height: 360px;
      position: relative; }
      #HeaderSubArea .HeaderCnotents h1#SiteLogo img {
        position: absolute;
        width: 672px;
        height: auto;
        top: 55px;
        right: 0;
        left: 0;
        margin: auto; }
      #HeaderSubArea .HeaderCnotents #HeaderLanguageBtn {
        position: absolute;
        top: 10px;
        right: 70px; }

        #HeaderSubArea .HeaderCnotents #HeaderLanguageBtn ul {
          display: flex;
          flex-direction: row;
          gap: 5px;
        }

        #HeaderSubArea .HeaderCnotents #HeaderLanguageBtn ul li i {
          color: #fff;
          padding: 4px 10px;
          border-radius: 10px;
          text-align: center;
          font-size: 12px;
          display: block;
        }

        #HeaderSubArea .HeaderCnotents #HeaderLanguageBtn ul li a {
          display: block;
          color: #003978;
          background: #fff;
          padding: 4px 10px;
          border-radius: 10px;
          text-align: center;
          font-size: 12px;
          text-decoration: none;
        }

  #EnglishPage #HeaderSubArea {
    background: url("../images/img_commons/bg_headerSub_logo.png") no-repeat top center, linear-gradient(#273579, #0078c2);
    height: 500px; }
    #EnglishPage #HeaderSubArea .HeaderCnotents {
      width: 920px;
      margin: 0 auto;
      height: 360px;
      position: relative; }
      #EnglishPage #HeaderSubArea .HeaderCnotents h1#SiteLogo img {
        position: absolute;
        width: 550px;
        height: auto;
        top: 40px;
        right: 0;
        left: 0;
        margin: auto; }
    #EnglishPage #HeaderSubArea #HeaderLanguageBtn {
      position: absolute;
      top: 10px;
      right: 70px; }

      #EnglishPage #HeaderSubArea .HeaderCnotents #HeaderLanguageBtn ul {
        display: flex;
        flex-direction: row;
        gap: 5px;
      }

      #EnglishPage #HeaderSubArea .HeaderCnotents #HeaderLanguageBtn ul li i {
        color: #fff;
        padding: 4px 10px;
        border-radius: 10px;
        text-align: center;
        font-size: 12px;
        display: block;
      }

      #EnglishPage #HeaderSubArea .HeaderCnotents #HeaderLanguageBtn ul li a {
        display: block;
        color: #003978;
        background: #fff;
        padding: 4px 10px;
        border-radius: 10px;
        text-align: center;
        font-size: 12px;
        text-decoration: none;
      }
}

/* 720px〜959px：タブレット */
@media screen and (min-width: 720px) and (max-width: 959px) {
  #HeaderArea {
    background: url("../images/img_index/bg_mainvisual_logo720.png") no-repeat top -100px center, linear-gradient(#273579, #0078c2);
    height: 500px; }
    #HeaderArea .HeaderCnotents {
      width: 675px;
      margin: 0 auto;
      height: 500px;
      position: relative; }
      #HeaderArea .HeaderCnotents h1#SiteLogo img {
        position: absolute;
        width: 400px;
        height: auto;
        top: 55px;
        right: 0;
        left: 0;
        margin: auto; }
      #HeaderArea .HeaderCnotents #HeaderLanguageBtn {
        position: absolute;
        top: 10px;
        right: 70px; }

        #HeaderArea .HeaderCnotents #HeaderLanguageBtn ul {
          display: flex;
          flex-direction: row;
          gap: 5px;
        }

        #HeaderArea .HeaderCnotents #HeaderLanguageBtn ul li i {
          color: #fff;
          padding: 4px 10px;
          border-radius: 10px;
          text-align: center;
          font-size: 12px;
          display: block;
        }

        #HeaderArea .HeaderCnotents #HeaderLanguageBtn ul li a {
          display: block;
          color: #003978;
          background: #fff;
          padding: 4px 10px;
          border-radius: 10px;
          text-align: center;
          font-size: 12px;
          text-decoration: none;
        }

      #HeaderArea .HeaderCnotents #HeaderNumber {
        position: absolute;
        bottom: 30px;
        right: 0;
      }
      #HeaderArea .HeaderCnotents #HeaderNumber p {
        color: white;
        font-size: 15px;
      }
      #HeaderArea .HeaderCnotents #HeaderSoukan {
        position: absolute;
        bottom: 30px;
        right: 0;
        left: 0;
        margin:0 auto;
      }
      #HeaderArea .HeaderCnotents #HeaderSoukan p {
        color: white;
        font-size: 30px;
        text-align: center;
      }

  #HeaderSubArea {
    background: url("../images/img_commons/bg_headerSubTablet_logo.png") no-repeat top center, linear-gradient(#273579, #0078c2);
    height: 293px; }
    #HeaderSubArea .HeaderCnotents {
      width: 675px;
      margin: 0 auto;
      height: 250px;
      position: relative; }
      #HeaderSubArea .HeaderCnotents h1#SiteLogo img {
        position: absolute;
        width: 400px;
        height: auto;
        top: 45px;
        right: 0;
        left: 110px;
        /*margin: auto;*/ }
      #HeaderSubArea .HeaderCnotents #HeaderLanguageBtn {
        position: absolute;
        top: 10px;
        right: 70px; }

        #HeaderSubArea .HeaderCnotents #HeaderLanguageBtn ul {
          display: flex;
          flex-direction: row;
          gap: 5px;
        }

        #HeaderSubArea .HeaderCnotents #HeaderLanguageBtn ul li i {
          color: #fff;
          padding: 4px 10px;
          border-radius: 10px;
          text-align: center;
          font-size: 12px;
          display: block;
        }

        #HeaderSubArea .HeaderCnotents #HeaderLanguageBtn ul li a {
          display: block;
          color: #003978;
          background: #fff;
          padding: 4px 10px;
          border-radius: 10px;
          text-align: center;
          font-size: 12px;
          text-decoration: none;
        }

  #EnglishPage #HeaderSubArea {
    background: url("../images/img_commons/bg_headerSubTablet_logo.png") no-repeat top center, linear-gradient(#273579, #0078c2);
    height: 293px; }
    #EnglishPage #HeaderSubArea .HeaderCnotents {
      width: 675px;
      margin: 0 auto;
      height: 250px;
      position: relative; }
      #EnglishPage #HeaderSubArea .HeaderCnotents h1#SiteLogo img {
        position: absolute;
        width: 420px;
        height: auto;
        top: 20px;
        right: 0;
        left: 0;
        margin: auto; }
    #EnglishPage #HeaderSubArea #HeaderLanguageBtn {
      position: absolute;
      top: 10px;
      right: 20px; }

      #EnglishPage #HeaderSubArea #HeaderLanguageBtn ul {
        display: flex;
        flex-direction: column;
        gap: 5px;
      }

      #EnglishPage #HeaderSubArea #HeaderLanguageBtn ul li i {
        color: #fff;
        padding: 4px 10px;
        border-radius: 10px;
        text-align: center;
        font-size: 12px;
        display: block;
      }

      #EnglishPage #HeaderSubArea #HeaderLanguageBtn ul li a {
        display: block;
        color: #003978;
        background: #fff;
        padding: 4px 10px;
        border-radius: 10px;
        text-align: center;
        font-size: 12px;
        text-decoration: none;
      }
 }
/* 600px〜719px：タブレット */
@media screen and (min-width: 600px) and (max-width: 719px) {
  #HeaderArea {
    background: url("../images/img_index/bg_mainvisual_logo600.png") no-repeat top -100px left -1650px, linear-gradient(#273579, #0078c2);
    height: 450px; }
    #HeaderArea .HeaderCnotents {
      width: 580px;
      margin: 0 auto;
      height: 450px;
      position: relative; }
      #HeaderArea .HeaderCnotents h1#SiteLogo img {
        position: absolute;
        width: 280px;
        height: auto;
        top: 55px;
        right: 0;
        left: 0;
        margin: auto; }
      #HeaderArea .HeaderCnotents #HeaderLanguageBtn {
        display: none; }
      
    #HeaderArea .HeaderCnotents #HeaderNumber {
      position: absolute;
      bottom: 30px;
      right: 0;
    }
    #HeaderArea .HeaderCnotents #HeaderNumber p {
      color: white;
      font-size: 15px;
    }
      #HeaderArea .HeaderCnotents #HeaderSoukan {
        position: absolute;
        bottom: 30px;
        right: 0;
        left: 0;
        margin:0 auto;
      }
      #HeaderArea .HeaderCnotents #HeaderSoukan p {
        color: white;
        font-size: 30px;
        text-align: center;
      }

  #HeaderSubArea {
    background: url("../images/img_commons/bg_headerSubTablet600_logo.png") no-repeat top center, linear-gradient(#273579, #0078c2);
    height: 242px; }
    #HeaderSubArea .HeaderCnotents {
      width: 580px;
      margin: 0 auto;
      height: 200px;
      position: relative; }
      #HeaderSubArea .HeaderCnotents h1#SiteLogo img {
        position: absolute;
        width: 330px;
        height: auto;
        top: 25px;
        right: 0;
        left: 0;
        margin: auto; }
      #HeaderSubArea .HeaderCnotents #HeaderLanguageBtn {
        display: none; }

  #EnglishPage #HeaderSubArea {
    background: url("../images/img_commons/bg_headerSubTablet600_logo.png") no-repeat top left -1650px, linear-gradient(#273579, #0078c2);
    height: 242px; }
    #EnglishPage #HeaderSubArea .HeaderCnotents {
      width: 580px;
      margin: 0 auto;
      height: 200px; }
      #EnglishPage #HeaderSubArea .HeaderCnotents h1#SiteLogo img {
        position: absolute;
        width: 310px;
        height: auto;
        top: 15px;
        right: 0;
        left: 0;
        margin: auto; }
      #EnglishPage #HeaderSubArea .HeaderCnotents #HeaderLanguageBtn {
        display: none; } }
/* 480px〜599px：SP横 */
@media screen and (min-width: 480px) and (max-width: 599px) {
  #HeaderArea {
    background: url("../images/img_index/bg_mainvisual_logo480.png") no-repeat top center, linear-gradient(#273579, #0078c2);
    height: 420px; }
    #HeaderArea .HeaderCnotents {
      width: 460px;
      margin: 0 auto;
      height: 420px;
      position: relative; }
      #HeaderArea .HeaderCnotents h1#SiteLogo img {
        position: absolute;
        width: 220px;
        height: auto;
        top: 55px;
        right: 0;
        left: 0;
        margin: auto; }
      #HeaderArea .HeaderCnotents #HeaderLanguageBtn {
        display: none; }

      #HeaderArea .HeaderCnotents #HeaderNumber {
        position: absolute;
        bottom: 30px;
        right: 0;
      }
      #HeaderArea .HeaderCnotents #HeaderNumber p {
        color: white;
        font-size: 15px;
      }
      #HeaderArea .HeaderCnotents #HeaderSoukan {
        position: absolute;
        bottom: 50px;
        right: 0;
        left: 0;
        margin:0 auto;
      }
      #HeaderArea .HeaderCnotents #HeaderSoukan p {
        color: white;
        font-size: 30px;
        text-align: center;
      }

  #HeaderSubArea {
    background: url("../images/img_commons/bg_headerSubSP599_logo.png") no-repeat top center, linear-gradient(#273579, #0078c2);
    height: 227px; }
    #HeaderSubArea .HeaderCnotents {
      width: 460px;
      margin: 0 auto;
      height: 180px; }
      #HeaderSubArea .HeaderCnotents h1#SiteLogo img {
        position: absolute;
        width: 280px;
        height: auto;
        top: 23px;
        right: 0;
        left: 0;
        margin: auto; }
      #HeaderSubArea .HeaderCnotents #HeaderLanguageBtn {
        display: none; }

  #EnglishPage #HeaderSubArea {
    background: url("../images/img_commons/bg_headerSubSP599_logo.png") no-repeat top center, linear-gradient(#273579, #0078c2);
    height: 227px; }
    #EnglishPage #HeaderSubArea .HeaderCnotents {
      width: 460px;
      margin: 0 auto;
      height: 180px; }
      #EnglishPage #HeaderSubArea .HeaderCnotents h1#SiteLogo img {
        position: absolute;
        width: 240px;
        height: auto;
        top: 23px;
        right: 0;
        left: 0;
        margin: auto; }
      #EnglishPage #HeaderSubArea .HeaderCnotents #HeaderLanguageBtn {
        display: none; } }
/* 〜479px：SP縦 */
@media screen and (max-width: 479px) {
  #HeaderArea {
    background: url("../images/img_index/bg_mainvisual_logo479.png") no-repeat top -50px center, linear-gradient(#273579, #0078c2);
    height: 280px; }
    #HeaderArea .HeaderCnotents {
      width: 350px;
      margin: 0 auto;
      height: 280px; }
      #HeaderArea .HeaderCnotents h1#SiteLogo img {
        position: absolute;
        width: 200px;
        height: auto;
        top: 55px;
        right: 0;
        left: 0;
        margin: auto; }
      #HeaderArea .HeaderCnotents #HeaderLanguageBtn {
        display: none; }

      #HeaderArea .HeaderCnotents #HeaderNumber {
        position: absolute;
        top: 220px;
        right: 10px;
      }
      #HeaderArea .HeaderCnotents #HeaderNumber p {
        color: white;
        font-size: 13px;
      }
      #HeaderArea .HeaderCnotents #HeaderSoukan {
        position: absolute;
        top: 240px;
        right: 0;
        left: 0;
        margin:0 auto;
      }
      #HeaderArea .HeaderCnotents #HeaderSoukan p {
        color: white;
        font-size: 20px;
        text-align: center;
      }

  #HeaderSubArea {
    background: url("../images/img_commons/bg_headerSubSP480_logo.png") no-repeat top center, linear-gradient(#273579, #0078c2);
    height: 172px; }
    #HeaderSubArea .HeaderCnotents {
      width: 350px;
      margin: 0 auto;
      height: 125px; }
      #HeaderSubArea .HeaderCnotents h1#SiteLogo img {
        position: absolute;
        width: 210px;
        height: auto;
        top: 20px;
        right: 0;
        left: 0;
        margin: auto; }
      #HeaderSubArea .HeaderCnotents #HeaderLanguageBtn {
        display: none; }

  #EnglishPage #HeaderSubArea {
    background: url("../images/img_commons/bg_headerSubSP480_logo.png") no-repeat top center, linear-gradient(#273579, #0078c2);
    height: 172px; }
    #EnglishPage #HeaderSubArea .HeaderCnotents {
      width: 350px;
      margin: 0 auto;
      height: 125px; }
      #EnglishPage #HeaderSubArea .HeaderCnotents h1#SiteLogo img {
        position: absolute;
        width: 180px;
        height: auto;
        top: 15px;
        right: 0;
        left: 0;
        margin: auto; }
      #EnglishPage #HeaderSubArea .HeaderCnotents #HeaderLanguageBtn {
        display: none; } }
/* 1280px〜：大型PC*/
@media print, screen and (min-width: 1280px) {
  div#GlobalNavigation {
    background: #103786; }
    div#GlobalNavigation ul {
      width: 1150px;
      margin: 0 auto;
      display: flex; }
      div#GlobalNavigation ul li {
        border-left: 1px solid #4068ba; }
        div#GlobalNavigation ul li:last-child {
          border-right: 1px solid #4068ba; }
        div#GlobalNavigation ul li.Last a {
          padding-top: 10px !important; }
        div#GlobalNavigation ul li a {
          display: block;
          padding: 38px 0;
          width: 230px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          -webkit-transition: all .3s;
          transition: all .3s;
          color: #fff;
          background: #103786;
          text-align: center;
          text-decoration: none;
          height: 100px;
          box-sizing: border-box;
          font-size: 19px;
          font-weight: bold; }
          div#GlobalNavigation ul li a:hover {
            background-color: #fff;
            border-color: #fff;
            color: #103786;
            text-align: center;
            text-decoration: none; }

  #TopPage_E div#GlobalNavigation {
    background: #103786; }
    #TopPage_E div#GlobalNavigation ul {
      width: 1000px;
      margin: 0 auto;
      display: flex; }
      #TopPage_E div#GlobalNavigation ul li {
        border-left: 1px solid #4068ba; }
        #TopPage_E div#GlobalNavigation ul li:last-child {
          border-right: 1px solid #4068ba; }
        #TopPage_E div#GlobalNavigation ul li a {
          display: block;
          padding: 38px 0;
          width: 332px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          -webkit-transition: all .3s;
          transition: all .3s;
          color: #fff;
          background: #103786;
          text-align: center;
          text-decoration: none; }
          #TopPage_E div#GlobalNavigation ul li a:hover {
            background-color: #fff;
            border-color: #fff;
            color: #103786;
            text-align: center;
            text-decoration: none; }

  #EnglishPage div#GlobalNavigation {
    background: #103786; }
    #EnglishPage div#GlobalNavigation ul {
      width: 1120px;
      margin: 0 auto;
      display: flex; }
      #EnglishPage div#GlobalNavigation ul li {
        border-left: 1px solid #4068ba; }
        #EnglishPage div#GlobalNavigation ul li:last-child {
          border-right: 1px solid #4068ba; }
        #EnglishPage div#GlobalNavigation ul li a {
          display: block;
          padding: 38px 0;
          width: 280px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          -webkit-transition: all .3s;
          transition: all .3s;
          color: #fff;
          background: #103786;
          text-align: center;
          text-decoration: none;
          font-size: 19px; }
          #EnglishPage div#GlobalNavigation ul li a:hover {
            background-color: #fff;
            border-color: #fff;
            color: #103786;
            text-align: center;
            text-decoration: none; } }
/* 960px〜1279px：小型PC */
@media screen and (min-width: 960px) and (max-width: 1279px) {
  div#GlobalNavigation {
    background: #103786; }
    div#GlobalNavigation ul {
      width: 940px;
      margin: 0 auto;
      display: flex; }
      div#GlobalNavigation ul li {
        border-left: 1px solid #4068ba; }
        div#GlobalNavigation ul li:last-child {
          border-right: 1px solid #4068ba; }
        div#GlobalNavigation ul li:last-child a {
          padding-top: 28px !important; }
        div#GlobalNavigation ul li a {
          display: block;
          padding: 38px 0;
          width: 233.5px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          -webkit-transition: all .3s;
          transition: all .3s;
          color: #fff;
          background: #103786;
          text-align: center;
          text-decoration: none;
          height: 100px; }
          div#GlobalNavigation ul li a:hover {
            background-color: #fff;
            border-color: #fff;
            color: #103786;
            text-align: center;
            text-decoration: none;
            height: 100px; }

  #TopPage_E div#GlobalNavigation {
    background: #103786; }
    #TopPage_E div#GlobalNavigation ul {
      width: 940px;
      margin: 0 auto;
      display: flex; }
      #TopPage_E div#GlobalNavigation ul li {
        border-left: 1px solid #4068ba; }
        #TopPage_E div#GlobalNavigation ul li:last-child {
          border-right: 1px solid #4068ba; }
        #TopPage_E div#GlobalNavigation ul li a {
          display: block;
          padding: 38px 0;
          width: 312.5px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          -webkit-transition: all .3s;
          transition: all .3s;
          color: #fff;
          background: #103786;
          text-align: center;
          text-decoration: none; }
          #TopPage_E div#GlobalNavigation ul li a:hover {
            background-color: #fff;
            border-color: #fff;
            color: #103786;
            text-align: center;
            text-decoration: none; }

  #EnglishPage div#GlobalNavigation {
    background: #103786; }
    #EnglishPage div#GlobalNavigation ul {
      width: 940px;
      margin: 0 auto;
      display: flex; }
      #EnglishPage div#GlobalNavigation ul li {
        border-left: 1px solid #4068ba; }
        #EnglishPage div#GlobalNavigation ul li:last-child {
          border-right: 1px solid #4068ba; }
        #EnglishPage div#GlobalNavigation ul li a {
          display: block;
          padding: 38px 0;
          width: 312.5px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          -webkit-transition: all .3s;
          transition: all .3s;
          color: #fff;
          background: #103786;
          text-align: center;
          text-decoration: none; }
          #EnglishPage div#GlobalNavigation ul li a:hover {
            background-color: #fff;
            border-color: #fff;
            color: #103786;
            text-align: center;
            text-decoration: none; } }
/* 720px〜959px：タブレット */
@media screen and (min-width: 720px) and (max-width: 959px) {
  div#GlobalNavigation {
    display: none; } }
/* 600px〜719px：タブレット */
@media screen and (min-width: 600px) and (max-width: 719px) {
  div#GlobalNavigation {
    display: none; } }
/* 480px〜599px：SP横 */
@media screen and (min-width: 480px) and (max-width: 599px) {
  div#GlobalNavigation {
    display: none; } }
/* 〜479px：SP縦 */
@media screen and (max-width: 479px) {
  div#GlobalNavigation {
    display: none; } }
/* 1280px〜：大型PC*/
@media print, screen and (min-width: 1280px) {
  .Contents {
    margin: 0 auto;
    width: 1000px; }

  #MagazineContents {
    background: linear-gradient(to bottom, #eeeeee 0%, #e0effc 100%) no-repeat 0 0/100% 88%;
    height: 400px;
    border-bottom: 40px solid #fff;
    position: relative; }
    #MagazineContents .Contents {
      position: relative; }
      #MagazineContents .Contents:before {
        content: "";
        background: url("../images/img_commons/tit_choice.png") no-repeat 0 0/474px auto;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 133px; }
      #MagazineContents .Contents .SelectBox {
        width: 940px;
        background: #fff;
        padding: 45px 60px;
        box-sizing: border-box;
        position: absolute;
        filter: drop-shadow(0px 0px 17px rgba(0, 0, 0, 0.1));
        top: 260px;
        right: 0;
        left: 0;
        margin: auto; }
        #MagazineContents .Contents .SelectBox form .SelectWrapper {
          vertical-align: middle;
          border: 1px solid #e7e7e7;
          display: inline-block;
          position: relative; }
          #MagazineContents .Contents .SelectBox form .SelectWrapper:before {
            content: " ";
            position: absolute;
            right: 10px;
            top: 50%;
            width: 8px;
            height: 8px;
            border-bottom: 1px solid #103786;
            border-right: 1px solid #103786;
            transform: translate(0, -50%) rotate(45deg);
            margin-top: -3px;
            z-index: 100; }
          #MagazineContents .Contents .SelectBox form .SelectWrapper select {
            position: relative;
            padding-right: 25px;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            width: 710px; }
        #MagazineContents .Contents .SelectBox form input[type="button"] {
          color: #fff;
          background: #103786;
          padding: 12px 20px;
          border: 1px solid #103786;
          margin-left: 10px;
          cursor: pointer; }
    #MagazineContents .TextAreaBox {
      padding-top: 160px; }
      #MagazineContents .TextAreaBox p {
        text-align: center;
        font-size: 19px;
        color: #2f2f2f; }
        #MagazineContents .TextAreaBox p.link {
          margin-bottom: 25px; }

  #TopPage_E #MagazineContents {
    background: linear-gradient(to bottom, #eeeeee 0%, #e0effc 100%) no-repeat 0 0/100% 88%;
    height: 300px;
    border-bottom: 70px solid #fff;
    position: relative; }
    #TopPage_E #MagazineContents .Contents {
      position: relative; }
      #TopPage_E #MagazineContents .Contents:before {
        content: "";
        background: url("../images/img_commons/tit_choice.png") no-repeat 0 0/474px auto;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 133px; }
      #TopPage_E #MagazineContents .Contents .SelectBox {
        width: 940px;
        background: #fff;
        padding: 45px 60px;
        box-sizing: border-box;
        position: absolute;
        filter: drop-shadow(0px 0px 17px rgba(0, 0, 0, 0.1));
        top: 190px;
        right: 0;
        left: 0;
        margin: auto; }
        #TopPage_E #MagazineContents .Contents .SelectBox form .SelectWrapper {
          vertical-align: middle;
          border: 1px solid #e7e7e7;
          display: inline-block;
          position: relative; }
          #TopPage_E #MagazineContents .Contents .SelectBox form .SelectWrapper:before {
            content: " ";
            position: absolute;
            right: 10px;
            top: 50%;
            width: 8px;
            height: 8px;
            border-bottom: 1px solid #103786;
            border-right: 1px solid #103786;
            transform: translate(0, -50%) rotate(45deg);
            margin-top: -3px;
            z-index: 100; }
          #TopPage_E #MagazineContents .Contents .SelectBox form .SelectWrapper select {
            position: relative;
            padding-right: 25px;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            width: 690px; }
        #TopPage_E #MagazineContents .Contents .SelectBox form input[type="button"] {
          color: #fff;
          background: #103786;
          padding: 12px 20px;
          border: 1px solid #103786;
          margin-left: 10px;
          cursor: pointer; }
    #TopPage_E #MagazineContents .TextAreaBox {
      padding-top: 145px; }
      #TopPage_E #MagazineContents .TextAreaBox p {
        text-align: center;
        font-size: 16px;
        color: #2f2f2f; }

  #EnglishPage #MagazineContents {
    background: linear-gradient(to bottom, #eeeeee 0%, #e0effc 100%) no-repeat 0 0/100% 88%;
    height: 300px;
    border-bottom: 70px solid #fff;
    position: relative; }
    #EnglishPage #MagazineContents .Contents {
      position: relative; }
      #EnglishPage #MagazineContents .Contents:before {
        content: "";
        background: url("../images/img_commons/tit_choice.png") no-repeat 0 0/474px auto;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 133px; }
      #EnglishPage #MagazineContents .Contents .SelectBox {
        width: 940px;
        background: #fff;
        padding: 45px 60px;
        box-sizing: border-box;
        position: absolute;
        filter: drop-shadow(0px 0px 17px rgba(0, 0, 0, 0.1));
        top: 190px;
        right: 0;
        left: 0;
        margin: auto; }
        #EnglishPage #MagazineContents .Contents .SelectBox form .SelectWrapper {
          vertical-align: middle;
          border: 1px solid #e7e7e7;
          display: inline-block;
          position: relative; }
          #EnglishPage #MagazineContents .Contents .SelectBox form .SelectWrapper:before {
            content: " ";
            position: absolute;
            right: 10px;
            top: 50%;
            width: 8px;
            height: 8px;
            border-bottom: 1px solid #103786;
            border-right: 1px solid #103786;
            transform: translate(0, -50%) rotate(45deg);
            margin-top: -3px;
            z-index: 100; }
          #EnglishPage #MagazineContents .Contents .SelectBox form .SelectWrapper select {
            position: relative;
            padding-right: 25px;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            width: 690px; }
        #EnglishPage #MagazineContents .Contents .SelectBox form input[type="button"] {
          color: #fff;
          background: #103786;
          padding: 12px 20px;
          border: 1px solid #103786;
          margin-left: 10px; }
    #EnglishPage #MagazineContents .TextAreaBox {
      padding-top: 145px; }
      #EnglishPage #MagazineContents .TextAreaBox p {
        text-align: center;
        font-size: 19px;
        color: #2f2f2f; } }
/* 960px〜1279px：小型PC */
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .Contents {
    margin: 0 auto;
    width: 920px; }

  #MagazineContents {
    background: linear-gradient(to bottom, #eeeeee 0%, #e0effc 100%) no-repeat 0 0/100% 88%;
    height: 380px;
    border-bottom: 70px solid #fff;
    position: relative; }
    #MagazineContents .Contents {
      position: relative; }
      #MagazineContents .Contents:before {
        content: "";
        background: url("../images/img_commons/tit_choice.png") no-repeat 0 0/474px auto;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 133px; }
      #MagazineContents .Contents .SelectBox {
        width: 900px;
        background: #fff;
        padding: 45px 50px;
        box-sizing: border-box;
        position: absolute;
        filter: drop-shadow(0px 0px 17px rgba(0, 0, 0, 0.1));
        top: 250px;
        right: 0;
        left: 0;
        margin: auto; }
        #MagazineContents .Contents .SelectBox form .SelectWrapper {
          vertical-align: middle;
          border: 1px solid #e7e7e7;
          display: inline-block;
          position: relative; }
          #MagazineContents .Contents .SelectBox form .SelectWrapper:before {
            content: " ";
            position: absolute;
            right: 10px;
            top: 50%;
            width: 8px;
            height: 8px;
            border-bottom: 1px solid #103786;
            border-right: 1px solid #103786;
            transform: translate(0, -50%) rotate(45deg);
            margin-top: -3px;
            z-index: 100; }
          #MagazineContents .Contents .SelectBox form .SelectWrapper select {
            position: relative;
            padding-right: 25px;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            width: 680px; }
        #MagazineContents .Contents .SelectBox form input[type="button"] {
          color: #fff;
          background: #103786;
          padding: 12px 20px;
          border: 1px solid #103786;
          margin-left: 10px; }
    #MagazineContents .TextAreaBox {
      padding-top: 160px; }
    #MagazineContents .TextAreaBox p {
      text-align: center;
      font-size: 17px;
      color: #2f2f2f; }
    #MagazineContents .TextAreaBox p.link {
      margin: 0 auto 20px; }

  #TopPage_E #MagazineContents {
    background: linear-gradient(to bottom, #eeeeee 0%, #e0effc 100%) no-repeat 0 0/100% 88%;
    height: 300px;
    border-bottom: 70px solid #fff;
    position: relative; }
    #TopPage_E #MagazineContents .Contents {
      position: relative; }
      #TopPage_E #MagazineContents .Contents:before {
        content: "";
        background: url("../images/img_commons/tit_choice.png") no-repeat 0 0/474px auto;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 133px; }
      #TopPage_E #MagazineContents .Contents .SelectBox {
        width: 900px;
        background: #fff;
        padding: 45px 50px;
        box-sizing: border-box;
        position: absolute;
        filter: drop-shadow(0px 0px 17px rgba(0, 0, 0, 0.1));
        top: 190px;
        right: 0;
        left: 0;
        margin: auto; }
        #TopPage_E #MagazineContents .Contents .SelectBox form .SelectWrapper {
          vertical-align: middle;
          border: 1px solid #e7e7e7;
          display: inline-block;
          position: relative; }
          #TopPage_E #MagazineContents .Contents .SelectBox form .SelectWrapper:before {
            content: " ";
            position: absolute;
            right: 10px;
            top: 50%;
            width: 8px;
            height: 8px;
            border-bottom: 1px solid #103786;
            border-right: 1px solid #103786;
            transform: translate(0, -50%) rotate(45deg);
            margin-top: -3px;
            z-index: 100; }
          #TopPage_E #MagazineContents .Contents .SelectBox form .SelectWrapper select {
            position: relative;
            padding-right: 25px;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            width: 650px; }
        #TopPage_E #MagazineContents .Contents .SelectBox form input[type="button"] {
          color: #fff;
          background: #103786;
          padding: 12px 20px;
          border: 1px solid #103786;
          margin-left: 10px; }
    #TopPage_E #MagazineContents .TextAreaBox {
      padding-top: 145px; }
      #TopPage_E #MagazineContents .TextAreaBox p {
        text-align: center;
        font-size: 16px;
        color: #2f2f2f; }

  #EnglishPage #MagazineContents {
    background: linear-gradient(to bottom, #eeeeee 0%, #e0effc 100%) no-repeat 0 0/100% 88%;
    height: 300px;
    border-bottom: 70px solid #fff;
    position: relative; }
    #EnglishPage #MagazineContents .Contents {
      position: relative; }
      #EnglishPage #MagazineContents .Contents:before {
        content: "";
        background: url("../images/img_commons/tit_choice.png") no-repeat 0 0/474px auto;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 133px; }
      #EnglishPage #MagazineContents .Contents .SelectBox {
        width: 900px;
        background: #fff;
        padding: 45px 50px;
        box-sizing: border-box;
        position: absolute;
        filter: drop-shadow(0px 0px 17px rgba(0, 0, 0, 0.1));
        top: 190px;
        right: 0;
        left: 0;
        margin: auto; }
        #EnglishPage #MagazineContents .Contents .SelectBox form .SelectWrapper {
          vertical-align: middle;
          border: 1px solid #e7e7e7;
          display: inline-block;
          position: relative; }
          #EnglishPage #MagazineContents .Contents .SelectBox form .SelectWrapper:before {
            content: " ";
            position: absolute;
            right: 10px;
            top: 50%;
            width: 8px;
            height: 8px;
            border-bottom: 1px solid #103786;
            border-right: 1px solid #103786;
            transform: translate(0, -50%) rotate(45deg);
            margin-top: -3px;
            z-index: 100; }
          #EnglishPage #MagazineContents .Contents .SelectBox form .SelectWrapper select {
            position: relative;
            padding-right: 25px;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            width: 650px; }
        #EnglishPage #MagazineContents .Contents .SelectBox form input[type="button"] {
          color: #fff;
          background: #103786;
          padding: 12px 20px;
          border: 1px solid #103786;
          margin-left: 10px; }
    #EnglishPage #MagazineContents .TextAreaBox {
      padding-top: 145px; }
      #EnglishPage #MagazineContents .TextAreaBox p {
        text-align: center;
        font-size: 16px;
        color: #2f2f2f; } }
/* 720px〜959px：タブレット */
@media screen and (min-width: 720px) and (max-width: 959px) {
  .Contents {
    margin: 0 auto;
    width: 675px; }

  #MagazineContents {
    background: linear-gradient(to bottom, #eeeeee 0%, #e0effc 100%) no-repeat 0 0/100% 88%;
    height: 320px;
    border-bottom: 40px solid #fff;
    position: relative; }
    #MagazineContents .Contents {
      position: relative; }
      #MagazineContents .Contents:before {
        content: "";
        background: url("../images/img_commons/tit_choice.png") no-repeat 0 0/474px auto;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 103px;
        background-size: 360px; }
      #MagazineContents .Contents .SelectBox {
        width: 630px;
        background: #fff;
        padding: 30px;
        box-sizing: border-box;
        position: absolute;
        filter: drop-shadow(0px 0px 17px rgba(0, 0, 0, 0.1));
        top: 210px;
        right: 0;
        left: 0;
        margin: auto; }
        #MagazineContents .Contents .SelectBox form .SelectWrapper {
          vertical-align: middle;
          border: 1px solid #e7e7e7;
          display: inline-block;
          position: relative; }
          #MagazineContents .Contents .SelectBox form .SelectWrapper:before {
            content: " ";
            position: absolute;
            right: 10px;
            top: 50%;
            width: 8px;
            height: 8px;
            border-bottom: 1px solid #103786;
            border-right: 1px solid #103786;
            transform: translate(0, -50%) rotate(45deg);
            margin-top: -3px;
            z-index: 100; }
          #MagazineContents .Contents .SelectBox form .SelectWrapper select {
            position: relative;
            padding-right: 25px;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            width: 470px; }
        #MagazineContents .Contents .SelectBox form input[type="button"] {
          color: #fff;
          background: #103786;
          padding: 12px 20px;
          border: 1px solid #103786;
          margin-left: 10px; }
    #MagazineContents .TextAreaBox {
      padding-top: 130px; }
    #MagazineContents .TextAreaBox p {
      text-align: center;
      font-size: 16px;
      color: #2f2f2f; }
    #MagazineContents .TextAreaBox p.link {
      margin: 0 auto 20px; }

  #TopPage_E #MagazineContents {
    background: linear-gradient(to bottom, #eeeeee 0%, #e0effc 100%) no-repeat 0 0/100% 88%;
    height: 300px;
    border-bottom: 70px solid #fff;
    position: relative; }
    #TopPage_E #MagazineContents .Contents {
      position: relative; }
      #TopPage_E #MagazineContents .Contents:before {
        content: "";
        background: url("../images/img_commons/tit_choice.png") no-repeat 0 0/474px auto;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 103px;
        background-size: 360px; }
      #TopPage_E #MagazineContents .Contents .SelectBox {
        width: 630px;
        background: #fff;
        padding: 30px;
        box-sizing: border-box;
        position: absolute;
        filter: drop-shadow(0px 0px 17px rgba(0, 0, 0, 0.1));
        top: 190px;
        right: 0;
        left: 0;
        margin: auto; }
        #TopPage_E #MagazineContents .Contents .SelectBox form .SelectWrapper {
          vertical-align: middle;
          border: 1px solid #e7e7e7;
          display: inline-block;
          position: relative; }
          #TopPage_E #MagazineContents .Contents .SelectBox form .SelectWrapper:before {
            content: " ";
            position: absolute;
            right: 10px;
            top: 50%;
            width: 8px;
            height: 8px;
            border-bottom: 1px solid #103786;
            border-right: 1px solid #103786;
            transform: translate(0, -50%) rotate(45deg);
            margin-top: -3px;
            z-index: 100; }
          #TopPage_E #MagazineContents .Contents .SelectBox form .SelectWrapper select {
            position: relative;
            padding-right: 25px;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            width: 445px; }
        #TopPage_E #MagazineContents .Contents .SelectBox form input[type="button"] {
          color: #fff;
          background: #103786;
          padding: 12px 20px;
          border: 1px solid #103786;
          margin-left: 10px; }
    #TopPage_E #MagazineContents .TextAreaBox {
      padding-top: 145px; }
      #TopPage_E #MagazineContents .TextAreaBox p {
        text-align: center;
        font-size: 16px;
        color: #2f2f2f; }

  #EnglishPage #MagazineContents {
    background: linear-gradient(to bottom, #eeeeee 0%, #e0effc 100%) no-repeat 0 0/100% 88%;
    height: 300px;
    border-bottom: 70px solid #fff;
    position: relative; }
    #EnglishPage #MagazineContents .Contents {
      position: relative; }
      #EnglishPage #MagazineContents .Contents:before {
        content: "";
        background: url("../images/img_commons/tit_choice.png") no-repeat 0 0/474px auto;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 103px;
        background-size: 360px; }
      #EnglishPage #MagazineContents .Contents .SelectBox {
        width: 630px;
        background: #fff;
        padding: 30px;
        box-sizing: border-box;
        position: absolute;
        filter: drop-shadow(0px 0px 17px rgba(0, 0, 0, 0.1));
        top: 190px;
        right: 0;
        left: 0;
        margin: auto; }
        #EnglishPage #MagazineContents .Contents .SelectBox form .SelectWrapper {
          vertical-align: middle;
          border: 1px solid #e7e7e7;
          display: inline-block;
          position: relative; }
          #EnglishPage #MagazineContents .Contents .SelectBox form .SelectWrapper:before {
            content: " ";
            position: absolute;
            right: 10px;
            top: 50%;
            width: 8px;
            height: 8px;
            border-bottom: 1px solid #103786;
            border-right: 1px solid #103786;
            transform: translate(0, -50%) rotate(45deg);
            margin-top: -3px;
            z-index: 100; }
          #EnglishPage #MagazineContents .Contents .SelectBox form .SelectWrapper select {
            position: relative;
            padding-right: 25px;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            width: 445px; }
        #EnglishPage #MagazineContents .Contents .SelectBox form input[type="button"] {
          color: #fff;
          background: #103786;
          padding: 10px 20px;
          border: 1px solid #103786;
          margin-left: 10px; }
    #EnglishPage #MagazineContents .TextAreaBox {
      padding-top: 145px; }
      #EnglishPage #MagazineContents .TextAreaBox p {
        text-align: center;
        font-size: 16px;
        color: #2f2f2f; }

  input[type="submit"],
  input[type="button"] {
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    border: none;
    box-sizing: border-box; }
    input[type="submit"]::-webkit-search-decoration,
    input[type="button"]::-webkit-search-decoration {
      display: none; }
    input[type="submit"]::focus,
    input[type="button"]::focus {
      outline-offset: -2px; } }
/* 600px〜719px：タブレット */
@media screen and (min-width: 600px) and (max-width: 719px) {
  .Contents {
    margin: 0 auto;
    width: 580px; }

  #MagazineContents {
    background: linear-gradient(to bottom, #eeeeee 0%, #e0effc 100%) no-repeat 0 0/100% 88%;
    height: 340px;
    border-bottom: 40px solid #fff;
    position: relative; }
    #MagazineContents .Contents {
      position: relative; }
      #MagazineContents .Contents:before {
        content: "";
        background: url("../images/img_commons/tit_choice.png") no-repeat 0 0/400px auto;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 133px; }
      #MagazineContents .Contents .SelectBox {
        width: 500px;
        background: #fff;
        padding: 30px;
        box-sizing: border-box;
        position: absolute;
        filter: drop-shadow(0px 0px 17px rgba(0, 0, 0, 0.1));
        top: 240px;
        right: 0;
        left: 0;
        margin: auto; }
        #MagazineContents .Contents .SelectBox form .SelectWrapper {
          vertical-align: middle;
          border: 1px solid #e7e7e7;
          display: inline-block;
          position: relative; }
          #MagazineContents .Contents .SelectBox form .SelectWrapper:before {
            content: " ";
            position: absolute;
            right: 10px;
            top: 50%;
            width: 8px;
            height: 8px;
            border-bottom: 1px solid #103786;
            border-right: 1px solid #103786;
            transform: translate(0, -50%) rotate(45deg);
            margin-top: -3px;
            z-index: 100; }
          #MagazineContents .Contents .SelectBox form .SelectWrapper select {
            position: relative;
            padding-right: 25px;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            width: 330px; }
        #MagazineContents .Contents .SelectBox form input[type="button"] {
          color: #fff;
          background: #103786;
          padding: 10px 20px;
          border: 1px solid #103786;
          margin-left: 10px; }
    #MagazineContents .TextAreaBox {
      padding-top: 130px; }
    #MagazineContents .TextAreaBox p {
      text-align: center;
      font-size: 16px;
      color: #2f2f2f; }
    #MagazineContents .TextAreaBox p.link {
      width: 500px;
      margin: 0 auto 20px; }

  #TopPage_E #MagazineContents {
    background: linear-gradient(to bottom, #eeeeee 0%, #e0effc 100%) no-repeat 0 0/100% 88%;
    height: 300px;
    border-bottom: 70px solid #fff;
    position: relative; }
    #TopPage_E #MagazineContents .Contents {
      position: relative; }
      #TopPage_E #MagazineContents .Contents:before {
        content: "";
        background: url("../images/img_commons/tit_choice.png") no-repeat 0 0/474px auto;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 133px; }
      #TopPage_E #MagazineContents .Contents .SelectBox {
        width: 500px;
        background: #fff;
        padding: 30px;
        box-sizing: border-box;
        position: absolute;
        filter: drop-shadow(0px 0px 17px rgba(0, 0, 0, 0.1));
        top: 190px;
        right: 0;
        left: 0;
        margin: auto; }
        #TopPage_E #MagazineContents .Contents .SelectBox form .SelectWrapper {
          vertical-align: middle;
          border: 1px solid #e7e7e7;
          display: inline-block;
          position: relative; }
          #TopPage_E #MagazineContents .Contents .SelectBox form .SelectWrapper:before {
            content: " ";
            position: absolute;
            right: 10px;
            top: 50%;
            width: 8px;
            height: 8px;
            border-bottom: 1px solid #103786;
            border-right: 1px solid #103786;
            transform: translate(0, -50%) rotate(45deg);
            margin-top: -3px;
            z-index: 100; }
          #TopPage_E #MagazineContents .Contents .SelectBox form .SelectWrapper select {
            position: relative;
            padding-right: 25px;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            width: 300px; }
        #TopPage_E #MagazineContents .Contents .SelectBox form input[type="button"] {
          color: #fff;
          background: #103786;
          padding: 10px 20px;
          border: 1px solid #103786;
          margin-left: 10px; }
    #TopPage_E #MagazineContents .TextAreaBox {
      padding-top: 145px; }
      #TopPage_E #MagazineContents .TextAreaBox p {
        text-align: center;
        font-size: 16px;
        color: #2f2f2f; }

  #EnglishPage #MagazineContents {
    background: linear-gradient(to bottom, #eeeeee 0%, #e0effc 100%) no-repeat 0 0/100% 88%;
    height: 300px;
    border-bottom: 70px solid #fff;
    position: relative; }
    #EnglishPage #MagazineContents .Contents {
      position: relative; }
      #EnglishPage #MagazineContents .Contents:before {
        content: "";
        background: url("../images/img_commons/tit_choice.png") no-repeat 0 0/474px auto;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 133px; }
      #EnglishPage #MagazineContents .Contents .SelectBox {
        width: 500px;
        background: #fff;
        padding: 30px;
        box-sizing: border-box;
        position: absolute;
        filter: drop-shadow(0px 0px 17px rgba(0, 0, 0, 0.1));
        top: 190px;
        right: 0;
        left: 0;
        margin: auto; }
        #EnglishPage #MagazineContents .Contents .SelectBox form .SelectWrapper {
          vertical-align: middle;
          border: 1px solid #e7e7e7;
          display: inline-block;
          position: relative; }
          #EnglishPage #MagazineContents .Contents .SelectBox form .SelectWrapper:before {
            content: " ";
            position: absolute;
            right: 10px;
            top: 50%;
            width: 8px;
            height: 8px;
            border-bottom: 1px solid #103786;
            border-right: 1px solid #103786;
            transform: translate(0, -50%) rotate(45deg);
            margin-top: -3px;
            z-index: 100; }
          #EnglishPage #MagazineContents .Contents .SelectBox form .SelectWrapper select {
            position: relative;
            padding-right: 25px;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            width: 300px; }
        #EnglishPage #MagazineContents .Contents .SelectBox form input[type="button"] {
          color: #fff;
          background: #103786;
          padding: 10px 20px;
          border: 1px solid #3c7fb1;
          margin-left: 10px; }
    #EnglishPage #MagazineContents .TextAreaBox {
      padding-top: 145px; }
      #EnglishPage #MagazineContents .TextAreaBox p {
        text-align: center;
        font-size: 16px;
        color: #2f2f2f; }

  input[type="submit"],
  input[type="button"] {
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    border: none;
    box-sizing: border-box; }
    input[type="submit"]::-webkit-search-decoration,
    input[type="button"]::-webkit-search-decoration {
      display: none; }
    input[type="submit"]::focus,
    input[type="button"]::focus {
      outline-offset: -2px; } }
/* 480px〜599px：SP横 */
@media screen and (min-width: 480px) and (max-width: 599px) {
  .Contents {
    margin: 0 auto;
    width: 460px; }

  #MagazineContents {
    background: linear-gradient(to bottom, #eeeeee 0%, #e0effc 100%) no-repeat 0 0/100% 88%;
    height: 320px;
    border-bottom: 30px solid #fff;
    position: relative; }
    #MagazineContents .Contents {
      position: relative; }
      #MagazineContents .Contents:before {
        content: "";
        background: url("../images/img_commons/tit_choice.png") no-repeat 0 0/474px auto;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 95px;
        background-size: 320px; }
      #MagazineContents .Contents .SelectBox {
        width: 450px;
        background: #fff;
        padding: 30px;
        box-sizing: border-box;
        position: absolute;
        filter: drop-shadow(0px 0px 17px rgba(0, 0, 0, 0.1));
        top: 220px;
        right: 0;
        left: 0;
        margin: auto; }
        #MagazineContents .Contents .SelectBox form .SelectWrapper {
          vertical-align: middle;
          border: 1px solid #e7e7e7;
          display: inline-block;
          position: relative; }
          #MagazineContents .Contents .SelectBox form .SelectWrapper:before {
            content: " ";
            position: absolute;
            right: 10px;
            top: 50%;
            width: 8px;
            height: 8px;
            border-bottom: 1px solid #103786;
            border-right: 1px solid #103786;
            transform: translate(0, -50%) rotate(45deg);
            margin-top: -3px;
            z-index: 100; }
          #MagazineContents .Contents .SelectBox form .SelectWrapper select {
            position: relative;
            padding-right: 25px;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            width: 290px; }
        #MagazineContents .Contents .SelectBox form input[type="button"] {
          color: #fff;
          background: #103786;
          padding: 10px 20px;
          border: 1px solid #103786;
          margin-left: 10px; }
    #MagazineContents .TextAreaBox {
      padding-top: 110px; }
      #MagazineContents .TextAreaBox p {
        text-align: center;
        font-size: 16px;
        color: #2f2f2f; }
      #MagazineContents .TextAreaBox p.link {
        margin-bottom: 20px; }

  #TopPage_E #MagazineContents {
    background: linear-gradient(to bottom, #eeeeee 0%, #e0effc 100%) no-repeat 0 0/100% 88%;
    height: 300px;
    border-bottom: 70px solid #fff;
    position: relative; }
    #TopPage_E #MagazineContents .Contents {
      position: relative; }
      #TopPage_E #MagazineContents .Contents:before {
        content: "";
        background: url("../images/img_commons/tit_choice.png") no-repeat 0 0/474px auto;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 95px;
        background-size: 320px; }
      #TopPage_E #MagazineContents .Contents .SelectBox {
        width: 450px;
        background: #fff;
        padding: 30px;
        box-sizing: border-box;
        position: absolute;
        filter: drop-shadow(0px 0px 17px rgba(0, 0, 0, 0.1));
        top: 190px;
        right: 0;
        left: 0;
        margin: auto; }
        #TopPage_E #MagazineContents .Contents .SelectBox form .SelectWrapper {
          vertical-align: middle;
          border: 1px solid #e7e7e7;
          display: inline-block;
          position: relative; }
          #TopPage_E #MagazineContents .Contents .SelectBox form .SelectWrapper:before {
            content: " ";
            position: absolute;
            right: 10px;
            top: 50%;
            width: 8px;
            height: 8px;
            border-bottom: 1px solid #103786;
            border-right: 1px solid #103786;
            transform: translate(0, -50%) rotate(45deg);
            margin-top: -3px;
            z-index: 100; }
          #TopPage_E #MagazineContents .Contents .SelectBox form .SelectWrapper select {
            position: relative;
            padding-right: 25px;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            width: 260px; }
        #TopPage_E #MagazineContents .Contents .SelectBox form input[type="button"] {
          color: #fff;
          background: #103786;
          padding: 10px 20px;
          border: 1px solid #103786;
          margin-left: 10px; }
    #TopPage_E #MagazineContents .TextAreaBox {
      padding-top: 145px; }
      #TopPage_E #MagazineContents .TextAreaBox p {
        text-align: center;
        font-size: 16px;
        color: #2f2f2f; }

  #EnglishPage #MagazineContents {
    background: linear-gradient(to bottom, #eeeeee 0%, #e0effc 100%) no-repeat 0 0/100% 88%;
    height: 300px;
    border-bottom: 70px solid #fff;
    position: relative; }
    #EnglishPage #MagazineContents .Contents {
      position: relative; }
      #EnglishPage #MagazineContents .Contents:before {
        content: "";
        background: url("../images/img_commons/tit_choice.png") no-repeat 0 0/474px auto;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 95px;
        background-size: 320px; }
      #EnglishPage #MagazineContents .Contents .SelectBox {
        width: 450px;
        background: #fff;
        padding: 30px;
        box-sizing: border-box;
        position: absolute;
        filter: drop-shadow(0px 0px 17px rgba(0, 0, 0, 0.1));
        top: 190px;
        right: 0;
        left: 0;
        margin: auto; }
        #EnglishPage #MagazineContents .Contents .SelectBox form .SelectWrapper {
          vertical-align: middle;
          border: 1px solid #e7e7e7;
          display: inline-block;
          position: relative; }
          #EnglishPage #MagazineContents .Contents .SelectBox form .SelectWrapper:before {
            content: " ";
            position: absolute;
            right: 10px;
            top: 50%;
            width: 8px;
            height: 8px;
            border-bottom: 1px solid #103786;
            border-right: 1px solid #103786;
            transform: translate(0, -50%) rotate(45deg);
            margin-top: -3px;
            z-index: 100; }
          #EnglishPage #MagazineContents .Contents .SelectBox form .SelectWrapper select {
            position: relative;
            padding-right: 25px;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            width: 260px; }
        #EnglishPage #MagazineContents .Contents .SelectBox form input[type="button"] {
          color: #fff;
          background: #103786;
          padding: 10px 20px;
          border: 1px solid #103786;
          margin-left: 10px; }
    #EnglishPage #MagazineContents .TextAreaBox {
      padding-top: 145px; }
      #EnglishPage #MagazineContents .TextAreaBox p {
        text-align: center;
        font-size: 16px;
        color: #2f2f2f; }

  input[type="submit"],
  input[type="button"] {
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    border: none;
    box-sizing: border-box; }
    input[type="submit"]::-webkit-search-decoration,
    input[type="button"]::-webkit-search-decoration {
      display: none; }
    input[type="submit"]::focus,
    input[type="button"]::focus {
      outline-offset: -2px; } }
/* 〜479px：SP縦 */
@media screen and (max-width: 479px) {
  .Contents {
    margin: 0 auto;
    width: 340px; }

  #MagazineContents {
    background: linear-gradient(to bottom, #eeeeee 0%, #e0effc 100%) no-repeat 0 0/100% 88%;
    height: 320px;
    border-bottom: 20px solid #fff;
    position: relative; }
    #MagazineContents .Contents {
      position: relative; }
      #MagazineContents .Contents:before {
        content: "";
        background: url("../images/img_commons/tit_choice.png") no-repeat 0 0/474px auto;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 95px;
        background-size: 320px; }
      #MagazineContents .Contents .SelectBox {
        width: 335px;
        background: #fff;
        padding: 20px;
        box-sizing: border-box;
        position: absolute;
        filter: drop-shadow(0px 0px 17px rgba(0, 0, 0, 0.1));
        top: 220px;
        right: 0;
        left: 0;
        margin: auto; }
        #MagazineContents .Contents .SelectBox form .SelectWrapper {
          vertical-align: middle;
          border: 1px solid #e7e7e7;
          display: inline-block;
          position: relative; }
          #MagazineContents .Contents .SelectBox form .SelectWrapper:before {
            content: " ";
            position: absolute;
            right: 10px;
            top: 50%;
            width: 8px;
            height: 8px;
            border-bottom: 1px solid #103786;
            border-right: 1px solid #103786;
            transform: translate(0, -50%) rotate(45deg);
            margin-top: -3px;
            z-index: 100; }
          #MagazineContents .Contents .SelectBox form .SelectWrapper select {
            position: relative;
            padding-right: 25px;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            width: 200px; }
        #MagazineContents .Contents .SelectBox form input[type="button"] {
          color: #fff;
          background: #103786;
          padding: 10px 20px;
          border: 1px solid #103786;
          margin-left: 10px; }
    #MagazineContents .TextAreaBox {
      padding-top: 120px; }
      #MagazineContents .TextAreaBox p {
        text-align: center;
        font-size: 15px;
        color: #2f2f2f; }
      #MagazineContents .TextAreaBox p.link {
        margin-bottom: 20px; }

  #TopPage_E #MagazineContents {
    background: linear-gradient(to bottom, #eeeeee 0%, #e0effc 100%) no-repeat 0 0/100% 88%;
    height: 300px;
    border-bottom: 70px solid #fff;
    position: relative; }
    #TopPage_E #MagazineContents .Contents {
      position: relative; }
      #TopPage_E #MagazineContents .Contents:before {
        content: "";
        background: url("../images/img_commons/tit_choice.png") no-repeat 0 0/474px auto;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 95px;
        background-size: 320px; }
      #TopPage_E #MagazineContents .Contents .SelectBox {
        width: 335px;
        background: #fff;
        padding: 20px;
        box-sizing: border-box;
        position: absolute;
        filter: drop-shadow(0px 0px 17px rgba(0, 0, 0, 0.1));
        top: 190px;
        right: 0;
        left: 0;
        margin: auto; }
        #TopPage_E #MagazineContents .Contents .SelectBox form .SelectWrapper {
          vertical-align: middle;
          border: 1px solid #e7e7e7;
          display: inline-block;
          position: relative; }
          #TopPage_E #MagazineContents .Contents .SelectBox form .SelectWrapper:before {
            content: " ";
            position: absolute;
            right: 10px;
            top: 50%;
            width: 8px;
            height: 8px;
            border-bottom: 1px solid #103786;
            border-right: 1px solid #103786;
            transform: translate(0, -50%) rotate(45deg);
            margin-top: -3px;
            z-index: 100; }
          #TopPage_E #MagazineContents .Contents .SelectBox form .SelectWrapper select {
            position: relative;
            padding-right: 25px;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            width: 170px; }
        #TopPage_E #MagazineContents .Contents .SelectBox form input[type="button"] {
          color: #fff;
          background: #103786;
          padding: 10px 20px;
          border: 1px solid #103786;
          margin-left: 10px; }
    #TopPage_E #MagazineContents .TextAreaBox {
      padding-top: 145px; }
      #TopPage_E #MagazineContents .TextAreaBox p {
        text-align: center;
        font-size: 16px;
        color: #2f2f2f; }

  #EnglishPage #MagazineContents {
    background: linear-gradient(to bottom, #eeeeee 0%, #e0effc 100%) no-repeat 0 0/100% 88%;
    height: 300px;
    border-bottom: 70px solid #fff;
    position: relative; }
    #EnglishPage #MagazineContents .Contents {
      position: relative; }
      #EnglishPage #MagazineContents .Contents:before {
        content: "";
        background: url("../images/img_commons/tit_choice.png") no-repeat 0 0/474px auto;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 95px;
        background-size: 320px; }
      #EnglishPage #MagazineContents .Contents .SelectBox {
        width: 335px;
        background: #fff;
        padding: 20px;
        box-sizing: border-box;
        position: absolute;
        filter: drop-shadow(0px 0px 17px rgba(0, 0, 0, 0.1));
        top: 190px;
        right: 0;
        left: 0;
        margin: auto; }
        #EnglishPage #MagazineContents .Contents .SelectBox form .SelectWrapper {
          vertical-align: middle;
          border: 1px solid #e7e7e7;
          display: inline-block;
          position: relative; }
          #EnglishPage #MagazineContents .Contents .SelectBox form .SelectWrapper:before {
            content: " ";
            position: absolute;
            right: 10px;
            top: 50%;
            width: 8px;
            height: 8px;
            border-bottom: 1px solid #103786;
            border-right: 1px solid #103786;
            transform: translate(0, -50%) rotate(45deg);
            margin-top: -3px;
            z-index: 100; }
          #EnglishPage #MagazineContents .Contents .SelectBox form .SelectWrapper select {
            position: relative;
            padding-right: 25px;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            width: 170px; }
        #EnglishPage #MagazineContents .Contents .SelectBox form input[type="button"] {
          color: #fff;
          background: #103786;
          padding: 10px 20px;
          border: 1px solid #3c7fb1;
          margin-left: 10px; }
    #EnglishPage #MagazineContents .TextAreaBox {
      padding-top: 145px; }
      #EnglishPage #MagazineContents .TextAreaBox p {
        text-align: center;
        font-size: 16px;
        color: #2f2f2f; }

  input[type="submit"],
  input[type="button"] {
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    border: none;
    box-sizing: border-box; }
    input[type="submit"]::-webkit-search-decoration,
    input[type="button"]::-webkit-search-decoration {
      display: none; }
    input[type="submit"]::focus,
    input[type="button"]::focus {
      outline-offset: -2px; } }
/* 1280px〜：大型PC*/
@media print, screen and (min-width: 1280px) {
  #NewsArea .Contents h2 {
    position: relative;
    padding-bottom: 20px;
    border-bottom: 4px solid #b9b9b9;
    margin: 20px 0 30px;
    font-size: 25px;
    color: #363636;
    font-family: 'Noto Serif JP', serif; }
    #NewsArea .Contents h2:after {
      position: absolute;
      bottom: -4px;
      left: 0;
      z-index: 2;
      content: '';
      width: 210px;
      height: 4px;
      background-color: #103786; }
  #NewsArea .Contents .NewsContents {
    padding: 0 0 60px; }
    #NewsArea .Contents .NewsContents ul {
      margin-bottom: 30px; }
      #NewsArea .Contents .NewsContents ul li {
        border-bottom: 1px solid #a0a0a0;
        padding: 25px 0;
        position: relative; }
        #NewsArea .Contents .NewsContents ul li span {
          position: absolute;
          display: block;
          left: 15px;
          font-size: 18px; }
        #NewsArea .Contents .NewsContents ul li a {
          margin-left: 180px;
          font-size: 18px;
          line-height: 2;
          display: block; } }
/* 960px〜1279px：小型PC */
@media screen and (min-width: 960px) and (max-width: 1279px) {
  #NewsArea .Contents h2 {
    position: relative;
    padding-bottom: 20px;
    font-size: 25px;
    border-bottom: 4px solid #b9b9b9;
    margin: 20px 0 30px;
    font-family: 'Noto Serif JP', serif; }
    #NewsArea .Contents h2:after {
      position: absolute;
      bottom: -4px;
      left: 0;
      z-index: 2;
      content: '';
      width: 210px;
      height: 4px;
      background-color: #103786; }
  #NewsArea .Contents .NewsContents {
    padding: 0 0 60px; }
    #NewsArea .Contents .NewsContents ul {
      margin-bottom: 30px; }
      #NewsArea .Contents .NewsContents ul li {
        border-bottom: 1px solid #a0a0a0;
        padding: 25px 0;
        position: relative; }
        #NewsArea .Contents .NewsContents ul li span {
          position: absolute;
          display: block;
          left: 15px;
          font-size: 18px; }
        #NewsArea .Contents .NewsContents ul li a {
          margin-left: 180px;
          font-size: 18px;
          line-height: 2;
          display: block; } }
/* 720px〜959px：タブレット */
@media screen and (min-width: 720px) and (max-width: 959px) {
  #NewsArea .Contents h2 {
    position: relative;
    padding-bottom: 20px;
    border-bottom: 4px solid #b9b9b9;
    margin: 20px 0 30px;
    font-size: 22px;
    color: #363636;
    font-family: 'Noto Serif JP', serif; }
    #NewsArea .Contents h2:after {
      position: absolute;
      bottom: -4px;
      left: 0;
      z-index: 2;
      content: '';
      width: 210px;
      height: 4px;
      background-color: #103786; }
  #NewsArea .Contents .NewsContents {
    padding: 0 0 60px; }
    #NewsArea .Contents .NewsContents ul {
      margin-bottom: 30px; }
      #NewsArea .Contents .NewsContents ul li {
        border-bottom: 1px solid #a0a0a0;
        padding: 25px 0;
        position: relative; }
        #NewsArea .Contents .NewsContents ul li span {
          position: absolute;
          display: block;
          left: 15px;
          font-size: 16px; }
        #NewsArea .Contents .NewsContents ul li a {
          margin-left: 180px;
          font-size: 16px;
          line-height: 2;
          display: block; } }
/* 600px〜719px：タブレット */
@media screen and (min-width: 600px) and (max-width: 719px) {
  #NewsArea .Contents h2 {
    position: relative;
    padding-bottom: 20px;
    border-bottom: 4px solid #b9b9b9;
    margin: 20px 0 30px;
    font-size: 20px;
    color: #363636;
    font-family: 'Noto Serif JP', serif; }
    #NewsArea .Contents h2:after {
      position: absolute;
      bottom: -4px;
      left: 0;
      z-index: 2;
      content: '';
      width: 180px;
      height: 4px;
      background-color: #103786; }
  #NewsArea .Contents .NewsContents {
    padding: 0 0 60px; }
    #NewsArea .Contents .NewsContents ul {
      margin-bottom: 30px; }
      #NewsArea .Contents .NewsContents ul li {
        border-bottom: 1px solid #a0a0a0;
        padding: 25px 0;
        position: relative; }
        #NewsArea .Contents .NewsContents ul li span {
          display: block;
          font-size: 16px; }
        #NewsArea .Contents .NewsContents ul li a {
          margin-top: 20px;
          font-size: 16px;
          line-height: 2;
          display: block; } }
/* 480px〜599px：SP横 */
@media screen and (min-width: 480px) and (max-width: 599px) {
  #NewsArea .Contents h2 {
    position: relative;
    padding-bottom: 20px;
    border-bottom: 4px solid #b9b9b9;
    margin: 20px 0 30px;
    font-size: 19px;
    color: #363636;
    font-family: 'Noto Serif JP', serif; }
    #NewsArea .Contents h2:after {
      position: absolute;
      bottom: -4px;
      left: 0;
      z-index: 2;
      content: '';
      width: 100px;
      height: 4px;
      background-color: #103786; }
  #NewsArea .Contents .NewsContents {
    padding: 0 0 60px; }
    #NewsArea .Contents .NewsContents ul {
      margin-bottom: 30px; }
      #NewsArea .Contents .NewsContents ul li {
        border-bottom: 1px solid #a0a0a0;
        padding: 25px 0;
        position: relative; }
        #NewsArea .Contents .NewsContents ul li span {
          display: block;
          font-size: 15px; }
        #NewsArea .Contents .NewsContents ul li a {
          margin-top: 20px;
          font-size: 16px;
          line-height: 2;
          display: block; } }
/* 〜479px：SP縦 */
@media screen and (max-width: 479px) {
  #NewsArea .Contents h2 {
    position: relative;
    padding-bottom: 20px;
    border-bottom: 4px solid #b9b9b9;
    margin: 20px 0 30px;
    font-size: 17px;
    color: #363636;
    font-family: 'Noto Serif JP', serif; }
    #NewsArea .Contents h2:after {
      position: absolute;
      bottom: -4px;
      left: 0;
      z-index: 2;
      content: '';
      width: 50px;
      height: 4px;
      background-color: #103786; }
  #NewsArea .Contents .NewsContents {
    padding: 0 0 60px; }
    #NewsArea .Contents .NewsContents ul {
      margin-bottom: 30px; }
      #NewsArea .Contents .NewsContents ul li {
        border-bottom: 1px solid #a0a0a0;
        padding: 25px 0;
        position: relative; }
        #NewsArea .Contents .NewsContents ul li span {
          display: block;
          font-size: 15px; }
        #NewsArea .Contents .NewsContents ul li a {
          margin-top: 20px;
          font-size: 16px;
          line-height: 2;
          display: block; } }
/* 1280px〜：大型PC*/
@media print, screen and (min-width: 1280px) {
  #ContentsLink {
    background: url("../images/img_index/bg_banner_image.jpg") no-repeat top center, url("../images/img_index/bg_banner.jpg") repeat-x;
    background-size: cover;
    padding: 50px 0; }
    #ContentsLink .Contents {
      width: 900px;
      margin: 0 auto; }
    #ContentsLink ul.LinkBanner {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      gap:30px; }

  #SiteLink {
    background: #ebebeb;
    margin: 1px 0 0;
    padding: 30px 0; }
    #SiteLink .Contents {
      width: 875px;
      margin: 0 auto; }
    #SiteLink ul.LinkBanner {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      gap: 20px; } }
/* 960px〜1279px：小型PC */
@media screen and (min-width: 960px) and (max-width: 1279px) {
  #ContentsLink {
    background: url("../images/img_index/bg_banner_image.jpg") no-repeat top center, url("../images/img_index/bg_banner.jpg") repeat-x;
    background-size: cover;
    padding: 50px 0; }
    #ContentsLink .Contents {
      width: 900px;
      margin: 0 auto; }
    #ContentsLink ul.LinkBanner {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      gap:30px; }

  #SiteLink {
    background: #ebebeb;
    margin: 1px 0 0;
    padding: 30px 0; }
    #SiteLink .Contents {
      width: 875px;
      margin: 0 auto; }
    #SiteLink ul.LinkBanner {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      gap: 20px; } }
/* 720px〜959px：タブレット */
@media screen and (min-width: 720px) and (max-width: 959px) {
  #ContentsLink {
    background: url("../images/img_index/bg_banner_image.jpg") no-repeat top center, url("../images/img_index/bg_banner.jpg") repeat-x;
    background-size: cover;
    padding: 50px 0; }
    #ContentsLink .Contents {
      width: 690px;
      margin: 0 auto; }
    #ContentsLink ul.LinkBanner {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      gap:30px; }
      #ContentsLink ul.LinkBanner li {
        width: 330px;
        height: auto; }
      #ContentsLink ul.LinkBanner li a img {
        width: 330px;
        height: auto; }

  #SiteLink {
    background: #ebebeb;
    margin: 1px 0 0;
    padding: 30px 0; }
    #SiteLink .Contents {
      width: 675px;
      margin: 0 auto; }
    #SiteLink ul.LinkBanner {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px; } }
/* 600px〜719px：タブレット */
@media screen and (min-width: 600px) and (max-width: 719px) {
  #ContentsLink {
    background: url("../images/img_index/bg_banner_image.jpg") no-repeat top center, url("../images/img_index/bg_banner.jpg") repeat-x;
    background-size: cover;
    padding: 40px 0; }
    #ContentsLink .Contents {
      width: 550px;
      margin: 0 auto; }
    #ContentsLink ul.LinkBanner {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      #ContentsLink ul.LinkBanner li {
        width: 250px;
        height: auto; 
        gap:20px;}
      #ContentsLink ul.LinkBanner li a img {
        width: 250px;
        height: auto; }

  #SiteLink {
    background: #ebebeb;
    margin: 1px 0 0;
    padding: 30px 0; }
    #SiteLink .Contents {
      width: 580px;
      margin: 0 auto; }
    #SiteLink ul.LinkBanner {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px; } }
/* 480px〜599px：SP横 */
@media screen and (min-width: 480px) and (max-width: 599px) {
  #ContentsLink {
    background: url("../images/img_index/bg_banner_image.jpg") no-repeat top center, url("../images/img_index/bg_banner.jpg") repeat-x;
    background-size: cover;
    padding: 50px 0; }
    #ContentsLink .Contents {
      width: 430px;
      margin: 0 auto; }
    #ContentsLink ul.LinkBanner {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      gap: 10px; }
      #ContentsLink ul.LinkBanner li {
        width: 200px;
        height: auto; }
      #ContentsLink ul.LinkBanner li a img {
        width: 200px;
        height: auto; }

  #SiteLink {
    background: #ebebeb;
    margin: 1px 0 0;
    padding: 30px 0; }
    #SiteLink .Contents {
      width: 420px;
      margin: 0 auto; }
    #SiteLink ul.LinkBanner {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px; } }
/* 〜479px：SP縦 */
@media screen and (max-width: 479px) {
  #ContentsLink {
    background: url("../images/img_index/bg_banner_image.jpg") no-repeat top center, url("../images/img_index/bg_banner.jpg") repeat-x;
    background-size: cover;
    padding: 50px 0; }
    #ContentsLink .Contents {
      width: 320px;
      margin: 0 auto; }
    #ContentsLink ul.LinkBanner {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
    #ContentsLink ul.LinkBanner li {
      width: 155px;
      height: auto;
      margin-bottom: 15px;  }
    #ContentsLink ul.LinkBanner li:last-child {
      margin-bottom: 0 }
    #ContentsLink ul.LinkBanner li a img {
      width: 155px;
      height: auto; }

  #SiteLink {
    background: #ebebeb;
    margin: 1px 0 0;
    padding: 30px 0; }
    #SiteLink .Contents {
      width: 320px;
      margin: 0 auto; }
    #SiteLink ul.LinkBanner {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 10px; }
      #SiteLink ul.LinkBanner li img {
        width: 300px;
        height: auto; } }
/* 1280px〜：大型PC*/
@media print, screen and (min-width: 1280px) {
  #FooterArea #FooterContents {
    background: url("../images/img_commons/bg_footer.png") no-repeat top center, #103786;
    padding: 40px 0 70px; }
    #FooterArea #FooterContents .Contents .SiteTitle {
      width: 360px;
      margin: 0 auto 25px; }
      #FooterArea #FooterContents .Contents .SiteTitle img {
        width: 360px;
        height: auto; }
    #FooterArea #FooterContents .Contents ul.SitePageLink {
      display: flex;
      justify-content: center; }
      #FooterArea #FooterContents .Contents ul.SitePageLink li {
        position: relative;
        margin: 0 30px; }
        #FooterArea #FooterContents .Contents ul.SitePageLink li:last-child {
          margin-right: 0; }
        #FooterArea #FooterContents .Contents ul.SitePageLink li:after {
          display: block;
          content: '';
          position: absolute;
          top: .5em;
          left: -1em;
          width: 6px;
          height: 6px;
          border-right: 1px solid #fff;
          border-bottom: 1px solid #fff;
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }
        #FooterArea #FooterContents .Contents ul.SitePageLink li a:link {
          color: #fff;
          text-decoration: none; }
        #FooterArea #FooterContents .Contents ul.SitePageLink li a:visited {
          color: #fff;
          text-decoration: none; }
        #FooterArea #FooterContents .Contents ul.SitePageLink li a:hover {
          color: #b1d3ff; }
        #FooterArea #FooterContents .Contents ul.SitePageLink li a:active {
          color: #fff;
          text-decoration: none; }
  #FooterArea #CopyRight {
    background: #203051;
    padding: 15px; }
    #FooterArea #CopyRight p {
      color: #fff;
      text-align: center;
      font-size: 13px; } }
/* 960px〜1279px：小型PC */
@media screen and (min-width: 960px) and (max-width: 1279px) {
  #FooterArea #FooterContents {
    background: url("../images/img_commons/bg_footer.png") no-repeat top center, #103786;
    padding: 40px 0 110px; }
    #FooterArea #FooterContents .Contents .SiteTitle {
      width: 240px;
      margin: 0 auto 25px; }
      #FooterArea #FooterContents .Contents .SiteTitle img {
        width: 240px;
        height: auto; }
    #FooterArea #FooterContents .Contents ul.SitePageLink {
      display: flex;
      justify-content: center; }
      #FooterArea #FooterContents .Contents ul.SitePageLink li {
        position: relative;
        margin: 0 20px; }
        #FooterArea #FooterContents .Contents ul.SitePageLink li:after {
          display: block;
          content: '';
          position: absolute;
          top: .5em;
          left: -1em;
          width: 6px;
          height: 6px;
          border-right: 1px solid #fff;
          border-bottom: 1px solid #fff;
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }
        #FooterArea #FooterContents .Contents ul.SitePageLink li a:link {
          color: #fff;
          text-decoration: none; }
        #FooterArea #FooterContents .Contents ul.SitePageLink li a:visited {
          color: #fff;
          text-decoration: none; }
        #FooterArea #FooterContents .Contents ul.SitePageLink li a:hover {
          color: #b1d3ff; }
        #FooterArea #FooterContents .Contents ul.SitePageLink li a:active {
          color: #fff;
          text-decoration: none; }
  #FooterArea #CopyRight {
    background: #203051;
    padding: 15px; }
    #FooterArea #CopyRight p {
      color: #fff;
      text-align: center;
      font-size: 13px; } }
/* 720px〜959px：タブレット */
@media screen and (min-width: 720px) and (max-width: 959px) {
  #FooterArea #FooterContents {
    background: url("../images/img_commons/bg_footer.png") no-repeat top center, #103786;
    padding: 40px 0; }
    #FooterArea #FooterContents .Contents .SiteTitle {
      width: 240px;
      margin: 0 auto; }
      #FooterArea #FooterContents .Contents .SiteTitle img {
        width: 240px;
        height: auto; }
    #FooterArea #FooterContents .Contents ul.SitePageLink {
      display: none;
      justify-content: center; }
  #FooterArea #CopyRight {
    background: #203051;
    padding: 15px; }
    #FooterArea #CopyRight p {
      color: #fff;
      text-align: center;
      font-size: 13px; } }
/* 600px〜719px：タブレット */
@media screen and (min-width: 600px) and (max-width: 719px) {
  #FooterArea #FooterContents {
    background: url("../images/img_commons/bg_footer.png") no-repeat top center, #103786;
    padding: 40px 0; }
    #FooterArea #FooterContents .Contents .SiteTitle {
      width: 240px;
      margin: 0 auto; }
      #FooterArea #FooterContents .Contents .SiteTitle img {
        width: 240px;
        height: auto; }
    #FooterArea #FooterContents .Contents ul.SitePageLink {
      display: none;
      justify-content: center; }
  #FooterArea #CopyRight {
    background: #203051;
    padding: 10px; }
    #FooterArea #CopyRight p {
      color: #fff;
      text-align: center;
      font-size: 12px; } }
/* 480px〜599px：SP横 */
@media screen and (min-width: 480px) and (max-width: 599px) {
  #FooterArea #FooterContents {
    background: url("../images/img_commons/bg_footer.png") no-repeat top center, #103786;
    padding: 40px 0; }
    #FooterArea #FooterContents .Contents .SiteTitle {
      width: 240px;
      margin: 0 auto; }
      #FooterArea #FooterContents .Contents .SiteTitle img {
        width: 240px;
        height: auto; }
    #FooterArea #FooterContents .Contents ul.SitePageLink {
      display: none;
      justify-content: center; }
  #FooterArea #CopyRight {
    background: #203051;
    padding: 8px; }
    #FooterArea #CopyRight p {
      color: #fff;
      text-align: center;
      font-size: 9px; } }
/* 〜479px：SP縦 */
@media screen and (max-width: 479px) {
  #FooterArea #FooterContents {
    background: url("../images/img_commons/bg_footer.png") no-repeat top center, #103786;
    padding: 40px 0; }
    #FooterArea #FooterContents .Contents .SiteTitle {
      width: 240px;
      margin: 0 auto; }
      #FooterArea #FooterContents .Contents .SiteTitle img {
        width: 240px;
        height: auto; }
    #FooterArea #FooterContents .Contents ul.SitePageLink {
      display: none;
      justify-content: center; }
  #FooterArea #CopyRight {
    background: #203051;
    padding: 5px; }
    #FooterArea #CopyRight p {
      color: #fff;
      text-align: center;
      font-size: 8px; } }
/* 1280px〜：大型PC*/
@media print, screen and (min-width: 1280px) {
  #PankuzuList {
    background: #e9e9e9; }
    #PankuzuList .ContentsArea {
      padding: 15px 10px;
      width: 1000px;
      margin: 0 auto; }
      #PankuzuList .ContentsArea ul {
        display: flex; }
        #PankuzuList .ContentsArea ul li {
          position: relative;
          font-size: 11px;
          color: #484848;
          padding-left: 10px;
          margin-right: 30px; }
          #PankuzuList .ContentsArea ul li:after {
            display: block;
            content: '';
            position: absolute;
            top: 5px;
            left: -1em;
            width: 6px;
            height: 6px;
            border-right: 1px solid #666;
            border-bottom: 1px solid #666;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
          #PankuzuList .ContentsArea ul li:first-child:before {
            display: block;
            content: '';
            background: url("../images/img_commons/pankuzu_home.png") no-repeat;
            position: absolute;
            top: 0px;
            left: -2em;
            vertical-align: middle;
            padding-right: 13px;
            width: 5px;
            height: 17px;
            display: inline-block;
            background-size: contain; }
          #PankuzuList .ContentsArea ul li:first-child:after {
            content: none; }
          #PankuzuList .ContentsArea ul li a:link {
            color: #484848;
            text-decoration: none; }
          #PankuzuList .ContentsArea ul li a:visited {
            color: #484848;
            text-decoration: none; }
          #PankuzuList .ContentsArea ul li a:hover {
            color: #484848;
            text-decoration: none; }
          #PankuzuList .ContentsArea ul li a:active {
            color: #484848;
            text-decoration: none; } }
/* 960px〜1279px：小型PC */
@media screen and (min-width: 960px) and (max-width: 1279px) {
  #PankuzuList {
    background: #e9e9e9; }
    #PankuzuList .ContentsArea {
      padding: 15px 10px;
      width: 920px;
      margin: 0 auto; }
      #PankuzuList .ContentsArea ul {
        display: flex; }
        #PankuzuList .ContentsArea ul li {
          position: relative;
          font-size: 11px;
          color: #484848;
          padding-left: 10px;
          margin-right: 30px; }
          #PankuzuList .ContentsArea ul li:after {
            display: block;
            content: '';
            position: absolute;
            top: 5px;
            left: -1em;
            width: 6px;
            height: 6px;
            border-right: 1px solid #666;
            border-bottom: 1px solid #666;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
          #PankuzuList .ContentsArea ul li:first-child:before {
            display: block;
            content: '';
            background: url("../images/img_commons/pankuzu_home.png") no-repeat;
            position: absolute;
            top: 0px;
            left: -2em;
            vertical-align: middle;
            padding-right: 13px;
            width: 5px;
            height: 17px;
            display: inline-block;
            background-size: contain; }
          #PankuzuList .ContentsArea ul li:first-child:after {
            content: none; }
          #PankuzuList .ContentsArea ul li a:link {
            color: #484848;
            text-decoration: none; }
          #PankuzuList .ContentsArea ul li a:visited {
            color: #484848;
            text-decoration: none; }
          #PankuzuList .ContentsArea ul li a:hover {
            color: #484848;
            text-decoration: none; }
          #PankuzuList .ContentsArea ul li a:active {
            color: #484848;
            text-decoration: none; } }
/* 720px〜959px：タブレット */
@media screen and (min-width: 720px) and (max-width: 959px) {
  #PankuzuList {
    background: #e9e9e9; }
    #PankuzuList .ContentsArea {
      padding: 15px 10px;
      width: 675px;
      margin: 0 auto; }
      #PankuzuList .ContentsArea ul {
        display: flex;
        margin-left: 30px; }
        #PankuzuList .ContentsArea ul li {
          position: relative;
          font-size: 11px;
          color: #484848;
          padding-left: 10px;
          margin-right: 30px; }
          #PankuzuList .ContentsArea ul li:after {
            display: block;
            content: '';
            position: absolute;
            top: 5px;
            left: -1em;
            width: 6px;
            height: 6px;
            border-right: 1px solid #666;
            border-bottom: 1px solid #666;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
          #PankuzuList .ContentsArea ul li:first-child:before {
            display: block;
            content: '';
            background: url("../images/img_commons/pankuzu_home.png") no-repeat;
            position: absolute;
            top: 0px;
            left: -2em;
            vertical-align: middle;
            padding-right: 13px;
            width: 5px;
            height: 17px;
            display: inline-block;
            background-size: contain; }
          #PankuzuList .ContentsArea ul li:first-child:after {
            content: none; }
          #PankuzuList .ContentsArea ul li a:link {
            color: #484848;
            text-decoration: none; }
          #PankuzuList .ContentsArea ul li a:visited {
            color: #484848;
            text-decoration: none; }
          #PankuzuList .ContentsArea ul li a:hover {
            color: #484848;
            text-decoration: none; }
          #PankuzuList .ContentsArea ul li a:active {
            color: #484848;
            text-decoration: none; } }
/* 600px〜719px：タブレット */
@media screen and (min-width: 600px) and (max-width: 719px) {
  #PankuzuList {
    background: #e9e9e9; }
    #PankuzuList .ContentsArea {
      padding: 15px 10px;
      width: 580px;
      margin: 0 auto; }
      #PankuzuList .ContentsArea ul {
        display: flex;
        margin-left: 20px; }
        #PankuzuList .ContentsArea ul li {
          position: relative;
          font-size: 11px;
          color: #484848;
          padding-left: 10px;
          margin-right: 30px; }
          #PankuzuList .ContentsArea ul li:after {
            display: block;
            content: '';
            position: absolute;
            top: 5px;
            left: -1em;
            width: 6px;
            height: 6px;
            border-right: 1px solid #666;
            border-bottom: 1px solid #666;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
          #PankuzuList .ContentsArea ul li:first-child:before {
            display: block;
            content: '';
            background: url("../images/img_commons/pankuzu_home.png") no-repeat;
            position: absolute;
            top: 0px;
            left: -2em;
            vertical-align: middle;
            padding-right: 13px;
            width: 5px;
            height: 17px;
            display: inline-block;
            background-size: contain; }
          #PankuzuList .ContentsArea ul li:first-child:after {
            content: none; }
          #PankuzuList .ContentsArea ul li a:link {
            color: #484848;
            text-decoration: none; }
          #PankuzuList .ContentsArea ul li a:visited {
            color: #484848;
            text-decoration: none; }
          #PankuzuList .ContentsArea ul li a:hover {
            color: #484848;
            text-decoration: none; }
          #PankuzuList .ContentsArea ul li a:active {
            color: #484848;
            text-decoration: none; } }
/* 480px〜599px：SP横 */
@media screen and (min-width: 480px) and (max-width: 599px) {
  #PankuzuList {
    background: #e9e9e9; }
    #PankuzuList .ContentsArea {
      padding: 15px 10px;
      width: 460px;
      margin: 0 auto; }
      #PankuzuList .ContentsArea ul {
        display: flex;
        flex-flow: wrap; }
        #PankuzuList .ContentsArea ul li {
          position: relative;
          font-size: 11px;
          color: #484848;
          padding-left: 10px;
          margin-right: 30px; }
          #PankuzuList .ContentsArea ul li:after {
            display: block;
            content: '';
            position: absolute;
            top: 5px;
            left: -1em;
            width: 6px;
            height: 6px;
            border-right: 1px solid #666;
            border-bottom: 1px solid #666;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
          #PankuzuList .ContentsArea ul li:first-child:before {
            display: block;
            content: '';
            background: url("../images/img_commons/pankuzu_home.png") no-repeat;
            position: absolute;
            top: 0px;
            left: -2em;
            vertical-align: middle;
            padding-right: 13px;
            width: 5px;
            height: 17px;
            display: inline-block;
            background-size: contain; }
          #PankuzuList .ContentsArea ul li:first-child:after {
            content: none; }
          #PankuzuList .ContentsArea ul li a:link {
            color: #484848;
            text-decoration: none; }
          #PankuzuList .ContentsArea ul li a:visited {
            color: #484848;
            text-decoration: none; }
          #PankuzuList .ContentsArea ul li a:hover {
            color: #484848;
            text-decoration: none; }
          #PankuzuList .ContentsArea ul li a:active {
            color: #484848;
            text-decoration: none; } }
/* 〜479px：SP縦 */
@media screen and (max-width: 479px) {
  #PankuzuList {
    background: #e9e9e9; }
    #PankuzuList .ContentsArea {
      padding: 15px 10px;
      width: 350px;
      margin: 0 auto; }
      #PankuzuList .ContentsArea ul {
        display: flex;
        flex-flow: wrap;
        margin-left: 10px; }
        #PankuzuList .ContentsArea ul li {
          position: relative;
          font-size: 11px;
          color: #484848;
          padding-left: 10px;
          margin-right: 30px; }
          #PankuzuList .ContentsArea ul li:after {
            display: block;
            content: '';
            position: absolute;
            top: 5px;
            left: -1em;
            width: 6px;
            height: 6px;
            border-right: 1px solid #666;
            border-bottom: 1px solid #666;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
          #PankuzuList .ContentsArea ul li:first-child:before {
            display: block;
            content: '';
            background: url("../images/img_commons/pankuzu_home.png") no-repeat;
            position: absolute;
            top: 0px;
            left: -2em;
            vertical-align: middle;
            padding-right: 13px;
            width: 5px;
            height: 17px;
            display: inline-block;
            background-size: contain; }
          #PankuzuList .ContentsArea ul li:first-child:after {
            content: none; }
          #PankuzuList .ContentsArea ul li a:link {
            color: #484848;
            text-decoration: none; }
          #PankuzuList .ContentsArea ul li a:visited {
            color: #484848;
            text-decoration: none; }
          #PankuzuList .ContentsArea ul li a:hover {
            color: #484848;
            text-decoration: none; }
          #PankuzuList .ContentsArea ul li a:active {
            color: #484848;
            text-decoration: none; } }
/* 1280px〜：大型PC*/
@media print, screen and (min-width: 1280px) {
  #LanguageBtn {
    padding: 10px 0;
  }
  #LanguageBtn .Contents {
    width: 1000px;
    margin: 0 auto;
  }
  #LanguageBtn .Contents ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 5px;
  }
  #LanguageBtn .Contents ul li a {
    display: block;
    color: white;
    background: #003978;
    padding: 4px 10px;
    border-radius: 10px;
    text-align: center;
    font-size: 12px;
    text-decoration: none;
  }
  #LanguageBtn .Contents ul li i {
    color: #003978;
    padding: 4px 10px;
    border-radius: 10px;
    text-align: center;
    font-size: 12px;
    display: block;
  }      
}
/* 960px〜1279px：小型PC */
@media screen and (min-width: 960px) and (max-width: 1279px) {
  #LanguageBtn {
    padding: 10px 0; }
  #LanguageBtn .Contents {
    width: 920px;
    margin: 0 auto; }
  #LanguageBtn .Contents ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 5px;
  }
  #LanguageBtn .Contents ul li a {
    display: block;
    color: white;
    background: #003978;
    padding: 4px 10px;
    border-radius: 10px;
    text-align: center;
    font-size: 12px;
    text-decoration: none;
  }
  #LanguageBtn .Contents ul li i {
    color: #003978;
    padding: 4px 10px;
    border-radius: 10px;
    text-align: center;
    font-size: 12px;
    display: block;
  }    
}
/* 720px〜959px：タブレット */
@media screen and (min-width: 720px) and (max-width: 959px) {
  #LanguageBtn {
    padding: 10px 0; }
  #LanguageBtn .Contents {
    width: 675px;
    margin: 0 auto; }
  #LanguageBtn .Contents ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 5px;
  }
  #LanguageBtn .Contents ul li a {
    display: block;
    color: white;
    background: #003978;
    padding: 4px 10px;
    border-radius: 10px;
    text-align: center;
    font-size: 12px;
    text-decoration: none;
  }
  #LanguageBtn .Contents ul li i {
    color: #003978;
    padding: 4px 10px;
    border-radius: 10px;
    text-align: center;
    font-size: 12px;
    display: block;
  }    
}
/* 600px〜719px：タブレット */
@media screen and (min-width: 600px) and (max-width: 719px) {
  #LanguageBtn {
    padding: 10px 0; }
  #LanguageBtn .Contents {
    width: 580px;
    margin: 0 auto; }
  #LanguageBtn .Contents ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 5px;
  }
  #LanguageBtn .Contents ul li a {
    display: block;
    color: white;
    background: #003978;
    padding: 4px 10px;
    border-radius: 10px;
    text-align: center;
    font-size: 12px;
    text-decoration: none;
  }
  #LanguageBtn .Contents ul li i {
    color: #003978;
    padding: 4px 10px;
    border-radius: 10px;
    text-align: center;
    font-size: 12px;
    display: block;
  }    
}
/* 480px〜599px：SP横 */
@media screen and (min-width: 480px) and (max-width: 599px) {
  #LanguageBtn {
    padding: 10px 0; }
  #LanguageBtn .Contents {
    width: 450px;
    margin: 0 auto; }
  #LanguageBtn .Contents ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 5px;
  }
  #LanguageBtn .Contents ul li a {
    display: block;
    color: white;
    background: #003978;
    padding: 4px 10px;
    border-radius: 10px;
    text-align: center;
    font-size: 12px;
    text-decoration: none;
  }
  #LanguageBtn .Contents ul li i {
    color: #003978;
    padding: 4px 10px;
    border-radius: 10px;
    text-align: center;
    font-size: 12px;
    display: block;
  }    
}
/* 〜479px：SP縦 */
@media screen and (max-width: 479px) {
  #LanguageBtn {
    padding: 10px 0; }
  #LanguageBtn .Contents {
    width: 340px;
    margin: 0 auto; }
  #LanguageBtn .Contents ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 5px;
  }
  #LanguageBtn .Contents ul li a {
    display: block;
    color: white;
    background: #003978;
    padding: 4px 10px;
    border-radius: 10px;
    text-align: center;
    font-size: 12px;
    text-decoration: none;
  }
  #LanguageBtn .Contents ul li i {
    color: #003978;
    padding: 4px 10px;
    border-radius: 10px;
    text-align: center;
    font-size: 12px;
    display: block;
  }    
}
/* 1280px〜：大型PC*/
@media screen and (min-width: 1280px) {
  .MenuBG {
    position: relative; }

  .MenuRed {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    background: #103786;
    width: 110px;
    height: 106px;
    z-index: 100; }

  .hamburger {
    position: absolute;
    display: none;
    width: 60px;
    height: 20px;
    top: 3%;
    right: 16px;
    margin-top: 25px;
    z-index: 99999;
    transition: all .4s;
    box-sizing: border-box;
    cursor: pointer;
    cursor: hand; }

  .hamburger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: -9px;
    width: 100%;
    height: 1px;
    /*height: 2px;*/
    background-color: #fff;
    margin: 0 auto;
    text-align: center; }

  .hamburger em {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    bottom: -33px;
    font-size: 13px;
    font-weight: bold; }

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

  .hamburger span:nth-of-type(2) {
    top: 9px; }

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

  .hamburger span:nth-of-type(1) {
    -webkit-animation: menu-ber01 .75s forwards;
    animation: menu-ber01 .75s forwards; }

  .hamburger span:nth-of-type(2) {
    transition: all .25s .25s;
    opacity: 1; }

  .hamburger span:nth-of-type(3) {
    -webkit-animation: menu-ber02 .75s forwards;
    animation: menu-ber02 .75s forwards; }

  .hamburgerFixation {
    position: absolute;
    display: block;
    width: 32px;
    height: 20px;
    top: 35%;
    right: 16px;
    margin-top: -10px;
    z-index: 99999;
    transition: all .4s;
    box-sizing: border-box;
    cursor: pointer;
    cursor: hand; }

  .hamburgerFixation span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    /*height: 2px;*/
    background-color: #fff;
    margin: 0 auto; }

  .hamburgerFixation em {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    bottom: -20px;
    font-size: 10px;
    font-weight: bold; }

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

  .hamburgerFixation span:nth-of-type(2) {
    top: 9px; }

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

  .hamburgerFixation span:nth-of-type(1) {
    -webkit-animation: menu-ber01 .75s forwards;
    animation: menu-ber01 .75s forwards; }

  .hamburgerFixation span:nth-of-type(2) {
    transition: all .25s .25s;
    opacity: 1; }

  .hamburgerFixation span:nth-of-type(3) {
    -webkit-animation: menu-ber02 .75s forwards;
    animation: menu-ber02 .75s forwards; }

  .active span:nth-of-type(1) {
    -webkit-animation: active-menu-ber01 .75s forwards;
    animation: active-menu-ber01 .75s forwards; }

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

  .active span:nth-of-type(3) {
    -webkit-animation: active-menu-ber03 .75s forwards;
    animation: active-menu-ber03 .75s forwards; }

  @-webkit-keyframes menu-ber01 {
    0% {
      -webkit-transform: translateY(8px) rotate(45deg); }
    50% {
      -webkit-transform: translateY(8px) rotate(0); }
    100% {
      -webkit-transform: translateY(0) rotate(0); } }
  @keyframes menu-ber01 {
    0% {
      transform: translateY(8px) rotate(45deg); }
    50% {
      transform: translateY(8px) rotate(0); }
    100% {
      transform: translateY(0) rotate(0); } }
  @-webkit-keyframes menu-ber02 {
    0% {
      -webkit-transform: translateY(-8px) rotate(-45deg); }
    50% {
      -webkit-transform: translateY(-8px) rotate(0); }
    100% {
      -webkit-transform: translateY(0) rotate(0); } }
  @keyframes menu-ber02 {
    0% {
      transform: translateY(-8px) rotate(-45deg); }
    50% {
      transform: translateY(-8px) rotate(0); }
    100% {
      transform: translateY(0) rotate(0); } }
  @-webkit-keyframes active-menu-ber01 {
    0% {
      -webkit-transform: translateY(0) rotate(0); }
    50% {
      -webkit-transform: translateY(10px) rotate(0); }
    100% {
      -webkit-transform: translateY(10px) rotate(45deg); } }
  @keyframes active-menu-ber01 {
    0% {
      transform: translateY(0) rotate(0); }
    50% {
      transform: translateY(10px) rotate(0); }
    100% {
      transform: translateY(10px) rotate(45deg); } }
  @-webkit-keyframes active-menu-ber03 {
    0% {
      -webkit-transform: translateY(0) rotate(0); }
    50% {
      -webkit-transform: translateY(-8px) rotate(0); }
    100% {
      -webkit-transform: translateY(-8px) rotate(-45deg); } }
  @keyframes active-menu-ber03 {
    0% {
      transform: translateY(0) rotate(0); }
    50% {
      transform: translateY(-8px) rotate(0); }
    100% {
      transform: translateY(-8px) rotate(-45deg); } }
  #navigationFixation {
    position: fixed;
    display: none;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 1;
    background: url("../images/img_commons/bg_b_menu.png") top center, #103786;
    transform: translateX(0);
    overflow-y: scroll;
    max-height: 100vh; }
    #navigationFixation .navigation_inner {
      display: table;
      width: 100%;
      height: 100%; }
      #navigationFixation .navigation_inner .navigation_menu {
        display: table-cell;
        vertical-align: middle; }
        #navigationFixation .navigation_inner .navigation_menu .navigation_menu {
          display: table-cell;
          vertical-align: middle; }
          #navigationFixation .navigation_inner .navigation_menu .navigation_menu .navigation_item {
            position: relative;
            width: 300px;
            height: 100px;
            margin: 16px auto 0 auto; }
            #navigationFixation .navigation_inner .navigation_menu .navigation_menu .navigation_item:first-child {
              margin-top: 0; }
            #navigationFixation .navigation_inner .navigation_menu .navigation_menu .navigation_item a {
              display: block;
              position: relative;
              text-decoration: none;
              font-size: 2.4rem;
              color: #fff;
              line-height: 40px;
              text-align: center; }
              #navigationFixation .navigation_inner .navigation_menu .navigation_menu .navigation_item a::before {
                content: "";
                position: absolute;
                top: 50%;
                left: 50%;
                width: 0;
                height: 2px;
                background-color: #666;
                transition: .3s;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%); }
            #navigationFixation .navigation_inner .navigation_menu .navigation_menu .navigation_itema:hover::before {
              width: 50%; }
    #navigationFixation .MenuTop {
      padding: 80px 0; }
      #navigationFixation .MenuTop .MenuContents .MenuNaviR .SiteTitle {
        width: 500px;
        margin: 30px auto 40px; }
        #navigationFixation .MenuTop .MenuContents .MenuNaviR .SiteTitle img {
          width: 500px;
          height: auto;
          margin: 0 auto; }
      #navigationFixation .MenuTop .MenuContents .MenuNaviR ul.navigation_menu {
        display: flex;
        justify-content: center; }
        #navigationFixation .MenuTop .MenuContents .MenuNaviR ul.navigation_menu li {
          padding: 0 25px; }
          #navigationFixation .MenuTop .MenuContents .MenuNaviR ul.navigation_menu li a {
            font-weight: bold;
            font-size: 20px;
            text-decoration: none;
            color: #fff !important; }
            #navigationFixation .MenuTop .MenuContents .MenuNaviR ul.navigation_menu li a:link {
              color: #fff !important; }
            #navigationFixation .MenuTop .MenuContents .MenuNaviR ul.navigation_menu li a:hover {
              color: #adc8ff; }
    #navigationFixation .MenuBottm {
      padding: 50px 0;
      width: 800px;
      margin: 0 auto; }
      #navigationFixation .MenuBottm ul.LinkBanner {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        #navigationFixation .MenuBottm ul.LinkBanner li:nth-child(2) {
          margin-bottom: 50px; }
        #navigationFixation .MenuBottm ul.LinkBanner li img {
          width: 380px;
          height: auto; }

  .cb-header {
    position: fixed;
    top: 0;
    left: 0;
    display: block !important;
    width: 100%;
    z-index: 99999999999; }
    .cb-header .hamburger {
      position: absolute;
      display: none;
      width: 60px;
      height: 20px;
      top: 46%;
      right: 16px;
      margin-top: 27px;
      z-index: 99999;
      transition: all .4s;
      box-sizing: border-box;
      cursor: pointer;
      cursor: hand; }
    .cb-header .SiteTitle img {
      width: 24vw; } }
/* 960px〜1279px：小型PC */
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .MenuBG {
    position: relative; }

  .MenuRed {
    position: absolute;
    top: 0;
    right: 0;
    background: #103786;
    width: 110px;
    height: 106px;
    z-index: 100; }

  .hamburger {
    position: absolute;
    display: block;
    width: 60px;
    height: 20px;
    top: 5%;
    right: 16px;
    margin-top: 25px;
    z-index: 99999;
    transition: all .4s;
    box-sizing: border-box;
    cursor: pointer;
    cursor: hand; }

  .hamburger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: -9px;
    width: 100%;
    height: 1px;
    /*height: 2px;*/
    background-color: #fff;
    margin: 0 auto;
    text-align: center; }

  .hamburger em {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    bottom: -33px;
    font-size: 13px;
    font-weight: bold; }

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

  .hamburger span:nth-of-type(2) {
    top: 9px; }

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

  .hamburger span:nth-of-type(1) {
    -webkit-animation: menu-ber01 .75s forwards;
    animation: menu-ber01 .75s forwards; }

  .hamburger span:nth-of-type(2) {
    transition: all .25s .25s;
    opacity: 1; }

  .hamburger span:nth-of-type(3) {
    -webkit-animation: menu-ber02 .75s forwards;
    animation: menu-ber02 .75s forwards; }

  .hamburgerFixation {
    position: absolute;
    display: block;
    width: 32px;
    height: 20px;
    top: 35%;
    right: 16px;
    margin-top: -10px;
    z-index: 99999;
    transition: all .4s;
    box-sizing: border-box;
    cursor: pointer;
    cursor: hand; }

  .hamburgerFixation span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    /*height: 2px;*/
    background-color: #fff;
    margin: 0 auto; }

  .hamburgerFixation em {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    bottom: -20px;
    font-size: 10px;
    font-weight: bold; }

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

  .hamburgerFixation span:nth-of-type(2) {
    top: 9px; }

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

  .hamburgerFixation span:nth-of-type(1) {
    -webkit-animation: menu-ber01 .75s forwards;
    animation: menu-ber01 .75s forwards; }

  .hamburgerFixation span:nth-of-type(2) {
    transition: all .25s .25s;
    opacity: 1; }

  .hamburgerFixation span:nth-of-type(3) {
    -webkit-animation: menu-ber02 .75s forwards;
    animation: menu-ber02 .75s forwards; }

  .active span:nth-of-type(1) {
    -webkit-animation: active-menu-ber01 .75s forwards;
    animation: active-menu-ber01 .75s forwards; }

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

  .active span:nth-of-type(3) {
    -webkit-animation: active-menu-ber03 .75s forwards;
    animation: active-menu-ber03 .75s forwards; }

  @-webkit-keyframes menu-ber01 {
    0% {
      -webkit-transform: translateY(8px) rotate(45deg); }
    50% {
      -webkit-transform: translateY(8px) rotate(0); }
    100% {
      -webkit-transform: translateY(0) rotate(0); } }
  @keyframes menu-ber01 {
    0% {
      transform: translateY(8px) rotate(45deg); }
    50% {
      transform: translateY(8px) rotate(0); }
    100% {
      transform: translateY(0) rotate(0); } }
  @-webkit-keyframes menu-ber02 {
    0% {
      -webkit-transform: translateY(-8px) rotate(-45deg); }
    50% {
      -webkit-transform: translateY(-8px) rotate(0); }
    100% {
      -webkit-transform: translateY(0) rotate(0); } }
  @keyframes menu-ber02 {
    0% {
      transform: translateY(-8px) rotate(-45deg); }
    50% {
      transform: translateY(-8px) rotate(0); }
    100% {
      transform: translateY(0) rotate(0); } }
  @-webkit-keyframes active-menu-ber01 {
    0% {
      -webkit-transform: translateY(0) rotate(0); }
    50% {
      -webkit-transform: translateY(10px) rotate(0); }
    100% {
      -webkit-transform: translateY(10px) rotate(45deg); } }
  @keyframes active-menu-ber01 {
    0% {
      transform: translateY(0) rotate(0); }
    50% {
      transform: translateY(10px) rotate(0); }
    100% {
      transform: translateY(10px) rotate(45deg); } }
  @-webkit-keyframes active-menu-ber03 {
    0% {
      -webkit-transform: translateY(0) rotate(0); }
    50% {
      -webkit-transform: translateY(-8px) rotate(0); }
    100% {
      -webkit-transform: translateY(-8px) rotate(-45deg); } }
  @keyframes active-menu-ber03 {
    0% {
      transform: translateY(0) rotate(0); }
    50% {
      transform: translateY(-8px) rotate(0); }
    100% {
      transform: translateY(-8px) rotate(-45deg); } }
  #navigationFixation {
    position: fixed;
    display: none;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 1;
    background: url("../images/img_commons/bg_b_menu.png") top center, #103786;
    background-size: 200%;
    transform: translateX(0);
    overflow-y: scroll;
    max-height: 100vh; }
    #navigationFixation .navigation_inner {
      display: table;
      width: 100%;
      height: 100%; }
      #navigationFixation .navigation_inner .navigation_menu {
        display: table-cell;
        vertical-align: middle; }
        #navigationFixation .navigation_inner .navigation_menu .navigation_menu {
          display: table-cell;
          vertical-align: middle; }
          #navigationFixation .navigation_inner .navigation_menu .navigation_menu .navigation_item {
            position: relative;
            width: 300px;
            height: 100px;
            margin: 16px auto 0 auto; }
            #navigationFixation .navigation_inner .navigation_menu .navigation_menu .navigation_item:first-child {
              margin-top: 0; }
            #navigationFixation .navigation_inner .navigation_menu .navigation_menu .navigation_item a {
              display: block;
              position: relative;
              text-decoration: none;
              font-size: 2.4rem;
              color: #fff;
              line-height: 40px;
              text-align: center; }
              #navigationFixation .navigation_inner .navigation_menu .navigation_menu .navigation_item a::before {
                content: "";
                position: absolute;
                top: 50%;
                left: 50%;
                width: 0;
                height: 2px;
                background-color: #666;
                transition: .3s;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%); }
            #navigationFixation .navigation_inner .navigation_menu .navigation_menu .navigation_itema:hover::before {
              width: 50%; }
    #navigationFixation .MenuTop {
      padding: 100px 0; }
      #navigationFixation .MenuTop .MenuContents .MenuNaviR .SiteTitle {
        width: 280px;
        margin: 30px auto 40px; }
        #navigationFixation .MenuTop .MenuContents .MenuNaviR .SiteTitle img {
          width: 280px;
          height: auto;
          margin: 0 auto; }
      #navigationFixation .MenuTop .MenuContents .MenuNaviR ul.navigation_menu {
        display: flex;
        justify-content: center; }
        #navigationFixation .MenuTop .MenuContents .MenuNaviR ul.navigation_menu li {
          padding: 0 25px; }
          #navigationFixation .MenuTop .MenuContents .MenuNaviR ul.navigation_menu li a {
            font-weight: bold;
            font-size: 18px;
            text-decoration: none;
            color: #fff !important; }
            #navigationFixation .MenuTop .MenuContents .MenuNaviR ul.navigation_menu li a:link {
              color: #fff; }
            #navigationFixation .MenuTop .MenuContents .MenuNaviR ul.navigation_menu li a:hover {
              color: #adc8ff; }
    #navigationFixation .MenuBottm {
      padding: 50px 0;
      width: 700px;
      margin: 0 auto; }
      #navigationFixation .MenuBottm ul.LinkBanner {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        #navigationFixation .MenuBottm ul.LinkBanner li:nth-child(2) {
          margin-bottom: 50px; }
        #navigationFixation .MenuBottm ul.LinkBanner li img {
          width: 320px;
          height: auto; }

  .cb-header {
    position: fixed;
    top: 0;
    left: 0;
    display: block !important;
    width: 100%;
    z-index: 99999999999; }
    .cb-header .hamburger {
      position: absolute;
      display: block;
      width: 60px;
      height: 20px;
      top: 46%;
      right: 16px;
      margin-top: 25px;
      z-index: 99999;
      transition: all .4s;
      box-sizing: border-box;
      cursor: pointer;
      cursor: hand; }
    .cb-header .SiteTitle img {
      width: 37vw; } }
/* 720px〜959px：タブレット */
@media screen and (min-width: 720px) and (max-width: 959px) {
  .MenuBG {
    position: relative; }

  .MenuRed {
    position: absolute;
    top: 0;
    right: 0;
    background: #103786;
    width: 80px;
    height: 80px;
    z-index: 100; }

  .hamburger {
    position: absolute;
    display: block;
    width: 60px;
    height: 20px;
    top: 2%;
    right: 3px;
    margin-top: 4px;
    z-index: 99999;
    transition: all .4s;
    box-sizing: border-box;
    cursor: pointer;
    cursor: hand; }

  .hamburger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: 0px;
    width: 80%;
    height: 1px;
    /*height: 2px;*/
    background-color: #fff;
    margin: 0 auto;
    text-align: center; }

  .hamburger em {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    bottom: -33px;
    font-size: 13px;
    font-weight: bold; }

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

  .hamburger span:nth-of-type(2) {
    top: 9px; }

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

  .hamburger span:nth-of-type(1) {
    -webkit-animation: menu-ber01 .75s forwards;
    animation: menu-ber01 .75s forwards; }

  .hamburger span:nth-of-type(2) {
    transition: all .25s .25s;
    opacity: 1; }

  .hamburger span:nth-of-type(3) {
    -webkit-animation: menu-ber02 .75s forwards;
    animation: menu-ber02 .75s forwards; }

  .hamburgerFixation {
    position: absolute;
    display: block;
    width: 32px;
    height: 20px;
    top: 35%;
    right: 16px;
    margin-top: -10px;
    z-index: 99999;
    transition: all .4s;
    box-sizing: border-box;
    cursor: pointer;
    cursor: hand; }

  .hamburgerFixation span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    /*height: 2px;*/
    background-color: #fff;
    margin: 0 auto; }

  .hamburgerFixation em {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    bottom: -20px;
    font-size: 10px;
    font-weight: bold; }

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

  .hamburgerFixation span:nth-of-type(2) {
    top: 9px; }

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

  .hamburgerFixation span:nth-of-type(1) {
    -webkit-animation: menu-ber01 .75s forwards;
    animation: menu-ber01 .75s forwards; }

  .hamburgerFixation span:nth-of-type(2) {
    transition: all .25s .25s;
    opacity: 1; }

  .hamburgerFixation span:nth-of-type(3) {
    -webkit-animation: menu-ber02 .75s forwards;
    animation: menu-ber02 .75s forwards; }

  .active span:nth-of-type(1) {
    -webkit-animation: active-menu-ber01 .75s forwards;
    animation: active-menu-ber01 .75s forwards; }

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

  .active span:nth-of-type(3) {
    -webkit-animation: active-menu-ber03 .75s forwards;
    animation: active-menu-ber03 .75s forwards; }

  @-webkit-keyframes menu-ber01 {
    0% {
      -webkit-transform: translateY(8px) rotate(45deg); }
    50% {
      -webkit-transform: translateY(8px) rotate(0); }
    100% {
      -webkit-transform: translateY(0) rotate(0); } }
  @keyframes menu-ber01 {
    0% {
      transform: translateY(8px) rotate(45deg); }
    50% {
      transform: translateY(8px) rotate(0); }
    100% {
      transform: translateY(0) rotate(0); } }
  @-webkit-keyframes menu-ber02 {
    0% {
      -webkit-transform: translateY(-8px) rotate(-45deg); }
    50% {
      -webkit-transform: translateY(-8px) rotate(0); }
    100% {
      -webkit-transform: translateY(0) rotate(0); } }
  @keyframes menu-ber02 {
    0% {
      transform: translateY(-8px) rotate(-45deg); }
    50% {
      transform: translateY(-8px) rotate(0); }
    100% {
      transform: translateY(0) rotate(0); } }
  @-webkit-keyframes active-menu-ber01 {
    0% {
      -webkit-transform: translateY(0) rotate(0); }
    50% {
      -webkit-transform: translateY(10px) rotate(0); }
    100% {
      -webkit-transform: translateY(10px) rotate(45deg); } }
  @keyframes active-menu-ber01 {
    0% {
      transform: translateY(0) rotate(0); }
    50% {
      transform: translateY(10px) rotate(0); }
    100% {
      transform: translateY(10px) rotate(45deg); } }
  @-webkit-keyframes active-menu-ber03 {
    0% {
      -webkit-transform: translateY(0) rotate(0); }
    50% {
      -webkit-transform: translateY(-8px) rotate(0); }
    100% {
      -webkit-transform: translateY(-8px) rotate(-45deg); } }
  @keyframes active-menu-ber03 {
    0% {
      transform: translateY(0) rotate(0); }
    50% {
      transform: translateY(-8px) rotate(0); }
    100% {
      transform: translateY(-8px) rotate(-45deg); } }
  #navigationFixation {
    position: fixed;
    display: none;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 1;
    background: url("../images/img_commons/bg_b_menu.png") top center, #103786;
    background-size: 200%;
    transform: translateX(0);
    overflow-y: scroll;
    max-height: 100vh; }
    #navigationFixation .navigation_inner {
      display: table;
      width: 100%;
      height: 100%; }
      #navigationFixation .navigation_inner .navigation_menu {
        display: table-cell;
        vertical-align: middle; }
        #navigationFixation .navigation_inner .navigation_menu .navigation_menu {
          display: table-cell;
          vertical-align: middle; }
          #navigationFixation .navigation_inner .navigation_menu .navigation_menu .navigation_item {
            position: relative;
            width: 300px;
            height: 100px;
            margin: 16px auto 0 auto; }
            #navigationFixation .navigation_inner .navigation_menu .navigation_menu .navigation_item:first-child {
              margin-top: 0; }
            #navigationFixation .navigation_inner .navigation_menu .navigation_menu .navigation_item a {
              display: block;
              position: relative;
              text-decoration: none;
              font-size: 2.4rem;
              color: #fff;
              line-height: 40px;
              text-align: center; }
              #navigationFixation .navigation_inner .navigation_menu .navigation_menu .navigation_item a::before {
                content: "";
                position: absolute;
                top: 50%;
                left: 50%;
                width: 0;
                height: 2px;
                background-color: #666;
                transition: .3s;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%); }
            #navigationFixation .navigation_inner .navigation_menu .navigation_menu .navigation_itema:hover::before {
              width: 50%; }
    #navigationFixation .MenuTop {
      padding: 50px 0; }
      #navigationFixation .MenuTop .MenuContents .MenuNaviR .SiteTitle {
        width: 280px;
        margin: 30px auto 40px; }
        #navigationFixation .MenuTop .MenuContents .MenuNaviR .SiteTitle img {
          width: 280px;
          height: auto;
          margin: 0 auto; }
      #navigationFixation .MenuTop .MenuContents .MenuNaviR ul.navigation_menu {
        display: flex;
        flex-wrap: wrap;
        width: 680px;
        margin: 0 auto; }
        #navigationFixation .MenuTop .MenuContents .MenuNaviR ul.navigation_menu li {
          padding: 20px; }
          #navigationFixation .MenuTop .MenuContents .MenuNaviR ul.navigation_menu li a {
            font-weight: bold;
            font-size: 17px;
            text-decoration: none;
            color: #fff !important; }
            #navigationFixation .MenuTop .MenuContents .MenuNaviR ul.navigation_menu li a:link {
              color: #fff; }
            #navigationFixation .MenuTop .MenuContents .MenuNaviR ul.navigation_menu li a:hover {
              color: #adc8ff; }
    #navigationFixation .MenuBottm {
      padding: 20px 0;
      width: 620px;
      margin: 0 auto; }
      #navigationFixation .MenuBottm ul.LinkBanner {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        #navigationFixation .MenuBottm ul.LinkBanner li:nth-child(2) {
          margin-bottom: 50px; }
        #navigationFixation .MenuBottm ul.LinkBanner li img {
          width: 280px;
          height: auto; }

  .cb-header {
    position: fixed;
    top: 0;
    left: 0;
    display: block !important;
    /*display: none;*/
    width: 100%;
    z-index: 99999999999; }
    .cb-header .hamburger {
      position: absolute;
      display: block;
      width: 60px;
      height: 20px;
      top: 34%;
      right: 2px;
      margin-top: 15px;
      z-index: 99999;
      transition: all .4s;
      box-sizing: border-box;
      cursor: pointer;
      cursor: hand; }
    .cb-header .SiteTitle img {
      width: 40vw; } }
/* 600px〜719px：タブレット */
@media screen and (min-width: 600px) and (max-width: 719px) {
  .MenuBG {
    position: relative; }

  .MenuRed {
    position: absolute;
    top: 0;
    right: 0;
    background: #103786;
    width: 80px;
    height: 80px;
    z-index: 100; }

  .hamburger {
    position: absolute;
    display: block;
    width: 60px;
    height: 20px;
    top: 2%;
    right: 3px;
    margin-top: 4px;
    z-index: 99999;
    transition: all .4s;
    box-sizing: border-box;
    cursor: pointer;
    cursor: hand; }

  .hamburger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: 0px;
    width: 80%;
    height: 1px;
    /*height: 2px;*/
    background-color: #fff;
    margin: 0 auto;
    text-align: center; }

  .hamburger em {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    bottom: -33px;
    font-size: 13px;
    font-weight: bold; }

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

  .hamburger span:nth-of-type(2) {
    top: 9px; }

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

  .hamburger span:nth-of-type(1) {
    -webkit-animation: menu-ber01 .75s forwards;
    animation: menu-ber01 .75s forwards; }

  .hamburger span:nth-of-type(2) {
    transition: all .25s .25s;
    opacity: 1; }

  .hamburger span:nth-of-type(3) {
    -webkit-animation: menu-ber02 .75s forwards;
    animation: menu-ber02 .75s forwards; }

  .hamburgerFixation {
    position: absolute;
    display: block;
    width: 32px;
    height: 20px;
    top: 35%;
    right: 16px;
    margin-top: -10px;
    z-index: 99999;
    transition: all .4s;
    box-sizing: border-box;
    cursor: pointer;
    cursor: hand; }

  .hamburgerFixation span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    /*height: 2px;*/
    background-color: #fff;
    margin: 0 auto; }

  .hamburgerFixation em {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    bottom: -20px;
    font-size: 10px;
    font-weight: bold; }

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

  .hamburgerFixation span:nth-of-type(2) {
    top: 9px; }

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

  .hamburgerFixation span:nth-of-type(1) {
    -webkit-animation: menu-ber01 .75s forwards;
    animation: menu-ber01 .75s forwards; }

  .hamburgerFixation span:nth-of-type(2) {
    transition: all .25s .25s;
    opacity: 1; }

  .hamburgerFixation span:nth-of-type(3) {
    -webkit-animation: menu-ber02 .75s forwards;
    animation: menu-ber02 .75s forwards; }

  .active span:nth-of-type(1) {
    -webkit-animation: active-menu-ber01 .75s forwards;
    animation: active-menu-ber01 .75s forwards; }

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

  .active span:nth-of-type(3) {
    -webkit-animation: active-menu-ber03 .75s forwards;
    animation: active-menu-ber03 .75s forwards; }

  @-webkit-keyframes menu-ber01 {
    0% {
      -webkit-transform: translateY(8px) rotate(45deg); }
    50% {
      -webkit-transform: translateY(8px) rotate(0); }
    100% {
      -webkit-transform: translateY(0) rotate(0); } }
  @keyframes menu-ber01 {
    0% {
      transform: translateY(8px) rotate(45deg); }
    50% {
      transform: translateY(8px) rotate(0); }
    100% {
      transform: translateY(0) rotate(0); } }
  @-webkit-keyframes menu-ber02 {
    0% {
      -webkit-transform: translateY(-8px) rotate(-45deg); }
    50% {
      -webkit-transform: translateY(-8px) rotate(0); }
    100% {
      -webkit-transform: translateY(0) rotate(0); } }
  @keyframes menu-ber02 {
    0% {
      transform: translateY(-8px) rotate(-45deg); }
    50% {
      transform: translateY(-8px) rotate(0); }
    100% {
      transform: translateY(0) rotate(0); } }
  @-webkit-keyframes active-menu-ber01 {
    0% {
      -webkit-transform: translateY(0) rotate(0); }
    50% {
      -webkit-transform: translateY(10px) rotate(0); }
    100% {
      -webkit-transform: translateY(10px) rotate(45deg); } }
  @keyframes active-menu-ber01 {
    0% {
      transform: translateY(0) rotate(0); }
    50% {
      transform: translateY(10px) rotate(0); }
    100% {
      transform: translateY(10px) rotate(45deg); } }
  @-webkit-keyframes active-menu-ber03 {
    0% {
      -webkit-transform: translateY(0) rotate(0); }
    50% {
      -webkit-transform: translateY(-8px) rotate(0); }
    100% {
      -webkit-transform: translateY(-8px) rotate(-45deg); } }
  @keyframes active-menu-ber03 {
    0% {
      transform: translateY(0) rotate(0); }
    50% {
      transform: translateY(-8px) rotate(0); }
    100% {
      transform: translateY(-8px) rotate(-45deg); } }
  #navigationFixation {
    position: fixed;
    display: none;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 1;
    background: url("../images/img_commons/bg_b_menu.png") top center, #103786;
    background-size: 200%;
    transform: translateX(0);
    overflow-y: scroll;
    max-height: 100vh; }
    #navigationFixation .navigation_inner {
      display: table;
      width: 100%;
      height: 100%; }
      #navigationFixation .navigation_inner .navigation_menu {
        display: table-cell;
        vertical-align: middle; }
        #navigationFixation .navigation_inner .navigation_menu .navigation_menu {
          display: table-cell;
          vertical-align: middle; }
          #navigationFixation .navigation_inner .navigation_menu .navigation_menu .navigation_item {
            position: relative;
            width: 300px;
            height: 100px;
            margin: 16px auto 0 auto; }
            #navigationFixation .navigation_inner .navigation_menu .navigation_menu .navigation_item:first-child {
              margin-top: 0; }
            #navigationFixation .navigation_inner .navigation_menu .navigation_menu .navigation_item a {
              display: block;
              position: relative;
              text-decoration: none;
              font-size: 2.4rem;
              color: #fff;
              line-height: 40px;
              text-align: center; }
              #navigationFixation .navigation_inner .navigation_menu .navigation_menu .navigation_item a::before {
                content: "";
                position: absolute;
                top: 50%;
                left: 50%;
                width: 0;
                height: 2px;
                background-color: #666;
                transition: .3s;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%); }
              #navigationFixation .navigation_inner .navigation_menu .navigation_menu .navigation_item a:after {
                content: '';
                position: absolute;
                background: #fff;
                width: 7px;
                height: 2px;
                top: 0;
                bottom: 0;
                left: 15px;
                margin: auto; }
            #navigationFixation .navigation_inner .navigation_menu .navigation_menu .navigation_itema:hover::before {
              width: 50%; }
    #navigationFixation .MenuTop {
      padding: 60px 0; }
      #navigationFixation .MenuTop .MenuContents .MenuNaviR .SiteTitle {
        width: 280px;
        margin: 30px auto 40px; }
        #navigationFixation .MenuTop .MenuContents .MenuNaviR .SiteTitle img {
          width: 280px;
          height: auto;
          margin: 0 auto; }
      #navigationFixation .MenuTop .MenuContents .MenuNaviR ul.navigation_menu {
        display: flex;
        flex-wrap: wrap;
        width: 550px;
        margin: 0 auto;
        justify-content: center; }
        #navigationFixation .MenuTop .MenuContents .MenuNaviR ul.navigation_menu li {
          padding: 20px; }
          #navigationFixation .MenuTop .MenuContents .MenuNaviR ul.navigation_menu li a {
            font-weight: bold;
            font-size: 17px;
            text-decoration: none;
            color: #fff !important; }
            #navigationFixation .MenuTop .MenuContents .MenuNaviR ul.navigation_menu li a:link {
              color: #fff; }
            #navigationFixation .MenuTop .MenuContents .MenuNaviR ul.navigation_menu li a:hover {
              color: #adc8ff; }
    #navigationFixation .MenuBottm {
      padding: 10px 0 30px;
      width: 530px;
      margin: 0 auto; }
      #navigationFixation .MenuBottm ul.LinkBanner {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        #navigationFixation .MenuBottm ul.LinkBanner li:nth-child(2) {
          margin-bottom: 20px; }
        #navigationFixation .MenuBottm ul.LinkBanner li img {
          width: 250px;
          height: auto; }

  .cb-header {
    position: fixed;
    top: 0;
    left: 0;
    /*display: none;*/
    display: block !important;
    width: 100%;
    z-index: 99999999999; }
    .cb-header .hamburger {
      position: absolute;
      display: block;
      width: 60px;
      height: 20px;
      top: 34%;
      right: 2px;
      margin-top: 15px;
      z-index: 99999;
      transition: all .4s;
      box-sizing: border-box;
      cursor: pointer;
      cursor: hand; }
    .cb-header .SiteTitle img {
      width: 40vw; } }
/* 480px〜599px：SP横 */
@media screen and (min-width: 480px) and (max-width: 599px) {
  .MenuBG {
    position: relative; }

  .MenuRed {
    position: absolute;
    top: 0;
    right: 0;
    background: #103786;
    width: 50px;
    height: 60px;
    z-index: 100; }

  .hamburger {
    position: absolute;
    display: block;
    width: 12vw;
    height: 20px;
    top: 1%;
    right: 0px;
    margin-top: 4px;
    z-index: 99999;
    transition: all .4s;
    box-sizing: border-box;
    cursor: pointer;
    cursor: hand;
    width: 55px; }

  .hamburger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: 16px;
    width: 50%;
    height: 1px;
    /*height: 2px;*/
    background-color: #fff;
    margin: 0 auto;
    text-align: center; }

  .hamburger em {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: 13px;
    margin: 0 auto;
    color: #fff;
    bottom: -19px;
    font-size: 10px;
    font-weight: bold; }

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

  .hamburger span:nth-of-type(2) {
    top: 9px; }

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

  .hamburger span:nth-of-type(1) {
    -webkit-animation: menu-ber01 .75s forwards;
    animation: menu-ber01 .75s forwards; }

  .hamburger span:nth-of-type(2) {
    transition: all .25s .25s;
    opacity: 1; }

  .hamburger span:nth-of-type(3) {
    -webkit-animation: menu-ber02 .75s forwards;
    animation: menu-ber02 .75s forwards; }

  .hamburgerFixation {
    position: absolute;
    display: block;
    width: 32px;
    height: 20px;
    top: 35%;
    right: 16px;
    margin-top: -10px;
    z-index: 99999;
    transition: all .4s;
    box-sizing: border-box;
    cursor: pointer;
    cursor: hand; }

  .hamburgerFixation span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    /*height: 2px;*/
    background-color: #fff;
    margin: 0 auto; }

  .hamburgerFixation em {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    bottom: -20px;
    font-size: 10px;
    font-weight: bold; }

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

  .hamburgerFixation span:nth-of-type(2) {
    top: 9px; }

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

  .hamburgerFixation span:nth-of-type(1) {
    -webkit-animation: menu-ber01 .75s forwards;
    animation: menu-ber01 .75s forwards; }

  .hamburgerFixation span:nth-of-type(2) {
    transition: all .25s .25s;
    opacity: 1; }

  .hamburgerFixation span:nth-of-type(3) {
    -webkit-animation: menu-ber02 .75s forwards;
    animation: menu-ber02 .75s forwards; }

  .active span:nth-of-type(1) {
    -webkit-animation: active-menu-ber01 .75s forwards;
    animation: active-menu-ber01 .75s forwards; }

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

  .active span:nth-of-type(3) {
    -webkit-animation: active-menu-ber03 .75s forwards;
    animation: active-menu-ber03 .75s forwards; }

  @-webkit-keyframes menu-ber01 {
    0% {
      -webkit-transform: translateY(8px) rotate(45deg); }
    50% {
      -webkit-transform: translateY(8px) rotate(0); }
    100% {
      -webkit-transform: translateY(0) rotate(0); } }
  @keyframes menu-ber01 {
    0% {
      transform: translateY(8px) rotate(45deg); }
    50% {
      transform: translateY(8px) rotate(0); }
    100% {
      transform: translateY(0) rotate(0); } }
  @-webkit-keyframes menu-ber02 {
    0% {
      -webkit-transform: translateY(-8px) rotate(-45deg); }
    50% {
      -webkit-transform: translateY(-8px) rotate(0); }
    100% {
      -webkit-transform: translateY(0) rotate(0); } }
  @keyframes menu-ber02 {
    0% {
      transform: translateY(-8px) rotate(-45deg); }
    50% {
      transform: translateY(-8px) rotate(0); }
    100% {
      transform: translateY(0) rotate(0); } }
  @-webkit-keyframes active-menu-ber01 {
    0% {
      -webkit-transform: translateY(0) rotate(0); }
    50% {
      -webkit-transform: translateY(10px) rotate(0); }
    100% {
      -webkit-transform: translateY(10px) rotate(45deg); } }
  @keyframes active-menu-ber01 {
    0% {
      transform: translateY(0) rotate(0); }
    50% {
      transform: translateY(10px) rotate(0); }
    100% {
      transform: translateY(10px) rotate(45deg); } }
  @-webkit-keyframes active-menu-ber03 {
    0% {
      -webkit-transform: translateY(0) rotate(0); }
    50% {
      -webkit-transform: translateY(-8px) rotate(0); }
    100% {
      -webkit-transform: translateY(-8px) rotate(-45deg); } }
  @keyframes active-menu-ber03 {
    0% {
      transform: translateY(0) rotate(0); }
    50% {
      transform: translateY(-8px) rotate(0); }
    100% {
      transform: translateY(-8px) rotate(-45deg); } }
  #navigationFixation {
    position: fixed;
    display: none;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 1;
    background: url("../images/img_commons/bg_b_menu.png") top center, #103786;
    background-size: 200%;
    transform: translateX(0);
    overflow-y: scroll;
    max-height: 100vh; }
    #navigationFixation .navigation_inner {
      display: table;
      width: 100%;
      height: 100%;
      transform: translateX(0);
      overflow-y: scroll;
      max-height: 100vh; }
      #navigationFixation .navigation_inner .navigation_menu {
        display: table-cell;
        vertical-align: middle; }
        #navigationFixation .navigation_inner .navigation_menu .navigation_menu {
          display: table-cell;
          vertical-align: middle; }
          #navigationFixation .navigation_inner .navigation_menu .navigation_menu .navigation_item {
            position: relative;
            width: 300px;
            height: 100px;
            margin: 16px auto 0 auto; }
            #navigationFixation .navigation_inner .navigation_menu .navigation_menu .navigation_item:first-child {
              margin-top: 0; }
            #navigationFixation .navigation_inner .navigation_menu .navigation_menu .navigation_item a {
              display: block;
              position: relative;
              text-decoration: none;
              font-size: 2.4rem;
              color: #fff;
              line-height: 40px;
              text-align: center; }
              #navigationFixation .navigation_inner .navigation_menu .navigation_menu .navigation_item a::before {
                content: "";
                position: absolute;
                top: 50%;
                left: 50%;
                width: 0;
                height: 2px;
                background-color: #666;
                transition: .3s;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%); }
            #navigationFixation .navigation_inner .navigation_menu .navigation_menu .navigation_itema:hover::before {
              width: 50%; }
    #navigationFixation .MenuTop {
      padding: 60px 0; }
      #navigationFixation .MenuTop .MenuContents .MenuNaviR .SiteTitle {
        width: 280px;
        margin: 30px auto 40px; }
        #navigationFixation .MenuTop .MenuContents .MenuNaviR .SiteTitle img {
          width: 280px;
          height: auto;
          margin: 0 auto; }
      #navigationFixation .MenuTop .MenuContents .MenuNaviR ul.navigation_menu {
        display: flex;
        flex-wrap: wrap;
        width: 440px;
        margin: 0 auto; }
        #navigationFixation .MenuTop .MenuContents .MenuNaviR ul.navigation_menu li {
          padding: 20px; }
          #navigationFixation .MenuTop .MenuContents .MenuNaviR ul.navigation_menu li a {
            font-weight: bold;
            font-size: 17px;
            text-decoration: none;
            color: #fff !important; }
            #navigationFixation .MenuTop .MenuContents .MenuNaviR ul.navigation_menu li a:link {
              color: #fff; }
            #navigationFixation .MenuTop .MenuContents .MenuNaviR ul.navigation_menu li a:hover {
              color: #adc8ff; }
    #navigationFixation .MenuBottm {
      padding: 10px 0 30px;
      width: 550px;
      margin: 0 auto; }
      #navigationFixation .MenuBottm ul.LinkBanner {
        width: 250px;
        margin: 0 auto; }
        #navigationFixation .MenuBottm ul.LinkBanner li {
          margin-bottom: 15px; }
          #navigationFixation .MenuBottm ul.LinkBanner li:last-child {
            margin-bottom: 0; }
          #navigationFixation .MenuBottm ul.LinkBanner li img {
            width: 250px;
            height: auto; }

  .cb-header {
    position: fixed;
    top: 0;
    left: 0;
    /*display: none;*/
    display: block !important;
    width: 100%;
    z-index: 99999999999; }
    .cb-header .hamburger {
      position: absolute;
      display: block;
      width: 60px;
      height: 20px;
      top: 15%;
      right: -5px;
      margin-top: 11px;
      z-index: 99999;
      transition: all .4s;
      box-sizing: border-box;
      cursor: pointer;
      cursor: hand; }
    .cb-header .SiteTitle img {
      width: 65vw; } }
/* 〜479px：SP縦 */
@media screen and (max-width: 479px) {
  .MenuBG {
    position: relative; }

  .MenuRed {
    position: absolute;
    top: 0;
    right: 0;
    background: #103786;
    width: 50px;
    height: 60px;
    z-index: 100; }

  .hamburger {
    position: absolute;
    display: block;
    width: 12vw;
    height: 20px;
    top: 1%;
    right: 0px;
    margin-top: 25px;
    z-index: 99999;
    transition: all .4s;
    box-sizing: border-box;
    cursor: pointer;
    cursor: hand;
    width: 55px; }

  .hamburger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: 16px;
    width: 50%;
    height: 1px;
    /*height: 2px;*/
    background-color: #fff;
    margin: 0 auto;
    text-align: center; }

  .hamburger em {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: 13px;
    margin: 0 auto;
    color: #fff;
    bottom: -19px;
    font-size: 10px;
    font-weight: bold; }

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

  .hamburger span:nth-of-type(2) {
    top: 9px; }

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

  .hamburger span:nth-of-type(1) {
    -webkit-animation: menu-ber01 .75s forwards;
    animation: menu-ber01 .75s forwards; }

  .hamburger span:nth-of-type(2) {
    transition: all .25s .25s;
    opacity: 1; }

  .hamburger span:nth-of-type(3) {
    -webkit-animation: menu-ber02 .75s forwards;
    animation: menu-ber02 .75s forwards; }

  .hamburgerFixation {
    position: absolute;
    display: block;
    width: 32px;
    height: 20px;
    top: 35%;
    right: 16px;
    margin-top: -10px;
    z-index: 99999;
    transition: all .4s;
    box-sizing: border-box;
    cursor: pointer;
    cursor: hand; }

  .hamburgerFixation span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    /*height: 2px;*/
    background-color: #fff;
    margin: 0 auto; }

  .hamburgerFixation em {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    bottom: -20px;
    font-size: 10px;
    font-weight: bold; }

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

  .hamburgerFixation span:nth-of-type(2) {
    top: 9px; }

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

  .hamburgerFixation span:nth-of-type(1) {
    -webkit-animation: menu-ber01 .75s forwards;
    animation: menu-ber01 .75s forwards; }

  .hamburgerFixation span:nth-of-type(2) {
    transition: all .25s .25s;
    opacity: 1; }

  .hamburgerFixation span:nth-of-type(3) {
    -webkit-animation: menu-ber02 .75s forwards;
    animation: menu-ber02 .75s forwards; }

  .active span:nth-of-type(1) {
    -webkit-animation: active-menu-ber01 .75s forwards;
    animation: active-menu-ber01 .75s forwards; }

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

  .active span:nth-of-type(3) {
    -webkit-animation: active-menu-ber03 .75s forwards;
    animation: active-menu-ber03 .75s forwards; }

  @-webkit-keyframes menu-ber01 {
    0% {
      -webkit-transform: translateY(8px) rotate(45deg); }
    50% {
      -webkit-transform: translateY(8px) rotate(0); }
    100% {
      -webkit-transform: translateY(0) rotate(0); } }
  @keyframes menu-ber01 {
    0% {
      transform: translateY(8px) rotate(45deg); }
    50% {
      transform: translateY(8px) rotate(0); }
    100% {
      transform: translateY(0) rotate(0); } }
  @-webkit-keyframes menu-ber02 {
    0% {
      -webkit-transform: translateY(-8px) rotate(-45deg); }
    50% {
      -webkit-transform: translateY(-8px) rotate(0); }
    100% {
      -webkit-transform: translateY(0) rotate(0); } }
  @keyframes menu-ber02 {
    0% {
      transform: translateY(-8px) rotate(-45deg); }
    50% {
      transform: translateY(-8px) rotate(0); }
    100% {
      transform: translateY(0) rotate(0); } }
  @-webkit-keyframes active-menu-ber01 {
    0% {
      -webkit-transform: translateY(0) rotate(0); }
    50% {
      -webkit-transform: translateY(10px) rotate(0); }
    100% {
      -webkit-transform: translateY(10px) rotate(45deg); } }
  @keyframes active-menu-ber01 {
    0% {
      transform: translateY(0) rotate(0); }
    50% {
      transform: translateY(10px) rotate(0); }
    100% {
      transform: translateY(10px) rotate(45deg); } }
  @-webkit-keyframes active-menu-ber03 {
    0% {
      -webkit-transform: translateY(0) rotate(0); }
    50% {
      -webkit-transform: translateY(-8px) rotate(0); }
    100% {
      -webkit-transform: translateY(-8px) rotate(-45deg); } }
  @keyframes active-menu-ber03 {
    0% {
      transform: translateY(0) rotate(0); }
    50% {
      transform: translateY(-8px) rotate(0); }
    100% {
      transform: translateY(-8px) rotate(-45deg); } }
  #navigationFixation {
    position: fixed;
    display: none;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 1;
    background: url("../images/img_commons/bg_b_menu.png") top center, #103786;
    background-size: 200%;
    transform: translateX(0);
    overflow-y: scroll;
    max-height: 100vh; }
    #navigationFixation .navigation_inner .navigation_menu {
      display: table-cell;
      vertical-align: middle; }
      #navigationFixation .navigation_inner .navigation_menu .navigation_menu {
        display: table-cell;
        vertical-align: middle; }
        #navigationFixation .navigation_inner .navigation_menu .navigation_menu .navigation_item {
          position: relative;
          width: 300px;
          height: 100px;
          margin: 16px auto 0 auto; }
          #navigationFixation .navigation_inner .navigation_menu .navigation_menu .navigation_item:first-child {
            margin-top: 0; }
          #navigationFixation .navigation_inner .navigation_menu .navigation_menu .navigation_item a {
            display: block;
            position: relative;
            text-decoration: none;
            font-size: 2.4rem;
            color: #fff;
            line-height: 40px;
            text-align: center; }
            #navigationFixation .navigation_inner .navigation_menu .navigation_menu .navigation_item a::before {
              content: "";
              position: absolute;
              top: 50%;
              left: 50%;
              width: 0;
              height: 2px;
              background-color: #666;
              transition: .3s;
              -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
          #navigationFixation .navigation_inner .navigation_menu .navigation_menu .navigation_itema:hover::before {
            width: 50%; }
    #navigationFixation .MenuTop {
      padding: 20px 0; }
      #navigationFixation .MenuTop .MenuContents .MenuNaviR .SiteTitle {
        width: 220px;
        margin: 30px auto 40px; }
        #navigationFixation .MenuTop .MenuContents .MenuNaviR .SiteTitle img {
          width: 220px;
          height: auto;
          margin: 0 auto; }
      #navigationFixation .MenuTop .MenuContents .MenuNaviR ul.navigation_menu {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 390px;
        margin: 0 auto; }
        #navigationFixation .MenuTop .MenuContents .MenuNaviR ul.navigation_menu li {
          padding: 10px; }
          #navigationFixation .MenuTop .MenuContents .MenuNaviR ul.navigation_menu li a {
            font-weight: bold;
            font-size: 15px;
            text-decoration: none;
            color: #fff !important; }
            #navigationFixation .MenuTop .MenuContents .MenuNaviR ul.navigation_menu li a:link {
              color: #fff; }
            #navigationFixation .MenuTop .MenuContents .MenuNaviR ul.navigation_menu li a:hover {
              color: #adc8ff; }
    #navigationFixation .MenuBottm {
      padding: 10px 0 30px;
      width: 220px;
      margin: 0 auto; }
      #navigationFixation .MenuBottm ul.LinkBanner {
        width: 220px;
        margin: 0 auto; }
        #navigationFixation .MenuBottm ul.LinkBanner li {
          margin-bottom: 15px; }
          #navigationFixation .MenuBottm ul.LinkBanner li:last-child {
            margin-bottom: 0; }
          #navigationFixation .MenuBottm ul.LinkBanner li img {
            width: 250px;
            height: auto; }

  .cb-header {
    position: fixed;
    top: 0;
    left: 0;
    /*display: none;*/
    display: block !important;
    width: 100%;
    z-index: 99999999999; }
    .cb-header .hamburger {
      position: absolute;
      display: block;
      width: 60px;
      height: 20px;
      top: 15%;
      right: -6px;
      margin-top: 10px;
      z-index: 99999;
      transition: all .4s;
      box-sizing: border-box;
      cursor: pointer;
      cursor: hand; }
    .cb-header .SiteTitle img {
      width: 65vw; } }
/* 1280px〜：大型PC*/
@media print, screen and (min-width: 1280px) {
  .main02 {
    width: 1000px;
    margin: 0 auto 100px; }

  .PageBtn {
    background: #dfeaff;
    padding: 20px 30px;
    margin-top: 60px;
    display: flex; }
    .PageBtn p {
      font-weight: bold;
      margin-right: 40px;
      color: #707070; }
      .PageBtn p a {
        position: relative;
        padding-left: 20px;
        color: #707070;
        text-decoration: none; }
        .PageBtn p a:before {
          position: absolute;
          top: 30%;
          left: 0;
          content: '';
          width: 8px;
          height: 8px;
          border-top: 1px solid #103786;
          border-right: 1px solid #103786;
          -webkit-transform: rotate(135deg);
          transform: rotate(135deg); }

  .contents_center {
    margin-top: 50px; }
    .contents_center p span.font_style03 {
      border-left: 3px solid #103786;
      padding: 20px 40px;
      margin-bottom: 30px;
      color: #4b4b4b;
      font-weight: bold;
      font-size: 27px;
      display: block; }
    .contents_center:nth-child(2) {
      border-bottom: 3px solid #bfbfbf;
      padding: 20px 0; }

  .contents_right {
    display: none; }

  .bundle01 {
    border-bottom: 3px solid #bfbfbf;
    padding: 20px 0;
    display: flex;
    align-items: center; }

  .author02 {
    width: 215px;
    margin-right: 15px;
    font-size: 19px; }
    .author02 p {
      color: #4b4b4b; }

  .title02 {
    width: 490px;
    margin-right: 15px;
    font-size: 19px; }
    .title02 p {
      color: #4b4b4b;
      line-height: 2; }

  .page02 {
    width: 100px; }
    .page02 p {
      color: #4b4b4b;
      font-size: 18px; }

  .pdf02 {
    width: 200px; }
    .pdf02 a span {
      display: inline-block;
      padding: 7px;
      background: #103786;
      color: #fff;
      text-align: center;
      text-decoration: none;
      outline: none;
      transition: all .3s;
      font-size: 14px; }
      .pdf02 a span:hover {
        background-color: #1c50ba;
        border-radius: 10px; }
    .pdf02 a img {
      margin: 0 10px; }

  .author03 {
    width: 215px;
    margin-right: 15px; }
    .author03 p {
      color: #4b4b4b; }

  .title03 {
    width: 490px;
    margin-right: 15px; }
    .title03 p {
      color: #4b4b4b; }

  .page03 {
    width: 100px; }
    .page03 p {
      color: #4b4b4b; }

  .pdf03 {
    width: 200px; }
    .pdf03 a span {
      display: inline-block;
      padding: 7px;
      background: #103786;
      color: #fff;
      text-align: center;
      text-decoration: none;
      outline: none;
      transition: all .3s;
      font-size: 14px; }
      .pdf03 a span:hover {
        background-color: #1c50ba;
        border-radius: 10px; }
    .pdf03 a img {
      margin: 0 10px; } }
/* 960px〜1279px：小型PC */
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .main02 {
    width: 940px;
    margin: 0 auto 80px; }

  .PageBtn {
    background: #dfeaff;
    padding: 20px 30px;
    margin-top: 60px;
    display: flex; }
    .PageBtn p {
      font-weight: bold;
      margin-right: 40px;
      color: #707070; }
      .PageBtn p a {
        position: relative;
        padding-left: 20px;
        color: #707070;
        text-decoration: none; }
        .PageBtn p a:before {
          position: absolute;
          top: 30%;
          left: 0;
          content: '';
          width: 8px;
          height: 8px;
          border-top: 1px solid #103786;
          border-right: 1px solid #103786;
          -webkit-transform: rotate(135deg);
          transform: rotate(135deg); }

  .contents_right {
    display: none; }

  .bundle01 {
    border-bottom: 3px solid #bfbfbf;
    padding: 20px 0;
    display: flex;
    align-items: center; }

  .contents_center {
    margin-top: 50px; }
    .contents_center p span.font_style03 {
      border-left: 3px solid #103786;
      padding: 20px 40px;
      margin-bottom: 30px;
      color: #4b4b4b;
      font-weight: bold;
      font-size: 27px;
      display: block; }

  .author02 {
    width: 210px; }
    .author02 p {
      color: #4b4b4b;
      font-size: 18px; }

  .title02 {
    width: 490px; }
    .title02 p {
      color: #4b4b4b;
      line-height: 2;
      font-size: 18px; }

  .page02 {
    width: 80px; }
    .page02 p {
      color: #4b4b4b; }

  .pdf02 {
    width: 200px; }
    .pdf02 a span {
      display: inline-block;
      padding: 7px;
      background: #103786;
      color: #fff;
      text-align: center;
      text-decoration: none;
      outline: none;
      transition: all .3s;
      font-size: 14px; }
      .pdf02 a span:hover {
        background-color: #1c50ba;
        border-radius: 10px; }
    .pdf02 a img {
      margin: 0 10px; }

  .author03 {
    width: 210px; }
    .author03 p {
      color: #4b4b4b; }

  .title03 {
    width: 490px; }
    .title03 p {
      color: #4b4b4b; }

  .page03 {
    width: 80px; }
    .page03 p {
      color: #4b4b4b; }

  .pdf03 {
    width: 200px; }
    .pdf03 a span {
      display: inline-block;
      padding: 7px;
      background: #103786;
      color: #fff;
      text-align: center;
      text-decoration: none;
      outline: none;
      transition: all .3s;
      font-size: 14px; }
      .pdf03 a span:hover {
        background-color: #1c50ba;
        border-radius: 10px; }
    .pdf03 a img {
      margin: 0 10px; } }
/* 720px〜959px：タブレット */
@media screen and (min-width: 720px) and (max-width: 959px) {
  .main02 {
    width: 675px;
    margin: 0 auto 50px; }

  .PageBtn {
    background: #dfeaff;
    padding: 20px 30px;
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap; }
    .PageBtn p {
      font-weight: bold;
      margin-right: 40px;
      color: #707070;
      width: calc(100% / 2);
      margin: 10px 0; }
      .PageBtn p a {
        position: relative;
        padding-left: 20px;
        color: #707070;
        text-decoration: none; }
        .PageBtn p a:before {
          position: absolute;
          top: 30%;
          left: 0;
          content: '';
          width: 8px;
          height: 8px;
          border-top: 1px solid #103786;
          border-right: 1px solid #103786;
          -webkit-transform: rotate(135deg);
          transform: rotate(135deg); }

  .contents_right {
    display: none; }

  .bundle01 {
    border-bottom: 3px solid #bfbfbf;
    padding: 20px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center; }

  .contents_center {
    margin-top: 50px; }
    .contents_center p span.font_style03 {
      border-left: 3px solid #103786;
      padding: 20px 40px;
      margin-bottom: 30px;
      color: #4b4b4b;
      font-weight: bold;
      font-size: 25px;
      display: block; }

  .author02 {
    width: 300px;
    margin-bottom: 10px; }
    .author02 p {
      color: #4b4b4b; }

  .title02 {
    width: 510px;
    margin: 0 20px 10px 0; }
    .title02 p {
      color: #4b4b4b;
      line-height: 2; }

  .page02 {
    width: 80px; }
    .page02 p {
      color: #4b4b4b; }

  .pdf02 {
    width: 200px; }
    .pdf02 a span {
      display: inline-block;
      padding: 7px;
      background: #103786;
      color: #fff;
      text-align: center;
      text-decoration: none;
      outline: none;
      transition: all .3s;
      font-size: 14px; }
      .pdf02 a span:hover {
        background-color: #1c50ba;
        border-radius: 10px; }
    .pdf02 a img {
      margin: 0 10px; }

  .author03 {
    width: 300px;
    margin-bottom: 10px; }
    .author03 p {
      color: #4b4b4b; }

  .title03 {
    width: 510px;
    margin: 0 20px 10px 0; }
    .title03 p {
      color: #4b4b4b; }

  .page03 {
    width: 80px; }
    .page03 p {
      color: #4b4b4b; }

  .pdf03 {
    width: 200px; }
    .pdf03 a span {
      display: inline-block;
      padding: 7px;
      background: #103786;
      color: #fff;
      text-align: center;
      text-decoration: none;
      outline: none;
      transition: all .3s;
      font-size: 14px; }
      .pdf03 a span:hover {
        background-color: #1c50ba;
        border-radius: 10px; }
    .pdf03 a img {
      margin: 0 10px; } }
/* 600px〜719px：タブレット */
@media screen and (min-width: 600px) and (max-width: 719px) {
  .main02 {
    width: 580px;
    margin: 0 auto 50px; }

  .PageBtn {
    background: #dfeaff;
    padding: 20px 30px;
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap; }
    .PageBtn p {
      font-weight: bold;
      margin-right: 40px;
      color: #707070;
      width: calc(100% / 2);
      margin: 10px 0; }
      .PageBtn p a {
        position: relative;
        padding-left: 20px;
        color: #707070;
        text-decoration: none; }
        .PageBtn p a:before {
          position: absolute;
          top: 30%;
          left: 0;
          content: '';
          width: 8px;
          height: 8px;
          border-top: 1px solid #103786;
          border-right: 1px solid #103786;
          -webkit-transform: rotate(135deg);
          transform: rotate(135deg); }

  .contents_right {
    display: none; }

  .bundle01 {
    border-bottom: 3px solid #bfbfbf;
    padding: 20px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center; }

  .contents_center {
    margin-top: 50px; }
    .contents_center p span.font_style03 {
      border-left: 3px solid #103786;
      padding: 20px 40px;
      margin-bottom: 30px;
      color: #4b4b4b;
      font-weight: bold;
      font-size: 24px;
      display: block; }

  .author02 {
    width: 300px;
    margin-bottom: 10px; }
    .author02 p {
      color: #4b4b4b; }

  .title02 {
    width: 470px;
    margin: 0 20px 10px 0; }
    .title02 p {
      color: #4b4b4b;
      line-height: 2; }

  .page02 {
    width: 80px; }
    .page02 p {
      color: #4b4b4b; }

  .pdf02 {
    width: 180px; }
    .pdf02 a span {
      display: inline-block;
      padding: 7px;
      background: #103786;
      color: #fff;
      text-align: center;
      text-decoration: none;
      outline: none;
      transition: all .3s;
      font-size: 14px; }
      .pdf02 a span:hover {
        background-color: #1c50ba;
        border-radius: 10px; }
    .pdf02 a img {
      margin: 0 10px; }

  .author03 {
    width: 300px;
    margin-bottom: 10px; }
    .author03 p {
      color: #4b4b4b; }

  .title03 {
    width: 470px;
    margin: 0 20px 10px 0; }
    .title03 p {
      color: #4b4b4b; }

  .page03 {
    width: 80px; }
    .page03 p {
      color: #4b4b4b; }

  .pdf03 {
    width: 180px; }
    .pdf03 a span {
      display: inline-block;
      padding: 7px;
      background: #103786;
      color: #fff;
      text-align: center;
      text-decoration: none;
      outline: none;
      transition: all .3s;
      font-size: 14px; }
      .pdf03 a span:hover {
        background-color: #1c50ba;
        border-radius: 10px; }
    .pdf03 a img {
      margin: 0 10px; } }
/* 480px〜599px：SP横 */
@media screen and (min-width: 480px) and (max-width: 599px) {
  .main02 {
    width: 460px;
    margin: 0 auto 60px; }

  .PageBtn {
    background: #dfeaff;
    padding: 20px 30px;
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap; }
    .PageBtn p {
      font-weight: bold;
      margin-right: 40px;
      color: #707070;
      width: calc(100% / 2);
      margin: 10px 0; }
      .PageBtn p a {
        position: relative;
        padding-left: 20px;
        color: #707070;
        text-decoration: none; }
        .PageBtn p a:before {
          position: absolute;
          top: 30%;
          left: 0;
          content: '';
          width: 8px;
          height: 8px;
          border-top: 1px solid #103786;
          border-right: 1px solid #103786;
          -webkit-transform: rotate(135deg);
          transform: rotate(135deg); }

  .contents_right {
    display: none; }

  .bundle01 {
    border-bottom: 3px solid #bfbfbf;
    padding: 20px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center; }

  .contents_center {
    margin-top: 50px; }
    .contents_center p span.font_style03 {
      border-left: 3px solid #103786;
      padding: 20px 40px;
      margin-bottom: 30px;
      color: #4b4b4b;
      font-weight: bold;
      font-size: 23px;
      display: block; }

  .author02 {
    width: 300px;
    margin-bottom: 10px; }
    .author02 p {
      color: #4b4b4b; }

  .title02 {
    width: 410px;
    margin: 0 20px 10px 0; }
    .title02 p {
      color: #4b4b4b;
      line-height: 1.5; }

  .page02 {
    width: 80px; }
    .page02 p {
      color: #4b4b4b; }

  .pdf02 {
    width: 180px; }
    .pdf02 a span {
      display: inline-block;
      padding: 7px;
      background: #103786;
      color: #fff;
      text-align: center;
      text-decoration: none;
      outline: none;
      transition: all .3s;
      font-size: 14px; }
      .pdf02 a span:hover {
        background-color: #1c50ba;
        border-radius: 10px; }
    .pdf02 a img {
      margin: 0 10px; }

  .author03 {
    width: 300px;
    margin-bottom: 10px; }
    .author03 p {
      color: #4b4b4b; }

  .title03 {
    width: 410px;
    margin: 0 20px 10px 0; }
    .title03 p {
      color: #4b4b4b; }

  .page03 {
    width: 80px; }
    .page03 p {
      color: #4b4b4b; }

  .pdf03 {
    width: 180px; }
    .pdf03 a span {
      display: inline-block;
      padding: 7px;
      background: #103786;
      color: #fff;
      text-align: center;
      text-decoration: none;
      outline: none;
      transition: all .3s;
      font-size: 14px; }
      .pdf03 a span:hover {
        background-color: #1c50ba;
        border-radius: 10px; }
    .pdf03 a img {
      margin: 0 10px; } }
/* 〜479px：SP縦 */
@media screen and (max-width: 479px) {
  .main02 {
    width: 340px;
    margin: 0 auto 60px; }

  .PageBtn {
    background: #dfeaff;
    padding: 20px 30px;
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap; }
    .PageBtn p {
      font-weight: bold;
      margin-right: 40px;
      color: #707070;
      width: calc(100% / 2);
      margin: 10px 0; }
      .PageBtn p a {
        position: relative;
        padding-left: 20px;
        color: #707070;
        text-decoration: none; }
        .PageBtn p a:before {
          position: absolute;
          top: 30%;
          left: 0;
          content: '';
          width: 8px;
          height: 8px;
          border-top: 1px solid #103786;
          border-right: 1px solid #103786;
          -webkit-transform: rotate(135deg);
          transform: rotate(135deg); }

  .contents_right {
    display: none; }

  .bundle01 {
    border-bottom: 3px solid #bfbfbf;
    padding: 20px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center; }

  .contents_center {
    margin-top: 50px; }
    .contents_center p span.font_style03 {
      border-left: 3px solid #103786;
      padding: 20px 40px;
      margin-bottom: 30px;
      color: #4b4b4b;
      font-weight: bold;
      font-size: 23px;
      display: block; }

  .author02 {
    width: 300px;
    margin-bottom: 10px; }
    .author02 p {
      color: #4b4b4b; }

  .title02 {
    width: 300px;
    margin: 0 20px 10px 0; }
    .title02 p {
      color: #4b4b4b;
      line-height: 1.5; }

  .page02 {
    width: 80px; }
    .page02 p {
      color: #4b4b4b; }

  .pdf02 {
    width: 180px; }
    .pdf02 a span {
      display: inline-block;
      padding: 7px;
      background: #103786;
      color: #fff;
      text-align: center;
      text-decoration: none;
      outline: none;
      transition: all .3s;
      font-size: 14px; }
      .pdf02 a span:hover {
        background-color: #1c50ba;
        border-radius: 10px; }
    .pdf02 a img {
      margin: 0 10px; }

  .author03 {
    width: 300px;
    margin-bottom: 10px; }
    .author03 p {
      color: #4b4b4b; }

  .title03 {
    width: 300px;
    margin: 0 20px 10px 0; }
    .title03 p {
      color: #4b4b4b; }

  .page03 {
    width: 80px; }
    .page03 p {
      color: #4b4b4b; }

  .pdf03 {
    width: 180px; }
    .pdf03 a span {
      display: inline-block;
      padding: 7px;
      background: #103786;
      color: #fff;
      text-align: center;
      text-decoration: none;
      outline: none;
      transition: all .3s;
      font-size: 14px; }
      .pdf03 a span:hover {
        background-color: #1c50ba;
        border-radius: 10px; }
    .pdf03 a img {
      margin: 0 10px; } }
/* 1280px〜：大型PC*/
@media print, screen and (min-width: 1280px) {
  #InfoPage #PageContents .Contents {
    padding: 60px 0; }

  #EnglishPage #PageContents .Contents {
    padding: 60px 0; }

  .PageTitle {
    position: relative;
    margin-bottom: 60px;
    padding-bottom: 20px;
    color: #4b4b4b;
    font-weight: bold;
    font-size: 35px;
    display: block; }
    .PageTitle:after {
      /*position: absolute;
      content: "";
      border-bottom: 2px solid #103786;
      width: 70px;
      bottom: 0;
      left: 0;*/ }

  .PageTitle span {
    border-bottom: 2px solid #103786;
    padding-bottom: 1rem; }

  .TitleL {
    color: #103786;
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #103786;
    font-size: 27px;
    font-weight: bold; }

  .TitleM {
    color: #4b4b4b;
    margin-bottom: 35px;
    padding: 20px;
    font-size: 21px;
    background: #f4f4f4; }

  .TitleS {
    color: #4b4b4b;
    margin-bottom: 15px;
    padding: 15px;
    font-size: 21px;
    background: #f4f4f4;
    border-bottom: 1px solid #103786;
  }

  .Title_SS {
    font-size: 20px;
    font-weight: bold;
    color: #4b4b4b;
    margin-bottom: 15px; }

  .TexeStyle01 {
    color: #4b4b4b;
    font-size: 19px;
    margin-bottom: 20px;
    padding: 10px 15px;
    line-height: 2; } }
/* 960px〜1279px：小型PC */
@media screen and (min-width: 960px) and (max-width: 1279px) {
  #InfoPage #PageContents .Contents {
    padding: 60px 0; }

  #EnglishPage #PageContents .Contents {
    padding: 60px 0; }

  .PageTitle {
    position: relative;
    margin-bottom: 60px;
    padding-bottom: 20px;
    color: #4b4b4b;
    font-weight: bold;
    font-size: 35px;
    display: block; }
    .PageTitle:after {
      /*position: absolute;
      content: "";
      border-bottom: 2px solid #103786;
      width: 70px;
      bottom: 0;
      left: 0;*/ }

  .PageTitle span {
    border-bottom: 2px solid #103786;
    padding-bottom: 1rem; }

  .TitleL {
    color: #103786;
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #103786;
    font-size: 27px;
    font-weight: bold; }

  .TitleM {
    color: #4b4b4b;
    margin-bottom: 35px;
    padding: 20px;
    font-size: 20px;
    background: #f4f4f4; }

  .TitleS {
    color: #4b4b4b;
    margin-bottom: 15px;
    padding: 15px;
    font-size: 20px;
    background: #f4f4f4;
    border-bottom: 1px solid #103786;
  }

  .Title_SS {
    font-size: 19px;
    font-weight: bold;
    color: #4b4b4b;
    margin-bottom: 15px; }

  .TexeStyle01 {
    color: #4b4b4b;
    font-size: 19px;
    margin-bottom: 20px;
    padding: 10px 15px;
    line-height: 2; } }
/* 720px〜959px：タブレット */
@media screen and (min-width: 720px) and (max-width: 959px) {
  #InfoPage #PageContents .Contents {
    padding: 60px 0; }

  #EnglishPage #PageContents .Contents {
    padding: 60px 0; }

  .PageTitle {
    position: relative;
    margin-bottom: 50px;
    padding-bottom: 20px;
    color: #4b4b4b;
    font-weight: bold;
    font-size: 30px;
    display: block; }
    .PageTitle:after {
      /*position: absolute;
      content: "";
      border-bottom: 2px solid #103786;
      width: 70px;
      bottom: 0;
      left: 0;*/ }

  .PageTitle span {
    border-bottom: 2px solid #103786;
    padding-bottom: 1rem; }

  .TitleL {
    color: #103786;
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #103786;
    font-size: 23px;
    font-weight: bold; }

  .TitleM {
    color: #4b4b4b;
    margin-bottom: 35px;
    padding: 20px;
    font-size: 19px;
    background: #f4f4f4; }

  .TitleS {
    color: #4b4b4b;
    margin-bottom: 15px;
    padding: 15px;
    font-size: 18px;
    background: #f4f4f4;
    border-bottom: 1px solid #103786;
  }
  
  .Title_SS {
    font-size: 18px;
    font-weight: bold;
    color: #4b4b4b;
    margin-bottom: 15px; }

  .TexeStyle01 {
    color: #4b4b4b;
    font-size: 18px;
    margin-bottom: 20px;
    padding: 10px 15px;
    line-height: 2; } }
/* 600px〜719px：タブレット */
@media screen and (min-width: 600px) and (max-width: 719px) {
  #InfoPage #PageContents .Contents {
    padding: 50px 0; }

  #EnglishPage #PageContents .Contents {
    padding: 60px 0; }

  .PageTitle {
    position: relative;
    margin-bottom: 45px;
    padding-bottom: 20px;
    color: #4b4b4b;
    font-weight: bold;
    font-size: 28px;
    display: block; }
    .PageTitle:after {
      /*position: absolute;
      content: "";
      border-bottom: 2px solid #103786;
      width: 70px;
      bottom: 0;
      left: 0;*/ }

  .PageTitle span {
    border-bottom: 2px solid #103786;
    padding-bottom: 1rem; }

  .TitleL {
    color: #103786;
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #103786;
    font-size: 22px;
    font-weight: bold; }

  .TitleM {
    color: #4b4b4b;
    margin-bottom: 35px;
    padding: 18px;
    font-size: 19px;
    background: #f4f4f4; }

  .TitleS {
    color: #4b4b4b;
    margin-bottom: 15px;
    padding: 15px;
    font-size: 18px;
    background: #f4f4f4;
    border-bottom: 1px solid #103786;
  }

  .Title_SS {
    font-size: 17px;
    font-weight: bold;
    color: #4b4b4b;
    margin-bottom: 15px; }

  .TexeStyle01 {
    color: #4b4b4b;
    font-size: 17px;
    margin-bottom: 20px;
    padding: 10px 15px;
    line-height: 2; } }
/* 480px〜599px：SP横 */
@media screen and (min-width: 480px) and (max-width: 599px) {
  #InfoPage #PageContents .Contents {
    padding: 40px 0; }

  #EnglishPage #PageContents .Contents {
    padding: 60px 0; }

  .PageTitle {
    position: relative;
    margin-bottom: 40px;
    padding-bottom: 20px;
    color: #4b4b4b;
    font-weight: bold;
    font-size: 25px;
    display: block; }
    .PageTitle:after {
      /*position: absolute;
      content: "";
      border-bottom: 2px solid #103786;
      width: 70px;
      bottom: 0;
      left: 0;*/ }

  .PageTitle span {
    border-bottom: 2px solid #103786;
    padding-bottom: 1rem; }

  .TitleL {
    color: #103786;
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #103786;
    font-size: 22px;
    font-weight: bold; }

  .TitleM {
    color: #4b4b4b;
    margin-bottom: 35px;
    padding: 18px;
    font-size: 19px;
    background: #f4f4f4; }

  .TitleS {
    color: #4b4b4b;
    margin-bottom: 15px;
    padding: 15px;
    font-size: 17px;
    background: #f4f4f4;
    border-bottom: 1px solid #103786;
  }
  
  .Title_SS {
    font-size: 16px;
    font-weight: bold;
    color: #4b4b4b;
    margin-bottom: 15px; }

  .TexeStyle01 {
    color: #4b4b4b;
    font-size: 16px;
    margin-bottom: 20px;
    padding: 10px 15px;
    line-height: 2; } }
/* 〜479px：SP縦 */
@media screen and (max-width: 479px) {
  #InfoPage #PageContents .Contents {
    padding: 40px 0; }

  #EnglishPage #PageContents .Contents {
    padding: 60px 0; }

  .PageTitle {
    position: relative;
    margin-bottom: 40px;
    padding-bottom: 20px;
    color: #4b4b4b;
    font-weight: bold;
    font-size: 23px;
    display: block; }
    .PageTitle:after {
      /*position: absolute;
      content: "";
      border-bottom: 2px solid #103786;
      width: 70px;
      bottom: 0;
      left: 0;*/ }

  .PageTitle span {
    border-bottom: 2px solid #103786;
    padding-bottom: 1rem; }

  .TitleL {
    color: #103786;
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #103786;
    font-size: 20px;
    font-weight: bold; }

  .TitleM {
    color: #4b4b4b;
    margin-bottom: 35px;
    padding: 17px;
    font-size: 19px;
    background: #f4f4f4; }

  .TitleS {
    color: #4b4b4b;
    margin-bottom: 15px;
    padding: 12px;
    font-size: 17px;
    background: #f4f4f4;
    border-bottom: 1px solid #103786;
  }

  .Title_SS {
    font-size: 16px;
    font-weight: bold;
    color: #4b4b4b;
    margin-bottom: 15px; }

  .TexeStyle01 {
    color: #4b4b4b;
    font-size: 16px;
    margin-bottom: 20px;
    padding: 10px 15px;
    line-height: 2; } }
/* 1280px〜：大型PC*/
@media print, screen and (min-width: 1280px) {
  dl.NoticeList {
    border-bottom: 1px solid #eee;
    position: relative;
    padding: 40px 0; }
    dl.NoticeList dt {
      display: block;
      color: #103786;
      left: 30px;
      font-size: 19px;
      font-weight: bold;
      position: absolute;
      border: 0px;
      padding: 0px;
      line-height: 2; }
    dl.NoticeList dd {
      margin-left: 350px;
      font-size: 19px;
      line-height: 2;
      display: block;
      color: #4b4b4b; }

  ul.ListStyle_01 {
    margin: 40px 0 40px 40px; }
    ul.ListStyle_01 li {
      position: relative;
      margin-bottom: 15px;
      color: #4b4b4b;
      font-size: 19px; }
      ul.ListStyle_01 li:after {
        display: block;
        content: '';
        position: absolute;
        top: .5em;
        left: -1em;
        width: 6px;
        height: 6px;
        background-color: #103786;
        border-radius: 100%; }

  ol.bracketsNumber {
    counter-reset: number;
    margin-left: 35px; }
    ol.bracketsNumber li {
      list-style-type: none;
      list-style-position: inside;
      counter-increment: cnt;
      text-align: left;
      font-size: 19px;
      color: #4b4b4b;
      line-height: 2 !important;
      margin-bottom: 10px !important;
      text-indent: -30px !important;
      padding: 0; }
      ol.bracketsNumber li:before {
        display: marker !important;
        content: "(" counter(cnt) ") " !important; }

  table.priceTable {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #eee;
  }
  table.priceTable caption {
    font-size: 20px;
    text-align: center;
    margin-bottom: 10px;
    font-weight: bold;
  }
  table.priceTable tr {
    border-bottom: 1px solid #eee;
    
  }
  table.priceTable tr th {
    font-size: 19px;
    background-color: #f4f4f4;
    padding: 10px;
    border-right: 1px solid #eee;
    vertical-align: middle;
  }

  table.priceTable tr td {
    font-size: 19px;
    padding: 10px;
    border-right: 1px solid #eee;
    vertical-align: middle;
    text-align: center;
  }
  p.price {
    text-align: right;
    padding-top: 10px;
  }

  .box1 {
    border: 1px solid #103786;
    padding: 40px;
    margin-bottom: 30px; }
    .box1 p {
      font-size: 19px;
      color: #4b4b4b;
      line-height: 2; }

  .box2 {
    border: 8px solid #103786;
    padding: 40px;
    margin-bottom: 30px; }
    .box2 p {
      font-size: 18px;
      color: #4b4b4b;
      line-height: 2; } }
/* 960px〜1279px：小型PC */
@media screen and (min-width: 960px) and (max-width: 1279px) {
  dl.NoticeList {
    border-bottom: 1px solid #eee;
    position: relative;
    padding: 40px 0; }
    dl.NoticeList dt {
      display: block;
      color: #103786;
      left: 30px;
      font-size: 18px;
      font-weight: bold;
      position: absolute;
      border: 0px;
      padding: 0px;
      line-height: 2; }
    dl.NoticeList dd {
      margin-left: 350px;
      font-size: 18px;
      line-height: 2;
      display: block;
      color: #4b4b4b; }

  ol.bracketsNumber {
    counter-reset: number;
    margin-left: 35px; }
    ol.bracketsNumber li {
      list-style-type: none;
      list-style-position: inside;
      counter-increment: cnt;
      text-align: left;
      font-size: 18px;
      color: #4b4b4b;
      line-height: 2 !important;
      margin-bottom: 10px !important;
      text-indent: -30px !important;
      padding: 0; }
      ol.bracketsNumber li:before {
        display: marker !important;
        content: "(" counter(cnt) ") " !important; }

  ul.ListStyle_01 {
    margin: 40px 0 40px 40px; }
    ul.ListStyle_01 li {
      position: relative;
      margin-bottom: 15px;
      color: #4b4b4b;
      font-size: 18px; }
      ul.ListStyle_01 li:after {
        display: block;
        content: '';
        position: absolute;
        top: .5em;
        left: -1em;
        width: 6px;
        height: 6px;
        background-color: #103786;
        border-radius: 100%; }

  table.priceTable {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #eee;
  }
  table.priceTable caption {
    font-size: 20px;
    text-align: center;
    margin-bottom: 10px;
    font-weight: bold;
  }
  table.priceTable tr {
    border-bottom: 1px solid #eee;
    
  }
  table.priceTable tr th {
    font-size: 19px;
    background-color: #f4f4f4;
    padding: 10px;
    border-right: 1px solid #eee;
    vertical-align: middle;
  }

  table.priceTable tr td {
    font-size: 19px;
    padding: 10px;
    border-right: 1px solid #eee;
    vertical-align: middle;
    text-align: center;
  }
  p.price {
    text-align: right;
    padding-top: 10px;
  }

  .box1 {
    border: 1px solid #103786;
    padding: 40px;
    margin-bottom: 30px; }
    .box1 p {
      font-size: 18px;
      color: #4b4b4b;
      line-height: 2; }

  .box2 {
    border: 8px solid #103786;
    padding: 40px;
    margin-bottom: 30px; }
    .box2 p {
      font-size: 18px;
      color: #4b4b4b;
      line-height: 2; } }
/* 720px〜959px：タブレット */
@media screen and (min-width: 720px) and (max-width: 959px) {
  dl.NoticeList {
    border-bottom: 1px solid #eee;
    position: relative;
    padding: 40px 0; }
    dl.NoticeList dt {
      display: block;
      color: #103786;
      font-size: 18px;
      font-weight: bold;
      border: 0px;
      padding: 0px;
      margin-bottom: 20px; }
    dl.NoticeList dd {
      font-size: 18px;
      line-height: 2;
      display: block;
      color: #4b4b4b; }

  ol.bracketsNumber {
    counter-reset: number;
    margin-left: 35px; }
    ol.bracketsNumber li {
      list-style-type: none;
      list-style-position: inside;
      counter-increment: cnt;
      text-align: left;
      font-size: 18px;
      color: #4b4b4b;
      line-height: 2 !important;
      margin-bottom: 10px !important;
      text-indent: -30px !important;
      padding: 0; }
      ol.bracketsNumber li:before {
        display: marker !important;
        content: "(" counter(cnt) ") " !important; }

  ul.ListStyle_01 {
    margin: 40px 0 40px 40px; }
    ul.ListStyle_01 li {
      position: relative;
      margin-bottom: 15px;
      color: #4b4b4b;
      font-size: 18px; }
      ul.ListStyle_01 li:after {
        display: block;
        content: '';
        position: absolute;
        top: .5em;
        left: -1em;
        width: 6px;
        height: 6px;
        background-color: #103786;
        border-radius: 100%; }

    table.priceTable {
      width: 100%;
      border-collapse: collapse;
      border: 1px solid #eee;
    }
    table.priceTable caption {
      font-size: 20px;
      text-align: center;
      margin-bottom: 10px;
      font-weight: bold;
    }
    table.priceTable tr {
      border-bottom: 1px solid #eee;
      
    }
    table.priceTable tr th {
      font-size: 19px;
      background-color: #f4f4f4;
      padding: 10px;
      border-right: 1px solid #eee;
      vertical-align: middle;
    }
  
    table.priceTable tr td {
      font-size: 19px;
      padding: 10px;
      border-right: 1px solid #eee;
      vertical-align: middle;
      text-align: center;
    }
    p.price {
      text-align: right;
      padding-top: 10px;
    }

  .box1 {
    border: 1px solid #103786;
    padding: 40px;
    margin-bottom: 30px; }
    .box1 p {
      font-size: 18px;
      color: #4b4b4b;
      line-height: 2; }

  .box2 {
    border: 8px solid #103786;
    padding: 40px;
    margin-bottom: 30px; }
    .box2 p {
      font-size: 18px;
      color: #4b4b4b;
      line-height: 2; } }
/* 600px〜719px：タブレット */
@media screen and (min-width: 600px) and (max-width: 719px) {
  dl.NoticeList {
    border-bottom: 1px solid #eee;
    position: relative;
    padding: 40px 0; }
    dl.NoticeList dt {
      display: block;
      color: #103786;
      font-size: 17px;
      font-weight: bold;
      border: 0px;
      padding: 0px;
      margin-bottom: 20px; }
    dl.NoticeList dd {
      font-size: 17px;
      line-height: 2;
      color: #4b4b4b;
      display: block; }

  ol.bracketsNumber {
    counter-reset: number;
    margin-left: 35px; }
    ol.bracketsNumber li {
      list-style-type: none;
      list-style-position: inside;
      counter-increment: cnt;
      text-align: left;
      font-size: 17px;
      color: #4b4b4b;
      line-height: 2 !important;
      margin-bottom: 10px !important;
      text-indent: -30px !important;
      padding: 0; }
      ol.bracketsNumber li:before {
        display: marker !important;
        content: "(" counter(cnt) ") " !important; }

  ul.ListStyle_01 {
    margin: 40px 0 40px 40px; }
    ul.ListStyle_01 li {
      position: relative;
      margin-bottom: 15px;
      color: #4b4b4b;
      font-size: 17px; }
      ul.ListStyle_01 li:after {
        display: block;
        content: '';
        position: absolute;
        top: .5em;
        left: -1em;
        width: 6px;
        height: 6px;
        background-color: #103786;
        border-radius: 100%; }

    table.priceTable {
      width: 100%;
      border-collapse: collapse;
      border: 1px solid #eee;
    }
    table.priceTable caption {
      font-size: 20px;
      text-align: center;
      margin-bottom: 10px;
      font-weight: bold;
    }
    table.priceTable tr {
      border-bottom: 1px solid #eee;
      
    }
    table.priceTable tr th {
      font-size: 19px;
      background-color: #f4f4f4;
      padding: 10px;
      border-right: 1px solid #eee;
      vertical-align: middle;
    }
  
    table.priceTable tr td {
      font-size: 19px;
      padding: 10px;
      border-right: 1px solid #eee;
      vertical-align: middle;
      text-align: center;
    }
    p.price {
      text-align: right;
      padding-top: 10px;
    }

  .box1 {
    border: 1px solid #103786;
    padding: 30px;
    margin-bottom: 30px; }
    .box1 p {
      font-size: 17px;
      color: #4b4b4b;
      line-height: 2; }

  .box2 {
    border: 8px solid #103786;
    padding: 30px;
    margin-bottom: 30px; }
    .box2 p {
      font-size: 17px;
      color: #4b4b4b;
      line-height: 2; } }
/* 480px〜599px：SP横 */
@media screen and (min-width: 480px) and (max-width: 599px) {
  dl.NoticeList {
    border-bottom: 1px solid #eee;
    position: relative;
    padding: 40px 0; }
    dl.NoticeList dt {
      display: block;
      color: #103786;
      font-size: 17px;
      font-weight: bold;
      border: 0px;
      padding: 0px;
      margin-bottom: 20px; }
    dl.NoticeList dd {
      font-size: 17px;
      line-height: 2;
      display: block;
      color: #4b4b4b; }

  ol.bracketsNumber {
    counter-reset: number;
    margin-left: 35px; }
    ol.bracketsNumber li {
      list-style-type: none;
      list-style-position: inside;
      counter-increment: cnt;
      text-align: left;
      font-size: 17px;
      color: #4b4b4b;
      line-height: 2 !important;
      margin-bottom: 10px !important;
      text-indent: -30px !important;
      padding: 0; }
      ol.bracketsNumber li:before {
        display: marker !important;
        content: "(" counter(cnt) ") " !important; }

  ul.ListStyle_01 {
    margin: 25px 0 25px 30px; }
    ul.ListStyle_01 li {
      position: relative;
      margin-bottom: 15px;
      color: #4b4b4b;
      font-size: 17px; }
      ul.ListStyle_01 li:after {
        display: block;
        content: '';
        position: absolute;
        top: .5em;
        left: -1em;
        width: 6px;
        height: 6px;
        background-color: #103786;
        border-radius: 100%; }

  table.priceTable {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #eee;
  }
  table.priceTable caption {
    font-size: 17px;
    text-align: center;
    margin-bottom: 10px;
    font-weight: bold;
  }
  table.priceTable tr {
    border-bottom: 1px solid #eee;
    
  }
  table.priceTable tr th {
    font-size: 17px;
    background-color: #f4f4f4;
    padding: 10px;
    border-right: 1px solid #eee;
    vertical-align: middle;
  }

  table.priceTable tr td {
    font-size: 17px;
    padding: 10px;
    border-right: 1px solid #eee;
    vertical-align: middle;
    text-align: center;
  }
  p.price {
    text-align: right;
    padding-top: 10px;
  }

  .box1 {
    border: 1px solid #103786;
    padding: 25px;
    margin-bottom: 30px; }
    .box1 p {
      font-size: 17px;
      color: #4b4b4b;
      line-height: 2; }

  .box2 {
    border: 8px solid #103786;
    padding: 25px;
    margin-bottom: 30px; }
    .box2 p {
      font-size: 17px;
      color: #4b4b4b;
      line-height: 2; } }
/* 〜479px：SP縦 */
@media screen and (max-width: 479px) {
  dl.NoticeList {
    border-bottom: 1px solid #eee;
    position: relative;
    padding: 40px 0; }
    dl.NoticeList dt {
      display: block;
      color: #103786;
      font-size: 17px;
      font-weight: bold;
      border: 0px;
      padding: 0px;
      margin-bottom: 20px; }
    dl.NoticeList dd {
      font-size: 17px;
      line-height: 2;
      display: block;
      color: #4b4b4b; }

  ul.ListStyle_01 {
    margin: 25px 0 25px 30px; }
    ul.ListStyle_01 li {
      position: relative;
      margin-bottom: 15px;
      color: #4b4b4b;
      font-size: 17px; }
      ul.ListStyle_01 li:after {
        display: block;
        content: '';
        position: absolute;
        top: .5em;
        left: -1em;
        width: 6px;
        height: 6px;
        background-color: #103786;
        border-radius: 100%; }

  ol.bracketsNumber {
    counter-reset: number;
    margin-left: 35px; }
    ol.bracketsNumber li {
      list-style-type: none;
      list-style-position: inside;
      counter-increment: cnt;
      text-align: left;
      font-size: 17px;
      color: #4b4b4b;
      line-height: 2 !important;
      margin-bottom: 10px !important;
      text-indent: -30px !important;
      padding: 0; }
      ol.bracketsNumber li:before {
        display: marker !important;
        content: "(" counter(cnt) ") " !important; }

    table.priceTable {
      width: 100%;
      border-collapse: collapse;
      border: 1px solid #eee;
    }
    table.priceTable caption {
      font-size: 17px;
      text-align: center;
      margin-bottom: 10px;
      font-weight: bold;
    }
    table.priceTable tr {
      border-bottom: 1px solid #eee;
      
    }
    table.priceTable tr th {
      font-size: 16px;
      background-color: #f4f4f4;
      padding: 10px;
      border-right: 1px solid #eee;
      vertical-align: middle;
    }
  
    table.priceTable tr td {
      font-size: 16px;
      padding: 10px;
      border-right: 1px solid #eee;
      vertical-align: middle;
      text-align: center;
    }
    p.price {
      text-align: right;
      padding-top: 10px;
      font-size: 13px;
    }

  .box1 {
    border: 1px solid #103786;
    padding: 25px;
    margin-bottom: 30px; }
    .box1 p {
      font-size: 17px;
      color: #4b4b4b;
      line-height: 2; }

  .box2 {
    border: 8px solid #103786;
    padding: 25px;
    margin-bottom: 30px; }
    .box2 p {
      font-size: 17px;
      color: #4b4b4b;
      line-height: 2; } }
/* 1280px〜：大型PC*/
@media print, screen and (min-width: 1280px) {
  .title01 {
    text-align: center;
    margin: 10px 0 20px;
    font-weight: bold;
    color: #103786;
    font-size: 20px; } }
/* 960px〜1279px：小型PC */
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .title01 {
    text-align: center;
    margin: 10px 0 20px;
    font-weight: bold;
    color: #103786;
    font-size: 18px; } }
/* 720px〜959px：タブレット */
@media screen and (min-width: 720px) and (max-width: 959px) {
  .title01 {
    text-align: center;
    margin: 10px 0 20px;
    font-weight: bold;
    color: #103786;
    font-size: 17px; } }
/* 600px〜719px：タブレット */
@media screen and (min-width: 600px) and (max-width: 719px) {
  .title01 {
    text-align: center;
    margin: 10px 0 20px;
    font-weight: bold;
    color: #103786;
    font-size: 17px; } }
/* 480px〜599px：SP横 */
@media screen and (min-width: 480px) and (max-width: 599px) {
  .title01 {
    text-align: center;
    margin: 10px 0 20px;
    font-weight: bold;
    color: #103786;
    font-size: 17px; } }
/* 〜479px：SP縦 */
@media screen and (max-width: 479px) {
  .title01 {
    text-align: center;
    margin: 10px 0 20px;
    font-weight: bold;
    color: #103786;
    font-size: 17px; } }
/* 1280px〜：大型PC*/
@media print, screen and (min-width: 1280px) {
  ul.BackNumber li {
    font-size: 20px; }
    ul.BackNumber li a {
      padding: 30px 15px;
      display: block;
      text-decoration: none;
      border-bottom: 1px solid #dcdcdc;
      position: relative; }
      ul.BackNumber li a :hover {
        background: #cfdeff; }
      ul.BackNumber li a:after {
        display: block;
        content: '';
        position: absolute;
        top: 45%;
        right: 40px;
        width: 12px;
        height: 12px;
        border-right: 2px solid #103786;
        border-bottom: 2px solid #103786;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); } }
/* 960px〜1279px：小型PC */
@media screen and (min-width: 960px) and (max-width: 1279px) {
  ul.BackNumber li {
    font-size: 20px; }
    ul.BackNumber li a {
      padding: 30px 15px;
      display: block;
      text-decoration: none;
      border-bottom: 1px solid #dcdcdc;
      position: relative; }
      ul.BackNumber li a :hover {
        background: #cfdeff; }
      ul.BackNumber li a:after {
        display: block;
        content: '';
        position: absolute;
        top: 45%;
        right: 40px;
        width: 12px;
        height: 12px;
        border-right: 2px solid #103786;
        border-bottom: 2px solid #103786;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); } }
/* 720px〜959px：タブレット */
@media screen and (min-width: 720px) and (max-width: 959px) {
  ul.BackNumber li {
    font-size: 18px; }
    ul.BackNumber li a {
      padding: 25px 15px;
      display: block;
      text-decoration: none;
      border-bottom: 1px solid #dcdcdc;
      position: relative; }
      ul.BackNumber li a :hover {
        background: #cfdeff; }
      ul.BackNumber li a:after {
        display: block;
        content: '';
        position: absolute;
        top: 45%;
        right: 40px;
        width: 12px;
        height: 12px;
        border-right: 2px solid #103786;
        border-bottom: 2px solid #103786;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); } }
/* 600px〜719px：タブレット */
@media screen and (min-width: 600px) and (max-width: 719px) {
  ul.BackNumber li {
    font-size: 18px; }
    ul.BackNumber li a {
      padding: 25px 15px;
      display: block;
      text-decoration: none;
      border-bottom: 1px solid #dcdcdc;
      position: relative; }
      ul.BackNumber li a :hover {
        background: #cfdeff; }
      ul.BackNumber li a:after {
        display: block;
        content: '';
        position: absolute;
        top: 45%;
        right: 40px;
        width: 12px;
        height: 12px;
        border-right: 2px solid #103786;
        border-bottom: 2px solid #103786;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); } }
/* 480px〜599px：SP横 */
@media screen and (min-width: 480px) and (max-width: 599px) {
  ul.BackNumber li {
    font-size: 17px; }
    ul.BackNumber li a {
      padding: 20px 15px;
      display: block;
      text-decoration: none;
      border-bottom: 1px solid #dcdcdc;
      position: relative; }
      ul.BackNumber li a :hover {
        background: #cfdeff; }
      ul.BackNumber li a:after {
        display: block;
        content: '';
        position: absolute;
        top: 45%;
        right: 40px;
        width: 12px;
        height: 12px;
        border-right: 2px solid #103786;
        border-bottom: 2px solid #103786;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); } }
/* 〜479px：SP縦 */
@media screen and (max-width: 479px) {
  ul.BackNumber li {
    font-size: 16px; }
    ul.BackNumber li a {
      padding: 15px;
      display: block;
      text-decoration: none;
      border-bottom: 1px solid #dcdcdc;
      position: relative; }
      ul.BackNumber li a :hover {
        background: #cfdeff; }
      ul.BackNumber li a:after {
        display: block;
        content: '';
        position: absolute;
        top: 45%;
        right: 40px;
        width: 12px;
        height: 12px;
        border-right: 2px solid #103786;
        border-bottom: 2px solid #103786;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); } }
/* 1280px〜：大型PC*/
@media print, screen and (min-width: 1280px) {
  .NewsTitle {
    margin: 60px 0 30px; }
    .NewsTitle em {
      font-size: 12px;
      color: #464646;
      margin-right: 20px; }
    .NewsTitle i {
      background: #003978;
      color: #fff;
      font-size: 11px;
      position: relative;
      border-radius: 25px;
      text-align: center;
      letter-spacing: .14em;
      padding: 3px 10px; }

  dl.newList {
    position: relative;
    border-bottom: 1px solid #d5d5d5; }
    dl.newList dt {
      display: block;
      font-size: 17px;
      font-weight: bold;
      position: absolute;
      border: 0px;
      padding: 0px;
      line-height: 2.5;
      border-top: 1px solid #d5d5d5;
      padding: 15px 0;
      width: 200px; }
    dl.newList dd {
      margin-left: 200px;
      font-size: 17px;
      line-height: 2.5;
      display: block;
      border-top: 1px solid #d5d5d5;
      padding: 15px 0; }
      dl.newList dd a {
        text-decoration: underline; } }
/* 960px〜1279px：小型PC */
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .NewsTitle {
    margin: 60px 0 30px; }
    .NewsTitle em {
      font-size: 12px;
      color: #464646;
      margin-right: 20px; }
    .NewsTitle i {
      background: #003978;
      color: #fff;
      font-size: 11px;
      position: relative;
      border-radius: 25px;
      text-align: center;
      letter-spacing: .14em;
      padding: 3px 10px; }

  dl.newList {
    position: relative;
    border-bottom: 1px solid #d5d5d5; }
    dl.newList dt {
      display: block;
      font-size: 95%;
      font-weight: bold;
      position: absolute;
      border: 0px;
      padding: 0px;
      border-top: 1px solid #d5d5d5;
      padding: 15px 0;
      width: 200px; }
    dl.newList dd {
      margin-left: 200px;
      font-size: 95%;
      line-height: 2;
      display: block;
      border-top: 1px solid #d5d5d5;
      padding: 15px 0; }
      dl.newList dd a {
        color: #000;
        text-decoration: underline; } }
/* 720px〜959px：タブレット */
@media screen and (min-width: 720px) and (max-width: 959px) {
  .NewsTitle {
    margin: 60px 0 30px; }
    .NewsTitle em {
      font-size: 12px;
      color: #464646;
      margin-right: 20px; }
    .NewsTitle i {
      background: #003978;
      color: #fff;
      font-size: 11px;
      position: relative;
      border-radius: 25px;
      text-align: center;
      letter-spacing: .14em;
      padding: 3px 10px; }

  dl.newList {
    position: relative;
    border-bottom: 1px solid #d5d5d5; }
    dl.newList dt {
      display: block;
      font-size: 95%;
      font-weight: bold;
      position: absolute;
      border: 0px;
      padding: 0px;
      border-top: 1px solid #d5d5d5;
      padding: 15px 0;
      width: 200px; }
    dl.newList dd {
      margin-left: 200px;
      font-size: 95%;
      line-height: 2;
      display: block;
      border-top: 1px solid #d5d5d5;
      padding: 15px 0; }
      dl.newList dd a {
        color: #000;
        text-decoration: underline; } }
/* 600px〜719px：タブレット */
@media screen and (min-width: 600px) and (max-width: 719px) {
  .NewsTitle {
    margin: 60px 0 30px; }
    .NewsTitle em {
      font-size: 12px;
      color: #464646;
      margin-right: 20px; }
    .NewsTitle i {
      background: #003978;
      color: #fff;
      font-size: 11px;
      position: relative;
      border-radius: 25px;
      text-align: center;
      letter-spacing: .14em;
      padding: 3px 10px; }

  dl.newList {
    position: relative;
    border-bottom: 1px solid #d5d5d5; }
    dl.newList dt {
      display: block;
      font-size: 95%;
      font-weight: bold;
      position: absolute;
      border: 0px;
      padding: 0px;
      border-top: 1px solid #d5d5d5;
      padding: 15px 0;
      width: 200px; }
    dl.newList dd {
      margin-left: 200px;
      font-size: 95%;
      line-height: 2;
      display: block;
      border-top: 1px solid #d5d5d5;
      padding: 15px 0; }
      dl.newList dd a {
        color: #000;
        text-decoration: underline; } }
/* 480px〜599px：SP横 */
@media screen and (min-width: 480px) and (max-width: 599px) {
  .NewsTitle {
    margin: 60px 0 30px; }
    .NewsTitle em {
      font-size: 12px;
      color: #464646;
      margin-right: 20px; }
    .NewsTitle i {
      background: #003978;
      color: #fff;
      font-size: 11px;
      position: relative;
      border-radius: 25px;
      text-align: center;
      letter-spacing: .14em;
      padding: 3px 10px; }

  dl.newList {
    position: relative;
    border-bottom: 1px solid #d5d5d5; }
    dl.newList dt {
      display: block;
      font-size: 95%;
      font-weight: bold;
      border: 0px;
      padding: 0px;
      padding: 5px 0; }
    dl.newList dd {
      font-size: 95%;
      line-height: 2;
      display: block;
      padding-bottom: 15px; }
      dl.newList dd a {
        color: #000;
        text-decoration: underline; } }
/* 〜479px：SP縦 */
@media screen and (max-width: 479px) {
  .NewsTitle {
    margin: 60px 0 30px; }
    .NewsTitle em {
      font-size: 12px;
      color: #464646;
      margin-right: 20px; }
    .NewsTitle i {
      background: #003978;
      color: #fff;
      font-size: 11px;
      position: relative;
      border-radius: 25px;
      text-align: center;
      letter-spacing: .14em;
      padding: 3px 10px; }

  dl.newList {
    position: relative;
    border-bottom: 1px solid #d5d5d5; }
    dl.newList dt {
      display: block;
      font-size: 95%;
      font-weight: bold;
      border: 0px;
      padding: 0px;
      padding: 5px 0; }
    dl.newList dd {
      font-size: 95%;
      line-height: 2;
      display: block;
      padding-bottom: 15px; }
      dl.newList dd a {
        color: #000;
        text-decoration: underline; } }
/* 1280px〜：大型PC*/
@media print, screen and (min-width: 1280px) {
  .button {
    display: inline-block;
    width: 300px;
    height: 54px;
    text-align: center;
    text-decoration: none;
    line-height: 54px;
    outline: none; }

  .button::before,
  .button::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: ''; }

  .button,
  .button::before,
  .button::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s; }

  .button {
    position: relative;
    z-index: 2;
    background-color: #fff;
    border: 2px solid #103786;
    color: #103786;
    line-height: 50px;
    overflow: hidden; }

  .button:hover {
    color: #fff; }

  .button:hover:after {
    top: 0;
    background-color: #103786; }

  .button:after {
    top: -100%;
    width: 100%;
    height: 100%; }

  .ButtonArea {
    margin: 30px 0;
    text-align: center; } }
/* 960px〜1279px：小型PC */
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .button {
    display: inline-block;
    width: 300px;
    height: 54px;
    text-align: center;
    text-decoration: none;
    line-height: 54px;
    outline: none; }

  .button::before,
  .button::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: ''; }

  .button,
  .button::before,
  .button::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s; }

  .button {
    position: relative;
    z-index: 2;
    background-color: #fff;
    border: 2px solid #103786;
    color: #103786;
    line-height: 50px;
    overflow: hidden; }

  .button:hover {
    color: #fff; }

  .button:hover:after {
    top: 0;
    background-color: #103786; }

  .button:after {
    top: -100%;
    width: 100%;
    height: 100%; }

  .ButtonArea {
    margin: 30px 0;
    text-align: center; } }
/* 720px〜959px：タブレット */
@media screen and (min-width: 720px) and (max-width: 959px) {
  .button {
    display: inline-block;
    width: 300px;
    height: 54px;
    text-align: center;
    text-decoration: none;
    line-height: 54px;
    outline: none; }

  .button::before,
  .button::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: ''; }

  .button,
  .button::before,
  .button::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s; }

  .button {
    position: relative;
    z-index: 2;
    background-color: #fff;
    border: 2px solid #103786;
    color: #103786;
    line-height: 50px;
    overflow: hidden; }

  .button:hover {
    color: #fff; }

  .button:hover:after {
    top: 0;
    background-color: #103786; }

  .button:after {
    top: -100%;
    width: 100%;
    height: 100%; }

  .ButtonArea {
    margin: 30px 0;
    text-align: center; } }
/* 600px〜719px：タブレット */
@media screen and (min-width: 600px) and (max-width: 719px) {
  .button {
    display: inline-block;
    width: 280px;
    height: 54px;
    text-align: center;
    text-decoration: none;
    line-height: 54px;
    outline: none; }

  .button::before,
  .button::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: ''; }

  .button,
  .button::before,
  .button::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s; }

  .button {
    position: relative;
    z-index: 2;
    background-color: #fff;
    border: 2px solid #103786;
    color: #103786;
    line-height: 50px;
    overflow: hidden; }

  .button:hover {
    color: #fff; }

  .button:hover:after {
    top: 0;
    background-color: #103786; }

  .button:after {
    top: -100%;
    width: 100%;
    height: 100%; }

  .ButtonArea {
    margin: 30px 0;
    text-align: center; } }
/* 480px〜599px：SP横 */
@media screen and (min-width: 480px) and (max-width: 599px) {
  .button {
    display: inline-block;
    width: 280px;
    height: 54px;
    text-align: center;
    text-decoration: none;
    line-height: 54px;
    outline: none; }

  .button::before,
  .button::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: ''; }

  .button,
  .button::before,
  .button::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s; }

  .button {
    position: relative;
    z-index: 2;
    background-color: #fff;
    border: 2px solid #103786;
    color: #103786;
    line-height: 50px;
    overflow: hidden; }

  .button:hover {
    color: #fff; }

  .button:hover:after {
    top: 0;
    background-color: #103786; }

  .button:after {
    top: -100%;
    width: 100%;
    height: 100%; }

  .ButtonArea {
    margin: 30px 0;
    text-align: center; } }
/* 〜479px：SP縦 */
@media screen and (max-width: 479px) {
  .button {
    display: inline-block;
    width: 280px;
    height: 54px;
    text-align: center;
    text-decoration: none;
    line-height: 54px;
    outline: none; }

  .button::before,
  .button::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: ''; }

  .button,
  .button::before,
  .button::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s; }

  .button {
    position: relative;
    z-index: 2;
    background-color: #fff;
    border: 2px solid #103786;
    color: #103786;
    line-height: 50px;
    overflow: hidden; }

  .button:hover {
    color: #fff; }

  .button:hover:after {
    top: 0;
    background-color: #103786; }

  .button:after {
    top: -100%;
    width: 100%;
    height: 100%; }

  .ButtonArea {
    margin: 30px 0;
    text-align: center; } }


/* トップページ英文誌へのリンク */
#LinkArea p a {
  display: block;
  color: white;
  text-align: center;
  text-decoration: none;
  padding: 16px;
  font-size: 16px;
  background-color: #103786;
  border: 2px solid #103786;
  width: 260px;
  margin: 0 auto 80px;
}

@media screen and (min-width:768px){
  #LinkArea  p a {
    width: 360px;
    display: block;
    color: white;
    text-align: center;
    text-decoration: none;
    padding: 20px;
    font-size: 19px;
    background-color: #103786;
    border: 2px solid #103786;
    transition: .3s ease-in;
    margin: 0 auto 80px;
  }
}




/* 英語トップページリンク */
.topLinkList {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 20px 0 60px;
}

.topLinkList li {
  width: 100%;
  position: relative;
}

.topLinkList li::after {
  content: '';
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(../images/img_commons/icon_external.svg);
  background-size: 20px 15px;
  width: 20px;
  height: 15px;
}

.topLinkList li a {
  border: 2px solid #103786;
  display: block;
  text-align: center;
  text-decoration: none;
  padding: 20px;
  font-weight: bold;
}

@media screen and (min-width:600px){
  .topLinkList {
    flex-direction: row;
    gap: 40px;
    margin: 60px 0 80px;
  }

  .topLinkList li {
    width: calc(50% - 20px);
  }
}

/* お知らせpagination */
.newsPagination {
  display: flex;
  flex-direction: row;
  gap: 12px;
  margin: 40px 0;
  font-size: 14px;
  font-weight: bold;
}

.newsPagination li a {
  display: block;
  font-family: "Meiryo", sans-serif;
  background-color: #103786;
  color: white;
  text-decoration: none;
  border-radius: 18px;
  height: 36px;
  line-height: 36px;
  width: 36px;
  text-align: center;
}

.newsPagination li span {
  display: block;
  border-radius: 18px;
  height: 36px;
  line-height: 36px;
  width: 36px;
  text-align: center;
  background-color: #dcdcdc;
}

.topNewsContens {
  position: relative;
  margin: 60px auto 80px;
}

.topNewsContens .newsPagination {
  position: absolute;
  top: -46px;
  right: 0;
}

@media screen and (min-width:1025px) {
  .topNewsContens .newsPagination {
    top: -42px;
  }

  .newsPagination {
    gap: 15px;
    font-size: 15px;
  }
  
  .newsPagination li a {
    border-radius: 20px;
    height: 40px;
    line-height: 40px;
    width: 40px;
  }
  
  .newsPagination li span {
    border-radius: 20px;
    height: 40px;
    line-height: 40px;
    width: 40px;
  }
}

/* トップページライセンス */
.topLicense {
  max-width: 1000px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 40px 20px 30px;
}

.topLicense img {
  width: 120px;
}

.topLicense .topLicenseText {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.topLicense .topLicenseText p {
  font-size: 13px;
}

@media screen and (min-width:600px) {
  .topLicense {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 15px;
    margin: 40px 20px 40px;
  }

  .topLicense p {
    font-size: 14px;
  }
}

@media screen and (min-width:1025px) {
  .topLicense {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 15px;
    margin: 40px auto 40px;
  }
}