/* 小型デバイス(タブレット、768px 以下) */

@media (max-width: 768px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  /* header */
  a.logo_link {
    margin-top: 5.841vw;
    margin-left: 6.075vw;
    width: 23.598vw;
    height: 7.71vw;
  }
  .header1_right {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgb(0 0 0 / 80%);
    z-index: 10;
    opacity: 0;
    pointer-events: none;
    margin: 0;
  }
  .header1_right.show {
    opacity: 1;
    transition: 0.4s;
    pointer-events: auto;
  }
  img.sp_menu {
    display: block;
    width: 8.879vw;
    height: 4.206vw;
    margin-top: 5.841vw;
    margin-right: 5.841vw;
    cursor: pointer;
  }
  .h_sns_wrap {
    position: absolute;
    bottom: 40vw;
    left: 0;
    right: 0;
    width: 73.598vw;
    justify-content: center;
    border-top: 1px solid rgb(255 255 255 / 80%);
    margin: auto;
    padding-top: 9.346vw;
  }
  a.h_sns_link {
    width: 8.178vw;
    height: 8.178vw;
    margin-left: 5.14vw;
  }
  a.h_sns_link:first-child {
    margin-left: 0;
  }
  img.h_sns_img {
    display: none;
  }
  img.h_sns_img.sp {
    display: block;
  }
  ul.h_menu_ul {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0 14.019vw;
    height: 100vh;
  }
  a.h_menu_link {
    font-size: 5.607vw;
  }
  a.h_menu_link.active {
    border-bottom: 0;
  }
  li.h_menu_li {
    margin-bottom: 10.047vw;
  }
  img.sp_batu {
    display: block;
    position: absolute;
    top: 5.841vw;
    right: 5.841vw;
    cursor: pointer;
  }
  /* mv */
  h1.top_title {
    font-size: 35px;
    margin-bottom: 40px;
  }
  h1.top_title span {
    font-size: 18px;
  }
  p.top_text {
    font-size: 13px;
    font-weight: normal;
  }
  .scroll_wrap {
    display: none;
  }
  section.top_mv {
    background-image: url(../img/top/banner1_sp.png);
  }
  /* main */
  h2.h2_1 {
    font-size: 4.673vw;
    margin-bottom: 20.037vw;
  }
  section.top_main {
    width: 100%;
    background: rgb(204 204 204 / 5%);
    box-sizing: border-box;
    padding: 0 4.673vw;
    padding-top: 14.019vw;
    padding-bottom: 18.692vw;
    overflow-x: hidden;
  }
  h2.h2_1:after {
    bottom: -7.009vw;
    width: 17.523vw;
  }
  p.mc_text {
    text-align: center;
    font-size: 3.037vw;
    margin-bottom: 5.841vw;
  }
  .mc_sp_content {
    background: #fff;
    border-radius: 2.336vw;
    padding: 7.009vw 4.206vw;
    margin-bottom: 7.009vw;
    margin-top: 18.692vw;
  }
  p.mc_sp_c_text {
    padding: 2.336vw 0;
    border-left: 2px solid #0C5CA6;
    font-size: 3.037vw;
    padding-left: 4.673vw;
    margin-bottom: 1.402vw;
  }
  .mc_sp_c_prof {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 2.804vw;
    font-weight: 500;
  }
  .mc_sp_c_prof img {
    display: block;
    width: 12.383vw;
    height: 12.383vw;
    margin-left: 3.505vw;
  }
  .mc_sp_info {
    font-size: 2.57vw;
    color: #888888;
    line-height: 1.8;
    margin-bottom: 18.692vw;
  }
  .tm_wrap:first-child {
    padding-bottom: 7.009vw;
    /*margin-bottom: 16.355vw;*/
    /*border-bottom: 1px solid #B1B1B3;*/
    position: relative;
  }
  .tm_wrap:first-child:before {
    content: "";
    position: absolute;
    width: 80.374vw;
    height: 67.056vw;
    background-image: url(../img/top/neko_b.png);
    background-size: cover;
    top: 28.037vw;
    left: -35.047vw;
  }
  .tm_wrap:first-child:after {
    content: "";
    position: absolute;
    width: 80.374vw;
    height: 67.056vw;
    background-image: url(../img/top/inu_b.png);
    background-size: cover;
    top: 93.458vw;
    right: -15.421vw;
    z-index: -1;
  }
  .tm_wrap.tpad {
    padding-top: 14.019vw;
  }
  .tm_wrap:last-child .h2_1 {
    margin-bottom: 16.355vw;
  }
  .tm_wrap:last-child h2.h2_1:after {
    bottom: -4.673vw;
  }
  h3.h3_1 {
    font-size: 3.271vw;
    line-height: 1.8;
    margin-bottom: 11.682vw;
  }
  h3.h3_1.mgt {
    margin-top: 11.682vw;
  }
  img.mc_img1 {
    width: 60vw;
    display: block;
    margin: auto;
    /* margin-bottom: 10.748vw;*/
  }
  img.mc_img2 {
    width: 81.542vw;
    margin-bottom: 10.514vw;
    margin-top: 0vw;
  }
  .mc_mecha_wrap {
    display: block;
    margin-bottom: 12.143vw;
  }
  .mc_mecha_item {
    width: 80vw;
  }
  .mc_mecha_item:first-child:after {
    display: none;
  }
  .mc_mecha_item:before {
    font-size: 16px;
  }
  .mc_mecha_item {
    padding-left: 30px;
    margin-bottom: 25px;
  }
  /* voice */
  .vs_main_wrap {
    display: block;
  }
  .vc_left {
    width: 100%;
  }
  .voice_sec h2.h2_1 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 16.355vw;
  }
  section.voice_sec {
    padding: 12.85vw 0;
  }
  .voice_sec h2.h2_1:after {
    bottom: -4.673vw;
    right: 0;
  }
  p.vc_text {
    font-size: 3.271vw;
    text-align: center;
    font-weight: bold;
    margin-bottom: 14.953vw;
  }
  .vc_btn_wrap {
    display: none;
  }
  .vc_right {
    width: 87.617vw;
    margin: auto;
  }
  .vcc_item {
    width: 85.28vw;
    margin-left: 1.168vw;
    margin-right: 1.168vw;
    margin-bottom: 1.168vw;
    margin-top: 8.178vw;
    box-shadow: 0px 0px 15px 1px rgb(197 197 197 / 20%);
  }
  .vc_content_wrap {
    margin-bottom: 12.85vw;
  }
  img.vcc_img {
    width: 16.355vw;
    height: 16.355vw;
    margin-top: -8.178vw;
    margin-bottom: 5.841vw;
  }
  .vcc_name {
    font-size: 3.271vw;
    margin-bottom: 1.869vw;
  }
  .vcci_cate {
    display: none;
  }
  .vcci_country {
    font-size: 2.804vw;
    padding-left: 6.308vw;
  }
  .vcci_country:before {
    width: 4.439vw;
    height: 3.037vw;
  }
  .vcc_info_warp {
    margin-bottom: 7.009vw;
  }
  p.vcc_text {
    width: 76.402vw;
    height: 26.869vw;
    font-size: 3.037vw;
    margin-bottom: 11.682vw;
  }
  a.vcc_link {
    width: 28.505vw;
    height: 8.411vw;
    margin: auto;
    margin-bottom: 8.411vw;
    font-size: 2.804vw;
  }
  .voice_sec .dcmv_btn_wrap {
    display: flex;
  }
  .dcmv_btn {
    width: 4.907vw;
    height: 0.935vw;
    margin-right: 1.168vw;
  }
  section.more_sec {
    padding: 11.682vw 0;
    background-image: url(../img/common/b_banner_sp.png);
  }
  h2.h2_2 {
    font-size: 4.206vw;
    margin-bottom: 7.009vw;
  }
  .ms_text {
    font-size: 3.037vw;
    margin-bottom: 6.542vw;
    line-height: 1.8;
    color: #fff;
  }
  a.ms_link {
    width: 53.037vw;
    height: 8.411vw;
    font-size: 2.804vw;
  }
  /* main_virus */
  section.dog_cat_main_virus_sec h2.h2_1 {
    margin-bottom: 16.355vw;
  }
  section.dog_cat_main_virus_sec h2.h2_1:after {
    bottom: -4.673vw;
  }
  .dcmv_wrap {
    width: 100%;
    padding-bottom: 0;
  }
  section.dog_cat_main_virus_sec {
    padding: 16.355vw 0;
  }
  .dcmv_list {
    margin-bottom: 14.019vw;
  }
  .dcmv_list .slick-track {
    left: 3.5vw;
  }
  a.dcmv_item {
    width: 47.196vw;
    margin-right: 7.009vw;
    padding: 4.673vw 0 8.411vw;
    text-align: center;
    border-radius: 4.673vw;
  }
  img.dcmv_icon {
    width: 6.542vw;
    height: 6.542vw;
    margin: auto;
    margin-bottom: 3.505vw;
  }
  h3.dcmv_title {
    font-size: 6.542vw;
    margin-bottom: 2.804vw;
  }
  .dcmv_info {
    font-size: 3.271vw;
    margin-bottom: 0;
  }
  img.dcmv_link_img {
    display: none;
  }
  /* top_back */
  img.top_back {
    position: fixed;
    width: 56px;
    height: 56px;
    bottom: 20px;
    right: 20px;
    z-index: 5;
    cursor: pointer;
  }
  img.top_back.show {
    display: block;
  }
  /* footer */
  footer {
    padding: 13.551vw 0 3.972vw;
  }
  .footer_top {
    display: block;
    border: 0;
    padding: 0;
    margin-bottom: 9.346vw;
  }
  a.f_logo_link {
    width: 35.514vw;
    height: 11.449vw;
    margin: auto;
    margin-bottom: 6.542vw;
  }
  .f_sns_wrap {
    justify-content: center;
  }
  a.f_sns_link {
    width: 4.673vw;
    height: 4.673vw;
    margin-right: 2.57vw;
  }
  nav.f_menu_wrap {
    display: none;
  }
  .copy_title {
    display: block;
    font-size: 2.804vw;
    font-weight: bold;
    margin-bottom: 4.206vw;
  }
  .footer_bottom {
    display: block;
    text-align: center;
  }
  .copy.c1 {
    margin: auto;
    margin-bottom: 4.206vw;
    padding-bottom: 4.206vw;
    border-bottom: 1px solid #ABAFC7;
    width: 95.327vw;
  }
  .copy {
    font-size: 2.804vw;
  }
  .copy span .f_link {
    color: #888888;
    text-decoration: none;
  }
  .copy .f_link:hover {
    text-decoration: underline;
  }
}