.div_desk {
  max-width: 1640px;
  width: calc(100vw - 80px);
  height: 100%;
  margin: 0px auto;
  position: relative;
}
@media screen and (max-width: 830px) {
  .div_desk {
    width: calc(100vw - 20px);
  }
}

#product_topbn {
  background-image: url("https://maruyo-akahori.com/wp/wp-content/themes/akahori2016/images/top_product_pc.jpg");
}

#works_topbn {
  background-image: url("https://maruyo-akahori.com/wp/wp-content/themes/akahori2016/images/top_works_pc.jpg");
}

#sdgs_topbn {
  background-image: url("https://maruyo-akahori.com/wp/wp-content/themes/akahori2016/images/top_sdgs_pc.jpg");
}

#csr_topbn {
  background-image: url("https://maruyo-akahori.com/wp/wp-content/themes/akahori2016/images/top_csr_pc.jpg");
}

#fssc_topbn {
  background-image: url("https://maruyo-akahori.com/wp/wp-content/themes/akahori2016/images/top_fssc_pc.jpg");
}

#company_topbn {
  background-image: url("https://maruyo-akahori.com/wp/wp-content/themes/akahori2016/images/top_company_pc.jpg");
}

#product_topbn2 {
  background-image: url("https://maruyo-akahori.com/wp/wp-content/themes/akahori2016/images/2022/top_product_pc.jpg");
}

#works_topbn2 {
  background-image: url("https://maruyo-akahori.com/wp/wp-content/themes/akahori2016/images/2022/top_work_pc.jpg");
}

#sdgs_topbn2 {
  background-image: url("https://maruyo-akahori.com/wp/wp-content/themes/akahori2016/images/2022/top_sdgs_pc.jpg");
}

#csr_topbn2 {
  background-image: url("https://maruyo-akahori.com/wp/wp-content/themes/akahori2016/images/2022/top_csr_pc.jpg");
}

#fssc_topbn2 {
  background-image: url("https://maruyo-akahori.com/wp/wp-content/themes/akahori2016/images/2022/top_fssc_pc.jpg");
}

#company_topbn2 {
  background-image: url("https://maruyo-akahori.com/wp/wp-content/themes/akahori2016/images/2022/top_company_pc.jpg");
}

#product_topbn,
#works_topbn,
#sdgs_topbn,
#csr_topbn,
#fssc_topbn,
#company_topbn,
#product_topbn2,
#works_topbn2,
#sdgs_topbn2,
#csr_topbn2,
#fssc_topbn2,
#company_topbn2 {
  width: 100%;
  max-width: 1920px;
  aspect-ratio: 1920/376;
  height: auto;
  background-size: contain;
  position: relative;
}

.img_top_moji_pc {
  width: 28vw;
  max-width: 575px;
  position: absolute;
  bottom: 14%;
  left: 8.5%;
}

.top_bg_wide {
  background-color: #f5f5f5;
}

.img_top_pc {
  margin: 0px auto;
  display: block;
  box-shadow: 0px 5px 0px #eeeeee;
}
@media screen and (max-width: 830px) {
  .img_top_pc {
    display: none;
  }
}

.img_top_sp {
  margin: 0px auto;
  display: block;
  display: none;
  box-shadow: 0px 5px 0px #eeeeee;
}
@media screen and (max-width: 830px) {
  .img_top_sp {
    display: block;
  }
}

.div_flex_3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 960px;
  margin: auto;
  margin-top: 50px;
}

.img_txt_flex {
  margin-bottom: 45px;
  width: 33%;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.txt_flex {
  font-size: 20px;
  margin: 15px 0;
  text-align: center;
}

.div_flex_2 {
  display: flex;
  flex-wrap: wrap;
  max-width: 960px;
  width: 100%;
  margin: auto;
  justify-content: space-between;
  align-items: center;
  margin-top: 35px;
}

.div_flex_2_even {
  display: flex;
  flex-wrap: wrap;
  max-width: 960px;
  margin: auto;
  justify-content: space-evenly;
  align-items: center;
  margin-top: 35px;
}

.div_flex_2 img {
  max-width: 48%;
}

#chagusaba_link {
  max-width: 48%;
}

#chagusaba_img {
  max-width: 100%;
}

.sdgs_link {
  max-width: 30%;
}

