@charset "UTF-8";
main#md h1 {
  padding-left: 35px; }
  main#md h1::before {
    width: 23px;
    height: 20.5px;
    background-image: url(../img/md/icon_md.jpg); }
main#md.vtr1 h1, main#md.vtr2 h1, main#md.publication h1 {
  padding-left: 0; }
  main#md.vtr1 h1::before, main#md.vtr2 h1::before, main#md.publication h1::before {
    display: none; }
main#md.vtr1 p.cat_ttl, main#md.vtr2 p.cat_ttl, main#md.publication p.cat_ttl {
  padding-left: 35px; }
  main#md.vtr1 p.cat_ttl::before, main#md.vtr2 p.cat_ttl::before, main#md.publication p.cat_ttl::before {
    width: 23px;
    height: 20.5px;
    background-image: url(../img/md/icon_md.jpg); }
main#md.md section.sec2 {
  padding-bottom: 150px; }
  @media only screen and (max-width: 769px) {
    main#md.md section.sec2 {
      padding-top: 4vw;
      padding-bottom: 12vw; } }
  main#md.md section.sec2 .content1000 .linkwrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 769px) {
      main#md.md section.sec2 .content1000 .linkwrap {
        flex-wrap: wrap; } }
    main#md.md section.sec2 .content1000 .linkwrap a {
      width: 31%;
      background-color: #FFF;
      box-shadow: 0 0 12px 6px rgba(0, 0, 0, 0.08);
      box-sizing: border-box;
      border-radius: 10px;
      padding: 40px 15px;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      flex-direction: column;
      position: relative; }
      main#md.md section.sec2 .content1000 .linkwrap a::after {
        content: "";
        width: 78.5px;
        height: 13.5px;
        background-image: url(../img/common/icon_more_2.png);
        background-size: 100%;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        position: absolute;
        bottom: 25px;
        left: 50%;
        transform: translateX(-50%); }
        @media only screen and (max-width: 769px) {
          main#md.md section.sec2 .content1000 .linkwrap a::after {
            bottom: 4vw; } }
      main#md.md section.sec2 .content1000 .linkwrap a span.ttl {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex-grow: 2;
        font-weight: 600;
        color: #383838; }
      main#md.md section.sec2 .content1000 .linkwrap a span.thumbs {
        flex-grow: 0; }
      @media only screen and (max-width: 769px) {
        main#md.md section.sec2 .content1000 .linkwrap a {
          width: 48%;
          padding: 4vw 2vw 6vw;
          margin-bottom: 6vw; }
          main#md.md section.sec2 .content1000 .linkwrap a:nth-child(3) {
            width: 100%;
            margin-bottom: 0;
            padding: 6vw 2vw 8vw;
            display: block; }
            main#md.md section.sec2 .content1000 .linkwrap a:nth-child(3) span.ttl {
              display: inline-block;
              position: relative;
              padding-left: 40px; }
              main#md.md section.sec2 .content1000 .linkwrap a:nth-child(3) span.ttl::before {
                content: "";
                width: 40px;
                height: 48px;
                background-image: url(../img/md/icon_publication.png);
                background-size: 100%;
                background-position: 50% 50%;
                background-repeat: no-repeat;
                position: absolute;
                top: 50%;
                left: -10px;
                transform: translateY(-50%); }
            main#md.md section.sec2 .content1000 .linkwrap a:nth-child(3) span.thumbs {
              display: none; } }
main#md.vtr1 section.sec2, main#md.vtr2 section.sec2 {
  padding-bottom: 80px; }
  @media only screen and (max-width: 769px) {
    main#md.vtr1 section.sec2, main#md.vtr2 section.sec2 {
      padding-bottom: 6vw; } }
  main#md.vtr1 section.sec2 h2, main#md.vtr2 section.sec2 h2 {
    color: #00AC80;
    margin-bottom: 40px;
    padding-bottom: 8px;
    border-bottom: 1px solid #000;
    font-weight: 600;
    text-align: left; }
    @media only screen and (max-width: 769px) {
      main#md.vtr1 section.sec2 h2, main#md.vtr2 section.sec2 h2 {
        margin-top: -60px;
        padding-top: 60px;
        margin-bottom: 5vw;
        padding-bottom: 1vw; } }
  main#md.vtr1 section.sec2 .moviewrap, main#md.vtr2 section.sec2 .moviewrap {
    width: 100%;
    padding-bottom: 56.25%;
    height: 0px;
    position: relative; }
    main#md.vtr1 section.sec2 .moviewrap iframe, main#md.vtr2 section.sec2 .moviewrap iframe {
      width: 80%;
      height: 80%;
      position: absolute;
      top: 0;
      left: 10%; }
      @media only screen and (max-width: 769px) {
        main#md.vtr1 section.sec2 .moviewrap iframe, main#md.vtr2 section.sec2 .moviewrap iframe {
          width: 100%;
          height: 100%;
          left: 0; } }
