@charset "utf-8";

/*------------------------------
 reset & General
-------------------------------*/
#mGlobalNavButton,
#siteHeader::after{
  display: none;
}
div#footer div.wrapper p.copyright {
  float: none;
  text-align: center;
}

#siteHeader ul,
#siteContent ul{
  padding-left:0;
  margin:0;
  font-size:0;
}
#siteHeader li,
#siteContent li{
  list-style: none;
  display:inline-block;
}

#siteContent,
#siteContent li{
  font-size: 12px;
  letter-spacing: -.015em;
  line-height: 1.66;
  text-align: justify;
  color: #231815;
}
#siteContent *{
  box-sizing: border-box;
}
#siteContent h1,
#siteContent h2,
#siteContent h3,
#siteContent h4,
#siteContent h5{
  font-weight: normal;
}
#siteContent img{
  width: 100%;
}
#siteContent a{
  color: #64ACFB;
}
#siteContent em{
  font-style: normal;
  font-weight: inherit;
  color: #C6000A;
}
#siteContent em .e-caution{
  color: #C6000A;
}
#siteContent sub{
  display: inline-block;
  font-size: .7em;
  margin-right: .1em;
  margin-left: .05em;
  transform: translateY(-.3em);
}
#siteContent .b-caution,
#siteContent .e-caution{
  color: #878787;
  font-size: 10px;
}
#siteContent .b-caution{
  line-height: 1.6;
  margin-top: 1em;
}
#siteContent .b-caution.m-sizeM {
  color: inherit;
  font-size: 12px;
}
#siteContent .e-caution{
  vertical-align: top;
}
#siteContent .m-mark::before{
  content: "▼";
  display: inline-block;
  transform-origin: center center;
  transform: rotate(-90deg);
}
@media screen and (min-width: 769px) {
  #siteContent,
  #siteContent li {
    font-size: 15px;
    line-height: 1.73;
  }
  #siteContent .b-caution.m-sizeM {
    text-align: center;
    font-size: 13px;
  }
}
@media screen and (min-width: 1001px) {
  #siteContent {
    width: 100%;
    max-width: 1280px;
    min-width: 1200px;
	}
  #siteContent .container{
    width: 1200px;
    margin: auto;
  }
}

/* background */
.leadTtl,
.b-about,
.b-topics,
.b-kodomoeco{
  background: #C2C9D0;
}
.b-about.m-reform{
  background: #CECCBD;
}
.b-topClass{
  background: #EDECE5;
}
.b-lineUp .b-product{
  background: #EEEDE7;
}
.b-whiteBox{
  width: 92%;
  max-width: 1000px;
  margin: auto;
  background: #fff;
}

/* slider-inner */
@media screen and (max-width: 768px){
  .b-slideImg{
    overflow-x: scroll;
    padding: .5em 0 1em;
    position: relative;
  }
  .slide-inner{
    padding-bottom: 1em;
  }
  .scroll{
    width: 80px;
    height: 80px;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-70%);
  }
  .scroll .inner{
    width: 100% !important;
    padding: 0 !important;
    background: none !important;
    position: relative;
  }
  .scroll .inner::before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(images/scroll-hand.png) center center / cover;
    position: absolute;
    z-index: 1;
    left: 7px;
    animation: scrollHand .8s ease-in 3s infinite alternate forwards running;
  }
}
@keyframes scrollHand{
  0% {
    left: 7px;
  }
  100%{
    left: -5px;
  }
}
@media screen and (min-width: 769px){
  .b-slideImg{
    margin: .5em 0;
  }
  .scroll{
    display: none;
  }
}

.arw{
  position: relative;
}
.arw::after{
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 18px 12.5px 0 12.5px;
  position: absolute;
  bottom: -16px;
  left: 50%;
  transform: translateX(-50%);
  border-color: #C2C9D0 transparent transparent transparent;
  z-index: 1;
}
@media screen and (min-width: 769px){
  .arw::after{
    border-width: 60px 40px 0 40px;
    bottom: -58px;
  }
}

/*------------------------------
 header
-------------------------------*/
#fixHeader{
  width: 100%;
  position: fixed;
  background: #fff;
  z-index: 100;
  top: 0;
}
#siteHeader{
  width: 93%;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.siteHeader__info{
  padding-left: 0 !important;
}
.siteHeader__infoLogo {
  padding: 0;
}
.pageHeader__navi li{
  font-size: 12px;
}
.pageHeader__navi li+li{
  border-left: 1px solid #000;
}
.pageHeader__navi a,
.pageHeader__navi span{
  color: #000;
  padding: 0 .8em;
  cursor: pointer;
}
.pageHeader__navi span:hover{
  text-decoration: underline;
}
.pageHeader__navi li:nth-last-child(1) a{
  padding-right: 0;
}
.leadTtl .inner{
  width: 305px;
  margin: auto;
  padding: 22px 10px 20px;
}
@media screen and (min-width: 769px){
  #fixHeader{
    min-width: 1000px;
  }
  #siteHeader{
    max-width: 1000px;
    height: 46px;
  }
  .m-lp #siteHeader{
    max-width: 1280px;
  }
  #siteHeader .siteHeader__infoLogo img {
		height: auto;
		width: 88px;
	}
  
  .leadTtl .inner{
    width: 546px;
    padding: 35px 10px 34px;
  }
}
.b-headerInner{
  position: relative;
  background: #fff
}
.b-moreNav{
  position: absolute;
  z-index: -1;
  padding: 0;
  width: 100%;
  text-align: center;
  background: #F1F3F5;
  transform: translateY(-100%);
  transition: .3s ease-out;
}
.b-moreNav.open{
 transform: translateY(0);
}
.b-moreNav li{
  list-style: none;
  display: inline;
  line-height: 1;
}

