/*  #ro
================================================ */
#ro { background: #e6edf2; padding: 60px 0 40px; }

#ro .item01 + .item01 { margin-top: 15px; }

#ro .btn { margin-top: 25px; line-height: 1.5; }

#ro .btn:before { top: 24px; }

#ro .txt { font-size: 1.4rem; }

#ro .txt + .txt { margin-top: 10px; }

#ro .roList { margin: 25px 0 20px; }

#ro #productCv .bnr { margin-top: 30px; }

@media all and (min-width: 600px) { #ro { padding: 120px 0 60px; }
  #ro .list { margin: 0 -15px; display: -webkit-box; display: -ms-flexbox; display: flex; }
  #ro .item01 { padding: 0 15px; }
  #ro .item01 + .item01 { margin-top: 0; }
  #ro .btn { width: 300px; margin: 40px auto 0; }
  #ro .btn:before { top: 30px; left: 40px; }
  #ro .txt { font-size: 1.6rem; }
  #ro .txt + .txt { margin-top: 18px; }
  #ro .roList { margin: 50px 0 35px; }
  #ro #productCv .bnr { margin-top: 60px; } }

/*  #uf
================================================ */
#uf { padding: 40px 0 0; }

#uf .lead { font-size: 1.4rem; }

#uf .txt.bg { background: #f2f4f5; padding: 10px 20px; margin-top: 15px; }

#uf .product { margin-top: 20px; }

#uf .product .img + .img { margin-top: 15px; }

#uf .imgSet { margin-top: 30px; }

#uf .imgSet .imgArea { margin-bottom: 20px; }

#uf .table01 { margin: 25px 0 10px; }

#uf .list { margin-top: 25px; }

@media all and (min-width: 600px) { #uf { padding: 80px 0 0; }
  #uf .lead { font-size: 1.6rem; }
  #uf .txt.bg { padding: 15px 20px; }
  #uf .productSet { overflow: hidden; }
  #uf .product { float: left; width: 380px; }
  #uf .product .img + .img { margin-top: 0; }
  #uf .set02 { width: 790px; margin-left: 30px; }
  #uf .set02 .in { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -15px; }
  #uf .set02 .in .img { width: 380px; padding: 0 15px; }
  #uf .imgSet { margin-top: 80px; }
  #uf .table01 { margin: 25px 0 10px; }
  #uf .table01 td { width: 382px; }
  #uf .list { display: block; margin-top: 50px; }
  #uf .mod_grid01_item { width: 100%; } }

#uf .item { background: #f2f4f5; }

#uf .item .img { overflow: hidden; }

#uf .item .in { padding: 15px; }

#uf .item .head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#uf .item .ico { width: 65px; margin-right: 12px; }

#uf .item .ico + .sub { text-align: left; }

#uf .item .sub { font-size: 2rem; line-height: 1.5; vertical-align: baseline; text-align: center; }

#uf .item .txt { font-size: 1.4rem; margin-top: 20px; padding: 8px 20px 10px; background: #fff; }

#uf .item .note { color: #808080; font-size: 1.2rem; }

@media all and (min-width: 600px) { #uf .item { display: -webkit-box; display: -ms-flexbox; display: flex; }
  #uf .item .img { width: 370px; }
  #uf .item .head { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; }
  #uf .item .sub { font-size: 2.2rem; }
  #uf .item .in { padding: 38px 40px; width: 830px; box-sizing: border-box; }
  #uf .item .txt { margin-top: 10px; font-size: 1.6rem; padding: 10px 25px; } }