@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=BBH+Sans+Hegarty&family=Edu+SA+Hand:wght@400..700&family=Exo+2:ital,wght@0,100..900;1,100..900&family=Great+Vibes&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Momo+Trust+Display&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Playwrite+MX:wght@100..400&family=Rubik:ital,wght@0,300..900;1,300..900&family=Stardos+Stencil:wght@400;700&display=swap");
html {
  box-sizing: border-box;
  overflow-y: scroll;
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}

h1 {
  font-size: 1.7rem;
  font-weight: 400;
  padding-left: 1rem;
  padding-top: 4px;
  margin-bottom: 1rem;
  height: 50px;
}

h2 {
  font-size: 1.7rem;
  font-weight: 400;
  margin-bottom: 1rem;
}

p {
  padding-bottom: 10px;
}

ul li {
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
}

body {
  background-color: #e6fcf3;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%239C92AC' fill-opacity='0.2' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #555;
  overflow-x: hidden;
  margin: 0;
  padding: 0;
}

article {
  padding-top: 50px;
  padding-bottom: 30px;
}

.container {
  position: relative;
  width: 100%;
  max-width: 1200px;
  min-height: 100vh;
}
.container .contents_wrap.home_page, .container .contents_wrap.sdgs_page {
  padding-bottom: 10px;
}
.container .contents_wrap.home_page .top_img {
  width: 100%;
  min-height: 400px;
  height: auto;
  background-image: url(../img/themes/logomark_colors.svg), url(../img/themes/logomark_shadows_w2.png), url(../img/themes/logo_b_bg2.png), url(../img/themes/waves/waves_g_o.svg), url(../img/themes/waves/waves_m_o.svg), url(../img/themes/waves/waves_o_p.svg), url(../img/themes/olive-tree_theme_500h.jpg);
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-position: center 50%, center 52%, center 50%, center 78%, center 78%, center 50%, center top;
  background-size: contain, contain, contain, contain, contain, contain, cover;
  border-bottom: 2px solid #005e2c;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.container .contents_wrap.home_page .top_img img {
  width: 100%;
  max-width: 100%;
  object-fit: cover;
}
.container .contents_wrap:not(.home_page) .top_img {
  min-height: 300px;
  height: auto;
  background-image: url(../img/themes/logomark_colors.svg), url(../img/themes/logomark_shadows_w.png), url(../img/themes/logo_b_bg2.png), url(../img/themes/waves/waves_g_o.svg), url(../img/themes/waves/waves_m_o.svg), url(../img/themes/waves/waves_o_p.svg), url(../img/themes/olive-tree_theme_500h.jpg);
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-position: center 50%, center 52%, center 50%, center 78%, center 78%, center 50%, center top;
  background-size: contain, contain, contain, contain, contain, contain, cover;
  border-bottom: 2px solid #005e2c;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.container .contents_wrap:not(.home_page) .top_img img {
  width: 100%;
  max-width: 100%;
  object-fit: cover;
}
.container .contents_wrap .pimg1 .ptext, .container .contents_wrap .pimg2 .ptext, .container .contents_wrap .pimg3 .ptext {
  color: transparent;
}

.container .contents_wrap {
  background-color: rgba(255, 255, 255, 0.8);
  width: 100%;
  max-width: 100%;
}
.container .contents_wrap article {
  position: relative;
  width: 90%;
  max-width: 100%;
  margin: 20px auto 40px auto;
  z-index: 1;
  min-height: 190px;
  height: auto;
}
.container .contents_wrap article#news h1 {
  background-image: url(../img/decors/sec_line_stripe_v_l_gy.svg);
  background-repeat: repeat-y;
  background-position: left;
  padding-left: 1.5rem;
  border-bottom: solid 1px #ddd;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