.b-moreNav a{
  display: inline-block;
  padding: 1em;
  font-size: 12px;
  color: #231815;
}
@media screen and (max-width: 768px){
  .b-moreNav{
    top: 44px;
    display: flex;
    justify-content: space-evenly;
  }
}
@media screen and (min-width: 769px){
  .b-moreNav{
    top: 46px;
  }
  .b-moreNav li+li{
    margin-left: 5em;
  }
}

/*------------------------------
 main
-------------------------------*/

/* .b-kodomoLnk ----------*/
.b-kodomoLnk{
  text-align: center;
  font-size: 10px;
}
.b-kodomoLnk .e-ttl{
  width: 230px;
  margin-left: auto;
  margin-right: auto;
}
.b-kodomoLnk p{
  margin: 1em auto;
}
.b-kodomoLnk .e-lnk a{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 280px;
  height: 53px;
  font-size: 13px;
  line-height: 1.46;
  background: #fff;
  border-radius: 150px;
  border: 3px solid #6FBA2C;
  overflow: hidden;
}
.e-lnk.m-kosodate a,
.e-lnk.m-kyuto2024 a{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 1.46;
  color: #fff !important;
  border-radius: 150px;
  padding: .4em 1.5em;
  margin: 2em 0 1.5em;
}
.e-lnk.m-kosodate a{
  background: #5AAA77;
}
.e-lnk.m-kyuto2024 a{
  background: #6383CD;
}
.e-lnk.m-kosodate,
.e-lnk.m-kyuto2024{
  text-align: center;
}
.b-kodomoLnk.m-bottom {
  padding: 65px 0 20px;
}
.b-kodomoLnk.m-bottom p {
  margin: 0 0 1em;
}
@media screen and (min-width: 769px){
  .b-kodomoLnk{
    font-size: 11px;
  }
  .b-kodomoLnk .e-ttl{
    width: 299px;
  }
  .b-kodomoLnk p{
    margin: 2em auto;
  }
  .b-kodomoLnk .e-lnk a{
    width: 360px;
    height: 70px;
    font-size: 16px;
  }
  .b-kodomoLnk.m-bottom {
    padding: 80px 0 40px;
  }
}

/* .b-reform ----------*/
.b-reform .inner{
  width: 82%;
  max-width: 860px;
  margin: auto;
  padding: 35px 0 20px;
  line-height: 1.83;
}
.b-reform .b-data {
  display: block;
  padding-top: 25px;
}
.b-reform .b-txts{
  margin-top: 20px;
}
.b-reform .b-caution {
  color: #231815 !important;
}
.b-reform .b-kodomoLnk {
  margin: 35px 0;
}
@media screen and (min-width: 769px){
  .b-reform .inner{
    padding: 60px 0 30px;
    line-height: 2;
  }
  .b-reform .b-data {
    padding-top: 37px;
  }
  .b-reform .b-txts{
    margin-top: 30px;
  }
  .b-reform .b-kodomoLnk {
    margin: 40px 0 65px;
  }
}