.sgds_img {
  max-width: 100%;
}

@media screen and (max-width: 650px) {
  .sdgs_link {
    max-width: 75%;
  }
}
.company_bn_sp {
  display: none;
}

.company_bn_pc {
  width: 70% !important;
}

.br_sdgs {
  display: none;
}

.bn_amazon > img {
  width: 300px !important;
}

.btn_order {
  margin-bottom: 20px;
}

.img_animate {
  max-width: 105% !important;
  width: 100%;
  transition: width 0.3s;
}

.img_animate:hover {
  max-width: 105% !important;
  width: 105%;
}

#img_jas_animate {
  width: 30%;
  transition: width 0.3s;
}

#img_jas_animate:hover {
  width: 32%;
}

#img_kirari_animate {
  width: 262px;
  transition: width 0.3s;
}

#img_kirari_animate:hover {
  width: 275px;
}

#img_kirari_animate {
  width: 262px;
  transition: width 0.3s;
}

#img_kirari_animate:hover {
  width: 275px;
}

#img_chagyou_animate {
  width: 606px;
  transition: width 0.3s;
}

#img_chagyou_animate:hover {
  width: 619px;
}

@media screen and (max-width: 888px) {
  .div_torikumi {
    margin-top: 40px;
  }
}
.btn_show {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 50px;
}

.btn_show div {
  padding: 10px;
  margin: 15px;
  text-align: center;
  border: 1px solid #a41521;
  display: inline-block;
  width: 200px;
  font-weight: bold;
  color: #a41521;
  border-radius: 25px;
}

.show {
  color: white !important;
  background: #a41521;
}

