@charset "utf-8";
/* CSS Document */
html {
  font-size: 100%;
}
body {
  color: #383e45;
  background-color: #e8e8e8;
}
.container {
   max-width: 680px;
   min-width: 300px;
   padding: 8px 10px;
   margin: auto;
   border: 1px solid #CCC;
   background-color: #FFF;
}
.swiper {
   margin: 0 auto 30px;
}
.tab-menu {
   border-bottom: 1px solid #CCC;
}
.tab-menu .swiper-slide {
   width: auto;
   padding: 10px 0;
}
.tab-contents {
   margin: 30px auto;
}
.swiper-slide-thumb-active {
   border-bottom: 2px solid rgb(9, 8, 53);
   color: rgb(9, 8, 53) !important;
   font-weight: bold;
}
/* ---------------------------------------------------- */
/* pc */
@media screen and (min-width: 1024px) {
  .container {
    padding: 60px 100px;
    margin: auto;
    border: 1px solid #CCC;
    background-color: #FFF;
  }

}