@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap");
/*------------------------------
 reset
------------------------------*/
div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
}

article, aside, details, figcaption, figure,
hgroup, menu, nav, section {
  display: block;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: transparent;
  outline: none;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

img {
  width: 100%;
  height: auto;
}

span.ib {
  display: inline-block;
}

/*------------------------------
top
------------------------------*/
body main section#mv .inner p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
}
body main section#tab .inner ul.c-flex li a {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
}
body main .c-flex.updown-border div p a {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
}
body main .c-flex.updown-border div div dl.c-flex dt {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
}
body main .c-flex.updown-border div div dl.c-flex dd {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 28px;
}
body main span.square {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 26px;
  line-height: 28px;
}
body main section#about .inner .c-flex.updown-border div h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 26px;
  line-height: 28px;
}
body main section#about .inner #company_history .inner.c-flex div h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 26px;
  line-height: 28px;
}
body main section#about .inner #company_history .inner.c-flex div p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 28px;
}
body main section#about .inner #company_history .inner.c-flex div p a {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
}
body main section#about .inner #company_history .inner.c-flex div dl.c-flex dt {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
}
body main section#about .inner #company_history .inner.c-flex div dl.c-flex dd {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 28px;
}
body main section#about .inner #iso .inner .c-flex__sb p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 28px;
}
body main section#about .inner #iso .inner .c-flex.updown-border div h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 26px;
  line-height: 32px;
}
body main section#about .inner #iso .inner .c-flex.updown-border div h3 span {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 32px;
}
body main section#about .inner #environment-step .inner.c-flex__sb div h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 26px;
  line-height: 28px;
}
body main section#about .inner #environment-step .inner.c-flex__sb div dl.c-flex dt {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
}
body main section#about .inner #environment-step .inner.c-flex__sb div dl.c-flex dd {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 28px;
}
body main section#company .inner div h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 26px;
  line-height: 28px;
}
body main section#company .inner div p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 28px;
}
body main section#sastainavility .inner div h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 26px;
  line-height: 28px;
}
body main section#sastainavility .inner div p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 28px;
}
body main section#sastainavility .inner div .c-flex ul li {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 32px;
}
body main section#sastainavility .inner .c-flex div b.activity-title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
}
body main section#sastainavility .inner .c-flex div p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 28px;
}
body main section#sastainavility .inner .csr-env p a {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
}
body main section#sastainavility .inner #csr-last ul {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 30px;
}
body main section#product .inner .c-flex__sb div p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 28px;
}
body main section#product .inner .c-flex__sb div p a {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 45px;
}
body main section#inquiry .inner p.inquiry {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 26px;
  line-height: 28px;
}
body main section#inquiry .inner b {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 32px;
  line-height: 54px;
}
body main section#inquiry .inner p.address {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 52px;
}
body main section#inquiry .inner p.inquiry-induction {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
}
body main footer .inner .c-flex p a {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 28px;
}
body main footer #copy p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 28px;
}

