@charset "UTF-8";

/* base
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.icreo-contents {
  font-family: "Zen Maru Gothic", fot-tsukuardgothic-std, "HiraginoSans-W6", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", "NotoSansJP", "メイリオ", Meiryo, sans-serif;
}

.icreo-contents-container {
	overflow: clip!important;
}

sup{
  vertical-align: baseline; /* 位置調整 */
  position: relative;
  top: -0.4em;              /* お好みに応じて微調整 */
  font-size: 70%;
  line-height: 0; 
}

/* cover
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.cover__photo {
  background-color: #FFF0E6;
}
.cover__photo img {
  width: 100%;
}
.cover_read__area {
  margin: -120px auto 0;
  padding: 190px 60px 120px;
  box-sizing: border-box;
  background-image: url("../images/guccifuufu/cover_read__area_bg1.webp"),url("../images/guccifuufu/cover_read__area_bg2.webp"),url("../images/guccifuufu/cover_read__area_bg3.webp"),url("../images/guccifuufu/cover_read__area_bg5.webp");
  background-size: 384px auto,333px auto,390px auto,221px auto;
  background-color: #FFF0E6;
  background-repeat: no-repeat,no-repeat,no-repeat,no-repeat;
  background-position: top 21% left,bottom 5% left,top 0 right,bottom 0 right;
}
.cover_read__text {
  margin: 0 auto 0;
  max-width: 627px;
  width: 100%;
}
.cover_read__text img {
  width: 100%;
}
.cover_radius__wrap {
  margin: 0 auto;
  max-width: 1000px;
  width: 100%;
  padding: 136px 0 0;
  background-image: url("../images/guccifuufu/cover_read__area_bg4.webp");
  background-size: 212px auto;
  background-repeat: no-repeat;
  background-position: top 0 right 0;
}
.cover_radius__area {
  margin: 0 auto;
  padding: 54px 16px 60px 54px;
  max-width: 1000px;
  border: 6px solid transparent;
  border-radius: 34px;
  background: 
    linear-gradient(#ffffff, #ffffff) padding-box,
    linear-gradient(145deg, #F98BB2, #80A8CF) border-box;
  box-sizing: border-box;
}
.cover_radius__inner {
  display: flex;
  justify-content: space-between;
}
.cover_radius__inner img {
  width: 100%;
}
.cover_radius__inner .figure{
  width: 35%;
}
.cover_radius__inner .text{
  width: 62%;
}
.cover_radius__subttl {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 0;
  max-width: 552px;
  width: 100%;
  background-image: radial-gradient(#F41765 20%, transparent 40%);
  background-size: 10px 10px; /* [1セットの幅] [線の高さ] */
  background-repeat: repeat-x;
  background-position: left center; /* 下線として配置する場合 */
}
.cover_radius__subttl .ttl_box {
  border: 2px solid #F41765;
  border-radius: 40px;
  background-color: #fff;
}
.cover_radius__subttl .ttl_box p {
  padding: 14px 10px 14px 62px;
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
  color: #F41765;
  text-align: left;
  letter-spacing: -0.08em;
  background-image: url("../images/guccifuufu/icon1.png");
  background-size: 31px auto;
  background-position: top 50% left 22px;
  background-repeat: no-repeat;
}
.cover_radius__ttl {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 20px;
  width: 100%;
}
.cover_radius__ttl h3 {
  padding: 20px 0 0 0;
  font-size: 40px;
  line-height: 1.4;
  color: #F41765;
  text-align: left;
  letter-spacing: -0.08em;
/*
  background-image: url("../images/guccifuufu/cover_radius_area__photo.webp");
  background-size: 134px auto;
  background-position: top 0 right 0;
  background-repeat: no-repeat;
*/
}
.cover_radius__ttl .figure {
  width: 23.5%;
}

.cover_radius__inner .text .text_box {
  max-width: 552px;
  width: 100%;
}

.cover_radius__inner .text .text_box p {
  margin: 0 auto 0;
  font-size: 18px;
  line-height: 1.6;
  text-align: left;
}
.cover_radius__inner .text .text_box p + p {
  margin: 1.6em auto 0;
}


@media (max-width: 1500px) {
	.cover_read__area {
	  margin: calc(100vw / 750 * -60) auto 0;
	  padding: calc(100vw / 750 * 95) calc(100vw / 750 * 30) calc(100vw / 750 * 60);
	  background-image: url("../images/guccifuufu/cover_read__area_bg1.webp"),url("../images/guccifuufu/cover_read__area_bg2.webp"),url("../images/guccifuufu/cover_read__area_bg3.webp"),url("../images/guccifuufu/cover_read__area_bg5.webp");
	  background-size: 384px auto,333px auto,390px auto,221px auto;
	  background-color: #FFF0E6;
	  background-repeat: no-repeat,no-repeat,no-repeat,no-repeat;
	  background-position: top 21% left,bottom 5% left,top 0 right,bottom 0 right;
	  background-size: calc(100vw / 750 * 192) auto,calc(100vw / 750 * 156) auto,calc(100vw / 750 * 195) auto,calc(100vw / 750 * 110) auto;
	}
	.cover_radius__wrap {
	  padding: calc(100vw / 750 * 68) 0 0;
	  background-image: url("../images/guccifuufu/cover_read__area_bg4.webp");
	  background-repeat: no-repeat;
	  background-position: top 0 right 0;
	  background-size: calc(100vw / 750 * 106) auto;
	}
}

@media (max-width: 1200px) {
	.cover_read__text {
	  max-width: 100%;
	  width: 56.0%;
	}
}
@media (max-width: 1060px) {
	.cover_radius__area {
	  padding: 54px 16px 60px 54px;
	  padding: calc(100vw / 750 * 39) calc(100vw / 750 * 12) calc(100vw / 750 * 42) calc(100vw / 750 * 39);
	}
	.cover_radius__subttl .ttl_box p{
	  padding: 14px 10px 14px 62px;
	  padding: calc(100vw / 750 * 11) calc(100vw / 750 * 8) calc(100vw / 750 * 11) calc(100vw / 750 * 42);
	  font-size: 26px;
	  font-size: calc(100vw / 750 * 18.4);
	  letter-spacing: -0.08em;
	  background-image: url("../images/guccifuufu/icon1.png");
	  background-size: calc(100vw / 750 * 23) auto;
	  background-position: top 50% left calc(100vw / 750 * 14);
	  background-repeat: no-repeat;
	}
	.cover_radius__ttl h3 {
	  padding: 20px 0 0 0;
	  padding: calc(100vw / 750 * 15) 0 0 0;
	  font-size: 40px;
	  font-size: calc(100vw / 750 * 28);
	}
	.cover_radius__inner .text .text_box p {
	  font-size: 18px;
	  font-size: calc(100vw / 750 * 13);
	}

}


