@charset "UTF-8";
* {
  box-sizing: border-box; }

body,
div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
form, fieldset,
p, blockquote,
th, td {
  margin: 0;
  padding: 0; }

input, textarea,
select {
  margin: 0;
  font-size: 100%; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%; }

fieldset, img {
  border: 0; }

img {
  vertical-align: bottom;
  line-height: 0; }

address, caption, cite, code, dfn, em, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

caption,
th {
  text-align: left; }

h1, h2, h3, h4, h5, h6, p {
  font-size: 100%;
  font-weight: normal; }

q::before,
q::after {
  content: ''; }

abbr,
acronym {
  border: 0; }

img {
  max-width: 100%;
  height: auto; }

article, aside, figure, figcaption, footer, header, hgroup, nav, section, time, small, main {
  display: block;
  margin: 0;
  padding: 0; }

html {
  -webkit-text-size-adjust: 100%; }

body {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-size: 19px;
  color: #333;
  line-height: 1.8; }
  @media only screen and (max-width: 1440px) {
    body {
      font-size: 18px; } }
  @media only screen and (max-width: 576px) {
    body {
      font-size: 17px; } }

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; } }
.fNormal {
  font-weight: normal; }

.fBold {
  font-weight: bold; }

.fItalic {
  font-style: italic; }