@media screen and (max-width: 750px) {
  body main section#mv .inner p {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
  }
  body main section#tab .inner ul.c-flex li a {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 17px;
    line-height: 20px;
  }
  body main .c-flex.updown-border div p a {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 11px;
    line-height: 20px;
  }
  body main .c-flex.updown-border div div dl.c-flex dt {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 11px;
    line-height: 20px;
  }
  body main .c-flex.updown-border div div dl.c-flex dd {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 300;
    font-size: 11px;
    line-height: 20px;
  }
  body main span.square {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
  }
  body main section#about .inner .c-flex.updown-border div h3 {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
  }
  body main section#about .inner #company_history .inner.c-flex div h3 {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
  }
  body main section#about .inner #company_history .inner.c-flex div p {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 300;
    font-size: 11px;
    line-height: 20px;
  }
  body main section#about .inner #company_history .inner.c-flex div p a {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 11px;
    line-height: 20px;
  }
  body main section#about .inner #company_history .inner.c-flex div dl.c-flex dt {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 11px;
    line-height: 20px;
  }
  body main section#about .inner #company_history .inner.c-flex div dl.c-flex dd {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 300;
    font-size: 11px;
    line-height: 20px;
  }
  body main section#about .inner #iso .inner .c-flex__sb p {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 300;
    font-size: 11px;
    line-height: 20px;
  }
  body main section#about .inner #iso .inner .c-flex.updown-border div h3 {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
  }
  body main section#about .inner #iso .inner .c-flex.updown-border div h3 span {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 11px;
    line-height: 22px;
  }
  body main section#about .inner #environment-step .inner.c-flex__sb div h3 {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
  }
  body main section#about .inner #environment-step .inner.c-flex__sb div dl.c-flex dt {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 11px;
    line-height: 20px;
  }
  body main section#about .inner #environment-step .inner.c-flex__sb div dl.c-flex dd {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 300;
    font-size: 11px;
    line-height: 20px;
  }
  body main section#company .inner div h3 {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
  }
  body main section#company .inner div p {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 300;
    font-size: 13px;
    line-height: 22px;
  }
  body main section#sastainavility .inner div h3 {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
  }
  body main section#sastainavility .inner div p {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 300;
    font-size: 13px;
    line-height: 22px;
  }
  body main section#sastainavility .inner div .c-flex ul li {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
  }
  body main section#sastainavility .inner .c-flex__sb div b.activity-title {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
  }
  body main section#sastainavility .inner .c-flex__sb div p {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 300;
    font-size: 13px;
    line-height: 22px;
  }
  body main section#sastainavility .inner .csr-env p a {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 11px;
    line-height: 20px;
  }
  body main section#sastainavility .inner #csr-last ul {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 300;
    font-size: 13px;
    line-height: 24px;
  }
  body main section#product .inner .c-flex__sb div p {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 300;
    font-size: 13px;
    line-height: 22px;
  }
  body main section#product .inner .c-flex__sb div p a {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 13px;
    line-height: 44px;
  }
  body main section#inquiry .inner p.inquiry {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
  }
  body main section#inquiry .inner b {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 38px;
  }
  body main section#inquiry .inner p.address {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 36px;
  }
  body main section#inquiry .inner p.inquiry-induction {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
  }
  body main footer .inner .c-flex p a {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 300;
    font-size: 11px;
    line-height: 20px;
  }
  body main footer #copy p {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 300;
    font-size: 10px;
    line-height: 20px;
  }
}
body header .inner .c-flex__sb a dl dd {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
}
body header .inner .c-flex__sb .header-btns p.rikunabi a, body header .inner .c-flex__sb .header-btns p.mynavi a {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
}
body header .inner .c-flex__sb .header-btns button.menu-trigger p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
}

section#entries .c-flex__sb p a {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 30px;
  line-height: 41px;
}

footer .inner .c-flex__sb dl dd {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 30px;
}
footer .inner .c-flex__sb nav div p a span.en, footer .inner .c-flex__sb nav div p b span.en {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
}
footer .inner .c-flex__sb nav div p a span.jp, footer .inner .c-flex__sb nav div p b span.jp {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 40px;
}
footer .inner .c-flex__sb nav div ul li a {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 30px;
}
footer .inner p#copy {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 10px;
  line-height: 30px;
}

section#menu .inner .c-flex__sb nav div p a span.en {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
}
section#menu .inner .c-flex__sb nav div p a span.jp {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 45px;
}
section#menu .inner .c-flex__sb nav div p b span.en {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
}
section#menu .inner .c-flex__sb nav div p b span.jp {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 45px;
}
section#menu .inner .c-flex__sb nav div ul li a {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 30px;
}

@media screen and (max-width: 750px) {
  body header .inner .c-flex__sb a dl dd {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 10px;
    line-height: 15px;
  }
  body header .inner .c-flex__sb .header-btns p.rikunabi a, body header .inner .c-flex__sb .header-btns p.mynavi a {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 10px;
    line-height: 15px;
  }
  body header .inner .c-flex__sb .header-btns button.menu-trigger p {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 10px;
    line-height: 15px;
  }
  section#entries .c-flex__sb p a {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-size: 21px;
    line-height: 29px;
  }
  footer .inner .c-flex__sb dl dd {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 11px;
    line-height: 21px;
  }
  footer .inner .c-flex__sb nav div p a span.en, footer .inner .c-flex__sb nav div p b span.en {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-size: 10px;
    line-height: 15px;
  }
  footer .inner .c-flex__sb nav div p a span.jp, footer .inner .c-flex__sb nav div p b span.jp {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-size: 11px;
    line-height: 28px;
  }
  footer .inner .c-flex__sb nav div ul li a {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 10px;
    line-height: 21px;
  }
  footer .inner p#copy {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 7px;
    line-height: 21px;
  }
  section#menu .inner .c-flex__sb nav div p a span.en {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-size: 11px;
    line-height: 15px;
  }
  section#menu .inner .c-flex__sb nav div p a span.jp {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 31px;
  }
  section#menu .inner .c-flex__sb nav div p b span.en {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-size: 11px;
    line-height: 15px;
  }
  section#menu .inner .c-flex__sb nav div p b span.jp {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 31px;
  }
  section#menu .inner .c-flex__sb nav div ul li a {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-size: 11px;
    line-height: 21px;
  }
}
/*--------------------------------------------------
  component
--------------------------------------------------*/
.c-flex {
  display: flex;
  margin: 0 auto;
  flex-wrap: wrap;
}
.c-flex .c-flex, .c-flex .c-flex__sb, .c-flex .c-fllex__sa {
  margin: 0;
}

