@charset "UTF-8";
blockquote, body, dd, div, dl, dt, fieldset, figure, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul {
  margin: 0;
  padding: 0; }

address, caption, cite, code, dfn, em, i, th, var {
  font-style: normal;
  font-weight: 400; }

fieldset, img, object {
  border: 0;
  vertical-align: bottom; }

img {
  font-size: 0;
  line-height: 0;
  -ms-interpolation-mode: bicubic; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th {
  text-align: left; }

ul {
  list-style-type: none; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: 400; }

q:after, q:before {
  content: ""; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

input, select, textarea {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; }

legend {
  color: #000; }

body {
  background-color: #fff;
  color: #333;
  font-family: -apple-system, BlinkMacSystemFont, ヒラギノ角ゴ ProN W3, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, Arial, verdana, sans-serif; }

html {
  font-size: 62.5%; }

body {
  font-size: 1rem; }

body * {
  line-height: 1.5; }

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -moz-font-feature-settings: "liga", "kern"; }

article, aside, audio, canvas, details, figcaption, figure, footer, header, mark, menu, nav, section, summary, time, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

article, aside, details, figcaption, figure, footer, header, menu, nav, section {
  display: block; }

@media screen and (min-width: 769px) {
  .cont__manmoshi {
    background: url(/special/manmoshi/assets/img/common/bg-snow.png) repeat-y center 0 !important;
    background-size: 100% !important; }
  .cont__manmoshi .manmoshi__main {
    max-width: 100%;
    background: url(/special/manmoshi/assets/img/checkpoint/common/main-bg.png) no-repeat top;
    position: relative; }
  .cont__manmoshi .manmoshi__main .manmoshi__container {
    position: relative; }
  .cont__manmoshi .manmoshi__main .manmoshi__main__heading .manmoshi__main__title {
    width: 572px;
    height: 98px;
    margin: 110px auto 0;
    background: url(/special/manmoshi/assets/img/checkpoint/top/main-title.png) no-repeat 0 0;
    background-size: 100%;
    overflow: hidden;
    font-size: 0;
    text-indent: 100%;
    white-space: nowrap;
    outline: none; }
  .cont__manmoshi .manmoshi__main .manmoshi__main__heading .manmoshi__main__text {
    margin-top: 15px;
    font-size: 18px;
    text-align: center;
    font-weight: 700; }
  .cont__manmoshi .manmoshi__sec1 {
    margin-top: 53px;
    background-color: white;
    max-width: 1020px;
    padding: 60px;
    margin: auto;
    border-radius: 20px; }
  .cont__manmoshi .manmoshi__sec1 .sec1__checkpoint_21 {
    margin: 0 auto;
    position: relative; }
    .cont__manmoshi .manmoshi__sec1 .sec1__checkpoint_21 .sec1__checkpoint__btn{
        position: absolute;
        width: 20%;
    }
    .cont__manmoshi .manmoshi__sec1 .sec1__checkpoint_21 .btn01{
        top: 25%;
        right: 11%;
    }
    .cont__manmoshi .manmoshi__sec1 .sec1__checkpoint_21 .btn02{
        top: 43%;
        right: 25%;
    }
    .cont__manmoshi .manmoshi__sec1 .sec1__checkpoint_21 .btn03{
        bottom: 23%;
        right: 32%;
    }
    .cont__manmoshi .manmoshi__sec1 .sec1__checkpoint_21 .btn04{
        bottom: 5%;
        right: 28%;
    }
}


@media screen and (max-width: 768px) {
  .cont__manmoshi .manmoshi__main {
    height: 109.06667vw;
    background: url(/special/manmoshi/assets/img/checkpoint/common/main-bg@2x.png) no-repeat top;
    background-size: 100%;
    position: relative; }
  .cont__manmoshi .manmoshi__main .manmoshi__container {
    position: relative; }
  .cont__manmoshi .manmoshi__main .manmoshi__main__heading .manmoshi__main__title {
    width: 80.53333vw;
    height: 18.13333vw;
    margin: 6.66667vw auto 0;
    background: url(/special/manmoshi/assets/img/checkpoint/top/main-title@2x.png) no-repeat 0 0;
    background-size: 100%;
    overflow: hidden;
    font-size: 0;
    text-indent: 100%;
    white-space: nowrap;
    outline: none; }
  .cont__manmoshi .manmoshi__main .manmoshi__main__heading .manmoshi__main__text {
    margin-top: 1.6vw;
    font-size: 3.2vw;
    text-align: center;
    font-weight: 700; }
  .cont__manmoshi .manmoshi__sec1 {
    margin-top: 3.33333vw; }
     .cont__manmoshi .manmoshi__sec1 .sec1__checkpoint_21 {
        margin: 0 auto;
         padding: 15px;
        position: relative; }
    .cont__manmoshi .manmoshi__sec1 .sec1__checkpoint_21 .sec1__checkpoint__btn{
        position: absolute;
        width: 28%;
    }
    .cont__manmoshi .manmoshi__sec1 .sec1__checkpoint_21 .btn01{
        top: 11%;
        left: 38%;
    }
    .cont__manmoshi .manmoshi__sec1 .sec1__checkpoint_21 .btn02{
        top: 41%;
        left: 13%;
    }
    .cont__manmoshi .manmoshi__sec1 .sec1__checkpoint_21 .btn03{
        top: 54%;
        left: 8%;
    }
    .cont__manmoshi .manmoshi__sec1 .sec1__checkpoint_21 .btn04{
        bottom: 8%;
        left: 8%;
    }
}