@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ @import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700|Roboto:400,500,700|Lato:400,700&display=swap&subset=japanese);
/*----------------------------------------
 LP共通style
-----------------------------------------*/
body, sub, sup {
  position: relative;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", Osaka, "MS PGothic", arial, helvetica, sans-serif;
}
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%
}
details, main {
  display: block
}
button, hr, input {
  overflow: visible
}
progress, sub, sup {
  vertical-align: baseline
}
h1 {
  font-size: 2em
}
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0
}
abbr[title] {
  border-bottom: none;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}
b, strong {
  font-weight: bolder
}
small {
  font-size: 80%
}
sub, sup {
  font-size: 75%;
  line-height: 0
}
sub {
  bottom: -.25em
}
sup {
  top: -.5em
}
img {
  border-style: none
}
button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}
button, select {
  text-transform: none
}
[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: ButtonText dotted 1px
}
fieldset {
  padding: .35em .75em .625em
}
legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}
textarea {
  overflow: auto
}
[type=checkbox], [type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0
}
::after, ::before, body {
  -webkit-box-sizing: border-box
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}
article {
  display: block;
}
body {
  margin: 0;
  padding: 0;
  line-height: 1.43;
  background: #fff;
  color: #050101;
  font-size: 14px;
  font-weight: 400;
  box-sizing: border-box;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 768px) {
  body {
    line-height: 1.67;
    font-size: 12px;
  }
}
figure {
  display: block;
}
picture {
  width: 100%;
}
img, svg {
  border-style: none;
  max-width: 100%;
  outline: 0;
}
* {
  -webkit-box-sizing: inherit;
  box-sizing: inherit
}
#container {
  width: 100%;
  margin: auto;
  padding-top: 20px;
}
#main {
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
}
@media only screen and (max-width: 767px) { /*SP*/
  .u-show-pc {
    display: none;
  }
}
@media only screen and (min-width: 768px) { /*PC*/
  .u-show-sm {
    display: none;
  }
}
/*----------------------------------------
 brand category &Healthy
-----------------------------------------*/
.healthy-bg {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  background-color: #f8f5eb;
}
@media screen and (max-width: 767px) {
  .healthy-bg {
    padding-bottom: 10px;
  }
}
.healthy-bg > section {
  width: 1200px;
  max-width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
}
.block-item-detail-description-block .block-item-list-main-healthy-about {
  background-color: #f8f5eb;
  padding: 20px 20px 5px;
  margin-bottom: 20px;
  margin-right: -16px;
  margin-left: -16px;
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-healthy-about {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px;
    margin: 0px;
  }
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-healthy-about .block-item-list-main-healthy-about__inner {
    max-width: 484px;
    margin-right: 20px;
  }
}
.block-item-detail-description-block .block-item-list-main-healthy-about .block-item-list-main-healthy-about__title {
  margin: 0 auto 20px;
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-healthy-about .block-item-list-main-healthy-about__title {
    max-width: 1200px;
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-healthy-about .block-item-list-main-healthy-chart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.block-item-detail-description-block .block-item-list-main-healthy-about .block-item-list-main-healthy-chart .block-item-list-main-healthy-chart__image {
  margin: 0 auto;
  max-width: 258px;
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-healthy-about .block-item-list-main-healthy-chart .block-item-list-main-healthy-chart__image {
    margin-right: 25px;
    max-width: 280px;
  }
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-healthy-about .block-item-list-main-healthy-about__contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-healthy-about .block-item-list-main-healthy-about__contents figure {
    max-width: 140px;
    width: 100%;
    margin-top: 20px;
  }
}
.block-item-detail-description-block .block-item-list-main-healthy-about .block-item-list-main-healthy-chart .block-item-list-main-healthy-about__contents p {
  font-size: 12px;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-healthy-about .block-item-list-main-healthy-about__contents p {
    font-size: 12px;
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-healthy-about .block-item-list-main-healthy-about__colms {
    max-width: 320px;
  }
}
.block-item-detail-description-block .block-item-list-main-healthy-about .block-item-list-main-healthy-chart .block-item-list-main-healthy-chart__title {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-healthy-about .block-item-list-main-healthy-chart__title {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 10px;
    line-height: 1.5;
  }
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-healthy-about .block-item-list-main-healthy-chart .block-item-list-main-healthy-chart__annotation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-healthy-about .block-item-list-main-healthy-chart .block-item-list-main-healthy-chart__note {
    max-width: 318px;
  }
}
.block-item-detail-description-block .block-item-list-main-healthy-about .block-item-list-main-healthy-chart .block-item-list-main-healthy-chart__annotation .block-item-list-main-healthy-chart__note p {
  font-size: 10px;
  line-height: 1.6;
  margin-top: 15px;
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-healthy-about .block-item-list-main-healthy-chart .block-item-list-main-healthy-chart__note p {
    font-size: 10px;
    line-height: 1.6;
    margin-top: 15px;
  }
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-healthy-about .block-item-list-main-healthy-chart .block-item-list-main-healthy-chart__annotation figure {
    max-width: 140px;
    margin: 20px 0 0 20px;
  }
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-healthy-tidbits {
    margin-bottom: 20px;
  }
}
.block-item-detail-description-block .block-item-list-main-healthy-tidbits .block-item-list-main-healthy-tidbits__title {
  margin: 0 auto 15px;
  max-width: 324px;
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-healthy-tidbits .block-item-list-main-healthy-tidbits__title {
    max-width: 430px;
  }
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-healthy-tidbits .block-item-list-main-healthy-tidbits__cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 690px;
    margin: 0 auto;
  }
}
.block-item-detail-description-block .block-item-list-main-healthy-tidbits .block-item-list-main-healthy-tidbits__cols figure {
  margin-bottom: 15px;
}
.block-item-detail-description-block .block-item-list-main-healthy-tidbits .block-item-list-main-healthy-tidbits__cols img {
  padding: 0 40px;
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-healthy-tidbits .block-item-list-main-healthy-tidbits__cols img {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-healthy-tidbits .block-item-list-main-healthy-tidbits__cols figure {
    max-width: 320px;
    margin: 0;
  }
}
.block-item-detail-description-block .block-item-list-main-healthy-tidbits .block-item-list-main-healthy-tidbits__cols figcaption {
  color: #222222;
  font-size: 12px;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-healthy-faq {
    padding: 25px 80px;
    margin: 0;
    font-family: "Zen Maru Gothic", sans-serif;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .block-item-list-main-healthy-faq,
  .block-item-list-main-healthy-faq * {
    font-family: "Zen Maru Gothic", sans-serif !important;
  }
}
.block-item-list-main-healthy-faq *::before {
  font-family: icons;
}
.block-item-detail-description-block .block-item-list-main-healthy-faq .block-item-list-main-healthy-faq__title {
  margin: 0 auto 20px;
  max-width: 180px;
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-healthy-faq .block-item-list-main-healthy-faq__title {
    margin: 0 auto 25px;
    max-width: 220px;
  }
}
.block-item-list-main-healthy-faq__title picture,
.block-item-list-main-healthy-faq__title img {
  width: 120%;
  height: auto;
}
.block-item-detail-description-block .block-item-list-main-healthy-faq .faq-item {
  background: #74c7ca;
  color: #fff;
  margin-bottom: 15px;
}
.block-item-detail-description-block .block-item-list-main-healthy-faq.orange .faq-item {
  background: #ef9819;
  color: #fff;
  margin-bottom: 15px;
}
.block-item-detail-description-block .block-item-list-main-healthy-faq.pink .faq-item {
  background: #f4785c;
  color: #fff;
  margin-bottom: 15px;
}
.block-item-detail-description-block .block-item-list-main-healthy-faq .faq-item-header {
  text-align: left;
  text-decoration: none;
  padding: 10px 40px 10px 12px;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 68px;
  font-size: 14px;
  font-weight: 500;
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-healthy-faq .faq-item-header {
    font-size: 20px;
    padding: 10px 50px 10px 15px;
    min-height: 68px;
  }
}
.block-item-detail-description-block .block-item-list-main-healthy-faq .faq-item-header .icon-plus {
  color: #fff;
  margin: -0.5em 0 0;
  position: absolute;
  top: 50%;
  right: 20px;
}
.block-item-detail-description-block .block-item-list-main-healthy-faq .faq-item.is_opened .faq-item-header .icon-plus::before {
  content: "";
  width: 16px;
  border-top: 2px solid #fff;
  margin: 0.45em 0 0;
  display: block;
}
.block-item-detail-description-block .block-item-list-main-healthy-faq .faq-item-mark-question {
  margin-right: 20px;
  max-width: 25px;
  width: 100%;
  text-align: center;
  margin-top: 2px;
}
@media (min-width: 768px) {
  .bblock-item-detail-description-block .block-item-list-main-healthy-faq .faq-item-mark-question {
    max-width: 38px;
  }
}
.block-item-detail-description-block .block-item-list-main-healthy-faq .faq-item-body {
  height: 0;
  overflow: hidden;
}
.block-item-detail-description-block .block-item-list-main-healthy-faq .faq-item.is_opened .faq-item-body {
  height: auto;
  padding: 12px;
  display: flex;
  align-items: flex-start;
  width: 100%;
  min-height: 60px;
  background-color: #fff;
  border: 0.1rem solid #74c7ca;
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-healthy-faq .faq-item.is_opened .faq-item-body {
    padding: 15px;
    min-height: 60px;
	background-color: #fff;
    border: 0.1rem solid #74c7ca;
  }
}
.block-item-detail-description-block .block-item-list-main-healthy-faq.orange .faq-item.is_opened .faq-item-body {
  height: auto;
  padding: 12px;
  display: flex;
  align-items: flex-start;
  width: 100%;
  min-height: 60px;
  background-color: #fff;
  border: 0.1rem solid #ef9819;
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-healthy-faq.orange .faq-item.is_opened .faq-item-body {
    padding: 15px;
    min-height: 60px;
	background-color: #fff;
    border: 0.1rem solid #ef9819;
  }
}
.block-item-detail-description-block .block-item-list-main-healthy-faq.pink .faq-item.is_opened .faq-item-body {
  height: auto;
  padding: 12px;
  display: flex;
  align-items: flex-start;
  width: 100%;
  min-height: 60px;
  background-color: #fff;
  border: 0.1rem solid #f4785c;
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-healthy-faq.pink .faq-item.is_opened .faq-item-body {
    padding: 15px;
    min-height: 60px;
	background-color: #fff;
    border: 0.1rem solid #f4785c;
  }
}
.block-item-detail-description-block .block-item-list-main-healthy-faq .faq-item-mark-answer {
  margin-right: 20px;
  width: 100%;
  max-width: 20px;
  margin-top: 2px;
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-healthy-faq .faq-item-mark-answer {
    max-width: 27px;
	margin-top: 3px;
  }
}
.block-item-detail-description-block .block-item-list-main-healthy-faq .faq-item-body-inner {
  font-size: 12px;
  line-height: 1.5;
  color: #440101;
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-healthy-faq .faq-item-body-inner {
    font-size: 17px;
	color: #440101;
  }
}
.block-item-detail-description-block .block-item-list-main-healthy-faq .faq-item-body-inner p {
	margin-bottom: 0;
}
.faq-item {
  margin: 0 20px;
}

.faq-item + .faq-item {
  margin-top: 10px;
}
@media (max-width: 1023px) and (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-healthy-about .block-item-list-main-healthy-chart .block-item-list-main-healthy-chart__image__wrap .block-item-list-main-healthy-chart__image {
    width: 180px !important;
    margin-right: 15px;
  }
  .block-item-detail-description-block .block-item-list-main-healthy-about .block-item-list-main-healthy-chart .block-item-list-main-healthy-chart__image__wrap {
    max-width: 305px;
  }
}
@media (min-width: 768px) {
  .block-item-list-main-healthy-about__colms__powder__illust {
    max-width: 160px !important;
    margin: 100px 0 0 20px !important;
  }
}
.block-item-detail-description-block .block-item-list-main-healthy-howtodrink {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-healthy-howtodrink {
    margin-bottom: 20px;
  }
}
.block-item-detail-description-block .block-item-list-main-healthy-howtodrink .block-item-list-main-healthy-howtodrink__title {
  margin: 0 auto 5px;
  max-width: 230px;
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-healthy-howtodrink .block-item-list-main-healthy-howtodrink__title {
    margin: 0 auto 10px;
    max-width: 300px;
  }
}
.block-item-detail-description-block .block-item-list-main-healthy-howtodrink .block-item-list-main-healthy-howtodrink__cols {
  margin: 0 auto;
  width: 100%;
}
.block-item-detail-description-block .block-item-list-main-healthy-howtodrink .block-item-list-main-healthy-howtodrink__stepwrap {
  max-width: 100%;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-healthy-howtodrink .block-item-list-main-healthy-howtodrink__stepwrap {
    max-width: 800px;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 auto 10px;
  }
}
.block-item-detail-description-block .block-item-list-main-healthy-howtodrink .block-item-list-main-healthy-howtodrink__step {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto 5px;
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-healthy-howtodrink .block-item-list-main-healthy-howtodrink__step {
    width: 170px;
    display: block;
    margin: 0;
    position: relative;
  }
  .block-item-detail-description-block .block-item-list-main-healthy-howtodrink .block-item-list-main-healthy-howtodrink__step + .block-item-list-main-healthy-howtodrink__step::before {
    position: absolute;
    top: 85px;
    left: -32px;
    width: 26px;
    height: 17px;
    transform: translateY(-50%);
    background: url(/client_info/UCC/view/userweb/brand/andhealthy/images/category_icon-arrow-01.png) no-repeat center center transparent;
    background-size: contain;
    content: "";
  }
}
.block-item-detail-description-block .block-item-list-main-healthy-howtodrink .block-item-list-main-healthy-howtodrink__step__img {
  width: 30%;
  height: auto;
  margin: 0 5% 0 0;
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-healthy-howtodrink .block-item-list-main-healthy-howtodrink__step__img {
    width: 100%;
    height: auto;
    margin: 0 0 10px 0;
  }
}
.block-item-detail-description-block .block-item-list-main-healthy-howtodrink .block-item-list-main-healthy-howtodrink__step__txt {
  width: 70%;
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-healthy-howtodrink .block-item-list-main-healthy-howtodrink__step__txt {
    width: 100%;
  }
}
.block-item-detail-description-block .block-item-list-main-healthy-howtodrink .block-item-list-main-healthy-howtodrink__step__txt h3 {
  font-weight: 700;
  margin: 0 0 5px 0;
  font-size: 15px;
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-healthy-howtodrink .block-item-list-main-healthy-howtodrink__step__txt h3 {
    margin: 0 0 10px 0;
    font-size: 16px;
    text-align: center;
  }
}
.block-item-detail-description-block .block-item-list-main-healthy-howtodrink .block-item-list-main-healthy-howtodrink__step__txt p {
  font-size: 12px;
  line-height: 1.6;
}
.block-item-detail-description-block .block-item-list-main-healthy-howtodrink .block-item-list-main-healthy-howtodrink__cols__redtxt {
  color: red;
}
.block-item-detail-description-block .block-item-list-main-healthy-howtodrink .block-item-list-main-healthy-howtodrink__cation {
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-healthy-howtodrink .block-item-list-main-healthy-howtodrink__cation__flex {
    max-width: 800px;
    display: flex;
    margin: 0 auto;
    align-items: center;
  }
}
.block-item-detail-description-block .block-item-list-main-healthy-howtodrink .block-item-list-main-healthy-howtodrink__cation__flex h4 {
  background-color: #be956a;
  padding: 5px;
  font-size: 13px;
  margin: 0 0 5px 0;
  color: #fff;
  text-align: center;
  font-weight: 300;
  line-height: 1.6;
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-healthy-howtodrink .block-item-list-main-healthy-howtodrink__cation__flex h4 {
    padding: 10px 20px;
    font-size: 13px;
    margin: 0 20px 0 0;
    text-align: left;
    width: 560px;
  }
}
.block-item-detail-description-block .block-item-list-main-healthy-howtodrink .block-item-list-main-healthy-howtodrink__cation__flex p {
  margin-bottom: 0;
  font-size: 11px;
  line-height: 1.6;
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-healthy-howtodrink .block-item-list-main-healthy-howtodrink__cation {
    max-width: 800px;
    margin: 0 auto;
  }
}
.block-item-detail-description-block .block-item-list-main-healthy-howtodrink .block-item-list-main-healthy-howtodrink__cation p {
  margin-bottom: 0;
  font-size: 11px;
  line-height: 1.6;
}
.block-item-detail-description-block .block-item-list-main-healthy-howtodrink .block-item-list-main-healthy-howtodrink__cation p + p {
  margin-top: 5px;
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-healthy-howtodrink .block-item-list-main-healthy-howtodrink__cation p + p {
    margin-top: 10px;
  }
  .block-item-detail-description-block .block-item-list-main-healthy-howtodrink .block-item-list-main-healthy__p__center {
    text-align: center
  }
}
.block-item-detail-description-block .block-item-list-main-healthy-about__pet {
  background-color: #f8f5eb;
  padding: 20px 20px 20px;
  margin-bottom: 20px;
  margin-right: -16px;
  margin-left: -16px;
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-healthy-about__pet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 80px;
    margin: 0 0 20px;
  }
}
.block-item-detail-description-block .block-item-list-main-healthy-about__title__pet {
  margin: 0 auto 20px;
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-healthy-about__title__pet {
    width: 500px;
    margin: 0 auto 20px;
  }
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-healthy-about__pet .block-item-list-main-healthy-about__inner__pet {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  .block-item-detail-description-block .block-item-list-main-healthy-about__contents__pet /*pc*/ {
    max-width: 700px;
  }
  .block-item-detail-description-block .block-item-list-main-healthy-about__illust__pet {
    max-width: 200px;
    margin-left: 20px;
  }
}
.block-item-detail-description-block .block-item-list-main-healthy-about__contents__pc__pet {
  max-width: 780px;
}
.block-item-detail-description-block .block-item-list-main-healthy-about__contents__pc__pet p {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 5px;
}
.block-item-detail-description-block .block-item-list-main-healthy-about__contents__pc__pet figure {
  width: 50%;
  margin: 0 auto 10px;
}
.block-item-detail-description-block .block-item-list-main-healthy-about__contents__pc__pet .block-item-list-main-healthy-about__caution__pet {
  font-size: 10px;
  line-height: 1.6;
}
.block-item-detail-description-block .block-item-list-main-healthy-about__contents__sp__pet figure {
  width: 60%;
  margin: 0 auto 10px;
}
.block-item-detail-description-block .block-item-list-main-healthy-about__contents__sp__pet p {
  font-size: 14px;
  line-height: 1.6;
}
.block-item-detail-description-block .block-item-list-main-healthy-about__contents__sp__pet .block-item-list-main-healthy-about__caution__pet {
  font-size: 10px;
  line-height: 1.6;
}
.block-item-detail-description-block .block-item-list-main-healthy-taste {
  margin: 0 0 20px 0;
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-healthy-taste {
    margin: 0 auto 20px;
    max-width: 800px;
  }
}
.block-item-detail-description-block .block-item-list-main-healthy-taste .block-item-list-main-healthy-taste__title {
  margin: 0 auto 20px;
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-healthy-taste .block-item-list-main-healthy-taste__title {
    max-width: 620px;
  }
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-healthy-taste .block-item-list-main-healthy-taste__contents {
    display: flex;
    justify-content: space-between;
  }
}
.block-item-detail-description-block .block-item-list-main-healthy-taste .block-item-list-main-healthy-taste__contents figure {
  max-width: 300px;
  margin: 0 auto 10px;
}
@media (min-width: 768px) {
  .block-item-detail-description-block .block-item-list-main-healthy-taste .block-item-list-main-healthy-taste__contents figure {
    margin: 0 30px 0 0;
  }
}
.block-item-detail-description-block .block-item-list-main-healthy-taste .block-item-list-main-healthy-taste__contents__txt {
  max-width: 500px;
}
.block-item-detail-description-block .block-item-list-main-healthy-taste .block-item-list-main-healthy-taste__contents__txt h3 {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 10px;
}
.block-item-detail-description-block .block-item-list-main-healthy-taste .block-item-list-main-healthy-taste__contents__txt p {
  font-size: 14px;
  line-height: 1.6;
}
.block-item-detail-description-block .block-item-list-main-healthy-taste .block-item-list-main-healthy-taste__contents__txt .block-item-list-main-healthy-taste__cautuion {
  font-size: 10px;
  line-height: 1.6;
}

/* フォーカス状態（キーボード操作時） */
#tab1:focus-visible ~ .tabs-inner label[for="tab1"], #tab2:focus-visible ~ .tabs-inner label[for="tab2"], #tab3:focus-visible ~ .tabs-inner label[for="tab3"] {
  outline: 2px solid #A59AC9;
  outline-offset: 2px;
}
.tot-faq .tab-labels {
  display: flex;
  width: 100%;
  margin: 0 auto 30px;
}
.tot-faq .tab-label {
  background-color: #acacac;
  color: #fff;
  flex: 1;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  padding: 10px;
  cursor: pointer;
  border-bottom: 3px solid #acacac;
  transition: all 0.3s;
}
@media (min-width: 768px) {
  .tot-faq .tab-label {
    font-size: 20px;
    padding: 15px 10px;
  }
}
.tot-faq .tab-label:hover {
  opacity: 0.7;
}
.tot-faq .tab-contents > div {
  display: none;
  padding: 0;
}
/* チェックされたタブのラベルのスタイル */
#tab1:checked ~ .tabs-inner label[for="tab1"]{
  border-bottom-color: #17a8af;
  background-color: #17a8af;
}
#tab2:checked ~ .tabs-inner label[for="tab2"]{
  border-bottom-color: #df8500;
  background-color: #df8500;
}
/* チェックされたタブの内容を表示 */
#tab1:checked ~ .tabs-inner .content-tab1, #tab2:checked ~ .tabs-inner .content-tab2 {
  display: block;
}