@media screen and (min-width: 769px), print {
  .stMock {
    padding-bottom: 100px;
  }
  .stMock .bBanner {
    height: 391px;
    background: url("../img/mock/banner.png") no-repeat center top/cover;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .stMock_flow {
    margin-top: 30px;
  }
  .stMock_flow_inner {
    padding: 50px;
    background: #e4f2fb;
  }
  .stMock_flow_inner_box {
    margin-bottom: 30px;
  }
  .stMock_flow_inner_box h3 {
    color: #fff;
    background: #2f7dc1;
    padding: 20px;
    font-size: 1.8rem;
    font-weight: bold;
  }
  .stMock_flow_inner_box h4 {
    color: #2f7dc1;
    background: #ececec;
    padding: 8px;
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 15px;
  }
  .stMock_flow_inner_box_txt {
    padding: 20px;
    background: #fff;
    font-size: 1.6rem;
  }
  .stMock_flow_inner_box_txt p {
    margin-bottom: 20px;
  }
  .stMock_flow_inner_box_txt a {
    margin-top: 20px;
    padding: 5px 20px;
    background: #2f7dc1;
    -moz-border-radius: 20px;
         border-radius: 20px;
    color: #fff;
    font-size: 1.6rem;
  }
  .stExamination .bBanner {
    height: 391px;
    background: url("../img/examination/banner.png") no-repeat center top/cover;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .stVoice .bBanner {
    height: 391px;
    background: url("../img/voice/banner.png") no-repeat center top/cover;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .stVoice_flow {
    margin-top: 30px;
  }
  .stVoice_flow_inner {
    padding: 50px;
    background: #e4f2fb;
  }
  .stVoice_flow_inner_box {
    margin-bottom: 30px;
    position: relative;
  }
  .stVoice_flow_inner_box h3 {
    color: #fff;
    background: #f281b3;
    padding: 20px 150px;
    font-size: 1.8rem;
    font-weight: bold;
  }
  .stVoice_flow_inner_box h4 {
    color: #fff;
    background: url("../img/voice/apple_voice.png") no-repeat center top/cover;
    padding: 8px;
    position: absolute;
    left: 15px;
    top: 25px;
    font-size: 2.6rem;
    font-weight: bold;
    margin-bottom: 15px;
    width: 115px;
    height: 111px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .stVoice_flow_inner_box h4 span {
    font-size: 1.6rem;
  }
  .stVoice_flow_inner_box_txt {
    padding: 20px 150px;
    background: #fff;
    font-size: 1.6rem;
  }
  .stVoice_flow_inner_box_txt p {
    margin-bottom: 20px;
    text-wrap: wrap;
  }
  .stVoice_flow_inner_box_txt span {
    text-wrap: wrap;
  }
  .stVoice_flow_inner_box_txt a {
    margin-top: 20px;
    padding: 5px 20px;
    background: #2f7dc1;
    -moz-border-radius: 20px;
         border-radius: 20px;
    color: #fff;
    font-size: 1.6rem;
  }
  .stVoice_flow_inner_box_txt figure {
    position: absolute;
    right: 15px;
    top: 25px;
    width: 130px;
    height: 150px;
    background: #f1f1f1;
    -moz-border-radius: 50%;
         border-radius: 50%;
    overflow: hidden;
  }
  .stVoice_flow_inner_box_txt figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

@media screen and (max-width: 768px) {
  .stMock {
    padding-bottom: 13.02083vw;
  }
  .stMock .bBanner {
    height: 91.14583vw;
    background: url("../img/mock/banner_sp.png") no-repeat center top/cover;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .stMock_flow {
    margin-top: 3.90625vw;
  }
  .stMock_flow h2 img {
    width: 78.125vw;
  }
  .stMock_flow_inner {
    padding: 3.90625vw;
    background: #e4f2fb;
  }
  .stMock_flow_inner_box {
    margin-bottom: 3.90625vw;
  }
  .stMock_flow_inner_box h3 {
    color: #fff;
    background: #2f7dc1;
    padding: 2.60417vw;
    font-size: 3.64583vw;
    font-weight: bold;
  }
  .stMock_flow_inner_box h4 {
    color: #2f7dc1;
    background: #ececec;
    padding: 1.04167vw;
    font-size: 3.64583vw;
    font-weight: bold;
    margin-bottom: 1.95313vw;
  }
  .stMock_flow_inner_box_txt {
    padding: 3.90625vw 2.60417vw;
    background: #fff;
    font-size: 3.38542vw;
  }
  .stMock_flow_inner_box_txt p {
    margin-bottom: 2.60417vw;
  }
  .stMock_flow_inner_box_txt a {
    margin-top: 2.60417vw;
    padding: 1.30208vw 2.60417vw;
    background: #2f7dc1;
    -moz-border-radius: 20px;
         border-radius: 20px;
    color: #fff;
    font-size: 3.38542vw;
  }
  .stExamination .bBanner {
    height: 91.14583vw;
    background: url("../img/examination/banner_sp.png") no-repeat center top/cover;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .stVoice .bBanner {
    height: 91.14583vw;
    background: url("../img/voice/banner_sp.png") no-repeat center top/cover;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .stVoice_flow {
    margin-top: 3.90625vw;
  }
  .stVoice_flow h2 img {
    width: 78.125vw;
  }
  .stVoice_flow_inner {
    padding: 6.51042vw;
    background: #e4f2fb;
  }
  .stVoice_flow_inner_box {
    margin-bottom: 3.90625vw;
    position: relative;
  }
  .stVoice_flow_inner_box h3 {
    color: #fff;
    background: #f281b3;
    padding: 2.60417vw 13.02083vw;
    font-size: 3.64583vw;
    font-weight: bold;
    text-align: center;
  }
  .stVoice_flow_inner_box h4 {
    color: #fff;
    background: url("../img/voice/apple_voice.png") no-repeat center top/cover;
    padding: 1.04167vw;
    -moz-background-size: contain;
         background-size: contain;
    position: absolute;
    left: -3.90625vw;
    top: 1.30208vw;
    font-size: 4.6875vw;
    font-weight: bold;
    margin-bottom: 15px;
    width: 15.625vw;
    height: 15.625vw;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .stVoice_flow_inner_box h4 span {
    font-size: 3.38542vw;
  }
  .stVoice_flow_inner_box_txt {
    padding: 2.60417vw 13.02083vw;
    background: #fff;
    font-size: 3.38542vw;
  }
  .stVoice_flow_inner_box_txt p {
    margin-bottom: 2.60417vw;
    text-wrap: wrap;
  }
  .stVoice_flow_inner_box_txt span {
    text-wrap: wrap;
  }
  .stVoice_flow_inner_box_txt figure {
    position: absolute;
    right: -3.25521vw;
    top: 3.25521vw;
    width: 16.92708vw;
    height: 19.53125vw;
    background: #f1f1f1;
    -moz-border-radius: 50%;
         border-radius: 50%;
    overflow: hidden;
  }
  .stVoice_flow_inner_box_txt figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}