main#md.publication section {
  text-align: left; }
  main#md.publication section h2 {
    color: #00AC80;
    padding-bottom: 8px;
    border-bottom: 1px solid #000;
    font-weight: 600;
    text-align: left; }
    @media only screen and (max-width: 769px) {
      main#md.publication section h2 {
        padding-bottom: 1vw; } }
  main#md.publication section a.fs-16,
  main#md.publication section p.fs-16 {
    display: block;
    margin-bottom: 45px; }
    @media only screen and (max-width: 769px) {
      main#md.publication section a.fs-16,
      main#md.publication section p.fs-16 {
        margin-bottom: 5vw; } }
  main#md.publication section.sec3 {
    padding-top: 30px;
    padding-bottom: 70px; }
    @media only screen and (max-width: 769px) {
      main#md.publication section.sec3 {
        padding-top: calc(30vw / 3.75);
        padding-bottom: calc(70vw / 3.75); } }
main#publication.ocsrequest section h2, main#publication.confirm section h2, main#publication.thanks section h2 {
  color: #00AC80;
  margin-bottom: 40px;
  padding-bottom: 8px;
  border-bottom: 1px solid #000;
  font-weight: 600;
  text-align: left; }
  @media only screen and (max-width: 769px) {
    main#publication.ocsrequest section h2, main#publication.confirm section h2, main#publication.thanks section h2 {
      margin-top: -60px;
      padding-top: 60px;
      margin-bottom: 5vw;
      padding-bottom: 1vw; } }
main#publication.ocsrequest section.sec2, main#publication.confirm section.sec2, main#publication.thanks section.sec2 {
  padding-bottom: 50px;
  text-align: left; }
  main#publication.ocsrequest section.sec2 p, main#publication.confirm section.sec2 p, main#publication.thanks section.sec2 p {
    margin-bottom: 25px; }
    main#publication.ocsrequest section.sec2 p:last-child, main#publication.confirm section.sec2 p:last-child, main#publication.thanks section.sec2 p:last-child {
      margin-bottom: 0; }
  main#publication.ocsrequest section.sec2 ul.asterisk, main#publication.confirm section.sec2 ul.asterisk, main#publication.thanks section.sec2 ul.asterisk {
    margin-bottom: 25px; }
    main#publication.ocsrequest section.sec2 ul.asterisk li, main#publication.confirm section.sec2 ul.asterisk li, main#publication.thanks section.sec2 ul.asterisk li {
      padding-left: 30px;
      position: relative; }
      main#publication.ocsrequest section.sec2 ul.asterisk li::before, main#publication.confirm section.sec2 ul.asterisk li::before, main#publication.thanks section.sec2 ul.asterisk li::before {
        content: "＊";
        position: absolute;
        top: 0;
        left: 0; }
  main#publication.ocsrequest section.sec2 .confirm, main#publication.confirm section.sec2 .confirm, main#publication.thanks section.sec2 .confirm {
    max-width: 45%;
    margin: 0 auto;
    background-color: #00AC80;
    padding: 12px 0;
    text-align: center;
    color: #FFF; }
    @media only screen and (max-width: 769px) {
      main#publication.ocsrequest section.sec2 .confirm, main#publication.confirm section.sec2 .confirm, main#publication.thanks section.sec2 .confirm {
        width: 70%; } }
    main#publication.ocsrequest section.sec2 .confirm label, main#publication.confirm section.sec2 .confirm label, main#publication.thanks section.sec2 .confirm label, main#publication.ocsrequest section.sec3 .formwrap .horizontal-item label {
      margin-bottom: 0; }
      main#publication.ocsrequest section.sec2 .confirm label.chk input, main#publication.confirm section.sec2 .confirm label.chk input, main#publication.thanks section.sec2 .confirm label.chk input {
        display: none; }
      main#publication.ocsrequest section.sec2 .confirm label.chk input + .chk-icon::before, main#publication.confirm section.sec2 .confirm label.chk input + .chk-icon::before, main#publication.thanks section.sec2 .confirm label.chk input + .chk-icon::before {
        content: "\f0c8";
        font-family: 'Font Awesome 5 Free';
        font-weight: 400; }
      main#publication.ocsrequest section.sec2 .confirm label.chk input:checked + .chk-icon::before, main#publication.confirm section.sec2 .confirm label.chk input:checked + .chk-icon::before, main#publication.thanks section.sec2 .confirm label.chk input:checked + .chk-icon::before {
        content: "\f14a"; }
      main#publication.ocsrequest section.sec2 .confirm label span, main#publication.confirm section.sec2 .confirm label span, main#publication.thanks section.sec2 .confirm label span {
        color: #FFF; }