.container .contents_wrap article#news h1::after {
  content: "NEWS";
  position: absolute;
  top: -40px;
  right: 100px;
  color: rgba(243, 182, 78, 0.3);
  font-family: "Momo Trust Display", sans-serif;
  font-weight: 500;
  font-size: 9rem;
  z-index: -1;
  white-space: nowrap;
}
.container .contents_wrap article#news ul.newsfeed {
  display: flex;
  flex-direction: column;
  padding-left: 0;
}
.container .contents_wrap article#news ul.newsfeed li.newsitem {
  list-style-image: url(../img/decors/news_point_ydg.svg);
  list-style-position: inside;
  width: 92%;
  padding-top: 5px;
  padding-left: 5px;
  border-bottom: 1px solid #ddd;
  word-wrap: break-word;
}
.container .contents_wrap article#about_us h2 {
  text-align: right;
  background-image: url(../img/decors/sec_line_stripe_v_r_gg.svg);
  background-repeat: repeat-y;
  background-position: right;
  padding-right: 1.5rem;
  border-bottom: solid 1px #ddd;
  width: 100%;
  overflow: hidden;
}
.container .contents_wrap article#about_us h2::after {
  content: "About Us";
  position: absolute;
  top: -15px;
  right: 150px;
  color: rgba(0, 94, 44, 0.1);
  font-family: "Momo Trust Display", sans-serif;
  font-weight: 900;
  font-size: 5rem;
  z-index: -1;
  white-space: nowrap;
}
.container .contents_wrap article#about_us .atcl_wrap {
  display: flex;
  justify-content: space-around;
}
.container .contents_wrap article#about_us .atcl_wrap .left {
  width: 45%;
  padding: 10px;
}
.container .contents_wrap article#about_us .atcl_wrap .left img {
  width: 80%;
  max-width: 100%;
  position: relative;
  left: 15%;
}
.container .contents_wrap article#about_us .atcl_wrap .right {
  width: 55%;
  padding: 10px;
}
.container .contents_wrap article#features {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.container .contents_wrap article#features h2 {
  text-align: left;
  background-image: url(../img/decors/sec_line_stripe_v_l_gb.svg);
  background-repeat: repeat-y;
  background-position: left;
  padding-left: 1.5rem;
  border-bottom: solid 1px #ddd;
  width: 100%;
  overflow: hidden;
}
.container .contents_wrap article#features h2::after {
  content: "Strengths";
  position: absolute;
  top: -15px;
  left: 100px;
  color: rgba(173, 211, 240, 0.3);
  font-family: "Playfair Display", serif;
  font-weight: 900;
  font-size: 5rem;
  z-index: -1;
  white-space: nowrap;
}
.container .contents_wrap article#features .atcl_wrap {
  display: flex;
  justify-content: space-around;
  width: 100%;
}
.container .contents_wrap article#features .atcl_wrap .right {
  width: 45%;
  padding: 10px;
}
.container .contents_wrap article#features .atcl_wrap .right img {
  width: 300px;
  position: relative;
  left: 15%;
}
.container .contents_wrap article#features .atcl_wrap .left {
  width: 55%;
  padding: 10px;
}
.container .contents_wrap article#features .card {
  position: relative;
  width: 100%;
  max-width: 320px;
  height: 340px;
  margin: 15px;
  overflow: hidden;
  cursor: pointer;
  margin-top: 50px;
  background-color: rgba(97, 125, 215, 0.1);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%239C92AC' fill-opacity='0.2' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #666;
  border-radius: 10px;
}
.container .contents_wrap article#features .card .imgBx,
.container .contents_wrap article#features .card .contentBx {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 18px;
}
.container .contents_wrap article#features .card .imgBx.n_1 img {
  width: 90%;
  max-width: 100%;
  height: auto;
  position: relative;
  bottom: -10%;
  left: 0;
}
.container .contents_wrap article#features .card .imgBx.n_2 img {
  width: 75%;
  max-width: 100%;
  height: auto;
  position: relative;
  top: 0;
  left: 15%;
}
.container .contents_wrap article#features .card .imgBx.n_3 img {
  width: 78%;
  max-width: 100%;
  height: auto;
  position: relative;
  top: 5%;
  left: 15%;
}
.container .contents_wrap article#features .card .contentBx::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #e6fcf3;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%239C92AC' fill-opacity='0.2' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #666;
  transform: scaleX(0);
  transition: transform 0.5s ease-in-out;
  transform-origin: right;
  transition-delay: 0.5s;
}
.container .contents_wrap article#features .card:hover .contentBx::before {
  transform: scaleX(1);
  transition: transform 0.5s ease-in-out;
  transform-origin: left;
  transition-delay: 0s;
}
.container .contents_wrap article#features .card .contentBx {
  display: flex;
  justify-content: center;
  align-items: center;
}
.container .contents_wrap article#features .card .contentBx .contents {
  position: relative;
  padding: 30px;
  z-index: 1;
  transition: 0.5s;
  transform: translateX(-350px);
  transition-delay: 0s;
}
.container .contents_wrap article#features .card:hover .contentBx .contents {
  transform: translateX(0px);
  transition-delay: 0.5s;
}
.container .contents_wrap article#features .card:hover .contentBx .contents h3 {
  font-size: 1.3em;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.container .contents_wrap article#features .card:hover .contentBx .contents p {
  font-size: 1em;
  line-height: 1.4em;
  font-weight: 300;
}
.container .contents_wrap article#history h1 {
  background-image: url(../img/decors/sec_line_stripe_v_l_gy.svg);
  background-repeat: repeat-y;
  background-position: left;
  padding-left: 1.5rem;
  border-bottom: solid 1px #ddd;
  width: 100%;
  overflow: hidden;
}
.container .contents_wrap article#history h1::after {
  content: attr(data-name);
  position: absolute;
  top: -5px;
  left: 60px;
  color: rgba(243, 182, 78, 0.3);
  font-family: "Stardos Stencil", sans-serif;
  font-weight: 700;
  font-size: 5rem;
  z-index: -1;
  white-space: nowrap;
}
.container .contents_wrap article#history h2 {
  margin-top: 20px;
  font-size: 1.4rem;
}
.container .contents_wrap article#history .olive h2::after {
  content: attr(data-name);
  position: absolute;
  top: -25px;
  left: -60px;
  color: rgba(173, 211, 240, 0.3);
  font-family: "Playwrite México", sans-serif;
  font-weight: 700;
  font-size: 2.5rem;
  z-index: -1;
  white-space: nowrap;
}
.container .contents_wrap article#history .techne h2::after {
  content: attr(data-name);
  position: absolute;
  top: -25px;
  left: -80px;
  color: rgba(0, 94, 44, 0.2);
  font-family: "Playwrite México", sans-serif;
  font-weight: 700;
  font-size: 2.5rem;
  z-index: -1;
  white-space: nowrap;
}
.container .contents_wrap article#history .atcl_wrap {
  display: flex;
  justify-content: space-around;
}
@media (max-width: 959px) {
  .container .contents_wrap article#history .atcl_wrap {
    margin-bottom: 50px;
  }
}
.container .contents_wrap article#history ul {
  margin-top: 30px;
  width: 49%;
  min-width: 300px;
}
.container .contents_wrap article#history ul li {
  position: relative;
  top: 0;
  left: 50px;
  width: 100%;
  height: auto;
  padding-bottom: 15px;
}
.container .contents_wrap article#history ul li.bb {
  border-bottom: 1px solid rgba(67, 103, 108, 0.2);
  padding-bottom: 5px;
}
.container .contents_wrap article#history ul li .year {
  display: none;
}
.container .contents_wrap article#history ul li.item_1::before, .container .contents_wrap article#history ul li.item_2::before, .container .contents_wrap article#history ul li.item_3::before, .container .contents_wrap article#history ul li.item_4::before {
  content: attr(data-year);
  position: relative;
  top: 16px;
  left: -48px;
  font-family: playfair display, serif;
  font-style: italic;
  font-size: 2.2rem;
}
.container .contents_wrap article#history ul.olive li span.month {
  padding-right: 8px;
  color: #8aab92;
  font-weight: 500;
  font-style: italic;
}
.container .contents_wrap article#history ul.olive li::before {
  color: rgba(97, 125, 215, 0.4);
}
.container .contents_wrap article#history ul.techne li span.month {
  padding-right: 8px;
  color: #a3824a;
  font-weight: 500;
  font-style: italic;
}
.container .contents_wrap article#history ul.techne li::before {
  color: rgba(0, 94, 44, 0.4);
}
.container .contents_wrap article#company h1 {
  background-image: url(../img/decors/sec_line_stripe_v_l_gy.svg);
  background-repeat: repeat-y;
  background-position: left;
  padding-left: 1.5rem;
  border-bottom: solid 1px #ddd;
  width: 100%;
  overflow: hidden;
}
.container .contents_wrap article#company h1::after {
  content: attr(data-name);
  position: absolute;
  top: -5px;
  left: 60px;
  color: rgba(243, 182, 78, 0.3);
  font-family: "Playfair Display", serif;
  font-style: italic;
  font-weight: 700;
  font-size: 5rem;
  z-index: -1;
  white-space: nowrap;
}
.container .contents_wrap article#company .atcl_wrap {
  display: flex;
  justify-content: space-around;
}
.container .contents_wrap article#company .atcl_wrap table tr td {
  border-bottom: 1px solid rgba(67, 103, 108, 0.2);
  vertical-align: top;
  padding-bottom: 20px;
  padding-top: 10px;
  min-width: 80px;
}
.container .contents_wrap article#company .atcl_wrap table tr td:nth-child(2) {
  padding-left: 10px;
}
.container .contents_wrap article#company .atcl_wrap table tr.bottom td {
  border-bottom: none;
  padding-top: 10px;
}
.container .contents_wrap article#company .atcl_wrap table tr.bottom td table tr td {
  padding-top: 0;
  max-width: 300px;
}
.container .contents_wrap article#company .atcl_wrap table tr.bottom td table tr td span {
  font-size: 0.8rem;
  display: block;
  margin-top: 2px;
}
.container .contents_wrap article#company .atcl_wrap table tr.bottom td a:hover {
  color: #7ecaa6;
}
.container .contents_wrap article.oem h1 {
  background-image: url(../img/decors/sec_line_stripe_v_l_gy.svg);
  background-repeat: repeat-y;
  background-position: left;
  padding-left: 1.5rem;
  border-bottom: solid 1px #ddd;
  width: 100%;
  overflow: hidden;
}
.container .contents_wrap article.oem h1::after {
  content: attr(data-name);
  position: absolute;
  top: -5px;
  left: 60px;
  color: rgba(243, 182, 78, 0.3);
  font-family: "Stardos Stencil", sans-serif;
  font-weight: 700;
  font-size: 5rem;
  z-index: -1;
  white-space: nowrap;
}
.container .contents_wrap article.oem h2 {
  margin-top: 20px;
  font-size: 1.4rem;
  position: relative;
}
.container .contents_wrap article.oem h2 {
  text-align: right;
  background-image: url(../img/decors/sec_line_stripe_v_r_gg.svg);
  background-repeat: repeat-y;
  background-position: right;
  padding-right: 1.5rem;
  border-bottom: solid 1px #ddd;
  width: 100%;
  overflow: hidden;
}
.container .contents_wrap article.oem h2::after {
  content: "About Us";
  position: absolute;
  top: -15px;
  right: 150px;
  color: rgba(0, 94, 44, 0.1);
  font-family: "Momo Trust Display", sans-serif;
  font-weight: 900;
  font-size: 5rem;
  z-index: -1;
  white-space: nowrap;
}
.container .contents_wrap article.oem .atcl_wrap {
  display: flex;
  justify-content: space-around;
}
.container .contents_wrap article.oem .atcl_wrap .left {
  margin-left: 20px;
  padding-left: 20px;
  width: 50%;
  padding: 10px;
}
.container .contents_wrap article.oem .atcl_wrap .right {
  margin-right: 80px;
  width: 50%;
  padding: 10px;
}
@media (max-width: 1110px) {
  .container .contents_wrap article.oem .atcl_wrap .right {
    margin-right: 200px;
  }
}
.container .contents_wrap article.oem .atcl_wrap .right img {
  max-width: 500px;
  height: auto;
  position: relative;
  left: 15%;
  filter: grayscale(100%);
}
@media (max-width: 1110px) {
  .container .contents_wrap article.oem .atcl_wrap .right img {
    max-width: 450px;
  }
}
.container .contents_wrap article.oem .character {
  position: absolute;
  width: 100%;
  bottom: -75px;
  left: 75%;
}
@media (max-width: 959px) {
  .container .contents_wrap article.oem .character {
    bottom: -83px;
    left: 75%;
  }
}
.container .contents_wrap article.oem .character img {
  width: 10%;
}
@media (max-width: 959px) {
  .container .contents_wrap article.oem .character img {
    width: 20%;
  }
}
.container .contents_wrap article.electronics h1, .container .contents_wrap article.toys h1 {
  background-image: url(../img/decors/sec_line_stripe_v_l_gy.svg);
  background-repeat: repeat-y;
  background-position: left;
  padding-left: 1.5rem;
  border-bottom: solid 1px #ddd;
  width: 100%;
  overflow: hidden;
}
.container .contents_wrap article.electronics h1::after, .container .contents_wrap article.toys h1::after {
  content: attr(data-name);
  position: absolute;
  top: -5px;
  left: 60px;
  color: rgba(243, 182, 78, 0.3);
  font-family: "Stardos Stencil", sans-serif;
  font-weight: 700;
  font-size: 5rem;
  z-index: -1;
  white-space: nowrap;
}
.container .contents_wrap article.electronics h2, .container .contents_wrap article.toys h2 {
  margin-top: 20px;
  font-size: 1.4rem;
  position: relative;
}
.container .contents_wrap article.electronics h2::after {
  content: attr(data-name);
  position: absolute;
  top: 10px;
  left: 80px;
  color: rgba(173, 211, 240, 0.3);
  font-family: "Playwrite México", sans-serif;
  font-weight: 700;
  font-size: 2.5rem;
  font-style: italic;
  z-index: -1;
  white-space: nowrap;
}
.container .contents_wrap article.toys .atcl_wrap {
  display: flex;
}
.container .contents_wrap article.toys .atcl_wrap .left p {
  padding-right: 20px;
}
.container .contents_wrap article.toys .atcl_wrap .right img {
  width: 430px;
}
.container .contents_wrap article.toys h2 {
  background-image: url(../img/decors/sec_line_stripe_v_l_gy.svg);
  background-repeat: repeat-y;
  background-position: left;
  padding-left: 1.5rem;
  border-bottom: solid 1px #ddd;
  width: 100%;
  height: 50px;
}
.container .contents_wrap article.toys h2::after {
  content: attr(data-name);
  position: absolute;
  left: 80px;
  color: rgba(0, 94, 44, 0.2);
  font-family: "Stardos Stencil", system-ui;
  font-weight: 700;
  font-size: 2.8rem;
  z-index: -1;
  white-space: nowrap;
}
.container .contents_wrap article ul li {
  position: relative;
  top: 0;
  left: 50px;
  width: auto;
  height: auto;
  margin-right: 20px;
  padding-bottom: 15px;
}
.container .contents_wrap article ul li.bb {
  border-bottom: 1px solid rgba(67, 103, 108, 0.2);
  padding-bottom: 5px;
}
.container .contents_wrap article ul li .year {
  display: none;
}
.container .contents_wrap article ul li img {
  width: 200px;
  cursor: pointer;
}
.container .contents_wrap article.certifictions {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 100px;
}
.container .contents_wrap article.certifictions h1 {
  background-image: url(../img/decors/sec_line_stripe_v_l_gy.svg);
  background-repeat: repeat-y;
  background-position: left;
  padding-left: 1.5rem;
  border-bottom: solid 1px #ddd;
  width: 100%;
  overflow: hidden;
}
.container .contents_wrap article.certifictions h1 span {
  font-size: 1.3rem;
}
@media (max-width: 959px) {
  .container .contents_wrap article.certifictions h1 span {
    font-size: 1rem;
  }
}
.container .contents_wrap article.certifictions h1::after {
  content: attr(data-name);
  position: absolute;
  top: -5px;
  left: 60px;
  color: rgba(243, 182, 78, 0.3);
  font-family: "Stardos Stencil", sans-serif;
  font-weight: 700;
  font-size: 5rem;
  font-style: italic;
  z-index: -1;
  white-space: nowrap;
}
.container .contents_wrap article.certifictions table tr:nth-child(1) {
  position: relative;
}
.container .contents_wrap article.certifictions table tr:nth-child(1) td h3 {
  font-size: 1.4rem;
}
.container .contents_wrap article.certifictions table tr:nth-child(1) td h3::after {
  content: attr(data-name);
  position: absolute;
  top: 10px;
  left: 200px;
  color: rgba(97, 125, 215, 0.1);
  font-family: "Stardos Stencil", sans-serif;
  font-weight: 700;
  font-size: 5rem;
  font-style: italic;
  z-index: -1;
  white-space: nowrap;
}
.container .contents_wrap article.certifictions table tr:nth-child(2) {
  position: relative;
}
.container .contents_wrap article.certifictions table tr:nth-child(2) td h3 {
  font-size: 1.4rem;
}
.container .contents_wrap article.certifictions table tr:nth-child(2) td h3::after {
  content: attr(data-name);
  position: absolute;
  top: -10px;
  left: 240px;
  color: rgba(138, 171, 146, 0.3);
  font-family: "Stardos Stencil", sans-serif;
  font-weight: 700;
  font-size: 5rem;
  font-style: italic;
  z-index: -1;
  white-space: nowrap;
}
.container .contents_wrap article.certifictions table tr:nth-child(3) {
  position: relative;
}
.container .contents_wrap article.certifictions table tr:nth-child(3) td h3 {
  font-size: 1.4rem;
}
.container .contents_wrap article.certifictions table tr:nth-child(3) td h3::after {
  content: attr(data-name);
  position: absolute;
  top: 0;
  left: 200px;
  color: rgba(173, 211, 240, 0.3);
  font-family: "Stardos Stencil", sans-serif;
  font-weight: 700;
  font-size: 5rem;
  font-style: italic;
  z-index: -1;
  white-space: nowrap;
}
.container .contents_wrap article.electronics h2::after {
  content: attr(data-name);
  position: absolute;
  top: 10px;
  left: 80px;
  color: rgba(173, 211, 240, 0.3);
  font-family: "Playwrite México", sans-serif;
  font-weight: 700;
  font-size: 2.5rem;
  font-style: italic;
  z-index: -1;
  white-space: nowrap;
}
.container .contents_wrap article.toys .atcl_wrap {
  display: flex;
}
.container .contents_wrap article.toys .atcl_wrap .left p {
  padding-right: 20px;
}
.container .contents_wrap article.toys .atcl_wrap .right img {
  width: 430px;
}
.container .contents_wrap article.toys h2::after {
  content: attr(data-name);
  position: absolute;
  top: -30px;
  left: 80px;
  color: rgba(0, 94, 44, 0.2);
  font-family: "Stardos Stencil", system-ui;
  font-weight: 700;
  font-size: 2.8rem;
  z-index: -1;
  white-space: nowrap;
}
.container .contents_wrap article ul {
  min-width: 300px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.container .contents_wrap article ul li {
  position: relative;
  top: 0;
  left: 50px;
  width: auto;
  height: auto;
  margin-right: 20px;
  padding-bottom: 15px;
}
.container .contents_wrap article ul li.bb {
  border-bottom: 1px solid rgba(67, 103, 108, 0.2);
  padding-bottom: 5px;
}
.container .contents_wrap article ul li .year {
  display: none;
}
.container .contents_wrap article ul li img {
  width: 200px;
  cursor: pointer;
}
.container .contents_wrap article#work_environment h1, .container .contents_wrap article#work_environment h2, .container .contents_wrap article#job_description h1, .container .contents_wrap article#job_description h2 {
  background-repeat: repeat-y;
  padding-left: 1.5rem;
  border-bottom: solid 1px #ddd;
  width: 100%;
  overflow: hidden;
  line-height: 2;
}
.container .contents_wrap article#work_environment .atcl_wrap ul, .container .contents_wrap article#job_description .atcl_wrap ul {
  margin-top: 20px;
  margin-right: 20px;
  width: 100%;
}
.container .contents_wrap article#work_environment .atcl_wrap ul li, .container .contents_wrap article#job_description .atcl_wrap ul li {
  width: 100%;
  padding: 7px 10px;
  text-align: left;
  line-height: 2;
}
.container .contents_wrap article#work_environment#work_environment, .container .contents_wrap article#job_description#work_environment {
  display: flex;
  flex-wrap: wrap;
}
.container .contents_wrap article#work_environment#work_environment h1, .container .contents_wrap article#job_description#work_environment h1 {
  background-image: url(../img/decors/sec_line_stripe_v_l_gsb.svg);
  background-position: left;
}
.container .contents_wrap article#work_environment#work_environment h1::after, .container .contents_wrap article#job_description#work_environment h1::after {
  content: attr(data-name);
  position: absolute;
  top: 15px;
  left: 100px;
  color: rgba(173, 211, 240, 0.4);
  font-family: "Ecofont Stencil", sans-serif;
  font-weight: 700;
  font-size: 4rem;
  text-align: right;
  z-index: -1;
  white-space: wrap;
  line-height: 1.2;
}
.container .contents_wrap article#work_environment#work_environment p, .container .contents_wrap article#job_description#work_environment p {
  margin-left: 10px;
  margin-bottom: 20px;
}
.container .contents_wrap article#work_environment#work_environment .work_env_cell, .container .contents_wrap article#job_description#work_environment .work_env_cell {
  width: 45%;
  min-width: 300px;
  height: auto;
  padding: 15px;
  box-sizing: border-box;
  margin: 10px;
  color: #fff;
  line-height: 1.2;
}
.container .contents_wrap article#work_environment#work_environment .work_env_cell.t_l, .container .contents_wrap article#job_description#work_environment .work_env_cell.t_l {
  margin-right: auto;
  background-color: rgba(97, 125, 215, 0.8);
  border-radius: 10px;
}
.container .contents_wrap article#work_environment#work_environment .work_env_cell.t_r, .container .contents_wrap article#job_description#work_environment .work_env_cell.t_r {
  margin-left: auto;
  background-color: #f68693;
  border-radius: 10px;
}
.container .contents_wrap article#work_environment#work_environment .work_env_cell.b_l, .container .contents_wrap article#job_description#work_environment .work_env_cell.b_l {
  margin-right: auto;
  background-color: #f3b64e;
  border-radius: 10px;
}
.container .contents_wrap article#work_environment#work_environment .work_env_cell.b_r, .container .contents_wrap article#job_description#work_environment .work_env_cell.b_r {
  margin-left: auto;
  background-color: rgba(0, 94, 44, 0.8);
  border-radius: 10px;
}
.container .contents_wrap article#work_environment#work_environment .work_env_cell h3, .container .contents_wrap article#job_description#work_environment .work_env_cell h3 {
  font-size: 1.1rem;
  font-weight: 400;
  width: 100%;
  border-bottom: solid 1px #fff;
  margin-bottom: 10px;
}
.container .contents_wrap article#work_environment#work_environment .work_env_cell p, .container .contents_wrap article#job_description#work_environment .work_env_cell p {
  font-size: 1rem;
  line-height: 1.8;
}
.container .contents_wrap article#work_environment#work_environment .work_env_cell p.disclaimer, .container .contents_wrap article#job_description#work_environment .work_env_cell p.disclaimer {
  font-size: 0.9rem;
  line-height: 1.4;
}
.container .contents_wrap article#work_environment#work_environment .atcl_wrap ul li:not(:first-child), .container .contents_wrap article#job_description#work_environment .atcl_wrap ul li:not(:first-child) {
  margin-left: 7px;
}
.container .contents_wrap article#work_environment#work_environment .atcl_wrap ul li:not(:first-child):nth-child(odd), .container .contents_wrap article#job_description#work_environment .atcl_wrap ul li:not(:first-child):nth-child(odd) {
  background-color: rgba(126, 202, 166, 0.1);
}
.container .contents_wrap article#work_environment#work_environment .atcl_wrap ul li:nth-child(even), .container .contents_wrap article#job_description#work_environment .atcl_wrap ul li:nth-child(even) {
  background-color: rgba(126, 202, 166, 0.2);
}
.container .contents_wrap article#work_environment#job_description h2, .container .contents_wrap article#job_description#job_description h2 {
  background-image: url(../img/decors/sec_line_stripe_v_l_yy.svg);
  background-position: left;
}
.container .contents_wrap article#work_environment#job_description h2::after, .container .contents_wrap article#job_description#job_description h2::after {
  content: attr(data-name);
  position: absolute;
  top: 0;
  left: 100px;
  color: rgba(243, 182, 78, 0.4);
  font-family: "Playwrite México", sans-serif;
  font-weight: 700;
  font-size: 5rem;
  font-style: italic;
  z-index: -1;
  white-space: wrap;
  line-height: 1;
}
.container .contents_wrap article#work_environment .atcl_wrap, .container .contents_wrap article#job_description .atcl_wrap {
  display: flex;
  justify-content: space-around;
}
.container .contents_wrap article#work_environment .atcl_wrap table tr td, .container .contents_wrap article#job_description .atcl_wrap table tr td {
  border-bottom: 1px solid rgba(67, 103, 108, 0.2);
  vertical-align: top;
  padding-bottom: 20px;
  padding-top: 10px;
  min-width: 80px;
}
.container .contents_wrap article#work_environment .atcl_wrap table tr td:nth-child(2), .container .contents_wrap article#job_description .atcl_wrap table tr td:nth-child(2) {
  padding-left: 10px;
}
.container .contents_wrap article#work_environment .atcl_wrap table tr.bottom td, .container .contents_wrap article#job_description .atcl_wrap table tr.bottom td {
  border-bottom: none;
  padding-top: 10px;
}
.container .contents_wrap article#work_environment .atcl_wrap table tr.bottom td table tr td, .container .contents_wrap article#job_description .atcl_wrap table tr.bottom td table tr td {
  padding-top: 0;
}
.container .contents_wrap article#info_security h1, .container .contents_wrap article#rights h1, .container .contents_wrap article#sdgs h1, .container .contents_wrap article#contact h1 {
  background-repeat: repeat-y;
  padding-left: 1.5rem;
  border-bottom: solid 1px #ddd;
  width: 100%;
  overflow: hidden;
}
.container .contents_wrap article#info_security h2, .container .contents_wrap article#rights h2, .container .contents_wrap article#sdgs h2, .container .contents_wrap article#contact h2 {
  margin-top: 20px;
  margin-left: 20px;
  font-size: 1.4rem;
  position: relative;
}
.container .contents_wrap article#info_security p, .container .contents_wrap article#rights p, .container .contents_wrap article#sdgs p, .container .contents_wrap article#contact p {
  margin-left: 40px;
}
.container .contents_wrap article#info_security .atcl_wrap ul, .container .contents_wrap article#rights .atcl_wrap ul, .container .contents_wrap article#sdgs .atcl_wrap ul, .container .contents_wrap article#contact .atcl_wrap ul {
  margin-top: 20px;
  margin-right: 20px;
  width: 100%;
}
.container .contents_wrap article#info_security .atcl_wrap ul li, .container .contents_wrap article#rights .atcl_wrap ul li, .container .contents_wrap article#sdgs .atcl_wrap ul li, .container .contents_wrap article#contact .atcl_wrap ul li {
  width: 100%;
  padding: 7px 10px;
  text-align: left;
  line-height: 2;
}
.container .contents_wrap article#rights h1 {
  background-image: url(../img/decors/sec_line_stripe_v_l_gsb.svg);
  background-position: left;
}
.container .contents_wrap article#rights h1::after {
  content: attr(data-name);
  position: absolute;
  top: -5px;
  left: 100px;
  color: rgba(34, 172, 56, 0.2);
  font-family: "Ecofont Stencil", sans-serif;
  font-weight: 700;
  font-size: 5rem;
  z-index: -1;
  white-space: wrap;
  line-height: 1.2;
}
.container .contents_wrap article#rights .atcl_wrap ul li:not(:first-child) {
  margin-left: 7px;
}
.container .contents_wrap article#rights .atcl_wrap ul li:not(:first-child):nth-child(odd) {
  background-color: rgba(126, 202, 166, 0.1);
}
.container .contents_wrap article#rights .atcl_wrap ul li:nth-child(even) {
  background-color: rgba(126, 202, 166, 0.2);
}
.container .contents_wrap article#sdgs h1 {
  background-image: url(../img/decors/sec_line_stripe_v_l_gm.svg);
  background-position: left;
}
.container .contents_wrap article#sdgs h1::after {
  content: attr(data-name);
  position: absolute;
  top: 0;
  left: 80px;
  color: rgba(0, 94, 44, 0.2);
  font-family: "Playwrite México", sans-serif;
  font-weight: 700;
  font-size: 4rem;
  font-style: italic;
  z-index: -1;
  white-space: wrap;
  line-height: 1;
}
.container .contents_wrap article#sdgs .atcl_wrap ul.top_ul li {
  list-style-image: url(../img/decors/news_point_dg.svg);
  list-style-position: inside;
  padding-left: 8px;
}
.container .contents_wrap article#sdgs .atcl_wrap ul.top_ul li span {
  padding-left: 5px;
}
.container .contents_wrap article#sdgs .atcl_wrap ul.top_ul li:nth-child(odd) {
  background-color: rgba(138, 171, 146, 0.2);
}
.container .contents_wrap article#sdgs .atcl_wrap ul.top_ul li:nth-child(even) {
  background-color: rgba(138, 171, 146, 0.1);
}
.container .contents_wrap article#sdgs .atcl_wrap ul:not(.top_ul) li:not(:first-child) {
  margin-left: 7px;
}
.container .contents_wrap article#sdgs .atcl_wrap ul:not(.top_ul) li:not(:first-child):nth-child(odd) {
  background-color: rgba(138, 171, 146, 0.1);
}
.container .contents_wrap article#sdgs .atcl_wrap ul:not(.top_ul) li:nth-child(even) {
  background-color: rgba(138, 171, 146, 0.2);
}
.container .contents_wrap article#info_security h1 {
  background-image: url(../img/decors/sec_line_stripe_v_l_rr.svg);
  background-position: left;
}
.container .contents_wrap article#info_security h1::after {
  content: attr(data-name);
  position: absolute;
  top: -5px;
  left: 60px;
  color: rgba(246, 134, 147, 0.3);
  font-family: "Exo", sans-serif;
  font-weight: 700;
  font-size: 5rem;
  z-index: -1;
  white-space: wrap;
  line-height: 1.2;
}
.container .contents_wrap article#info_security .atcl_wrap ul li:nth-child(odd) {
  background-color: rgba(97, 125, 215, 0.2);
}
.container .contents_wrap article#info_security .atcl_wrap ul li:nth-child(even) {
  background-color: rgba(97, 125, 215, 0.1);
}
.container .contents_wrap article#contact h1, .container .contents_wrap article#contact h2, .container .contents_wrap article#form h1, .container .contents_wrap article#form h2 {
  background-repeat: repeat-y;
  padding-left: 1.5rem;
  border-bottom: solid 1px #ddd;
  width: 100%;
  overflow: hidden;
  font-size: 1.4rem;
  line-height: 2;
}
.container .contents_wrap article#contact h1 {
  background-image: url(../img/decors/sec_line_stripe_v_l_rr.svg);
  background-position: left;
}
.container .contents_wrap article#contact h1::after {
  content: attr(data-name);
  position: absolute;
  top: -5px;
  left: 60px;
  color: rgba(246, 134, 147, 0.3);
  font-family: "Exo", sans-serif;
  font-weight: 700;
  font-size: 5rem;
  z-index: -1;
  white-space: wrap;
  line-height: 1.2;
}
.container .contents_wrap article#contact .atcl_wrap .contact_info {
  font-size: 1.1rem;
}
.container .contents_wrap article#contact .atcl_wrap .contact_info .phone {
  margin-top: 10px;
}
.container .contents_wrap article#contact .atcl_wrap .contact_info .mail {
  margin-top: 10px;
}
.container .contents_wrap article#form h2 {
  background-image: url(../img/decors/sec_line_stripe_v_l_gm.svg);
  background-position: left;
}
.container .contents_wrap article#form h2::after {
  content: attr(data-name);
  position: absolute;
  top: -5px;
  left: 60px;
  color: rgba(126, 202, 166, 0.3);
  font-family: "Exo", sans-serif;
  font-weight: 700;
  font-size: 5rem;
  z-index: -1;
  white-space: wrap;
  line-height: 1.2;
}
.container .contents_wrap article#form .atcl_wrap ul li:nth-child(odd) {
  background-color: rgba(97, 125, 215, 0.2);
}
.container .contents_wrap article#form .atcl_wrap ul li:nth-child(even) {
  background-color: rgba(97, 125, 215, 0.1);
}
.container .contents_wrap.job_page {
  position: relative;
}
.container .contents_wrap.job_page .character {
  width: 100%;
  margin-top: -50px;
  margin-left: 5%;
}
.container .contents_wrap.job_page .character img {
  width: 18%;
}
@media (max-width: 959px) and (min-width: 860px) {
  .container .contents_wrap.job_page .character img {
    width: 20%;
  }
}
@media (max-width: 859px) {
  .container .contents_wrap.job_page .character img {
    width: 25%;
  }
}
.container footer.footer {
  position: relative;
  width: 100%;
  height: 200px;
  background-color: rgba(0, 94, 44, 0.8);
  background-image: url(../img/decors/olive_leaves_l.svg), url(../img/decors/olive_leaves_r.svg);
  background-size: 50% auto, 30% auto;
  background-repeat: no-repeat, no-repeat;
  background-position: left 10%, 102% -10%;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #fff;
  overflow: hidden;
}
.container footer.footer ul.ft_menu {
  display: flex;
  justify-content: center;
}
.container footer.footer ul.ft_menu.one {
  margin-top: 15px;
}
.container footer.footer ul.ft_menu li {
  line-height: 1.5rem;
}
.container footer.footer ul.ft_menu li a {
  font-size: 0.9rem;
}
.container footer.footer p.top {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 10px;
  font-size: 0.8rem;
}
.container footer.footer p.bottom {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 10px;
  font-size: 0.8rem;
  white-space: nowrap;
}

