@charset 'UTF-8';
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap&subset=japanese');

/* ----------------------------------------------------------------
    Base
----------------------------------------------------------------- */

.grid_col > a {
  color: #003a70 !important;
}

/* ----------------------------------------------------------------
    Centering Content
----------------------------------------------------------------- */
.topicpath_inner,
.f-inner,
.f-nav_inner,
.f-copyright,
.hdg-l1_inner,
.content-inner {
  margin: 0 auto;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 100px;
  max-width: 1280px;
}

@media only screen and (max-width: 1320px) {
  .topicpath_inner,
  .f-inner,
  .f-nav_inner,
  .f-copyright,
  .hdg-l1_inner,
  .content-inner {
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 100px;
  }
}

/* ----------------------------------------------------------------
    Pseudo element (Block)
----------------------------------------------------------------- */

.link::after,
.link-list > li > a::after
{
  display: block;
  content: '';
}

/* .icon-file
----------------------------------------------- */
.icon-file {
  position: relative;
  padding: 0 3px;
  vertical-align: baseline;
}

.icon-file.-pdf{
  top: 3px;
  width: 14px;
}

@media only screen and (max-width: 767px) {
  .icon-file.-pdf{
    top: 3px;
  }
}

/* ----------------------------------------------------------------
    Heading (.hdg[-*])
----------------------------------------------------------------- */
/* .hdg-l1
----------------------------------------------- */
.hdg-l1 {
  background: #f7f7f7 url(/img/download/dot_bg.png) repeat;
}

.hdg-l1.-consumer {
  background-color: #f2fff3;
}

.hdg-l1_inner {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 25px;
  padding-bottom: 25px;
}

/* .hdg-l1_inner::before {
  min-height: calc(156px - 90px);
} */

.hdg-l1_txt {
  text-align: center;
  font-weight: 400;
  font-size: 1.5rem;
}