#work_main,
#work_kodawari {
  display: block;
}
#work_main .div_desk,
#work_kodawari .div_desk {
  max-width: 1640px;
  width: calc(100vw - 80px);
  height: 100%;
  margin: 0px auto;
  position: relative;
}
@media screen and (max-width: 830px) {
  #work_main .div_desk,
  #work_kodawari .div_desk {
    width: calc(100vw - 20px);
  }
}
#work_main #product_topbn,
#work_kodawari #product_topbn {
  background-image: url("https://maruyo-akahori.com/wp/wp-content/themes/akahori2016/images/top_product_pc.jpg");
}
#work_main #works_topbn,
#work_kodawari #works_topbn {
  background-image: url("https://maruyo-akahori.com/wp/wp-content/themes/akahori2016/images/top_works_pc.jpg");
}
#work_main #sdgs_topbn,
#work_kodawari #sdgs_topbn {
  background-image: url("https://maruyo-akahori.com/wp/wp-content/themes/akahori2016/images/top_sdgs_pc.jpg");
}
#work_main #csr_topbn,
#work_kodawari #csr_topbn {
  background-image: url("https://maruyo-akahori.com/wp/wp-content/themes/akahori2016/images/top_csr_pc.jpg");
}
#work_main #fssc_topbn,
#work_kodawari #fssc_topbn {
  background-image: url("https://maruyo-akahori.com/wp/wp-content/themes/akahori2016/images/top_fssc_pc.jpg");
}
#work_main #company_topbn,
#work_kodawari #company_topbn {
  background-image: url("https://maruyo-akahori.com/wp/wp-content/themes/akahori2016/images/top_company_pc.jpg");
}
#work_main #product_topbn,
#work_main #works_topbn,
#work_main #sdgs_topbn,
#work_main #csr_topbn,
#work_main #fssc_topbn,
#work_main #company_topbn,
#work_kodawari #product_topbn,
#work_kodawari #works_topbn,
#work_kodawari #sdgs_topbn,
#work_kodawari #csr_topbn,
#work_kodawari #fssc_topbn,
#work_kodawari #company_topbn {
  width: 100%;
  max-width: 1920px;
  aspect-ratio: 1920/376;
  height: auto;
  background-size: contain;
  position: relative;
}
#work_main .img_top_moji_pc,
#work_kodawari .img_top_moji_pc {
  width: 18vw;
  max-width: 383px;
  position: absolute;
  bottom: 14%;
  left: 8.5%;
}
#work_main .top_bg_wide,
#work_kodawari .top_bg_wide {
  background-color: #f5f5f5;
}
#work_main .img_top_pc,
#work_kodawari .img_top_pc {
  margin: 0px auto;
  display: block;
}
@media screen and (max-width: 830px) {
  #work_main .img_top_pc,
  #work_kodawari .img_top_pc {
    display: none;
  }
}
#work_main .img_top_sp,
#work_kodawari .img_top_sp {
  margin: 0px auto;
  display: block;
  display: none;
}
@media screen and (max-width: 830px) {
  #work_main .img_top_sp,
  #work_kodawari .img_top_sp {
    display: block;
  }
}
#work_main .div_flex_3,
#work_kodawari .div_flex_3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 960px;
  margin: auto;
  margin-top: 50px;
}
#work_main .img_txt_flex,
#work_kodawari .img_txt_flex {
  margin-bottom: 45px;
  width: 33%;
  display: flex;
  align-items: center;
  flex-direction: column;
}
#work_main .txt_flex,
#work_kodawari .txt_flex {
  font-size: 20px;
  margin: 15px 0;
  text-align: center;
}
#work_main .div_flex_2,
#work_kodawari .div_flex_2 {
  display: flex;
  flex-wrap: wrap;
  max-width: 960px;
  width: 100%;
  margin: auto;
  justify-content: space-between;
  align-items: center;
  margin-top: 35px;
}
#work_main .div_flex_2_even,
#work_kodawari .div_flex_2_even {
  display: flex;
  flex-wrap: wrap;
  max-width: 960px;
  margin: auto;
  justify-content: space-evenly;
  align-items: center;
  margin-top: 35px;
}
#work_main .div_flex_2 img,
#work_kodawari .div_flex_2 img {
  max-width: 48%;
}
#work_main #chagusaba_link,
#work_kodawari #chagusaba_link {
  max-width: 48%;
}
#work_main #chagusaba_img,
#work_kodawari #chagusaba_img {
  max-width: 100%;
}
#work_main .btn_show,
#work_kodawari .btn_show {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 50px;
}
#work_main .btn_show > div,
#work_kodawari .btn_show > div {
  padding: 10px;
  margin: 15px;
  text-align: center;
  border: 1px solid #a41521;
  display: inline-block;
  width: 200px;
  font-weight: bold;
  color: #a41521;
  border-radius: 25px;
  cursor: pointer;
}
#work_main .show,
#work_kodawari .show {
  color: white !important;
  background: #a41521;
}
#work_main #work_main,
#work_main #work_kodawari,
#work_main #product_list,
#work_main #product_ocha,
#work_kodawari #work_main,
#work_kodawari #work_kodawari,
#work_kodawari #product_list,
#work_kodawari #product_ocha {
  display: block;
}
#work_main .work_hide,
#work_main .product_hide,
#work_kodawari .work_hide,
#work_kodawari .product_hide {
  display: none !important;
}
#work_main #work_kodawari,
#work_kodawari #work_kodawari {
  padding-top: 5em;
}
@media screen and (max-width: 650px) {
  #work_main .div_flex_3,
  #work_kodawari .div_flex_3 {
    justify-content: space-evenly;
  }
  #work_main .img_txt_flex,
  #work_kodawari .img_txt_flex {
    margin-bottom: 45px;
    width: 40%;
    display: flex;
    align-items: center;
    flex-direction: column;
  }
}

.work_hide {
  display: none !important;
}

#work_kodawari {
  padding-top: 5em;
}

@media screen and (max-width: 650px) {
  .div_flex_3 {
    justify-content: space-evenly;
  }
  .img_txt_flex {
    margin-bottom: 45px;
    width: 40%;
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  #fssc_icon {
    width: 33% !important;
  }
  .company_bn_sp {
    display: block;
  }
  .company_bn_pc {
    display: none;
  }
  .br_sdgs {
    display: block;
  }
  #img_jas_animate {
    width: 50%;
    transition: none;
  }
}
.pagetop {
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 999;
}

.pagetop a {
  text-decoration: none;
  text-align: center;
  display: block;
}

.pagetop img {
  width: 45px;
  height: auto;
}

/* -- >>> styles for narrow layout ----- */
@media screen and (max-width: 599px) {
  .pagetop {
    bottom: 10px;
  }
  .pagetop a img {
    display: block;
  }
  .pagetop img {
    width: 36px;
    height: auto;
  }
}/*# sourceMappingURL=common.css.map */