@charset "UTF-8";
/*!  変数・関数
================================================ */
/*-----------------------------------------------
 main
-----------------------------------------------*/
h2 {
  margin-bottom: 37px; }

/*-----------------------------------------------
 keywords
-----------------------------------------------*/
h3 {
  text-align: center;
  margin-bottom: 34px; }

ul.keywords-list {
  display: flex;
  /*  justify-content: space-between;*/
  flex-wrap: wrap;
  width: 930px;
  margin: 0 auto 25px;
  padding: 0 20px; }
  ul.keywords-list li {
    font-size: 2.1rem;
    font-family: "Hiragino Mincho ProN W7", "ヒラギノ明朝 ProN W7", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #020202;
    text-decoration: underline;
    margin-right: 40px;
    margin-bottom: 26px; }
    ul.keywords-list li a {
      color: #020202; }
      ul.keywords-list li a:hover {
        font-weight: bold;
        color: #fff;
        text-shadow: 2px 2px 1px #3f77fd, -2px 2px 1px #3f77fd, 2px -2px 1px #3f77fd, -2px -2px 1px #3f77fd, 2px 0px 1px #3f77fd, 0px 2px 1px #3f77fd, -2px 0px 1px #3f77fd, 0px -2px 1px #3f77fd; }

.keywords-area {
  width: 1000px;
  margin: 0 auto 63px; }
  .keywords-area h4 {
    position: relative;
    left: 45px;
    font-size: 3.2rem;
    font-family: "Hiragino Mincho ProN W7", "ヒラギノ明朝 ProN W7", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold; }
    .keywords-area h4::before {
      position: relative;
      display: inline-block;
      content: "";
      top: 3px;
      left: 0;
      width: 29px;
      height: 30px;
      background: url("../img/keywords/icon.png") no-repeat;
      background-size: cover;
      margin-right: 13px; }
  .keywords-area .keywords-area-box {
    position: relative;
    width: 1000px;
    margin-top: 45px;
    margin-bottom: 20px;
    background-color: rgba(255, 255, 255, 0.6);
    border-right: 2px solid #4479dd;
    border-left: 2px solid #4479dd;
    box-sizing: border-box; }
    .keywords-area .keywords-area-box::before {
      position: relative;
      display: block;
      content: "";
      top: -26px;
      left: -2px;
      width: 1000px;
      height: 26px;
      background: url("../img/keywords/bg-top-pc.png") no-repeat; }
    .keywords-area .keywords-area-box::after {
      position: relative;
      display: block;
      content: "";
      bottom: -25px;
      left: -2px;
      width: 1000px;
      height: 25px;
      background: url("../img/keywords/bg-bottom-pc.png") no-repeat; }
    .keywords-area .keywords-area-box .inner {
      margin: -15px 0;
      padding: 0 50px; }
      .keywords-area .keywords-area-box .inner p {
        font-size: 1.6rem;
        color: #000;
        line-height: 1.8;
        margin-bottom: 13px; }
        .keywords-area .keywords-area-box .inner p img {
          border: 1px solid #c4c4c6; }
        .keywords-area .keywords-area-box .inner p .strong {
          font-weight: bold; }
      .keywords-area .keywords-area-box .inner p.mr50 {
        margin-right: 50px; }
      .keywords-area .keywords-area-box .inner .img-box {
        display: flex; }

@media screen and (max-width: 640px) {
  /*-----------------------------------------------
   main
  -----------------------------------------------*/
  h2 {
    margin-bottom: 10.9375vw; }

  /*-----------------------------------------------
   keywords
  -----------------------------------------------*/
  h3 {
    margin-bottom: 5.15625vw; }
    h3 img {
      width: 100%; }

  ul.keywords-list {
    width: 92.1875vw;
    margin: 0 auto 7.03125vw; }
    ul.keywords-list li {
      font-size: 4.6875vw;
      line-height: 1.6;
      margin-right: 6.25vw;
      margin-bottom: 4.6875vw; }

  .keywords-area {
    width: 92.1875vw;
    margin: 0 auto 14.0625vw; }
    .keywords-area h4 {
      width: 81.25vw;
      left: 6.25vw;
      font-size: 6.25vw; }
      .keywords-area h4::before {
        top: 0.46875vw;
        width: 6.5625vw;
        height: 6.5625vw;
        background-size: contain;
        margin-right: 2.03125vw; }
    .keywords-area .keywords-area-box {
      width: 92.1875vw;
      margin-top: 7.03125vw;
      margin-bottom: 3.125vw; }
      .keywords-area .keywords-area-box::before {
        top: -4.6875vw;
        left: -0.3125vw;
        width: 92.1875vw;
        height: 5vw;
        background: url("../img/keywords/bg-top-sp.png") no-repeat;
        background-size: cover; }
      .keywords-area .keywords-area-box::after {
        bottom: -3.90625vw;
        left: -0.3125vw;
        width: 92.1875vw;
        height: 5.3125vw;
        background: url("../img/keywords/bg-bottom-sp.png") no-repeat;
        background-size: cover; }
      .keywords-area .keywords-area-box .inner {
        margin: -2.34375vw 0;
        padding: 0 7.8125vw; }
        .keywords-area .keywords-area-box .inner p {
          font-size: 3.4375vw;
          margin-bottom: 3.75vw; }
          .keywords-area .keywords-area-box .inner p img {
            max-width: 100%; }
        .keywords-area .keywords-area-box .inner p.mr50 {
          margin-right: 4.6875vw; }
        .keywords-area .keywords-area-box .inner p .img-s {
          width: 41.25vw; }
        .keywords-area .keywords-area-box .inner p .img-l {
          width: 83.59375vw; } }