html {
  font-size: 62.5% !important;
}

.small {
  font-size: 12px;
}

#top_link {
  line-height: 2rem;
  padding-left: 2em;
  padding-top: 1em;
  max-width: 1040px;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex img {
  max-width: 227px;
  height: auto;
  display: block;
  margin: 0 0 0 10%;
}

@media only screen and (max-width: 769px) {
  .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.flex_reverse {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

@media only screen and (max-width: 769px) {
  .flex_reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.fnstyle {
  max-width: 1280px;
  padding: 0 6vw 140px 6vw;
}

.product-background {
  background: #f1efed;
  width: 100%;
  padding-bottom: 8rem;
}

.product-background * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.product-contents h3 {
  border-left: 6px solid #909059;
  /* padding: 0 0 6px 0; */
  margin: 2.4rem 0;
  background: #f1efed;
  padding: 0.7em 0.5em 0.5em 0.5em;
  font-size: 2.4rem;
  line-height: 1.6;
  font-weight: bold;
  color: #7D7D72;
}

@media only screen and (max-width: 480px) {
  .product-contents h3 {
    font-size: 5.3vw;
  }
}

.product-2callum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: calc(864px + 130px);
  margin: auto;
  padding-right: 130px;
}

@media only screen and (max-width: 768px) {
  .product-2callum {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding: 0;
  }
}

.product-contents {
  position: relative;
  background: #FFF;
  max-width: calc(624px + 5.4em);
  padding: 5.4em;
  width: 100%;
  height: auto;
  margin: 0 auto 1em auto;
}

@media only screen and (max-width: 1007px) {
  .product-contents {
    max-width: calc(624px + 2.4em);
    padding: 2.4em;
    width: 90%;
  }
}

.menu_background {
  background: #FFF;
}

#sub_menu * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.sticky_containr {
  min-width: 93px;
  padding-right: 2.4rem;
}

@media only screen and (max-width: 768px) {
  .sticky_containr {
    padding: 0;
  }
}

.menu__p-sp {
  display: none;
}

@media only screen and (max-width: 768px) {
  .menu__p-sp {
    display: block;
    text-align: center;
    font-weight: bold;
    color: #7D7D72;
    font-size: 1.6rem;
    border-bottom: 3px solid #7D7D72;
    padding: 0.8rem 0;
    margin: 2.4rem auto;
    width: 90%;
  }
}

ul#sub_menu {
  padding: 2.4rem 0;
  width: 100%;
  height: auto;
  margin-right: 0;
  font-size: 12px;
  line-height: 1.3em;
  margin: 0 0 0 auto;
  position: -webkit-sticky;
  position: sticky;
  top: 80px;
}

@media only screen and (max-width: 768px) {
  ul#sub_menu {
    font-size: 12px;
  }
}

ul#sub_menu br {
  display: none;
}

@media only screen and (max-width: 768px) {
  ul#sub_menu {
    padding: 0;
    width: 95%;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  ul#sub_menu br {
    display: block;
  }
}

ul#sub_menu li {
  margin: 0 auto 0.8em auto;
  width: 100%;
  min-width: 50px;
}

ul#sub_menu li.vo0 a {
  display: none;
}

@media only screen and (max-width: 768px) {
  ul#sub_menu li {
    width: 47%;
    margin: 0 auto 1.8rem auto;
  }
  ul#sub_menu li.vo1 a {
    background: url(imgs/product_top_pict01.jpg);
    background-position: top -1rem left 2rem;
  }
  ul#sub_menu li.vo2 a {
    background: url(imgs/product_top_pict02.jpg);
    background-position: top -5rem left -2rem;
  }
  ul#sub_menu li.vo3 a {
    background: url(imgs/product_top_pict03.jpg);
    background-position: top -4rem left 5rem;
  }
  ul#sub_menu li.vo4 a {
    background: url(imgs/product_top_pict04.jpg);
    background-position: top -1rem left -2rem;
    background-size: cover;
  }
  ul#sub_menu li.vo5 a {
    background: url(imgs/product_top_pict05.jpg);
    background-position: top -1rem left -9rem;
  }
  ul#sub_menu li.vo6 a {
    background: url(imgs/product_top_pict06.jpg);
    background-position: top -8rem left 3rem;
  }
  ul#sub_menu li.vo7 a {
    background: url(imgs/button_pict07.png);
    background-position: top 0 left 0;
    background-repeat: no-repeat;
    background-size: cover;
  }
  ul#sub_menu li.vo8 a {
    background: url(imgs/product_top_pict08.jpg);
    background-position: top -5rem left 2rem;
  }
  ul#sub_menu li.vo9 a {
    background: url(imgs/product_top_pict09.jpg);
    background-position: top  -20rem left 28rem;
  }
  ul#sub_menu li.vo10 a {
    background: url(imgs/product_top_pict10.png);
    background-position: top -10rem left 5rem;
  }
  ul#sub_menu li.vo11 a {
    background: url(imgs/product_top_pict11.png);
    background-position: top -17rem left 1rem;
  }
  ul#sub_menu li.vo12 a {
    background: url(imgs/product_top_pict12.png);
    background-position: top -21rem left -1rem;
  }
  ul#sub_menu li.vo13 a {
    background: url(imgs/product_top_pict13.png);
    background-position: top -6rem left 0rem;
  }
  ul#sub_menu li.vo14 a {
    background: url(imgs/product_top_pict14.png);
    background-position: top -17rem left -4rem;
  }
}

