@charset "UTF-8";
/*
# =================================================================
# トップページ（LP）
# =================================================================*/
/* 共通 */
.inner {
  max-width: 1000px;
  width: 90%;
  margin: 0 auto;
}
/* フローティングナビ */
.fb {
  width: 70px;
  position: fixed;
  top: 115px;
  right: 0;
  z-index: 1;
}
.fb ul .btnContact a {
  width: 70px;
  display: block;
  position: relative;
}
.fb ul li a picture {
  position: relative;
  z-index: 2;
}
.fb ul li a img {
  display: block;
}
.fb ul li a img:nth-of-type(1) {
  width: 70px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  transition: .3s;
}
.fb ul li:nth-of-type(2) a img:nth-of-type(1) {
  top: 179px;
}
.fb ul li a img.img2 {
  width: 325px;
  position: absolute;
  top: 0;
  right: -260px;
  transition: .3s;
}
.fb ul .btnContact a img.img2 {
  top: 179px;
}
.fb ul .btnDl:hover a img:nth-of-type(1) {
  right: -70px;
}
.fb ul .btnContact:hover a img:nth-of-type(1) {
  right: -70px;
}
.fb ul .btnContact:hover a img.img2 {
  right: 0;
}
.fb .btnDl .boxDl {
  width: 305px;
  height: 179px;
  padding: 15px 0 0 0;
  background: #000;
  border-radius: 28px 0 0 28px;
  position: absolute;
  top: 0;
  right: -285px;
  transition: .3s;
}
.fb .btnDl .boxDl::after {
  content: '';
  width: 40px;
  height: 40px;
  background: url(../../image/fbDl_o.png) no-repeat left top;
  position: absolute;
  top: calc(50% - 20px);
  left: -20px;
}
.fb .btnDl:hover .boxDl  {
  right: 0;
}
.fb .btnDl .boxDl h3 {
  margin: 0 0 5px 0;
  font-size: 16px;
  color: #fff;
  text-align: center;
}
.fb ul li:nth-of-type(1) .boxDl a {
  width: 212px;
  margin: 0 0 0 45px;
  display: block;
}
.fb ul li:nth-of-type(1) .boxDl a:nth-of-type(1) {
  margin: 0 0 7px 45px;
}
.fb ul li:nth-of-type(1) .boxDl a img {
  width: 212px;
  position: static;
}
/* モーダル処理 */
.modalBox .contents {
  background: #fff!important;
  border-radius: 40px!important;
}
.modalBox .contents .inner ul li::after {
  background: url(../image/iconArrow1.svg) no-repeat left top / 21px;
}
.modalBox.modalBox1 {
  display: none;
}
.modalBox.modalBox2 {
  display: block;
}
.modalBox.modalBox2 .contents .inner h2 {
  margin: 0 0 20px 0;
  color: #000;  
}
/* MV */
#product.meldy .mv {
  padding: 60px 0 0 0;
  background: url(../image/mvBg1.png) no-repeat center top / 100%,
  url(../image/bgCircle1.png) no-repeat right 50px bottom 100px,
  url(../image/bgCircle2.png) no-repeat left 40px bottom 500px,
  url(../image/bgCircle3.png) no-repeat left 50px bottom 30px,
  url(../image/bgCircle4.png) no-repeat right 0 bottom 470px,
  url(../image/bgCircle5.png) no-repeat left -20px bottom 980px;
}
#product.meldy .mv .inner h2 {
  max-width: 730px;
  width: 100%;
  margin: 0 auto 60px auto;
}
#product.meldy .mv .inner h2 img {
  width: 100%;
}
#product.meldy .mv .inner .contents {
  margin: 0 0 90px 0;
  display: flex;
  flex-wrap: wrap;
}
#product.meldy .mv .inner .contents .txt {
  width: calc(100% - 340px);
  padding: 0 60px 0 0;
}
#product.meldy .mv .inner .contents .txt h3 {
  max-width: 470px;
  width: 100%;
  margin: 0 0 45px 0;
}
#product.meldy .mv .inner .contents .txt p {
  margin: 0 0 30px 0;
  font-size: 23px;
  line-height: 2;
}
#product.meldy .mv .inner .contents .txt p span {
  background: linear-gradient(transparent 50%,#fff 51%,#fff 90%,#fff 91%);
  font-weight: bold;
  color: #bb133a;
}
#product.meldy .mv .inner .contents .txt .info {
  padding: 7px;
  background: #fff;
  border-radius: 30px;
  box-shadow: 0 0 20px 7px rgba(0,0,0,0.1);
}
#product.meldy .mv .inner .contents .txt .info .bg {
  padding: 25px 30px;
  background: url(../image/mvBg2.gif) repeat left top;
  border: 2px solid #3ea5b2;
  border-radius: 24px;
}
#product.meldy .mv .inner .contents .txt .info .bg h4 {
  margin: 0 0 15px 0;
  padding: 3px 0 0 35px;
  font-size: 23px;
  color: #3ea5b2;
  line-height: 1;
  position: relative;
}
#product.meldy .mv .inner .contents .txt .info .bg h4::before {
  content: '';
  width: 25px;
  height: 25px;
  background: url(../image/mvIconCheck.svg) no-repeat left top / 25px;
  position: absolute;
  top: 0;
  left: 0;
}
#product.meldy .mv .inner .contents .txt .info .bg .box1 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
}
#product.meldy .mv .inner .contents .txt .info .bg .box1 .left {
  width: calc(100% - 260px);
  padding: 0 20px 0 0;
}
#product.meldy .mv .inner .contents .txt .info .bg .box1 .left p {
  margin: 0;
  font-size: 17px;
  line-height: 1.8;
}
#product.meldy .mv .inner .contents .txt .info .bg .box1 .right {
  width: 260px;
  text-align: right;
}
#product.meldy .mv .inner .contents .img {
  width: 340px;
  text-align: right;
}
#product.meldy .mv .inner .movie {
  padding: 0 0 100px 0;
}
#product.meldy .mv .inner .movie ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#product.meldy .mv .inner .movie ul li {
  max-width: 480px;
  width: 48%;
}
#product.meldy .mv .inner .movie ul li iframe {
  width: 100%;
  height: 270px;
  margin: 0 0 20px 0;
  display: block;
}
#product.meldy .mv .inner .movie ul li span {
  max-width: 440px;
  width: 100%;
  margin: 0 auto;
  padding: 13px 10px 10px 10px;
  background: #4d5255;
  border-radius: 30px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 1.2;
  display: block;
}
#product.meldy .mv .inner .about {
  padding: 0 0 100px 0;
}
#product.meldy .mv .inner .about h3 {
  max-width: 929px;
  width: 100%;
  margin: 0 auto 20px auto;
}
#product.meldy .mv .inner .about h3 img {
  width: 100%;
}
#product.meldy .mv .inner .about .img1 {
  width: 111%;
  margin: 0 0 15px -6%;
  display: block;
}
#product.meldy .mv .inner .about ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#product.meldy .mv .inner .about ul li {
  max-width: 280px;
  width: 30%;
}
#product.meldy .mv .inner .about ul li img {
  max-width: 278px;
  width: 100%;
  margin: 0 auto 18px auto;
  display: block;
}
#product.meldy .mv .inner .about ul li h4 {
  width: 100%;
  margin: 0 0 20px 0;
  padding: 13px 10px 10px 10px;
  background: #4d5255;
  border-radius: 30px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 1;
}
#product.meldy .mv .inner .about ul li p {
  font-size: 18px;
}
/* lineup */
#product.meldy .lineup {
  padding: 200px 0 280px 0;
  background: url(../image/lineupBgTxt.png) no-repeat left -10px top 180px,
  url(../image/lineupBgTop.png) no-repeat center top / 100%,
  url(../image/lineupBgBtm.png) no-repeat center bottom / 100%,
  #ffdbdd;
}
#product.meldy .lineup .inner h2 {
  max-width: 862px;
  width: 100%;
  margin: 0 auto 90px auto;
}
#product.meldy .lineup .inner h2 img {
  width: 100%;
}
#product.meldy .lineup .inner .contents {
  border-radius: 0 0 30px 30px;
  box-shadow: 0 0 20px 7px rgba(0,0,0,0.1);
  display: flex;
  flex-wrap: wrap;
}
#product.meldy .lineup .inner .contents .box1 {
  /*max-width: 670px;
  width: 67%;*/
  max-width: 500px;
  width: 50%;
  background: #fff5f6;
}
#product.meldy .lineup .inner .contents .box1 h3 {
  height: auto!important;
  margin: -30px 0 0 0;
  padding: 40px 10px 35px 10px!important;
  background: #ff6678;
  border-radius: 30px 30px 0 0;
  font-size: 23px;
  color: #fff;
  text-align: center;
  line-height: 1;
}
#product.meldy .lineup .inner .contents .box1 .info {
  border-right: 1px solid #d7d1d1;
  display: flex;
  flex-wrap: wrap;
}
#product.meldy .lineup .inner .contents .box1 .info .left {
  /*width: 50%;*/
  width: 100%;
  padding: 30px 10px;
  border-right: 1px solid #d7d1d1;
}
#product.meldy .lineup .inner .contents .box1 .info .right {
  width: 50%;
  padding: 30px 10px;
  text-align: left;
}
#product.meldy .lineup .inner .contents .box1 .info img {
  margin: 0 auto 15px auto;
  display: block;
}
#product.meldy .lineup .inner .contents .box1 .info h4 {
  max-width: 200px;
  width: 100%;
  margin: 0 auto 25px auto;
  padding: 13px 10px 10px 10px;
  background: #ff6678;
  border-radius: 30px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 1;
}
#product.meldy .lineup .inner .contents .box2 {
  /*max-width: 330px;
  width: 33%;*/
  max-width: 500px;
  width: 50%;
  background: #e8f2f3;
}
#product.meldy .lineup .inner .contents .box2 h3 {
  margin: -30px 0 0 0;
  padding: 40px 10px 35px 10px;
  background: #36acba;
  border-radius: 30px 30px 0 0;
  font-size: 23px;
  color: #fff;
  text-align: center;
  line-height: 1;
}
#product.meldy .lineup .inner .contents .box2 .info {
  padding: 30px 10px;
}
#product.meldy .lineup .inner .contents .box2 .info img {
  margin: 0 auto 15px auto;
  display: block;
}
#product.meldy .lineup .inner .contents .info h5,
#product.meldy .lineup .inner .contents .box3 .left ul li {
  margin: 0 0 5px 30px;
  padding: 0 0 0 25px;
  font-size: 17px;
  font-weight: bold;
  color: #bb133a;
  text-decoration: underline;
  position: relative;
}
#product.meldy .lineup .inner .contents .info h5::before,
#product.meldy .lineup .inner .contents .box3 .left ul li::before {
  content: '';
  width: 18px;
  height: 18px;
  background: url(../image/mvIconCheck.svg) no-repeat left top / 18px;
  position: absolute;
  top: 6px;
  left: 0;
}
#product.meldy .lineup .inner .contents .info p {
  margin: 0 0 10px 0;
  padding: 0 0 0 70px;
  font-size: 15px;
}
#product.meldy .lineup .inner .contents .box2 span {
  padding: 0 0 0 55px;
  font-size: 14px;
  display: block;
}
#product.meldy .lineup .inner .contents .box3 {
  width: 100%;
  background: #fff;
  border-radius: 0 0 30px 30px;
  display: flex;
  flex-wrap: wrap;
}
#product.meldy .lineup .inner .contents .box3 h3 {
  display: none;
}
#product.meldy .lineup .inner .contents .box3 .left {
  width: calc(100% - 295px);
  padding: 30px 10px;
}
#product.meldy .lineup .inner .contents .box3 .right {
  width: 295px;
  margin: 0 0 -50px 0;
  padding: 0 50px 0 0;
}
#product.meldy .lineup .inner .contents .box3 .right img {
  display: block;
  position: relative;
  top: -100px;
}
/* use */
#product.meldy .use {
  padding: 55px 0 150px 0;
  background: url(../image/useBgTxt.png) no-repeat left -10px top 45px,
  url(../image/mvBg2.gif) repeat left top;
}
#product.meldy .use h2 {
  max-width: 875px;
  width: 100%;
  margin: 0 auto 90px auto;
  position: relative;
  right: 50px;
}
#product.meldy .use h2 img {
  width: 100%;
}
#product.meldy .use .contents {
  padding: 50px;
  background: #fff5f6;
  border: 1px solid #ff6678;
  border-radius: 50px;
}
#product.meldy .use .contents h3 {
  padding: 14px 50px 11px 50px;
  background: #ff6678;
  font-size: 24px;
  color: #fff;
  text-align: center;
  letter-spacing: .1em;
  line-height: 1;
  position: relative;
  cursor: pointer;
}
#product.meldy .use .contents h3:hover {
  opacity: .7;
}
#product.meldy .use .contents h3::after {
  content: '';
  width: 33px;
  height: 33px;
  background: url(../image/iconArrow3.svg) no-repeat left top / 33px;
  position: absolute;
  right: 20px;
  top: 8px;
}
#product.meldy .use .contents h3.act::after {
  background: url(../image/iconArrow2.svg) no-repeat left top / 33px;
}
#product.meldy .use .contents .box1 {
  margin: 30px 0 0 0;
  display: none;
}
#product.meldy .use .contents .box1 img {
  max-width: 100%;
}
#product.meldy .use .contents .box1 .stepBox1 {
  margin: 0 0 20px 0;
  display: flex;
  flex-wrap: wrap;
}
#product.meldy .use .contents .box1 .stepBox1 .left {
  max-width: 700px;
  width: 77.5%;
}
#product.meldy .use .contents .box1 .stepBox1 .left ul {
  margin: 0 35px 0 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#product.meldy .use .contents .box1 .stepBox1 .left ul li {
  max-width: 200px;
  width: 30%;
  position: relative;
}
#product.meldy .use .contents .box1 .stepBox1 .left ul li::after {
  content: '';
  width: 13px;
  height: 25px;
  background: url(../image/iconArrow4.svg) no-repeat left top / 13px;
  position: absolute;
  right: -13%;
  top: 60px;
}
#product.meldy .use .contents .box1 .stepBox1 .left ul li:nth-of-type(1)::after {
  content: none;
}
#product.meldy .use .contents .box1 .stepBox1 .left ul li:nth-of-type(4)::after {
  background: url(../image/iconArrow5.svg) no-repeat left top / 13px;
  right: -25px;
}
#product.meldy .use .contents .box1 .stepBox1 .left ul li:nth-of-type(1) {
  max-width: none;
  width: 100%;
  margin: 0 0 10px 0;
}
#product.meldy .use .contents .box1 .stepBox1 .left ul li h4 {
  padding: 7px 10px 4px 10px;
  background: #fff;
  border: 1px solid #36acba;
  border-radius: 25px;
  font-size: 20px;
  color: #36acba;
  text-align: center;
  line-height: 1;
}
#product.meldy .use .contents .box1 .stepBox1 .left ul li .img {
  height: 150px;
  margin: 0 0 15px 0;
  padding: 18px 10px 15px 10px;
  background: #fff;
  border: 1px solid #36acba;
  border-radius: 15px;
  text-align: center;
}
#product.meldy .use .contents .box1 .stepBox1 .left ul li .img img {
  max-width: 100%;
}
#product.meldy .use .contents .box1 .stepBox1 .left ul li p {
  font-size: 15px;
  line-height: 1.6;
}
#product.meldy .use .contents .box1 .stepBox1 .right {
  max-width: 300px;
  width: 22.5%;
  text-align: left;
}
#product.meldy .use .contents .box1 .stepBox1 .right ul li:nth-of-type(1) {
  margin: 0 0 10px 0;
}
#product.meldy .use .contents .box1 .stepBox1 .right ul li h4 {
  padding: 7px 10px 4px 10px;
  background: #fff;
  border: 1px solid #4d5254;
  border-radius: 25px;
  font-size: 20px;
  color: #4d5254;
  text-align: center;
  line-height: 1;
}
#product.meldy .use .contents .box1 .stepBox1 .right ul li .img {
  height: 150px;
  margin: 0 0 15px 0;
  padding: 18px 10px 15px 10px;
  background: #fff;
  border: 1px solid #4d5254;
  border-radius: 15px;
  text-align: center;
}
#product.meldy .use .contents .box1 .stepBox1 .right ul li p {
  font-size: 15px;
  line-height: 1.6;
}
#product.meldy .use .contents .box1 .stepBox2 {
  display: flex;
  flex-wrap: wrap;
}
#product.meldy .use .contents .box1 .stepBox2 .left {
  width: 63%;
}
#product.meldy .use .contents .box1 .stepBox2 .left > ul {
  margin: 0 35px 0 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#product.meldy .use .contents .box1 .stepBox2 .left > ul > li {
  position: relative;
}
#product.meldy .use .contents .box1 .stepBox2 .left > ul > li::after {
  content: '';
  width: 13px;
  height: 25px;
  background: url(../image/iconArrow6.svg) no-repeat left top / 13px;
  position: absolute;
  right: -13%;
  top: 65px;
}
#product.meldy .use .contents .box1 .stepBox2 .left > ul > li:nth-of-type(1)::after {
  content: none;
}
#product.meldy .use .contents .box1 .stepBox2 .left > ul > li:nth-of-type(3)::after {
  background: url(../image/iconArrow4.svg) no-repeat left top / 13px;
  right: -25px;
}
#product.meldy .use .contents .box1 .stepBox2 .left > ul > li:nth-of-type(1) {
  max-width: none;
  width: 100%;
  margin: 0 0 10px 0;
}
#product.meldy .use .contents .box1 .stepBox2 .left > ul > li:nth-of-type(2) {
  width: 37.5%;
}
#product.meldy .use .contents .box1 .stepBox2 .left > ul > li:nth-of-type(3) {
  width: 56.5%;
}
#product.meldy .use .contents .box1 .stepBox2 .left > ul > li h4 {
  padding: 7px 10px 4px 10px;
  background: #fff;
  border: 1px solid #ff6678;
  border-radius: 25px;
  font-size: 20px;
  color: #ff6678;
  text-align: center;
  line-height: 1;
}
#product.meldy .use .contents .box1 .stepBox2 .left > ul > li .img {
  height: 165px;
  margin: 0 0 15px 0;
  padding: 18px 10px 15px 10px;
  background: #fff;
  border: 1px solid #ff6678;
  border-radius: 15px;
  text-align: center;
}
#product.meldy .use .contents .box1 .stepBox2 .left > ul > li p {
  font-size: 15px;
  line-height: 1.6;
}
#product.meldy .use .contents .box1 .stepBox2 .left > ul > li ul li {
  margin: 0 0 30px 0;
  font-size: 15px;
  line-height: 1.6;
  position: relative;
}
#product.meldy .use .contents .box1 .stepBox2 .left > ul > li ul li:nth-last-of-type(1) {
  margin: 0;
}
#product.meldy .use .contents .box1 .stepBox2 .left > ul > li ul li::after {
  content: '';
  width: 10px;
  height: 20px;
  background: url(../image/iconArrow6.svg) no-repeat left top / 10px;
  position: absolute;
  left: 10px;
  bottom: -22px;
  transform: rotate(90deg);
}
#product.meldy .use .contents .box1 .stepBox2 .left > ul > li ul li:nth-last-of-type(1)::after {
  content: none;
}
#product.meldy .use .contents .box1 .stepBox2 .right {
  width: 37%;
  text-align: left;
}
#product.meldy .use .contents .box1 .stepBox2 .right > ul > li:nth-of-type(1) {
  margin: 0 0 10px 0;
}
#product.meldy .use .contents .box1 .stepBox2 .right > ul > li h4 {
  padding: 7px 10px 4px 10px;
  background: #fff;
  border: 1px solid #36acba;
  border-radius: 25px;
  font-size: 20px;
  color: #36acba;
  text-align: center;
  line-height: 1;
}
#product.meldy .use .contents .box1 .stepBox2 .right > ul > li .img {
  height: 165px;
  margin: 0 0 15px 0;
  padding: 18px 10px 15px 10px;
  background: #fff;
  border: 1px solid #36acba;
  border-radius: 15px;
  text-align: center;
}
#product.meldy .use .contents .box1 .stepBox2 .right > ul > li ul li {
  margin: 0 0 30px 0;
  font-size: 15px;
  line-height: 1.6;
  position: relative;
}
#product.meldy .use .contents .box1 .stepBox2 .right > ul > li ul li:nth-last-of-type(1) {
  margin: 0;
}
#product.meldy .use .contents .box1 .stepBox2 .right > ul > li ul li::after {
  content: '';
  width: 10px;
  height: 20px;
  background: url(../image/iconArrow4.svg) no-repeat left top / 10px;
  position: absolute;
  left: 10px;
  bottom: -22px;
  transform: rotate(90deg);
}
#product.meldy .use .contents .box1 .stepBox2 .right > ul > li ul li:nth-last-of-type(1)::after {
  content: none;
}
/* value */
#product.meldy .value {
  padding: 20px 0 0 0;
  background: url(../image/valueBgTxt.png) no-repeat center top 120px / 100%,
  url(../image/valueBgTop.png) no-repeat center top / 100%,
  #eff7f9;
}
#product.meldy .value h2 {
  max-width: 668px;
  width: 80%;
  margin: 0 auto 30px auto;
}
#product.meldy .value h2 img {
  width: 100%;
}
#product.meldy .value p {
  margin: 0 0 40px 0;
  font-size: 18px;
  text-align: center;
}
#product.meldy .value p span {
  background: linear-gradient(transparent 50%,#fff 51%,#fff 90%,#fff 91%);
  font-weight: bold;
  color: #bb133a;
}
#product.meldy .value .contents {
  max-width: 720px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  left: 15px;
}
#product.meldy .value .contents .img {
  width: 272px;
}
#product.meldy .value .contents .info {
  width: calc(100% - 272px);
  padding: 75px 0 0 60px;
}
/* ss */
#product.meldy .ss {
  padding: 145px 0 70px 0;
  background: url(../image/bgCircle7.png) no-repeat left 35px top,
  url(../image/valueBgBtm.png) no-repeat center top / 100%,
  #3fa5b3;
  position: relative;
}
#product.meldy .ss .img1 {
  display: block;
  position: absolute;
  bottom: -130px;
  right: 20px;
}
#product.meldy .ss h2 {
  max-width: 500px;
  width: 100%;
  margin: 0 auto 35px auto;
  padding: 45px 20px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 0 20px 7px rgba(0,0,0,0.1);
}
#product.meldy .ss h2 img {
  max-width: 447px;
  width: 100%;
  margin: 0 auto;
  display: block;
}
#product.meldy .ss .contents {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#product.meldy .ss .contents .boxSolution {
  max-width: 460px;
  width: 47%;
  padding: 55px 45px 45px 45px;
  background: #fff;
  border-radius: 40px;
  box-shadow: 0 0 20px 7px rgba(0,0,0,0.1);
}
#product.meldy .ss .contents .boxSolution h3 {
  max-width: 237px;
  width: 100%;
  margin: 0 auto 45px auto;
}
#product.meldy .ss .contents .bocSupport {
  max-width: 460px;
  width: 47%;
  padding: 55px 45px 45px 45px;
  background: #fff;
  border-radius: 40px;
  box-shadow: 0 0 20px 7px rgba(0,0,0,0.1);
}
#product.meldy .ss .contents .bocSupport h3 {
  max-width: 230px;
  width: 100%;
  margin: 0 auto 45px auto;
}
#product.meldy .ss .contents ul li {
  height: 170px;
  margin: 0 0 15px 0;
  padding: 45px 10px 40px 10px;
  background: url(../image/mvBg2.gif) repeat left top;
  border: 1px solid #36acba;
  border-radius: 25px;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  color: #36acba;
}
#product.meldy .ss .contents .bocSupport ul li {
  padding: 65px 10px 40px 10px;
}
#product.meldy .ss .contents ul li:nth-last-of-type(1) {
  margin: 0;
}
/* effect */
#product.meldy .effect {
  padding: 150px 0 220px 0;
  background: url(../image/iconArrow7.svg) no-repeat center top / 140px,
  url(../image/bgCircle6.png) no-repeat left 20px top 20px,
  url(../image/bgCircle8.png) no-repeat right 20px bottom 160px,
  url(../image/effectBg2.png) no-repeat center top / 100%,
  url(../image/mvBg2.gif) repeat left top,
  /*url(../image/effectBg.png) no-repeat center top / 100%,*/
  #dcf0f1;
}
#product.meldy .effect .contents {
  padding: 50px 20px 80px 20px;
  background: #fff;
  border-radius: 40px;
  box-shadow: 0 0 20px 7px rgba(0,0,0,0.1);
}
#product.meldy .effect .contents h2 {
  max-width: 360px;
  width: 70%;
  margin: 0 auto 35px auto;
  padding: 20px 30px;
  border: 1px solid #36acba;
  border-radius: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#product.meldy .effect h2 .icon {
  width: 86px;
}
#product.meldy .effect h2 .txt {
  width: calc(100% - 86px);
  padding: 5px 0 0 20px;
  font-size: 22px;
  line-height: 1;
}
#product.meldy .effect h3 {
  max-width: 165px;
  width: 100%;
  margin: 0 auto 35px auto;
}
#product.meldy .effect ul {
  max-width: 810px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#product.meldy .effect ul li {
  max-width: 180px;
  width: 23%;
  text-align: center;
}
#product.meldy .effect ul li:nth-of-type(2) {
  max-width: 200px;
  width: 25%;
}
#product.meldy .effect ul li img {
  margin: 0 0 15px 0;
}
#product.meldy .effect ul li h4 {
  margin: 0 0 10px 0;
  padding: 10px 10px 7px 10px;
  background: #36acba;
  border-radius: 25px;
  font-size: 16.5px;
  color: #fff;
  text-align: center;
  line-height: 1;
}
#product.meldy .effect ul li span {
  font-size: 14.5px;
  text-align: left;
  display: block;
}