.c-flex__sb {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  flex-wrap: wrap;
}
.c-flex__sb .c-flex, .c-flex__sb .c-flex__sb, .c-flex__sb .c-fllex__sa {
  margin: 0;
}

.c-flex__rev {
  flex-direction: row-reverse;
}

.c-flex__center {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  flex-wrap: wrap;
}

.c-flex__sa {
  display: flex;
  justify-content: space-around;
  margin: 0 auto;
  flex-wrap: wrap;
}
.c-flex__sa .c-flex, .c-flex__sa .c-flex__sb, .c-flex__sa .c-fllex__sa {
  margin: 0;
}

br.brsp {
  display: none;
}

br.brpc {
  display: block;
}

img.sp {
  display: none;
}

img.pc {
  display: inline;
}

.c-img__full {
  line-height: 0;
}

.c-img__full img {
  width: 100%;
}

.c-img__scroll img {
  width: 100%;
}

.c-inline__center {
  text-align: center;
}

@media screen and (max-width: 750px) {
  br.brsp {
    display: block;
  }
  br.brpc {
    display: none;
  }
  img.sp {
    display: inline;
  }
  img.pc {
    display: none;
  }
  .c-img__scroll img {
    width: 200%;
  }
}
/*------------------------------
header
------------------------------*/
/*------------------------------
footer
------------------------------*/
#totop {
  position: fixed;
  bottom: 85px;
  right: 50px;
  width: 75px;
  cursor: pointer;
}

@media screen and (max-width: 750px) {
  #totop {
    bottom: 20px;
    right: 10px;
    width: 50px;
    cursor: pointer;
  }
}
/*------------------------------
menu
------------------------------*/
/*------------------------------
mv
------------------------------*/
body {
  margin: 0;
  padding: 0;
}

body, html {
  overflow-x: hidden;
}

/*------------------------------
top
------------------------------*/
.swiper-wrapper {
  transition-timing-function: linear;
}

/* 画像のサイズ調整 */
.swiper-slide img {
  height: auto;
  width: 100%;
  line-height: 0;
}

#menu {
  position: fixed;
  top: 90px;
  left: 0;
  background: #EEF6F9;
  width: 100%;
  z-index: 999;
  display: none;
}
#menu ul {
  max-width: 730px;
  display: flex;
  width: 95%;
  margin: 0 auto;
  flex-wrap: wrap;
  padding: 100px 0;
  justify-content: space-between;
}
#menu ul li {
  width: 27.9452054795%;
  padding: 0 0 50px 0;
}
#menu ul::after {
  width: 27.9452054795%;
  content: "";
}

header {
  width: 100%;
  background: #fff;
  position: fixed;
  height: 90px;
  z-index: 999;
}
header .inner {
  width: 95%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
header .inner p#logo {
  padding: 20px 0 0 0;
  width: 280px;
}
header .inner dl#logo {
  padding: 16px 0 0 0;
  display: flex;
  align-items: center;
}
header .inner dl#logo dt {
  width: 120px;
}
header .inner dl#logo dd {
  padding: 0 0 0 4px;
  width: 159px;
}
header .inner #menuBtn {
  padding: 10px 0 0 0;
  width: 75px;
  cursor: pointer;
}

main {
  padding-top: 90px;
}

section#mv .inner {
  max-width: 1200px;
  margin: 0 auto;
  width: 95%;
  overflow: hidden;
}
section#mv .inner .topslide1 {
  width: 63.3333333333%;
  padding: 0 0 40px 0;
}
section#mv .inner .swipers {
  width: 35%;
}
section#mv .inner .swipers .topslide2 {
  margin-bottom: 12px;
}
section#mv .inner h1 {
  width: 83.3333333333%;
  margin: 0 auto;
  padding: 0 0 40px 0;
}
section#mv .inner h1 img {
  width: 62%;
}
section#mv .inner p {
  width: 83.3333333333%;
  margin: 0 auto;
  padding: 0 0 40px 0;
}

section#tab ul {
  max-width: 1100px;
  width: 95%;
  margin: 0 auto 80px auto;
}
section#tab ul li {
  margin: 0 0 20px 0;
}
section#tab ul li.thmb1, section#tab ul li.thmb2 {
  width: 49.0909090909%;
}
section#tab ul li.thmb3 {
  width: 36.3636363636%;
}
section#tab ul li.thmb4, section#tab ul li.thmb5 {
  width: 30%;
}

footer .inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 50px 0;
  width: 95%;
}
footer .inner .c-flex__sb p {
  width: 250px;
}
footer .inner .c-flex__sb nav {
  width: 600px;
}
footer .inner .c-flex__sb nav p {
  width: 200px;
  padding: 0 0 10px 0;
}
footer .inner .c-flex__sb nav p a {
  color: #000;
}
footer .inner .c-flex__sb div {
  width: 75px;
}
footer #copy {
  background: #004EA0;
  color: #fff;
  text-align: center;
  line-height: 45px;
}