@media (max-width: 736px) {
	.cover_read__area {
	  margin: -9vw auto 0;
	  padding: 25vw 0 11vw;
	  max-width: 100%;
	  width: 100%;
/*
	  background-image: url("../images/guccifuufu/cover_read__area_bg_sp.webp");
	  background-size: 100% auto;
	  background-color: #FFF0E6;
	  background-repeat: no-repeat;
	  background-position: top 0 center;
*/
	}
	.cover_read__area {
	  margin: calc(100vw / 750 * -90) auto 0;
	  padding: calc(100vw / 750 * 180) calc(100vw / 750 * 45) calc(100vw / 750 * 120);
	  background-image: url("../images/guccifuufu/cover_read__area_bg1_sp.webp"),url("../images/guccifuufu/cover_read__area_bg2_sp.webp"),url("../images/guccifuufu/cover_read__area_bg3_sp.webp"),url("../images/guccifuufu/cover_read__area_bg5_sp.webp");
	  background-color: #FFF0E6;
	  background-repeat: no-repeat,no-repeat,no-repeat,no-repeat;
	  background-position: top 29% left,bottom 1% left,top 0 right,bottom 4%right;
	  background-size: calc(100vw / 750 * 262) auto,calc(100vw / 750 * 193) auto,calc(100vw / 750 * 159) auto,calc(100vw / 750 * 160) auto;
	}

	.cover_read__text {
	  margin: 0 auto;
	  max-width: 100%;
	  width: 80%;
	}
	.cover_radius__wrap {
	  margin: 0 auto;
	  width: 100%;
	  padding: calc(100vw / 750 * 138) 0 0;
	  background-image: url("../images/guccifuufu/cover_read__area_bg4_sp.webp");
	  background-size: calc(100vw / 750 * 140) auto;
	  background-repeat: no-repeat;
	  background-position: top 4% right 10.4%;
	}
	.cover_radius__area {
	  margin: 0 auto;
	  padding: 5vw;
	  padding: calc(100vw / 750 * 48);
	  max-width: 100%;
	  width: 100%;
	  border: 6px solid transparent;
	  border-width: 1vw;
	  border-radius: 5vw;
	  background: 
		linear-gradient(#ffffff, #ffffff) padding-box,
		linear-gradient(145deg, #F98BB2, #80A8CF) border-box;
	  box-sizing: border-box;
	}
  
  
	.cover_radius__inner {
	  flex-direction: column;
	}
	.cover_radius__inner .figure{
	  width: 100%;
	  order: 2;
	}
	.cover_radius__inner .text{
	  margin: 0 0 calc(100vw / 750 * 40)!important;
	  width: 100%;
	  order: 1;
	}
	.cover_radius__subttl {
	  max-width: 100%;
	  width: 100%;
	  background-image: radial-gradient(#F41765 20%, transparent 40%);
	  background-size: 1.36vw 1.36vw; /* [1セットの幅] [線の高さ] */
	  background-repeat: repeat-x;
	  background-position: left center; /* 下線として配置する場合 */
	}
	.cover_radius__subttl .ttl_box {
	  border-width: 0.4vw;
  	  border-width: calc(100vw / 750 * 3);
	  border-radius: 40px;
	  border-radius: calc(100vw / 750 * 40);
	  background-color: #fff;
	}
	.cover_radius__subttl .ttl_box p {
	  padding: 14px 10px 14px 62px;
	  padding: calc(100vw / 750 * 14) calc(100vw / 750 * 10) calc(100vw / 750 * 14) calc(100vw / 750 * 58);
	  font-size: 26px;
	  font-size:  calc(100vw / 750 * 26);
	  letter-spacing: -0.08em;
	  background-image: url("../images/guccifuufu/icon1.png");
	  background-size: 4.4vw auto;
	  background-position: top 50% left 3vw;
	  background-repeat: no-repeat;
	}
	.cover_radius__ttl {
	  margin: 0 auto calc(100vw / 750 * 0);
	  width: 100%;
	}
	.cover_radius__ttl h3 {
	  padding: calc(100vw / 750 * 20) 0 0 0;
	  font-size: 40px;
	  font-size: calc(100vw / 750 * 40);
	  line-height: 1.4;
	  color: #F41765;
	  text-align: left;
	  letter-spacing: -0.08em;
	}
	.cover_radius__ttl .figure {
	  width: 23%;
	  position: relative;
	  right: calc(100vw / 750 * -16);
	  z-index: 2;
	}
	.cover_radius__inner .text .text_box {
	  margin: calc(100vw / 750 * 46) auto 0;
	  max-width: 100%;
	  width: 100%;
	}
	.cover_radius__inner .text .text_box p {
	  font-size: 18px;
	  font-size: calc(100vw / 750 * 26);
	}

}

/* recipe
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.recipe {
  padding: 240px 30px 180px;
  background-image: url("../images/guccifuufu/recipe_clip_icon.png"), url("../images/guccifuufu/recipe_bg.png");
  background-size: 140px auto, 20% auto;
  background-color: #fff;
  background-position: top right, top left;
  background-repeat: no-repeat,repeat;
}
.icreo-wrapper-recipe {
  margin: 0 auto;
  max-width: 1000px;
}
.recipe_read__area {
  margin: 0 auto 50px;
}
.recipe_read__icon {
  display: inline-block;
  border: 2px solid #F41765;
  margin: 0 auto 27px!important;
  padding: 10px 20px!important;
  font-size: 24px;
  font-weight: 700;
  color: #F41765;
  line-height: 1;
  text-align: center;
  box-sizing: border-box;
  border-radius: 26px;
  background-color: #fff;
}
.recipe_read__title {
  margin: 0 auto 27px!important;
  font-size: 43px;
  font-weight: 700;
  line-height: 1.36;
}
.recipe_read__title span {
  font-size: 66px;
  color: #F41765;
}
.recipe_read__text {
  margin: 0 auto;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
}
.recipe_list__content {
  margin: 0 auto 30px;
}
.recipe_list__content ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 40px 2%;
  list-style: none;
}
.recipe_list__content ul li {
  width: 32%;
  cursor: pointer;
}
.recipe_list__content ul li:hover {
  opacity: 0.8;
}
.recipe_list__content ul li img {
  display: block;
  width: 100%;
  object-fit: cover;
}
.recipe_list__inner {
  border: 10px solid #fff;
  border-radius: 0 28px 28px 28px;
  background-color: #fff;
  box-shadow: 0 0 12px rgba(0,82,160,0.14);
  overflow: hidden;
  position: relative;
}
.recipe_list__subttl {
  display: flex;
  justify-content: flex-start;
  padding: 5px!important;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  border-radius: 0 0 18px 0;
  background-color: rgba(255,255,255,1.00);
  position: absolute;
  top: 0;
  left: 0;
}
.recipe_list__subttl dt {
  border-right: 1px solid #000;
  padding: 0 12px 6px 0;
  color: rgba(244,23,101,1.00);
}
.recipe_list__subttl dd {
  padding: 0 10px 6px 12px;
}
.recipe_list__photo {
  width: 100%;
}
.recipe_list__prod {
  width: 25.8%;
  position: absolute;
  left: calc(20 / 320 * 100%);
  bottom: calc(20 / 320 * 100%);
}
.recipe_list__title {
  margin: 20px auto 0!important;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
}
.recipe_bnn__content {
  margin: 80px auto 0!important;
  max-width: 1000px;
  width: 100%;
  padding: 10px;
  border-radius: 18px;
  background-color: #D9E5F1;
  box-shadow: 0 0 12px rgba(0,82,160,0.14);
}
.recipe_bnn__content img {
  margin: 0!important;
  width: 100%;
}
.recipe_bnn__inner {
  display: flex;
  justify-content: space-between;
  border: 2px dotted #0052A0;
  padding: 18px 50px 18px 0;
  border-radius: 13px;
}
.recipe_bnn__prod {
  margin: -80px 0 0 -51px;
  width: 20.7%;
}
.recipe_bnn__text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 79%;
}
.recipe_bnn__text .text {
  width: 62%;
  text-align: left;
}
.recipe_bnn__text .figure {
  width: 36%;
}
.recipe_bnn__text .text .title {
  margin: 0 0 10px!important;
  font-size: 18px;
  line-height: 1.4;
}
.recipe_bnn__text .text .title span {
  padding: 0 0 0 0.3em;
  font-size: 26px;
  color: #0052a0;
}
.recipe_bnn__text .text dl {
  display: flex;
  justify-content: space-between;
}
.recipe_bnn__text .text dt {
  width: 20%;
}
.recipe_bnn__text .text dd {
  width: 78%;
}
.recipe_bnn__text .text dt p{
  padding: 5px 14px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  border-radius: 6px;
  background-color: #fff;
}
.recipe_bnn__text .text dd p {
  font-size: 18px;
  line-height: 1.4;
}
.recipe_bnn__text .figure img {
  width: 100%;
  border-radius: 18px;
}

@media (max-width: 1060px) {
  .recipe_bnn__prod {
	margin: calc(100vw / 750 * -56) 0 0 calc(100vw / 750 * -26);
  }
  .recipe_bnn__text .text .title {
	margin: 0 0 calc(100vw / 750 * 7)!important;
	font-size: calc(100vw / 750 * 12.8);
  }
  .recipe_bnn__text .text .title span {
    padding: 0 0 0 calc(100vw / 750 * 5);
	font-size: calc(100vw / 750 * 18);
  }
  .recipe_bnn__text .text dt p {
    padding: calc(100vw / 750 * 4) calc(100vw / 750 * 9);
	font-size: calc(100vw / 750 * 12.8);
    border-radius: calc(100vw / 750 * 4);
  }
  .recipe_bnn__text .text dd p {
	font-size: calc(100vw / 750 * 12.8);
  }
}

@media (max-width: 736px) {
  .recipe {
	padding: calc(100vw / 750 * 120) calc(100vw / 750 * 45) calc(100vw / 750 * 120);
    background-image: url("../images/guccifuufu/recipe_clip_icon.png"), url("../images/guccifuufu/recipe_bg.png");
    background-size: 16vw auto, 24% auto;
    background-color: #fff;
    background-position: top right, top left;
    background-repeat: no-repeat,repeat;
  }
  .icreo-wrapper-recipe {
      margin: 0 auto;
      max-width: 100%;
	  width: 100%;
  }
  .recipe_read__area {
	  margin: 0 auto calc(100vw / 750 * 52);
  }
	.recipe_read__icon {
	  display: inline-block;
	  margin: 0 auto calc(100vw / 750 * 26)!important;
	  padding: calc(100vw / 750 * 12) calc(100vw / 750 * 14) calc(100vw / 750 * 15)!important;
	  font-size: calc(100vw / 750 * 28);
	  border-radius: calc(100vw / 750 * 40);
	  border-width: 0.4vw;
	}
	.recipe_read__title {
	  margin: 0 auto 6.0vw!important;
	  margin: 0 auto calc(100vw / 750 * 58)!important;
	  font-size: calc(100vw / 750 * 54);
	  line-height: 1.3;
	}
	.recipe_read__title span {
	  font-size: calc(100vw / 750 * 68);
	  line-height: 1.0;
	}
	.recipe_read__text {
	  font-size: calc(100vw / 750 * 29);
	  line-height: 1.8;
	}
	.recipe_list__content {
	  margin: 0 auto calc(100vw / 750 * 36)
	}
	.recipe_list__content ul {
	  display: flex;
	  justify-content: flex-start;
	  flex-wrap: wrap;
	  gap: 4vw 4%;
	  list-style: none;
	}
	.recipe_list__content ul li {
	  width: 48%;
	  cursor: pointer;
	}
	.recipe_list__inner {
	  border-width: 1.5vw;
	  border-radius: 0 calc(100vw / 750 * 28) calc(100vw / 750 * 28) calc(100vw / 750 * 28);
	  background-color: #fff;
	  box-shadow: 0 0 1.6vw rgba(0,82,160,0.14);
	  overflow: hidden;
	  position: relative;
	}
	.recipe_list__subttl {
	  padding: calc(100vw / 750 * 6) calc(100vw / 750 * 6) calc(100vw / 750 * 12)!important;
	  font-size: calc(100vw / 750 * 19);
	  border-radius: 0 0 calc(100vw / 750 * 18) 0;
	  background-color: rgba(255,255,255,1.00);
	  position: absolute;
	  top: 0;
	  left: 0;
	}
	.recipe_list__subttl dt {
	  border-right: 1px solid #000;
	  padding: 0 calc(100vw / 750 * 12) 0 0;
	}
	.recipe_list__subttl dd {
	  padding: 0 calc(100vw / 750 * 11) 0 calc(100vw / 750 * 12);
	}
	.recipe_list__title {
	  margin: calc(100vw / 750 * 23) auto 0!important;
	  font-size: calc(100vw / 750 * 28);
	}
	.recipe_bnn__content {
	  margin: calc(100vw / 750 * 80) auto 0!important;
	  max-width: 1000px;
	  width: 100%;
	  padding: calc(100vw / 750 * 20);
	  border-radius: calc(100vw / 750 * 18);
	  background-color: #D9E5F1;
	  box-shadow: 0 0 1.6vw rgba(0,82,160,0.14);
	}
	.recipe_bnn__inner {
	  display: flex;
	  justify-content: space-between;
	  border-width: 0.4vw;
	  padding: calc(100vw / 750 * 50) calc(100vw / 750 * 60) calc(100vw / 750 * 50) calc(100vw / 750 * 0);
	  border-radius: 13px;
	}
	.recipe_bnn__prod {
	  margin: calc(100vw / 750 * -80) 0 0 calc(100vw / 750 * -51);
	  width: 40.6%;
	}
	.recipe_bnn__text {
	  display: block;
	  width: 60%;
	}
	.recipe_bnn__text .text {
	  margin: 0 0 calc(100vw / 750 * 30)!important;
	  width: 100%;
	  text-align: left;
	}
	.recipe_bnn__text .figure {
	  width: 80%;
	}
	.recipe_bnn__text .figure img {
	  width: 100%;
	  border-radius: calc(100vw / 750 * 18);
	}
	.recipe_bnn__text .text .title {
	  margin: 0 0 calc(100vw / 750 * 24)!important;
	  font-size: calc(100vw / 750 * 18);
	  line-height: 1.4;
	}
	.recipe_bnn__text .text .title span {
	  display: block;
	  padding: 0 0 0;
	  font-size: 26px;
	  font-size: calc(100vw / 750 * 26);
	  color: #0052a0;
	}
	.recipe_bnn__text .text dl {
	  display: block;
	}
	.recipe_bnn__text .text dt {
	  margin: 0 0 calc(100vw / 750 * 24)!important;
	  width: auto;
	}
	.recipe_bnn__text .text dd {
	  width: 100%;
	}
	.recipe_bnn__text .text dt p{
	  display: inline-block;
	  padding: calc(100vw / 750 * 5) calc(100vw / 750 * 14);
	  font-size: calc(100vw / 750 * 24);
	  border-radius: 1.0vw;
	  background-color: #fff;
	}
	.recipe_bnn__text .text dd p {
	  font-size: calc(100vw / 750 * 24);
	  line-height: 1.6;
	}
}

/* symposium
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.symposium {
  margin: -60px auto 0;
  padding: 40px 0 120px;
  width: 100%;
  border-radius: 140px 140px 0 0;
  background-image:  url("../images/guccifuufu/symposium_bg.png");
  background-color: #FEE8F0;
  background-position: bottom center;
  background-repeat: repeat-x;
}
.icreo-wrapper-symposium {
  padding: 0 50px;
}
.symposium_read__area {
  margin: 0 auto 0!important;
  padding: 87px 0 55px;
  background-image:  url("../images/guccifuufu/symposium_read_bg.webp");
  background-size: 100% auto;
  background-position: top center;
  background-repeat: no-repeat;
}
.symposium_read__title {
  margin: 0 auto 47px!important;
  font-size: 50px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}
.symposium_read__title span {
  font-size: 64px;
  color: #f41765;
}
.symposium_read__text {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
}

.nav_image {
  margin: 0 auto;
  width: 70%;
  height: 40px;
  position: relative;
}
.nav_image .modal__arrow--prev {
  position: absolute;
  left: 0;
  color: #000;
  height: 20px;
  cursor: pointer;
  }
  .nav_image .modal__arrow--next {
  position: absolute;
  right: 0;
  color: #000;
  height: 20px;
  cursor: pointer;
}
.symposium_contet {
  margin: 0 auto;
  padding: 0 0 300px;
  max-width: 768px;
  width: 100%;
}
.symposium_contet__area {
  margin: 0 auto;
  display: flex;
  gap: 40px; /* 左右カラムの間隔 */
  align-items: stretch; /* 【重要】左右のレイアウトの高さを揃える */
}
.contet__ph {
  flex: 1; /* 横幅の比率 */
  position: relative; /* 子要素の基準点 */
  background-color: red;
}
.contet__ph .figure {
  position: -webkit-sticky; /* Safari対応 */
  position: sticky;
  top: 40px; /* 上部からどの位置で固定するか */
}
.contet__text {
  flex: 1; /* 横幅の比率（画像より少し広め） */
}
.contet__text p {
  font-size: 20px;
  line-height: 1.7;
  text-align: left;
}
.symposium_list__content {
  display: flex;
  gap: 60px;
  max-width: 1000px;
  margin: 0 auto;
}
/* 左カラム：追従の設定 */
.symposium_list__sidebar {
  width: 30%;
  flex-shrink: 0;
}
.nav {
  margin: 133px 0 0;
  position: sticky;
  top: 133px; /* 上部からどの位置で固定するか */
}
.nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.nav ul li + li {
  margin: 10px 0 0;
}
.nav-item a {
  display: block;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  font-size: 16px;
  font-weight: 700;
  color: #000;
  line-height: 1.4;
  text-align: left;
  text-decoration: none;
  border-radius: 9px;
  background-color: #fff;
  position: relative;
}
.nav-item a:hover {
  opacity: 0.84;
}
.nav-item_icon {
  width: 16%;
}
.nav-item_icon img {
  width: 100%;
}
.nav-item a p {
  font-size: 16px;
  width: 82%;
  color: rgba(0,0,0,1.00);
}

/* アクティブ時のスタイル */
.nav-item.is-active a {
  color: #f41766;
  font-weight: bold;
  position: relative;
}
.nav-item.is-active a:before {
  content: "";
  width: 100%;
  height: 100%;
  border: 2px solid #f41766;
  border-radius: 9px;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
}
.nav-item.is-active a p {
  color: #f41766;
}

/* 右カラム */
.symposium_list__area {
  flex-grow: 1;
  border-radius: 40px;
  background-color: #E5EEF5;
  box-shadow: 
    0 0 0 2px #f41766,       /* 内側のボーダー（2px） */
	0 0 0 10px #ffffff,      /* 間の隙間（例：白で8px幅） */
    0 0 0 12px #f41766;      /* 外側のボーダー（2px） */
}
.symposium_list_content__inner {
  width: 100%;
  padding: 20px 0 223px;
  box-sizing: border-box;
  background-image: url("../images/guccifuufu/symposium_list_content__list_bg.webp");
  background-size: 33% auto;
  background-position: bottom right 13%;
  background-repeat: no-repeat;
}
.symposium_list_content__header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid #fff;
  margin: 0 0 40px;
  padding: 0 18px 20px;
}
.symposium_list_content__header h2 {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  text-align: left;
}
.symposium_list_content__header .figure {
  padding: 0 0 0 12px;
  width: 68%;
}
.symposium_list_content__header img {
  width: 100%;
}

.symposium_list__section {
  margin-bottom: 60px;
  padding: 0 18px;
  min-height: 80vh; /* テスト用に高さを確保 */
  box-sizing: border-box;
}
.symposium_list__section:last-of-type {
  margin-bottom: 0;
}
.symposium_list__section h2 {
  margin: 0 auto 40px;
  padding: 10px;
}
.symposium_list__box {
  display: flex;
  justify-content: space-between;
  margin: 0 0 15px!important;
  width: 80%;
}
.symposium_list__box.answer {
  margin: 0 0 15px auto!important;
}
.symposium_list__box img {
  width: 100%;
}
.symposium_list__box dt {
  width: 15%;
}
.symposium_list__box.answer dt {
  width: 15%;
  order: 2;
}
.symposium_list__box dd {
  padding: 31px 24px;
  width: 81%;
  border-radius: 0 18px 18px 18px;
  box-sizing: border-box;
}
.symposium_list__box.answer dd {
  border-radius: 18px 0 18px 18px;
  order: 1;
}
.symposium_list__box.question dd {
  background-color: #fff;
}
.symposium_list__box.answer.a1 dd {
  background-color: #fde8dc;
}
.symposium_list__box.answer.a2 dd {
  background-color: #c4e2e4;
}
.symposium_list__box.answer.at dd {
  background-color: #ccdcec;
}
.symposium_list__box dt p {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
}
.symposium_list__box.answer.a1 dt p {
  color: #F46817;
}
.symposium_list__box.answer.a2 dt p {
  color: #0098A0;
}
.symposium_list__box.answer.at dt p {
  color: #0052A0;
}
.symposium_list__box dd p,
.symposium_list__box dd h3 {
  line-height: 1.6;
  text-align: left;
}
.symposium_list__box dd p {
  line-height: 1.8;
  text-align: left;
}
.symposium_list__box.question dd h3{
  font-size: 20px;
  font-weight: 700;
  color: #F41765;
}
.symposium_list__box.question dd p{
  font-size: 18px;
  color: #000;
}

@media (max-width: 1060px) {
  .symposium_read__title {
    margin: 0 auto calc(100vw / 750 * 34)!important;
	font-size: calc(100vw / 750 * 35.4);
  }
	.symposium_read__title span {
	font-size: calc(100vw / 750 * 45);
	}
}

@media (max-width: 736px) {
	.symposium {
	  margin: 0 auto;
	  padding: calc(100vw / 750 * 48) 0 calc(100vw / 750 * 120);
	  width: 100%;
	  border-radius: 10vw 10vw 0 0;
	  background-image:  url("../images/guccifuufu/symposium_bg_sp.png");
	  background-color: #FEE8F0;
	  background-position: bottom center;
	  background-repeat: no-repeat;
	}
	.icreo-wrapper-symposium {
	  padding: 0 2%;
	}
	.symposium_read__area {
	  margin: 0 0 0!important;
	  padding: calc(100vw / 750 * 80) 0 calc(100vw / 750 * 45);
	  background-image:  url("../images/guccifuufu/symposium_read_bg_sp.webp");
	  background-size: 100% auto;
	  background-position: top center;
	  background-repeat: no-repeat;
	}
	.symposium_read__title {
	  margin: 0 auto calc(100vw / 750 * 50)!important;
	  font-size: calc(100vw / 750 * 60);
	  line-height: 1.4;
	}
	.symposium_read__title span {
	  font-size: calc(100vw / 750 * 78);
	}
	.symposium_read__text {
	  font-size: calc(100vw / 750 * 30);
	  line-height: 1.6;
	}

	.symposium_list__content {
	  display: block;
	  padding: 0 4%;
	  width: 100%;
	  box-sizing: border-box;
	}
	.symposium_list__sidebar {
	  max-width: 100%;
	  width: 100%;
	  flex-shrink: 0;
	}
	.nav {
	  margin: 0 0 8vw;
	  position: inherit;
	  top: 0;
	}
	.symposium_list__area {
	  border-radius: 5vw;
	  box-shadow: 
		0 0 0 0.3vw #f41766,       /* 内側のボーダー（2px） */
		0 0 0 1.3vw #ffffff,      /* 間の隙間（例：白で8px幅） */
		0 0 0 1.6vw #f41766;      /* 外側のボーダー（2px） */
	  width: calc(100% - 3.2vw);
      margin: 0 auto;
	}
	.symposium_list_content__inner{
	  border-width: 0.4vw;
	  width: 100%;
	  padding: 20px 0 223px;
	  padding: calc(100vw / 750 * 20) 0 calc(100vw / 750 * 200);
	  background-image: url("../images/guccifuufu/symposium_list_content__list_bg.webp");
	  background-size: 33% auto;
	  background-position: bottom right 13%;
	  background-repeat: no-repeat;
	}
	.symposium_list_content__header {
	  display: flex;
	  justify-content: flex-start;
	  align-items: center;
	  border-bottom: 1px solid #fff;
	  margin: 0 0 40px;
	  margin: 0 0 calc(100vw / 750 * 40);
	  padding: 0 18px 20px;
	  padding: 0 calc(100vw / 750 * 18) calc(100vw / 750 * 20);
	}
	.symposium_list_content__header h2 {
	  font-size: calc(100vw / 750 * 24);
	}
	.symposium_list_content__header .figure {
	  padding: 0 0 0 calc(100vw / 750 * 12);
	  width: 68%;
	}
	.symposium_list__section {
	  margin-bottom: calc(100vw / 750 * 60);
	  padding: 0 calc(100vw / 750 * 18);
	}
	.symposium_list__section:last-of-type {
	  margin-bottom: 0;
	}
	.symposium_list__section h2 {
	  margin: 0 auto calc(100vw / 750 * 40);
	  padding: calc(100vw / 750 * 10);
	}
	.symposium_list__box {
	  margin: 0 0 calc(100vw / 750 * 15)!important;
	  width: 80%;
	}
	.symposium_list__box.answer {
	  margin: 0 0 calc(100vw / 750 * 15) auto!important;
	}
	.symposium_list__box dd {
	  padding: calc(100vw / 750 * 17) calc(100vw / 750 * 22);
	  width: 81%;
	  border-radius: 0 calc(100vw / 750 * 18) calc(100vw / 750 * 18) calc(100vw / 750 * 18);
	  box-sizing: border-box;
	}
	.symposium_list__box.answer dd {
	  border-radius: calc(100vw / 750 * 18) 0 calc(100vw / 750 * 18) calc(100vw / 750 * 18);
	  order: 1;
	}
	.symposium_list__box dt p {
	  font-size: calc(100vw / 750 * 16);
	  line-height: 1.2;
	}
	.symposium_list__box dd {
	  font-size: calc(100vw / 750 * 24);
	}
	.symposium_list__box.question dd h3{
	  font-size: calc(100vw / 750 * 26);
	}
	.symposium_list__box.question dd p{
	  font-size: calc(100vw / 750 * 26);
	}
	.nav-item a {
	  display: flex;
	  justify-content: flex-start;
	  padding: calc(100vw / 750 * 20);
	  font-size: calc(100vw / 750 * 26);
	  letter-spacing: -0.01em;
	  border-radius: 1vw;
	}
	.nav-item.is-active a {
	  color: #000;
	  font-weight: bold;
	  position: relative;
	}  
	.nav-item.is-active a:before {
	  content: "";
	  width: 100%;
	  height: 100%;
	  border: none;
	  position: absolute;
	  top: 0;
	  left: 0;
	  box-sizing: border-box;
	}
	.nav-item.is-active a p {
	  color: #000;
	}
	.nav-item a:after {
	  content: "";
	  display: block;
	  width: calc(100vw / 750 * 29);
	  height: calc(100vw / 750 * 29);
	  position: absolute;
	  top: 50%;
	  right: calc(100vw / 750 * 30);
	  transform: translateY(-50%);
	  background-image: url("../images/guccifuufu/symposium_list_content__list_arrow.png");
	  background-size: 100% auto;
	  background-position: top center;
	  background-repeat: no-repeat;
	}
	.nav-item_icon {
	  width: 10%;
	}
	.nav-item a p {
	  padding: 0 0 0 calc(100vw / 750 * 12);
	  width: 82%;
	  font-size: calc(100vw / 750 * 26);
	}
}

/* profile
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.profile {
  margin: 0 auto 0;
  padding: 120px 50px 120px;
  width: 100%;
}
.icreo-wrapper-profile {
  margin: 0 auto!important;
  padding: 60px 60px;
  max-width: 1000px;
  width: 100%;
  border-radius: 40px;
  background-color: #FFF0E6;
}
.icreo-wrapper-profile img {
  width: 100%;
}
.profile_content__header {
  margin: 0 auto 40px!important;
}
.profile__subtitle {
  margin: 0 auto 16px!important;
  width: 11%;
}
.profile_content__header h2 {
  font-size: 38px;
  font-weight: 700;
  line-height: 1.4;
  color: #000;
}
.profile__photo {
  margin: 0 auto 23px!important;
}

/* 共通設定 */
.profile__content {
  background-color: #FFF0E6; /* 背景色 */
  background-image: linear-gradient(90deg, transparent 0%, transparent 50%, #FFF0E6 50%, #FFF0E6 100%), /* 点線1の色 */
                    linear-gradient(180deg, #857266 1px, transparent 1px); /* 点線2の色と太さ */
  background-size: 8px 100%, /* 点線1のサイズ */
                   100% 3.5em; /* 点線2のサイズ */
  line-height: 3.5em; /* 文字の高さ */
  padding-bottom: 1px; /* 最終行の下にも罫線を引く */
  text-align: left;
}

.profile__content p {
  margin-bottom: 0px;
  padding-bottom: 4px;
  padding-bottom: 0;
  font-size: 18px;
  text-align: left;
  letter-spacing: -0.01em;
  white-space: normal;
  line-break: strict;
  overflow-wrap: break-word;
}
@media screen and (max-width: 736px) {
  .profile__content {
    /* SP用の文字の高さ（ご提示の計算式） */
    line-height: calc(100vw / 750 * 64); 
    
    /* 背景の縦幅も、上のline-heightと【全く同じ計算式】にする */
    background-size: 8px 100%, 100% calc(100vw / 750 * 64); 
  }
  
  .profile__content p {
    /* SP用の文字サイズ（ご提示の計算式） */
    font-size: calc(100vw / 750 * 28); 
  }
}

.profile__figure {
  width: 24%;
  position: absolute;
  right: -10px;
  bottom: -35px;
}




@media (max-width: 736px) {
	.profile {
	  margin: 0 auto 0;
	  padding: calc(100vw / 750 * 120) calc(100vw / 750 * 40) calc(100vw / 750 * 120);
	}
	.icreo-wrapper-profile {
	  padding: calc(100vw / 750 * 60) calc(100vw / 750 * 40) calc(100vw / 750 * 120);
	  border-radius: calc(100vw / 750 * 40);
	}
	.profile_content__header {
	  margin: 0 auto calc(100vw / 750 * 40)!important;
	}
	.profile__subtitle {
	  margin: 0 auto calc(100vw / 750 * 16)!important;
	  width: 18%;
	}
	.profile_content__header h2 {
	  font-size: calc(100vw / 750 * 40);
	}
	.profile__photo {
	  margin: 0 auto calc(100vw / 750 * 36)!important;
	}
	.profile__figure {
	  width: 35%;
	  position: absolute;
	  right: calc(100vw / 750 * -10);
	  bottom: calc(100vw / 750 * -124);
	}
}

/* VOICE COMMON
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.l-main {
line-height: 1.2; }

.button:after,
.button-close:after,
.modal__button:after,
.modal__close{
background-position: center center;
background-repeat: no-repeat;
background-size: contain; }

.container {
position: relative;
margin: 0 auto; }

.container--narrow {
width: 768px; }

.container--medium {
width: 960px; }

.container--wide {
width: 100%; }

.container--faq {
width: 768px;
padding-bottom: 50px; }

.light-text {
font-weight: 400; }

.regular-text {
font-weight: 400; }

.bold-text {
font-weight: 700; }

.center-text {
text-align: center; }

.text--r {
color: #E5005A; }

.text--b {
color: #00489D; }

.nunito {
font-family: "Nunito"; }

.wrapper__body,
.icreo-style {
font-size: 16px;
line-height: 1.6;
letter-spacing: 0.05em;
font-family: "GenJyuuGothic", "Nunito";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #333333;
text-align: left; }

a {
color: inherit;
text-decoration: none; }

a:hover, a:visited, a:focus, a:active {
color: inherit; }

a:focus {
outline: 0; }


/* SLIDER
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.slick-loading .slick-list {
background: #fff }

/* Arrows */
/* Dots */
.slick-dotted.slick-slider {
margin-bottom: 30px; }

.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%; }

.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer; }

.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer; }

