#mainContent .mainContentInner {
  padding: 35px 0 110px; }
#mainContent h1 {
  position: relative;
  padding-bottom: 45px;
  font-size: 32px;
  font-weight: bold;
  text-align: center; }
  #mainContent h1:before {
    content: "";
    position: absolute;
    width: 100px;
    height: 3px;
    left: 50%;
    bottom: 0;
    background: #d2961e;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
  @media only screen and (min-width: 1px) and (max-width: 750px) {
    #mainContent h1 {
      font-size: 48px; }
      #mainContent h1:before {
        height: 6px; } }
#mainContent h2 {
  font-size: 24px;
  font-weight: bold;
  text-align: center; }
  @media only screen and (min-width: 1px) and (max-width: 750px) {
    #mainContent h2 {
      font-size: 40px; } }

@media only screen and (min-width: 751px), print {
  .linkWrap {
    margin-top: 50px; }
    .linkWrap:nth-child(n+2) {
      margin-top: 30px; } }
@media only screen and (min-width: 1px) and (max-width: 750px) {
  .linkWrap {
    margin-top: 55px;
    font-size: 32px; } }
.linkWrap a {
  color: #1a1a1a; }
.linkWrap > dt {
  display: flex;
  height: 40px;
  padding-left: 20px;
  font-size: 18px;
  font-weight: bold;
  align-items: center;
  background: #E7EDF4; }
  @media only screen and (min-width: 1px) and (max-width: 750px) {
    .linkWrap > dt {
      height: auto;
      padding-top: 6px;
      padding-bottom: 6px;
      min-height: 80px;
      font-size: 36px; } }
  .linkWrap > dt a {
    padding-left: 20px;
    color: #1a1a1a;
    background: url(/common/img/arw_link.png) no-repeat left center; }
    @media only screen and (min-width: 1px) and (max-width: 750px) {
      .linkWrap > dt a {
        padding-left: 40px;
        background: url(/common/img/arw_link_sp.png) no-repeat left center; } }
@media only screen and (min-width: 751px), print {
  .linkWrap > dd {
    display: flex;
    margin-top: 20px;
    padding-left: 23px;
    flex-wrap: wrap; }
    .linkWrap > dd > .linkList {
      display: flex;
      flex-wrap: wrap; }
      .linkWrap > dd > .linkList li {
        width: 315px; }
        .linkWrap > dd > .linkList li:nth-child(4n) {
          width: 225px; } }
@media only screen and (min-width: 1px) and (max-width: 750px) {
  .linkWrap > dd {
    margin-top: 30px;
    padding-left: 20px; } }
.linkWrap .detailLinkWrap dt {
  font-weight: bold; }
@media only screen and (min-width: 751px), print {
  .linkWrap .detailLinkWrap {
    width: 315px; }
    .linkWrap .detailLinkWrap:nth-child(4n) {
      width: 225px; }
    .linkWrap .detailLinkWrap dd {
      margin-top: 12px; }
    .linkWrap .detailLinkWrap.otherLink .linkList:nth-child(n+2) {
      margin-top: 35px; } }
@media only screen and (min-width: 1px) and (max-width: 750px) {
  .linkWrap .detailLinkWrap dt {
    line-height: 64px; }
  .linkWrap .detailLinkWrap:nth-child(n+2) {
    margin-top: 40px; } }
.linkWrap .linkList li a {
  line-height: 28px;
  padding-left: 20px;
  background: url(/common/img/arw_link_small.png) no-repeat 2px center; }
  @media only screen and (min-width: 1px) and (max-width: 750px) {
    .linkWrap .linkList li a {
      padding-left: 40px;
      line-height: 64px;
      background: url(/common/img/arw_link_small_sp.png) no-repeat 2px center; } }