@charset "UTF-8";
/*-----------------------
 doken mv
-------------------------*/
body {
  overflow-x: hidden; }

.doken_mv {
  padding: 56px 0 100px; }
  .doken_mv .doken_mv_inner {
    width: 830px;
    margin: auto;
    border: dotted 5px #0a429a;
    padding: 35px;
    height: 415px;
    position: relative; }
    .doken_mv .doken_mv_inner h2 {
      font-size: 3.6rem;
      font-weight: bold;
      color: #0a429a;
      text-align: center;
      letter-spacing: 0.05em;
      line-height: 1em;
      max-width: 14em;
      margin-bottom: 40px; }
      .doken_mv .doken_mv_inner h2 small {
        font-size: 1.6rem;
        font-weight: bold;
        display: block;
        color: #000; }
    .doken_mv .doken_mv_inner ul {
      margin-bottom: 30px; }
      .doken_mv .doken_mv_inner ul li {
        font-size: 1.8rem;
        font-weight: bold;
        letter-spacing: 0.05em;
        line-height: 1em;
        margin-bottom: 1em;
        position: relative;
        padding-left: 1em;
        text-shadow: 1px 1px 1px #ffffff, -1px -1px 1px #ffffff, -1px 1px 1px #ffffff, 1px -1px 1px #ffffff, 2px 2px 2px #ffffff, -2px -2px 2px #ffffff, -2px 2px 2px #ffffff, 2px -2px 2px #ffffff; }
        .doken_mv .doken_mv_inner ul li::before {
          content: "・";
          position: absolute;
          top: 0;
          left: 0; }
    .doken_mv .doken_mv_inner .doken_mv_txt1 {
      margin-bottom: 40px; }
      .doken_mv .doken_mv_inner .doken_mv_txt1 img.doken_mv_txt1_pc {
        display: block; }
      .doken_mv .doken_mv_inner .doken_mv_txt1 img.doken_mv_txt1_sp {
        display: none; }
    .doken_mv .doken_mv_inner .doken_mv_txt2 a {
      font-size: 1.8rem;
      font-weight: bold;
      color: #FFF;
      width: 360px;
      height: 52px;
      display: block;
      position: relative;
      padding: 15px 20px 0 26px;
      letter-spacing: 0.1em;
      background: #0a429a;
      margin: 0 0 0 150px; }
      .doken_mv .doken_mv_inner .doken_mv_txt2 a::before {
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
        content: "";
        background: url("../images/doken_arr.png") no-repeat;
        background-size: cover;
        width: 24px;
        height: 19px; }
    .doken_mv .doken_mv_inner .doken_mv_img1 {
      position: absolute;
      top: 8px;
      right: -64px; }
    .doken_mv .doken_mv_inner .doken_mv_img2 {
      position: absolute;
      bottom: -96px;
      left: -63px; }

@media screen and (max-width: 999px) {
  .doken_mv {
    width: 100%;
    overflow: hidden; }
    .doken_mv .doken_mv_inner {
      width: calc(100% - 30px);
      margin: auto;
      height: auto;
      padding: 15px;
      position: relative;
      z-index: 0; }
      .doken_mv .doken_mv_inner h2 {
        max-width: 14em;
        margin-bottom: 20px;
        line-height: 1.3em;
        margin-left: auto;
        margin-right: auto; }
        .doken_mv .doken_mv_inner h2 small {
          line-height: 2em; }
      .doken_mv .doken_mv_inner ul {
        max-width: 31em;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        z-index: 10; }
        .doken_mv .doken_mv_inner ul li {
          line-height: 2em; }
      .doken_mv .doken_mv_inner .doken_mv_txt1 {
        text-align: center; }
        .doken_mv .doken_mv_inner .doken_mv_txt1 img {
          height: auto;
          width: auto;
          max-width: 31em;
          margin: auto; }
          .doken_mv .doken_mv_inner .doken_mv_txt1 img.doken_mv_txt1_pc {
            display: none; }
          .doken_mv .doken_mv_inner .doken_mv_txt1 img.doken_mv_txt1_sp {
            display: block; }
      .doken_mv .doken_mv_inner .doken_mv_txt2 {
        text-align: center;
        position: relative;
        z-index: 10; }
        .doken_mv .doken_mv_inner .doken_mv_txt2 a {
          width: auto;
          max-width: 360px;
          margin: 0 auto 0 auto;
          letter-spacing: 0em; }
          .doken_mv .doken_mv_inner .doken_mv_txt2 a::before {
            right: 10px; }
      .doken_mv .doken_mv_inner .doken_mv_img1 {
        position: absolute;
        top: auto;
        right: -100px;
        bottom: 90px;
        z-index: 1;
        width: 200px;
        height: auto; }
      .doken_mv .doken_mv_inner .doken_mv_img2 {
        display: none;
        position: absolute;
        bottom: -96px;
        left: -100px;
        z-index: 1; } }
