@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@500;700&display=swap');
body {
  background-color: #FFFFF8;
  font-family: 'Zen Maru Gothic', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-weight: 500;
}
#headerWrap {
  position: relative;
  z-index: 1;
}
.cmnNav {
  background: #fff;
}
.rps_del {
  display: inline-block;
}
.rps_visible {
  display: none;
}
.main {
  margin-top: 120px;
  color: #8D6354;
  font-size: 18px;
  line-height: 1.5;
}
.main * {
  box-sizing: border-box;
}
.main a {
  color: #8D6354;
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  .main a, .main a p {
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
  }
}
.main img {
  width: 100%;
}
.main .img {
  margin: 0 auto;
}
.main h2 {
  font-size: 36px;
}
.main #movie h2 {
  font-size: 30px;
}
.main section {
  width: 100%;
}
.main section .inner {
  width: 1020px;
  margin: 0 auto;
  text-align: center;
}
/*-- GradationColor--*/
#header {
  background: linear-gradient(#ffcebe, #fffbf4 30%, #fffff8);
}
#movie {
  padding: 6rem 0 4em;
  background: linear-gradient(#fffff8, #fceee3 25%, #fceee3 80%, #FDF6EC 98%);
}
#needs {
  padding: 5rem 0 0;
  background: linear-gradient(#FDF6EC, #fffcf3, #fff 50%);
}
#nav {
  padding: 2rem 0;
  background: linear-gradient(#fff, #fdfbfe);
}
#feature01 {
  padding: 5rem 0;
  background: linear-gradient(#fdfbfe, #f6effc 10%, #f7eff8 90%);
}
#feature02 {
  padding: 5rem 0;
  background: url("/babyfood/products/dessert/over01asset/imgs/feature02_bg_pc.png") no-repeat center bottom 35%, linear-gradient(#f7eff8, #fbeee4 10%, #fceee3, #fef4e3 98%);
}
#feature03 {
  padding: 5rem 0;
  background: url("/babyfood/products/dessert/over01asset/imgs/feature03_bg_pc.png") no-repeat center center, linear-gradient(#fef4e3, #fff9e3, #fcf9e8 95%);
  background-size: cover;
}
#lineup {
  padding: 5rem 0;
  background: linear-gradient(#fcf9e8, #F4F9F4 5%);
}
/*-- GradationColor end--*/
#header .inner {
  width: 1042px;
  padding-top: 100px;
  position: relative;
}
#header .inner p {
  position: absolute;
  width: 550px;
  top: 215px;
  left: 0;
  right: 0;
  margin: auto;
}
#movie h2 {
  display: inline-block;
  position: relative;
}
#movie h2::before, #movie h2::after {
  content: "";
  position: absolute;
  display: block;
  width: 25px;
  height: 32px;
  bottom: 5px;
}
#movie h2::before {
  left: -50px;
  background: url("/babyfood/products/dessert/over01asset/imgs/h2_line_l.png") no-repeat;
  background-size: contain;
}
#movie h2::after {
  right: -50px;
  background: url("/babyfood/products/dessert/over01asset/imgs/h2_line_r.png") no-repeat;
  background-size: contain;
}
#movie .movie_area {
  width: 564px;
  margin: 2rem auto 0;
}
#movie .movie_area div {
  position: relative;
  width: 564px;
  height: 317px;
}
#movie .movie_area div iframe {
  top: 0;
  left: 0;
}
#needs .cmt_needs {
  width: 880px;
  margin: 3rem auto 0;
  display: flex;
  justify-content: space-between;
}
#needs .cmt_needs li:nth-child(1) {
  width: 270px;
}
#needs .cmt_needs li:nth-child(2) {
  width: 220px;
  margin-top: 30px;
  margin-left: -30px;
}
#needs .cmt_needs li:nth-child(3) {
  width: 180px;
  margin-top: 18px;
  margin-left: -30px;
}
#needs .cmt_needs li:nth-child(4) {
  width: 225px;
}
#needs h3 {
  width: 194px;
  margin: 3rem auto 0;
}
#needs .item_list {
  width: 460px;
  margin: 2rem auto 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
}
#needs .item_list li {
  width: 142px;
  margin-bottom: 2rem;
}
#needs .item_list::after {
  content: "";
  display: block;
  width: 64px;
  height: 10px;
  margin: 3rem auto 0;
  background: url("/babyfood/products/dessert/over01asset/imgs/line_dot.png") no-repeat;
  background-size: contain;
}
#nav ul {
  width: 640px;
  margin: 3rem auto 0;
  display: flex;
  justify-content: space-between;
}
#nav ul li {
  width: 172px;
}
#nav ul li a {
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#nav ul li:nth-child(1) a {
  width: 172px;
  background: url("/babyfood/products/dessert/over01asset/imgs/bg_feature01_pc.png") no-repeat;
  background-size: contain;
}
#nav ul li:nth-child(2) a {
  width: 170px;
  background: url("/babyfood/products/dessert/over01asset/imgs/bg_feature02_pc.png") no-repeat;
  background-size: contain;
}
#nav ul li:nth-child(3) a {
  width: 160px;
  background: url("/babyfood/products/dessert/over01asset/imgs/bg_feature03_pc.png") no-repeat;
  background-size: contain;
}
#nav ul li a p {
  position: relative;
}
#nav ul li a p span {
  position: absolute;
  width: 44px;
  top: -50px;
  left: 0;
  right: 0;
  margin: auto;
}
#nav ul li:nth-child(1) a p {
  margin-left: -0.5em;
}
#nav ul li a p::after {
  content: "";
  position: absolute;
  display: block;
  width: 15px;
  height: 18px;
  bottom: -35px;
  left: 0;
  right: 0;
  margin: auto;
}
#nav ul li:nth-child(1) a p::after {
  background: url("/babyfood/products/dessert/over01asset/imgs/icon_arrow01.svg") no-repeat;
  background-size: contain;
}
#nav ul li:nth-child(2) a p::after {
  background: url("/babyfood/products/dessert/over01asset/imgs/icon_arrow02.svg") no-repeat;
  background-size: contain;
}
#nav ul li:nth-child(3) a p::after {
  background: url("/babyfood/products/dessert/over01asset/imgs/icon_arrow03.svg") no-repeat;
  background-size: contain;
}
@media only screen and (min-width: 768px) {
  #nav ul li a:hover p::after {
    animation: link_allow 0.6s;
    animation-timing-function: ease-in-out;
  }
}
@keyframes link_allow {
  0% {
    transform: translateY(0em);
  }
  60% {
    transform: translateY(0.3em);
  }
  100% {
    transform: translateY(0em);
  }
}
h2.feature {
  position: relative;
}
h2.feature span {
  position: relative;
  display: block;
  width: 70px;
  margin: 0 auto 1rem;
}
#feature01 dl {
  width: 720px;
  margin: 3rem auto 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