#inquiry {
  background: #00A9E4;
}
#inquiry .inner {
  padding: 50px 0;
  color: #fff;
  text-align: center;
}
#inquiry .inner p.inquiry {
  border-bottom: 1px solid #fff;
  width: 290px;
  margin: 0 auto 40px auto;
  padding: 0 0 10px 0;
}
#inquiry .inner .c-flex__sb {
  padding: 30px 0 0 0;
  width: 90.9090909091%;
}
#inquiry .inner .c-flex__sb p {
  width: 47%;
}

p.btn a {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  display: block;
  border: 1px solid #004EA0;
  color: #004EA0;
  width: 260px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  margin: 0 auto;
  background: url("../img/page-movethum.svg") 95% center no-repeat #fff;
  background-size: 10px;
  text-decoration: none;
}

section#product .inner {
  max-width: 1100px;
  width: 95%;
  margin: 0 auto;
  padding: 100px 0;
}
section#product .inner #product_head {
  padding: 0 0 55px 0;
}
section#product .inner #product_head h2 {
  width: 30.9090909091%;
}
section#product .inner #product_head p {
  width: 63.6363636364%;
}
section#product .inner .left {
  width: 27.2727272727%;
}
section#product .inner .left span.square {
  display: block;
  width: 100%;
  line-height: 170px;
  text-align: center;
  color: #fff;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  margin: 0 0 40px 0;
}
section#product .inner .left span.square {
  background: #00A9E4;
}
section#product .inner .left span.square.sq2 {
  background: #FFB32A;
}
section#product .inner .left span.square.sq3 {
  background: #F66EB6;
  line-height: 40px;
  padding: 40px 0;
}
section#product .inner .right {
  width: 59.0909090909%;
  margin: 0 45px 0 0;
}
section#product .inner .right p.text {
  padding: 0 0 20px 0;
}
section#product .inner .right p.img {
  padding: 0 0 20px 0;
}

section#sastainavility {
  background: #F4FBEB;
}
section#sastainavility .inner {
  max-width: 1100px;
  width: 95%;
  margin: 0 auto;
  padding: 100px 0;
}
section#sastainavility .inner #sastainavility-head {
  padding: 0 0 55px 0;
}
section#sastainavility .inner #sastainavility-head h2 {
  width: 30.9090909091%;
}
section#sastainavility .inner #sastainavility-head p {
  width: 63.6363636364%;
}
section#sastainavility .inner h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 26px;
  line-height: 28px;
  text-align: center;
  width: 290px;
  margin: 0 auto 40px auto;
  padding: 0 0 10px 0;
  border-bottom: 2px solid #E8374B;
}
section#sastainavility .inner .sholder p {
  width: 66.3636363636%;
  margin: 0 auto 50px auto;
}
section#sastainavility .inner #csr-list div {
  width: 29.0909090909%;
  padding: 0 0 50px 0;
}
section#sastainavility .inner #csr-list div p {
  padding: 0 0 10px 0;
}
section#sastainavility .inner #csr-list div b.activity-title {
  display: block;
  width: 100%;
  line-height: 40px;
  text-align: center;
  color: #fff;
}
section#sastainavility .inner #csr-list div:nth-of-type(1) b.activity-title {
  background: #F66EB6;
}
section#sastainavility .inner #csr-list div:nth-of-type(2) b.activity-title {
  background: #A6D629;
}
section#sastainavility .inner #csr-list div:nth-of-type(3) b.activity-title {
  background: #FFB32A;
}
section#sastainavility .inner .csr-env {
  text-align: center;
}
section#sastainavility .inner .csr-env p.img {
  width: 760px;
  margin: 0 auto;
}
section#sastainavility .inner .csr-env p.btn {
  margin: 10px 0 60px 0;
}
section#sastainavility .inner .csr-env p.btn a {
  width: 360px;
  line-height: 45px;
}
section#sastainavility .inner #csr-last {
  text-align: center;
}
section#sastainavility .inner #csr-last .c-flex__sb {
  width: 765px;
  margin: 30px auto 0 auto;
}
section#sastainavility .inner #csr-last .c-flex__sb ul {
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background: #DBEFA8;
  width: 290px;
  text-align: left;
  padding: 30px;
}
section#sastainavility .inner #csr-last .c-flex__sb p {
  width: 360px;
}