/* case */
#product.meldy .case {
  padding: 0 0 150px 0;
  background: url(../image/caseBg.png) no-repeat center top / 100%,
  #ffdbdd;
}
#product.meldy .case .inner h2 {
  max-width: 368px;
  width: 80%;
  margin: 0 auto 70px auto;
}
#product.meldy .case .inner h2 img {
  width: 100%;
}
#product.meldy .case .inner ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#product.meldy .case .inner ul li {
  width: 30.333333%;
  padding: 20px 20px 50px 20px;
  background: #fff;
  border-radius: 10px;
}
#product.meldy .case .inner ul li.dummy {
  opacity: 0;
  visibility: hidden;
}
#product.meldy .case .inner ul li img {
  max-width: 100%;
  margin: 0 auto 20px auto;
  display: block;
}
#product.meldy .case .inner ul li a {
  margin: 0 0 15px 0;
  padding: 15px 40px;
  background: #36abba;
  border-radius: 50px;
  font-size: 17px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 1;
  text-decoration: none;
  display: block;
  position: relative;
}
#product.meldy .case .inner ul li a:hover {
  opacity: .7;
}
#product.meldy .case .inner ul li a::after {
  content: '';
  width: 15px;
  height: 17px;
  background: url(../image/iconDownload.svg) no-repeat left top / 15px;
  position: absolute;
  top: calc(50% - 8px);
  right: 20px;
}
#product.meldy .case .inner ul li p {
  margin: 0 0 10px 0;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
}
#product.meldy .case .inner ul li span {
  margin: 3px 0 0 0;
  font-size: 15px;
  text-align: center;
  line-height: 1;
  display: block;
}