#home_page.container .contents_wrap .pimg1, #home_page.container .contents_wrap .pimg2, #home_page.container .contents_wrap .pimg3 {
  position: relative;
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
  background-position: center;
}
@media (min-width: 960px) {
  #home_page.container .contents_wrap .pimg1, #home_page.container .contents_wrap .pimg2, #home_page.container .contents_wrap .pimg3 {
    background-attachment: fixed;
  }
}
@media (max-width: 959px) {
  #home_page.container .contents_wrap .pimg1, #home_page.container .contents_wrap .pimg2, #home_page.container .contents_wrap .pimg3 {
    background-attachment: scroll;
    min-height: 300px;
  }
}
#home_page.container .contents_wrap .pimg1, #home_page.container .contents_wrap .pimg2, #home_page.container .contents_wrap .pimg3 {
  background-size: cover;
  background-position: center;
}
@media (min-width: 1201px) {
  #home_page.container .contents_wrap .pimg1, #home_page.container .contents_wrap .pimg2, #home_page.container .contents_wrap .pimg3 {
    background-size: contain;
  }
}
#home_page.container .contents_wrap .pimg1 {
  background-image: url(../img/bg/sky_w_dove.jpg);
  background-position: center 90% !important;
  min-height: 300px;
  border-top: solid 5px #f3b64e;
}
#home_page.container .contents_wrap .pimg1 .character {
  position: absolute;
  width: 100%;
  bottom: -15px;
  left: 5%;
}
@media (max-width: 959px) {
  #home_page.container .contents_wrap .pimg1 .character {
    left: 5%;
  }
}
#home_page.container .contents_wrap .pimg1 .character img {
  width: 10%;
}
@media (max-width: 959px) {
  #home_page.container .contents_wrap .pimg1 .character img {
    width: 20%;
  }
}
#home_page.container .contents_wrap .pimg2 {
  background-image: url("../img/bg/olive-tree2.jpg");
  min-height: 300px;
}
#home_page.container .contents_wrap .pimg2 .character {
  position: absolute;
  width: 100%;
  bottom: -15px;
  left: 85%;
}
@media (max-width: 959px) {
  #home_page.container .contents_wrap .pimg2 .character {
    left: 75%;
  }
}
#home_page.container .contents_wrap .pimg2 .character img {
  width: 10%;
}
@media (max-width: 959px) {
  #home_page.container .contents_wrap .pimg2 .character img {
    width: 20%;
  }
}
#home_page.container .contents_wrap .pimg3 {
  background-image: url("../img/bg/olive-tree_fh.jpg");
  min-height: 300px;
}