.fRed {
  color: #F00; }

.f05 {
  font-size: 0.5em; }

.f06 {
  font-size: 0.6em; }

.f07 {
  font-size: 0.7em; }

.f08 {
  font-size: 0.8em; }

.f09 {
  font-size: 0.9em; }

.f11 {
  font-size: 1.1em; }

.f12 {
  font-size: 1.2em; }

.f13 {
  font-size: 1.3em; }

.f14 {
  font-size: 1.4em; }

.f15 {
  font-size: 1.5em; }

.f16 {
  font-size: 1.6em; }

.f17 {
  font-size: 1.7em; }

.f18 {
  font-size: 1.8em; }

.f19 {
  font-size: 1.9em; }

.f20 {
  font-size: 2em; }

sup {
  font-size: 78%;
  vertical-align: top; }

sub {
  font-size: 78%;
  vertical-align: baseline; }

a:link {
  color: #0d6bdb;
  text-decoration: none;
  outline: none; }
a:visited {
  color: #5717BD; }
a:hover {
  text-decoration: underline; }
  a:hover img {
    opacity: 0.7;
    -ms-filter: alpha(opacity=70);
    filter: alpha(opacity=70); }
    a:hover img.noRollover {
      opacity: 1; }

.mt00 {
  margin-top: 0   !important; }

.mt05 {
  margin-top: 5px !important; }

.mt06 {
  margin-top: 6px !important; }

.mt10 {
  margin-top: 10px !important; }

.mt11 {
  margin-top: 11px !important; }

.mt12 {
  margin-top: 12px !important; }

.mt15 {
  margin-top: 15px !important; }

.mt20 {
  margin-top: 20px !important; }

.mt25 {
  margin-top: 25px !important; }

.mt30 {
  margin-top: 30px !important; }

.mt35 {
  margin-top: 35px !important; }

.mt40 {
  margin-top: 40px !important; }

.mt45 {
  margin-top: 45px !important; }

.mt50 {
  margin-top: 50px !important; }

.mt55 {
  margin-top: 55px !important; }

.mt60 {
  margin-top: 60px !important; }

.mt65 {
  margin-top: 65px !important; }

.mt70 {
  margin-top: 70px !important; }

.mt75 {
  margin-top: 75px !important; }

.mt80 {
  margin-top: 80px !important; }

.mt85 {
  margin-top: 85px !important; }

.mt90 {
  margin-top: 90px !important; }

.mt95 {
  margin-top: 95px !important; }

.mt100 {
  margin-top: 100px !important; }

.mt1em {
  margin-top: 1em !important; }

.mt2em {
  margin-top: 2em !important; }

.mt3em {
  margin-top: 3em !important; }

.mt4em {
  margin-top: 4em !important; }

.mt5em {
  margin-top: 5em !important; }

.mr00 {
  margin-right: 0   !important; }

.mr05 {
  margin-right: 5px !important; }

.mr10 {
  margin-right: 10px !important; }

.mr12 {
  margin-right: 12px !important; }

.mr13 {
  margin-right: 13px !important; }

.mr15 {
  margin-right: 15px !important; }

.mr20 {
  margin-right: 20px !important; }

.mr25 {
  margin-right: 25px !important; }

.mr30 {
  margin-right: 30px !important; }

.mr31 {
  margin-right: 31px !important; }

.mr35 {
  margin-right: 35px !important; }

.mr40 {
  margin-right: 40px !important; }

.mr45 {
  margin-right: 45px !important; }

.mr50 {
  margin-right: 50px !important; }

.mr59 {
  margin-right: 59px !important; }

.mr1em {
  margin-right: 1em !important; }

.mr2em {
  margin-right: 2em !important; }

.mr3em {
  margin-right: 3em !important; }

.mr4em {
  margin-right: 4em !important; }

.mr5em {
  margin-right: 5em !important; }

.mb00 {
  margin-bottom: 0   !important; }

.mb05 {
  margin-bottom: 5px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mb12 {
  margin-bottom: 12px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb25 {
  margin-bottom: 25px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mb35 {
  margin-bottom: 35px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.mb45 {
  margin-bottom: 45px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.mb55 {
  margin-bottom: 55px !important; }

.mb60 {
  margin-bottom: 60px !important; }

.mb65 {
  margin-bottom: 65px !important; }

.mb70 {
  margin-bottom: 70px !important; }

.mb1em {
  margin-bottom: 1em !important; }

.mb2em {
  margin-bottom: 2em !important; }

.mb3em {
  margin-bottom: 3em !important; }

.mb4em {
  margin-bottom: 4em !important; }

.mb5em {
  margin-bottom: 5em !important; }

.ml00 {
  margin-left: 0   !important; }

.ml04 {
  margin-left: 4px !important; }

.ml05 {
  margin-left: 5px !important; }

.ml10 {
  margin-left: 10px !important; }

.ml12 {
  margin-left: 12px !important; }

.ml15 {
  margin-left: 15px !important; }

.ml20 {
  margin-left: 20px !important; }

.ml25 {
  margin-left: 25px !important; }

.ml28 {
  margin-left: 28px !important; }

.ml30 {
  margin-left: 30px !important; }

.ml30 {
  margin-left: 35px !important; }

.ml40 {
  margin-left: 40px !important; }

.ml45 {
  margin-left: 45px !important; }

.ml50 {
  margin-left: 50px !important; }

.ml60 {
  margin-left: 60px !important; }

.ml70 {
  margin-left: 70px !important; }

.ml77 {
  margin-left: 77px !important; }

.ml80 {
  margin-left: 80px !important; }

.ml90 {
  margin-left: 90px !important; }

.ml1em {
  margin-left: 1em !important; }

.ml2em {
  margin-left: 2em !important; }

.ml3em {
  margin-left: 3em !important; }

.ml4em {
  margin-left: 4em !important; }

.ml5em {
  margin-left: 5em !important; }

.pt00 {
  padding-top: 0   !important; }

.pt05 {
  padding-top: 5px !important; }

.pt10 {
  padding-top: 10px !important; }

.pt12 {
  padding-top: 12px !important; }

.pt15 {
  padding-top: 15px !important; }

.pt20 {
  padding-top: 20px !important; }

.pt25 {
  padding-top: 25px !important; }

.pt30 {
  padding-top: 30px !important; }

.pt35 {
  padding-top: 35px !important; }

.pt40 {
  padding-top: 40px !important; }

.pt45 {
  padding-top: 45px !important; }

.pt50 {
  padding-top: 50px !important; }

.pr00 {
  padding-right: 0   !important; }

.pr05 {
  padding-right: 5px !important; }

.pr10 {
  padding-right: 10px !important; }

.pr12 {
  padding-right: 12px !important; }

.pr15 {
  padding-right: 15px !important; }

.pr20 {
  padding-right: 20px !important; }

.pr25 {
  padding-right: 25px !important; }

.pr30 {
  padding-right: 30px !important; }

.pr35 {
  padding-right: 35px !important; }

.pr40 {
  padding-right: 40px !important; }

.pr45 {
  padding-right: 45px !important; }

.pr50 {
  padding-right: 50px !important; }

.pb00 {
  padding-bottom: 0   !important; }

.pb05 {
  padding-bottom: 5px !important; }

.pb10 {
  padding-bottom: 10px !important; }

.pb12 {
  padding-bottom: 12px !important; }

.pb15 {
  padding-bottom: 15px !important; }

.pb20 {
  padding-bottom: 20px !important; }

.pb25 {
  padding-bottom: 25px !important; }

.pb30 {
  padding-bottom: 30px !important; }

.pb35 {
  padding-bottom: 35px !important; }

.pb40 {
  padding-bottom: 40px !important; }

.pb45 {
  padding-bottom: 45px !important; }

.pb50 {
  padding-bottom: 50px !important; }

.pl00 {
  padding-left: 0   !important; }

.pl05 {
  padding-left: 5px !important; }

.pl10 {
  padding-left: 10px !important; }

.pl12 {
  padding-left: 12px !important; }

.pl15 {
  padding-left: 15px !important; }

.pl20 {
  padding-left: 20px !important; }

.pl25 {
  padding-left: 25px !important; }

.pl30 {
  padding-left: 30px !important; }

.pl30 {
  padding-left: 35px !important; }

.pl40 {
  padding-left: 40px !important; }

.pl45 {
  padding-left: 45px !important; }

.pl50 {
  padding-left: 50px !important; }

.inlineL {
  text-align: left; }

.inlineC {
  text-align: center; }

.inlineR {
  text-align: right; }

.vlineT {
  vertical-align: top    !important; }

.vlineM {
  vertical-align: middle !important; }

.vlineB {
  vertical-align: bottom !important; }

.tw03 {
  width: 3% !important; }

.tw05 {
  width: 5% !important; }

.tw10 {
  width: 10% !important; }

.tw13 {
  width: 13% !important; }

.tw15 {
  width: 15% !important; }

.tw20 {
  width: 20% !important; }

.tw25 {
  width: 25% !important; }

.tw30 {
  width: 30% !important; }

.tw35 {
  width: 35% !important; }

.tw40 {
  width: 40% !important; }

.tw45 {
  width: 45% !important; }

.tw50 {
  width: 50% !important; }

.clear {
  clear: both; }

.block {
  display: block; }

.inline {
  display: inline; }

.hide {
  display: none; }

.nobg {
  background: none !important; }

.underLine {
  text-decoration: underline; }

.noLine {
  text-decoration: none; }

.listDeci {
  list-style: decimal; }

.listDisc {
  list-style: disc; }

.listAlpha {
  list-style: upper-alpha; }

.indent-1 {
  text-indent: -1em;
  margin-left: 1em; }

.indent1 {
  text-indent: 1em; }

.indent0 {
  text-indent: 0 !important; }

.btnClick {
  position: relative;
  -webkit-transition: none;
  transition: none; }
  .btnClick:active {
    top: 3px;
    box-shadow: none !important; }

.brPc::before {
  content: "\A";
  white-space: pre; }
  @media only screen and (max-width: 768px) {
    .brPc::before {
      content: normal;
      white-space: normal; } }

.brSp::before {
  content: normal;
  white-space: normal; }
  @media only screen and (max-width: 768px) {
    .brSp::before {
      content: "\A";
      white-space: pre; } }

.printBr {
  page-break-before: always; }

hr {
  margin-top: 1em;
  margin-bottom: 1em;
  border: 0;
  border-top: 1px solid #CCC; }

.spOnly {
  display: none; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto; }

.img-thumbnail {
  border: 1px solid #DDD;
  background: #FFF;
  padding: 4px;
  border-radius: 4px;
  height: auto;
  max-width: 100%;
  display: inline-block;
  transition: all 0.2s ease-in-out; }

.img-circle {
  border-radius: 50%; }

@font-face {
  font-family: 'chizu';
  src: url("../fonts/chizu.ttf?2lg6gr") format("truetype"), url("../fonts/chizu.woff?2lg6gr") format("woff"), url("../fonts/chizu.svg?2lg6gr#chizu") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'chizu' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-arrow07:before {
  content: "\e90c"; }

.icon-arrow08:before {
  content: "\e90d"; }

.icon-arrow09:before {
  content: "\e90e"; }

.icon-arrow10:before {
  content: "\e90f"; }

.icon-arrow01:before {
  content: "\e900"; }

.icon-arrow02:before {
  content: "\e901"; }

.icon-arrow03:before {
  content: "\e902"; }

.icon-arrow04:before {
  content: "\e903"; }

.icon-arrow05:before {
  content: "\e904"; }

.icon-arrow06:before {
  content: "\e905"; }

.icon-blank01:before {
  content: "\e906"; }

.icon-excel01:before {
  content: "\e907"; }

.icon-mail01:before {
  content: "\e908"; }

.icon-pdf01:before {
  content: "\e909"; }

.icon-pdf02:before {
  content: "\e90a"; }

.icon-word01:before {
  content: "\e90b"; }

/* header
---------------------------------------------------------------------*/
header {
  width: 100%;
  background: #1D52B1;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  @media only screen and (max-width: 1024px) {
    header {
      display: inherit;
      padding: 1em 20px; } }
  header h1 {
    max-width: 327px; }
    @media only screen and (max-width: 1024px) {
      header h1 {
        margin: 0 auto; } }
    @media only screen and (max-width: 768px) {
      header h1 {
        max-width: 300px; } }
    @media only screen and (max-width: 576px) {
      header h1 {
        max-width: 250px; } }
    header h1 img {
      width: 100%; }
  header .sec01 {
    display: flex;
    align-items: center;
    line-height: 1.2; }
    @media only screen and (max-width: 1024px) {
      header .sec01 {
        justify-content: center;
        margin-top: 1em; } }
    @media only screen and (max-width: 768px) {
      header .sec01 {
        display: inherit; } }
    header .sec01__01 {
      display: flex;
      align-items: center; }
      @media only screen and (max-width: 768px) {
        header .sec01__01 {
          justify-content: center; } }
      header .sec01__01 h2 {
        color: #fff;
        font-size: 0.9em; }
      header .sec01__01__01 {
        margin-left: 1em; }
        header .sec01__01__01 p {
          color: #fff; }
          header .sec01__01__01 p span {
            color: #fff !important;
            text-decoration: none; }
          header .sec01__01__01 p:first-child {
            font-weight: bold;
            font-size: 1.5em; }
          header .sec01__01__01 p:nth-child(2) {
            font-size: 0.8em; }
    header .sec01__02 {
      margin-left: 1em; }
      @media only screen and (max-width: 768px) {
        header .sec01__02 {
          margin-left: inherit;
          margin-top: 1em; } }
      header .sec01__02 p {
        text-align: center;
        font-size: 0.8em;
        font-weight: bold;
        font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO"; }
        header .sec01__02 p a {
          background: #fff;
          border-radius: 5px;
          display: block;
          padding: 0.5em 0.5em;
          color: #1D52B1;
          text-decoration: none; }
          @media only screen and (max-width: 768px) {
            header .sec01__02 p a {
              display: inline-block;
              padding: 0.5em 2em; } }
          header .sec01__02 p a:hover {
            background: #FFFEDB; }

.secInside {
  width: 100%;
  max-width: 1360px;
  padding: 5em 80px;
  margin: 0 auto; }
  @media only screen and (max-width: 1024px) {
    .secInside {
      padding: 4em 40px; } }
  @media only screen and (max-width: 768px) {
    .secInside {
      padding: 3em 20px; } }
  @media only screen and (max-width: 576px) {
    .secInside {
      padding: 2em 15px; } }

.subTitle01 {
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
  color: #fff;
  text-align: center;
  font-size: 3em;
  font-weight: bold;
  padding: 0.25em 0; }
  @media only screen and (max-width: 1024px) {
    .subTitle01 {
      font-size: 2.5em; } }
  @media only screen and (max-width: 768px) {
    .subTitle01 {
      font-size: 2.2em; } }
  @media only screen and (max-width: 576px) {
    .subTitle01 {
      font-size: 1.8em; } }

.subTitle02 {
  background: #1D52B1;
  color: #fff;
  font-size: 1.5em;
  font-weight: bold;
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
  padding: 0.5em 1em;
  border-radius: 0.5em;
  text-align: center;
  margin-bottom: 1em; }
  @media only screen and (max-width: 576px) {
    .subTitle02 {
      font-size: 1.2em; } }

.subTitle03 {
  position: relative;
  padding: 0.25em 1em;
  background: #1D52B1;
  margin-bottom: 1.5em;
  font-size: 1.8em;
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
  font-weight: bold;
  color: #fff;
  border-radius: 0.5em; }
  @media only screen and (max-width: 576px) {
    .subTitle03 {
      font-size: 1.3em; } }
  .subTitle03::after {
    position: absolute;
    content: '';
    top: 100%;
    left: 2em;
    border: 20px solid transparent;
    border-top: 20px solid #1D52B1;
    width: 0;
    height: 0; }

.subTitle04 {
  background: #78A2D5;
  font-weight: bold;
  font-size: 1.2em;
  color: #fff;
  padding: 0.25em 1em;
  margin-bottom: 1em; }
  @media only screen and (max-width: 576px) {
    .subTitle04 {
      font-size: 1.1em; } }

.subTitle05 {
  background: #ccc;
  font-weight: bold;
  font-size: 1.1em;
  padding: 0.25em 1em; }
  @media only screen and (max-width: 576px) {
    .subTitle05 {
      font-size: 1em; } }

.btnStyle01 {
  margin: 3em auto; }
  .btnStyle01 p {
    text-align: center;
    font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
    letter-spacing: 1px;
    font-size: 1.5em;
    font-weight: bold; }
    @media only screen and (max-width: 768px) {
      .btnStyle01 p {
        font-size: 1.3em; } }
    @media only screen and (max-width: 576px) {
      .btnStyle01 p {
        font-size: 1.1em; } }
    .btnStyle01 p a {
      color: #fff;
      display: inline-block;
      padding: 1em 2em;
      background: #B93130;
      border-radius: 8px;
      box-shadow: 0px 15px 10px -10px rgba(0, 0, 0, 0.3);
      border: 3px solid rgba(255, 255, 255, 0.5);
      text-decoration: none; }
      @media only screen and (max-width: 576px) {
        .btnStyle01 p a {
          padding: 1em; } }
      .btnStyle01 p a:hover {
        background: #cb3837; }
      .btnStyle01 p a::after {
        font-family: chizu;
        content: "";
        color: #fff;
        font-size: 1em;
        font-weight: bold;
        display: inline-block; }

/* footer
---------------------------------------------------------------------*/
footer {
  width: 100%;
  background: #1D52B1;
  padding: 0.5em 0; }
  footer small {
    text-align: center;
    color: #FFF;
    font-size: 0.8em; }

/* page-top
---------------------------------------------------------------------*/
#page-top {
  position: fixed;
  right: 20px; }
  @media only screen and (max-width: 768px) {
    #page-top {
      right: 5px; } }