.slick-dots li button:hover, .slick-dots li button:focus {
outline: none; }

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1; }

.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 6px;
line-height: 20px;
text-align: center;
color: black;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before {
color: black;
opacity: 0.75; }

/* Slider */
.slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }

.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0; }

.slick-list:focus {
outline: none; }

.slick-list.dragging {
cursor: pointer;
cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }

.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto; }

.slick-track:before, .slick-track:after {
content: "";
display: table; }

.slick-track:after {
clear: both; }

.slick-loading .slick-track {
visibility: hidden; }

.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none; }

[dir="rtl"] .slick-slide {
float: right; }

.slick-slide img {
display: block; }

.slick-slide.slick-loading img {
display: none; }

.slick-slide.dragging img {
pointer-events: none; }

.slick-initialized .slick-slide {
display: block; }

.slick-loading .slick-slide {
visibility: hidden; }

.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent; }

.slick-arrow.slick-hidden {
display: none; }

/* SECTION .etc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section {
position: relative;
padding: 30px 0; }

.section--white {
position: relative;
background: #ffffff; }

.section--pink {
position: relative;
background: #fff0e6; }

.section--blue {
position: relative;
background: #e9f2fc; }

.section__title {
font-size: 30px;
line-height: 1.3;
text-align: center;
letter-spacing: 0.075em;
font-weight: 700; }

.section__subtitle {
font-size: 24px;
text-align: center;
margin-bottom: 28px;
font-family: 'Nunito';
font-weight: 700; }

.section__subtitle.nunito {
letter-spacing: 0.1em; }

.section__tertiary-ttl {
text-align: center;
font-size: 1.4rem;
letter-spacing: 0.1em;
}

.section__tertiary-ttl.-is-red {
color: #E5005A; }

.section.no-title .section__title,
.section.no-title .section__subtitle {
visibility: hidden; }

.section__lead, .section__lead--red {
font-size: 20px;
font-weight: 700;
line-height: 1.8;
text-align: center;
margin-bottom: 35px;
letter-spacing: .1em; }

.section__lead--voicePage {
margin-bottom: 96px;
letter-spacing: 0.075em; }

.wrapper {
position: relative;
width: 100%; }

.wrapper__body {
position: relative;
width: 100%;
overflow: hidden; }


.modal {
width: 100%;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
z-index: 100;
opacity: 0;
z-index: -1;
-webkit-transition: opacity .3s ease-in .1s;
transition: opacity .3s ease-in .1s; }

.modal.is-open {
opacity: 1;
z-index: 1010; }

.modal.is-open .modal__wrap {
display: block; }

.modal.is-open .modal__box {
-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
opacity: 1; }


.modal__bg {
position: absolute;
display: block;
width: 100%;
height: 100%;
left: 0;
top: 0;
}

.modal__bg {
opacity: .8;
background-color: #EE87B4; }

#modal_interview2 .modal__bg {
  background-color: rgba(0,0,0,0.50);
}

.modal__button {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 30px auto 0!important;
  padding: 0 54px;
  width: 38%;
  font-size: 18px;
  letter-spacing: .06em;
  background-color: #F41765;
  line-height: 64px;
  border-radius: 38px;
  text-align: center;
  font-weight: 700;
  color: #fff;
  position: relative;
  cursor: pointer;
  -webkit-transition: opacity ease-out .2s;
  transition: opacity ease-out .2s;
  box-sizing: border-box;
}

.modal__button:after{
position: absolute;
content: '';
display: block;
width: 10px;
height: 100%;
top: 0;
left: 26px;
background-image: url("../images/guccifuufu/button_close.png");
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
}

.modal__fit{
  margin: 0 auto;
  max-width: 860px;
  width: 100%;
  overflow-y: scroll;
}

.modal__wrap {
  display: none;
  position: relative;
  height: 100%;
/*  height: 100vw;*/
  padding-top: 100px;
  padding: 100px 40px 0;
  box-sizing: border-box;
  cursor: pointer;
  overflow-y: scroll;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
}

