@charset "UTF-8";
@media screen and (min-width: 768px), print {
  #starbuckslp #header .header-btn-item.many a {
    background: #e3e3e3;
    padding-right: 48px;
    position: relative;
  }
  #starbuckslp #header .header-btn-item.many a,
  #starbuckslp #header .header-btn-item.many a span {
    color: #4b4636;
  }
  #starbuckslp #header .header-btn-item.many a::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 24px;
    width: 9px;
    height: 9px;
    border-top: 1px solid #4b4636;
    border-right: 1px solid #4b4636;
    -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
  }
  #starbuckslp .title-h2 {
    color: #006241;
    margin-bottom: 12px;
    text-align: center;
  }
  #starbuckslp .title-h2 > * {
    display: block;
  }
  #starbuckslp .title-h2 .title-h2-ja {
    font-size: .75rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 1.2px;
  }
  #starbuckslp .title-h2 .title-h2-en {
    font-family: Impact;
    font-size: 48px;
    font-weight: 400;
    line-height: 1.24;
    letter-spacing: 1.7px;
  }
  #starbuckslp .title-h3 {
    font-size: 1.625rem;
    font-weight: 700;
    line-height: 1.8;
    letter-spacing: 2.6px;
    margin-bottom: 12px;
  }
  #starbuckslp .js-sidenav-viewarea .section {
    background-color: #fff;
    font-family: "メイリオ", "Meiryo", "Zen Kaku Gothic New", sans-serif;
    padding-block: 120px;
  }
  #starbuckslp .js-sidenav-viewarea .section.bg-beige {
    background-color: #f2f0eb;
    padding-block: 80px;
  }
  #starbuckslp .js-sidenav-viewarea .section strong {
    color: #070707;
  }
  #starbuckslp .mv.mv-starbuxks {
    font-family: "メイリオ", "Meiryo", "Zen Kaku Gothic New", sans-serif;
    font-size: 1.625rem;
    font-weight: 700;
    height: 530px;
    line-height: 1.6;
  }
  #starbuckslp .mv.mv-starbuxks .mv-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    position: static;
    text-shadow: none;
  }
  #starbuckslp .mv.mv-starbuxks .mv-title-wrap {
    background-color: #006241;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
    padding: 10px;
    width: 51.09375%;
  }
  #starbuckslp .mv.mv-starbuxks .mv-title-wrap .mv-subtext {
    letter-spacing: 2.6px;
  }
  #starbuckslp .mv.mv-starbuxks .mv-title-wrap .mv-title {
    font-size: 2.625rem;
    margin-top: 30px;
  }
  #starbuckslp .mv.mv-starbuxks .mv-img {
    width: 53.0729166667%;
    height: 530px;
  }
  #starbuckslp .mv.mv-starbuxks .mv-img img {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    width: 100%;
    height: 100%;
  }
  #starbuckslp .js-sidenav-viewarea .about {
    font-family: "メイリオ", "Meiryo", "Zen Kaku Gothic New", sans-serif;
    padding-block: 40px 120px;
    text-align: center;
  }
  #starbuckslp .js-sidenav-viewarea .about .about-text {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 2;
  }
  #starbuckslp .menu .menu-read-wrap {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    margin-top: 48px;
  }
  #starbuckslp .menu .menu-read-wrap > * {
    width: 50%;
  }
  #starbuckslp .menu .menu-read-wrap .menu-read-img {
    width: 50%;
  }
  #starbuckslp .menu .menu-read-wrap .menu-read {
    font-size: 1.125rem;
    padding-left: 4.6875%;
  }
  #starbuckslp .menu .menu-read-wrap .menu-read .title-h3 {
    margin-bottom: 40px;
  }
  #starbuckslp .menu .menu-beverage {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
    gap: 80px;
    margin-top: 48px;
    text-align: center;
  }
  #starbuckslp .menu .menu-beverage .menu-beverage-item-img {
    background-color: #fff;
    border-radius: 50%;
    display: block;
    width: 380px;
    height: 380px;
  }
  #starbuckslp .menu .menu-beverage .menu-beverage-item-text {
    font-size: .875rem;
    line-height: 2;
    margin-top: 28px;
  }
  #starbuckslp .menu .menu-beverage .menu-beverage-item-text strong {
    font-size: 1.125rem;
  }
  #starbuckslp .menu .menu-info {
    margin-top: 48px;
  }
  #starbuckslp .menu .menu-info .menu-info-right {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
            order: 1;
    width: 36.25%;
  }
  #starbuckslp .menu .menu-info .menu-info-left {
    width: 58.75%;
  }
  #starbuckslp .menu .menu-info .menu-info-left .menu-info-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
  }
  #starbuckslp .menu .menu-info .menu-info-left .menu-info-item:not(:first-child) {
    margin-top: 48px;
  }
  #starbuckslp .menu .menu-info .menu-info-left .menu-info-icon {
    margin-right: 35px;
    width: 110px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
            flex-shrink: 0;
  }
  #starbuckslp .menu .menu-info .menu-info-left .menu-info-text {
    line-height: 2;
  }
  #starbuckslp .menu .menu-info .menu-info-left .menu-info-text h4 {
    font-size: 1.375rem;
    font-weight: 700;
    margin-bottom: 12px;
  }
  #starbuckslp .solution .title-h3 {
    text-align: center;
  }
  #starbuckslp .solution .title-sub {
    text-align: center;
  }
  #starbuckslp .solution .solution-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    margin-top: 40px;
  }
  #starbuckslp .solution .solution-item {
    background-color: #f9f9f9;
    border-radius: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    padding: 43px 75px 43px 28px;
  }
  #starbuckslp .solution .solution-item-icon-title {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
            flex-shrink: 0;
    text-align: center;
    width: 24.2990654206%;
  }
  #starbuckslp .solution .solution-item-icon-title img {
    width: 100px;
    height: 100px;
    margin-bottom: 10px;
  }
  #starbuckslp .solution .solution-item-title-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    line-height: 1;
  }
  #starbuckslp .solution .solution-item-title-group .solution-item-title {
    color: #006241;
    font-size: .75rem;
    font-weight: 700;
  }
  #starbuckslp .solution .solution-item-title-group .solution-item-title-sub {
    font-size: 1.875rem;
    font-family: Impact;
  }
  #starbuckslp .solution .solution-item-description {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
            flex-grow: 1;
    font-size: 1.125rem;
  }
  #starbuckslp .solution .solution-item-description .solution-item-description-subtext {
    margin-top: 15px;
  }
  #starbuckslp .ethical .title-h3 {
    text-align: center;
  }
  #starbuckslp .ethical .ethical-box {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    margin-top: 40px;
  }
  #starbuckslp .ethical .ethical-box .ethical-box-image {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
            flex-shrink: 0;
    width: 40.625%;
  }
  #starbuckslp .ethical .ethical-box .ethical-box-text {
    font-size: 1.125rem;
    line-height: 2;
    margin-left: 20px;
    max-width: 680px;
  }
  #starbuckslp .ethical .ethical-box:nth-child(2n) .ethical-box-image {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
            order: 1;
  }
  #starbuckslp .ethical .ethical-box:nth-child(2n) .ethical-box-text {
    margin-inline: 0 20px;
  }
  #starbuckslp .movie .movie-youtube {
    max-width: 1087px;
    margin-inline: auto;
  }
  #starbuckslp .movie .youtube {
    width: 100%;
    aspect-ratio: 16/9;
  }
  #starbuckslp .movie .youtube iframe {
    width: 100%;
    height: 100%;
  }
  #starbuckslp .movie .movie-text {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.8;
    letter-spacing: 1.8px;
    margin-top: 40px;
    text-align: center;
  }
  #starbuckslp .sidenav .sidenav-btn,
  #starbuckslp .sidenav .sidenav-contents {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  #starbuckslp .sidenav .sidenav-contents {
    border: 1px solid #000;
  }
  #starbuckslp .sidenav .sidenav-btn-page a {
    font-size: .875rem;
  }
  #starbuckslp #contactfollow .contactfollow-inner {
    max-width: 1266px;
  }
  #starbuckslp #contactfollow .contactfollow-logo {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
            flex-shrink: 0;
    margin-right: auto;
    padding-bottom: 9px;
    width: 15.1658767773%;
  }
  #starbuckslp #contactfollow .contactfollow-type-wrap {
    width: 51.3428120063%;
  }
  #starbuckslp #contactfollow .contactfollow-btn-wrap.-request {
    width: 43.3846153846%;
  }
  #starbuckslp #contactfollow .contactfollow-btn-wrap.-visit {
    width: 54.7692307692%;
  }
  #starbuckslp #contactfollow .contactfollow-btn {
    font-size: min(1.125rem, 1.40625vw);
  }
  #starbuckslp #contactfollow .contactfollow-tell-wrap {
    margin-left: .9478672986%;
    width: 27.4881516588%;
  }
  #starbuckslp #contactfollow .contactfollow-tell-wrap .contactfollow-tell-sup {
    font-size: min(.8125rem, 1.015625vw);
  }
  #starbuckslp #contactfollow .contactfollow-tell-wrap .contactfollow-tell-box {
    min-height: 60px;
  }
  #starbuckslp #contactfollow .contactfollow-tell-wrap .contactfollow-tell {
    font-size: min(1.625rem, 2.03125vw);
  }
  #starbuckslp #contactfollow .contactfollow-tell-wrap .contactfollow-tell-time {
    font-size: min(.6875rem, .859375vw);
  }
  #starbuckslp #contactfollow .contactfollow-tell-wrap .contactfollow-tell-time-sup {
    font-size: min(.6875rem, .859375vw);
  }
}
@media screen and (min-width: 768px) and (max-width: 980px) {
  #starbuckslp .mv.mv-starbuxks {
    height: auto;
  }
  #starbuckslp .mv.mv-starbuxks .mv-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #starbuckslp .mv.mv-starbuxks .mv-inner .mv-title-wrap {
    padding-block: 20px;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
            order: 1;
    width: 100%;
  }
  #starbuckslp .mv.mv-starbuxks .mv-inner .mv-title-wrap .mv-title {
    margin-top: 15px;
  }
  #starbuckslp .mv.mv-starbuxks .mv-inner .mv-img {
    width: 100%;
    height: 350px;
  }
  #starbuckslp #contactfollow .contactfollow-inner {
    max-width: 1266px;
  }
  #starbuckslp #contactfollow .contactfollow-logo {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
            flex-shrink: 0;
    margin-inline: auto;
    padding-bottom: 5px;
    width: 81px;
  }
  #starbuckslp #contactfollow .contactfollow-type-wrap {
    width: 100%;
  }
  #starbuckslp #contactfollow .contactfollow-btn {
    font-size: 1.125rem;
  }
  #starbuckslp #contactfollow .contactfollow-tell-wrap {
    margin-left: 0;
    width: 100%;
  }
  #starbuckslp #contactfollow .contactfollow-tell-wrap .contactfollow-tell-sup {
    font-size: .8125rem;
  }
  #starbuckslp #contactfollow .contactfollow-tell-wrap .contactfollow-tell {
    font-size: 1.625rem;
  }
  #starbuckslp #contactfollow .contactfollow-tell-wrap .contactfollow-tell-time {
    font-size: .6875rem;
  }
  #starbuckslp #contactfollow .contactfollow-tell-wrap .contactfollow-tell-time-sup {
    font-size: .6875rem;
  }
}
@media screen and (max-width: 767px) {
  #starbuckslp #header .header-btn-item.many a {
    background: #e3e3e3;
    position: relative;
  }
  #starbuckslp #header .header-btn-item.many a,
  #starbuckslp #header .header-btn-item.many a span {
    color: #4b4636;
  }
  #starbuckslp #header .header-btn-item.many a span {
    margin-right: 3.2vw;
  }
  #starbuckslp #header .header-btn-item.many a::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 3.2vw;
    width: 1.6vw;
    height: 1.6vw;
    border-top: 1px solid #4b4636;
    border-right: 1px solid #4b4636;
    -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
  }
  #starbuckslp .title-h2 {
    color: #006241;
    margin-bottom: 12px;
    text-align: center;
  }
  #starbuckslp .title-h2 > * {
    display: block;
  }
  #starbuckslp .title-h2 .title-h2-ja {
    font-size: 3.2vw;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .32vw;
  }
  #starbuckslp .title-h2 .title-h2-en {
    font-family: Impact;
    font-size: 48px;
    font-weight: 400;
    line-height: 1.24;
    letter-spacing: 1.7px;
  }
  #starbuckslp .title-h3 {
    font-size: 4.8vw;
    font-weight: 700;
    line-height: 1.8;
    letter-spacing: .384vw;
    margin-bottom: 5.3333333333vw;
  }
  #starbuckslp .js-sidenav-viewarea .section {
    background-color: #fff;
    font-family: "メイリオ", "Meiryo", "Zen Kaku Gothic New", sans-serif;
    padding-block: 16vw;
  }
  #starbuckslp .js-sidenav-viewarea .section.bg-beige {
    background-color: #f2f0eb;
  }
  #starbuckslp .js-sidenav-viewarea .section strong {
    color: #070707;
  }
  #starbuckslp .mv.mv-starbuxks {
    font-family: "メイリオ", "Meiryo", "Zen Kaku Gothic New", sans-serif;
    font-size: 4vw;
    font-weight: 700;
    line-height: 1.6;
  }
  #starbuckslp .mv.mv-starbuxks .mv-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    position: static;
    text-shadow: none;
  }
  #starbuckslp .mv.mv-starbuxks .mv-title-wrap {
    background-color: #006241;
    color: #fff;
    padding: 10.6666666667vw 0;
    text-align: center;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
            order: 1;
  }
  #starbuckslp .mv.mv-starbuxks .mv-title-wrap .mv-subtext {
    letter-spacing: .4vw;
  }
  #starbuckslp .mv.mv-starbuxks .mv-title-wrap .mv-title {
    font-size: 5.3333333333vw;
    letter-spacing: -.1333333333vw;
    margin-block: 2.6666666667vw 0;
  }
  #starbuckslp .js-sidenav-viewarea .about {
    font-family: "メイリオ", "Meiryo", "Zen Kaku Gothic New", sans-serif;
    padding-block: 5.3333333333vw 16vw;
  }
  #starbuckslp .js-sidenav-viewarea .about .about-title {
    text-align: center;
  }
  #starbuckslp .js-sidenav-viewarea .about .about-title img {
    width: 64vw;
  }
  #starbuckslp .js-sidenav-viewarea .about .about-text {
    font-size: 4.2666666667vw;
    font-weight: 700;
    line-height: 2;
    letter-spacing: .1706666667vw;
  }
  #starbuckslp .menu .menu-read-wrap {
    margin-top: 8vw;
  }
  #starbuckslp .menu .menu-read-wrap .menu-read-img {
    margin-left: -5.333333vw;
    width: 94.6666666667vw;
  }
  #starbuckslp .menu .menu-read-wrap .menu-read {
    font-size: 4vw;
    margin-top: 10.6666666667vw;
  }
  #starbuckslp .menu .menu-read-wrap .menu-read .title-h3 {
    margin-bottom: 5.3333333333vw;
  }
  #starbuckslp .menu .menu-beverage {
    margin-top: 10.6666666667vw;
    text-align: center;
  }
  #starbuckslp .menu .menu-beverage .menu-beverage-item:not(:first-child) {
    margin-top: 8vw;
  }
  #starbuckslp .menu .menu-beverage .menu-beverage-item-img {
    background-color: #fff;
    border-radius: 50%;
    display: block;
    margin-inline: auto;
    width: 74.6666666667vw;
    height: 74.6666666667vw;
  }
  #starbuckslp .menu .menu-beverage .menu-beverage-item-text {
    font-size: 4vw;
    line-height: 2;
    margin-top: 3.2vw;
  }
  #starbuckslp .menu .menu-beverage .menu-beverage-item-text strong {
    font-size: 4.8vw;
  }
  #starbuckslp .menu .menu-info {
    margin-top: 16vw;
  }
  #starbuckslp .menu .menu-info .menu-info-right {
    margin-inline: auto;
    width: 80vw;
  }
  #starbuckslp .menu .menu-info .menu-info-left {
    margin-top: 10.6666666667vw;
  }
  #starbuckslp .menu .menu-info .menu-info-left .menu-info-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
  }
  #starbuckslp .menu .menu-info .menu-info-left .menu-info-item:not(:first-child) {
    margin-top: 12.8vw;
  }
  #starbuckslp .menu .menu-info .menu-info-left .menu-info-icon {
    margin-right: 4.2666666667vw;
    width: 22.6666666667vw;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
            flex-shrink: 0;
  }
  #starbuckslp .menu .menu-info .menu-info-left .menu-info-text {
    font-size: 4vw;
    line-height: 2;
  }
  #starbuckslp .menu .menu-info .menu-info-left .menu-info-text h4 {
    font-size: 4.8vw;
    font-weight: 700;
    margin-bottom: 2.1333333333vw;
  }
  #starbuckslp .solution .title-h3 {
    margin-bottom: 3.2vw;
    text-align: center;
  }
  #starbuckslp .solution .solution-items {
    margin-top: 10.6666666667vw;
  }
  #starbuckslp .solution .solution-item {
    background-color: #f9f9f9;
    border-radius: 5.3333333333vw;
    margin-top: 5.3333333333vw;
    padding: 5.3333333333vw 5.3333333333vw 8vw;
  }
  #starbuckslp .solution .solution-item-icon-title {
    text-align: center;
  }
  #starbuckslp .solution .solution-item-icon-title img {
    width: 16vw;
    height: 16vw;
    margin-bottom: 3.2vw;
  }
  #starbuckslp .solution .solution-item-title-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    line-height: 1;
  }
  #starbuckslp .solution .solution-item-title-group .solution-item-title {
    color: #006241;
    font-size: 3.2vw;
    font-weight: 700;
  }
  #starbuckslp .solution .solution-item-title-group .solution-item-title-sub {
    font-size: 8vw;
    font-family: Impact;
  }
  #starbuckslp .solution .solution-item-description {
    font-size: 4vw;
    margin-top: 5.3333333333vw;
  }
  #starbuckslp .solution .solution-item-description .solution-item-description-subtext {
    margin-top: 3.2vw;
  }
  #starbuckslp .ethical .title-h3 {
    text-align: center;
  }
  #starbuckslp .ethical .ethical-box {
    margin-top: 10.6666666667vw;
  }
  #starbuckslp .ethical .ethical-box .ethical-box-image {
    margin-left: -5.333333vw;
    width: 94.6666666667vw;
  }
  #starbuckslp .ethical .ethical-box .ethical-box-text {
    font-size: 4vw;
    line-height: 1.8;
    margin-top: 8vw;
  }
  #starbuckslp .ethical .ethical-box:nth-child(2n) .ethical-box-image {
    margin-inline: 0 -5.333333vw;
  }
  #starbuckslp .movie .youtube {
    width: 100%;
    aspect-ratio: 16/9;
  }
  #starbuckslp .movie .youtube iframe {
    width: 100%;
    height: 100%;
  }
  #starbuckslp .movie .movie-text {
    font-size: 4.2666666667vw;
    font-weight: 700;
    line-height: 1.8;
    letter-spacing: .4266666667vw;
    margin-top: 5.3333333333vw;
    text-align: center;
  }
  #starbuckslp .sidenav {
    display: none;
  }
  #starbuckslp .sidenav .sidenav-btn,
  #starbuckslp .sidenav .sidenav-contents {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  #starbuckslp #contactfollow {
    padding-top: 1.0666666667vw;
  }
  #starbuckslp #contactfollow .contactfollow-logo {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
            flex-shrink: 0;
    line-height: 1;
    margin-inline: auto;
    padding-bottom: 1.6vw;
    width: 14.9333333333vw;
  }
  #starbuckslp #contactfollow .contactfollow-tell-wrap {
    margin-top: 1.0666666667vw;
  }
  #starbuckslp #contactfollow .contactfollow-tell-sup {
    margin-bottom: .8vw;
  }
  #starbuckslp .topicpath .topicpath-list {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}