/*
@include animation(anime-opening_face 4s ease 0.5s);
@include keyframes(anime-opening_face){
    0%  { transform: translate(-50%,100%); }
    30% { transform: translate(-50%,0); }
    70% { transform: translate(-50%,0); }
    100%{ transform: translate(-50%,100%); }
}
*/
@media screen and (max-width: 640px) {
  .mod-freeHTML .pc_only {
    display: none;
  }
}

@media (min-width: 641px) {
  .mod-freeHTML .sp_only {
    display: none;
  }
}

.mod-freeHTML .br-product_link_point {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: -10px;
  display: block;
}

.mod-freeHTML .br-product_main {
  /*==============================
  
  reset
  
  ==============================*/
  width: 100%;
  background: #25A6C0;
  text-align: center;
}
.mod-freeHTML .br-product_main * {
  box-sizing: border-box;
}
.mod-freeHTML .br-product_main *,
.mod-freeHTML .br-product_main *:before,
.mod-freeHTML .br-product_main *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.mod-freeHTML .br-product_main img {
  max-width: 100%;
}
.mod-freeHTML .br-product_main ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mod-freeHTML .br-product_main a {
  text-decoration: none;
  display: inline;
}
.mod-freeHTML .br-product_main a:focus {
  outline: none;
}
.mod-freeHTML .br-product_main sup,
.mod-freeHTML .br-product_main sub {
  height: 0;
  line-height: 1;
  vertical-align: baseline;
  position: relative;
}
.mod-freeHTML .br-product_main sup {
  bottom: 1ex;
}
.mod-freeHTML .br-product_main sub {
  top: .5ex;
}
.mod-freeHTML .br-product_main p {
  margin: 0;
}
.mod-freeHTML .br-product_main .product_main_img {
  width: 100%;
}

