/*

	boxsizing settings

**************************************************/
#bottom_nav {
  margin-top: 60px; }
  @media (max-width: 767px) {
    #bottom_nav {
      margin-top: 14.0625vw; } }

.sec p {
  font-size: 14px; }
  @media (max-width: 767px) {
    .sec p {
      font-size: 4.375vw;
      line-height: 6.875vw; } }

.sec p.mb-0.tar {
  text-align: right;
  margin-bottom: 10px; }
  @media (max-width: 767px) {
    .sec p.mb-0.tar {
      font-size: 4.375vw;
      line-height: 6.875vw;
      margin-top: 8.125vw;
      margin-bottom: 3.75vw; } }

.scroll_explain {
  position: relative;
  padding-left: 8.75vw;
  margin-bottom: 3.125vw;
  font-size: 4.375vw;
  font-weight: bold; }
  .scroll_explain:before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 6.25vw;
    height: 8.125vw;
    background: url(../img/finger.png) no-repeat left center;
    background-size: 6.25vw 8.125vw;
    content: ""; }

.frame {
  margin-bottom: 15px; }
  @media (max-width: 767px) {
    .frame {
      overflow: auto;
      width: calc(100% + 3.125vw);
      position: relative;
      box-sizing: border-box; }
      .frame table {
        white-space: nowrap;
        table-layout: auto;
        position: relative; }
        .frame table:after {
          position: absolute;
          content: '';
          top: 0;
          left: 100%;
          height: 1px;
          width: 3.125vw;
          background-color: transparent; } }