@media screen and (min-width: 769px) {
    body {
background-image: url(../../img/260201zk-nozomi-1/bg_001.jpg);
    }
}

#wrapper {
width: 750px;
}
@media screen and (max-width: 768px) {
    #wrapper {
        width: 100%;
        text-align: center;
        margin: 0 auto;
        z-index: 100;
        height: 100%;
        margin-top: 20%;
}
}
        
#sec001{
max-width: 750px;
}

main{display:block}li{list-style-type:none}a{text-decoration:none;color:inherit;display:block}

#sec001 img{vertical-align:bottom;width:100%;height:auto}

@media screen and (min-width: 750px){.l-inner{width:100%;max-width:750px;margin:0 auto}}
@-webkit-keyframes fadeUp{0%{opacity:0;-webkit-transform:translate(0%, 5%);transform:translate(0%, 5%)}100%{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@keyframes fadeUp{0%{opacity:0;-webkit-transform:translate(0%, 5%);transform:translate(0%, 5%)}100%{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}}.bnr__float{position:fixed;z-index:10;right:0;top:90%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:26.6%;display:none}@media screen and (min-width: 750px){.bnr__float{max-width:100px}}@media screen and (max-width: 749px){.bnr__float{max-width:60px}}.bnr__float a{display:block}.fadeUp{opacity:0}
.fadeUp.js-scroll.is-active{-webkit-animation:fadeUp 500ms cubic-bezier(0.645, 0.045, 0.355, 1) forwards;animation:fadeUp 500ms cubic-bezier(0.645, 0.045, 0.355, 1) forwards}

.bg-white{background:#fff}
.bg-black{background:#000}
.bg-gray{background:#ececec}
.bg-yellow{background:#fff5d5}
.bg-darkGray{background:#1b1b1b}
.bgblue{background:#004b89}


.head_bg{background:url("../../img/260201zk-nozomi-1/header_bg.png") center/cover no-repeat}
.img_02_bg{background:url("../../img/260201zk-nozomi-1/img_02_bg.png") center/cover no-repeat}
.cont_01_bg{background:url("../../img/260201zk-nozomi-1/cont_01_bg.png") center/cover no-repeat}
.cont_02_bg{background:url("../../img/260201zk-nozomi-1/cont_02_bg.png") center/cover no-repeat;background-position: top;background-size: cover;}
.cont_03_bg{background:url("../../img/260201zk-nozomi-1/cont_03_bg.png") center/cover no-repeat}
.cta_bg_01{background:url("../../img/260201zk-nozomi-1/cta_bg_01.png") center/cover no-repeat}
.cta_bg_02{background:url("../../img/260201zk-nozomi-1/cta_bg_02.png") center/cover no-repeat}
.cont_05_bg{background:url("../../img/260201zk-nozomi-1/cont_05_bg.png") center/cover no-repeat}
.cont_06_bg{background:url("../../img/260201zk-nozomi-1/cont_06_bg.png") center/cover no-repeat}
.cont_07_bg{background:url("../../img/260201zk-nozomi-1/cont_07_bg.png") center/cover no-repeat}
.cont_08_bg{background:url("../../img/260201zk-nozomi-1/cont_08_bg.png") center/cover no-repeat}
.cont_09_bg{background:url("../../img/260201zk-nozomi-1/cont_09_bg.png") center/cover no-repeat}
.cont_10_bg{background:url("../../img/260201zk-nozomi-1/cont_10_bg.png") center/cover no-repeat}
.cont_11_bg{background:url("../../img/260201zk-nozomi-1/cont_11_bg_01.png") center/cover no-repeat}
.cont_12_bg{background:url("../../img/260201zk-nozomi-1/cont_12_bg.png") center/cover no-repeat}
.cont_13_bg{background:url("../../img/260201zk-nozomi-1/cont_13_bg.png") center/cover no-repeat}
.cont_14_bg{background:url("../../img/260201zk-nozomi-1/cont_14_bg.png") center/cover no-repeat;background-position: top;background-size: contain;}
.cont_15_bg{background:url("../../img/260201zk-nozomi-1/cont_15_bg.png") center/cover no-repeat}
.cont_16_bg{background:url("../../img/260201zk-nozomi-1/cont_16_bg.png") center/cover no-repeat}
.cont_17_bg{background:url("../../img/260201zk-nozomi-1/cont_17_bg.png") center/cover no-repeat}
.cont_18_bg{background:url("../../img/260201zk-nozomi-1/cont_18_bg.png") center/cover no-repeat}
.cont_19_bg{background:url("../../img/260201zk-nozomi-1/cont_19_bg.png") center/cover no-repeat}
.cont_20_bg{background:url("../../img/260201zk-nozomi-1/cont_20_bg.png") center/cover no-repeat}
.cont_21_bg{background:url("../../img/260201zk-nozomi-1/cont_21_bg.png") center/cover no-repeat}
.cont_22_bg{background:url("../../img/260201zk-nozomi-1/cont_22_bg.png") center/cover no-repeat}


/*アコーディオン*/
/* ==== ここが肝：q1_bg.png を 9スライスで伸ばす ==== */
  .faq-img9slice{
    /* q1_bg.png を border-image として使う */
    border: 14px solid transparent; /* ←ここは見た目の余白。必要に応じて調整 */
    border-image-source: url("../../img/260201zk-nozomi-1/q1_bg.png");
    border-image-slice: 26 fill;     /* ←角・二重線を保護する切り取り量（最重要） */
    border-image-width: 14px;
    border-image-repeat: stretch;

    /* 中の余白（ヘッダー/回答の配置） */
/*    padding: 10px 12px 14px;*/
    box-sizing: border-box;

    width: min(710px, 100%);
    margin: 0 auto 16px;
  }

  /* ヘッダー（画像＋右アイコン） */
  .faq-toggle{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;

    border: 0;
    padding: 0;
    background: transparent;
    cursor: pointer;
  }

  .faq-qtext{
    width: 100%;
    height: auto;
    display: block;
    flex: 1 1 auto;
    min-width: 0;
  }

  .faq-icon{
    width: 6%;
/*    height: 38px;*/
    flex: 0 0 auto;
    display: block;
  }

  /* 初期は＋表示、開いたら−表示 */
  .faq-icon.is-minus{ display: none; }
  .faq-toggle[aria-expanded="true"] .faq-icon.is-plus{ display: none; }
  .faq-toggle[aria-expanded="true"] .faq-icon.is-minus{ display: block; }

  /* パネル開閉（高さアニメ） */
  .faq-panel{
    overflow: hidden;
    height: 0px;
    transition: height .28s ease;
    margin-top: 10px; /* ヘッダーと回答の間隔 */
  }

  .faq-answer{
    width: 100%;
    height: auto;
    display: block;
  }
/*アコーディオンEND*/

/*カルーセル*/
.award-marquee{
  width: 100%;
  overflow: hidden;
  /* 添付みたいに白い帯にするなら */
  background: #fff;
  padding: 0 0 5%;
}

.award-track{
  display: flex;
  align-items: center;
  gap: 24px;              /* ロゴ間の余白 */
  width: max-content;     /* 中身幅に追従 */
  animation: award-scroll 14s linear infinite; /* 速度はここ */
  will-change: transform;
}

/* 画像の高さ（ロゴ帯のサイズ感はここで統一） */
.award-item img{
  height: 172px !important;  /* ←お好みで（SPはメディアクエリで小さく） */
  width: auto;
  display: block;
}

/* 無限に左へ流す */
@keyframes award-scroll{
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); } /* 2周複製してるので-50%で1周分 */
}

/* SP調整 */
@media (max-width: 520px){
  .award-item img{ height: auto !important; width: 80% !important; }
  .award-track{ gap: 0px; animation-duration: 14s; }
}

/* ホバーで止めたい場合（任意） */
/*.award-marquee:hover .award-track{
  animation-play-state: paused;
}*/

/* 動きが苦手な人向け（任意） */
@media (prefers-reduced-motion: reduce){
  .award-track{ animation: none; transform: none; }
}

/*マガジン　カルーセル*/
/* slider
---------------------------------------------------------- */
.yt-embed{
  width: 100%;
  aspect-ratio: 16 / 9;
  position: relative;
  overflow: hidden;
  border-radius: 16px; /* 任意 */
}

.yt-embed iframe{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.wrap_img02_slider_menu{
	position: relative;
    margin: 0 auto;
}
.img02_slider_menu{
/*	position: absolute;*/
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
    padding-bottom: 3%
}


.wrap_img03_slider_menu{
	position: relative;
    margin: 0 auto;
}
.img03_slider_menu{
/*	position: absolute;*/
	top: 1%;
	left: 0;
	right: 0;
	margin: auto;
    padding-bottom: 5%
}

.wrap_img04_slider_menu{
	position: relative;
}
.img04_slider_menu{
/*	position: absolute;*/
	top: 4%;
	left: 0;
	right: 0;
	margin: auto;
}

.wrap_img05_slider_menu{
	position: relative;
}

.img05_slider_menu{
/*	position: absolute;*/
	top: 4%;
	left: 0;
	right: 0;
	margin: auto;
}

.wrap_img06_slider_menu{
	position: relative;
}

.img06_slider_menu{
	position: absolute !important;
	top: 30%;
	left: 0;
	right: 0;
	margin: 0 auto;
    width: 90%;
    z-index: 10;
}

.wrap_youtube_slider{
	position: relative;
}

.youtube_slider{
	position: absolute !important;
	top: 5%;
	left: 0;
	right: 0;
	margin: 0 auto;
    width: 85%;
    z-index: 10;
}


.wrap_img03_slider_calorie{
	position: relative;
}
.wrap_img03_slider_calorie_in{
	position: absolute;
	bottom: 11%;
	left: 4%;
	width: 96%;
	overflow: hidden;
}
.img03_slider_calorie{
	margin-right: -6%;
}

.wrap_img05_slider{
	position: relative;
}
.img05_slider{
	position: absolute;
	top: 58%;
	left: 0;
	right: 0;
	margin: auto;
}

.slick-list{
	text-align: center;
}
.slick-list li img{
	margin: auto;
    width: 80%;
}

.img03_slider_menu .slick-list li img{
	margin: auto;
    width: 90%;
}

.img04_slider_menu .slick-list li img{
	margin: auto;
    width: 95%;
}
.img04_voice_text{position: absolute; top: 8%; width:  10% !important;}


.img05_slider_menu .slick-list li img{
	margin: auto;
    width: 100%;
    padding: 0 1%;
}

.img06_slider_menu .slick-list li img{
	margin: auto;
    width: 100%;
    padding: 0 1%;
}

.youtube_slider .slick-list li img{
	margin: auto;
    width: 100%;
    padding: 0 1%;
}

.slick-arrow{
	text-indent: -9999px;
	border: none;
	cursor: pointer;
	transition: .2s;
	width: 53px;
	height: 52px;
	position: absolute;
	top: 49%;
	z-index: 5;
}
.img05_slider .slick-arrow{
	top: 44%;
}
.slick-prev{
	background: url("../../img/260201zk-nozomi-1/icon_arrow_l_green.png") no-repeat;
	background-size: contain;
	left: 1.5%;
}
.slick-next{
	background: url("../../img/260201zk-nozomi-1/icon_arrow_r_green.png") no-repeat;
	background-size: contain;
	right: 1.5%;
}

.img04_slider_menu .slick-prev{
	background: url("../../img/260201zk-nozomi-1/icon_arrow_l_green_r.png") no-repeat;
	background-size: contain;
	left: 2.5%;
}
.img04_slider_menu .slick-next{
	background: url("../../img/260201zk-nozomi-1/icon_arrow_r_green_r.png") no-repeat;
	background-size: contain;
	right: 2.5%;
}

.img05_slider_menu .slick-prev{
	background: url("../../img/260201zk-nozomi-1/icon_arrow_l_gray.png") no-repeat;
	background-size: contain;
	left: 6.5%;
}
.img05_slider_menu .slick-next{
	background: url("../../img/260201zk-nozomi-1/icon_arrow_r_gray.png") no-repeat;
	background-size: contain;
	right: 6.5%;
}

.img06_slider_menu .slick-prev{
	background: url("../../img/260201zk-nozomi-1/icon_arrow_l_gray.png") no-repeat;
	background-size: contain;
	left: 2.5%;
}
.img06_slider_menu .slick-next{
	background: url("../../img/260201zk-nozomi-1/icon_arrow_r_gray.png") no-repeat;
	background-size: contain;
	right: 2.5%;
}

.youtube_slider .slick-prev{
	background: url("../../img/260201zk-nozomi-1/icon_arrow_l_gray.png") no-repeat;
	background-size: contain;
	left: 0.5%;
}
.youtube_slider .slick-next{
	background: url("../../img/260201zk-nozomi-1/icon_arrow_r_gray.png") no-repeat;
	background-size: contain;
	right: 0.5%;
}




.img03_slider_menu .slick-prev{
	background-image: url("../../img/260201zk-nozomi-1/icon_arrow_l_green.png");
	left: 11%;
}
.img03_slider_menu .slick-next{
	background-image: url("../../img/260201zk-nozomi-1/icon_arrow_r_green.png");
	right: 12.5%;
}
.img04_slider .slick-prev{
	background-image: url("../../img/260201zk-nozomi-1/icon_arrow_l_green_r.png");
	left: 3.5%;
}
.img04_slider .slick-next{
	background-image: url("../../img/260201zk-nozomi-1/icon_arrow_r_green_r.png");
	right: 3.5%;
}

.slick-dots{
	display: flex;
	justify-content: center;
	list-style: none;
}
.slick-dots li{
	margin: 2% 4% 0;
}
.slick-dots li button{
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: none;
	background: #fff;
	text-indent: -9999px;
}
.slick-dots li.slick-active button{
	background: #fcff00;
}
.img05_slider .slick-dots li button{
	background: #7c7c7c;
}
.img05_slider .slick-dots li.slick-active button{
	background: #ee662a;
}
.slick-disabled{
	display: none !important;
}
/* SPのみ */
@media all and (max-width: 750px) {
	.wrap_img02_slider{
		height: calc(1070vw / 750 * 100);
	}
	.img02_slider .slick-list li img{
		width: calc(645vw / 750 * 100);
	}
	.img03_slider_menu .slick-list li img{
		width: calc(240vw / 750 * 100);
	}
    .img04_slider_menu .slick-list li img{
		width: calc(606vw / 750 * 100);
	}
    .img05_slider_menu .slick-list li img{
		width: calc(630vw / 750 * 100);
	}
     .img06_slider_menu .slick-list li img{
		width: calc(640vw / 750 * 95);
	}
    
	.img03_slider_calorie .slick-list li img{
		width: calc(383vw / 750 * 100);
	}
	.img05_slider .slick-list li img{
		width: calc(592vw / 750 * 100);
	}
	.slick-arrow{
		width: calc(51vw / 750 * 100);
		height: calc(74vw / 750 * 100);
	}
	.slick-dots li button{
		width: calc(20vw / 750 * 100);
		height: calc(20vw / 750 * 100);
	}
}

/*voiceテキスト左右ゆれ*/
.animation{
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 1.5s;
}

.keyframe2{
  animation-name: anim_h;
}

@keyframes anim_h {
  0% {
    transform: translate(0px, 0);
  }
  100% {
    transform: translate(10px, 0);
  }
}

/*モーダル*/
/* 親を基準にする */
.cert-wrap{
  position: relative;
  width: min(720px, 100%);  /* ここは必要なら変更 */
  margin: 0 auto;
}

/* ベース画像 */
.cert-img{
  width: 100%;
  height: auto;
  display: block;
}

/* 虫眼鏡ボタン（上に重ねる） */
.zoom-btn{
  position: absolute;
  right: 10%;   /* 位置調整 */
  bottom: 3%;  /* 位置調整 */
  width: 50px;   /* アイコンサイズ */
  height: 50px;
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
  z-index: 5;
}

.zoom-btn img{
  width: 100%;
  height: 100%;
  display: block;
}

/* ===== モーダル ===== */
.img-modal{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.75);
  display: none;
  place-items: center;
  z-index: 9999;
  padding: 20px;
}
.img-modal.is-open{
  display: grid;
}
.img-modal__img{
  max-width: min(750px, 92vw);
  max-height: 88vh;
  width: auto;
  height: auto;
  display: block;
  border-radius: 10px;
  background: #fff;
  z-index: 999;
}
.img-modal__close{
  position: fixed;
  top: 14px;
  right: 14px;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: none;
  background: rgba(255,255,255,.9);
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
}

/*ボタン*/
/* ぽよんと弾むアニメーションの設定 */
@keyframes bounce {
  0% {
    transform: translateY(0) scale(1); /* 通常の位置とサイズ */
  }
  30% {
    transform: translateY(-10px) scale(1.0); /* 少し上にジャンプして大きくなる */
  }
  50% {
    transform: translateY(0) scale(0.9); /* 元の位置に戻りつつ縮む */
  }
  70% {
    transform: translateY(-10px) scale(1.0); /* 小さくジャンプして大きくなる */
  }
  100% {
    transform: translateY(0) scale(1); /* 元のサイズと位置に戻る */
  }
}

/* 円のスタイルとアニメーションの適用 */
.bounce-circle {
  animation: bounce 3s ease infinite; /* ぽよんと弾むアニメーションを無限に繰り返す */
}

/*追従ボタン*/
.floating-cta{
  position: fixed;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: min(600px, 80%);
  z-index: 100;

  /* iPhoneの下の安全領域 */
  padding-bottom: env(safe-area-inset-bottom);

  display: none; /* JSで出し入れ */
}

.floating-cta img{
  width: 100%;
  height: auto;
  display: block;
}

.floating-cta.is-show{
  display: block;
}
/*追従ボタンEND*/