/* demo */
#product.meldy .demo {
  padding: 0 0 150px 0;
  background: url(../image/demoBg.png) no-repeat center top / 100%,
  #dceff1;
}
#product.meldy .demo .inner h2 {
  max-width: 368px;
  width: 80%;
  margin: 0 auto 70px auto;
}
#product.meldy .demo .inner h2 img {
  width: 100%;
}
#product.meldy .demo .inner ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#product.meldy .demo .inner ul li {
  width: 48%;
  margin: 0 0 80px 0;
}
#product.meldy .demo .inner ul li:nth-last-of-type(1),
#product.meldy .demo .inner ul li:nth-last-of-type(2) {
  margin: 0;
}
#product.meldy .demo .inner ul li img {
  max-width: 100%;
  margin: 0 auto 20px auto;
  display: block;
}
#product.meldy .demo .inner ul li span {
  max-width: 440px;
  width: 100%;
  margin: 0 auto;
  padding: 13px 10px 10px 10px;
  background: #4d5255;
  border-radius: 50px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 1;
  display: block;
}

/*
# =================================================================
# レスポンシブ要素
# =================================================================*/
/* 4K:2560px */
@media screen and (min-width: 1921px) {
  /* lineup */
  #product.meldy .lineup {
    padding: 220px 0 280px 0;
  }
  /* ss */
  #product.meldy .value {
    padding: 20px 0 150px 0;
  }
}
/* PC:1920px */

