@media screen and (max-width: 749px) { .kv_under_02 { background-image: url(../img/sustainability/title_bg_sp.png); height: 81.73333vw; } }
@media screen and (min-width: 750px) { .kv_under_02 { position: relative; background-image: url("../img/sustainability/title_bg.jpg"); height: 635px; } }

@media screen and (min-width: 750px) { .muskTop::before, .muskBottom::after { content: ""; position: absolute; left: 0; width: 100%; height: 100px; display: block; background: 0 0 no-repeat;}
  .muskTop::before { top: 0; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20%0A%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%0A%20width%3D%221440px%22%20height%3D%22100px%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20%20fill%3D%22%23222828%22%0A%20d%3D%22M-0.000%2C100.000%20L-0.000%2C-0.000%20L1440.000%2C-0.000%20L-0.000%2C100.000%20Z%22%2F%3E%0A%3C%2Fsvg%3E"); }
  .muskBottom::after { bottom: 0; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20%0A%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%0A%20width%3D%221440px%22%20height%3D%22100px%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20%20fill%3D%22%23222828%22%0A%20d%3D%22M1440.000%2C-0.000%20L1440.000%2C100.000%20L-0.000%2C100.000%20L1440.000%2C-0.000%20Z%22%2F%3E%0A%3C%2Fsvg%3E"); } 
  .muskBottom::after { background-size: cover; }
}
#contents { background: #222828; }

#read { position: relative; color: #fff; text-align: center; z-index: 100; }
#read .text { display: inline-block; text-align: left; }
#read .copy { position: absolute; text-align: left; line-height: 1.9; }
#read .copy span { font-weight: bold; display: block; }
@media screen and (max-width: 749px) { #read { margin: 6.66667vw auto 0; padding-bottom: 4.8vw; }
  #read h3 { margin-bottom: 6.66667vw; font-size: 4.26667vw; line-height: 1; }
  #read p { font-size: 3.46667vw; line-height: 2.3; }
  #read .copy { bottom: 0; left: 3.33333vw; font-size: 5.33333vw; line-height: 1.6; }
  #read .copy span { font-size: 3.73333vw; } }
@media screen and (min-width: 750px) { #read { margin-top: 40px; padding-bottom: 50px; }
  #read h3 { margin-bottom: 40px; font-size: 32px; }
  #read p { font-size: 16px; line-height: 3.25; }
  #read .copy { bottom: -40px; left: 0; font-size: 32px; }
  #read .copy span { font-size: 20px; } }

.csrBlock .image { position: relative; background: center center no-repeat; background-size: cover; }
.csrBlock .inner { position: relative; background: #3c3c3c; color: #fff; }
.csrBlock h3 { line-height: 1.4; }
.csrBlock p { line-height: 2; }
.csrBlock p:not(:last-child) { margin-bottom: 1em; }
.csrBlock p a { color: #fff; text-decoration: underline; }
.csrBlock .logo { display: flex; display: -webkit-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; background: #eee; }
@media screen and (max-width: 749px) { .csrBlock .image { height: 77.6vw; }
  .csrBlock .inner { display: flex; display: -webkit-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: 86.66667vw; margin: -13.33334vw auto 0; padding: 6.66667vw; }
  .csrBlock .logo { order: -1; width: 100%; height: 50vw; margin: 0 auto 6.66667vw; }
  .csrBlock h3 { font-size: 4.26667vw; margin-bottom: 2.4vw; }
  .csrBlock p { font-size: 3.46667vw; }
  .csrBlock p a { display: inline-block; }
  .csrBlock p a:not(:last-child) { margin-bottom: 1em; } }
@media screen and (min-width: 750px) { .csrBlock { max-width: 1200px; margin: 0 auto; }
  .csrBlock .image { height: 629px; width: 100vw; left: 50%; transform: translateX(-50%); }
  .csrBlock .inner { display: flex; display: -webkit-flex; -webkit-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; padding: 45px 40px; width: 1000px; }
  .csrBlock .logo { width: 310px; height: 280px; }
  .csrBlock .text { width: 580px; }
  .csrBlock h3 { font-size: 20px; margin-bottom: 20px; }
  .csrBlock p { font-size: 16px; } }

#birdfriendly { position: relative; z-index: 10; }
@media screen and (max-width: 749px) { #birdfriendly { margin-bottom: 7.46667vw; }
  #birdfriendly .image { background-image: url("../img/sustainability/sustainability_img_01_sp.png"); }
  #birdfriendly .logo img { width: 33vw; } }
@media screen and (min-width: 750px) { #birdfriendly { margin-bottom: 50px; }
  #birdfriendly .image { background-image: url("../img/sustainability/sustainability_img_01.jpg"); }
  #birdfriendly .inner { margin-left: auto; margin-top: -165px; } }

@media screen and (max-width: 749px) { #doitung { margin-bottom: 7.46667vw; }
  #doitung .image { background-image: url("../img/sustainability/sustainability_img_02_sp_20231222.png"); }
  #doitung .logo img { width: 36.53333vw; } }
@media screen and (min-width: 750px) { #doitung { margin-bottom: 50px; }
  #doitung .image { background-image: url("../img/sustainability/sustainability_img_02_20231222.jpg"); }
  #doitung .inner { margin-top: -140px; } }

@media screen and (max-width: 749px) { #fairtrade { margin-bottom: 7.46667vw; }
  #fairtrade .image { background-image: url("../img/sustainability/sustainability_img_06_sp.png"); }
  #fairtrade .logo img { width: 25.33333vw; } }
@media screen and (min-width: 750px) { #fairtrade { margin-bottom: 50px; }
  #fairtrade .image { background-image: url("../img/sustainability/sustainability_img_06.jpg"); }
  #fairtrade .inner { margin-left: auto; margin-top: -155px; } }

@media screen and (max-width: 749px) { #womanshand { margin-bottom: 7.46667vw; }
  #womanshand .image { background-image: url("../img/sustainability/sustainability_img_03_sp_20231222.png"); }
  #womanshand .logo img { width: 30.4vw; } }
@media screen and (min-width: 750px) { #womanshand { margin-bottom: 50px; }
  #womanshand .image { background-image: url("../img/sustainability/sustainability_img_03_20231222.jpg"); }
  #womanshand .inner { margin-top: -168px; } }

@media screen and (max-width: 749px) { #sanpatrignano { margin-bottom: 7.46667vw; }
  #sanpatrignano .image { background-image: url("../img/sustainability/sustainability_img_04_sp.png"); }
  #sanpatrignano .logo img { width: 49.33333vw; } }
@media screen and (min-width: 750px) { #sanpatrignano { margin-bottom: 50px; }
  #sanpatrignano .image { background-image: url("../img/sustainability/sustainability_img_04.jpg"); }
  #sanpatrignano .inner { margin-left: auto; margin-top: -140px; } }

@media screen and (max-width: 749px) { #camelfarm { margin-bottom: 20vw; }
  #camelfarm .image { background-image: url("../img/sustainability/sustainability_img_05_sp_20231222.png"); }
  #camelfarm .logo img { width: 22.66667vw; } }
@media screen and (min-width: 750px) { #camelfarm { margin-bottom: 150px; }
  #camelfarm .image { background-image: url("../img/sustainability/sustainability_img_05_20231222.jpg"); }
  #camelfarm .inner { margin-top: -145px; } }

@media screen and (max-width: 749px) { #chocolaterie { margin-bottom: 20vw; }
  #chocolaterie .image { background-image: url("../img/sustainability/sustainability_img_07_sp.png"); }
  #chocolaterie .logo img { width: 22.66667vw; } }
@media screen and (min-width: 750px) { #chocolaterie { margin-bottom: 150px; }
  #chocolaterie .image { background-image: url("../img/sustainability/sustainability_img_07.jpg"); }
  #chocolaterie .inner { margin-top: -145px; } }

#csrlist .copy { color: #fff; }
#csrlist .copy span { font-weight: bold; }
#csrlist li { position: relative; background: #fff; }
#csrlist li p:not(:last-child) { margin-bottom: 1em; }
#csrlist li a { color: #000; text-decoration: underline; }
#csrlist li img { position: absolute; top: 0; left: 0; width: 100%; }
@media screen and (max-width: 749px) { #csrlist { padding-bottom: 16vw; }
  #csrlist .copy { margin-bottom: 2.66667vw; font-size: 5.33333vw; line-height: 1.6; }
  #csrlist .copy span { display: block; font-size: 3.73333vw; }
  #csrlist li { padding: 61.33333vw 2.66667vw 4vw; }
  #csrlist li:not(:last-child) { margin-bottom: 6.66667vw; }
  #csrlist h3 { margin-bottom: 1.33333vw; font-size: 3.46667vw; }
  #csrlist p { line-height: 1.8; font-size: 2.93333vw; } }
@media screen and (min-width: 750px) { #csrlist { padding-bottom: 110px; }
  #csrlist .copy { margin-bottom: 25px; font-size: 32px; }
  #csrlist .copy span { margin-left: 1.2em; font-size: 20px; }
  #csrlist ul { display: flex; display: -webkit-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
  #csrlist li { width: 376px; margin-bottom: 40px; padding: 278px 20px 30px; }
  #csrlist li:not(:nth-child(3n)) { margin-right: 36px; }
  #csrlist h3 { margin-bottom: 10px; font-size: 20px; }
  #csrlist p { line-height: 2; font-size: 16px; } }

/*# sourceMappingURL=sustainability.css.map */