@charset "UTF-8";


/*■common_MainContent■*/
#MainContent {
  clear: both;
}

#MainContent p,
#MainContent h2,
#MainContent h3,
#MainContent h4,
#MainContent ul,
#MainContent ol,
#MainContent li,
#MainContent dl,
#MainContent dt,
#MainContent dd {
  margin: 0;
  padding: 0;
  font-weight: normal;
  line-height: 1.7;
}

#MainContent ul,
#MainContent ol {
  list-style: none;
}

#MainContent p {
  padding: 0 0 40px 0;
}

#MainContent .attention {
  color: #C33;
}

#MainContent strong {
  color: #C00;
}

#MainContent em {
  font-style: normal;
  font-weight: bold;
}

#MainContent img {
  /* vertical-align:bottom; */
  border-style: none;
}

#MainContent table {
  border-collapse: collapse;
  border: #CCC solid 1px;
  width: 100%;
}

#MainContent th {
  padding: 10px;
  background-color: #dce6f1;
  text-align: center;
  border: #BBB solid 1px;
}

#MainContent td {
  padding: 10px;
  background-color: #FFF;
  text-align: center;
  border-bottom: #CCC solid 1px;
  text-align: left;
}

#MainContent caption {
  padding: 0 0 5px 0;
  text-align: left;
  font-weight: bold;
}

/*■Content■*/
#Main {
  margin: 5px auto 0;
  text-align: left;
}

#Main h2 {
  margin: 0 0 40px 0;
  clear: both;
  text-align: center;
}

#Main h3 {
  margin: 0 0 30px 0;
  clear: both;
  color: #1C89B5;
  font-size: 2.4rem;
  font-weight: 700;
  padding: 2px 15px;
  background: transparent;
  border-left: solid 10px #1C89B5;
}

#Main .list01 {
  padding: 0 0 10px 0;
  width: 70%;
  float: right;
}

#Main .list01 li {
  padding: 0 0 10px 15px;
  background: url(bg_ul01.gif) no-repeat left .5em;
}

#Main .btn {
  margin: 0 auto 30px;
  padding: 0 0 0 0;
  width: 980px;
  text-align: center;
  clear: both;
}

#Main .w650 {
  padding: 0 0 40px 0;
  width: 70%;
  float: left;
}

#Main .list02 {
  margin: 0 0 10px 0;
  float: left;
}

#Main .list02 li {
  margin: 0 0 10px 0;
  padding: 0 0 0 45px;
  width: 33%;
  float: left;
}

#Main .list02 li img,
#Main .list03 li img {
  display: block;
  margin-bottom: 5px;
}

#Main .w300 {
  width: 300px;
  float: right;
}

#Main .w300 img {
  margin: -17px 0 10px 0;
}

#Main .new_w {
  padding: 0 23px 5px 0;
  background: url(icon-newwindow.gif) no-repeat right top;
}

#Main .list03 {
  padding: 0 0 10px 0;
}

#Main .list03 li {
  padding: 0 0 10px 50px;
  width: 25%;
  float: left;
}

#Main .list04 {
  padding: 0 0 10px 0;
}

#Main .list04 li {
  padding: 0 0 10px 15px;
  background: url(bg_ul01.gif) no-repeat left .5em;
}

#Main .LSbox {
  background-color: #f5f7f9;
  border: 1px solid #CCC;
  padding: 20px;
}

#Main .LSbox dt {
  float: left;
  width: 15%;
}

#Main .LSbox dd {
  width: 85%;
  float: left;
  padding-left: 10px;
}

#Main .MinTit {
  margin: 0 0 10px;
  padding: 5px 5px 6px;
  font-weight: bold;
  font-size: 110%;
  border-top: 4px solid #478295;
  background: url(bg_dd.gif)repeat-x left bottom;
  text-align: left;
}

#Main .list05 {
  padding: 0 0 10px 0;

}

#Main .list05 li {
  margin: 0 0 0 3px;
  padding: 0 0 10px 7px;
  background: url(bg_disc.gif) no-repeat left .6em;
  text-align: left;
}

#Main .BtnBox {
  margin: 0 auto;
  padding: 0 0 10px 0;
  width: 680px;
}

#Main .fl {
  float: left;
}

#Main .fr {
  float: right;
}

.clearfix::after {content: ""; display: block; clear: both;}

@media print,
screen and (min-width: 768px) {
  #Main {
    width: 1160px;
  }

  #Main .list02 li {
    background: url(bg_arrow.gif) no-repeat 5px 50px;
  }

  #Main .list02 li:first-child {
    padding: 0;
    background-image: none;
  }

  #Main .list03 li {
    background: url(bg_arrow.gif) no-repeat 5px center;
    min-height: 240px;
  }

  #Main .list03 li:first-child {
    padding: 0;
    background-image: none;
  }
}

@media screen and (max-width: 767px) {
  #Main {
    margin: 10px 10px 0;
  }
  #Main h3 {
  font-size: 1.8rem;
}

  #Main .fl,
  #Main .fr {
    float: none;
  }

  #Main .list01 {
    float: none;
    width: 100%;
    margin-top: 20px;
  }

  #Main .BtnBox {
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
  }

  #Main .BtnBox p {
    padding-bottom: 10px;
  }

  #Main .w650 {
    float: none;
    width: 100%;
  }

  #Main .list02 {
    float: none;
  }

  #Main .list02 li {
    width: 100%;
    float: none;
    padding: 0;
  }

  #Main .list02 li img:nth-of-type(n+2) {
    margin: 0 auto 5px;
  }

  #Main .w300 {
    float: none;
    width: 100%;
    text-align: center;
  }

  #Main .list03 li {
    width: 100%;
    float: none;
    padding: 0 0 10px;
  }

  #Main .btn {
    width: 100%;
  }
}