/* Header
-------------------------------------------------------------------------- */
header {
  position: relative;
  width: 100%;
  text-align: left; }
  header p.subcatch {
    font-size: 1.1rem;
    background-color: #139CBC;
    color: #FFF;
    padding: 4px 10px 3px;
    margin: 0 -10px 12px; }
  header h1 {
    margin: 0 0 15px; }
    header h1 img {
      width: 135px; }
  header p.read {
    color: #139CBC;
    font-size: 1.2rem;
    font-weight: 700;
    margin: 0 0 20px;
    padding-top: 15px;
    border-top: 1px solid #139CBC;
    line-height: 1.3; }
  header .setup {
    position: absolute;
    box-sizing: content-box;
    top: 3px;
    right: 0px; }
    header .setup img {
      width: 20px; }

@media only screen and (min-width: 768px) {
  header p.subcatch {
    font-size: 1.2rem;
    padding: 7px 10px 6px;
    margin: 0 -10px 15px; }
  header h1 {
    margin: 0 0 50px; }
    header h1 img {
      width: 240px; }
  header p.read {
    font-size: 1.6rem;
    margin: 0 0 40px;
    padding-top: 20px; }
  header .setup {
    top: 5px;
    right: 10px; }
    header .setup img {
      width: 24px; } }
@media only screen and (min-width: 1024px) {
  header p.subcatch {
    margin: 0 0 15px; }
  header h1 {
    margin: 0 0 50px; } }
/* Main
-------------------------------------------------------------------------- */
main {
  width: 100%;
  display: block;
  text-align: left;
  font-size: 1.3rem; }

@media only screen and (min-width: 768px) {
  main {
    font-size: 1.6rem; } }
/* link
-------------------------------------------------------------------------- */
.link {
  padding: 50px 0 50px;
  text-align: left;
  border-top: solid 1px #595757; }
  .link:after {
    content: "";
    display: block;
    clear: both; }
  .link ul {
    float: left; }
    .link ul .mb15 {
      margin-bottom: 15px; }
    .link ul .bold {
      font-weight: bold; }
    .link ul li a {
      text-decoration: none;
      color: #595757; }
      .link ul li a:hover {
        text-decoration: underline; }
  .link__listbox01 {
    width: 290px; }
  .link__listbox02 {
    width: 290px; }
  .link__listbox03 {
    width: 165px; }
  .link__btnbox {
    float: right;
    width: 220px; }
  .link__btn {
    color: #595757;
    font-size: 18px;
    display: block;
    text-align: center;
    padding: 15px;
    border: solid 1px #595757;
    margin-bottom: 20px;
    text-decoration: none;
    position: relative; }
    .link__btn:before {
      content: url(../../common/img/common_icon_arrow01.png);
      position: absolute;
      display: block;
      top: 0;
      bottom: 0;
      height: 23px;
      margin: auto 0;
      left: 20px; }
  .link__sns {
    padding-right: 10px; }
    .link__sns:hover {
      opacity: .7; }

@media only screen and (max-width: 768px) {
  .link {
    display: none; } }
/* Footer
-------------------------------------------------------------------------- */
footer {
  width: 100%;
  margin: 15px 0; }
  footer .footer__copy {
    color: #999999; }

@media only screen and (min-width: 768px) {
  footer {
    margin: 50px 0 15px; } }