.mod-freeHTML .br-product_copy {
  /*==============================
  
  reset
  
  ==============================*/
  text-align: center;
  margin: 45px auto 60px;
}
.mod-freeHTML .br-product_copy * {
  box-sizing: border-box;
}
.mod-freeHTML .br-product_copy *,
.mod-freeHTML .br-product_copy *:before,
.mod-freeHTML .br-product_copy *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.mod-freeHTML .br-product_copy img {
  max-width: 100%;
}
.mod-freeHTML .br-product_copy ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mod-freeHTML .br-product_copy a {
  text-decoration: none;
  display: inline;
}
.mod-freeHTML .br-product_copy a:focus {
  outline: none;
}
.mod-freeHTML .br-product_copy sup,
.mod-freeHTML .br-product_copy sub {
  height: 0;
  line-height: 1;
  vertical-align: baseline;
  position: relative;
}
.mod-freeHTML .br-product_copy sup {
  bottom: 1ex;
}
.mod-freeHTML .br-product_copy sub {
  top: .5ex;
}
.mod-freeHTML .br-product_copy p {
  margin: 0;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML .br-product_copy {
    margin: 4.6875% auto 11.71875%;
  }
}
.mod-freeHTML .br-product_copy .product-copy_sub {
  font-size: 20px;
  margin-bottom: 60px;
}
@media screen and (max-width: 1200px) {
  .mod-freeHTML .br-product_copy .product-copy_sub {
    font-size: 16px;
  }
}
@media screen and (max-width: 640px) {
  .mod-freeHTML .br-product_copy .product-copy_sub {
    font-size: 10px;
    margin-bottom: 6.25%;
  }
}
.mod-freeHTML .br-product_copy .product-copy_text {
  display: inline-block;
  font-weight: bold;
  margin: 0;
  line-height: 1;
  font-size: 30px;
  background: linear-gradient(transparent 98%, #000000 0%);
}
@media screen and (max-width: 640px) {
  .mod-freeHTML .br-product_copy .product-copy_text {
    display: inline;
    font-size: 16px;
    line-height: 142.8571428571%;
  }
}
@media screen and (max-width: 640px) {
  .mod-freeHTML .br-product_copy .product-copy_text {
    background: linear-gradient(transparent 94%, #000000 0%);
  }
}

.mod-freeHTML .br-product_sub {
  /*==============================
  
  reset
  
  ==============================*/
  text-align: center;
  margin: 45px auto 60px;
  position: relative;
}
.mod-freeHTML .br-product_sub * {
  box-sizing: border-box;
}
.mod-freeHTML .br-product_sub *,
.mod-freeHTML .br-product_sub *:before,
.mod-freeHTML .br-product_sub *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.mod-freeHTML .br-product_sub img {
  max-width: 100%;
}
.mod-freeHTML .br-product_sub ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mod-freeHTML .br-product_sub a {
  text-decoration: none;
  display: inline;
}
.mod-freeHTML .br-product_sub a:focus {
  outline: none;
}
.mod-freeHTML .br-product_sub sup,
.mod-freeHTML .br-product_sub sub {
  height: 0;
  line-height: 1;
  vertical-align: baseline;
  position: relative;
}
.mod-freeHTML .br-product_sub sup {
  bottom: 1ex;
}
.mod-freeHTML .br-product_sub sub {
  top: .5ex;
}
.mod-freeHTML .br-product_sub p {
  margin: 0;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML .br-product_sub {
    margin: 0 auto 7.8125%;
  }
}
.mod-freeHTML .br-product_sub .product-sub_wrap {
  max-width: 1200px;
  display: flex;
  flex-wrap: wrap;
}
.mod-freeHTML .br-product_sub .product-sub_wrap > li {
  width: 50%;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML .br-product_sub .product-sub_wrap > li {
    width: 100%;
  }
}
.mod-freeHTML .br-product_sub .product-sub_wrap > li.product-sub_text {
  display: flex;
  align-items: center;
  text-align: left;
  background: #25A6C0;
  font-weight: bold;
  color: #FFFFFF;
  font-size: 32px;
  padding: 0 75px;
}
@media screen and (max-width: 1200px) {
  .mod-freeHTML .br-product_sub .product-sub_wrap > li.product-sub_text {
    font-size: 26px;
    padding: 0 45px;
  }
}
@media screen and (max-width: 640px) {
  .mod-freeHTML .br-product_sub .product-sub_wrap > li.product-sub_text {
    font-size: 16px;
    padding: 15px 30px;
  }
}
.mod-freeHTML .br-product_sub .product-sub_wrap > li.product-sub_text h2 {
  font-size: 1em;
  margin: 0;
}
.mod-freeHTML .br-product_sub .product-sub_tag {
  display: flex;
  justify-content: space-between;
  margin-top: 25px;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML .br-product_sub .product-sub_tag {
    flex-wrap: wrap;
    width: 100%;
  }
}
.mod-freeHTML .br-product_sub .product-sub_tag .product-sub_label {
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  color: #25A6C0;
  width: 9em;
}
@media (min-width: 641px) {
  .mod-freeHTML .br-product_sub .product-sub_tag .product-sub_label {
    display: flex;
    align-items: center;
  }
}
@media screen and (max-width: 640px) {
  .mod-freeHTML .br-product_sub .product-sub_tag .product-sub_label {
    display: block;
    width: 100%;
    margin: 0;
    text-align: center;
    font-size: 10px;
  }
}
.mod-freeHTML .br-product_sub .product-sub_tag .product-sub_list {
  width: calc( 100% - 9em );
}
@media (min-width: 641px) {
  .mod-freeHTML .br-product_sub .product-sub_tag .product-sub_list {
    display: flex;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 640px) {
  .mod-freeHTML .br-product_sub .product-sub_tag .product-sub_list {
    display: block;
    width: 100%;
  }
}
.mod-freeHTML .br-product_sub .product-sub_tag .product-sub_list > li {
  text-align: left;
  font-size: 14px;
}
@media (min-width: 641px) {
  .mod-freeHTML .br-product_sub .product-sub_tag .product-sub_list > li {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media screen and (max-width: 640px) {
  .mod-freeHTML .br-product_sub .product-sub_tag .product-sub_list > li {
    font-size: 10px;
  }
}
@media screen and (max-width: 640px) {
  .mod-freeHTML .br-product_sub .product-sub_tag .product-sub_list > li br {
    display: none;
  }
}
.mod-freeHTML .br-product_sub .product-sub_tag .product-sub_list > li:not(:last-of-type) {
  background: #E3F4F4;
  padding: 10px 15px;
}
@media (min-width: 641px) {
  .mod-freeHTML .br-product_sub .product-sub_tag .product-sub_list > li:not(:last-of-type) {
    margin-left: 20px;
  }
}
@media screen and (max-width: 640px) {
  .mod-freeHTML .br-product_sub .product-sub_tag .product-sub_list > li:not(:last-of-type) {
    margin-top: 10px;
    flex-wrap: wrap;
    padding: 2.34375%;
  }
}
.mod-freeHTML .br-product_sub .product-sub_tag .product-sub_list > li:last-of-type {
  text-align: right;
  color: #25A6C0;
}
@media (min-width: 641px) {
  .mod-freeHTML .br-product_sub .product-sub_tag .product-sub_list > li:last-of-type {
    margin-left: 20px;
  }
}
@media screen and (max-width: 640px) {
  .mod-freeHTML .br-product_sub .product-sub_tag .product-sub_list > li:last-of-type {
    margin-top: 10px;
  }
}

.mod-freeHTML .br-product_ranking {
  /*==============================
  
  reset
  
  ==============================*/
  background: url("/-/media/cojp/product/printer/home/img/2022/pc/img-ranking-bg") top center/cover no-repeat;
  padding: 35px 10px 50px;
  position: relative;
}
.mod-freeHTML .br-product_ranking * {
  box-sizing: border-box;
}
.mod-freeHTML .br-product_ranking *,
.mod-freeHTML .br-product_ranking *:before,
.mod-freeHTML .br-product_ranking *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.mod-freeHTML .br-product_ranking img {
  max-width: 100%;
}
.mod-freeHTML .br-product_ranking ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mod-freeHTML .br-product_ranking a {
  text-decoration: none;
  display: inline;
}
.mod-freeHTML .br-product_ranking a:focus {
  outline: none;
}
.mod-freeHTML .br-product_ranking sup,
.mod-freeHTML .br-product_ranking sub {
  height: 0;
  line-height: 1;
  vertical-align: baseline;
  position: relative;
}
.mod-freeHTML .br-product_ranking sup {
  bottom: 1ex;
}
.mod-freeHTML .br-product_ranking sub {
  top: .5ex;
}
.mod-freeHTML .br-product_ranking p {
  margin: 0;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML .br-product_ranking {
    padding: 19.53125% 10px 35px;
    background: url("/-/media/cojp/product/printer/home/img/2022/sp/img-ranking-bg") top center/cover no-repeat;
  }
}
.mod-freeHTML .br-product_ranking.br-product_ranking_office {
  background: url("/-/media/cojp/product/printer/office/img/2022/pc/img-ranking-bg") top center/cover no-repeat;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML .br-product_ranking.br-product_ranking_office {
    background: url("/-/media/cojp/product/printer/office/img/2022/sp/img-ranking-bg") top center/cover no-repeat;
  }
}
.mod-freeHTML .br-product_ranking .mod-productLineUp3_item {
  background: #FFFFFF;
  position: relative;
  z-index: 1;
  padding: 40px;
  margin-bottom: 0;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML .br-product_ranking .mod-productLineUp3_item {
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 640px) {
  .mod-freeHTML .br-product_ranking .mod-productLineUp3_item + .mod-productLineUp3_item {
    margin-top: 15px;
  }
}
.mod-freeHTML .br-product_ranking .product-ranking_num {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: -10px;
  margin-left: 20px;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML .br-product_ranking .product-ranking_num {
    width: 48px;
    margin-top: 30px;
    margin-left: -10px;
  }
}
@media screen and (max-width: 640px) {
  .mod-freeHTML .br-product_ranking .mod-productLineUp3_item:first-child .product-ranking_num {
    width: 58px;
  }
}
.mod-freeHTML .br-product_ranking .product-ranking_title {
  text-align: center;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML .br-product_ranking .product-ranking_title {
    width: 79.6875%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 5.46875%;
    z-index: 2;
  }
}
.mod-freeHTML .br-product_ranking .mod-productLineUp3 {
  margin-bottom: 0;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML .br-product_ranking .mod-productLineUp3 {
    margin-top: 0;
  }
}
@media screen and (max-width: 640px) {
  .mod-freeHTML .br-product_ranking .mod-productLineUp3_grid {
    margin: 0 auto;
    width: 50%;
  }
}
.mod-freeHTML .br-product_ranking .mod-productLineUp3_grid .mod-productLineUp3_img {
  width: 100%;
  padding-right: 0;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML .br-product_ranking .product-ranking_info {
    display: flex;
    flex-direction: column;
  }
}
.mod-freeHTML .br-product_ranking .product-ranking_info .mod-productLineUp3_heading {
  font-weight: bold;
  padding: 0;
  text-indent: 0;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML .br-product_ranking .product-ranking_info .mod-productLineUp3_heading {
    order: 1;
  }
}
@media screen and (max-width: 640px) {
  .mod-freeHTML .br-product_ranking .product-ranking_info .mod-productLineUp3_paragraph {
    order: 2;
    font-size: 12px;
    margin-bottom: 5px;
  }
}
.mod-freeHTML .br-product_ranking .product-ranking_info .mod-productLineUp3_list {
  margin-bottom: 10px;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML .br-product_ranking .product-ranking_info .mod-productLineUp3_list {
    order: 3;
    margin-left: -5px;
    margin-bottom: 0;
    margin-top: 10px;
  }
}
.mod-freeHTML .br-product_ranking .product-ranking_btn {
  margin-top: 10px;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML .br-product_ranking .product-ranking_btn {
    width: 100%;
  }
}
.mod-freeHTML .br-product_ranking .product-ranking_btn li {
  width: 100%;
}
.mod-freeHTML .br-product_ranking .product-ranking_btn li a {
  width: 100%;
  box-sizing: border-box;
  background: #787878;
  color: #FFFFFF;
  padding: .5em 1em;
  margin: 0 auto;
  text-align: center;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mod-freeHTML .br-product_ranking .product-ranking_btn li a::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  width: 6px;
  height: 6px;
  border-top: 2px solid #333;
  border-top-color: #333333;
  border-right: 2px solid #333;
  border-right-color: #333333;
  transform: rotate(45deg);
  border-color: #fff;
  margin-left: 8px;
}

.mod-freeHTML .br-product_lineup {
  margin: 45px auto 60px;
}
.mod-freeHTML .br-product_lineup img {
  max-width: 100%;
}
.mod-freeHTML .br-product_lineup ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML .br-product_lineup {
    margin: 4.6875% auto;
  }
}
.mod-freeHTML .br-product_lineup .product-lineup_title {
  text-align: center;
  border-bottom: 2px solid #25A6C0;
  color: #25A6C0;
  font-weight: bold;
  padding: 0 0 15px 0;
  font-size: 26px;
  line-height: 1;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML .br-product_lineup .product-lineup_title {
    padding: 0 0 10px 0;
    font-size: 16px;
  }
}
.mod-freeHTML .br-product_lineup .product-lineup_head .product-lineup_sub {
  text-align: center;
  font-size: 26px;
  border-radius: 7px;
  padding: 15px;
  background: #25A6C0;
  color: #FFFFFF;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML .br-product_lineup .product-lineup_head .product-lineup_sub {
    font-size: 16px;
    padding: 10px;
  }
}
.mod-freeHTML .br-product_lineup .product-lineup_head .product-lineup_wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 70px;
}
@media screen and (max-width: 1200px) {
  .mod-freeHTML .br-product_lineup .product-lineup_head .product-lineup_wrap {
    justify-content: center;
  }
}
@media screen and (max-width: 640px) {
  .mod-freeHTML .br-product_lineup .product-lineup_head .product-lineup_wrap {
    margin-bottom: 6.25%;
  }
}
.mod-freeHTML .br-product_lineup .product-lineup_head .product-lineup_wrap > li {
  width: 100%;
  text-align: left;
}
.mod-freeHTML .br-product_lineup .product-lineup_head .product-lineup_wrap > li.product-lineup_text {
  width: calc( 100% - 615px - 70px );
}
@media screen and (max-width: 1200px) {
  .mod-freeHTML .br-product_lineup .product-lineup_head .product-lineup_wrap > li.product-lineup_text {
    width: 100%;
    margin-bottom: 15px;
  }
}
.mod-freeHTML .br-product_lineup .product-lineup_head .product-lineup_wrap > li.product-lineup_text p {
  font-size: 14px;
  margin: 0;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML .br-product_lineup .product-lineup_head .product-lineup_wrap > li.product-lineup_text p {
    font-size: 12px;
  }
}
.mod-freeHTML .br-product_lineup .product-lineup_head .product-lineup_wrap > li.product-lineup_text .product-lineup_att {
  margin-top: 15px;
}
.mod-freeHTML .br-product_lineup .product-lineup_head .product-lineup_wrap > li.product-lineup_text .product-lineup_att > li {
  font-size: 10px;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML .br-product_lineup .product-lineup_head .product-lineup_wrap > li.product-lineup_text .product-lineup_att > li {
    font-size: 10px;
  }
}
.mod-freeHTML .br-product_lineup .product-lineup_head .product-lineup_wrap > li.product-lineup_text .product-lineup_att > li p {
  font-size: 1em;
}
.mod-freeHTML .br-product_lineup .product-lineup_head .product-lineup_wrap > li.product-lineup_img {
  max-width: 615px;
  text-align: right;
}
.mod-freeHTML .br-product_lineup .product-lineup_head .product-lineup_wrap > li.product-lineup_img .product-lineup_att {
  margin-top: 15px;
}
.mod-freeHTML .br-product_lineup .product-lineup_head .product-lineup_wrap > li.product-lineup_img .product-lineup_att > li {
  font-size: 10px;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML .br-product_lineup .product-lineup_head .product-lineup_wrap > li.product-lineup_img .product-lineup_att > li {
    font-size: 10px;
  }
}
.mod-freeHTML .br-product_lineup .product-lineup_head .product-lineup_wrap > li.product-lineup_bnr {
  width: 100%;
  margin-top: 50px;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML .br-product_lineup .product-lineup_head .product-lineup_wrap > li.product-lineup_bnr {
    margin-top: 15px;
    margin-bottom: 50px;
  }
}
.mod-freeHTML .br-product_lineup .product-lineup_item_title {
  text-align: center;
  position: relative;
}
.mod-freeHTML .br-product_lineup .product-lineup_item_title::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #25A6C0;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.mod-freeHTML .br-product_lineup .product-lineup_item_title > span {
  position: relative;
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  color: #25A6C0;
  background: #FFFFFF;
  padding: 0 1em;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML .br-product_lineup .product-lineup_item_title > span {
    font-size: 12px;
  }
}
.mod-freeHTML .br-product_lineup .product-lineup_item_title > span::before, .mod-freeHTML .br-product_lineup .product-lineup_item_title > span::after {
  content: "";
  display: block;
  width: 2px;
  height: 100%;
  background: #25A6C0;
  position: absolute;
  top: 50%;
  transform-origin: center;
}
.mod-freeHTML .br-product_lineup .product-lineup_item_title > span::before {
  left: 0;
  transform: translateY(-50%) rotate(-30deg);
}
.mod-freeHTML .br-product_lineup .product-lineup_item_title > span::after {
  right: 0;
  transform: translateY(-50%) rotate(30deg);
}

.mod-freeHTML .br-product_lineup_tag {
  /*==============================
  
  reset
  
  ==============================*/
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 3px 3px;
}
.mod-freeHTML .br-product_lineup_tag * {
  box-sizing: border-box;
}
.mod-freeHTML .br-product_lineup_tag *,
.mod-freeHTML .br-product_lineup_tag *:before,
.mod-freeHTML .br-product_lineup_tag *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.mod-freeHTML .br-product_lineup_tag img {
  max-width: 100%;
}
.mod-freeHTML .br-product_lineup_tag ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mod-freeHTML .br-product_lineup_tag a {
  text-decoration: none;
  display: inline;
}
.mod-freeHTML .br-product_lineup_tag a:focus {
  outline: none;
}
.mod-freeHTML .br-product_lineup_tag sup,
.mod-freeHTML .br-product_lineup_tag sub {
  height: 0;
  line-height: 1;
  vertical-align: baseline;
  position: relative;
}
.mod-freeHTML .br-product_lineup_tag sup {
  bottom: 1ex;
}
.mod-freeHTML .br-product_lineup_tag sub {
  top: .5ex;
}
.mod-freeHTML .br-product_lineup_tag p {
  margin: 0;
}
.mod-freeHTML .br-product_lineup_tag .br-product_lineup_tag_icon {
  display: block;
  width: calc( ( 100% - 6px ) / 3 );
}
@media screen and (max-width: 640px) {
  .mod-freeHTML .br-product_lineup_tag .br-product_lineup_tag_icon {
    width: calc( ( 100% - 3px ) / 2 );
  }
}

.mod-freeHTML .br-product_banner {
  /*==============================
  
  reset
  
  ==============================*/
}
.mod-freeHTML .br-product_banner * {
  box-sizing: border-box;
}
.mod-freeHTML .br-product_banner *,
.mod-freeHTML .br-product_banner *:before,
.mod-freeHTML .br-product_banner *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.mod-freeHTML .br-product_banner img {
  max-width: 100%;
}
.mod-freeHTML .br-product_banner ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mod-freeHTML .br-product_banner a {
  text-decoration: none;
  display: inline;
}
.mod-freeHTML .br-product_banner a:focus {
  outline: none;
}
.mod-freeHTML .br-product_banner sup,
.mod-freeHTML .br-product_banner sub {
  height: 0;
  line-height: 1;
  vertical-align: baseline;
  position: relative;
}
.mod-freeHTML .br-product_banner sup {
  bottom: 1ex;
}
.mod-freeHTML .br-product_banner sub {
  top: .5ex;
}
.mod-freeHTML .br-product_banner p {
  margin: 0;
}
.mod-freeHTML .br-product_banner .product_banner_wrap {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML .br-product_banner .product_banner_wrap {
    flex-wrap: wrap;
  }
}
.mod-freeHTML .br-product_banner .product_banner_wrap > li {
  width: 32%;
}
.mod-freeHTML .br-product_banner .product_banner_wrap > li img {
  width: 100%;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML .br-product_banner .product_banner_wrap > li {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .mod-freeHTML .br-product_banner .product_banner_wrap > li + li {
    margin-top: 20px;
  }
}
@media (min-width: 641px) {
  .mod-freeHTML .br-product_banner .product_banner_wrap > li:not(:nth-child(3n-2)) {
    margin-left: 2%;
  }
}

.mod-freeHTML .br-product_bar {
  /*==============================
  
  reset
  
  ==============================*/
  margin-top: 65px;
  margin-bottom: 150px;
}
.mod-freeHTML .br-product_bar * {
  box-sizing: border-box;
}
.mod-freeHTML .br-product_bar *,
.mod-freeHTML .br-product_bar *:before,
.mod-freeHTML .br-product_bar *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.mod-freeHTML .br-product_bar img {
  max-width: 100%;
}
.mod-freeHTML .br-product_bar ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mod-freeHTML .br-product_bar a {
  text-decoration: none;
  display: inline;
}
.mod-freeHTML .br-product_bar a:focus {
  outline: none;
}
.mod-freeHTML .br-product_bar sup,
.mod-freeHTML .br-product_bar sub {
  height: 0;
  line-height: 1;
  vertical-align: baseline;
  position: relative;
}
.mod-freeHTML .br-product_bar sup {
  bottom: 1ex;
}
.mod-freeHTML .br-product_bar sub {
  top: .5ex;
}
.mod-freeHTML .br-product_bar p {
  margin: 0;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML .br-product_bar {
    margin-top: 9.375%;
    margin-bottom: 40px;
  }
}
.mod-freeHTML .br-product_bar .product-bar_att {
  text-align: left;
  font-size: 10px;
}
.mod-freeHTML .br-product_bar .product-bar_line {
  margin-top: 10px;
  display: block;
  width: 100%;
  height: 1px;
  background: #D2D2D2;
}

/*
.mod-freeHTML{
    .mod-headingLv3{
        margin-top: 0;
    }
}
.mod-freeHTML{
    .mod2-freep0036{
        margin-bottom: 80px;
    }
}
*/
.mod-freeHTML .mod-headingLv1 {
  margin-bottom: 0;
}
.mod-freeHTML .mod-productLineUp2_heading {
  display: inline-block;
}
.mod-freeHTML .mod-productLineUp3_icon {
  margin-bottom: 5px;
}