ul#sub_menu li a {
  padding-left: 2em;
  display: block;
  min-width: 50px;
  width: 100%;
  height: auto;
  padding: 0.5em;
  background: #7D7D72;
  background-position: 0px center;
  color: #FFF;
  -webkit-box-shadow: 2px 2px #666;
          box-shadow: 2px 2px #666;
}

ul#sub_menu li a:hover {
  -webkit-box-shadow: 0;
          box-shadow: 0;
  -webkit-transform: translateX(2px);
          transform: translateX(2px);
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
  opacity: 0.6;
}

@media only screen and (max-width: 768px) {
  ul#sub_menu li a {
    height: 100%;
    color: #505050;
  }
}

.pre-area1 {
  padding: 0 0 2.4rem 0;
}

.pre-area1__img {
  display: block;
  margin: auto;
}

@media only screen and (max-width: 768px) {
  .pre-area1__img {
    width: 100%;
  }
}

.pre-area1__txt {
  font-size: 1.5rem;
  line-height: 1.8;
  margin: 2em auto;
}

@media only screen and (max-width: 480px) {
  .pre-area1__txt {
    font-size: 3.6vw;
  }
}

.pre-area1 p {
  background: -webkit-gradient(linear, left top, right top, color-stop(80%, rgba(255, 255, 255, 0.808)), to(rgba(255, 255, 255, 0.26)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0.808) 80%, rgba(255, 255, 255, 0.26));
}

.pre-area1__member {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.pre-area1__person {
  margin: 1.6rem 2.6rem;
  width: calc(29% - 3.2rem);
  line-height: 1.6;
}

.pre-area1__person span {
  font-weight: bolder;
  display: block;
}

.pre-area1__person_b {
  display: block;
  border-bottom: 1px solid #CCC;
  margin-bottom: 6px;
}

.pre-area1__person_b.transet {
  min-width: 130px;
}

@media only screen and (max-width: 480px) {
  .pre-area1__person {
    margin: 1.6rem;
    width: calc(50% - 3.2rem);
  }
}

.pre-area1__person p {
  background: none;
}

.pre-area1__person img {
  max-width: 100px;
  height: auto;
  margin: 0 8px 8px 0;
}

.article {
  padding-bottom: 4.4rem;
}

.article__txt {
  font-size: 1.6rem;
  line-height: 1.8;
}

.article__txt-mb {
  margin-bottom: 2.6rem;
}

.article__img {
  width: 80%;
  height: auto;
  margin: 2.4rem auto 1.6rem auto;
  display: block;
  border-radius: 10px;
}

.article__img_mw200 {
  width: 80%;
  height: auto;
  margin: 1.6rem auto;
  display: block;
  border-radius: 10px;
  max-width: 250px;
}

.article__img_txt {
  max-width: 80%;
  margin: 0 auto 2.4rem auto;
}

@media only screen and (max-width: 769px) {
  .article__img {
    width: 100%;
    height: auto;
  }
}

.product-title {
  max-width: 648px;
  margin: auto;
  color: #7D7D72;
  font-size: 4.4rem;
  font-weight: bold;
  padding: 1.6rem 0 2.4rem 0;
  line-height: 1.3;
}

@media only screen and (max-width: 768px) {
  .product-title {
    width: 90%;
    font-size: 6vw;
  }
}

.product-title span {
  display: block;
  font-size: 2.4rem;
}

@media only screen and (max-width: 480px) {
  .product-title span {
    font-size: 4.8vw;
  }
}

.product-title_h2 {
  display: table;
  margin: 0 0 3.2rem 0;
  line-height: 1.6;
  border: 1px solid #727131;
  -webkit-box-shadow: 3px 3px #cabeb1;
          box-shadow: 3px 3px #cabeb1;
  width: 100%;
}

.product-title_number {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  /* height: 100%; */
  font-size: 14px;
  width: 15%;
  color: #FFF;
  padding: 0.8rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #727131;
}

@media only screen and (max-width: 480px) {
  .product-title_number {
    width: 20%;
  }
}

.product-title_img {
  display: table-cell;
  height: auto;
  margin: 1rem;
  width: auto;
}

@media only screen and (max-width: 480px) {
  .product-title_img {
    width: 80%;
  }
}

/*basic*/
.main_background {
  background-position: 92% 2%;
  background-repeat: no-repeat;
}

.product__sp_img {
  display: none;
}

@media only screen and (max-width: 769px) {
  .product__sp_img {
    display: block;
  }
}

.product__bnr {
  position: relative;
  display: block;
  margin: 1.6rem auto;
  color: #727131;
  border: solid 2px #727131;
  text-align: center;
  padding: 2em;
  font-size: 1.8rem;
  z-index: 0;
  font-weight: bold;
  line-height: 1.8;
  -webkit-transition: .3s;
  transition: .3s;
}

@media screen and (max-width: 400px) {
  .product__bnr {
    font-size: 3.8vw;
  }
}

.product__bnr::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  display: block;
  background: #727131;
  -webkit-transform-origin: right top;
          transform-origin: right top;
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

.product__bnr:hover {
  color: #fff;
}

.product__bnr:hover::before {
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}

.bnr {
  text-align: center;
  z-index: 10;
}

.bnr a {
  margin-bottom: 2em;
  display: block;
}

.bnr a img {
  -webkit-box-shadow: 2px 2px #ccc;
          box-shadow: 2px 2px #ccc;
}
/*# sourceMappingURL=standard_product.css.map */