.modal__contents {
  margin: 0 auto;
  max-width: 860px;
  width: 100%;
  overflow: hidden;
}

.modal__close {
position: absolute;
width: 54px;
height: 54px;
right: calc(50% - 442px);
top: 57px;
background-image: url("../images/guccifuufu/icon_close.png");
-webkit-transition: opacity ease-out .2s;
transition: opacity ease-out .2s;
z-index: 10;
/*right: calc(50% - 398px);*/
}

.modal__close:hover {
opacity: 0.6; }

.modal__close--cupfeed {
top: -15px;
right: calc(50% - 385px); }

.modal__box {
max-width:860px;
width: 100%;
-webkit-transform: translate(0, 50px);
transform: translate(0, 50px);
opacity: 0;
-webkit-transition: all .3s ease-in;
transition: all .3s ease-in;
margin: 0 auto 80px; }

.modal__block {
text-align: center;
background-color: #FFFFFF;
border-radius: 50px; }

.modal__image {
width: 100%; }

.modal__inner {
  padding: 0 60px 90px;
}
.modal__inner img {
  width: 100%;
}
.modal_label__area {
  display: flex;
  justify-content: flex-end;
}
.modal__label {
  position: relative;
  width: 13.5%;
}
.modal__label p {
  width: 100%;
  font-size: 20px;
  line-height: 1;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.modal__head {
  padding-bottom: 35px;
  text-align: left;
}

#modal_interview2 .modal__head {

}

