@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Zilla+Slab&display=swap");
@import url("https://fonts.googleapis.com/css?family=Open+Sans&display=swap");

.healthcare {
font-family: yugothic, Yu Gothic, 游ゴシック体, 游ゴシック, ヒラギノ角ゴ ProN W3, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, meiryo, MS ゴシック, MS Gothic, sans-serif !important;
background-color: #fff;
color: #000;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.healthcare * {
font-family: yugothic, Yu Gothic, 游ゴシック体, 游ゴシック, ヒラギノ角ゴ ProN W3, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, meiryo, MS ゴシック, MS Gothic, sans-serif !important;
}

.healthcare .feature__top { margin: 10px 0 0; }
.healthcare .feature__title { margin-bottom: 0; }

.healthcare__lead { 
margin: 25px 25px 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.healthcare_feature { 
margin: 25px 25px 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.healthcare .offer__lead__about { padding: 0 25px; margin: 0 auto 14px; }

.healthcare .offer__lead h2.title {
font-size: 14px;
font-weight: 400;
margin-bottom: 25px;
}

.healthcare .healthcare_feature_icon {
border: 1px solid #000;
background-color: #fff;
}

.healthcare .healthcare_feature_icon_bg {
background-color: #fff;
padding: 15px 8px 10px;
}

.healthcare .healthcare_feature_icon_bg ul {
width: 60%;
margin: 0 auto;
}

.healthcare .healthcare_feature_icon_bg li { display: inline; padding-right: 5px; }
.healthcare .healthcare_feature_icon_bg li:last-child { padding-right: 0; }

.healthcare .healthcare_feature__title {
position: relative;
padding: 0 0 15px;
font-size: 1.34rem;
font-weight: 700;
color: #000;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.healthcare .healthcare_feature__title:before {
content: "";
display: block;
position: absolute;
top: 50%;
right: 15px;
margin-top: -11px;
border-top: 7px solid #000;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
transition: all 0.3s ease;
}

.healthcare .healthcare_feature__title.close:before {
border-top: 0;
border-bottom: 7px solid #000;
}

.healthcare .healthcare_feature__title.close:after { background-image: none; }

.healthcare_main_area {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.healthcare_main_area img { height: auto; }

.healthcare .offer__wrapper { background-color: #fff;}

.healthcare nav { margin: 0 20px 40px; }

/*
.healthcare .offer__nav__link {
display: flex;
display: -webkit-flex;
margin-bottom: 30px;
}
*/


.healthcare .feature__local-navigetion li {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.healthcare .feature__local-navigetion .navCol {
border-bottom: 1px dotted #fff;
}

.healthcare .feature__local-navigetion .navCol.nav01 { background: #cfcf4e; border-radius: 6px 6px 0 0; }
.healthcare .feature__local-navigetion .navCol.nav02 { background: #f6b04a;}
.healthcare .feature__local-navigetion .navCol.nav03 { background: #8bcaa0; border-radius: 0 0 6px 6px; }

.healthcare .feature__local-navigetion .navCol .down__arrow {
display: flex;
display: -webkit-flex;
-webkit-align-items: center;
align-items: center;
padding: 20px 0 20px 20px;
}

.healthcare .feature__local-navigetion li:last-child {
border-bottom: 0;
}
/*
.healthcare .feature__local-navigetion a {
font-size: 1.5rem;
color: #231815;
}*/

.healthcare .down__arrow:before {
  background: #fff;
  content: "";
  display: block;
  height: 12px;
  margin-top: -6px;
  position: absolute;
  right: 30px;
  top: 50%;
  width: 3px;
}

.healthcare .down__arrow:after {
  background: transparent;
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  content: "";
  display: block;
  height: 10px;
  margin-top: -5px;
  position: absolute;
  right: 25px;
  top: 50%;
  transform: rotate(45deg);
  width: 10px;
}
  
/*
.healthcare_nav_teikiTitle {
margin: 30px 0 10px;
text-align: center;
font-size: 1.5rem;
line-height: 1.5;
font-weight: 700;
}

.healthcare_nav_mokutekiTitle {
margin-top: 15px;
padding: 20px 0;
color: #fff;
text-align: center;
background-color: #558d5c;
font-size: 1.166rem;
line-height: 1.3;
font-weight: 700;
}
*/

.healthcare .nav__title {
margin-right: 10px;
color: #fff;
font-size: 1.3rem;
line-height: 1.5;
text-align: left;
font-family: YuGothic, Yu Gothic, 游ゴシック体, 游ゴシック, Open Sans, Zilla Slab, ヒラギノ角ゴ ProN W3, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, MS ゴシック, MS Gothic, sans-serif !important;
font-weight: 700;
}


.healthcare .nav__title_new {
display: inline;
margin-right: 4px;;
font-size: 1.2rem;
line-height: 1.3;
text-align: center;
font-family: YuGothic, Yu Gothic, 游ゴシック体, 游ゴシック, Open Sans, Zilla Slab, ヒラギノ角ゴ ProN W3, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, MS ゴシック, MS Gothic, sans-serif !important;
font-weight: 700;
color: #c00;
}


.healthcare_button {
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
color: #000;
font-size: 14px;
font-weight: 700;
text-align: center;
line-height: 1.3;
}

.healthcare_button:after {
content: "";
display: block;
position: absolute;
width: 5px;
height: 5px;
border-top: 2px solid #000;
border-right: 2px solid #000;
transform: rotate(45deg);
right: 12px;
top: 50%;
margin-top: -7px;
}

.healthcare li, .healthcare ul { list-style: none; }

.healthcare_feature_inner {
display: none;
background-color: #fff;
padding: 0 8px;
}

.healthcare_feature_inner li { padding-bottom: 30px; }

/* アイコン説明 */
.healthcare_feature_inner li .hc-ico {
display: block !important;
width: calc(100% / 3.5);
height: auto;
margin: 0 auto 10px;
}

.healthcare_feature_inner li .hc-ico-title {
padding-bottom: 4px;
margin: 0 15px 15px;
background-color: #fff;
border-bottom: 1px solid #000;
font-size: 1.166rem;
line-height: 1.3;
font-weight: 700;
color: #000;
text-align: center;
}

.hc-ico-text { margin: 14px 10px 0; }

.hc-ico-text li {
padding-bottom: 10px;
padding-left:1em;
text-indent: -1em;
font-size: 1.166rem;
line-height: 1.3;
}

.hc-ico-text li:before { content: "・"; }

.hc-ico-att {
padding-bottom: 20px;
font-size: 1rem;
line-height: 1.3;
}

.healthcare_feature_inner li:last-child { padding-bottom: 0;}

.healthcare .category_04.offer-item { margin-bottom: 30px; }

.healthcare .category_04 .offer-item__contents { margin: 0; }
/*
.healthcare .category_04.offer-item .item__list--offer {
margin-bottom: 45px;
padding: 0 0 10px;
border: none;
border-bottom: 1px solid #ebebeb;
}
.healthcare .category_04.offer-item .item__list--offer:last-child { border-bottom: none; }
*/
.healthcare .hc_title__category--sub {
margin: 20px 10px 0;
font-size: 2.0rem;
line-height: 1.5;
font-weight: 700;
text-align: center;
color: #000;
}

.healthcare .hc_category--stitle {
margin: 40px 0 20px;
padding: 10px;
font-size: 1.5rem;
text-align: center;
font-weight: 700;
color: #000;
background: #FEEFC1;
}



.healthcare .hc_category-stitle {
  margin: 40px 0 20px;
  font-size: 1.5rem;
  text-align: center;
  font-weight: 700;
  color: #76952F;
  }

.healthcare .hc_cross_sell--block { 
margin: 60px 0 20px;
padding: 7px 20px;
font-size: 1.5rem;
text-align: center;
font-weight: 700;
color: #fff;
background-color: #5D5D5D;
}
/*
.healthcare .hc_category--protein-block { text-align: center;}
.healthcare .hc_category--protein {
display: inline-block;
margin: 0 auto 30px;
padding: 7px;
border: #231815 1px solid;
background-color: #fff;
font-size: 1.166rem;
color: #231815;
text-align: center;
font-weight: 700;
}
*/
.healthcare .hc_category-mokuteki {
margin: 20px 0;
padding: 7px;
font-size: 1.5rem;
line-height: 1.5;
color: #000;
text-align: center;
font-weight: 400;
}

.healthcare .hc_category--moku_title {
margin: 0 0 20px;
padding: 15px 20px;
font-size: 1.34rem;
text-align: left;
color: #000;
background-color: #f7fbee;
}

.healthcare_kit-ico-balllon { margin: 0 auto 10px; }

.healthcare_line-btm {
border-bottom: 1px solid #ebebeb;
padding-bottom: 10px;
}

.healthcare_kit-balloon {
margin: 0;
padding: 8px;
margin-left: 0;
color: #000;
font-size: 1rem;
line-height: 1.5;
position: relative;
background-color: #f2eee5;
}


.healthcare_kit-balloon:after {
content: "";
position: absolute;
bottom: -16px;
left: 50%;
margin-left: -17px;
border: 8px solid transparent;
border-top: 8px solid #f2eee5;
z-index: 2;
}

.hc-kit-comment {
font-size: 16px;
font-weight: 900;
color: #000;
text-align: center;
}

.hc-item-nutrient {
display: flex;
display: -webkit-flex;
margin: 10px 0;
-webkit-justify-content: center;
justify-content: center;
}

.hc-item-nutrient li + li { padding-left: 10px; }

.hc-item-nutrient img { width: 55px; }
/*
.healthcare_kit-ico-balllon .ico-image-block { margin-left: 10px; }

.healthcare_kit-ico-balllon .ico-image-block img { width: 100%; height: auto; }


.healthcare_kit-ico-balllon .ico-image-block.no-ico { display: none; }
*/
/* スライダー */
.hc-swiper-area { margin: 0 25px 30px; }

.hc-swiper-area .swiper-wrapper { height: auto; }
	
.hc-swiper-area .swiper-container {
width: 100%;
padding: 0 0 42px !important;
background-color: #fff;
}
	
.hc-swiper-area .swiper-slide { height: auto; }

.hc-swiper-area .swiper-button-prev, .hc-swiper-area .swiper-container-rtl .swiper-button-next { background-image: none !important; }
.hc-swiper-area .swiper-button-next, .hc-swiper-area .swiper-container-rtl .swiper-button-prev { background-image: none !important; }
	
.hc-swiper-area .swiper-button-next, .hc-swiper-area .swiper-button-prev {
width: 45px !important;
height: 45px !important;
border-radius: 100%;
background: rgba(0,0,0,0.2);
margin-top: 21.4%;
top: 0px;
}
	
.hc-swiper-area .swiper-button-next:after, .hc-swiper-area .swiper-button-prev:after {
content: "";
width: 12px;
height: 12px;
border-width: 3px 3px 0px 0px;
border-style: solid;
border-color: #FFFFFF;
position: absolute;
left: 50%;
top: 50%;
z-index: 1;
}
	
.hc-swiper-area .swiper-button-next:after { transform: translate(-65%, -50%) rotate(45deg); }
.hc-swiper-area .swiper-button-prev:after { transform: translate(-35%, -50%) rotate(-135deg); }
.hc-swiper-area .swiper-pagination { bottom: 14px !important; position: absolute; }
	
/*ページャー●の色味*/
.hc-swiper-area .swiper-pagination-bullet {
width: 14px !important;
height: 14px !important;
padding: 0px;
background: #bdbab9 !important;
opacity: 1 !important;
}
.hc-swiper-area .swiper-pagination-bullet-active { background: #e3904a !important; }

/* スライダー調整 */


/* モーニングスープ */
.hc-msoup-main { margin: 20px 25px 20px; }

.hc-msoup__lead__btn {
border: 1px solid #23adde;
background-color: #fff;
margin: 0 25px 20px;
}

.hc-msoup__lead__title {
position: relative;
padding: 12px 0;
font-size: 16px;
font-weight: 700;
color: #23adde;
text-align: center;
}

.hc-msoup__lead__title:before {
content: "";
display: block;
position: absolute;
top: 50%;
right: 15px;
margin-top: -3px;
border-top: 7px solid #23adde;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
transition: all 0.3s ease;
}

.hc-msoup__lead__title.close:before {
border-top: 0;
border-bottom: 7px solid #23adde;
}

.hc-msoup__lead__title.close:after { background-image: none; }

.healthcare .hc-teikibox-main {
margin: 60px 0;
}

/*
.healthcare .hc-teikibox-area { margin-top: 25px; padding: 0 19px;}

.healthcare .hc-title-2022 {
margin: 50px auto 14px;
font-size: 2.0rem;
line-height: 1.5;
text-align: center;
color: #000;
}

.hc-teikibox-total {
display: flex;
display: -webkit-flex;
margin: 0 auto 10px;
width: 100%;
}

.hc-teikibox-total li {
padding: 4px 12px;
font-size: 1.166rem;
line-height: 1.3;
border: 1px solid #76952F;
}

.hc-teikibox-total li:first-child {
width: 180px;
color: #fff;
background: #76952F;
}

.hc-teikibox-total li {
width: calc((100% - 180px) / 2);
color: #76952F;
background: #fff;
}

.hc-teikibox-total li:nth-child(1), .hc-teikibox-total li:nth-child(2) { border-right: 0; }

.hc-teikibox-total-attention {
margin-bottom: 20px;
font-size: 1rem;
color: #5D5D5D;
line-height: 1.4;
font-weight: 400;
text-align: left;
}

.hc-teikibox-detail-block {
padding: 30px 5px;
border: 1px solid #76952F;
}
.hc-teikibox-detail-sttl {
margin-bottom: 20px;
font-size: 1.34rem;
color: #76952F;
font-weight: 700;
text-align: center;
}

.hc-teikibox-detail {
margin: 0 0 30px;
display: flex;
display: -webkit-flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}

.hc-teikibox-detail li {
width: calc(100% / 3);
padding-bottom: 10px;
text-align: center;
}

.hc-teikibox-detail li img {
width: 100px;
height: auto;
margin-bottom: 5px;
}

.hc-teikibox-detail li .hc-teiki-ryou {
display: block;
font-size: 1rem;
color: #333;
line-height: 1.3;
}
*/

.hc-teikibox-about {
margin: 30px 20px 30px;
padding: 10px 20px;
border: 1px solid #5D5D5D;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.hc-teikibox-about .hc-teikibox-about-title {
position: relative;
font-size: 1.34rem;
color: #5D5D5D;
font-weight: 700;
text-align: center;
}

.hc-teikibox-about .hc-teikibox-about-title:after {
display: block;
content: "";
position: absolute;
top: 50%;
right: -8px;
width: 8px;
height: 8px;
margin-top: -6px;
border: 0px;
border-top: solid 2px #5D5D5D;
border-right: solid 2px #5D5D5D;
-ms-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
transition: all 0.5s ease;
}

.hc-teikibox-about .hc-teikibox-about-title.close::after {
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
margin-top: -2px;
}

.hc-teikibox-about-inner p {
margin-top: 14px;
font-size: 1.166rem;
line-height: 1.6;
color: #5D5D5D;
}

.hc-teikibox-about-inner .hc-teikibox-about-sttl {
text-align: center;
font-weight: 700;
}

.hc-teikibox-about-inner img {
height: auto;
}
*/
.hc-week-ossume-area {
padding: 20px;
background: #f4f4f4;
}

.hc-week-ossume-block {
margin-bottom: 24px;
padding: 20px;
background: #fff;
}

.mb0 { margin-bottom: 0; }

.hc-week-osusume-title {
padding: 0 0 20px;
text-align: center;
font-size: 1.5rem;
line-height: 1.5;
font-weight: 700;
color: #000;
}

.hc-week-osusume-inner {
font-size: 1.2rem;
line-height: 1.5;
font-weight: 700;
}

.hc-week-osusume-sttl {
display: block;
padding-bottom: 2px;
margin-bottom: 15px;
margin-top: 15px;
font-size: 1.25rem;
line-height: 1.5;
font-weight: 400;
border-bottom: 1px solid #000;
}


.hc-week-osusume-inner .hc-week-osusume-inner-text {
flex: 1;
font-size: 1.34rem;
line-height: 1.3;
font-weight: 400;
}


.hc-week-osusume-zairyou { margin-bottom: 5px; }

.hc-week-osusume-zairyou li {
padding-bottom: 2px;
font-size: 1.25rem;
line-height: 1.5;
font-weight: 400;
}

.hc-week-osusume-make {
display: flex;
flex-wrap: wrap;
margin: 10px 0;
}

.hc-week-osusume-make dt {
display: flex;
margin-right: 20px;
padding: 10px;
align-items: center;
font-size: 1.25rem;
line-height: 1.5;
font-weight: 700;
color: #fff;
background: #606060;
text-align: center;
}

.hc-week-osusume-make dd {
flex: 1;
font-size: 1.25rem;
line-height: 1.5;
color: #000;
font-weight: 400;
}

.healthcare_kitoisix .item__list--offer {
margin-top: 40px !important;
}

.healthcare_kitoisix {
position: relative;
margin-top: 40px !important;
}

.healthcare_kitoisix .item__list--offer:nth-child(1) .item--multiple::before,
.healthcare_kitoisix .item__list--offer:nth-child(2) .item--multiple::before,
.healthcare_kitoisix .item__list--offer:nth-child(3) .item--multiple::before {
position: absolute;
padding: 5px 10px;
left: 10px;
top: -20px;
text-align: left;
background-color: #fff;
color: #000;
border: 2px solid #ffdd83;
border-radius: 5px;
z-index: 100;
}

.healthcare_kitoisix .item__list--offer:nth-child(1) .item--multiple::before { content: "たんぱく質：31.1g"; }
.healthcare_kitoisix .item__list--offer:nth-child(2) .item--multiple::before { content: "たんぱく質：32.7g"; }
.healthcare_kitoisix .item__list--offer:nth-child(3) .item--multiple::before { content: "たんぱく質：23.7g"; }

.hc-detale-area {
background: url(/g6/yasai/images/top_common/common_bg_yasai.png) repeat;
margin: 20px 20px 20px;
}

.hc-detail-inner { padding: 15px; }

.hc-detail-title {
margin: 15px 0;
text-align: center;
font-size: 1.2rem;
line-height: 1.5;
color: #000;
}

.hc-detail-text {
font-size: 1.166rem;
line-height: 1.5;
color: #000;
}
/*
.hc-detail-block { padding: 0 20px; }
*/
.hc-detail-sttl {
padding: 5px 15px;
color: #fff;
font-weight: 700;
font-size: 1.2rem;
line-height: 1.5;
background: #909090;
}

.hd-reco-balloon {
display: inline-block;
position: relative;
padding: 8px;
margin: 0 10px;
max-width: 100%;
color: #000;
font-size: 1rem;
line-height: 1.5;
border: 1px solid #909090;
background-color: #f7fbee;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.hd-reco-balloon:before {
content: "";
position: absolute;
bottom: -21px;
left: 50px;
transform: translateX(-50%);
border: 12px solid transparent;
border-top: 12px solid #f7fbee;
z-index: 90;
}

.hd-reco-balloon:after {
content: "";
position: absolute;
bottom: -21px;
left: 50px;
transform: translateX(-50%);
border: 10px solid transparent;
border-top: 10px solid #909090;
z-index: 80;
}

.healthcare .hc-teikibox-point-area { margin: 30px 20px 45px; }

.hc-teikibox-point-area .hc-teikibox-point {
position: relative;
padding: 8px;
margin: 0 0 15px;
max-width: 100%;
color: #000;
font-size: 1.5rem;
line-height: 1.5;
border: 1px solid #f4f4f4;
background-color: #f9d1d5;
box-sizing: border-box;
-webkit-box-sizing: border-box;
text-align: center;
}
.hc-teikibox-point:before {
content: "";
position: absolute;
bottom: -21px;
left: 50%;
transform: translateX(-50%);
border: 12px solid transparent;
border-top: 12px solid #f9d1d5;
z-index: 90;
}

.hc-teikibox-point:after {
content: "";
position: absolute;
bottom: -21px;
left: 50%;
transform: translateX(-50%);
border: 10px solid transparent;
border-top: 10px solid #f4f4f4;
z-index: 80;
}
		
.healthcare .hc-teikibox-point-area p {
font-size: 1.2rem;
line-height: 1.5;
color: #000;
}

/* 2022.12.22up */
/* ページ内リンク */
.hc_catetory {
position: -webkit-sticky;
position: sticky;
top: 0;
background: #fff;
overflow-x: auto;
white-space: nowrap;
width: 100%;
box-sizing: border-box;
min-height: 49px;
z-index: 10;
}

.hc_catetory.is-hcup { top: 0; transition: top 0s .3s; }



.hc_category_anchor__item {
display: inline-block;
padding: 12px;
line-height: 1.4;
}

.hc_category_anchor__item span {
font-size: 15px;
color: #76952F;
font-weight: 700;
}
.list-active { border-bottom: 4px solid #131313; }

.hc-teikibox-msg-area {
margin-bottom: 40px;
padding: 30px 18px 20px;
background: #f6ad48;
}

.hc-teikibox-msg-area .hc-teikibox-msg-inner {
display: flex;
display: -webkit-flex;
/*margin-top: 20px;*/
}

.hc-teikibox-msg-inner .hc-teikibox-comment {
flex: 1;
padding: 10px 10px;
margin: 0 10px;
position: relative;
color: #231815;
font-size: 1.166rem;
line-height: 1.55;
font-weight: 400;
background-color: #fff;
-webkit-align-self: flex-start;
align-self: flex-start;
border-radius: 5px;
}

.hc-teikibox-msg-inner .hc-teikibox-comment:after {
content: "";
position: absolute;
top: 40%;
right: -16px;
border: 8px solid transparent;
border-left: 8px solid #fff;
}

.hc-teikibox-msg-inner .hc-teikibox-image {
width: 94px;
}

.hc-icon-name {
margin-top: 10px;
color: #fff;
font-size: 1.25rem;
font-weight: 400;
line-height: 1.4;
text-align: center;
}

.hc-recommended { margin-bottom: 40px; }

.hc-recipe-archive-news {
margin: 28px auto 16px;
font-size: 1.166rem;
color: #5D5D5D;
font-weight: 700;
text-align: center;
}

.hc-recipe-archive-news a {
font-size: 1.166rem;
color: #5D5D5D;
font-weight: 700;
text-decoration: underline;
}

.hc-recipe-archive {
padding: 25px 30px;
margin-bottom: 30px;
background: rgba(187,197,101,0.2);
}

.hc-recipe-archive-title {
margin-bottom: 25px;
color: #76952F;
font-size: 1.5rem;
line-height: 1.5;
font-weight: 700;
text-align: center;
}

.hc-recipe-archive-list {
display: flex;
display: -webkit-flex;
-webkit-justify-content: center;
justify-content: center;
}

.hc-recipe-archive-list li {
padding: 0 20px;
width: calc(100% / 3);
text-align: center;
border-right: 1px solid #76952F;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.hc-recipe-archive-list li:last-child {
border-right: 0;
}

.hc-recipe-archive-link {
font-size: 1.34rem;
color: #76952F;
font-weight: 700;
}

.hc_kit_hinmoku {
margin: 0 0 5px 0;
font-size: 1rem;
font-weight: 700;
text-align: left;
}

/* 23.02.09 アーカイブ */
a.hc_lp_archive_btn  {
display: block;
position: relative;
margin: 20px 12px 100px;
padding: 20px 10px;
font-size: 1.5rem;
color: #000;
background: #FFDD83;
text-align: center;
border-radius: 6px;
}

a.hc_lp_archive_btn:after {
display: inline;
content: "";
position: absolute;
margin-left: 4px;
top: 50%;
width: 7px;
height: 7px;
margin-top: -4px;
border-top: solid 2px #000;
border-right: solid 2px #000;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}


.hc-seminar-archive { margin: 0 10px 40px; }

.hc-seminar-archive-title {
margin: 20px 10px;
padding: 20px 20px;
font-size: 1.5rem;
line-height: 1.8;
text-align: center;
font-weight: 700;
color: #000;
border-top: 1px solid #000;
border-bottom: 1px solid #000;

}

.hc-seminar-archive-title span { font-size: 1.34rem; }

.hc-seminar-archive-lead {
margin: 0 0 20px;
padding: 0;
font-size: 1.34rem;
line-height: 1.8;
color: #000;
text-align: left;
}

.hc-seminar-archive-note { font-size: 1rem; line-height: 1.5; }

.hc-seminar-archive-topic {
margin-bottom: 40px;
padding: 10px;
font-size: 1.5rem;
line-height: 1.5;
color: #000;
text-align: center;
background: #d9d9d9;
}

.hc-seminar-archive-list { margin: 0 12px; }

.hc-seminar-archive-list li {
padding-bottom: 20px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.hc-seminar-archive-image { margin-top: 15px; }

.hc-seminar-archive-stitle {
display: block;
margin: 12px 0 5px;
font-size: 1.34rem;
line-height: 1.5;
color: #000;
}

.hc-seminar-archive-date {
display: block;
font-size: 1rem;
color: #535252;
}


.hc-item-kcal { margin-bottom: 9px; }

/* kit商品完売 */
/*
.hc_kit_list .js-soldoutExclution:after {
content: "キャンセルが出次第 再販いたします" !important;
width: 90%;
}
*/


.hc_kit_list .js-soldoutExclution:after { display: none; }

.hc_kit_list { position: relative; margin: 15px 0; background-color: #fff; border: #ccc 1px solid; }
.hc_kit_list:has(.js-soldoutExclution) .hc_kit_soldout {
display: block;
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 260px;
height: 36px;
font-size: 14px;
font-weight: 700;
text-align: center;
line-height: 36px;
color: #fff;
background-color: #DB4F43;
visibility: visible;
}

.hc_kit_list:not(:has(.js-soldoutExclution)) .hc_kit_soldout { display: none; }

/* ページ上部お知らせ掲載 */
.hc-hd-news {
display: block;
margin: 5px 16px 16px;
}

.hc-hd-news-icon {
display: inline-block;
margin-right: 8px;
padding: 5px 0;
border-radius: 4px;
text-align: center;
vertical-align: middle;
width: 64px;
font-size: 12px;
font-weight: 400;
color: #fff;
background-color: #db4f43;
}

.hc-hd-news-contents-area { padding: 5px 0;}

.hc-hd-news-contents {
position: relative;
font-size: 13px;
line-height: 1.3;
color: #231815;
font-weight: 550;
}

.hc-hd-news-contents:after {
display: inline-block;
content: "";
position: absolute;
margin-left: 12px;
top: 50%;
width: 6px;
height: 6px;
margin-top: -6px;
border: 0px;
border-top: solid 2px #231815;
border-right: solid 2px #231815;
-ms-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
transition: all 0.5s ease;
}

.hc-hd-news-contents.close::after {
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
margin-top: -4px;
}

.hc-hd-news-contents-inner {
padding-top: 16px;
}

.hc-hd-news-contents-inner .hc-news-text {
margin-bottom: 20px;
font-size: 13px;
color: #231815;
line-height: 1.5;
}

.hc-hd-news-contents-inner .hc-news-contact {
margin-bottom: 10px;
border: 1px solid #231815;
padding: 10px;
font-size: 13px;
line-height: 1.5;
font-weight: 700;
}

.hc-news-contact-link { font-size: 13px; color: #76952F; }

.hc-news-note { font-size: 12px; color: #959595; line-height: 1.5; }

/* 23.09.21 */
.healthcare_kit, .hc_category-block { padding: 0 20px;}

.hc-contents-title {
margin: 15px 0;
font-size: 18px;
font-weight: 700;
line-height: 1.5;
text-align: center;
}

.hc-contents-text {
margin-bottom: 20px;
font-size: 15px;
font-weight: 500;
line-height: 1.5;
}

.hc-contents-main-image {
margin-bottom: 20px;
}

.hc-contents-image {
margin-bottom: 20px;
padding-top: 30px;
border-top: 1px solid #c7c7c7;
}

.hc-contents-image:first-child { border-top: none; }

.hc-contents-image.__noline { border-top: none; }

/* ピックアップコメント */
.hc-pickup-area { margin-bottom: 20px; }

.hc-pickup-inner {
display: flex;
display: -webkit-flex;
/*margin-top: 20px;*/
}

.hc-pickup-text {
flex: 1;
padding: 10px 0;
margin-left: 10px;
position: relative;
font-size: 15px;
font-weight: 500;
line-height: 1.5;
-webkit-align-self: flex-start;
align-self: flex-start;
}

.hc-pickup-image { width: 94px; }

/* レシピ */
.hc-recipe-title {
margin-bottom: 20px;
color: #76952F;
font-size: 1.34rem;
line-height: 1.5;
font-weight: 700;
text-align: center;
}

.hc-recipe-link-area {
margin: 10px 0 40px;
}
.hc-recipe-link {
display:block;
width: 100%;
box-sizing:border-box;
margin: 0 auto;
padding: 15px 0;
position:relative;
background:#fff;
color:#76952F;
font-size: 18px;
font-weight: bold;
text-align:center;
line-height:1.4;
border: 1px solid #76952F;
border-radius:6px;
}
.hc-recipe-link:after{
content: "";
display: block;
position: absolute;
width: 8px;
height: 8px;
border-top: 2px solid #76952F;
border-right: 2px solid #76952F;
transform: rotate(45deg);
right: 30px;
top: 50%;
margin-top: -7px;
}

.hc-recipe-link a { color: #76952F; }

/* トライアルコース表示 */
.hc-trial-block { margin-top: 44px; padding: 0 20px; }

.hc-trial-area {
position: relative;
margin-bottom: 20px;
padding: 20px;
border-top: 1px solid #76952F;
border-bottom: 1px solid #76952F;
background-color: rgba(118,149,47,0.1);
}

.hc-trial-point {
position: absolute;
margin-left: -40px;
padding: 4px 20px;
top: -14px;
left: 50%;
font-size: 17px;
color: #fff;
background-color: #76952F;
border-radius: 5px;
}

.hc-trial-title {
margin: 10px 0;
font-size: 17px;
font-weight: 700;
line-height: 1.5;
text-align: center;
}

.hc-trial-title span {
font-size: 17px;
font-weight: 700;
line-height: 1.5;
color: #c00;
}

.hc-trial-text {
font-size: 15px;
line-height: 1.5;
text-align: center;
}

.hc-trial-image { margin-bottom: 20px; }

/* アレンジレシピ */
.hc-arrange-recipe-title {
margin-top: 50px;
padding: 12px;
border-top: 2px  solid #76952F;
border-bottom: 2px  solid #76952F;
font-size: 17px;
font-weight: 700;
color: #76952F;
text-align: center;
}

/* 季節レシピ */
.hc-season-recipe {
margin-bottom: 20px;
padding-bottom: 20px;
background: #fafaf2;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.hc-season-recipe-title {
margin: 40px 20px 20px;
font-size: 18px;
font-weight: 700;
line-height: 1.5;
color: #c9a063;
text-align: center;
}

.hc-season-recipe-text {
margin: 20px 20px 0;
font-size: 15px;
font-weight: 500;
line-height: 1.5;
color: #c9a063;
}

/* 24.02.08up */
.hc-kit-amount { /*margin: -25px 0 30px;*/ margin: -25px 0 20px; font-size: 1rem; line-height: 1.5; }
.hc-crosscell-block { margin-bottom: 40px; }

/* 24.02.22up */
.hc-kit-volume {
margin: 30px auto 10px;
font-size: 16px;
font-weight: 700;
line-height: 1.5;
text-align: center;
}

.head_news {
padding: 5px;
font-size: 14px;
line-height: 1.5;
font-weight: 400;
}
/* 24.05.09 */
.healthcare__lead_box {
margin: 0 20px 40px;
border: 1px solid #231815;
}

.healthcare__lead__title {
position: relative;
padding: 12px 0;
/*margin: 0 20px;*/
font-size: 16px;
font-weight: 700;
color: #231815;
text-align: center;
/*border: 1px solid #231815;*/
}

.healthcare__lead__title:before {
content: "";
display: block;
position: absolute;
top: 50%;
right: 15px;
margin-top: -3px;
border-top: 7px solid #333;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
transition: all 0.3s ease;
}

.healthcare__lead__title.close:before {
border-top: 0;
border-bottom: 7px solid #333;
}

.healthcare__lead__title.close:after { background-image: none; }

/* チャット受付中 位置、画像サイズ調整 */
#chatplusview.closed.headless #outline #eye_catcher { bottom: 80px !important;  z-index: 1 !important;}
#chatplusview #eye_catcher img { width: 150px !important;}

/* 横スライダー設定 */
.scroll-box {
    margin: 0;
    overflow-x: auto;
    padding-bottom: 10px;
    -webkit-overflow-scrolling: touch;
  }
  .scroll-box div img {
    max-width: 100%;
    min-width: 550px;
    vertical-align: top;
  }
  /*スクロールバー全体の高さ*/
  .scroll-box::-webkit-scrollbar { height: 4px; }
  /*スクロールバー全体の背景*/
  .scroll-box::-webkit-scrollbar-track { background: #eee; }
  /*スクロールバーの動く部分*/
  .scroll-box::-webkit-scrollbar-thumb { background: #aaa; border: none; }
  /*スクロールバーの動く部分のホバー（マウスオーバー）*/
  .scroll-box::-webkit-scrollbar-thumb:hover { background: #999;}
  .scroll-hint.is-right-scrollable { background: none; }
  .scroll-hint.is-left-scrollable { background: none; }
  .yokoscroll { max-width: 1200px; margin: 0 auto; }
  .scroll-hint-shadow-wrap::before,
  .scroll-hint-shadow-wrap::after { background: transparent!important; }

/* アンケートへ遷移ボタン */
.hc_lp_button_area {
  display: flex;
  flex-wrap: nowrap;
  margin: 0 20px 40px;
  gap: 0 10px;
}
.hc_lp_button_area.ambassador { width: 50%; justify-content: center; }

.hc_top_button { flex: 1;}

.hc_enq_button {
margin: 8px 16px 16px;
text-align: right;
}

.hc_enq_button .hc_enq_button_text { display: inline-block;}

.hc_enq_button_text {
display: block;
position: relative;
padding: 12px 30px 12px 22px;
font-size: 14px;
line-height: 1.5;
text-align: center;
color: #fff;
background-color: #76952f;
border-radius: 4px;
}

.hc_enq_button_text:after {
display: block;
content: "";
position: absolute;
top: 50%;
right: 16px;
width: 8px;
height: 8px;
margin-top: -5px;
border: 0;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.hc_gentei_title {
  margin: 20px 0 0;
  padding: 20px 20px;
  font-size: 1.5rem;
  line-height: 1.5;
  text-align: center;
  font-weight: 700;
  color: #fff;
  background-color: #FFA043;
  }

.hc_note {
font-size: 1rem;
line-height: 1.3;
margin: 0 0 10px;
}

.hc_nothc_cart {
  margin: 20px 0;
  padding: 18px;
  font-size: 1.166rem;
  color: #DB4F43;
  text-align: center;
  border: 1px solid #DB4F43;
  background-color: #fff;
}

.hc-crosscell-cart { margin: 30px 0; }

.not-hc-image { margin: 0 auto; }

/* バンザイテキスト */
.hc-carttitle {
  font-size: 1.34rem;
  line-height: 1.5;
  font-weight: 700;
  margin: 20px 0 10px;
  text-align: center;
  }

  .hc-carttitle::before { content: "＼"; margin-right: 2px; }
  .hc-carttitle::after { content: "／"; margin-left: 2px; }

/* 動画埋め込み */
.hc_movie {
  position: relative;
  padding-bottom: 170%;
  height: 0;
  overflow: hidden;
}
.hc_movie_area iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*
.not_hc_scroll {background: #F9F1EC;}
*/
.not_hc_scroll .scroll-box { padding-bottom: 0 !important;}
.scroll-box.not_hc_scroll-box { margin: 0 10px; }

/* レシピカードリニューアル告知 */
.hc_newrecipe_box {
margin: 0 10px 40px;
border: 1px solid #231815;
}

.hc_newrecipe_title {
position: relative;
padding: 12px 0;
font-size: 16px;
font-weight: 700;
line-height: 1.3;
color: #231815;
text-align: center;
}

.hc_newrecipe_title:before {
content: "";
display: block;
position: absolute;
top: 50%;
right: 15px;
margin-top: -3px;
border-top: 7px solid #333;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
transition: all 0.3s ease;
}

.hc_newrecipe_title.close:before {
border-top: 0;
border-bottom: 7px solid #333;
}

.hc_newrecipe_title.close:after { background-image: none; }

.hc_newrecipe_box_inner { padding: 10px 10px 0 10px; }

.hc_newrecipe_box_ttl {
margin: 16px 0 10px;
padding-bottom: 8px;
color: #231815;
font-size: 15px;
line-height: 1.5;
font-weight: 700;
text-align: center;
border-bottom: 1px solid #231815;
}
.hc_newrecipe_box_text {
margin-bottom: 10px;
color: #231815;
font-size: 14px;
line-height: 1.5;
font-weight: 400;
}

.hc_newrecipe_box_text_bold {
font-weight: 700;
font-size: 15px;
line-height: 1.5;
}

/* 25.03.27up アセスメント検証 */
.hc_category-title.hc_category-ingredients-title { background-color: #88C9A1; }
.healthcare .feature__local-navigetion.hc_ingredients_nav { background-color: #88C9A1; }


.hc_ingredients_description_box {
  position: relative;
  margin: 60px 0 48px;
  padding: 10px;
  outline: 2px solid #C4E3D1;
  outline-offset: 2px;
  background-image: linear-gradient(-45deg, transparent 10px, #C4E3D1 10px);
  color: #212121;
  overflow: hidden;
}

.hc_ingredients_description_box::before {
  position: absolute;
  content: '';
  right: 0px;
  bottom: 0px;
  border-width: 0px 0px 15px 15px;
  border-style: solid;
  border-color: transparent transparent transparent #C4E3D1;
  box-shadow: 0 0 5px #231815;
}

.hc_ingredients_title {
display: flex;
margin-bottom: 12px;
padding-bottom: 4px;
column-gap: 12px;
font-size: 18px;
line-height: 1.5;
font-weight: 700;
color: #231815;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
border-bottom: 1px solid #231815;
}


.hc_ingredients_title_icn {
  display: inline-block;
  flex: 0 0 20%;
  line-height: 0;
}

.hc_ingredients_title_icn img { 
  display: block;
  width: 100%;
  height: auto;
}

/*.hc_ingredients_description {
margin-bottom: 24px;
}
*/
.hc_ingredients_description_title {
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  color: #231815;
}
/*
.hc_ingredients_description_title {
position: absolute;
display: inline-block;
top: -2rem;
left: 50%;
transform: translateX(-50%);
padding: 0rem 1rem;
background-color: #231815;
}
  */
.hc_ingredients_point_title {
position: relative;
margin-bottom: 12px;
padding: 8px 12px 8px 18px;
font-size: 16px;
line-height: 1.5;
font-weight: 500;
color: #231815;
border-top: solid 2px #231815;
border-bottom: solid 2px #231815;
}

.hc_ingredients_point_title:before, .hc_ingredients_point_title:after {
  content: '';
  position: absolute;
  top: -7px;
  width: 2px;
  height: -webkit-calc(100% + 14px);
  height: calc(100% + 14px);
  background-color: #231815;;
}
.hc_ingredients_point_title:before {
  left: 7px;
}
.hc_ingredients_point_title:after {
  right: 7px;
}


/*.hc_ingredients_description_text {
  margin: 0 0 0 12px;
}*/

.hc_ingredients_description_text li {
  text-indent: -1em;
  padding-left: 1em;
  padding-bottom: 4px;
  font-size: 14px;
  line-height: 1.5;
  color: #231815;
}
.hc_ingredients_description_text li:before { content: "・"; }

.hc_ingredients_description_note {
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.3;
}
.ingredients-wrapper { position: relative; padding: 0 12px; box-sizing: border-box;}

.hc_ingredients_point {
  height: 30px; /* 初期の表示高さ */
  overflow: hidden;
  position: relative;
  transition: height 0.3s ease-out;
}

.hc_ingredients_point::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
  pointer-events: none;
  transition: opacity 0.3s;
}

.hc_ingredients_point.show-all::after { opacity: 0; }

/*.hc_ingredients_point { margin: 0 0 0 12px; }*/
.hc_ingredients_point li {
  text-indent: -1em;
  padding-left: 1em;
  padding-bottom: 4px;
  font-size: 14px;
  line-height: 1.5;
  color: #231815;
}

.hc_ingredients_point li:before { content: "・"; }

/* もっと見るボタン */
.show-more {
  display: block;
  position: relative;
  margin: 30px auto;
  padding: 6px 24px 6px 16px;
  color: #fff;
  font-size: 1.2rem;
  background: #000;
  text-align: center;
  border-radius: 4px;
}

.show-more::after {
  display: inline-block;
  content: "";
  position: absolute;
  margin-left: 6px;
  top: 12px;
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  transition: all 0.5sease;
}

/* 上向き矢印（閉じる時） */
.show-more.is-active::after {
  -ms-transform: rotate(315deg);
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
  top: 14px;
}

/* 副作用コンテンツ */
/*.reaction_hc_section { padding: 0 20px;}*/

.hc_reaction_sttl {
  margin: 30px 0 15px;
  font-size: 1.5rem;
  text-align: center;
  font-weight: 700;
  color: #000;
}

.hc_reaction_r_note {
  font-size: 1.1rem;
  text-align: center;
  padding: 6px 2px;
  color: #000;
  background-color: #feeac5;
}

.hc_reaction_nav {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0 30px;
  gap: 0 0;
}

.hc_reaction_nav_list {
  width: 50%;
}

/* タイトル */
.hc_reaction--title {
  margin: 40px 0 20px;
  padding: 20px 10px;
  font-size: 1.5rem;
  line-height: 1.5;
  text-align: center;
  font-weight: 700;
  color: #000;
  background: #F1F4C6;
}

.hc_reaction--stitle {
  margin: 40px 0 20px;
  padding: 10px;
  font-size: 1.3rem;
  text-align: center;
  font-weight: 600;
  color: #000;
  background: #a0e0f5;
}

.hc_reaction--subtitle {
  margin: 40px 0 20px;
  padding-bottom: 10px;
  font-size: 1.5rem;
  text-align: center;
  font-weight: 700;
  border-bottom: 1px solid #000;
  color: #000;
}

.hc-reaction-text {
  margin-bottom: 20px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

.hc_reaction_comment_view { 
  position: relative;
  display: flex;
  width: 70%;
  margin: 0 auto 20px;
  padding: 8px 10px;
  font-size: 14px;
  text-align: center;
  align-items: center;
  justify-content: center;
 /*border: 1px solid #76952f;*/
  background-color: #76952f;
  border-radius: 4px;
  color: #fff;
  font-weight: 700;
}

.hc_reaction_comment_view:after {
  content: "";
  display: inline-block;
  border-top: 8px solid #fff;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  transition: all 0.3s ease;
}

.hc_reaction_comment_view.active::after {
  border-top: 0;
  border-bottom: 8px solid #fff;
}

.hc_reaction_icon_comment {
  display: block;
  width: 13%;
}

.hc_reaction_comment { display: none;}
.hc_reaction_comment.show { display: block; }
.hc_reaction_comment {
  width: 100%;
  overflow: hidden; /* 見切れを防ぐ */
}

.hc_reaction_comment_slide {
  width: 100%;
  height: auto;
}
.hc_reaction_comment_block {
  width: 100%;
  position: relative;
  padding:0.25em 1em;
  word-wrap: break-word; /* 長いテキストの改行 */
  overflow-wrap: break-word;
  box-sizing: border-box;
  transform: translateY(10px);
  opacity: 0;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.hc_reaction_comment.show .hc_reaction_comment_block {
  transform: translateY(0);
  opacity: 1;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-20px);
  }
}

.hc_reaction_comment.show {
  animation: fadeInUp 0.5s ease forwards;
}

.hc_reaction_comment.closing {
  animation: fadeOutDown 0.3s ease forwards;
}

.hc_reaction_comment_block:before, .hc_reaction_comment_block:after {
  content:'';
  width: 20px;
  height: 30px;
  position: absolute;
  display: inline-block;
}

.hc_reaction_comment_block:before{
  border-left: solid 1px #000;
  border-top: solid 1px #000;
  top:0;
  left: 0;
}
.hc_reaction_comment_block:after{
  border-right: solid 1px #000;
  border-bottom: solid 1px #000;
  bottom:0;
  right: 0;
}

.hc_reaction_comment_block p {
  margin: 0; 
  padding: 5px;
  font-size: 14px;
  line-height: 1.5;
 }

.hc_reaction_comment_slide .swiper-wrapper { margin-bottom: 30px;}

.hc_reaction_comment_slide .swiper-pagination {
  position: relative;
  margin-top: 15px;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.4s ease 0.2s, transform 0.4s ease 0.2s;
}

.hc_reaction_comment.show .hc_reaction_comment_slide .swiper-pagination {
  opacity: 1;
  transform: translateY(0);
}

.hc_reaction_01 {
  position: relative;
  overflow: hidden;
  max-height: 100px;
  transition: max-height 0.3s ease-in-out;
}

.hc_reaction_01.expanded {
  max-height: none;
}

.hc_reaction_01::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50px;
  background: linear-gradient(transparent, rgba(255, 255, 255, 0.9));
  pointer-events: none;
  transition: opacity 0.3s ease-in-out;
}

.hc_reaction_01.expanded::after {
  opacity: 0;
}

.hc-more-toggle-btn, .hc-close-toggle-btn {
  cursor: pointer;
  display: flex;
  width: 70%;
  margin: 10px auto 20px;
  align-items: center;
  justify-content: center;
  padding: 10px;
  font-size: 15px;
  text-align: center;
  background-color: #fae59c;
  border-radius: 4px;
  user-select: none;
}

.hc-more-toggle-btn:after {
  content: "";
  display: inline-block;
  border-top: 8px solid #333;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  transition: all 0.3s ease;
}

.hc-close-toggle-btn:after {
  content: "";
  display: inline-block;
  border-top: 0;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-bottom: 8px solid #333;
  transition: all 0.3s ease;
}

.hc-more-toggle-btn:hover, .hc-close-toggle-btn:hover {
  opacity: 0.6;
}

.reaction-other-title {
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 1.3rem;
  line-height: 1.5;
  text-align: center;
  font-weight: 600;
  color: #000;
  border-bottom: 1px solid #000;
}

.reaction-other-text {
  margin: 20px 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
}

.reaction-hc-top {
  display: block;
  width: 30%;
  margin-top: 10px;
  margin-left: auto;
  padding: 10px;
  background-color: #f0f0f0;
  text-align: center;
  font-size: 14px;
  border-radius: 4px;
  user-select: none;
  color: #000;
  border: 1px solid #000;
  text-decoration: none;
}

.reaction-hc-top:after {
content: "";
display: inline-block;
margin-left: 4px;
width: 6px;
height: 6px;
border-top: 1px solid #000;
border-left: 1px solid #000;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

/* ボタン */
.reaction-hc-mikaku-btn {
  display: block;
  cursor: pointer;
  padding: 10px;
  font-size: 14px;
  text-align: center;
  background-color: #f0f0f0;
  margin: 10px 0;
  border-radius: 4px;
  user-select: none;
  color: #000;
  border: 1px solid #000;
}

.reaction-hc-mikaku-btn:after {
  content: "";
  display: inline-block;
  margin-left: 4px;
  border-left: 7px solid #000;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  transition: all 0.3s ease;
}

.hd-reaction-balloon {
  display: inline-block;
  position: relative;
  padding: 8px;
  margin: 0;
  width: 100%;
/*  max-width: 100%;*/
  color: #000;
  font-size: 1rem;
  line-height: 1.5;
  text-align: center;
  border: 1px solid #feeac5;
  background-color: #feeac5;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 6px;
  }

  .hd-reaction-balloon:before {
  content: "";
  position: absolute;
  bottom: -21px;
  left: 50%;
  transform: translateX(-50%);
  border: 12px solid transparent;
  border-top: 12px solid #feeac5;
  z-index: 20;
  }
  
  .hd-reaction-balloon:after {
  content: "";
  position: absolute;
  bottom: -21px;
  left: 50%;
  transform: translateX(-50%);
  border: 10px solid transparent;
  border-top: 10px solid #feeac5;
  z-index: 30;
  }

  /* 25.10.30 副作用追加 */
  .hc-reaction-emphasis {
    font-size: inherit;
    background: linear-gradient(transparent 60%, #F1F4C6 60%);
  }



/* ページ内リンク */
.hc_catetory {
  position: -webkit-sticky;
  position: sticky;
  display: none;
  top: 0;
  background: #fff;
  overflow-x: auto;
  white-space: nowrap;
  width: 100%;
  box-sizing: border-box;
  min-height: 49px;
  z-index: 20;
  }
  
  .hc_catetory.is-up { top: 91px; transition: top 0s .3s; }
  
  .hc-category-anchor-item {
  display: inline-block;
  padding: 12px;
  line-height: 1.4;
  cursor: pointer;
  }
  
  .hc-category-anchor-item span {
  font-size: 15px;
  color: #000;
  font-weight: 700;
  }

  .hc-category-anchor__item._active {
    border-bottom: 4px solid #131313;
  }
  
  .list-active { border-bottom: 4px solid #000; }
  
  .hc-collabo-2510 { margin-bottom: 30px; background-color: #ffebee; overflow: hidden;}

  .hc-contents-collabo-title {
    margin: 20px 0 10px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    }

  .hc-contents-collabo-menu {
    display: block;
    margin: 0 auto 20px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
  }

  .hc-contents-collabo-fukusai {
    display: inline;
    padding: 2px 4px;
    margin-right: 4px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    border: 1px solid #000;
  }

  .hc-contents-collabo-image {
    margin: 20px 0;
  }

  .cata-sndnavi-area {
    display: block;
    margin: 0 auto 10px;
    padding: 10px;
    background: #fff;
    border: 1px solid #ccc;
  }
  .cata-sndnavi {
    display: flex;
    margin: 10px 0 0;
    align-items: center;
    font-size: 15px;
    line-height: 1.5;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
  }

  .cata-sndnavi.noline {
    border-bottom: none;
  }

   .cata-sndnavi-icon  {
    display: inline-block;
    margin: 0 10px;
    vertical-align: middle;
    color: #000;
    line-height: 1;
    position: relative;
    width: 0.1em;
    height: 1em;
    background: #000;
  }

  .cata-sndnavi-icon::before  {
    content: "";
    width: 0.65em;
    height: 0.65em;
    border: 0.1em solid currentColor;
    border-top: 0;
    border-right: 0;
    transform: rotate(-45deg);
    transform-origin: bottom left;
    position: absolute;
    left: 50%;
    bottom: -0.05em;
    box-sizing: border-box;
  }

/* 25.11.27up 今週のPickup */
.hc-top-pickup-area {
  position: relative;
  margin: -30px 20px 40px;
  padding: 14px 20px 20px;
  background: #f6ad48;
  box-sizing: border-box;
  }

.hc-top-pickup-area:after{
  content: "";
  position: absolute;
  top: -32px;
  left: 50%;
  margin-left: -17px;
  border: 16px solid transparent;
  border-bottom: 16px solid #f6ad48;
  z-index: 2;
}

.hc-top-pickup-inner {
  padding: 20px 14px;
  background-color: #fff;
}
    
.hc-top-pickup-title {
  margin-bottom: 14px;
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
  color: #fff;
}

.hc-top-pickup-stitle {
  margin-bottom: 10px;
  color: #000;
  font-size: 1.3rem;
  font-weight: 600;
  text-align: center;
}

.hc-top-pickup-block { 
  display: flex;
  align-items: center;
  flex-wrap: nowrap;

  gap: 0 10px;
}

.hc-top-pickup-text {
  flex: 1;
  color: #000;
  font-size: 1.166rem;
  line-height: 1.55;
  font-weight: 400;
}

.hc-top-pickup-image { width: 25%; }
.hc-top-pickup-image img { height: auto; }

.hc-plan-end-msg {
  margin: 20px 10px;
  padding: 20px 10px;
  font-size: 18px;
  text-align: center;
  font-weight: 700;
  line-height: 1.5;
  color: #fff;
  background: #c8af89;
}

/* 25.01.08up */
/* バンザイテキスト */
.hc-doctor-title {
  font-size: 18px;
  line-height: 1.5;
  font-weight: 700;
  margin: 20px 0 10px;
  text-align: center;
  }

.hc-doctor-title::before { content: "＼"; margin-right: 2px; }
.hc-doctor-title::after { content: "／"; margin-left: 2px; }

.hc-doctor-comment-area {
  display: flex;
  display: -webkit-flex;
  margin-bottom: 20px;
  gap: 10px 10px;
  align-items: center;
  -webkit-align-items: center;
}
  
  .hc-doctor-comment {
  flex: 1;
  color: #231815;
  font-size: 1.166rem;
  line-height: 1.55;
  font-weight: 400;
  position: relative;
  margin: 0 10px 0 0;
  padding: 15px;
  background: #f9f2ec;
  box-sizing: border-box; 
}

.hc-doctor-comment:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -15px;
  width: 15px;
  height: 30px;
  background: #f9f2ec;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  z-index: 2;
}

  
.hc-doctor-image { width: 30%; }

/* 26.03.05up 薬膳スープ */
.hc-yakuzen-top { margin: -20px 20px 40px; }

.category_yakuzen {
  background: url(/g6/feature/image/healthcare_2603_tokushuu_bg.jpg) repeat-y top left;
  padding-bottom: 60px;
}

.hc-yakuzen-ttile { margin: 20px auto; padding: 0 20px; text-align: center; }

.hc-yakuzen-ttile img { width: 80%; height: auto; }

.hc-yakuzen-contens-block {
  padding: 0 35px;
  box-sizing: border-box;
}

.hc-yakuzen-contents-text {
  margin-bottom: 20px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

.hc-yakuzen-contens-block-stext {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.5;
}

.hc-yakuzen-note {
  margin-bottom: 20px;
  font-size: 1rem;
  line-height: 1.3;
}

.hc-yakuzen-detail {
  position: relative;
  overflow: hidden;
  max-height: 1px;
  transition: max-height 0.6s ease-in-out;
}

.hc-yakuzen-detail.expanded { max-height: none; }

.hc-yakuzen-detail::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50px;
  pointer-events: none;
}

.hc-yakuzen-detail.expanded::after { opacity: 0; }

.hc-yakuzen-more-toggle-btn, .hc-yakuzen-close-toggle-btn {
  cursor: pointer;
  display: block;
  margin: 10px auto 20px;
  font-size: 15px;
  color: #fff;
  text-align: center;
  text-decoration: underline;
}

.hc-yakuzen-more-toggle-btn:after {
  content: "";
  display: inline-block;
  border-top: 0;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-top: 8px solid #fff;
  transition: all 0.3s ease;
}

.hc-yakuzen-close-toggle-btn:after {
  content: "";
  display: inline-block;
  border-top: 0;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-bottom: 8px solid #fff;
  transition: all 0.3s ease;
}

.hc-yakuzen-close-toggle-btn.show { display: block; }

.hc-yakuzen-more-toggle-btn.hide { display: none; }

.hc_note_reaction {
  font-size: 1.2rem;
  line-height: 1.3;
  margin: 10px 0 10px;
  }

.hc_note_reaction_lead {
  margin: 20px 0 30px;
  font-size: 1.2rem;
  line-height: 1.3;
  color: #c00;
}

  .hc_reaction_detail_note {
    padding: 5px 5px 0;
    margin: 0 0 5px;
    font-size: 1.1rem;
    line-height: 1.3;
  }
  

  .hc_note_reaction_info {
    margin: 40px 0;
    padding: 20px 10px;
    font-size: 1.42rem;
    line-height: 1.5;
    text-align: center;
    font-weight: 500;
    color: #000;
    text-align: center;
    background: #F1F4C6;
    border-radius: 6px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

.hc-plan-note-area { background-color: #f9f1ec; }
.hc-plan-note {
  padding: 0 20px 20px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.5;
  text-align: left;
}

/* 改修 26.06.18up */
/* ページ内リンク */
.hc-navi {
  position: sticky;
  top: 0;
  margin: 8px 0 5px;
  padding: 0 10px;
  white-space: nowrap;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 49px;
  z-index: 200;
  }
 
/* 固定時のスタイル */
#js-hc-contnavi-anchor.is-hcfixed {
  position: fixed;
  left: 0;
  width: 100%;
  z-index: 100;
}
/* 固定時のスタイル */

/* 固定時にコンテンツが隠れないよう余白を確保 
#js-hc-contnavi-anchor.is-fixed + * {
  padding-top: 50px; 
}
  */
  .hc-navi ul {
  display: flex;
  display: -webkit-flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  }
  
  .hc-contnavi-anchor-item {
  display: flex;
  display: -webkit-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  flex: 1;
  padding: 8px;
  text-align: center;
  border: 1px solid #4a4a4a;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  }
  
  .hc-contnavi-anchor-item span {
  font-size: 1.0rem;
  line-height: 1.4;
  color: #4a4a4a;
  font-weight: 700;
  }
  

  .hc-contnavi-anchor-item.active {
  position: relative;
  color: #fff;
  font-size: 1.3rem;
  line-height: 1.5;
  border: 1px solid #f6b04a;
  background-color: #f6b04a;
  text-align: center;
  }
  
  .hc-contnavi-anchor-item.active span {
  color: #fff;
  }
  
  .hc-contnavi-anchor-item.active::after {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 50%;
  margin-top: 0;
  margin-left: -8px;
  border: 8px solid transparent;
  border-top: 8px solid #f6b04a;
  z-index: 10;
  }

  .hc-contnavi-anchor-item { margin-right: -1px; }


.hc_content { display: none; }
.hc_content.active { display: block; }

/* ボタン画像 */
.hc-treatment-button-image { margin: 40px 20px; }

  
.healthcare .hc-category-title {
  padding: 30px 20px 10px;
  clip-path: ellipse(67% 85px at 50% 100%);
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  letter-spacing: 0.1rem;
  line-height: 1.3;
}

.healthcare .hc-category-title.treatment01 { background: #cfcf4e; }
.healthcare .hc-category-title.treatment02 { margin-top: -50px; padding: 30px 20px 15px; background: #f6b04a; clip-path: ellipse(64% 74px at 50% 100%); letter-spacing: normal;}
.healthcare .hc-category-title.treatment03 { margin-top: -50px;  padding: 30px 20px 15px; background: #8bcaa0; clip-path: ellipse(62% 72px at 50% 100%); }

.healthcare .hc-category-title-emphasis {
  font-size: 24px;
  color: #fff;
}

.healthcare .hc-category-title-small {
  font-size: 16px;
  color: #fff;
}

.hc-treatment-cont { padding: 20px 20px 100px; }


.hc-treatment-cont.treatment01 { background: #f5f5dc; }
.hc-treatment-cont.treatment02 { background: #fef7ed; }
.hc-treatment-cont.treatment03 { background: #e8f4ec; }

/* 栄養から探す */
.hc-treatment-stitle {
  position: relative;
  margin-bottom: 10px;
  padding: 8px 10px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  border-radius: 30px;
}

.hc-treatment-stitle.color-nutrition { background: #88886b; }
.hc-treatment-stitle.color-easy {
  display: flex;
  margin: 30px 0 10px;
  justify-content: center;
  align-items: center;
  background: #a08157;
}

.hc-treatment-icon {
  width: 10%;
  margin-right: 10px;
}
/*
.hc-treatment-icon-notknife img { width: 50%; height: auto;}
*/

.hc-treatment01-image { margin: 15px 0; }

.hc-treatment-yakuzen {
  margin-bottom: 15px;
  font-size: 18px;
  color: #000;
  text-align: center;
  line-height: 1.5;
}

.hc-yakuzen-contents-image {
  padding: 20px;
  box-sizing: border-box;
}

.hc-treatment-yakuzen-bg {
  margin-bottom: 20px;
  padding:0 0 20px;
  background: url(/g6/feature/image/hc_tokusyuu_treatment_soup_bg.png);
  background-size: contain;
  border-radius: 8px;
}
.hc-treatment-yakuzen-inner-text {
  padding: 0 20px;
  margin-bottom: 10px;
  color: #fff;
  font-size: 15px;
  line-height: 1.5;
  box-sizing: border-box;
}

.hc-treatment-yakuzen-inner-note {
  padding: 0 20px;
  margin-bottom: 10px;
  color: #fff;
  font-size: 1rem;
  line-height: 1.5;
  box-sizing: border-box;
}

.hc-treatment-yakuzen-small {
  font-size: 14px;
  color: #000;
}

/* プラン移動 */
.hc-treatment-plan-change {
  margin: 0 0 40px;
  padding: 20px;
  background: #71b878;
}

.hc-treatment-plan-change-title {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 700;
  color: #f2e657;
  line-height: 1.5;
  text-align: center;
}

.hc-treatment-plan-change-text {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
}

.hc-treatment-plan-change-title {
  margin: 10px 0 20px;
  font-size: 20px;
  font-weight: 700;
  color: #f2e657;
  line-height: 1.5;
  text-align: center;
}

.hc-treatment-plan-change-text {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
}

/* プラン移動 notHC */
.nothc-plan-change {
  margin: 0 0;
  background: #fffaf1;
}

.nothc-plan-change-text {
  margin: 20px 0;
  font-size: 16px;
  line-height: 1.5;
  color: #000;
  text-align: center;
}

/* 治療中 */
.hc-treatment-af-title {
  margin: 0 0 20px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}

/* 訴求 */
.hc-treatment-appeal {
  position: relative;
  margin: 30px 0 20px;
  padding: 20px 15px;
  background: #fdfbf3;
  border-radius: 4px;
}

.hc-treatment-appeal.treatment-appeal-resale { border: 1px solid #f36300; }
.hc-treatment-appeal.treatment-appeal-health { border: 1px solid #008100; }
.hc-treatment-appeal.treatment-appeal-new { border: 1px solid #df0000; }
.hc-treatment-appeal.treatment-appeal-voice { border: 1px solid #90a12e; }

.treatment-appeal-resale-wappen {
  position: absolute;
  width: calc(100% / 4.5);
  height: calc(100% / 4.5);
  left: -15px;
  top: -25px;
}

.hc-treatment-appeal-title {
  margin: 0 auto 15px;
  text-align: center;
}

.treatment-appeal-resale-wappen img, .hc-treatment-appeal-title img { height: auto;}

.treatment-appeal-resale .hc-treatment-appeal-title { width: 78%; padding-left: 40px;}
.treatment-appeal-health .hc-treatment-appeal-title { width: 40%; }
.treatment-appeal-new .hc-treatment-appeal-title { width: 40%; }
.treatment-appeal-voice .hc-treatment-appeal-title { width: 40%; }

.hc-treatment-appeal p {
  font-size: 14px;
  line-height: 1.5;
}

.hc-treatment-cont-inner { margin-bottom: 40px; }

.hc-treatment-appeal-inner {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0 10px;
}
.hc-treatment-appeal-inner img { width: 20%; height: auto; }

.hc-treatment-appeal-inner p { flex: 1; }

/*  hcプラン外 */
.nothc-menu-block {
  display: flex;
  display: -webkit-flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 20px 0;
  gap: 0 10px;
}

.nothc-menu-block img {
  width: 100%;
  height: auto;
}

.nothc_note {
  margin: 20px 0 30px;
  font-size: 1rem;
  line-height: 1.3;
  color: #c00;
}

.nothc-plan-change-btn-title {
  font-size: 17px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
}

.nothc-plan-change-btn-bg {
  background: #fff8dd;
  padding-bottom: 20px;
}

.nothc-plan-change-btn-text {
  padding-bottom: 10px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
}

.nothc-btn-planchange {
  position: relative;
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
  display: block;
  padding: 0;
  text-align: center;
  border-radius: 50px;
  margin: 0 auto 0;
  padding: 20px;
  width: 80%;
  font-size: 20px;
  font-weight: bold;
  border: none;
  line-height: 1.3;
  background-color: #f5a755;
  }

  .nothc-btn-planchange a { color: #fff; }
  
  .nothc-btn-planchange:after {
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 20px;
  top: 50%;
  margin-top: -5px;
  }

/* FAQ */
.hc-faq {padding:0 10px 0;margin:0 auto 40px; }
.hc-faq__title { padding:0; }
.hc-faq-q {
  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;
  width:100%;
  min-height:50px;
  margin-bottom:5px;
  padding:5px 10px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border-radius:2px;
  background:#fdfbf3;
}
.hc-faq-q:last-child { margin-bottom:0; }

.hc-faq-q {
  position:relative;
  margin-top:15px;
  margin-bottom: 10px;
  padding:0 10px;
  line-height:1.6;
}

.hc-faq-q:before {
  content: "Q";
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 12px;
  background: #f6ad48;
  border-radius: 50%;
  line-height: 1;
  padding: 8px 9px;
  color: #fff;
}

.hc-faq-q:after {
  content:"＋";
  display:block;
  margin-left:5px;
  width:17px;
  height:17px;
  top:0;
  color: #000;
  font-size: 14px;
}

.hc-faq-q.js-accordion.close:after { content:"ー"; }

.hc-faq-q-inner {
  -webkit-box-flex:1;
  -webkit-flex:1;
  -ms-flex:1;
  flex:1;
  margin-left: 40px;
  color:#000;
  font-size:13px;
  line-height:1.4;
  font-weight:bold;
  text-align:left;
}

.hc-faq-a {
  position:relative;
  margin-top:15px;
  margin-bottom:10px;
  padding: 10px;
  line-height:1.6;
  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;
  width:100%;
  min-height: 50px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  background: #fff;
}

.hc-faq-a:before {
  content: "A";
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 12px;
  background: #ccc;
  border-radius: 50%;
  line-height: 1;
  padding: 8px 9px;
  color: #000;
}

.hc-faq-a-text {
  margin-left:40px;
  margin-bottom:10px;
  font-size:14px;
  line-height:1.6;
  text-align:left;
}

.hc-faq-a-text-inner {
  margin-bottom: 10px;
  font-size:14px;
  line-height:1.6;
}

/*
.hc-faq-img {
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:wrap;
}

.hc-faq-img img {margin-right:10px;}

.hc-faq-img {margin:5px auto;}
.hc-faq-img .img01 {width:98%;}
.hc-faq-img .img02 {width:16%;}
.hc-faq-img .img03 {width:20%;}*/

.nothcbg { background: #fffaf1; }
.nothcbg02 { background: #feffde; }