/* .b-tab ------------*/
.b-tab{
  display: flex;
  justify-content: center;
}
.b-tab li{
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  cursor: pointer;
  line-height: 1;
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.b-tab li span{
  display: block;
  color: #fff;
  line-height: 1;
  transform: translateY(.2em);
}
.b-tab li.m-new{
  background: #C2C9D0;
}
.b-tab li.m-reform{
  background: #CECCBD;
}
.b-tabContentWrap{
  position: relative;
}
.b-tabContent{
  display: none;
  opacity: 0;
  transition: .3s;
}
.b-tabContent.active{
  display: block;
  opacity: 1;
}
@media screen and (max-width: 767px){
  .b-tab li{
    width: 143px;
    height: 36px;
  }
  .b-tab li+li{
    margin-left: 20px;
  }
  .b-tab li span{
    font-size: 16px;
  }
}
@media screen and (min-width: 769px){
  .b-tab li{
    width: 175px;
    height: 44px;
  }
  .b-tab li+li{
    margin-left: 70px;
  }
  .b-tab li span{
    font-size: 18px;
  }
}

/* .b-about ----------*/
.b-about{
  padding: 3.5vw 0;
}
.b-about .inner{
  background: #fff;
  width: 93%;
  max-width: 1000px;
  margin: auto;
  padding: 25px 20px 30px 20px;
}
.b-about .e-ttl{
  color: #707070;
  text-align: center;
  font-size: 17px;
  letter-spacing: .05em;
  margin-bottom: 1.3em;
}
.b-about dl+dl{
  margin-top: 30px;
}
.b-about dt{
  background: #C2C9D0;
  color: #fff;
  font-size: 13px;
  line-height: 1;
  letter-spacing: .1em;
  padding: .6em .5em .5em;
  margin-bottom: .8em;
}
.b-about.m-reform dt{
  background: #CECCBD;
}
#siteContent .b-about.m-reform dt .e-caution {
  color: #fff;
}
.b-about .b-txts + .b-txts,
.b-about .b-txts p+p{
  margin-top: 1em;
}
.b-about.m-new .b-slideImg.m-01 .slide-inner{
  width: 444px;
}
.b-about.m-reform .b-slideImg.m-01 .slide-inner{
  width: 860px;
} 
.b-about.m-new .b-slideImg.m-02 .slide-inner{
  width: 860px;
}
.b-about.m-new .b-slideImg.m-03 .slide-inner,
.b-about.m-reform .b-slideImg.m-03 .slide-inner{
  width: 800px;
}
.b-about li{
  display: block !important;
}
.b-about ul{
  display: block;
  padding-top: 5px;
}
.b-forOperator{
  border-top: 3px solid #C2C9D0;
  margin-top: 2em;
  padding-top: 1.5em;
}
.b-about.m-reform .b-forOperator{
  border-top: 3px solid #CECCBD;
}
.b-forOperator .e-mds{
  font-size: 12px;
  margin-bottom: .3em;
}
.b-about .b-lnkBox{
  text-align: center;
}
.b-about .b-lnkBox::before{
  content: "";
  display: inline-block;
  background: #CF000E;
  width: 45px;
  height: 4px;
  margin-top: 40px;
  margin-bottom: 35px;
}
.b-about .b-lnkBox .e-btn{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #fff !important;
  border-radius: 150px
}
.b-about.m-reform .b-lnkBox .e-btn{
  background: #B4BDC6;
}
.b-about.m-new .b-lnkBox .e-btn{
  background: #CECCBD;
}
.b-about + .b-kodomoLnk p {
  margin: 0 0 1em;
}
@media screen and (max-width: 768px){
  .b-about .b-slideImg.m-01{
    margin-bottom: 15px;
  }
  .b-about .b-slideImg.m-01 .slide-inner{
    padding-bottom: 0;
  }
  .b-about.m-new .b-slideImg.m-01 .scroll{
    transform: translate(-50%,-50%);
  }
  .b-about .b-slideImg.m-02{
    margin: 20px 0;
    padding-bottom: 30px;
    padding-left: 20px;
  }
  .b-about .b-lnkBox .e-btn{
    width: 280px;
    height: 35px;
    font-size: 13px;
  }
  .b-about + .b-kodomoLnk {
    padding: 55px 0 65px;
  }
}
@media screen and (min-width: 769px){
  .b-about{
    padding: 55px 0;
  }
  .b-about .inner{
    padding: 45px 70px 80px 70px;
  }
  .b-about .e-ttl{
    font-size: 30px;
  }
  .b-about dt{
    font-size: 18px;
    padding: .6em 1em .5em;
  }
  .b-about .b-slideImg.m-01{
    margin-bottom: 10px;
  }
  .b-about .b-slideImg.m-02{
    margin: 20px 0 30px;
  }
  .b-forOperator .e-mds{
    font-size: 15px;
  }
  .b-about .b-lnkBox::before{
    width: 65px;
    height: 7px;
    margin-top: 40px;
    margin-bottom: 55px;
  }
  .b-about .b-lnkBox .e-btn{
    width: 360px;
    height: 70px;
    font-size: 16px;
  }
  .b-about + .b-kodomoLnk {
    padding: 100px 0;
  }
}

/* .b-energySaving ----------*/
.b-energySaving .b-ttls{
  width: 275px;
  margin: auto;
  padding: 60px 0 70px;
}
.b-energySaving .b-ttls h2{
  width: 165px;
  margin: auto;
}
.b-energySaving .b-ttls p{
  text-align: center;
  font-size: 10px;
  margin-top: 1.3em;
}
.b-energySaving .b-ttls .e-lnk{
  margin-top: 10px;
}
.b-energySaving .b-ttls .e-lnk a{
  width: 100%;
  display: inline-block;
  background: #E79944;
  color: #fff !important;
  border-radius: 150px;
  text-align: center;
  font-size: 13px;
  padding: 1.23em 1em;
}
.b-ECOONE > h3{
  width: 115px;
  margin: 0 auto 4px;
}
.b-ecooneInner{
  background: url(/miraieco/zyuutaku2026/images/ecoone-bg-sp.png) center center / cover ;
  color: #fff;
  padding: 30px 0 25px;
}
.b-ecooneInner .inner{
  width: 80%;
  max-width: 705px;
  margin: auto;
  position: relative;
}
.b-ecooneInner .b-txts{
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  font-size: 15px;
  letter-spacing: .13em;
}
.b-ecooneInner .b-txts .e-mds{
  border-bottom: 2px solid #fff;
  font-size: 24px;
  line-height: 1.8;
  white-space: nowrap;
}
.b-ecooneInner .b-txts .e-mds span{
  display: block;
  font-size: .5em;
  margin-left: -.4em;
}
.b-ecooneInner .b-txts p{
  letter-spacing: .05em;
}
.b-ecooneInner .e-img{
  width: 41.7%;
  margin-left: auto;
}
@media screen and (max-width: 768px){
  .b-ecooneInner .inner{
    padding-top: 38px;
  }
  .b-ecooneInner .b-txts{
    width: 100%;
    line-height: 2;
  }
  .b-ecooneInner .b-txts .e-mds{
    margin-bottom: .6em;
    display: inline-block;
  }
}
@media screen and (min-width: 769px){
  .b-energySaving .b-ttls{
    width: 360px;
    padding: 70px 0 100px;
  }
  .b-energySaving .b-ttls h2{
    width: 215px;
    margin: auto;
  }
  .b-energySaving .b-ttls p{
    font-size: 11px;
  }
  .b-energySaving .b-ttls .e-lnk a{
    font-size: 16px;
  }
  .b-ECOONE > h3{
    width: 180px;
    margin-bottom: 8px;
  }
  .b-ecooneInner{
    background-image: url("/miraieco/zyuutaku2026/images/ecoone-bg-pc.png");
    padding: 50px 0 35px;
  }
  .b-ecooneInner .b-txts{
    font-size: 24px;
    margin-top: .5em;
  }
  .b-ecooneInner .b-txts .e-mds{
    font-size: 30px;
    padding-bottom: .5em;
    margin-bottom: .8em;
  }
  .b-ecooneInner .e-img{
    width: 260px;
  }
}