/* laptop NotePC L */
@media screen and (max-width: 1440px) {
}
@media screen and (max-width: 1160px) {
  /* フローティングナビ調整 */
  .fb {
    top: 160px;
  }
}

/* laptop NotePC */
@media screen and (max-width: 1024px) {
  /* mv */
  #product.meldy .mv .inner .contents .img {
    width: 30%;
  }
  #product.meldy .mv .inner .contents .img img {
    width: 100%;
  }
  #product.meldy .mv .inner .contents .txt {
    width: 65%;
    margin: 0 5% 0 0;
  }
  #product.meldy .mv .inner .contents .txt .info .bg h4 {
    padding: 35px 0 0 0;
    text-align: center;
    line-height: 1.2;
  }
  #product.meldy .mv .inner .contents .txt .info .bg h4::before {
    margin: 0 auto;
    right: 0;
  }
  #product.meldy .mv .inner .contents .txt .info .bg .box1 .left {
    width: 100%;
    padding: 0;
  }
  #product.meldy .mv .inner .contents .txt .info .bg .box1 .right {
    width: 100%;
    margin: 0 0 25px 0;
    text-align: center;
  }
  /* lineup */
  #product.meldy .lineup .inner .contents {
    box-shadow: none;
  }
  #product.meldy .lineup .inner .contents .box1 {
    max-width: none;
    width: 100%;
    margin: 0 0 100px 0;
    box-shadow: 0 0 20px 7px rgba(0,0,0,0.1);
    border-radius: 0 0 30px 30px;
  }
  #product.meldy .lineup .inner .contents .box2 {
    max-width: none;
    width: 100%;
    margin: 0 0 100px 0;
    box-shadow: 0 0 20px 7px rgba(0,0,0,0.1);
    border-radius: 0 0 30px 30px;
  }
  #product.meldy .lineup .inner .contents .box3 {
    padding: 0 0 30px 0;
    box-shadow: 0 0 20px 7px rgba(0,0,0,0.1);
  }
  #product.meldy .lineup .inner .contents .box3 h3 {
    width: 100%;
    margin: -30px 0 30px 0;
    padding: 30px 10px 25px 10px;
    background: #4d5255;
    border-radius: 30px 30px 0 0;
    font-size: 23px;
    color: #fff;
    text-align: center;
    line-height: 1;
    display: block;
  }
  #product.meldy .lineup .inner .contents .box3 .right {
    margin: 0;
  }
  #product.meldy .lineup .inner .contents .box3 .right img {
    position: static;
  }
  /* value */
  #product.meldy .value .contents .info img {
    width: 100%;
  }
  /* effect */
  #product.meldy .effect ul li,
  #product.meldy .effect ul li:nth-of-type(2) {
    max-width: 360px;
    width: 48%;
  }
  #product.meldy .effect ul li:nth-of-type(1),
  #product.meldy .effect ul li:nth-of-type(2) {
    margin: 0 0 30px 0;
  }
}