.modal__subtitle {
  display: inline-block;
  margin-bottom: 20px!important;
  padding: 7px 14px!important;
  font-size: 16px;
  border-radius: 6px;
  background-color: #FDE1D1;
}
.modal__title {
  font-size: 32px;
  letter-spacing: 0.16em;
  color: #000;
  font-weight: 700;
}

.modal__title sub {
  font-size: 16px;
  vertical-align:middle;
}

.modal__section {
  position: relative;
  padding: 0;
  text-align: left;
}

.modal_main__section {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 30px!important;
}
.modal_main__section .figure {
  width: 50%;
}
.modal_main__section .text {
  width: 46%;
  text-align: left;
}
.modal_main__section .figure img {
  border-radius: 20px;
}
.modal_main__section .figure__note {
  display: flex;
  justify-content: flex-start;
  margin: 20px auto 0!important;
}
.modal_main__section .figure__note dt {
  padding: 12px 10px 12px 40px;
  font-size: 16px;
  line-height: 1;
  color: #000;
  letter-spacing: -0.01em;
  border-radius: 6px;
  background-color: #FDE1D1;
}
.modal_main__section .figure__note dt.amount {
  font-weight: 700;
  background-image: url("../images/guccifuufu/icon1.png");
  background-size: 32px auto;
  background-position: center left 5px;
  background-repeat: no-repeat;
}
.modal_main__section .figure__note dt.time {
  font-weight: 700;
  background-image: url("../images/guccifuufu/icon2.png");
  background-size: 32px auto;
  background-position: center left 5px;
  background-repeat: no-repeat;
}
.modal_main__section .figure__note dt:nth-of-type(2) {
  margin: 0 0 0 12px;
}
.modal_main__section .figure__note dd {
  padding: 12px 0 12px 18px;
  text-align: left;
  letter-spacing: -0.01em;
}
.modal__ingredient {
  display: inline-block;
  margin: 0 0 10px 0!important;
  padding: 12px 10px 12px 40px!important;
  font-size: 16px;
  line-height: 1;
  color: #000;
  border-radius: 6px;
  background-color: #FDE1D1;
  background-image: url("../images/guccifuufu/icon3.png");
  background-size: 32px auto;
  background-position: center left 5px;
  background-repeat: no-repeat;
}
.modal_main__section .text ul {
  list-style: none;
}
.modal_main__section .text ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 2px dashed #857266;
  padding: 12px 0 12px 3px!important;
}
.modal_main__section .text ul li + li {
  margin: 0 0 0 0!important;
}
.modal_main__section .text ul li .ingredient_item {
  width: 60%;
}
.modal_main__section .text ul li .ingredient_amount {
  width: 37%;
  text-align: right;
}
.modal_main__section .text ul li .ingredient_package {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal_main__section .text ul li .ingredient_package .figure {
  width: 20%;
}
.modal_main__section .text ul li .ingredient_package .figure img {
  border-radius: 0;
}
.modal_main__section .text ul li .ingredient_package p {
  width: 73%;
}
.modal_main__section .text ul li .ingredient_package p.package1 {
  text-align: left;
  color: #F41765;
}
.modal_main__section .text ul li .ingredient_package p.package2 {
  text-align: left;
  color: #0052A0;
}
.modal__recipe {
  display: inline-block;
  margin: 0 0 10px 0!important;
  padding: 12px 10px 12px 40px!important;
  font-size: 16px;
  line-height: 1;
  color: #000;
  border-radius: 6px;
  background-color: #FDE1D1;
  background-image: url("../images/guccifuufu/icon4.png");
  background-size: 32px auto;
  background-position: center left 5px;
  background-repeat: no-repeat;
}

.modal_recipe__list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border-bottom: 1px solid #857266;
  margin: 0 auto 30px!important;
  padding: 14px 0;
}
.modal_recipe__list dt {
  border-top: 1px solid #857266;
  padding: 14px 0;
  width: 8%;
}
.modal_recipe__list dd {
  border-top: 1px solid #857266;
  padding: 14px 0;
  width: 92%;
}
.modal_recipe__list dt p {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0 3px 0;
  width: 36px;
  height: 36px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  color: #000;
  text-align: center;
  border-radius: 50%;
  background-color: #FDE1D1;
  box-sizing: border-box;
}
.modal_recipe__list dd p {
  font-size: 16px;
  line-height: 1.8;
  color: #000;
}
.modal_recipe__inner {
  width: 100%;
}
.modal_recipe__inner .text {
  width: 64%;
}
.modal_recipe__inner .figure {
  width: 30%;
}
.modal_recipe__inner .figure img {
  margin: 0!important;
  border-radius: 18px;
}
.modal__allergen {
  display: inline-block;
  margin: 0 0 18px 0!important;
  padding: 12px 10px 12px 12px!important;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  border-radius: 6px;
  background-color: #FDE1D1;
}
.modal__comment {
  display: flex;
  justify-content: space-between;
  margin: 30px auto 0!important;
}
.modal__comment img{
  margin: 0!important;
}
.modal__comment dt {
  width: 12%;
}
.modal__comment dt p {
  margin: 4px auto 0!important;
  font-size: 16px;
  line-height: 1;
  color: #F46817;
  text-align: center;
}
.modal__comment dd {
  border: 2px solid #F46817;
  padding: 20px;
  width: 86%;
  border-radius: 0 18px 18px 18px;
  box-sizing: border-box;
}
.modal__comment dd p {
  font-size: 16px;
  line-height: 1.8;
}
.modal_comment__attention {
  font-size: 14px!important;
  line-height: 1.6;
}
.modal__other {
  margin: 50px auto 0;
}
.modal_other__title {
  margin: 0 auto 40px!important;
  width: 100%;
  background-image: radial-gradient(#F41765 20%, transparent 40%);
  background-size: 10px 10px; /* [1セットの幅] [線の高さ] */
  background-repeat: repeat-x;
  background-position: left center; /* 下線として配置する場合 */
}
.modal_other__title p {
  display: inline-block;
  border: 2px solid #F41765;
  margin: 0 auto;
  padding: 10px 20px;
  background-color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  color: #F41765;
  letter-spacing: 0.08em;
  text-align: center;
  border-radius: 30px;
  box-sizing: border-box;
}
.modal_other__subtitle {
  display: inline-block;
  margin: 0 0 10px 0!important;
  padding: 12px 10px 12px 12px!important;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  border-radius: 6px;
  background-color: #FDE1D1;
}
.modal__other ul {
  display: flex;
  justify-content: space-between;
  list-style: none;
}
.modal__other ul li {
  display: flex;
  justify-content: space-between;
  width: 48%;
  cursor: pointer;
}
.modal__other ul li img {
  width: 100%;
  border-radius: 16px;
}

.modal__other ul li .figure {
  width: 42%;
}
.modal__other ul li .text {
  padding: 12px 0 0;
  width: 54%;
  text-align: left;
}
.modal_other__text {
  margin: 0 0 0.8em!important;
  font-size: 12px;
  line-height: 1;
}
.modal_other__name {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
}

.flex{
  display: flex;
  justify-content: space-between;
}

.modal__section {
}

.modal__section:last-child {
  margin: 60px auto 0!important;
}

#modal_interview2 .modal__section:last-child {
  border-bottom: none;
}