#company_page.container .contents_wrap .character {
  width: 100%;
  margin-left: 48%;
}
#company_page.container .contents_wrap .character img {
  transform: translateY(6px);
  width: 23%;
}
@media (max-width: 959px) and (min-width: 860px) {
  #company_page.container .contents_wrap .character img {
    width: 25%;
  }
}
@media (max-width: 859px) {
  #company_page.container .contents_wrap .character img {
    width: 35%;
  }
}
#company_page.container .contents_wrap .pimg1 {
  position: relative;
  opacity: 0.7;
  background-repeat: no-repeat;
  filter: saturate(30%);
  width: 100%;
  background-size: cover;
  background-position: center;
  background-image: url("../img/bg/lvng_fan_lvrm.png");
  min-height: 300px;
}
@media (min-width: 960px) {
  #company_page.container .contents_wrap .pimg1 {
    background-attachment: fixed;
  }
}
@media (max-width: 959px) {
  #company_page.container .contents_wrap .pimg1 {
    background-attachment: scroll;
  }
}

#history_page.container .contents_wrap .character {
  display: flex;
  width: 48%;
  justify-content: space-around;
  align-items: flex-end;
  margin-top: auto;
  margin-left: 52%;
}
@media (max-width: 959px) {
  #history_page.container .contents_wrap .character {
    width: 100%;
    margin-left: 0;
  }
}
#history_page.container .contents_wrap .character img.elias {
  width: 18%;
}
#history_page.container .contents_wrap .character img.ball {
  transform: translate(0, -80px);
  width: 2%;
}
#history_page.container .contents_wrap .character img.olly {
  width: 13%;
}
#history_page.container .contents_wrap .pimg1 {
  position: relative;
  opacity: 0.7;
  background-repeat: no-repeat;
  filter: saturate(30%);
  width: 100%;
  background-size: cover;
  background-position: center;
  background-image: url("../img/bg/lvng_earphones_dsktp.png");
  min-height: 300px;
}
@media (min-width: 960px) {
  #history_page.container .contents_wrap .pimg1 {
    background-attachment: fixed;
  }
}
@media (max-width: 959px) {
  #history_page.container .contents_wrap .pimg1 {
    background-attachment: scroll;
  }
}

