.sp{display:none}
.pc{display:block}
@media screen and (max-width:768px){
  /* =================== COMMON ==================== */
  .inner{width:90%}
  article .wrap:first-child{padding-bottom:0}
  #header{padding:10px 0;height:75px;background:#fff}
  #header .wrap:first-child{position:fixed;top:0;left:0;height:60px;margin:0;background:#4e454a;z-index:99}
  #header h1{width:40%;margin:10px 0 0 0}
  #header h1{display:none}
  #header h1.sp_main{display:inline-block}

  .h_logo{width:200px;position:absolute;top:18px;left:10px;z-index:100}
  #gNav .nav {overflow:auto;-webkit-overflow-scrolling:touch}
  .mean-nav .container{padding:0}
  .nav li:first-child::before{content:none}
  .nav li::after{content:none}
  .nav li:nth-child(even){border-right:none}
  nav li .fa{display:none}
  #pagetop{width:60px;right:0;bottom:0;font-size:14px}
  #pagetop a{width:60px;height:60px;font-size:14px}
  footer .wrap {margin-top:16rem;}
  footer .wrap{min-height:100px;background-size:auto 100%}
  #footer_name{border:none;margin:0}
  #footer_name h4{width:40%;margin:0 auto}

  img{width:100%;height:auto}
  .pc_main{display:none}
  .sp_main{display:block}
  .pc{display:none}
  .sp{display:block}
  #top article .wrap:first-child{margin-top:75px;padding-bottom:0}
  #top h3.wf-sawarabimincho object{height:1.6rem}
  .swiper-container{height:350px}
  .slider_cover{display:none}
  .swiper-slide .txt{top:50%;left:50%;width:75%;margin:0 auto;font-size:100%}
  .swiper-button-next,
  .swiper-button-prev{top:50%!important}
  .swiper-container-horizontal>.swiper-pagination-bullets,
  .swiper-pagination-custom,
  .swiper-pagination-fraction{bottom:10px!important}
  .topfirst{position:static}

  /* =================== header ==================== */
  #header{position:fixed}
  #header h1{margin-top:0;padding:0 0 0 2%}

  .topfirst{top:0}
  .top-inner{height:0;overflow:hidden;padding-top:0}
  iframe{transform-origin:50% 0}
  iframe.sp{margin-top:-177.87%;transform:scale(1.3)}
  h2{font-size:1.3rem;margin-bottom:0}
  h3{font-size:1.5rem;margin-top:0}
  h2.news_topics span{font-size:1rem}
  .news_list ul li dd{margin-left:6em}
  footer #footer_name{height:auto}
  footer #footer_name h4{font-weight:400}
  .wrap{padding-top:1rem;margin:auto}
  article .wrap:first-child{padding-top:0;margin-bottom:0}
  .headcont-container{background:0 0;height:auto}
  .cont_wrap{float:none;width:100%;margin:0}
  .cont_wrap h3{height:auto;margin:0 0 20px 0;padding:0 0 0 12px;background:#55a6ff;border-bottom:#55a6ff 1px solid;color:#fff;font-size:24px;line-height:33px}
  .cont-inner{width:100%}
  #breadcrumbs{display:none}
  .topfirst h2{margin-top:0}
  #top #float-nav{top: 80px !important;}
  #float-nav{display:block;position:fixed;width:4.5em;height:4.5em;right:18px;top:150px;z-index:50}
  #float-nav a{display:block;width:100%;height:100%;background:#c3232a;border:#fff 2px solid;border-radius:50%;text-align:center;display:grid;place-items:center;font-size:0.6rem;font-weight:bold;color:#fff}
  .sp-nav ul{display:flex;flex-wrap:wrap}
  .sp-nav li{width:calc(40% + 30px);margin:0 20px 60px 0;text-align:center}
  .sp-nav li:nth-child(2){margin-right:0}
  .sp-nav li:nth-child(3){margin-left:0;margin-bottom:0}
  .sp-nav li:last-child{margin-bottom:0}
  .top-inner{position:relative;display:block;width:100%;height:auto;overflow:hidden}
  .top-inner iframe{pointer-events:none;}
  #top .topfirst,#s02 .topfirst,#s04 .topfirst,#s03 .topfirst{margin-bottom:4rem;}
  #s02 h4.wf-sawarabimincho{font-size:1.0rem;margin-top:0}
  #s03 h4.wf-sawarabimincho,
  #s04 h4.wf-sawarabimincho{font-size:1.0rem;margin-top:0}
  #s03 h4.wf-sawarabimincho object{height:3rem;}
  #s03 .point,
  #s03 .point2{flex-wrap:wrap}
  #s03 .point li{width:100%;text-align:center}
  #s03 .point2 li{width:calc(35% + 10px);text-align:center}
  #s03 .point li:nth-child(even),
  #s03 .point2 li:nth-child(even){margin-right:0}
  #s03 .point2 li img{width:100%;height:auto}
  #s03 .point2 li:nth-child(2) img{width:95%}
  #s03 .point2 li:nth-child(3) img{width:92%}
  #s03 .point2 li:last-child img{width:117%}
  #s03 .point .wf-sawarabimincho object{
    height:6rem
}
  #s03 .point li h6{display:block;font-weight:bold;font-size:0.9rem}
  #s03 .point li dd{font-size:0.9rem}
  #s03 .point li dl dt{height:150px}
  #s03 .point li{margin-bottom:20px;text-align:center}
  #s03 .point li:nth-child(4){margin-left:15px}
  #top h3.wf-sawarabimincho{font-size:2.2rem;margin:4rem 0 1rem 0}
  .sp-nav li{width:calc(25% - 22px);margin-right:0;margin:1px;padding:10px}
  #s04 h1.wf-sawarabimincho{font-size:1.7rem;margin:4rem 0 5rem 0}
  #s03 h3.wf-sawarabimincho{font-size:2.2rem;margin-bottom:4rem}
  #s02 h3.wf-sawarabimincho{font-size:2.2rem;margin-bottom:4rem}
  h1.wf-sawarabimincho{font-size:1.0rem;margin-bottom:5rem}
  #s02 h1.wf-sawarabimincho,
  #s04 h1.wf-sawarabimincho{margin:6rem 0 5rem 0}
  #s03 h1.wf-sawarabimincho{margin:6.3rem 0 5rem 0}
  .p-last{margin-bottom:4rem}
  #s04 .sh_list li{width:calc(50% - 22px);margin-right:0;padding:10px}
  #s04 .sh_list li:nth-child(4){margin-left:0}
  #s04 .tetote img{height:auto;width:100%}
  #s04 h4.tetote{margin:3rem 0}
  .top-team-sp ul{display:flex;}
  .top-team-sp ul li{ list-style: none;margin:5px;width:calc(44% + 5px)}
  #s02 .topfirst,
#s03 .topfirst,
#s04 .topfirst,
#s05 .topfirst{
    position: relative;
    margin-bottom:4rem;
}
  #s07 h4.wf-sawarabimincho {
    font-size: 1.0rem;
    margin-top:2rem;
}
  #s07 .top-team-sp h4{text-align:left;margin-top:4rem;}
  #s07 .top-team-sp h4.last{margin-top:0}
  #s07 .top-team-sp h4.wf-sawarabimincho object{height:1rem;margin-top:1.5rem}
  
  #s02 h3.wf-sawarabimincho object{position:absolute;top:115px;
    left:50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);padding:1rem;background:#fff;height:5rem}
  #s03 h3.wf-sawarabimincho object{position:absolute;top:100px;
    left:50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);padding:1rem;background:#fff;height:5rem}
  #s04 h3.wf-sawarabimincho object{position:absolute;top:100px;
    left:50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);padding:1rem;background:#fff;height:4rem}
    #s05 h3.wf-sawarabimincho object{position:absolute;top:100px;
      left:50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);padding:1rem;background:#fff;height:5rem}
  #s07 h3.wf-sawarabimincho object{position:absolute;top:100px;
    left:50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);padding:1rem;background:#fff;height:5rem}
  #s07 h3.senpai span{font-size:1.3rem}
  #s07 .top-team{padding-top:0}
  #s07 .top-team img{padding-bottom:2rem}
  #s07 .team-navi .right{margin-bottom:3rem}
  #s07 h5{margin:1rem 0 .3rem 0;font-size:1.3rem}
  #s07 .team-navi{display:block}
  #s04 .sh_list li{width:calc(50% - 10px);margin-right:0;padding:10px;margin-bottom:2rem}
  #s04 .sh_list li:nth-child(4){margin-left:0}
  #s04 .tetote img{height:auto;width:70%}
  #s04 h4.tetote{margin:3rem 0}
  .sp_video{width:100%}

  .c4 p{
    padding:1rem;
}
#s03 h2{
  text-align: center;
  display:block;
}
#s03 .point dd ul{
  display: block;
  #s03 .point dd li{
    width: 100%;
  }
  #s03 .point dd li img{
    width: 100%;
  }
}
#s05 .c4 .lr{
  display: block;
}
#s05 .c4 .left,
#s05 .c4 .right{width: 100%;}
#top .top-inner{
  display: block;
  width:100%;
  height:auto;
  background-color: #ffffff;
}
#top .top-inner .cont_top{
  display: block;
}
#top .top-inner .cont_top:first-child{
  padding: 20% 10%;
  align-content: center;
  background-color: #b11929;
}
#top .top-inner .cont_top:nth-child(2){
  padding: 5% 3% 0 3%;
}
}

@media screen and (max-width:480px){
  .top_menu li a{font-size:16px}
  #top h3.wf-sawarabimincho{margin:3rem 0 0 0}
  .sp-nav li{width:calc(50% - 22px);margin-right:0;padding:10px}
  .sp-nav li a{font-size:.5rem;line-height:1.0rem}
  #s04 h1.wf-sawarabimincho{margin:4rem 0 5rem 0}
  #s02 h1.wf-sawarabimincho,
  #s04 h1.wf-sawarabimincho,
  #s05 h1.wf-sawarabimincho{margin:6rem 0 5rem 0}
  #s03 h1.wf-sawarabimincho{margin:6.3rem 0 5rem 0}

}