/* tablet */
@media screen and (max-width: 767.98px) {
  /* モーダル処理 */
  .modalBox.modalBox1 .contents img,
  .modalBox.modalBox2 .contents img {
    width: 45px;
  }
  .modalBox.modalBox1 {
    display: block;
  }
  .modalBox.modalBox1 .contents {
    background: #000!important;
  }
  .modalBox.modalBox1 .contents .inner {
    padding: 40px 20px 30px 20px;
  }
  .modalBox.modalBox1 .contents .inner h2 {
    margin: 0 0 10px 0;
    font-size: 4.2vw;
    color: #fff;
  }
  .modalBox.modalBox1 .contents .inner .btn1 img {
    width: 212px;
  }
  .modalBox.modalBox2 .contents {
    border-radius: 30px!important;
  }
  .modalBox.modalBox2 .contents .inner {
    padding: 60px 20px 45px 20px;
  }
  /* フローティングナビ */
  .fb {
    width: 100%;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
  }
  .fb ul {
    display: flex;
    flex-wrap: wrap;
  }
  .fb ul li {
    width: 50%;
  }
  .fb ul .btnDl {
    background: none;
  }
  .fb ul .btnContact {
    background: none;
  }
  .fb ul .btnContact a {
    width: 100%;
    position: static;
  }
  .fb ul li a img:nth-of-type(1) {
    width: 100%;
    position: static;
    transition: none;
  }
  .fb ul li a:hover img:nth-of-type(1) {
    opacity: 1;
  }
  .fb ul .btnContact a img.img2 {
    display: none;
  }
  /* mv */
  #product.meldy .mv {
    background: url(../image/mvBg1_sp.png) no-repeat center top / 100%,
    url(../image/movieBg.png) no-repeat center top 1550px / 100%,
    url(../image/bgCircle1.png) no-repeat left 30px bottom 1200px / 30px,
    url(../image/bgCircle2.png) no-repeat left -5px bottom 1100px / 60px,
    url(../image/bgCircle3.png) no-repeat right 0 bottom 870px / 115px,
    url(../image/bgCircle4.png) no-repeat left 0 bottom 140px / 110px,
    url(../image/bgCircle5.png) no-repeat right 0 bottom 20px / 80px,
    url(../image/bgCircle2.png) no-repeat right 25px bottom 430px / 60px;
  }
  #product.meldy .mv .inner h2 {
    margin: 0 auto 40px auto;
  }
  #product.meldy .mv .inner .contents {
    margin: 0 0 50px 0;
  }
  #product.meldy .mv .inner .contents .txt {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  #product.meldy .mv .inner .contents .txt h3 {
    max-width: none;
    width: 70%;
    margin: 0 auto 35px auto;
  }
  #product.meldy .mv .inner .contents .txt p {
    margin: 0 0 50px 0;
  }
  #product.meldy .mv .inner .contents .img {
    display: none;
  }
  #product.meldy .mv .inner .movie {
    padding: 0 0 20px 0;
  }
  #product.meldy .mv .inner .movie ul {
    display: block;
  }
  #product.meldy .mv .inner .movie ul li {
    max-width: none;
    width: 100%;
    margin: 0 0 40px 0;
  }
  #product.meldy .mv .inner .movie ul li:nth-last-of-type(1) {
    margin: 0;
  }
  #product.meldy .mv .inner .movie ul li span {
    max-width: none;
    padding: 13px 10px;
  }
  #product.meldy .mv .inner .about h3 {
    max-width: none;
    width: 100%;
    margin: 0;
  }
  #product.meldy .mv .inner .about .img1 {
    margin: -50px 0 15px -5.5%;
  }
  #product.meldy .mv .inner .about ul {
    display: block;
  }
  #product.meldy .mv .inner .about ul li {
    max-width: none;
    width: 100%;
    margin: 0 0 35px 0;
  }
  #product.meldy .mv .inner .about ul li:nth-last-of-type(1) {
    margin: 0;
  }
  /* lineup */
  #product.meldy .lineup {
    padding: 140px 0 170px 0;
    background: url(../image/lineupBgTop.png) no-repeat center top / 100%,
    url(../image/lineupBgBtm.png) no-repeat center bottom / 100%,
    #ffdbdd;
  }
  #product.meldy .lineup .inner h2 {
    width: 80%;
  }
  #product.meldy .lineup .inner .contents {
    margin: 0 0 40px 0;
  }
  #product.meldy .lineup .inner .contents .box1 .info {
    display: block;
  }
  #product.meldy .lineup .inner .contents .box1 .info .left {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #d7d1d1;
  }
  #product.meldy .lineup .inner .contents .box1 .info .right {
    width: 100%;
  }
  #product.meldy .lineup .inner .contents .box3 {
    padding: 0;
  }
  #product.meldy .lineup .inner .contents .box3 h3 {
    margin: -30px 0 0 0;
  }
  #product.meldy .lineup .inner .contents .box3 .left {
    width: 100%;
  }
  #product.meldy .lineup .inner .contents .box3 .right {
    display: none;
  }
  #product.meldy .lineup .inner .img1 {
    width: 85%;
    margin: 0 auto;
    display: block;
  }
  /* use */
  #product.meldy .use {
    padding: 55px 0 100px 0;
    background: url(../image/useBgTxt.png) no-repeat left top 20px / 100%,
    url(../image/mvBg2.gif) repeat left top;
  }
  #product.meldy .use h2 {
    width: 80%;
    position: static;
  }
  #product.meldy .use .contents {
    margin: 0 0 50px 0;
  }
  #product.meldy .use .contents .box1 .stepBox1 {
    margin: 0 0 50px 0;
    display: block;
  }
  #product.meldy .use .contents .box1 .stepBox1 .left {
    max-width: none;
    width: 100%;
    margin: 0 0 40px 0;
    display: block;
  }
  #product.meldy .use .contents .box1 .stepBox1 .left ul {
    margin: 0;
  }
  #product.meldy .use .contents .box1 .stepBox1 .left ul li {
    max-width: none;
    width: 100%;
    margin: 0 0 40px 0;
  }
  #product.meldy .use .contents .box1 .stepBox1 .left ul li:nth-last-of-type(1) {
    margin: 0;
  }
  #product.meldy .use .contents .box1 .stepBox1 .left ul li::after {
    margin: 0 auto;
    right: 0;
    left: 0;
    top: auto;
    bottom: -30px;
    transform: rotate(90deg);
  }
  #product.meldy .use .contents .box1 .stepBox1 .left ul li:nth-of-type(4)::after {
    right: 0;
  }
  #product.meldy .use .contents .box1 .stepBox1 .right {
    max-width: none;
    width: 100%;
  }
  #product.meldy .use .contents .box1 .stepBox1 .right ul li {
    position: relative;
  }
  #product.meldy .use .contents .box1 .stepBox1 .right ul li:nth-of-type(2)::after {
    content: '';
    width: 13px;
    height: 25px;
    margin: 0 auto;
    background: url(../image/iconArrow6.svg) no-repeat left top / 13px;
    position: absolute;
    right: 0;
    left: 0;
    bottom: -30px;
    transform: rotate(90deg);
  }
  #product.meldy .use .contents .box1 .stepBox2 {
    display: block;
  }
  #product.meldy .use .contents .box1 .stepBox2 .left {
    width: 100%;
    margin: 0 0 40px 0;
  }
  #product.meldy .use .contents .box1 .stepBox2 .left > ul {
    margin: 0;
    display: block;
  }
  #product.meldy .use .contents .box1 .stepBox2 .left > ul > li:nth-of-type(2) {
    width: 100%;
    margin: 0 0 50px 0;
  }
  #product.meldy .use .contents .box1 .stepBox2 .left > ul > li:nth-of-type(3) {
    width: 100%;
    margin: 0 0 50px 0;
  }
  #product.meldy .use .contents .box1 .stepBox2 .left > ul > li::after {
    margin: 0 auto;
    right: 0;
    left: 0;
    top: auto;
    bottom: -30px;
    transform: rotate(90deg);
  }
  #product.meldy .use .contents .box1 .stepBox2 .left > ul > li:nth-of-type(3)::after {
    background: url(../image/iconArrow4.svg) no-repeat left top / 13px;
  }
  #product.meldy .use .contents .box1 .stepBox2 .right {
    width: 100%;
  }
  #product.meldy .use .img1 {
    width: 42%;
    margin: 0 auto;
    display: block;
  }
  /* value */
  #product.meldy .value {
    padding: 60px 0 0 0;
  }
  #product.meldy .value .contents {
    display: block;
    position: static;
  }
  #product.meldy .value .contents .img {
    width: 100%;
    margin: 0 0 30px 0;
    text-align: center;
  }
  #product.meldy .value .contents .info {
    width: 100%;
    padding: 0 0 50px 0;
  }
  #product.meldy .value .contents .info img {
    width: 74%;
    margin: 0 auto;
    display: block;
  }
  /* ss */
  #product.meldy .ss {
    background: url(../image/bgCircle7.png) no-repeat right 10px top / 150px,
    url(../image/bgCircle7.png) no-repeat right -100px top 700px / 250px,
    url(../image/valueBgBtm.png) no-repeat center top / 100%,
    #3fa5b3;
  }
  #product.meldy .ss h2 {
    max-width: none;
  }
  #product.meldy .ss .contents {
    display: block;
  }
  #product.meldy .ss .contents ul li {
    height: auto;
  }
  #product.meldy .ss .contents .bocSupport ul li {
    padding: 45px 10px 40px 10px;
  }
  #product.meldy .ss .contents .boxSolution {
    max-width: none;
    width: 100%;
    margin: 0 0 50px 0;
  }
  #product.meldy .ss .contents .bocSupport {
    max-width: none;
    width: 100%;
  }
  #product.meldy .ss .img1 {
    width: 110px;
    right: auto;
    left: 0;
    bottom: -80px;
  }
  /* effect */
  #product.meldy .effect {
    padding: 150px 0 120px 0;
    background: url(../image/iconArrow7.svg) no-repeat center top / 140px,
    url(../image/bgCircle8.png) no-repeat right 20px bottom 50px,
    url(../image/effectBg2.png) no-repeat center top / 100%,
    url(../image/mvBg2.gif) repeat left top,  
    /*url(../image/effectBg.png) no-repeat center top / 100%,*/
    #dcf0f1;
  }
  #product.meldy .effect .contents {
    padding: 50px 20px;
  }
  #product.meldy .effect .contents h2 {
    display: block;
  }
  #product.meldy .effect .contents h2 .icon {
    width: 100%;
  }
  #product.meldy .effect .contents h2 .icon img {
    width: 70px;
    margin: 0 auto 10px auto;
    display: block;
  }
  #product.meldy .effect .contents h2 .txt {
    width: 100%;
    padding: 0;
    text-align: center;
  }
  #product.meldy .effect ul {
    display: block;
  }
  #product.meldy .effect ul li {
    margin: 0 0 30px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  #product.meldy .effect ul li,
  #product.meldy .effect ul li:nth-of-type(2) {
    max-width: none;
    width: 100%;
  }
  #product.meldy .effect ul li:nth-last-of-type(1) {
    margin: 0;
  }
  #product.meldy .effect ul li .img {
    width: 120px;
  }
  #product.meldy .effect ul li .img img {
    width: 100%;
  }
  #product.meldy .effect ul li .txt {
    width: calc(100% - 120px);
    padding: 0 0 0 10px;
  }
  #product.meldy .effect ul li span {
    text-align: center;
  }
  /* case */
  #product.meldy .case .inner ul {
    display: block;
  }
  #product.meldy .case .inner ul li {
    width: 100%;
    margin: 0 0 40px 0;
  }
  #product.meldy .case .inner ul li.dummy {
    display: none;
  }
  #product.meldy .case .inner ul li:nth-last-of-type(1) {
    margin: 0;
  }
  /* demo */
  #product.meldy .demo .inner ul {
    display: block;
  }
  #product.meldy .demo .inner ul li {
    width: 100%;
    margin: 0 0 50px 0;
  }
  #product.meldy .demo .inner ul li:nth-last-of-type(2) {
    margin: 0 0 50px 0;
  }
}