.b-topics .b-whiteBox,
.b-topClass .b-whiteBox,
.b-piece.m-wakuBk,
.b-kodomoeco .b-whiteBox{
  border-radius: 20px;
}
@media screen and (max-width: 768px){
  .b-topics .b-whiteBox,
  .b-topClass .b-whiteBox{
    width: 82%;
  }
}
@media screen and (min-width: 769px){
  .b-topics .b-whiteBox,
  .b-topClass .b-whiteBox{
    width: 100%;
  }
}
@media screen and (min-width: 1001px){
  .b-topics .b-whiteBox,
  .b-topClass .b-whiteBox{
    max-width: 1000px;
  }
}

/* .b-topics ----------*/
.b-topics .e-mdsLine,
.b-lineUp .e-mdsLine{
  font-size: 14px;
  color: #000;
  padding-top: .3em;
}
.b-topics .e-mdsLine{
  display: inline-block;
  border-top: 7px solid #B4BDC6;
}
.b-lineup .e-mdsLine{
  border-top: 7px solid #D20310;
}
.b-topics{
  padding: 35px 0 40px;
}
.b-topics .b-whiteBox{
  text-align: center;
  padding-top: 15px;
}
.b-topics .b-whiteBox .inner{
  display: inline-block;
  width: 89%;
  padding-bottom: 20px;
}
@media screen and (max-width: 768px){
  .b-topics .b-whiteBox .inner{
    max-width: 400px;
  }
  .b-topics .e-mdsLine{
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 769px){
  .b-topics{
    padding: 45px;
  }
  .b-topics .b-whiteBox{
    padding-top: 20px;
  }
  .b-topics .b-whiteBox .inner{
    width: 756px;
    padding-bottom: 40px;
  }
  .b-topics .e-mdsLine,
  .b-lineUp .e-mdsLine{
    font-size: 20px;
  }
}

/* .b-topClass ----------*/
.b-topClass{
  padding: 38px 0 55px;
}
.b-topClass.arw::after{
  border-color: #EDECE5 transparent transparent transparent;
}
.b-topClass .b-whiteBox .inner{
  display: block;
  width: 83%;
  margin: auto;
  padding: 20px 0 20px;
}
.b-topClass > .e-ttl{
  font-size: 20px;
  text-align: center;
}
.b-topClass .e-mds{
  color: #C6000A;
}
.b-topClass .e-graph{
  display: flex;
  flex-direction: column;
}

.b-topClass .e-graph.m-01 figcaption{
  order: 1;
  color: #CF000E;
  font-size: 17px;
  margin-bottom: .3em;
}
.b-topClass .e-graph.m-01 figcaption .e-caution{
  margin-left: .2em;
}
.b-topClass .e-graph.m-01 p{
  order: 2;
  border-bottom: 2px solid #CF000E;
}
.b-topClass .e-graph.m-01 p:nth-child(1){
  border-top: 2px solid #CF000E;
}
.b-topClass .e-graph.m-02 p{
  order: 1;
}
.b-topClass .e-graph.m-02 figcaption{
  order: 2;
  margin-bottom: .5em;
}
.b-topClass .e-graph.m-02 img{
  order: 3;
}
.b-topClass .slide-inner{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.b-topClass .slide-inner img{
  width: 250px;
  min-width: 250px;
}
.b-topClass .b-graphs+.b-caution{
  margin-top: 25px !important;
}
.b-topClass .b-graphs.m-images .e-graph.m-01{
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  
}
.b-topClass .b-graphs.m-images .e-graph.m-01 figcaption{
  line-height: 1.65;
  margin-bottom: 0;
}
@media screen and (max-width: 768px){
  .b-topClass .b-whiteBox{
    margin-top: 30px;
  }
  .b-topClass .e-graph.m-01 p{
    padding: 23px 0;
  }
  .b-topClass .e-graph.m-02{
    border-bottom: 2px solid #CF000E;
    padding-bottom: 20px;
  }
  .b-topClass .e-graph.m-02 .e-mds{
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 18px;
    text-align: center;
  }
  .b-topClass .slide-inner img+img{
    margin-left: 30px;
  }
  .b-topClass .b-graphs.m-images .e-graph.m-01{
    padding: 17px 0;
     border-bottom: 2px solid #CF000E;
  }
  .b-topClass .b-graphs.m-images .e-graph.m-01 img{
    width: 100px !important;
    margin-right: 12px;
  }
  .b-topClass .b-graphs.m-images .e-graph.m-01 figcaption{
    font-size: 14px;
  }
  .b-topClass .b-graphs.m-images .e-graph.m-02{
    margin-top: 20px !important;
  }
}
@media screen and (min-width: 769px){
  .b-topClass{
    padding: 80px 45px 70px;
  }
  .b-topClass > .e-ttl{
    font-size: 30px;
  }
  .b-topClass .b-whiteBox{
    margin-top: 30px;
  }
  .b-topClass .b-whiteBox .inner{
    width: 86%;
    padding: 40px 0 90px;
    margin: auto;
  }
  .b-topClass .e-mds{
    font-size: 30px;
    text-align: center;
    margin-bottom: 40px;
  }
  .b-topClass .slide-inner img{
    width: 31.4%;
    max-width: 31.4%;
  }
  .b-topClass .b-graphs{
    display: flex;
    justify-content: space-between;
  }
  .b-topClass .e-graph.m-01{
    width: 380px;
    min-width: 380px;
  }
  .b-topClass .e-graph.m-01 figcaption{
    font-size: 21px;
  }
  .b-topClass .e-graph.m-01 p{
    padding: 8.7% 0;
  }
  .b-topClass .e-graph.m-02 figcaption{
    font-size: 12px;
  }
  .b-topClass .e-graph.m-02{
    width: 414px;
    min-width: 414px;
  }
  .b-topClass .b-graphs.m-images{
    margin-top: 28px;
  }
  .b-topClass .b-graphs.m-images .e-graph.m-01 img{
    width: 145px !important;
    margin-right: 25px;
  }
  .b-topClass .b-graphs.m-images .e-graph.m-01 figcaption{
    font-size: 20px;
  }
  .b-topClass .b-graphs.m-images .e-graph.m-02{
    margin-top: 0 !important; 
  }
}

.b-original .e-mds{
  text-align: center;
}
@media screen and (max-width: 768px){
  .b-original .e-mds{
    font-size: 20px;
    margin: 35px 0 20px;
  }
  .b-original .b-slideImg{
    scroll-snap-type: x mandatory;
  }
  .b-original .b-slideImg .slide-inner img{
    width: calc( 100vw * .82 * .83);
    min-width: calc( 100vw * .82 * .83);
    scroll-snap-align: start;
  }
}
@media screen and (min-width: 769px){
  .b-original .e-mds{
    margin: 85px 0 50px;
  }
}

/* .b-lineUp ----------*/
.b-lineUp .b-ttl{
  text-align: center;
  padding: 65px 0 45px;
}
.b-lineUp .e-mdsLine{
  display: inline-block;
  border-top: 7px solid #D20310;
}
.b-product >.b-productImgs,
.b-product > .b-caution,
.b-product > .b-more{
  margin-left: auto;
  margin-right: auto;
}

.b-product .e-catch{
  font-size: 14px;
  line-height: 1.9;
  letter-spacing: .03em;
}
.b-product .e-ttl,
.b-product .e-moreTtl{
  text-align: center;
  color: #fff;
  background: #C2C9D0;
  font-size: 19px;
}
.b-product .e-ttl{
  letter-spacing: .08em;
  padding: .06em .5em 0;
  margin-bottom: 20px;
}
.b-product .b-more{
  background: #fff;
}

.b-product .b-more .e-mds{
  color: #CF000E;
  text-align: center;
  font-size: 18px;
}
.b-product .b-piece,
.b-product.m-160L .b-flex{
  margin: auto;
}
.b-product .b-piece.m-wakuBk{
  border: 1px solid #707070;
}
.b-product .b-piece.m-wakuBk .e-mds{
  color: #000;
  line-height: 2;
}

.b-product.m-plugin .b-productImgs{
  position: relative;
}
.b-product.m-plugin .b-lnk{
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
.b-product.m-plugin .b-lnk a{
  display: block;
  background: #C2C9D0;
  color: #fff !important;
  border-radius: 100px;
  text-align: center;
  font-size: 11px;
}

.b-product.m-x5 .b-more > .e-mds::before,
.b-banner.m-more::before,
.b-banner.m-more.m-under::after,
.line::before{
  content: "";
  display: block;
  background: #D20310;
  margin: auto;
}
.b-banner.m-more.m-under::before{
  height: 0;
}
@media screen and (max-width: 768px){
  .b-lineUp .b-product{
    padding-bottom: 35px;
  }
  .b-product >.b-productImgs,
  .b-product > .b-caution,
  .b-product > .b-more{
    width: 82%;
    margin-left: auto;
    margin-right: auto;
  }
  .b-product > .b-caution{
    margin-bottom: 23px;
  }
  .b-product > .b-more{
    padding-bottom: 30px;
  }
  .b-product .e-moreTtl{
    margin-bottom: 30px;
    padding: .55em;
  }
  .b-product .b-piece,
  .b-product.m-160L .b-flex.m-01{
    width: 87%;
  }
  .b-product .b-piece .b-caution{
    margin-top: 20px !important;
  }
  .b-product .b-piece.m-wakuBk{
    margin-top: 25px;
  }
  .b-product .b-piece.m-wakuBk .inner{
    width: 90%;
    margin: auto;
    padding: 20px 0;
  }
  .b-product .b-piece.m-wakuBk .e-mds{
    font-size: 16px;
    margin-bottom: 15px;
  }
  .b-product .b-piece.m-wakuBk .b-caution{
    margin-top: 12px !important;
    padding: 0 4%;
  }
  
  .b-product.m-x5 .b-more > .e-mds{
    margin-bottom: 30px;
  }
  .b-product.m-160L .b-productImgs .e-img{
    margin-top: -30px;
  }
  .b-product.m-160L .e-moreTtl.m-02 {
    margin-top: 23px;
  }
  .b-product.m-160L .b-flex.m-01 .e-img{
    margin-top: 20px;
  }
  .b-product.m-160L .b-flex.m-02 p{
    border-bottom: 2px solid #D2000E;
    padding: 30px 0 26px;
  }
  .b-product.m-160L .b-flex.m-02 p:nth-child(1){
    border-top: 2px solid #D2000E;
    margin-top: 30px;
  }
  .b-product.m-160L .b-piece+.b-piece{
    padding-top: 40px;
  }
  
  .b-product.m-plugin .e-catch{
    margin-bottom: 18px;
  }
  .b-product.m-plugin .e-img{
    margin-top: -5px;
  }
  .b-product.m-plugin .b-lnk{
    width: 38.5%;
  }
  .b-product.m-plugin .b-lnk a{
    padding: .2em 1em .15em;
  }
  
  .b-product.m-x5 .b-more > .e-mds::before,
  .b-banner.m-more::before,
  .b-banner.m-more.m-under::after,
  .line::before{
    width: 45px;
    height: 4px;
  }
  .b-product.m-x5 .b-more > .e-mds::before{
    margin-top: 25px;
    margin-bottom: 35px;
  }
  .b-banner.m-more::before,
  .b-banner.m-more.m-under::after,
  .line::before{
    margin-top: 55px;
    margin-bottom: 55px;
  }
}
@media screen and (min-width: 769px){
  .b-lineUp .b-product{
    padding: 0 45px 90px;
  }
  .b-lineUp .b-ttl{
    width: 100%;
    padding: 115px 0 85px;
  }
  .b-product .e-ttl{
    width: calc( 100% + 90px);
    font-size: 27px;
    margin-bottom: 25px;
    margin-left: -45px;
  }
  .b-product .b-productImgs{
    position: relative;
  }
  .b-product .e-catch{
    font-size: 28px;
    position: absolute;
    z-index: 1;
  }
  .b-product .e-catch .e-caution{
    display: inline-block;
    font-size: 15px !important;
    color: #000 !important;
    transform: translateY(.3em);
  }
  .b-product > .b-caution{
    margin-bottom: 35px;
  }
  .b-product .b-more{
    width: 100%;
    max-width: 1000px;
    padding-bottom: 80px;
  }
  .b-product .b-more .e-mds{
    font-size: 28px;
  }
  .b-product .e-moreTtl{
    font-size: 34px;
    margin-bottom: 70px;
  }
  .b-product .e-moreTtl::after{
    border-width: 30px 21px 0 21px;
    bottom: -28px;
  }
  .b-product .b-piece{
    width: 86%;
  }
  .b-product .b-piece .b-caution{
    margin-top: 30px !important;
  }
  .b-product.m-x5 .b-productImgs,
  .b-product.m-x5 > .b-caution{
    width: 795px;
  }
  .b-product.m-x5 .e-ttl{
    margin-bottom: 50px;
  }
  .b-product.m-x5 .e-catch{
    top: .4em;
  }
  .b-product.m-160L .b-productImgs,
  .b-product.m-160L > .b-caution{
    width: 680px;
  }
  .b-product.m-160L .e-catch{
    top: 1.5em;
  }
  
  .b-product.m-160L .e-moreTtl.m-02{
    margin-top: 70px;
    margin-bottom: 75px;
  }
  .b-product.m-160L .b-flex.m-01{
    display: flex;
    justify-content: space-between;
    width: 660px;
  }
  .b-product.m-160L .b-flex.m-01 .e-mds{
    text-align: left;
  }
  .b-product.m-160L .b-flex.m-01 .e-img{
    width: 265px;
    min-width: 265px;
  }
  .b-product.m-160L .b-piece+.b-piece{
    padding-top: 70px;
  }
  
  .b-product.m-160L .b-flex.m-02{
    display: flex;
    width: calc(100% + 4px);
    margin-left: -1px;
    margin-top: 60px;
  }
  .b-product.m-160L .b-flex.m-02 p{
    border-right: 2px solid #D2000E;
  }
  .b-product.m-160L .b-flex.m-02 p:nth-child(1){
    border-left: 2px solid #D2000E;
  }
  
  
  .b-product.m-plugin .b-productImgs,
  .b-product.m-plugin > .b-caution{
    width: 607px;
  }
  .b-product.m-plugin .e-catch{
    position: static;
  }
  .b-product.m-plugin .b-lnk{
    width: 209px;
  }
  .b-product.m-plugin .b-lnk a{
    font-size: 12px;
    padding: .5em 1em;
  }
  
  .b-product .b-piece.m-wakuBk{
    margin-top: 80px;
  }
  .b-product .b-piece.m-wakuBk .inner{
    width: 86%;
    margin: auto;
    padding: 25px 0 30px;
  }
  .b-product .b-piece.m-wakuBk .e-mds{
    font-size: 24px;
    margin-bottom: 8px;
  }
  .b-product .b-piece.m-wakuBk .b-caution{
    margin-top: 12px !important;
  }
  
  .b-product.m-x5 .b-more > .e-mds::before,
  .b-banner.m-more::before,
  .b-banner.m-more.m-under::after,
  .line::before{
    width: 65px;
    height: 7px;
    margin-top: 85px;
    margin-bottom: 80px;
  }
}

.b-banner.m-more.m-under{
  padding-bottom: 0;
}
.b-banner.m-more.m-under::after{
  margin-bottom: 0;
}

/* .b-targetReform -----------*/
.b-targetReform{
  background: #EDECE5;
  padding: 40px 0;
  text-align: center;
}
.b-targetReform .e-ttl{
  font-size: 20px;
  line-height: 1.6667;
  margin-bottom: .5em;
}
.b-targetReform .e-ttl+p{
  margin-bottom: 2.5em;
}
.b-targetReform .b-whiteBox:not(.m-03) .e-mds{
  color: #fff;
  letter-spacing: .18em;
  margin-bottom: .8em;
}
.b-targetReform .m-01 {
  background: none;
}
.b-targetReform .m-01 dl {
  background: #fff;
}
.b-targetReform .m-01 .e-mds{
  background: #C2C9D0;
}/*
.b-targetReform .m-01 .b-images figure:nth-child(1){
  border-right: 1px solid #E9E7DF;
}
.b-targetReform .m-01 .b-images figure:nth-child(2){
  border-left: 1px solid #E9E7DF;
}
*/
.b-targetReform .m-01 .b-images{
  display: flex;
}
.b-targetReform .m-01 ul {
  display: flex;
  justify-content: center;
}
.b-targetReform .m-01 li {
  font-size: 11px !important;
  line-height: 1 !important;
  padding: 0 1em;
}
.b-targetReform .m-01 li+li {
  border-left: 2px solid #C2C9D0;
}
.b-targetReform .m-02 .e-mds{
  background: #CECCBD;
}
.b-targetReform .m-02 .b-pMds {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
}
.b-targetReform .m-02 .b-pMds .e-tag {
  margin-bottom: .8em;
  padding-top: .5em;
  padding-bottom: .4em;
}
.b-targetReform .m-03 .e-mds{
  border: 1px solid #CECCBD;
}
.b-targetReform .b-whiteBox dd{
  margin: auto;
}
.b-targetReform .e-tag {
  display: inline-block;
  background: #CE0010;
  color: #fff;
  font-size: 10px;
  padding: .2em 1em .1em;
}
@media screen and (max-width: 768px){
  .b-targetReform .b-whiteBox{
    width: 81%;
  }
  .b-targetReform .e-ttl+p {
    width: 82%;
    margin: auto;

  }
  .b-targetReform .b-whiteBox .e-mds{
    font-size: 14px;
  }
  .b-targetReform .b-whiteBox .e-price{
    width: 195px;
    margin: auto;
  }
  .b-targetReform .m-01 {
    padding-bottom: 32px;
  }
  .b-targetReform .m-01 .inner {
    margin-top: 15px;
  }
  .b-targetReform .m-01 .e-mds {
    margin-bottom: 15px !important;
  }
  .b-targetReform .m-01 dd{
    font-size: min(3.7333vw,14px);
    padding-bottom: 23px;
  }
  .b-targetReform .m-01 ul {
    margin-top: 10px !important;
  }
  .b-targetReform .m-03 dd {
    width: 82%;
  }
  .b-targetReform .m-01 .b-images{
    margin: 5px auto 15px;
  }
  .b-targetReform .m-item03 .e-mds02 {
    font-size: 16px;
    margin-bottom: 4px;
  }
  .b-targetReform .m-item03 .b-images {
    width: 82%;
  }
  .b-targetReform .m-item03 .e-tag {
    margin-right: 6px;
  }
  .b-targetReform .m-02{
    padding-bottom: 20px;
  }
  .b-targetReform .m-02 dd{
    width: 82%;
    font-size: 16px;
  }
  .b-targetReform .m-02 .b-caution {
    text-align: left;
    margin-bottom: 20px;
  }
  .b-targetReform .m-02 figure{
    padding: 20px 0 25px;
  }
  .b-targetReform .m-02 .e-img{
    width: 72%;
    margin: .5em auto 12px;
  }
  .b-targetReform .m-02 figure+figure{
    border-top: 2px solid #E9E7DF;
  }
  .b-targetReform .m-02 .b-pMds {
    margin-bottom: 10px;
  }
  .b-targetReform .m-03 {
    margin-top: 32px;
  }
  .b-targetReform .m-03 .inner{
    width: 82%;
    margin: auto;
    padding: 25px 0 30px;
  }
  .b-targetReform .m-03 .e-mds{
    padding: .2em;
    font-size: 12px;
  }
  .b-targetReform .m-03 .e-img {
    display: block;
    margin-top: 30px;
  }
  .b-targetReform .m-03 figure .b-caution{
    margin-top: 30px !important;
  }
  .b-targetReform .m-03 .b-caution,
  .b-targetReform .m-03 figure figcaption{
    text-align: left;
  }
}
@media screen and (min-width: 769px){
  .b-targetReform{
    padding: 50px 0 65px;
  }
  .b-targetReform .e-ttl{
    font-size: 30px;
  }
  .b-targetReform .e-mds{
    font-size: 25px;
  }
  .b-targetReform .b-whiteBox{
    padding-bottom: 40px;
  }
  .b-targetReform .m-01 {
    display: flex;
    justify-content: space-between;
  }
  .b-targetReform .m-01 .b-left {
    width: 460px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .b-targetReform .m-01 .b-left .e-mds {
    margin-bottom: 25px;
  }
  .b-targetReform .m-01 .b-left dd {
    padding-bottom: 36px;
  }
  .b-targetReform .m-01 .b-right {
    width: 500px;
  }
  .b-targetReform .m-01 ul {
    margin-top: 15px !important;
  }
  .b-targetReform .m-01 li {
    font-size: 14px !important;
  }
  .b-targetReform .e-mds02 {
    font-size: 20px;
  }
  .b-targetReform .m-item03 .e-mds {
    margin-bottom: 10px !important;
  }
  .b-targetReform .m-item03 dd {
    padding-bottom: 23px;
  }
  .b-targetReform .m-item03 .e-mds03 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
  }
  .b-targetReform .m-item03 .e-mds03 .e-tag {
    margin-right: 8px;
  }
  .b-targetReform .m-item03 .b-images figure{
    width: 333px;
    margin: 5px auto 15px;
  }
  .b-targetReform .m-item03 .e-price{
    width: 331px;
    margin: auto;
  }
  .b-targetReform .m-item04 .e-mds02 {
    margin-top: 20px;
  }
  .b-targetReform .m-02 dd{
    width: 830px;
    padding-bottom: 20px;
  }
  .b-targetReform .m-02 .b-images,
  .b-targetReform .m-02 figure{
    display: flex;
  }
  .b-targetReform .m-02 .b-images{
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: -20px;
  }
  .b-targetReform .m-02 figure{
    width: 50%;
    text-align: left;
    font-size: 18px;
    line-height: 1.2;
    margin-top: 50px;
  }
  .b-targetReform .m-02 .b-pMds {
    align-items: flex-start;
    font-size: 16px;
    white-space: nowrap;
  }
  .b-targetReform .m-02 .e-img{
    width: 177px;
    min-width: 177px;
    margin-right: 20px;
  }
  .b-targetReform .m-02 figure:nth-child(2n-1){
    border-right: 1px solid #E9E7DF;
    padding-right: 35px;
  }
  .b-targetReform .m-02 figure:nth-child(2n){
    border-left: 1px solid #E9E7DF;
    padding-left: 35px;
  }
  .b-targetReform .m-02 figcaption{
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .b-targetReform .m-02 .e-price{
    width: 178px;
    margin-top: 10px;
  }
  .b-targetReform .m-03{
    margin-top: 40px;
    padding: 50px 70px 80px;
  }
  .b-targetReform .m-03 figure img{
    display: block;
    margin: auto;
  }
  .b-targetReform .m-03 .e-mds{
    width: 365px;
    display: inline-block;
    margin-bottom: 10px;
  }
  .b-targetReform .m-03 .b-caution{
    margin-bottom: 50px;
  }
  .b-targetReform .m-03 figure .b-caution,
  .b-targetReform .m-03 figcaption{
    width: 860px;
    margin: auto;
    text-align: left;
  }
  .b-targetReform .m-03 figure .b-caution{
    margin-top: 50px !important;
  }
}
.b-targetReform .m-03 figure .b-caution{
  padding-bottom: 1.5em;
  margin-bottom: 1.8em;
  border-bottom: 2px solid #E9E7DF;
}



/* .b-kodomoeco -----------*/
.b-kodomoeco{
  text-align: center;
}
.b-kodomoeco .b-whiteBox {
  border-radius: 11px
}
.b-kodomoeco .arw::after{
  border-color: #fff transparent transparent transparent;
}
.b-kodomoeco .b-ttl,
.b-kodomoeco .inner{
  margin: auto;
}
.b-kodomoeco .b-img p{
  font-size: 14px;
  letter-spacing: .04em;
}
.b-kodomoeco .b-lnk{
  padding-top: .8em;
}
.b-kodomoeco .b-lnk a,
.b-kodomoeco + .b-lnkBox a {
  background: #F18E38;
  color: #fff !important;
  border-radius: 100px;
}
.b-kodomoeco .b-lnk a {
  display: inline-block;
  font-size: 12px;
  padding: .6em 1.5em;
}
.b-kodomoeco + .b-lnkBox .e-lnk {
  text-align: center;
  font-size: 12px;
}
.b-kodomoeco + .b-lnkBox a {
  display: inline-block;
  width: 275px;
  padding: 1.3em 1em;
}
.b-kodomoeco + .b-lnkBox p {
  margin-top: .5em;
}
@media screen and (max-width: 768px){
  .b-kodomoeco{
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .b-kodomoeco .inner{
    width: 90%;
    padding: 20px 0 40px;
  }
  .b-kodomoeco .b-ttl{
    width: 82%;
    margin-bottom: 15px;
  }
  .b-kodomoeco .b-ttl + p{
    font-size: min(2.66667vw,10px);
    white-space: nowrap;
    letter-spacing: -.02em;
  }
  .b-kodomoeco .b-img {
    margin-top: 30px;
    margin-bottom: 15px;
  }
  .b-kodomoeco .b-caution {
    width: 82%;
    margin: auto;
    text-align: left;
  }
  .b-kodomoeco + .b-lnkBox {
    margin-top: 30px;
  }
}
@media screen and (min-width: 769px){
  .b-kodomoeco{
    padding-top: 48px;
    padding-bottom: 100px;
  }
  .b-kodomoeco .inner{
    width: 87%;
    padding: 40px 0 40px;
  }
  .b-kodomoeco .arw::after{
    bottom: -48px;
  }
  .b-kodomoeco .b-ttl{
    width: 602px;
    margin-bottom: 15px;
  }
  .b-kodomoeco .b-ttl+p{
    font-size: 12px;
  }
  .b-kodomoeco .b-img {
    width: 725px;
    margin: 33px auto 0;
  }
  .b-kodomoeco .b-img p{
    margin-bottom: 15px;
  }
  .b-kodomoeco + .b-lnkBox {
    margin-top: 85px;
  }
  .b-kodomoeco + .b-lnkBox a {
    width: 360px;
    font-size: 16px;
  }
}


/* .b-kodomoeco -----------*/
.b-lnk.m-kodomoeco{
  width: 276px;
  margin: auto;
  text-align: center;
  padding-top: 30px;
  padding-top: 0;
}
.b-lnk.m-kodomoeco a{
  display: block;
  background: #6484CE;
  color: #fff !important;
  border-radius: 100px;
  font-size: 12px;
  letter-spacing: 0;
  padding: 1.3em .5em;
}
.b-lnk.m-kodomoeco p{
  font-size: 12px;
  margin-top: 5px;
  letter-spacing: .04em;
}
@media screen and (min-width: 769px){
  .b-lnk.m-kodomoeco{
    width: 360px;
    /* padding-top: 75px; */
    padding-top: 0;
  }
  .b-lnk.m-kodomoeco a{
    font-size: 16px;
  }
}

/* .b-banner -----------*/
.b-banner{
  width: 81%;
  max-width: 475px;
  margin: auto;
  padding: 20px 0 60px;
}
.b-banner.m-more{
  max-width: 360px;
  padding-top: 0;
  padding-bottom: 40px;
}
@media screen and (min-width: 769px){
  .b-banner{
    padding: 65px 0 120px;
  }
  .b-banner.m-more{
    padding-bottom: 60px;
  }
}


@media screen and (max-width: 767px){
  .pc{
    display: none;
  }
}
@media screen and (min-width: 769px){
  .sp{
    display: none;
  }
}