section#philosophy .inner {
  max-width: 1100px;
  width: 95%;
  margin: 0 auto;
  padding: 100px 0 95px 0;
}
section#philosophy .inner #philosophy-head {
  padding: 0 0 55px 0;
}
section#philosophy .inner #philosophy-head h2 {
  width: 30.9090909091%;
}
section#philosophy .inner #philosophy-head p {
  width: 63.6363636364%;
}
section#philosophy .inner h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 26px;
  line-height: 28px;
  text-align: center;
  width: 290px;
  margin: 0 auto 40px auto;
  padding: 0 0 10px 0;
  border-bottom: 2px solid #E8374B;
}
section#philosophy .inner .c-philosophy-misson {
  width: 61.8181818182%;
  margin: 0 auto;
}
section#philosophy .inner .c-philosophy-misson__ttl {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 26px;
  line-height: 28px;
  width: 97.0588235294%;
  margin: 0 auto;
  padding-bottom: 8px;
  margin-bottom: 30px;
  color: #000;
  border-bottom: solid 2px #f66eb5;
}
section#philosophy .inner .c-philosophy-misson h4 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 44px;
  line-height: 44px;
  padding-bottom: 30px;
  color: #004EA0;
  font-feature-settings: "palt";
  letter-spacing: 5px;
}
section#philosophy .inner .c-philosophy-misson__text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  padding-bottom: 35px;
  color: #000;
  text-align: justify;
}
section#philosophy .inner .c-philosophy-vision {
  width: 95.4545454545%;
  margin: 0 auto;
  padding-bottom: 45px;
}
section#philosophy .inner .c-philosophy-vision .c-philosophy-textbox {
  width: 47.619047619%;
}
section#philosophy .inner .c-philosophy-vision .c-philosophy-textbox__ttl {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 26px;
  line-height: 28px;
  padding-top: 40px;
  padding-bottom: 8px;
  margin-bottom: 30px;
  color: #000;
  border-bottom: solid 2px #a6d629;
}
section#philosophy .inner .c-philosophy-vision .c-philosophy-textbox h4 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 46px;
  padding-bottom: 20px;
  color: #004EA0;
  font-feature-settings: "palt";
  letter-spacing: 5px;
}
section#philosophy .inner .c-philosophy-vision .c-philosophy-textbox__text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  color: #000;
  text-align: justify;
}
section#philosophy .inner .c-philosophy-vision__img {
  width: 38.0952380952%;
}
section#philosophy .inner .c-philosophy-value {
  width: 77.8181818182%;
  margin: 0 0 0 auto;
}
section#philosophy .inner .c-philosophy-value__ttl {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 26px;
  line-height: 28px;
  padding-bottom: 8px;
  margin-bottom: 30px;
  color: #000;
  border-bottom: solid 2px #feb32b;
}
section#philosophy .inner .c-philosophy-value ul {
  width: 100%;
}
section#philosophy .inner .c-philosophy-value ul li {
  background: #eff6fa;
  width: 100%;
  border-radius: 0 20px 0 20px;
}
section#philosophy .inner .c-philosophy-value ul li dl {
  width: 91.1214953271%;
  margin: 0 auto;
  margin-bottom: 20px;
  padding: 25px 0;
}
section#philosophy .inner .c-philosophy-value ul li dl dt {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 36px;
  padding-bottom: 15px;
  color: #004EA0;
}
section#philosophy .inner .c-philosophy-value ul li dl dd {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  color: #000;
}
section#philosophy .inner .c-philosophy-value__text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 28px;
  color: #000;
}