#feature01 dt {
  width: 130px;
  margin-bottom: 2rem;
}
#feature01 dt:nth-of-type(1) img {
  width: 117px;
  margin: auto;
}
#feature01 dt:nth-of-type(2) img {
  width: 110px;
  margin: auto;
}
#feature01 dt:nth-of-type(3) img {
  width: 130px;
  margin: auto;
}
#feature01 dd {
  width: 570px;
  text-align: left;
  margin-bottom: 2rem;
}
#feature01 .img_area {
  width: 650px;
  margin: -1rem auto 0;
  display: flex;
  justify-content: space-between;
  position: relative;
}
#feature01 .img_area p:nth-child(1) {
  order: 2;
  width: 196px;
}
#feature01 .img_area p:nth-child(2) {
  width: 114px;
  position: absolute;
  top: 170px;
  right: 80px;
}
#feature01 .img_area p:nth-child(3) {
  order: 1;
  width: 440px;
}
#feature01 .graph_area {
  width: 1000px;
  margin: 3rem auto 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  font-size: 14px;
  text-align: left;
}
#feature01 .graph_area div {
  width: 480px;
}
#feature01 .graph_area div .txt {
  margin-top: 5px;
  font-size: 15px;
}
#feature01 .graph_area div .txt span {
  font-size: 9px;
}
#feature01 .graph_area .note {
  width: 100%;
  margin-top: 20px;
  font-size: 11px;
}
#feature01 .graph_area .note + .note {
  margin-top: 0;
  text-indent: -1em;
  padding-left: 1em;
}
#feature01 .graph_area .note span {
  font-size: 9px;
}
#feature02 .point {
  width: 1020px;
  margin: 3rem auto 0;
  display: flex;
  justify-content: space-between;
  position: relative;
}
#feature02 .point .point01 {
  width: 220px;
  height: 230px;
  margin-left: 105px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url("/babyfood/products/dessert/over01asset/imgs/feature02_cmt01_pc.png") no-repeat;
  background-size: contain;
}
#feature02 .point .point02 {
  width: 190px;
  height: 180px;
  margin-top: 210px;
  margin-right: 180px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url("/babyfood/products/dessert/over01asset/imgs/feature02_cmt02_pc.png") no-repeat;
  background-size: contain;
}
#feature02 .point .point02 p {
  margin-left: -0.5em;
}
#feature02 .point .img {
  position: absolute;
  width: 630px;
  top: -130px;
  right: 30px;
}
#feature03 .point {
  width: 770px;
  margin: 2rem auto 0;
  display: flex;
  justify-content: space-between;
  position: relative;
}
#feature03 .point .point01 {
  order: 1;
  width: 220px;
  height: 210px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url("/babyfood/products/dessert/over01asset/imgs/feature03_cmt01_pc.png") no-repeat;
  background-size: contain;
  z-index: 10;
}
#feature03 .point .point02 {
  order: 3;
  width: 195px;
  height: 170px;
  margin-top: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url("/babyfood/products/dessert/over01asset/imgs/feature03_cmt02_pc.png") no-repeat;
  background-size: contain;
  z-index: 10;
}
#feature03 .point .point03 {
  order: 2;
  width: 230px;
  height: 170px;
  margin-top: 260px;
  margin-left: -290px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url("/babyfood/products/dessert/over01asset/imgs/feature03_cmt03_pc.png") no-repeat;
  background-size: contain;
  z-index: 10;
}
#feature03 .point .img {
  position: absolute;
  width: 395px;
  left: 0;
  right: 0;
  margin: auto;
}
#feature03 .point .point01 p {
  margin-top: -2em;
  margin-left: 1.5em;
}
#feature03 .point .point02 p {
  margin-top: -0.5em;
  margin-left: -1em;
}
#feature03 .point .point03 p {
  margin-top: 0.5em;
  margin-left: -3em;
}
#feature03 .point p span {
  color: #FF7017;
}
#lineup h3 {
  width: 145px;
  height: 36px;
  margin: 3rem auto 0;
  font-size: 18px;
  color: #fff;
  border-radius: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#lineup h3.month09 {
  background: #694C99;
}
#lineup h3.month12 {
  background: #3DA9DA;
}
#lineup .item_list {
  width: 670px;
  margin: 2rem auto 0;
  display: flex;
  justify-content: space-between;
}
#lineup .item_list li {
  width: 200px;
}
#lineup .item_list li .name {
  margin-top: 1.5rem;
  font-size: 16px;
}
@media only screen and (min-width: 768px) {
  #lineup .item_list li a:hover .item {
    opacity: 0.6;
  }
  #lineup .item_list li a:hover .name {
    color: #FF7017;
  }
}
#lineup .graph_item {
  width: 1000px;
  margin: 4rem auto 0;
}
#lineup .btn_area {
  width: 670px;
  margin: 3rem auto 0;
  display: flex;
  justify-content: space-between;
}
#lineup .btn_area p.btn01 {
  width: 290px;
}
#lineup .btn_area p.btn02 {
  width: 360px;
}
#lineup .btn_area p a {
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  color: #fff;
  border-radius: 30px;
  position: relative;
}
#lineup .btn_area p.btn01 a {
  width: 290px;
  background: rgba(100, 183, 163, 1)
}
#lineup .btn_area p.btn02 a {
  width: 360px;
  background: rgba(232, 107, 68, 1)
}
#lineup .btn_area p a span {
  font-size: 15px;
  padding-left: 5px;
}
#lineup .btn_area p a span.detail {
  padding-left: 10px;
}
#lineup .btn_area p a::after {
  content: "";
  position: absolute;
  display: block;
  width: 16px;
  height: 12px;
  top: 0;
  bottom: 0;
  right: 0.6rem;
  margin: auto;
  background: url("/babyfood/products/dessert/over01asset/imgs/icon_arrow04.svg") no-repeat;
  background-size: contain;
}
@media only screen and (min-width: 768px) {
  #lineup .btn_area p.btn01 a:hover {
    background: rgba(100, 183, 163, 0.6)
  }
  #lineup .btn_area p.btn02 a:hover {
    background: rgba(232, 107, 68, 0.6)
  }
  #lineup .btn_area p a:hover::after {
    animation: link_allow_btn 0.6s;
    animation-timing-function: ease-in-out;
  }
}
@keyframes link_allow_btn {
  0% {
    transform: translateX(0em);
  }
  60% {
    transform: translateX(0.3em);
  }
  100% {
    transform: translateX(0em);
  }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  /* chrome */
  img {
    -webkit-backface-visibility: hidden;
  }
}
@media only screen and (max-width: 767px) {
  .rps_del {
    display: none;
  }
  .rps_visible {
    display: block;
  }
  .main {
    margin-top: 26vw;
    font-size: 4.8vw;
    line-height: 1.4;
  }
  .main h2 {
    font-size: 6.4vw;
  }
  .main section {
    width: 100%;
  }
  .main section .inner {
    width: 90vw;
  }
  /*-- GradationColor--*/
  #header {
    background: linear-gradient(#ffcebe, #fffbf4 30%, #fbfbf4);
  }
  #movie {
    padding: 4rem 0 2rem;
    background: linear-gradient(#fffff8, #fceee3 30%, #fceee3 80%, #FDF6EC 98%);
  }
  #needs {
    padding: 3rem 0 0;
    background: linear-gradient(#FDF6EC, #fffcf3, #fff 70%);
  }
  #nav {
    padding: 2rem 0;
    background: linear-gradient(#fff, #fdfbfe 98%);
  }
  #feature01 {
    padding: 5rem 0 3rem;
    background: linear-gradient(#fdfbfe, #f6effc 10%, #f7eff8 85);
  }
  #feature02 {
    padding: 5rem 0 3rem;
    background: none, linear-gradient(#f7eff8, #fbeee4 5%, #fceee3, #fef4e3 90%);
  }
  #feature03 {
    padding: 5rem 0 3rem;
    background: none, linear-gradient(#fef4e3, #fff9e3 5%, #fcf9e8 95%);
    background-size: cover;
  }
  #lineup {
    padding: 5rem 0 3rem;
    background: linear-gradient(#fcf9e8, #F4F9F4 3%);
  }
  /*-- GradationColor end--*/
  #header .inner {
    width: 100vw;
    padding-top: 10.66667vw;
  }
  #header .inner h1 {
    width: 100vw;
  }
  #header .inner p {
    width: 90vw;
    top: 44vw;
  }
  .main #movie h2 {
    font-size: 4.8vw;
  }
  #movie h2::before, #movie h2::after {
    width: 3.73333vw;
    height: 4.8vw;
    bottom: 1.33333vw;
  }
  #movie h2::before {
    left: -5.6vw;
  }
  #movie h2::after {
    right: -5.6vw;
  }
  #movie .movie_area {
    width: 90vw;
    margin: 2rem auto 0;
  }
  #movie .movie_area div {
    width: 90vw;
    height: 50.63vw;
  }
  #needs .cmt_needs {
    width: 90vw;
    margin: 3rem auto 0;
    flex-direction: column;
  }
  #needs .cmt_needs li:nth-child(1) {
    order: 1;
    width: 66.66667vw;
  }
  #needs .cmt_needs li:nth-child(2) {
    order: 3;
    width: 48vw;
    margin-top: -32vw;
    margin-left: 0;
  }
  #needs .cmt_needs li:nth-child(3) {
    order: 2;
    width: 48vw;
    margin-top: -13.33333vw;
    margin-left: auto;
    margin-right: 0;
  }
  #needs .cmt_needs li:nth-child(4) {
    order: 4;
    width: 61.33333vw;
    margin-top: -32vw;
    margin-left: auto;
    margin-right: 0;
  }
  #needs h3 {
    width: 51.73333vw;
    margin: 2rem auto 0;
  }
  #needs .item_list {
    width: 90vw;
    margin: 2rem auto 0;
  }
  #needs .item_list li {
    width: 28.26667vw;
    margin-bottom: 1rem;
  }
  #needs .item_list::after {
    width: 17.06667vw;
    height: 2.66667vw;
    margin: 1.5rem auto 0;
  }
  #nav ul {
    width: 90vw;
    margin: 3rem auto 0;
    display: block;
  }
  #nav ul li {
    width: 90vw;
    margin-bottom: 1rem;
  }
  #nav ul li a {
    height: 24vw;
    margin-left: auto;
  }
  #nav ul li:nth-child(1) a {
    width: 84.8vw;
    margin-right: 0;
    background: url("/babyfood/products/dessert/over01asset/imgs/bg_feature01_sp.png") no-repeat;
    background-size: contain;
  }
  #nav ul li:nth-child(2) a {
    width: 81.6vw;
    margin-right: 3.2vw;
    background: url("/babyfood/products/dessert/over01asset/imgs/bg_feature02_sp.png") no-repeat;
    background-size: contain;
  }
  #nav ul li:nth-child(3) a {
    width: 78.4vw;
    margin-right: 5.6vw;
    background: url("/babyfood/products/dessert/over01asset/imgs/bg_feature03_sp.png") no-repeat;
    background-size: contain;
  }
  #nav ul li a p span {
    width: 11.73333vw;
    top: -5.33333vw;
    left: -80vw;
  }
  #nav ul li:nth-child(2) a p span {
    left: -77.6vw;
  }
  #nav ul li:nth-child(3) a p span {
    left: -76vw;
  }
  #nav ul li:nth-child(1) a p {
    margin-left: 0;
  }
  #nav ul li a p::after {
    width: 4vw;
    height: 4.8vw;
    bottom: 5.33333vw;
    right: -58.66667vw;
  }
  #nav ul li:nth-child(2) a p::after {
    right: -61.33333vw;
  }
  #nav ul li:nth-child(3) a p::after {
    right: -62.66667vw;
  }
  h2.feature span {
    width: 12vw;
    margin: 0 auto 1rem;
  }
  #feature01 dl {
    width: 90vw;
    margin: 3rem auto 0;
    display: block;
  }
  #feature01 dt {
    width: 90vw;
    margin-bottom: 1rem;
  }
  #feature01 dt:nth-of-type(1) img {
    width: 40vw;
  }
  #feature01 dt:nth-of-type(2) img {
    width: 39.2vw;
  }
  #feature01 dt:nth-of-type(3) img {
    width: 48vw;
  }
  #feature01 dd {
    width: 90vw;
    text-align: center;
    margin-bottom: 3rem;
  }
  #feature01 .img_area {
    width: 90vw;
    margin: 0 auto;
    display: block;
  }
  #feature01 .img_area p:nth-child(1) {
    width: 64vw;
    margin-left: 5vw;
  }
  #feature01 .img_area p:nth-child(2) {
    width: 25.33333vw;
    position: static;
    margin-top: -6vw;
    margin-left: auto;
    margin-right: 3vw;
  }
  #feature01 .img_area p:nth-child(3) {
    width: 90vw;
    margin-top: -1vw;
  }
  #feature01 .graph_area {
    width: 90vw;
    margin: 2rem auto 0;
    display: block;
    font-size: 3.2vw;
  }
  #feature01 .graph_area div {
    width: 90vw;
    margin-bottom: 1.5rem;
  }
  #feature01 .graph_area div .txt {
    margin-top: 1.33333vw;
    font-size: 3.2vw;
  }
  #feature01 .graph_area div .txt span {
    display: block;
    font-size: 2.4vw;
  }
  #feature01 .graph_area .note {
    margin-top: 4vw;
    font-size: 2.93333vw;
  }
  #feature01 .graph_area .note + .note {
    margin-top: 1.33333vw;
  }
  #feature01 .graph_area .note span {
    font-size: 2.4vw;
  }
  #feature02 .point {
    width: 90vw;
    margin: 1.5rem auto 0;
    display: block;
  }
  #feature02 .point .point01 {
    width: 56vw;
    height: 49.33333vw;
    margin-left: 0;
    background: url("/babyfood/products/dessert/over01asset/imgs/feature02_cmt01_sp.png") no-repeat;
    background-size: contain;
    position: relative;
    z-index: 10;
  }
  #feature02 .point .point01::after {
    content: "";
    position: absolute;
    display: block;
    width: 32.8vw;
    height: 36vw;
    top: 2.66667vw;
    right: -36vw;
    background: url("/babyfood/products/dessert/over01asset/imgs/feature02_bg01_sp.png") no-repeat;
    background-size: contain;
  }
  #feature02 .point .point02 {
    width: 61.33333vw;
    height: 40vw;
    margin-top: 53.33333vw;
    margin-left: auto;
    margin-right: 0;
    background: url("/babyfood/products/dessert/over01asset/imgs/feature02_cmt02_sp.png") no-repeat;
    background-size: contain;
    position: relative;
    z-index: 10;
  }
  #feature02 .point .point02::after {
    content: "";
    position: absolute;
    display: block;
    width: 24vw;
    height: 34.4vw;
    top: -12vw;
    left: -28.8vw;
    background: url("/babyfood/products/dessert/over01asset/imgs/feature02_bg02_sp.png") no-repeat;
    background-size: contain;
  }
  #feature02 .point .point01 p, #feature02 .point .point02 p {
    margin-left: 0.5em;
  }
  #feature02 .point .img {
    width: 85.33333vw;
    top: 34.66667vw;
    right: -5vw;
  }
  #feature03 .point {
    width: 90vw;
    margin: 1.5rem auto 0;
    display: block;
  }
  #feature03 .point .point01 {
    width: 62.4vw;
    height: 48vw;
    margin-left: 9vw;
    background: url("/babyfood/products/dessert/over01asset/imgs/feature03_cmt01_sp.png") no-repeat;
    background-size: contain;
    position: relative;
    z-index: 10;
  }
  #feature03 .point .point02 {
    width: 44vw;
    height: 48vw;
    margin-top: 53.33333vw;
    margin-left: auto;
    margin-right: -2vw;
    background: url("/babyfood/products/dessert/over01asset/imgs/feature03_cmt02_sp.png") no-repeat;
    background-size: contain;
    position: relative;
    z-index: 10;
  }
  #feature03 .point .point03 {
    width: 48vw;
    height: 49.6vw;
    margin-top: -36.8vw;
    margin-left: 1vw;
    background: url("/babyfood/products/dessert/over01asset/imgs/feature03_cmt03_sp.png") no-repeat;
    background-size: contain;
    position: relative;
    z-index: 10;
  }
  #feature03 .point .img {
    width: 84.8vw;
    top: 37.33333vw;
    left: 0;
    right: 0;
    margin: auto;
  }
  #feature03 .point .point01 p {
    margin-top: -0.5em;
    margin-left: -2.5em;
  }
  #feature03 .point .point02 p {
    margin-top: -1em;
    margin-left: 0.5em;
  }
  #feature03 .point .point03 p {
    margin-top: -1em;
    margin-left: -1em;
  }
  #lineup h3 {
    width: 38.66667vw;
    height: 9.6vw;
    margin: 2rem auto 0;
    font-size: 4.26667vw;
    border-radius: 4.8vw;
  }
  #lineup h3.month09 {
    border: 1px solid #694C99;
  }
  #lineup h3.month12 {
    border: 1px solid #3DA9DA;
  }
  #lineup .item_list {
    width: 90vw;
    margin: 1.5rem auto 0;
    justify-content: center;
    flex-wrap: wrap;
  }
  #lineup .item_list li {
    width: 41.6vw;
    margin-left: 4.8vw;
    margin-bottom: 1rem;
  }
  #lineup .item_list li:nth-child(2n+1) {
    margin-left: 0;
  }
  #lineup .item_list li .name {
    margin-top: 1rem;
    font-size: 4.26667vw;
  }
  #lineup .graph_item {
    width: 90vw;
    margin: 3rem auto 0;
    overflow-x: scroll;
  }
  #lineup .graph_item .graph_item_area {
    width: 152vw;
  }
  #lineup .btn_area {
    width: 90vw;
    margin: 3rem auto 0;
  }
  #lineup .btn_area p.btn01, #lineup .btn_area p.btn02 {
    width: 44vw;
  }
  #lineup .btn_area p a {
    height: 12.8vw;
    padding-top: 1vw;
    display: block;
    font-size: 4.26667vw;
    line-height: 1.3;
    border-radius: 6.4vw;
  }
  #lineup .btn_area p.btn01 a, #lineup .btn_area p.btn02 a {
    width: 44vw;
  }
  #lineup .btn_area p a span {
    font-size: 3.2vw;
    padding-left: 1.33333vw;
  }
  #lineup .btn_area p a span.detail {
    display: block;
    padding-left: 0;
  }
  #lineup .btn_area p a::after {
    width: 2.66667vw;
    height: 2.13333vw;
    right: 0.4rem;
  }
}
.mt-1rem {
  margin-top: 1rem !important;
}
.mt-2rem {
  margin-top: 2rem !important;
}
.mt-3rem {
  margin-top: 3rem !important;
}
.mt-4rem {
  margin-top: 4rem !important;
}
.mt-5rem {
  margin-top: 5rem !important;
}
.mt-6rem {
  margin-top: 6rem !important;
}
.mt-7rem {
  margin-top: 7rem !important;
}
.mt-8rem {
  margin-top: 8rem !important;
}
.mt-9rem {
  margin-top: 9rem !important;
}
.mt-10rem {
  margin-top: 10rem !important;
}
@media only screen and (max-width: 767px) {
  .mt-1rem--sp {
    margin-top: 1rem !important;
  }
  .mt-2rem--sp {
    margin-top: 2rem !important;
  }
  .mt-3rem--sp {
    margin-top: 3rem !important;
  }
  .mt-4rem--sp {
    margin-top: 4rem !important;
  }
  .mt-5rem--sp {
    margin-top: 5rem !important;
  }
  .mt-6rem--sp {
    margin-top: 6rem !important;
  }
  .mt-7rem--sp {
    margin-top: 7rem !important;
  }
  .mt-8rem--sp {
    margin-top: 8rem !important;
  }
  .mt-9rem--sp {
    margin-top: 9rem !important;
  }
  .mt-10rem--pc {
    margin-top: 10rem !important;
  }
}
.campaign_bnr {
  width: 100%;
  padding-top: 4em;
  background: linear-gradient(#fffff8, #fffff8);
}
.campaign_bnr p {
  width: 852px;
  margin: 0 auto;
  border: 1px solid #ddd;
}
@media only screen and (min-width: 768px) {
  .campaign_bnr p a:hover {
    opacity: 0.6;
  }
}
@media only screen and (max-width: 767px) {
  .campaign_bnr p {
    width: 90vw;
  }
}
.bnr_odekake{
    width: 860px;
    margin: 30px auto 0;
    background: #fff;
}@media only screen and (min-width: 768px) {
    .bnr_odekake a:hover {
      opacity: 0.6;
    }
}
@media only screen and (max-width: 767px) {
  .bnr_odekake {
    width: 84vw;
    margin: 5.33333vw auto 0;
  }
}
/* アンカーリンクボタン */
.btn-anchor-link {
    width: 400px;
    height: 50px;
    margin: 40px auto 0;
    font-size: 22px;
    color: #fff !important;
    background: rgb(73 179 125 / 1);
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.btn-anchor-link::after {
    position: absolute;
    content: "";
    width: .8em;
    height: .8em;
    background: url("/babyfood/products/images/icon-arrow-wh-down.svg") no-repeat center / contain;
    top: 0;
    bottom: 0;
    right: 1em;
    margin: auto;
}
@media only screen and (min-width: 768px) {
    a.btn-anchor-link {
        -webkit-transition: all 0.6s;
        transition: all 0.6s;
    }
    a:hover.btn-anchor-link {
        background: rgb(73 179 125 / .8);
    }
}
@media only screen and (max-width: 767px) {
    .btn-anchor-link {
        width: calc((400 / 450) * 100vw);
        height: calc((50 / 450) * 100vw);
        margin-top: calc((20 / 450) * 100vw);
        font-size: calc((25 / 450) * 100vw);
        border-radius: calc((25 / 450) * 100vw);
    }
    .btn-anchor-link::after {
        width: .6em;
        height: .6em;
    }
}