@media only screen and (max-width: 767px) {
  .hdg-l1.-consumer .hdg-l1_inner {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .hdg-l1.-consumer .hdg-l1_inner::after {
    bottom: -35px;
    left: 20px;
    width: 119px;
    height: 61px;
    background-image: url('/common/img/content/hdg-l1_bg_ss.png');
  }
  /* .hdg-l1.-consumer .hdg-l1_txt {
    font-size: 2.8rem;
  } */
  .hdg-l1_inner {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .hdg-l1_inner::before {
    min-height: calc(97px - 20px);
  }
  .hdg-l1_txt {
    font-size: 1.0rem;
  }
}

/* .hdg-l2
----------------------------------------------- */
.hdg-l2 {
  margin: 80px 0 30px;
  color: #003a70;
  text-align: center;
  font-weight: 400;
  font-size: 1.5rem;
}

@media only screen and (max-width: 767px) {
  .hdg-l2 {
    margin: 50px 0 30px;
    font-size: 1.0rem;
  }
}

@media only screen and (max-width: 767px) {
  .uni-hdg-l2 {
    margin: 50px 0 30px;
    padding-bottom: 10px;
  }
}

/* .hdg-l3
----------------------------------------------- */
.hdg-l3{
  margin: 30px 0 20px;
  padding: 0 0 10px;
  border-bottom: 1px solid #a9b6c3;
  color: #003a70;
  font-weight: 400;
  font-size: 1.3rem;
}

@media only screen and (max-width: 767px) {
  .hdg-l3 {
    margin-top: 30px;
    font-size: 1.0rem;
  }
}

/* ----------------------------------------------------------------
    Link (.link[-*])
----------------------------------------------------------------- */
/* .link, .link-list
----------------------------------------------- */
.link,
.link-list > li > a {
  position: relative;
  display: inline-block;
  padding: 0 22px 0 0;
  text-decoration: none;
}

.link::after,
.link-list > li > a::after {
  position: absolute;
  top: calc(50% - 8px);
  right: 0;
  width: 16px;
  height: 16px;
  background: url(/img/download/link-angle.svg) no-repeat 0 0;
}

.link:hover,
.link-list > li > a:hover,
.link:active,
.link-list > li > a:active,
.link:focus,
.link-list > li > a:focus {
  text-decoration: underline;
}

/* .link-list
----------------------------------------------- */
.link-list {
  margin-top: -10px;
}

.link-list > li {
  margin: 10px 0 0;
}

.link-list > li > ul,
.link-list > li > ol {
  margin: 0 0 0 22px;
}

/* ----------------------------------------------------------------
    Grid (.grid[-*])
----------------------------------------------------------------- */
/* .grid[data-col="2"]
----------------------------------------------- */
.grid[data-col='2'] {
  margin-left: -3.125%;
}

.grid[data-col='2'] > .grid_col {
  flex-basis: calc(50% - 3.0303%);
  margin-left: 3.0303%;
}

/* .grid[data-col="3"]
----------------------------------------------- */
.grid[data-col='3'] {
  margin-left: -1.5625%;
}

.grid[data-col='3'] > .grid_col {
  flex-basis: calc(33.33333% - 1.53846%);
  margin-left: 1.53846%;
}

/* .grid
----------------------------------------------- */
.grid {
  display: flex;
  flex-wrap: wrap;
  margin-top: -30px;
  margin-bottom: 40px;
}

.grid_col {
  margin-top: 30px;
}

.grid_col > :last-child {
  margin-bottom: 0;
}

.grid.link-list,
.grid.link-list[data-col-ss] {
  margin-top: -10px;
}

.grid.link-list .grid_col,
.grid.link-list[data-col-ss] .grid_col {
  margin-top: 10px;
}

@media only screen and (max-width: 767px) {
  .grid[data-col-ss='1'] {
    flex-direction: column;
    flex-wrap: nowrap;
    margin: 0 0 30px;
  }
  .grid[data-col-ss='1'] .grid_col {
    flex: 0 0 auto;
    margin: 0 0 15px;
  }
  .grid[data-col-ss='1'] .grid_col:last-child {
    margin-bottom: 0;
  }
  .grid.link-list,
  .grid.link-list[data-col-ss] {
    margin: -10px 0 30px;
  }
  .grid.link-list .grid_col,
  .grid.link-list[data-col-ss] .grid_col {
    margin: 10px 0 0;
  }
}

@media only screen and (max-width: 942px) {
  .grid.-apply[data-col-ss='1'] {
    flex-direction: column;
    flex-wrap: nowrap;
    margin: 0 0 30px;
  }
  .grid.-apply[data-col-ss='1'] .grid_col {
    flex: 0 0 auto;
    margin: 0 0 15px;
  }
  .grid.-apply[data-col-ss='1'] .grid_col:last-child {
    margin-bottom: 0;
  }
}



/*★ここから下は郵送先が無ければ不要*/
/* .list-desc
----------------------------------------------- */
.list-desc > dt {
  position: relative;
  margin: 11px 0 5px;
  padding: 0 0 0 19px;
  font-weight: 700;
}

.list-desc > dt:first-child {
  margin-top: 0;
}

.list-desc > dt::before {
  position: absolute;
  top: 9px;
  left: 3px;
  width: 6px;
  height: 7px;
  background: #003a70;
}

.panel {
  font-size: 1rem;
}

.panel > .nav-list:first-child {
  margin-top: -10px;
}

@media only screen and (max-width: 767px) {
  .nav-list {
    margin-top: -5px;
    margin-left: -20px;
  }
  .nav-list > li {
    margin: 5px 0 0 20px;
  }
  .panel > .nav-list:first-child {
    margin-top: -5px;
  }
}

/* ----------------------------------------------------------------
    Panel (.panel[-*])
----------------------------------------------------------------- */
/* .panel
----------------------------------------------- */
.panel {
  margin: 0 0 40px;
  padding: 30px;
  background: #f1f3f5;
}

.panel > :first-child {
  margin-top: 0;
}

.panel > :last-child {
  margin-bottom: 0;
}


@media only screen and (max-width: 767px) {
  .panel {
    margin-bottom: 30px;
    padding-right: 20px;
    padding-left: 20px;
  }

}