.modal__section img {
  display: inline;
}

.modal__lead {
  text-align: center;
  font-size: 18px;
  line-height: 1.66;
  margin-left: -4px;
  margin-bottom: 18px !important;
  color: #E5005A;
  font-weight: 700;
}

#modal_interview2 .modal__lead {
color: #00489D; }

.modal__text {
text-align: left;
line-height: 1.75;
margin-left: -4px;
margin-bottom: 30px !important; }

.modal__text:last-child {
margin-bottom: 9px; }

.modal--b h2, .modal--b h3 {
color: #00489D; }

.modal--b .modal__bg {
border-color: #00489D; }

.modal--b .modal__head {
border-color: #00489D; }

.modal--b .modal__section {
border-color: #00489D; }

.modal-open, .modal-close {
cursor: pointer; }

.modal__arrowwrap {
  margin: 0 auto!important;
  height: 50px;
  position: fixed;
  top: 345px;
  left: 0;
  right: 0;
  width: 910px;
  z-index: 10;
}

.modal__arrow {
  width: 50px;
  height: 50px;
  border: none;
  position: relative;
  text-indent: 200%;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.modal__arrow::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #E5005A;
  -webkit-transition: -webkit-transform ease-out .2s;
  transition: -webkit-transform ease-out .2s;
  transition: transform ease-out .2s;
  transition: transform ease-out .2s, -webkit-transform ease-out .2s;
}

.modal__arrow::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.modal__arrow--prev {
  position: absolute;
  left: 0;
}

.modal__arrow--prev::after {
  background: url(../images/guccifuufu/left_arrow.png) no-repeat 50% 50%;
}

.modal__arrow--next {
  position: absolute;
  right: 0;
}

.modal__arrow--next::after {
  background: url(../images/guccifuufu/right_arrow.png) no-repeat 50% 50%;
}

.modal__other .modal__arrow--prev {
  position: inherit;
  left: 0;
}

.modal__other .modal__arrow--prev::after {
}

.modal__other .modal__arrow--next {
  position: inherit;
  right: 0;
}

.modal__other .modal__arrow--next::after {
}

.slick-arrow {
  display: none !important;
}

	



































/**
* clearfix micro
*/
.clearfix:after {
content: "";
clear: both;
display: block; }


@media (min-width: 737px) {
  .osp {
   display: none; }

  .wrapper {
  min-width: 960px; }

  .wrapper__body {
  min-width: 960px; }

  .modal__block {
    margin: 0 auto;
    max-width: 860px;
    width: 100%;
  }
  .modal__button:hover {
  opacity: 0.6; }

  .modal__button:hover:after {
  right: 25px; }

  .modal__arrow::after {
  background-size: 14px auto; }

  .modal__arrow:hover::before {
  -webkit-transform: scale(1.1);
      transform: scale(1.1); }

  .for-mobile {
  display: none; }

  .__debug_mihon__ {
  display: none;
  margin-top: -10px; }

}


@media (min-width: 737px) {

/* 改行調整用CSS */
.pc_br{
display: block; /* PCでは改行する */}
.sp_br{
display: none; /* SPでは改行を隠す */ }

/* 画像の切り替え用CSS */
.for_pc {
display: block !important; /* PCでは表示する */}
.for_sp {
display: none !important; /* PCでは隠す */}
}


@media (max-width: 736px) {
	html, body {
	width: 100%; }

	h1, h2, h3, h4, h5, h6, div, dl, dt, dd, p {
	margin: 0;
	padding: 0; }

	img {
	height: auto;
	max-height: 100%;
	max-width: 100%;
	width: auto; }

	.container--narrow {
	width: calc(100vw - (100vw / 750 * 82)); }

	.container--medium {
	width: calc(100vw - (100vw / 750 * 82)); }

	.container--wide {
	width: calc(100vw - (100vw / 750 * 82)); }

	.container--faq {
	width: calc(100vw - (100vw / 750 * 82));
	padding-bottom: calc(100vw / 750 * 30); }


	.wrapper__body, .icreo-style {
	font-size: calc(100vw / 750 * 26); }

	.section {
	padding: calc(100vw / 750 * 60) 0; }

	.section__title {
	font-size: calc(100vw / 750 * 40); }
	.section__title--webcm {
	margin-bottom: calc(100vw / 750 * 35); }
	.section__subtitle {
	font-size: calc(100vw / 750 * 30);
	margin-bottom: calc(100vw / 750 * 30);
	line-height: 1.64; }

	.section__lead, .section__lead--red {
	font-size: calc(100vw / 750 * 24);
	margin-bottom: calc(100vw / 750 * 50);
	line-height: 1.9;
	letter-spacing: 0.05em; }

	.section__lead--voice {
	font-size: calc(100vw / 750 * 26);
	margin-bottom: calc(100vw / 750 * 20); }
	.section__lead--voicePage {
	margin-bottom: calc(100vw / 750 * 110); }


	.button, .button-close, .modal__button, .pl__button {
	width: calc(100vw / 750 * 562);
	height: calc(100vw / 750 * 86);
	border-width: 2px;
	border-radius: calc(100vw / 750 * 84);
	font-size: calc(100vw / 750 * 24);
	}

	.modal__button {
      width: calc(100vw / 750 * 480);
      border-radius: calc(100vw / 750 * 84);
      font-size: calc(100vw / 750 * 30);
	}

	.modal__button:after{
	  position: absolute;
	  content: '';
	  display: block;
	  width: calc(100vw / 750 * 16);
	  height: 100%;
	  top: 0;
	  left: calc(100vw / 750 * 30);
	}

	.modal__wrap {
      padding: calc(100vw / 750 * 100) calc(100vw / 750 * 30) calc(100vw / 750 * 0);
      cursor: pointer;
	}

	.modal__close {
      width: calc(100vw / 750 * 70);
      height: calc(100vw / 750 * 70);
      top: calc(100vw / 750 * 152);
      right: calc(100vw / 750 * 11);
	}

	.modal__box {
      margin: calc(100vw / 750 * 100) auto;
      max-width: 100%;
      width: 100%;
	}

	.modal__block {
	margin: 0 auto!important;
	max-width: 100%;
	width: 100%;
	border-radius: 9vw;
	}

	.modal__inner {
	padding: calc(100vw / 750 * 0) calc(100vw / 750 * 60) calc(100vw / 750 * 65);
	}
	
	.modal__label {
	  width: 21.7%;
	}
	.modal__label p {
	  font-size: calc(100vw / 750 * 25);
	}
	
	#modal_interview2 .modal__head {
	background: none;
	}

	.modal__head {
	padding-bottom: calc(100vw / 750 * 40);
	background: none; }

	.modal__head:after {
	position: absolute;
	left: 0;
	display: block;
	content: '';
	bottom: 0;
	width: 100%;
	height: calc(100vw / 750 * 8);
	}

	#modal_interview2 .modal__head:after {
	/*
	background-image: url("../images/common/line/modal_dot-blue-s.png");
	*/}

	.modal__title {
	  font-size: calc(100vw / 750 * 33);
	  letter-spacing: 0.16em;
	}

	.modal__subtitle {
	  display: inline-block;
	  margin-bottom: calc(100vw / 750 * 20)!important;
	  padding: calc(100vw / 750 * 9) calc(100vw / 750 * 14)!important;
	  font-size: calc(100vw / 750 * 24);
	  border-radius: calc(100vw / 750 * 6);
	}

	.modal__section {
	  display: block;
	  padding: calc(100vw / 750 * 0) 0 calc(100vw / 750 * 0);
	}

	#modal_interview2 .modal__section {
	}

	.modal__section img {
	  margin-bottom: calc(100vw / 750 * 40);
	  width: calc(100vw / 750 * 433);
	}

	.modal__section {
 	}
	.modal__section:last-child {
	  margin: calc(100vw / 750 * 45) auto 0!important;
	}

	.modal__lead {
	text-align: left;
	font-size: calc(100vw / 750 * 26);
	line-height: 1.61;
	margin-left: 0;
	margin-bottom: calc(100vw / 750 * 30) !important; }

	.modal__text {
	margin-left: 0;
	margin-bottom: calc(100vw / 750 * 40) !important; }

	.modal__arrowwrap {
      top: calc(100vw / 750 * 340);
      width: 95%;
	}

	.modal__arrow::after {
	background-size: 12px auto; }

	.modal__arrow {
	width: calc(100vw / 750 * 50);
	height: calc(100vw / 750 * 50);
	background-size: calc(100vw / 750 * 30) calc(100vw / 750 * 30); }

	.modal_main__section {
	  display: block;
	  margin: 0 auto calc(100vw / 750 * 45)!important;
	}
	.modal_main__section .figure {
	  width: 100%;
	}
	.modal_main__section .text {
	  margin: calc(100vw / 750 * 40) 0 0!important;
	  width: 100%;
	}
	.modal_main__section .figure__note {
	  margin: calc(100vw / 750 * 40) auto 0!important;
	}
	.modal_main__section .figure__note dt {
	  padding: calc(100vw / 750 * 10) calc(100vw / 750 * 12) calc(100vw / 750 * 10) calc(100vw / 750 * 50)!important;
	  font-size: calc(100vw / 750 * 25);
	  border-radius: calc(100vw / 750 * 6);
	}
	.modal_main__section .figure__note dt.amount {
	  background-image: url("../images/guccifuufu/icon1.png");
	  background-size: 4.0vw auto;
	  background-position: center left 1vw;
	  background-repeat: no-repeat;
	}
	.modal_main__section .figure__note dt.time {
	  font-weight: 700;
	  background-image: url("../images/guccifuufu/icon2.png");
	  background-size: 4.0vw auto;
	  background-position: center left 1vw;
	  background-repeat: no-repeat;
	}
	.modal_main__section .figure__note dt:nth-of-type(2) {
	  margin: 0 0 0 calc(100vw / 750 * 30);
	}
	.modal_main__section .figure__note dd {
	  padding: calc(100vw / 750 * 10) 0 calc(100vw / 750 * 10) calc(100vw / 750 * 20)!important;
	  font-size: calc(100vw / 750 * 25);
	}
	.modal__ingredient {
	  display: inline-block;
	  margin: 0 0 calc(100vw / 750 * 12) 0!important;
	  padding: calc(100vw / 750 * 10) calc(100vw / 750 * 10) calc(100vw / 750 * 10) calc(100vw / 750 * 70)!important;	  
	  font-size: calc(100vw / 750 * 27);
	  border-radius: calc(100vw / 750 * 6);
	  background-size: 6.4vw auto;
	  background-position: center left 1vw;
	  background-repeat: no-repeat;
	}
	.modal_main__section .text ul li {
	  font-size: calc(100vw / 750 * 25);
	}
	.modal_main__section .text ul li .ingredient_package p.package2 {
	  font-size: calc(100vw / 750 * 25);
	}
	.modal__recipe {
	  margin: 0 0 calc(100vw / 750 * 12) 0!important;
	  padding: calc(100vw / 750 * 10) calc(100vw / 750 * 10) calc(100vw / 750 * 10) calc(100vw / 750 * 48)!important;
	  font-size: calc(100vw / 750 * 27);
	  border-radius: calc(100vw / 750 * 6);
	  background-image: url("../images/guccifuufu/icon4.png");
	  background-size: 4.0vw auto;
	  background-position: center left 1vw;
	  background-repeat: no-repeat;
	}
	.modal_recipe__list {
	  display: flex;
	  justify-content: space-between;
	  flex-wrap: wrap;
	  border-bottom: 1px solid #857266;
/*	  padding: 14px 0;*/
	}
	.modal_recipe__list dt {
	  border-top: 1px solid #857266;
	  padding: calc(100vw / 750 * 28) 0;
	  width: 11%;
	}
	.modal_recipe__list dd {
	  border-top: 1px solid #857266;
	  padding: calc(100vw / 750 * 28) 0;
	  width: 89%;
	}
	.modal_recipe__list dt p {
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  padding: 0 0 calc(100vw / 750 * 3) 0;
	  width: calc(100vw / 750 * 50);
	  height: calc(100vw / 750 * 50);
	  font-size: calc(100vw / 750 * 27);
	  line-height: 1.2;
	}
	.modal_recipe__list dd p {
	  font-size: calc(100vw / 750 * 27);
	}
	.modal_recipe__inner .figure img {
	  margin: 0!important;
	  border-radius: calc(100vw / 750 * 20);
	}
	.modal__allergen {
	  margin: 0 0 calc(100vw / 750 * 19) 0!important;
	  padding: calc(100vw / 750 * 10) calc(100vw / 750 * 12) calc(100vw / 750 * 10) calc(100vw / 750 * 10)!important;
	  font-size: calc(100vw / 750 * 27);
	  border-radius: calc(100vw / 750 * 6);
	}
	.modal__comment {
 	  margin: calc(100vw / 750 * 50) auto 0!important;
	}
	.modal__comment dt p {
 	  margin: calc(100vw / 750 * 8) auto 0!important;
	  font-size: calc(100vw / 750 * 20);
	}
	.modal_allergen__text {
	  font-size: calc(100vw / 750 * 27);
	}
	.modal__comment dd {
	  padding: calc(100vw / 750 * 18);
	  width: 86%;
	  border-width: calc(100vw / 750 * 3);
	  border-radius: 0 calc(100vw / 750 * 18) calc(100vw / 750 * 18) calc(100vw / 750 * 18);
	  box-sizing: border-box;
	}
	.modal__comment dd p {
	  font-size: calc(100vw / 750 * 27);
	  line-height: 1.8;
	}
	.modal_comment__attention {
	  font-size: calc(100vw / 750 * 18);
	}
	.modal__other {
 	  margin: calc(100vw / 750 * 60) auto 0!important;
	}
	.modal_other__title {
	  margin: 0 auto calc(100vw / 750 * 30)!important;
	  width: 100%;
	  background-image: radial-gradient(#F41765 20%, transparent 40%);
	  background-size: 1.36vw 1.36vw; /* [1セットの幅] [線の高さ] */
	  background-repeat: repeat-x;
	  background-position: left center; /* 下線として配置する場合 */
	}
	.modal_other__title p {
	  display: inline-block;
	  margin: 0 auto;
	  padding: calc(100vw / 750 * 10) calc(100vw / 750 * 24);
	  font-size: calc(100vw / 750 * 29);
	  border-width: calc(100vw / 750 * 3);
	  border-radius: calc(100vw / 750 * 40);
	  box-sizing: border-box;
	}
	.modal_other__subtitle {
	  margin: 0 0 calc(100vw / 750 * 12) 0!important;
	  padding: calc(100vw / 750 * 10) calc(100vw / 750 * 12) calc(100vw / 750 * 10) calc(100vw / 750 * 10)!important;
	  font-size: calc(100vw / 750 * 22);
	  border-radius: calc(100vw / 750 * 6);
	}
	.modal__other ul {
	  display: block;
	}
	.modal__other ul li {
	  width: 100%;
	}
	.modal__other ul li + li {
	  margin: calc(100vw / 750 * 30) auto 0!important;
	}
	.modal__other ul li img {
	  width: 100%;
	  border-radius: calc(100vw / 750 * 18);
	}
	.modal__other ul li .figure {
	  width: 37%;
	}
	.modal__other ul li .text {
	  padding: 1vw 0 0;
	  width: 58%;
	  text-align: left;
	}
	.modal_other__text {
	  margin: 0 0 0.8em!important;
	  font-size: calc(100vw / 750 * 22);
	}
	.modal_other__name {
	  font-size: calc(100vw / 750 * 24);
	}
}

/*.icreo-info,*/
#brandsite_nav
#brandsite_nav-sp{
  display: none;
}