#oem_page.container .contents_wrap .pimg1 {
  position: relative;
  opacity: 0.7;
  background-repeat: no-repeat;
  filter: saturate(30%);
  width: 100%;
  background-size: cover;
  background-position: center;
  background-image: url("../img/oem/meeting_m.jpg");
  min-height: 300px;
}
@media (min-width: 960px) {
  #oem_page.container .contents_wrap .pimg1 {
    background-attachment: fixed;
  }
}
@media (max-width: 959px) {
  #oem_page.container .contents_wrap .pimg1 {
    background-attachment: scroll;
  }
}

#products_page.container .contents_wrap .pimg1 {
  position: relative;
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-image: url("../img/products/hair_wave_fan_effct.png");
  min-height: 300px;
}
@media (min-width: 960px) {
  #products_page.container .contents_wrap .pimg1 {
    background-attachment: fixed;
  }
}
@media (max-width: 959px) {
  #products_page.container .contents_wrap .pimg1 {
    background-attachment: scroll;
  }
}
#products_page.container .contents_wrap .character {
  width: 100%;
  margin-left: 5%;
}
#products_page.container .contents_wrap .character img {
  position: absolute;
  bottom: 0;
  width: 23%;
}
@media (max-width: 959px) and (min-width: 860px) {
  #products_page.container .contents_wrap .character img {
    width: 25%;
  }
}
@media (max-width: 859px) {
  #products_page.container .contents_wrap .character img {
    width: 35%;
    margin-left: 55%;
  }
}