main#publication.ocsrequest section.sec3, main#publication.confirm section.sec3, main#publication.thanks section.sec3 {
  padding-bottom: 65px; }
  main#publication.ocsrequest section.sec3.dropdownlist, main#publication.confirm section.sec3.dropdownlist, main#publication.thanks section.sec3.dropdownlist {
    display: none; }
  main#publication.ocsrequest section.sec3 .formwrap, main#publication.confirm section.sec3 .formwrap, main#publication.thanks section.sec3 .formwrap {
    max-width: 600px;
    margin: 0 auto;
    text-align: left; }
    main#publication.ocsrequest section.sec3 .formwrap label, main#publication.confirm section.sec3 .formwrap label, main#publication.thanks section.sec3 .formwrap label {
      display: block;
      margin-bottom: 15px; }
      main#publication.ocsrequest section.sec3 .formwrap label.chk input, main#publication.confirm section.sec3 .formwrap label.chk input, main#publication.thanks section.sec3 .formwrap label.chk input {
        display: none; }
      main#publication.ocsrequest section.sec3 .formwrap label.chk input + .chk-icon::before, main#publication.confirm section.sec3 .formwrap label.chk input + .chk-icon::before, main#publication.thanks section.sec3 .formwrap label.chk input + .chk-icon::before {
        content: "\f0c8";
        font-family: 'Font Awesome 5 Free';
        font-weight: 400; }
      main#publication.ocsrequest section.sec3 .formwrap label.chk input:checked + .chk-icon::before, main#publication.confirm section.sec3 .formwrap label.chk input:checked + .chk-icon::before, main#publication.thanks section.sec3 .formwrap label.chk input:checked + .chk-icon::before {
        content: "\f14a"; }
    main#publication.ocsrequest section.sec3 .formwrap span.mwform-checkbox-field input, main#publication.confirm section.sec3 .formwrap span.mwform-checkbox-field input, main#publication.thanks section.sec3 .formwrap span.mwform-checkbox-field input {
      display: none;
      position: relative; }
    main#publication.ocsrequest section.sec3 .formwrap span.mwform-checkbox-field .mwform-checkbox-field-text, main#publication.confirm section.sec3 .formwrap span.mwform-checkbox-field .mwform-checkbox-field-text, main#publication.thanks section.sec3 .formwrap span.mwform-checkbox-field .mwform-checkbox-field-text {
      position: relative;
      padding-left: 20px; }
    main#publication.ocsrequest section.sec3 .formwrap span.mwform-checkbox-field input + .mwform-checkbox-field-text::before, main#publication.confirm section.sec3 .formwrap span.mwform-checkbox-field input + .mwform-checkbox-field-text::before, main#publication.thanks section.sec3 .formwrap span.mwform-checkbox-field input + .mwform-checkbox-field-text::before {
      content: "\f0c8";
      font-family: 'Font Awesome 5 Free';
      font-weight: 400;
      position: absolute;
      top: 0;
      left: 0; }
    main#publication.ocsrequest section.sec3 .formwrap span.mwform-checkbox-field input:checked + .mwform-checkbox-field-text::before, main#publication.confirm section.sec3 .formwrap span.mwform-checkbox-field input:checked + .mwform-checkbox-field-text::before, main#publication.thanks section.sec3 .formwrap span.mwform-checkbox-field input:checked + .mwform-checkbox-field-text::before {
      content: "\f14a"; }
    main#publication.ocsrequest section.sec3 .formwrap dl, main#publication.confirm section.sec3 .formwrap dl, main#publication.thanks section.sec3 .formwrap dl {
      margin-bottom: 20px; }
      main#publication.ocsrequest section.sec3 .formwrap dl dt, main#publication.confirm section.sec3 .formwrap dl dt, main#publication.thanks section.sec3 .formwrap dl dt {
        margin-bottom: 15px;
        font-weight: 600; }
        main#publication.ocsrequest section.sec3 .formwrap dl dt span.required, main#publication.confirm section.sec3 .formwrap dl dt span.required, main#publication.thanks section.sec3 .formwrap dl dt span.required {
          display: inline-block;
          color: #FFF;
          padding: 1px 3px;
          background-color: #E85881;
          margin-right: 5px;
          position: relative;
          top: -3px; }
      main#publication.ocsrequest section.sec3 .formwrap dl dd, main#publication.confirm section.sec3 .formwrap dl dd, main#publication.thanks section.sec3 .formwrap dl dd {
        padding: 0;
        margin: 0; }
        main#publication.ocsrequest section.sec3 .formwrap dl dd input[type="text"],
        main#publication.ocsrequest section.sec3 .formwrap dl dd input[type="email"],
        main#publication.ocsrequest section.sec3 .formwrap dl dd input[type="tel"], main#publication.confirm section.sec3 .formwrap dl dd input[type="text"],
        main#publication.confirm section.sec3 .formwrap dl dd input[type="email"],
        main#publication.confirm section.sec3 .formwrap dl dd input[type="tel"], main#publication.thanks section.sec3 .formwrap dl dd input[type="text"],
        main#publication.thanks section.sec3 .formwrap dl dd input[type="email"],
        main#publication.thanks section.sec3 .formwrap dl dd input[type="tel"] {
          width: 100%;
          box-sizing: border-box;
          padding: 15px;
          border-radius: 8px;
          border: 1px solid #C8C8C8;
          font-size: 16px; }
          main#publication.ocsrequest section.sec3 .formwrap dl dd input[type="text"].zip,
          main#publication.ocsrequest section.sec3 .formwrap dl dd input[type="email"].zip,
          main#publication.ocsrequest section.sec3 .formwrap dl dd input[type="tel"].zip, main#publication.confirm section.sec3 .formwrap dl dd input[type="text"].zip,
          main#publication.confirm section.sec3 .formwrap dl dd input[type="email"].zip,
          main#publication.confirm section.sec3 .formwrap dl dd input[type="tel"].zip, main#publication.thanks section.sec3 .formwrap dl dd input[type="text"].zip,
          main#publication.thanks section.sec3 .formwrap dl dd input[type="email"].zip,
          main#publication.thanks section.sec3 .formwrap dl dd input[type="tel"].zip {
            width: 30%; }
        main#publication.ocsrequest section.sec3 .formwrap dl dd select, main#publication.confirm section.sec3 .formwrap dl dd select, main#publication.thanks section.sec3 .formwrap dl dd select {
          box-sizing: border-box;
          padding: 15px;
          border-radius: 8px;
          border: 1px solid #C8C8C8;
          font-size: 16px; }
    main#publication.ocsrequest section.sec3 .formwrap .btnwrap, main#publication.confirm section.sec3 .formwrap .btnwrap, main#publication.thanks section.sec3 .formwrap .btnwrap {
      padding-top: 45px;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      justify-content: center; }
      @media only screen and (max-width: 769px) {
        main#publication.ocsrequest section.sec3 .formwrap .btnwrap, main#publication.confirm section.sec3 .formwrap .btnwrap, main#publication.thanks section.sec3 .formwrap .btnwrap {
          flex-direction: column; } }
      main#publication.ocsrequest section.sec3 .formwrap .btnwrap button.submit, main#publication.confirm section.sec3 .formwrap .btnwrap button.submit, main#publication.thanks section.sec3 .formwrap .btnwrap button.submit {
        display: block;
        width: 40%;
        margin: 0 auto;
        color: #FFF;
        text-align: center;
        border: 0;
        background-color: #E85881;
        padding: 15px 0;
        margin: 0 5px; }
        @media only screen and (max-width: 769px) {
          main#publication.ocsrequest section.sec3 .formwrap .btnwrap button.submit, main#publication.confirm section.sec3 .formwrap .btnwrap button.submit, main#publication.thanks section.sec3 .formwrap .btnwrap button.submit {
            width: 60%;
            margin: 0 0 6vw; } }
      main#publication.ocsrequest section.sec3 .formwrap .btnwrap button.back, main#publication.confirm section.sec3 .formwrap .btnwrap button.back, main#publication.thanks section.sec3 .formwrap .btnwrap button.back {
        display: block;
        width: 40%;
        margin: 0 auto;
        color: #FFF;
        text-align: center;
        border: 0;
        background-color: #C8C8C8;
        padding: 15px 0;
        margin: 0 5px; }
        @media only screen and (max-width: 769px) {
          main#publication.ocsrequest section.sec3 .formwrap .btnwrap button.back, main#publication.confirm section.sec3 .formwrap .btnwrap button.back, main#publication.thanks section.sec3 .formwrap .btnwrap button.back {
            width: 60%;
            margin: 0 0 6vw; } }

.ocsrequest {
  .mwform-checkbox-field.horizontal-item {
    display: block;
    margin: 0;

    + .mwform-checkbox-field.horizontal-item {
      margin-top: .5em;
    }

    .mwform-checkbox-field-text {
      display: block;

      &::before {
        top: .25em;
      }
    }
  }
}

/*# sourceMappingURL=md.css.map */