/* ============================================================================================== */
/* PC Size Style                                                                                  */
/* ============================================================================================== */
@media screen and (1024px <= width) {
  main.l-main > .l-container .lcmd_separator {
    content: "";
    width: 1px;
    height: 50px;
    margin: 0 auto;
    background: #b2bdb2;
    transform: translateY(-50%);
  }
  main.l-main > .l-container .lcmd_title {
    text-align: center;
    color: #324f32;
    font-size: 30px;
    letter-spacing: normal;
  }

  #sp_menu {
    display: none;
  }

  #top_brand_logo {
    position: relative;
    z-index: 100;
  }
  #top_brand_logo img {
    width: 125px;
    position: absolute;
    top: 0;
    right: 30px;
  }

  #local_navigation_wrapper {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1000;
  }

  nav#local_navigation {
    position: absolute;
    top: 27px;
    left: 0;
  }
  nav#local_navigation > ul > li {
    font-feature-settings: "palt";
  }
  nav#local_navigation > ul > li:nth-child(n + 2) {
    margin-top: 22px;
  }
  nav#local_navigation > ul > li span {
    display: inline-block;
    height: 21px;
    background-color: rgba(255, 255, 255, 0.6);
    padding-left: 55px;
    padding-right: 11px;
    background-image: linear-gradient(to right, #97a697, #97a697);
    background-position: left 25px center;
    background-size: 20px 1px;
    background-repeat: no-repeat;
    color: #324f32;
    font-size: 14px;
    line-height: 23px;
    cursor: pointer;
    letter-spacing: normal;
  }

  #firstview {
    padding-bottom: 60px;
  }
  #firstview h1 {
    display: inline;
    pointer-events: none;
    position: relative;
    z-index: 0;
  }
  #firstview h1 img {
    width: 100%;
  }
  #firstview .product {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    margin-top: -80px;
    position: relative;
    z-index: 10;
  }
  #firstview .product .item {
    text-align: center;
  }
  #firstview .product .item .text {
    margin-top: 19px;
  }
  #firstview .product .item .text p {
    font-size: 18px;
    line-height: 24px;
    font-feature-settings: "palt";
  }
  #firstview .product .item.type_regular .image img {
    width: 420px;
  }
  #firstview .product .item.type_regular .text p {
    color: #007c36;
  }
  #firstview .product .item.type_melon {
    margin-left: 45px;
  }
  #firstview .product .item.type_melon .image img {
    width: 434px;
  }
  #firstview .product .item.type_melon .text p {
    color: #e46900;
  }
  #firstview .text {
    margin-top: 40px;
    text-align: center;
  }
  #firstview .text img {
    width: 951px;
  }

  #campaign {
    margin-top: 25px;
    padding-bottom: 80px;
  }
  #campaign > dl {
    margin-top: 5px;
    text-align: center;
  }
  #campaign > dl > dd {
    margin-top: 20px;
  }
  #campaign > dl > dd img {
    width: 600px;
  }

  #movie {
    padding-bottom: 97px;
    background: #e0f2f2;
  }
  #movie .inner {
    margin-top: 50px;
  }
  #movie .inner > dl > dt {
    text-align: center;
  }
  #movie .inner > dl > dd {
    margin-top: 50px;
    text-align: center;
  }
  #movie .inner > dl > dd img {
    width: 800px;
  }

  #concept {
    padding-bottom: 88px;
    background: #e0e4e0;
  }
  #concept .inner {
    margin-top: 50px;
  }
  #concept .inner > dl > dt {
    text-align: center;
  }
  #concept .inner > dl > dd {
    margin-top: 63px;
    position: relative;
  }
  #concept .inner > dl > dd .photo {
    width: calc(50% + 26px);
    height: 470px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
  }
  #concept .inner > dl > dd .photo > div {
    width: 100%;
    height: 100%;
    transform: translateX(-50%);
    position: absolute;
    top: 0;
    left: calc(50% - 1px);
  }
  #concept .inner > dl > dd .photo > div > div {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
  }
  #concept .inner > dl > dd .photo > div > div > div {
    height: 100%;
    background-image: url("../../images/top/concept_photo.jpg");
    background-position: right bottom;
    background-size: cover;
    background-repeat: no-repeat;
  }
  #concept .inner > dl > dd .photo > div > div > div span {
    color: #ffffff;
    font-size: 12px;
    letter-spacing: normal;
    position: absolute;
    right: 7px;
    bottom: 7px;
  }
  #concept .inner > dl > dd dl.content {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-direction: column;
    flex-direction: column;
    min-height: 470px;
    color: #324f32;
    margin-left: calc(50% + 86px);
    position: relative;
    z-index: 1;
  }
  #concept .inner > dl > dd dl.content > dt {
    font-size: 30px;
  }
  #concept .inner > dl > dd dl.content > dd:nth-of-type(1) {
    margin-top: 24px;
    font-size: 16px;
    line-height: 36px;
  }
  #concept .inner > dl > dd dl.content > dd:nth-of-type(2) {
    margin-top: auto;
    padding-top: 15px;
    font-size: 14px;
  }

  #product {
    margin-top: 75px;
  }
  #product .inner {
    margin-top: 11px;
  }
  #product .inner > dl > dt {
    text-align: center;
  }
  #product .inner > dl > dd {
    margin-top: 47px;
  }
  #product .inner > dl > dd .product {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #product .inner > dl > dd .product .item {
    width: 50%;
    overflow: hidden;
  }
  #product .inner > dl > dd .product .item .headline {
    position: relative;
    z-index: 0;
  }
  #product .inner > dl > dd .product .item .headline .bg {
    height: 480px;
    overflow: hidden;
    position: relative;
    z-index: 0;
  }
  #product .inner > dl > dd .product .item .headline .bg .bg_inner {
    height: 100%;
    position: relative;
  }
  #product .inner > dl > dd .product .item .headline .bg .bg_inner img {
    width: 100%;
    height: 100%;
    object-position: center center;
    object-fit: cover;
    pointer-events: none;
  }
  #product .inner > dl > dd .product .item .headline .bg .bg_inner .remarks {
    color: #324f32;
    font-size: 10px;
    line-height: 1;
    letter-spacing: normal;
    position: absolute;
    right: 10px;
    bottom: 7px;
    z-index: 20;
  }
  #product .inner > dl > dd .product .item .headline .text {
    box-sizing: border-box;
    width: 500px;
    padding-top: 55px;
    text-align: center;
    position: absolute;
    top: 0;
    z-index: 50;
  }
  #product .inner > dl > dd .product .item .headline .text h3 {
    font-size: 24px;
    line-height: 34px;
    font-feature-settings: "palt";
    letter-spacing: 0.33em;
  }
  #product .inner > dl > dd .product .item .headline .image {
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: 10;
  }
  #product .inner > dl > dd .product .item .headline .image img {
    width: 600px;
  }
  #product .inner > dl > dd .product .item .content {
    box-sizing: border-box;
    padding-top: 56px;
    position: relative;
    z-index: 100;
  }
  #product .inner > dl > dd .product .item .content .content_inner {
    width: 500px;
  }
  #product .inner > dl > dd .product .item .content .content_inner .explain {
    width: 420px;
    margin: 0 auto;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 500;
    color: #758291;
    font-size: 15px;
    line-height: 26px;
  }
  #product .inner > dl > dd .product .item .content .content_inner .link {
    margin-top: 27px;
    text-align: center;
  }
  #product .inner > dl > dd .product .item .content .content_inner .link a {
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: 262px;
    height: 52px;
    margin: 0 auto;
    padding-left: 22px;
    border: 1px solid #4a634a;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: bold;
    color: #4a634a;
    font-size: 18px;
    transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    position: relative;
  }
  #product .inner > dl > dd .product .item .content .content_inner .link a::before, #product .inner > dl > dd .product .item .content .content_inner .link a::after {
    content: "";
    width: 21px;
    height: 100%;
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 28px;
  }
  #product .inner > dl > dd .product .item .content .content_inner .link a::before {
    background-image: url("../../images/common/icon/icon_window.png");
    opacity: 1;
  }
  #product .inner > dl > dd .product .item .content .content_inner .link a::after {
    background-image: url("../../images/common/icon/icon_window_white.png");
    opacity: 0;
  }
  #product .inner > dl > dd .product .item .content .content_inner .link a:hover {
    background: #4a634a;
    color: #ffffff;
  }
  #product .inner > dl > dd .product .item .content .content_inner .link a:hover::before, #product .inner > dl > dd .product .item .content .content_inner .link a:hover::after {
    transform: translateX(10px);
  }
  #product .inner > dl > dd .product .item .content .content_inner .link a:hover::before {
    opacity: 0;
  }
  #product .inner > dl > dd .product .item .content .content_inner .link a:hover::after {
    opacity: 1;
  }
  #product .inner > dl > dd .product .item.type_regular .headline .text {
    padding-right: 50px;
    right: 0;
  }
  #product .inner > dl > dd .product .item.type_regular .headline .text h3 {
    color: #007c36;
  }
  #product .inner > dl > dd .product .item.type_regular .headline .image {
    right: 0;
  }
  #product .inner > dl > dd .product .item.type_regular .content {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding-right: 50px;
  }
  #product .inner > dl > dd .product .item.type_melon .headline .text {
    padding-left: 50px;
    left: 0;
  }
  #product .inner > dl > dd .product .item.type_melon .headline .text h3 {
    color: #e46900;
  }
  #product .inner > dl > dd .product .item.type_melon .headline .image {
    left: 0;
  }
  #product .inner > dl > dd .product .item.type_melon .content {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding-left: 50px;
  }
  #product .inner > dl > dd .product .search_stores_from_the_map {
    width: 100%;
    margin-top: 35px;
    text-align: center;
  }
  #product .inner > dl > dd .product .search_stores_from_the_map img {
    width: 474px;
    transition: opacity 0.4s ease;
    opacity: 1;
  }
  #product .inner > dl > dd .product .search_stores_from_the_map img:hover {
    opacity: 0.6;
  }
  #product .inner > dl > dd .features_wrapper {
    width: 980px;
    margin: 70px auto 0;
  }
  #product .inner > dl > dd .features_wrapper ul.features {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  #product .inner > dl > dd .features_wrapper ul.features li.feature:nth-child(1) .icon img {
    width: 62.85px;
  }
  #product .inner > dl > dd .features_wrapper ul.features li.feature:nth-child(2) .icon img {
    width: 53px;
  }
  #product .inner > dl > dd .features_wrapper ul.features li.feature:nth-child(3) .icon img {
    width: 64.3px;
  }
  #product .inner > dl > dd .features_wrapper ul.features li.feature .icon {
    height: 77px;
    text-align: center;
  }
  #product .inner > dl > dd .features_wrapper ul.features li.feature .icon img {
    vertical-align: bottom;
  }
  #product .inner > dl > dd .features_wrapper ul.features li.feature > dl > dt > div {
    text-align: center;
  }
  #product .inner > dl > dd .features_wrapper ul.features li.feature > dl > dt > div:nth-child(n + 2) {
    margin-top: 12px;
  }
  #product .inner > dl > dd .features_wrapper ul.features li.feature > dl > dt > div > span {
    display: inline-block;
    padding-bottom: 7px;
    background-image: linear-gradient(to right, #c9e9f3, #c6e7d1);
    background-position: bottom center;
    background-size: 100% 4px;
    background-repeat: no-repeat;
    color: #4f6074;
    font-size: 24px;
  }
  #product .inner > dl > dd .features_wrapper ul.features li.feature > dl > dd {
    margin: 20px auto 0;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 500;
    text-align: center;
    color: #758291;
    font-size: 16px;
    line-height: 26px;
  }
  #product .inner > dl > dd .features_wrapper ul.features li.feature > dl > dd > div {
    display: inline-block;
    text-align: left;
  }
  #product .inner > dl > dd .features_wrapper ul.features li.feature > dl > dd > div .mini {
    display: block;
    font-size: 12.5px;
  }
  #product .inner > dl > dd .features_wrapper .slider_arrows {
    display: none;
  }

  #tm96 {
    margin-top: 70px;
    padding-bottom: 100px;
    background: #f3f4f5;
  }
  #tm96 .inner {
    margin-top: 25px;
  }
  #tm96 .inner > dl > dt {
    text-align: center;
  }
  #tm96 .inner > dl > dd {
    margin-top: 50px;
  }
  #tm96 .inner > dl > dd .summary {
    position: relative;
  }
  #tm96 .inner > dl > dd .summary .photo {
    width: 100%;
    height: 420px;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
  }
  #tm96 .inner > dl > dd .summary .photo > div {
    width: 100%;
    min-width: 1400px;
    height: 100%;
  }
  #tm96 .inner > dl > dd .summary .photo > div > div {
    width: calc(50% + 40px);
    min-width: 740px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    overflow: hidden;
  }
  #tm96 .inner > dl > dd .summary .photo > div > div > div {
    height: 100%;
    background-image: url("../../images/top/tm96_summary_photo.jpg");
    background-position: left top;
    background-size: cover;
    background-repeat: no-repeat;
  }
  #tm96 .inner > dl > dd .summary .photo > div > div > div span {
    color: #758291;
    font-size: 12px;
    letter-spacing: normal;
    position: absolute;
    right: 16px;
    bottom: 7px;
  }
  #tm96 .inner > dl > dd .summary dl.text {
    box-sizing: border-box;
    width: 980px;
    height: 270px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
  }
  #tm96 .inner > dl > dd .summary dl.text > dt {
    padding-top: 19px;
  }
  #tm96 .inner > dl > dd .summary dl.text > dt span {
    display: block;
    color: #4f6074;
  }
  #tm96 .inner > dl > dd .summary dl.text > dt span:nth-child(1) {
    font-size: 20px;
  }
  #tm96 .inner > dl > dd .summary dl.text > dt span:nth-child(2) {
    margin-top: 14px;
    font-size: 26px;
  }
  #tm96 .inner > dl > dd .summary dl.text > dd {
    margin-top: 30px;
    color: #758291;
    font-size: 16px;
    line-height: 32px;
  }
  #tm96 .inner > dl > dd .histories_wrapper {
    width: 980px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    border-bottom: 1px solid #758291;
  }
  #tm96 .inner > dl > dd .histories_wrapper ul.histories {
    padding: 90px 0 80px;
  }
  #tm96 .inner > dl > dd .histories_wrapper ul.histories li.history {
    display: -webkit-flex;
    display: flex;
  }
  #tm96 .inner > dl > dd .histories_wrapper ul.histories li.history .photo {
    width: 230px;
    height: 230px;
    overflow: hidden;
  }
  #tm96 .inner > dl > dd .histories_wrapper ul.histories li.history dl.text > dt {
    color: #4f6074;
    font-size: 24px;
  }
  #tm96 .inner > dl > dd .histories_wrapper ul.histories li.history dl.text > dd {
    margin-top: 15px;
    color: #758291;
    font-size: 16px;
    line-height: 32px;
  }
  #tm96 .inner > dl > dd .histories_wrapper ul.histories li.history:nth-of-type(1) {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  #tm96 .inner > dl > dd .histories_wrapper ul.histories li.history:nth-of-type(1) dl.text {
    width: 514px;
    margin-left: 43px;
  }
  #tm96 .inner > dl > dd .histories_wrapper ul.histories li.history:nth-of-type(2) {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin-top: 88px;
  }
  #tm96 .inner > dl > dd .histories_wrapper ul.histories li.history:nth-of-type(2) dl.text {
    width: 563px;
    margin-right: 50px;
    -webkit-order: -1;
    order: -1;
  }
  #tm96 .inner > dl > dd .histories_wrapper ul.histories li.history:nth-of-type(3) {
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 105px;
  }
  #tm96 .inner > dl > dd .histories_wrapper ul.histories li.history:nth-of-type(3) .photo {
    border-radius: 230px;
  }
  #tm96 .inner > dl > dd .histories_wrapper ul.histories li.history:nth-of-type(3) .photo img {
    width: 100%;
  }
  #tm96 .inner > dl > dd .histories_wrapper ul.histories li.history:nth-of-type(3) dl.text {
    width: 514px;
    margin-left: 54px;
  }
  #tm96 .inner > dl > dd .histories_wrapper .slider_arrows {
    display: none;
  }

  #tokachi {
    position: relative;
  }
  #tokachi .lcmd_separator {
    position: absolute;
    top: 0;
    left: 50%;
  }
  #tokachi .inner > dl.headline {
    padding: 85px 0 58px;
    background: #ccad90;
  }
  #tokachi .inner > dl.headline > dt {
    text-align: center;
  }
  #tokachi .inner > dl.headline > dd {
    margin-top: 50px;
    position: relative;
  }
  #tokachi .inner > dl.headline > dd .photo {
    width: 100%;
    height: 470px;
    overflow: hidden;
  }
  #tokachi .inner > dl.headline > dd .photo > div {
    width: 100%;
    min-width: 1400px;
    height: 100%;
    transform: translateX(-50%);
    position: absolute;
    top: 0;
    left: calc(50% - 1px);
  }
  #tokachi .inner > dl.headline > dd .photo > div > div {
    width: calc(50% + 26px);
    min-width: 726px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    overflow: hidden;
  }
  #tokachi .inner > dl.headline > dd .photo > div > div > div {
    height: 100%;
    background-image: url("../../images/top/tokachi_headline_photo.jpg");
    background-position: left center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  #tokachi .inner > dl.headline > dd .photo > div > div > div span {
    color: #ffffff;
    font-size: 12px;
    letter-spacing: normal;
    position: absolute;
    right: 7px;
    bottom: 7px;
  }
  #tokachi .inner > dl.headline > dd dl.content {
    color: #ffffff;
    position: absolute;
    top: 0;
    left: calc(50% + 90px);
    z-index: 1;
  }
  #tokachi .inner > dl.headline > dd dl.content > dt {
    font-size: 30px;
    line-height: 51px;
  }
  #tokachi .inner > dl.headline > dd dl.content > dd {
    margin-top: 15px;
    font-size: 16px;
    line-height: 36px;
  }
  #tokachi .inner > ul.points {
    padding: 34px 30px 0;
  }
  #tokachi .inner > ul.points > li.point {
    width: 100%;
    height: 420px;
    overflow: hidden;
    position: relative;
  }
  #tokachi .inner > ul.points > li.point:nth-of-type(n + 2) {
    margin-top: 30px;
  }
  #tokachi .inner > ul.points > li.point .bg {
    width: 100%;
    min-width: 1400px;
    height: 100%;
    transform: translateX(-50%);
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 0;
  }
  #tokachi .inner > ul.points > li.point .bg > div {
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  #tokachi .inner > ul.points > li.point .bg > div span {
    color: #ffffff;
    font-size: 12px;
    letter-spacing: normal;
    position: absolute;
    right: calc(50% - 50vw + 60px);
    bottom: 7px;
  }
  #tokachi .inner > ul.points > li.point:nth-of-type(1) .bg > div {
    background-image: url("../../images/top/tokachi_bg_01.jpg");
  }
  #tokachi .inner > ul.points > li.point:nth-of-type(2) .bg > div {
    background-image: url("../../images/top/tokachi_bg_02.jpg");
  }
  #tokachi .inner > ul.points > li.point .content {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: calc(100% - 100px);
    height: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
  }
  #tokachi .inner > ul.points > li.point .content > dl {
    box-sizing: border-box;
    width: 585px;
    padding: 32px 43px 32px 47px;
    background-color: rgba(0, 0, 0, 0.5);
    color: #ffffff;
  }
  #tokachi .inner > ul.points > li.point .content > dl > dt {
    font-size: 24px;
  }
  #tokachi .inner > ul.points > li.point .content > dl > dd {
    margin-top: 14px;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
  }
  #tokachi .inner > ul.points > li.point:nth-of-type(2) .content dl {
    margin-left: auto;
  }
  #tokachi .inner > .project {
    margin-top: 82px;
  }
  #tokachi .inner > .project > dl {
    box-sizing: border-box;
    width: 980px;
    height: 290px;
    margin: 0 auto;
    padding-top: 55px;
    padding-left: 64px;
    background: #eaecee;
    position: relative;
  }
  #tokachi .inner > .project > dl > dt {
    color: #4f6074;
    font-size: 24px;
  }
  #tokachi .inner > .project > dl > dd {
    margin-top: 15px;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 500;
  }
  #tokachi .inner > .project > dl > dd .explain {
    width: 525px;
    color: #758291;
    font-size: 16px;
    line-height: 26px;
  }
  #tokachi .inner > .project > dl > dd .annotation {
    margin-top: 17px;
    color: #758291;
    font-size: 14px;
    line-height: 22px;
  }
  #tokachi .inner > .project > dl > dd .logo {
    position: absolute;
    top: -33px;
    right: 62px;
  }
  #tokachi .inner > .project > dl > dd .logo img {
    width: 266px;
    border: 1px solid #025e3c;
  }

  #goto_top {
    box-sizing: border-box;
    height: 100px;
    padding-top: 33px;
    text-align: center;
  }
  #goto_top > span {
    display: inline-block;
    width: 28px;
    padding-top: 21px;
    color: #4a634a;
    background-image: url("../../images/common/icon/icon_goto_top.svg");
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: normal;
    cursor: pointer;
  }
}
/* ============================================================================================== */
/* Tablet Size Style                                                                              */
/* ============================================================================================== */
@media screen and (768px < width < 1024px) {
  main.l-main > .l-container .lcmd_separator {
    content: "";
    width: 0.0833333333vw;
    height: 4.1666666667vw;
    margin: 0 auto;
    background: #b2bdb2;
    transform: translateY(-50%);
  }
  main.l-main > .l-container .lcmd_title {
    text-align: center;
    color: #324f32;
    font-size: 2.5vw;
    letter-spacing: normal;
  }

  #sp_menu {
    display: none;
  }

  #top_brand_logo {
    position: relative;
    z-index: 100;
  }
  #top_brand_logo img {
    width: 10.4166666667vw;
    position: absolute;
    top: 0;
    right: 2.5vw;
  }

  #local_navigation_wrapper {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1000;
  }

  nav#local_navigation {
    position: absolute;
    top: 2.25vw;
    left: 0;
  }
  nav#local_navigation > ul > li {
    font-feature-settings: "palt";
  }
  nav#local_navigation > ul > li:nth-child(n + 2) {
    margin-top: 1.8333333333vw;
  }
  nav#local_navigation > ul > li span {
    display: inline-block;
    height: 1.75vw;
    background-color: rgba(255, 255, 255, 0.6);
    padding-left: 4.5833333333vw;
    padding-right: 0.9166666667vw;
    background-image: linear-gradient(to right, #97a697, #97a697);
    background-position: left 2.0833333333vw center;
    background-size: 1.6666666667vw 0.0833333333vw;
    background-repeat: no-repeat;
    color: #324f32;
    font-size: 1.1666666667vw;
    line-height: 1.9166666667vw;
    cursor: pointer;
    letter-spacing: normal;
  }

  #firstview {
    padding-bottom: 5vw;
  }
  #firstview h1 {
    display: inline;
    pointer-events: none;
    position: relative;
    z-index: 0;
  }
  #firstview h1 img {
    width: 100%;
  }
  #firstview .product {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    margin-top: -6.6666666667vw;
    position: relative;
    z-index: 10;
  }
  #firstview .product .item {
    text-align: center;
  }
  #firstview .product .item .text {
    margin-top: 1.5833333333vw;
  }
  #firstview .product .item .text p {
    font-size: 1.5vw;
    line-height: 2vw;
    font-feature-settings: "palt";
  }
  #firstview .product .item.type_regular .image img {
    width: 35vw;
  }
  #firstview .product .item.type_regular .text p {
    color: #007c36;
  }
  #firstview .product .item.type_melon {
    margin-left: 3.75vw;
  }
  #firstview .product .item.type_melon .image img {
    width: 36.1666666667vw;
  }
  #firstview .product .item.type_melon .text p {
    color: #e46900;
  }
  #firstview .text {
    margin-top: 3.3333333333vw;
    text-align: center;
  }
  #firstview .text img {
    width: 79.25vw;
  }

  #campaign {
    margin-top: 2.0833333333vw;
    padding-bottom: 6.6666666667vw;
  }
  #campaign > dl {
    margin-top: 0.4166666667vw;
    text-align: center;
  }
  #campaign > dl > dd {
    margin-top: 1.6666666667vw;
  }
  #campaign > dl > dd img {
    width: 50vw;
  }

  #movie {
    padding-bottom: 8.0833333333vw;
    background: #e0f2f2;
  }
  #movie .inner {
    margin-top: 4.1666666667vw;
  }
  #movie .inner > dl > dt {
    text-align: center;
  }
  #movie .inner > dl > dd {
    margin-top: 4.1666666667vw;
    text-align: center;
  }
  #movie .inner > dl > dd img {
    width: 66.6666666667vw;
  }

  #concept {
    padding-bottom: 7.3333333333vw;
    background: #e0e4e0;
  }
  #concept .inner {
    margin-top: 4.1666666667vw;
  }
  #concept .inner > dl > dt {
    text-align: center;
  }
  #concept .inner > dl > dd {
    margin-top: 5.25vw;
    position: relative;
  }
  #concept .inner > dl > dd .photo {
    width: calc(50% + 2.1666666667vw);
    height: 39.1666666667vw;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
  }
  #concept .inner > dl > dd .photo > div {
    width: 100%;
    height: 100%;
    transform: translateX(-50%);
    position: absolute;
    top: 0;
    left: calc(50% - 1px);
  }
  #concept .inner > dl > dd .photo > div > div {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
  }
  #concept .inner > dl > dd .photo > div > div > div {
    height: 100%;
    background-image: url("../../images/top/concept_photo.jpg");
    background-position: right bottom;
    background-size: cover;
    background-repeat: no-repeat;
  }
  #concept .inner > dl > dd .photo > div > div > div span {
    color: #ffffff;
    font-size: 1vw;
    letter-spacing: normal;
    position: absolute;
    right: 0.5833333333vw;
    bottom: 0.5833333333vw;
  }
  #concept .inner > dl > dd dl.content {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-direction: column;
    flex-direction: column;
    min-height: 39.1666666667vw;
    color: #324f32;
    margin-left: calc(50% + 7.1666666667vw);
    position: relative;
    z-index: 1;
  }
  #concept .inner > dl > dd dl.content > dt {
    font-size: 2.5vw;
  }
  #concept .inner > dl > dd dl.content > dd:nth-of-type(1) {
    margin-top: 2vw;
    font-size: 1.3333333333vw;
    line-height: 3vw;
  }
  #concept .inner > dl > dd dl.content > dd:nth-of-type(2) {
    margin-top: auto;
    padding-top: 1.25vw;
    font-size: 1.1666666667vw;
  }

  #product {
    margin-top: 6.25vw;
  }
  #product .inner {
    margin-top: 0.9166666667vw;
  }
  #product .inner > dl > dt {
    text-align: center;
  }
  #product .inner > dl > dd {
    margin-top: 3.9166666667vw;
  }
  #product .inner > dl > dd .product {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #product .inner > dl > dd .product .item {
    width: 50%;
    overflow: hidden;
  }
  #product .inner > dl > dd .product .item .headline {
    position: relative;
    z-index: 0;
  }
  #product .inner > dl > dd .product .item .headline .bg {
    height: 40vw;
    overflow: hidden;
    position: relative;
    z-index: 0;
  }
  #product .inner > dl > dd .product .item .headline .bg .bg_inner {
    height: 100%;
    position: relative;
  }
  #product .inner > dl > dd .product .item .headline .bg .bg_inner img {
    width: 100%;
    height: 100%;
    object-position: center center;
    object-fit: cover;
    pointer-events: none;
  }
  #product .inner > dl > dd .product .item .headline .bg .bg_inner .remarks {
    color: #324f32;
    font-size: 0.8333333333vw;
    line-height: 1;
    letter-spacing: normal;
    position: absolute;
    right: 0.8333333333vw;
    bottom: 0.5833333333vw;
    z-index: 20;
  }
  #product .inner > dl > dd .product .item .headline .text {
    box-sizing: border-box;
    width: 41.6666666667vw;
    padding-top: 4.5833333333vw;
    text-align: center;
    position: absolute;
    top: 0;
    z-index: 50;
  }
  #product .inner > dl > dd .product .item .headline .text h3 {
    font-size: 2vw;
    line-height: 2.8333333333vw;
    font-feature-settings: "palt";
    letter-spacing: 0.33em;
  }
  #product .inner > dl > dd .product .item .headline .image {
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: 10;
  }
  #product .inner > dl > dd .product .item .headline .image img {
    width: 50vw;
  }
  #product .inner > dl > dd .product .item .content {
    box-sizing: border-box;
    padding-top: 4.6666666667vw;
    position: relative;
    z-index: 100;
  }
  #product .inner > dl > dd .product .item .content .content_inner {
    width: 41.6666666667vw;
  }
  #product .inner > dl > dd .product .item .content .content_inner .explain {
    width: 35vw;
    margin: 0 auto;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 500;
    color: #758291;
    font-size: 1.25vw;
    line-height: 2.1666666667vw;
  }
  #product .inner > dl > dd .product .item .content .content_inner .link {
    margin-top: 2.25vw;
    text-align: center;
  }
  #product .inner > dl > dd .product .item .content .content_inner .link a {
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: 21.8333333333vw;
    height: 4.3333333333vw;
    margin: 0 auto;
    padding-left: 1.8333333333vw;
    border: 1px solid #4a634a;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: bold;
    color: #4a634a;
    font-size: 1.5vw;
    transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    position: relative;
  }
  #product .inner > dl > dd .product .item .content .content_inner .link a::before, #product .inner > dl > dd .product .item .content .content_inner .link a::after {
    content: "";
    width: 1.75vw;
    height: 100%;
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 2.3333333333vw;
  }
  #product .inner > dl > dd .product .item .content .content_inner .link a::before {
    background-image: url("../../images/common/icon/icon_window.png");
    opacity: 1;
  }
  #product .inner > dl > dd .product .item .content .content_inner .link a::after {
    background-image: url("../../images/common/icon/icon_window_white.png");
    opacity: 0;
  }
  #product .inner > dl > dd .product .item .content .content_inner .link a:hover {
    background: #4a634a;
    color: #ffffff;
  }
  #product .inner > dl > dd .product .item .content .content_inner .link a:hover::before, #product .inner > dl > dd .product .item .content .content_inner .link a:hover::after {
    transform: translateX(0.8333333333vw);
  }
  #product .inner > dl > dd .product .item .content .content_inner .link a:hover::before {
    opacity: 0;
  }
  #product .inner > dl > dd .product .item .content .content_inner .link a:hover::after {
    opacity: 1;
  }
  #product .inner > dl > dd .product .item.type_regular .headline .text {
    padding-right: 4.1666666667vw;
    right: 0;
  }
  #product .inner > dl > dd .product .item.type_regular .headline .text h3 {
    color: #007c36;
  }
  #product .inner > dl > dd .product .item.type_regular .headline .image {
    right: 0;
  }
  #product .inner > dl > dd .product .item.type_regular .content {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding-right: 4.1666666667vw;
  }
  #product .inner > dl > dd .product .item.type_melon .headline .text {
    padding-left: 4.1666666667vw;
    left: 0;
  }
  #product .inner > dl > dd .product .item.type_melon .headline .text h3 {
    color: #e46900;
  }
  #product .inner > dl > dd .product .item.type_melon .headline .image {
    left: 0;
  }
  #product .inner > dl > dd .product .item.type_melon .content {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding-left: 4.1666666667vw;
  }
  #product .inner > dl > dd .product .search_stores_from_the_map {
    width: 100%;
    margin-top: 2.9166666667vw;
    text-align: center;
  }
  #product .inner > dl > dd .product .search_stores_from_the_map img {
    width: 39.5vw;
    transition: opacity 0.4s ease;
    opacity: 1;
  }
  #product .inner > dl > dd .product .search_stores_from_the_map img:hover {
    opacity: 0.6;
  }
  #product .inner > dl > dd .features_wrapper {
    width: 81.6666666667vw;
    margin: 5.8333333333vw auto 0;
  }
  #product .inner > dl > dd .features_wrapper ul.features {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  #product .inner > dl > dd .features_wrapper ul.features li.feature:nth-child(1) .icon img {
    width: 5.2375vw;
  }
  #product .inner > dl > dd .features_wrapper ul.features li.feature:nth-child(2) .icon img {
    width: 4.4166666667vw;
  }
  #product .inner > dl > dd .features_wrapper ul.features li.feature:nth-child(3) .icon img {
    width: 5.3583333333vw;
  }
  #product .inner > dl > dd .features_wrapper ul.features li.feature .icon {
    height: 6.4166666667vw;
    text-align: center;
  }
  #product .inner > dl > dd .features_wrapper ul.features li.feature .icon img {
    vertical-align: bottom;
  }
  #product .inner > dl > dd .features_wrapper ul.features li.feature > dl > dt > div {
    text-align: center;
  }
  #product .inner > dl > dd .features_wrapper ul.features li.feature > dl > dt > div:nth-child(n + 2) {
    margin-top: 1vw;
  }
  #product .inner > dl > dd .features_wrapper ul.features li.feature > dl > dt > div > span {
    display: inline-block;
    padding-bottom: 0.5833333333vw;
    background-image: linear-gradient(to right, #c9e9f3, #c6e7d1);
    background-position: bottom center;
    background-size: 100% 0.3333333333vw;
    background-repeat: no-repeat;
    color: #4f6074;
    font-size: 2vw;
  }
  #product .inner > dl > dd .features_wrapper ul.features li.feature > dl > dd {
    margin: 1.6666666667vw auto 0;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 500;
    text-align: center;
    color: #758291;
    font-size: 1.3333333333vw;
    line-height: 2.1666666667vw;
  }
  #product .inner > dl > dd .features_wrapper ul.features li.feature > dl > dd > div {
    display: inline-block;
    text-align: left;
  }
  #product .inner > dl > dd .features_wrapper ul.features li.feature > dl > dd > div .mini {
    display: block;
    font-size: 1.0416666667vw;
  }
  #product .inner > dl > dd .features_wrapper .slider_arrows {
    display: none;
  }

  #tm96 {
    margin-top: 5.8333333333vw;
    padding-bottom: 8.3333333333vw;
    background: #f3f4f5;
  }
  #tm96 .inner {
    margin-top: 2.0833333333vw;
  }
  #tm96 .inner > dl > dt {
    text-align: center;
  }
  #tm96 .inner > dl > dd {
    margin-top: 4.1666666667vw;
  }
  #tm96 .inner > dl > dd .summary {
    position: relative;
  }
  #tm96 .inner > dl > dd .summary .photo {
    width: 100%;
    height: 35vw;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
  }
  #tm96 .inner > dl > dd .summary .photo > div {
    width: 100%;
    min-width: 116.6666666667vw;
    height: 100%;
  }
  #tm96 .inner > dl > dd .summary .photo > div > div {
    width: calc(50% + 3.3333333333vw);
    min-width: 61.6666666667vw;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    overflow: hidden;
  }
  #tm96 .inner > dl > dd .summary .photo > div > div > div {
    height: 100%;
    background-image: url("../../images/top/tm96_summary_photo.jpg");
    background-position: left top;
    background-size: cover;
    background-repeat: no-repeat;
  }
  #tm96 .inner > dl > dd .summary .photo > div > div > div span {
    color: #758291;
    font-size: 1vw;
    letter-spacing: normal;
    position: absolute;
    right: 1.3333333333vw;
    bottom: 0.5833333333vw;
  }
  #tm96 .inner > dl > dd .summary dl.text {
    box-sizing: border-box;
    width: 81.6666666667vw;
    height: 22.5vw;
    margin: 0 auto;
    position: relative;
    z-index: 1;
  }
  #tm96 .inner > dl > dd .summary dl.text > dt {
    padding-top: 1.5833333333vw;
  }
  #tm96 .inner > dl > dd .summary dl.text > dt span {
    display: block;
    color: #4f6074;
  }
  #tm96 .inner > dl > dd .summary dl.text > dt span:nth-child(1) {
    font-size: 1.6666666667vw;
  }
  #tm96 .inner > dl > dd .summary dl.text > dt span:nth-child(2) {
    margin-top: 1.1666666667vw;
    font-size: 2.1666666667vw;
  }
  #tm96 .inner > dl > dd .summary dl.text > dd {
    margin-top: 2.5vw;
    color: #758291;
    font-size: 1.3333333333vw;
    line-height: 2.6666666667vw;
  }
  #tm96 .inner > dl > dd .histories_wrapper {
    width: 81.6666666667vw;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    border-bottom: 1px solid #758291;
  }
  #tm96 .inner > dl > dd .histories_wrapper ul.histories {
    padding: 7.5vw 0 6.6666666667vw;
  }
  #tm96 .inner > dl > dd .histories_wrapper ul.histories li.history {
    display: -webkit-flex;
    display: flex;
  }
  #tm96 .inner > dl > dd .histories_wrapper ul.histories li.history .photo {
    width: 19.1666666667vw;
    height: 19.1666666667vw;
    overflow: hidden;
  }
  #tm96 .inner > dl > dd .histories_wrapper ul.histories li.history dl.text > dt {
    color: #4f6074;
    font-size: 2vw;
  }
  #tm96 .inner > dl > dd .histories_wrapper ul.histories li.history dl.text > dd {
    margin-top: 1.25vw;
    color: #758291;
    font-size: 1.3333333333vw;
    line-height: 2.6666666667vw;
  }
  #tm96 .inner > dl > dd .histories_wrapper ul.histories li.history:nth-of-type(1) {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  #tm96 .inner > dl > dd .histories_wrapper ul.histories li.history:nth-of-type(1) dl.text {
    width: 42.8333333333vw;
    margin-left: 3.5833333333vw;
  }
  #tm96 .inner > dl > dd .histories_wrapper ul.histories li.history:nth-of-type(2) {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin-top: 7.3333333333vw;
  }
  #tm96 .inner > dl > dd .histories_wrapper ul.histories li.history:nth-of-type(2) dl.text {
    width: 46.9166666667vw;
    margin-right: 4.1666666667vw;
    -webkit-order: -1;
    order: -1;
  }
  #tm96 .inner > dl > dd .histories_wrapper ul.histories li.history:nth-of-type(3) {
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 8.75vw;
  }
  #tm96 .inner > dl > dd .histories_wrapper ul.histories li.history:nth-of-type(3) .photo {
    border-radius: 19.1666666667vw;
  }
  #tm96 .inner > dl > dd .histories_wrapper ul.histories li.history:nth-of-type(3) .photo img {
    width: 100%;
  }
  #tm96 .inner > dl > dd .histories_wrapper ul.histories li.history:nth-of-type(3) dl.text {
    width: 42.8333333333vw;
    margin-left: 4.5vw;
  }
  #tm96 .inner > dl > dd .histories_wrapper .slider_arrows {
    display: none;
  }

  #tokachi {
    position: relative;
  }
  #tokachi .lcmd_separator {
    position: absolute;
    top: 0;
    left: 50%;
  }
  #tokachi .inner > dl.headline {
    padding: 7.0833333333vw 0 4.8333333333vw;
    background: #ccad90;
  }
  #tokachi .inner > dl.headline > dt {
    text-align: center;
  }
  #tokachi .inner > dl.headline > dd {
    margin-top: 4.1666666667vw;
    position: relative;
  }
  #tokachi .inner > dl.headline > dd .photo {
    width: 100%;
    height: 39.1666666667vw;
    overflow: hidden;
  }
  #tokachi .inner > dl.headline > dd .photo > div {
    width: 100%;
    min-width: 116.6666666667vw;
    height: 100%;
    transform: translateX(-50%);
    position: absolute;
    top: 0;
    left: calc(50% - 1px);
  }
  #tokachi .inner > dl.headline > dd .photo > div > div {
    width: calc(50% + 2.1666666667vw);
    min-width: 60.5vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    overflow: hidden;
  }
  #tokachi .inner > dl.headline > dd .photo > div > div > div {
    height: 100%;
    background-image: url("../../images/top/tokachi_headline_photo.jpg");
    background-position: left center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  #tokachi .inner > dl.headline > dd .photo > div > div > div span {
    color: #ffffff;
    font-size: 1vw;
    letter-spacing: normal;
    position: absolute;
    right: 0.5833333333vw;
    bottom: 0.5833333333vw;
  }
  #tokachi .inner > dl.headline > dd dl.content {
    color: #ffffff;
    position: absolute;
    top: 0;
    left: calc(50% + 7.5vw);
    z-index: 1;
  }
  #tokachi .inner > dl.headline > dd dl.content > dt {
    font-size: 2.5vw;
    line-height: 4.25vw;
  }
  #tokachi .inner > dl.headline > dd dl.content > dd {
    margin-top: 1.25vw;
    font-size: 1.3333333333vw;
    line-height: 3vw;
  }
  #tokachi .inner > ul.points {
    padding: 2.8333333333vw 2.5vw 0;
  }
  #tokachi .inner > ul.points > li.point {
    width: 100%;
    height: 35vw;
    overflow: hidden;
    position: relative;
  }
  #tokachi .inner > ul.points > li.point:nth-of-type(n + 2) {
    margin-top: 2.5vw;
  }
  #tokachi .inner > ul.points > li.point .bg {
    width: 100%;
    min-width: 116.6666666667vw;
    height: 100%;
    transform: translateX(-50%);
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 0;
  }
  #tokachi .inner > ul.points > li.point .bg > div {
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  #tokachi .inner > ul.points > li.point .bg > div span {
    color: #ffffff;
    font-size: 1vw;
    letter-spacing: normal;
    position: absolute;
    right: calc(50% - 50vw + 5vw);
    bottom: 0.5833333333vw;
  }
  #tokachi .inner > ul.points > li.point:nth-of-type(1) .bg > div {
    background-image: url("../../images/top/tokachi_bg_01.jpg");
  }
  #tokachi .inner > ul.points > li.point:nth-of-type(2) .bg > div {
    background-image: url("../../images/top/tokachi_bg_02.jpg");
  }
  #tokachi .inner > ul.points > li.point .content {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: calc(100% - 8.3333333333vw);
    height: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
  }
  #tokachi .inner > ul.points > li.point .content > dl {
    box-sizing: border-box;
    width: 48.75vw;
    padding: 2.6666666667vw 3.5833333333vw 2.6666666667vw 3.9166666667vw;
    background-color: rgba(0, 0, 0, 0.5);
    color: #ffffff;
  }
  #tokachi .inner > ul.points > li.point .content > dl > dt {
    font-size: 2vw;
  }
  #tokachi .inner > ul.points > li.point .content > dl > dd {
    margin-top: 1.1666666667vw;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 500;
    font-size: 1.3333333333vw;
    line-height: 2.1666666667vw;
  }
  #tokachi .inner > ul.points > li.point:nth-of-type(2) .content dl {
    margin-left: auto;
  }
  #tokachi .inner > .project {
    margin-top: 6.8333333333vw;
  }
  #tokachi .inner > .project > dl {
    box-sizing: border-box;
    width: 81.6666666667vw;
    height: 24.1666666667vw;
    margin: 0 auto;
    padding-top: 4.5833333333vw;
    padding-left: 5.3333333333vw;
    background: #eaecee;
    position: relative;
  }
  #tokachi .inner > .project > dl > dt {
    color: #4f6074;
    font-size: 2vw;
  }
  #tokachi .inner > .project > dl > dd {
    margin-top: 1.25vw;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 500;
  }
  #tokachi .inner > .project > dl > dd .explain {
    width: 43.75vw;
    color: #758291;
    font-size: 1.3333333333vw;
    line-height: 2.1666666667vw;
  }
  #tokachi .inner > .project > dl > dd .annotation {
    margin-top: 1.4166666667vw;
    color: #758291;
    font-size: 1.1666666667vw;
    line-height: 1.8333333333vw;
  }
  #tokachi .inner > .project > dl > dd .logo {
    position: absolute;
    top: -2.75vw;
    right: 5.1666666667vw;
  }
  #tokachi .inner > .project > dl > dd .logo img {
    width: 22.1666666667vw;
    border: 1px solid #025e3c;
  }

  #goto_top {
    box-sizing: border-box;
    height: 8.3333333333vw;
    padding-top: 2.75vw;
    text-align: center;
  }
  #goto_top > span {
    display: inline-block;
    width: 2.3333333333vw;
    padding-top: 1.75vw;
    color: #4a634a;
    background-image: url("../../images/common/icon/icon_goto_top.svg");
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 500;
    font-size: 1vw;
    line-height: 1.1666666667vw;
    letter-spacing: normal;
    cursor: pointer;
  }
}
/* ============================================================================================== */
/* SP Size Style                                                                                  */
/* ============================================================================================== */
@media screen and (width <= 768px) {
  main.l-main > .l-container .slick-dots {
    bottom: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
  }
  main.l-main > .l-container .slick-dots li {
    width: 2vw;
    height: 2vw;
    background: #ccd3cc;
    border-radius: 2vw;
  }
  main.l-main > .l-container .slick-dots li.slick-active {
    background: #324f32;
  }
  main.l-main > .l-container .slick-dots li:nth-child(n + 2) {
    margin-left: 5.3333333333vw;
  }
  main.l-main > .l-container .slick-dots li button {
    display: none;
  }

  main.l-main > .l-container .lcmd_separator {
    content: "";
    width: 0.2933333333vw;
    height: 6.6666666667vw;
    margin: 0 auto;
    background: #b2bdb2;
    transform: translateY(-50%);
  }
  main.l-main > .l-container .lcmd_title {
    text-align: center;
    color: #324f32;
    font-size: 4.5333333333vw;
    letter-spacing: normal;
  }

  #sp_menu {
    display: block;
    position: sticky;
    top: 0;
    z-index: 3000;
  }
  #sp_menu > ul {
    width: 6vw;
    height: 4.8vw;
    cursor: pointer;
    position: absolute;
    left: 4vw;
    top: 4vw;
  }
  #sp_menu > ul > li {
    width: 100%;
    height: 0.5333333333vw;
    background: #97a697;
    transition: all 0.6s ease;
    position: absolute;
    left: 0;
  }
  #sp_menu > ul > li:nth-child(1) {
    top: 0;
  }
  #sp_menu > ul > li:nth-child(2) {
    transform: translateY(-50%);
    top: 50%;
  }
  #sp_menu > ul > li:nth-child(3) {
    bottom: 0;
  }
  #sp_menu > ul.is_open > li:nth-child(1) {
    transform: translateY(-50%) rotate(-45deg);
    top: 50%;
  }
  #sp_menu > ul.is_open > li:nth-child(2) {
    transform: translateY(-50%) rotate(45deg);
    top: 50%;
  }
  #sp_menu > ul.is_open > li:nth-child(3) {
    transform: translateY(50%) rotate(45deg);
    bottom: 50%;
  }

  #top_brand_logo {
    position: relative;
    z-index: 100;
  }
  #top_brand_logo img {
    width: 22.9333333333vw;
    filter: drop-shadow(0 0 0.4897066667vw rgba(0, 0, 0, 0.5));
    position: absolute;
    top: 0;
    left: calc(50% - 11.3333333333vw);
  }

  nav#local_navigation {
    box-sizing: border-box;
    display: none;
    width: 100%;
    height: 100vh;
    min-height: 100vh;
    padding-top: 28vw;
    overflow: auto;
    background: #324f32;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
  }
  nav#local_navigation > ul {
    padding-left: 4.6666666667vw;
    padding-bottom: 18.6666666667vw;
  }
  nav#local_navigation > ul > li {
    font-feature-settings: "palt";
  }
  nav#local_navigation > ul > li:nth-child(n + 2) {
    margin-top: 8.5333333333vw;
  }
  nav#local_navigation > ul > li span {
    display: inline-block;
    background-color: rgba(0, 0, 0, 0);
    padding-left: 12vw;
    padding-right: 0;
    background-image: linear-gradient(to right, #97a697, #97a697);
    background-position: left center;
    background-size: 8vw 0.4vw;
    background-repeat: no-repeat;
    color: #324f32;
    color: #ffffff;
    font-size: 4.8vw;
    cursor: pointer;
    letter-spacing: normal;
  }

  #firstview {
    height: 164vw;
    position: relative;
  }
  #firstview h1 {
    display: inline;
    pointer-events: none;
    position: relative;
    z-index: 0;
  }
  #firstview h1 img {
    width: 100%;
  }
  #firstview .product {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    margin-top: -6.8vw;
    position: relative;
    z-index: 10;
  }
  #firstview .product .item {
    text-align: center;
  }
  #firstview .product .item .text {
    margin-top: 2.8vw;
  }
  #firstview .product .item .text p {
    font-size: 3.0666666667vw;
    line-height: 4vw;
    font-feature-settings: "palt";
  }
  #firstview .product .item.type_regular .image img {
    width: 44.8vw;
  }
  #firstview .product .item.type_regular .text p {
    color: #007c36;
  }
  #firstview .product .item.type_melon {
    margin-left: 1.8666666667vw;
  }
  #firstview .product .item.type_melon .image img {
    width: 46.6666666667vw;
  }
  #firstview .product .item.type_melon .text p {
    color: #e46900;
  }
  #firstview .text {
    margin-top: 6.9333333333vw;
    text-align: center;
  }
  #firstview .text img {
    width: 93.3333333333vw;
  }

  #campaign {
    margin-top: 0vw;
    padding-bottom: 10.6666666667vw;
  }
  #campaign > dl {
    margin-top: 3.3333333333vw;
    text-align: center;
  }
  #campaign > dl > dd {
    margin-top: 2.6666666667vw;
  }
  #campaign > dl > dd img {
    width: 93.3333333333vw;
  }

  #movie {
    padding-bottom: 14.4vw;
    background: #e0f2f2;
  }
  #movie .inner {
    margin-top: 2.9333333333vw;
  }
  #movie .inner > dl > dt {
    text-align: center;
  }
  #movie .inner > dl > dd {
    margin-top: 8.6666666667vw;
    text-align: center;
  }
  #movie .inner > dl > dd img {
    width: 100%;
  }

  #concept {
    background: #e0e4e0;
  }
  #concept .inner {
    margin-top: 5.3333333333vw;
  }
  #concept .inner > dl > dt {
    text-align: center;
  }
  #concept .inner > dl > dd {
    margin-top: 9.0666666667vw;
    position: relative;
  }
  #concept .inner > dl > dd .photo {
    width: 100%;
    height: 64.8vw;
    overflow: hidden;
    position: relative;
  }
  #concept .inner > dl > dd .photo > div > div {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
  }
  #concept .inner > dl > dd .photo > div > div > div {
    height: 100%;
    background-image: url("../../images/top/concept_photo.jpg");
    background-position: right bottom;
    background-size: cover;
    background-repeat: no-repeat;
  }
  #concept .inner > dl > dd .photo > div > div > div span {
    color: #ffffff;
    font-size: 2.4vw;
    letter-spacing: normal;
    position: absolute;
    right: 1.6vw;
    bottom: 1.4666666667vw;
  }
  #concept .inner > dl > dd dl.content {
    color: #324f32;
    width: 93.3333333333vw;
    margin: 0 auto;
    padding: 8.2666666667vw 0;
    position: relative;
    z-index: 1;
  }
  #concept .inner > dl > dd dl.content > dt {
    font-size: 5.0666666667vw;
  }
  #concept .inner > dl > dd dl.content > dd:nth-of-type(1) {
    margin-top: 3.2vw;
    font-size: 3.2vw;
    line-height: 6.4vw;
    letter-spacing: normal;
  }
  #concept .inner > dl > dd dl.content > dd:nth-of-type(2) {
    margin-top: 4.6666666667vw;
    font-size: 2.6666666667vw;
    letter-spacing: normal;
  }

  #product {
    margin-top: 15.3333333333vw;
  }
  #product .inner {
    margin-top: 5.3333333333vw;
  }
  #product .inner > dl > dt {
    text-align: center;
  }
  #product .inner > dl > dd {
    margin-top: 7.6vw;
  }
  #product .inner > dl > dd .product .item {
    overflow: hidden;
  }
  #product .inner > dl > dd .product .item .headline {
    position: relative;
    z-index: 0;
  }
  #product .inner > dl > dd .product .item .headline .bg {
    height: 88vw;
    overflow: hidden;
    position: relative;
    z-index: 0;
  }
  #product .inner > dl > dd .product .item .headline .bg .bg_inner {
    height: 100%;
    position: relative;
  }
  #product .inner > dl > dd .product .item .headline .bg .bg_inner img {
    width: 100%;
    height: 100%;
    object-position: center center;
    object-fit: cover;
    pointer-events: none;
  }
  #product .inner > dl > dd .product .item .headline .bg .bg_inner .remarks {
    color: #324f32;
    font-size: 2.4vw;
    line-height: 1;
    letter-spacing: normal;
    position: absolute;
    right: 1.8666666667vw;
    bottom: 1.3333333333vw;
    z-index: 20;
  }
  #product .inner > dl > dd .product .item .headline .text {
    box-sizing: border-box;
    width: 100%;
    padding-top: 7.3333333333vw;
    text-align: center;
    position: absolute;
    top: 0;
    z-index: 50;
  }
  #product .inner > dl > dd .product .item .headline .text h3 {
    font-size: 4.8vw;
    line-height: 6.8vw;
    font-feature-settings: "palt";
    letter-spacing: 0.33em;
  }
  #product .inner > dl > dd .product .item .headline .image {
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: 10;
  }
  #product .inner > dl > dd .product .item .headline .image img {
    width: 100%;
  }
  #product .inner > dl > dd .product .item .content {
    box-sizing: border-box;
    padding-top: 10.8vw;
    position: relative;
  }
  #product .inner > dl > dd .product .item .content .explain {
    width: 90.6vw;
    margin: 0 auto;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 500;
    color: #758291;
    font-size: 3.2vw;
    line-height: 5.6vw;
  }
  #product .inner > dl > dd .product .item .content .link {
    margin-top: 4vw;
    text-align: center;
  }
  #product .inner > dl > dd .product .item .content .link a {
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: 53.7333333333vw;
    height: 10.4vw;
    margin: 0 auto;
    padding-left: 4.9333333333vw;
    border: 1px solid #4a634a;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: bold;
    color: #4a634a;
    font-size: 3.2vw;
    transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    position: relative;
  }
  #product .inner > dl > dd .product .item .content .link a::before, #product .inner > dl > dd .product .item .content .link a::after {
    content: "";
    width: 4.2666666667vw;
    height: 100%;
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 6vw;
  }
  #product .inner > dl > dd .product .item .content .link a::before {
    background-image: url("../../images/common/icon/icon_window.png");
    opacity: 1;
  }
  #product .inner > dl > dd .product .item .content .link a::after {
    background-image: url("../../images/common/icon/icon_window_white.png");
    opacity: 0;
  }
  #product .inner > dl > dd .product .item .content .link a:hover {
    background: #4a634a;
    color: #ffffff;
  }
  #product .inner > dl > dd .product .item .content .link a:hover::before, #product .inner > dl > dd .product .item .content .link a:hover::after {
    transform: translateX(2.6666666667vw);
  }
  #product .inner > dl > dd .product .item .content .link a:hover::before {
    opacity: 0;
  }
  #product .inner > dl > dd .product .item .content .link a:hover::after {
    opacity: 1;
  }
  #product .inner > dl > dd .product .item.type_regular .headline .text h3 {
    color: #007c36;
  }
  #product .inner > dl > dd .product .item.type_melon {
    margin-top: 10.6666666667vw;
  }
  #product .inner > dl > dd .product .item.type_melon .headline .text h3 {
    color: #e46900;
  }
  #product .inner > dl > dd .product .search_stores_from_the_map {
    margin-top: 6.4vw;
    text-align: center;
  }
  #product .inner > dl > dd .product .search_stores_from_the_map img {
    width: 80vw;
    transition: opacity 0.4s ease;
    opacity: 1;
  }
  #product .inner > dl > dd .product .search_stores_from_the_map img:hover {
    opacity: 0.6;
  }
  #product .inner > dl > dd .features_wrapper {
    margin: 11.3333333333vw auto 0;
    padding-bottom: 24vw;
    position: relative;
  }
  #product .inner > dl > dd .features_wrapper ul.features {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  #product .inner > dl > dd .features_wrapper ul.features li.feature:nth-child(1) .icon img {
    width: auto;
    height: 9.8666666667vw;
  }
  #product .inner > dl > dd .features_wrapper ul.features li.feature:nth-child(2) .icon img {
    width: auto;
    height: 9.8666666667vw;
  }
  #product .inner > dl > dd .features_wrapper ul.features li.feature:nth-child(3) .icon img {
    width: auto;
    height: 9.8666666667vw;
  }
  #product .inner > dl > dd .features_wrapper ul.features li.feature .icon {
    height: 9.8666666667vw;
    text-align: center;
  }
  #product .inner > dl > dd .features_wrapper ul.features li.feature .icon img {
    margin: 0 auto;
    vertical-align: bottom;
  }
  #product .inner > dl > dd .features_wrapper ul.features li.feature > dl {
    margin-top: 4.9333333333vw;
  }
  #product .inner > dl > dd .features_wrapper ul.features li.feature > dl > dt > div {
    text-align: center;
  }
  #product .inner > dl > dd .features_wrapper ul.features li.feature > dl > dt > div:nth-child(n + 2) {
    margin-top: 2.6666666667vw;
  }
  #product .inner > dl > dd .features_wrapper ul.features li.feature > dl > dt > div > span {
    display: inline-block;
    padding-bottom: 1.2vw;
    background-image: linear-gradient(to right, #c9e9f3, #c6e7d1);
    background-position: bottom center;
    background-size: 100% 0.8vw;
    background-repeat: no-repeat;
    color: #4f6074;
    font-size: 4.5333333333vw;
  }
  #product .inner > dl > dd .features_wrapper ul.features li.feature > dl > dd {
    margin: 3.2vw auto 0;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 500;
    text-align: center;
    color: #758291;
    font-size: 3.2vw;
    line-height: 6.4vw;
  }
  #product .inner > dl > dd .features_wrapper ul.features li.feature > dl > dd > div {
    display: inline-block;
    text-align: left;
  }
  #product .inner > dl > dd .features_wrapper ul.features li.feature > dl > dd > div .mini {
    display: block;
    font-size: 2.6666666667vw;
  }
  #product .inner > dl > dd .features_wrapper .slider_arrows {
    display: block;
  }
  #product .inner > dl > dd .features_wrapper .slider_arrows .prev,
  #product .inner > dl > dd .features_wrapper .slider_arrows .next {
    position: absolute;
    top: 22.6666666667vw;
    z-index: 10;
  }
  #product .inner > dl > dd .features_wrapper .slider_arrows .prev.slick-disabled,
  #product .inner > dl > dd .features_wrapper .slider_arrows .next.slick-disabled {
    display: none !important;
  }
  #product .inner > dl > dd .features_wrapper .slider_arrows .prev img,
  #product .inner > dl > dd .features_wrapper .slider_arrows .next img {
    width: 8vw !important;
  }
  #product .inner > dl > dd .features_wrapper .slider_arrows .prev {
    left: 0;
  }
  #product .inner > dl > dd .features_wrapper .slider_arrows .next {
    right: 0;
  }
  #product .inner > dl > dd .features_wrapper .slick-dots {
    bottom: -3.4666666667vw;
  }

  #tm96 {
    margin-top: 0;
    padding-bottom: 14.6666666667vw;
    background: #f3f4f5;
  }
  #tm96 .inner {
    margin-top: 8.6666666667vw;
  }
  #tm96 .inner > dl > dt {
    text-align: center;
  }
  #tm96 .inner > dl > dd {
    margin-top: 5.3333333333vw;
  }
  #tm96 .inner > dl > dd .summary {
    position: relative;
  }
  #tm96 .inner > dl > dd .summary .photo {
    width: 100%;
    height: 56.6666666667vw;
    overflow: hidden;
    position: static;
  }
  #tm96 .inner > dl > dd .summary .photo > div {
    width: 100%;
    height: 100%;
  }
  #tm96 .inner > dl > dd .summary .photo > div > div {
    height: 100%;
    overflow: hidden;
  }
  #tm96 .inner > dl > dd .summary .photo > div > div > div {
    height: 100%;
    background-image: url("../../images/top/tm96_summary_photo.jpg");
    background-position: left top;
    background-size: cover;
    background-repeat: no-repeat;
  }
  #tm96 .inner > dl > dd .summary .photo > div > div > div span {
    color: #758291;
    font-size: 2.4vw;
    letter-spacing: normal;
    position: absolute;
    right: 1.6vw;
    bottom: 1.4666666667vw;
  }
  #tm96 .inner > dl > dd .summary dl.text {
    box-sizing: border-box;
    width: 94.4vw;
    margin: 5.6vw auto 7.0666666667vw;
    position: relative;
    z-index: 1;
  }
  #tm96 .inner > dl > dd .summary dl.text > dt span {
    display: block;
    color: #4f6074;
  }
  #tm96 .inner > dl > dd .summary dl.text > dt span:nth-child(1) {
    font-size: 3.4666666667vw;
  }
  #tm96 .inner > dl > dd .summary dl.text > dt span:nth-child(2) {
    margin-top: 2.6666666667vw;
    font-size: 4.8vw;
  }
  #tm96 .inner > dl > dd .summary dl.text > dd {
    margin-top: 4.8vw;
    color: #758291;
    font-size: 3.2vw;
    line-height: 6.4vw;
  }
  #tm96 .inner > dl > dd .histories_wrapper {
    padding-bottom: 11.4666666667vw;
    background-image: linear-gradient(to right, #758291, #758291);
    background-position: bottom center;
    background-size: 94.4vw 1px;
    background-repeat: no-repeat;
    border-bottom: none;
    position: relative;
    z-index: 2;
  }
  #tm96 .inner > dl > dd .histories_wrapper ul.histories {
    padding: 9.3333333333vw 0 0;
  }
  #tm96 .inner > dl > dd .histories_wrapper ul.histories li.history .photo {
    width: 53.3333333333vw;
    height: 53.3333333333vw;
    margin: 0 auto;
    padding-bottom: 6.6666666667vw;
    overflow: hidden;
  }
  #tm96 .inner > dl > dd .histories_wrapper ul.histories li.history .photo img {
    display: inline !important;
    width: 100% !important;
  }
  #tm96 .inner > dl > dd .histories_wrapper ul.histories li.history dl.text {
    width: 93.3333333333vw;
    margin: 0 auto;
  }
  #tm96 .inner > dl > dd .histories_wrapper ul.histories li.history dl.text > dt {
    color: #4f6074;
    font-size: 4.5333333333vw;
  }
  #tm96 .inner > dl > dd .histories_wrapper ul.histories li.history dl.text > dd {
    margin-top: 2.6666666667vw;
    color: #758291;
    font-size: 3.2vw;
    line-height: 6.4vw;
  }
  #tm96 .inner > dl > dd .histories_wrapper ul.histories li.history:nth-of-type(1) {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  #tm96 .inner > dl > dd .histories_wrapper ul.histories li.history:nth-of-type(1) dl.text {
    width: 93.3333333333vw;
    margin: 0 auto;
  }
  #tm96 .inner > dl > dd .histories_wrapper ul.histories li.history:nth-of-type(2) {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  #tm96 .inner > dl > dd .histories_wrapper ul.histories li.history:nth-of-type(2) dl.text {
    width: 93.3333333333vw;
    margin: 0 auto;
    -webkit-order: -1;
    order: -1;
  }
  #tm96 .inner > dl > dd .histories_wrapper ul.histories li.history:nth-of-type(3) {
    -webkit-justify-content: center;
    justify-content: center;
  }
  #tm96 .inner > dl > dd .histories_wrapper ul.histories li.history:nth-of-type(3) .photo {
    border-radius: 53.3333333333vw;
  }
  #tm96 .inner > dl > dd .histories_wrapper ul.histories li.history:nth-of-type(3) .photo img {
    width: 100%;
  }
  #tm96 .inner > dl > dd .histories_wrapper ul.histories li.history:nth-of-type(3) dl.text {
    width: 93.3333333333vw;
    margin: 0 auto;
  }
  #tm96 .inner > dl > dd .histories_wrapper .slider_arrows {
    display: block;
  }
  #tm96 .inner > dl > dd .histories_wrapper .slider_arrows .prev,
  #tm96 .inner > dl > dd .histories_wrapper .slider_arrows .next {
    position: absolute;
    top: 44.5333333333vw;
    z-index: 10;
  }
  #tm96 .inner > dl > dd .histories_wrapper .slider_arrows .prev.slick-disabled,
  #tm96 .inner > dl > dd .histories_wrapper .slider_arrows .next.slick-disabled {
    display: none !important;
  }
  #tm96 .inner > dl > dd .histories_wrapper .slider_arrows .prev img,
  #tm96 .inner > dl > dd .histories_wrapper .slider_arrows .next img {
    width: 8vw !important;
  }
  #tm96 .inner > dl > dd .histories_wrapper .slider_arrows .prev {
    left: 0;
  }
  #tm96 .inner > dl > dd .histories_wrapper .slider_arrows .next {
    right: 0;
  }
  #tm96 .inner > dl > dd .histories_wrapper .slick-dots {
    bottom: -3.4666666667vw;
  }

  #tokachi {
    position: relative;
  }
  #tokachi .lcmd_separator {
    position: absolute;
    top: 0;
    left: 50%;
  }
  #tokachi .inner > dl.headline {
    padding: 14.6666666667vw 0 12.8vw;
    background: #ccad90;
  }
  #tokachi .inner > dl.headline > dt {
    text-align: center;
  }
  #tokachi .inner > dl.headline > dd {
    margin-top: 5.3333333333vw;
    position: relative;
  }
  #tokachi .inner > dl.headline > dd .photo {
    width: 100%;
    height: 64.6666666667vw;
    overflow: hidden;
  }
  #tokachi .inner > dl.headline > dd .photo > div {
    width: 100%;
    height: 100%;
  }
  #tokachi .inner > dl.headline > dd .photo > div > div {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  #tokachi .inner > dl.headline > dd .photo > div > div > div {
    height: 100%;
    background-image: url("../../images/top/tokachi_headline_photo.jpg");
    background-position: left center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  #tokachi .inner > dl.headline > dd .photo > div > div > div span {
    color: #ffffff;
    font-size: 2.4vw;
    letter-spacing: normal;
    position: absolute;
    right: 1.6vw;
    bottom: 1.4666666667vw;
  }
  #tokachi .inner > dl.headline > dd dl.content {
    width: 93.3333333333vw;
    margin: 4.6666666667vw auto 0;
    color: #ffffff;
  }
  #tokachi .inner > dl.headline > dd dl.content > dt {
    font-size: 5.0666666667vw;
    line-height: 8.4vw;
  }
  #tokachi .inner > dl.headline > dd dl.content > dd {
    margin-top: 3.3333333333vw;
    font-size: 3.2vw;
    line-height: 6.4vw;
  }
  #tokachi .inner > ul.points {
    padding: 2.6666666667vw 3.3333333333vw 0;
  }
  #tokachi .inner > ul.points > li.point {
    width: 100%;
    height: 133.3333333333vw;
    overflow: hidden;
    position: relative;
  }
  #tokachi .inner > ul.points > li.point:nth-of-type(n + 2) {
    margin-top: 2.9333333333vw;
  }
  #tokachi .inner > ul.points > li.point .bg {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
  }
  #tokachi .inner > ul.points > li.point .bg > div {
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  #tokachi .inner > ul.points > li.point .bg > div span {
    color: #ffffff;
    font-size: 2.4vw;
    letter-spacing: normal;
    position: absolute;
    right: 2.1333333333vw;
    bottom: 1.7333333333vw;
  }
  #tokachi .inner > ul.points > li.point:nth-of-type(1) .bg > div {
    background-image: url("../../images/top/tokachi_bg_01_sp.jpg");
  }
  #tokachi .inner > ul.points > li.point:nth-of-type(2) .bg > div {
    background-image: url("../../images/top/tokachi_bg_02_sp.jpg");
  }
  #tokachi .inner > ul.points > li.point .content {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
  }
  #tokachi .inner > ul.points > li.point .content > dl {
    box-sizing: border-box;
    width: 88vw;
    margin: 0 auto;
    padding: 8.6666666667vw 4.6666666667vw 4.2666666667vw;
    background-color: rgba(0, 0, 0, 0.5);
    color: #ffffff;
  }
  #tokachi .inner > ul.points > li.point .content > dl > dt {
    font-size: 4.5333333333vw;
  }
  #tokachi .inner > ul.points > li.point .content > dl > dd {
    margin-top: 4vw;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 500;
    font-size: 3.2vw;
    line-height: 5.3333333333vw;
    letter-spacing: normal;
  }
  #tokachi .inner > ul.points > li.point:nth-of-type(2) .content dl {
    margin-left: auto;
  }
  #tokachi .inner > .project {
    margin-top: 23.7333333333vw;
  }
  #tokachi .inner > .project > dl {
    box-sizing: border-box;
    width: 93.3333333333vw;
    padding-top: 46.6666666667vw;
    padding-bottom: 8.9333333333vw;
    margin: 0 auto;
    background: #eaecee;
    position: relative;
  }
  #tokachi .inner > .project > dl > dt {
    width: 80vw;
    margin: 0 auto;
    color: #4f6074;
    font-size: 4.5333333333vw;
  }
  #tokachi .inner > .project > dl > dd {
    width: 80vw;
    margin: 2.9333333333vw auto 0;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 500;
  }
  #tokachi .inner > .project > dl > dd .explain {
    color: #758291;
    font-size: 3.2vw;
    line-height: 5.3333333333vw;
    letter-spacing: normal;
  }
  #tokachi .inner > .project > dl > dd .annotation {
    margin-top: 4.2666666667vw;
    color: #758291;
    font-size: 2.6666666667vw;
    line-height: 4.2666666667vw;
    letter-spacing: normal;
  }
  #tokachi .inner > .project > dl > dd .logo {
    width: 100%;
    text-align: center;
    position: absolute;
    top: -12vw;
    right: 0;
  }
  #tokachi .inner > .project > dl > dd .logo img {
    width: 53.3333333333vw;
    border: 1px solid #025e3c;
  }

  #goto_top {
    box-sizing: border-box;
    height: 20.6666666667vw;
    padding-top: 6.6666666667vw;
    text-align: center;
  }
  #goto_top > span {
    display: inline-block;
    width: 5.6vw;
    padding-top: 4.4vw;
    color: #4a634a;
    background-image: url("../../images/common/icon/icon_goto_top.svg");
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 500;
    font-size: 2vw;
    line-height: 2.4vw;
    letter-spacing: normal;
    cursor: pointer;
  }
}