#certifications_page.container .contents_wrap {
  position: relative;
}
#certifications_page.container .contents_wrap .character img {
  position: absolute;
  bottom: 300px;
  width: 20%;
  margin-left: 2%;
}
@media (max-width: 959px) and (min-width: 860px) {
  #certifications_page.container .contents_wrap .character img {
    width: 25%;
  }
}
@media (max-width: 859px) {
  #certifications_page.container .contents_wrap .character img {
    width: 27%;
    margin-left: 65%;
  }
}
#certifications_page.container .contents_wrap .pimg1 {
  position: relative;
  opacity: 0.7;
  background-repeat: no-repeat;
  filter: saturate(30%);
  width: 100%;
  background-size: cover;
  background-position: center bottom;
  background-image: url("../img/bg/wroom_soup_dsp.png");
  min-height: 300px;
}
@media (min-width: 960px) {
  #certifications_page.container .contents_wrap .pimg1 {
    background-attachment: fixed;
  }
}
@media (max-width: 959px) {
  #certifications_page.container .contents_wrap .pimg1 {
    background-attachment: scroll;
  }
}

#sitemap_page.container .contents_wrap article#sitemap {
  padding: 60px 20px;
  max-width: 1000px;
  margin: 0 auto;
  text-align: left;
}
#sitemap_page.container .contents_wrap article#sitemap h1 {
  background-image: url(../img/decors/sec_line_stripe_v_l_gg.svg);
  background-position: left;
  background-repeat: repeat-y;
  border-bottom: solid 1px #ddd;
}
#sitemap_page.container .contents_wrap article#sitemap h1::after {
  content: attr(data-name);
  position: absolute;
  top: -5px;
  left: 60px;
  color: rgba(126, 202, 166, 0.3);
  font-family: "Exo", sans-serif;
  font-weight: 700;
  font-size: 5rem;
  z-index: -1;
  white-space: wrap;
  line-height: 1.2;
}
#sitemap_page.container .contents_wrap article#sitemap .sitemap_section {
  margin: 40px 0 0 20px;
  text-align: left;
}
#sitemap_page.container .contents_wrap article#sitemap .sitemap_section h2 {
  font-size: 1.4rem;
  color: #555;
  border-bottom: 1px solid #8bc34a;
  padding-bottom: 10px;
  margin-bottom: 20px;
  text-align: left;
}
#sitemap_page.container .contents_wrap article#sitemap .sitemap_section h2 i {
  font-size: 1rem;
  color: #8bbf1e;
  padding-right: 5px;
  transform: translateY(-3px);
}
#sitemap_page.container .contents_wrap article#sitemap .sitemap_section ul.sitemap_list {
  width: 100%;
  text-align: left;
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
  width: 100%;
}
#sitemap_page.container .contents_wrap article#sitemap .sitemap_section ul.sitemap_list li {
  width: 100%;
  margin-bottom: 12px;
  padding-left: 20px;
  position: relative;
  text-align: left;
}
#sitemap_page.container .contents_wrap article#sitemap .sitemap_section ul.sitemap_list li::before {
  content: "▸";
  position: absolute;
  left: 0;
  color: #8bc34a;
}
#sitemap_page.container .contents_wrap article#sitemap .sitemap_section ul.sitemap_list a {
  color: #333;
  text-decoration: none;
  transition: color 0.3s ease;
}
#sitemap_page.container .contents_wrap article#sitemap .sitemap_section ul.sitemap_list a:hover {
  color: #8bc34a;
  text-decoration: underline;
}
#sitemap_page.container .contents_wrap article#sitemap .sitemap_section ul.sitemap_list .sub_list {
  margin-top: 20px;
  margin-left: -40px;
  list-style: none;
  padding: 0;
  text-align: left;
}
#sitemap_page.container .contents_wrap article#sitemap .sitemap_section ul.sitemap_list .sub_list li::before {
  content: "・";
  color: #aaa;
}

