@charset "utf-8";
/* font global */
body{font-family:'メイリオ',Meiryo,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', YuGothic, Helvetica, Arial, sans-serif;}

/* SECTION COMMON ======================================================================================================================================== */
/* common */
#mmi-header{position:relative; z-index:2;}
#mmi-container{position:relative; z-index:1; font-feature-setting:"palt"; text-align:justify; text-justify:auto; font-size:15px; line-height:1.75; color:#333;}
#sensor{visibility:hidden; position:absolute; left:-100px; top:-100px; width:10px; height:10px;}
#mmi-container .pcbr{display:inline;}
#mmi-container .spbr{display:none;}
/* page header */
#mmi-container #page-header{
  background: #fafbf5;
}
#mmi-container #page-header .breadcrumbs{width:1000px; margin:0 auto; padding:12px 0 7px;}
#mmi-container #page-header .breadcrumbs li{display:inline; margin-right:5px; font-size:12px; line-height:1;}
#mmi-container #page-header .breadcrumbs li:after{content:' ＞'}
#mmi-container #page-header .breadcrumbs li:last-child:after{content:''}
#mmi-container #page-header h1{width:1000px; margin:0 auto; font-size:30px; color:#0a3066; padding:0 0 20px; line-height:1.4; font-family:noto;}
#mmi-container #page-header h1 i{font-size:18px; display:block; margin-top:5px;}
#mmi-container #page-header h1 .btn{top:-0.3em; background-color:#FFF; display:inline-block; padding:0.5em 2em; border-radius:0.5em; border:solid 1px; box-shadow: 0.2em 0.2em 0.3em 0.2em rgb(0 0 0 / 20%); font-size:15px; margin-top:0px; margin-left:1.5em; position:relative; text-decoration:none;}
#mmi-container #page-header h1 .btn:hover{box-shadow:none; top:-0.1em;}
#mmi-container #page-header h1 .btn:after{content: ""; vertical-align: middle; position: absolute; top: 50%; margin-top: -0.3em; right: 0.7em; width: 0.35em; height: 0.35em; border-top: 0.15em solid #267ebd; border-right: 0.15em solid #267ebd; -webkit-transform: rotate(135deg); transform: rotate(135deg);}

/* page body */
#mmi-container #page-body{width:1000px; margin:0 auto; padding:15px 0; clear:both;}
#mmi-container #page-body:after{content:''; display:block; clear:both;}
/* anchor */
#mmi-container a:link{color:#237cbc; text-decoration:none;}
#mmi-container a:visited{color:#237cbc; text-decoration:none;}
#mmi-container a:hover{text-decoration:underline;}
#mmi-container a:active{color:#000;}
/* form objects */
#mmi-container button{cursor:pointer;}
#mmi-container select{border:#b6c7d6 1px solid; background:#fff; padding:3px 5px; vertical-align:middle; line-height:1;}
/* table */
#mmi-container table{margin-bottom:35px; width:100%;}
#mmi-container table th,
#mmi-container table td{border:1px #b6c7d6 solid; padding:7px 15px!important;line-height:1.4;}

#mmi-container table.zebra tr:nth-child(odd) th,
#mmi-container table.zebra tr:nth-child(odd) td{background:#f6f6f7;}
/* figure */
#mmi-container figure.regular{margin-bottom:35px;}
#mmi-container figure.center{margin-bottom:35px;}
#mmi-container figure.center img{margin:0 auto; display:block;}
#mmi-container figure.f-lt{float:left; margin:0 20px 20px 0; padding-top:5px;}
#mmi-container figure.f-rt{float:right; margin:0 0 20px 20px; padding-top:5px;}
#mmi-container figcaption.cap{font-size:13px; line-height:1.4;}
#mmi-container figure.duo{clear:both; margin-bottom:20px;}
#mmi-container figure.duo:after{clear:both; display:block; content:'';}
#mmi-container figure.duo img{width:calc(50% - 10px); height:auto; display:block; float:left;}
#mmi-container figure.duo img:nth-child(even){float:right;}
/* paragraph and text decoration */
#mmi-container .contents section p{margin-bottom:1em;}
#mmi-container .lt-txt{float:left; margin:0 0 1em 0;}
#mmi-container strong.note{font-size:13px; font-weight:normal;}
/* link button */
#mmi-container a.link-btn{background:#f62938; color:#fff; text-align:center; display:inline-block; padding:0 30px; height:36px; line-height:34px; border-radius:20px; border:1px #f62938 solid; position:relative; font-family:noto; font-size:15px;}
#mmi-container a.link-btn:after{content:'\e902'; display:inline-block; vertical-align:middle; position:absolute; right:0; top:0; height:36px; width:36px; line-height:36px; text-align:center; font-size:12px;}
#mmi-container a.link-btn:hover{text-decoration:none; background:#fff; color:#f62938;}

 

@media (min-width:768px){
.pc-hide{display:none;}
#mmi-container .spbr{display:none;}

/*tel*/
#mmi-container a.tel-num{cursor:default; color:#333; pointer-events:none;}
#mmi-container a.tel-num:hover{text-decoration:none;}
}


@media screen and (max-width:767px){
/* common */
#mmi-container{font-size:13px;}
#sensor{width:1px; height:1px;}
#mmi-container .pcbr{display:none;}
#mmi-container .spbr{display:inline;}
/* page header */
#mmi-container #page-header{z-index:1; position:relative;}/*customer menuのため*/
#mmi-container #page-header .breadcrumbs{width:auto; padding:5px 15px;}
#mmi-container #page-header .breadcrumbs li{font-size:10px;}
#mmi-container #page-header h1{width:auto; font-size:20px; padding:0 15px 10px; line-height:1.2;}
#mmi-container #page-header h1 i{display:none;}
/* anchor */
#mmi-container a:link{color:#237cbc; text-decoration:none;}
#mmi-container a:visited{color:#237cbc; text-decoration:none;}
#mmi-container a:hover{color:#237cbc; text-decoration:none;}
#mmi-container a:active{color:#000;}
/* page body */
#mmi-container #page-body{width:auto; padding:0 0 15px 0;}
/* form objects */
#mmi-container select{background:#fff; padding:3px;}
/* table */
#mmi-container table{margin-bottom:25px;}
#mmi-container table th,
#mmi-container table td{padding:5px 10px!important;}
#mmi-container table.stack{border-top:1px #b6c7d6 solid;}
#mmi-container table.stack th,
#mmi-container table.stack td{display:block; border:1px #b6c7d6 solid; border-top:0;}
#mmi-container table.stack td{border-top:0; padding-top:0;}
#mmi-container table.stack th{border-bottom:0; font-weight:bold; padding-bottom:5px;}
#mmi-container table.stack tr th:first-child,
#mmi-container table.stack tr td:first-child{border-left:1px #b6c7d6 solid;}
#mmi-container table.stack tr th:last-child,
#mmi-container table.stack tr td:last-child{border-right:1px #b6c7d6 solid;}
/* figure */
#mmi-container figure.f-lt{float:none; margin:0 0 20px 0;}
#mmi-container figure.f-rt{float:none; margin:0 0 20px 0;}
#mmi-container figure.f-lt img,
#mmi-container figure.f-rt img{width:100%; height:auto;}
#mmi-container figcaption.cap{font-size:11px;}
#mmi-container figure.duo{clear:both; margin-bottom:20px;}
#mmi-container figure.duo img{width:calc(50% - 5px); height:auto; display:block; float:left;}
#mmi-container figure.duo img:nth-child(even){float:right;}

/* link button */
#mmi-container a.link-btn{color:#fff; padding:0 30px; height:38px; line-height:36px; font-size:14px;}
#mmi-container a.link-btn:after{height:38px; width:38px; line-height:36px;}
#mmi-container a.link-btn:hover{text-decoration:none; background:#fff; color:#f62938;}
}

/* SECTION PARTS ======================================================================================================================================== */
/* regular section */
#mmi-container .regular{width:1000px; margin:0 auto;}
#top .regular{max-width:1400px; width:auto; margin:0 auto;}
#mmi-container .regular.head-section{padding-top:40px; padding-bottom:20px;}
#mmi-container .contents .regular{width:100%;}
/* banner list */
#mmi-container ul.bnrs{clear:both; margin:0;}
#mmi-container ul.bnrs:after{content:''; display:block; clear:both;}
#mmi-container ul.bnrs li{float:left;}
#mmi-container ul.bnrs li a{display:block; position:relative;}
#mmi-container ul.bnrs li img{display:block; width:100%; height:auto;}
#mmi-container ul.bnrs.rnd li img{border-radius:5px;}
#mmi-container ul.bnrs.duo li{width:480px; margin-bottom:40px;}
#mmi-container ul.bnrs.duo li:nth-child(even){float:right;}
#mmi-container ul.bnrs.trio li{width:325px; margin:0 12px 12px 0;}
#mmi-container ul.bnrs.trio li:nth-child(3n){margin-right:0;}
#mmi-container ul.bnrs.quad li{width:232px; margin-right:24px; margin-bottom:24px;}
#mmi-container ul.bnrs.quad li:nth-child(4n){margin-right:0;}
#mmi-container ul.bnrs.quad li span{background:#b28856; display:block; position:absolute; left:0; bottom:0; padding:10px; text-align:center; color:#fff; width:100%; line-height:1.3; border-radius:0 0 5px 5px;}
#mmi-container ul.bnrs.quad li a:hover span{text-decoration:underline;}

#mmi-container ul.bnrs li a figure{text-align:center; color:#333;margin-bottom:10px;}
#mmi-container ul.bnrs li a figcaption{text-align:center; color:#333;}
#mmi-container ul.bnrs li a:hover figcaption{color:#333;text-decoration:underline;}
#mmi-container ul.bnrs li a p{color:#333;}
#mmi-container ul.bnrs li a:hover p{color:#333;text-decoration:underline;}
#mmi-container ul.usr-communications{clear:both; height:85px;}

#mmi-container ul.usr-communications li{width:480px;/*float:left;*/float:none; margin:0 auto;  text-align:center; font-family:noto; font-size:16px;}
#mmi-container ul.usr-communications li a{display:block; height:85px; border:1px #f73644 solid; background:#f1ebde; border-radius:5px; color:#333; line-height:83px; position:relative;}
#mmi-container ul.usr-communications li.mm{float:right;}
#mmi-container ul.usr-communications li a:before{width:83px; height:83px; position:absolute; left:1px; top:1px; content:''; display:block; color:#f73644; text-align:center; line-height:83px;}
#mmi-container ul.usr-communications li.sns a:before{content:''; font-size:54px; background:url(/communication/img/icon_social.png) 17px center no-repeat; background-size:66px auto; }
#mmi-container ul.usr-communications li.mm a:before{content:''; font-size:36px;background:url(/communication/img/icon_communication.png) 17px center no-repeat; background-size:66px auto; }
#mmi-container ul.usr-communications li a:after{content:'\e902'; display:block; width:14px; height:14px; position:absolute; right:14px; top:50%; margin-top:-7px; line-height:14px; font-size:14px; color:#f73644}
#mmi-container ul.usr-communications li a:hover{background:#f73644; color:#fff; text-decoration:none;}
#mmi-container ul.usr-communications li a:hover:after,
#mmi-container ul.usr-communications li a:hover:before{color:#fff;}
/* header */
#mmi-container .regular header{clear:both; margin:0 0 30px 0; }
#mmi-container #top .regular header{
  text-align: center;
}
#mmi-container .regular header:after{content:''; display:block; clear:both;}
#mmi-container .regular header h1{color:#0a3066; font-size:26px; font-family:noto; line-height:1.2;}
#mmi-container .regular header h1 span em{font-size:16px;padding-left:5px;}
#mmi-container .regular header h2{
    color: #0a3066;
    font-size: 26px;
    font-family: noto;
    float: left;
    margin-right: 1em;
    line-height: 1.2;
}
#mmi-container #top .regular header h2{
    float: none;
}

#mmi-container .regular header h2 a{
  font-size:40px;
  line-height:1.2;
  font-style: normal;
  transform: rotate(0.05deg);
      font-family: "M PLUS 1p", sans-serif;
      font-weight: 500;
  display:inline-block;
  color:#222222;
  padding-left:1.8em;
  background:url("../../img/title_arrow.png") 0 center/1.25em no-repeat;

}

#mmi-container .regular header h2 a:hover{
  text-decoration: none;
  opacity:0.7;
}
#mmi-container .regular header h2 + a{height:32px; border-radius:16px; border:1px #0a3066 solid; color:#0a3066; background:#fff; padding:0 25px; display:inline-block; line-height:30px; vertical-align:middle; box-shadow:2px 3px 5px 0 rgba(0,0,0,.3); position:relative; top:2px; font-family:noto;}
#mmi-container .regular header h2 + a:after{content:'\e902'; display:block; width:10px; height:10px; position:absolute; right:5px; top:50%; margin-top:-5px; line-height:10px; font-size:10px;}
#mmi-container .regular header h2 + a:hover{top:4px; box-shadow:none; text-decoration:none;}

#mmi-container .regular header h2 + a + a{height:32px; border-radius:16px; border:1px #0a3066 solid; color:#0a3066; background:#fff; padding:0 25px; display:inline-block; line-height:30px; vertical-align:middle; box-shadow:2px 3px 5px 0 rgba(0,0,0,.3); position:relative; top:2px; font-family:noto;}
#mmi-container .regular header h2 + a + a:after{content:'\e902'; display:block; width:10px; height:10px; position:absolute; right:5px; top:50%; margin-top:-5px; line-height:10px; font-size:10px;}
#mmi-container .regular header h2 + a + a:hover{top:4px; box-shadow:none; text-decoration:none;}

#mmi-container .regular.cm header h2:before{content:''; background:url(/common/img/moorii.png) no-repeat center center #fff; background-size:40px auto; width:66px; height:66px; border-radius:33px; display:inline-block; margin-right:15px; box-shadow:0px 0px 5px 1px rgba(0,0,0,.3); vertical-align:middle;}
#mmi-container .regular.cm header h2 + a{top:15px;}
#mmi-container .regular header.highlight h2{color:#f62837;}
#mmi-container .regular header.num-header h2{font-size:26px;}
#mmi-container .regular header.num-header i{display:inline-block; vertical-align:middle; margin-right:.5em; padding:2px 10px; border:1px #0a3066 solid; position:relative; top:-1px;}
#mmi-container .regular header.num-header.highlight i{border-color:#f62837;}

/* products */
#mmi-container .home-product-intro{background-color: #faf5ef;}
#mmi-container .regular header ul.product-info{float:right;}
#mmi-container .regular header ul.product-info.home{float:left;margin-top:1.5em;margin-left:10px;}
#mmi-container .regular header ul.product-info li{display:inline-block; text-align:center; margin-left:5px;}
#mmi-container .regular header ul.product-info li a{height:32px; border-radius:5px; border:1px #3184c0 solid; color:#3184c0; background:#fff; padding:0; display:inline-block; width:160px; line-height:30px; vertical-align:middle; box-shadow:2px 3px 5px 0 rgba(0,0,0,.3); position:relative; top:2px; font-family:noto;}
#mmi-container .regular header ul.product-info li a:after{content:'\e902'; display:block; width:10px; height:10px; position:absolute; right:5px; top:50%; margin-top:-5px; line-height:10px; font-size:10px;}
#mmi-container .regular header ul.product-info li a:hover{top:4px; box-shadow:none; text-decoration:none;}
#mmi-container .regular header ul.product-info li.new{text-indent:-1em;}
#mmi-container .regular header ul.product-info li.new a{border-color:#f73644; color:#f73644;}
#mmi-container header ul.product-info li.new a i{display:inline-block; background:#f73644; color:#fff; border-radius:10px;height:16px; vertical-align:middle; line-height:16px; font-size:12px; padding:0 4px; margin-right:5px; position:relative; top:-1px; text-indent:0;}

#mmi-container .regular header ul.product-info li.shop a:after{content:'\e90a'; display:block; width:10px; height:10px; position:absolute; right:8px; top:50%; margin-top:-5px; line-height:10px; font-size:10px;}
#mmi-container .home-product-intro .regular nav{
  border-bottom:1px solid #b6c7d6;
  margin-bottom:30px;
  padding-bottom:15px;
}
#mmi-container .home-product-intro.index .regular nav{
  border-bottom:none;
  margin-bottom:0px;
  padding-bottom:0px;
}

#mmi-container ul.product-ctg{clear:both;}
#mmi-container ul.product-ctg:after{content:''; display:block; clear:both;}
#mmi-container ul.product-ctg li{float:left; width:241px; height:94px; margin:0 12px 12px 0; font-size:14px; letter-spacing:-0.025em; line-height:1.4;}
#mmi-container ul.product-ctg li:nth-child(4n){margin-right:0;}
#mmi-container ul.product-ctg li a{display:table-cell; border:1px #9cb6da solid; width:241px; height:94px; background:#fff; color:#0a3066; font-family:noto; border-radius:5px; vertical-align:middle; background-repeat:no-repeat; background-position:-5px center; background-size:100px; padding:0 25px 0 90px; position:relative;}
#mmi-container ul.product-ctg li a:after{content:'\e902'; display:block; width:12px; height:12px; position:absolute; right:6px; top:39px; line-height:12px; font-size:12px;}
#mmi-container ul.product-ctg li a.clinico:after{content:'\e90a'; display:block; width:12px; height:12px; position:absolute; right:8px; top:39px; line-height:12px; font-size:12px;}
#mmi-container ul.product-ctg li a.milk{background-image:url(/img/btn-milk.png);}
#mmi-container ul.product-ctg li a.drink{background-image:url(/img/btn-beverage.png);}
#mmi-container ul.product-ctg li a.yoghurt{background-image:url(/img/btn-yoghurt.png);}
#mmi-container ul.product-ctg li a.dessert{background-image:url(/img/btn-dessert.png);}
#mmi-container ul.product-ctg li a.icecream{background-image:url(/img/btn-ice-cream.png);}
#mmi-container ul.product-ctg li a.dryfood{background-image:url(/img/btn-creap.png);}
#mmi-container ul.product-ctg li a.cheese{background-image:url(/img/btn-cheese.png);}
#mmi-container ul.product-ctg li a.babyfood{background-image:url(/img/btn-infant.png);}
#mmi-container ul.product-ctg li a.healthcare{background-image:url(/img/btn-healthcare.png);}
#mmi-container ul.product-ctg li a.clinico{background-image:url(/img/btn-nursing.png);}
#mmi-container ul.product-ctg li a:hover{text-decoration:none; opacity:.7;}
#mmi-container ul.product-ext{clear:both; padding-top:15px}
#mmi-container ul.product-ext:after{content:''; display:block; clear:both;}
#mmi-container ul.product-ext li{float:left; width:325px;/*width:240px;*/ height:94px; margin:0 12px 12px 0; font-size:14px; letter-spacing:-0.025em; line-height:1.4;}
#mmi-container ul.product-ext li:nth-child(3n){margin-right:0;}
#mmi-container ul.product-ext li a{display:table-cell; width:325px; height:94px; color:#fff; font-family:noto; border-radius:5px; vertical-align:middle; background-repeat:no-repeat; background-position:left center; background-size:100px; padding:0 25px 0 90px; position:relative;}
#mmi-container ul.product-ext li a:after{content:'\e90a'; display:block; width:20px; height:20px; position:absolute; right:12px; bottom:10px; line-height:20px; font-size:18px;}
#mmi-container ul.product-ext li a.deliver{background-image:url(/img/btn-deliver.png); background-color:#224475;}
#mmi-container ul.product-ext li a.shop{background-image:url(/img/btn-online.png); background-color:#ec8e3b;}
#mmi-container ul.product-ctg li a.mu-clean{background-image:url(/img/btn-equipment.png);}
#mmi-container ul.product-ctg li a.mu-clean:after{content:'\e90a'; display:block; width:12px; height:12px; position:absolute; right:8px; top:39px; line-height:12px; font-size:12px;}
#mmi-container ul.product-ctg li a.purester{background-image:url(/img/btn-purester.png);}
#mmi-container ul.product-ctg li a.purester:after{content:'\e90a'; display:block; width:12px; height:12px; position:absolute; right:8px; top:39px; line-height:12px; font-size:12px;}
#mmi-container ul.product-ctg li a.business{background-image:url(/img/btn-business.png);}
#mmi-container ul.product-ctg li a.business:after{content:'\e90a'; display:block; width:12px; height:12px; position:absolute; right:8px; top:39px; line-height:12px; font-size:12px;}
#mmi-container ul.product-ext li a.mu-clean{background-image:url(/img/btn-equipment.png); background-color:#7fbfe6;}
#mmi-container ul.product-ext li a.purester{background-image:url(/img/btn-purester.png); background-color:#7fbfe6;}
#mmi-container ul.product-ext li a.business{background-image:url(/img/btn-business.png); background-color:#224475;}
#mmi-container ul.product-ctg li a:hover,
#mmi-container ul.product-ext li a:hover{text-decoration:none; opacity:.7;}

/* slider */
#mmi-container .general-slider,#mmi-container .sp-only-slider{width:960px; margin:0 auto;}
#mmi-container .general-slider .slide,
#mmi-container .sp-only-slider .slide{width:240px; text-align:center; padding:0 15px; font-size:13px; position:relative;}
#mmi-container .sp-only-slider .slide{float:left; padding-bottom:15px;}
#mmi-container .general-slider .slide img,#mmi-container .sp-only-slider .slide img{display:block; max-width:150px; height:auto; margin: 0 auto;}
#mmi-container .general-slider .slide figcaption + br + img,#mmi-container .general-slider .slide figcaption + img{display:block; width:70%; height:auto; text-align:center; margin: -1.5em auto 0 auto;}
#mmi-container .general-slider .slide i.date,
#mmi-container .sp-only-slider .slide i.date{width:50px; height:50px; color:#ff0e35; border:1px #ff0e35 solid; position:absolute; left:0; top:0; border-radius:25px; line-height:50px; text-align:center;}
#mmi-container .general-slider .slide em,#mmi-container .sp-only-slider .slide em{background:#f62837; color:#fff; /*margin-left:-35px; position:absolute;*/ left:50%; font-family:noto; padding:0 15px; border-radius:10px; width:70px;}
#mmi-container .general-slider .slide a:hover > em,#mmi-container .sp-only-slider .slide a:hover > em{text-decoration:underline;}
#mmi-container .general-slider a,#mmi-container .sp-only-slider a{color:#333;}
#mmi-container .slick-arrow{width:20px; height:30px; position:absolute; top:50%; margin-top:-15px; text-indent:-9999px; display:block;}
#mmi-container .slick-arrow:before{content:''; width:20px; height:30px; position:absolute; left:0; top:0; display:block; text-indent:0; line-height:30px; font-size:30px; color:#f73644;}
#mmi-container .slick-prev{left:-20px;}
#mmi-container .slick-next{right:-20px;}
#mmi-container .slick-prev:before{content:'\e903';}
#mmi-container .slick-next:before{content:'\e902';}

#mmi-container .new-products .general-slider .slide figcaption + br + img,#mmi-container .new-products .general-slider .slide figcaption + img{margin: 0.5em auto 0 auto;}

  #mmi-container .regular.products {padding-top: 40px;
    padding-bottom: 30px;} 


/* cm and learning */
#mmi-container section.regular.online-services{padding-top:70px; padding-bottom:40px;} 
#mmi-container .cm-container,
#mmi-container .communication-container{background:url(/common/img/bg-diag-stripe.png);}
/* text styles and decorations */
#mmi-container p.note{font-size:12px; text-indent:-1em; padding-left:1em;}

#mmi-container .online-services-wrap {
    background: #fafbf5;
}

#mmi-container section.regular#campaign {padding-top: 40px;
    padding-bottom: 40px;}

#mmi-container .regular.cm{padding-top: 40px;
    padding-bottom: 60px;}





@media screen and (max-width:767px){
#mmi-container .regular.head-section{padding-top:20px; padding-bottom:20px;}
/* banner list */
#mmi-container ul.bnrs.duo li{width:100%; margin-bottom:20px; clear:both;}
#mmi-container ul.bnrs.duo li:nth-child(even){float:none;}
#mmi-container ul.bnrs.duo.duosp li{width:50%; margin-bottom:20px; padding:0 10px 0 0; clear:none; float:left;}
#mmi-container ul.bnrs.duo.duosp li:nth-child(2n){padding:0 0 0 10px;}
#mmi-container ul.bnrs.trio li{width:100%; margin:0 0 12px 0;}
#mmi-container ul.bnrs.quad li{width:50%; margin-right:0; margin-bottom:20px; padding:0 10px 0 0;}
#mmi-container ul.bnrs.quad li:nth-of-type(3),#mmi-container ul.bnrs.quad li:nth-of-type(5),#mmi-container ul.bnrs.quad li:nth-of-type(7),#mmi-container ul.bnrs.quad li:nth-of-type(9),#mmi-container ul.bnrs.quad li:nth-of-type(11),#mmi-container ul.bnrs.quad li:nth-of-type(13),#mmi-container ul.bnrs.quad li:nth-of-type(15){clear:both;}
#mmi-container ul.bnrs.quad li:nth-child(even){padding:0 0 0 10px;}
#mmi-container ul.bnrs.quad li span{padding:6px; font-size:11px; line-height:1.5;}
#mmi-container ul.bnrs li a figure{font-size:10px; line-height:1.2;}
#mmi-container ul.usr-communications{height:auto;width:auto!important;}

#mmi-container ul.bnrs.products{margin: 0 auto;}
#mmi-container ul.bnrs.products li{float:none; text-align:center;}


.mmi-big-bnrs:after{padding-bottom:20px;}

#mmi-container ul.usr-communications li{width:100%; float:none; font-size:12px; margin-bottom:10px;}
#mmi-container ul.usr-communications li a{height:45px; line-height:43px; text-align:left; padding:0 10px 0 45px; letter-spacing:-0.025em;}
#mmi-container ul.usr-communications li.mm{float:none;}
#mmi-container ul.usr-communications li a:before{width:40px; height:40px; left:1px; top:1px; line-height:38px;}
#mmi-container ul.usr-communications li.sns a:before{font-size:28px; background-size:36px auto;background-position:center center;}
#mmi-container ul.usr-communications li.mm a:before{font-size:22px; background-size:36px auto;background-position:center center;}
#mmi-container ul.usr-communications li a:after{width:10px; height:10px; right:5px; margin-top:-5px; line-height:10px; font-size:10px;}
/* header */
#mmi-container .regular header{clear:both; margin:0 0 20px 0;}
#mmi-container .regular header h1,
#mmi-container .regular header h2{font-size:18px; text-align:left;}
#mmi-container .regular header h2 + a{height:28px; border-radius:14px; padding:0 20px; line-height:24px; float:right; top:-5px; font-size:12px;}
#mmi-container .regular header h2 + a:hover{top:-5px;}
#mmi-container .regular header h1 span em{font-size:14px;padding-left:3px;}

#mmi-container .products header h2 + a{height:28px; border-radius:14px; padding:0 20px; line-height:24px; float:none; top:-5px; font-size:12px;}
#mmi-container .products header h2 + a:hover{top:-5px;}

#mmi-container .regular header h2 + a + a{height:28px; border-radius:14px; padding:0 16px; line-height:24px; float:right; top:-5px; font-size:12px;}
#mmi-container .regular header h2 + a + a:hover{top:-5px;}

#mmi-container .regular.cm header{margin-bottom:0;}
#mmi-container .regular.cm header h2{width:100%;}
#mmi-container .regular.cm header h2:before{background-size:34px auto; width:54px; height:54px; border-radius:27px; display:block; margin:0 auto 10px;}
#mmi-container .regular.cm header h2 + a{top:-25px;}
/* products */
  
#mmi-container .regular.products header{margin-bottom:4px;}
#mmi-container .regular header ul.product-info{float:none; clear:both; padding-top:10px;}
#mmi-container .regular header ul.product-info.home{margin-top:0;float:none; clear:both;margin-left:0;}
#mmi-container .regular header ul.product-info:after{content:''; display:block; clear:both;}
#mmi-container .regular header ul.product-info li{display:block; margin:0; padding:0; float:left; width:50%; text-indent:0; margin-bottom:8px;}
#mmi-container .regular header ul.product-info li:nth-child(2){padding:0 4px 0 0;}
#mmi-container .regular header ul.product-info li:nth-child(3){padding:0 0 0 4px;}
#mmi-container .regular header ul.product-info li a{width:100%; top:0;}
#mmi-container .regular header ul.product-info li a:hover{top:0;}
#mmi-container .regular header ul.product-info li.new{width:100%; margin:0 0 10px 5px; float:none; clear:both; padding:0;}
#mmi-container .regular header ul.product-info li.new a{text-indent:0;}
#mmi-container .regular header ul.product-info li.new a i{display:block; position:absolute; top:50%; left:10px; margin-top:-8px;}
#mmi-container .regular header ul.product-info li.shop{width:100%; margin:10px 0 10px 0; float:none; clear:both; padding:0;}  
#mmi-container ul.product-ctg li{width:50%; height:54px; margin:0 0 8px 0; font-size:12px; padding:0 4px 0 0;}
#mmi-container ul.product-ctg li:nth-child(even){padding:0 0 0 4px;}
#mmi-container ul.product-ctg li a{width:inherit; height:54px; background-position:left center; background-size:50px; padding:0 20px 0 50px;}
#mmi-container ul.product-ctg li a:after{width:10px; height:10px; right:4px; top:50%; margin-top:-5px; font-size:10px;}
#mmi-container ul.product-ctg li small{font-size:10px; letter-spacing:-0.05em;}
#mmi-container ul.product-ext{padding-top:5px}
#mmi-container ul.product-ext li{width:50%; height:64px; margin:0 0 8px 0; font-size:12px; padding:0 4px 0 0;}

#mmi-container ul.product-ext li:nth-child(even){padding:0 0 0 4px;}
#mmi-container ul.product-ext li a{width:inherit; height:64px; background-size:50px; padding:0 10px 0 50px;}
#mmi-container ul.product-ext li a:after{width:15px; height:15px; right:5px; bottom:auto; top:5px; line-height:15px; font-size:10px;}
#mmi-container ul.product-ext li a.deliver{background-image:url(/img/btn-deliver.png); background-color:#224475;}
#mmi-container ul.product-ext li a.shop{background-image:url(/img/btn-online.png);}
#mmi-container ul.product-ext li a.equipment{background-image:url(/img/btn-equipment.png); background-color:#7fbfe6;}
#mmi-container ul.product-ctg li a:hover,
#mmi-container ul.product-ext li a:hover{text-decoration:none; opacity:.7;}
/* slider */
#mmi-container .general-slider,
#mmi-container .sp-only-slider{width:calc(100% - 40px);}
#mmi-container .general-slider .slide,
#mmi-container .sp-only-slider .slide{width:100%; padding:0 30px; font-size:12px;}
#mmi-container .general-slider .slide img,
#mmi-container .sp-only-slider .slide img{max-width:200px; margin:0 auto;}

#mmi-container .general-slider .slide figcaption + br + img,#mmi-container .general-slider .slide figcaption + img{display:block; width:70%; height:auto; text-align:center; margin: -1.5em auto 0 auto;}
#mmi-container .sp-only-slider .slide figcaption + br + img,#mmi-container .sp-only-slider .slide figcaption + img{display:block; max-width:150px!important; height:auto; text-align:center; margin: 0 auto 0 auto;}

#mmi-container .slick-arrow{width:20px; height:30px; position:absolute; top:50%; margin-top:-15px; text-indent:-9999px; display:block;}
#mmi-container .slick-arrow:before{content:''; width:20px; height:30px; position:absolute; left:0; top:0; display:block; text-indent:0; line-height:30px; font-size:30px; color:#f73644;}
#mmi-container .slick-prev{left:-20px;}
#mmi-container .slick-next{right:-20px;}
#mmi-container .slick-prev:before{content:'\e903';}
#mmi-container .slick-next:before{content:'\e902';}
/* cm and learning */
#mmi-container .cm-container{background:url(/common/img/bg-diag-stripe.png); background-size:41px auto; position:relative;}
#mmi-container .cm-container section.regular.cm{position:relative; top:-40px; bottom:0; margin-bottom:0; padding-bottom:0;}

#mmi-container .new-products .general-slider .slide figcaption + br + img,#mmi-container .new-products .general-slider .slide figcaption + img{ margin: 0.5em auto 0 auto;}

}
@media screen and (max-width:360px){
#mmi-container ul.product-ctg li,
#mmi-container ul.product-ext li{font-size:11px;}
#mmi-container ul.product-ctg li br{display:none;}
}

/* SECTION HOME ======================================================================================================================================== */
/* main visual */

.mplus{
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 500;
  font-style: normal;
  transform: rotate(0.05deg);
}
  #mmi-container #top_mv{
    opacity:0;
  position:relative;
  }
  #mmi-container #top_mv.show{
    opacity:1;
  }
#mmi-container #top_mv ul li.slick-slide{
  text-align: center;
  height: 43.1vw;
}
#mmi-container #top_mv ul li.slide01{
  background:url(../../img/mv_slide01_bg.jpg) center top/217% no-repeat;
  animation: bgiLoop 30s linear infinite;
}
#mmi-container #top_mv.stop ul li.slide01{
  animation-play-state: paused;
}
#mmi-container #top_mv.sart ul li.slide01{
  animation-play-state: running;
}
@keyframes bgiLoop {
    0% { background-position: 0 0;}
  100% { background-position: -107vw 0vw;}
}
#mmi-container #top_mv ul li.slide01 h1{
  padding-top:10vw;
  text-align: center;
}
#mmi-container #top_mv ul li.slide01 h1 img{
  display:inline;
  width:37.917%;
}
#mmi-container #top_mv ul li.slide01 h1 + p{
  font-size:max(1vw,16px);
  margin:2em 0;
}
#mmi-container #top_mv ul li .btn a{
  background:url("../../img/title_arrow.png") 1em center/2em no-repeat;
  background-color:#FFF;
  display:inline-block;
  font-size:max(1vw,16px);
  padding:1em 1.5em 1em 4em;
  color:#333;
  border-radius: 0.5em;
  transition-duration: 0s;
  box-shadow: 0.2em 0.2em 0.2em 0.1em rgba(0, 0, 0, 0.1);
  text-align: left;
  position:relative;
}
#mmi-container #top_mv ul li .btn a:hover{
  text-decoration: none;
  box-shadow: none;
  bottom:-0.1em;
}
#mmi-container #top_mv ul li.slide02{
  background:url(../../img/mv_slide02_bg.jpg) center top/100% no-repeat;
}
#mmi-container #top_mv ul li.slide02 h2{
  font-size:3.2vw;
  color:#0537a8;
  padding-top:6.3em;
  line-height: 1.1;
  margin-bottom:0.5em;
}
#mmi-container #top_mv ul li.slide02 .btn a{
  margin-bottom:1em;
}
#mmi-container #top_mv ul li.slide03{
  background:url(../../img/mv_slide03_bg.jpg) center top/100% no-repeat;
}
#mmi-container #top_mv ul li.slide03 h2{
  font-size:3.2vw;
  color:#FFF;
  padding-top:4em;
  line-height: 1.1;
  margin-bottom:0.5em;
}

#mmi-container #top_mv ul li.slide04{
  background:url(../../img/mv_slide04_bg.jpg) center top/100% no-repeat;
}

#mmi-container #top_mv ul li.slide04 .btn {
    width: 25vw;
    top: 16vw;
    left: 15vw;
    position: absolute;
}


#mmi-container #top_mv .slick-dots{
  background:url(../../img/mv_navi_bg.png) right top no-repeat;
  height: 60px;
  max-width:1000px;
  margin: -36px auto 0;
  position:relative;
  bottom:auto;
  text-align: right;
  box-sizing: border-box;
  padding-right:122px;
  padding-top:15px;
}
#mmi-container #top_mv .slick-dots li{
  margin-left:7px;
}
#mmi-container #top_mv .slick-dots li button:before {
    font-size: 40px;
    color: #d7d7d7;
  opacity:1;
}
#mmi-container #top_mv .slick-dots li.slick-active button:before {
    color: #f62837;
}
#mmi-container #top_mv .slick_pause{
  width:36px;
  height: 36px;
  background:url("../../img/btn_stop.png") right top/contain no-repeat;
      font-size: 0px;
    position: absolute;
    left: 50%;
    margin-left: 389px;
    bottom: 8px;
  z-index:2;
  cursor: pointer;
}
#mmi-container #top_mv .slick_play{
  width:36px;
  height: 36px;
  background:url("../../img/btn_play.png") right top/contain no-repeat;
      font-size: 0px;
    position: absolute;
    left: 50%;
    margin-left: 389px;
    bottom: 8px;
  z-index:1;
  cursor: pointer;
}

#top .banner1 img{
  max-width:100%;
}
#top .banner1 .slick-arrow:before {
    background:url("../../img/btn_prev.png") 0 0/contain no-repeat;
    width: 63px;
    height: 63px;
  margin-top:-20px;
  font-size:0px;
  left:-50px;
}
#top .banner1 .slick-next:before {
    background:url("../../img/btn_next.png") 0 0/contain no-repeat;
  left:auto;
  right:-50px;
}
#top .banner1 .slick-dots li button:before {
    font-size: 40px;
    color: #d7d7d7;
    opacity: 1;
}
#top .banner1{
  width:85%;
  margin:30px auto 0;
}

#top .banner1 li.slick-slide{
  margin:0 15px;
}
#top .banner1 .slick-dots {
  bottom:-50px;
}
#top .banner1 .slick-dots li.slick-active button:before {
    color: #f62837;
}
#top .banner1 .slick-dots li {
    margin:0 3px;
}
#top .border{
  border-top:3px solid #cac7c7;
  margin:110px 0 30px;
}

#top .expo_banner{
  text-align:center;
  width: 82.8%;
  margin: 40px auto 0 auto;
}

#top .expo_banner img{
  max-width:100%;
}

#mmi-container .home-main-visual{/*background:url(/img/main-visual-bg.jpg) no-repeat center top,url(/img/main-visual-bg-outmost.jpg) repeat-x center top;*/ width:100%; /*height:510px;*/overflow:hidden;}


#mmi-container .home-main-visual #main_v{height:43vw;position: relative;background:#fef7d5;text-align: center;}
/*#mmi-container .home-main-visual #main_v:after{content:"";display:block;background:url(/img/main_head_drop.png) center 0 no-repeat;width:100%;height:70px;z-index:99;bottom:0;position:absolute;}*/
#mmi-container .home-main-visual #main_v #video{
  width:80%;
  height: auto;
  top: 0!important;
  position: relative;}

#mmi-container .home-main-visual #main_v a {
    display: block;
    z-index: 9;
    position: relative;
}

#mmi-container .home-main-visual .inner{
  width:80%; 
  height: 43vw;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top:0;
}
#mmi-container .home-main-visual .inner #movie_controller {
    position: absolute;
    z-index: 10;
    /*bottom: 5vw;*/
    bottom: 2vw;
    right: 2vw;
}

#mmi-container .home-main-visual #fade_bg{display:none;}

@media screen and (max-width:1300px){
  
 #mmi-container .home-main-visual .inner #movie_controller {
    position: absolute;
    z-index: 10;
    right: 2.5vw;
} 
  
}


#mmi-container .home-main-visual .inner #movie_controller .btn_stop, #mmi-container .home-main-visual .inner #movie_controller .btn_play {
    display: none;
}

#mmi-container .home-main-visual .mv-photos{display:none;}
#mmi-container .home-main-visual .mv-anim{position:absolute; width:1540px; height:455px; left:50%; top:0; margin-left:-770px; overflow:hidden;}

#mmi-container .home-main-visual .anim{width:548px; height:455px; position:absolute; background-repeat:repeat-y; opacity:0; transition:opacity .7s ease-out; backface-visibility:hidden; transform:translate3d(0,0,0); }
#mmi-container .home-main-visual .anim.an01{left:0; top:0; background-position:0 0; background-image:url(/img/mv-item01_special.png); background-repeat:repeat-y;}
#mmi-container .home-main-visual .anim.an02{right:0; top:0; background-position:0 0; background-image:url(/img/mv-item02_special.png); background-repeat:repeat-y;}
#mmi-container .home-main-visual .anim.play{opacity:1;}


#mmi-container .home-main-visual .main-panel{width:390px; height:390px; position:absolute; left:50%; top:135px; margin-left:-195px; background:#fff; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,.3); padding:17px 50px 15px 50px; text-align:center; z-index:3; opacity:0; transition:all .7s ease-in-out;}
#mmi-container .home-main-visual .main-panel.play{opacity:1; top:35px;}
#mmi-container .home-main-visual .main-panel h1{margin-bottom:7px; opacity:0; transition:all .7s ease-in-out;}
#mmi-container .home-main-visual .main-panel p{width:248px; height:101px; /*background:url(/img/mv-copy-100th.png) no-repeat;*/ text-indent:-9999px; overflow:hidden; margin:0 auto 15px; opacity:0; transition:all .7s ease-in-out;}


/*panel1-5*/
#mmi-container .home-main-visual .main-panel .panel1,#mmi-container .home-main-visual .main-panel .panel2,#mmi-container .home-main-visual .main-panel .panel3,#mmi-container .home-main-visual .main-panel .panel4,#mmi-container .home-main-visual .main-panel .panel5,#mmi-container .home-main-visual .main-panel .panel6,#mmi-container .home-main-visual .main-panel .panel7{display:none; }


#mmi-container .home-main-visual .main-panel .panel1 p{width:289px; height:141px; background:url(/img/mv-copy1.png) no-repeat;}

#mmi-container .home-main-visual .main-panel .panel2 p{width:289px; height:169px; background:url(/img/mv-copy2.png) no-repeat; }
#mmi-container .home-main-visual .main-panel .panel2 h1 img,#mmi-container .home-main-visual .main-panel .panel3 h1 img,#mmi-container .home-main-visual .main-panel .panel4 h1 img,#mmi-container .home-main-visual .main-panel .panel5 h1 img,#mmi-container .home-main-visual .main-panel .panel6 h1 img,#mmi-container .home-main-visual .main-panel .panel7 h1 img{width:135px; height:auto;}

#mmi-container .home-main-visual .main-panel .panel3 p{width:289px; height:169px; background:url(/img/mv-copy3.png) no-repeat; }
#mmi-container .home-main-visual .main-panel .panel4 p{width:289px; height:169px; background:url(/img/mv-copy4.png) no-repeat; }
#mmi-container .home-main-visual .main-panel .panel5 p{width:289px; height:169px; background:url(/img/mv-copy5.png) no-repeat; margin-top:22px;}

/*ピンクリボン用*/
/*#mmi-container .home-main-visual .main-panel .panel6 h1{width:220px; margin:5px auto 7px auto;opacity:0; transition:all .7s ease-in-out;}
#mmi-container .home-main-visual .main-panel .panel6 span{width:289px; color:#e4007f;}
#mmi-container .home-main-visual .main-panel .panel6 h1 img{width:100%;}
#mmi-container .home-main-visual .main-panel .panel6 .buttons{top:325px;width:230px;left:47%;}
#mmi-container .home-main-visual .main-panel .panel6 .buttons a{width:230px;background:#e4007f;border:1px #e4007f solid; }
#mmi-container .home-main-visual .panel6 .buttons a:hover{text-decoration:none; background:#fff; color:#e4007f;}
*/
/*もりにゅうペディア コーポレートコミュニケーション*/

#mmi-container .home-main-visual .main-panel .panel6 p,#mmi-container .home-main-visual .main-panel .panel7 p{width:289px;text-indent:0;height: auto!important;overflow:visible;margin:0 auto;}



#mmi-container .home-main-visual .buttons{width:210px; height:auto; position:absolute; left:50%; top:287px; margin-left:-105px; opacity:0; opacity:0; transition:all .3s ease-in-out; z-index:4;}
#mmi-container .home-main-visual .main-panel .panel1 .buttons{top:305px;}
#mmi-container .home-main-visual .buttons a{width:210px; height:40px; margin:0 auto 6px; display:block; line-height:38px; border-radius:20px; text-align:center; position:relative; background:#e92835; border:1px #e92835 solid; color:#fff; font-size:15px; font-family:noto; position:relative;}
#mmi-container .home-main-visual .buttons a:after{content:'\e902'; display:block; width:10px; height:10px; position:absolute; right:10px; top:50%; margin-top:-5px; line-height:10px; font-size:10px;}
/*#mmi-container .home-main-visual .buttons a.anv{line-height:38px; background:#e92835; border:1px #e92835 solid; color:#fff;}*/
#mmi-container .home-main-visual .buttons a:hover{text-decoration:none; background:#fff; color:#e92835;}
/*#mmi-container .home-main-visual .buttons a.anv:hover{background:#fff; color:#e92835; border:1px #e92835 solid;}*/
#mmi-container .home-main-visual .charm{width:280px; height:230px; position:absolute; left:50%; top:auto; bottom:-100px; margin:0 0 0 -350px; z-index:4; opacity:0; transition:all 1s ease-out;}
#mmi-container .home-main-visual .charm img{width:100%; height:auto; opacity:1; position:static;}
#mmi-container .home-main-visual .charm img + img{display:none;}
#mmi-container .home-main-visual .main-panel h1.play,
#mmi-container .home-main-visual .main-panel p.play,
#mmi-container .home-main-visual .buttons.play{opacity:1;}
#mmi-container .home-main-visual .charm.play{opacity:1; bottom:0;}
/* home section */
#mmi-container .regular.start{padding-top:0px;/*padding-top:10px;*/}
#mmi-container .regular.campaign{padding-top:40px;}
#mmi-container .regular.recipe{padding-top:40px;}
#mmi-container .regular.recipe ul.bnrs.quad li {
  margin-right:4%;
  width:22.5%;
  margin-bottom:20px;
}
#mmi-container .regular.recipe ul.bnrs.quad li:first-child{
  width:47%;
}
#mmi-container .regular.recipe ul.bnrs.quad li:nth-of-type(3){
  margin-right:0px;
}
#mmi-container .regular.recipe ul.bnrs.quad li:nth-of-type(5){
  margin-right:0px;
  text-align: center;
}
#mmi-container .regular.recipe ul.bnrs.quad li a:hover{
  text-decoration: none;
}
#mmi-container .regular.recipe ul.bnrs.quad li span {
    background: none;
    display: block;
    left: 0;
    bottom: 0;
    padding: 10px;
    text-align: left;
    color: #222222;
    width: 100%;
    line-height: 1.3;
    border-radius: 0;
  font-size:18px;
  font-style: normal;
    transform: rotate(0.05deg);
    font-family: "M PLUS 1p", sans-serif;
    font-weight: 500;
  position:relative;
  text-decoration: none;
}
#mmi-container .regular.recipe ul.bnrs.quad li span:before{
  content:"";
  position:absolute;
  right:0px;
  top:-1.5em;
  background:url(../../img/recipe_arrow.png) 0 0/contain no-repeat;
  width:1.821em;
  height:1.428em;
}
#mmi-container .regular.recipe ul.bnrs.quad li:first-child span{
  font-size:28px;
}
#mmi-container .regular.recipe ul.bnrs.quad li img{
  border-bottom-right-radius: 1.7em;
}
#mmi-container .regular.recipe ul.bnrs.quad li:first-child img{
  border-bottom-right-radius: 3em;
}
#mmi-container .regular.recipe ul.bnrs.quad li .date span{
  display:inline-block;
  border:solid 1px;
  border-radius: 0.3em;
  padding:0 0.5em;
  font-size:18px;
  width:auto;
  margin-bottom:1.5em;
  margin-top:3em;
  text-decoration: none;
}
#mmi-container .regular.recipe ul.bnrs.quad li .date span:before{
  display:none;
}
#mmi-container .regular.recipe ul.bnrs.quad li .date + img{
  width:auto;
  display:inline;
}
#mmi-container .regular.recipe ul.bnrs.quad li .text{
  color:#ce8b5a;
  font-size:20px;
  line-height: 1.4;
  margin-top:0.5em;
  text-decoration: none;
}


  #mmi-wrapper{
    overflow-x: hidden;
  }

#mmi-container #top a{
  transition-duration: 0.3s;
}
#mmi-container #top a img{
  transition-duration: 0.3s;
}
#mmi-container #top .home-product-intro{
  background:url("../../img/bg_milk.png") center top no-repeat;
  background-color:#faf5ef;
  padding-top:220px;
}
#mmi-container #top .regular.products header ul{
  display:flex;
  justify-content: flex-end;
  margin-top:-73px;
}
#mmi-container #top ul:after{
  display:none;
}
#mmi-container #top .regular.products header ul li a{
  background-color:#FFF;
  font-size:18px;
  color:#f62837;
  display:block;
  border-radius: 0.5em;
  margin-left:0.5em;
  width:8em;
  text-align: center;
  padding:3.5em 0 0.3em 0;
  box-shadow: 0.2em 0.2em 0.2em 0.1em rgba(0, 0, 0, 0.1);
  font-style: normal;
    transform: rotate(0.05deg);
    font-family: "M PLUS 1p", sans-serif;
  position:relative;
  transition-duration: 0s;
  margin-top:0em;
}
#mmi-container #top .regular.products header ul li.new a{
  background:url("../../img/icon_new.png") center 0.5em/3em no-repeat;
  background-color:#FFF;
}
#mmi-container #top .regular.products header ul li.campaign a{
  background:url("../../img/icon_campaign.png") center 0.5em/3em no-repeat;
  background-color:#FFF;
}
#mmi-container #top .regular.products header ul li.brandsite a{
  background:url("../../img/icon_brandsite.png") center 0.5em/3em no-repeat;
  background-color:#FFF;
}
#mmi-container #top .regular.products header ul li a:hover{
  box-shadow: none;
  margin-top:0.1em;
  margin-bottom:-0.1em;
  text-decoration: none;
}
#mmi-container #top ul.product-ctg{
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#mmi-container #top ul.product-ctg li{
  float:none;
  width:19.3%;
  margin-right:0px;
  height: auto;
  
}
#mmi-container #top ul.product-ctg li a{
  padding: 0px;
  display:flex;
  text-align: center;
  border:none;
  box-shadow: 0.2em 0.2em 0.2em 0.1em rgba(0, 0, 0, 0.1);
  font-style: normal;
    transform: rotate(0.05deg);
    font-family: "M PLUS 1p", sans-serif;
  font-size:18px;
  color:#222222;
  flex-direction: column;
  justify-content: flex-end;
  height: 13em;
  background-position: center 1em;
  background-size:9em;
  transition-duration: 0s;
}
#mmi-container #top ul.product-ctg li a:hover{
  box-shadow: none;
  margin-top:0.1em;
  margin-bottom:-0.1em;
  text-decoration: none;
  opacity:1;
}
#mmi-container #top ul.product-ctg li a:after{
  display:none;
}
#mmi-container #top ul.product-ctg li a p{
  display:flex;
  height: 4em;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#mmi-container #top ul.product-info.home{
  display:flex;
  justify-content:space-between;
  margin:40px 0 40px;
}
#mmi-container #top ul.product-info.home li{
  width:32.5%;
}
#mmi-container #top ul.product-info.home li a{
  text-align: center;
  display:block;
  background-color:#f6d1ad;
  padding:1em 0;
  border-radius: 0.5em;
  font-size:18px;
  font-style: normal;
    transform: rotate(0.05deg);
    font-family: "M PLUS 1p", sans-serif;
  color:#222222;
  position:relative;
}
#mmi-container #top ul.product-info.home li.shop a{
  background:url(/common/img/icon_blank.png) 97% center/1em no-repeat;
  background-color:#f6d1ad;
}
#mmi-container #top ul.product-info.home li a:before{
    content: "";
    vertical-align: middle;
    position: absolute;
    top: 50%;
    margin-top: -0.3em;
    left: 1em;
    width: 0.4em;
    height: 0.4em;
    border-top: 0.15em solid #333;
    border-right: 0.15em solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#mmi-container #top ul.product-info.home li a:hover{
  opacity:0.7;
  text-decoration: none;
}
#mmi-container #top ul.product-ext{
  display:flex;
  justify-content: space-between;
  position:relative;
  margin-top:-4em;
  bottom:-4em;
}
#mmi-container #top ul.product-ext li {
    float: none;
    width: 32.5%;
    height: auto;
    margin: 0;
    font-size: 18px;
    letter-spacing: 0em;
    line-height: 1.3;
}
#mmi-container #top ul.product-ext li a{
  background-color:#FFF;
  font-size:16px;
  font-style: normal;
    transform: rotate(0.05deg);
    font-family: "M PLUS 1p", sans-serif;
  color:#222;
  padding:0 0 0 6em;
  box-shadow: 0.2em 0.2em 0.2em 0.1em rgba(0, 0, 0, 0.1);
  display:flex;
  box-sizing: border-box;
  width:100%;
  height: 7em;
  align-items: center;
  background-size:6.5em;
  transition-duration: 0s;
}
#mmi-container #top ul.product-ext li a:hover{
  box-shadow: none;
  margin-top:0.1em;
  margin-bottom:-0.1em;
  text-decoration: none;
  opacity:1;
}
#mmi-container #top ul.product-ext li a:after{
  width:1em;
  height: 1em;
  background:url(/common/img/icon_blank.png) 97% center/1em no-repeat;
  content:"";
}
#mmi-container #top .regular.cm{
  padding-top:150px;
  padding-bottom:0px;
}
#mmi-container #top .regular.cm header h2:before{
  display:none;
}
#mmi-container #top .regular.cm .flex{
  display:flex;
  padding:0 2%;
  justify-content: space-between;
}
#mmi-container #top .regular.cm .flex > p{
  width:55%;
}
#mmi-container #top .regular.cm .flex img{
  width:100%;
  border-radius: 10px;
}
#mmi-container #top .regular.cm .flex .img{
  position:relative;
  display:block;
  font-size:0px;
}
#mmi-container #top .regular.cm .flex .img:after{
  content:"";
  position:absolute;
  width:117px;
  height:117px;
  margin-left:-58.5px;
  margin-top:-58.5px;
  top:50%;
  left:50%;
  background:url("../../img/icon_play.png") center center/contain no-repeat;
}
#mmi-container #top .regular.cm .flex a{
  font-size:24px;
  font-style: normal;
    transform: rotate(0.05deg);
    font-family: "M PLUS 1p", sans-serif;
  font-weight: 500;
  color:#222;
}
#mmi-container #top .regular.cm .flex a:hover{
  text-decoration: none;
}
#mmi-container #top .regular.cm .flex div{
  width:41%;
}
#mmi-container #top .regular.cm .flex div img{
  width:100%;
  border-radius: 10px;
}
#mmi-container #top .regular.cm .flex div a{
  font-size:18px;
}
#mmi-container #top .regular.cm .flex .text{
  margin-top:0.5em;
  display:block;
    transform: rotate(0.05deg);
}
#mmi-container #top .regular.cm .flex div p a{
    transform: rotate(0.05deg);
    font-family: "M PLUS 1p", sans-serif;
  font-weight: 500;
  font-size:18px;
  background: url(/common/img/moorii.png) 95% center/3.5em no-repeat;
  background-color:#f6d1ad;
  padding:2em;
  padding-left:2.5em;
  border-radius: 0.5em;
  display:block;
  margin-top:2em;
  position:relative;
}
#mmi-container #top .regular.cm .flex div p a:hover{
  opacity:0.7;
}
#mmi-container #top .regular.cm .flex div p a:before {
    content: "";
    vertical-align: middle;
    position: absolute;
    top: 50%;
    margin-top: -0.3em;
    left: 1em;
    width: 0.4em;
    height: 0.4em;
    border-top: 0.15em solid #333;
    border-right: 0.15em solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#mmi-container #top .regular.news{
  padding-top:50px;
}
#mmi-container #top .regular.news .updates{
  width:47%;
}
#mmi-container #top .regular.news .releases {
  width:47%;
}



/*#mmi-container .milk-wave{background:url(/img/bg-milkwave.jpg) no-repeat center top; height:707px; background-size:cover;}*/
#mmi-container .milk-wave{background:url(/img/bg-milkwave.jpg) no-repeat center top; height:750px; background-size:cover;}

/* start */
#mmi-container dl.important-notice{margin-bottom:40px; clear:both;}
#mmi-container dl.important-notice:after{content:''; display:block; clear:both;}
#mmi-container dl.important-notice dt{
  font-size:20px;
  font-family:noto;
  padding-left:1.5em;
  margin-bottom:0.5em;
  position:relative;
}
#mmi-container dl.important-notice dt:before{
  content:"";
  position:absolute;
  left:0px;
  top:50%;
  width:1em;
  height: 0.3em;
  background-color:#f62837;
}
#mmi-container dl.important-notice dd{
  border-top:1px solid #ebebeb;
  padding:0.5em 0!important;
  font-size:16px;
}
#mmi-container dl.important-notice dd:last-child{
  border-bottom:1px solid #ebebeb;
}
#mmi-container dl.important-notice dd span{
  padding-right:1.5em;
  position:relative;
  margin-right:0.5em;
}
#mmi-container dl.important-notice dd span:after {
    content: "";
    vertical-align: middle;
    position: absolute;
    top: 50%;
    margin-top: -0.3em;
    right: 0em;
    width: 0.4em;
    height: 0.4em;
    border-top: 0.15em solid #333;
    border-right: 0.15em solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#mmi-container dl.important-notice dd a{
  color:#333;
}


/* news */
#mmi-container .regular.news .updates{width:480px; float:left;}
#mmi-container .regular.news .releases{width:480px; float:right;}
#mmi-container .regular.news header{border-bottom:2px #000 solid; padding:0 0 10px; margin-bottom:10px;}
#mmi-container .regular.news header h2 + a{top:0px; float:right;}
#mmi-container .regular.news .updates{width:480px; float:left;}
#mmi-container .regular.news .releases{width:480px; float:right;}
#mmi-container .regular.news .updates header{border-color:#0a3066;}
#mmi-container .regular.news .releases header{border-color:#f62f3d;}
#mmi-container .regular.news h2{
  font-style: normal;
    transform: rotate(0.05deg);
    font-family: "M PLUS 1p", sans-serif;
    font-weight: 500;
    display: inline-block;
    color: #222222;
  font-size:24px;}
#mmi-container .regular.news h2 a{font-size:24px;}
#mmi-container .regular.news .releases h2{color:#f62f3d;}
#mmi-container .regular.news dl{margin:0 0 40px 0;}
#mmi-container .regular.news dl dt{padding:10px 0 5px 0; clear:both;}
#mmi-container .regular.news dl dt i{padding:0 12px; display:inline-block; line-height:18px; height:18px; border-radius:9px; font-family:noto; color:#fff; margin-left:10px; background:#000; font-size:12px;}
#mmi-container .regular.news dl dt i.products   {background:#f62f3d;}
#mmi-container .regular.news dl dt i.information{background:#149fe8;}
#mmi-container .regular.news dl dt i.cm         {background:#ec8a4f;}
#mmi-container .regular.news dl dt i.event      {background:#b28856;}
#mmi-container .regular.news dl dt i.financial  {background:#0a3066;}
#mmi-container .regular.news dl dt i.research   {background:#959598;}
#mmi-container .regular.news dl dt i.recipe{background:#f5a339;}
#mmi-container .regular.news dl dt i.csr{background:#34944d;}

#mmi-container .regular.news dl dd{padding:0 0 10px 0; border-bottom:1px #b6c7d6 solid; line-height:1.5;}
/* info */
#mmi-container ul.site-info{height:114px; clear:both; margin-bottom:40px;}
#mmi-container ul.site-info li{width:333px; float:left;display:table;height:57px;}
#mmi-container ul.site-info li:nth-child(3n){width:334px;}
#mmi-container ul.site-info li a{display:table-cell;line-height:1.3; background:#f8f9f9; border:1px #ccc solid; border-width:1px 0 1px 1px; padding:0 21px 0 15px; font-family:noto; color:#404040; position:relative; vertical-align:middle;}
#mmi-container ul.site-info li:nth-child(3) a{border-width:1px 1px 1px 1px;}
#mmi-container ul.site-info li:nth-child(4) a{border-width:0 0 1px 1px;}
#mmi-container ul.site-info li:nth-child(5) a{border-width:0 1px 1px 1px;}
#mmi-container ul.site-info li a:after{content:'\e902'; display:block; width:12px; height:12px; position:absolute; right:6px; top:28px; margin-top:-6px; line-height:12px; font-size:12px;}
#mmi-container ul.site-info li a:hover{text-decoration:none; background:#eee;}
#mmi-container ul.regular-banners li{width:241px; margin-right:12px; float:left; margin-bottom:12px;}
#mmi-container ul.regular-banners li:nth-child(4n){margin-right:0;}
#mmi-container ul.regular-banners li img{width:100%; height:auto; display:block; border:1px #ccc solid;}


#mmi-container #top .regular.news{
  margin-bottom:-50px;
}
#mmi-container #top .regular.news header{
  text-align: left;
  border:none;
  margin:0px;
  padding-bottom:13.2px;
}
#mmi-container #top .regular.news header h2{
  margin-left:0px;
  padding-left:0px;
  background:none;
}
#mmi-container #top .regular.news .releases header h2 a{
      padding-left: 1.8em;
    background: url(../../img/title_arrow.png) 0 center / 1.25em no-repeat;
  margin-left:0px;
}
#mmi-container #top .regular.news ul{
  font-style: normal;
    transform: rotate(0.05deg);
    font-family: "M PLUS 1p", sans-serif;
  font-weight: 500;
  color:#222;
}
#mmi-container #top .regular.news ul p.date{
  color:#666666;
  margin-bottom:0.3em;
}
#mmi-container #top .regular.news ul p.date i{
  color:#d8222f;
  border:solid 1px #d8222f;
  background-color:#FFF;
  border-radius: 3em;
  padding:0 0.8em;
  margin-left:0.5em;
}
#mmi-container #top .regular.news .releases ul p.date i{
  color:#17a0e8;
  border:solid 1px #17a0e8;
}
#mmi-container #top .regular.news ul li a{
  display:block;
  padding:1em 2.5em 1em 0.5em;
  color:#222;
  position:relative;
}
#mmi-container #top .regular.news ul li a:after{
  content: "";
    vertical-align: middle;
    position: absolute;
    top: 50%;
    margin-top: -0.3em;
    right: 1em;
    width: 0.4em;
    height: 0.4em;
    border-top: 0.15em solid #f62837;
    border-right: 0.15em solid #f62837;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#mmi-container #top .regular.news ul li a:hover{
  background-color:#f5f1f1;
  text-decoration: none;
}

#mmi-container #top .regular.news ul li{
  border-bottom: 1px #d7d7d7 solid;
}
#mmi-container #top .regular.news ul li:first-of-type{
  border-top: 1px #d7d7d7 solid;
}

#mmi-container #top .regular.banner ul{
  display:flex;
  justify-content: flex-start;
  gap: 0 1.5%;
  padding:50px 0;
}
#mmi-container #top .regular.banner ul li{
  width: 23.786%;
}
#mmi-container #top .regular.banner ul li img{
  width:100%;
}
#mmi-container #top .regular.banner ul li a{
  font-style: normal;
    transform: rotate(0.05deg)!important;
    font-family: "M PLUS 1p", sans-serif;
  font-weight: 500;
  color:#222;
}
#mmi-container #top .regular.banner ul li a:hover{
  opacity:0.7;
  text-decoration: none;
}
#mmi-container #top .regular.banner ul li a p{
  transform: rotate(0.05deg);
  padding-left:1em;
  text-align: left;
}
#mmi-container #top .regular.banner ul li a p:before {
    content: "";
    vertical-align: middle;
    position: absolute;
    top: 0.5em;
    left: 0em;
    width: 0.4em;
    height: 0.4em;
    border-top: 0.15em solid #d8222f;
    border-right: 0.15em solid #d8222f;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.sp_display{
  display:none;
}

@media screen and (min-width:768px) and (max-width:1400px){
  
  #mmi-container #top_mv ul li.slide01 h1 {
    padding-top: 13vw;
}
  #mmi-container #top_mv ul li.slide01 h1 + p {
    margin: 1em 0;
}
  #mmi-container #top_mv ul li.slide01 h1 img {
    width: 26.917%;
}
  #top .regular {
    padding:0 2%;
}
  #top .banner1 .slick-arrow:before {
    width: 4vw;
    height: 4vw;
    margin-top: -1vw;
    left: -4vw;
}
  #top .banner1 .slick-next:before {
    left: auto;
    right: -4vw;
}
  
  #mmi-container #top .regular.products header ul{
    margin-top:-7vw;
  }
  #mmi-container #top .regular.products header ul li a{
    font-size:1.5vw;
  }
  #mmi-container .regular.recipe ul.bnrs.quad li:first-child span {
    font-size: 2.2vw;
}
  #mmi-container .regular.recipe ul.bnrs.quad li span{
    font-size:1.5vw;
  }
  #mmi-container .regular.recipe ul.bnrs.quad li .date span{
    font-size:1.3vw;
  }
  #mmi-container .regular.recipe ul.bnrs.quad li .text {
    font-size:1.3vw;
}
  
  #mmi-container #top ul.product-ctg li a{
    font-size:1.5vw;
  }
  #mmi-container #top ul.product-ext li a{
    font-size:1.2vw;
  }
  #mmi-container #top ul.product-ext li a:after{
    font-size:1.2vw;
  }
  #mmi-container #top .regular.cm .flex a {
    font-size: 2vw;
}
  #mmi-container #top .regular.cm .flex div a {
    font-size: 1.5vw;
}
  #mmi-container #top .regular.cm .flex div p a{
    font-size: 1.5vw;
  }
  
  
}

@media screen and (min-width:768px) and (max-width:1200px){
  #mmi-container #top_mv ul li.slide01 h1 {
    /*padding-top: 3vw;*/
  }
  
}

@media screen and (min-width:768px) and (max-width:1020px){
    #mmi-container #top_mv ul li.slide01 h1 + p {
    margin: 0.5em 0;
}

  #mmi-container #top_mv .slick_pause{
    left:auto;
    right:75px;
    margin-left:0%;
  }
  #mmi-container #top_mv .slick_play{
    left:auto;
    right:75px;
    margin-left:0%;
  }
}


/* banner */
#mmi-container .news_top_banner{text-align:center; margin-top:4em;}


@media screen and (max-width:767px){
/* main visual */
#mmi-container .home-main-visual{/*background:url(/img/main-visual-bg.jpg) no-repeat center top; height:320px; background-size:auto 320px;*/}
  #mmi-container .home-main-visual #main_v:after{background-size: 300%;height:10.2vw;}
#mmi-container .home-main-visual #main_v{
    /*height:73vw;*/
  height:56vw;
  overflow:hidden;
}  
  
#mmi-container .home-main-visual #main_v #video {
    display: none;
}
  
#mmi-container .home-main-visual #main_v .inner {
    display: none;
}  
#mmi-container .home-main-visual #main_v #fade_bg {
    display: block;
}  
  
#mmi-container .home-main-visual .mv-photos{display:block;}
#mmi-container .home-main-visual .inner figure{position:absolute; width:100%; height:284px; left:0; margin-left:0;}
#mmi-container .home-main-visual .inner figure img{position:absolute; width:70px; height:50px; opacity:0; transition:all .7s ease-in-out;}
#mmi-container .home-main-visual .inner figure img.mv-item02,
#mmi-container .home-main-visual .inner figure img.mv-item03,
#mmi-container .home-main-visual .inner figure img.mv-item06,
#mmi-container .home-main-visual .inner figure img.mv-item07{height:80px;}
#mmi-container .home-main-visual .inner figure img.mv-item01{left:-40px; top:5px;}
#mmi-container .home-main-visual .inner figure img.mv-item02{left:-40px; top:60px;}
#mmi-container .home-main-visual .inner figure img.mv-item03{left:-40px; top:144px;}
#mmi-container .home-main-visual .inner figure img.mv-item04{left:-40px; top:230px;}
#mmi-container .home-main-visual .inner figure img.mv-item05{left:-40px; right:-40px; top:5px;}
#mmi-container .home-main-visual .inner figure img.mv-item06{left:auto; right:-40px; top:60px;}
#mmi-container .home-main-visual .inner figure img.mv-item07{left:auto; right:-40px; top:144px;}
#mmi-container .home-main-visual .inner figure img.mv-item08{left:auto; right:-40px; top:230px;}
#mmi-container .home-main-visual .inner figure img.mv-item01.play{left:0px; top:5px; opacity:1;}
#mmi-container .home-main-visual .inner figure img.mv-item02.play{left:0px; top:60px; opacity:1;}
#mmi-container .home-main-visual .inner figure img.mv-item03.play{left:0px; top:144px; opacity:1;}
#mmi-container .home-main-visual .inner figure img.mv-item04.play{left:0px; top:230px; opacity:1;}
#mmi-container .home-main-visual .inner figure img.mv-item05.play{left:auto; right:0; top:5px; opacity:1;}
#mmi-container .home-main-visual .inner figure img.mv-item06.play{left:auto; right:0; top:60px; opacity:1;}
#mmi-container .home-main-visual .inner figure img.mv-item07.play{left:auto; right:0; top:144px; opacity:1;}
#mmi-container .home-main-visual .inner figure img.mv-item08.play{left:auto; right:0; top:230px; opacity:1;}
#mmi-container .home-main-visual .main-panel{width:66%; height:260px; top:0px; margin:0 17%; left:auto; border-radius:5px; box-shadow:0 0 10px rgba(0,0,0,.3); padding:12px 15px;}
#mmi-container .home-main-visual .main-panel.play{opacity:1; top:12px;}
#mmi-container .home-main-visual .main-panel h1{margin:0 auto 2px; width:85px;}

#mmi-container .home-main-visual .main-panel .panel1 h1{ width:110px;}
#mmi-container .home-main-visual .main-panel h1 img{display:block; width:100%; height:auto;}
#mmi-container .home-main-visual .main-panel p{/*background:url(/img/mv-copy-100th-sp.png) no-repeat;*/ width:190px!important; height:auto; background-size:190px auto!important; background-position:50% 0!important;margin-bottom:20px;margin-top:13px;}
#mmi-container .home-main-visual .buttons{width:150px; height:auto; left:50%; top:185px; margin-left:-75px;}
#mmi-container .home-main-visual .main-panel .panel1 .buttons{top:200px;}

#mmi-container .home-main-visual .buttons a{width:150px; height:28px; margin:0 auto 7px; line-height:28px; border-radius:14px; font-size:11px;}
#mmi-container .home-main-visual .buttons a:after{width:8px; height:8px; right:4px; top:50%; margin-top:-4px; line-height:8px; font-size:8px;}
#mmi-container .home-main-visual .buttons a.anv{line-height:26px;}
#mmi-container .home-main-visual .charm{width:130px; height:140px; left:-10px; top:auto; bottom:-105px; margin:0;}
#mmi-container .home-main-visual .charm img{display:none;}
#mmi-container .home-main-visual .charm img + img{display:block; width:130px; height:140px;}
#mmi-container .home-main-visual .main-panel h1.play,
#mmi-container .home-main-visual .main-panel p.play,
#mmi-container .home-main-visual .buttons.play{opacity:1;}
#mmi-container .home-main-visual .charm.play{opacity:1; bottom:0px;}
#mmi-container .home-main-visual .anim{display:none;}



/*ピンクリボン用*/
/*#mmi-container .home-main-visual .main-panel .panel6 h1{width:140px;}
#mmi-container .home-main-visual .main-panel .panel6 h1 img{width:100%;}
#mmi-container .home-main-visual .main-panel .panel6 .buttons{
width: 180px;
    height: auto;
    left: 45%;
    top: 215px;
}


#mmi-container .home-main-visual .main-panel .panel6 .buttons a{
width: 180px;
}*/

/* home section */
#mmi-container .regular{width:auto; padding:0 15px;}
#mmi-container .contents .regular{width:auto; padding:0;}
#mmi-container .regular.start{padding:20px 10px 0px 10px;/*padding:5px 10px 0px 10px;*/}
#mmi-container .regular.campaign{padding-top:20px; background:linear-gradient(to bottom, #d9ebf7 0%,#ffffff 100%);}
#mmi-container .regular.recipe{padding-top:35px; background:url(/img/bg-milkwave_sp.jpg) no-repeat center top #f9faf4; background-size:100% auto;}

#mmi-container .regular.recipe ul.bnrs.quad li span{bottom:-25px;} 
#mmi-container .regular.recipe ul.bnrs.quad li {margin-bottom:45px;} 


#mmi-container .regular.cm{padding-top: 40px;
    padding-bottom: 60px;}
#mmi-container .regular.products{padding-top: 20px;
        padding-bottom: 10px;}
#mmi-container .regular.news{padding-top:20px;}
#mmi-container .milk-wave{background:none; height:auto;}
/* start */
#mmi-container dl.important-notice{margin-bottom:20px;}
#mmi-container dl.important-notice dt{font-size:12px; float:none; border-bottom:2px #e50012 solid; padding:0 2px 2px; width:7.5em; margin-bottom:10px;}
#mmi-container dl.important-notice dd{padding:4px 0 10px 0em!important; line-height:1.2!important;}
#mmi-container dl.important-notice dd span{display:block; padding:0;}
/* news */
#mmi-container .regular.news .updates{width:100%; float:none;}
#mmi-container .regular.news .releases{width:100%; float:none;}
#mmi-container .regular.news header{padding:0 0 10px; margin-bottom:5px;}
#mmi-container .regular.news header{padding:0 0 10px; margin-bottom:5px;}
#mmi-container .regular.news h2{font-size:18px;}
#mmi-container .regular.news dl{margin:0 0 20px 0;}
#mmi-container .regular.news dl dt{padding:8px 0 5px 0;}
#mmi-container .regular.news dl dt i{padding:0 10px; line-height:16px; height:16px; border-radius:8px; font-size:10px;}
#mmi-container .regular.news dl dd{padding:0 0 8px 0;}
/* info */
#mmi-container ul.site-info{height:auto; margin-bottom:20px;}
#mmi-container ul.site-info li{width:100%; float:none;height:auto;}
#mmi-container ul.site-info li:nth-child(3n){width:100%;}
#mmi-container ul.site-info li a{height:auto; border:1px #ccc solid; border-width:1px 1px 0 1px; line-height:1.2; padding:10px 15px 10px 10px;}
#mmi-container ul.site-info li:nth-child(3) a{border-width:1px 1px 0px 1px;}
#mmi-container ul.site-info li:nth-child(4) a{border-width:1px 1px 0px 1px;}
#mmi-container ul.site-info li:nth-child(5) a{border-width:1px 1px 1px 1px;}
#mmi-container ul.site-info li a:after{width:10px; height:10px; right:6px; margin-top:-5px; line-height:10px; font-size:10px;top:50%;}
#mmi-container ul.regular-banners li{width:50%; margin:0 0 6px; padding:0 3px 0 0;}
#mmi-container ul.regular-banners li:nth-child(even){padding:0 0 0 3px;}

/* banner */
#mmi-container .news_top_banner{padding:0 15px; margin-top:3em;}
  
  .sp_display{
  display:block;
}
  .pc_display{
    display:none;
  }

  #mmi-container #top_mv ul li.slide01 {
    background: url("../../img/mv_slide01_bg_sp.jpg") center top/100% no-repeat;
    animation:none;
}
  #mmi-container #top_mv ul li.slide02 {
    background: url("../../img/mv_slide02_bg_sp.jpg") center top/100% no-repeat;
}
  #mmi-container #top_mv ul li.slide03 {
    background: url("../../img/mv_slide03_bg_sp.jpg") center top/100% no-repeat;
}
    #mmi-container #top_mv ul li.slide04 {
    background: url("../../img/mv_slide04_bg_sp.jpg") center top/100% no-repeat;
}
  #mmi-container #top_mv ul li.slide01 h1 {
    padding: 25vw 12vw 0;
}
  #mmi-container #top_mv ul li.slide01 h1 img{
    width:100%;
  }
  #mmi-container #top_mv .slick_pause {
    width: 36px;
    height: 36px;
    background: url(../../img/btn_stop.png) right top / contain no-repeat;
    font-size: 0px;
    position: absolute;
    left: 50%;
    margin-left: 0px;
    bottom: 8px;
    z-index: 2;
}
  #mmi-container #top_mv .slick_play {
    width: 36px;
    height: 36px;
    background: url(../../img/btn_play.png) right top / contain no-repeat;
    font-size: 0px;
    position: absolute;
    left: 50%;
    margin-left: 0px;
    bottom: 8px;
    z-index: 1;
}
  #mmi-container #top_mv ul li.slick-slide {
    height: 114vw;
}
  #mmi-container #top_mv ul li.slide01 h1 + p {
    font-size: 3.8vw;
    margin: 0.5em 0 0.8em;
}
  #mmi-container #top_mv ul li .btn a{
    font-size:4vw;
  }
  #mmi-container #top_mv ul li.slide02 h2{
    font-size: 8vw;
    padding-top: 5.5em;
    margin-bottom: 1.5em;
  }
  #mmi-container #top_mv ul li.slide02 .btn a {
    margin-bottom: 0.7em;
}
  #mmi-container #top_mv ul li.slide03 h2{
    font-size: 8vw;
    padding-top: 5.5em;
    margin-bottom: 0.5em;
  }
  
  #mmi-container #top_mv ul li.slide04 p.btn{
    width:auto;
    font-size: 8vw;
    top:auto;
    right: 0;
    bottom: 7vw;
    left: 0;
    margin: auto;
  }  
  
  
  #mmi-container #top_mv .slick-dots {
    background: url(../../img/mv_navi_bg.png) right top/39vw no-repeat;
    height: 9vw;
    margin: -5.4vw auto 0;
    padding-right: 18vw;
    padding-top: 1.5vw;
}
  #mmi-container #top_mv .slick-dots li {
    margin-left: 0;
}
  #mmi-container #top_mv .slick-dots li button{
    width:6vw;
    height: 6vw;
  }
  #mmi-container #top_mv .slick-dots li button:before {
    font-size: 6vw;
}
      #mmi-container #top_mv .slick_pause {
        width: 5vw;
        height: 5vw;
        left: 83%;
        bottom: 1vw;
    }
      #mmi-container #top_mv .slick_play {
        width: 5vw;
        height: 5vw;
        left: 83%;
        bottom: 1vw;
    }
  #mmi-container dl.important-notice {
        margin-bottom: 10vw;
    }
  #mmi-container dl.important-notice dt {
        font-size: 4vw;
        border-bottom: none;
        padding: 0;
    padding-left:1em;
        width: auto;
        margin-bottom: 0.5em;
    }
  #mmi-container dl.important-notice dt:before {
    height: 0.2em;
    width:0.7em;
}    
  #mmi-container dl.important-notice dd {
        padding: 0.5em 0em !important;
        line-height: 1.4 !important;
    font-size:3.8vw;
    }
    #mmi-container dl.important-notice dd span {
      margin-bottom:0.5em;
    }
  #mmi-container dl.important-notice dd span:after{
    right:auto;
    left:8.5em;
        margin-top: -0.35em;
  }
  
  #top .expo_banner{
    width:100%;
  margin-top:0px;
    margin-bottom:30px;
    padding:0;
}
  
  #top .banner1 {
    width: 100%;
    margin: 0 auto;
}
  #top .banner1 li.slick-slide {
    margin:0;
}
  #top .banner1 .slick-dots {
    bottom: -13vw;
}
  #top .banner1 .slick-prev{
    left: 0px;
    top:59.5vw;
    z-index:10;
}
  #top .banner1 .slick-prev:before {
    left: auto;
    left: 5vw;
    width:10vw;
    height: 10vw;
}
  #top .banner1 .slick-next{
    right:0px;
    top:59.5vw;
    z-index:10;
  }
  #top .banner1 .slick-next:before {
    left: auto;
    right: 5vw;
    width:10vw;
    height: 10vw;
}
  #top .banner1 .slick-dots li {
    margin: 0;
}
  #top .banner1 .slick-dots li button:before {
    font-size: 6vw;
    width:6vw;
    height: 6vw;
}
  #top .border {
    border-top: 2px solid #cac7c7;
    margin: 24vw 0 10vw;
}
  #mmi-container #top .regular.recipe {
        padding-top: 2vw;
        background: none;
  }
  #mmi-container #top .regular header h2{
    text-align: center;
  }
  #mmi-container #top .regular header h2 a{
    font-size:7vw;
  }
  #mmi-container .regular.recipe ul.bnrs.quad li:first-child {
    width: 100%;
}
      #mmi-container .regular.recipe ul.bnrs.quad li span {
        bottom: auto;
    }
  #mmi-container .regular.recipe ul.bnrs.quad li:first-child span {
    font-size: 5vw;
}
  #mmi-container .regular.recipe ul.bnrs.quad li {
        margin-bottom: 5vw;
        margin-right: 0%;
      width: 47%;
    }
  
  #mmi-container .regular.recipe ul.bnrs.quad{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #mmi-container .regular.recipe ul.bnrs.quad li{
    padding:0px;
  }
      #mmi-container .regular.recipe ul.bnrs.quad li:nth-child(even) {
        padding: 0 0 0 0;
    }
 #mmi-container .regular.recipe ul.bnrs.quad li .date span {
    padding: 0 0.5em;
    font-size: 3.8vw;
    margin-top: 1em;
}
  #mmi-container .regular.recipe ul.bnrs.quad li .date + img {
    width: 69%;
}
  #mmi-container .regular.recipe ul.bnrs.quad li .text {
    font-size: 4vw;
    margin-top:0px;
}
  #mmi-container #top .home-product-intro {
    background: url(../../img/bg_milk.png) center top/275% no-repeat;
    background-color: #faf5ef;
    padding-top: 25vw;
}
  #mmi-container #top .regular.products header ul {
    justify-content:center;
    margin: 10vw 0 5vw;
}
  #mmi-container #top .regular.products{
    padding-bottom:5vw;
  }
  #mmi-container #top .regular.products header ul li a{
    font-size:3.65vw;
  }
  #mmi-container #top .regular.products header ul li:first-child a{
    margin-left:0px;
  }
  #mmi-container #top ul.product-ctg li {
    width: 49%;
}
  #mmi-container #top ul.product-ctg li a{
    font-size:3.8vw;
  }
  #mmi-container #top ul.product-info.home {
    margin: 5vw 0 5vw;
    display:block;
}
  #mmi-container #top ul.product-info.home li{
    width:100%;
  }
  #mmi-container #top ul.product-info.home li a{
    font-size:4vw;
    margin-bottom:0.5em;
  }
  #mmi-container #top ul.product-ext{
    flex-wrap: wrap;
    margin-top: 0em;
    bottom: 0em;
  }
  #mmi-container #top ul.product-ext li {
    width: 49.5%;
    font-size: 3.8vw;
    margin-bottom:2vw;
    
}
  #mmi-container #top ul.product-ext li a{
    background-size:17vw;
    padding: 0 0 0 6em;
    font-size:2.8vw;
  }
  #mmi-container #top .regular.cm {
    padding-top:15vw;
    margin-bottom:-8vw;
}
      #mmi-container #top .regular.cm header h2 {
        width: auto;
        margin-left: 0em;
        margin-bottom:1em;
    }
  #mmi-container #top .regular.cm .flex {
    display: block;
    padding: 0%;
}
  #mmi-container #top .regular.cm .flex > p {
    width: 100%;
}
  #mmi-container #top .regular.cm .flex div {
    width:100%;
}
  #mmi-container #top .regular.cm .flex .img:after {
    width: 16vw;
    height: 16vw;
    margin-left: -8vw;
    margin-top: -8vw;
}
  #mmi-container #top .regular.cm .flex .text {
    margin-top: 0.5em;
    margin-bottom:1.5em;
    font-size:4vw;
}
  #mmi-container #top .regular.cm .flex div p a{
    font-size:3.8vw;
  }
  #mmi-container #top .regular.news {
    padding-top: 0px;
}
  #mmi-container #top .regular.news .updates {
    width:100%;
    margin-bottom:10vw;
}
  #mmi-container #top .regular.news .releases {
    width: 100%;
}
  #mmi-container #top .regular.news header h2{
    font-size:6vw;
  }
  #mmi-container #top .regular.news dl{
    font-size:3.8vw;
  }
  #mmi-container #top .regular.banner ul {
    gap: 0 1.5%;
    padding: 0px 0 10vw;
    flex-wrap: wrap;
    justify-content: space-between;
}
  #mmi-container #top .regular.banner ul li {
    width: 48%;
    font-size:3.5vw;
    margin-bottom:1em;
}
  
  
  
  
  
  
  
  
  
  

}

/* SECTION PRODUCTS ======================================================================================================================================== */
/* product section */
#mmi-container .regular.new-products{padding-top:40px; padding-bottom:30px;}
#mmi-container .regular.product-services{padding-top:40px;}
#mmi-container .regular.new-products h2:before{content:'\e90c'; color:#f73644; font-size:34px; margin-right:10px; display:inline-block; vertical-align:middle;}
#mmi-container .brand-site{}
#mmi-container .regular.brand-list{padding-top:40px; padding-bottom:40px;}
/* index */
#mmi-container ul.product-pickup{margin-top:18px; padding-top:30px; border-top:1px #b6c7d6 solid;}
#mmi-container ul.brand-list{clear:both;}
#mmi-container ul.brand-list li{width:192px; margin:0 10px 10px 0; float:left;}
#mmi-container ul.brand-list li:nth-child(5n){margin-right:0;}
#mmi-container ul.brand-list li a{display:block;}
#mmi-container ul.brand-list li img{width:100%; height:auto; border:1px #9cb6da solid; border-radius:5px; display:block;}
#mmi-container ul.product-services li{width:480px; height:159px; float:left; margin-right:26px;}
#mmi-container ul.product-services li:nth-child(2n){margin-right:0;}
#mmi-container ul.product-services li a{display:inline-block; backface-visibility: hidden;}
#mmi-container ul.product-services li img{display:block; width:100%; height:auto;}
/* category index */
#mmi-container i.ctg-indicator {
    background: #f62837;
    display: inline-block;
    /*margin:0 15px;*/
    padding: 0 20px;
    border-radius: 18px;
    color: #fff;
    vertical-align: middle;
    height: 30px;
    line-height: 28px;
    position: relative;
    font-size: 22px;
}

#mmi-container ul.product-sub-ctg {
    width: 105%;
    display: flex;
    flex-wrap: wrap;
    clear: both;
}

#mmi-container .navi ul.product-sub-navi {
    display: flex;
    flex-wrap: wrap;
}

#mmi-container .navi ul.product-sub-navi li a {
    display: block;
    border: solid 1px;
    border-radius: 0.5em;
    margin-right: 0.5em;
    padding: 0.3em 0.5em;
    margin-bottom: 0.5em;
}

#mmi-container ul.product-sub-ctg li {
    width: 182px;
    margin: 0 20px 30px 0;
    float: left;
    text-align: center;
    font-size: 13px;
    vertical-align: top;
}

#mmi-container ul.product-sub-ctg li:nth-child(5n) {
    margin-right: 0;
}

#mmi-container ul.product-sub-ctg li a {
    display: block;
    color: #0a3066;
}

#mmi-container ul.product-sub-ctg li a:hover {
    text-decoration: none;
}

#mmi-container ul.product-sub-ctg li img {
    width: 100%;
    height: auto;
    border: 1px #9cb6da solid;
    border-radius: 5px;
    display: block;
    margin-bottom: 10px;
}

#mmi-container ul.product-sub-ctg li span + br +img {
    width: 70%;
    height: auto;
    border: none;
    text-align: center;
    margin: -1.5em auto 0 auto;
}

#mmi-container ul.product-sub-ctg li span + img {
    width: 70%;
    height: auto;
    border: none;
    text-align: center;
    margin: 5px auto 0 auto;
}

#mmi-container ul.product-sub-ctg li i {
    display: block;
    width: 130px;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    background: #1f4374;
    color: #fff;
    font-family: noto;
    font-size: 12px;
    margin: 5px auto;
}

#mmi-container ul.product-sub-ctg li i.date {
    display: block;
    width: 70px;
    height: 22px;
    line-height: 20px;
    border-radius: 0px;
    border-top: 1px dashed #ff0e5d;
    border-bottom: 1px dashed #ff0e5d;
    /*border:none;*/
    background: #fff;
    color: #ff0e5d;
    font-family: noto;
    font-size: 12px;
    margin: 7px 0 5px auto;
    /*float:right;*/
}

#mmi-container ul.product-sub-ctg li i.functional {
    background: #237cbc;
}

#mmi-container ul.product-sub-ctg li span {
    display: block;
}
/* details */
#mmi-container .product-detail{clear:both;}
#mmi-container .product-detail .product-header{clear:both; padding-top:20px;}
#mmi-container .product-detail .product-header:after{content:''; display:block; clear:both;}
#mmi-container .product-detail .product-header h1{float:left; width:64%; font-size:30px; font-family:noto; line-height:1.4;}
#mmi-container .product-detail .product-header .product-features{float:right; text-align:right;}
#mmi-container .product-detail .product-header .product-features img{width:70%;}
#mmi-container .product-detail .product-header .product-features li{display:inline-block; text-align:center; padding:0 15px; background:#000; color:#fff; font-family:noto; height:20px; line-height:20px; border-radius:10px; font-size:14px;}
#mmi-container .product-detail .product-header .product-features li.new{background:#f62837;}
#mmi-container .product-detail .product-header .product-features li.functional{background:#237cbc;}
#mmi-container .product-detail .product-header .product-features li.delivery{background:#1f4374;}
#mmi-container .product-detail .product-header .product-intro{clear:both; padding:30px 0;}
#mmi-container .product-detail .product-header .product-intro figure{width:250px; float:left; margin-right:40px;}
#mmi-container .product-detail .product-header .product-intro figure img{max-width:100%; height:auto; margin:0 auto; display:block;}
#mmi-container .product-detail .product-header .product-intro div{width:710px; float:right;}
#mmi-container .product-detail .product-header .product-intro .product-links{clear:both; padding:20px 0;}
#mmi-container .product-detail .product-header .product-intro .product-links:after{clear:both; content:''; display:block;}
#mmi-container .product-detail .product-header .product-intro .product-links li{width:350px; float:left; margin-bottom:10px;}
#mmi-container .product-detail .product-header .product-intro .product-links li:nth-child(odd){margin-right:10px;}
#mmi-container .product-detail .product-header .product-intro .product-links li a{color:#f62837; border:2px #f62837 solid; border-radius:5px; width:100%; line-height:36px; padding:2px 15px 0; background:#fff; display:block; position:relative;}
#mmi-container .product-detail .product-header .product-intro .product-links li a:after{content:'\e902'; display:block; width:12px; height:12px; position:absolute; right:6px; top:50%; margin-top:-6px; line-height:12px; font-size:12px;}
#mmi-container .product-detail .product-header .product-intro .product-links li a:hover{background:#f62837; color:#fff; text-decoration:none;}
#mmi-container .product-detail .product-header .product-intro .product-links li.sns-links{text-align:left;}
#mmi-container .product-detail .product-header .product-intro .product-links li.sns-links a{border-radius:0; padding:0; display:inline-block; border:0; width:auto; line-height:1; width:40px; height:40px; margin-left:5px;}
#mmi-container .product-detail .product-header .product-intro .product-links li.sns-links a:after{display:none; content:'';}
#mmi-container .product-detail .product-header .product-intro .product-links li.sns-links a:hover{background:transparent;}
#mmi-container .product-detail .product-header .product-intro .product-links li.sns-links a img{display:inline-block;}
#mmi-container .product-detail aside{width:250px; padding:50px 20px; float:left;}
#mmi-container .product-detail aside div:first-child {margin-bottom:15px;}

#mmi-container .product-detail aside .movie{margin-bottom:15px;}

/*商品詳細_評価★用追記*/
#mmi-container .product-detail .product-header .product-intro div table span{color: #009944;
    -webkit-text-stroke: 1px #009944;
    text-stroke: 1px #009944;}
#mmi-container .product-detail .product-header .product-intro div table span.half{color: rgba(0,0,0,0);
  background-clip: text;  
  -webkit-background-clip: text;
    background-image: linear-gradient(90deg,#009944 0%,#009944 50%,#fff 50%,#fff 100%);}


#mmi-container .product-detail .product-header .product-intro p.bnr{padding-top:0.8rem;}
#mmi-container .product-detail .product-header .product-intro p.bnr img{ max-width:100%;}

#mmi-container .product-detail aside .movie img{display:block; width:100%; height:auto;}
#mmi-container .product-detail aside .bnrs{clear:both; margin-top:15px;}
#mmi-container .product-detail aside .bnrs li{margin-bottom:10px;}
#mmi-container .product-detail aside .bnrs li img{width:100%; height:auto;}
#mmi-container .product-detail aside .movielink figure {position: relative;}
#mmi-container .product-detail aside .movielink figure.loaded img{width:100%;}
#mmi-container .product-detail aside .movielink figure.loaded:after{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:url(/communication/img/icon_play.png) center center no-repeat; background-size:60px auto;}
#mmi-container .product-detail aside .movielink .text {font-size:80%;}

#mmi-container .product-detail section.prduct-details{width:710px; float:right; clear:none; margin-bottom:30px;}
#mmi-container .product-detail section.prduct-details header{margin-bottom:20px;}
#mmi-container .spec-table{border-top:1px #b6c7d6 solid; margin-bottom:10px;}
#mmi-container .spec-table + p{margin-bottom:40px;}
#mmi-container .spec-table dl{display:table; width:100%; border-bottom:1px #b6c7d6 solid;}
#mmi-container .spec-table dl dt{display:table-cell; width:170px; padding:10px 10px 8px 10px; }
#mmi-container .spec-table dl dd{display:table-cell; width:590px; padding:10px 10px 8px 10px;}
#mmi-container .spec-table dl.trio-duo{width:236.66px; display:inline-table; float:left;}
#mmi-container .spec-table dl.trio-duo dt{width:120px;}
#mmi-container .spec-table dl.trio-duo dd{width:auto;}
#mmi-container .seibun {
    border-top: 1px #b6c7d6 solid;
    border-bottom: 1px #b6c7d6 solid;
    padding: 0.5em 0;
}
#mmi-container .product-detail .ingredients header h2 + a.ingredients-list{height:32px; border-radius:5px; border:1px #3184c0 solid; color:#3184c0; background:#fff; padding:0; display:inline-block; line-height:30px; vertical-align:middle;
 box-shadow: 2px 3px 5px 0 rgba(0,0,0,.3); position:relative; top:2px; font-family:noto; font-size:13px; float:right; padding:0 25px 0 15px;}
#mmi-container .product-detail .ingredients header h2 + a.ingredients-list:hover{top:4px; box-shadow:none;}
#mmi-container .product-detail .ingredients header h2 small{font-size:18px;}
#mmi-container div.ingredients .spec-table dt{background:#e4f1f9;}
#mmi-container section.regular.products-lineup{padding-top:30px; padding-bottom:40px; border-bottom:1px #b6c7d6 solid;}
#mmi-container section.regular.product-recipe{padding-top:30px; padding-bottom:10px; border-bottom:1px #b6c7d6 solid;}

/*#mmi-container section.regular.product-recipe .bnrs li span{bottom:-30px;}*/

#mmi-container .product-return-top{padding:40px 0 0; width:1000px; margin:0 auto;}
#mmi-container .product-return-top a{height:60px; line-height:60px; border-radius:30px; background:#e4f1f9; display:block; font-size:18px; font-family:noto; text-align:center; color:#0a3066; box-shadow:4px 3px 8px -2px rgba(0,0,0,.2); position:relative;}
#mmi-container .product-return-top a:after{content:'\e902'; display:inline-block; width:18px; height:18px; line-height:18px; font-size:18px; margin-left:18px;}
#mmi-container .product-return-top a:hover{top:4px; box-shadow:none; text-decoration:none;}


/* brand*/

#mmi-container .brand-site.all{ background:#e4f1f9;}


#mmi-container .brand-site.all .regular header + h2{ padding-top:0px;}

#mmi-container .brand-site.all .regular h2{width:100%;clear:both; font-size:22px;font-family:noto;margin:20px 0; padding:20px 0 10px 0; border-bottom:1px solid #b6c7d6;}

#mmi-container .brand-site.all .regular h2:before{content:"";display:block;clear:both;}




@media screen and (max-width:767px){
/* product section */
#mmi-container .regular.new-products{padding-top:20px; padding-bottom:20px;}
#mmi-container .regular.product-services{padding-top:20px;}
#mmi-container .regular.new-products h2:before{font-size:24px;}
#mmi-container .regular.brand-list{padding-top:25px; padding-bottom:20px;}
/* index */
#mmi-container ul.product-pickup{margin-top:6px; padding-top:15px;}
#mmi-container ul.product-pickup li{width:50%!important; margin: 0 0 8px 0!important;padding: 0 4px 0 0!important;}
#mmi-container ul.product-pickup li:nth-child(even){padding: 0 0 0 4px!important;}
#mmi-container ul.brand-list li{width:50%; margin:0 0 10px 0; padding-right:5px;}

/* brand */

#mmi-container .brand-site.all .regular h2 {font-size:16px;}
#mmi-container ul.brand-list li:nth-of-type(even) {padding-left:5px; padding-right:0;}

#mmi-container ul.brand-list li a{display:block;}
#mmi-container ul.brand-list li img{width:100%; height:auto; border:1px #9cb6da solid; border-radius:5px; display:block;}
#mmi-container ul.brand-list li:nth-child(n+11){display:none;}
#mmi-container .brand-more{padding-top:10px; text-align:center; clear:both; font-family:noto; font-size:16px;}
#mmi-container .brand-more a{background:#e4f1f9; padding:10px; display:block; text-align:center; color:#0a3066;}
#mmi-container ul.product-services li{width:100%; height:auto; float:none; margin-right:0; margin-bottom:15px;}
#mmi-container ul.product-services li a{display:block;}
/* category index */
    #mmi-container h1 span.cat-search {
        padding-right: 10px;
    }

    #mmi-container i.ctg-indicator {
        margin: 10px 0 0;
        padding: 0 8px;
        border-radius: 10px;
        height: 22px;
        line-height: 20px;
        top: -2px;
        font-size: 16px;
    }

    #mmi-container ul.product-sub-ctg {
        width: 100%;
    }

    #mmi-container ul.product-sub-ctg li {
        width: 50%;
        margin: 0 0 15px 0;
        padding: 0 10px 0 0;
    }

    #mmi-container ul.product-sub-ctg li:nth-child(odd) {
        clear: both;
    }

    #mmi-container ul.product-sub-ctg li:nth-child(even) {
        padding: 0 0 0 10px;
    }

    #mmi-container ul.product-sub-ctg li img {
        margin-bottom: 5px;
    }

    #mmi-container ul.product-sub-ctg li i {
        width: 90%;
        height: 24px;
        line-height: 24px;
        border-radius: 12px;
    }

    #mmi-container ul.product-sub-ctg li i.date {
        margin: 5px 0 10px auto;
    }

    #mmi-container section.regular.online-services {
        padding-top: 40px;
        padding-bottom: 40px;
    }


 
/* details */
#mmi-container .product-detail .product-header{padding:15px;}
#mmi-container .product-detail .product-header h1{float:none; width:auto; font-size:20px; margin-bottom:10px;}
#mmi-container .product-detail .product-header .product-features{float:none; text-align:left;}
#mmi-container .product-detail .product-header .product-features img{width:35%;}
#mmi-container .product-detail .product-header .product-features li{padding:0 10px;  height:20px; line-height:20px; border-radius:10px; font-size:14px;}
#mmi-container .product-detail .product-header .product-intro{clear:both; padding:15px 0 0; margin-bottom:0}
#mmi-container .product-detail .product-header .product-intro figure{width:auto; float:none; margin-right:0;}
/*detail banner*/
#mmi-container .product-detail .product-header .product-intro p.bnr{padding-top:0.8rem;}
#mmi-container .product-detail .product-header .product-intro p.bnr img{width:100%;}


#mmi-container .product-detail .product-header .product-intro div{width:auto; float:none;}
#mmi-container .product-detail .product-header .product-intro .product-links{padding:15px 0;}
#mmi-container .product-detail .product-header .product-intro .product-links li{width:100%; float:none;}
#mmi-container .product-detail .product-header .product-intro .product-links li:nth-child(odd){margin-right:0;}
#mmi-container .product-detail .product-header .product-intro .product-links li a{line-height:40px; padding:2px 15px 0;}
#mmi-container .product-detail .product-header .product-intro .product-links li.sns-links{padding-top:10px;}
#mmi-container .product-detail aside{width:auto; padding:0 15px; float:none;}
#mmi-container .product-detail aside .bnrs li{/*width:50%;*/ width:100%;float:left; padding:0 5px 10px 0;}
#mmi-container .product-detail aside .bnrs li:nth-child(even){ padding:0 0 10px 5px;}

#mmi-container .product-detail section.prduct-details{width:auto; float:none; clear:both;}
#mmi-container .product-detail section.prduct-details header{margin-bottom:5px;}
#mmi-container .spec-table + p{margin-bottom:30px;}
#mmi-container .spec-table dl dt{display:table-cell; width:30%; padding:6px 6px 4px 6px; font-size:12px;}
#mmi-container .spec-table dl dd{display:table-cell; width:70%; padding:6px 6px 4px 6px; font-size:12px;}
#mmi-container .spec-table dl dt.no-float-in-sp{display:block; width:auto; padding-bottom:0;}
#mmi-container .spec-table dl dd.no-float-in-sp{display:block; width:auto; padding-top:2px;}
#mmi-container .spec-table dl.trio-duo{width:50%;}
#mmi-container .spec-table dl.trio-duo dt{width:54%;}
#mmi-container .spec-table dl.trio-duo dd{width:46%;}
#mmi-container .spec-table dl dt{width:42%;}
#mmi-container .spec-table dl dd{width:58%;}
#mmi-container .product-detail section.prduct-details .ingredients header{margin-bottom:20px; clear:both;}
#mmi-container .product-detail section.prduct-details .ingredients header:after{content:''; display:block; clear:both;}
#mmi-container .product-detail .ingredients header h2 + a.ingredients-list{height:28px; line-height:28px; padding:0 20px 0 10px; font-size:12px;}
#mmi-container .product-detail .ingredients header h2 + a.ingredients-list:hover{top:4px; box-shadow:none;}
#mmi-container .product-detail .ingredients header h2 small{font-size:12px; display:block;}
#mmi-container section.regular.products-lineup{padding-top:30px; padding-bottom:40px; border-bottom:1px #b6c7d6 solid;}
#mmi-container section.regular.product-recipe{padding-top:30px; padding-bottom:10px; border-bottom:1px #b6c7d6 solid;}
#mmi-container .product-return-top{padding:20px 15px 0; width:auto;}
#mmi-container .product-return-top a{height:40px; line-height:40px; border-radius:20px; font-size:16px;}
#mmi-container .product-return-top a:after{width:14px; height:14px; line-height:14px; font-size:14px; margin-left:14px;}
}

/* SECTION COMPANY ======================================================================================================================================== */
/* News Release 
======================================================= */
/* news-release index */
#mmi-container .relese-seerch-panel{background:#e4f1f9; clear:both; padding:13px 15px; font-family:noto;}
#mmi-container .relese-seerch-panel;after{content:''; clear:both; display:block;}
#mmi-container .relese-seerch-panel form{display:inline-block;}
#mmi-container .relese-seerch-panel dl,
#mmi-container .relese-seerch-panel dl dt,
#mmi-container .relese-seerch-panel dl dd{display:inline-block;}
#mmi-container .relese-seerch-panel dl:last-child{float:right;}
#mmi-container .relese-seerch-panel select{margin:0 2px 0 5px;}
#mmi-container .relese-seerch-panel button{background:#0a3066 none; border:0 none; border-radius:5px; color:#fff; font-size:18px; margin:0 10px; padding:2px 30px; vertical-align:middle; font-family:noto;}
#mmi-container dl.news-list{border-top:1px #b6c7d6 solid; margin:30px 0;}
#mmi-container dl.news-list dt{padding:20px 0 5px 10px; clear:both;}
#mmi-container dl.news-list dt i{padding:0 12px; display:inline-block; line-height:20px; height:22px; border-radius:11px; font-family:noto; color:#fff; margin-left:10px; background:#000; font-size:14px;}
#mmi-container dl.news-list dt i.products   {background:#f62f3d;}
#mmi-container dl.news-list dt i.information{background:#149fe8;}
#mmi-container dl.news-list dt i.cm         {background:#ec8a4f;}
#mmi-container dl.news-list dt i.event      {background:#b28856;}
#mmi-container dl.news-list dt i.financial  {background:#0a3066;}
#mmi-container dl.news-list dt i.research   {background:#959598;}
#mmi-container dl.news-list dt i.recipe{background:#f5a339;}
#mmi-container dl.news-list dt i.csr{background:#34944d;}
#mmi-container dl.news-list dd{padding:0 200px 15px 10px; font-size:18px; border-bottom:1px #b6c7d6 solid; line-height:1.5; position:relative; min-height:77px;}
#mmi-container dl.news-list dd img{position:absolute; right:10px; top:-35px; max-height:98px; max-width:175px; width:auto; height:auto;}
#mmi-container .view-more{padding:20px 230px; margin-bottom:40px;}
#mmi-container .view-more a{display:block; border:1px #bacad8 solid; text-align:center; height:70px; line-height:68px; font-size:20px; font-family:noto; color:#0a3066 !important; background:#f6f6f7;}
#mmi-container .view-more a:before{content:'\e910'; font-size:22px; margin-right:25px; display:inline-block; vertical-align:middle; position:relative; top:-2px;}
#mmi-container .view-more a:hover{background:#fff; text-decoration:none;}

#mmi-container .relese-seerch-panel .js-date-search .search-form-input{margin-left:20px;width:120px!important;}


/* news-release detail */
#mmi-container .news-release{padding:5px 0 0;}
#mmi-container .news-release header{margin-bottom:25px;}
#mmi-container .news-release header .meta{border-bottom:1px #0a3066 solid; padding:12px 15px 8px; margin-bottom:25px;}
#mmi-container .news-release header .meta span{float:right;text-align:right;}
#mmi-container .news-release header .meta:after{content:''; display:block; clear:both;}
#mmi-container .news-release header .meta i{padding:0 12px; display:inline-block; line-height:20px; height:22px; border-radius:11px; font-family:noto; color:#fff; margin-left:10px; background:#000; font-size:14px;}
#mmi-container .news-release header.products    .meta i{background:#f62f3d;}
#mmi-container .news-release header.information .meta i{background:#149fe8;}
#mmi-container .news-release header.cm          .meta i{background:#ec8a4f;}
#mmi-container .news-release header.event       .meta i{background:#b28856;}
#mmi-container .news-release header.financial   .meta i{background:#0a3066;}
#mmi-container .news-release header.research    .meta i{background:#959598;}
#mmi-container .news-release header .lead{font-size:18px; font-family:noto; padding:0px 20px 5px;}
#mmi-container .news-release header h1{font-size:28px; font-family:noto; padding:0 20px 30px; border-bottom:1px #0a3066 solid; line-height:1.4;}
/*#mmi-container .news-release  header.products  h1{color:#f62f3d;}
#mmi-container .news-release header.information h1{color:#149fe8;}
#mmi-container .news-release header.cm          h1{color:#ec8a4f;}
#mmi-container .news-release header.event       h1{color:#b28856;}
#mmi-container .news-release header.financial   h1{color:#0a3066;}
#mmi-container .news-release header.research    h1{color:#959598;}*/

#mmi-container .news-release header .meta i.products   {background:#f62f3d;}
#mmi-container .news-release header .meta i.information{background:#149fe8;}
#mmi-container .news-release header .meta i.cm         {background:#ec8a4f;}
#mmi-container .news-release header .meta i.event      {background:#b28856;}
#mmi-container .news-release header .meta i.financial  {background:#0a3066;}
#mmi-container .news-release header .meta i.research   {background:#959598;}


#mmi-container .news-release header h1 small{font-size:18px; display:block; padding-top:10px;}
#mmi-container .news-release .news-body{}
#mmi-container .news-release .news-body p{margin-bottom:1.5em;}
#mmi-container .news-release .news-body figure{margin:20px 0 40px; text-align:center;}
#mmi-container .news-release .news-body h2{font-size:22px; font-family:noto; margin-bottom:5px;}
#mmi-container .news-release .news-body ul.product-features{border:1px #b6c7d6 solid; border-width:1px 0; margin:0 0 35px 0; padding:15px 0 15px 2em;}
#mmi-container .news-release .news-body ul.product-features li{list-style:disc; margin-bottom:.5em;}
#mmi-container .news-release footer{padding:20px 230px;}
#mmi-container .news-release footer:after{content:''; display:block; clear:both;}
#mmi-container .news-release footer a{display:block; border:1px #bacad8 solid; text-align:center; height:70px; line-height:68px; font-size:20px; font-family:noto; color:#0a3066 !important; background:#f6f6f7; margin-bottom:40px; position:relative;}
#mmi-container .news-release footer a:hover{background:#fff; text-decoration:none;}

#mmi-container .news-release ul.kensa li{padding:15px 0; line-height:2.5; border-bottom:solid 1px #cccfd3;}
#mmi-container .news-release a.pdfLink{background: url(/common/img/icn-pdf.png) 0 0 no-repeat; background-size: 20px auto; padding:0px 10px 15px 30px;}
#mmi-container .news-release .center{text-align:center;}
#mmi-container .news-release .end{text-align:right; padding-top:15px;}
/*media all*/



 
@media screen and (max-width:767px){
/* news-release index */
#mmi-container .relese-seerch-panel{padding:10px 15px;}
#mmi-container .relese-seerch-panel form{display:block;}
#mmi-container .relese-seerch-panel dl,
#mmi-container .relese-seerch-panel dl dt,
#mmi-container .relese-seerch-panel dl dd{display:block; font-size:12px;}
#mmi-container .relese-seerch-panel dl{margin-bottom:10px;}
#mmi-container .relese-seerch-panel dl:last-child{float:none; margin:10px 0 0 0;}
#mmi-container .relese-seerch-panel dl:last-child dt,
#mmi-container .relese-seerch-panel dl:last-child dd{display:inline-block; padding-right:10px;}
#mmi-container .relese-seerch-panel select{margin:0; font-size:12px;}
#mmi-container .relese-seerch-panel button{font-size:16px; margin:0 auto; padding:2px 80px; display:block;}
#mmi-container dl.news-list{margin:10px 0; padding:0 15px; border-top:0;}
#mmi-container dl.news-list dt:first-of-type{border-top:1px #b6c7d6 solid !important;}
#mmi-container dl.news-list dt{padding:10px 0 0 0; font-size:12px;}
#mmi-container dl.news-list dt i{padding:0 8px; line-height:14px; height:16px; border-radius:8px; font-size:12px;}
#mmi-container dl.news-list dd{padding:0 0 10px 0; font-size:14px; min-height:0;}
#mmi-container dl.news-list dd img{position:static; right:auto; top:auto; max-height:75px; max-width:135px; display:block; margin:10px auto 0;}
#mmi-container .view-more{padding:20px 15px; margin-bottom:10px;}
#mmi-container .view-more a{height:40px; line-height:38px; font-size:16px;}
#mmi-container .view-more a:before{font-size:16px; margin-right:12px;}
#mmi-container .news-release .news-body{padding:15px;}
/* news-release detail */
#mmi-container .news-release{padding:0;}
#mmi-container .news-release header{margin-bottom:0; padding:10px 15px;}
#mmi-container .news-release header .meta{padding:5px 0 8px; font-size:12px;margin-bottom:15px;}
#mmi-container .news-release header .meta i{padding:0 10px; line-height:16px; height:18px; border-radius:9px; font-size:12px;}
#mmi-container .news-release header .lead{font-size:14px; padding:0 0 5px;}
#mmi-container .news-release header h1{font-size:19px; padding:0 0 15px;}
#mmi-container .news-release header h1 small{font-size:14px; padding-top:5px;}
#mmi-container .news-release .news-body figure{margin:10px 0 25px;}
#mmi-container .news-release .news-body h2{font-size:20px; margin-bottom:5px;}
#mmi-container .news-release footer{padding:0;}
#mmi-container .news-release footer a{height:40px; line-height:38px; font-size:16px; margin-bottom:20px;}
#mmi-container .news-release footer a.pdf:before{width:24px; height:25px; left:10px; top:50%; margin-top:-13px; background-size:24px auto;}
#mmi-container .news-release ul.kensa li{padding:15px 0; line-height:1.5;}
#mmi-container .news-release a.pdfLink{display:block; padding-bottom:0;}

#mmi-container .relese-seerch-panel .js-date-search .search-form-input{margin:15px auto 10px auto;width:100%!important;}

}

/* SECTION CAMPAIGN ======================================================================================================================================== */
/* index */
#mmi-container section.regular.campaign-list{padding-top:10px; padding-bottom:70px;}
#mmi-container .campaign-item{padding:20px 0; border-bottom:1px #b6c7d6 solid; clear:both;}
#mmi-container .campaign-item:after{content:''; display:block; clear:both;}
#mmi-container .campaign-item h2{font-size:20px; margin-bottom:10px; font-weight:bold;}
#mmi-container .campaign-item h2 a{color:#0a3066;}
#mmi-container .campaign-item h2 a:before{content:'\e908'; font-size:32px; display:inline-block; vertical-align:middle; margin-right:15px; font-weight:normal;}
#mmi-container .campaign-item h2 a:hover{text-decoration:none; color:#f73644;}
#mmi-container .campaign-item h2 i{display:inline-block; background:#f73644; color:#fff; border-radius:11px; height:22px; vertical-align:middle; line-height:20px; font-size:14px; padding:0 10px; margin-right:10px; position:relative; top:-1px; font-family:noto; font-weight:normal;}
#mmi-container .campaign-item h2 i+br{display:none;}
#mmi-container .campaign-item h2 img{vertical-align:middle;}

#mmi-container .campaign-item figure{float:left; width:300px;}
#mmi-container .campaign-item figure img{width:100%; height:auto; border-radius:5px;}
#mmi-container .campaign-item p,
#mmi-container .campaign-item table{width:660px; float:right;}
#mmi-container .campaign-item p{margin-bottom:15px;}
#mmi-container .campaign-item table th,
#mmi-container .campaign-item table td{border:0 none; padding:10px!important; vertical-align:middle; }
#mmi-container .campaign-item table th{
	 vertical-align:top; 
}


#mmi-container .campaign-item table tr:nth-child(odd) th,
#mmi-container .campaign-item table tr:nth-child(odd) td{background:#f5f5f2;}
#mmi-container .campaign-item table th{width:9em; padding-right:0;}
#mmi-container .campaign-item table td:before{content:'|';display:inline-block;vertical-align:middle; position:relative; top:-3px;text-indent:-1.5em;}
#mmi-container .campaign-item table td img{vertical-align:middle; margin-right:2px;}
#mmi-container section.regular.bnr-list{padding-bottom:50px;}


@media screen and (max-width:767px){
/* index */
#mmi-container section.regular.campaign-list{padding-top:0; padding-bottom:30px;}
#mmi-container .campaign-item{padding:15px 0 20px;}
#mmi-container .campaign-item h2{font-size:16px; margin-bottom:8px; padding-left:25px; position:relative; line-height:1.4;}
#mmi-container .campaign-item h2 a:before{font-size:18px; margin-right:5px; position:absolute; left:0; top:0;}
#mmi-container .campaign-item h2 i{border-radius:8px; height:16px; line-height:16px; font-size:12px; padding:0 5px; margin-right:5px; top:0;}
#mmi-container .campaign-item h2 i+br{display:inline;}
#mmi-container .campaign-item figure{float:none; width:auto; margin-bottom:10px;}
#mmi-container .campaign-item p,
#mmi-container .campaign-item table{width:100%; float:none; clear:both; margin-bottom:0;}
#mmi-container .campaign-item p{margin-bottom:15px;}
#mmi-container .campaign-item table th,
#mmi-container .campaign-item table td{padding:5px;}
#mmi-container .campaign-item table td img{width:25px; height:25px; margin-right:5px;}
}


/* SECTION FAQ ======================================================================================================================================== */
#mmi-container .customer-container{clear:both; padding-top:30px; padding-bottom:10px;}
#mmi-container .customer-container:after{content:""; display:block; clear:both;}
#mmi-container .customer-container .contents{width:700px; float:right;}
#mmi-container .customer-container .contents header h1{color:#f73b48;}
#mmi-container .customer-container .contents h2{font-size:24px;font-family:noto; }
#mmi-container .customer-container .contents h2 span{margin-right:30px;}
#mmi-container .customer-container .contents h2 small{font-size:18px; vertical-align:text-bottom;}

#mmi-container .customer-container aside.sub-menu.pc-side{width:245px; float:left;}
#mmi-container .customer-container.regular aside.sub-menu header h1{font-size:32px; margin-bottom:20px;}
#mmi-container .customer-container ul.hotline-menu{border:1px solid #f73b48; border-radius:5px; margin-bottom:26px; font-family:noto;}
#mmi-container .customer-container ul.hotline-menu li{font-size:14px;}
#mmi-container .customer-container ul.hotline-menu li a{display:block; color:#f73b48; padding:8px 8px 10px 22px; position:relative;}
#mmi-container .customer-container ul.hotline-menu li a:before{content:"\e902"; color:#f73b48; font-size:10px; position:absolute; left:8px; top:50%; margin-top:-5px; line-height:1.0;}
#mmi-container .customer-container ul.hotline-menu li:nth-child(n+2){border-top:1px solid #f73b48;}
#mmi-container .customer-container ul.hotline-menu li a.active,
#mmi-container .customer-container ul.hotline-menu li a:hover{text-decoration:none; background:#f73b48; color:#fff;}
#mmi-container .customer-container ul.hotline-menu li a.active:before,
#mmi-container .customer-container ul.hotline-menu li a:hover:before{color:#fff;}
#mmi-container .customer-container ul.ctg-memu{border-top:1px solid #b6c7d6; font-family:noto; margin-bottom:14px;}
#mmi-container .customer-container ul.ctg-memu li a{display:block; color:#43608a; padding:11px 8px 11px 22px; position:relative; border-bottom:1px solid #b6c7d6;}
#mmi-container .customer-container ul.ctg-memu li.open{border-bottom:1px solid #b6c7d6;}
#mmi-container .customer-container ul.ctg-memu li a:before{content:"\e902"; color:#f73b48; font-size:10px; position:absolute; left:8px; top:50%; margin-top:-5px; line-height:1.0;}
#mmi-container .customer-container ul.ctg-memu li a.active{background:#f73b48; color:#fff !important;}
#mmi-container .customer-container ul.ctg-memu li a.active:before{color:#fff;}
#mmi-container .customer-container ul.ctg-memu li a:hover{text-decoration:none; color:#f73b48;}
#mmi-container .customer-container ul.ctg-memu li ul{border:none; margin-bottom:10px;}
#mmi-container .customer-container ul.ctg-memu li li span{background:#f5f5f2; display:block; padding:3px 14px; margin-bottom:5px;}
/*#mmi-container .customer-container ul.ctg-memu li ul li a{border:none; font-size:14px; color:#595a5a; padding:5px 5px 4px 30px;}
#mmi-container .customer-container ul.ctg-memu li ul li a:before{content:"－"; color:#43608a; font-family:noto;}*/
#mmi-container .customer-container ul.ctg-memu li:nth-child(4){border-top:1px solid #b6c7d6;}
#mmi-container .customer-container ul.ctg-memu li ul li{border:none!important;}


#mmi-container .customer-container ul.ctg-memu li ul li a{border:none; font-size:14px; color:#595a5a; padding:5px 5px 4px 30px;}
#mmi-container .customer-container ul.ctg-memu li ul li a:before{content:"－"; color:#43608a; font-family:noto;}
#mmi-container .customer-container ul.ctg-memu li ul li a.active{background:transparent; color:#f73b48 !important;}
#mmi-container .customer-container ul.ctg-memu li ul li a.active:before{background:transparent; color:#43608a !important;}


#mmi-container .customer-container ul.ctg-memu li form.search-box{background:#f5f5f2; display:block; padding:5px 10px 9px; margin-bottom:18px;}
#mmi-container .customer-container ul.ctg-memu li form.search-box p{margin-bottom:5px;}
#mmi-container .customer-container ul.ctg-memu li form.search-box .inner{background:#fff; border:1px solid #646362; border-radius:5px; padding:4px 7px}
#mmi-container .customer-container ul.ctg-memu li form.search-box input{margin-right:10px; width:170px;} 
#mmi-container .customer-container ul.ctg-memu li form.search-box button{text-indent:200%; white-space:nowrap; overflow:hidden; width:26px; height:26px; border-radius:26px; background:#f73b48; position:relative;}
#mmi-container .customer-container ul.ctg-memu li form.search-box button:after{content:"\e900"; color:#fff; font-size:22px; position:absolute; text-indent:0; left:50%; top:50%; margin-top:-12px; margin-left:-11px; line-height:1.0;}
#mmi-container .customer-container ul.ctg-memu li form.search-box :placeholder-shown{color:rgba(43,43,44,0.5) }
#mmi-container .customer-container ul.ctg-memu li form.search-box ::-webkit-input-placeholder{color:rgba(43,43,44,0.5); }/* Google Chrome, Safari, Opera 15+, Android, iOS */
#mmi-container .customer-container ul.ctg-memu li form.search-box :-moz-placeholder{color:#2b2c2c; opacity:0.5; }/* Firefox 18- */
#mmi-container .customer-container ul.ctg-memu li form.search-box ::-moz-placeholder{color:#2b2c2c; opacity:0.5; }/* Firefox 19+ */
#mmi-container .customer-container ul.ctg-memu li form.search-box :-ms-input-placeholder{color:rgba(43,43,44,0.5); }/* IE 10+ */
#mmi-container .customer-container ul.ctg-memu li form.search-box input:focus{outline: 0; border:none;}

#mmi-container .customer-container ul.other-menu{border:1px solid #b6c7d6; font-family:noto;}
#mmi-container .customer-container ul.other-menu li{font-size:14px; border-bottom:1px solid #b6c7d6;}
#mmi-container .customer-container ul.other-menu li a{color:#595a5a; display:block; background:#f5f5f2; padding:6px 12px  8px; letter-spacing:-0.03em;}
#mmi-container .customer-container ul.other-menu li a:hover{opacity:.7; text-decoration:none;}
#mmi-container .customer-container ul.other-menu li:last-child{border:none;}
#mmi-container aside.sub-menu.bottom-menu,
aside.sub-menu.bottom-menu{display:none;}
#mmi-container #page-header nav.sub-menu{display:none;} 




/* SECTION INFO ======================================================================================================================================== */

#mmi-container .customer-container .info .beige-box{background:#f1ebde;}
#mmi-container .customer-container .info .beige-box ul{background:#fff;}
#mmi-container .customer-container .info .beige-box ul li a{display:block; padding-left:145px}
#mmi-container .customer-container .info .beige-box ul{border-top:1px solid #dae3ea;}
#mmi-container .customer-container .info .beige-box ul li{border-bottom:1px solid #dae3ea; padding:10px 10px 4px; clear:both;}
#mmi-container .customer-container .info .beige-box ul li span.date{float:left; padiding-left:0;}
	
#mmi-container .customer-container .info .info_wrapper article{margin:25px 0 80px 0;}
#mmi-container .customer-container .info .info_wrapper article header{padding:15px; background:#f1ebde; margin-bottom:15px;}
#mmi-container .customer-container .info .info_wrapper article header h2{color:#2e2f2f; margin-right:0;}
#mmi-container .customer-container .info .info_wrapper article figure{margin:0 auto; text-align:center;}	


@media screen and (max-width:767px){	
	
	#mmi-container .customer-container{clear:both; padding-top:0; padding-bottom:0;}
	#mmi-container .customer-container .contents{width:100%; float:none;}
	
	#mmi-container .customer-container .contents header h1{font-size:20px;}
	#mmi-container .customer-container .contents h2{font-size:18px;}
	#mmi-container .customer-container .contents h2 span{margin-right:15px;}
	#mmi-container .customer-container .contents h2 small{font-size:14px;}


	#mmi-container .customer-container aside.sub-menu{display:none; border:1px solid #b7c2ce;}
	#mmi-container #page-header nav.sub-menu{display:block; width:100%; position:relative; padding:11px 15px 0 ;}
	#mmi-container #page-header nav.sub-menu .inner{border:1px solid #b7c2ce; background:#fff;}
	#mmi-container #page-header nav.sub-menu h1{font-family:noto; line-height:1.0; font-size:15px; display:block; position:relative; padding:11px 50px 12px 10px; color:#173e7f;}
	#mmi-container #page-header nav.sub-menu h1.selected{border-bottom:none;}
	#mmi-container #page-header nav.sub-menu h1:before{content:''; width:40px; height:calc(100% + 1px); background:#173e7f; top:-1px; right:-1px; display:block; position: absolute;}
	#mmi-container #page-header nav.sub-menu h1:after{content:'▼'; width:40px; top:50%; margin-top:-9px; font-size:16px; right:-1px; text-align:center; display:block; position: absolute; color:#fff; trasition:all 0.5s ease-in-out;}
	#mmi-container #page-header nav.sub-menu h1.selected:after{content:'▲';}
	#mmi-container #page-header nav.sub-menu .menus{display:none; padding:8px;}
	#mmi-container #page-header nav.sub-menu ul{width:100%; border-bottom:1px solid #b7c2ce;}
	#mmi-container #page-header nav.sub-menu ul li{position:relative; overflow:hidden; font-family:noto; line-height:1.0; font-size:15px;}
	#mmi-container #page-header nav.sub-menu ul li a{display:block; position:relative; padding:11px 50px 12px 10px; color:#43608a; padding-top:13px; padding-bottom:14px; border-top:1px solid #b7c2ce;}
	#mmi-container #page-header nav.sub-menu ul li a:after{content:'\e902'; font-family: mmiicons; font-size:12px; color:#f73b48; right:8px; top:50%; margin-top:-6px; position: absolute; }
	#mmi-container #page-header nav.sub-menu ul li a.active{background:#f73b48; color:#fff;}
	#mmi-container #page-header nav.sub-menu ul li a.active:after{color:#fff;}
	#mmi-container #page-header nav.sub-menu ul li ul{border-bottom:0;}
	#mmi-container #page-header nav.sub-menu ul li ul li a{padding-left:20px;}
	#mmi-container #page-header nav.sub-menu ul li ul li a:before{content:'－ ';}
	
	
	
	#mmi-container #page-header nav.sub-menu ul.other-menu{margin-top:10px; border:1px solid #b6c7d6; border-width:0 1px 1px;}
	#mmi-container #page-header nav.sub-menu ul.other-menu li a{background-color:#fff;}
	#mmi-container #page-header nav.sub-menu ul.other-menu li a:after{display:none;}	


	

#mmi-container aside.sub-menu.bottom-menu,
	aside.sub-menu.bottom-menu{display:block; padding:0 15px 15px; background:#fafbf5; box-shadow:0 10px 20px -20px rgba(0,0,0,0.8) inset; font-family:noto; border-top:1px solid #b6c7d6;}
	#mmi-container aside.sub-menu.bottom-menu h1,
	aside.sub-menu.bottom-menu h1{font-size:15px; color:#173e7f; font-family:noto; border-bottom:1px solid #b6c7d6; display:block; padding:15px 13px 12px; margin:0; font-weight:normal;}
	#mmi-container aside.sub-menu.bottom-menu ul,
	aside.sub-menu.bottom-menu ul{margin:0; padding:0; font-family:noto;}
	#mmi-container aside.sub-menu.bottom-menu ul li,
	aside.sub-menu.bottom-menu ul li{list-style:none; font-size:15px; color:#43608a; line-height:1;}
	#mmi-container aside.sub-menu.bottom-menu ul li a,
	aside.sub-menu.bottom-menu ul li a{border-bottom:1px solid #b6c7d6;color:#43608a; font-size:14px; text-decoration:none; display:block; padding:11px 25px 12px 13px; position:relative;}
	#mmi-container aside.sub-menu.bottom-menu ul li a:after,
	aside.sub-menu.bottom-menu ul li a:after{content:'\e902'; font-family: mmiicons; font-size:12px; color:#f73b48; right:8px; top:50%; margin-top:-6px; position: absolute;}
	#mmi-container aside.sub-menu.bottom-menu ul li a.active,
	aside.sub-menu.bottom-menu ul li a.active{background:#f73b48; color:#fff;}
	#mmi-container aside.sub-menu.bottom-menu ul li a.active:after,
	aside.sub-menu.bottom-menu ul li a.active:after{color:#fff;}
	#mmi-container aside.sub-menu.bottom-menu ul li ul,
	aside.sub-menu.bottom-menu ul li ul{border-bottom:0;}
	#mmi-container aside.sub-menu.bottom-menu ul li ul li a,
	aside.sub-menu.bottom-menu ul li ul li a{padding-left:20px;}
	#mmi-container aside.sub-menu.bottom-menu ul li ul li a:before,
	aside.sub-menu.bottom-menu ul li ul li a:before{content:'― ';}
	#mmi-container aside.sub-menu.bottom-menu ul li ul li a.active,
	aside.sub-menu.bottom-menu ul li ul li a.active{background:transparent; color:#f73b48;}
	#mmi-container aside.sub-menu.bottom-menu ul li ul li a.active:after,
	aside.sub-menu.bottom-menu ul li ul li a.active:after{color:#f73b48;}	
	
	#mmi-container aside.sub-menu.bottom-menu ul.other-menu,
	aside.sub-menu.bottom-menu ul.other-menu{margin-top:10px; border:1px solid #b6c7d6; border-width:1px 1px 0;}
	#mmi-container aside.sub-menu.bottom-menu ul.other-menu li a,
	aside.sub-menu.bottom-menu ul.other-menu li a{background-color:#fff;}
	#mmi-container aside.sub-menu.bottom-menu ul.other-menu li a:after,
	aside.sub-menu.bottom-menu ul.other-menu li a:after{display:none;}

}

/* SECTION CUSTOMER ==================================================================================================================================== */
#mmi-container #page-header .inner{position:relative; width:1000px; margin:0 auto; padding:0;}
#mmi-container #page-header .btns{position:absolute; right:0; bottom:20px; }
#mmi-container #page-header .btns a.btn{position:relative; border:1px solid #f73b48; color:#f73b48; background:#fff; width:240px; display:block; font-family:noto; font-size:14px; border-radius:60px; float:left; padding:12px 0 14px; line-height:1.0;}
#mmi-container #page-header .btns a.btn:hover{text-decoration:none; color:#fff; background-color:#f73b48;}
#mmi-container #page-header .btns a.btn.tel{padding-left:40px;}
#mmi-container #page-header .btns a.btn.mail{padding-left:50px;}
#mmi-container #page-header .btns a.btn.shop{padding-left:84px;}
#mmi-container #page-header .btns a.btn:before{position:absolute; content:""; display:inline-block; vertical-align:middle; top:50%;}
#mmi-container #page-header .btns a.btn:hover:before{color:#fff;}
#mmi-container #page-header .btns a.btn.tel:before{content:"\e912"; font-size:28px; margin-top:-15px; left:8px; }
#mmi-container #page-header .btns a.btn.mail:before{content:"\e901"; font-size:20px; margin-top:-12px; left:16px;}
#mmi-container #page-header .btns a.btn.shop:before{content:"\e90a"; font-size:16px; margin-top:-8px; left:16px;}
#mmi-container #page-header .btns a.btn:nth-child(n+2){float:left; margin-left:10px;}
#mmi-container .customer-index{padding-top:19px;}
#mmi-container .customer-index h2{font-size:20px; line-height:1.8; font-family:noto; padding:13px 400px 11px 0; background: url(/customer/img/bg_header.jpg) right top no-repeat; margin-bottom:21px;}
#mmi-container .customer-index .left{float:left; width:490px;}
#mmi-container .customer-index .right{float:right; width:490px;}

#mmi-container .customer-index .news{border:1px solid #e0e1df; border-radius:5px; padding:20px 20px 6px; margin-bottom:25px;}
#mmi-container .customer-index .news h3{font-size:15px; color:#002b72; margin-bottom:11px; }
#mmi-container .customer-index .news h3 span{margin-right:25px; vertical-align:middle; display:inline-block; font-weight:bold;}
#mmi-container .customer-index .news h3 a{vertical-align:middle; display:inline-block; color:#1e6cb3;}
#mmi-container .customer-index .news h3 a span{font-weight:normal;}
#mmi-container .customer-index .news h3 a:hover{text-decoration:none}
#mmi-container .customer-index .news h3 a:hover span{text-decoration:underline;}
#mmi-container .customer-index .news h3 a:before{content:"\e902"; margin-right:12px; color:#f73b48; vertical-align:middle; font-weight:bold; font-size:12px;}
#mmi-container .customer-index .news dl{line-height:1.73;}
#mmi-container .customer-index .news dl dt{color:#002b72;}
#mmi-container .customer-index .news dl.news-content{margin-bottom:17px; /*border-top:1px solid #e0e1df; padding-top:16px;*/}
#mmi-container .customer-index .news dl.news-content dt{font-weight:bold;}
#mmi-container .customer-index .news dl.contact{margin-bottom:10px;}
#mmi-container .customer-index .news dl.contact dt:before{content:"◆"; display:inline-block; vertical-align:middle;}
#mmi-container .customer-index .news ul.footnote li{font-size:13px; text-indent:-1em; padding-left:1em;}
#mmi-container .customer-index .news .mail{float:left; width:385px; margin-right:10px;}
#mmi-container .customer-index .news .angel{float:left;}
#mmi-container .customer-index .news:after{content:""; display:block; clear:both;}
#mmi-container .customer-index .child-content h3{font-size:20px; line-height:1.0; font-family:noto; margin-bottom:15px; background:#f1ebde; border-radius:5px;}
#mmi-container .customer-index .child-content h3 a{display:block; color:#212222; padding:16px 0 16px 20px; background:url(/common/img/icn_customer_h3.png) left center no-repeat;}
#mmi-container .customer-index .child-content h3 a:hover{text-decoration:none; opacity:0.7}
#mmi-container .customer-index .child-content p.lead{font-weight:bold; margin:-2px 0 7px;}
#mmi-container .customer-index .child-content >div{margin-bottom:30px;}
#mmi-container .customer-index .child-content .faq ul{border-top:1px solid #dae3ea;}
#mmi-container .customer-index .child-content .faq ul li a{display:block; border-bottom:1px solid #dae3ea; padding:8px 15px 5px 32px; position:relative; color:#237cbc;}
#mmi-container .customer-index .child-content .faq ul li a:before{content:"Q"; font-family:noto; line-height:1.0; position:absolute; left:8px; top:50%; color:#002b72; margin-top:-7px;}
#mmi-container .customer-index .child-content .faq ul li a:hover{text-decoration:none;}
#mmi-container .customer-index .child-content .faq ul li a:hover span{text-decoration:underline;}
#mmi-container .customer-index .child-content form.search-box{background:#f9f9f7; padding:7px 0 16px 20px; margin-bottom:25px; font-size:0;}
#mmi-container .customer-index .child-content form.search-box input[type="text"]{border:1px solid #777675; border-radius:5px; background:#fff; margin-right:10px; width:340px; vertical-align:middle; padding:6px 12px 4px; height:43px; font-size:15px;}
#mmi-container .customer-index .child-content form.search-box button{background:#f73b48; border-radius:5px; font-family:noto; font-size:20px; color:#fff; vertical-align:middle; line-height:1.0; padding:11px 20px 12px 36px; height:43px; position:relative;}
#mmi-container .customer-index .child-content form.search-box button:before{content:"\e900"; color:#fff; font-size:24px; line-height:1.0; vertical-align:middle; margin-right:7px; position:absolute; left:10px; top:50%; margin-top:-11px;}
#mmi-container .customer-index .child-content form.search-box p.ttl{font-size:16px; font-family:noto; margin:0 0 7px;}
#mmi-container .customer-index .child-content form.search-box p.footnote{font-size:14px; margin-top:14px; margin-bottom:0;}
#mmi-container .customer-index .child-content .info ul{border-top:1px solid #dae3ea;}
#mmi-container .customer-index .child-content .info ul li{border-bottom:1px solid #dae3ea; padding:10px 10px 4px; clear:both;}
#mmi-container .customer-index .child-content .info ul li span.date{float:left; padiding-left:0;}
#mmi-container .customer-index .child-content .info ul li a{display:block; padding-left:145px}
#mmi-container .customer-index .child-content .voice h3{margin-bottom:27px;}
#mmi-container .customer-index .child-content .voice dl{width:270px; float:left;}
#mmi-container .customer-index .child-content .voice dl dt{margin-bottom:12px;}
#mmi-container .customer-index .child-content .voice figure{float:right; width:200px; text-align:center; line-height:1.0;}
#mmi-container .customer-index .child-content .voice p.footnote{font-size:13px; line-height:1.4; clear:both;}
#mmi-container .customer-index .child-content .etc h3{float:left; width:490px;}
#mmi-container .customer-index .child-content .etc h3:nth-child(2n){float:right;}
#mmi-container .customer-index .child-content .etc h3:last-child{margin-bottom:35px;}
#mmi-container .customer-index .child-content:after{content:""; display:block; clear:both;}
#mmi-container .customer-index .contact-boxes h3{font-size:20px; font-family:noto; position:relative;}
#mmi-container .customer-index .contact-boxes h3 b{font-size:14px; margin-right:15px; display:inline-block; font-weight:normal;}
#mmi-container .customer-index .contact-boxes h4{font-size:16px; color:#002b72; font-family:noto; margin-bottom:13px; text-align:center;}
#mmi-container .customer-index .contact-boxes p{font-size:14px;}
#mmi-container .customer-index .contact-boxes p.footnote{font-size:13px; line-height:1.4;}
#mmi-container .customer-index .contact-boxes .num{font-size:24px; color:#000; font-family:noto; padding-left:47px; background:url(/common/img/icn-freetel.png) left 15px no-repeat; display:inline-block; font-weight:bold;}
#mmi-container .customer-index .contact-boxes .num-ext{font-size:24px; color:#000; font-family:noto; padding-left:47px; background:url(/common/img/icn-freetel.png) left center no-repeat; display:inline-block; font-weight:bold;}
#mmi-container .customer-index .contact-boxes .num.no-icon{padding-left:47px; background:url(/common/img/icn-fdtel.png) left 2px no-repeat;}

#mmi-container .customer-index .contact-boxes .fax{display:inline-block; vertical-align:bottom; color:#12a73b; margin-right:10px; font-size:24px;}
#mmi-container .customer-index .contact-boxes .tel-box{float:left; width:560px; border:1px solid #dcdddb; border-radius:5px; background:#f1ebde; padding:10px 15px 20px;}
#mmi-container .customer-index .contact-boxes .tel-box h3{margin-bottom:5px;}
#mmi-container .customer-index .contact-boxes .tel-box h3:before{content:"\e912";  display:inline-block; color:#f73b48; font-size:32px; vertical-align:middle;}
#mmi-container .customer-index .contact-boxes .tel-box h3 a{display:inline-block; font-size:16px; border:1px solid #f73b48; background:#FFF; text-align:center; width:215px; position:absolute; right:0; top:50%; margin-top:-20px; color:#f73b48; border-radius:40px; padding:3px 0 6px;}
#mmi-container .customer-index .contact-boxes .tel-box h3 a:before{content:"\e902"; font-size:9px; display:inline-block; margin-right:8px; vertical-align:middle;}
#mmi-container .customer-index .contact-boxes .tel-box h3 a:hover{background:#f73b48; color:#fff; text-decoration:none;}
#mmi-container .customer-index .contact-boxes .tel-box ul{}
#mmi-container .customer-index .contact-boxes .tel-box ul li{float:left; width:260px;  font-size:16px; line-height:1.12; margin-bottom:8px; display:table;}
#mmi-container .customer-index .contact-boxes .tel-box ul li:nth-child(2n){float:right;}
#mmi-container .customer-index .contact-boxes .tel-box ul li a{display:table-cell; width:260px; height:84px; vertical-align:middle; background:#fff; border:1px solid #dcdddb; border-radius:5px; padding:0 0 0 18px; }
#mmi-container .customer-index .contact-boxes .tel-box ul li a:hover{text-decoration:none;}

#mmi-container .customer-index .contact-boxes .tel-box ul li.small a{padding:0 20px 0;}
#mmi-container .customer-index .contact-boxes .tel-box ul li.small a .ttl{float:left; margin-top:10px;margin-right:10px;}
#mmi-container .customer-index .contact-boxes .tel-box ul li.small a .num{margin-top:5px}
#mmi-container .customer-index .contact-boxes .tel-box .dscp{background:#fff; padding:13px 20px 10px;}

#mmi-container .customer-index .contact-boxes .tel-box ul li a .ttl{font-family:noto; display:block; color:#002b72; margin-bottom:0px;margin-top:6px;}
#mmi-container .customer-index .contact-boxes .tel-box ul li a .num{margin-top:-7px;}
#mmi-container .customer-index .contact-boxes .tel-box ul li.small {width:100%;}


#mmi-container .customer-index .contact-boxes .tel-box ul:after,
#mmi-container .customer-index .contact-boxes .tel-box:after{content:""; display:block; clear:both;}
#mmi-container .customer-index .contact-boxes .contact-box{float:right; width:415px; border:1px solid #dcdddb; background:#fff; border-radius:5px; margin-bottom:12px;}
#mmi-container .customer-index .contact-boxes .contact-box h3{border-radius:5px 5px 0 0; background:#f1ebde; padding:8px 15px 7px;}
#mmi-container .customer-index .contact-boxes .contact-box.mail h3{padding-left:52px;}
#mmi-container .customer-index .contact-boxes .contact-box.mail h3:before{content:"\e901"; margin-right:10px; display:inline-block; color:#f73b48; font-size:22px; vertical-align:middle; position:absolute; left:15px; top:50%; margin-top:-19px;}
#mmi-container .customer-index .contact-boxes .contact-box .inner{padding:15px 15px 10px;}
#mmi-container .customer-index .contact-boxes .contact-box.angel-box .inner{padding-top:7px;}
#mmi-container .customer-index .contact-boxes .contact-box p.address{font-family:noto; text-align:center; margin-bottom:7px;}
#mmi-container .customer-index .contact-boxes .contact-box p.number{font-family:noto; text-align:center;}
#mmi-container .customer-index .contact-boxes .contact-box p.business-hour{font-family:noto; text-align:center; margin-bottom:9px;}
#mmi-container .customer-index .contact-boxes .contact-box p.business-hour b{font-weight:bold;}
#mmi-container .customer-index .contact-boxes .contact-box a.btn{display:block; margin:0 auto 18px; font-size:16px; border:1px solid #f73b48; background:#f73b48; text-align:center; width:250px; color:#fff; border-radius:44px; padding:5px 0 8px; font-family:noto;}
#mmi-container .customer-index .contact-boxes .contact-box a.btn:before{content:"\e902"; font-size:9px; display:inline-block; margin-right:8px; vertical-align:middle;}
#mmi-container .customer-index .contact-boxes .contact-box a.btn:hover{background:#fff; color:#f73b48; text-decoration:none;}
#mmi-container .customer-index .contact-boxes .contact-box a.go-angel{display:block; border-top:1px solid #dcdddb; padding-top:8px; text-align:center; margin:0 -15px;}
#mmi-container .customer-index .contact-boxes .contact-box a.go-angel:hover{text-decoration:none;}
#mmi-container .customer-index .contact-boxes .contact-box a.go-angel:hover span{text-decoration:underline;}
#mmi-container .customer-index .contact-boxes .contact-box a.go-angel:before{content:"\e90a"; margin-right:12px; color:#f73b48; vertical-align:middle;}




@media screen and (max-width:767px){
	#mmi-container #page-header .inner{width:100%;}
	#mmi-container #page-header .btns{display:none;}
	#mmi-container .customer-index{padding-top:10px;}
	#mmi-container .customer-index h2{font-size:14px; background:none; padding:0; margin-bottom:14px; line-height:1.5;}
	#mmi-container .customer-index .left,
	#mmi-container .customer-index .right{float:none; width:100%;}
	#mmi-container .customer-index .news{padding:8px 10px 4px; margin-bottom:23px;}
	#mmi-container .customer-index .news h3{font-size:13px; margin-bottom:5px;}
	#mmi-container .customer-index .news h3 span{margin-bottom:0px; display:block;0}
	#mmi-container .customer-index .news h3 a{display:block; position:relative; padding:0 0 0 25px; line-height:1.4;}
	#mmi-container .customer-index .news h3 a:before{position:absolute; left:0; top:0; font-size:11px;}
	#mmi-container .customer-index .news dl.news-content{margin-bottom:10px; /*padding-top:12px;*/padding-top:3px;}
	#mmi-container .customer-index .news dl.contact{margin-bottom:8px;}
	#mmi-container .customer-index .news ul.footnote li{font-size:10px; text-indent:-1em; padding-left:1em;}
	#mmi-container .customer-index .news .mail{float:none; width:100%; margin-right:0;}
	#mmi-container .customer-index .news .angel{float:none;}
	#mmi-container .customer-index .child-content{margin-bottom:40px;}
	#mmi-container .customer-index .child-content h3{font-size:16px;margin-bottom:8px;}
	#mmi-container .customer-index .child-content h3 a{padding:10px 0 10px 25px; background-image:url(/common/img/icn_customer_h3_sp.png); background-size:15px auto;}
	#mmi-container .customer-index .child-content p.lead{margin:12px 0 10px;}
	#mmi-container .customer-index .child-content >div{margin-bottom:0;}
	#mmi-container .customer-index .child-content .faq ul{margin-bottom:10px;}
	#mmi-container .customer-index .child-content .faq ul li a{padding:14px 4px 14px 22px;}
	#mmi-container .customer-index .child-content .faq ul li a:before{left:4px; margin-top:-9px;}
	#mmi-container .customer-index .child-content form.search-box{padding:5px 12px 6px; margin-bottom:30px;}
	#mmi-container .customer-index .child-content form.search-box input[type="text"]{margin-right:6px; width:calc(100% - 70px - 6px); vertical-align:middle; padding:0px 8px 0px; height:30px; font-size:13px;}
	#mmi-container .customer-index .child-content form.search-box button{font-size:14px; padding:7px 0 6px; height:30px; position:relative; width:70px; text-align:center;}
	#mmi-container .customer-index .child-content form.search-box button:before{font-size:15px; line-height:1.0; vertical-align:middle; position:relative; left:0; top:-1px; display:inline-block; margin:0; margin-right:7px; }
	#mmi-container .customer-index .child-content form.search-box p.ttl{font-size:13px; font-family:noto; margin:0 0 5px;}
	#mmi-container .customer-index .child-content form.search-box p.footnote{font-size:11px; margin-top:8px;}
	#mmi-container .customer-index .child-content form.search-box p.footnote span{display:block;}
	#mmi-container .customer-index .child-content .info ul{margin-bottom:20px;}
	#mmi-container .customer-index .child-content .info ul li{padding:5px 4px 6px;}
	#mmi-container .customer-index .child-content .info ul li span.date{float:none; padiding-left:0; display:block;}
	#mmi-container .customer-index .child-content .info ul li a{display:block; padding-left:0}
	#mmi-container .customer-index .child-content .voice h3{margin-bottom:12px;}
	#mmi-container .customer-index .child-content .voice dl{width:100%; float:none; margin-bottom:18px;}
	#mmi-container .customer-index .child-content .voice dl dt{margin-bottom:14px;}
	#mmi-container .customer-index .child-content .voice figure{float:none; width:100%; margin-bottom:33px}
	#mmi-container .customer-index .child-content .etc h3,
	#mmi-container .customer-index .child-content .etc h3:nth-child(2n){float:none; width:100%;}
	
	
	#mmi-container .customer-index .contact-boxes h3{font-size:16px;}
	#mmi-container .customer-index .contact-boxes h3 b{font-size:12px; display:block}
	#mmi-container .customer-index .contact-boxes h4{font-size:11px;margin-bottom:9px;}
	#mmi-container .customer-index .contact-boxes p{font-size:13px;}
	#mmi-container .customer-index .contact-boxes p.footnote{font-size:10px;}
	#mmi-container .customer-index .contact-boxes .num{font-size:21px; padding-left:40px; background:url(/common/img/icn-freetel_sp.png) left 3vw no-repeat; background-size:29px;}
 	#mmi-container .customer-index .contact-boxes .num.no-icon{font-size:21px; padding-left:40px; background:url(/common/img/icn-fdtel_sp.png) left 1vw no-repeat; background-size:29px;}
	#mmi-container .customer-index .contact-boxes .fax{font-size:21px;}
	#mmi-container .customer-index .contact-boxes .tel-box{float:none; padding:0px 10px 10px; width:100%; margin-bottom:40px;}
	#mmi-container .customer-index .contact-boxes .tel-box h3{margin-bottom:10px;}
	#mmi-container .customer-index .contact-boxes .tel-box h3:before{margin-right:0px;font-size:26px;}
	#mmi-container .customer-index .contact-boxes .tel-box h3 a{display:block; font-size:12px;width:166px; position:relative; color:#f73b48; border-radius:40px; padding:3px 0 4px; margin:-5px auto 0;}
	#mmi-container .customer-index .contact-boxes .tel-box h3 a:before{font-size:8px; line-height:1.0;}
	#mmi-container .customer-index .contact-boxes .tel-box ul{margin-bottom:6px;}
	#mmi-container .customer-index .contact-boxes .tel-box ul li,
	#mmi-container .customer-index .contact-boxes .tel-box ul li:nth-child(2n){float:none; width:100%;  margin-bottom:4px; display:block;}
	#mmi-container .customer-index .contact-boxes .tel-box ul li a,
	#mmi-container .customer-index .contact-boxes .tel-box ul li.small a{display:block; width:100%; height:auto; vertical-align:middle; background:#fff; border:1px solid #dcdddb; border-radius:5px; padding:11px 0 12px 10px; font-size:0;}
	#mmi-container .customer-index .contact-boxes .tel-box ul li a .ttl{display:inline-block; vertical-align:middle; font-size:12px; line-height:1.0; margin:0; width:calc(100% - 160px)}
	_::-webkit-full-page-media, _:future, :root #mmi-container .customer-index .contact-boxes .tel-box ul li a .num{letter-spacing:-0.06em;}
	#mmi-container .customer-index .contact-boxes .tel-box ul li a .num,
	#mmi-container .customer-index .contact-boxes .tel-box ul li.small a .num{display:inline-block; vertical-align:middle; font-size:17px; padding-left:30px;}
 #mmi-container .customer-index .contact-boxes .tel-box ul li.small a .num.no-icon{margin-left:1.5vw;}
	#mmi-container .customer-index .contact-boxes .tel-box ul li a:after{content:""; display:block; clear:both;}
	#mmi-container .customer-index .contact-boxes .tel-box ul li.small a .ttl{font-size:10px; margin:0; line-height:1.12;}
	#mmi-container .customer-index .contact-boxes .tel-box ul li.small a .num{}
	#mmi-container .customer-index .contact-boxes .tel-box ul li a .ttl br{display:none;}
	#mmi-container .customer-index .contact-boxes .tel-box .dscp{background:#fff; padding:7px 10px 10px;}
	#mmi-container .customer-index .contact-boxes .contact-box{float:none; width:100%; margin-bottom:10px;}
	#mmi-container .customer-index .contact-boxes .contact-box h3{padding:6px 12px 8px;}
	#mmi-container .customer-index .contact-boxes .contact-box.mail h3{padding-left:44px;}
	#mmi-container .customer-index .contact-boxes .contact-box.mail h3:before{margin-right:10px; font-size:18px; left:12px; margin-top:-15px;}
	#mmi-container .customer-index .contact-boxes .contact-box .inner{padding:12px 12px 10px;}
	#mmi-container .customer-index .contact-boxes .contact-box.angel-box .inner{padding-top:7px;}
	#mmi-container .customer-index .contact-boxes .contact-box.angel-box h3{padding:3px 12px 5px;}
	#mmi-container .customer-index .contact-boxes .contact-box.angel-box h3 b{margin-bottom:-6px;}
	#mmi-container .customer-index .contact-boxes .contact-box p.address{margin-bottom:0;}
	#mmi-container .customer-index .contact-boxes .contact-box p.business-hour{margin-top:5px; line-height:1.4;}
	#mmi-container .customer-index .contact-boxes .contact-box a.btn{font-size:12px; width:178px; border-radius:30px; padding:3px 0 4px; margin-bottom:12px;}
	#mmi-container .customer-index .contact-boxes .contact-box a.btn:before{font-size:8px;}
	#mmi-container .customer-index .contact-boxes .contact-box a.go-angel{padding-top:13px; margin:0 -12px;}
	#mmi-container .customer-index .contact-boxes .contact-box a.go-angel:before{margin-right:10px;}
	
}

/* SECTION FAQ ======================================================================================================================================== */
#mmi-container .customer-container .contents.faq{padding-top:25px;}
#mmi-container .customer-container .contents.faq header{margin-bottom:25px;}
#mmi-container .customer-container .contents.faq section{margin-bottom:35px;}
#mmi-container .customer-container .contents.faq section:last-child{margin-bottom:0;}
#mmi-container .customer-container .contents h2.border-top{border-top:1px solid #f73b48; padding-top:15px; margin-bottom:25px;}
#mmi-container .customer-container .contents h2.search-result{margin:35px 0 22px;}
#mmi-container .customer-container .contents .search-by h2{font-size:20px; font-family:noto; background-color:#f1ebde; padding:4px 11px 8px 55px; background-position: 11px center; background-repeat:no-repeat; margin-bottom:20px;}
#mmi-container .customer-container .contents .search-by.product h2{background-image: url(/customer/img/icn_bucket.png);}
#mmi-container .customer-container .contents .search-by.purpose h2{background-image: url(/customer/img/icn_ladle.png);}
#mmi-container .customer-container .contents.faq .related-question{border-bottom:1px solid #dae3ea; margin-bottom:40px;}
#mmi-container .customer-container .contents .related-question h2{font-size:18px; border-bottom:1px solid #dae3ea; padding-bottom:6px; margin-bottom:0;}
#mmi-container .customer-container .contents .related-question .question-list li a{padding-top:14px; padding-bottom:11px;}

/*index*/
#mmi-container .customer-container .contents form.search-box{background:#f1ebde; padding:22px 65px 28px; margin-bottom:25px;}
#mmi-container .customer-container .contents form.search-box input[type="text"]{border:1px solid #333; border-radius:5px; background:#fff; margin-right:3px; width:466px; vertical-align:middle; padding:6px 12px 4px; font-size:18px; height:43px;}
#mmi-container .customer-container .contents form.search-box button{background:#f73b48; border-radius:5px; font-family:noto; font-size:20px; color:#fff; vertical-align:middle; line-height:1.0; padding:11px 20px 12px 36px; height:43px; position:relative;}
#mmi-container .customer-container .contents form.search-box button:before{content:"\e900"; color:#fff; font-size:24px; line-height:1.0; vertical-align:middle; margin-right:7px; position:absolute; left:10px; top:50%; margin-top:-11px;}
#mmi-container .customer-container .contents form.search-box p.ttl{font-size:20px; font-family:noto; margin:-10px 0 10px;}
#mmi-container .customer-container .contents form.search-box p.footnote{margin-bottom:-13px; font-size:14px; margin-top:14px;}
#mmi-container ul.faq-product-ctg{clear:both;}
#mmi-container ul.faq-product-ctg:after{content:''; display:block; clear:both;}
#mmi-container ul.faq-product-ctg li{float:left; width:222px; height:88px; margin:0 17px 17px 0; font-size:14px; line-height:1.4;}
#mmi-container ul.faq-product-ctg li:nth-child(3n){margin-right:0;}
#mmi-container ul.faq-product-ctg li:last-child{margin-bottom:0;}
#mmi-container ul.faq-product-ctg li a{display:table-cell; border:1px #9cb6da solid; width:220px; height:86px; background:#fff; color:#0a3066; font-family:noto; border-radius:5px; vertical-align:middle; background-repeat:no-repeat; background-position:10px 11px; padding:0 6px 0 8px; position:relative; line-height:0;}




#mmi-container ul.faq-product-ctg li a:hover{text-decoration:none; opacity:.7;}
#mmi-container ul.faq-purpose-ctg{clear:both;}
#mmi-container ul.faq-purpose-ctg:after{content:''; display:block; clear:both;}
#mmi-container ul.faq-purpose-ctg li{float:left; width:222px; height:50px; margin:0 17px 17px 0; font-size:14px; letter-spacing:-0.025em; line-height:1.4;}
#mmi-container ul.faq-purpose-ctg li:nth-child(3n){margin-right:0;}
#mmi-container ul.faq-purpose-ctg li a{display:table-cell; border:1px #9cb6da solid; width:220px; height:48px; background:#fff; color:#0a3066; font-family:noto; border-radius:5px; vertical-align:middle; background-repeat:no-repeat; padding:0 15px; position:relative; text-align:center;}
#mmi-container ul.faq-purpose-ctg li a:hover{text-decoration:none; opacity:.7;}
#mmi-container ul.faq-purpose-ctg li:last-child{margin-bottom:0;}
/*list wrap*/
#mmi-container .customer-container .beige-box{background:#f5f5f2; padding:5px 5px 7px;}
#mmi-container .customer-container .blue-box{background:#e4f1f9; padding:5px 5px 7px;}
#mmi-container .customer-container .blue-box h2{font-size:20px; font-family:noto; text-align:center; background-color:transparent; margin:4px auto 12px;}
/*list*/
#mmi-container .customer-container ul.question-list li{font-size:16px;}
#mmi-container .customer-container ul.question-list li a{display:block; border-bottom:1px solid #dae3ea; padding:15px 15px 12px 42px; position:relative; background:#fff;}
#mmi-container .customer-container ul.question-list li a:before{font-family:noto!important;content:"Q"; font-family:noto; font-size:18px; line-height:1.0; position:absolute; left:15px; top:50%; color:#002b72; margin-top:-9px;}
#mmi-container .customer-container ul.question-list li a:hover{text-decoration:none; opacity:.7;}
#mmi-container .customer-container ul.ctg-list li{font-size:16px;}
#mmi-container .customer-container ul.ctg-list li a{display:block; border-bottom:1px solid #dae3ea; padding:15px 15px 12px 42px; position:relative; background:#fff;}
#mmi-container .customer-container ul.ctg-list li a:before{content:"\e902"; font-size:12px; line-height:1.0; position:absolute; left:15px; top:50%; color:#002b72; margin-top:-6px;}
#mmi-container .customer-container ul.ctg-list li a:hover{text-decoration:none; opacity:.7;}
#mmi-container .customer-container ul.question-list li:last-child a,
#mmi-container .customer-container ul.ctg-list li:last-child a{border-bottom:none;}
#mmi-container .customer-container dl.qa dt{background:#fff; padding:25px 30px 27px 80px; position:relative; font-size:18px; color:#237cbc; border-bottom:1px solid #dae3ea;}
#mmi-container .customer-container dl.qa dt:before{font-family:noto!important;content:"Q"; display:inline-block; padding:4px 0 9px; background:#0a3066; border-radius:3px; position:absolute; left:18px; top:22px; color:#fff; font-size:27px; font-family:noto; width:40px; line-height:1.0; text-align:center;}
#mmi-container .customer-container dl.qa dd{background:#fff; padding:17px 30px 19px 80px; position:relative; font-size:16px; line-height:2.125;}
#mmi-container .customer-container dl.qa dd:before{font-family:noto!important;content:"A"; display:inline-block; padding:5px 0 8px 0; background:#f73b48; border-radius:3px; position:absolute; left:18px; top:22px; color:#fff; font-size:27px; font-family:noto; width:40px; line-height:1.0; text-align:center;}
#mmi-container .customer-container dl.qa dd p{margin-bottom:30px;}
#mmi-container .customer-container dl.qa dd a{text-decoration:underline;}
#mmi-container .customer-container dl.qa dd a:hover{text-decoration:none;}
/*pager*/
/*#mmi-container ul.pager{clear:both; font-size:0; margin:42px 0 0;}*/
#mmi-container .pagerWrapper{display: flex;justify-content: center;}
#mmi-container ul.pager{clear:both; font-size:0; margin:42px 0;}
#mmi-container ul.pager li{display:inline-block; font-size:20px; line-height:1.0; font-family:noto; text-align:center; vertical-align:middle; margin-right:11px;}
#mmi-container ul.pager li.cur{line-height: 1.1;}
#mmi-container ul.pager li a,
/*#mmi-container ul.pager li span{display:block; padding:9px 0; width:40px; height:40px;}*/
#mmi-container ul.pager li span{display:block; padding:9px 0; width:40px; height:40px;margin-top: -9px;}
#mmi-container ul.pager li a{border:1px solid #b6c7d6; background:#fff; color:#0a3066;}
/*#mmi-container ul.pager li span{border:1px solid #0a3066; background:#0a3066; color:#fff;}*/
#mmi-container ul.pager li span{background:#0a3066; color:#fff;}
#mmi-container ul.pager li.prev,
#mmi-container ul.pager li.next{font-size:0;}
#mmi-container ul.pager li.prev a,
#mmi-container ul.pager li.next a{position:relative;}
#mmi-container ul.pager li.prev a:before,
#mmi-container ul.pager li.next a:before{position:absolute; left:50%; top:50%; margin-top:-9px; margin-left:-7px; font-size:20px; content:""; text-indent:0;}
#mmi-container ul.pager li.prev a:before{content:"\e903";}
#mmi-container ul.pager li.next a:before{content:"\e902";}
#mmi-container ul.pager li a:hover{border:1px solid #0a3066; background:#0a3066; color:#fff; text-decoration:none;}
/*enquete-form*/
#mmi-container .customer-container .enquete-form{background:#e4f1f9; padding:27px 45px 25px;}
#mmi-container .customer-container .enquete-form h2{font-size:18px; font-family:noto; text-align:center; margin:0 0 17px;}
#mmi-container .customer-container .enquete-form .rdo-btns{background:#fff; padding:19px 0 20px; text-align:center; font-size:0; margin-bottom:20px;}
#mmi-container .customer-container .enquete-form .rdo-btns label{font-size:18px; font-family:noto; display:inline-block; margin:0 30px; vertical-align:middle; line-height:1.0;}
#mmi-container .customer-container .enquete-form .rdo-btns input[type="radio"]{margin-right:8px; vertical-align:middle;}
#mmi-container .customer-container .enquete-form p{margin-bottom:5px;}
#mmi-container .customer-container .enquete-form textarea{background:#fff; width:100%; padding:6px 12px; height:90px;}
#mmi-container .customer-container .enquete-form p.footnote{font-size:13px; margin-top:5px;}
#mmi-container .customer-container .enquete-form button{margin:17px auto 0; display:block; width:130px; background:#f73b48; border-radius:45px; color:#fff; font-family:noto; font-size:20px; text-align:center; padding:4px 0 6px; border:1px solid #f73b48;} 
#mmi-container .customer-container .enquete-form button:hover{color:#f73b48; background:#fff; opacity:1.0;}
#mmi-container .customer-container .enquete-form .form-footer{margin-top:12px; padding-top:12px; border-top:1px solid #bdc7ce;}
#mmi-container .customer-container .enquete-form  .btns{clear:both; margin-top:20px;}
#mmi-container .customer-container .enquete-form  .btns a.btn{position:relative; border:1px solid #f73b48; color:#f73b48; background:#fff; width:290px; display:block; font-family:noto; font-size:16px; border-radius:60px; float:left; padding:20px 0 22px; line-height:1.0;}
#mmi-container .customer-container .enquete-form  .btns a.btn:hover{text-decoration:none; color:#fff; background-color:#f73b48;}
#mmi-container .customer-container .enquete-form  .btns a.btn.tel{padding-left:55px;}
#mmi-container .customer-container .enquete-form  .btns a.btn.mail{padding-left:65px;}
#mmi-container .customer-container .enquete-form  .btns a.btn:before{position:absolute; content:""; display:inline-block; vertical-align:middle; top:50%;}
#mmi-container .customer-container .enquete-form  .btns a.btn:hover:before{color:#fff;}
#mmi-container .customer-container .enquete-form  .btns a.btn.tel:before{content:"\e912"; font-size:42px; margin-top:-21px; left:18px; }
#mmi-container .customer-container .enquete-form  .btns a.btn.mail:before{content:"\e901"; font-size:32px; margin-top:-18px; left:24px;}
#mmi-container .customer-container .enquete-form  .btns a.btn:nth-child(2n){float:right;}




@media screen and (max-width:767px){


#mmi-container .customer-container .contents.faq{padding-top:15px;}
#mmi-container .customer-container .contents.faq header{margin-bottom:10px;}
#mmi-container .customer-container .contents.faq section{margin-bottom:15px;}
#mmi-container .customer-container .contents.faq section:last-child{margin-bottom: 40px;}

#mmi-container .customer-container .contents.info{padding-top:15px;}	
#mmi-container .customer-container .contents.info header{margin-bottom:10px;}	


#mmi-container .customer-container .contents.info ul li{padding:5px 4px 6px;}
#mmi-container .customer-container .contents.info ul li span.date{float:none; padiding-left:0; display:block;}
#mmi-container .customer-container .contents.info ul li a{display:block; padding-left:0}


#mmi-container .customer-container .contents h2.border-top{margin:0 -15px 15px; padding:10px 15px 0;}
#mmi-container .customer-container .contents h2.search-result{margin:-3px 0 14px; text-align:left; line-height:1.0;}
#mmi-container .customer-container .contents h2.search-result small{font-size:13px; display:inline-block;vertical-align:text-bottom;}
#mmi-container .customer-container .contents h2.search-result span{vertical-align:text-bottom;}
#mmi-container .customer-container .contents .search-by h2{font-size:16px; padding:2px 8px 6px 40px; background-position: 8px center;  margin-bottom:15px;}
#mmi-container .customer-container .contents .search-by.product h2{background-size:auto 22px;}
#mmi-container .customer-container .contents .search-by.purpose h2{background-size:auto 20px;}
#mmi-container .customer-container .contents.faq .related-question{margin-bottom:25px;}
#mmi-container .customer-container .contents .related-question h2{font-size:15px; padding-bottom:7px; margin-bottom:0;}
#mmi-container .customer-container .contents .related-question .question-list li a{padding-top:13px;}
#mmi-container .customer-container .contents form.search-box{padding:10px 15px 11px; margin-bottom:15px;}
#mmi-container .customer-container .contents form.search-box input[type="text"]{margin-right:0; width:100%; padding:8px 10px 6px; font-size:13px; line-height:1.0; margin-bottom:4px; border-color:#93908b; border-radius:3px; height:auto;}
#mmi-container .customer-container .contents form.search-box button{font-size:inherit; display:block; padding:8px 0 9px 12px; margin:0 auto 0; width:90px; position:relative; letter-spacing:0.25em; height:auto;}
#mmi-container .customer-container .contents form.search-box button:before{font-size:18px; margin-right:15px; position:absolute; top:50%; left:8px; margin-top:-8px;}
#mmi-container .customer-container .contents form.search-box p.ttl{font-size:16px; margin:0 0 5px;}
#mmi-container .customer-container .contents form.search-box p.footnote{margin-bottom:0; font-size:11px; margin-top:5px; text-align:left;}
#mmi-container .customer-container .contents form.search-box p.footnote span{display:inline-block;}
#mmi-container .customer-container .contents form.search-box ::-webkit-input-placeholder{padding-top:3px; }/* Google Chrome, Safari, Opera 15+, Android, iOS */
#mmi-container .customer-container .blue-box h2{font-size:16px ;margin:2px auto 8px;}
#mmi-container .customer-container ul.question-list li{font-size:12px;}
#mmi-container .customer-container ul.question-list li a{padding:13px 11px 10px 30px;}
#mmi-container .customer-container ul.question-list li a:before{font-size:14px; left:11px; top:13px; margin-top:0;}
#mmi-container .customer-container ul.ctg-list li{font-size:12px;}
#mmi-container .customer-container ul.ctg-list li a{padding:11px 11px 10px 30px;}
#mmi-container .customer-container ul.ctg-list li a:before{font-size:10px; left:11px;margin-top:-5px; }
#mmi-container .customer-container dl.qa dt{padding:17px 9px 13px 45px;font-size:13px;}
#mmi-container .customer-container dl.qa dt:before{padding:2px 0 6px 0; left:9px; top:16px; font-size:17px; width:25px;}
#mmi-container .customer-container dl.qa dd{padding:9px 9px 16px 45px; font-size:12px;}
#mmi-container .customer-container dl.qa dd:before{padding:2px 0 6px 0; left:9px; top:13px; font-size:17px;width:25px;}
#mmi-container .customer-container dl.qa dd p{margin-bottom:8px;}
#mmi-container .customer-container dl.qa dd a{text-decoration:underline;}
#mmi-container .customer-container dl.qa dd a:hover{text-decoration:none;}
/*#mmi-container ul.pager{margin:25px 0 0;}*/
#mmi-container ul.pager{margin:25px 0;}
/*#mmi-container ul.pager li{font-size:15px; margin-right:8px;}*/
#mmi-container ul.pager li{font-size:13px; margin-right:6px;margin-top:10px;}
#mmi-container ul.pager li.cur{line-height: 0.9;}
/*#mmi-container ul.pager li a,
#mmi-container ul.pager li span{padding:6px 0 8px; width:30px; height:30px;}*/
#mmi-container ul.pager li a,
#mmi-container ul.pager li span{padding:6px 0; width:24px; height:24px;margin-top: -6px;line-height: 0.8;}
#mmi-container ul.pager li.cur span{line-height: 0.9}
#mmi-container ul.pager li.prev a,
#mmi-container ul.pager li.next a{position:relative;}
#mmi-container ul.pager li.prev a:before,
#mmi-container ul.pager li.next a:before{margin-left:-5px; margin-top:-7px; font-size:16px;}
#mmi-container ul.faq-product-ctg li{width:50%; height:auto!important; margin:0 0 8px 0; font-size:12px; padding:0;}
#mmi-container ul.faq-product-ctg li:nth-child(2n+1){margin-right:0; padding:0 4px 0 0;}
#mmi-container ul.faq-product-ctg li:nth-child(even){padding:0 0 0 4px;}
#mmi-container ul.faq-product-ctg li a{width:350px; height:65px; background-position:6px center; padding:5px; border-radius:3px;}
#mmi-container ul.faq-purpose-ctg li{width:50%; height:40px; margin:0 0 8px 0; font-size:12px; padding:0;}
#mmi-container ul.faq-purpose-ctg li:nth-child(2n+1){margin-right:0; padding:0 4px 0 0;}
#mmi-container ul.faq-product-ctg li:nth-child(even){padding:0 0 0 4px;}
#mmi-container ul.faq-purpose-ctg li a{width:100%; display:block; height:40px; padding:10px 0 0 0; border-radius:3px;}

/*enquete-form*/
#mmi-container .customer-container .enquete-form{padding:18px 10px; background-image:url(/customer/faq/img/bg_enquete-form_sp.png); background-size: 7px auto; background-position:0 1px; background-repeat:repeat-x;}
#mmi-container .customer-container .enquete-form h2{font-size:15px; margin:0 0 12px;}
#mmi-container .customer-container .enquete-form .rdo-btns{padding:11px 0 11px; margin-bottom:14px;}
#mmi-container .customer-container .enquete-form .rdo-btns label{font-size:14px;margin:0 10px;}
#mmi-container .customer-container .enquete-form .rdo-btns input[type="radio"]{margin-right:8px;}
#mmi-container .customer-container .enquete-form p{margin-bottom:16px; font-size:12px;}
#mmi-container .customer-container .enquete-form textarea{height:130px;}
#mmi-container .customer-container .enquete-form p.footnote{margin:5px 0 0;}
#mmi-container .customer-container .enquete-form button{margin:0 auto 0; display:block; width:100px; height:33px; border-radius:33px; font-size:16px; padding:0;} 
#mmi-container .customer-container .enquete-form .form-footer{margin-top:18px; padding-top:13px; font-size:12px;}
#mmi-container .customer-container .enquete-form  .btns{margin-top:14px;}
#mmi-container .customer-container .enquete-form  .btns a.btn{width:100%; font-size:14px; border-radius:50px; padding:16px 0 18px; float:none;}
#mmi-container .customer-container .enquete-form  .btns a.btn.tel{padding-left:55px;}
#mmi-container .customer-container .enquete-form  .btns a.btn.mail{padding-left:58px;}
#mmi-container .customer-container .enquete-form  .btns a.btn.tel:before{font-size:34px; margin-top:-17px; left:14px; }
#mmi-container .customer-container .enquete-form  .btns a.btn.mail:before{font-size:26px; margin-top:-13px; left:23px;}
#mmi-container .customer-container .enquete-form  .btns a.btn:nth-child(2n){float:none; margin-top:13px;}


.Android #mmi-container .customer-container .contents form.search-box button{padding-top:10px;}
}




/* SECTION RECIPE ======================================================================================================================================== */
#mmi-container .recipe-bg-wrap{background:#f1ebde;}
#mmi-container .recipe-search-box{padding:15px 0; background:#f1ebde url(/recipe/img/diag-border.png) repeat-x bottom;}
#mmi-container .recipe-search-box .link a:first-child {
    background-color: #f62a39;
}
#mmi-container .recipe-search-box .inner{width:1000px; margin:0 auto; position:relative;}
#mmi-container .recipe-search-box .input{float: left;
    width: 623px;
    position: relative;
    height: 42px;}
#mmi-container .recipe-search-box .input input{width: 623px;
    position: absolute;
    left: 0;
    top: 0;
    height: 42px;
    border: 1px #222 solid;
    border-radius: 3px;
    background: #fff;
    padding: 0 5px;}
#mmi-container .recipe-search-box .input button{width:30px; height:30px; position:absolute; right:5px; top:5px; text-indent:-9999px; overflow:hidden;}
#mmi-container .recipe-search-box .input button:before{content:'\e916'; width:30px; height:30px; top:0; left:0; text-indent:0; text-align:center; line-height:30px; font-size:28px; color:#b28856; display:block;}
#mmi-container .recipe-search-box .link{position:absolute; right:0; top:0;}
#mmi-container .recipe-search-box .link a{height:32px; border-radius:5px; color:#fff; background:#b28856; padding:0; display:inline-block; width:160px; line-height:32px; vertical-align:middle; box-shadow:2px 3px 5px 0 rgba(0,0,0,.3); position:relative; top:2px; font-family:noto; text-decoration:none; text-align:center; margin-left:10px;}
#mmi-container .recipe-search-box .link a:after{content:'\e902'; display:block; width:10px; height:10px; position:absolute; right:5px; top:50%; margin-top:-5px; line-height:10px; font-size:10px;}
#mmi-container .recipe-search-box .link a:hover{top:4px; box-shadow:none; text-decoration:none;}
#mmi-container .recipe-search-box dl{clear:both; padding-top:15px; margin-bottom:5px;}
#mmi-container .recipe-search-box dl dt{display:inline-block;}
#mmi-container .recipe-search-box dl dd{display:inline-block; padding:0 5px;}
#mmi-container .recipe-search-box dl dd a{color:#f62a39; text-decoration:underline;}
#mmi-container .recipe-search-box dl dd a:hover{text-decoration:none;}

#mmi-container .recipe-search-box .recipe-base-info {
    clear: both;
    margin-top: 1.5em;
}

#mmi-container .recipe-search-box .recipe-base-info:after {
    clear: both;
    content: '';
    display: block;
}

#mmi-container .recipe-search-box .recipe-base-info h3 {
    background: #decdb5;
    text-align: center;
    padding: 5px;
    font-size: 18px;
    font-family: noto;
    margin-bottom: 20px;
    cursor: pointer;
}

#mmi-container .recipe-search-box .recipe-base-info h3 span {
    position: relative;
}

#mmi-container .recipe-search-box .recipe-base-info h3 span:before {
    position: absolute;
    content: "";
    width: 1em;
    right: -2em;
    top: 50%;
    border-top: 0.2em solid #b28856;
    margin-top: -0.1em;
}

#mmi-container .recipe-search-box .recipe-base-info h3 span:after {
    position: absolute;
    content: "";
    height: 1em;
    right: -1.5em;
    top: 50%;
    border-right: 0.2em solid #b28856;
    margin-right: -0.1em;
    margin-top: -0.5em;
}

#mmi-container .recipe-search-box .recipe-base-info h3.btn_on span:after {
    display: none;
}

#mmi-container .recipe-search-box .recipe-base-info h3 + div {
    display: none;
}

#mmi-container .recipe-search-box .recipe-base-info ul {
    width: 610px;
    float: left;
}

#mmi-container .recipe-search-box .recipe-base-info ul li {
    text-indent: -1em;
    padding-left: 1em;
    font-size: 13px;
}

#mmi-container .recipe-search-box .recipe-base-info ul li:before {
    content: '＊';
}

#mmi-container .recipe-search-box .recipe-level {
    background: #fff;
    width: 360px;
    float: right;
    padding: 10px;
    font-size: 13px;
}

#mmi-container .recipe-search-box .recipe-level p {
    text-indent: -1em;
    padding-left: 1em;
    margin-bottom: .5em;
}

#mmi-container .recipe-search-box .recipe-level dl {
}

#mmi-container .recipe-search-box .recipe-level dt {
    float: left;
    width: 5em;
    clear: both;
    color: #b28856;
}

@media screen and (max-width: 767px) {
    #mmi-container .recipe-search-box .recipe-base-info h3 {
        font-size: 15px;
        margin-bottom: 10px;
        padding: 2px 10px;
    }
  
     #mmi-container .recipe-search-box .recipe-base-info ul {
        width: auto!important;
        float: none;
        margin-bottom: 15px;
    } 
  
      #mmi-container .recipe-search-box .recipe-level {
        width: auto!important;
        float: none;
        font-size: 12px;
    }
  
      #mmi-container .recipe-search-box dl {
        padding-top: 10px;
        margin-bottom: 10px;
        font-size: 12px;
    }
  
  
}
#mmi-container .recipe-search-box.products{padding:25px 0; background:none; background-color:#fafbf5;}
#mmi-container .recipe-search-box.products .input{float:none; width:580px; position:relative; margin:0 auto;}
#mmi-container .recipe-search-box.products .input input{width:580px;}
@media screen and (max-width: 767px) {
    #mmi-container .recipe-search-box.products .input input {
        width: 100%;
    }
}
#mmi-container .recipe-search-box.products .input button:before{color:#0a3066;}
#mmi-container .recipe-search-box.products .link{width:580px; margin:0.7em auto 0; display:flex; flex-wrap: wrap; justify-content: space-between; position:relative; right:auto; top:auto;}
#mmi-container .recipe-search-box.products .link a{margin-left:0px; width:32%; background-color:#267ebd; border:solid 1px #267ebd;}
#mmi-container .recipe-search-box.products .link a:first-child{background-color:#267ebd;}
#mmi-container .recipe-search-box.products .link a.shop{background-color:#FFF; color:#267ebd;}
#mmi-container .recipe-search-box.products .link a.shop:after{content: '\e90a'; display: block; width: 10px; height: 10px; position: absolute; right: 8px; top: 50%; margin-top: -5px; line-height: 10px; font-size: 10px;}

@media screen and (max-width: 767px) {
  
      #mmi-container .recipe-search-box.products .input {
        width: 90%;
    }
  #mmi-container .recipe-search-box.products .link {
        width: 90%;
        justify-content: space-between;
        padding-bottom: 0px;
    }
    #mmi-container .recipe-search-box.products .link a {
        width: 46%;
        margin-bottom: 1em;
    }
  #mmi-container .regular.products header.product-index {
        display: flex;
        justify-content: space-between;
    }
  
      #mmi-container .regular.products header {
        margin-bottom: 4px;
    }
  
      #mmi-container .regular.products header.product-index ul.product-info {
        padding-top: 0;
    }
  
  #mmi-container .regular.products header.product-index {
        display: flex;
        justify-content: space-between;
    }
  
  #mmi-container .regular header ul.product-info {
        float: none;
        clear: both;
        padding-top: 10px;
    }
  
      #mmi-container .regular.products header.product-index ul.product-info li.new {
        width: 120px;
    }
      #mmi-container .regular header ul.product-info li.new a {
        text-indent: 0;
    }
  
  
      #mmi-container ul.bnrs.products {
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
  
  
      #mmi-container ul.bnrs.products li {
        float: none;
        text-align: center;
        width: 49%;
    }
  
  
      #mmi-container ul.bnrs.products li {
        float: none;
        text-align: center;
        width: 49%;
    }
  
      #mmi-container ul.bnrs.products {
        margin: 0 auto;
        display: flex
;
        justify-content: space-between;
        flex-wrap: wrap;
    }
  
      #mmi-container .regular.cm {
        padding-top: 15px;
        padding-bottom: 20px;
    }
}


/* spec indicator */
#mmi-container ul.recipe-spec{margin:0; padding:0;}
#mmi-container ul.recipe-spec li{display:inline-block; margin-right:20px;margin-bottom:5px; line-height:20px;}
#mmi-container ul.recipe-spec li i{display:inline-block; text-indent:-9999px; position:relative; text-align:left; width:20px; margin-right:5px; vertical-align:middle; position:relative; top:-2px;}
#mmi-container ul.recipe-spec li i:before{color:#b28856; display:iblock; text-align:center; text-indent:0; font-size:20px; vertical-align:middle; width:20px; height:20px; line-height:20px; position:absolute; left:0; top:0;}
#mmi-container ul.recipe-spec li.time i:before{content:'\e913';}
#mmi-container ul.recipe-spec li.calorie i:before{content:'\e91a';}
#mmi-container ul.recipe-spec li.level i:before{content:'\e917';}
#mmi-container ul.recipe-spec li small{font-size:80%;}
/* top */
#mmi-container header.recipe-top {
    background: #fff;
    height: 110px;
}

#mmi-container header.recipe-top h2 {
    width: 1000px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    font-size: 30px;
    color: #f62a39;
    line-height: 110px;
    font-family: noto;
    position: relative;
    z-index: 2;
}

#mmi-container header.recipe-top h2 img {
    position: absolute;
    left: 0;
    top: 22px;
}

#mmi-container header.recipe-top h2:after {
    content: '';
    display: block;
    background: url(/recipe/img/milk-drop.png) no-repeat;
    width: 33px;
    height: 32px;
    position: absolute;
    left: 50%;
    bottom: -32px;
    margin-left: -16px;
}

#mmi-container header.recipe-top h2 span {
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 0;
    color: #333333;
}

#mmi-container section.recipe-top-section {
    padding: 35px 0;
}

#mmi-container section.recipe-top-section .most-reccomended-item {
    clear: both;
    margin-bottom: 30px;
}

#mmi-container section.recipe-top-section .most-reccomended-item:after {
    clear: both;
    content: '';
    display: block;
}

#mmi-container section.recipe-top-section .most-reccomended-item figure {
    float: left;
    width: 466px;
    height: 466px;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}

#mmi-container section.recipe-top-section .most-reccomended-item figure img {
    display: block;
    width: 100%;
    height: auto;
}

#mmi-container section.recipe-top-section .most-reccomended-item figure:nth-child(even) {
    float: right;
}

#mmi-container section.recipe-top-section .most-reccomended-item figure a {
    display: block;
    color: #1a1a1a;
}

#mmi-container section.recipe-top-section .most-reccomended-item figure a:hover {
    text-decoration: underline;
}

#mmi-container section.recipe-top-section .most-reccomended-item figure figcaption {
    background: #fff;
    padding: 15px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

#mmi-container section.recipe-top-section .most-reccomended-item figure figcaption p {
    font-weight: bold;
    line-height: 1.4;
    height: 3.75em;
}

#mmi-container section.recipe-top-section .most-reccomended-item figure figcaption ul.recipe-spec {
    text-align: right;
}

#mmi-container section.recipe-top-section .most-reccomended-item figure figcaption ul.recipe-spec li {
    margin: 0 0 0 20px;
}

#mmi-container section.recipe-top-section .most-reccomended-item figure figcaption ul.recipe-spec li:first-child {
    margin: 0;
}

#mmi-container .recipe-search-box .recipe-base-info {
    clear: both;
    margin-top: 1.5em;
}

#mmi-container .recipe-search-box .recipe-base-info:after {
    clear: both;
    content: '';
    display: block;
}

#mmi-container .recipe-search-box .recipe-base-info h3 {
    background: #decdb5;
    text-align: center;
    padding: 5px;
    font-size: 18px;
    font-family: noto;
    margin-bottom: 20px;
    cursor: pointer;
}

#mmi-container .recipe-search-box .recipe-base-info h3 span {
    position: relative;
}

#mmi-container .recipe-search-box .recipe-base-info h3 span:before {
    position: absolute;
    content: "";
    width: 1em;
    right: -2em;
    top: 50%;
    border-top: 0.2em solid #b28856;
    margin-top: -0.1em;
}

#mmi-container .recipe-search-box .recipe-base-info h3 span:after {
    position: absolute;
    content: "";
    height: 1em;
    right: -1.5em;
    top: 50%;
    border-right: 0.2em solid #b28856;
    margin-right: -0.1em;
    margin-top: -0.5em;
}

#mmi-container .recipe-search-box .recipe-base-info h3.btn_on span:after {
    display: none;
}

#mmi-container .recipe-search-box .recipe-base-info h3 + div {
    display: none;
}

#mmi-container .recipe-search-box .recipe-base-info ul {
    width: 610px;
    float: left;
}

#mmi-container .recipe-search-box .recipe-base-info ul li {
    text-indent: -1em;
    padding-left: 1em;
    font-size: 13px;
}

#mmi-container .recipe-search-box .recipe-base-info ul li:before {
    content: '＊';
}

#mmi-container .recipe-search-box .recipe-level {
    background: #fff;
    width: 360px;
    float: right;
    padding: 10px;
    font-size: 13px;
}

#mmi-container .recipe-search-box .recipe-level p {
    text-indent: -1em;
    padding-left: 1em;
    margin-bottom: .5em;
}

#mmi-container .recipe-search-box .recipe-level dl {
}

#mmi-container .recipe-search-box .recipe-level dt {
    float: left;
    width: 5em;
    clear: both;
    color: #b28856;
}

#mmi-container .recommended-recipe {
    padding: 40px 0 40px;
}

#mmi-container .recommended-recipe .btn {
    text-align: right;
    margin-top: 1em;
}

#mmi-container .recommended-recipe .btn a {
    height: 32px;
    border-radius: 16px;
    border: 1px #0a3066 solid;
    color: #0a3066;
    background: #fff;
    padding: 0 25px;
    display: inline-block;
    line-height: 30px;
    vertical-align: middle;
    box-shadow: 2px 3px 5px 0 rgba(0,0,0,.3);
    position: relative;
    top: 2px;
    font-family: noto;
}

#mmi-container .recommended-recipe .btn a:after {
    content: '\e902';
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -5px;
    line-height: 10px;
    font-size: 10px;
}


#mmi-container .regular.recipe-theme header .btn {
    text-align: right;
    margin-top: 1em;
}

#mmi-container .regular.recipe-theme header .btn a {
    height: 32px;
    border-radius: 16px;
    border: 1px #0a3066 solid;
    color: #0a3066;
    background: #fff;
    padding: 0 25px;
    display: inline-block;
    line-height: 30px;
    vertical-align: middle;
    box-shadow: 2px 3px 5px 0 rgba(0, 0, 0, .3);
    position: relative;
    top: 2px;
  font-family: noto;}


#mmi-container .recommended-recipe ul.bnrs.quad li span{bottom:-30px;} 
#mmi-container .viewed-recipe ul.bnrs.quad li span{bottom:-30px;} 


#mmi-container .recipe-theme{padding:25px 0 10px 0;border-top:1px solid #decdb5;}
#mmi-container .recipe-theme header{margin-bottom:25px;position: relative;}
#mmi-container .recipe-bg-wrap + .recipe-theme {
    border-top: none;
}
#mmi-container .recipe-theme h3{float: left;
    font-family: noto;
    font-size: 22px;
    color: #1a1a1a;
    position: relative;
    padding-left: 52px;}
#mmi-container .recipe-theme h3:before{content:''; display:block; background:url(/recipe/img/icn-pickup.png) 0 0  no-repeat; width:42px;height:38px;position:absolute;left:0;top:-7px;}



#mmi-container .recippe-product{padding:40px 0 20px;}
#mmi-container .recippe-product .msg{text-align:center; margin-bottom:20px;}
#mmi-container .cat-child-product{border:1px #9e9b98 solid; border-width:1px 0; padding:30px 0 10px; margin-top:50px; position:relative;}
#mmi-container .cat-child-product:before{content:''; display:block; background:url(/recipe/img/icn-dn-arr.png) no-repeat; width:90px; height:24px; position:absolute; left:50%; top:-35px; margin-left:-45px;}
#mmi-container .cat-child-product ul.product-sub-ctg{text-align:center; margin:0 -15px; display:none;}
#mmi-container .cat-child-product ul.product-sub-ctg li{display:inline-block; float:none; margin:0 8px 15px !important;}
#mmi-container .recippe-product button{height:60px; border-radius:8px; border:1px #f73644 solid; color:#f73644; background:#fff; padding:0; display:block; width:400px; line-height:60px; vertical-align:middle; box-shadow:2px 3px 5px 0 rgba(0,0,0,.3); position:relative; top:2px; font-family:noto; margin:20px auto; font-size:18px;}
#mmi-container .recippe-product button:before{content:'\e900'; font-size:36px; width:36px; height:36px; display:block; position:absolute; left:15px; top:50%; margin-top:-18px; line-height:36px; text-align:center;}
#mmi-container .recippe-product button:hover{opacity:1; top:4px; box-shadow:none;}
#mmi-container ul.product-ctg.cat-selector li a.selected,
#mmi-container .cat-child-product ul.product-sub-ctg li a.selected,
#mmi-container .cat-child-product ul.product-sub-ctg li a.selected img{border-color:#f73644; color:#f73644;}
#mmi-container .recipe-movie{padding:40px 0 0;}
#mmi-container .recippe-product ul.product-ctg{clear:both;}
#mmi-container .recippe-product ul.product-ctg:after{content:''; display:block; clear:both;}
#mmi-container .recippe-product ul.product-ctg li{float:left; width:241px; height:94px; margin:0 12px 12px 0; font-size:14px; letter-spacing:-0.025em; line-height:1.4;}
#mmi-container .recippe-product ul.product-ctg li:nth-child(4n){margin-right:0;}
#mmi-container .recippe-product ul.product-ctg li a{display:table-cell; border:1px #9cb6da solid; width:241px; height:94px; background:#fff; color:#0a3066; font-family:noto; border-radius:5px; vertical-align:middle; background-repeat:no-repeat; background-position:5px center; background-size:100px; padding:0 25px 0 105px; position:relative;}
#mmi-container .recippe-product ul.product-ctg li a:after{content:'\e902'; display:block; width:12px; height:12px; position:absolute; right:6px; top:39px; line-height:12px; font-size:12px;}
#mmi-container .recippe-product ul.product-ctg li a.milk{background-image:url(/img/btn-milk.png);}
#mmi-container .recippe-product ul.product-ctg li a.drink{background-image:url(/img/btn-beverageSet.png);}
#mmi-container .recippe-product ul.product-ctg li a.yoghurt{background-image:url(/img/btn-yoghurtSet.png);}
#mmi-container .recippe-product ul.product-ctg li a.dessert{background-image:url(/img/btn-dessertSet.png);}
#mmi-container .recippe-product ul.product-ctg li a.icecream{background-image:url(/img/btn-ice-creamSet.png);}
#mmi-container .recippe-product ul.product-ctg li a.dryfood{background-image:url(/img/btn-creapSet.png);}
#mmi-container .recippe-product ul.product-ctg li a.cheese{background-image:url(/img/btn-cheeseSet.png);}
#mmi-container .recippe-product ul.product-ctg li a.others{background-image:url(/img/btn-others.png);}
#mmi-container .recippe-product ul.product-ctg li a.milk_life {background-image: url(/img/btn-healthcare.png);}
#mmi-container .recippe-product ul.product-ctg li a:hover{text-decoration:none; opacity:.7;}
/* search result / details */
#mmi-container .recipe-search-result {
    padding: 30px 0;
}

#mmi-container .recipe-search-result > header {
    position: relative;
}

#mmi-container .recipe-search-result > header h1 {
    margin-bottom: 15px;
}

#mmi-container .recipe-search-result > header h1.result {
    background: #f1ebde;
    float: left;
    padding: 5px 10px;
    font-size: 16px;
    margin-bottom: 0px;
}

#mmi-container .recipe-search-result > header h1+p {
    width: 80%;
}

#mmi-container .recipe-search-result > header p.search-meta {
    clear: both;
}

#mmi-container .recipe-search-result > header p.search-meta em {
    font-size: 22px;
    font-weight: bold;
}

#mmi-container .recipe-search-result > header p.search-meta i {
    font-size: 30px;
    font-weight: bold;
}

#mmi-container .recipe-search-result > header a {
    background: url(/recipe/img/recipe-logo.png) no-repeat center top;
    background-size: 110px auto;
    padding-top: 60px;
    display: block;
    width: 110px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    color: #f62837;
    font-family: noto;
}

#mmi-container .recipe-search-result > header a:after {
    content: '\e902';
    margin-left: 5px;
    font-size: 13px;
}

#mmi-container .recipe-theme > header a.btn_top {
    background: url(/recipe/img/recipe-logo.png) no-repeat center top;
    background-size: 110px auto;
    padding-top: 60px;
    display: block;
    width: 110px;
    text-align: center;
    position: absolute;
    right: 0;
    top: -2em;
    color: #f62837;
    font-family: noto;
}

#mmi-container .recipe-theme > header a.btn_top:after {
    content: '\e902';
    margin-left: 5px;
    font-size: 13px;
}


#mmi-container #page-header + .recipe-theme { border-top: none; padding-top: 50px;}

@media screen and (max-width:767px){
  
     #mmi-container #page-header + .recipe-theme {
        padding-top: 20px;
    } 
  
}


#mmi-container .recipe-search-result .search-result {
    clear: both;
}

#mmi-container .recipe-search-result nav ul {
    width: 100%;
    border-bottom: 2px solid #f62837;
    border-left: 1px solid #f62837;
    float: left;
    margin-bottom: 25px;
}

#mmi-container .recipe-search-result nav ul li {
    border-right: 1px solid #f62837;
    float: left;
    width: 188px ;
    text-align: center;
}

#mmi-container .recipe-search-result nav ul li a {
    position: relative;
    display: block;
    color: #f62837;
    padding: 8px 0;
}

#mmi-container .recipe-search-result nav ul li a.active {
    position: relative;
    display: block;
    color: #fff;
    background: #f62837;
}

#mmi-container .recipe-search-result nav ul li a i {
    display: none;
    position: absolute;
    bottom: -25px;
    left: 0;
    color: #f62837;
    width: 100%;
    text-align: center;
    font-size: 150%;
}

#mmi-container .recipe-search-result nav ul li a.active i {
    display: block;
}

#mmi-container .recipe-search-result .search-result:after {
    clear: both;
    content: '';
    display: block;
}

#mmi-container .recipe-search-result .search-result figure {
    width: 232px;
    margin-right: 24px;
    margin-bottom: 24px;
    float: left;
}

#mmi-container .recipe-search-result .search-result figure:nth-child(4n+1) {
    clear: both;
}

#mmi-container .recipe-search-result .search-result figure:nth-child(4n) {
    margin-right: 0;
}

#mmi-container .recipe-search-result .search-result figure img {
    width: 100%;
    height: auto;
    border-radius: 5px;
}

#mmi-container .recipe-search-result .search-result figure a {
    color: #333;
}

#mmi-container .recipe-search-result .search-result figure a:hover {
    text-decoration: none;
}

#mmi-container .recipe-search-result .search-result figure a:hover p {
    text-decoration: underline;
}

#mmi-container .recipe-search-result .search-result figcaption {
    padding: 0 5px;
    line-height: 1.5;
}

#mmi-container .recipe-search-result .search-result figcaption p {
    height: 4em;
    font-weight: bold;
}

#mmi-container .recipe-search-result .search-result figcaption ul.recipe-spec li {
    display: block;
    margin-right: 0;
}

#mmi-container .recipe-search-result .search-result figcaption ul.recipe-spec li small {
    display: block;
    padding-left: 20px;
    margin-top: -3px;
}

#mmi-container .recipe-search-result .search-result figcaption ul.recipe-spec li.level {
    font-size: 16px;
}

#mmi-container .recipe-search-result.regular header h1 {
    color: #333;
}

#mmi-container .recipe-search-result.regular header h1+p {
    font-family: noto;
}


#mmi-container .recipe-details {clear:both;}
#mmi-container .recipe-details .recipe-box{width:480px; float:left; margin-bottom:40px;}
#mmi-container .recipe-details .recipe-box:nth-child(2n){float:right; clear:none;}
#mmi-container .recipe-details .recipe-box:nth-child(2n+1){clear:both;}
#mmi-container .recipe-details .main-image img{width:100%; height:auto; display:block;}
#mmi-container .recipe-details ul.recipe-spec{margin-top:15px; background:#f5f5f2; padding:10px 10px 5px;}
#mmi-container .recipe-details ul.recipe-spec li.level{font-size:16px;}
#mmi-container .recipe-box.base-info h2{background:#f5f5f2; padding:5px 10px 2px; line-height:20px; float:left; margin-bottom:10px; clear:both;}
#mmi-container .recipe-box.base-info .food-value{clear:both; margin-bottom:25px;}
#mmi-container .recipe-box.base-info .food-value:after{content:''; display:block; clear:both;}
#mmi-container .recipe-box.base-info .food-value dl{float:left; width:460px; border-top:1px #dbdbdb solid;}
#mmi-container .recipe-box.base-info .food-value dl + dl{float:right;}
#mmi-container .recipe-box.base-info .food-value dt{padding:5px; float:left; width:60%; clear:both;}
#mmi-container .recipe-box.base-info .food-value dd{padding:5px; border-bottom:1px #dbdbdb solid; text-align:right; padding-left:60%;}
#mmi-container .recipe-box.base-info .product-array{clear:both;}
#mmi-container .recipe-box.base-info .product-array:after{clear:both; content:''; display:block;}
#mmi-container .recipe-box.base-info .product-array li{width:110px; float:left; margin:0 12px 12px 0; text-align:center; font-size:12px; line-height:1.4;}
#mmi-container .recipe-box.base-info .product-array li:nth-child(4n){margin-right:0;}
#mmi-container .recipe-box.base-info .product-array li:nth-child(4n+1){clear:both;}
#mmi-container .recipe-box.base-info .product-array li img{width:100%; height:auto; border:1px #9cb6da solid; border-radius:5px; display:block; margin-bottom:5px;}
#mmi-container .recipe-box.base-info .product-array li span{padding:0 10px; display:block;}
#mmi-container .recipe-box.ingredients h2{background:url(/recipe/img/bg-stripe.png); padding:5px; text-align:center; font-size:20px; color:#af6e22; font-family:noto; border-bottom:2px #af6e22 solid; margin-bottom:5px;}
#mmi-container .recipe-box.ingredients table th,
#mmi-container .recipe-box.ingredients table td{border:none; border-bottom:1px #ccc dotted; padding:13px 10px;}
#mmi-container .recipe-box.ingredients table th.product-name{color:#237cbc;}
#mmi-container .recipe-box.ingredients table th.additional{color:#b27630;}
#mmi-container .recipe-box.ingredients table th.highlight{font-weight:bold;}
#mmi-container .recipe-box.ingredients table td{text-align:right;}
#mmi-container .recipe-box.ingredients table a{font-weight:bold;}
#mmi-container .recipe-box.howto h2{background:url(/recipe/img/bg-stripe.png); padding:5px; text-align:center; font-size:20px; color:#ee2a39; font-family:noto; border-bottom:2px #ee2a39 solid; margin-bottom:5px;}
#mmi-container .recipe-box.howto .process{border-bottom:1px #ccc dotted; padding:15px 10px; clear:both;}
#mmi-container .recipe-box.howto .process:after{content:''; display:block; clear:both;}
#mmi-container .recipe-box.howto .process p{padding-left:40px; line-height:1.5;}
#mmi-container .recipe-box.howto .process i{display:inline-block; background:#f73644; color:#fff; font-size:18px; font-weight:bold; width:30px; height:30px; text-align:center; line-height:30px; border-radius:15px; float:left; vertical-align:middle; position:relative; margin-top:-4px; font-family:noto;}
#mmi-container .recipe-box.howto .process i.first{color:#f73644; background:#fff; border:1px #f73644 solid; border-radius:5px; width:70px; letter-spacing:.5em; padding-left:.5em; font-size:16px; font-weight:normal; line-height:26px;}
#mmi-container .recipe-box.howto .process i.first + p{padding-left:80px;}
#mmi-container .recipe-box.howto .process strong{color:#f73644;}
#mmi-container .recipe-box.howto .memo{background:url(/recipe/img/bg-memo.png); margin:20px 0 0; box-shadow:0px 11px 17px -10px rgba(0,0,0,.3); padding:10px 25px 25px; font-size:13px;}
#mmi-container .recipe-box.howto .memo h3{background:url(/recipe/img/ttl-hitokuchi.png) no-repeat center center; background-size:130px auto; margin-bottom:10px; text-indent:-9999px; height:30px;}
#mmi-container .recipe-points{clear:both;background:#f9f5ed url(/recipe/img/diag-border-alpha.png) repeat-x top; padding:10px 40px; margin-bottom:40px;}
#mmi-container .recipe-points h2{text-align:center; font-size:18px; font-family:noto; color:#f73644;}
#mmi-container .recipe-points h2:before{content:'\e915'; font-size:36px; margin-right:10px; vertical-align:middle; display:inline-block; position:relative; top:-4px;}
#mmi-container .recipe-points ul li{border-top:1px #ccc dotted; padding:10px 10px 10px 45px; position:relative; clear:both;}
#mmi-container .recipe-points ul li:before{content:'\e914'; font-size:24px; color:#b27630; position:absolute; left:5px; top:5px;}
#mmi-container .recipe-points ul li figure{padding-top:10px; clear:both;}
#mmi-container .recipe-points ul li figure img{border:5px #fff solid; margin-right:20px; box-sizing:content-box;/*float:left;*/vertical-align:top;}
#mmi-container .recipe-points ul li figure img:nth-child(4n){margin-right:0;}
/* detail search */
#mmi-container .recipe-search-result.regular header h1.detail-search{color:#0a3066; padding-top:25px;}
#mmi-container .recipe-detail-search{padding:30px 0; border-top:1px #ccc solid; clear:both;}
#mmi-container .recipe-detail-search:after{content:''; display:block; clear:both;}
#mmi-container .recipe-detail-search h2{width:225px; height:140px; border-radius:10px; float:left; background-color:#ede2ca; background-repeat:no-repeat; background-position:center 50px; background-size:100px auto; text-align:center; padding:20px 10px; font-size:22px; font-family:noto; line-height:1;}
#mmi-container .recipe-detail-search.scene h2{background-image:url(/recipe/img/icn-scene.png);}
#mmi-container .recipe-detail-search.foodstuffs h2{background-image:url(/recipe/img/icn-foodstuffs.png);}
#mmi-container .recipe-detail-search.categories h2{background-image:url(/recipe/img/icn-categories.png);}
#mmi-container .recipe-detail-search ul{padding-left:255px;}
#mmi-container .recipe-detail-search ul li{margin:0 15px 15px 0; float:left; line-height:1; text-align:center;}
#mmi-container .recipe-detail-search ul li.dish,#mmi-container .recipe-detail-search ul li.sweets{width:100%;text-align:left; padding:5px 0; font-size:16px;position:relative;padding-left:50px;}
#mmi-container .recipe-detail-search ul li.dish:before{width:40px; height:40px; margin-right:5px;top:-5px; left:0;content:""!important;background-image:url(/recipe/img/icn-dish.png);position:absolute;}
#mmi-container .recipe-detail-search ul li.sweets{margin-top:15px;}
#mmi-container .recipe-detail-search ul li.sweets:before{width:40px; height:40px; margin-right:5px;top:-5px; left:0;content:""!important;background-image:url(/recipe/img/icn-sweets.png);position:absolute;}


#mmi-container .recipe-detail-search ul li a{display:block; border:1px #0a3066 solid; padding:10px 15px; min-width:5em; white-space:nowrap; color:#0a3066;}
#mmi-container .recipe-detail-search ul li a:hover{background:#DBF0FD; text-decoration:none;}
/* theme search */
#mmi-container .recipe-search-result.regular header h1.theme-search{color:#0a3066; padding-top:25px;}
#mmi-container .recipe-search-result.regular header h1.theme-search:before{content:'\e918'; font-size:36px; color:#b28856; vertical-align:middle; margin-right:10px;}
/* theme detail */
#mmi-container .recipe-search-result.regular header h1.theme-detail{padding-top:25px;}
#mmi-container .theme-header{clear:both; background:#f1ebde; margin-bottom:50px;}
#mmi-container .theme-header:after{content:''; display:block; clear:both;}
#mmi-container .theme-header img{width:460px; float:left;}
#mmi-container .theme-header figcaption{padding:30px 30px 0 490px;}
#mmi-container .theme-header figcaption .recipe-links{padding:20px 0 0 0;}
#mmi-container .theme-header figcaption .recipe-links:after{clear:both; content:''; display:block;}
#mmi-container .theme-header figcaption .recipe-links li{width:400px; float:left; margin-bottom:10px;}
#mmi-container .theme-header figcaption .recipe-links li:last-child{margin-bottom:0px;}
#mmi-container .theme-header figcaption .recipe-links li a{color:#f62837; border:2px #f62837 solid; border-radius:5px; width:100%; line-height:36px; padding:2px 15px 0; background:#fff; display:block; position:relative;}
#mmi-container .theme-header figcaption .recipe-links li a:after{content:'\e902'; display:block; width:12px; height:12px; position:absolute; right:6px; top:50%; margin-top:-6px; line-height:12px; font-size:12px;}
#mmi-container .theme-header figcaption .recipe-links li a:hover{background:#f62837; color:#fff; text-decoration:none;}


@media screen and (max-width:767px){
#mmi-container .recipe-search-box{padding:10px 15px; background-size:7px 4px;}
#mmi-container .recipe-search-box .inner{width:auto;}
#mmi-container .recipe-search-box .input{float:none; width:100%; position:relative; /*height:32px;*/}
#mmi-container .recipe-search-box .input input{width:100%; font-size:16px;}
#mmi-container .recipe-search-box .link{ position:relative; right:auto; top:auto; text-align:center; padding-bottom:10px;}
#mmi-container .recipe-search-box .link a{height:30px; width:120px; line-height:30px; margin:0 10px; display:inline-block;}
#mmi-container .recipe-search-box .link a:after{content:'\e902'; display:block; width:10px; height:10px; position:absolute; right:5px; top:50%; margin-top:-5px; line-height:10px; font-size:10px;}
#mmi-container .recipe-search-box .link a:hover{top:4px; box-shadow:none; text-decoration:none;}
#mmi-container .recipe-search-box dl{padding-top:10px; margin-bottom:10px; font-size:12px;}
#mmi-container .recipe-search-box dl dt{display:block;}
#mmi-container .recipe-search-box dl dd{display:inline-block; padding:0 5px 0 0; white-space:nowrap;}
/* top */
#mmi-container header.recipe-top{background:#fff; height:auto;}
#mmi-container header.recipe-top h2{width:auto; font-size:18px; line-height:1.5; padding:20px 5px; text-align:left;}
#mmi-container header.recipe-top h2 img{position:relative; left:auto; top:auto; vertical-align:middle; margin-right:10px; width:64px; height:auto;float:left;}
#mmi-container header.recipe-top h2:after{background:url(/recipe/img/milk-drop.png) no-repeat; width:17px; height:16px; bottom:-16px; margin-left:-8px; background-size:17px auto;}
#mmi-container section.recipe-top-section{padding:25px 15px 20px;}
#mmi-container section.recipe-top-section .most-reccomended-item{margin-bottom:20px;}
/*#mmi-container section.recipe-top-section .most-reccomended-item figure{float:none; width:auto; height:auto; margin-bottom:15px;}*/
#mmi-container section.recipe-top-section .most-reccomended-item figure{float:none; width:auto; height:auto; margin-bottom:15px;padding-bottom:50px;}
#mmi-container section.recipe-top-section .most-reccomended-item figure:nth-child(even){float:none;}
#mmi-container section.recipe-top-section .most-reccomended-item figure figcaption{padding:10px;}
#mmi-container section.recipe-top-section .most-reccomended-item figure figcaption p{height:auto; margin-bottom:10px;}
#mmi-container section.recipe-top-section .recipe-base-info h3{font-size:15px; margin-bottom:10px; padding:2px 10px;}
#mmi-container section.recipe-top-section .recipe-base-info ul{width:auto; float:none; margin-bottom:15px;}
#mmi-container section.recipe-top-section .recipe-base-info ul li{font-size:12px;}
#mmi-container section.recipe-top-section .recipe-level{width:auto; float:none; font-size:12px;}
#mmi-container .recommended-recipe{padding:20px 15px;}
#mmi-container .recommended-recipe .btn{margin-top:0em;}


#mmi-container .recommended-recipe ul.bnrs.quad li span{bottom:-25px;} 
#mmi-container .recommended-recipe ul.bnrs.quad li {margin-bottom:45px;} 
#mmi-container .viewed-recipe ul.bnrs.quad li span{bottom:-25px;} 
#mmi-container .viewed-recipe ul.bnrs.quad li {margin-bottom:45px;} 

#mmi-container .recipe-theme header{margin-bottom:15px;}
  
  

#mmi-container .recipe-theme h3{font-size:16px;padding-left:35px;}
#mmi-container .recipe-theme h3:before{width:30px; height:30px; background-size:contain; top:0px;}

#mmi-container .recipe-theme{padding:10px 15px 0 15px;}
#mmi-container .recippe-product{padding:20px 15px;}
#mmi-container .recippe-product .msg{margin-bottom:10px;}
#mmi-container .cat-child-product{padding:20px 0 10px; margin-top:30px;}
#mmi-container .cat-child-product:before{background-size:45px auto; width:45px; height:12px; top:-20px; margin-left:-22px;}
#mmi-container .cat-child-product ul.product-sub-ctg{margin:0 -8px; clear:both;}
#mmi-container .cat-child-product ul.product-sub-ctg:after{content:''; display:block; clear:both;}
#mmi-container .cat-child-product ul.product-sub-ctg li{display:block; float:left; margin:0 0 12px !important; padding:0 8px; width:50%; clear:none;}
#mmi-container .recippe-product button{height:35px; border-radius:5px; width:90%; line-height:33px; margin:15px auto; font-size:15px;}
#mmi-container .recippe-product button:before{font-size:22px; width:22px; height:22px; left:10px; top:50%; margin-top:-11px; line-height:20px;}
#mmi-container .recipe-movie{padding:20px 15px 0;}
#mmi-container .recippe-product ul.product-ctg li{width:50%; height:54px; margin:0 0 8px 0; font-size:12px; padding:0 4px 0 0;}
#mmi-container .recippe-product ul.product-ctg li:nth-child(even){padding:0 0 0 4px;}
#mmi-container .recippe-product ul.product-ctg li a{width:inherit; height:54px; background-position:left center; background-size:50px; padding:0 20px 0 50px;}
#mmi-container .recippe-product ul.product-ctg li a:after{width:10px; height:10px; right:4px; top:50%; margin-top:-5px; font-size:10px;}
#mmi-container .recippe-product ul.product-ctg li small{font-size:10px; letter-spacing:-0.05em;}


/*#mmi-container .cat-child-product ul.product-sub-ctg li span{ height:3.5em;}*/
#mmi-container .cat-child-product ul.product-sub-ctg li span{ height:4em;}


/* search result / details */
#mmi-container .recipe-search-result{padding:15px;}
#mmi-container .recipe-search-result > header{height:auto;}
#mmi-container .recipe-search-result > header h1{margin-bottom:5px;}
#mmi-container .recipe-search-result > header h1+p{width:100%;}
#mmi-container .recipe-search-result > header h1.result{padding:5px 10px; font-size:14px;}
#mmi-container .recipe-search-result > header p.search-meta{font-size:12px;}
#mmi-container .recipe-search-result > header p.search-meta em{font-size:14px;}
#mmi-container .recipe-search-result > header p.search-meta i{font-size:16px;}
#mmi-container .recipe-search-result > header a{display:none;}

#mmi-container .recipe-search-result nav ul {width:100%;}
#mmi-container .recipe-search-result nav ul li{width:33.3%;}
#mmi-container .recipe-search-result nav ul li a i{ bottom:-20px;}



#mmi-container .recipe-search-result .search-result{margin:0 -8px;}
#mmi-container .recipe-search-result .search-result figure{width:50%; padding:0 8px; margin-right:0; margin-bottom:16px;}
#mmi-container .recipe-search-result .search-result figcaption{padding:0; height:auto;}
#mmi-container .recipe-search-result .search-result figcaption p{height:auto; margin-bottom:10px; font-size:13px;}
#mmi-container .recipe-search-result .search-result figure:nth-child(2n+1){clear:both;}
#mmi-container .recipe-search-result .search-result figcaption dd{padding-left:25px; margin-bottom:5px; font-size:11px;}
#mmi-container .recipe-search-result .search-result figcaption dd small{font-size:8px;}
#mmi-container .link-recipe-top{text-align:center; font-size:12px;}
#mmi-container .link-recipe-top a{background:url(/recipe/img/recipe-logo.png) no-repeat center top; background-size:70px auto; padding-top:35px; display:block; width:100px; text-align:center; color:#f62837; font-family:noto; margin:0 auto;}
#mmi-container .link-recipe-top a:after{content:'\e902'; margin-left:5px; font-size:12px; vertical-align:middle;}
#mmi-container .recipe-details .recipe-box{width:auto; float:none; margin-bottom:15px;}
#mmi-container .recipe-details .recipe-box:nth-child(2n){float:none; clear:both;}
#mmi-container .recipe-details header{margin-bottom:10px;}
#mmi-container .recipe-details header dl dd{font-size:12px; padding-right:15px;}
#mmi-container .recipe-box.base-info .food-value{margin-bottom:10px;}
#mmi-container .recipe-box.base-info .food-value dl{float:none; width:auto;}
#mmi-container .recipe-box.base-info .food-value dl + dl{float:none; border-top:0;}
#mmi-container .recipe-box.base-info .food-value dt{padding:5px; float:left; width:60%; clear:both;}
#mmi-container .recipe-box.base-info .food-value dd{padding:5px; border-bottom:1px #dbdbdb solid; text-align:right; padding-left:60%;}
#mmi-container .recipe-box.base-info .product-array{clear:both; margin:0 -5px;}
#mmi-container .recipe-box.base-info .product-array li{width:33.3%; margin:0 0 12px 0; padding:0 5px;}
#mmi-container .recipe-box.base-info .product-array li:nth-child(4n+1){clear:none;}
#mmi-container .recipe-box.base-info .product-array li:nth-child(3n+1){clear:both;}
#mmi-container .recipe-box.ingredients h2{background-size:30px auto; font-size:16px;}
#mmi-container .recipe-box.ingredients table th,
#mmi-container .recipe-box.ingredients table td{border:none; border-bottom:1px #ccc dotted; padding:10px 5px;}
#mmi-container .recipe-box.howto h2{background-size:30px auto; font-size:16px;}
#mmi-container .recipe-box.howto .process{padding:10px 5px;}
#mmi-container .recipe-box.howto .process p{padding-left:30px; font-size:13px;}
#mmi-container .recipe-box.howto .process i{font-size:16px; width:24px; height:24px; line-height:22px; border-radius:12px;}
#mmi-container .recipe-box.howto .process i.first{width:50px; letter-spacing:.25em; padding-left:.25em; font-size:14px; line-height:22px;}
#mmi-container .recipe-box.howto .process i.first + p{padding-left:60px;}
#mmi-container .recipe-box.howto .memo{margin:15px 0 0; padding:5px 15px 15px; font-size:12px;}
#mmi-container .recipe-box.howto .memo h3{background-size:100px auto; height:20px;}
#mmi-container .recipe-points{background-size:7px 4px; padding:5px 10px; margin-bottom:20px;}
#mmi-container .recipe-points h2{font-size:16px;}
#mmi-container .recipe-points h2:before{font-size:24px; top:-4px;}
#mmi-container .recipe-points ul li{padding:8px 8px 8px 30px; position:relative; text-align:left;}
#mmi-container .recipe-points ul li:before{left:0; top:5px;}
#mmi-container .recipe-points ul li figure{margin:0 -5px; clear:both;}
#mmi-container .recipe-points ul li figure:after{content:''; display:block; clear:both;}
#mmi-container .recipe-points ul li figure img{border:3px #fff solid; margin:0 2%; width:46%; height:auto; display:block; float:left; box-sizing:border-box; margin-bottom:2%;}
#mmi-container .recipe-points ul li figure img:nth-child(4n){margin-right:0;}
/* detail search */
#mmi-container .recipe-search-result.regular header h1.detail-search{padding-top:0; padding-right:15px;}
#mmi-container .recipe-detail-search{padding:0; border-top:none; margin:0 -15px;}
#mmi-container .recipe-detail-search h2{width:100%; margin-bottom:15px; height:auto; border-radius:0; float:none; background-position:60% center; background-size:50px auto; text-align:left; padding:15px; font-size:18px;}
#mmi-container .recipe-detail-search ul{padding:0 15px 10px; clear:both;}
#mmi-container .recipe-detail-search ul:after{content:''; display:block; clear:both;}
#mmi-container .recipe-detail-search ul li{margin:0 10px 10px 0;}
#mmi-container .recipe-detail-search ul li a{padding:10px 10px; min-width:4em;}
/* theme search */
#mmi-container .recipe-search-result.regular header h1.theme-search{padding-top:0; padding-right:15px;}
#mmi-container .recipe-search-result.regular header h1.theme-search:before{font-size:24px;}
/* theme detail */
#mmi-container .recipe-search-result.regular header h1.theme-detail{padding-top:0; padding-right:15px;}
#mmi-container .theme-header{margin:0 -15px 20px;}
#mmi-container .theme-header img{width:100%; float:none;}
#mmi-container .theme-header figcaption{padding:10px 15px 15px;}
#mmi-container .theme-header figcaption .recipe-links{padding:15px 0;}
#mmi-container .theme-header figcaption .recipe-links li{width:100%; float:none;}
#mmi-container .theme-header figcaption .recipe-links li a{line-height:40px; padding:2px 15px 0;}

}

@media screen and (max-width:374px){
#mmi-container .recipe-details header dl dd{padding-right:10px;}
#mmi-container .recipe-details header dl dt.level+dd{font-size:14px}
}

/* SECTION SITESEARCH ======================================================================================================================================== */
#mmi-container .sitesearch-container{margin:0 auto; padding-top:18px; padding-bottom:15px;background:#fff;}
#mmi-container .sitesearch-container .content{float:left; width:700px;}
#mmi-container .sitesearch-container .content h2{font-size:20px; color:#0a3066; font-family:noto; padding:8px 0;}
#mmi-container .sitesearch-container .sitesearch-box{background:#e4f1f9; padding:12px; margin-bottom:18px;}
#mmi-container .sitesearch-container .input{width:390px; position:relative; height:42px; margin-right:40px; display:inline-block; vertical-align:middle;}
#mmi-container .sitesearch-container .input input{width:390px; position:absolute; left:0; top:0; height:42px; border:1px #222 solid; border-radius:3px; background:#fff; padding:0 15px; margin-right:40px; font-size:18px;}
#mmi-container .sitesearch-container .input button{width:30px; height:30px; position:absolute; right:5px; top:50%; margin-top:-15px; text-indent:-9999px; overflow:hidden;}
#mmi-container .sitesearch-container .input button:before{content:'\e916'; width:30px; height:30px; top:0; left:0; text-indent:0; text-align:center; line-height:30px; font-size:28px; color:#0a3066; display:block;}
#mmi-container .sitesearch-container label.sel{display:inline-block; vertical-align:middle;}
#mmi-container .sitesearch-container label.sel span{display:inline-block; vertical-align:middle; margin-right:15px; font-family:noto; font-size:16px;line-height:1.0; }
#mmi-container .sitesearch-container label.sel select{display:inline-block; position:relative; padding:5px 8px 4px; font-size:16px;}
#mmi-container .sitesearch-container .sitesearch-box:after{content:""; display:block; clear:both;}
#mmi-container .sitesearch-container .recommend{}
#mmi-container .sitesearch-container .recommend h2{margin-bottom:0;}
#mmi-container .sitesearch-container .recommend a.item{float:left; width:215px; margin-right:26px; display:block; cursor:pointer; margin-bottom:25px;}
#mmi-container .sitesearch-container .recommend a.item p{font-size:14px;word-wrap: break-word;}
#mmi-container .sitesearch-container .recommend a.item figure{width:100%; height:163px;  overflow:hidden; margin-bottom:5px; font-size:0; line-height:1.0}
#mmi-container .sitesearch-container .recommend a.item figure img{width:100%; height:auto; border-radius:4px; border:7px solid #e4f1f9;}
#mmi-container .sitesearch-container .recommend a.item:nth-child(3n){float:right; margin-right:0;}
#mmi-container .sitesearch-container .recommend a.item:nth-child(3n+1){clear:both;}
/*#mmi-container .sitesearch-container .recommend a.item:hover{text-decoration:none; opacity:0.7}*/
#mmi-container .sitesearch-container .recommend:after,
#mmi-container .sitesearch-container .recommend .items:after{content:""; display:block; clear:both;}
#mmi-container .sitesearch-container .result{border-top:1px solid #0a3066;}
#mmi-container .sitesearch-container .result h2{border-bottom:1px solid #b6c7d6;}
#mmi-container .sitesearch-container .result ul.items.items{margin-bottom:35px;}
#mmi-container .sitesearch-container .result ul.items li{border-bottom:1px solid #b6c7d6;word-wrap:break-word;}
#mmi-container .sitesearch-container .result ul.items li a{display:block; padding:12px 12px 12px 186px; min-height:144px; position:relative; color:#333;}
#mmi-container .sitesearch-container .result ul.items li figure{position:absolute; width:150px; height:115px; left:10px; top:12px; overflow:hidden;}
#mmi-container .sitesearch-container .result ul.items li figure img{width:100%; height:auto;border:5px solid #f5f5f2; border-radius:4px;}
#mmi-container .sitesearch-container .result ul.items li dl dt{font-weight:bold;margin-bottom:10px;}
#mmi-container .sitesearch-container .result ul.items li dl dd{margin-bottom:5px;}
#mmi-container .sitesearch-container .result ul.items li a span{font-size:13px; color:#f73b48; line-height:1.2;}
#mmi-container .sitesearch-container .result ul.items li a:hover{text-decoration:none;}
#mmi-container .sitesearch-container .result ul.items li a:hover dl dt{text-decoration:underline;}
#mmi-container .sitesearch-container .result ul.items li a:hover dl dd{text-decoration:underline;}
#mmi-container .sitesearch-container .result ul.items li a:hover span{text-decoration:underline;}
#mmi-container .sitesearch-container aside.sub-menu{width:245px; float:right;}
#mmi-container .sitesearch-container aside.sub-menu h2{font-size:16px; font-family:noto; line-height:1.0; background:#e4f1f9; border-radius:5px 5px 0 0; text-align:center; padding:14px 8px 12px;}
#mmi-container .sitesearch-container aside.sub-menu ul.text-link{border-top:1px solid #d5dde3; margin-bottom:20px;}
#mmi-container .sitesearch-container aside.sub-menu ul.text-link li a{font-size:14px; border-bottom:1px solid #d5dde3; padding:13px 8px 9px; display:block; line-height:1.43;}	
#mmi-container .sitesearch-container aside.sub-menu ul.border-link li{padding:8px; font-family:noto; font-size:16px;}
#mmi-container .sitesearch-container aside.sub-menu ul.border-link li a{border:1px solid #f73b48; color:#f73b48; padding:7px 28px 9px 13px; position:relative; display:block; line-height:1.43; background:#fff;}
#mmi-container .sitesearch-container aside.sub-menu ul.border-link li a:after{content:'\e902'; display:block; position:absolute; right:5px; top:50%; width:10px; height:10px; line-height:10px; margin-top:-5px; font-size:10px;}
#mmi-container .sitesearch-container aside.sub-menu ul.border-link li a:hover{background:#f73b48; color:#fff; text-decoration:none;}
#mmi-container .sitesearch-container aside.sub-menu ul.border-link li a:hover:after{color:#fff;}
#mmi-container .sitesearch-container aside.sub-menu h2.faq{background:#f62837; color:#fff;}
#mmi-container .sitesearch-container aside.sub-menu div.faq-link{background:#f5f5f2; border-radius:0 0 5px 5px; margin-bottom:20px;}
#mmi-container .sitesearch-container aside.sub-menu div.faq-link ul.text-link{margin-bottom:0;}

@media screen and (max-width:767px){
	#mmi-container .sitesearch-container aside.sub-menu{display:none;}
	
	#mmi-container .sitesearch-container{padding-top:0;}
	#mmi-container .sitesearch-container .content{float:none; width:100%;}
	#mmi-container .sitesearch-container .content h2{font-size:13px; padding:8px 0;}
	#mmi-container .sitesearch-container .sitesearch-box{padding:10px 15px; margin:0 -15px;}
	#mmi-container .sitesearch-container .input{float:none; width:100%; height:30px; margin:0 0 12px;}
	#mmi-container .sitesearch-container .input input{width:100%; height:30px; padding:0 10px; margin-right:20px; font-size:13px;}
	#mmi-container .sitesearch-container .input button{width:22px; height:22px; border-radius:22px; right:6px; top:50%; margin-top:-11px;}
	#mmi-container .sitesearch-container .input button:before{width:22px; height:22px; line-height:22px; font-size:22px;}	
	#mmi-container .sitesearch-container label.sel{float:right;}
	#mmi-container .sitesearch-container label.sel span{margin-right:12px; font-size:12px;}
	#mmi-container .sitesearch-container label.sel select{padding:2px 5px 1px; font-size:12px;}
	#mmi-container .sitesearch-container label.sel select:after{right:6px;}
	#mmi-container .sitesearch-container .recommend{margin-bottom:20px;}
	#mmi-container .sitesearch-container .recommend h2{margin-bottom:0;}
	#mmi-container .sitesearch-container .recommend a.item,
	#mmi-container .sitesearch-container .recommend a.item:nth-child(3n){float:none; width:100%; margin:0 0 15px; display:table;}
	#mmi-container .sitesearch-container .recommend a.item p{font-size:12px;display: table-cell; vertical-align:middle; padding-left:15px;}
	#mmi-container .sitesearch-container .recommend a.item figure{width:121px; height:83px; display:table-cell;}
	#mmi-container .sitesearch-container .recommend a.item figure img{border-width:5px;}
	#mmi-container .sitesearch-container .result h2{padding:10px 0;}
	#mmi-container .sitesearch-container .result ul.items.items{margin-bottom:28px;}
	#mmi-container .sitesearch-container .result ul.items li{border-bottom:1px solid #b6c7d6;}
	#mmi-container .sitesearch-container .result ul.items li a{padding:10px 0 3px; min-height:auto;}
	#mmi-container .sitesearch-container .result ul.items li figure{position:relative; width:95px; height:72px; left:0; top:0; float:left;}
	#mmi-container .sitesearch-container .result ul.items li figure img{border-width:3px;}
	#mmi-container .sitesearch-container .result ul.items li dl{padding-left:110px;}
	#mmi-container .sitesearch-container .result ul.items li dl dt{margin-bottom:0; font-size:12px;}
	#mmi-container .sitesearch-container .result ul.items li dl dd{ font-size:12px;}
	#mmi-container .sitesearch-container .result ul.items li a span.url{font-size:10px; line-height:1.1;}
}


/* SECTION IR ======================================================================================================================================== */
#mmi-container .ir-container{clear:both; padding-top:30px;}
#mmi-container .ir-container:after{content:""; display:block; clear:both;}
#mmi-container .ir-container .contents{width:740px; float:right; padding-top:20px; }
#mmi-container .ir-container.regular header figure{line-height:1.0; clear:both; padding-top:30px;}
#mmi-container .ir-container.regular header figure img:nth-child(2){ display:none;}
#mmi-container .ir-container .contents h3.year{background:#1f4374; color:#fff; font-family:noto; font-size:20px; padding:2px 10px 5px; margin-bottom:12px;}
#mmi-container .ir-container .contents h4.date{font-family:noto; font-size:18px; padding:0 10px; margin-bottom:13px}
#mmi-container .ir-container .contents h3.year + .library-list{margin-top:20px;}
#mmi-container .ir-container .contents h3.year + h4.date{margin-top:20px;}
#mmi-container .ir-container .contents .library-list + h4.date{margin-top:-9px;}
/* side menu */
#mmi-container .ir-container.regular aside.sub-menu.pc-side{width:205px; float:left; margin-bottom:40px;}
#mmi-container .ir-container.regular aside.sub-menu header{margin-bottom:20px;}
#mmi-container .ir-container.regular aside.sub-menu header h1{font-size:32px;}
#mmi-container .ir-container.regular aside.sub-menu header h1 i{font-size:18px; display:block; margin-top:5px;}
#mmi-container .ir-container ul.ctg-memu{border-top:1px solid #b6c7d6; font-family:noto; margin-bottom:14px;}
#mmi-container .ir-container ul.ctg-memu li a{display:block; color:#43608a; padding:11px 8px 11px 22px; position:relative; border-bottom:1px solid #b6c7d6;}
#mmi-container .ir-container ul.ctg-memu li a:before{content:"\e902"; color:#f73b48; font-size:10px; position:absolute; left:8px; top:50%; margin-top:-5px; line-height:1.0;}
#mmi-container .ir-container ul.ctg-memu li a.active{background:#f73b48; color:#fff !important;}
#mmi-container .ir-container ul.ctg-memu li a.active:before{color:#fff;}
#mmi-container .ir-container ul.ctg-memu li a:hover{text-decoration:none; color:#f73b48;}
#mmi-container .ir-container ul.bnr-menu li{margin-bottom:10px; font-family:noto;}
#mmi-container .ir-container ul.bnr-menu li.stock-bnr{border:1px solid #b7c2ce; background:#f3f6f8; padding:18px 12px 12px; line-height:1.0; text-align:center;}
#mmi-container .ir-container ul.bnr-menu li.stock-bnr dl dt,
#mmi-container .ir-container ul.bnr-menu li.stock-bnr dl dd{color:#002b72;}
#mmi-container .ir-container ul.bnr-menu li.stock-bnr dl dt{font-size:22px; margin-bottom:13px;}
#mmi-container .ir-container ul.bnr-menu li.stock-bnr dl dd{font-size:13;}
#mmi-container .ir-container ul.bnr-menu li.stock-bnr img{width:100%; height:auto; margin:10px 0;}
#mmi-container .ir-container ul.bnr-menu li.stock-bnr a{background:#1f4374; font-family:noto; color:#e5f1f8; position:relative; font-size:16px; border-radius:5px; display:block; padding:8px 0 10px;}
#mmi-container .ir-container ul.bnr-menu li.stock-bnr a:before{content:"\e902"; font-size:10px; position:absolute; left:10px; top:50%; margin-top:-5px; line-height:1.0; color:#fff;}
#mmi-container .ir-container ul.bnr-menu li.download-bnr a{border:1px solid #b7c2ce; background:#f3f6f8; padding:10px 12px 9px; display:block;}
#mmi-container .ir-container ul.bnr-menu li.download-bnr a span.ttl{padding-left:34px; display:block; color:#002b72; line-height:1.33; background:url(/common/img/icn-download.png) 4px 4px no-repeat; background-size:19px auto; margin-bottom:8px;}
#mmi-container .ir-container ul.bnr-menu li.download-bnr a span.sub-info{display:block; text-align:center; color:#333; line-height:1.0;}
#mmi-container .ir-container ul.bnr-menu li.stock-bnr a:hover,
#mmi-container .ir-container ul.bnr-menu li.download-bnr a:hover{opacity:0.7; text-decoration:none;}
#mmi-container .ir-container .contents ul.bnr-menu{display:none;}
#mmi-container .ir-container .contents .ir-bnrs{margin-bottom:80px;}
#mmi-container .ir-container .contents .ir-bnrs h2{font-size:20px; font-family:noto; margin-bottom:17px;}
#mmi-container .ir-container .contents .ir-bnrs li{width:360px; float:left; line-height:0; margin-bottom:25px;}
#mmi-container .ir-container .contents .ir-bnrs li img{width:100%; height:auto;}
#mmi-container .ir-container .contents .ir-bnrs li:nth-child(even){float:right;}
/*#mmi-container .ir-container .contents .ir-bnrs li:nth-child(3n){clear:both; float:none; width:100%;}
#mmi-container .ir-container .contents .ir-bnrs li:nth-child(3n) img{width:auto; max-width:100%;}*/

/*ir anchor*/
#mmi-container .ir-container .contents .anchor{border-top:2px solid #1f4374; padding-top:18px; margin-bottom:30px;}
#mmi-container .ir-container .contents .anchor ul li{float:left; display:inline-block; font-family:noto; text-align:center; font-size:18px; vertical-align:middle; margin-right:8px; margin-bottom:10px; width:125px;}
#mmi-container .ir-container .contents .anchor ul li a{display:block; padding:1px 14px 3px 24px; position:relative; border:1px #618ac5 solid; border-radius:32px; box-shadow:2px 3px 5px 0 rgba(0,0,0,.3); color:#1f4374;}
#mmi-container .ir-container .contents .anchor ul li a:before{content:"\e904";  font-size:12px; position:absolute; left:12px; top:50%; margin-top:-6px; line-height:1.0;}
#mmi-container .ir-container .contents .anchor ul li a:hover{text-decoration:none; box-shadow:none;}
#mmi-container .ir-container .contents .ir-news .tabs li.go-archive{margin-top:7px;}
#mmi-container .ir-container .contents .ir-news .tabs li.go-archive,
#mmi-container .ir-container .contents .anchor li.go-archive{float:right; font-size:16px; text-align:center; width:186px; height:36px; border:none;}
#mmi-container .ir-container .contents .ir-library .anchor li.go-archive{width:220px;}
#mmi-container .ir-container .contents .ir-news .tabs li.go-archive a,
#mmi-container .ir-container .contents .anchor li.go-archive a{display:block; padding:3px 9px 6px 4px; color:#1f4374; position:relative; background:#e5e9ee; border-radius:36px; border:none; box-shadow:none;}
#mmi-container .ir-container .contents .ir-news .tabs li.go-archive a:before,
#mmi-container .ir-container .contents .anchor li.go-archive a:before{content:"\e902";  font-size:12px; position:absolute; left:calc(100% - 20px); top:50%; margin-top:-6px; line-height:1.0; display:inline-block;}
#mmi-container .ir-container .contents .ir-news .tabs li.go-archive a:hover,
#mmi-container .ir-container .contents .anchor li.go-archive a:hover{background:#1f4374; color:#fff; text-decoration:none;}
#mmi-container .ir-container .contents .anchor ul:after,
#mmi-container .ir-container .contents .ir-news .tabs ul:after{content:""; display:block; clear:both;}


/* tab menu */
#mmi-container .ir-container .contents .tabs{margin-bottom:25px;}
#mmi-container .ir-container .contents .tabs.bottom{margin-top:30px; margin-bottom:85px;}
#mmi-container .ir-container .contents .tabs ul li{width:calc((100% - 1px) / 3); border:1px solid #5682c1; border-width:1px 1px 1px 0; font-family:noto; font-size:18px; text-align:center; float:left; margin-top:-1px; overflow:hidden;}
#mmi-container .ir-container .contents .tabs ul li:nth-child(3n+1){border-left-width:1px;}
#mmi-container .ir-container .contents .tabs.duo ul li{width:50%;}
#mmi-container .ir-container .contents .tabs.duo ul li:nth-child(3n+1){border-left-width:0;}
#mmi-container .ir-container .contents .tabs.duo ul li:nth-child(2n+1){border-left-width:1px;}
#mmi-container .ir-container .contents .tabs ul li a{display:table; width:101%; padding:7px 0 9px; color:#1f4374; position:relative; background:#fff;}
#mmi-container .ir-container .contents .tabs ul li a span{display:table-cell; vertical-align:middle;}
#mmi-container .ir-container .contents .tabs ul li a.active{color:#fff; background:#1f4374; cursor:default; pointer-events: none;}
#mmi-container .ir-container .contents .tabs ul li a:before{content:"\e902"; font-size:10px; position:absolute; left:8px; top:50%; margin-top:-5px; line-height:1;}
#mmi-container .ir-container .contents .tabs ul li a.active:before{display:none;}
#mmi-container .ir-container .contents .tabs ul li a:hover{color:#fff; background:#1f4374; text-decoration:none;}
#mmi-container .ir-container .contents .tabs ul:after{content:''; display:block; clear:both;}
#mmi-container .ir-container .contents .tabs.highlight ul li{border-color:#f62837;}
#mmi-container .ir-container .contents .tabs.highlight ul li a{color:#f62837;}
#mmi-container .ir-container .contents .tabs.highlight ul li a.active,
#mmi-container .ir-container .contents .tabs.highlight ul li a:hover{background:#f62837; color:#fff;}

/*index*/
#mmi-container .ir-container.regular.index aside.sub-menu header{display:none;}
#mmi-container .ir-container.regular.index .contents{padding-top:0;}
#mmi-container .ir-container .contents .ir-top{border-top:1px solid #f73b48; width:100%; font-family:noto; color:#f73b48; text-align:center; padding:35px 0 30px; margin-top:-126px; background:#fff;}
#mmi-container .ir-container .contents .ir-top h1{font-size:0;line-height:1.0; width:183px; margin-right:20px; display:inline-block; vertical-align:middle;}
#mmi-container .ir-container .contents .ir-top h1 img{max-width:100%; height:auto;}
#mmi-container .ir-container .contents .ir-top p.dscp{line-height:32px; display:inline-block; vertical-align:middle; text-align:left;}
#mmi-container .ir-container .contents .top-btn{margin-bottom:30px;}
#mmi-container .ir-container .contents .top-btn:after{content:""; display:block; clear:both;}
#mmi-container .ir-container .contents .top-btn li{float:left; margin-right:2px; width:367px; position:relative;}
#mmi-container .ir-container .contents .top-btn li:nth-child(2n){margin-right:0;}
#mmi-container .ir-container .contents .top-btn li:nth-child(2n+1){clear:both;}
#mmi-container .ir-container .contents .top-btn li figure{position:relative; line-height:1.0;}
#mmi-container .ir-container .contents .top-btn li figure img{width:100%; height:auto;}
#mmi-container .ir-container .contents .top-btn li figure figcaption{position:absolute; font-family:noto; font-size:18px; color:#fff; text-shadow:0 0 rgba(0,0,0,0.2); left:13px; bottom:16px;}
#mmi-container .ir-container .contents .top-btn li figure figcaption i{font-size:13px; line-height:1.53; display:block; margin-top:16px;}
#mmi-container .ir-container .contents .top-btn li figure figcaption i b{font-size:17px; font-weight:normal}
#mmi-container .ir-container .contents .top-btn li a{position:absolute; right:12px; bottom:15px; z-index:2; background:rgba(246,40,55,0.7); color:#fff; font-family:noto; text-align:center; padding:12px 22px 11px; line-height:1.0; width:170px; border-radius:38px;}
#mmi-container .ir-container .contents .top-btn li a:before{content:"\e902"; font-size:10px; position:absolute; left:15px; top:50%; margin-top:-4px;}
#mmi-container .ir-container .contents .top-btn li a:hover{text-decoration:none; opacity:0.7;}
#mmi-container .ir-container.index .contents .ir-news header{border-bottom:2px solid #0a3066; padding-bottom:6px; margin-bottom:2px}
#mmi-container .ir-container.index .contents .ir-news header h2{font-size:20px; color:#2c2d2d;}
#mmi-container .ir-container.index .contents .ir-news dl{border-top:none;}
#mmi-container .ir-container .contents .child-content{margin-bottom:30px;}
#mmi-container .ir-container .contents .child-content h2{font-size:18px; line-height:1.0; font-family:noto; margin-bottom:15px; background:#f6f7f5; border-radius:5px; border:1px #d3d9da solid; text-align:center;}
#mmi-container .ir-container .contents .child-content h2 a{display:block; color:#333; padding:16px 20px; background:url(/common/img/icn_customer_h3.png) left center no-repeat;}
#mmi-container .ir-container .contents .child-content h2 a:hover{opacity:0.7; text-decoration:none;}
#mmi-container .ir-container .contents .child-content ul,
#mmi-container .ir-container .contents .child-content p{margin-bottom:27px;}
#mmi-container .ir-container .contents .child-content li{position:relative; padding-left:22px; margin-bottom:8px;}
#mmi-container .ir-container .contents .child-content li:before{content:"\e902"; color:#f73b48; font-size:10px; position:absolute; left:8px; top:50%; margin-top:-5px; line-height:1.0;}
#mmi-container .ir-container .contents .child-content .left{float:left; clear:both;}
#mmi-container .ir-container .contents .child-content .middle{float:left; margin-left:20px;}
#mmi-container .ir-container .contents .child-content .right{float:right;}
#mmi-container .ir-container .contents .child-content .clr:after{clear:both; content:""; display:block;}
#mmi-container .ir-container .contents .child-content .column2 .left,
#mmi-container .ir-container .contents .child-content .column2 .right{width:360px;}
#mmi-container .ir-container .contents .child-content .etc{margin-bottom:60px;}
#mmi-container .ir-container .contents .child-content .etc h2{width:235px; float:left; margin-right:17px; font-size:16px; margin-bottom:0;}
#mmi-container .ir-container .contents .child-content .etc h2 a{padding:17px 0 17px 10px;}
#mmi-container .ir-container .contents .child-content .etc h2:last-child{margin:0;}
#mmi-container .ir-container .contents .child-content .etc:after{content:""; display:block; clear:both;}
/*ir-news*/
#mmi-container .ir-container .contents .ir-news.archive dl{margin-bottom:50px;}
#mmi-container .ir-container .contents .ir-news.archive dl:last-child{margin-bottom:120px;}
#mmi-container .ir-container .contents .ir-news dl{margin:0 0 45px 0; border-top:1px #b6c7d6 solid;}
#mmi-container .ir-container .contents .ir-news dl dt{padding:18px 0 17px 8px; clear:both; float:left; width:240px; line-height:1.0; position:relative;}
#mmi-container .ir-container .contents .ir-news dl dd{padding:15px 0 13px 240px; border-bottom:1px #b6c7d6 solid; line-height:1.5;}
#mmi-container .ir-container .contents .ir-news dl dt i{position:absolute; right:0; top:13px; padding:0 12px; display:block; line-height:23px; height:23px; border-radius:23px; font-family:noto; color:#fff; margin-right:10px; background:#000; font-size:14px; width:90px; text-align:center;}
#mmi-container .ir-container .contents .ir-news dl dt i.disclosure{background:#34944d;}
#mmi-container .ir-container .contents .ir-news dl dt i.information{background:#149fe8;}
#mmi-container .ir-container .contents .ir-news dl dt i.ir {background:#1f4374;}
#mmi-container .ir-container .contents .ir-news dl dd.pdf a:after{content:""; display:inline-block; vertical-align:middle; background:url(/common/img/icn-pdf.png) left center no-repeat; background-size:21px 22px; width: 21px; height:22px; margin-left:6px;}
#mmi-container .ir-container .contents .ir-news .detail {border-bottom:1px solid #c0cedb; margin-bottom:50px;}
#mmi-container .ir-container .contents .ir-news .detail h2{border:1px solid #0a3066; border-width:1px 0; padding:18px 12px 12px; color:#333; font-size:24px; line-height:1.42; margin-bottom:6px; font-family:noto;}
#mmi-container .ir-container .contents .ir-news .detail p{font-size:16px;}
#mmi-container .ir-container .contents .ir-news .detail p.date{text-align:right; margin-bottom:15px;}
#mmi-container .ir-container .contents .ir-news .detail .content{margin-bottom:35px;}
#mmi-container .ir-container .contents .ir-news .detail .attach{border:1px solid #c0cedb; padding:23px 20px 19px 74px; margin-bottom:30px}
#mmi-container .ir-container .contents .ir-news .detail .attach.pdf{background: url(/common/img/icn-pdf.png) 9px 10px no-repeat; background-size:45px auto;}
#mmi-container .ir-container .contents .ir-news a.btn-index{width:535px; display:block; margin:50px auto; color:#0a3066; text-align:center; background:#f6f6f7; border:1px solid #c0cedb; padding:24px 0; font-size:20px; line-height:1.0; font-family:noto;}
#mmi-container .ir-container .contents .ir-news a.btn-index:hover{color:#fff; background:#0a3066; text-decoration:none;}
/*ir-result*/
#mmi-container .ir-container .contents .ir-result{margin-bottom:70px;}
#mmi-container .ir-container .contents .ir-result .ir-graph .column{float:left; padding:0 8px; width:360px; margin-bottom:50px;}
#mmi-container .ir-container .contents .ir-result .ir-graph .column h3{font-size:15px; font-weight:bold; margin-bottom:7px;}
#mmi-container .ir-container .contents .ir-result .ir-graph .column figure{line-height:1.0;}
#mmi-container .ir-container .contents .ir-result .ir-graph .column figure img{max-width:100%; height:auto;}
#mmi-container .ir-container .contents .ir-result .ir-graph .column p.unit{text-align:right; line-height:1.0; margin:0;}
#mmi-container .ir-container .contents .ir-result .ir-graph .column p.footnote{font-size:13px; margin:8px 0 0;}
#mmi-container .ir-container .contents .ir-result .ir-graph .column:nth-child(2n){float:right;}
#mmi-container .ir-container .contents .ir-result .ir-graph .column:nth-child(2n+1){clear:both;}
#mmi-container .ir-container .contents .ir-result .ir-graph:after{content:""; display:block; clear:both;}
#mmi-container .ir-container .contents .ir-result .ir-note h3{font-size:14px; font-weight:bold; margin-bottom:;}
#mmi-container .ir-container .contents .ir-result .ir-note ul{margin-bottom:23px; padding-left:1em;}
#mmi-container .ir-container .contents .ir-result .ir-note ul li{padding-left:1em; text-indent:-1em; font-size:14px;}
#mmi-container .ir-container .contents .ir-result .ir-note ul li:before{content:"・"; display:inline-block; }
#mmi-container .ir-container .contents .ir-result .ir-table {margin-bottom:15px;}
#mmi-container .ir-container .contents .ir-result .ir-table th{background:#f6f7f5;}
#mmi-container .ir-container .contents .ir-result  p.footnote{font-size:13px; margin:0px 0 20px 0;}
#mmi-container .ir-container .contents .ir-result .qirTable th,#mmi-container .ir-container .contents .ir-result .qirTable td{margin:0;padding:2px!important;}

#mmi-container .ir-container .contents table.ir-table.skill td{width:12%!important;padding: 7px 5px!important; text-align:center;}
#mmi-container .ir-container .contents table.ir-table.skill th:nth-of-type(1){width:16%!important;}

/*ir-library*/
#mmi-container .ir-container .contents ul.library-list{margin-bottom:30px; border-top:1px #b6c7d6 solid;}
#mmi-container .ir-container .contents ul.library-list li{padding:15px 15px 13px; border-bottom:1px #b6c7d6 solid; line-height:1.5;}
#mmi-container .ir-container .contents ul.library-list li a{position:relative;}
#mmi-container .ir-container .contents ul.library-list li a:after{content:""; display:inline-block; vertical-align:middle; background:url(/common/img/icn-pdf.png) left center no-repeat; background-size:21px 22px; width: 21px; height:22px; margin-left:6px; margin-right:10px;}
#mmi-container .ir-container .contents ul.library-list li b{font-weight:normal;}
#mmi-container .ir-container .contents ul.library-thumb-list{margin:0 0 40px; border-top:1px #b6c7d6 solid;}
#mmi-container .ir-container .contents ul.library-thumb-list li{border-bottom:1px #b6c7d6 solid; line-height:1.0;}
#mmi-container .ir-container .contents ul.library-thumb-list li a{display:table; padding:9px 10px; width:100%;}
#mmi-container .ir-container .contents ul.library-thumb-list li a figure{display:table-cell; width:calc(106px + 20px); padding-right:20px; vertical-align:middle; }
#mmi-container .ir-container .contents ul.library-thumb-list li a figure img{width:100%; height:auto;}
#mmi-container .ir-container .contents ul.library-thumb-list li a span{display:table-cell; position:relative; vertical-align:middle; width:calc(100% - 208px);}
#mmi-container .ir-container .contents ul.library-thumb-list li a span:after{content:""; display:inline-block; vertical-align:middle; background:url(/common/img/icn-pdf.png) left center no-repeat; background-size:21px 22px; width: 21px; height:22px; margin-left:6px;}
#mmi-container .ir-container .contents .annual ul.library-thumb-list li a figure{width:calc(105px + 20px);}
#mmi-container .ir-container .contents .annual ul.library-thumb-list li a span{width:calc(100% - 125px);}
#mmi-container .ir-container .contents .library-index ul.library-list{border-top:none;}
#mmi-container .ir-container .contents .ir-library .library-index h2{font-size:20px; font-family:noto; border-bottom:2px solid #43608a; padding-bottom:10px; margin-bottom:20px;}
#mmi-container .ir-container .contents .ir-library .library-index h3{background:#f6f7f5; font-family:noto; font-size:20px; padding:3px 10px;}
#mmi-container .ir-container .contents .ir-library a.btn-download{width:545px; margin:50px auto 60px;border:1px solid #b7c2ce; background:url(/common/img/icn-download.png) 18px center no-repeat #f3f6f8; background-size:32px auto; padding:23px 50px 25px; display:block; font-family:noto; line-height:1.0; font-size:16px; text-align:center;}
#mmi-container .ir-container .contents .ir-library a.btn-download span.ttl{display:inline-block; vertical-align:middle; color:#002b72; font-size:20px;}
#mmi-container .ir-container .contents .ir-library a.btn-download span.sub-info{display:inline-block; vertical-align:middle; color:#333; margin-left:5px;}
#mmi-container .ir-container .contents .ir-library a.btn-download:hover{opacity:0.7;}
/*ir-calendar*/
#mmi-container .ir-container .contents table.ir-table th,
#mmi-container .ir-container .contents table.ir-table td{padding:10px 18px;}
#mmi-container .ir-container .contents table.ir-table thead th,
#mmi-container .ir-container .contents table.ir-table thead td{background:#f6f7f5; text-align:center;}

#mmi-container .ir-container .contents table.ir-table tr.gray th,
#mmi-container .ir-container .contents table.ir-table tr.gray td{background:#f6f7f5; text-align:center;}

#mmi-container .ir-container .contents table.ir-table th{border-left:1px #b6c7d6 solid; width:150px}
#mmi-container .ir-container .contents table.ir-table td,
#mmi-container .ir-container .contents table.ir-table thead th{border-right:1px #b6c7d6 solid;}
#mmi-container .ir-container .contents table.ir-table:last-child{margin-bottom:120px;}
#mmi-container .ir-container .contents table.ir-table.individual {margin-bottom:20px;}
#mmi-container .ir-container .contents table.ir-table.individual td{text-align:right;}


/* management */
#mmi-container .ir-container section h3{font-size:22px; font-family:noto; padding-bottom:10px; margin:40px 0 20px 0; border-bottom:1px #b6c7d6 solid;}
#mmi-container .ir-container section h3:first-of-type{margin-top:0;}
#mmi-container .ir-container section p.lead{line-height:1.86; margin-bottom:8px;}
#mmi-container .ir-container section p.lead + h3:first-of-type{margin-top:25px;}
#mmi-container .ir-container section .basis-policy{background:url(/ir/management/img/bg_basisPolicy.jpg) center top no-repeat; padding:17px 0; text-align:center; position:relative; margin-bottom:25px;}
#mmi-container .ir-container section .basis-policy h3{color:#f73b48; border:none; padding:0; margin:0 0 12px;}
#mmi-container .ir-container section .basis-policy ol{position:absolute; left:0; top:0;}
#mmi-container .ir-container section .basis-policy ol li{text-indent:200%; overflow:hidden; white-space:nowrap;}
#mmi-container .ir-container section .basis-policy figure{font-size:0; line-height:1.0;}
#mmi-container .ir-container section .plan-nav{margin-bottom:45px;}
#mmi-container .ir-container section .plan-nav a{display:block; width:235px; float:left; margin-right:16px; background-color:#f6f7f5; color:#333;}
#mmi-container .ir-container section .plan-nav a h4{text-align:center; color:#f73b48; font-size:18px; font-family:noto; padding:1px 10px 3px; margin:0;  background-color:#f6f7f5; position:relative; font-weight:normal;}
#mmi-container .ir-container section .plan-nav a h4:before{content:"\e902"; font-size:10px; position:absolute; left:10px; top:50%; margin-top:-8px;}
#mmi-container .ir-container section .plan-nav a figure{font-size:0; line-height:1.0;}
#mmi-container .ir-container section .plan-nav a figure img{width:100%; height:auto;}
#mmi-container .ir-container section .plan-nav a p{ margin:10px; font-size:14px; line-height:1.71}
#mmi-container .ir-container section .plan-nav a:hover{text-decoration:none;}
#mmi-container .ir-container section .plan-nav a:hover p{text-decoration:underline;}
#mmi-container .ir-container section .plan-nav a.active{cursor:default; pointer-events: none;}
#mmi-container .ir-container section .plan-nav a.active h4,
#mmi-container .ir-container section .plan-nav a:hover h4{background:#f73b48; color:#fff;}
#mmi-container .ir-container section .plan-nav a:nth-child(n+4){clear:both; margin-top:15px;}
#mmi-container .ir-container section .plan-nav a:nth-child(3n){float:right; margin-right:0;}
#mmi-container .ir-container section .plan-nav:after{content:""; display:block; clear:both;}
#mmi-container .ir-container section.plan-index .plan-nav a h4{background:#f73b48; color:#fff; cursor:default; pointer-events: none; font-weight:normal;}
#mmi-container .ir-container section.plan-index .plan-nav a:hover h4{opacity:0.7;}
#mmi-container .ir-container .contents table.ir-table.style01,
#mmi-container .ir-container .contents table.ir-table.style02{margin-bottom:42px;}
#mmi-container .ir-container .contents table.ir-table.style01 thead th,
#mmi-container .ir-container .contents table.ir-table.style01 thead td,
#mmi-container .ir-container .contents table.ir-table.style02 thead th,
#mmi-container .ir-container .contents table.ir-table.style02 thead td{padding-left:5px; padding-right:5px;}
#mmi-container .ir-container .contents table.ir-table.style01 td,
#mmi-container .ir-container .contents table.ir-table.style02 td{text-align:right;}
#mmi-container .ir-container .contents table.ir-table.style01 caption,
#mmi-container .ir-container .contents table.ir-table.style02 caption{font-size:18px; font-family:noto; margin-bottom:18px;}
#mmi-container .ir-container .contents table.ir-table.style01 thead th,
#mmi-container .ir-container .contents table.ir-table.style01 thead td{background:#eb6168; color:#fff;}
#mmi-container .ir-container .contents table.ir-table.style01 tfoot th,
#mmi-container .ir-container .contents table.ir-table.style01 tfoot td{background:#fce9ea;}
#mmi-container .ir-container .contents table.ir-table.style01.yellow thead th,
#mmi-container .ir-container .contents table.ir-table.style01.yellow thead td{background:#e98d44;}
#mmi-container .ir-container .contents table.ir-table.style02 thead th{width:calc((100% - 243px)/3);}
#mmi-container .ir-container .contents table.ir-table.style02 thead th:first-child{width:243px;}
#mmi-container .ir-container .contents table.ir-table.style02 thead th:last-child{background:#eb6168; color:#fff;}
#mmi-container .ir-container .contents table.ir-table.style02 tbody td:last-child{background:#fce9ea;}
#mmi-container .ir-container .contents ul.table-footnote{margin-top:-32px; margin-bottom:42px;}
#mmi-container .ir-container .contents ul.table-footnote li{font-size:13px; padding-left:1em; position:relative;}
#mmi-container .ir-container .contents ul.table-footnote li:before{content:"*"; display:block; position:absolute; left:0; top:1px; width:1em;}
#mmi-container .ir-container .contents table.ir-table + .plan-nav{margin-top:60px;}
/* meaaage */
#mmi-container .top-msg{clear:both; margin-bottom:40px;}
#mmi-container .top-msg:after{content:''; display:block; clear:both;}
#mmi-container .top-msg .msg{float:right; width:400px;}
#mmi-container .top-msg .msg p{margin-bottom:0.5em;}
#mmi-container .top-msg figure{float:left; width:320px;}
#mmi-container .top-msg p.signature{text-align:right; clear:both;}
/* sub index */
#mmi-container header.visual-header{background:#f7f7f6; height:230px; position:relative; padding:60px 420px 0 25px; margin-bottom:50px;}
#mmi-container header.visual-header img{position:absolute; right:0; top:0;}
#mmi-container header.visual-header h2{font-size:26px; color:#f62837; margin:0 0 20px; float:none;}
#mmi-container header.visual-header p{font-family:noto; color:#f62837; clear:both;}
#mmi-container nav.visual-menu{clear:both; margin-bottom:40px;}
#mmi-container nav.visual-menu:after{content:''; display:block; clear:both;}
#mmi-container nav.visual-menu .menu-item{width:360px; float:left; margin-bottom:20px; position:relative;}
#mmi-container nav.visual-menu .menu-item:nth-child(even){float:right;}
#mmi-container nav.visual-menu .menu-item:nth-child(odd){clear:both;}
#mmi-container nav.visual-menu .menu-item a{display:block; position:relative; background:#f7f7f6 url(/common/img/icn_customer_h3.png) left 162px no-repeat; border-radius:8px; padding:160px 15px 15px 30px;}
#mmi-container nav.visual-menu .menu-item a:hover{text-decoration:none;}
#mmi-container nav.visual-menu .menu-item img{position:absolute; left:0; top:0; display:block; width:100%; height:auto;}
#mmi-container nav.visual-menu .menu-item i{font-size:58px; color:#f3303e; font-weight:bold; font-family:Arial, Helvetica, sans-serif; position:absolute; left:15px; top:15px; z-index:1; line-height:58px;}
#mmi-container nav.visual-menu .menu-item h3{font-size:18px; border:0; padding:0; margin:0 0 10px; color:#333; line-height:1.1; font-family:noto;}
#mmi-container nav.visual-menu .menu-item p{color:#333; margin-bottom:0;}
#mmi-container nav.visual-menu .menu-item.no-image{}
#mmi-container nav.visual-menu .menu-item.no-image a{background:#fff url(/common/img/icn_customer_h3.png) left center no-repeat; padding:20px 15px 20px 30px; color:#f62837; line-height:1; border:1px #f62837 solid; text-align:center; font-family:noto;}
#mmi-container nav.visual-menu .menu-item.no-image a h3{color:#f62837; margin:0;}
#mmi-container nav.visual-menu .menu-item.no-image a:hover{background:#f62837; color:#fff;}
#mmi-container nav.visual-menu .menu-item.no-image a:hover h3{color:#fff;}


/* individual */
#mmi-container .ir-container .contents .columns{background:#f9f5f0; padding:30px 25px; margin:35px 0;}
#mmi-container .ir-container .contents .columns h3{border:0 none; padding:0; margin-bottom:15px; font-size:22px;}
#mmi-container .ir-container .contents .columns h3 i{background:#f62837; color:#fff; border-radius:15px; display:inline-block; margin-right:5px; padding:3px 15px; line-height:1;}
#mmi-container .ir-container .contents .columns p:last-child{margin-bottom:0;}
#mmi-container .ir-container .contents h4{font-weight:bold; font-size:18px; margin-bottom:15px;}
#mmi-container .ir-container .contents .ir-table.dividend{table-layout:fixed;}
#mmi-container .ir-container .contents .ir-table.dividend tbody td{text-align:right;}


/*download adobe*/

#mmi-container .ir-container .contents #download{padding-top:20px;padding-bottom:10px;}
#mmi-container .ir-container .contents #download img{padding-right:10px;padding-bottom:7px;}




@media screen and (min-width:768px){
 #mmi-container .ir-container.index .contents .ir-news header h2 + a{top:-7px; float:right; font-size:16px; height: 37px;border-radius: 37px;line-height: 33px;}
}

@media screen and (max-width:767px){	
	
	#mmi-container .ir-container{clear:both; padding-top:14px;}
	#mmi-container .ir-container .contents{width:100%; float:none; padding-top:0;}
	#mmi-container .ir-container.regular header{margin-bottom:15px;}
	#mmi-container .ir-container.regular header h2{font-size:20px;}
	#mmi-container .ir-container.regular header figure{padding:10px 0 20px;}
	#mmi-container .ir-container.regular header figure img{display:none;}
	#mmi-container .ir-container.regular header figure img:nth-child(2){display:block; width:100%; height:auto;}
	#mmi-container .ir-container .contents h3.year{font-size:15px; padding:3px 10px;}
	#mmi-container .ir-container .contents h4.date{font-size:12px; padding:0; margin-bottom:7px}
	#mmi-container .ir-container .contents h3.year + .library-list{margin-top:0;}
	#mmi-container .ir-container .contents h3.year + h4.date{margin-top:0;}
	#mmi-container .ir-container .contents h4.date + .library-list{margin-top:0;}
	#mmi-container .ir-container .contents .library-list + h4.date{margin-top:-9px;}
	#mmi-container .ir-container .contents ul.bnr-menu{display:block;}	
	#mmi-container .ir-container ul.bnr-menu{margin-bottom:35px;}
	#mmi-container .ir-container ul.bnr-menu li{margin-bottom:10px;}
	#mmi-container .ir-container ul.bnr-menu li.stock-bnr{padding:18px 12px 12px;}
	#mmi-container .ir-container ul.bnr-menu li.stock-bnr dl dt{font-size:25px;}
	#mmi-container .ir-container ul.bnr-menu li.stock-bnr dl dd{font-size:18px;}
	#mmi-container .ir-container ul.bnr-menu li.stock-bnr img{margin:15px 0;}
	#mmi-container .ir-container ul.bnr-menu li.stock-bnr a{font-size:26px; padding:8px 0 10px;}
	#mmi-container .ir-container ul.bnr-menu li.stock-bnr a:before{font-size:14px;margin-top:-6px;}
	#mmi-container .ir-container ul.bnr-menu li.download-bnr a{padding:8px 10px 7px 55px;background:url(/common/img/icn-download.png) 10px 15px no-repeat #f3f6f8; background-size:32px auto;}
	#mmi-container .ir-container ul.bnr-menu li.download-bnr a span.ttl{padding:0; background:none; margin-bottom:5px; font-size:17px;}
	#mmi-container .ir-container ul.bnr-menu li.download-bnr a span.ttl br{display:none;}
	#mmi-container .ir-container ul.bnr-menu li.download-bnr a span.sub-info{text-align:left;}
	#mmi-container .ir-container .contents .ir-bnrs{margin-bottom:20px;}
	#mmi-container .ir-container .contents .ir-bnrs h2{font-size:17px; margin-bottom:8px;}
	#mmi-container .ir-container .contents .ir-bnrs li,
	#mmi-container .ir-container .contents .ir-bnrs li:nth-child(3n+2),
	#mmi-container .ir-container .contents .ir-bnrs li:nth-child(3n){width:100%; float:none;margin-bottom:10px;}
	#mmi-container .ir-container.regular aside.sub-menu{display:none;}	
	/*ir anchor*/
	#mmi-container .ir-container .contents .anchor{border-top-width:1px; padding-top:10px; margin-bottom:20px;}
	#mmi-container .ir-container .contents .anchor ul li{font-size:13px; margin-right:5px; margin-bottom:5px; width:calc((100% - 15px)/ 3);}
	#mmi-container .ir-container .contents .anchor ul li a{display:block; padding:2px 5px 2px 15px; border-radius:26px;}
	#mmi-container .ir-container .contents .anchor ul li a:before{left:6px;}
	#mmi-container .ir-container .contents .ir-news .tabs li.go-archive{margin-top:5px;}
	#mmi-container .ir-container .contents .anchor li.go-archive{clear:both; margin-top:10px;}
	#mmi-container .ir-container .contents .ir-news .tabs li.go-archive,
	#mmi-container .ir-container .contents .anchor li.go-archive{font-size:12px; width:140px; height:26px; margin-bottom:0;}
	#mmi-container .ir-container .contents .ir-library .anchor li.go-archive{width:200px;}
	#mmi-container .ir-container .contents .ir-news .tabs li.go-archive a,
	#mmi-container .ir-container .contents .anchor li.go-archive a{font-size:12px; width:90%; height:26px; padding:2px 0 3px; border-radius:26px; letter-spacing:-0.05em; margin-left:5%;}
	#mmi-container .ir-container .contents .ir-news .tabs li.go-archive a:before,
	#mmi-container .ir-container .contents .anchor li.go-archive a:before{left:calc(100% - 15px);}
		/* tab menu */
	#mmi-container .ir-container .contents .tabs{margin-bottom:17px;}
	#mmi-container .ir-container .contents .tabs.bottom{margin-top:25px; margin-bottom:25px;}
	#mmi-container .ir-container .contents .tabs ul li{font-size:12px; width:50% !important;}
	#mmi-container .ir-container .contents .tabs ul li:nth-child(3n+1){border-left-width:0;}
	#mmi-container .ir-container .contents .tabs ul li:nth-child(2n+1){border-left-width:1px;}	
	#mmi-container .ir-container .contents .tabs ul li a{padding:4px 15px 5px;}
	/*index*/
	#mmi-container .ir-container .contents .ir-top{padding:17px 0 30px; margin:0;}
	#mmi-container .ir-container .contents .ir-top h1{line-height:1.0; width:100%; margin:0 0 10px; display:block;}
	#mmi-container .ir-container .contents .ir-top h1 img{width:160px; height:auto;}
	#mmi-container .ir-container .contents .ir-top p.dscp{line-height:20px; text-align:left; display:block; font-size:14px;}
	#mmi-container .ir-container .contents .top-btn{margin-bottom:27px;}
	#mmi-container .ir-container .contents .top-btn li{float:none; margin:0 0 18px; width:100%;}
	#mmi-container .ir-container .contents .top-btn li figure{position:relative; line-height:1.0; font-size:0; margin-bottom:10px;}
	#mmi-container .ir-container .contents .top-btn li figure figcaption{font-size:16px; left:10px; bottom:5px;}
	#mmi-container .ir-container .contents .top-btn li figure figcaption i{font-size:13px; line-height:1.53; display:block; margin-top:10px;}
	#mmi-container .ir-container .contents .top-btn li figure figcaption i b{font-size:16px;}
	#mmi-container .ir-container .contents .top-btn li a{position:relative; float:right; right:0; bottom:0; text-align:center; padding-bottom:12px; line-height:1.0; width:160px; background:#f73b48;}
	#mmi-container .ir-container .contents .top-btn li a:before{content:"\e902"; font-size:10px; position:absolute; left:15px; top:50%; margin-top:-4px;}
	#mmi-container .ir-container .contents .top-btn li:after{content:""; display:block; clear:both;}
	#mmi-container .ir-container.index .contents .ir-news header{border-bottom-width:1px;}
	#mmi-container .ir-container.index .contents .ir-news header h2{font-size:17px;}
	#mmi-container .ir-container .contents .child-content{margin-bottom:15px;}
	#mmi-container .ir-container .contents .child-content h2{font-size:17px; margin-bottom:14px;}
	#mmi-container .ir-container .contents .child-content h2 a{padding:12px; background-image:url(/common/img/icn_customer_h3_sp.png); background-size:15px auto;}
	#mmi-container .ir-container .contents .child-content li{position:relative; margin-bottom:18px;}
	#mmi-container .ir-container .contents .child-content .left,
	#mmi-container .ir-container .contents .child-content .middle,
	#mmi-container .ir-container .contents .child-content .right{float:none; margin:0;}
	#mmi-container .ir-container .contents .child-content .column2 .left,
	#mmi-container .ir-container .contents .child-content .column2 .right{width:100%;}
	#mmi-container .ir-container .contents .child-content .etc{margin-bottom:45px;}
	#mmi-container .ir-container .contents .child-content .etc h2{width:100%; float:none; margin-right:0; font-size:17px; margin-bottom:10px;}
	#mmi-container .ir-container .contents .child-content .etc h2 a{padding:12px;}
	/*ir-news*/
	#mmi-container .ir-container .contents .ir-news.archive dl{margin-bottom:18px;}
  #mmi-container .ir-container .contents .ir-news.archive dl:last-child{margin-bottom:40px;}
	#mmi-container .ir-container .contents .ir-news dl{margin:0 0 27px 0;}
	#mmi-container .ir-container .contents .ir-news dl dt{padding:10px 0 0 0; float:none; width:100%;}
	#mmi-container .ir-container .contents .ir-news dl dd{padding:6px 0 9px 0;}
	#mmi-container .ir-container .contents .ir-news dl dt i{position:relative; right:0; top:0; padding:0 12px; display:inline-block; vertical-align:middle; line-height:16px; height:16px; border-radius:16px; margin-left:10px; font-size:13px; min-width:63px; width:auto;}
	#mmi-container .ir-container .contents .ir-news dl dd a{padding-left:23px; position:relative; display:block;}
	#mmi-container .ir-container .contents .ir-news dl dd.pdf a:after{position:absolute; left:0; top:-2px; background-size:17px 18px; width: 17px; height:18px; margin:0;}
	#mmi-container .ir-container .contents .ir-news .detail {margin-bottom:18px;}
	#mmi-container .ir-container .contents .ir-news .detail h2{padding:12px 10px; font-size:15px;}
	#mmi-container .ir-container .contents .ir-news .detail p{font-size:13px;}
	#mmi-container .ir-container .contents .ir-news .detail p.date{margin-bottom:20px;}
	#mmi-container .ir-container .contents .ir-news .detail .content{margin-bottom:24px;}
	#mmi-container .ir-container .contents .ir-news .detail .attach{padding:10px 10px 6px 40px; margin-bottom:18px; font-size:12px;}
	#mmi-container .ir-container .contents .ir-news .detail .attach.pdf{background-position: 4px 8px; background-size:22px auto;}
	#mmi-container .ir-container .contents .ir-news a.btn-index{width:calc(100% - 24px); margin:18px auto 35px; padding:13px 0 15px; font-size:13px;}
	/*ir-result*/
	#mmi-container .ir-container .contents .ir-result{margin-bottom:30px;}
	#mmi-container .ir-container .contents .ir-result .ir-graph .column,
	#mmi-container .ir-container .contents .ir-result .ir-graph .column:nth-child(2n){float:none; padding:0; width:100%; margin-bottom:40px;}
	#mmi-container .ir-container .contents .ir-result .ir-graph .column h3{margin-bottom:7px;}
	#mmi-container .ir-container .contents .ir-result .ir-graph .column p.footnote{margin:3px 0 0; font-size:12px;}
	#mmi-container .ir-container .contents .ir-result .ir-note h3{font-size:13px; font-weight:bold;}
	#mmi-container .ir-container .contents .ir-result .ir-note p{font-size:12px;}
	#mmi-container .ir-container .contents .ir-result .ir-note ul{margin-bottom:20px;}
	#mmi-container .ir-container .contents .ir-result .ir-note ul li{ font-size:12px;}
	/*ir-library*/
	#mmi-container .ir-container .contents ul.library-list{margin-bottom:20px;}
	#mmi-container .ir-container .contents ul.library-list li{padding:0 0 12px; font-size:12px;}
	#mmi-container .ir-container .contents ul.library-list li a{padding:13px 0 0 23px; display:block;}
	#mmi-container .ir-container .contents ul.library-list li a:after{position:absolute; left:0; top:12px; background-size:17px 18px; width: 17px; height:18px; margin:0;}
	#mmi-container .ir-container .contents ul.library-list li b{margin-left:23px;}
	#mmi-container .ir-container .contents ul.library-thumb-list{margin-bottom:23px; text-align:left;}
	#mmi-container .ir-container .contents ul.library-thumb-list li a figure,
	#mmi-container .ir-container .contents .annual ul.library-thumb-list li a figure{width:calc(95px + 12px); padding-right:12px;}
	#mmi-container .ir-container .contents ul.library-thumb-list li a span,
	#mmi-container .ir-container .contents .annual ul.library-thumb-list li a span{width:calc(100% - 107px); padding-left:22px; text-indent:-25px;}
	#mmi-container .ir-container .contents ul.library-thumb-list li a span:after{display:none;}
	#mmi-container .ir-container .contents ul.library-thumb-list li a span:before{content:""; display:inline-block; vertical-align:middle; background:url(/common/img/icn-pdf.png) left center no-repeat; background-size:18px auto; width: 22px; height:22px; margin-right:6px;}
	#mmi-container .ir-container .contents .ir-library .library-index h2{font-size:15px; border-bottom-width:1px; padding-bottom:3px; margin-bottom:10px;}
	#mmi-container .ir-container .contents .ir-library .library-index h3{font-size:15px; padding:3px 10px;}
	#mmi-container .ir-container .contents .ir-library a.btn-download{width:100%; margin:24px 0 30px;padding:8px 10px 7px 55px;background:url(/common/img/icn-download.png) 10px 15px no-repeat #f3f6f8; background-size:32px auto; font-size:13px; text-align:left;}
	#mmi-container .ir-container .contents .ir-library a.btn-download span.ttl{margin-bottom:5px; display:block; font-size:17px;}
	/*ir-calendar*/
	#mmi-container .ir-container .contents table.ir-table,
	#mmi-container .ir-container .contents table.ir-table:last-child{margin-bottom:30px;}
  	#mmi-container .ir-container .contents table.ir-table.executive{margin-bottom:5px;}
	#mmi-container .ir-container .contents table.ir-table th,
	#mmi-container .ir-container .contents table.ir-table td{padding:5px 7px;}
	#mmi-container .ir-container .contents table.ir-table th{ width:120px;}	
		/* management */
	#mmi-container .ir-container section h3{font-size:16px; padding-bottom:5px; margin:30px 0 10px 0;}
	#mmi-container .ir-container section h3:first-of-type{margin-top:0;}
	#mmi-container .ir-container section p.lead{margin-bottom:15px;}
	#mmi-container .ir-container section p.lead + h3:first-of-type{margin-top:15px;}
	#mmi-container .ir-container section .basis-policy{padding:10px 15px 12px; text-align:center; position:relative; margin:0 -15px 25px;}
	#mmi-container .ir-container section .basis-policy h3{margin-bottom:5px;}
	#mmi-container .ir-container section .plan-nav{margin-bottom:25px;}
	#mmi-container .ir-container section .plan-nav a,
	#mmi-container .ir-container section .plan-nav a:nth-child(3n){width:100%; float:none; margin-right:0; margin-bottom:15px;}
	#mmi-container .ir-container section .plan-nav a p{margin:10px; padding-bottom:5px; font-size:13px;}
	#mmi-container .ir-container section .plan-nav a:nth-child(n+4){clear:both; margin-top:15px;}
	#mmi-container .ir-container .contents table.ir-table.style01,
	#mmi-container .ir-container .contents table.ir-table.style02{margin-bottom:20px;}
	#mmi-container .ir-container .contents table.ir-table.style01 caption,
	#mmi-container .ir-container .contents table.ir-table.style02 caption{font-size:15px; margin-bottom:6px;}
	#mmi-container .ir-container .contents table.ir-table.style02 thead th{width:calc((100% - 90px)/3);}
	#mmi-container .ir-container .contents table.ir-table.style02 thead th:first-child{width:90px;}
	#mmi-container .ir-container .contents ul.table-footnote{margin-top:-15px; margin-bottom:15px;}
	#mmi-container .ir-container .contents ul.table-footnote li{font-size:12px;}
	#mmi-container .ir-container .contents table.ir-table + .plan-nav{margin-top:35px;}
  
#mmi-container .ir-container .contents table.ir-table.skill td{width:7%!important;padding:5px!important;
-ms-writing-mode:tb-rl;
writing-mode:vertical-rl;
white-space: nowrap;
  }
#mmi-container .ir-container .contents table.ir-table.skill th:nth-of-type(1){width:22%!important;padding:5px!important;}
  
	/* meaaage */
	#mmi-container .top-msg{margin-bottom:30px;}
	#mmi-container .top-msg .msg{float:none; width:auto; margin-bottom:15px;}
	#mmi-container .top-msg figure{float:none; width:100%; margin-bottom:5px;}
	#mmi-container .top-msg figure img{width:100%; height:auto;}
	#mmi-container .top-msg p.signature{text-align:right;}
	/* sub index */
	#mmi-container header.visual-header{height:auto; padding:0 0 20px; margin:0 -15px 30px;}
	#mmi-container header.visual-header img{position:relative; right:auto; top:auto; width:100%; height:auto;}
	#mmi-container header.visual-header h2{font-size:20px; margin:10px 0; float:none; padding:0 15px}
	#mmi-container header.visual-header p{padding:0 15px;}
	#mmi-container nav.visual-menu .menu-item{width:auto; float:none; clear:both;}
	#mmi-container nav.visual-menu .menu-item:nth-child(even){float:none;}
	#mmi-container nav.visual-menu .menu-item a{background:#f7f7f6 none; border-radius:8px; padding:0 0 15px 0;}
	#mmi-container nav.visual-menu .menu-item img{position:relative; left:auto; top:auto; width:100%; height:auto;}
	#mmi-container nav.visual-menu .menu-item i{font-size:30px; left:15px; top:15px; z-index:1; line-height:30px;}
	#mmi-container nav.visual-menu .menu-item h3{font-size:18px; border:0; padding:10px 15px 10px 30px; background:url(/common/img/icn_customer_h3_sp.png) no-repeat left center; background-size:15px auto; margin:0;}
	#mmi-container nav.visual-menu .menu-item p{padding:0 15px;}
	#mmi-container nav.visual-menu .menu-item.no-image a{padding:10px;}
	#mmi-container nav.visual-menu .menu-item.no-image a h3{background:none;}
	#mmi-container nav.visual-menu .menu-item.no-image a:hover{background:#f62837; color:#fff;}
	#mmi-container nav.visual-menu .menu-item.no-image a:hover h3{color:#fff;}
	/* individual */
	#mmi-container .ir-container .contents .columns{padding:15px; margin:30px 0;}
	#mmi-container .ir-container .contents .columns h3{margin-bottom:10px; font-size:18px;}
	#mmi-container .ir-container .contents .columns h3 i{border-radius:12px; padding:5px 10px; display:block; text-align:center; margin-bottom:10px;}
	#mmi-container .ir-container .contents h4{font-size:16px; margin-bottom:10px;}
	#mmi-container .ir-container .contents .ir-table.dividend th,
	#mmi-container .ir-container .contents .ir-table.dividend td{width:auto;}
	#mmi-container .ir-container .contents .ir-table.dividend tbody td{text-align:right;}
}

/* SECTION CORPORATE ======================================================================================================================================== */
#mmi-container .cp-container{clear:both; padding-top:30px;}
#mmi-container .cp-container:after{content:""; display:block; clear:both;}
#mmi-container .cp-container .contents{width:740px; float:right; padding-top:20px; }
/* side menu */
#mmi-container .cp-container.regular aside.sub-menu.pc-side{width:205px; float:left; margin-bottom:40px;}
#mmi-container .cp-container.regular aside.sub-menu header{margin-bottom:20px;}
#mmi-container .cp-container.regular aside.sub-menu header h1{font-size:32px;}
#mmi-container .cp-container.regular aside.sub-menu header h1 i{font-size:18px; display:block; margin-top:5px;}
#mmi-container .cp-container ul.ctg-memu{border-top:1px solid #b6c7d6; font-family:noto; margin-bottom:14px;}
#mmi-container .cp-container ul.ctg-memu li a{display:block; color:#43608a; padding:11px 8px 11px 22px; position:relative; border-bottom:1px solid #b6c7d6;}
#mmi-container .cp-container ul.ctg-memu li a:before{content:"\e902"; color:#f73b48; font-size:10px; position:absolute; left:8px; top:50%; margin-top:-5px; line-height:1.0;}
#mmi-container .cp-container ul.ctg-memu li a.active{background:#f73b48; color:#fff !important;}
#mmi-container .cp-container ul.ctg-memu li a.active:before{color:#fff;}
#mmi-container .cp-container ul.ctg-memu li a:hover{text-decoration:none; color:#f73b48;}
/* bottom banners */
#mmi-container .cp-container .contents .cp-bnrs{margin-top:40px;margin-bottom:80px;}
#mmi-container .cp-container .contents .cp-bnrs h2{font-size:20px; font-family:noto; margin-bottom:17px;}
#mmi-container .cp-container .contents .cp-bnrs li{width:360px; float:left; line-height:0; margin-bottom:25px;}
#mmi-container .cp-container .contents .cp-bnrs li img{width:100%; height:auto;}
#mmi-container .cp-container .contents .cp-bnrs li:nth-child(even){float:right;}
/*#mmi-container .cp-container .contents .cp-bnrs li:nth-child(3n){clear:both; float:none; width:100%;}*/
/* common */
#mmi-container .cp-container .contents header h1{color:#f62938; text-align: left;}

/* index */
#mmi-container .cp-head-section{background:#fff; border:1px #f62938 solid; border-width:1px 0; padding:30px 35px; margin:-120px 0 40px;}
#mmi-container .cp-head-section .ttl{float:left; width:334px; text-align:center;}
#mmi-container .cp-head-section .ttl h1{margin-bottom:20px;}
#mmi-container .cp-head-section p{float:right; width:300px; color:#f62837; font-family:noto; padding-top:20px; margin:0;}
#mmi-container .cp-head-section p.btn{float:none; clear:both; text-align:right; width:auto; margin:0; padding:0;}
#mmi-container .cp-head-section p.btn a{display:inline-block; font-size:16px; border:1px solid #f73b48; background:#f73b48; text-align:center; width:240px; color:#fff; border-radius:44px; padding:5px 0 8px; font-family:noto;}
#mmi-container .cp-head-section p.btn a:before{content:"\e902"; font-size:9px; display:inline-block; margin-right:8px; vertical-align:middle;}
#mmi-container .cp-head-section p.btn a:hover{background:#fff; color:#f73b48; text-decoration:none;}
#mmi-container .ctr-banner{text-align:center; margin-bottom:40px;}
#mmi-container .cp-container section.releases{margin-bottom:20px;}
#mmi-container .cp-container section.releases.news{padding-top:0;}
#mmi-container .cp-container section.releases header{border-bottom:2px #f62837 solid;}
#mmi-container .cp-container section.releases header h2{font-size:20px; color:#2c2d2d;}
#mmi-container .cp-container section.releases header a{float:right; position:relative; top:-10px;}
/* message */
#mmi-container .msg-head-section figure{text-align: center;}
#mmi-container .msg-head-section figure iframe{border:0;}

#mmi-container .msg-head-section figure iframe .vjs-big-play-button{background-color:#f73b48!important;}
#mmi-container .msg-head-section figure img{display:block;}
#mmi-container .msg-head-section div{background:#f5f7fa; padding:20px 40px 10px 60px; margin: 0 auto 40px auto; width: 550px;}
#mmi-container .msg-head-section div p{font-size:18px; line-height:2; font-family:noto;}
#mmi-container .msg-head-section div p.signature{text-align:right; font-size:20px;}
#mmi-container .msg-head-section div p.signature i{font-size:14px; padding-right:1em;} 
#mmi-container .cp-container.msg section{margin-bottom:50px;}
#mmi-container .msg-head-section div p.signature i{font-size:14px; padding-right:1em;} 
#mmi-container .cp-container.msg section header{text-align:center; margin-bottom:40px;}
#mmi-container .cp-container.msg section h2{text-align:center; color:#f73644; display:inline; padding-bottom:8px; border-bottom:1px #f73644 solid; font-size:16px; margin:0 auto; float:none;}
#mmi-container .cp-container.msg section p.slogan{text-align:center; margin-bottom:40px;}

#mmi-container .cp-container.msg section p.philosophy{text-align:center; font-size:24px; font-family:noto; margin-bottom:30px;}
#mmi-container .cp-container.msg section p.vision{text-align:left; font-size:24px; font-family:noto; margin-bottom:10px;text-indent:-1em;padding-left:1em;}
#mmi-container .cp-container.msg section p.vision:nth-of-type(3){margin-bottom:30px;}
#mmi-container .cp-container.msg section p.sign{text-align:right; margin-top:40px;}
/* outline */
#mmi-container table.outline{margin-bottom:60px;}
#mmi-container table.outline th,
#mmi-container table.outline td{padding:12px; line-height:1.75; vertical-align:top;}
#mmi-container table.outline th{font-weight:bold; width:20%; background:#f1f3f4;}
#mmi-container table.achieve{table-layout:fixed; margin-bottom:10px;}
#mmi-container table.achieve caption{caption-side:bottom; text-align:right;}
#mmi-container table.achieve th,
#mmi-container table.achieve td{font-size:14px; padding:10px; border:1px #b6c7d6 solid;}
#mmi-container table.achieve th{font-weight:normal;}
#mmi-container table.achieve tr th:first-child, 
#mmi-container table.achieve tr td:first-child{border-left:1px;}
#mmi-container table.achieve tr th:last-child, 
#mmi-container table.achieve tr td:last-child{border-right:1px;}
#mmi-container table.achieve td{text-align:right;}
/* vision */
#mmi-container .cp-container section h1.vision{background:#f73644; color:#fff; font-size:18px; text-align:center; padding:15px; margin-bottom:40px; line-height:1; font-family:noto; border-radius:5px;}
#mmi-container .cp-container.msg section h2.behavior{color:#222121; font-size:22px;}
#mmi-container .cp-container.msg section h2.behavior b{font-weight:normal; color:#f73644;}
#mmi-container .cp-container.msg section ol.behavior{padding:0; list-style:none; font-family:noto; width:460px; margin:0 auto 40px; font-size:18px; counter-reset:behavior;}
#mmi-container .cp-container.msg section ol.behavior li{margin-bottom:1em;}
#mmi-container .cp-container.msg section ol.behavior li:before{counter-increment:behavior; content: counter(behavior); display:inline-block; background:#f73644; color:#fff; font-family:noto; padding:1px 10px; vertical-align:middle; margin-right:10px; border-radius:4px;}
/* history */
#mmi-container table.history{}
#mmi-container table.history thead th{text-align:center;}
#mmi-container table.history th{font-weight:bold; white-space:nowrap;}
#mmi-container table.history th,
#mmi-container table.history td{padding:10px 10px; vertical-align:top;}
#mmi-container table.history tbody tr:nth-child(odd) th,
#mmi-container table.history tbody tr:nth-child(odd) td{background:#f1f3f4;}
/* overseas */
#mmi-container section.affiliates{margin-bottom:70px; border-bottom:1px #002b72 solid;}
#mmi-container section.affiliates h2{font-size:20px; padding-bottom:5px; border-bottom:1px #002b72 solid; font-family:noto;}
#mmi-container section.affiliates div.company{display:table; border-bottom:1px #b6c7d6 solid; width:100%;}
#mmi-container section.affiliates div.company:last-child{border-bottom:0;}
#mmi-container section.affiliates div.company figure,
#mmi-container section.affiliates div.company div{display:table-cell; vertical-align:middle;}
#mmi-container section.affiliates div.company figure{width:200px; text-align:center; padding:25px;}
#mmi-container section.affiliates div.company div{padding:25px 0;}
#mmi-container section.affiliates div.company div p{margin-bottom:0;}
#mmi-container section.affiliates div.company div p + p{margin-top:15px;}
#mmi-container section.affiliates div.company div p img{vertical-align:middle;}
#mmi-container section.affiliates div.company div h3{font-weight:bold; margin-bottom:10px;}
#mmi-container section.affiliates div.company div a:before{content:'\e90a'; display:inline-block; width:15px; height:15px; margin-right:5px; font-size:12px; color:#f63140;}
/* offices */
#mmi-container section.offices{margin-bottom:40px;}
#mmi-container section.offices figure{float:left; width:440px;}
#mmi-container section.offices ol{width:290px; float:right; padding:0; list-style:none; font-family:noto; font-size:14px; counter-reset:sites;}
#mmi-container section.offices ol li{border-bottom:1px #b6c7d6 solid; width:50%; float:left; text-indent:-25px; padding:5px 0 5px 25px; line-height:1.4;}
#mmi-container section.offices ol li:nth-child(9),
#mmi-container section.offices ol li:nth-child(10),
#mmi-container section.offices ol li:nth-child(11),
#mmi-container section.offices ol li:nth-child(12),
#mmi-container section.offices ol li:nth-child(17),#mmi-container section.offices ol li:nth-child(18){width:100%; clear:both;}
#mmi-container section.offices ol li:before{counter-increment:sites; content:counter(sites); display:inline-block; background:#002b72; color:#fff; font-family:noto; padding:0; width:20px; height:20px; line-height:20px; text-align:center; vertical-align:middle; margin-right:5px; border-radius:3px; text-indent:0; font-size:12px;}
#mmi-container section.offices ol li.branch:before{background:#aa623a;}
#mmi-container section.offices ol li.hq:before{background:#f73644;}
#mmi-container section.offices ol li.lab:before{background:#136dc0;}
#mmi-container section.offices ol li a{text-decoration:underline;}
#mmi-container section.offices ol li a:hover{text-decoration:none;}
#mmi-container table.product-legends{margin-bottom:50px; table-layout:fixed;}
#mmi-container table.product-legends td{text-align:center;}
#mmi-container table.product-legends th{background:#f1f3f4; text-align:center;}
#mmi-container table.product-legends caption{margin-bottom:10px;}
#mmi-container section.office{margin-bottom:40px;}
#mmi-container section.office h2{font-size:20px; padding-bottom:5px; border-bottom:1px #b6c7d6 solid; font-family:noto; margin-bottom:20px;}
#mmi-container section.office dt{font-weight:bold;}
#mmi-container section.office dt i{padding-right:1em;}
#mmi-container section.office + .offices{border-top:1px #b6c7d6 solid; padding-top:40px;}
/* affiliates */
#mmi-container dl.affiliates{}
#mmi-container dl.affiliates dt{}
#mmi-container dl.affiliates dt:before{content:'\e90a'; display:inline-block; width:15px; height:15px; margin-right:5px; font-size:12px; color:#f63140;}
#mmi-container dl.affiliates dd{margin-bottom:15px; padding-bottom:15px; border-bottom:1px #b6c7d6 solid;}



@media screen and (max-width:767px){	
	#mmi-container .regular.cp-container{padding-top:0;}
	#mmi-container .cp-container.regular aside.sub-menu{display:none;}
	#mmi-container .cp-container .contents{width:auto; float:none;}
	#mmi-container .cp-container .contents .cp-bnrs{margin-bottom:20px;}
	#mmi-container .cp-container .contents .cp-bnrs h2{font-size:17px; margin-bottom:8px;}
	#mmi-container .cp-container .contents .cp-bnrs li,
	#mmi-container .cp-container .contents .cp-bnrs li:nth-child(3n+2),
	#mmi-container .cp-container .contents .cp-bnrs li:nth-child(3n){width:100%; float:none;margin-bottom:10px;}	

	/* index */
	#mmi-container .cp-head-section{padding:25px; margin:-30px 0 20px;}
	#mmi-container .cp-head-section .ttl{float:none; width:auto; margin-bottom:15px;}
	#mmi-container .cp-head-section .ttl h1{margin-bottom:20px;}
	#mmi-container .cp-head-section .ttl img{width:100%; height:auto; display:block;}
	#mmi-container .cp-head-section p{float:none; width:auto; padding:0 10px; margin:0 0 20px; font-size:14px;}
	#mmi-container .cp-head-section p.btn{text-align:center;}
	#mmi-container .cp-container section.releases header h2{font-size:18px;}
	#mmi-container .cp-container section.releases header a{top:-5px;}
	/* message */
	#mmi-container .msg-head-section figure{float:none; width:auto; margin:0 -15px; height:auto;}
  #mmi-container .msg-head-section figure iframe{width: 100%; height: 56.5vw;}
	#mmi-container .msg-head-section figure img{width:100%; height:auto;}
	#mmi-container .msg-head-section div{float:none; width:auto; height:auto; padding:15px; margin:0 -15px 15px;}
	#mmi-container .msg-head-section div p{font-size:14px;}
	#mmi-container .msg-head-section div p.signature{font-size:18px; margin:0;}
	#mmi-container .cp-container.msg section{margin-bottom:40px;}
	#mmi-container .msg-head-section div p.signature i{font-size:14px; padding-right:1em;} 
	#mmi-container .cp-container.msg section header{margin-bottom:30px;}
	#mmi-container .cp-container.msg section h2{padding-bottom:6px; font-size:14px;}
	#mmi-container .cp-container.msg section p.slogan{text-align:center; margin-bottom:20px;}
	#mmi-container .cp-container.msg section p.philosophy{text-align:left; font-size:18px; margin-bottom:20px;} 
  #mmi-container .cp-container.msg section p.vision{text-align:left; font-size:18px; margin-bottom:20px;} 
	#mmi-container .cp-container.msg section p.sign{margin-top:30px;}
	#mmi-container .cp-container.msg section p.sign img{max-width:50%; height:auto;}
	/* outline */
	#mmi-container table.outline{margin-bottom:40px;}
	#mmi-container table.outline th{padding:4px 8px; line-height:1.5; display:block; border-width:0 0 1px;}
	#mmi-container table.outline tr:first-child th{border-top-width:1px;}
	#mmi-container table.outline td{padding:8px 0; line-height:1.5; display:block; border-width:0 0 1px;}
	#mmi-container table.outline th{width:auto;}
	#mmi-container table.achieve{margin-bottom:5px;}
	#mmi-container table.achieve th,
	#mmi-container table.achieve td{font-size:10px; padding:5px; display:table-cell; border-width:1px;}
	#mmi-container table.achieve caption{font-size:10px;}
	/* vision */
	#mmi-container .cp-container section h1.vision{font-size:18spx; padding:10px; margin-bottom:20px; border-radius:0; margin:0 -15px 20px;}
	#mmi-container .cp-container.msg section h2.behavior{font-size:18px;}
	#mmi-container .cp-container.msg section ol.behavior{width:auto; margin:0 auto 20px; font-size:14px;}
	#mmi-container .cp-container.msg section ol.behavior li{text-indent:-34px; padding-left:34px; line-height:1.4;}
	#mmi-container .cp-container.msg section ol.behavior li:before{padding:2px 8px; text-indent:0;}
	/* history */
	#mmi-container table.history{}
	#mmi-container table.history thead{display:none;}
	#mmi-container table.history th,
	#mmi-container table.history td{display:block;}
	#mmi-container table.history th{border-width:0; padding:5px 10px 2px 10px;}
	#mmi-container table.history td{border-width:0 0 1px 0; padding:2px 10px 5px 10px;}
	#mmi-container table.history tbody tr:first-child th{border-top-width:1px;}
	/* overseas */
	#mmi-container section.affiliates{margin-bottom:40px;}
	#mmi-container section.affiliates h2{font-size:16px; padding-bottom:2px;}
	#mmi-container section.affiliates div.company{display:block;}
	#mmi-container section.affiliates div.company figure,
	#mmi-container section.affiliates div.company div{display:block;}
	#mmi-container section.affiliates div.company figure{width:auto; text-align:center; padding:15px 0 10px;}
	#mmi-container section.affiliates div.company div{padding:0 0 15px 0;}
	#mmi-container section.affiliates div.company div p{margin-bottom:0;}
	#mmi-container section.affiliates div.company div p img{width:40px; height:auto;}
	#mmi-container section.affiliates div.company div h3{font-weight:bold; margin-bottom:10px;}
	/* offices */
	#mmi-container section.offices{margin-bottom:20px;}
	#mmi-container section.offices figure{float:none; width:auto;}
	#mmi-container section.offices ol{width:auto; float:none; margin-bottom:40px;}
	#mmi-container section.offices ol li{padding:7px 5px 7px 30px; text-indent:-25px;}
	#mmi-container table.product-legends{margin-bottom:30px; table-layout:auto;}
	#mmi-container table.product-legends th{width:35%; text-align:center;}
	#mmi-container section.office{margin-bottom:30px;}
	#mmi-container section.office h2{font-size:16px; padding-bottom:2px; margin-bottom:15px;}
	#mmi-container section.office dt{font-weight:bold;}
	#mmi-container section.office dt i{display:block;}
	#mmi-container section.office + .offices{padding-top:10px;}
	#mmi-container section.office .g-map{position:relative; padding-bottom:75%; height:0; overflow: hidden;}
	#mmi-container section.office .g-map iframe{position:absolute; top:0; left:0; width:100% !important; height:100% !important;}
}

/* SECTION communication======================================================================================================================================== */
#mmi-container .cp-container.regular.index aside.sub-menu header{display:none;}

#mmi-container .communication-container{padding:25px 0 60px;}
#mmi-container .communication-container header h2{color:#f73b48;}
#mmi-container .communication-container .cmBox{border-radius:5px; box-shadow:0 0 10px rgba(0,0,0,.3); padding:15px 20px 18px; background:#fff;}
#mmi-container .communication-container .cmBox header{margin-bottom:18px;}
#mmi-container .communication-container .cmBox header h2{background:url(/communication/img/icon_mov.png) left center no-repeat; background-size:46px auto; padding:5px 0 4px 62px; margin-top:12px;}
#mmi-container .communication-container .cmBox header nav{display:inline-block; float:right;}
#mmi-container .communication-container .cmBox header nav ul{font-size:0; background-color:#f0f0ed; border-radius:66px; padding:9px 19px; display:block;}
#mmi-container .communication-container .cmBox header nav ul li{display:inline-block; margin:0;}
#mmi-container .communication-container .cmBox header nav ul li a{padding:16px 19px 15px 57px; background:url(/communication/img/icon_new.png) left center no-repeat; background-size:49px auto; font-family:noto; font-size:18px; line-height:1.0; color:#333; display:block;}
#mmi-container .communication-container .cmBox header nav ul li a:hover,
#mmi-container .communication-container .cmBox header nav ul li a.active{color:#f73b48; text-decoration:none; background-image:url(/communication/img/icon_new_on.png);}
#mmi-container .communication-container .cmBox header nav ul li a.active:hover{opacity:.7;}
#mmi-container .communication-container .cmBox header nav ul li:nth-child(2) a{background-image:url(/communication/img/icon_rank.png);}
#mmi-container .communication-container .cmBox header nav ul li:nth-child(2) a:hover,
#mmi-container .communication-container .cmBox header nav ul li:nth-child(2) a.active{background-image:url(/communication/img/icon_rank_on.png);}
#mmi-container .communication-container .cmBox header nav ul li:nth-child(3) a{background-image:url(/communication/img/icon_brand.png); padding-right:12px;}
#mmi-container .communication-container .cmBox header nav ul li:nth-child(3) a:hover,
#mmi-container .communication-container .cmBox header nav ul li:nth-child(3) a.active{background-image:url(/communication/img/icon_brand_on.png);}
#mmi-container .communication-container .cm-list a.item{width:305px; float:left; margin-right:20px; display:block; color:#333; margin-bottom:23px;}
#mmi-container .communication-container .cm-list a.item figure{position:relative; margin-bottom:3px; line-height:1.0; font-size:0;}
#mmi-container .communication-container .cm-list a.item figure img{width:100%; height:auto;}
/*#mmi-container .communication-container .cm-list a.item figure:after{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:url(/communication/img/icon_play.png) center center no-repeat; background-size:60px auto;}*/
/* 2017/08/18 */
#mmi-container .communication-container .cm-list a.item figure:after{content:"";}
#mmi-container .communication-container .cm-list a.item figure.loaded:after{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:url(/communication/img/icon_play.png) center center no-repeat; background-size:60px auto;}
#mmi-container .cm-container a.item figure:after{content:"";}
#mmi-container .cm-container a.item figure.loaded:after{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:url(/communication/img/icon_play.png) center center no-repeat; background-size:60px auto;}

#mmi-container .cm a.item figure{position:relative; margin-bottom:3px; line-height:1.0; font-size:0;}
#mmi-container .cm a.item figure:after{content:"";}
#mmi-container .cm a.item figure.loaded:after{content:""; position:absolute; left:0; top:0; width:100%; height:100%;background:url(/communication/img/icon_play.png) center center no-repeat; background-size:60px auto;}
/* 2017/08/18 */
#mmi-container .cm a.item figure + p{margin-top:7px;}

#mmi-container .communication-container .cm-list a.item p{font-size:14px; margin-bottom:0;margin-top:5px;}
#mmi-container .communication-container .cm-list a.item:nth-child(3n){margin-right:0;}
#mmi-container .communication-container .cm-list a.item:nth-child(3n+1){clear:both;}
#mmi-container .communication-container .cm-list:after{content:""; display:block; clear:both;}
#mmi-container .communication-container ul.community-nav{border-radius:5px; box-shadow:0 0 10px rgba(0,0,0,.3); background:#fff; margin-bottom:20px;}
#mmi-container .communication-container ul.community-nav li{float:left; width:450px; text-align:center; font-family:noto; font-size:16px; line-height:1.0;}
#mmi-container .communication-container ul.community-nav li a{display:block; color:#f73b48; padding:18px 0 19px; position:relative; border-right:1px solid #f73b48;}
#mmi-container .communication-container ul.community-nav li a:hover{color:#fff; background-color:#f73b48; text-decoration:none; border-right-color:#fff;}
#mmi-container .communication-container ul.community-nav li a.active{color:#fff; background-color:#f73b48; border-right-color:#fff;}
#mmi-container .communication-container ul.community-nav li a.active:after{content:""; position:absolute; left:50%; bottom:-9px; margin-left:-11px;width: 0; height: 0; border-style: solid; border-width: 9px 12px 0 12px; border-color: #f73b48 transparent transparent transparent;}
#mmi-container .communication-container ul.community-nav li:nth-child(1){width: calc(100% - 900px);}
#mmi-container .communication-container ul.community-nav li:nth-child(1) a:hover,
#mmi-container .communication-container ul.community-nav li:nth-child(1) a.active{border-radius:5px 0 0 5px;}
#mmi-container .communication-container ul.community-nav li:last-child a{border-right:0;}
#mmi-container .communication-container ul.community-nav li:last-child a:hover,
#mmi-container .communication-container ul.community-nav li:last-child a.active{border-radius:0 5px 5px 0;}
#mmi-container .communication-container ul.community-nav:after{content:""; display:block; clear:both;}
#mmi-container .communication-container .communutyBox{border-radius:5px; box-shadow:0 0 10px rgba(0,0,0,.3); background:#fff; margin-top:25px; padding:28px 20px;}
#mmi-container .communication-container .communutyBox header{margin-bottom:33px;}
#mmi-container .communication-container .communutyBox header h2{background: url(/common/img/moorii.png) left center no-repeat; background-size:46px auto; padding:2px 0 7px 62px;}
#mmi-container .communication-container .communutyBox ul li{float:left; width:450px; font-family:noto; font-size:18px; margin-right:20px; line-height:1.6;}
#mmi-container .communication-container .communutyBox ul li a{display:table; width:100%; height:110px; border-radius:5px; border:1px solid #cbc6ba; background:url(/communication/img/icon_social.png) 17px center no-repeat #f1ebde; background-size:66px auto; color:#333;}
#mmi-container .communication-container .communutyBox ul li a span{display:table-cell; width:100%; vertical-align:middle; padding-left:104px;}
#mmi-container .communication-container .communutyBox ul li a span i{display:inline-block;}
#mmi-container .communication-container .communutyBox ul li a:hover{color:#fff; background-color:#f73b48; text-decoration:none;}
#mmi-container .communication-container .communutyBox ul li:nth-child(2) a{background-image:url(/communication/img/icon_communication.png);}
#mmi-container .communication-container .communutyBox ul li:nth-child(3) a{background-image:url(/communication/img/icon_mailmagazine.png);}
#mmi-container .communication-container .communutyBox ul li:nth-child(3n){margin-right:0; float:right;}
#mmi-container .communication-container .communutyBox ul:after{content:""; display:block; clear:both;}
/*index*/
#mmi-container .communication-container .cm-list.index a.item:first-child{width:630px;}
#mmi-container .communication-container .cm-list.index a.item:first-child figure:after{background-size:80px auto;}
#mmi-container .communication-container .cm-list.index a.item:first-child p{font-size:20px;}
#mmi-container .communication-container .cm-list.index a.item:nth-child(2),
#mmi-container .communication-container .cm-list.index a.item:nth-child(3){margin-right:0; margin-bottom:20px;}
/*new*/
#mmi-container .communication-container .cm-list.new a.item{width:465px;}
#mmi-container .communication-container .cm-list.new a.item p{font-size:18px;}
#mmi-container .communication-container .cm-list.new a.item:nth-child(2n){float:right; margin-right:0; margin-bottom:20px;}
/*#mmi-container .communication-container .cm-list a.item:nth-child(3n+1){clear: none;}*/
#mmi-container .communication-container .cm-list.new a.item:nth-child(2n+1){clear:both;}
/*rank*/
#mmi-container .communication-container .cm-list.ranking{border-bottom:1px solid #bfb9b9; margin-bottom:25px;}
#mmi-container .communication-container .cm-list.ranking dl{width:305px; float:left; margin-right:20px; display:block; color:#333;}
#mmi-container .communication-container .cm-list.ranking dl dt{text-indent:200%; overflow:hidden; white-space:nowrap; background:url(/communication/img/icon_gold.png) center top no-repeat; line-height:45px; margin-bottom:13px;}
#mmi-container .communication-container .cm-list.ranking dl:nth-child(2) dt{background-image:url(/communication/img/icon_silver.png);}
#mmi-container .communication-container .cm-list.ranking dl:nth-child(3) dt{background-image:url(/communication/img/icon_bronze.png);}
#mmi-container .communication-container .cm-list.ranking dl:nth-child(3n){margin-right:0;}
#mmi-container .communication-container .cm-list.ranking dl:nth-child(3n+1){clear:both;}
#mmi-container .communication-container .cm-list.ranking dl dd figure:before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:5px solid #d6b25b; z-index:2; box-sizing:border-box}
#mmi-container .communication-container .cm-list.ranking dl:nth-child(2) dd a.item figure:before{border-color:#aaacb2;}
#mmi-container .communication-container .cm-list.ranking dl:nth-child(3) dd a.item figure:before{border-color:#cb8c59;}
#mmi-container .communication-container .cm-list.ranking dl dd a.item:hover figure:before{opacity:1.0;}

#mmi-container .communication-container .cmBox h3{font-size:20px; margin-bottom:20px;font-family:noto;}

/*brand*/
#mmi-container .communication-container .cm-brand-list a{width:224px; border:1px solid #c8c7c7; padding:0; float:left; margin-right:20px; margin-bottom:20px; color:#333;overflow:hidden;}
#mmi-container .communication-container .cm-brand-list a figure{line-height:1.0; display:table; width:100%;text-align:center;}
#mmi-container .communication-container .cm-brand-list a figure img{height:120px; width:auto; display:table-cell; vertical-align:middle; margin:0 auto 0 -4.5%;}
#mmi-container .communication-container .cm-brand-list a:nth-child(4n){margin-right:0;}
#mmi-container .communication-container .cm-brand-list a:nth-child(4n+1){clear:both;}
#mmi-container .communication-container .cm-brand-list a p{height:42px; display:table; text-align:center; width:100%; margin-top:-2px; font-size:16px; line-height:1.25;}
#mmi-container .communication-container .cm-brand-list a p span{display:table-cell; vertical-align:middle;}
#mmi-container .communication-container .cmBox .brand-header{border-top:1px solid #bfb9b9; text-align:center; padding-top:15px; margin-bottom:20px;}
#mmi-container .communication-container .cmBox .brand-header h3{display:table; line-height:1.0; font-size:20px; font-family:noto; margin:0 auto;}
#mmi-container .communication-container .cmBox .brand-header h3 figure{display:table-cell; padding-right:10px; vertical-align:middle;width:90px;height:auto;}
#mmi-container .communication-container .cmBox .brand-header h3 figure img{width:100%; height:auto;}
#mmi-container .communication-container .cmBox .brand-header h3 figure img:nth-child(2){display:block;}
#mmi-container .communication-container .cmBox .brand-header h3 span{display:table-cell; vertical-align:middle;}
/*movie*/
#mmi-container .movie-container{position: relative; width: 100%; padding: 56.25% 0 0 0;}
#mmi-container .movie-container iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#mmi-container .play-container{background:#4a4848; padding:26px 0 30px;}
#mmi-container .play-container .regular,
#mmi-container .communication-container.detail .regular{padding:0 20px;}
#mmi-container .play-container header{margin-bottom:20px;}
#mmi-container .play-container header h2{color:#fff; font-size:20px; background:url(/communication/img/icon_mov.png) left center no-repeat; background-size:46px auto; padding:8px 0 6px 62px; float:left;}
#mmi-container .play-container header:after{content:""; display:block; clear:both;}
#mmi-container .play-container ul.sns-links{float:right; line-height:1.0; font-size:0;}
#mmi-container .play-container ul.sns-links li{float:left; margin-right:15px;}
#mmi-container .play-container ul.sns-links li:last-child{margin-right:0;}
#mmi-container .play-container .movie-container{margin-bottom:20px;}
#mmi-container .play-container p{color:#fff; margin-bottom:24px;}
#mmi-container .play-container .play-links:after{clear:both; content:''; display:block;}
#mmi-container .play-container .play-links li{width:350px; float:left; margin-right:10px}
#mmi-container .play-container .play-links li:last-child{margin-bottom:0px;}
#mmi-container .play-container .play-links li a{color:#f62837; border-radius:5px; width:100%; padding:10px 15px 8px; background:#fff; display:block; position:relative;}
#mmi-container .play-container .play-links li a:after{content:'\e902'; display:block; width:12px; height:12px; position:absolute; right:6px; top:50%; margin-top:-6px; line-height:12px; font-size:12px;}
#mmi-container .play-container .play-links li a:hover{background:#f62837; color:#fff; text-decoration:none;}
#mmi-container .communication-container.detail{background:none;}
#mmi-container .communication-container.detail .cm-list a.item{margin-right:22px;}
#mmi-container .communication-container.detail .cm-list a.item:nth-child(3n){margin-right:0; float:right;}
#mmi-container .communication-container a.btn{background:#f73b48; font-family:noto; font-size:20px; line-height:1.0; text-align:center; display:block; color:#fff;border-radius:5px; padding:25px 0 21px; margin:0 -20px;}
#mmi-container .communication-container a.btn:before{content:"\e902"; font-size:20px; display:inline-block; vertical-align:middle; margin-right:32px; }
#mmi-container .communication-container a.btn:hover{text-decoration:none; opacity:0.7;}

@media screen and (min-width:768px){	
  #mmi-container .communication-container ul.community-nav li br{display:none;}
    
}

@media screen and (max-width:767px){	
	#mmi-container .communication-container{padding:15px 0 0; background:none;}
	
	#mmi-container .communication-container .cmBox.regular{border-radius:0; box-shadow:none; padding:0 15px;}
	#mmi-container .communication-container .cmBox header{margin-bottom:8px;}
	#mmi-container .communication-container .cmBox header h2{background-size:29px auto; padding:5px 0 4px 37px; margin:0 0 8px; float:none;}
	#mmi-container .communication-container .cmBox header nav{display:block; float:none;}
	#mmi-container .communication-container .cmBox header nav ul{border-radius:0; padding:0; background:none;}
	#mmi-container .communication-container .cmBox header nav ul li{display:inline-block; margin:0; width:calc((100% - 4px)/3); margin-right:2px; text-align:center;}
	#mmi-container .communication-container .cmBox header nav ul li a{padding:40px 0 6px; background-color:#f0f0ed; background-position:center 6px; background-size:30px auto; font-size:13px;}
	#mmi-container .communication-container .cmBox header nav ul li a:hover,
	#mmi-container .communication-container .cmBox header nav ul li a.active{color:#f73b48; text-decoration:none; background-image:url(/communication/img/icon_new_on.png);}
	#mmi-container .communication-container .cmBox header nav ul li:nth-child(3) a{padding-right:0;}
	#mmi-container .communication-container .cmBox header nav ul li:last-child{margin-right:0;}
	#mmi-container .communication-container .cm-list a.item{width:100%; float:none; margin:0 0 17px;}
	#mmi-container .communication-container .cm-list a.item figure{margin-bottom:8px;}
	/*#mmi-container .communication-container .cm-list a.item figure:after,
	#mmi-container .communication-container .cm-list.index a.item:first-child figure:after{background-size:41px auto;}*/
	
#mmi-container .communication-container .cm-list a.item figure.loaded:after{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:url(/communication/img/icon_play.png) center center no-repeat; background-size:60px auto;}
#mmi-container .cm-container a.item figure.loaded:after{background-size:60px auto;}
#mmi-container .cm a.item figure.loaded:after{ background-size:60px auto;}
	
	
	#mmi-container .communication-container .cm-list a.item p,
	#mmi-container .communication-container .cm-list.index a.item:first-child p,
	#mmi-container .communication-container .cm-list.new a.item p{font-size:13px;}
	#mmi-container .communication-container .cm-list a.item:last-child{margin-bottom:0;}
	#mmi-container .communication-container ul.community-nav{border-radius:0; box-shadow:none; padding:0; margin:-10px 5px 23px; border:2px solid #f73b48; background:#f73b48;}
	#mmi-container .communication-container ul.community-nav li{width:42%; font-size:13px; line-height:1.36; }
  #mmi-container .communication-container ul.community-nav li:nth-child(1){width:16%; font-size:13px; line-height:1.36; }
	#mmi-container .communication-container ul.community-nav li:nth-child(2n),
	#mmi-container .communication-container ul.community-nav li:nth-child(2n) a.active{border-right:0;}
	/*#mmi-container .communication-container ul.community-nav li:nth-child(2n+1){padding-right:1px;}*/
	/*#mmi-container .communication-container ul.community-nav li:nth-child(n+3) a{border-top:1px solid #f73b48;}	*/
	#mmi-container .communication-container ul.community-nav li a{display:table; width:100%; color:#f73b48; padding:0; position:relative; border-right:none; height:40px; border-right:none; background:#fff;}
	#mmi-container .communication-container ul.community-nav li a span{display:table-cell; vertical-align:middle;}
	#mmi-container .communication-container ul.community-nav li:nth-child(1) a:hover,
	#mmi-container .communication-container ul.community-nav li:nth-child(1) a.active,
	#mmi-container .communication-container ul.community-nav li:last-child a:hover,
	#mmi-container .communication-container ul.community-nav li:last-child a.active{border-radius:0;}
	#mmi-container .communication-container ul.community-nav li a.active:after{display:none;}

	#mmi-container .communication-container .communutyBox{border-radius:0; box-shadow:none; padding:0 15px;margin-top:27px;}
	#mmi-container .communication-container .communutyBox header{margin-bottom:18px;}
	#mmi-container .communication-container .communutyBox header h2{background-size:32px auto; padding:4px 0 6px 40px;}
	#mmi-container .communication-container .communutyBox ul li,
	#mmi-container .communication-container .communutyBox ul li:nth-child(3n){float:none; width:100%; font-size:17px; margin:0 0 10px;}
	#mmi-container .communication-container .communutyBox ul li a{background-position:15px center; background-size:63px auto; height:102px;}
	#mmi-container .communication-container .communutyBox ul li a span{padding:0 15px 0 92px;}
	#mmi-container .communication-container .communutyBox ul li:last-child{margin-bottom:0;}
	/*index*/
	#mmi-container .communication-container .cm-list.index a.item:first-child{width:100%; margin-bottom:25px;}
	/*new*/
	#mmi-container .communication-container .cm-list.new a.item{width:100%;}
	#mmi-container .communication-container .cm-list.new a.item:nth-child(2n){float:none;}
	/*rank*/
	#mmi-container .communication-container .cm-list.ranking{margin-bottom:20px;}
	#mmi-container .communication-container .cm-list.ranking dl{width:100%; float:none; margin:0 0 14px;}
	#mmi-container .communication-container .cm-list.ranking dl dt{background-image:url(/communication/img/icon_gold_sp.png); background-size:224px auto; margin-bottom:16px; height:34px;}
	#mmi-container .communication-container .cm-list.ranking dl:nth-child(2) dt{background-image:url(/communication/img/icon_silver_sp.png);}
	#mmi-container .communication-container .cm-list.ranking dl:nth-child(3) dt{background-image:url(/communication/img/icon_bronze_sp.png);}
	#mmi-container .communication-container .cm-list.ranking dl:nth-child:last-child{margin-bottom:0;}
	#mmi-container .communication-container .cm-list.ranking dl dd figure:before{border-width:3px;}
	#mmi-container .communication-container .cmBox h3{font-size:16px;}
	/*brand*/
	#mmi-container .communication-container .cm-brand-list a{width:calc((100% - 11px)/2); padding:0; float:left; margin-right:11px; margin-bottom:11px;}
	#mmi-container .communication-container .cm-brand-list a figure{line-height:1.0; display:table; width:100%; margin-bottom:10px;}
	#mmi-container .communication-container .cm-brand-list a figure img{width:130%!important; height:auto!important; margin-left:-15%;max-width:130%;}
	#mmi-container .communication-container .cm-brand-list a:nth-child(2n){margin-right:0;}
	#mmi-container .communication-container .cm-brand-list a:nth-child(2n+1){clear:both;}
	#mmi-container .communication-container .cm-brand-list a p{height:32px; font-size:13px;margin-top:-15px;}
	#mmi-container .communication-container .cm-brand-list a p span{display:table-cell; vertical-align:middle;}	
	#mmi-container .communication-container .cmBox .brand-header{padding-top:6px; margin-bottom:10px;}
	#mmi-container .communication-container .cmBox .brand-header h3{font-size:15px; margin:0;}
	#mmi-container .communication-container .cmBox .brand-header h3 figure{padding-right:10px;}
	#mmi-container .communication-container .cmBox .brand-header h3 figure img{display:block;}
	#mmi-container .communication-container .cmBox .brand-header h3 figure img:nth-child(2){display:block; height:50%; width:auto;}
	#mmi-container .communication-container .cmBox .brand-header h3 span{display:table-cell; vertical-align:middle;}
	/*movie*/
	#mmi-container .play-container{padding:14px 0 22px;}
	#mmi-container .play-container .regular{padding:0;}
	#mmi-container .play-container header{margin-bottom:10px; padding:0 15px;}
	#mmi-container .play-container header h2{font-size:15px; background-size:29px auto; padding:5px 0 4px 37px; margin:0 0 10px; float:none;}
	#mmi-container .play-container ul.sns-links li{float:left; margin-right:10px; width:35px;}
	#mmi-container .play-container ul.sns-links li img{width:100%; height:auto;}
	#mmi-container .play-container .movie-container{margin:0 0 8px;}
	#mmi-container .play-container p{margin-bottom:16px;padding:0 15px;}
	#mmi-container .play-container .play-links li{width:100%; float:none; margin:0 0 8px; font-size:14px; padding:0 15px;}
	
	#mmi-container .communication-container.detail{background:none; padding-top:21px;}
	#mmi-container .communication-container.detail .regular{padding:0 15px;}
	#mmi-container .communication-container.detail .cm-list a.item{margin-right:0;}
	#mmi-container .communication-container.detail .cm-list a.item:nth-child(3n){margin-right:0; float:none;}
	#mmi-container .communication-container a.btn{font-size:15px; border-radius:0; padding:20px 0 18px; margin:30px -15px 0;}
	#mmi-container .communication-container a.btn:before{font-size:15px; margin-right:15px;}

}

/* SECTION learn and enjoy ======================================================================================================================================== */
/* index */
#mmi-container #learn_wrap{background-color:#f8ece6; padding-bottom:0.1em;}
#mmi-container #learn_wrap .regular{position:relative;}
#mmi-container #learn_wrap .regular .cow{position:absolute; right:0px; top:-3em;}
#mmi-container #learn_wrap .title{color:#0a3066; font-size:28px; font-family:noto; padding:1.2em 0;}
#mmi-container #effort_ttl{color:#0a3066; font-size:28px; font-family:noto; padding-bottom:1em;}
#mmi-container .learn-index{padding:40px 0;}
#mmi-container .learn-menu{clear:both; margin-bottom:40px;}
#mmi-container .learn-menu .menu-btn{width:485px; float:left;}
#mmi-container .learn-menu .menu-btn:nth-of-type(2),#mmi-container .learn-menu .menu-btn:nth-of-type(4){float:right;}
#mmi-container .learn-menu .menu-btn:nth-of-type(3){clear:both;}
#mmi-container .learn-menu .menu-btn:nth-of-type(5){clear:both;}
#mmi-container .learn-menu .menu-btn .box{border-radius:6px; background:no-repeat right center #f3f6ec; background-size:contain; box-shadow:0 5px 5px rgba(0,0,0,.2); display:block; position:relative; height:180px; margin-bottom:20px; position:relative;}
#mmi-container .learn-menu .menu-btn .box:after{content:''; display:block; width:0; height:0; border-style:solid; border-width:20px 0 20px 15px; border-color:transparent transparent transparent #f3f6ec; position:absolute; left:175px; top:70px;}
#mmi-container .learn-menu .menu-btn a.box:hover{box-shadow:none;}
#mmi-container .learn-menu .menu-btn.factory a{background-image:url(/learn_enjoy/img/index-thumb01.jpg);}
#mmi-container .learn-menu .menu-btn.valley a{background-image:url(/learn_enjoy/img/index-thumb07.jpg);}
#mmi-container .learn-menu .menu-btn.kids a{background-image:url(/learn_enjoy/img/index-thumb08.jpg);}
#mmi-container .learn-menu .menu-btn.visit a{background-image:url(/learn_enjoy/img/index-thumb05.jpg);}
#mmi-container .learn-menu .menu-btn.training a{background-image:url(/learn_enjoy/img/index-thumb09.jpg);}
#mmi-container .learn-menu .menu-btn.education .box{background-image:url(/learn_enjoy/img/index-thumb02.jpg);}
#mmi-container .learn-menu .menu-btn.safety a{background-image:url(/learn_enjoy/img/index-thumb03.jpg);}
#mmi-container .learn-menu .menu-btn.research a{background-image:url(/learn_enjoy/img/index-thumb04.jpg);}
#mmi-container .learn-menu .menu-btn.dairy a{background-image:url(/learn_enjoy/img/index-thumb06.jpg);}
#mmi-container .learn-menu .menu-btn.kenko a{background-image:url(/learn_enjoy/img/index-thumb10.jpg);}
#mmi-container .learn-menu h2{color:#f62837; font-size:22px; width:175px; font-family:noto; text-align:center; float:left; line-height:1.4; height:100%; vertical-align:middle; display: flex; flex-direction: column; justify-content: center;}
#mmi-container .learn-menu h2:after{display:block; margin-top:5px;}
#mmi-container .learn-menu .menu-btn.factory h2:after{content:'\e91e'; font-size:34px;}
#mmi-container .learn-menu .menu-btn.visit h2:after{content:'';width:56px; height:47px;background:url(/learn_enjoy/img/icon_visit.png) center center no-repeat;background-size:contain;margin-left:35%;margin-top:10%;}

#mmi-container .learn-menu .menu-btn.training h2:after{content:'';width:47px; height:47px;background:url(/learn_enjoy/img/icon_training.png) center center no-repeat;background-size:contain;margin-left:30%;margin-top:5%;}

#mmi-container .learn-menu .menu-btn.valley h2:after{content:'';width:2.5em; height:2.5em;background:url(/learn_enjoy/img/icon_ball.png) center center no-repeat;background-size:contain;margin-left:35%;margin-top:5%;}
#mmi-container .learn-menu .menu-btn.kids h2:after{content:'';width:2.5em; height:2.5em;background:url(/learn_enjoy/img/icon_cook.png) center center no-repeat;background-size:contain;margin-left:35%;margin-top:3%;}
#mmi-container .learn-menu .menu-btn.dairy h2:after{content:'';width:56px; height:50px;background:url(/learn_enjoy/img/icon_dairy.png) center center no-repeat;background-size:contain;margin-left:33%;margin-top:9%;}
#mmi-container .learn-menu .menu-btn.education h2:after{content:'\e91d'; font-size:44px;}
#mmi-container .learn-menu .menu-btn.safety h2:after{content:'\e91b'; font-size:44px}
#mmi-container .learn-menu .menu-btn.research h2:after{content:'\e919'; font-size:44px;}
#mmi-container .learn-menu .menu-btn.kenko h2:after{content:'';width:56px; height:50px;background:url(/learn_enjoy/img/icon_kenko.png) center center no-repeat;background-size:contain;margin-left:26%;margin-top:0;}
#mmi-container .learn-menu .menu-btn p{clear:both; margin-bottom:10px;}
#mmi-container .learn-menu .menu-btn ul li{display:inline-block; padding-right:20px; margin-right:15px;}
#mmi-container .learn-menu .menu-btn ul li:first-child{border-right:1px #ccc solid;}
#mmi-container .learn-menu .menu-btn ul li:before{content:'\e902'; color:#f62837; vertical-align:middle; margin-right:5px;}


#mmi-container .learn-menu.knowledge{background:url(/learn_enjoy/img/index-bg-cow.png) no-repeat 90% bottom #e5f1f8; border-radius:6px;box-shadow:0 5px 5px rgba(0,0,0,.2); position:relative; height:auto; margin-bottom:40px; padding:0px 40px 0 0;overflow:hidden;}
#mmi-container .learn-menu.knowledge h2{float:left; padding-top:50px; background:url(/learn_enjoy/img/index-bg-boy.png) no-repeat 40px bottom #f3f6ec; height:100%; position:absolute; left:0; z-index:1;justify-content: start;}
#mmi-container .learn-menu.knowledge h2:after{content:'\e91c'; font-size:40px;}
#mmi-container .learn-menu.knowledge p{padding-left:220px;padding-top:20px;}
#mmi-container .learn-menu.knowledge p:after{content:''; display:block; width:0; height:0; border-style:solid; border-width:20px 0 20px 15px; border-color:transparent transparent transparent #f3f6ec; position:absolute; left:175px; top:30px;}



#mmi-container .learn-menu.knowledge ul{padding-left:220px; margin:10px 0 15px;}
#mmi-container .learn-menu.knowledge ul li{width:230px; height:88px; float:left; margin:0 15px 15px 0;}
#mmi-container .learn-menu.knowledge ul li a{display:table-cell; width:230px; height:88px; color:#237cbc; border:1px #237cbc solid; border-radius:6px; overflow:hidden; text-align:center; vertical-align:middle; font-family:noto; font-size:18px; padding:0 20px; background-repeat:no-repeat; background-position:center; background-size:cover;}
#mmi-container .learn-menu.knowledge ul li.milk a{background-image:url(/learn_enjoy/img/index-cat01.jpg);}
#mmi-container .learn-menu.knowledge ul li.cheese a{background-image:url(/learn_enjoy/img/index-cat02.jpg);}
#mmi-container .learn-menu.knowledge ul li.yoghurt a{background-image:url(/learn_enjoy/img/index-cat03.jpg);}
#mmi-container .learn-menu.knowledge ul li.icecream a{background-image:url(/learn_enjoy/img/index-cat04.jpg);}
#mmi-container .learn-menu.knowledge ul li.infants a{background-image:url(/learn_enjoy/img/index-cat05.jpg);}
#mmi-container .learn-menu.knowledge ul li a:hover{text-decoration:none; opacity:.7;}
#mmi-wrapper .learn-menu.extra{border-top:1px #aaa solid; padding:30px 0 0; margin-bottom:0;}
#mmi-wrapper .learn-nav + .learn-menu.extra{border-top:none;}
#mmi-wrapper .learn-nav + .learn-menu.extra.regular{  width: 1000px;
    margin: 0 auto;}
#mmi-wrapper .learn-menu.extra ul{margin:0;padding:0;}
#mmi-wrapper .learn-menu.extra li{width:485px; height:125px; margin-bottom:30px; float:left; position:relative;list-style:none;line-height:1.75;}
#mmi-wrapper .learn-menu.extra li:nth-child(2n){float:right;}
#mmi-wrapper .learn-menu.extra li a{width:485px; height:125px; padding-left:140px; display:table-cell; vertical-align:middle; font-size:16px;text-decoration: none;color: #237cbc;}
#mmi-wrapper .learn-menu.extra li a:visited{color: #237cbc;}
#mmi-wrapper .learn-menu.extra li img{position:absolute; left:0; top:0;}
#mmi-wrapper .learn-menu.extra li a small{font-size:14px; display:block; margin-bottom:5px; color:#222;}
#mmi-wrapper .learn-menu.extra li a:hover{text-decoration:none;}
#mmi-wrapper .learn-menu.extra li a:hover span{text-decoration:underline;}

#mmi-wrapper .factory .menu-btn a{margin-top:40px; border-radius: 6px; background:url(/learn_enjoy/img/index-thumb_factory.jpg) no-repeat right center #f3f6ec; background-size: contain; box-shadow: 0 5px 5px rgba(0,0,0,.2); display: flex; align-items:center; position: relative; margin-bottom: 20px; height:264px; position: relative;}
#mmi-wrapper .factory .menu-btn a:hover{box-shadow: none;}
#mmi-wrapper .factory .menu-btn a h2{padding:0 26px; position:relative;}
#mmi-wrapper .factory .menu-btn a h2:after{content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 20px 0 20px 15px; border-color: transparent transparent transparent #f3f6ec; position: absolute; right:-15px; top: 50%; margin-top:-20px;}
#mmi-wrapper .factory .menu-btn a img{opacity:1;}
#mmi-wrapper .factory .navi{display:flex; justify-content:center; margin-top:2.5em; margin-bottom:3em;}
#mmi-wrapper .factory .navi li a{position:relative; margin:0 0.5em; display:block; width:15em; text-align:center; font-size:18px; color:#f62837; border:solid 1px; padding:0.5em 0; font-family: noto; border-radius:3em;}
#mmi-wrapper .factory .navi li a:after { content: ""; vertical-align: middle; position: absolute; top: 50%; margin-top: -0.3em; right: 1em; width: 0.3em; height: 0.3em; border-top: 0.15em solid #f62837; border-right: 0.15em solid #f62837; -webkit-transform: rotate(135deg); transform: rotate(135deg);}
#mmi-wrapper .factory .navi li a:hover{opacity:0.7; text-decoration:none;}

/* food education */
#mmi-container section.food-education{padding:30px 0;}
#mmi-container section.food-education .statement{background:#f6f6ec; padding:50px 600px 0 40px; height:334px; margin-bottom:50px; position:relative;}
#mmi-container section.food-education .statement img{position:absolute; right:0; top:0;}
#mmi-container section.food-education .statement p{font-size:26px; color:#f62837; font-family:noto; line-height:1.8;}
#mmi-container section.food-education .intro{padding:50px 500px 0 40px; height:301px; margin-bottom:50px; position:relative;}
#mmi-container section.food-education .intro img{position:absolute; right:0; top:0;}
#mmi-container section.food-education .intro p{font-size:18px; font-family:noto; line-height:2;}
#mmi-container section.food-education .policy{width:830px; height:500px; margin:0 auto; position:relative; background:url(/learn_enjoy/education/img/index-bg-cow.png) 0 50px no-repeat;}
#mmi-container section.food-education .policy figure{width:430px; margin:0 auto;}
#mmi-container section.food-education .policy dl{position:absolute; font-family:noto; line-height:1.5;}
#mmi-container section.food-education .policy dt{font-size:22px; margin-bottom:10px;}
#mmi-container section.food-education .policy dl.raise{width:250px; height:120px; left:585px; top:55px;}
#mmi-container section.food-education .policy dl.enjoy{width:140px; height:120px; left:20px; top:250px;}
#mmi-container section.food-education .policy dl.learn{width:200px; height:120px; left:640px; top:240px;}
#mmi-container section.food-education .policy dl.raise dt{color:#de545f;}
#mmi-container section.food-education .policy dl.enjoy dt{color:#e88c60;}
#mmi-container section.food-education .policy dl.learn dt{color:#3982b0;}
#mmi-container div.food-education-activities{background:#feeee9;}
#mmi-container div.food-education-activities h2{background:url(/learn_enjoy/education/img/index-icn01.png) no-repeat center top; text-align:center; font-size:24px; padding-top:80px; font-family:noto; position:relative; top:-40px;}
#mmi-container div.food-education-activities ul.pg-anchor{height:50px; text-align:center; margin-bottom:50px;}
#mmi-container div.food-education-activities ul.pg-anchor li{display:inline-block; margin:0 10px; width:220px;}
#mmi-container div.food-education-activities ul.pg-anchor li a{display:block; background:#fff; border:1px #f62938 solid; height:50px; line-height:48px; color:#f62938; font-family:noto; border-radius:24px; position:relative;}
#mmi-container div.food-education-activities ul.pg-anchor li a:after{content:'\e904'; position:absolute; right:20px; top:50%; width:12px; height:12px; margin-top:-6px; line-height:12px;}
#mmi-container div.food-education-activities ul.pg-anchor li a:hover{color:#fff; background:#f62938; text-decoration:none;}
#mmi-container div.food-education-activities .process{background:url(/learn_enjoy/education/img/index-bg-story.png) no-repeat center top; position:relative; height:1760px;}
#mmi-container div.food-education-activities .process h3{position:absolute; font-size:18px; font-family:noto; width:110px; height:110px; color:#fff; line-height:110px; text-align:center;}
#mmi-container div.food-education-activities .process section.infant h3{left:  5px; top:  18px;}
#mmi-container div.food-education-activities .process section.child  h3{left:184px; top: 360px;}
#mmi-container div.food-education-activities .process section.adult  h3{left: 18px; top: 998px;}
#mmi-container div.food-education-activities .process section.senior h3{left:178px; top:1375px;}
#mmi-container div.food-education-activities .process h4{position:absolute; font-size:24px; font-family:noto;}
#mmi-container div.food-education-activities .process section.infant h4{left:130px; top:  50px;}
#mmi-container div.food-education-activities .process section.child  h4{left:300px; top: 430px;}
#mmi-container div.food-education-activities .process section.adult  h4{left:150px; top:1040px;}
#mmi-container div.food-education-activities .process section.senior h4{left:300px; top:1420px;}
#mmi-container div.food-education-activities .process .panel{position:absolute; background:#fff; border-radius:4px; box-shadow:5px 5px 5px rgba(0,0,0,.2); padding:20px 20px 40px 20px; clear:both;}
#mmi-container div.food-education-activities .process .panel:after{display:block; clear:both; content:'';}
#mmi-container div.food-education-activities .process .panel a{background:#f62938; color:#fff; text-align:center; display:inline-block; padding:0 10px 0 14px; height:36px; line-height:34px; border-radius:20px; border:1px #f62938 solid; position:absolute; right:10px; bottom:10px; font-family:noto;}
#mmi-container div.food-education-activities .process .panel a:after{content:'\e902'; display:inline-block; vertical-align:middle; padding-left:5px;}
#mmi-container div.food-education-activities .process .panel a.ext:after{content:'\e90a';}
#mmi-container div.food-education-activities .process .panel a:hover{text-decoration:none; background:#fff; color:#f62938; border:1px #f62938 solid;}
#mmi-container div.food-education-activities .process .panel p{line-height:1.4; margin-bottom:1em;}
#mmi-container div.food-education-activities .process .panel h5{text-align:center; font-size:18px; color:#f62837; font-family:noto; margin-bottom:10px; position:relative; line-height:1.2; margin-bottom:20px;}
#mmi-container div.food-education-activities .process .panel img{float:left; margin:0 15px 10px 0;}
#mmi-container div.food-education-activities .process .panel span{font-size:12px;position:absolute;bottom:-30px;right:0;}

#mmi-container div.food-education-activities .process section.infant .panel{width:330px; height:200px;}
#mmi-container div.food-education-activities .process section.infant .panel.p01{left:160px; top:115px;}
#mmi-container div.food-education-activities .process section.infant .panel.p02{left:520px; top:115px;}
#mmi-container div.food-education-activities .process section.child .panel{width:480px; height:180px;}
#mmi-container div.food-education-activities .process section.child .panel.p01{left: 15px; top:535px;}
#mmi-container div.food-education-activities .process section.child .panel.p02{left:520px; top:535px;}
#mmi-container div.food-education-activities .process section.child .panel.p03{left: 15px; top:735px;}
#mmi-container div.food-education-activities .process section.child .panel.p04{left:520px; top:735px;}
#mmi-container div.food-education-activities .process section.adult .panel{width:660px; height:200px;}
#mmi-container div.food-education-activities .process section.adult .panel.p01{left:190px; top:1105px; padding-right:220px;}
#mmi-container div.food-education-activities .process section.adult .panel.p01 img{float:none; position:absolute; right:0; top:0; margin:0;}
#mmi-container div.food-education-activities .process section.adult .panel.p01 a{right:220px;}
#mmi-container div.food-education-activities .process section.senior .panel{width:330px; height:180px;}
#mmi-container div.food-education-activities .process section.senior .panel.p01{left:300px; top:1490px;}
#mmi-container div.food-education-activities .process section.senior .panel.p02{left:660px; top:1490px;}
#mmi-container .learn-nav{background:#fafbf4; padding:20px 0;}
#mmi-container .learn-nav ul{height:136px; width:1000px; margin:0 auto;}
#mmi-container .learn-nav li{width:150px; height:136px; margin-right:20px; float:left;}
#mmi-container .learn-nav li:last-child{margin-right:0;}
#mmi-container .learn-nav li a{width:150px; height:136px; display:table-cell; border:1px #f62837 solid; border-radius:5px; background:#fff; color:#f62837; font-size:18px; font-family:noto; vertical-align:middle; text-align:center; line-height:1.4;}
#mmi-container .learn-nav li a:hover,
#mmi-container .learn-nav li a.active{background:#f62837; color:#fff; text-decoration:none;}
#mmi-container .learn-nav li a:after{display:block; font-size:44px;}
#mmi-container .learn-nav li.factory a:after{content:'\e91e';}
#mmi-container .learn-nav li.education a:after{content:'\e91d';}
#mmi-container .learn-nav li.knowledge a:after{content:'\e91c'; margin-top:10px;}
#mmi-container .learn-nav li.safaty a:after{content:'\e91b';}
#mmi-container .learn-nav li.research a:after{content:'\e919'; margin-top:10px;}
#mmi-container .learn-nav li.top a:after{content:'\e902'; font-size:24px; margin-top:10px; line-height:40px;}


/* knowledge */
#mmi-container section.knowledge{padding:30px 0 0;}
#mmi-container section.knowledge .knowledge-list{clear:both; margin-bottom:0;}
#mmi-container section.knowledge .knowledge-list h2{ width:310px; height:220px; float:left; margin-bottom:25px; margin-right:35px; text-align:center; padding-top:40px; font-size:24px; color:#fff; font-family:noto;}
#mmi-container section.knowledge .knowledge-list h2.milk{background:url(/learn_enjoy/knowledge/img/milk-ttl-bg.png) no-repeat center;}
#mmi-container section.knowledge .knowledge-list h2.cheese{background:url(/learn_enjoy/knowledge/img/cheese-ttl-bg.png) no-repeat center;}
#mmi-container section.knowledge .knowledge-list h2.ice{background:url(/learn_enjoy/knowledge/img/ice-ttl-bg.png) no-repeat center;}
#mmi-container section.knowledge .knowledge-list h2.yoghurt{background:url(/learn_enjoy/knowledge/img/yoghurt-ttl-bg.png) no-repeat center;}
#mmi-container section.knowledge .knowledge-list h2.child{background:url(/learn_enjoy/knowledge/img/child-ttl-bg.png) no-repeat center;}
#mmi-container section.knowledge .knowledge-list h2.child span{font-size:22px;}

#mmi-container section.knowledge .knowledge-list ul{}
#mmi-container section.knowledge .knowledge-list ul:after{clear:both; display:block; content:'';}
#mmi-container section.knowledge .knowledge-list li{width:310px; height:220px; float:left; margin-bottom:35px; margin-right:35px; font-family:noto;}
#mmi-container section.knowledge .knowledge-list li:nth-child(3n+2){margin-right:0;}
#mmi-container section.knowledge .knowledge-list li a{display:block; background-position:center bottom; background-size:100% auto; background-repeat:no-repeat; width:310px; height:220px; position:relative; border-radius:5px; padding:45px 20px 0; font-size:18px; line-height:1.6; background:url(/learn_enjoy/knowledge/img/thumb_bg.jpg) 0 bottom no-repeat #e4f1f9;} 
#mmi-container section.knowledge .knowledge-list li.milk01 a{background-image:url(/learn_enjoy/knowledge/img/milk-thumb01.png);}
#mmi-container section.knowledge .knowledge-list li.milk02 a{background-image:url(/learn_enjoy/knowledge/img/milk-thumb02.png);}
#mmi-container section.knowledge .knowledge-list li.milk03 a{background-image:url(/learn_enjoy/knowledge/img/milk-thumb03.png);}
#mmi-container section.knowledge .knowledge-list li.milk04 a{background-image:url(/learn_enjoy/knowledge/img/milk-thumb04.png);}
#mmi-container section.knowledge .knowledge-list li.milk05 a{background-image:url(/learn_enjoy/knowledge/img/milk-thumb05.png);}
#mmi-container section.knowledge .knowledge-list li.milk06 a{background-image:url(/learn_enjoy/knowledge/img/milk-thumb06.png);}
#mmi-container section.knowledge .knowledge-list li.milk07 a{background-image:url(/learn_enjoy/knowledge/img/milk-thumb07.png);}
#mmi-container section.knowledge .knowledge-list li.milk08 a{background-image:url(/learn_enjoy/knowledge/img/milk-thumb08.png);}
#mmi-container section.knowledge .knowledge-list li.milk09 a{background-image:url(/learn_enjoy/knowledge/img/milk-thumb09.png);}
#mmi-container section.knowledge .knowledge-list li.milk10 a{background-image:url(/learn_enjoy/knowledge/img/milk-thumb10.png);}
#mmi-container section.knowledge .knowledge-list li.milk11 a{background-image:url(/learn_enjoy/knowledge/img/milk-thumb11.png);}
#mmi-container section.knowledge .knowledge-list li.milk12 a{background-image:url(/learn_enjoy/knowledge/img/milk-thumb12.png);}
#mmi-container section.knowledge .knowledge-list li.milk13 a{background-image:url(/learn_enjoy/knowledge/img/milk-thumb13.png);}
#mmi-container section.knowledge .knowledge-list li.milk14 a{background-image:url(/learn_enjoy/knowledge/img/milk-thumb14.png);}
#mmi-container section.knowledge .knowledge-list li.milk15 a{background-image:url(/learn_enjoy/knowledge/img/milk-thumb15.png);}
#mmi-container section.knowledge .knowledge-list li.milk16 a{background-image:url(/learn_enjoy/knowledge/img/milk-thumb16.png);}
#mmi-container section.knowledge .knowledge-list li.milk17 a{background-image:url(/learn_enjoy/knowledge/img/milk-thumb17.png);}
#mmi-container section.knowledge .knowledge-list li.milk18 a{background-image:url(/learn_enjoy/knowledge/img/milk-thumb18.png);}


#mmi-container section.knowledge .knowledge-list li.yoghurt01 a{background-image:url(/learn_enjoy/knowledge/img/yoghurt-thumb01.png);}

#mmi-container section.knowledge .knowledge-list li.icecream01 a{background-image:url(/learn_enjoy/knowledge/img/ice-thumb01.png);}
#mmi-container section.knowledge .knowledge-list li.icecream06 a{background-image:url(/learn_enjoy/knowledge/img/ice-thumb03.png);}
#mmi-container section.knowledge .knowledge-list li.icecream07 a{background-image:url(/learn_enjoy/knowledge/img/milk-thumb07.png);}
#mmi-container section.knowledge .knowledge-list li.icecream04 a{background-image:url(/learn_enjoy/knowledge/img/ice-thumb02.png);}

#mmi-container section.knowledge .knowledge-list li.cheese01 a{background-image:url(/learn_enjoy/knowledge/img/cheese-thumb01.png);}
#mmi-container section.knowledge .knowledge-list li.cheese02 a{background-image:url(/learn_enjoy/knowledge/img/cheese-thumb03.png);}
#mmi-container section.knowledge .knowledge-list li.cheese03 a{background-image:url(/learn_enjoy/knowledge/img/milk-thumb09.png);}
#mmi-container section.knowledge .knowledge-list li.cheese05 a{background-image:url(/learn_enjoy/knowledge/img/cheese-thumb02.png);}

#mmi-container section.knowledge .knowledge-list li.child01 a{background-image:url(/learn_enjoy/knowledge/img/child-thumb01.png);}



#mmi-container section.knowledge .knowledge-list li a:hover{text-decoration:none; opacity:.7;}
#mmi-container section.knowledge .knowledge-list li h3{position:absolute; right:10px; top:-8px; background:#117cbc; padding:8px 10px; line-height:1.2; color:#fff; font-size:12px; font-family:noto; min-width:100px; text-align:center;}
#mmi-container section.knowledge .knowledge-list li h3:after{content:''; display:block; width:0; height:0; border-style:solid; border-width:8px 0 0 6px; border-color:transparent transparent transparent #075b8b; position:absolute; right:-6px; top:0; z-index:-1;}
#mmi-container .knowledge-nav{height:65px; width:1000px; margin:0 auto 40px;}
#mmi-container .knowledge-nav li{width:200px; height:64px; float:left; text-align:center;}
#mmi-container .knowledge-nav li a{background-position:center; background-size:cover; background-repeat:no-repeat; display:block; height:64px; display:table-cell; vertical-align:middle; padding:0 15px; font-family:noto; font-size:16px; line-height:1.2; border:1px #4a9ccf solid;  border-width:1px 1px 1px 0; width:9999px;}
#mmi-container .knowledge-nav li a:hover{text-decoration:none; opacity:.7;}
#mmi-container .knowledge-nav li a.active{background-image:none !important; background-color:#4a9ccf; color:#fff;}
#mmi-container .knowledge-nav li:first-child a{border-left-width:1px;}
#mmi-container .knowledge-nav li.milk{background-image:url(/learn_enjoy/knowledge/img/nav-milk.jpg);}
#mmi-container .knowledge-nav li.cheese{background-image:url(/learn_enjoy/knowledge/img/nav-cheese.jpg);}
#mmi-container .knowledge-nav li.yoghurt{background-image:url(/learn_enjoy/knowledge/img/nav-yoghurt.jpg);}
#mmi-container .knowledge-nav li.icecream{background-image:url(/learn_enjoy/knowledge/img/nav-icecream.jpg);}
#mmi-container .knowledge-nav li.infants{background-image:url(/learn_enjoy/knowledge/img/nav-infant.jpg);}
#modal-base{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); z-index:10000; display:none;}
.knowledge-modal{width:700px; background:#fff; border:4px #3083b6 solid; border-radius:10px; padding:40px; position:fixed; left:50%; top:50%; z-index:10001; box-shadow:0 0 10px rgba(0,0,0,.7); display:none; margin-left:-350px; opacity:0;}
.knowledge-modal h2{color:#3083b6; font-family:noto; font-size:24px; text-align:center; margin:0 0 30px; line-height:1.2; font-weight:normal;}
.knowledge-modal .content{font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif; max-height:50vh; overflow:auto;}
.knowledge-modal .content p{line-height:1.75; font-size:16px;}
.knowledge-modal a.modal-close{background:url(/learn_enjoy/knowledge/img/close.png) no-repeat center; width:62px; height:62px; position:absolute; right:0; bottom:-80px; display:block; text-indent:-9999px; overflow:hidden;}
/* knowledge > workshop */
#mmi-container .food-education .course{background:#feeee9; padding:40px 25px 25px;}
#mmi-container .food-education .course h2{color:#0f356a; font-size:28px; text-align:center; margin-bottom:25px; font-family:noto;}
#mmi-container .food-education .course p{padding:0 30px; margin-bottom:30px;}

#mmi-container .food-education .course dl.contact{background:#fff; padding:15px; text-align:center; font-family:noto;margin-top:25px;}
#mmi-container .food-education .course dl.contact dt{font-size:24px; line-height:1.2;}
#mmi-container .food-education .course dl.contact dt:before{content:'\e912'; font-size:40px; color:#f63140; vertical-align:middle;}
#mmi-container .food-education .course dl.contact dd p{margin-bottom:10px; line-height:1.2;}
#mmi-container .food-education .course dl.contact dd p em{display:inline-block; font-size:16px;margin-right:15px; vertical-align:middle;}
#mmi-container .food-education .course dl.contact dd p a{color:#111; font-size:40px; pointer-events:none; display:inline-block; vertical-align:middle;}

#mmi-container .food-education .course h3,#mmi-container .food-education .other-contact h3{font-size:22px; margin-bottom:20px;padding-bottom:10px; border-bottom:solid 1px #b6c7d6 ;font-family:noto;}

#mmi-container .food-education .course table {margin-bottom:10px;}
#mmi-container .food-education .course table th{width:30%;background:#f6f7f5;}
#mmi-container .food-education .course table th{border-left: solid 1px #b6c7d6;}
#mmi-container .food-education .course table td{border-right: solid 1px #b6c7d6; background:#fff;}



#mmi-container .food-education .other-contact h3{margin-top:30px;}
#mmi-container .food-education .other-contact dl.contact{background:#feeee9; padding:25px 25px;}
#mmi-container .food-education .other-contact h2{color:#0f356a; font-size:28px; text-align:center; margin-bottom:25px; font-family:noto;}
#mmi-container .food-education .other-contact p{padding:0 30px; margin-bottom:30px;}
#mmi-container .food-education .other-contact dl.contact{text-align:center; font-family:noto;}
#mmi-container .food-education .other-contact dl.contact +dl{padding-top:0px;}
#mmi-container .food-education .other-contact dl.contact dt{padding-top:15px;background:#fff;font-size:22px; line-height:40px;}
#mmi-container .food-education .other-contact dl.contact dt:before{content:'\e912'; font-size:40px; color:#f63140; vertical-align:middle;}
#mmi-container .food-education .other-contact dl.contact dd{background:#fff; padding:15px 0 10px 0;}
#mmi-container .food-education .other-contact dl.contact dd p{margin-bottom:10px; line-height:40px;}
#mmi-container .food-education .other-contact dl.contact dd p em{display:inline-block; font-size:16px; margin-right:15px; vertical-align:middle;}
#mmi-container .food-education .other-contact dl.contact dd p a{color:#111; font-size:40px; pointer-events:none; display:inline-block; vertical-align:middle;}

#mmi-container .food-education .other-contact dl.contact dd.ext{border-top:solid 1px #b6c7d6; padding-top:10px;}
#mmi-container .food-education .other-contact dl.contact dd.ext p{position:relative; display:inline-block;padding-left:35px;font-size:16px;}
#mmi-container .food-education .other-contact dl.contact dd.ext p:before{content:"";background:url(/learn_enjoy/education/img/icon_pc.png) no-repeat 0 0;width:30px; height:30px;position:absolute; top:5px; left:0;margin-right:10px;}

#mmi-container .food-education .other-contact dl.contact dd.ext a{background:#f62938; color:#fff; text-align:center; display:inline-block; padding:0 10px 0 14px; height:36px; line-height:34px; border-radius:20px; border:1px #f62938 solid; font-family:noto;}
#mmi-container .food-education .other-contact dl.contact dd.ext a:after{content:'\e902'; display:inline-block; vertical-align:middle; padding-left:5px;}
#mmi-container .food-education .other-contact dl.contact dd.ext a:hover{text-decoration:none; background:#fff; color:#f62938; border:1px #f62938 solid;}


/* quality and safety */
/* top */
#mmi-container .quality{padding:30px 0;}
#mmi-container .quality .statement{background:#f6f6ec; padding:30px 600px 0 30px; height:334px; position:relative;}
#mmi-container .quality .statement img{position:absolute; right:0; top:0;}
#mmi-container .quality .statement p{font-size:24px; color:#f62837; font-family:noto; line-height:1.8; margin-bottom:20px;}
#mmi-container .quality.system{background:url(/learn_enjoy/quality_safety/img/index-bg01.png) no-repeat center top; text-align:center; padding-top:40px;}
#mmi-container .quality.system h2,
#mmi-container .quality.background h2{font-size:24px; text-align: center; display:table; margin:0 auto 15px; padding:0 0 5px; border-bottom:1px #000 solid; font-family:noto;} 
#mmi-container .quality.background{background:#feecee;}
#mmi-container .quality.background .inner{width:1000px; margin:0 auto; padding:10px 0;}
#mmi-container .quality.system figure{margin-bottom:30px;}
#mmi-container .quality.system h2 + p,
#mmi-container .quality.background h2 + p{font-size:18px; margin-bottom:30px; text-align:center; font-family:noto;}
#mmi-container .quality.background nav{}
#mmi-container .quality.background nav ul{clear:both; margin-bottom:30px;}
#mmi-container .quality.background nav ul:after{content:''; display:block; clear:both;}
#mmi-container .quality.background nav ul li{width:234px; float:left; margin-right:21px; line-height:1.4;}
#mmi-container .quality.background nav ul li:last-child{margin-right:0;}
#mmi-container .quality.background nav ul li a{display:block; border:1px #f62837 solid; background:#fff; border-radius:5px; text-align:left; color:#000; font-size:14px; font-family:noto; overflow:hidden;}
#mmi-container .quality.background nav ul li a span{display:block; padding:10px 15px; position:relative;}
#mmi-container .quality.background nav ul li a span:after{content:'\e902'; display:inline-block; vertical-align:middle; position:absolute; right:10px; top:50%; margin-top:-6px; height:12px; width:12px; line-height:1; text-align:center; font-size:12px; color:#f62837;}
#mmi-container .quality.background nav ul li a b{font-weight:normal; color:#f62837; font-size:16px; display:block;}
#mmi-container .quality.background nav ul li a span b.black{color:#000;}
#mmi-container .quality.background nav ul li a img{display:block; width:100%; height:auto;}
#mmi-container .quality.background nav ul li a:hover{text-decoration:none;}
/* common */
#mmi-container .quality-container{clear:both; padding-top:30px; padding-bottom:10px;}
#mmi-container .quality-container:after{content:""; display:block; clear:both;}
#mmi-container .quality-container.customer-container .contents{width:700px; float:right;}
#mmi-container .quality-container.customer-container .contents h1{color:#494848;}
#mmi-container .quality-container.customer-container .contents h2{font-size:24px;font-family:noto;}
#mmi-container .quality-container.customer-container .contents h2 span{margin-right:30px;}
#mmi-container .quality-container.customer-container .contents h2 small{font-size:18px; vertical-align:text-bottom;}
#mmi-container .quality-container.customer-container aside.sub-menu header h1{font-size:26px;}
/* policy */
#mmi-container .quality-container .quality-policy{margin-bottom:15px;}
#mmi-container .quality-container .quality-policy h2{background:#f73644; padding:10px; color:#fff; text-align:center; border-radius:5px; font-size:20px; margin-bottom:15px; line-height:1.2;}
#mmi-container .quality-container .quality-policy p{margin-bottom:40px;}
#mmi-container .quality-container .quality-policy p,
#mmi-container .quality-container .quality-policy ol{font-size:16px; font-family:noto;}
#mmi-container .quality-container .quality-policy ol{list-style:none; counter-reset:num;}
#mmi-container .quality-container .quality-policy ol li{text-indent:-30px; padding-left:30px; margin-bottom:1em;}
#mmi-container .quality-container .quality-policy ol li:before{counter-increment:num; content:counter(num);  display:inline-block; width:24px; height:24px; background:#f73644; color:#fff; text-align:center; border-radius:5px; text-indent:0; line-height:24px; vertical-align:middle; margin-right:6px; position:relative; top:-1px;}
#mmi-container .quality-container .quality-policy ol li ol{border:1px #f73644 solid; border-width:1px 0; margin-top:1em; counter-reset:subNum; padding-top:15px;}
#mmi-container .quality-container .quality-policy ol li ol li{text-indent:-15px; padding-left:15px; font-size:14px;}
#mmi-container .quality-container .quality-policy ol li ol li:before{counter-increment:subNum; content:counter(subNum); border:1px #666 solid; background:none; border-radius:100%; width:16px; height:16px; line-height:16px; text-align:center; color:#000; font-size:12px;}
/* management */
#mmi-container .qc-title{color:#f73644; margin:15px 0; text-decoration:underline;}
#mmi-container .quality-container.customer-container .contents .quality.assurance header h1,
#mmi-container .quality-container.customer-container .contents .quality.base header h1{color:#f62837;}
#mmi-container .quality-container header .ctg{font-size:18px; border:1px #494848 solid; padding:4px 10px; display:inline-block; margin-bottom:10px; line-height:1; font-family:noto;}

#mmi-container .quality-container header .ctg +h1 sup{font-size:14px;}

#mmi-container .quality.assurance{padding-bottom:0;}
#mmi-container .quality.assurance h2,
#mmi-container .quality.base h2,
#mmi-container .quality.secret h2{border-bottom:1px #b6c7d6 solid; padding-bottom:5px; margin-bottom:20px;}
/* management > development */
#mmi-container .quality-container header.development{background:url(/learn_enjoy/quality_safety/management/development/img/index-icn01.png) no-repeat right center;}
#mmi-container .quality.assurance .mission-text{float:left; width:320px;}
#mmi-container .quality.assurance .mission-text p{line-height:1.9;}
#mmi-container .quality.assurance .mission-text em{font-weight:bold;}
#mmi-container .quality.assurance .missionFigure{float:right; width:380px;}
#mmi-container .quality.assurance .missionFigure img{width:100%; height:auto; margin-bottom:20px;}
#mmi-container .quality.assurance .missionFigure a{float:right;}
#mmi-container .quality.assurance .related-links{clear:both; background:#f6f6ec; padding:15px; margin-bottom:50px;}
#mmi-container .quality.assurance .related-links ul{margin:0; clear:both;}
#mmi-container .quality.assurance .related-links ul:after{content:''; display:block;clear: both;}
#mmi-container .quality.assurance .related-links ul li{float:left;}
#mmi-container .quality.assurance .related-links ul li:nth-child(even){float:right;}
#mmi-container .quality.assurance .related-links h3{margin-bottom:10px;}
/* management > procurement */
#mmi-container .quality-container header.procurement{background:url(/learn_enjoy/quality_safety/management/procurement/img/index-icn01.png) no-repeat right center;}
#mmi-container .quality .topic-box{background:#f6f6ec; padding:25px; margin-bottom:30px; clear:both;}
#mmi-container .quality .topic-box h3{color:#aa5c1d; font-size:20px; font-family:noto; line-height:1.2; margin-bottom:20px;}
#mmi-container .quality .topic-box h3 i{background:#f62837; color:#fff; padding:1px 18px; height:30px; border-radius:15px; margin-right:15px; font-size:18px; line-height:30px; position:relative;}
#mmi-container .quality .topic-box h3 i:after{color:#f62837; content:'▼'; font-size:12px; position:absolute; left:50%; bottom:0px; margin-left:-6px; width:12px; height:12px; text-align:center;}
#mmi-container .quality .topic-box p:last-child{margin-bottom:0;}
#mmi-container .quality p + .topic-box{margin-top:40px;}
#mmi-container .quality.assurance .related-links dl{clear:both;}
#mmi-container .quality.assurance .related-links dl:after{content:''; display:block; clear:both;}
#mmi-container .quality.assurance .related-links dt{width:7em; float:left;}
#mmi-container .quality.assurance .related-links dd{padding-left:7em;}
#mmi-container .quality.assurance .related-links dt:after{content:'\e902'; color:#f62837; font-size:12px; display:inline-block; vertical-align:middle; margin-left:1em;}
#mmi-container .quality ol.square{margin-bottom:30px; list-style:none; counter-reset:num; font-family:noto;}
#mmi-container .quality ol.square li{text-indent:-30px; padding-left:30px; margin-bottom:1em;}
#mmi-container .quality ol.square li:before{counter-increment:num; content:counter(num);  display:inline-block; width:24px; height:24px; background:#f73644; color:#fff; text-align:center; border-radius:5px; text-indent:0; line-height:24px; vertical-align:middle; margin-right:6px; position:relative; top:-1px;}
#mmi-container .quality.assurance ol.square li i{font-weight:bold;}
/* management > production */
#mmi-container .quality-container header.product{background:url(/learn_enjoy/quality_safety/management/production/img/index-icn01.png) no-repeat right center;}
#mmi-container .quality.assurance dl.product-theory{margin-bottom:30px;}
#mmi-container .quality.assurance dl.product-theory dt{border:1px #f62837 solid; color:#f62837; height:26px; line-height:24px; font-size:18px; font-family:noto; float:left; border-radius:13px; padding:0 15px; margin-bottom:10px;}
#mmi-container .quality.assurance dl.product-theory dd{clear:both; margin-bottom:20px;}
#mmi-container .quality.assurance .triple-check{clear:both; margin-bottom:30px;}
#mmi-container .quality.assurance .triple-check:after{content:''; display:block; clear:both;}
#mmi-container .quality.assurance .triple-check div{background:#feeeed; border-radius:10px; padding:15px; width:213px; float:left; height:280px; font-family:noto;}
#mmi-container .quality.assurance .triple-check div.arr-next{background:url(/learn_enjoy/quality_safety/management/production/img/index-icn03.png) no-repeat center center; width:18px;}
#mmi-container .quality.assurance .triple-check div h3{color:#f62837; font-size:20px; margin-bottom:10px; line-height:24px;}
#mmi-container .quality.assurance .triple-check div h3:after{background:url(/learn_enjoy/quality_safety/management/production/img/index-icn02.png) no-repeat center center; width:22px; height:24px; display:inline-block; vertical-align:middle; float:right; content:'';}
#mmi-container .quality.assurance .triple-check div h3 i{color:#fff; font-size:18px; height:24px; width:24px; border-radius:12px; background:#f62837; display:inline-block; margin-right:5px; vertical-align:middle; text-align:center; position:relative; top:-3px;}
#mmi-container .quality.assurance .triple-check div h3 + p{font-size:16px; margin-bottom:10px; line-height:1.5;}
#mmi-container .quality.assurance .triple-check div .chack-details{font-size:14px; padding-top:10px; border-top:1px #ccc solid; line-height:1.4;}
#mmi-container .quality.assurance .triple-check div .chack-details li{padding:5px 0; border-bottom:1px #ccc solid;}
#mmi-container .quality.assurance .triple-check div .chack-details li:first-child{padding-top:0;}
#mmi-container .quality.assurance .triple-check div .chack-details li:last-child{border-bottom:0;}
/* management > distribution */
#mmi-container .quality-container header.distribution{background:url(/learn_enjoy/quality_safety/management/distribution_sales/img/index-icn01.png) no-repeat right center;}
#mmi-container .quality-container.customer-container h2.highlight{text-align:center; display:table; color:#f62837; margin:0 auto 25px; padding-bottom:5px; border-bottom:1px #f62837 solid; font-size:22px;}

#mmi-container .quality-container.customer-container h2.highlight sup{font-size:14px;}

#mmi-container .quality-container.customer-container h2.highlight + ul li{
  text-indent: -2em;
  padding-left: 2em;
  text-align:left;
}

#mmi-container .quality-container h3.highlight{color:#f62837; font-size:20px; font-family:noto; margin-bottom:20px;}
#mmi-container .quality-container p + h3.highlight{margin-top:30px;}
#mmi-container .quality-container .case{clear:both;}
#mmi-container .quality-container .case:after{clear:both; display:block; content:'';}
#mmi-container .quality-container .case figure.dual{width:204px;}
#mmi-container .quality-container .case figure.dual img{margin-bottom:10px; display:block;}
#mmi-container .quality-container .case p{width:460px; float:right;}
#mmi-container .quality-container .case ul.highlight-disc{margin:0 0 30px; width:460px; float:right;}
#mmi-container .quality-container .case ul.highlight-disc li{margin-bottom:20px; padding-left:1.5em; text-indent:-1.5em;}
#mmi-container .quality-container .case ul.highlight-disc li:before{content:'●'; color:#f62837; margin-right:.5em;}
#mmi-container .quality-container .topic-box .related-links{padding:15px 0; margin:0 0 15px;}
#mmi-container .quality-container .topic-box figure.panel{background:#fff; padding:15px;} 
#mmi-container .quality-container .topic-box figure.panel figcaption{font-family:noto; margin-bottom:10px;}
#mmi-container .quality-container .topic-box figure.panel figcaption:before{content:'●'; color:#f62837;}
/* base */
#mmi-container nav.base-index{margin:30px 0 50px;}
#mmi-container nav.base-index ul{clear:both; margin-bottom:30px;}
#mmi-container nav.base-index ul:after{content:''; display:block; clear:both;}
#mmi-container nav.base-index ul li{width:calc(50% - 10px); float:left; line-height:1.4; margin-bottom:20px;}
#mmi-container nav.base-index ul li:nth-child(even){float:right;}
#mmi-container nav.base-index ul li a{display:block; border:1px #f62837 solid; background:#fff; border-radius:8px; text-align:left; color:#000; font-size:14px; font-family:noto; overflow:hidden;}
#mmi-container nav.base-index ul li a span{display:block; padding:10px 15px; position:relative; font-size:16px;}
#mmi-container nav.base-index ul li a span.black b{color:#000;padding:0.7rem 0;}
#mmi-container nav.base-index ul li a span:after{content:'\e902'; display:inline-block; vertical-align:middle; position:absolute; right:10px; top:50%; margin-top:-6px; height:12px; width:12px; line-height:1; text-align:center; font-size:12px; color:#f62837;}
#mmi-container nav.base-index ul li a b{font-weight:normal; color:#f62837; font-size:20px; display:block;}
#mmi-container nav.base-index ul li a img{display:block; width:100%; height:auto;}
#mmi-container nav.base-index ul li a:hover{text-decoration:none;}

#mmi-container nav.base-index .sp_display{display:none;}

#mmi-container .safety-criteria{clear:both; margin-bottom:30px;}
#mmi-container .safety-criteria:after{content:''; display:block; clear:both;}
#mmi-container .distribution-chart{clear:both; margin-bottom:10px; padding-top:30px;}
#mmi-container .distribution-chart:after{content:''; display:block; clear:both;}
#mmi-container .distribution-chart div{width:210px; float:left;}
#mmi-container .distribution-chart div.next-arr{width:34px; background:url(/learn_enjoy/quality_safety/base/promise/img/index-icn04.png) no-repeat right 30px; height:100px;}
#mmi-container .distribution-chart div h4{color:#f62837; background:#e5f1f8; font-size:20px; font-family:noto; text-align:center; border-radius:8px; padding:40px 0 10px; position:relative; margin-bottom:15px;}
#mmi-container .distribution-chart div h4:before{position:absolute; left:0; top:-50px; background-position:center; background-repeat:no-repeat; content:''; display:block; width:100%; height:100px;}
#mmi-container .distribution-chart div:nth-child(1) h4:before{background-image:url(/learn_enjoy/quality_safety/base/promise/img/index-icn01.png);}
#mmi-container .distribution-chart div:nth-child(3) h4:before{background-image:url(/learn_enjoy/quality_safety/base/promise/img/index-icn02.png);}
#mmi-container .distribution-chart div:nth-child(5) h4:before{background-image:url(/learn_enjoy/quality_safety/base/promise/img/index-icn03.png);}
#mmi-container .distribution-chart div:nth-child(5) h4{letter-spacing:-0.075em;}
#mmi-container .distribution-chart div h4 small{font-size:12px;}
#mmi-container .quality-audit{border:1px #f73644 solid; padding:10px 25px;}
#mmi-container .quality-audit h3{color:#f73644; font-size:20px; margin-bottom:15px; font-family:noto;}
#mmi-container .quality-audit ol.square{margin-bottom:0;}
#mmi-container .quality-audit ol.square li{font-size:16px;}
#mmi-container .long-life-products{clear:both; margin-top:30px;}
#mmi-container .long-life-products figure{margin-bottom:20px;}
#mmi-container .long-life-products figure img{max-width:100%; height:auto;}
#mmi-container .long-life-products figcaption{font-family:noto; margin-bottom:10px;}
#mmi-container .long-life-products figcaption:before{content:'●'; color:#f73644;}
#mmi-container .long-life-products figure:nth-child(1){width:320px; float:left;}
#mmi-container .long-life-products figure:nth-child(2){width:340px; float:right;}
#mmi-container .long-life-products figure:nth-child(3){clear:both;}
#mmi-container .long-life-products figure:nth-child(3) div{width:204px; float:left; margin-right:16px;}
#mmi-container .long-life-products figure:nth-child(3) div:last-child{width:245px; margin-right:0;} 


@media screen and (max-width:767px){
/* index */
#mmi-wrapper .factory .navi { display:block;}
#mmi-wrapper .factory .menu-btn a h2 { padding: 5vw 15vw;}
#mmi-wrapper .factory .menu-btn a h2:after { border-width: 20px 0 20px 15px; border-color: transparent transparent transparent #f3f6ec; right: 50%; top:auto; bottom:-18px; margin-top: 0px; margin-right:-7px;	transform: rotate(90deg);}
#mmi-wrapper .factory .menu-btn a { margin-top: 2em; background: url(/learn_enjoy/img/index-thumb_factory.jpg) center bottom/100% no-repeat; background-color:#f3f6ec; display: block; height: 86vw;}
#mmi-wrapper .factory .navi li a { margin: 0 auto; font-size: 14px;	margin-bottom:1em;}
#mmi-container #learn_wrap .title { font-size: 20px;}
#mmi-container #learn_wrap .regular .cow{ top:-1em; width:44%;}
#mmi-container #effort_ttl { font-size: 20px;}
#mmi-container .learn-index{padding:20px 15px;}
#mmi-container .learn-menu{margin-bottom:30px;}
#mmi-container .learn-menu .menu-btn{width:auto; float:none!important; clear:both; margin-bottom:25px;}
#mmi-container .learn-menu .menu-btn:nth-of-type(2),mmi-container .learn-menu .menu-btn:nth-of-type(4){float:none;}
#mmi-container .learn-menu .menu-btn .box{border-radius:6px; height:110px; margin-bottom:15px; background-size:65% auto;}
#mmi-container .learn-menu .menu-btn .box:after{left:calc(35% - 5px); top:36px;}
#mmi-container .learn-menu h2{font-size:3.8vw; width:35%;}
#mmi-container .learn-menu .menu-btn.research h2{padding-top:25px;}
#mmi-container .learn-menu h2:after{display:block; margin-top:5px;}
#mmi-container .learn-menu .menu-btn.factory h2:after{font-size:20px;}
#mmi-container .learn-menu .menu-btn.visit h2:after{width:35%;height:40%;}
#mmi-container .learn-menu .menu-btn.dairy h2:after{width:35%;height:40%;}
#mmi-container .learn-menu .menu-btn.education h2:after{font-size:30px;}
#mmi-container .learn-menu .menu-btn.safety h2:after{font-size:30px}
#mmi-container .learn-menu .menu-btn.research h2:after{font-size:30px;}
#mmi-container .learn-menu .menu-btn ul li{font-size:14px;}
#mmi-container .learn-menu.knowledge{background:url(/learn_enjoy/img/index-bg-cow.png) no-repeat 90% bottom #e5f1f8; background-size:85px auto; margin-bottom:30px; padding:0 0 60px; overflow:hidden; position:relative;}
#mmi-container .learn-menu.knowledge h2{padding:15px 10px 10px 10px; background:#f3f6ec url(/learn_enjoy/img/index-bg-boy.png) no-repeat 55% bottom; background-size:58px auto; height:100%; position:absolute; left:0; z-index:1;}
#mmi-container .learn-menu.knowledge h2:after{font-size:30px;}
#mmi-container .learn-menu.knowledge p{padding:15px 15px 10px 0; padding-left:calc(35% + 15px); min-height:6.5em; position:relative;}
#mmi-container .learn-menu.knowledge p:after{content:''; display:block; width:0; height:0; border-style:solid; border-width:20px 0 20px 15px; border-color:transparent transparent transparent #f3f6ec; position:absolute; left:calc(35% - 5px); top:30px;}
#mmi-container .learn-menu.knowledge ul{padding-left:0; margin:0 10px; clear:both; position:relative; z-index:2;}
#mmi-container .learn-menu.knowledge ul li{width:calc(50% - 5px); height:50px; margin:0 5px 10px 0; line-height:1.2;}
#mmi-container .learn-menu.knowledge ul li:nth-child(2n){float:right; margin:0 0 10px 5px;}
#mmi-container .learn-menu.knowledge ul li a{width:9999px; height:50px; font-size:14px; padding:0 10px; background-size:cover;}
#mmi-wrapper .learn-menu.extra{padding:20px 0 0;} 

#mmi-wrapper .learn-nav + .learn-menu.extra.regular{  width: auto;}
#mmi-wrapper .learn-menu.extra li{width:auto; height:80px; margin-bottom:20px; float:none; line-height:1.4;}
#mmi-wrapper .learn-menu.extra li:nth-child(2n){float:none;}
#mmi-wrapper .learn-menu.extra li a{width:9999px; height:80px; padding-left:95px; font-size:14px;}
#mmi-wrapper .learn-menu.extra li img{width:80px; height:auto;}
#mmi-wrapper .learn-menu.extra li a small{font-size:12px;}

/* food education */
#mmi-container section.food-education{padding:15px;}
#mmi-container section.food-education .statement{padding:0; height:auto; margin:0 -15px 25px;}
#mmi-container section.food-education .statement img{position:relative; right:auto; top:auto; display:block;}
#mmi-container section.food-education .statement p{font-size:16px; line-height:1.8; padding:15px;}
#mmi-container section.food-education .intro{padding:0; height:auto; margin-bottom:20px;}
#mmi-container section.food-education .intro img{position:relative; right:auto; top:auto;}
#mmi-container section.food-education .intro p{font-size:16px; line-height:2;}
#mmi-container section.food-education .policy{width:auto; height:auto; margin:0 auto 30px; background:url(/learn_enjoy/education/img/index-bg-cow.png) 0 30px no-repeat; background-size:80px auto;}
#mmi-container section.food-education .policy figure{width:240px; margin:0 auto 10px;}
#mmi-container section.food-education .policy dl{position:static;}
#mmi-container section.food-education .policy dt{font-size:14px; float:left; width:7em; clear:both;}
#mmi-container section.food-education .policy dl.raise,
#mmi-container section.food-education .policy dl.enjoy,
#mmi-container section.food-education .policy dl.learn{width:auto; height:auto; left:auto; top:auto;}
#mmi-container section.food-education .policy dd{padding-left:7em; margin-bottom:15px;}
#mmi-container div.food-education-activities h2{ background-size:40px auto; font-size:18px; padding-top:40px; top:-20px;}
#mmi-container div.food-education-activities ul.pg-anchor{height:80px; margin-bottom:20px;}
#mmi-container div.food-education-activities ul.pg-anchor li{display:inline-block; margin:0 1%; width:44%; margin-bottom:10px;}
#mmi-container div.food-education-activities ul.pg-anchor li a{height:30px; line-height:28px; border-radius:14px;}
#mmi-container div.food-education-activities ul.pg-anchor li a:after{right:10px; top:50%; width:10px; height:10px; margin-top:-5px; line-height:10px; font-size:10px;}
#mmi-container div.food-education-activities .process{background:none; height:auto; padding-bottom:20px;}
#mmi-container div.food-education-activities .process h3{position:relative; font-size:16px; width:auto; height:auto; line-height:1.2; background:#f28992; padding:5px 15px; margin:0 -15px 10px;}
#mmi-container div.food-education-activities .process section{margin-bottom:15px;}
#mmi-container div.food-education-activities .process section.infant h3,
#mmi-container div.food-education-activities .process section.child  h3,
#mmi-container div.food-education-activities .process section.adult  h3,
#mmi-container div.food-education-activities .process section.senior h3{left:auto; top:auto;}
#mmi-container div.food-education-activities .process h4{position:relative; font-size:14px; margin-bottom:10px; text-align:center;}
#mmi-container div.food-education-activities .process section.infant h4,
#mmi-container div.food-education-activities .process section.child  h4,
#mmi-container div.food-education-activities .process section.adult  h4,
#mmi-container div.food-education-activities .process section.senior h4{left:auto; top:auto;}
#mmi-container div.food-education-activities .process .panel{position:relative; padding:10px 10px 35px 10px; margin-bottom:10px;}
#mmi-container div.food-education-activities .process .panel a{height:30px; line-height:28px; border-radius:15px; font-size:12px;}
#mmi-container div.food-education-activities .process .panel a:after{content:'\e902'; display:inline-block; vertical-align:middle; padding-left:5px;}
#mmi-container div.food-education-activities .process .panel a.ext:after{content:'\e90a';}
#mmi-container div.food-education-activities .process .panel p{margin-bottom:.5em;}
#mmi-container div.food-education-activities .process .panel h5{font-size:14px; margin-bottom:15px;}
#mmi-container div.food-education-activities .process .panel img{float:left; margin:0 10px 10px 0; width:75px; height:auto;}
#mmi-container div.food-education-activities .process .panel span{font-size:11px;}


#mmi-container div.food-education-activities .process section.infant{margin-bottom:40px;}
#mmi-container div.food-education-activities .process section.infant .panel{width:auto; height:auto;}
#mmi-container div.food-education-activities .process section.infant .panel.p01,
#mmi-container div.food-education-activities .process section.infant .panel.p02{left:auto; top:auto;}
#mmi-container div.food-education-activities .process section.child .panel{width:auto; height:auto;}
#mmi-container div.food-education-activities .process section.child .panel.p01,
#mmi-container div.food-education-activities .process section.child .panel.p02,
#mmi-container div.food-education-activities .process section.child .panel.p03,
#mmi-container div.food-education-activities .process section.child .panel.p04{left:auto; top:auto;}
#mmi-container div.food-education-activities .process section.adult .panel{width:auto; height:auto;}
#mmi-container div.food-education-activities .process section.adult .panel.p01{left:auto; top:auto; padding-right:10px;}
#mmi-container div.food-education-activities .process section.adult .panel.p01 img{float:left; position:relative; right:auto; top:auto; margin:0 10px 10px 0; width:115px;}
#mmi-container div.food-education-activities .process section.adult .panel.p01 a{right:10px;}
#mmi-container div.food-education-activities .process section.senior .panel{width:auto; height:auto;padding:10px;}
#mmi-container div.food-education-activities .process section.senior .panel.p01,
#mmi-container div.food-education-activities .process section.senior .panel.p02{left:auto; top:auto;}
#mmi-container .learn-nav{padding: 4vw;clear: both;}
#mmi-container .learn-nav:after{content:''; display:block; clear:both;}
#mmi-container .learn-nav ul{height:auto; width:auto;}
#mmi-container .learn-nav li{width:calc(33% - 6px); height:90px; margin:0 10px 10px 0;}
#mmi-container .learn-nav li:nth-child(3n){margin-right:0;}
#mmi-container .learn-nav li a{width:9999px; height:90px; font-size:12px;}
#mmi-container .learn-nav li a:after{font-size:28px;}
#mmi-container .learn-nav li.top a:after{font-size:18px; margin-top:0; line-height:30px;}	
#mmi-container .learn-menu.extra.regular{padding:20px 15px 0;}
/* knowledge */
#mmi-container section.knowledge{padding:15px;}
#mmi-container section.knowledge .knowledge-list h2{background-size:contain!important; width:calc(50% - 10px); height:0; margin-bottom:20px; margin-right:20px; padding-top:38.5%; font-size:20px; position:relative;}
#mmi-container section.knowledge .knowledge-list h2 span{display:block; position:absolute; left:0; top:20%; width:100%; text-shadow: 1px 1px 3px #000; }
#mmi-container section.knowledge .knowledge-list h2.yoghurt span{display:block; position:absolute; left:2%; top:20%; width:90%; font-size:18px;line-height:1.4;text-align:center;}
#mmi-container section.knowledge .knowledge-list h2.ice span{display:block; position:absolute; left:2%; top:20%; width:90%; font-size:18px;line-height:1.4;text-align:center;}
#mmi-container section.knowledge .knowledge-list h2.child span{display:block; position:absolute; left:3%; top:20%; width:90%; font-size:18px;line-height:1.4;text-align:center;}
#mmi-container section.knowledge .knowledge-list li{width:calc(50% - 10px); height:auto; margin-bottom:20px; margin-right:20px;}
#mmi-container section.knowledge .knowledge-list li:nth-child(3n+2){margin-right:20px;}
#mmi-container section.knowledge .knowledge-list ul li:nth-child(odd){margin-right:0;}
#mmi-container section.knowledge .knowledge-list li a{background-size:100% auto; width:100%; height:0; padding:74.5% 10px 20px; font-size:14px; line-height:1.2; letter-spacing:-0.025em;} 
#mmi-container section.knowledge .knowledge-list li a:hover{opacity:1;}
#mmi-container section.knowledge .knowledge-list li h3{right:10px; top:-5px; padding:4px 5px; min-width:70px;}
#mmi-container section.knowledge .knowledge-list li a p{position:absolute; left:0; top:25px; width:100%; padding:0 15px;}
#mmi-container .knowledge-nav{height:auto; width:100%; margin:0 auto 30px; padding:0 15px; clear:both;}
#mmi-container .knowledge-nav:after{content:''; display:block; clear:both;}
#mmi-container .knowledge-nav li{width:50%; height:60px;}
#mmi-container .knowledge-nav li a{height:60px; padding:0 15px; font-size:14px; border-width:1px 1px 0 1px;}
#mmi-container .knowledge-nav li:nth-child(odd) a{border-right:0;}
#mmi-container .knowledge-nav li:nth-child(3) a,
#mmi-container .knowledge-nav li:nth-child(4) a,
#mmi-container .knowledge-nav li:nth-child(5) a{border-bottom-width:1px;}
#mmi-container .knowledge-nav li:nth-child(5){width:calc(50% + 1px);}
#mmi-container .knowledge-nav li:nth-child(5) a{border-top:0; border-right:1px #4a9ccf solid;}
#mmi-container .knowledge-nav li a:hover{text-decoration:none; opacity:.7;}
#mmi-container .knowledge-nav li a.active{background-image:none !important; background-color:#4a9ccf; color:#fff;}
#mmi-container .knowledge-nav li:first-child a{border-left-width:1px;}
#mmi-container .knowledge-nav li.milk{background-image:url(/learn_enjoy/knowledge/img/nav-milk.jpg);}
#mmi-container .knowledge-nav li.cheese{background-image:url(/learn_enjoy/knowledge/img/nav-cheese.jpg);}
#mmi-container .knowledge-nav li.yoghurt{background-image:url(/learn_enjoy/knowledge/img/nav-yoghurt.jpg);}
#mmi-container .knowledge-nav li.icecream{background-image:url(/learn_enjoy/knowledge/img/nav-icecream.jpg);}
#mmi-container .knowledge-nav li.infants{background-image:url(/learn_enjoy/knowledge/img/nav-infant.jpg);}
#modal-base{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); z-index:10000; display:none;}
.knowledge-modal{width:80%; padding:15px; left:5%; top:10%; margin-left:0;}
.knowledge-modal h2{font-size:16px; margin:0 0 10px;}
.knowledge-modal .content{max-height:60vh;}
.knowledge-modal .content p{font-size:14px;}
.knowledge-modal a.modal-close{width:40px; height:40px; background-size:cover; right:0; bottom:-50px;}
/* knowledge > workshop */
#mmi-container .food-education .course{padding:20px 15px 15px; margin:0 -15px;}
#mmi-container .food-education .course h2{font-size:16px; margin-bottom:15px;}
#mmi-container .food-education .course p{padding:0; margin-bottom:15px;}
#mmi-container .food-education .course dl.contact{padding:10px;}
#mmi-container .food-education .course dl.contact dt{font-size:20px;}
#mmi-container .food-education .course dl.contact dt:before{font-size:30px;}
#mmi-container .food-education .course dl.contact dd p{line-height:1.3;}
#mmi-container .food-education .course dl.contact dd p em{font-size:14px; margin-right:10px;}
#mmi-container .food-education .course dl.contact dd p a{font-size:30px; pointer-events:auto;}
#mmi-container .food-education .course h3{font-size:16px;margin-top:30px;}



#mmi-container .food-education .other-contact h2{font-size:16px;}
#mmi-container .food-education .other-contact h3{font-size:16px;margin-top:30px;}
#mmi-container .food-education .other-contact dl.contact{margin:0 -15px; padding:15px;}
#mmi-container .food-education .other-contact p{margin-bottom:15px;}
#mmi-container .food-education .other-contact dl.contact +dl{padding-top:0px;}
#mmi-container .food-education .other-contact dl.contact dt{font-size:17px;line-height:28px; padding:10px 4px;}
#mmi-container .food-education .other-contact dl.contact dt:before{font-size:30px;}
#mmi-container .food-education .other-contact dl.contact dd{background:#fff; padding:15px 0 10px 0;}
#mmi-container .food-education .other-contact dl.contact dd p{margin-bottom:10px; line-height:1.3;}
#mmi-container .food-education .other-contact dl.contact dd p em{font-size:14px; margin-right:10px;}
#mmi-container .food-education .other-contact dl.contact dd p a{font-size:30px; pointer-events:auto;}
#mmi-container .food-education .other-contact dl.contact dd.ext p:before{top:-3px; left:0;margin-right:10px;}


/* quality and safety */
/* top */
#mmi-container section.regular.quality{margin-bottom:30px;}
#mmi-container .quality{padding:15px 15px 0; margin:0;}
#mmi-container .quality .statement{padding: 0 0 15px 0;
    height: auto;
    margin: 0 -15px 25px;}
#mmi-container .quality .statement img{width:100%; position:relative;}

#mmi-container .quality .statement img + p{
font-size: 16px;
    line-height: 1.8;
    padding: 15px 0 0 15px;
}

#mmi-container .quality .statement img + p+p{
text-align:center;
}

#mmi-container .quality.system{background:url(/learn_enjoy/quality_safety/img/index-bg01sp.png) no-repeat center 100px; background-size:contain; padding:0 15px 30px;}
#mmi-container .quality.system h2,
#mmi-container .quality.background h2{font-size:18px; margin:0 auto 10px;} 
#mmi-container .quality.background .inner{width:auto; padding:10px 0 20px;}
#mmi-container .quality.system figure{margin-top:80px;margin-bottom:20px;}
#mmi-container .quality.system h2 + p,
#mmi-container .quality.background h2 + p{font-size:13px; margin-bottom:20px;}
#mmi-container .quality.system h2 + p br,
#mmi-container .quality.background h2 + p br{display:none;}
#mmi-container .quality.background nav ul{margin:10px -10px;}
#mmi-container .quality.background nav ul li{width:50%; float:left; margin:0 0 10px; padding: 0 5px;}
#mmi-container .quality.background nav ul li a{font-size:2.5vw;}
#mmi-container .quality.background nav ul li a span{padding:10px;}
#mmi-container .quality.background nav ul li a b{font-size:3vw;}
#mmi-container .quality.background nav ul li a:hover{text-decoration:none;}
/* common */
#mmi-container .quality-container.customer-container{clear:both; padding:15px;}
#mmi-container .quality-container.customer-container .contents{width:auto; float:none;}
#mmi-container .quality-container.customer-container .contents h2{font-size:18px;}
#mmi-container .quality-container.customer-container aside{display:none;}
/* policy */
#mmi-container .quality-container section.regular.quality{padding:0;}
#mmi-container .quality-container .quality-policy header h1{padding:0 15px;}
#mmi-container .quality-container .quality-policy{margin:0 -15px 15px;}
#mmi-container .quality-container .quality-policy h2{padding:8px; border-radius:0; font-size:16px; margin-bottom:10px;}
#mmi-container .quality-container .quality-policy p{margin-bottom:30px;}
#mmi-container .quality-container .quality-policy p,
#mmi-container .quality-container .quality-policy ol{font-size:14px; padding:0 15px;}
#mmi-container .quality-container .quality-policy ol{list-style:none; counter-reset:num;}
#mmi-container .quality-container .quality-policy ol li{text-indent:-24px; padding-left:24px; line-height:1.4;}
#mmi-container .quality-container .quality-policy ol li:before{width:18px; height:18px; line-height:18px;}
#mmi-container .quality-container .quality-policy ol li ol{padding:10px 0 0 0;}
#mmi-container .quality-container .quality-policy ol li ol li{text-indent:-16px; padding-left:16px; font-size:13x;}
#mmi-container .quality-container .quality-policy ol li ol li:before{width:10px; height:10px; line-height:10px; text-align:center; color:#000; font-size:10px;}
#mmi-container .quality-container .quality-assurance{padding:0;}
/* management */
#mmi-container .qc-title{margin:10px 0;}
#mmi-container .quality-container.customer-container .contents .quality.assurance header h1{color:#f62837;}
#mmi-container .quality-container header .ctg{font-size:16px;}
#mmi-container .quality.assurance{padding-bottom:0;}
#mmi-container .quality.assurance h2{border-bottom:1px #b6c7d6 solid; padding-bottom:5px; margin-bottom:20px;}
/* management > development */
#mmi-container .quality-container header.development{background:url(/learn_enjoy/quality_safety/management/development/img/index-icn01.png) no-repeat right center;}
#mmi-container .quality.assurance .mission-text{float:none; width:auto;}
#mmi-container .quality.assurance .missionFigure{float:none; width:auto; margin-bottom:30px;}
#mmi-container .quality.assurance .missionFigure a{float:none; margin:0 auto;}
#mmi-container .quality.assurance .related-links{padding:10px; margin-bottom:30px;}
#mmi-container .quality.assurance .related-links ul li{float:none; margin-bottom:10px;}
#mmi-container .quality.assurance .related-links ul li:nth-child(even){float:none; margin-bottom:0;}
/* management > procurement */
#mmi-container .quality .topic-box{padding:15px;}
#mmi-container .quality .topic-box h3{font-size:16px; margin-bottom:10px; padding-left:60px; position:relative;}
#mmi-container .quality .topic-box h3 i{padding:0 8px; height:22px; border-radius:11px; margin-right:10px; font-size:12px; line-height:22px; position:absolute; left:0; top:0;}
#mmi-container .quality .topic-box h3 i:after{color:#f62837; content:'▼'; font-size:12px; position:absolute; left:50%; bottom:0px; margin-left:-6px; width:12px; height:12px; text-align:center;}
#mmi-container .quality .topic-box p:last-child{margin-bottom:0;}
#mmi-container .quality.assurance ol.square{margin-bottom:30px; list-style:none; counter-reset:num;}
#mmi-container .quality.assurance ol.square li{text-indent:-30px; padding-left:30px; margin-bottom:1em;}
#mmi-container .quality.assurance ol.square li:before{counter-increment:num; content:counter(num);  display:inline-block; width:24px; height:24px; background:#f73644; color:#fff; text-align:center; border-radius:5px; text-indent:0; line-height:24px; vertical-align:middle; margin-right:6px; position:relative; top:-1px;}
#mmi-container .quality.assurance ol.square li i{font-weight:bold;}
/* management > production */
#mmi-container .quality.assurance dl.product-theory dt{height:22px; line-height:20px; font-size:16px; border-radius:11px; padding:0 10px;}
#mmi-container .quality.assurance .triple-check div{border-radius:10px; padding:10px; width:auto; float:none; clear:both; height:auto;}
#mmi-container .quality.assurance .triple-check div.arr-next{background:url(/learn_enjoy/quality_safety/management/production/img/index-icn03sp.png) no-repeat center center; background-size:29px auto; width:auto; height:24px;}
#mmi-container .quality.assurance .triple-check div h3{text-align:center;}
#mmi-container .quality.assurance .triple-check div h3:after{float:none; margin-left:10px;}
#mmi-container .quality.assurance .triple-check div h3 + p{font-size:16px; margin-bottom:10px; line-height:1.5;}
#mmi-container .quality.assurance .triple-check div .chack-details{font-size:14px; padding-top:10px; border-top:1px #ccc solid; line-height:1.4;}
#mmi-container .quality.assurance .triple-check div .chack-details li{padding:5px 0; border-bottom:1px #ccc solid;}
#mmi-container .quality.assurance .triple-check div .chack-details li:first-child{padding-top:0;}
#mmi-container .quality.assurance .triple-check div .chack-details li:last-child{border-bottom:0;}
/* management > distribution */
#mmi-container .quality-container.customer-container h2.highlight{text-align:left !important; display:block; margin:0 0 10px; padding-bottom:10px; font-size:16px; line-height:1.5;}
#mmi-container .quality-container h3.highlight{font-size:16px; margin-bottom:15px;}
#mmi-container .quality-container .case figure.dual{width:auto; margin-bottom:15px; clear:both;}
#mmi-container .quality-container .case figure.dual:after{content:''; display:block; clear:both;}
#mmi-container .quality-container .case figure.dual img{margin-bottom:5px; display:block; width:calc(50% - 10px); float:left;}
#mmi-container .quality-container .case figure.dual img:nth-child(even){float:right;}
#mmi-container .quality-container .case p{width:auto; float:none; clear:both;}
#mmi-container .quality-container .case ul.highlight-disc{margin:0 0 20px; width:auto; float:none;}
#mmi-container .quality-container .case ul.highlight-disc li{margin-bottom:20px; padding-left:1.5em; text-indent:-1.5em;}
#mmi-container .quality-container .case ul.highlight-disc li:before{content:'●'; color:#f62837; margin-right:.5em;}
#mmi-container .quality-container .topic-box .related-links{padding:15px 0; margin:0 0 15px;}
#mmi-container .quality-container .topic-box figure.panel{background:#fff; padding:15px;} 
#mmi-container .quality-container .topic-box figure.panel figcaption{font-family:noto; margin-bottom:10px;}
#mmi-container .quality-container .topic-box figure.panel figcaption:before{content:'●'; color:#f62837;}
/* base */
#mmi-container nav.base-index{margin:20px 0 40px;}
#mmi-container nav.base-index ul li{width:calc(50% - 6px); margin-bottom:12px;}
#mmi-container nav.base-index ul li a span{padding:10px 5px; font-size:2.5vw;}
#mmi-container nav.base-index ul li a span:after{content:'\e902'; display:inline-block; vertical-align:middle; position:absolute; right:4px; top:50%; margin-top:-6px; height:12px; width:12px; line-height:1; text-align:center; font-size:12px; color:#f62837;}
#mmi-container nav.base-index ul li a b{font-size:3.0vw;}
  
  #mmi-container nav.base-index ul li a span.black b{padding-top:0;}

  #mmi-container nav.base-index .sp_display{display:block;}
  
/* base */
#mmi-container .distribution-chart{clear:both; margin-bottom:10px; padding-top:30px;}
#mmi-container .distribution-chart:after{content:''; display:block; clear:both;}
#mmi-container .distribution-chart div{width:auto; float:none; clear:both; position:relative; min-height:90px;}
#mmi-container .distribution-chart div h4{font-size:3vw; border-radius:4px; padding:30px 0 10px; position:absolute; margin-bottom:15px; width:120px; left:0; top:0;line-height:1.1;}
#mmi-container .distribution-chart div h4:before{position:absolute; left:0; top:-20px; height:60px;}
#mmi-container .distribution-chart div:nth-child(1) h4:before{background-image:url(/learn_enjoy/quality_safety/base/promise/img/index-icn01.png); background-size:50%;}
#mmi-container .distribution-chart div:nth-child(3) h4:before{background-image:url(/learn_enjoy/quality_safety/base/promise/img/index-icn02.png); background-size:60%;}
#mmi-container .distribution-chart div:nth-child(5) h4:before{background-image:url(/learn_enjoy/quality_safety/base/promise/img/index-icn03.png); background-size:50%;}
#mmi-container .distribution-chart div:nth-child(5) h4{letter-spacing:-0.075em;}
#mmi-container .distribution-chart div h4 small{font-size:1.5vw;}
#mmi-container .distribution-chart div.next-arr{display:none;}
#mmi-container .distribution-chart div p{clear:both; padding:0 0 0 140px;}
#mmi-container .distribution-chart div h4:after{background:url(/learn_enjoy/quality_safety/base/promise/img/index-icn04sp.png) no-repeat center bottom; background-size:15px auto; display:block; content:''; width:15px; height:40px; position:absolute; left:50%; bottom:-30px; margin-left:-7px; z-index:-1;}
#mmi-container .distribution-chart div:nth-child(5) h4:after{display:none;}
#mmi-container .quality-audit{padding:10px 15px;}
#mmi-container .quality-audit h3{font-size:18px; margin-bottom:10px;}
#mmi-container .quality-audit ol.square{margin-bottom:0;}
#mmi-container .quality-audit ol.square li{font-size:16px;}
#mmi-container .long-life-products{margin-top:20px;}
#mmi-container .long-life-products figure img{width:100%; height:auto;}
#mmi-container .long-life-products figure:nth-child(1){width:100%; height:auto; float:none;}
#mmi-container .long-life-products figure:nth-child(2){width:100%; float:none;}
#mmi-container .long-life-products figure:nth-child(3) div{width:calc(50% - 5px); margin:0 0 20px;}
#mmi-container .long-life-products figure:nth-child(3) div:nth-child(2){float:right;}
#mmi-container .long-life-products figure:nth-child(3) div:last-child{width:60%;}

}





/* SECTION CSR ======================================================================================================================================== */
#mmi-container .csr-container{clear:both; padding-top:30px;}
#mmi-container .csr-container:after{content:""; display:block; clear:both;}
#mmi-container .csr-container .contents{width:740px; float:right; padding-top:20px; }
#mmi-container .csr-container.regular header figure{line-height:1.0; clear:both; padding-top:30px;}
#mmi-container .csr-container.regular header figure img:nth-child(2){ display:none;}
#mmi-container .csr-container .contents h3.year{background:#1f4374; color:#fff; font-family:noto; font-size:20px; padding:2px 10px 5px; margin-bottom:12px;}
#mmi-container .csr-container .contents h4.date{font-family:noto; font-size:18px; padding:0 10px; margin-bottom:13px}
#mmi-container .csr-container .contents h3.year + .library-list{margin-top:20px;}
#mmi-container .csr-container .contents h3.year + h4.date{margin-top:20px;}
#mmi-container .csr-container .contents .library-list + h4.date{margin-top:-9px;}
/* side menu */
#mmi-container .csr-container.regular aside.sub-menu.pc-side{width:205px; float:left; margin-bottom:40px;}
#mmi-container .csr-container.regular aside.sub-menu header{margin-bottom:20px;}
#mmi-container .csr-container.regular aside.sub-menu header h1{font-size:32px;}
#mmi-container .csr-container.regular aside.sub-menu header h1 i{font-size:18px; display:block; margin-top:5px;}
#mmi-container .csr-container ul.ctg-memu{border-top:1px solid #b6c7d6; font-family:noto; margin-bottom:14px;}
#mmi-container .csr-container ul.ctg-memu li a{display:block; color:#43608a; padding:11px 8px 11px 22px; position:relative; border-bottom:1px solid #b6c7d6;}
#mmi-container .csr-container ul.ctg-memu li a:before{content:"\e902"; color:#f73b48; font-size:10px; position:absolute; left:8px; top:50%; margin-top:-5px; line-height:1.0;}
#mmi-container .csr-container ul.ctg-memu li a.active{background:#f73b48; color:#fff !important;}
#mmi-container .csr-container ul.ctg-memu li a.active:before{color:#fff;}
#mmi-container .csr-container ul.ctg-memu li a:hover{text-decoration:none; color:#f73b48;}
#mmi-container .csr-container ul.bnr-menu li{margin-bottom:10px; font-family:noto;}
#mmi-container .csr-container ul.bnr-menu li.stock-bnr{border:1px solid #b7c2ce; background:#f3f6f8; padding:18px 12px 12px; line-height:1.0; text-align:center;}
#mmi-container .csr-container ul.bnr-menu li.stock-bnr dl dt,
#mmi-container .csr-container ul.bnr-menu li.stock-bnr dl dd{color:#002b72;}
#mmi-container .csr-container ul.bnr-menu li.stock-bnr dl dt{font-size:22px; margin-bottom:13px;}
#mmi-container .csr-container ul.bnr-menu li.stock-bnr dl dd{font-size:13;}
#mmi-container .csr-container ul.bnr-menu li.stock-bnr img{width:100%; height:auto; margin:10px 0;}
#mmi-container .csr-container ul.bnr-menu li.stock-bnr a{background:#1f4374; font-family:noto; color:#e5f1f8; position:relative; font-size:16px; border-radius:5px; display:block; padding:8px 0 10px;}
#mmi-container .csr-container ul.bnr-menu li.stock-bnr a:before{content:"\e902"; font-size:10px; position:absolute; left:10px; top:50%; margin-top:-5px; line-height:1.0; color:#fff;}
#mmi-container .csr-container ul.bnr-menu li.download-bnr a{border:1px solid #b7c2ce; background:#f3f6f8; padding:10px 12px 9px; display:block;}
#mmi-container .csr-container ul.bnr-menu li.download-bnr a span.ttl{padding-left:34px; display:block; color:#002b72; line-height:1.33; background:url(/common/img/icn-download.png) 4px 4px no-repeat; background-size:19px auto; margin-bottom:8px;}
#mmi-container .csr-container ul.bnr-menu li.download-bnr a span.sub-info{display:block; text-align:center; color:#333; line-height:1.0;}
#mmi-container .csr-container ul.bnr-menu li.stock-bnr a:hover,
#mmi-container .csr-container ul.bnr-menu li.download-bnr a:hover{opacity:0.7; text-decoration:none;}
#mmi-container .csr-container .contents ul.bnr-menu{display:none;}
#mmi-container .csr-container .contents .csr-bnrs{margin-bottom:80px;}

#mmi-container .csr-container .contents .csr-bnrs h2{font-size:20px; font-family:noto; margin-bottom:17px;}
#mmi-container .csr-container .contents .csr-bnrs li{width:360px; float:left; line-height:0; margin-bottom:25px;}
#mmi-container .csr-container .contents .csr-bnrs li img{width:100%; height:auto;}
#mmi-container .csr-container .contents .csr-bnrs li:nth-child(3n+2){float:right;}
#mmi-container .csr-container .contents .csr-bnrs li:nth-child(3n){clear:both; float:none; width:100%;}
#mmi-container .csr-container .contents .csr-bnrs li:nth-child(3n) img{width:auto; max-width:100%;}

/*csr anchor*/
#mmi-container .csr-container .contents .anchor{border-top:2px solid #1f4374; padding-top:18px; margin-bottom:30px;}
#mmi-container .csr-container .contents .anchor ul li{float:left; display:inline-block; font-family:noto; text-align:center; font-size:18px; vertical-align:middle; margin-right:8px; margin-bottom:10px; width:125px;}
#mmi-container .csr-container .contents .anchor ul li a{display:block; padding:1px 14px 3px 24px; position:relative; border:1px #618ac5 solid; border-radius:32px; box-shadow:2px 3px 5px 0 rgba(0,0,0,.3); color:#1f4374;}
#mmi-container .csr-container .contents .anchor ul li a:before{content:"\e904";  font-size:12px; position:absolute; left:12px; top:50%; margin-top:-6px; line-height:1.0;}
#mmi-container .csr-container .contents .anchor ul li a:hover{text-decoration:none; box-shadow:none;}
#mmi-container .csr-container .contents .csr-news .tabs li.go-archive{margin-top:7px;}
#mmi-container .csr-container .contents .csr-news .tabs li.go-archive,
#mmi-container .csr-container .contents .anchor li.go-archive{float:right; font-size:16px; text-align:center; width:186px; height:36px; border:none;}
#mmi-container .csr-container .contents .csr-library .anchor li.go-archive{width:200px;}
#mmi-container .csr-container .contents .csr-news .tabs li.go-archive a,
#mmi-container .csr-container .contents .anchor li.go-archive a{display:block; padding:3px 9px 6px 4px; color:#1f4374; position:relative; background:#e5e9ee; border-radius:36px; border:none; box-shadow:none;}
#mmi-container .csr-container .contents .csr-news .tabs li.go-archive a:before,
#mmi-container .csr-container .contents .anchor li.go-archive a:before{content:"\e902";  font-size:12px; position:absolute; left:calc(100% - 20px); top:50%; margin-top:-6px; line-height:1.0; display:inline-block;}
#mmi-container .csr-container .contents .csr-news .tabs li.go-archive a:hover,
#mmi-container .csr-container .contents .anchor li.go-archive a:hover{background:#1f4374; color:#fff; text-decoration:none;}
#mmi-container .csr-container .contents .anchor ul:after,
#mmi-container .csr-container .contents .csr-news .tabs ul:after{content:""; display:block; clear:both;}


/* tab menu */
#mmi-container .csr-container .contents .tabs{margin-bottom:25px;}
#mmi-container .csr-container .contents .tabs.bottom{margin-top:30px; margin-bottom:85px;}
#mmi-container .csr-container .contents .tabs ul li{width:calc((100% - 1px) / 3); border:1px solid #5682c1; border-width:1px 1px 1px 0; font-family:noto; font-size:18px; text-align:center; float:left; margin-top:-1px; overflow:hidden;}
#mmi-container .csr-container .contents .tabs ul li:nth-child(3n+1){border-left-width:1px;}
#mmi-container .csr-container .contents .tabs.duo ul li{width:50%;}
#mmi-container .csr-container .contents .tabs.duo ul li:nth-child(3n+1){border-left-width:0;}
#mmi-container .csr-container .contents .tabs.duo ul li:nth-child(2n+1){border-left-width:1px;}
#mmi-container .csr-container .contents .tabs ul li a{display:table; width:101%; padding:7px 0 9px; color:#1f4374; position:relative; background:#fff;}
#mmi-container .csr-container .contents .tabs ul li a span{display:table-cell; vertical-align:middle;}
#mmi-container .csr-container .contents .tabs ul li a.active{color:#fff; background:#1f4374; cursor:default; pointer-events: none;}
#mmi-container .csr-container .contents .tabs ul li a:before{content:"\e902"; font-size:10px; position:absolute; left:8px; top:50%; margin-top:-5px; line-height:1;}
#mmi-container .csr-container .contents .tabs ul li a.active:before{display:none;}
#mmi-container .csr-container .contents .tabs ul li a:hover{color:#fff; background:#1f4374; text-decoration:none;}
#mmi-container .csr-container .contents .tabs ul:after{content:''; display:block; clear:both;}
#mmi-container .csr-container .contents .tabs.highlight ul li{border-color:#f62837;}
#mmi-container .csr-container .contents .tabs.highlight ul li a{color:#f62837;}
#mmi-container .csr-container .contents .tabs.highlight ul li a.active,
#mmi-container .csr-container .contents .tabs.highlight ul li a:hover{background:#f62837; color:#fff;}

/*index*/
#mmi-container .csr-container.regular.index aside.sub-menu header{display:none;}
#mmi-container .csr-container.regular.index .contents{padding-top:0;}
#mmi-container .csr-container .contents .csr-top{border-top:1px solid #f73b48; width:100%; font-family:noto; color:#f73b48; text-align:center; padding:35px 0 30px; margin-top:-126px; background:#fff;}
#mmi-container .csr-container .contents .csr-top h1{font-size:0;line-height:1.0; width:183px; margin-right:40px; display:inline-block; vertical-align:middle;}
#mmi-container .csr-container .contents .csr-top h1 img{max-width:100%; height:auto;}
#mmi-container .csr-container .contents .csr-top p.dscp{line-height:32px; display:inline-block; vertical-align:middle; text-align:left;}
#mmi-container .csr-container .contents .top-btn{margin-bottom:30px;}
#mmi-container .csr-container .contents .top-btn:after{content:""; display:block; clear:both;}
#mmi-container .csr-container .contents .top-btn li{float:left; margin-right:6px; width:367px; position:relative;}
#mmi-container .csr-container .contents .top-btn li:nth-child(2n){margin-right:0;}
#mmi-container .csr-container .contents .top-btn li:nth-child(2n+1){clear:both;}
#mmi-container .csr-container .contents .top-btn li figure{position:relative; line-height:1.0;}
#mmi-container .csr-container .contents .top-btn li figure img{width:100%; height:auto;}
#mmi-container .csr-container .contents .top-btn li figure figcaption{position:absolute; font-family:noto; font-size:18px; color:#fff; text-shadow:0 0 rgba(0,0,0,0.2); left:13px; bottom:16px;}
#mmi-container .csr-container .contents .top-btn li figure figcaption i{font-size:13px; line-height:1.53; display:block; margin-top:16px;}
#mmi-container .csr-container .contents .top-btn li figure figcaption i b{font-size:17px; font-weight:normal}
#mmi-container .csr-container .contents .top-btn li a{position:absolute; right:12px; bottom:15px; z-index:2; background:rgba(246,40,55,0.7); color:#fff; font-family:noto; text-align:center; padding:12px 30px 11px; line-height:1.0; border-radius:38px;}
#mmi-container .csr-container .contents .top-btn li a:before{content:"\e902"; font-size:10px; position:absolute; left:15px; top:50%; margin-top:-4px;}
#mmi-container .csr-container .contents .top-btn li a:hover{text-decoration:none; opacity:0.7;}
#mmi-container .csr-container.index .contents .csr-news header{border-bottom:2px solid #0a3066; padding-bottom:6px; margin-bottom:2px}
#mmi-container .csr-container.index .contents .csr-news header h2{font-size:20px; color:#2c2d2d;}
#mmi-container .csr-container.index .contents .csr-news dl{border-top:none;}
#mmi-container .csr-container .contents .child-content{margin-bottom:30px;}
#mmi-container .csr-container .contents .child-content h2{font-size:18px; line-height:1.0; font-family:noto; margin-bottom:15px; background:#f6f7f5; border-radius:5px; border:1px #d3d9da solid; text-align:center;}
#mmi-container .csr-container .contents .child-content h2 a{display:block; color:#333; padding:16px 20px; background:url(/common/img/icn_customer_h3.png) left center no-repeat;}
#mmi-container .csr-container .contents .child-content h2 a:hover{opacity:0.7; text-decoration:none;}
#mmi-container .csr-container .contents .child-content ul,
#mmi-container .csr-container .contents .child-content p{margin-bottom:27px;}
#mmi-container .csr-container .contents .child-content li{position:relative; padding-left:22px; margin-bottom:8px;}
#mmi-container .csr-container .contents .child-content li:before{content:"\e902"; color:#f73b48; font-size:10px; position:absolute; left:8px; top:50%; margin-top:-5px; line-height:1.0;}
#mmi-container .csr-container .contents .child-content .left{float:left; clear:both;}
#mmi-container .csr-container .contents .child-content .middle{float:left; margin-left:20px;}
#mmi-container .csr-container .contents .child-content .right{float:right;}
#mmi-container .csr-container .contents .child-content .clr:after{clear:both; content:""; display:block;}
#mmi-container .csr-container .contents .child-content .column2 .left,
#mmi-container .csr-container .contents .child-content .column2 .right{width:360px;}
#mmi-container .csr-container .contents .child-content .etc{margin-bottom:60px;}
#mmi-container .csr-container .contents .child-content .etc h2{width:235px; float:left; margin-right:17px; font-size:16px; margin-bottom:0;}
#mmi-container .csr-container .contents .child-content .etc h2 a{padding:17px 0 17px 10px;}
#mmi-container .csr-container .contents .child-content .etc h2:last-child{margin:0;}
#mmi-container .csr-container .contents .child-content .etc:after{content:""; display:block; clear:both;}
/*csr-news*/
#mmi-container .csr-container .contents .csr-news.archive dl{margin-bottom:50px;}
#mmi-container .csr-container .contents .csr-news.archive dl:last-child{margin-bottom:120px;}
#mmi-container .csr-container .contents .csr-news dl{margin:0 0 45px 0; border-top:1px #b6c7d6 solid;}
#mmi-container .csr-container .contents .csr-news dl dt{padding:18px 0 17px 8px; clear:both; float:left; width:240px; line-height:1.0; position:relative;}
#mmi-container .csr-container .contents .csr-news dl dd{padding:15px 0 13px 240px; border-bottom:1px #b6c7d6 solid; line-height:1.5;}
#mmi-container .csr-container .contents .csr-news dl dt i{position:absolute; right:0; top:13px; padding:0 12px; display:block; line-height:23px; height:23px; border-radius:23px; font-family:noto; color:#fff; margin-right:10px; background:#000; font-size:14px; width:90px; text-align:center;}
#mmi-container .csr-container .contents .csr-news dl dt i.disclosure{background:#34944d;}
#mmi-container .csr-container .contents .csr-news dl dt i.information{background:#149fe8;}
#mmi-container .csr-container .contents .csr-news dl dt i.csr {background:#1f4374;}
#mmi-container .csr-container .contents .csr-news dl dd.pdf a:after{content:""; display:inline-block; vertical-align:middle; background:url(/common/img/icn-pdf.png) left center no-repeat; background-size:21px 22px; width: 21px; height:22px; margin-left:6px;}
#mmi-container .csr-container .contents .csr-news .detail {border-bottom:1px solid #c0cedb; margin-bottom:50px;}
#mmi-container .csr-container .contents .csr-news .detail h2{border:1px solid #0a3066; border-width:1px 0; padding:18px 12px 12px; color:#333; font-size:24px; line-height:1.42; margin-bottom:6px; font-family:noto;}
#mmi-container .csr-container .contents .csr-news .detail p{font-size:16px;}
#mmi-container .csr-container .contents .csr-news .detail p.date{text-align:right; margin-bottom:15px;}
#mmi-container .csr-container .contents .csr-news .detail .content{margin-bottom:35px;}
#mmi-container .csr-container .contents .csr-news .detail .attach{border:1px solid #c0cedb; padding:23px 20px 19px 74px; margin-bottom:30px}
#mmi-container .csr-container .contents .csr-news .detail .attach.pdf{background: url(/common/img/icn-pdf.png) 9px 10px no-repeat; background-size:45px auto;}
#mmi-container .csr-container .contents .csr-news a.btn-index{width:535px; display:block; margin:50px auto; color:#0a3066; text-align:center; background:#f6f6f7; border:1px solid #c0cedb; padding:24px 0; font-size:20px; line-height:1.0; font-family:noto;}
#mmi-container .csr-container .contents .csr-news a.btn-index:hover{color:#fff; background:#0a3066; text-decoration:none;}



/*csr-result*/
#mmi-container .csr-container .contents .csr-result{margin-bottom:70px;}
#mmi-container .csr-container .contents .csr-result .csr-graph .column{float:left; padding:0 8px; width:360px; margin-bottom:50px;}
#mmi-container .csr-container .contents .csr-result .csr-graph .column h3{font-size:15px; font-weight:bold; margin-bottom:7px;}
#mmi-container .csr-container .contents .csr-result .csr-graph .column figure{line-height:1.0;}
#mmi-container .csr-container .contents .csr-result .csr-graph .column figure img{max-width:100%; height:auto;}
#mmi-container .csr-container .contents .csr-result .csr-graph .column p.unit{text-align:right; line-height:1.0; margin:0;}
#mmi-container .csr-container .contents .csr-result .csr-graph .column p.footnote{font-size:13px; margin:8px 0 0;}
#mmi-container .csr-container .contents .csr-result .csr-graph .column:nth-child(2n){float:right;}
#mmi-container .csr-container .contents .csr-result .csr-graph .column:nth-child(2n+1){clear:both;}
#mmi-container .csr-container .contents .csr-result .csr-graph:after{content:""; display:block; clear:both;}
#mmi-container .csr-container .contents .csr-result .csr-note h3{font-size:14px; font-weight:bold; margin-bottom:;}
#mmi-container .csr-container .contents .csr-result .csr-note ul{margin-bottom:23px; padding-left:1em;}
#mmi-container .csr-container .contents .csr-result .csr-note ul li{padding-left:1em; text-indent:-1em; font-size:14px;}
#mmi-container .csr-container .contents .csr-result .csr-note ul li:before{content:"・"; display:inline-block; }
#mmi-container .csr-container .contents .csr-result .csr-table {margin-bottom:15px;}
#mmi-container .csr-container .contents .csr-result .csr-table th{background:#f6f7f5;}
#mmi-container .csr-container .contents .csr-result  p.footnote{font-size:13px; margin:0px 0 20px 0;}
#mmi-container .csr-container .contents .csr-result .qirTable th,#mmi-container .csr-container .contents .csr-result .qirTable td{margin:0;padding:2px!important;}

/*csr-library*/
#mmi-container .csr-container .contents ul.library-list{margin-bottom:30px; border-top:1px #b6c7d6 solid;}
#mmi-container .csr-container .contents ul.library-list li{padding:15px 15px 13px; border-bottom:1px #b6c7d6 solid; line-height:1.5;}
#mmi-container .csr-container .contents ul.library-list li a{position:relative;}
#mmi-container .csr-container .contents ul.library-list li a:after{content:""; display:inline-block; vertical-align:middle; background:url(/common/img/icn-pdf.png) left center no-repeat; background-size:21px 22px; width: 21px; height:22px; margin-left:6px; margin-right:10px;}
#mmi-container .csr-container .contents ul.library-list li b{font-weight:normal;}
#mmi-container .csr-container .contents ul.library-thumb-list{margin:0 0 40px; border-top:1px #b6c7d6 solid;}
#mmi-container .csr-container .contents ul.library-thumb-list li{border-bottom:1px #b6c7d6 solid; line-height:1.0;}
#mmi-container .csr-container .contents ul.library-thumb-list li a{display:table; padding:9px 10px; width:100%;}
#mmi-container .csr-container .contents ul.library-thumb-list li a figure{display:table-cell; width:calc(106px + 20px); padding-right:20px; vertical-align:middle; }
#mmi-container .csr-container .contents ul.library-thumb-list li a figure img{width:100%; height:auto;}
#mmi-container .csr-container .contents ul.library-thumb-list li a span{display:table-cell; position:relative; vertical-align:middle; width:calc(100% - 208px);}
#mmi-container .csr-container .contents ul.library-thumb-list li a span:after{content:""; display:inline-block; vertical-align:middle; background:url(/common/img/icn-pdf.png) left center no-repeat; background-size:21px 22px; width: 21px; height:22px; margin-left:6px;}
#mmi-container .csr-container .contents .annual ul.library-thumb-list li a figure{width:calc(105px + 20px);}
#mmi-container .csr-container .contents .annual ul.library-thumb-list li a span{width:calc(100% - 125px);}
#mmi-container .csr-container .contents .library-index ul.library-list{border-top:none;}
#mmi-container .csr-container .contents .csr-library .library-index h2{font-size:20px; font-family:noto; border-bottom:2px solid #43608a; padding-bottom:10px; margin-bottom:20px;}
#mmi-container .csr-container .contents .csr-library .library-index h3{background:#f6f7f5; font-family:noto; font-size:20px; padding:3px 10px;}
#mmi-container .csr-container .contents .csr-library a.btn-download{width:545px; margin:50px auto 60px;border:1px solid #b7c2ce; background:url(/common/img/icn-download.png) 18px center no-repeat #f3f6f8; background-size:32px auto; padding:23px 50px 25px; display:block; font-family:noto; line-height:1.0; font-size:16px; text-align:center;}
#mmi-container .csr-container .contents .csr-library a.btn-download span.ttl{display:inline-block; vertical-align:middle; color:#002b72; font-size:20px;}
#mmi-container .csr-container .contents .csr-library a.btn-download span.sub-info{display:inline-block; vertical-align:middle; color:#333; margin-left:5px;}
#mmi-container .csr-container .contents .csr-library a.btn-download:hover{opacity:0.7;}
/*csr-calendar*/
#mmi-container .csr-container .contents table.csr-table th,
#mmi-container .csr-container .contents table.csr-table td{padding:10px 18px;}
#mmi-container .csr-container .contents table.csr-table thead th,
#mmi-container .csr-container .contents table.csr-table thead td{background:#f6f7f5; text-align:center;}
#mmi-container .csr-container .contents table.csr-table th{border-left:1px #b6c7d6 solid; width:150px}
#mmi-container .csr-container .contents table.csr-table td,
#mmi-container .csr-container .contents table.csr-table thead th{border-right:1px #b6c7d6 solid;}
#mmi-container .csr-container .contents table.csr-table:last-child{margin-bottom:120px;}
#mmi-container .csr-container .contents table.csr-table.individual {margin-bottom:20px;}
#mmi-container .csr-container .contents table.csr-table.individual td{text-align:right;}


/* management */
#mmi-container .csr-container section h3{font-size:22px; font-family:noto; padding-bottom:10px; margin:40px 0 20px 0; border-bottom:1px #b6c7d6 solid;}
#mmi-container .csr-container section h3:first-of-type{margin-top:0;}
#mmi-container .csr-container section p.lead{line-height:1.86; margin-bottom:8px;}
#mmi-container .csr-container section p.lead + h3:first-of-type{margin-top:25px;}
#mmi-container .csr-container section .basis-policy{background:url(/ir/management/img/bg_basisPolicy.jpg) center top no-repeat; padding:17px 0; text-align:center; position:relative; margin-bottom:25px;}
#mmi-container .csr-container section .basis-policy h3{color:#f73b48; border:none; padding:0; margin:0 0 12px;}
#mmi-container .csr-container section .basis-policy ol{position:absolute; left:0; top:0;}
#mmi-container .csr-container section .basis-policy ol li{text-indent:200%; overflow:hidden; white-space:nowrap;}
#mmi-container .csr-container section .basis-policy figure{font-size:0; line-height:1.0;}
#mmi-container .csr-container section .plan-nav{margin-bottom:45px;}
#mmi-container .csr-container section .plan-nav a{display:block; width:235px; float:left; margin-right:16px; background-color:#f6f7f5; color:#333;}
#mmi-container .csr-container section .plan-nav a h4{text-align:center; color:#f73b48; font-size:18px; font-family:noto; padding:1px 10px 3px; margin:0;  background-color:#f6f7f5; position:relative; font-weight:normal;}
#mmi-container .csr-container section .plan-nav a h4:before{content:"\e902"; font-size:10px; position:absolute; left:10px; top:50%; margin-top:-8px;}
#mmi-container .csr-container section .plan-nav a figure{font-size:0; line-height:1.0;}
#mmi-container .csr-container section .plan-nav a figure img{width:100%; height:auto;}
#mmi-container .csr-container section .plan-nav a p{ margin:10px; font-size:14px; line-height:1.71}
#mmi-container .csr-container section .plan-nav a:hover{text-decoration:none;}
#mmi-container .csr-container section .plan-nav a:hover p{text-decoration:underline;}
#mmi-container .csr-container section .plan-nav a.active{cursor:default; pointer-events: none;}
#mmi-container .csr-container section .plan-nav a.active h4,
#mmi-container .csr-container section .plan-nav a:hover h4{background:#f73b48; color:#fff;}
#mmi-container .csr-container section .plan-nav a:nth-child(n+4){clear:both; margin-top:15px;}
#mmi-container .csr-container section .plan-nav a:nth-child(3n){float:right; margin-right:0;}
#mmi-container .csr-container section .plan-nav:after{content:""; display:block; clear:both;}
#mmi-container .csr-container section.plan-index .plan-nav a h4{background:#f73b48; color:#fff; cursor:default; pointer-events: none; font-weight:normal;}
#mmi-container .csr-container section.plan-index .plan-nav a:hover h4{opacity:0.7;}
#mmi-container .csr-container .contents table.csr-table.style01,
#mmi-container .csr-container .contents table.csr-table.style02{margin-bottom:42px;}
#mmi-container .csr-container .contents table.csr-table.style01 thead th,
#mmi-container .csr-container .contents table.csr-table.style01 thead td,
#mmi-container .csr-container .contents table.csr-table.style02 thead th,
#mmi-container .csr-container .contents table.csr-table.style02 thead td{padding-left:5px; padding-right:5px;}
#mmi-container .csr-container .contents table.csr-table.style01 td,
#mmi-container .csr-container .contents table.csr-table.style02 td{text-align:right;}
#mmi-container .csr-container .contents table.csr-table.style01 caption,
#mmi-container .csr-container .contents table.csr-table.style02 caption{font-size:18px; font-family:noto; margin-bottom:18px;}
#mmi-container .csr-container .contents table.csr-table.style01 thead th,
#mmi-container .csr-container .contents table.csr-table.style01 thead td{background:#eb6168; color:#fff;}
#mmi-container .csr-container .contents table.csr-table.style01 tfoot th,
#mmi-container .csr-container .contents table.csr-table.style01 tfoot td{background:#fce9ea;}
#mmi-container .csr-container .contents table.csr-table.style01.yellow thead th,
#mmi-container .csr-container .contents table.csr-table.style01.yellow thead td{background:#e98d44;}
#mmi-container .csr-container .contents table.csr-table.style02 thead th{width:calc((100% - 243px)/3);}
#mmi-container .csr-container .contents table.csr-table.style02 thead th:first-child{width:243px;}
#mmi-container .csr-container .contents table.csr-table.style02 thead th:last-child{background:#eb6168; color:#fff;}
#mmi-container .csr-container .contents table.csr-table.style02 tbody td:last-child{background:#fce9ea;}
#mmi-container .csr-container .contents ul.table-footnote{margin-top:-32px; margin-bottom:42px;}
#mmi-container .csr-container .contents ul.table-footnote li{font-size:13px; padding-left:1em; position:relative;}
#mmi-container .csr-container .contents ul.table-footnote li:before{content:"*"; display:block; position:absolute; left:0; top:1px; width:1em;}
#mmi-container .csr-container .contents table.csr-table + .plan-nav{margin-top:60px;}
#mmi-container .csr-container .contents .cap {font-size:12px;}

#mmi-container .csr-container .contents section.blk {
    margin-bottom: 40px;
}

#mmi-container .csr-container .contents section.blk h2 {
    margin-bottom: 20px;
    padding-bottom: 15px;
    font-size: 22px;
    border-bottom: 1px solid #b6c7d5;
    font-family: noto;
}

#mmi-container .csr-container .contents section.blk h3 {
    margin-bottom: 20px;
    padding: 5px 0 5px 1rem;
    font-size: 17px;
    background: #f5f7fa;
    border-bottom: 1px solid #b6c7d5;
    font-family: noto;
}


/* individual */
#mmi-container .csr-container .contents .columns{background:#f9f5f0; padding:30px 25px; margin:35px 0;}
#mmi-container .csr-container .contents .columns h3{border:0 none; padding:0; margin-bottom:15px; font-size:22px;}
#mmi-container .csr-container .contents .columns h3 i{background:#f62837; color:#fff; border-radius:15px; display:inline-block; margin-right:5px; padding:3px 15px; line-height:1;}
#mmi-container .csr-container .contents .columns p:last-child{margin-bottom:0;}
#mmi-container .csr-container .contents h4{font-weight:bold; font-size:18px; margin-bottom:15px;}
#mmi-container .csr-container .contents .csr-table.dividend{table-layout:fixed;}
#mmi-container .csr-container .contents .csr-table.dividend tbody td{text-align:right;}


/*download adobe*/

#mmi-container .csr-container .contents #download{padding-top:20px;padding-bottom:10px;}
#mmi-container .csr-container .contents #download img{padding-right:10px;padding-bottom:7px;}



/* side area */
#mmi-container .csr-container .side-txtbnr li a {
    position: relative;
    font-size: 15px;
    color: #f12837;
    display: block;
    border: 1px solid;
    border-radius: 6px;
    padding: 10px 20px 10px 30px;
    margin-bottom: 10px;
    font-family: noto;
    text-decoration: none;
}

#mmi-container .csr-container .side-txtbnr li a>span {
    display: block;
}

#mmi-container .csr-container .side-txtbnr li a:hover {
    background: #f12837;
    color: #fff;
}

#mmi-container .csr-container .side-txtbnr li a:before {
    content: "\e902";
    color: #f73b48;
    font-size: 10px;
    position: absolute;
    left: 8px;
    top: 50%;
    margin-top: -5px;
    line-height: 1.0;
}

#mmi-container .csr-container .side-txtbnr li a:hover:before {
    color: #fff;
}

#mmi-container .csr-container .side-txt-cap {
    color: #054172;
}

#mmi-container .csr-container .side-bnr li {
    margin-bottom:10px;
}


@media screen and (min-width:768px){
 #mmi-container .csr-container .contents .csr-news header h2 + a{top:-7px; float:right; font-size:16px; height: 37px;border-radius: 37px;line-height: 33px;}
#mmi-container .csr-container.regular aside.sub-menu header h1 { letter-spacing: -0.15rem;}
}

@media screen and (max-width:767px){	
	
	#mmi-container .csr-container{clear:both; padding-top:14px;}
	#mmi-container .csr-container .contents{width:100%; float:none; padding-top:0;}
	#mmi-container .csr-container.regular header{margin:15px 0;}
	#mmi-container .csr-container.regular header h2{font-size:20px;}
	#mmi-container .csr-container.regular header figure{padding:10px 0 20px;}
	#mmi-container .csr-container.regular header figure img{display:none;}
	#mmi-container .csr-container.regular header figure img:nth-child(2){display:block; width:100%; height:auto;}
	#mmi-container .csr-container .contents h3.year{font-size:15px; padding:3px 10px;}
	#mmi-container .csr-container .contents h4.date{font-size:12px; padding:0; margin-bottom:7px}
	#mmi-container .csr-container .contents h3.year + .library-list{margin-top:0;}
	#mmi-container .csr-container .contents h3.year + h4.date{margin-top:0;}
	#mmi-container .csr-container .contents h4.date + .library-list{margin-top:0;}
	#mmi-container .csr-container .contents .library-list + h4.date{margin-top:-9px;}
	#mmi-container .csr-container .contents ul.bnr-menu{display:block;}	
	#mmi-container .csr-container ul.bnr-menu{margin-bottom:35px;}
	#mmi-container .csr-container ul.bnr-menu li{margin-bottom:10px;}
	#mmi-container .csr-container ul.bnr-menu li.stock-bnr{padding:18px 12px 12px;}
	#mmi-container .csr-container ul.bnr-menu li.stock-bnr dl dt{font-size:25px;}
	#mmi-container .csr-container ul.bnr-menu li.stock-bnr dl dd{font-size:18px;}
	#mmi-container .csr-container ul.bnr-menu li.stock-bnr img{margin:15px 0;}
	#mmi-container .csr-container ul.bnr-menu li.stock-bnr a{font-size:26px; padding:8px 0 10px;}
	#mmi-container .csr-container ul.bnr-menu li.stock-bnr a:before{font-size:14px;margin-top:-6px;}
	#mmi-container .csr-container ul.bnr-menu li.download-bnr a{padding:8px 10px 7px 55px;background:url(/common/img/icn-download.png) 10px 15px no-repeat #f3f6f8; background-size:32px auto;}
	#mmi-container .csr-container ul.bnr-menu li.download-bnr a span.ttl{padding:0; background:none; margin-bottom:5px; font-size:17px;}
	#mmi-container .csr-container ul.bnr-menu li.download-bnr a span.ttl br{display:none;}
	#mmi-container .csr-container ul.bnr-menu li.download-bnr a span.sub-info{text-align:left;}
	#mmi-container .csr-container .contents .csr-bnrs{margin-bottom:20px;}
	#mmi-container .csr-container .contents .csr-bnrs h2{font-size:17px; margin-bottom:8px;}
	#mmi-container .csr-container .contents .csr-bnrs li,
	#mmi-container .csr-container .contents .csr-bnrs li:nth-child(3n+2),
	#mmi-container .csr-container .contents .csr-bnrs li:nth-child(3n){width:100%; float:none;margin-bottom:10px;}
	#mmi-container .csr-container.regular aside.sub-menu{display:none;}	
	/*csr anchor*/
	#mmi-container .csr-container .contents .anchor{border-top-width:1px; padding-top:10px; margin-bottom:20px;}
	#mmi-container .csr-container .contents .anchor ul li{font-size:13px; margin-right:5px; margin-bottom:5px; width:calc((100% - 15px)/ 3);}
	#mmi-container .csr-container .contents .anchor ul li a{display:block; padding:2px 5px 2px 15px; border-radius:26px;}
	#mmi-container .csr-container .contents .anchor ul li a:before{left:6px;}
	#mmi-container .csr-container .contents .csr-news .tabs li.go-archive{margin-top:5px;}
	#mmi-container .csr-container .contents .anchor li.go-archive{clear:both; margin-top:10px;}
	#mmi-container .csr-container .contents .csr-news .tabs li.go-archive,
	#mmi-container .csr-container .contents .anchor li.go-archive{font-size:12px; width:140px; height:26px; margin-bottom:0;}
	#mmi-container .csr-container .contents .csr-library .anchor li.go-archive{width:150px;}
	#mmi-container .csr-container .contents .csr-news .tabs li.go-archive a,
	#mmi-container .csr-container .contents .anchor li.go-archive a{font-size:12px; width:90%; height:26px; padding:2px 0 3px; border-radius:26px; letter-spacing:-0.05em; margin-left:5%;}
	#mmi-container .csr-container .contents .csr-news .tabs li.go-archive a:before,
	#mmi-container .csr-container .contents .anchor li.go-archive a:before{left:calc(100% - 15px);}
		/* tab menu */
	#mmi-container .csr-container .contents .tabs{margin-bottom:17px;}
	#mmi-container .csr-container .contents .tabs.bottom{margin-top:25px; margin-bottom:25px;}
	#mmi-container .csr-container .contents .tabs ul li{font-size:12px; width:50% !important;}
	#mmi-container .csr-container .contents .tabs ul li:nth-child(3n+1){border-left-width:0;}
	#mmi-container .csr-container .contents .tabs ul li:nth-child(2n+1){border-left-width:1px;}	
	#mmi-container .csr-container .contents .tabs ul li a{padding:4px 15px 5px;}
	/*index*/
	#mmi-container .csr-container .contents .csr-top{padding:17px 0 30px; margin:0;}
	#mmi-container .csr-container .contents .csr-top h1{line-height:1.0; width:100%; margin:0 0 10px; display:block;}
	#mmi-container .csr-container .contents .csr-top h1 img{width:160px; height:auto;}
	#mmi-container .csr-container .contents .csr-top p.dscp{line-height:20px; text-align:left; display:block; font-size:14px;}
	#mmi-container .csr-container .contents .top-btn{margin-bottom:27px;}
	#mmi-container .csr-container .contents .top-btn li{float:none; margin:0 0 18px; width:100%;}
	#mmi-container .csr-container .contents .top-btn li figure{position:relative; line-height:1.0; font-size:0; margin-bottom:10px;}
	#mmi-container .csr-container .contents .top-btn li figure figcaption{font-size:16px; left:10px; bottom:5px;}
	#mmi-container .csr-container .contents .top-btn li figure figcaption i{font-size:13px; line-height:1.53; display:block; margin-top:10px;}
	#mmi-container .csr-container .contents .top-btn li figure figcaption i b{font-size:16px;}
	#mmi-container .csr-container .contents .top-btn li a{position:relative; float:right; right:0; bottom:0; text-align:center; padding-bottom:12px; line-height:1.0; width:160px; background:#f73b48;}
	#mmi-container .csr-container .contents .top-btn li a:before{content:"\e902"; font-size:10px; position:absolute; left:15px; top:50%; margin-top:-4px;}
	#mmi-container .csr-container .contents .top-btn li:after{content:""; display:block; clear:both;}
	#mmi-container .csr-container.index .contents .csr-news header{border-bottom-width:1px;}
	#mmi-container .csr-container.index .contents .csr-news header h2{font-size:17px;}
	#mmi-container .csr-container .contents .child-content{margin-bottom:15px;}
	#mmi-container .csr-container .contents .child-content h2{font-size:17px; margin-bottom:14px;}
	#mmi-container .csr-container .contents .child-content h2 a{padding:12px; background-image:url(/common/img/icn_customer_h3_sp.png); background-size:15px auto;}
	#mmi-container .csr-container .contents .child-content li{position:relative; margin-bottom:18px;}
	#mmi-container .csr-container .contents .child-content .left,
	#mmi-container .csr-container .contents .child-content .middle,
	#mmi-container .csr-container .contents .child-content .right{float:none; margin:0;}
	#mmi-container .csr-container .contents .child-content .column2 .left,
	#mmi-container .csr-container .contents .child-content .column2 .right{width:100%;}
	#mmi-container .csr-container .contents .child-content .etc{margin-bottom:45px;}
	#mmi-container .csr-container .contents .child-content .etc h2{width:100%; float:none; margin-right:0; font-size:17px; margin-bottom:10px;}
	#mmi-container .csr-container .contents .child-content .etc h2 a{padding:12px;}
	/*csr-news*/
	#mmi-container .csr-container .contents .csr-news.archive dl{margin-bottom:18px;}
  #mmi-container .csr-container .contents .csr-news.archive dl:last-child{margin-bottom:40px;}
	#mmi-container .csr-container .contents .csr-news dl{margin:0 0 27px 0;}
	#mmi-container .csr-container .contents .csr-news dl dt{padding:10px 0 0 0; float:none; width:100%;}
	#mmi-container .csr-container .contents .csr-news dl dd{padding:6px 0 9px 0;}
	#mmi-container .csr-container .contents .csr-news dl dt i{position:relative; right:0; top:0; padding:0 12px; display:inline-block; vertical-align:middle; line-height:16px; height:16px; border-radius:16px; margin-left:10px; font-size:13px; min-width:63px; width:auto;}
	#mmi-container .csr-container .contents .csr-news dl dd a{padding-left:23px; position:relative; display:block;}
	#mmi-container .csr-container .contents .csr-news dl dd.pdf a:after{position:absolute; left:0; top:-2px; background-size:17px 18px; width: 17px; height:18px; margin:0;}
	#mmi-container .csr-container .contents .csr-news .detail {margin-bottom:18px;}
	#mmi-container .csr-container .contents .csr-news .detail h2{padding:12px 10px; font-size:15px;}
	#mmi-container .csr-container .contents .csr-news .detail p{font-size:13px;}
	#mmi-container .csr-container .contents .csr-news .detail p.date{margin-bottom:20px;}
	#mmi-container .csr-container .contents .csr-news .detail .content{margin-bottom:24px;}
	#mmi-container .csr-container .contents .csr-news .detail .attach{padding:10px 10px 6px 40px; margin-bottom:18px; font-size:12px;}
	#mmi-container .csr-container .contents .csr-news .detail .attach.pdf{background-position: 4px 8px; background-size:22px auto;}
	#mmi-container .csr-container .contents .csr-news a.btn-index{width:calc(100% - 24px); margin:18px auto 35px; padding:13px 0 15px; font-size:13px;}
	/*csr-result*/
	#mmi-container .csr-container .contents .csr-result{margin-bottom:30px;}
	#mmi-container .csr-container .contents .csr-result .csr-graph .column,
	#mmi-container .csr-container .contents .csr-result .csr-graph .column:nth-child(2n){float:none; padding:0; width:100%; margin-bottom:40px;}
	#mmi-container .csr-container .contents .csr-result .csr-graph .column h3{margin-bottom:7px;}
	#mmi-container .csr-container .contents .csr-result .csr-graph .column p.footnote{margin:3px 0 0; font-size:12px;}
	#mmi-container .csr-container .contents .csr-result .csr-note h3{font-size:13px; font-weight:bold;}
	#mmi-container .csr-container .contents .csr-result .csr-note p{font-size:12px;}
	#mmi-container .csr-container .contents .csr-result .csr-note ul{margin-bottom:20px;}
	#mmi-container .csr-container .contents .csr-result .csr-note ul li{ font-size:12px;}
	/*csr-library*/
	#mmi-container .csr-container .contents ul.library-list{margin-bottom:20px;}
	#mmi-container .csr-container .contents ul.library-list li{padding:0 0 12px; font-size:12px;}
	#mmi-container .csr-container .contents ul.library-list li a{padding:13px 0 0 23px; display:block;}
	#mmi-container .csr-container .contents ul.library-list li a:after{position:absolute; left:0; top:12px; background-size:17px 18px; width: 17px; height:18px; margin:0;}
	#mmi-container .csr-container .contents ul.library-list li b{margin-left:23px;}
	#mmi-container .csr-container .contents ul.library-thumb-list{margin-bottom:23px; text-align:left;}
	#mmi-container .csr-container .contents ul.library-thumb-list li a figure,
	#mmi-container .csr-container .contents .annual ul.library-thumb-list li a figure{width:calc(95px + 12px); padding-right:12px;}
	#mmi-container .csr-container .contents ul.library-thumb-list li a span,
	#mmi-container .csr-container .contents .annual ul.library-thumb-list li a span{width:calc(100% - 107px); padding-left:22px; text-indent:-25px;}
	#mmi-container .csr-container .contents ul.library-thumb-list li a span:after{display:none;}
	#mmi-container .csr-container .contents ul.library-thumb-list li a span:before{content:""; display:inline-block; vertical-align:middle; background:url(/common/img/icn-pdf.png) left center no-repeat; background-size:18px auto; width: 22px; height:22px; margin-right:6px;}
	#mmi-container .csr-container .contents .csr-library .library-index h2{font-size:15px; border-bottom-width:1px; padding-bottom:3px; margin-bottom:10px;}
	#mmi-container .csr-container .contents .csr-library .library-index h3{font-size:15px; padding:3px 10px;}
	#mmi-container .csr-container .contents .csr-library a.btn-download{width:100%; margin:24px 0 30px;padding:8px 10px 7px 55px;background:url(/common/img/icn-download.png) 10px 15px no-repeat #f3f6f8; background-size:32px auto; font-size:13px; text-align:left;}
	#mmi-container .csr-container .contents .csr-library a.btn-download span.ttl{margin-bottom:5px; display:block; font-size:17px;}
	/*csr-calendar*/
	#mmi-container .csr-container .contents table.csr-table,
	#mmi-container .csr-container .contents table.csr-table:last-child{margin-bottom:30px;}
	#mmi-container .csr-container .contents table.csr-table th,
	#mmi-container .csr-container .contents table.csr-table td{padding:5px 7px;}
	#mmi-container .csr-container .contents table.csr-table th{ width:120px;}	
		/* management */
	#mmi-container .csr-container section h3{font-size:16px; padding-bottom:5px; margin:30px 0 10px 0;}
	#mmi-container .csr-container section h3:first-of-type{margin-top:0;}
	#mmi-container .csr-container section p.lead{margin-bottom:15px;}
	#mmi-container .csr-container section p.lead + h3:first-of-type{margin-top:15px;}
	#mmi-container .csr-container section .basis-policy{padding:10px 15px 12px; text-align:center; position:relative; margin:0 -15px 25px;}
	#mmi-container .csr-container section .basis-policy h3{margin-bottom:5px;}
	#mmi-container .csr-container section .plan-nav{margin-bottom:25px;}
	#mmi-container .csr-container section .plan-nav a,
	#mmi-container .csr-container section .plan-nav a:nth-child(3n){width:100%; float:none; margin-right:0; margin-bottom:15px;}
	#mmi-container .csr-container section .plan-nav a p{margin:10px; padding-bottom:5px; font-size:13px;}
	#mmi-container .csr-container section .plan-nav a:nth-child(n+4){clear:both; margin-top:15px;}
	#mmi-container .csr-container .contents table.csr-table.style01,
	#mmi-container .csr-container .contents table.csr-table.style02{margin-bottom:20px;}
	#mmi-container .csr-container .contents table.csr-table.style01 caption,
	#mmi-container .csr-container .contents table.csr-table.style02 caption{font-size:15px; margin-bottom:6px;}
	#mmi-container .csr-container .contents table.csr-table.style02 thead th{width:calc((100% - 90px)/3);}
	#mmi-container .csr-container .contents table.csr-table.style02 thead th:first-child{width:90px;}
	#mmi-container .csr-container .contents ul.table-footnote{margin-top:-15px; margin-bottom:15px;}
	#mmi-container .csr-container .contents ul.table-footnote li{font-size:12px;}
	#mmi-container .csr-container .contents table.csr-table + .plan-nav{margin-top:35px;}
	#mmi-container .csr-container .contents .cap {font-size:10px;}
	
	/* individual */
	#mmi-container .csr-container .contents .columns{padding:15px; margin:30px 0;}
	#mmi-container .csr-container .contents .columns h3{margin-bottom:10px; font-size:18px;}
	#mmi-container .csr-container .contents .columns h3 i{border-radius:12px; padding:5px 10px; display:block; text-align:center; margin-bottom:10px;}
	#mmi-container .csr-container .contents h4{font-size:16px; margin-bottom:10px;}
	#mmi-container .csr-container .contents .csr-table.dividend th,
	#mmi-container .csr-container .contents .csr-table.dividend td{width:auto;}
	#mmi-container .csr-container .contents .csr-table.dividend tbody td{text-align:right;}


 #mmi-container .csr-container .contents section.blk {
        margin-bottom: 30px;
    }
    #mmi-container .csr-container .contents section.blk h2 {
        margin-bottom: 10px;
        padding-bottom: 12px;
        font-size: 16px;
    }
    #mmi-container .csr-container .contents section.blk h3 {
        margin-bottom: 10px;
        font-size: 15px;
    }

	 aside.sub-menu.bottom-menu .side-bnr {
    	margin: 15px auto;
    }
    aside.sub-menu.bottom-menu .side-bnr li {
    	margin-bottom: 10px;
    }
    aside.sub-menu.bottom-menu .side-bnr li a {
        border: none;
        padding: 0;
        text-align: center;
    }
    aside.sub-menu.bottom-menu .side-bnr li a:after {
    	display: none;
    }
    aside.sub-menu.bottom-menu .side-bnr li a img {
        max-width: 100%;
        height: auto;
    }
    aside.sub-menu.bottom-menu .side-txtbnr li a {
        position: relative;
        font-size: 15px;
        color: #f12837;
        display: block;
        border: 1px solid;
        border-radius: 6px;
        padding: 15px 20px 15px 30px;
        margin-bottom: 10px;
        font-family: noto;
        text-decoration: none;
    }
    aside.sub-menu.bottom-menu .side-txtbnr li a>span {
        display: block;
    }
    aside.sub-menu.bottom-menu .side-txtbnr li a:hover {
        background: #f12837;
        color: #fff;
    }
    aside.sub-menu.bottom-menu .side-txtbnr li a:before {
        content: " ";
        color: #f73b48;
        font-size: 10px;
        position: absolute;
        left: 8px;
        top: 50%;
        margin-top: -5px;
        line-height: 1.0;
    }
    aside.sub-menu.bottom-menu .side-txtbnr li a:hover:before {
        color: #fff;
    }
    aside.sub-menu.bottom-menu .side-txt-cap {
        color: #054172;
    }

}


/* 2021.6.11 森永乳業のサステナビリティ 32pxから28pxにフォントサイズ変更
====================================================== */
#mmi-container .csr-container.regular aside.sub-menu header h1 {
font-size: 28px;
}