@charset "UTF-8";
/* ---------- common.css ---------- */
/* FORMのマージン指定 */
form {
  margin: 0px;
}

/* ブロック要素のマージン指定 */
div {
  margin: 0 0 0 0px;
}

/* 背景色の指定(白) */
body {
  background-color: #ffffff;
}

/* 背景色の指定(水色) */
.sb {
  background-color: #cdf0f6;
}

/* 青太文字 */
.blue {
  color: #0000ff;
  font-weight: bold;
}

/* 冊子フォーム(赤文字) */
.attn {
  color: #ff0000;
}

/* 冊子フォーム(赤小文字) */
.attn1 {
  color: #ff0000;
  font-size: 70%;
}

@media screen and (max-width: 768px) {
  .g-contents {
    margin-top: 40px;
  }
}

.g-aside .g-section-recommend {
  clear: both;
  padding-bottom: 0;
  background: #edf2f5;
  border-top: 4px solid #000;
}

@media screen and (max-width: 480px) {
  .g-aside .g-section-recommend {
    margin-bottom: 50px;
  }
}

.g-aside .g-section-recommend .g-section-recommend_ttl {
  margin: 0;
  padding: 10px 20px 0;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}

@media only screen and (max-width: 480px) {
  .g-aside .g-section-recommend .g-section-recommend_ttl {
    padding: 10px 10px 0;
  }
}

.g-aside .g-section-recommend .g-column {
  padding-top: 10px;
  margin-bottom: 0;
}

.g-aside .g-disp-pc {
  display: inherit;
}

.g-aside .g-disp-touch {
  display: none;
}

@media screen and (max-width: 768px) {
  .g-aside .g-disp-pc {
    display: none;
  }
  .g-aside .g-disp-touch {
    display: inherit;
  }
}