/* Mobile Layout: < 960px */
@media (max-width: 959px) {
  h1, h2 {
    font-size: 1.5rem;
  }
  .container header {
    position: relative;
    z-index: 1000;
    width: 100%;
  }
  .container header .logo {
    display: none;
  }
  .container header nav.navbar .navbar_container .nav_list {
    display: none;
  }
  .container header nav.navbar .navbar_container.open .nav_list {
    display: block;
    height: 100vh;
  }
  .container header nav.navbar .mobile i.fa-bars {
    display: block;
    position: absolute;
    cursor: pointer;
    right: 20px;
    top: 20px;
    font-size: 1.5rem;
    z-index: 10000;
  }
  .container header nav.navbar .mobile i.fa-bars.open {
    display: none;
  }
  .container header nav.navbar .mobile i.fa-xmark {
    display: none;
    position: absolute;
    cursor: pointer;
    right: 20px;
    top: 20px;
    font-size: 1.5rem;
    z-index: 10000;
  }
  .container header nav.navbar .mobile i.fa-xmark.open {
    display: block;
  }
  .container header nav.navbar ul {
    width: 100%;
  }
  .container header nav.navbar ul li {
    height: 100px;
  }
  .container .contents_wrap article#about_us .atcl_wrap, .container .contents_wrap article#features .atcl_wrap, .container .contents_wrap article#history .atcl_wrap, .container .contents_wrap article#company .atcl_wrap, .container .contents_wrap article#oem .atcl_wrap {
    display: flex;
    flex-direction: column;
  }
  .container .contents_wrap article#about_us .atcl_wrap .left, .container .contents_wrap article#features .atcl_wrap .left, .container .contents_wrap article#history .atcl_wrap .left, .container .contents_wrap article#company .atcl_wrap .left, .container .contents_wrap article#oem .atcl_wrap .left {
    width: 100%;
    padding: 10px;
  }
  .container .contents_wrap article#about_us .atcl_wrap .left img, .container .contents_wrap article#features .atcl_wrap .left img, .container .contents_wrap article#history .atcl_wrap .left img, .container .contents_wrap article#company .atcl_wrap .left img, .container .contents_wrap article#oem .atcl_wrap .left img {
    width: 60%;
    max-width: 100%;
  }
  .container .contents_wrap article#about_us .atcl_wrap .right, .container .contents_wrap article#features .atcl_wrap .right, .container .contents_wrap article#history .atcl_wrap .right, .container .contents_wrap article#company .atcl_wrap .right, .container .contents_wrap article#oem .atcl_wrap .right {
    width: 100%;
    padding: 10px;
  }
  .container .contents_wrap article#about_us .atcl_wrap .right img, .container .contents_wrap article#features .atcl_wrap .right img, .container .contents_wrap article#history .atcl_wrap .right img, .container .contents_wrap article#company .atcl_wrap .right img, .container .contents_wrap article#oem .atcl_wrap .right img {
    max-width: 100%;
  }
  .container .contents_wrap article#about_us .atcl_wrap ul, .container .contents_wrap article#features .atcl_wrap ul, .container .contents_wrap article#history .atcl_wrap ul, .container .contents_wrap article#company .atcl_wrap ul, .container .contents_wrap article#oem .atcl_wrap ul {
    width: 100%;
    margin: 0 auto;
  }
  .container .contents_wrap article#about_us .atcl_wrap .card, .container .contents_wrap article#features .atcl_wrap .card, .container .contents_wrap article#history .atcl_wrap .card, .container .contents_wrap article#company .atcl_wrap .card, .container .contents_wrap article#oem .atcl_wrap .card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .container .contents_wrap article#history .atcl_wrap {
    flex-direction: column-reverse;
  }
  .container .contents_wrap article#history .atcl_wrap ul.techne {
    margin-top: 30px;
  }
  .container .contents_wrap article#history .atcl_wrap ul.olive {
    margin-top: 50px;
  }
  .container .contents_wrap article#features {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .container .contents_wrap article#features h2::after {
    font-size: 3rem !important;
    left: 50px !important;
  }
  .container .contents_wrap article#about_us h2::after {
    font-size: 3rem !important;
    right: 50px !important;
  }
  .container .contents_wrap article#news h1::after {
    content: "NEWS";
    position: absolute;
    top: 10px;
    left: 80px;
    color: rgba(243, 182, 78, 0.3);
    font-family: "Momo Trust Display", sans-serif;
    font-weight: 500;
    font-size: 4rem;
    z-index: -1;
    white-space: nowrap;
  }
  .container .contents_wrap article#news ul.newsfeed {
    margin-left: -30px;
  }
  .container .contents_wrap article#news ul.newsfeed li.newsitem {
    padding-right: 20px;
  }
  .container .contents_wrap article.toys .atcl_wrap {
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
  }
  .container .contents_wrap article.toys .atcl_wrap .right img {
    width: 400px;
  }
  .container .contents_wrap article#oem .right img {
    transform: translateX(-12%);
    width: 100%;
    max-height: 200px;
    object-fit: cover;
  }
  .container footer.footer {
    background-size: 55% auto, 35% auto;
    background-repeat: no-repeat, no-repeat;
    background-position: left 0, 102% -5%;
  }
  .container footer.footer .character img {
    width: 20%;
  }
  #home_page.container .contents_wrap .top_img {
    min-height: 350px;
  }
  #home_page.container footer.footer .character img {
    width: 15%;
  }
}
/* PC Layout: >= 960px */
@media (min-width: 960px) {
  .container {
    margin-left: auto;
    margin-right: auto;
  }
  .container header {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 70px;
    width: 100%;
    max-width: 1200px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #55b689;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%239C92AC' fill-opacity='0.2' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
    border-bottom: 1px solid #005e2c;
    z-index: 2000;
  }
  .container header .logo {
    display: block;
  }
  .container header .logo img {
    width: 220px;
    margin-left: 10px;
  }
  .container header .navbar {
    margin-right: 10px;
  }
  .container header .navbar .mobile {
    display: none;
  }
  .container .contents_wrap {
    padding-top: 70px;
  }
  .container .contents_wrap article {
    text-align: left;
  }
  .container .contents_wrap article#history ul {
    width: 90%;
  }
  .container .contents_wrap article#history .atcl_wrap .right {
    margin-left: 20px;
    width: 100%;
  }
  .container .contents_wrap article#history .atcl_wrap .left {
    margin-right: 20px;
    width: 100%;
  }
  .container .contents_wrap article#oem .atcl_wrap .left {
    margin-right: -30px;
    min-width: 400px;
  }
}/*# sourceMappingURL=style.css.map */