section#about {
  background: #EEF6F9;
}
section#about .inner {
  max-width: 1100px;
  width: 95%;
  margin: 0 auto;
  padding: 100px 0;
}
section#about .inner #about-head {
  padding: 0 0 55px 0;
}
section#about .inner #about-head h2 {
  width: 30.9090909091%;
}
section#about .inner #about-head p {
  width: 63.6363636364%;
}
section#about .inner .left {
  width: 27.2727272727%;
  width: 300px;
}
section#about .inner .left h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
  border-bottom: 2px solid #E8374B;
  text-align: center;
  padding: 0 0 15px 0;
  margin: 0 0 40px 0;
}
section#about .inner .right {
  width: 59.0909090909%;
  margin: 0 45px 0 0;
}
section#about .inner .right .table {
  border-bottom: 1px solid #bbb;
  margin: 0 0 60px 0;
}
section#about .inner .right .table dl {
  width: 100%;
  border-top: 1px solid #bbb;
}
section#about .inner .right .table dl dt {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  width: 19.2307692308%;
  padding: 20px 0 20px 35px;
  color: #004EA0;
}
section#about .inner .right .table dl dd {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 28px;
  padding: 20px 0;
  width: 73.8461538462%;
}
section#about .inner .right .table dl dd iframe {
  width: 100%;
  height: 270px;
  margin: 20px 0;
}
section#about .inner #company_history {
  background: #fff;
  margin: 0 0 60px 0;
}
section#about .inner #company_history .inner {
  padding: 50px 0;
}
section#about .inner #company_history .left p.btn a {
  height: auto;
  line-height: 23px;
}
section#about .inner #company_history .center {
  width: 29.0909090909%;
  border-left: 1px solid #00A9E4;
  margin-bottom: 0px;
}
section#about .inner #company_history .center dl::before {
  content: "●";
  margin: -8px 0 0 -0.5em;
  color: #00A9E4;
  font-size: 26px;
}
section#about .inner #company_history .center dl {
  padding: 0 0 10px 0;
}
section#about .inner #company_history .center dl dt {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  color: #004EA0;
  padding-right: 30px;
}
section#about .inner #company_history .center dl dd {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 28px;
}
section#about .inner #company_history .right {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 28px;
  width: 21.8181818182%;
}
section#about .inner #iso .inner {
  padding: 0;
}
section#about .inner #iso .inner #iso-head {
  margin: 0 0 40px 0;
}
section#about .inner #iso .inner #iso-head span.square {
  background: #00A9E4;
  width: 290px;
  line-height: 60px;
  color: #fff;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  text-align: center;
}
section#about .inner #iso .inner #iso-head p {
  width: 650px;
}
section#about .inner #iso .inner h3 span {
  font-size: 65%;
}
section#about .inner #environment-step {
  background: #fff;
}
section#about .inner #environment-step .center {
  width: 59.0909090909%;
  border-left: 1px solid #00A9E4;
  margin-bottom: 0px;
}
section#about .inner #environment-step .center dl::before {
  content: "●";
  margin: -8px 5px 0 -0.5em;
  color: #00A9E4;
  font-size: 26px;
}
section#about .inner #environment-step .center dl {
  padding: 0 0 10px 0;
}
section#about .inner #environment-step .center dl dt {
  padding: 0 10px 0 0;
  color: #004EA0;
}

