/* CSS Document */
/* ===================================== */
/******************** ▼ TABLET  ******************** /
/* ===================================== */
@media only screen and (max-width: 820px) {
  .sub-title {
    margin-left: 2%;
  }
}
/* ==================== ▼ ACCESS ==================== */
@media only screen and (max-width: 820px) {
  .access-box-1 {
    width: 90%;
  }
  .access-04 {
    width: 31%;
    margin: 0 1% 20px;
  }
  .img-access {
    overflow: hidden; /*拡大時にはみ出た部分を隠す*/
    width: 31%; /*画像の幅*/
    height: auto; /*画像の高さ*/
  }
}
/* ==================== ▼ CONCEPT ==================== */
@media only screen and (max-width: 820px) {
  .concept-box-1, .concept-box-2 {
    width: 90%;
  }
  .concept-box-3 {
    width: 99%;
  }
  .concept-04 {
    width: 31%;
    margin: 0 1% 20px;
  }
  .concept-06 {
    width: 46%;
    margin: 0 2% 20px;
  }
}
/* ==================== ▼ Q&A ==================== */
@media screen and (max-width: 820px) {
  .accordion {
    width: 90%;
  }
}
/* ==================== ▼ NAILART MOVIE==================== */
@media only screen and (max-width: 820px) {
  .movie-area {
    width: 99%;
    margin: 0 auto;
  }
  .nail-movie {
    width: 31%;
    height: auto;
    margin: 0 1% 10px;
  }
  .movie-img {
    width: 100%;
  }
}
/* ==================== ▼ MENU ==================== */
@media screen and (max-width: 820px) {
  .menu {
    width: 90%;
  }
}
/* ==================== ▼ PROFILE ==================== */
@media only screen and (max-width: 820px) {
  .profile-box-2-inner {
    width: 80%;
    float: none;
    margin: 0 auto 20px;
  }
  .profile-06 {
    float: none;
    margin: 0 auto 20px;
    width: 70%;
  }
  .img-profile {
    overflow: hidden; /*拡大時にはみ出た部分を隠す*/
    width: 70%; /*画像の幅*/
    height: 100%; /*画像の高さ*/
  }
  .company-table {
    width: 80%;
  }
}
/* ==================== ▼  ==================== */
@media only screen and (max-width: 820px) {}
/* ==================== ▼  ==================== */
@media only screen and (max-width: 820px) {}
/* ==================== ▼  ==================== */
@media only screen and (max-width: 820px) {}
/* ==================== ▼  ==================== */
@media only screen and (max-width: 820px) {}
/* ==================== ▼  ==================== */
@media only screen and (max-width: 820px) {}
/* ==================== ▼  ==================== */
@media only screen and (max-width: 820px) {}
/* ======================================== */
/******************** ▼ SMARTPHONE ******************** /
/* ======================================== */
@media only screen and (max-width: 599px) {
  .sub-title {
    margin-left: 2%;
  }
}
/* ==================== ▼ ACCESS  ==================== */
@media only screen and (max-width: 599px) {
  .access-box-1 {
    width: 94%;
  }
  .access-03 {
    margin: 0 1% 5px 0;
    font-size: 14px;
  }
  .access-04 {
    width: 80%;
    margin: 0 auto 20px;
    float: none;
  }
  .access-05 {
    width: 80%;
  }
  .access-08 {
    width: 80%;
  }
  .img-access {
    overflow: hidden; /*拡大時にはみ出た部分を隠す*/
    width: 80%; /*画像の幅*/
    height: auto; /*画像の高さ*/
  }
}
/* ==================== ▼ CONCEPT ==================== */
@media only screen and (max-width: 599px) {
  .concept-box-1, .concept-box-2 {
    width: 94%;
  }
  .concept-04 {
    width: 80%;
    float: none;
    margin: 0 auto 20px;
  }
  .concept-06 {
    width: 80%;
    float: none;
    margin: 0 auto 20px;
  }
  .concept-07 {
    text-align: right;
    margin-bottom: 10px;
    font-size: 14px;
  }
  .img-concept {
    overflow: hidden; /*拡大時にはみ出た部分を隠す*/
    width: 80%; /*画像の幅*/
    height: 100%; /*画像の高さ*/
  }
}
/* ==================== ▼ Q&A ==================== */
@media only screen and (max-width: 599px) {
  .accordion {
    width: 96%;
  }
}
/* ==================== ▼ MENU ==================== */
@media only screen and (max-width: 599px) {
  .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 94%;
  }
  .menu-table {
    margin: 0 auto 20px;
  }
  .menu-table th {
    border-bottom: none;
    display: block;
    width: 94%;
    padding: 10px 0 5px 10px;
  }
  .menu-table td {
    display: block;
    width: 94%;
    padding: 10px 20px 5px 0;
  }
  .menu-01 {
    margin-left: 1%;
  }
}
/* ==================== ▼ PROFILE ==================== */
@media only screen and (max-width: 599px) {
  .profile-box-1 {
    width: 94%;
  }
  .profile-box-2 {
    width: 100%;
  }
  .profile-box-2-inner {
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }
  .profile-06 {
    float: none;
    width: 80%;
    margin: 0 auto 20px;
  }
  .profile-box-3 {
    width: 90%;
  }
  .profile-table th, .profile-table td {
    border-bottom: none;
    display: block;
    width: 100%;
  }
  .profile-table th {
    padding: 5px 0 0 0px;
  }
  .profile-table td {
    padding: 5px 10px 5px 10px;
    margin-bottom: 10px;
  }
  .company-table {
    width: 93%;
    margin: 0 auto;
  }
  .company-table .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 93%;
  }
  .company-table th {
    border-bottom: none;
    display: block;
    width: 93%;
  }
  .company-table td {
    margin-bottom: 5px;
    border-bottom: solid 1px #ccc;
    display: block;
    width: 93%;
  }
}
/* ==================== ▼ NAILART MOVIE==================== */
@media only screen and (max-width: 599px) {
  .nail-movie {
    width: 48%;
    height: 470px;
    margin: 0 1% 10px;
  }
  .movie-img {
    width: 100%;
  }
}
/* ==================== ▼  ==================== */
/* ==================== ▼ SITEMAP ==================== */
@media only screen and (max-width: 599px) {
  .sitemap-box {
    width: 90%;
  }
  .sitemap-1 li {
    width: 80%;
  }
  .sitemap-2 li {
    width: 80%;
  }
  .sitemap-02 {
    margin-left: 10%;
  }
  .sitemap-03 {
    margin-left: 20%;
  }
}
@media only screen and (max-width: 599px) {}
/* ==================== ▼  ==================== */
@media only screen and (max-width: 599px) {}
/* ==================== ▼  ==================== */
@media only screen and (max-width: 599px) {}
/* ==================== ▼  ==================== */
@media only screen and (max-width: 599px) {}
/* ==================== ▼  ==================== */
@media only screen and (max-width: 599px) {}