/******* setting.scss *******/
/******* mixin.scss *******/
@media screen and (max-width: 736px) {
  div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fildset, input, textarea, p, blockquote, table, th, td, address {
    font-size: 3.8vw;
    line-height: 180%; }

  .sp {
    display: inline-block !important; }

  .pc {
    display: none !important; }

  .wrapper {
    overflow: hidden; }

  img {
    width: 100%; }

  /******header******/
  header {
    background: url("../img/mvbg_sp.png") no-repeat 50% 100% #5F74F1;
    background-size: 100%; }
    header .headCont {
      background: url("../img/mv_illust_sp.png") no-repeat 50% 0;
      background-size: 100%;
      height: 215vw; }
    header .headlogo {
      top: 4.5vw;
      left: 4vw;
      width: 20vw; }
    header .headTitleArea {
      display: block;
      padding-top: 96vw;
      text-align: left; }
      header .headTitleArea .headTitleCont {
        margin: 0 auto;
        width: 88vw; }
      header .headTitleArea h1 {
        font-size: 135%;
        margin: 0 auto 6vw;
        text-align: center;
        width: 80vw; }
        header .headTitleArea h1 img {
          margin-bottom: 5px; }
      header .headTitleArea .anniversary {
        margin: 0 auto 8vw;
        width: 56vw; }

  /******footer******/
  footer {
    padding: 0 4vw; }
    footer .footCont {
      padding: 5vw 0; }
    footer .attention {
      margin-bottom: 8vw; }
      footer .attention li {
        padding-left: 2.5em; }
    footer dl {
      margin-bottom: 8vw; }
      footer dl dd {
        margin-top: 5vw; }
        footer dl dd li {
          padding-left: 1em;
          text-indent: -1em; }
    footer .snslink {
      display: flex;
      justify-content: center;
      margin-bottom: 8vw; }
      footer .snslink li {
        margin: 0 10px; }
    footer .footLogo {
      margin: 0 auto 3vw;
      text-align: center;
      max-width: 40vw; }
    footer .copyright {
      text-align: center; }

  /******landscape******/
  /******main******/
  section {
    padding: 0 4vw; }

  .h201 .secCont {
    padding: 8vw 0 4vw;
    max-width: 1312px; }
  .h201 h2 {
    margin: 0 auto 5vw;
    text-align: center; }
  .h201 .fig li {
    margin-bottom: 8vw; }

  .h202 {
    background: url("../img/bg01_sp.png") no-repeat 50% 0 #5F74F1;
    background-size: 100%;
    padding: 0; }
    .h202 .secCont {
      padding: 15vw 0 10vw; }
    .h202 h2 {
      margin: 0 auto;
      text-align: center;
      width: 92vw; }
    .h202 .fig {
      margin-bottom: 3vw; }
    .h202 .other {
      padding: 0 4vw; }

  .h203 h2,
  .h204 h2 {
    font-size: 200%;
    margin-bottom: 4vw; }
  .h203 p,
  .h204 p {
    font-size: 95%; }
  .h203 .secCont,
  .h204 .secCont {
    padding: 12vw 0 0; }
  .h203 .fig,
  .h204 .fig {
    margin-top: 8vw; }
  .h203 .figlist,
  .h204 .figlist {
    margin-top: 8vw;
    display: block; }
    .h203 .figlist li:last-child,
    .h204 .figlist li:last-child {
      margin-top: 2vw; }

  .h204 .secCont {
    padding-bottom: 15vw; }
  .h204 .figlist li:last-child {
    margin-top: 8vw; }

  .h205 {
    padding: 0; }
    .h205 .secCont {
      padding: 20vw 0 15vw; }
      .h205 .secCont:after {
        display: none; }
    .h205 h2 {
      top: 7vw;
      width: 92vw; }

  .h206 {
    padding: 0; }
    .h206 .secCont {
      padding: 12vw 0 12vw; }
    .h206 h2 {
      font-size: 170%;
      margin: 0 auto 2vw;
      position: relative;
      top: auto;
      left: auto;
      right: auto; }
    .h206 .titleArea {
      display: block;
      margin-bottom: 7vw;
      padding: 0 4vw; }
      .h206 .titleArea p {
        margin-bottom: 8vw;
        width: 100%; }
      .h206 .titleArea .fig {
        margin: 0 auto;
        width: 85%; }
    .h206 .linkArea {
      height: auto;
      margin-bottom: 15vw;
      padding: 0 4vw; }
      .h206 .linkArea:before {
        margin: 0 auto;
        top: 20vw;
        left: 25vw;
        height: 98vw;
        width: 55vw; }
      .h206 .linkArea h3 {
        margin: 0 auto 116vw;
        padding-left: 0; }
      .h206 .linkArea .link {
        width: 85vw; }
        .h206 .linkArea .link a {
          border: 2px solid #fff;
          height: 16vw;
          font-size: 100%; }
    .h206 h3 {
      margin: 0 auto 10px;
      text-align: center; }

  .h207 {
    background: #5F74F1; }
    .h207 .secCont {
      padding: 12vw 0 20vw; }
    .h207 h2 {
      font-size: 180%;
      margin: 0 auto 4vw; }
    .h207 p {
      font-size: 100%;
      font-weight: 700;
      margin-bottom: 5vw; }
    .h207 .fig {
      text-align: center; }

  .appArea {
    padding: 18vw 4vw 10vw; }
    .appArea dl {
      display: block; }
      .appArea dl dt {
        top: -26vw; }
      .appArea dl dd {
        width: 100%; }
        .appArea dl dd a {
          font-size: 110%;
          height: 16vw; }
        .appArea dl dd:last-of-type {
          margin-top: 5vw; }
          .appArea dl dd:last-of-type a {
            background-color: #F9064C; } }