@media screen and (max-width: 750px) {
  #menu {
    top: 45px;
    left: 0;
  }
  #menu ul {
    max-width: 90%;
    width: 90%;
    padding: 50px 0;
  }
  #menu ul li {
    width: 30%;
    padding: 0 0 25px 0;
  }
  #menu ul::after {
    width: 30%;
    content: "";
  }
  header {
    width: 100%;
    height: 45px;
  }
  header .inner {
    width: 95%;
    margin: 0 auto;
  }
  header .inner p#logo {
    padding: 10px 0 0 0;
    width: 140px;
  }
  header .inner dl#logo {
    padding: 4px 0 0 0;
  }
  header .inner dl#logo dt {
    width: 60px;
  }
  header .inner dl#logo dd {
    padding: 0 0 0 2px;
    width: 80px;
  }
  header .inner #menuBtn {
    padding: 5px 0 0 0;
    width: 45px;
  }
  main {
    padding-top: 45px;
  }
  section#mv .inner {
    max-width: 100%;
    margin: 0 auto;
    width: 90%;
    overflow: hidden;
  }
  section#mv .inner .topslide1 {
    width: 100%;
    padding: 0 0 10px 0;
  }
  section#mv .inner .swipers {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  section#mv .inner .swipers .topslide2 {
    width: 48%;
    overflow: hidden;
  }
  section#mv .inner h1 {
    width: 95%;
    margin: 0 auto;
    padding: 0 0 20px 0;
  }
  section#mv .inner h1 img {
    width: 100%;
  }
  section#mv .inner p {
    width: 95%;
    margin: 0 auto;
    padding: 0 0 20px 0;
  }
  section#tab ul {
    width: 100%;
    width: 90%;
    margin: 0 auto 40px auto;
  }
  section#tab ul li {
    margin: 0 0 10px 0;
  }
  section#tab ul li.thmb1, section#tab ul li.thmb2 {
    width: 49.0909090909%;
  }
  section#tab ul li.thmb3 {
    width: 36.3636363636%;
  }
  section#tab ul li.thmb4, section#tab ul li.thmb5 {
    width: 30%;
  }
  footer .inner {
    max-width: 100%;
    padding: 25px 0;
    width: 90%;
  }
  footer .inner .c-flex__sb p {
    width: 250px;
  }
  footer .inner .c-flex__sb nav {
    padding: 20px 0 0 0;
    width: 100%;
  }
  footer .inner .c-flex__sb nav p {
    width: 50%;
  }
  footer .inner .c-flex__sb div {
    width: 50px;
    margin: 0 0 0 auto;
  }
  #inquiry .inner {
    padding: 25px 0;
  }
  #inquiry .inner p.inquiry {
    width: 60%;
    margin: 0 auto 20px auto;
    padding: 0 0 5px 0;
  }
  #inquiry .inner .c-flex__sb {
    padding: 15px 0 0 0;
    width: 90.9090909091%;
  }
  #inquiry .inner .c-flex__sb p {
    width: 100%;
  }
  p.btn a {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    display: block;
    border: 1px solid #004EA0;
    color: #004EA0;
    width: 260px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    margin: 0 auto;
    background: url("../img/page-movethum.svg") 95% center no-repeat #fff;
    background-size: 10px;
    text-decoration: none;
  }
  section#product .inner {
    max-width: 100%;
    width: 90%;
    padding: 50px 0;
  }
  section#product .inner #product_head {
    padding: 0 0 25px 0;
  }
  section#product .inner .left {
    width: 100%;
  }
  section#product .inner .left span.square {
    display: block;
    width: 100%;
    line-height: 100px;
    text-align: center;
    color: #fff;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    margin: 0 0 20px 0;
  }
  section#product .inner .left span.square.sq3 {
    line-height: 30px;
    padding: 20px 0;
  }
  section#product .inner .right {
    width: 100%;
    margin: 20px 0px 0 0;
  }
  section#product .inner .right p.text {
    padding: 0 0 20px 0;
  }
  section#product .inner .right p.img {
    padding: 0 0 20px 0;
  }
  section#sastainavility .inner {
    max-width: 100%;
    width: 90%;
    padding: 50px 0;
  }
  section#sastainavility .inner #sastainavility-head {
    padding: 0 0 25px 0;
  }
  section#sastainavility .inner #sastainavility-head h2 {
    width: 30.9090909091%;
  }
  section#sastainavility .inner #sastainavility-head p {
    width: 63.6363636364%;
  }
  section#sastainavility .inner h3 {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 26px;
    line-height: 28px;
    width: 50%;
    margin: 0 auto 20px auto;
    padding: 0 0 10px 0;
    border-bottom: 2px solid #E8374B;
  }
  section#sastainavility .inner .sholder p {
    width: 100%;
    margin: 0 auto 25px auto;
  }
  section#sastainavility .inner #csr-list div {
    width: 100%;
    padding: 0 0 50px 0;
  }
  section#sastainavility .inner #csr-list div p {
    padding: 0 0 10px 0;
  }
  section#sastainavility .inner #csr-list div b.activity-title {
    margin-bottom: 10px;
  }
  section#sastainavility .inner .csr-env {
    text-align: center;
  }
  section#sastainavility .inner .csr-env p.img {
    width: 100%;
  }
  section#sastainavility .inner .csr-env p.btn {
    margin: 10px 0 60px 0;
  }
  section#sastainavility .inner .csr-env p.btn a {
    width: 100%;
    line-height: 45px;
  }
  section#sastainavility .inner #csr-last .c-flex__sb {
    width: 100%;
    margin: 15px auto 0 auto;
  }
  section#sastainavility .inner #csr-last .c-flex__sb ul {
    width: 90%;
    text-align: left;
    padding: 5%;
    margin: 0 0 20px 0;
  }
  section#sastainavility .inner #csr-last .c-flex__sb p {
    width: 100%;
  }
  section#philosophy .inner {
    max-width: 100%;
    width: 90%;
    margin: 0 auto;
    padding: 50px 0;
  }
  section#philosophy .inner #company-head {
    padding: 0 0 25px 0;
  }
  section#philosophy .inner #company-head h2 {
    width: 30.9090909091%;
  }
  section#philosophy .inner #company-head p {
    width: 63.6363636364%;
  }
  section#philosophy .inner h3 {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 26px;
    line-height: 28px;
    width: 60%;
    margin: 0 auto 20px auto;
    padding: 0 0 5px 0;
  }
  section#philosophy .inner .c-philosophy-misson {
    width: 100%;
    margin: 0 auto;
  }
  section#philosophy .inner .c-philosophy-misson__ttl {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    padding-bottom: 4px;
    margin-bottom: 15px;
  }
  section#philosophy .inner .c-philosophy-misson h4 {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-size: 31px;
    line-height: 31px;
    padding-bottom: 20px;
  }
  section#philosophy .inner .c-philosophy-misson__text {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 15px;
  }
  section#philosophy .inner .c-philosophy-vision {
    padding-bottom: 20px;
  }
  section#philosophy .inner .c-philosophy-vision .c-philosophy-textbox {
    width: 100%;
    flex-direction: column;
  }
  section#philosophy .inner .c-philosophy-vision .c-philosophy-textbox__ttl {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    padding-top: 20px;
    padding-bottom: 4px;
    margin-bottom: 15px;
  }
  section#philosophy .inner .c-philosophy-vision .c-philosophy-textbox h4 {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-size: 25px;
    line-height: 32px;
    padding-bottom: 10px;
  }
  section#philosophy .inner .c-philosophy-vision .c-philosophy-textbox__text {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 20px;
  }
  section#philosophy .inner .c-philosophy-vision__img {
    width: 88.8888888889%;
    margin: 0 auto;
  }
  section#philosophy .inner .c-philosophy-value {
    width: 100%;
    margin: 0 auto;
  }
  section#philosophy .inner .c-philosophy-value__ttl {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    padding-bottom: 8px;
  }
  section#philosophy .inner .c-philosophy-value ul {
    width: 100%;
  }
  section#philosophy .inner .c-philosophy-value ul li dl {
    width: 83.3333333333%;
    margin: 0 auto;
    margin-bottom: 10px;
    padding: 12px 0;
  }
  section#philosophy .inner .c-philosophy-value ul li dl dt {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-size: 25px;
    line-height: 25px;
  }
  section#philosophy .inner .c-philosophy-value ul li dl dd {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
  }
  section#philosophy .inner .c-philosophy-value__text {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 300;
    font-size: 10px;
    line-height: 20px;
    width: 94.4444444444%;
    margin: 0 auto;
  }
  section#about .inner {
    max-width: 100%;
    width: 90%;
    margin: 0 auto;
    padding: 50px 0;
  }
  section#about .inner #about-head {
    padding: 0 0 25px 0;
  }
  section#about .inner #about-head h2 {
    width: 30.9090909091%;
  }
  section#about .inner #about-head p {
    width: 63.6363636364%;
  }
  section#about .inner .left {
    width: 100%;
    padding: 0 0 30px 0;
  }
  section#about .inner .left h3 {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 21px;
    line-height: 22px;
    width: 50%;
    padding: 0 0 5px 0;
    margin: 0 auto 20px auto;
  }
  section#about .inner .right {
    width: 100%;
    margin: 0 0 0 0;
  }
  section#about .inner .right .table {
    margin: 0 0 30px 0;
  }
  section#about .inner .right .table dl {
    width: 100%;
  }
  section#about .inner .right .table dl dt {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 11px;
    line-height: 20px;
    width: 25%;
    padding: 20px 0 20px 5%;
  }
  section#about .inner .right .table dl dd {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 300;
    font-size: 11px;
    line-height: 20px;
    padding: 20px 0;
    width: 70%;
  }
  section#about .inner .right .table dl dd iframe {
    width: 100%;
    height: 270px;
    margin: 20px 0;
  }
  section#about .inner #company_history {
    margin: 0 0 30px 0;
  }
  section#about .inner #company_history .inner {
    padding: 25px 0;
  }
  section#about .inner #company_history .center {
    width: 90%;
    margin: 0 auto;
  }
  section#about .inner #company_history .center dl::before {
    content: "●";
    margin: -5px 0 0 -0.5em;
    color: #00A9E4;
    font-size: 16px;
  }
  section#about .inner #company_history .center dl {
    padding: 0 0 10px 0;
  }
  section#about .inner #company_history .center dl dt {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 11px;
    line-height: 20px;
    color: #00A9E4;
    padding-right: 10px;
    margin-top: -3px;
  }
  section#about .inner #company_history .center dl dd {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 300;
    font-size: 11px;
    line-height: 20px;
    margin-top: -3px;
  }
  section#about .inner #company_history .right {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 300;
    font-size: 11px;
    line-height: 20px;
    padding: 30px 0 0 0;
    width: 100%;
  }
  section#about .inner #iso .inner {
    padding: 0;
    width: 100%;
  }
  section#about .inner #iso .inner h3 {
    width: 90%;
  }
  section#about .inner #iso .inner #iso-head {
    margin: 0 0 20px 0;
  }
  section#about .inner #iso .inner #iso-head span.square {
    width: 100%;
    line-height: 40px;
    margin: 0 0 20px 0;
  }
  section#about .inner #environment-step .center {
    width: 100%;
  }
  section#about .inner #environment-step .center dl::before {
    content: "●";
    margin: -5px 5px 0 -0.5em;
    color: #00A9E4;
    font-size: 16px;
  }
  section#about .inner #environment-step .center dl {
    padding: 0 0 10px 0;
  }
  section#about .inner #environment-step .center dl dt {
    margin-top: -5px;
    padding: 0 10px 0 0;
  }
  section#about .inner #environment-step .center dl dd {
    width: 98%;
    padding: 0 0 0 1em;
  }
}
/*
// フェードイン(初期値)
section {
  opacity: 0;  //最初は非表示
  transform: translateY(50px); //下に30pxの位置から
  transition: opacity .5s, transform .5s; // 透過率と縦方向の移動を0.8秒
}
// フェードイン(スクロールした後)
section.is-inview {
  opacity: 1; //表示領域に入ったら表示
  transform: translateY(0); //30px上に移動する
  transition-delay: .5s; //フェード開始を0.5秒遅らせる
}
*/
/*
[href*="person"],[href*="environment"],[href*="project"]{
  opacity: .4;
  cursor:default;
}
*//*# sourceMappingURL=styles.css.map */