/* mobile L */
@media screen and (max-width: 450px) {
  .modalBox.modalBox2 .contents .inner {
    padding: 50px 20px 35px 20px;
  }
  .modalBox.modalBox2 .contents .inner h2 {
    font-size: 6vw;
  }
  /* mv */
  #product.meldy .mv {
    background: url(../image/mvBg1_sp.png) no-repeat center top / 100%,
    url(../image/movieBg.png) no-repeat center top 1290px / 100%,
    url(../image/bgCircle1.png) no-repeat left 30px bottom 1200px / 30px,
    url(../image/bgCircle2.png) no-repeat left -5px bottom 1100px / 60px,
    url(../image/bgCircle3.png) no-repeat right 0 bottom 870px / 115px,
    url(../image/bgCircle4.png) no-repeat left 0 bottom 140px / 110px,
    url(../image/bgCircle5.png) no-repeat right 0 bottom 20px / 80px,
    url(../image/bgCircle2.png) no-repeat right 25px bottom 430px / 60px;
  }
  #product.meldy .mv .inner .contents .txt p {
    font-size: 4.6vw;
  }
  #product.meldy .mv .inner .contents .txt .info .bg {
    padding: 25px 20px;
  }
  #product.meldy .mv .inner .contents .txt .info .bg h4 {
    font-size: 4.2vw;
  }
  #product.meldy .mv .inner .contents .txt .info .bg .box1 .right img {
    width: 60%;
    margin: 0 auto;
    display: block;
  }
  #product.meldy .mv .inner .contents .txt .info .bg .box1 .left p {
    font-size: 3.8vw;
  }
  #product.meldy .mv .inner .movie ul li iframe {
    height: 190px;
  }
  #product.meldy .mv .inner .movie ul li span {
    font-size: 3.6vw;
  }
  #product.meldy .mv .inner .about .img1 {
    margin: -20px 0 15px -5.5%;
  }
  #product.meldy .mv .inner .about ul {
    margin: -25px 0 0 0;
  }
  #product.meldy .mv .inner .about ul li {
    margin: 0;
  }
  #product.meldy .mv .inner .about ul li h4 {
    width: 90%;
    margin: 0 auto 20px auto;
    padding: 13px 10px;
    font-size: 4.6vw;
  }
  #product.meldy .mv .inner .about ul li p {
    width: 90%;
    margin: 0 auto;
    font-size: 3.8vw;
  }
  /* lineup */
  #product.meldy .lineup {
    padding: 70px 0 100px 0;
  }
  #product.meldy .lineup .inner h2 {
    margin: 0 auto 60px auto;
  }
  #product.meldy .lineup .inner .contents .box1 .info .left {
    padding: 15px 10px;
  }
  #product.meldy .lineup .inner .contents .info h5,
  #product.meldy .lineup .inner .contents .box3 .left ul li {
    padding: 0;
    font-size: 3.8vw;
  }
  #product.meldy .lineup .inner .contents .info h5::before,
  #product.meldy .lineup .inner .contents .box3 .left ul li::before {
    left: -25px;
  }
  #product.meldy .lineup .inner .contents .info p {
    padding: 0 0 0 45px;
    font-size: 3.4vw;
  }
  #product.meldy .lineup .inner .contents .box1 {
    margin: 0 0 70px 0;
  }
  #product.meldy .lineup .inner .contents .box1 h3 {
    padding: 25px 10px 20px 10px!important;
    font-size: 5.2vw;
  }
  #product.meldy .lineup .inner .contents .box1 .info h4 {
    padding: 12px 10px;
    font-size: 3.8vw;
  }
  #product.meldy .lineup .inner .contents .box2 {
    margin: 0 0 70px 0;
  }
  #product.meldy .lineup .inner .contents .box2 h3 {
    padding: 25px 10px 20px 10px;
    font-size: 5.2vw;
  }
  #product.meldy .lineup .inner .contents .box2 span {
    font-size: 3.2vw;
  }
  #product.meldy .lineup .inner .contents .box3 h3 {
    padding: 25px 10px 20px 10px;
    font-size: 5.2vw;
  }
  /* use */
  #product.meldy .use {
    padding: 55px 0 50px 0;
  }
  #product.meldy .use h2 {
    margin: 0 auto 30px auto;
  }
  #product.meldy .use .contents {
    margin: 0 0 20px 0;
    padding: 30px;
    border-radius: 20px;
  }
  #product.meldy .use .contents h3 {
    padding: 14px 40px 11px 10px;
    font-size: 4.4vw;
  }
  #product.meldy .use .contents h3::after {
    width: 27px;
    height: 28px;
    background: url(../image/iconArrow3.svg) no-repeat left top / 27px;
    right: 10px;
    top: 8px;
  }
  #product.meldy .use .contents h3.act::after {
    background: url(../image/iconArrow2.svg) no-repeat left top / 27px;
  }
  #product.meldy .use .contents .box1 .stepBox1 .left ul li h4 {
    font-size: 4.4vw;
  }
  #product.meldy .use .contents .box1 .stepBox1 .left ul li p {
    font-size: 3.4vw;
  }
  #product.meldy .use .contents .box1 .stepBox1 .left ul li .img {
    width: 80%;
    margin: 0 auto 15px auto;
  }
  #product.meldy .use .contents .box1 .stepBox1 .right ul li h4 {
    font-size: 4.4vw;
  }
  #product.meldy .use .contents .box1 .stepBox1 .right ul li p {
    font-size: 3.4vw;
  }
  #product.meldy .use .contents .box1 .stepBox1 .right ul li .img {
    width: 80%;
    margin: 0 auto 15px auto;
  }
  #product.meldy .use .contents .box1 .stepBox2 .left > ul > li h4 {
    font-size: 4.4vw;
  }
  #product.meldy .use .contents .box1 .stepBox2 .left > ul > li p {
    font-size: 3.4vw;
  }
  #product.meldy .use .contents .box1 .stepBox2 .left > ul > li .img {
    width: 80%;
    margin: 0 auto 15px auto;
  }
  #product.meldy .use .contents .box1 .stepBox2 .left > ul > li ul li {
    font-size: 3.4vw;
  }
  #product.meldy .use .contents .box1 .stepBox2 .right > ul > li h4 {
    font-size: 4.4vw;
  }
  #product.meldy .use .contents .box1 .stepBox2 .right > ul > li .img {
    width: 80%;
    margin: 0 auto 15px auto;
  }
  #product.meldy .use .contents .box1 .stepBox2 .right > ul > li ul li {
    font-size: 3.4vw;
  }
  /* value */
  #product.meldy .value {
    background: url(../image/valueBgTxt.png) no-repeat center top 90px / 100%,
    url(../image/valueBgTop_sp.png) no-repeat center top / 100%,
    #eff7f9;
  }
  #product.meldy .value p {
    margin: 0 0 80px 0;
    font-size: 4.3vw;
    text-align: left;
    line-height: 1.8;
  }
  #product.meldy .value .contents .img img {
    width: 140px;
  }
  /* ss */
  #product.meldy .ss {
    padding: 100px 0 60px 0;
    background: url(../image/bgCircle7.png) no-repeat right 10px top / 150px,
    url(../image/bgCircle7.png) no-repeat right -100px top 500px / 250px,
    url(../image/valueBgBtm.png) no-repeat center top / 100%,
    #3fa5b3;
  }
  #product.meldy .ss h2 {
    padding: 35px 20px;
  }
  #product.meldy .ss .contents .boxSolution {
    margin: 0 0 30px 0;
    padding: 45px 20px 35px 20px;
    border-radius: 20px;
  }
  #product.meldy .ss .contents .boxSolution h3 {
    max-width: 160px;
    margin: 0 auto 25px auto;
  }
  #product.meldy .ss .contents .bocSupport {
    padding: 45px 20px 35px 20px;
    border-radius: 20px;
  }
  #product.meldy .ss .contents .bocSupport h3 {
    max-width: 160px;
    margin: 0 auto 25px auto;
  }
  #product.meldy .ss .contents ul li {
    padding: 35px 10px 30px 10px;
    border-radius: 17px;
    font-size: 4.8vw;
  }
  #product.meldy .ss .contents .bocSupport ul li {
    padding: 35px 10px 30px 10px;
  }
  /* effect */
  #product.meldy .effect {
    padding: 130px 0 100px 0;
    background: url(../image/iconArrow7.svg) no-repeat center top / 140px,
    url(../image/bgCircle8.png) no-repeat right 20px bottom 110px,
    url(../image/bgCircle8.png) no-repeat left 40px bottom 50px / 50px,
    url(../image/effectBg2.png) no-repeat center top / 100%,
    url(../image/mvBg2.gif) repeat left top,  
    /*url(../image/effectBg_sp.png) no-repeat center top / 100%,*/
    #dcf0f1;
  }
  #product.meldy .effect h3 {
    max-width: 120px;
  }
  #product.meldy .effect .contents {
    padding: 40px 20px;
  }
  #product.meldy .effect .contents h2 {
    margin: 0 auto 20px auto;
  }
  #product.meldy .effect .contents h2 .txt {
    font-size: 5vw;
  }
  #product.meldy .effect h3 {
    margin: 0 auto 20px auto;
  }
  #product.meldy .effect ul li h4 {
    font-size: 4vw;
  }
  #product.meldy .effect ul li span {
    font-size: 3.4vw;
  }
  #product.meldy .effect ul li {
    margin: 0 0 10px 0;
  }
  #product.meldy .effect ul li:nth-of-type(1),
  #product.meldy .effect ul li:nth-of-type(2) {
    margin: 0 0 10px 0;
  }
  /* case */
  #product.meldy .case {
    padding: 70px 0 100px 0;
  }
  #product.meldy .case .inner h2 {
    margin: 0 auto 50px auto;
  }
  #product.meldy .case .inner ul li img {
    max-width: none;
    width: 100%;
  }
  #product.meldy .case .inner ul li a {
    font-size: 4.2vw;
  }
  #product.meldy .case .inner ul li p {
    font-size: 4.6vw;
  }
  #product.meldy .case .inner ul li span {
    font-size: 3.8vw;
  }
  /* demo */
  #product.meldy .demo {
    padding: 70px 0 100px 0;
  }
  #product.meldy .demo .inner h2 {
    margin: 0 auto 50px auto;
  }
  #product.meldy .demo .inner ul li {
    margin: 0 0 40px 0;
  }
  #product.meldy .demo .inner ul li img {
    margin: 0 auto 15px auto;
  }
  #product.meldy .demo .inner ul li span {
    font-size: 4vw;
  }
}

/* mobile M */
@media screen and (max-width: 375px) {
  .modalBox.modalBox2 .contents .inner {
    padding: 40px 20px;
  }
  .modalBox.modalBox2 .contents .inner h2 {
    font-size: 5vw;
  }
}

/* mobile S */
@media screen and (max-width: 320px) {
}