@charset "UTF-8";
.toppage {
  /*キービジュアル*/
  /*リードコピー*/
  /*ペットボトルがペットボトルに生まれかわる*/
  /*ブランドロゴ*/
  /*最新情報&事業紹介背景*/
  /*最新情報*/
  /*事業紹介*/
  /*
  .business-index {
    display: flex;
    flex-wrap: wrap;
    width: 69rem;
    margin: 3.1rem auto 0;
    
    @include media(pc){
      width: 113rem;
      margin: 7.8rem auto 0;
    }

    li {
      width: 34.5rem;
      text-align: center;
      margin-bottom: 2.5rem;
      
      @include media(pc){
        width: 34.5rem;
        margin-bottom: 4rem;
        margin-right: 4.75rem;
      }
      
      &:nth-child(3n){
        margin-right: 0;
      }

      a {
         color: $nav-text-color;
        
        &:hover {
          text-decoration: none;
          color: $nav-text-hovercolor;
        }
      }

      span {
        display: block;
        text-align: center;
        font-size: 2.5rem;
        font-weight: 600;
        line-height: 1.2;
        margin: 1.5rem auto 0;
        
        @include media(pc){
          font-size: 2.4rem;
          margin: 4rem auto 0;
        }
      }
    }
  }*/
  /*各社様とのお取組み事例*/
  /*世界のこどもにワクチンを*/
  /*未来のためにできること*/
  /*協栄産業について*/
  /*協栄産業について*/ }
  .toppage .contentswrap {
    width: 100%;
    overflow-x: hidden; }
  .toppage .topvisual {
    width: 100%;
    background-color: #fff;
    background-image: url("../../top/img/top_bk01_sp.jpg");
    background-size: 100% auto;
    background-position: top 53.8rem center;
    background-repeat: no-repeat;
    margin-top: -7rem; }
    @media only screen and (min-width: 751px) {
      .toppage .topvisual {
        background-image: url("../../top/img/top_bk01_pc.jpg");
        background-size: 144rem auto;
        background-position: top 35.2rem center;
        margin-top: 15rem; } }
    @media (min-width: 1441px) {
      .toppage .topvisual {
        background-size: 100% 66.7rem; } }
  .toppage .topvisual-inner {
    position: relative;
    width: 69rem;
    height: 86.5rem;
    margin: 0 auto; }
    @media only screen and (min-width: 751px) {
      .toppage .topvisual-inner {
        width: 120rem;
        height: 100rem; } }
    .toppage .topvisual-inner .topvisual-title {
      position: absolute;
      top: 13.7rem;
      left: 0;
      width: 46rem; }
      @media only screen and (min-width: 751px) {
        .toppage .topvisual-inner .topvisual-title {
          top: 3rem;
          left: 0;
          width: 43rem; } }
      .toppage .topvisual-inner .topvisual-title span {
        display: block; }
        .toppage .topvisual-inner .topvisual-title span:last-child {
          margin-top: 0.75rem; }
    .toppage .topvisual-inner .topvisual-subtitle {
      position: absolute;
      top: 31.5rem;
      left: 0rem;
      width: 30.3rem; }
      @media only screen and (min-width: 751px) {
        .toppage .topvisual-inner .topvisual-subtitle {
          top: 19rem;
          left: 0;
          width: 55.5rem; } }
    .toppage .topvisual-inner .topvisual-bottole {
      position: absolute;
      top: 61rem;
      left: 1rem;
      width: 8.8rem; }
      @media only screen and (min-width: 751px) {
        .toppage .topvisual-inner .topvisual-bottole {
          top: 57rem;
          left: 4rem;
          width: 14.2rem; } }
    .toppage .topvisual-inner .topvisual-couple {
      position: absolute;
      top: 59.5rem;
      right: -1rem;
      width: 20.9rem; }
      @media only screen and (min-width: 751px) {
        .toppage .topvisual-inner .topvisual-couple {
          top: 52.5rem;
          right: -4rem;
          width: 35.3rem; } }
    .toppage .topvisual-inner .topvisual-kumo01 {
      display: none; }
      @media only screen and (min-width: 751px) {
        .toppage .topvisual-inner .topvisual-kumo01 {
          display: block;
          position: absolute;
          top: 24.3rem;
          left: -6.5rem;
          width: 7.7rem; } }
    .toppage .topvisual-inner .topvisual-kumo02 {
      display: none; }
      @media only screen and (min-width: 751px) {
        .toppage .topvisual-inner .topvisual-kumo02 {
          display: block;
          position: absolute;
          top: -4.9rem;
          left: 46rem;
          width: 18.2rem; } }
    .toppage .topvisual-inner .topvisual-kumo03 {
      display: none; }
      @media only screen and (min-width: 751px) {
        .toppage .topvisual-inner .topvisual-kumo03 {
          display: block;
          position: absolute;
          top: -2rem;
          right: 31.6rem;
          width: 7.8rem; } }
    .toppage .topvisual-inner .topvisual-kumo04 {
      display: none; }
      @media only screen and (min-width: 751px) {
        .toppage .topvisual-inner .topvisual-kumo04 {
          display: block;
          position: absolute;
          top: 28rem;
          right: -6.5rem;
          width: 7.7rem; } }
    .toppage .topvisual-inner .illust {
      position: absolute;
      top: 22rem;
      width: 100%;
      height: 64.5rem;
      overflow-x: visible; }
      @media only screen and (min-width: 751px) {
        .toppage .topvisual-inner .illust {
          top: 0;
          width: 120rem;
          height: 85.7rem; } }
      .toppage .topvisual-inner .illust div {
        position: absolute; }
      .toppage .topvisual-inner .illust .base {
        top: 19rem;
        left: 0;
        width: 69rem; }
        @media only screen and (min-width: 751px) {
          .toppage .topvisual-inner .illust .base {
            top: 24.2rem;
            left: 1.5rem;
            width: 119.4rem; } }
      .toppage .topvisual-inner .illust .recycling {
        top: -0.8rem;
        right: 4.3rem;
        width: 29.6rem; }
      .toppage .topvisual-inner .illust .hito01 {
        top: 29rem;
        left: 7rem;
        width: 3.7rem; }
      .toppage .topvisual-inner .illust .hito02 {
        top: 24.8rem;
        left: 18.2rem;
        width: 2.8rem; }
      .toppage .topvisual-inner .illust .hito03 {
        top: 24.8rem;
        left: 31.4rem;
        width: 2.9rem; }
      .toppage .topvisual-inner .illust .hito04 {
        top: 21rem;
        right: 11.6rem;
        width: 6.6rem; }
      .toppage .topvisual-inner .illust .hito05 {
        top: 27.6rem;
        right: 8.5rem;
        width: 1.8rem; }
      .toppage .topvisual-inner .illust .hito06 {
        bottom: 23.8rem;
        right: 19.3rem;
        width: 4.6rem; }
      .toppage .topvisual-inner .illust .hito07 {
        bottom: 18rem;
        right: 21.5rem;
        width: 4.9rem; }
      .toppage .topvisual-inner .illust .hito08 {
        bottom: 15.7rem;
        right: 30.5rem;
        width: 3.9rem; }
      .toppage .topvisual-inner .illust .hito09 {
        bottom: 9.4rem;
        left: 32.7rem;
        width: 7.8rem; }
      .toppage .topvisual-inner .illust .hito10 {
        bottom: 21.5rem;
        left: 16.6rem;
        width: 5.9rem; }
      .toppage .topvisual-inner .illust .hito11 {
        bottom: 11rem;
        left: 14.5rem;
        width: 2.7rem; }
      .toppage .topvisual-inner .illust .hito12 {
        bottom: 28.6rem;
        right: 13.3rem;
        width: 6.1rem; }
      .toppage .topvisual-inner .illust .track {
        top: 32.7rem;
        right: 22.5rem;
        width: 7.1rem; }
      .toppage .topvisual-inner .illust .plane {
        top: 14.5rem;
        left: 33rem;
        width: 10.5rem; }
      @media only screen and (min-width: 751px) {
        .toppage .topvisual-inner .illust .recycling {
          top: 0;
          right: 4.6rem;
          width: 51.1rem; }
        .toppage .topvisual-inner .illust .hito01 {
          top: 41rem;
          left: 13.6rem;
          width: 6.3rem; }
        .toppage .topvisual-inner .illust .hito02 {
          top: 35rem;
          left: 33.2rem;
          width: 4.2rem; }
        .toppage .topvisual-inner .illust .hito03 {
          top: 34rem;
          left: 56.2rem;
          width: 5.4rem; }
        .toppage .topvisual-inner .illust .hito04 {
          top: 28rem;
          right: 19.5rem;
          width: 11.1rem; }
        .toppage .topvisual-inner .illust .hito05 {
          top: 40rem;
          right: 13.7rem;
          width: 3.8rem; }
        .toppage .topvisual-inner .illust .hito06 {
          bottom: 23.8rem;
          right: 32.3rem;
          width: 7.7rem; }
        .toppage .topvisual-inner .illust .hito07 {
          bottom: 14.5rem;
          right: 36rem;
          width: 8.7rem; }
        .toppage .topvisual-inner .illust .hito08 {
          bottom: 10.7rem;
          right: 52rem;
          width: 6.6rem; }
        .toppage .topvisual-inner .illust .hito09 {
          bottom: 0rem;
          left: 57.7rem;
          width: 13.3rem; }
        .toppage .topvisual-inner .illust .hito10 {
          bottom: 20.1rem;
          left: 29.9rem;
          width: 10.3rem; }
        .toppage .topvisual-inner .illust .hito11 {
          bottom: 3.2rem;
          left: 26.6rem;
          width: 4.7rem; }
        .toppage .topvisual-inner .illust .hito12 {
          bottom: 32.4rem;
          right: 22rem;
          width: 10.6rem; }
        .toppage .topvisual-inner .illust .track {
          top: 47rem;
          right: 38.2rem;
          width: 12.3rem; }
        .toppage .topvisual-inner .illust .plane {
          top: 17.6rem;
          left: 60.8rem;
          width: 17.6rem; } }
  .toppage .toplead {
    width: 100%;
    padding: 1rem 0 0;
    background-color: #e9efe0; }
    @media only screen and (min-width: 751px) {
      .toppage .toplead {
        padding: 4rem 0 0; } }
  .toppage .toplead-inner {
    position: relative;
    width: 100%;
    padding-bottom: 5rem; }
    @media only screen and (min-width: 751px) {
      .toppage .toplead-inner {
        width: 120rem;
        margin: 0 auto;
        padding-bottom: 0; } }
  .toppage .toplead-title {
    width: 52rem;
    margin: 0 auto; }
    @media only screen and (min-width: 751px) {
      .toppage .toplead-title {
        width: 90.4rem; } }
  .toppage .toplead-catch {
    width: 57.2rem;
    margin: 4.4rem auto 0; }
    @media only screen and (min-width: 751px) {
      .toppage .toplead-catch {
        width: 58rem;
        margin: 5.3rem auto 0; } }
  .toppage .toplead-copy {
    width: 100%;
    margin: 4.9rem auto 0; }
    @media only screen and (min-width: 751px) {
      .toppage .toplead-copy {
        margin: 5.3rem auto 0; } }
    .toppage .toplead-copy p {
      font-size: 2.6rem;
      font-weight: 600;
      line-height: 1.9;
      text-align: center;
      margin-bottom: 3.4rem; }
      @media only screen and (min-width: 751px) {
        .toppage .toplead-copy p {
          font-size: 2.1rem;
          margin-bottom: 3.4rem; } }
      .toppage .toplead-copy p.keyword {
        font-size: 4.2rem;
        color: #4f87bf;
        margin-bottom: 0; }
        @media only screen and (min-width: 751px) {
          .toppage .toplead-copy p.keyword {
            font-size: 3.3rem; } }
      .toppage .toplead-copy p.pre-keyword {
        margin-bottom: 0; }
  .toppage .toplead-btn {
    width: 45rem;
    margin: 5rem auto 0; }
    @media only screen and (min-width: 751px) {
      .toppage .toplead-btn {
        width: 48.8rem;
        margin: 5rem auto 0; } }
    .toppage .toplead-btn a {
      width: 100%; }
  .toppage .toplead-bottle01 {
    position: absolute;
    top: 15.2rem;
    left: -11rem;
    width: 24.8rem; }
    @media only screen and (min-width: 751px) {
      .toppage .toplead-bottle01 {
        width: 28.6rem;
        top: 5rem;
        left: -19rem; } }
  .toppage .toplead-bottle02 {
    position: absolute;
    top: 68.7rem;
    right: 0.7rem;
    width: 9.4rem; }
    @media only screen and (min-width: 751px) {
      .toppage .toplead-bottle02 {
        width: 9.8rem;
        top: 9rem;
        right: 2rem; } }
  .toppage .btob {
    width: 100%;
    background-color: #e9efe0;
    background-image: url("../../top/img/top_bk02_sp.jpg");
    background-size: 100% auto;
    background-position: bottom center;
    background-repeat: no-repeat; }
    @media only screen and (min-width: 751px) {
      .toppage .btob {
        background-image: url("../../top/img/top_bk02_pc.jpg");
        background-size: 2000px auto; } }
    @media (min-width: 2001px) {
      .toppage .btob {
        background-size: 100% auto; } }
  .toppage .btob-inner {
    position: relative;
    width: 100%;
    padding: 20rem 0 4.5rem; }
    @media only screen and (min-width: 751px) {
      .toppage .btob-inner {
        padding: 28.6rem 0 9rem; } }
  .toppage .btob-title {
    width: 68rem;
    margin: 0 auto; }
    @media only screen and (min-width: 751px) {
      .toppage .btob-title {
        width: 82.7rem; } }
  .toppage .btob-btn {
    width: 45rem;
    margin: 23.2rem auto 0; }
    @media only screen and (min-width: 751px) {
      .toppage .btob-btn {
        width: 48.8rem;
        margin: 46.4rem auto 0; } }
    .toppage .btob-btn a {
      width: 100%; }
  .toppage .btob-bottle01 {
    position: absolute;
    top: -6.3rem;
    left: 4rem;
    width: 7.8rem; }
    @media only screen and (min-width: 751px) {
      .toppage .btob-bottle01 {
        top: -9.5rem;
        left: 11.2rem;
        width: 8rem; } }
  .toppage .btob-bottle02 {
    position: absolute;
    top: -15.7rem;
    right: -1.5rem;
    width: 25.6rem; }
    @media only screen and (min-width: 751px) {
      .toppage .btob-bottle02 {
        top: -28.5rem;
        right: -2rem;
        width: 35.5rem; } }
  .toppage .brandlogowrap {
    display: flex;
    overflow: hidden; }
  .toppage .brandlogolist {
    animation: scroll-left 30s infinite linear .5s both;
    display: flex; }
  .toppage .brandlogo {
    width: calc(100vw / 3); }
    @media only screen and (min-width: 751px) {
      .toppage .brandlogo {
        width: calc(100vw / 5); } }
  .toppage .brandlogo img {
    display: block;
    width: 100%; }
@keyframes scroll-left {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(-100%); } }
  .toppage .news-business-bk {
    position: relative;
    width: 100%;
    background: linear-gradient(127deg, #C9E8DA 0%, #EDF7F5 50%, #FFFFFF 100%); }
  .toppage .news-business-bottle01 {
    position: absolute;
    top: 55rem;
    right: -11.5rem;
    width: 33.1rem; }
    @media only screen and (min-width: 751px) {
      .toppage .news-business-bottle01 {
        top: 42rem;
        right: 50%;
        transform: translateX(80rem);
        width: 46.3rem; } }
  .toppage .news-business-bottle02 {
    position: absolute;
    z-index: +1;
    bottom: 5.5rem;
    left: -4.7rem;
    width: 35.8rem; }
    @media only screen and (min-width: 751px) {
      .toppage .news-business-bottle02 {
        bottom: 0rem;
        left: -15.4rem;
        width: 46.9rem; } }
  .toppage .news {
    width: 100%;
    position: relative; }
  .toppage .news-inner {
    width: 69rem;
    margin: 0 auto;
    padding: 4.7rem 0 8rem; }
    @media only screen and (min-width: 751px) {
      .toppage .news-inner {
        width: 120rem;
        padding: 11.7rem 0 14.4rem; } }
  .toppage .news-title-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .toppage .news-title {
    position: relative; }
    .toppage .news-title span {
      display: block; }
    .toppage .news-title .eng {
      width: 25.7rem; }
      @media only screen and (min-width: 751px) {
        .toppage .news-title .eng {
          width: 29.1rem; } }
    .toppage .news-title .jpn {
      position: absolute;
      left: 30.5rem;
      top: 5rem;
      width: 5em;
      font-size: 2.1rem;
      font-weight: 600;
      letter-spacing: 0.1em;
      color: #808080; }
      @media only screen and (min-width: 751px) {
        .toppage .news-title .jpn {
          left: 34.4rem;
          top: 6rem;
          font-size: 1.9rem; } }
  .toppage .news-listlink {
    margin-top: 1.5rem; }
    @media only screen and (min-width: 751px) {
      .toppage .news-listlink {
        margin: 3.5rem 3rem auto auto; } }
  .toppage .news-wrap {
    width: 69rem;
    margin: 2.6rem auto 0;
    background-color: #fff;
    border-radius: 1.5rem;
    padding: 3rem;
    box-shadow: 0 0 0.7rem 0 #a8a8a8; }
    @media only screen and (min-width: 751px) {
      .toppage .news-wrap {
        width: 120rem;
        margin: 5.4rem auto 0;
        padding: 4.5rem 5rem 3rem; } }
    .toppage .news-wrap dl {
      font-size: 2.4rem; }
      @media only screen and (min-width: 751px) {
        .toppage .news-wrap dl {
          font-size: 2.1rem; } }
      .toppage .news-wrap dl dt {
        font-weight: 600;
        color: #4f87bf;
        margin-bottom: 1.2rem; }
        @media only screen and (min-width: 751px) {
          .toppage .news-wrap dl dt {
            margin-bottom: 0; } }
      .toppage .news-wrap dl dd {
        color: #4d4d4d;
        padding-bottom: 1.2rem;
        border-bottom: 1px solid #989898;
        margin-bottom: 1.2rem;
        line-height: 1.4; }
        @media only screen and (min-width: 751px) {
          .toppage .news-wrap dl dd {
            margin: -1.2em 0 0.8em 0;
            padding-left: 17rem; } }
        .toppage .news-wrap dl dd a {
          color: #4d4d4d; }
  .toppage .business {
    width: 100%;
    position: relative;
    /*background-image: url("../../top/img/busi_bk_btm_sp.svg");*/
    background-position: bottom center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    /*padding-bottom: 35rem;*/
    padding-bottom: 35rem; }
    @media only screen and (min-width: 751px) {
      .toppage .business {
        /*background-image: url("../../top/img/busi_bk_btm_pc.svg");*/
        /*padding-bottom: 50rem;*/
        padding-bottom: 20rem; } }
  .toppage .business-inner {
    width: 69rem;
    margin: 0 auto;
    padding: 0 0 7.2rem; }
    @media only screen and (min-width: 751px) {
      .toppage .business-inner {
        width: 120rem;
        padding: 0; } }
  .toppage .business-title {
    position: relative; }
    .toppage .business-title span {
      display: block; }
    .toppage .business-title .eng {
      width: 36rem; }
      @media only screen and (min-width: 751px) {
        .toppage .business-title .eng {
          width: 38.8rem; } }
    .toppage .business-title .jpn {
      position: absolute;
      left: 40.8rem;
      top: 5rem;
      width: 5em;
      font-size: 2.1rem;
      font-weight: 600;
      letter-spacing: 0.1em;
      color: #808080; }
      @media only screen and (min-width: 751px) {
        .toppage .business-title .jpn {
          left: 44.1rem;
          top: 6rem;
          font-size: 1.9rem; } }
  .toppage .business_category {
    width: 54.3rem;
    margin: 10rem auto 0;
    font-size: 3.8rem;
    font-weight: bold;
    line-height: 4.5rem; }
    @media only screen and (min-width: 751px) {
      .toppage .business_category {
        width: 108.2rem;
        font-size: 4rem;
        margin: 8rem auto 0;
        line-height: 4.8rem; } }
  .toppage .business-index-list {
    position: relative;
    z-index: 1000;
    width: 54.3rem;
    margin: 0rem auto 0; }
    @media only screen and (min-width: 751px) {
      .toppage .business-index-list {
        width: 108.2rem;
        margin: 1rem auto 0;
        display: flex;
        flex-wrap: wrap; } }
    .toppage .business-index-list li {
      width: 54.3rem;
      margin: 5.6rem auto 0; }
      @media only screen and (min-width: 751px) {
        .toppage .business-index-list li {
          width: 34rem;
          margin: 5.1rem 3rem 0 0; } }
      @media only screen and (min-width: 751px) {
        .toppage .business-index-list li:nth-child(3n) {
          margin-right: 0; } }
      .toppage .business-index-list li .photo img {
        border-radius: 3rem; }
        @media only screen and (min-width: 751px) {
          .toppage .business-index-list li .photo img {
            border-radius: 2.2rem; } }
      .toppage .business-index-list li .title {
        margin: 2.8rem auto 0 0;
        line-height: 3rem; }
        @media only screen and (min-width: 751px) {
          .toppage .business-index-list li .title {
            margin: 2rem auto 0 0; } }
        .toppage .business-index-list li .title a {
          display: inline-block;
          padding: 0.5rem 8rem 0.5rem 0;
          font-size: 3.3rem;
          font-weight: 600;
          color: #4d4d4d;
          background-image: url("../img/arrow_blue.svg");
          background-size: 4rem auto;
          background-position: right center;
          background-repeat: no-repeat; }
          @media only screen and (min-width: 751px) {
            .toppage .business-index-list li .title a {
              padding: 0.5rem 5rem 0.5rem 0;
              font-size: 2.6rem;
              background-size: 3.2rem auto; } }
          .toppage .business-index-list li .title a:hover {
            text-decoration: none;
            color: #ef7d16; }
      .toppage .business-index-list li .outline {
        margin: 2.4rem auto 0;
        font-size: 2.6rem;
        line-height: 1.7; }
        @media only screen and (min-width: 751px) {
          .toppage .business-index-list li .outline {
            margin: 1.2rem auto 0;
            font-size: 2rem;
            line-height: 1.5; } }
  .toppage .case {
    width: 100%;
    background-color: #e9efe0; }
  .toppage .case-inner {
    position: relative;
    z-index: +1;
    width: 100%; }
    @media only screen and (min-width: 751px) {
      .toppage .case-inner {
        width: 120rem;
        margin: 0 auto; } }
  .toppage .case-title {
    width: 51.5rem;
    margin: -7.4rem auto 0; }
    @media only screen and (min-width: 751px) {
      .toppage .case-title {
        width: 62.3rem;
        margin: -8.3rem auto 0; } }
  .toppage .case-bill {
    position: absolute;
    top: -14.3rem;
    left: 16.8rem;
    width: 14rem; }
    @media only screen and (min-width: 751px) {
      .toppage .case-bill {
        top: -12rem;
        left: 26.3rem;
        width: 13.9rem; } }
  .toppage .case-hito01 {
    position: absolute;
    top: 0;
    left: 4.7rem;
    width: 12.3rem; }
    @media only screen and (min-width: 751px) {
      .toppage .case-hito01 {
        top: -4.2rem;
        left: 6.1rem;
        width: 12.6rem; } }
  .toppage .case-hito02 {
    position: absolute;
    top: -0.1rem;
    right: 3.5rem;
    width: 17.6rem; }
    @media only screen and (min-width: 751px) {
      .toppage .case-hito02 {
        top: -4.4rem;
        right: 11.3rem;
        width: 21.1rem; } }
  .toppage .case-list-wrap {
    width: 100%;
    margin: 10rem auto 0; }
    @media only screen and (min-width: 751px) {
      .toppage .case-list-wrap {
        width: 120rem;
        margin: 10rem auto 0; } }
  .toppage .case-list-carousel li {
    width: 48.6rem;
    margin: 0.75rem 3.5rem 1rem;
    border-radius: 1.5rem;
    box-shadow: 0 0 0.5rem 0 #a8a8a8;
    background-color: #fff;
    padding-bottom: 3.2rem; }
    @media only screen and (min-width: 751px) {
      .toppage .case-list-carousel li {
        width: 38rem;
        margin: 0 1.5rem 0.5rem;
        border-radius: 1.2rem; } }
    .toppage .case-list-carousel li .photo img {
      border-top-right-radius: 1.5rem;
      border-top-left-radius: 1.5rem; }
      @media only screen and (min-width: 751px) {
        .toppage .case-list-carousel li .photo img {
          border-top-right-radius: 1.2rem;
          border-top-left-radius: 1.2rem; } }
    .toppage .case-list-carousel li .title {
      width: 41.4rem;
      margin: 3.5rem auto 0;
      font-size: 2.8rem;
      font-weight: 600;
      line-height: 1.6; }
      @media only screen and (min-width: 751px) {
        .toppage .case-list-carousel li .title {
          width: 32.4rem;
          margin: 2.5rem auto 0;
          font-size: 2.2rem; } }
    .toppage .case-list-carousel li .text {
      width: 41.4rem;
      margin: 2.8rem auto 0;
      font-size: 1.9rem;
      line-height: 1.7; }
      @media only screen and (min-width: 751px) {
        .toppage .case-list-carousel li .text {
          width: 32.4rem;
          margin: 2.2rem auto 0;
          font-size: 1.5rem; } }
    .toppage .case-list-carousel li .btn {
      width: 33.3rem;
      margin: 2.8rem auto 0; }
      @media only screen and (min-width: 751px) {
        .toppage .case-list-carousel li .btn {
          width: 22.5rem;
          height: 5rem;
          margin: 2.5rem auto 0; } }
      .toppage .case-list-carousel li .btn a {
        width: 100%; }
  .toppage .cap {
    padding-top: 10.8rem;
    width: 100%;
    background-color: #e9efe0;
    /*上のコンテンツ復活後は削除*/
    padding-bottom: 10.8rem; }
    @media only screen and (min-width: 751px) {
      .toppage .cap {
        padding-top: 16rem;
        /*上のコンテンツ復活後は削除*/
        padding-bottom: 10.8rem; } }
  .toppage .cap-inner {
    position: relative;
    width: 100%; }
    @media only screen and (min-width: 751px) {
      .toppage .cap-inner {
        width: 120rem;
        margin: 0 auto; } }
  .toppage .cap-title {
    width: 51.5rem;
    margin: 0 auto 0 8.6rem; }
    @media only screen and (min-width: 751px) {
      .toppage .cap-title {
        width: 62.5rem;
        margin: 0 auto; } }
  .toppage .cap-hito01 {
    position: absolute;
    top: -4rem;
    right: 4.2rem;
    width: 14.2rem; }
    @media only screen and (min-width: 751px) {
      .toppage .cap-hito01 {
        top: 0;
        right: 11.3rem;
        width: 19.1rem; } }
  .toppage .cap-cont {
    width: 69rem;
    margin: 4rem auto 0; }
    @media only screen and (min-width: 751px) {
      .toppage .cap-cont {
        display: flex;
        justify-content: space-between;
        width: 120rem;
        margin: 10rem auto 0; } }
  .toppage .cap-subtitle {
    width: 52.3rem;
    margin: 0 auto; }
    @media only screen and (min-width: 751px) {
      .toppage .cap-subtitle {
        width: 52.2rem;
        margin: 0; } }
  .toppage .cap-text {
    font-size: 2.4rem;
    line-height: 1.8;
    margin: 4.5rem auto 0; }
    @media only screen and (min-width: 751px) {
      .toppage .cap-text {
        font-size: 2rem;
        width: 62.4rem;
        margin: 4rem 0 0; } }
  .toppage .cap-btn {
    width: 50rem;
    margin: 5rem auto 0; }
    @media only screen and (min-width: 751px) {
      .toppage .cap-btn {
        width: 48.8rem;
        margin: 8rem auto 0; } }
    .toppage .cap-btn a {
      width: 100%;
      text-indent: -3rem; }
  .toppage .future {
    padding-top: 13rem;
    width: 100%;
    background-color: #e9efe0; }
    @media only screen and (min-width: 751px) {
      .toppage .future {
        padding-top: 19.5rem; } }
  .toppage .future-inner {
    position: relative;
    width: 100%; }
    @media only screen and (min-width: 751px) {
      .toppage .future-inner {
        width: 120rem;
        margin: 0 auto; } }
  .toppage .future-title {
    width: 43.2rem;
    margin: 0 auto 0 17.8rem; }
    @media only screen and (min-width: 751px) {
      .toppage .future-title {
        width: 62.5rem;
        margin: 0 auto; } }
  .toppage .future-hito {
    position: absolute;
    top: -5.4rem;
    left: 3.5rem;
    width: 17rem; }
    @media only screen and (min-width: 751px) {
      .toppage .future-hito {
        top: -11.1rem;
        left: 5rem;
        width: 25.5rem; } }
  .toppage .future-bottle {
    position: absolute;
    top: -3.3rem;
    right: 4.4rem;
    width: 9.3rem; }
    @media only screen and (min-width: 751px) {
      .toppage .future-bottle {
        top: -13.5rem;
        right: 2.4rem;
        width: 15.4rem; } }
  .toppage .future-list-wrap {
    position: relative;
    width: 100%;
    margin: 4.5rem auto 0;
    z-index: +1; }
    @media only screen and (min-width: 751px) {
      .toppage .future-list-wrap {
        width: 110rem;
        margin: 4.5rem auto 0; } }
  .toppage .future-list-carousel li {
    width: 62.4rem;
    margin: 0 1.5rem 1rem;
    border-radius: 2rem;
    box-shadow: 0 0 0.5rem 0 #a8a8a8;
    background-color: #fff;
    padding: 5.6rem 6.2rem 4.5rem; }
    @media only screen and (min-width: 751px) {
      .toppage .future-list-carousel li {
        width: 80rem;
        margin: 0 2rem 0.5rem;
        border-radius: 3.5rem;
        box-shadow: 0 0 0.5rem 0 #a8a8a8;
        background-color: #fff; } }
    .toppage .future-list-carousel li .title {
      width: 50rem;
      margin: 0 auto; }
      @media only screen and (min-width: 751px) {
        .toppage .future-list-carousel li .title {
          width: 50rem; } }
    .toppage .future-list-carousel li .wrap {
      width: 50rem;
      margin: 0 auto; }
      @media only screen and (min-width: 751px) {
        .toppage .future-list-carousel li .wrap {
          display: flex;
          justify-content: space-between;
          width: 95rem;
          margin: 4rem auto 0; } }
    .toppage .future-list-carousel li .photo {
      width: 48.5rem;
      margin: 3.4rem auto 0; }
      @media only screen and (min-width: 751px) {
        .toppage .future-list-carousel li .photo {
          width: 30rem;
          margin: 0; } }
    .toppage .future-list-carousel li .text {
      width: 50rem;
      margin: 3.4rem auto 0;
      font-size: 2rem;
      line-height: 1.7;
      text-align: justify; }
      @media only screen and (min-width: 751px) {
        .toppage .future-list-carousel li .text {
          width: 60rem;
          margin: 0;
          font-size: 1.6rem;
          line-height: 1.75; } }
  .toppage .aboutus {
    width: 100%;
    background-color: #fff;
    /*background-image: url("../../top/img/about_bk_top_sp.svg");*/
    background-position: top center;
    background-size: 100% auto;
    background-repeat: no-repeat; }
    @media only screen and (min-width: 751px) {
      .toppage .aboutus {
        padding-top: 0;
        /*background-image: url("../../top/img/about_bk_top_pc.svg");*/ } }
  .toppage .aboutus-inner {
    position: relative;
    width: 69rem;
    /*padding: 23.9rem 0 11.6rem;*/
    padding: 12rem 0 11.6rem;
    margin: 0 auto; }
    @media only screen and (min-width: 751px) {
      .toppage .aboutus-inner {
        width: 120rem;
        /*padding: 36rem 0 10rem;*/
        padding: 15rem 0 10rem; } }
  .toppage .aboutus-bottle {
    position: absolute;
    top: -1rem;
    right: 0;
    width: 23.7rem; }
    @media only screen and (min-width: 751px) {
      .toppage .aboutus-bottle {
        top: -15rem;
        right: inherit;
        left: -12rem;
        width: 30.2rem; } }
  .toppage .aboutus-title {
    position: relative;
    width: 39.4rem;
    margin: 0 auto 0 1.7rem; }
    @media only screen and (min-width: 751px) {
      .toppage .aboutus-title {
        width: 39.6rem;
        margin: 0 auto 0 0; } }
    .toppage .aboutus-title span {
      display: block; }
    .toppage .aboutus-title .eng {
      width: 39.4rem; }
      @media only screen and (min-width: 751px) {
        .toppage .aboutus-title .eng {
          width: 39.6rem; } }
    .toppage .aboutus-title .jpn {
      position: absolute;
      left: 8.9rem;
      top: 8.7rem;
      width: 10em;
      font-size: 2.1rem;
      font-weight: 600;
      letter-spacing: 0.1em;
      color: #808080; }
      @media only screen and (min-width: 751px) {
        .toppage .aboutus-title .jpn {
          left: 45rem;
          top: 6rem;
          font-size: 1.9rem; } }
  .toppage .aboutus-index {
    width: 68rem;
    margin: 3.6rem auto 0; }
    @media only screen and (min-width: 751px) {
      .toppage .aboutus-index {
        display: flex;
        justify-content: space-between;
        width: 113.6rem;
        margin: -1rem auto 0; } }
  .toppage .aboutus-image {
    position: relative;
    width: 53.8rem;
    margin: 3.6rem auto 0; }
    @media only screen and (min-width: 751px) {
      .toppage .aboutus-image {
        order: 2;
        width: 47.8rem;
        margin: 0; } }
    .toppage .aboutus-image .photo {
      width: 53.8rem; }
      @media only screen and (min-width: 751px) {
        .toppage .aboutus-image .photo {
          width: 47.8rem; } }
    .toppage .aboutus-image .aboutus-hito {
      position: absolute;
      bottom: 0;
      right: -7rem;
      width: 16.5rem; }
      @media only screen and (min-width: 751px) {
        .toppage .aboutus-image .aboutus-hito {
          bottom: -3.7rem;
          right: 0;
          width: 21.1 rem; } }
  .toppage .aboutus-links {
    display: flex;
    justify-content: space-between;
    width: 68rem;
    margin: 5.3rem auto 0; }
    @media only screen and (min-width: 751px) {
      .toppage .aboutus-links {
        order: 1;
        display: block;
        width: 56.6rem;
        margin: 0;
        padding-top: 4rem; } }
    .toppage .aboutus-links li {
      width: 32rem;
      border-bottom: 1px solid #989898; }
      @media only screen and (min-width: 751px) {
        .toppage .aboutus-links li {
          width: 56.6rem; } }
      .toppage .aboutus-links li a {
        display: block;
        font-size: 2.6rem;
        color: #4d4d4d;
        padding: 2.5rem 0;
        background-image: url("../img/index_arrow_blue.svg");
        background-size: 1.8rem auto;
        background-position: center right 1rem;
        background-repeat: no-repeat; }
        @media only screen and (min-width: 751px) {
          .toppage .aboutus-links li a {
            font-size: 2.2rem;
            padding: 2.8rem 0;
            background-size: 1.8rem auto;
            background-position: center right 2.5rem; } }
        .toppage .aboutus-links li a:hover {
          color: #ef7d16;
          text-decoration: none; }
  .toppage .recruit {
    width: 100%;
    padding: 11.3rem 0 11.5rem; }
    @media only screen and (min-width: 751px) {
      .toppage .recruit {
        padding: 15rem 0 10rem; } }
  .toppage .aboutus-inner {
    position: relative;
    margin: 0 auto; }
    @media only screen and (min-width: 751px) {
      .toppage .aboutus-inner {
        width: 120rem; } }
  .toppage .recruit-title {
    width: 66.2rem;
    margin: 0 auto; }
    @media only screen and (min-width: 751px) {
      .toppage .recruit-title {
        width: 107rem; } }
  .toppage .recruit-image {
    display: flex;
    overflow: hidden;
    margin-top: 5.2rem; }
    @media only screen and (min-width: 751px) {
      .toppage .recruit-image {
        margin-top: 8.2rem; } }
  .toppage .recruitlist {
    animation: scroll-left 30s infinite linear .5s both;
    display: flex; }
  .toppage .recruit_ph {
    width: auto;
    height: 22.4rem; }
    @media only screen and (min-width: 751px) {
      .toppage .recruit_ph {
        height: 22.4rem; } }
  .toppage .recruit_ph img {
    display: block;
    height: 100%;
    width: auto; }
@keyframes scroll-left {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(-100%); } }
  .toppage .recruit-btn {
    width: 45rem;
    margin: 6rem auto 0; }
    @media only screen and (min-width: 751px) {
      .toppage .recruit-btn {
        width: 48.8rem;
        margin: 8.6rem auto 0; } }
    .toppage .recruit-btn a {
      width: 100%; }