@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap");
/* line 8, ../_theme.scss */
.en {
  font-family: 'Inter', sans-serif;
}

/* line 11, ../_theme.scss */
.en_400 {
  font-weight: 400;
}

/* line 14, ../_theme.scss */
.en_500 {
  font-weight: 500;
}

/* line 17, ../_theme.scss */
.en_700 {
  font-weight: 700;
}

/* line 33, ../_theme.scss */
.base_content {
  position: relative;
  max-width: 1400px;
  margin: auto;
}

/*----------------------------------------
  reset
-----------------------------------------*/
/* line 7, ../_base.scss */
html, body, 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, sup, 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,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* line 27, ../_base.scss */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* line 33, ../_base.scss */
html {
  box-sizing: border-box;
}

/* line 33, ../_base.scss */
*:before, *:after {
  box-sizing: inherit;
}

/* line 35, ../_base.scss */
body {
  line-height: 1;
}

/* line 39, ../_base.scss */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/* line 44, ../_base.scss */
p {
  text-align: justify;
}

/* line 48, ../_base.scss */
nav ul {
  list-style: none;
}

/* line 52, ../_base.scss */
blockquote, q {
  quotes: none;
}

/* line 56, ../_base.scss */
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* line 62, ../_base.scss */
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
}

/* change colours to suit your needs */
/* line 72, ../_base.scss */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
/* line 79, ../_base.scss */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

/* line 86, ../_base.scss */
del {
  text-decoration: line-through;
}

/* line 90, ../_base.scss */
abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

/* line 95, ../_base.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
/* line 101, ../_base.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

/* line 110, ../_base.scss */
input, select {
  vertical-align: middle;
  outline: 0;
}

/* line 115, ../_base.scss */
ul, li {
  list-style: none;
}

/* line 119, ../_base.scss */
body {
  -webkit-text-size-adjust: 100%;
}
@media screen and (max-width: 768px) {
  /* line 122, ../_base.scss */
  body.oh {
    overflow: hidden;
  }
}

/* line 129, ../_base.scss */
input[type="text"], input[type="button"], input[type="submit"], input[type="tel"], input[type="email"] {
  -webkit-appearance: none;
  border: none;
  box-sizing: border-box;
}

/* line 134, ../_base.scss */
input[type="text"]:focus, input[type="button"]:focus, input[type="tel"]:focus, input[type="email"]:focus, textarea:focus {
  outline: 0;
  background-color: #fff;
}

/* line 139, ../_base.scss */
input:-internal-autofill-selected {
  background-color: #fff !important;
}

/* line 142, ../_base.scss */
input[type="text"]:focus:placeholder-shown, input[type="button"]:focus:placeholder-shown, input[type="submit"]:focus:placeholder-shown, input[type="tel"]:focus:placeholder-shown, input[type="email"]:focus:placeholder-shown, textarea:focus:placeholder-shown {
  color: #ddd;
}

/* line 145, ../_base.scss */
input[type="text"]:focus:-webkit-input-placeholder, input[type="button"]:focus:-webkit-input-placeholder, input[type="submit"]:focus:-webkit-input-placeholder, input[type="tel"]:focus:-webkit-input-placeholder, input[type="email"]:focus:-webkit-input-placeholder, textarea:focus:-webkit-input-placeholder {
  color: #ddd;
}

/* line 148, ../_base.scss */
input[type="text"]:focus:-moz-placeholder, input[type="button"]:focus:-moz-placeholder, input[type="submit"]:focus:-moz-placeholder, input[type="tel"]:focus:-moz-placeholder, input[type="email"]:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
  color: #ddd;
}

/* line 151, ../_base.scss */
input[type="text"]:focus:-ms-input-placeholder, input[type="button"]:focus:-ms-input-placeholder, input[type="submit"]:focus:-ms-input-placeholder, input[type="tel"]:focus:-ms-input-placeholder, input[type="email"]:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
  color: #ddd;
}

/* line 154, ../_base.scss */
select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  box-sizing: content-box;
}

/* line 169, ../_base.scss */
input[type="text"]:placeholder-shown, input[type="email"]:placeholder-shown, input[type="tel"]:placeholder-shown {
  color: #ddd;
}

/* line 172, ../_base.scss */
input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder {
  color: #ddd;
}

/* line 175, ../_base.scss */
input[type="text"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, textarea:-moz-placeholder {
  color: #ddd;
}

/* line 179, ../_base.scss */
input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #fff;
}

/* line 183, ../_base.scss */
textarea:placeholder-shown {
  color: #aaa;
}

/* line 186, ../_base.scss */
textarea::-webkit-input-placeholder {
  color: #aaa;
}

/* line 189, ../_base.scss */
textarea::-moz-placeholder {
  color: #aaa;
}

/* line 194, ../_base.scss */
input:focus::placeholder,
textarea:focus::placeholder {
  color: transparent;
  transition: .1s;
}

/* line 200, ../_base.scss */
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
  color: transparent;
  transition: .1s;
}

/* line 206, ../_base.scss */
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
  color: transparent;
  transition: .1s;
}

/* line 212, ../_base.scss */
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
  color: transparent;
  transition: .1s;
}

/*スマートフォンサイトでaタグをタップしたときにでるハイライトの色を消す*/
/* line 219, ../_base.scss */
a {
  -webkit-tap-highlight-color: transparent;
  color: #212121;
  transition: .3s;
}
@media screen and (min-width: 897px) {
  /* line 219, ../_base.scss */
  a {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
  }
  /* line 227, ../_base.scss */
  a:hover {
    cursor: pointer;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
  }
}

/* line 236, ../_base.scss */
table {
  border-collapse: collapse;
  border: none;
  border-spacing: 0;
  width: 100%;
}

/* line 242, ../_base.scss */
th, td {
  vertical-align: middle;
  border: solid 1px #000;
  font-weight: normal;
  text-align: left;
  border: 0;
}

/* line 249, ../_base.scss */
caption {
  text-align: left;
}

/* line 252, ../_base.scss */
html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

/* line 256, ../_base.scss */
body, html {
  width: 100%;
  color: #000;
  font-size: 62.5%;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  letter-spacing: .05em;
}

@media screen and (max-width: 896px) {
  /* line 266, ../_base.scss */
  body {
    overflow-x: hidden;
  }
}
/* line 270, ../_base.scss */
body.oh {
  overflow: hidden;
  height: 100%;
}

/* line 276, ../_base.scss */
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

/* line 284, ../_base.scss */
a.more img {
  vertical-align: baseline;
}

/* line 4, ../_layout.scss */
.sp {
  display: none;
}
@media screen and (max-width: 896px) {
  /* line 4, ../_layout.scss */
  .sp {
    display: block;
  }
}

@media screen and (max-width: 896px) {
  /* line 10, ../_layout.scss */
  .pc {
    display: none;
  }
}

/* line 17, ../_layout.scss */
.flexbox {
  display: flex;
}

/* line 21, ../_layout.scss */
#stage {
  overflow-x: hidden;
}

/* line 25, ../_layout.scss */
#contents {
  position: relative;
}
@media screen and (min-width: 897px) {
  /* line 25, ../_layout.scss */
  #contents {
    padding-top: 70px;
  }
}
@media screen and (max-width: 896px) {
  /* line 25, ../_layout.scss */
  #contents {
    padding-top: 60px;
  }
}

/* line 35, ../_layout.scss */
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background-color: #fff;
}
@media screen and (min-width: 897px) {
  /* line 35, ../_layout.scss */
  .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 16px;
  }
}
@media screen and (max-width: 896px) {
  /* line 49, ../_layout.scss */
  .header__inner {
    position: relative;
    z-index: 10001;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0px 0px 6.08px 1.92px rgba(0, 0, 0, 0.14);
  }
}
@media screen and (min-width: 897px) {
  /* line 60, ../_layout.scss */
  .header .logo {
    width: 250px;
  }
}
@media screen and (max-width: 896px) {
  /* line 60, ../_layout.scss */
  .header .logo {
    width: 55%;
    margin-left: 2.5%;
  }
}
@media screen and (max-width: 896px) {
  /* line 70, ../_layout.scss */
  .header .spmenu__btn {
    position: relative;
    width: 60px;
    height: 60px;
  }
  /* line 77, ../_layout.scss */
  .header .spmenu__btn.open .bar:nth-of-type(1) {
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
  }
  /* line 81, ../_layout.scss */
  .header .spmenu__btn.open .bar:nth-of-type(2) {
    opacity: 0;
    transform: translate(-20%, -50%);
  }
  /* line 85, ../_layout.scss */
  .header .spmenu__btn.open .bar:nth-of-type(3) {
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  /* line 91, ../_layout.scss */
  .header .spmenu__btn .bar {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    width: 30px;
    height: 2px;
    background-color: #000;
    transition: .3s ease;
  }
  /* line 99, ../_layout.scss */
  .header .spmenu__btn .bar:nth-of-type(1) {
    top: 30px;
  }
}
@media screen and (max-width: 896px) and (max-width: 896px) {
  /* line 99, ../_layout.scss */
  .header .spmenu__btn .bar:nth-of-type(1) {
    top: 20px;
  }
}
@media screen and (max-width: 896px) {
  /* line 105, ../_layout.scss */
  .header .spmenu__btn .bar:nth-of-type(2) {
    top: 50%;
    transform: translate(-50%, -50%);
  }
  /* line 109, ../_layout.scss */
  .header .spmenu__btn .bar:nth-of-type(3) {
    bottom: 30px;
  }
}
@media screen and (max-width: 896px) and (max-width: 896px) {
  /* line 109, ../_layout.scss */
  .header .spmenu__btn .bar:nth-of-type(3) {
    bottom: 20px;
  }
}

@media screen and (max-width: 896px) {
  /* line 119, ../_layout.scss */
  .header .nav {
    position: fixed;
    top: 0;
    left: 0;
    transform: translate(100%, 0);
    z-index: 10000;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0;
    transition: .3s ease;

    top: 60px;
    z-index: 9980;
    overflow-y: scroll;
    height: calc(100% - 60px);

  }
  /* line 131, ../_layout.scss */
  .header .nav.open {
    transform: translate(0, 0);
    opacity: 1;
  }
}
@media screen and (min-width: 897px) {
  /* line 136, ../_layout.scss */
  .header .nav__inner {
    display: flex;
  }
}
@media screen and (max-width: 896px) {
  /* line 136, ../_layout.scss */
  .header .nav__inner {
    /*padding-top: 60px;*/
    margin-left: 11%;
    margin-right: 11%;
  }
}
@media screen and (max-width: 896px) {
  /* line 145, ../_layout.scss */
  .header .nav__inner li {
    margin: 40px 0;
  }
}
/* line 150, ../_layout.scss */
.header .nav__inner li a {
  position: relative;
  display: block;
  height: 100%;
  font-weight: 500;
}
@media screen and (min-width: 897px) {
  /* line 150, ../_layout.scss */
  .header .nav__inner li a {
    padding: 30px 15px;
    font-size: 1.4rem;
  }
  /* line 158, ../_layout.scss */
  .header .nav__inner li a:hover {
    color: #006835;
  }
  /* line 160, ../_layout.scss */
  .header .nav__inner li a:hover:before {
    transform-origin: left top;
    transform: scale(1, 1);
  }
}
@media screen and (max-width: 896px) {
  /* line 150, ../_layout.scss */
  .header .nav__inner li a {
    background: url(asset/img/common/icon_green_bar.png) 0 center no-repeat;
    background-size: 20px;
    padding: 0 30px;
    font-size: 1.6rem;
  }
}
/* line 172, ../_layout.scss */
.header .nav__inner li a:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  transform-origin: right top;
  transform: scale(0, 1);
  background-color: #006835;
  transition: transform .3s ease;
}
/* line 184, ../_layout.scss */
.header .nav__inner li.contactlink a {
  background-color: #006835;
}
@media screen and (min-width: 897px) {
  /* line 184, ../_layout.scss */
  .header .nav__inner li.contactlink a {
    padding: 30px;
    margin-left: 30px;
  }
}
@media screen and (max-width: 896px) {
  /* line 184, ../_layout.scss */
  .header .nav__inner li.contactlink a {
    position: relative;
    padding: 20px 0;
    background: #006835;
    text-align: center;
  }
  /* line 195, ../_layout.scss */
  .header .nav__inner li.contactlink a:after {
    content: '';
    position: absolute;
    top: -15%;
    left: -2.5%;
    width: 105%;
    height: 130%;
    background: url(asset/img/common/btn_readmore_green_line.png) 0 0 no-repeat;
    background-size: 100% 100%;
  }
}
/* line 206, ../_layout.scss */
.header .nav__inner li.contactlink a .icon {
  display: inline-block;
  padding-left: 20px;
  background: url(asset/img/common/icon_mail.svg) 0 center no-repeat;
  background-size: 12px;
  color: #fff;
}
@media screen and (min-width: 897px) {
  /* line 216, ../_layout.scss */
  .header .nav__snsmenu {
    display: none;
  }
}
@media screen and (max-width: 896px) {
  /* line 216, ../_layout.scss */
  .header .nav__snsmenu {
    display: flex;
    padding-top: 20px;
    margin-left: 11%;
    margin-right: 11%;
    border-top: 1px solid #e7e7e7;
  }
  /* line 226, ../_layout.scss */
  .header .nav__snsmenu li {
    margin-right: 30px;
  }
}
@media screen and (min-width: 897px) {
  /* line 231, ../_layout.scss */
  .header .nav__submenu {
    display: none;
  }
}
@media screen and (max-width: 896px) {
  /* line 231, ../_layout.scss */
  .header .nav__submenu {
    margin-top: 30px;
    margin-left: 11%;
    margin-right: 11%;
  }
  /* line 239, ../_layout.scss */
  .header .nav__submenu li {
    margin-bottom: 20px;
  }
  /* line 242, ../_layout.scss */
  .header .nav__submenu a {
    display: block;
    position: relative;
    padding-left: 20px;
    font-size: 1.2rem;
  }
  /* line 247, ../_layout.scss */
  .header .nav__submenu a:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    width: 12px;
    height: 1px;
    background-color: #006835;
  }
}

/* line 264, ../_layout.scss */
.mv__layout {
  position: relative;
}
@media screen and (min-width: 897px) {
  /* line 264, ../_layout.scss */
  .mv__layout {
    padding-left: 5.2%;
  }
}
/* line 269, ../_layout.scss */
.mv__layout .snsarea {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 5.2%;
  height: 100%;
  background-color: #fff;
}
@media screen and (max-width: 896px) {
  /* line 269, ../_layout.scss */
  .mv__layout .snsarea {
    display: none;
  }
}
/* line 282, ../_layout.scss */
.mv__layout .snsarea li {
  margin: 35px 0;
}

/* line 288, ../_layout.scss */
.mvunder {
  margin-bottom: 125px;
}
/*.single-product .mvunder {
  margin-bottom: 74px;
}*/
@media screen and (max-width: 896px) {
  /* line 288, ../_layout.scss */
  .mvunder {
    margin-bottom: 80px;
  }
}
/* line 293, ../_layout.scss */
.mvunder .path {
  position: absolute;
  top: 25.32%;
  left: 9.375%;
}
@media screen and (max-width: 896px) {
  /* line 293, ../_layout.scss */
  .mvunder .path {
    display: none;
  }
}
/* line 300, ../_layout.scss */
.mvunder .path ul {
  display: flex;
  align-items: center;
}
/* line 304, ../_layout.scss */
.mvunder .path li {
  font-size: 1.3rem;
  color: #fff;
}
/* line 308, ../_layout.scss */
.mvunder .path .pagename {
  font-size: 1.3rem;
  color: #fff;
}
/* line 313, ../_layout.scss */
.mvunder__thumb {
  overflow: hidden;
}
.single-product .mvunder__thumb,
.tax-product-category .mvunder__thumb {
  height: 440px;
  height: 424px;
}
.single-product .mvunder__thumb img,
.tax-product-category .mvunder__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* line 315, ../_layout.scss */
.mvunder__thumb img {
  opacity: 0;
  animation: mvShow 1s cubic-bezier(0.08, 0.92, 0.35, 1) 2s forwards;

  animation: mvShow 1s cubic-bezier(0.08, 0.92, 0.35, 1) .4s forwards;
  animation: mvShow 1.4s cubic-bezier(0.08, 0.92, 0.35, 1) .4s forwards;
}
@keyframes mvShow {
  0% {
    opacity: 0;
    transform: scale(1.05);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@media screen and (max-width: 896px) {
  .single-product .mvunder__thumb,
	.tax-product-category .mvunder__thumb {
    height: 240px;
  }
}
/* line 330, ../_layout.scss */
.mvunder__textarea {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 100%;
}
@media screen and (min-width: 897px) {
  /* line 330, ../_layout.scss */
  .mvunder__textarea {
    left: 9.375%;
  }
}
@media screen and (max-width: 896px) {
  /* line 330, ../_layout.scss */
  .mvunder__textarea {
    left: 5%;
  }
}
/* line 341, ../_layout.scss */
.mvunder__textarea .svgdeco {
  width: 100%;
}
/* line 343, ../_layout.scss */
.mvunder__textarea .svgdeco svg {
  fill: transparent;
}
@media screen and (max-width: 896px) {
  /* line 343, ../_layout.scss */
  .mvunder__textarea .svgdeco svg {
    width: 100%;
    height: auto;
  }
}
/* line 349, ../_layout.scss */
.mvunder__textarea .svgdeco svg path {
  fill: transparent;
  stroke: transparent;
  stroke-dasharray: 3000;
  stroke-dashoffset: 3000;
  opacity: 0.4;
  animation: svgAnime 3s 3s forwards;

  animation: svgAnime 3s 1.4s forwards;
  animation: svgAnime 3s 1s forwards;
}
@keyframes svgAnime {
  0% {
    stroke: #fff;
    stroke-dashoffset: 3000;
  }
  80% {
    stroke: #fff;
    stroke-dashoffset: 0;
  }
  100% {
    stroke: #fff;
    stroke-dashoffset: 0;
  }
}
/* line 373, ../_layout.scss */
.mvunder__textarea .pagetitle {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  padding: 8px 25px 10px 26px;
  background-color: #006835;
  transform-origin: left top;
  transform: scale(0, 1);
  animation: lineMove .3s 3.5s linear forwards;

  animation: lineMove .3s 1.9s linear forwards;
  animation: lineMove .3s 1.6s linear forwards;

}
.mvunder__textarea .pagetitle--upper {
  top: calc(50% - 48px);
}
.mvunder__textarea .pagetitle--upper + .pagetitle {
  top: calc(50% + 16px);
}
@keyframes lineMove {
  0% {
    transform: scale(0, 1);
  }
  100% {
    transform: scale(1, 1);
  }
}
@media screen and (max-width: 896px) {
  /* line 373, ../_layout.scss */
  .mvunder__textarea .pagetitle {
    padding: 8px 10px 10px 15px;
  }
    .mvunder__textarea .pagetitle--upper {
    top: calc(50% - 64px);
  }
  .mvunder__textarea .pagetitle--upper + .pagetitle {
    top: calc(50% - 16px);
  }
}
/* line 394, ../_layout.scss */
.mvunder__textarea .pagetitle .txt {
  position: relative;
  z-index: 2;
  font-size: 5.2rem;
  font-weight: 500;
  color: #fff;
  letter-spacing: .14em;
  opacity: 0;
  animation: txtMove .3s 4s linear forwards;

  animation: txtMove .3s 2.4s linear forwards;
  animation: txtMove .3s 2.2s linear forwards;

}
.mvunder__textarea .pagetitle--upper .txt {
  font-size: 2.6rem;
}
@keyframes txtMove {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media screen and (max-width: 896px) {
  /* line 394, ../_layout.scss */
  .mvunder__textarea .pagetitle .txt {
    font-size: 2.7rem;
  }
  .mvunder__textarea .pagetitle--upper .txt {
    font-size: 1.8rem;
  }
}

/* line 421, ../_layout.scss */
.footer__contact {
  padding: 118px 0 163px;
  background: url(asset/img/common/bg_contact.jpg) center 0 no-repeat;
  background-size: cover;
  color: #fff;
}
@media screen and (max-width: 896px) {
  /* line 421, ../_layout.scss */
  .footer__contact {
    padding: 60px 5% 80px;
  }
}
@media screen and (min-width: 897px) {
  /* line 429, ../_layout.scss */
  .footer__contact__inner {
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }
}
@media screen and (min-width: 897px) {
  /* line 435, ../_layout.scss */
  .footer__contact__inner .textarea {
    padding-right: 126px;
    margin-right: 165px;
    border-right: 1px solid #fff;
  }
}
/* line 442, ../_layout.scss */
.footer__contact__inner .textarea h3 strong {
  display: block;
  font-size: 6rem;
}
@media screen and (max-width: 896px) {
  /* line 442, ../_layout.scss */
  .footer__contact__inner .textarea h3 strong {
    font-size: 4rem;
  }
}
/* line 449, ../_layout.scss */
.footer__contact__inner .textarea h3 span {
  display: block;
  margin-top: 22px;
  font-size: 1.4rem;
}
@media screen and (max-width: 896px) {
  /* line 449, ../_layout.scss */
  .footer__contact__inner .textarea h3 span {
    margin-top: 16px;
    font-size: 1.2rem;
  }
}
/* line 459, ../_layout.scss */
.footer__contact__inner .textarea p {
  margin-top: 60px;
  line-height: 1.91;
  font-size: 1.4rem;
}
@media screen and (max-width: 896px) {
  /* line 459, ../_layout.scss */
  .footer__contact__inner .textarea p {
    margin-top: 30px;
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 897px) {
  /* line 470, ../_layout.scss */
  .footer__contact__inner .phonenumber {
    min-width: 440px;
  }
}
/* line 474, ../_layout.scss */
.footer__contact__inner .phonenumber .number {
  display: block;
  margin-bottom: 10px;
}
/* line 477, ../_layout.scss */
.footer__contact__inner .phonenumber .number .icon {
  padding-left: 40px;
  background: url(asset/img/common/icon_phone.png) 0 center no-repeat;
  background-size: 29px;
  font-size: 5rem;
  color: #fff;
}
@media screen and (max-width: 896px) {
  /* line 477, ../_layout.scss */
  .footer__contact__inner .phonenumber .number .icon {
    display: block;
    padding-left: 30px;
    margin-top: 20px;
    background: url(asset/img/common/icon_phone.png) 0 center no-repeat;
    background-size: 19px;
    font-size: 3.5rem;
  }
}
/* line 493, ../_layout.scss */
.footer__contact__inner .phonenumber .time {
  display: block;
  margin-top: 18px;
  font-size: 1.4rem;
}
@media screen and (min-width: 897px) {
  /* line 493, ../_layout.scss */
  .footer__contact__inner .phonenumber .time {
    text-align: center;
  }
}
/* line 501, ../_layout.scss */
.footer__contact__inner .phonenumber .contactbtn {
  display: block;
  width: 100%;
  padding: 27px 0;
  margin-top: 37px;
  background-color: #006835;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.1rem;
  text-align: center;
  color: #fff;
}
@media screen and (min-width: 897px) {
  /* line 513, ../_layout.scss */
  .footer__contact__inner .phonenumber .contactbtn:hover {
    background-color: #fff;
    color: #006835;
  }
}
/* line 523, ../_layout.scss */
.footer__sitemap {
  position: relative;
  background-color: #091d13;
  color: #fff;
}
@media screen and (min-width: 897px) {
  /* line 523, ../_layout.scss */
  .footer__sitemap {
    display: flex;
    padding: 76px 0 90px;
  }
}
@media screen and (max-width: 896px) {
  /* line 523, ../_layout.scss */
  .footer__sitemap {
    padding: 34px 5%;
  }
}
/* line 534, ../_layout.scss */
.footer__sitemap .pagetop {
  position: absolute;
  top: 100px;
  right: 7.5%;
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  transform: rotate(90deg);
  color: #fff;
}
@media screen and (max-width: 896px) {
  /* line 534, ../_layout.scss */
  .footer__sitemap .pagetop {
    display: none;
  }
}
/* line 545, ../_layout.scss */
.footer__sitemap .pagetop:before {
  content: '';
  position: absolute;
  top: 50%;
  left: -120px;
  transform: translate(0, -50%);
  width: 100px;
  height: 2px;
  background-color: #fff;
}
/* line 555, ../_layout.scss */
.footer__sitemap .pagetop:after {
  content: '';
  position: absolute;
  top: 3px;
  left: -120px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #fff;
  animation: dotMove 4s linear infinite;
}
@keyframes dotMove {
  0% {
    transform: translate(98px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@media screen and (min-width: 897px) {
  /* line 576, ../_layout.scss */
  .footer__sitemap__link {
    width: 23.89%;
    margin-left: 5.2%;
    margin-right: 6.94%;
  }
}
/* line 582, ../_layout.scss */
.footer__sitemap__link .logo {
  width: 344px;
}
@media screen and (max-width: 896px) {
  /* line 582, ../_layout.scss */
  .footer__sitemap__link .logo {
    width: 100%;
  }
}
/* line 588, ../_layout.scss */
.footer__sitemap__link ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 31px;
}
/* line 592, ../_layout.scss */
.footer__sitemap__link ul li {
  width: 50%;
  margin-bottom: 15px;
}
/* line 596, ../_layout.scss */
.footer__sitemap__link ul a {
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: .1em;
  color: #fff;
}
@media screen and (min-width: 897px) {
  /* line 602, ../_layout.scss */
  .footer__sitemap__link ul a:hover {
    text-decoration: underline;
  }
}
@media screen and (max-width: 896px) {
  /* line 596, ../_layout.scss */
  .footer__sitemap__link ul a {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 897px) {
  /* line 613, ../_layout.scss */
  .footer__sitemap__bnr {
    width: 48.62%;
  }
}
/* line 617, ../_layout.scss */
.footer__sitemap__bnr ul {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 896px) {
  /* line 617, ../_layout.scss */
  .footer__sitemap__bnr ul {
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 897px) {
  /* line 624, ../_layout.scss */
  .footer__sitemap__bnr li {
    /*width: 31.43%;*/
    width: 24%;
  }
}
@media screen and (max-width: 896px) {
  /* line 624, ../_layout.scss */
  .footer__sitemap__bnr li {
    width: 48.5%;
    margin-top: 20px;
  }
}
@media screen and (min-width: 897px) {
  /* line 635, ../_layout.scss */
  .footer__sitemap__bnr a:hover {
    opacity: 0.7;
  }
}
/* line 640, ../_layout.scss */
.footer__sitemap__bnr p {
  margin-top: 8px;
  font-weight: 500;
  letter-spacing: .1em;
  color: #fff;
}
@media screen and (min-width: 897px) {
  /* line 640, ../_layout.scss */
  .footer__sitemap__bnr p {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 896px) {
  /* line 640, ../_layout.scss */
  .footer__sitemap__bnr p {
    font-size: 1rem;
  }
}
/* line 655, ../_layout.scss */
.footer__subinfo {
  display: flex;
  justify-content: space-between;
  padding: 26px 5.2%;
  border-top: 1px solid #8d8f8e;
  background-color: #091d13;
}
@media screen and (max-width: 896px) {
  /* line 655, ../_layout.scss */
  .footer__subinfo {
    align-items: center;
    flex-direction: column-reverse;
  }
}
/* line 665, ../_layout.scss */
.footer__subinfo p {
  font-size: 1.2rem;
  color: #727b76;
}
@media screen and (max-width: 896px) {
  /* line 665, ../_layout.scss */
  .footer__subinfo p {
    font-size: 1rem;
  }
}
/* line 673, ../_layout.scss */
.footer__subinfo .sns {
  display: flex;
}
@media screen and (max-width: 896px) {
  /* line 673, ../_layout.scss */
  .footer__subinfo .sns {
    align-items: center;
    margin-bottom: 20px;
  }
}
/* line 679, ../_layout.scss */
.footer__subinfo .sns li {
  margin-left: 20px;
}
@media screen and (max-width: 896px) {
  /* line 679, ../_layout.scss */
  .footer__subinfo .sns li {
    margin: 0 20px;
  }
}

/* line 4, ../_module.scss */
.readmore {
  position: relative;
  display: block;
  padding: 20px 0;
  background-color: #006835;
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
}
/* line 13, ../_module.scss */
.readmore:before {
  content: '';
  position: absolute;
  top: -15%;
  left: -2.5%;
  width: 105%;
  height: 130%;
  background: url(asset/img/common/btn_readmore_white_line.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
/* line 24, ../_module.scss */
.readmore.green:before {
  background: url(asset/img/common/btn_readmore_green_line.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
@media screen and (min-width: 897px) {
  /* line 4, ../_module.scss */
  .readmore {
    width: 274px;
    margin-left: auto;
    margin-right: 5.2%;
  }
  /* line 33, ../_module.scss */
  .readmore:hover {
    background-color: #fff;
    color: #006835;
  }
  /* line 37, ../_module.scss */
  .readmore:hover .arrow__link:before {
    border-color: transparent transparent transparent #006835;
  }
}
@media screen and (max-width: 896px) {
  /* line 4, ../_module.scss */
  .readmore {
    width: 100%;
  }
}
/* line 47, ../_module.scss */
.readmore .arrow__link {
  position: relative;
}
/* line 49, ../_module.scss */
.readmore .arrow__link:before {
  content: '';
  position: absolute;
  top: 50%;
  left: -16px;
  transform: translate(0, -50%);
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #ffffff;
  transition: .3s ease;
}

/* line 64, ../_module.scss */
.fadeStart .fadeblock {
  opacity: 0;
  transition: 0.5s cubic-bezier(0.08, 0.92, 0.35, 1);
}
/* line 68, ../_module.scss */
.fadeStart .block_top {
  transform: translate(0, -50px);
}
/* line 71, ../_module.scss */
.fadeStart .block_bottom {
  transform: translate(0, 50px);
}
/* line 74, ../_module.scss */
.fadeStart .block_left {
  transform: translate(-50px, 0);
}
/* line 77, ../_module.scss */
.fadeStart .block_right {
  transform: translate(50px, 0);
}
/* line 80, ../_module.scss */
.fadeStart .fadeTxt {
  display: inline-block;
  transform: translate(0, 100%);
  transition: 0.5s 0.1s cubic-bezier(0.08, 0.92, 0.35, 1);
}
/* line 85, ../_module.scss */
.fadeStart .thumbAction {
  position: relative;
  overflow: hidden;
}
/* line 88, ../_module.scss */
.fadeStart .thumbAction img {
  transform: scale(1.2);
  transition: 3s 0.1s cubic-bezier(0.08, 0.92, 0.35, 1);
}
/* line 92, ../_module.scss */
.fadeStart .thumbAction:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: #006835;
  transition: 0.5s cubic-bezier(0.08, 0.92, 0.35, 1);
}
/* line 104, ../_module.scss */
.fadeStart .linetxt {
  position: relative;
}
/* line 106, ../_module.scss */
.fadeStart .linetxt:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transform: scale(0, 1);
  transform-origin: left;
  background-color: #006835;
  width: 100%;
  height: 100%;
}
@keyframes linetxt {
  0% {
    transform: scale(0, 1);
  }
  100% {
    transform: scale(1, 1);
  }
}
/* line 126, ../_module.scss */
.fadeStart .linetxt .txt {
  position: relative;
  z-index: 2;
}
/* line 132, ../_module.scss */
.fadeStart.start .fadeblock {
  opacity: 1;
}
/* line 135, ../_module.scss */
.fadeStart.start .block_top, .fadeStart.start .block_bottom, .fadeStart.start .block_left, .fadeStart.start .block_right {
  opacity: 1;
  transform: translate(0, 0);
}
/* line 139, ../_module.scss */
.fadeStart.start .fadeTxt {
  transform: translate(0, 0);
}
/* line 143, ../_module.scss */
.fadeStart.start .thumbAction img {
  transform: scale(1);
}
/* line 146, ../_module.scss */
.fadeStart.start .thumbAction:before {
  width: 0;
}
/* line 152, ../_module.scss */
.fadeStart.start .linetxt:before {
  animation: linetxt .3s ease-in forwards;
}

/* line 159, ../_module.scss */
.svgMove_side {
  animation: svgMoveSide 75s linear infinite;
}
@keyframes svgMoveSide {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-150vw, 0);
  }
}
/* line 171, ../_module.scss */
.svgMove_vertical {
  animation: svgMoveVertical 75s linear infinite;
}
@keyframes svgMoveVertical {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, -100vw);
  }
}
/* line 183, ../_module.scss */
.svgtxt {
  fill: transparent;
  stroke: transparent;
  stroke-dasharray: 3000;
  stroke-dashoffset: 3000;
}
@keyframes svgAnimewhite {
  0% {
    stroke-dashoffset: 3000;
    stroke: #fff;
  }
  80% {
    stroke-dashoffset: 0;
    stroke: #fff;
  }
  100% {
    stroke-dashoffset: 0;
    stroke: #fff;
  }
}
@keyframes svgAnimeblack {
  0% {
    stroke-dashoffset: 3000;
    stroke: #000;
  }
  80% {
    stroke-dashoffset: 0;
    stroke: #000;
  }
  100% {
    stroke-dashoffset: 0;
    stroke: #000;
  }
}
/* line 217, ../_module.scss */
.svgtxt.startSvg.white {
  animation: svgAnimewhite 3s 1s forwards;
}
/* line 220, ../_module.scss */
.svgtxt.startSvg.black {
  animation: svgAnimeblack 3s 1s forwards;
}

/********************************
トップページ
********************************/
/* line 8, _top.scss */
.home .opening {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100001;
  width: 100%;
  height: 100%;
  background-color: #fff;
  animation: zIndex .1s 12s linear forwards;
}
@keyframes zIndex {
  0% {
    z-index: 100001;
  }
  100% {
    z-index: -1;
    opacity: 0;
  }
}
/* line 26, _top.scss */
.home .opening .item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 32, _top.scss */
.home .opening .item.item01 {
/*   animation: bgfade01 10s 2s linear forwards; */
}
@media screen and (min-width: 897px) {
  /* line 32, _top.scss */
  .home .opening .item.item01 {
  /*   background: url(asset/img/top/opening_item01.png) center 0 no-repeat;
    background-size: cover; */
  }
}
@media screen and (max-width: 896px) {
  /* line 32, _top.scss */
  .home .opening .item.item01 {
/*     background: url(asset/img/top/sp_mv01.png) center 0 no-repeat;
    background-size: cover; */
  }
}
@keyframes bgfade01 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
/* line 51, _top.scss */
.home .opening .item.item02 {
/*   background: url(asset/img/top/opening_item02.png) center 0 no-repeat;
  background-size: cover;
  opacity: 0;
  animation: bgfade02 10s 2s linear forwards; */
}
@media screen and (max-width: 896px) {
  /* line 51, _top.scss */
  .home .opening .item.item02 {
  /*   background: url(asset/img/top/sp_mv02.png) center 0 no-repeat;
    background-size: cover; */
  }
}
@keyframes bgfade02 {
  0% {
    opacity: 0;
  }
  11% {
    opacity: 0;
  }
  12% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
/* line 75, _top.scss */
.home .opening .item.item03 {
/*   background: url(asset/img/top/opening_item03.png) center 0 no-repeat;
  background-size: cover;
  opacity: 0;
  animation: bgfade03 10s 2s linear forwards; */
}
@media screen and (max-width: 896px) {
  /* line 75, _top.scss */
  .home .opening .item.item03 {
/*     background: url(asset/img/top/sp_mv03.png) center 0 no-repeat;
    background-size: cover; */
  }
}
@keyframes bgfade03 {
  0% {
    opacity: 0;
  }
  23% {
    opacity: 0;
  }
  24% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
/* line 99, _top.scss */
.home .opening .item.item04 {
/*   background: url(asset/img/top/opening_item04.png) center 0 no-repeat;
  background-size: cover;
  opacity: 0;
  animation: bgfade04 10s 2s linear forwards; */
}
@media screen and (max-width: 896px) {
  /* line 99, _top.scss */
  .home .opening .item.item04 {
/*     background: url(asset/img/top/sp_mv04.png) center 0 no-repeat;
    background-size: cover; */
  }
}
@keyframes bgfade04 {
  0% {
    opacity: 0;
  }
  35% {
    opacity: 0;
  }
  36% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
/* line 123, _top.scss */
.home .opening .item.item05 {
  background: url(asset/img/top/opening_item05.png) center 0 no-repeat;
  background-size: cover;
  opacity: 0;
/*   animation: bgfade05 10s 2s linear forwards; */
  animation: bgfade05 5s linear forwards;  
}
@media screen and (max-width: 896px) {
  /* line 123, _top.scss */
  .home .opening .item.item05 {
    background: url(asset/img/top/sp_mv05.png) center 0 no-repeat;
    background-size: cover;
  }
}
@keyframes bgfade05 {
  0% {
    opacity: 0;
  }
  47% {
    opacity: 0;
  }
  48% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
/* line 147, _top.scss */
.home .opening .item.item06 {
  background: url(asset/img/top/opening_item06.png) center 0 no-repeat;
  background-size: cover;
  opacity: 0;
/*   animation: bgfade06 10s 2s linear forwards; */
  animation: bgfade06 3s 2s linear forwards;  
}
@media screen and (max-width: 896px) {
  /* line 147, _top.scss */
  .home .opening .item.item06 {
    background: url(asset/img/top/sp_mv06.png) center 0 no-repeat;
    background-size: cover;
  }
}
@keyframes bgfade06 {
  0% {
    opacity: 0;
  }
  59% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
/* line 171, _top.scss */
.home .opening .item.item07 {
/*   background: url(asset/img/top/opening_item07.jpg) center 0 no-repeat;
  background-size: cover;
  opacity: 0;
  animation: bgfade07 10s 2s linear forwards; */
}
@media screen and (max-width: 896px) {
  /* line 171, _top.scss */
  .home .opening .item.item07 {
/*     background: url(asset/img/top/sp_mv07.png) center 0 no-repeat;
    background-size: cover; */
  }
}
@keyframes bgfade07 {
  0% {
    opacity: 0;
  }
  71% {
    opacity: 0;
  }
  72% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@media screen and (max-width: 896px) {
  /* line 198, _top.scss */
  .home .readmore {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
/* line 206, _top.scss */
.home .main__heading {
  position: relative;
  padding-left: 60px;
  font-size: 2.6rem;
  font-weight: 500;
  letter-spacing: 0.18em;
  color: #fff;
}
@media screen and (min-width: 897px) {
  /* line 206, _top.scss */
  .home .main__heading {
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 896px) {
  /* line 206, _top.scss */
  .home .main__heading {
    font-size: 2rem;
  }
}
/* line 219, _top.scss */
.home .main__heading:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 40px;
  height: 8px;
  background: url(asset/img/common/icon_white_bar.png) 0 center no-repeat;
  background-size: 100%;
}
/* line 230, _top.scss */
.home .main__heading.green {
  color: #006835;
}
/* line 232, _top.scss */
.home .main__heading.green:before {
  background: url(asset/img/common/icon_green_bar.png) 0 center no-repeat;
  background-size: 100%;
}
/* line 239, _top.scss */
.home .line__heading {
  display: inline-block;
  padding: 5px 15px 8px;
  background-color: #fff;
  font-weight: 500;
  letter-spacing: .2em;
}
@media screen and (min-width: 897px) {
  /* line 239, _top.scss */
  .home .line__heading {
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 896px) {
  /* line 239, _top.scss */
  .home .line__heading {
    font-size: 2.4rem;
  }
}
/* line 253, _top.scss */
.home .viewmore {
  position: relative;
  padding-left: 25px;
  font-size: 1.4rem;
  letter-spacing: .12em;
  color: #006835;
  transition: color .3s ease;
}
/* line 260, _top.scss */
.home .viewmore:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 15px;
  height: 1px;
  background-color: #006835;
  transition: background-color .3s ease;
}
/* line 273, _top.scss */
.home .mvtop {
  display: flex;
  align-items: center;
  animation: bgMove 360s linear infinite;
  /*background: url(asset/img/top/mv.jpg) 0 0 repeat-x;
  background-size: auto 100%;*/

  /*background-image: url('asset/img/top/mv.jpg');*/
  background-position: 0 0;
  background-repeat: repeat-x;
  background-size: auto 100%;
}
@media screen and (min-width: 897px) {
  /* line 273, _top.scss */
  .home .mvtop {
    height: 52.65vw;
  }
}
@media screen and (max-width: 896px) {
  /* line 273, _top.scss */
  .home .mvtop {
    height: 162vw;
  }
}
@keyframes bgMove {
  0% {
    background-position: 0;
  }
  100% {
    background-position: -5000px;
  }
}
/* line 293, _top.scss */
.home .mvtop .mv__heading {
  width: calc( 100% - 5.2% );
}
/* line 295, _top.scss */
.home .mvtop .mv__heading h2 {
  margin-top: 17px;
}
/* line 298, _top.scss */
.home .mvtop .mv__heading .en_txt {
  position: relative;
  display: inline-block;
  padding: 5px 10px;
  /*background-color: #fff;*/
  color: #006835;
  letter-spacing: .1em;
}
/* line 305, _top.scss */
.home .mvtop .mv__heading .en_txt:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transform: scale(0, 1);
  transform-origin: left;
  background-color: #fff;
  width: 100%;
  height: 100%;
  animation: lineenMove .35s 3s ease-out forwards;

  animation: lineenMove .35s .6s ease-out forwards;

}
@keyframes lineenMove {
  0% {
    transform: scale(0, 1);
  }
  100% {
    transform: scale(1, 1);
  }
}
/* line 327, _top.scss */
.home .mvtop .mv__heading .en_txt.first:before {
  animation: lineenMove .35s 13s ease-out forwards;
}
@media screen and (min-width: 897px) {
  /* line 298, _top.scss */
  .home .mvtop .mv__heading .en_txt {
    font-size: 2rem;
  }
}
@media screen and (max-width: 896px) {
  /* line 298, _top.scss */
  .home .mvtop .mv__heading .en_txt {
    font-size: 1.5rem;
  }
}
/* line 337, _top.scss */
.home .mvtop .mv__heading .en_txt span {
  position: relative;
  z-index: 2;
  opacity: 0;
  animation: fadeenText .35s 3.6s ease-in forwards;

  animation: fadeenText .35s 1.2s ease-in forwards;
  animation: fadeenText .35s 1.2s ease-out forwards;

}
/* line 342, _top.scss */
.home .mvtop .mv__heading .en_txt span.first {
  animation: fadeenText .35s 13.6s ease-in forwards;
}
@keyframes fadeenText {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* line 355, _top.scss */
.home .mvtop .mv__heading .jp_txt {
  position: relative;
  display: inline-block;
  margin-top: 10px;
  font-weight: 500;
}
/* line 360, _top.scss */
.home .mvtop .mv__heading .jp_txt:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transform: scale(0, 1);
  transform-origin: left;
  background-color: #fff;
  width: 100%;
  height: 100%;
  animation: lineMove .35s 3s ease-out forwards;

  animation: lineMove .35s .6s ease-out forwards;

}
@keyframes lineMove {
  0% {
    transform: scale(0, 1);
  }
  100% {
    transform: scale(1, 1);
  }
}
/* line 382, _top.scss */
.home .mvtop .mv__heading .jp_txt.first:before {
  animation: lineMove .35s 13s ease-out forwards;
}
@media screen and (min-width: 897px) {
  /* line 355, _top.scss */
  .home .mvtop .mv__heading .jp_txt {
    padding: 15px 15px 20px 8px;
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 896px) {
  /* line 355, _top.scss */
  .home .mvtop .mv__heading .jp_txt {
    padding: 8px 8px 10px 4px;
    font-size: 3rem;
  }
}
/* line 394, _top.scss */
.home .mvtop .mv__heading .jp_txt span {
  position: relative;
  z-index: 2;
  opacity: 0;
  animation: fadeText .35s 3.6s ease-out forwards;

  animation: fadeText .35s 1.2s ease-out forwards;

}
/* line 399, _top.scss */
.home .mvtop .mv__heading .jp_txt span.first {
  animation: fadeText .35s 13.6s ease-in forwards;
}
@keyframes fadeText {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* line 415, _top.scss */
.home .newsarea {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
}
@media screen and (min-width: 897px) {
  /* line 415, _top.scss */
  .home .newsarea {
    display: flex;
    justify-content: flex-end;
  }
}
@media screen and (min-width: 897px) {
  /* line 425, _top.scss */
  .home .newsarea__content {
    display: flex;
    align-items: center;
    background: url(asset/img/common/btn_arrow.png) 92% center no-repeat;
    background-size: 39px;
    padding: 36px 100px 39px 0;
  }
}
@media screen and (max-width: 896px) {
  /* line 425, _top.scss */
  .home .newsarea__content {
    background: url(asset/img/common/btn_arrow.png) 96% center no-repeat;
    background-size: 34px;
    padding: 24px 50px 24px 5%;
  }
}
/* line 438, _top.scss */
.home .newsarea__content h4 {
  position: relative;
  padding-right: 32px;
  margin-right: 8px;
  font-size: 1.3rem;
  font-weight: 700;
}
@media screen and (max-width: 896px) {
  /* line 438, _top.scss */
  .home .newsarea__content h4 {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 897px) {
  /* line 447, _top.scss */
  .home .newsarea__content h4:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 24px;
    height: 1px;
    background-color: #b4b4b4;
  }
}
/* line 459, _top.scss */
.home .newsarea__content .time {
  margin-right: 12px;
  font-size: 1.3rem;
  color: #b4b4b4;
}
@media screen and (max-width: 896px) {
  /* line 459, _top.scss */
  .home .newsarea__content .time {
    display: block;
    margin-bottom: 6px;
  }
}
/* line 468, _top.scss */
.home .newsarea__content a {
  font-size: 1.3rem;
  line-height: 1.4;
}
/* line 475, _top.scss */
.home .businessarea {
  position: relative;
}
@media screen and (min-width: 897px) {
  /* line 475, _top.scss */
  .home .businessarea {
    padding: 123px 0px 143px;
  }
}
@media screen and (max-width: 896px) {
  /* line 475, _top.scss */
  .home .businessarea {
    padding: 30px 0px 70px;
    margin-top: 40px;
  }
}
/* line 484, _top.scss */
.home .businessarea:before {
  content: '';
  position: absolute;
  top: 0;
  left: 5.2%;
  z-index: -1;
  width: 94.8%;
  height: 100%;
  background: url(asset/img/top/bg_business.png) 0 0 no-repeat;
  background-size: 100%;
}
/* line 495, _top.scss */
.home .businessarea .svgdeco {
  position: absolute;
  top: 0;
  left: 15.28%;
  width: 100%;
}
/* line 501, _top.scss */
.home .businessarea .main__heading {
  z-index: 2;
  margin-left: 5.2%;
}
@media screen and (min-width: 897px) {
  /* line 501, _top.scss */
  .home .businessarea .main__heading {
    margin-bottom: 62px;
  }
}
@media screen and (max-width: 896px) {
  /* line 501, _top.scss */
  .home .businessarea .main__heading {
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 897px) {
  /* line 511, _top.scss */
  .home .businessarea .photo {
    width: 84.72%;
  }
}
/* line 517, _top.scss */
.home .businessarea .textarea {
  margin-bottom: 37px;
}
@media screen and (min-width: 897px) {
  /* line 517, _top.scss */
  .home .businessarea .textarea {
    display: flex;
    align-items: flex-end;
    margin-left: 10%;
  }
}
@media screen and (max-width: 896px) {
  /* line 517, _top.scss */
  .home .businessarea .textarea {
    margin-left: 5.2%;
    margin-right: 5.2%;
  }
}
/* line 528, _top.scss */
.home .businessarea .textarea .heading {
  margin-top: -26px;
}
/* line 531, _top.scss */
.home .businessarea .textarea .line__heading {
  padding: 12px 20px 14px 22px;
  margin-bottom: 30px;
}
@media screen and (min-width: 897px) {
  /* line 535, _top.scss */
  .home .businessarea .textarea .svg__heading {
    margin-left: 22px;
  }
}
@media screen and (max-width: 896px) {
  /* line 535, _top.scss */
  .home .businessarea .textarea .svg__heading {
    width: 80%;
  }
  /* line 541, _top.scss */
  .home .businessarea .textarea .svg__heading svg {
    width: 100%;
    height: auto;
  }
}
/* line 547, _top.scss */
.home .businessarea .textarea p {
  line-height: 2.125;
}
@media screen and (min-width: 897px) {
  /* line 547, _top.scss */
  .home .businessarea .textarea p {
    margin-left: 7.36%;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 896px) {
  /* line 547, _top.scss */
  .home .businessarea .textarea p {
    margin-top: 10px;
    font-size: 1.4rem;
  }
}
/* line 561, _top.scss */
.home .strengtharea {
  position: relative;
}
@media screen and (min-width: 897px) {
  /* line 561, _top.scss */
  .home .strengtharea {
    padding-bottom: 154px;
    margin-top: 140px;
    background: url(asset/img/top/bg_tech.png) 0 190px no-repeat;
    background-size: 100%;
  }
}
@media screen and (max-width: 896px) {
  /* line 561, _top.scss */
  .home .strengtharea {
    padding-bottom: 84px;
    margin-top: 70px;
    background: url(asset/img/top/bg_tech.png) 0 0 repeat-y;
    background-size: 100%;
  }
}
@media screen and (min-width: 897px) {
  /* line 575, _top.scss */
  .home .strengtharea .photo01 {
    width: 69.44%;
    margin-left: auto;
  }
}
/* line 582, _top.scss */
.home .strengtharea .svgdeco {
  position: absolute;
  left: 0;
  width: 10%;
}
@media screen and (min-width: 897px) {
  /* line 582, _top.scss */
  .home .strengtharea .svgdeco {
    top: 190px;
  }
}
@media screen and (max-width: 896px) {
  /* line 582, _top.scss */
  .home .strengtharea .svgdeco {
    top: 0;
  }
}
@media screen and (min-width: 897px) {
  /* line 594, _top.scss */
  .home .strengtharea .tech {
    display: flex;
    margin-left: 15.28%;
  }
}
@media screen and (min-width: 897px) {
  /* line 599, _top.scss */
  .home .strengtharea .tech .heading {
    margin-top: 90px;
  }
}
@media screen and (max-width: 896px) {
  /* line 599, _top.scss */
  .home .strengtharea .tech .heading {
    padding: 0 5%;
    margin-top: 20px;
  }
}
@media screen and (min-width: 897px) {
  /* line 608, _top.scss */
  .home .strengtharea .tech .line__heading {
    margin: 56px 0;
  }
}
@media screen and (max-width: 896px) {
  /* line 608, _top.scss */
  .home .strengtharea .tech .line__heading {
    margin: 26px 0;
  }
}
@media screen and (min-width: 897px) {
  /* line 616, _top.scss */
  .home .strengtharea .tech .svg__heading {
    width: 100%;
  }
}
@media screen and (max-width: 896px) {
  /* line 616, _top.scss */
  .home .strengtharea .tech .svg__heading {
    width: 80%;
  }
  /* line 622, _top.scss */
  .home .strengtharea .tech .svg__heading svg {
    width: 100%;
    height: auto;
  }
}
/* line 628, _top.scss */
.home .strengtharea .tech p {
  line-height: 2.125;
  color: #fff;
}
@media screen and (min-width: 897px) {
  /* line 628, _top.scss */
  .home .strengtharea .tech p {
    margin-top: 60px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 896px) {
  /* line 628, _top.scss */
  .home .strengtharea .tech p {
    margin-top: 30px;
    font-size: 1.4rem;
  }
}
/* line 641, _top.scss */
.home .strengtharea .photo02 {
  margin-top: -95px;
  margin-right: 8.19%;
}
@media screen and (min-width: 897px) {
  /* line 641, _top.scss */
  .home .strengtharea .photo02 {
    width: 33.19%;
  }
}
@media screen and (max-width: 896px) {
  /* line 641, _top.scss */
  .home .strengtharea .photo02 {
    width: 47%;
  }
}
@media screen and (max-width: 896px) {
  /* line 652, _top.scss */
  .home .strengtharea .readmore {
    margin-top: 40px;
  }
}
/* line 659, _top.scss */
.home .productarea {
  position: relative;
  margin-bottom: 90px;
}
@media screen and (min-width: 897px) {
  /* line 659, _top.scss */
  .home .productarea {
    margin-top: 140px;
  }
}
@media screen and (max-width: 896px) {
  /* line 659, _top.scss */
  .home .productarea {
    margin-top: 80px;
  }
}
/* line 668, _top.scss */
.home .productarea:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #091d13;
  z-index: -1;
}
@media screen and (min-width: 897px) {
  /* line 668, _top.scss */
  .home .productarea:after {
    height: 85vh;
  }
}
@media screen and (max-width: 896px) {
  /* line 668, _top.scss */
  .home .productarea:after {
    height: 52%;
  }
}
/* line 683, _top.scss */
.home .productarea .svgdeco {
  position: absolute;
  top: 0;
  left: 0;
  width: 62%;
}
/* line 689, _top.scss */
.home .productarea .main__heading {
  margin-left: 5.2%;
}
@media screen and (min-width: 897px) {
  /* line 689, _top.scss */
  .home .productarea .main__heading {
    padding-top: 82px;
    padding-bottom: 82px;
  }
}
@media screen and (max-width: 896px) {
  /* line 689, _top.scss */
  .home .productarea .main__heading {
    padding-top: 42px;
    padding-bottom: 42px;
  }
}
@media screen and (min-width: 897px) {
  /* line 700, _top.scss */
  .home .productarea .svg__heading {
    display: block;
    max-width: 710px;
    width: 49.3%;
    margin: auto;
  }
}
/* line 709, _top.scss */
.home .productarea .photo:before {
  background-color: #fff;
}
/* line 713, _top.scss */
.home .productarea .phrase {
  margin-top: 80px;
  text-align: center;
}
@media screen and (max-width: 896px) {
  /* line 713, _top.scss */
  .home .productarea .phrase {
    padding: 0 5%;
  }
}
/* line 719, _top.scss */
.home .productarea .phrase span {
  display: block;
  font-weight: 500;
}
@media screen and (min-width: 897px) {
  /* line 719, _top.scss */
  .home .productarea .phrase span {
    margin-bottom: 40px;
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 896px) {
  /* line 719, _top.scss */
  .home .productarea .phrase span {
    margin-bottom: 20px;
    font-size: 2.6rem;
  }
}
/* line 732, _top.scss */
.home .productarea p {
  margin-top: 20px;
  line-height: 2.125;
  letter-spacing: 0.08em;
  text-align: center;
}
@media screen and (min-width: 897px) {
  /* line 732, _top.scss */
  .home .productarea p {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 896px) {
  /* line 732, _top.scss */
  .home .productarea p {
    margin-right: 5%;
    margin-left: 5%;
    font-size: 1.4rem;
  }
}
/* line 747, _top.scss */
.home .productarea__list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 84px;
}
@media screen and (min-width: 897px) {
  /* line 747, _top.scss */
  .home .productarea__list {
    padding: 0 5.2% 100px;
  }
}
@media screen and (max-width: 896px) {
  /* line 747, _top.scss */
  .home .productarea__list {
    justify-content: space-between;
    padding: 0 5.2% 70px;
  }
}
@media screen and (min-width: 897px) {
  /* line 760, _top.scss */
  .home .productarea__item {
    width: 23.26%;
    margin-right: 2.31%;
    margin-bottom: 30px;
  }
  /* line 765, _top.scss */
  .home .productarea__item:nth-child(4n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 896px) {
  /* line 760, _top.scss */
  .home .productarea__item {
    width: 48%;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 897px) {
  /* line 777, _top.scss */
  .home .productarea__item a:hover .thumb img {
    transform: scale(1.1);
  }
  /* line 782, _top.scss */
  .home .productarea__item a:hover .line:before {
    transform: scale(1, 1);
    transform-origin: left top;
  }
  /* line 787, _top.scss */
  .home .productarea__item a:hover .viewmore {
    color: #fff;
  }
  /* line 789, _top.scss */
  .home .productarea__item a:hover .viewmore:before {
    background-color: #fff;
  }
}
/* line 796, _top.scss */
.home .productarea__item .thumb {
  overflow: hidden;
}
/* line 798, _top.scss */
.home .productarea__item .thumb img {
  transform: scale(1);
  transition: transform .5s ease;
}
/* line 803, _top.scss */
.home .productarea__item .itemname {
  display: block;
  margin: 12px 0;
  color: #fff;
}
@media screen and (min-width: 897px) {
  /* line 803, _top.scss */
  .home .productarea__item .itemname {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 896px) {
  /* line 803, _top.scss */
  .home .productarea__item .itemname {
    font-size: 1.8rem;
  }
}
/* line 813, _top.scss */
.home .productarea__item .itemname .line {
  position: relative;
  display: inline-block;
  height: 100%;
  padding: 2px 5px 5px;
}
/* line 818, _top.scss */
.home .productarea__item .itemname .line:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #006835;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform .3s ease;
}
/* line 836, _top.scss */
.home .aboutus {
  padding: 114px 0;
}
@media screen and (min-width: 897px) {
  /* line 836, _top.scss */
  .home .aboutus {
    background: #e9e9e9 url(asset/img/top/about_us_photo.jpg) center 0 no-repeat;
    background-size: 100%;
  }
}
@media screen and (max-width: 896px) {
  /* line 836, _top.scss */
  .home .aboutus {
    background: #e9e9e9 url(asset/img/top/about_us_photo.jpg) center 0 no-repeat;
    background-size: 240%;
  }
}
/* line 847, _top.scss */
.home .aboutus .basic__heading {
  text-align: center;
  color: #fff;
}
/* line 850, _top.scss */
.home .aboutus .basic__heading strong {
  display: block;
  margin-bottom: 18px;
}
@media screen and (min-width: 897px) {
  /* line 850, _top.scss */
  .home .aboutus .basic__heading strong {
    font-size: 6rem;
  }
}
@media screen and (max-width: 896px) {
  /* line 850, _top.scss */
  .home .aboutus .basic__heading strong {
    font-size: 4rem;
  }
}
@media screen and (min-width: 897px) {
  /* line 860, _top.scss */
  .home .aboutus .basic__heading span {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 896px) {
  /* line 860, _top.scss */
  .home .aboutus .basic__heading span {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 897px) {
  /* line 870, _top.scss */
  .home .aboutus__content {
    display: flex;
    margin-top: 110px;
  }
}
@media screen and (max-width: 896px) {
  /* line 870, _top.scss */
  .home .aboutus__content {
    margin-top: 80px;
    padding: 0 5%;
  }
}
@media screen and (min-width: 897px) {
  /* line 879, _top.scss */
  .home .aboutus__content .item {
    width: 50%;
  }
}
@media screen and (max-width: 896px) {
  /* line 879, _top.scss */
  .home .aboutus__content .item {
    margin-bottom: 20px;
  }
}
/* line 887, _top.scss */
.home .aboutus__content a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #fff;
  transition: .3s ease;
}
@media screen and (min-width: 897px) {
  /* line 887, _top.scss */
  .home .aboutus__content a {
    width: 88.1%;
    padding: 72px 0;
    margin: -60px auto 0;
  }
  /* line 898, _top.scss */
  .home .aboutus__content a:hover {
    background-color: #091d13;
  }
  /* line 900, _top.scss */
  .home .aboutus__content a:hover h4 {
    color: #fff;
  }
}
@media screen and (max-width: 896px) {
  /* line 887, _top.scss */
  .home .aboutus__content a {
    padding: 30px 0;
  }
}
/* line 908, _top.scss */
.home .aboutus__content a .entxt {
  font-size: 1.4rem;
  color: #9b9b9b;
}
/* line 912, _top.scss */
.home .aboutus__content a h4 {
  margin: 16px 0 34px;
  font-size: 2.4rem;
  letter-spacing: 0.04em;
  transition: .3s ease;
}
/* line 922, _top.scss */
.home .access {
  padding: 77px 0 140px;
}
/* line 924, _top.scss */
.home .access__heading {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 5.2%;
}
/* line 929, _top.scss */
.home .access__heading:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  width: 100%;
  height: 1px;
  background-color: #e7e7e7;
}
/* line 939, _top.scss */
.home .access__heading strong {
  font-size: 6rem;
  color: #006835;
  background-color: #fff;
}
@media screen and (min-width: 897px) {
  /* line 939, _top.scss */
  .home .access__heading strong {
    font-size: 6rem;
  }
}
@media screen and (max-width: 896px) {
  /* line 939, _top.scss */
  .home .access__heading strong {
    font-size: 4rem;
  }
}
/* line 950, _top.scss */
.home .access__heading span {
  position: relative;
  margin-top: 10px;
  padding-left: 16px;
  padding-right: 30px;
  background-color: #fff;
}
/* line 956, _top.scss */
.home .access__heading span:after {
  content: '';
  position: absolute;
  top: 1px;
  right: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #e7e7e7;
}
@media screen and (min-width: 897px) {
  /* line 950, _top.scss */
  .home .access__heading span {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 896px) {
  /* line 950, _top.scss */
  .home .access__heading span {
    font-size: 1.6rem;
  }
}
/* line 974, _top.scss */
.home .access__info {
  width: 100%;
  margin-top: 52px;
}
@media screen and (min-width: 897px) {
  /* line 974, _top.scss */
  .home .access__info {
    display: flex;
    align-items: center;
  }
}
@media screen and (min-width: 897px) {
  /* line 981, _top.scss */
  .home .access__info .map {
    width: 50%;
    height: 38vw;
    margin-right: 5.2%;
  }
}
@media screen and (max-width: 896px) {
  /* line 981, _top.scss */
  .home .access__info .map {
    height: 300px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 896px) {
  /* line 992, _top.scss */
  .home .access__info .textarea {
    padding: 0 5%;
  }
}
/* line 996, _top.scss */
.home .access__info .textarea .address {
  line-height: 1.67;
  letter-spacing: .18em;
}
@media screen and (min-width: 897px) {
  /* line 996, _top.scss */
  .home .access__info .textarea .address {
    margin-bottom: 48px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 896px) {
  /* line 996, _top.scss */
  .home .access__info .textarea .address {
    margin-bottom: 28px;
    font-size: 2rem;
  }
}
/* line 1009, _top.scss */
.home .access__info .textarea .howto {
  display: flex;
  align-items: center;
}
/* line 1012, _top.scss */
.home .access__info .textarea .howto .icon {
  width: 35px;
}
/* line 1015, _top.scss */
.home .access__info .textarea .howto p {
  margin-left: 10px;
  font-size: 2rem;
  font-weight: 700;
}
/* line 1022, _top.scss */
.home .access__info .textarea dd {
  padding-top: 18px;
  margin-top: 18px;
  margin-bottom: 18px;
  border-top: 1px solid #e7e7e7;
  font-size: 1.4rem;
  line-height: 2;
  color: #555;
}
@media screen and (min-width: 897px) {
  /* line 1033, _top.scss */
  .home .access__info .readmore {
    margin: 40px 0 0;
  }
}
@media screen and (max-width: 896px) {
  /* line 1033, _top.scss */
  .home .access__info .readmore {
    width: 100%;
    margin-top: 40px;
  }
}

/********************************
トップページ
********************************/

/********************************
和光電研ができること
********************************/
/* line 9, _company.scss */
.company__heading .entxt {
  display: block;
  position: relative;
  padding-left: 24px;
  font-size: 1.4rem;
  color: #006835;
}
@media screen and (max-width: 896px) {
  /* line 9, _company.scss */
  .company__heading .entxt {
    font-size: 1.2rem;
  }
}
/* line 18, _company.scss */
.company__heading .entxt:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 15px;
  height: 1px;
  background-color: #006835;
}
/* line 29, _company.scss */
.company__heading strong {
  display: block;
  margin-top: 32px;
  font-size: 4.6rem;
  font-weight: 500;
  letter-spacing: .04em;
}
@media screen and (max-width: 896px) {
  /* line 29, _company.scss */
  .company__heading strong {
    margin-top: 20px;
    font-size: 3.2rem;
  }
}
/* line 42, _company.scss */
.company .philosophy {
  background-color: #091d13;
}
@media screen and (min-width: 897px) {
  /* line 42, _company.scss */
  .company .philosophy {
    padding-bottom: 130px;
  }
}
@media screen and (max-width: 896px) {
  /* line 42, _company.scss */
  .company .philosophy {
    padding-bottom: 80px;
  }
}
@media screen and (min-width: 897px) {
  /* line 50, _company.scss */
  .company .philosophy__content {
    display: flex;
    align-items: center;
    margin-top: -210px;
    margin-left: 5.2%;
    margin-right: 2.46%;
  }
}
/* line 58, _company.scss */
.company .philosophy__content .textarea {
  padding: 126px 100px 134px;
  background-color: #fff;
}
@media screen and (max-width: 896px) {
  /* line 58, _company.scss */
  .company .philosophy__content .textarea {
    padding: 64px 5% 20px;
  }
}
/* line 65, _company.scss */
.company .philosophy__content p {
  margin-top: 58px;
  font-size: 1.6rem;
  line-height: 2;
}
@media screen and (max-width: 896px) {
  /* line 65, _company.scss */
  .company .philosophy__content p {
    margin-top: 30px;
  }
}
/* line 76, _company.scss */
.company .message {
  margin-top: 85px;
}
/* line 78, _company.scss */
.company .message__area {
  position: relative;
  padding: 84px 70px 0;
  margin-top: -130px;
  margin-left: 5.2%;
  background-color: #fff;
}
@media screen and (min-width: 897px) {
  /* line 78, _company.scss */
  .company .message__area {
    display: flex;
    align-items: flex-end;
  }
}
@media screen and (max-width: 896px) {
  /* line 78, _company.scss */
  .company .message__area {
    padding: 84px 5% 0 3.5%;
    margin-top: -30px;
  }
}
@media screen and (min-width: 897px) {
  /* line 93, _company.scss */
  .company .message .textarea {
    width: 46.51%;
    padding-bottom: 130px;
  }
}
@media screen and (max-width: 896px) {
  /* line 93, _company.scss */
  .company .message .textarea {
    padding-bottom: 30px;
  }
}
/* line 102, _company.scss */
.company .message .person {
  margin-left: auto;
}
@media screen and (min-width: 897px) {
  /* line 102, _company.scss */
  .company .message .person {
    width: 44.21%;
  }
}
@media screen and (max-width: 896px) {
  /* line 102, _company.scss */
  .company .message .person {
    height: 400px;
    overflow: hidden;
  }
}
/* line 112, _company.scss */
.company .message__content {
  margin-top: 65px;
}
/* line 115, _company.scss */
.company .message__content h4 strong {
  display: inline-block;
  padding: 3px 10px 5px;
  font-weight: 500;
  color: #fff;
}
@media screen and (min-width: 897px) {
  /* line 115, _company.scss */
  .company .message__content h4 strong {
    font-size: 3.4rem;
    letter-spacing: .04em;
  }
}
@media screen and (max-width: 896px) {
  /* line 115, _company.scss */
  .company .message__content h4 strong {
    font-size: 2rem;
    letter-spacing: .01em;
  }
}
/* line 128, _company.scss */
.company .message__content h4 strong:first-child {
  margin-bottom: 10px;
}
/* line 133, _company.scss */
.company .message__content p {
  margin-top: 30px;
  font-size: 1.6rem;
  line-height: 1.75;
}
@media screen and (max-width: 896px) {
  /* line 133, _company.scss */
  .company .message__content p {
    font-size: 1.4rem;
  }
}
/* line 141, _company.scss */
.company .message__content ol {
  margin-top: 30px;
}
/* line 144, _company.scss */
.company .message__content li {
  position: relative;
  padding-left: 28px;
  margin: 15px 0;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #006835;
}
@media screen and (max-width: 896px) {
  /* line 144, _company.scss */
  .company .message__content li {
    font-size: 1.4rem;
  }
}
/* line 155, _company.scss */
.company .message__content li:before {
  content: attr(data-num);
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #006835;
  font-size: 1.4rem;
  line-height: 20px;
  color: #fff;
  text-align: center;
}
/* line 171, _company.scss */
.company .message .post {
  display: flex;
  align-items: center;
  margin-top: 60px;
}
/* line 175, _company.scss */
.company .message .post .postname {
  margin-right: 20px;
  font-size: 1.6rem;
}
/* line 179, _company.scss */
.company .message .post .name {
  width: 102px;
}
/* line 186, _company.scss */
.company .companyinfo {
  padding-top: 80px;
  padding-bottom: 60px;
  margin-bottom: 230px;
  margin-left: 5.2%;
  background-color: #f1f1f1;
}
/* line 192, _company.scss */
.company .companyinfo .company__heading {
  margin-left: 5.2%;
}
/* line 195, _company.scss */
.company .companyinfo__outline {
  margin-top: 104px;
}
@media screen and (min-width: 897px) {
  /* line 195, _company.scss */
  .company .companyinfo__outline {
    display: flex;
    margin-left: 10.13%;
  }
}
@media screen and (max-width: 896px) {
  /* line 195, _company.scss */
  .company .companyinfo__outline {
    margin-left: 5%;
    margin-right: 5%;
  }
}
/* line 205, _company.scss */
.company .companyinfo__outline th, .company .companyinfo__outline td {
  padding: 10px 0 28px;
  font-size: 1.6rem;
  line-height: 2;
}
@media screen and (max-width: 896px) {
  /* line 205, _company.scss */
  .company .companyinfo__outline th, .company .companyinfo__outline td {
    display: block;
    padding: 0 0 30px;
  }
}
/* line 214, _company.scss */
.company .companyinfo__outline th {
  color: #a6a6a6;
  vertical-align: text-top;
}
@media screen and (min-width: 897px) {
  /* line 214, _company.scss */
  .company .companyinfo__outline th {
    width: 125px;
  }
}
@media screen and (max-width: 896px) {
  /* line 214, _company.scss */
  .company .companyinfo__outline th {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 897px) {
  /* line 224, _company.scss */
  .company .companyinfo__outline td {
    padding-left: 20px;
    border-left: 1px solid #e3e3e3;
  }
}
/* line 229, _company.scss */
.company .companyinfo__outline td .maplink {
  font-size: 1.4rem;
  font-weight: 500;
  color: #006835;
  text-decoration: underline;
}
/* line 237, _company.scss */
.company .companyinfo .photo {
  margin-bottom: -140px;
}
@media screen and (min-width: 897px) {
  /* line 237, _company.scss */
  .company .companyinfo .photo {
    margin-left: 5%;
  }
}
/* line 246, _company.scss */
.company .history {
  padding: 115px 0 210px;
  background: url(asset/img/company/bg_history.jpg) center 0 no-repeat;
  background-size: cover;
}
/* line 250, _company.scss */
.company .history__header {
  margin-left: 10.2%;
  margin-bottom: 140px;
  color: #fff;
}
@media screen and (min-width: 897px) {
  /* line 250, _company.scss */
  .company .history__header {
    display: flex;
    align-items: flex-end;
  }
}
/* line 258, _company.scss */
.company .history__header .entxt {
  color: #fff;
}
/* line 260, _company.scss */
.company .history__header .entxt:before {
  background-color: #fff;
}
/* line 264, _company.scss */
.company .history__header strong {
  color: #fff;
}
/* line 267, _company.scss */
.company .history__header p {
  font-size: 1.6rem;
  line-height: 2;
}
@media screen and (min-width: 897px) {
  /* line 267, _company.scss */
  .company .history__header p {
    margin-left: 100px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 896px) {
  /* line 267, _company.scss */
  .company .history__header p {
    margin-top: 10px;
    font-size: 1.4rem;
  }
}
/* line 280, _company.scss */
.company .history__arrowbtn {
  display: flex;
  margin-bottom: 30px;
}
/* line 283, _company.scss */
.company .history__arrowbtn ul {
  display: flex;
  margin-left: auto;
}
/* line 287, _company.scss */
.company .history__arrowbtn li {
  position: relative;
  width: 40px;
  height: 40px;
  margin-right: 20px;
  border-radius: 50%;
}
/* line 293, _company.scss */
.company .history__arrowbtn li:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
}
/* line 299, _company.scss */
.company .history__arrowbtn li.next {
  transform: rotate(180deg);
}
/* line 304, _company.scss */
.company .history__content {
  overflow-x: scroll;
  margin-left: 10.2%;
}
/* line 307, _company.scss */
.company .history__content__inner {
  display: flex;
  width: calc( 225px * 14 );
  margin: 10px 0;
  transition: .5s ease;
}
/* line 312, _company.scss */
.company .history__content__inner .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 32px 0;
  margin-right: 5px;
  width: 225px;
  height: 390px;
  background: #fff url(asset/img/company/bg_history_item.png) center center no-repeat;
  background-size: auto 100%;
  text-align: center;
}
/* line 324, _company.scss */
.company .history__content__inner .item .type {
  font-size: 1.4rem;
  color: #006835;
}
/* line 327, _company.scss */
.company .history__content__inner .item .type.medical {
  margin-top: 12px;
}
/* line 331, _company.scss */
.company .history__content__inner .item .block {
  height: 110px;
}
/* line 334, _company.scss */
.company .history__content__inner .item .txt {
  margin-top: 18px;
  font-size: 1.4rem;
  line-height: 1.5;
  text-align: center;
}
/* line 340, _company.scss */
.company .history__content__inner .item .age {
  position: relative;
  font-size: 6rem;
  color: #006835;
}
/* line 344, _company.scss */
.company .history__content__inner .item .age:before, .company .history__content__inner .item .age:after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  border-style: solid;
  border-width: 0 6px 8px 6px;
  border-color: transparent transparent #006835 transparent;
}
/* line 353, _company.scss */
.company .history__content__inner .item .age:before {
  top: -18px;
}
/* line 356, _company.scss */
.company .history__content__inner .item .age:after {
  bottom: -14px;
  transform: translate(-50%, 0) rotate(180deg);
}
/* line 364, _company.scss */
.company .history .label {
  position: relative;
  padding: 10px 0 10px 20px;
  margin-left: 10.2%;
  font-size: 1.6rem;
  color: #fff;
}
/* line 370, _company.scss */
.company .history .label.electric {
  background: url(asset/img/company/icon_electric.png) 0 center no-repeat;
  background-size: 14px;
}
/* line 374, _company.scss */
.company .history .label.medical {
  background: url(asset/img/company/icon_medical.png) 0 center no-repeat;
  background-size: 15px;
}
/* line 378, _company.scss */
.company .history .label:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 100px;
  transform: translate(0, -50%);
  width: 100%;
  height: 2px;
  background-color: #fff;
}
/* line 388, _company.scss */
.company .history .label:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 100px;
  transform: translate(0, -50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #fff;
}
/* line 402, _company.scss */
.company .access {
  padding-top: 100px;
  padding-bottom: 125px;
}
@media screen and (min-width: 897px) {
  /* line 402, _company.scss */
  .company .access {
    margin: 0 10.3%;
  }
}
@media screen and (max-width: 896px) {
  /* line 402, _company.scss */
  .company .access {
    padding: 60px 5%;
  }
}
/* line 411, _company.scss */
.company .access .address {
  margin: 58px 0 54px;
  font-size: 2.4rem;
  letter-spacing: .18em;
}
@media screen and (max-width: 896px) {
  /* line 411, _company.scss */
  .company .access .address {
    font-size: 1.8rem;
    line-height: 1.4;
  }
}
@media screen and (min-width: 897px) {
  /* line 421, _company.scss */
  .company .access__howto {
    display: flex;
    justify-content: space-between;
  }
}
/* line 426, _company.scss */
.company .access__howto .item {
  padding: 20px;
  background-color: #f1f1f1;
}
@media screen and (min-width: 897px) {
  /* line 426, _company.scss */
  .company .access__howto .item {
    width: 46.84%;
  }
}
@media screen and (max-width: 896px) {
  /* line 426, _company.scss */
  .company .access__howto .item {
    margin-bottom: 20px;
  }
}
/* line 435, _company.scss */
.company .access__howto .item .type {
  display: flex;
  align-items: center;
}
/* line 439, _company.scss */
.company .access__howto .item .icon {
  width: 35px;
  margin-right: 10px;
}
/* line 443, _company.scss */
.company .access__howto .item h5 {
  font-size: 1.8rem;
  font-weight: 700;
}
@media screen and (min-width: 897px) {
  /* line 443, _company.scss */
  .company .access__howto .item h5 {
    font-size: 1.6rem;
  }
}
/* line 450, _company.scss */
.company .access__howto .item p {
  padding-top: 15px;
  margin-top: 18px;
  border-top: 1px solid #e7e7e7;
  font-size: 1.4rem;
  line-height: 1.75;
}
/* line 459, _company.scss */
.company .access__map {
  height: 550px;
  margin-top: 46px;
}
@media screen and (max-width: 896px) {
  /* line 459, _company.scss */
  .company .access__map {
    height: 320px;
  }
}
/* line 467, _company.scss */
.company .access .readmore {
  margin: 50px auto 0;
}

/********************************
和光電研ができること
********************************/

/********************************
採用情報
********************************/
/* line 10, _recruitment.scss */
.recruitment .works .photo:before {
  background-color: #fff;
}
/* line 14, _recruitment.scss */
.recruitment .works__inner {
  position: relative;
  z-index: 10000;
  display: flex;
  margin-left: 5.2%;
  background-color: #00210c;

  z-index: 100;

}
@media screen and (min-width: 897px) {
  /* line 14, _recruitment.scss */
  .recruitment .works__inner {
    margin-top: -124px;
  }
}
@media screen and (max-width: 896px) {
  /* line 14, _recruitment.scss */
  .recruitment .works__inner {
    margin-top: -32px;
  }
}
@media screen and (max-width: 896px) {
  /* line 26, _recruitment.scss */
  .recruitment .works__inner .svgdeco {
    position: absolute;
    top: 0;
    left: 0;
  }
}
/* line 34, _recruitment.scss */
.recruitment .works__content {
  margin-top: 140px;
  color: #fff;
}
@media screen and (max-width: 896px) {
  /* line 34, _recruitment.scss */
  .recruitment .works__content {
    padding: 0 5%;
    margin-top: 80px;
  }
}
/* line 41, _recruitment.scss */
.recruitment .works__content .entxt {
  display: block;
  position: relative;
  padding-left: 24px;
  font-size: 1.4rem;
}
/* line 46, _recruitment.scss */
.recruitment .works__content .entxt:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 15px;
  height: 1px;
  background-color: #fff;
}
/* line 58, _recruitment.scss */
.recruitment .works__content h3 {
  margin-top: 42px;
  font-size: 3rem;
  line-height: 1.53;
  letter-spacing: .1em;
}
@media screen and (max-width: 896px) {
  /* line 58, _recruitment.scss */
  .recruitment .works__content h3 {
    font-size: 2.4rem;
  }
}
/* line 67, _recruitment.scss */
.recruitment .works__content p {
  margin-top: 54px;
  font-size: 1.6rem;
  line-height: 2;
}
@media screen and (max-width: 896px) {
  /* line 67, _recruitment.scss */
  .recruitment .works__content p {
    font-size: 1.4rem;
  }
}
/* line 75, _recruitment.scss */
.recruitment .works__content .linetxt {
  display: inline-block;
  padding: 5px 10px 8px 15px;
  background-color: #fff;
  font-size: 1.85rem;
  letter-spacing: 0.05em;
  color: #222;

  line-height: 1;

}
/* line 82, _recruitment.scss */
.recruitment .works__content .linetxt:before {
  background-color: #fff;
}
@media screen and (max-width: 896px) {
  /* line 75, _recruitment.scss */
  .recruitment .works__content .linetxt {
    font-size: 1.6rem;
  }
}
/* line 88, _recruitment.scss */
.recruitment .works__content .linetxt:nth-of-type(1) {
  margin-top: 38px;

  margin-top: 0;

}
/* line 91, _recruitment.scss */
.recruitment .works__content .linetxt:nth-of-type(2) {
  margin-top: 12px;
}
/* line 96, _recruitment.scss */
.recruitment .works__content .grallray {
  position: relative;
  top: 144px;
  z-index: 2;
  overflow: hidden;
}
@media screen and (max-width: 896px) {
  /* line 96, _recruitment.scss */
  .recruitment .works__content .grallray {
    top: 72px;
  }
}
/* line 104, _recruitment.scss */
.recruitment .works__content .grallray .movearea {
  width: 100%;
  height: 100%;
  /*background: url(asset/img/recruit/our_works_photo_gallray.png) 0 0 repeat-x;*/
  background-size: auto 100%;
  animation: moveGallray 50s linear infinite;

  /*background-image: url('asset/img/recruit/our_works_photo_gallray.png');*/
  background-position: 0 0;
  background-repeat: repeat-x;
  background-size: auto 100%;

}
@keyframes moveGallray {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -1000px 0;
  }
}
/* line 119, _recruitment.scss */
.recruitment .works__content .grallray img {
  opacity: 0;
}
/* line 126, _recruitment.scss */
.recruitment .essentials {
  position: relative;
}
@media screen and (min-width: 897px) {
  /* line 126, _recruitment.scss */
  .recruitment .essentials {
    padding-top: 295px;
    padding-bottom: 285px;
  }
}
@media screen and (max-width: 896px) {
  /* line 126, _recruitment.scss */
  .recruitment .essentials {
    padding-top: 195px;
    padding-bottom: 185px;
  }
}
/* line 136, _recruitment.scss */
.recruitment .essentials.fresh {
  padding-top: 450px;
  background-color: #efefef;
}
@media screen and (max-width: 896px) {
  /* line 136, _recruitment.scss */
  .recruitment .essentials.fresh {
    padding-top: 200px;
  }
}
/* line 143, _recruitment.scss */
.recruitment .essentials.career {
  background-color: #fff;
}
/* line 145, _recruitment.scss */
.recruitment .essentials.career .svgtxt {
  top: 150px;
}
/* line 148, _recruitment.scss */
.recruitment .essentials.career .essentials__content {
  background-color: #efefef;
}
/* line 152, _recruitment.scss */
.recruitment .essentials .svgtxt {
  position: absolute;
  top: 307px;
  left: 18.95%;
}
/* line 157, _recruitment.scss */
.recruitment .essentials__heading {
  position: relative;
  text-align: center;
}
/* line 160, _recruitment.scss */
.recruitment .essentials__heading strong {
  display: block;
  margin-bottom: 30px;
  font-size: 4.2rem;
  font-weight: 500;
  letter-spacing: .1em;
}
@media screen and (max-width: 896px) {
  /* line 160, _recruitment.scss */
  .recruitment .essentials__heading strong {
    font-size: 3.2rem;
    letter-spacing: .05em;
  }
}
/* line 171, _recruitment.scss */
.recruitment .essentials__heading .entxt {
  display: inline-block;
  padding: 5px 15px;
  background-color: #006835;
  font-size: 1.4rem;
  color: #fff;
}
/* line 180, _recruitment.scss */
.recruitment .essentials__subheading {
  position: relative;
  padding-left: 60px;
  margin: 100px auto 40px;
  font-weight: 500;
  letter-spacing: 0.04em;
  color: #006835;
}
@media screen and (min-width: 897px) {
  /* line 180, _recruitment.scss */
  .recruitment .essentials__subheading {
    width: 69.44%;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 896px) {
  /* line 180, _recruitment.scss */
  .recruitment .essentials__subheading {
    width: 89.6%;
    font-size: 2rem;
  }
}
/* line 195, _recruitment.scss */
.recruitment .essentials__subheading:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 40px;
  height: 8px;
  background: url(asset/img/common/icon_green_bar.png) 0 center no-repeat;
  background-size: 100%;
}
/* line 208, _recruitment.scss */
.recruitment .essentials__content {
  margin: 20px auto 0;
  background-color: #fff;
}
@media screen and (min-width: 897px) {
  /* line 208, _recruitment.scss */
  .recruitment .essentials__content {
    display: flex;
    align-items: center;
    width: 69.44%;
    padding: 54px 30px;
  }
}
@media screen and (max-width: 896px) {
  /* line 208, _recruitment.scss */
  .recruitment .essentials__content {
    padding: 34px 5%;
    font-size: 2rem;
  }
}
/* line 221, _recruitment.scss */
.recruitment .essentials__content .item {
  line-height: 2;
}
@media screen and (min-width: 897px) {
  /* line 221, _recruitment.scss */
  .recruitment .essentials__content .item {
    width: 200px;
    font-size: 1.6rem;
    text-align: center;
  }
}
@media screen and (max-width: 896px) {
  /* line 221, _recruitment.scss */
  .recruitment .essentials__content .item {
    font-size: 1.4rem;
    font-weight: 500;
  }
}
/* line 233, _recruitment.scss */
.recruitment .essentials__content .content {
  border-left: 1px solid #efefef;
}
@media screen and (min-width: 897px) {
  /* line 233, _recruitment.scss */
  .recruitment .essentials__content .content {
    padding-left: 37px;
  }
}
@media screen and (max-width: 896px) {
  /* line 233, _recruitment.scss */
  .recruitment .essentials__content .content {
    flex: 1;
    padding-left: 12px;
    margin-top: 8px;
    margin-left: 8px;
  }
}
/* line 244, _recruitment.scss */
.recruitment .essentials__content .content p {
  font-size: 1.6rem;
  line-height: 2;
}
@media screen and (max-width: 896px) {
  /* line 244, _recruitment.scss */
  .recruitment .essentials__content .content p {
    font-size: 1.4rem;
  }
}
/* line 255, _recruitment.scss */
.recruitment .entryarea {
  background: url(asset/img/recruit/bg_entry.png) 0 center no-repeat;
  background-size: cover;
}
@media screen and (min-width: 897px) {
  /* line 255, _recruitment.scss */
  .recruitment .entryarea {
    padding: 137px 0 145px;
  }
}
@media screen and (max-width: 896px) {
  /* line 255, _recruitment.scss */
  .recruitment .entryarea {
    padding: 60px 0 80px;
  }
}
/* line 264, _recruitment.scss */
.recruitment .entryarea__heading {
  margin: 0 5.2%;
  color: #fff;
}
@media screen and (min-width: 897px) {
  /* line 264, _recruitment.scss */
  .recruitment .entryarea__heading {
    display: flex;
    align-items: center;
  }
}
/* line 271, _recruitment.scss */
.recruitment .entryarea__heading strong {
  font-size: 6rem;
}
@media screen and (max-width: 896px) {
  /* line 271, _recruitment.scss */
  .recruitment .entryarea__heading strong {
    font-size: 4rem;
  }
}
/* line 277, _recruitment.scss */
.recruitment .entryarea__heading p {
  margin-top: 10px;
  margin-left: 20px;
  font-size: 1.6rem;
}
@media screen and (max-width: 896px) {
  /* line 277, _recruitment.scss */
  .recruitment .entryarea__heading p {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 897px) {
  /* line 287, _recruitment.scss */
  .recruitment .entryarea__content {
    display: flex;
    justify-content: space-between;
    margin: 62px 5.2% 0;
  }
}
@media screen and (max-width: 896px) {
  /* line 287, _recruitment.scss */
  .recruitment .entryarea__content {
    margin: 20px 5.2% 0;
  }
}
/* line 296, _recruitment.scss */
.recruitment .entryarea__content li {
  text-align: center;
}
@media screen and (min-width: 897px) {
  /* line 296, _recruitment.scss */
  .recruitment .entryarea__content li {
    width: 47.99%;
  }
}
@media screen and (max-width: 896px) {
  /* line 296, _recruitment.scss */
  .recruitment .entryarea__content li {
    margin-top: 30px;
  }
}
@media screen and (min-width: 897px) {
  /* line 308, _recruitment.scss */
  .recruitment .entryarea__content a:hover p {
    color: #006835;
  }
  /* line 310, _recruitment.scss */
  .recruitment .entryarea__content a:hover p:before {
    transform-origin: left top;
    transform: scale(1, 1);
  }
}
/* line 318, _recruitment.scss */
.recruitment .entryarea__content p {
  position: relative;
  display: inline-block;
  padding: 10px 60px;
  margin-top: 35px;
  border: 1px solid #006835;
  font-size: 1.8rem;
  color: #fff;
  transition: .3s ease;
}
@media screen and (max-width: 896px) {
  /* line 318, _recruitment.scss */
  .recruitment .entryarea__content p {
    display: block;
    padding: 10px 3.5%;
    margin-top: 15px;
    font-size: 1.4rem;
    text-align: center;
  }
}
@media screen and (min-width: 897px) {
  /* line 334, _recruitment.scss */
  .recruitment .entryarea__content p:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #fff;
    transform-origin: right top;
    transform: scale(0, 1);
    transition: transform .3s ease;
  }
}
/* line 349, _recruitment.scss */
.recruitment .entryarea__content p .line {
  position: relative;
  z-index: 2;
}

/********************************
採用情報
********************************/

/********************************
和光電研ができること
********************************/
/* line 9, _business.scss */
.business__heading .entxt {
  display: block;
  position: relative;
  padding-left: 24px;
  font-size: 1.4rem;
  color: #006835;
}
/* line 15, _business.scss */
.business__heading .entxt:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 15px;
  height: 1px;
  background-color: #006835;
}
/* line 26, _business.scss */
.business__heading .devline {
  display: inline-block;
  padding: 8px 15px 10px;
  margin: 24px 0 35px;
  background-color: #006835;
  font-weight: 500;
  color: #fff;
}
@media screen and (min-width: 897px) {
  /* line 26, _business.scss */
  .business__heading .devline {
    font-size: 3.6rem;
    letter-spacing: .24em;
  }
}
@media screen and (max-width: 896px) {
  /* line 26, _business.scss */
  .business__heading .devline {
    margin-left: 5.2%;
    margin-bottom: 14px;
    font-size: 2.6rem;
    letter-spacing: .16em;
  }
}
/* line 43, _business.scss */
.business__heading .devline.white {
  background-color: #fff;
  color: #091d13;
}
@media screen and (min-width: 897px) {
  /* line 48, _business.scss */
  .business__heading .svgheading {
    margin-right: 5%;
  }
}
@media screen and (max-width: 896px) {
  /* line 48, _business.scss */
  .business__heading .svgheading {
    width: 100%;
  }
}
@media screen and (max-width: 896px) {
  /* line 55, _business.scss */
  .business__heading .svgheading svg {
    width: 80%;
    height: auto;
    margin-left: 5.2%;
  }
}
/* line 68, _business.scss */
.business .dev {
  position: relative;
}
/* line 72, _business.scss */
.business .dev .photo:before {
  background-color: #fff;
}
@media screen and (max-width: 896px) {
  /* line 71, _business.scss */
  .business .dev .photo {
    margin-bottom: 20px;
  }
}
/* line 80, _business.scss */
.business .dev .svgdeco__first {
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (min-width: 897px) {
  /* line 80, _business.scss */
  .business .dev .svgdeco__first {
    width: 10%;
  }
}
@media screen and (max-width: 896px) {
  /* line 80, _business.scss */
  .business .dev .svgdeco__first {
    width: 5%;
  }
}
@media screen and (min-width: 897px) {
  /* line 92, _business.scss */
  .business .dev__capability {
    display: flex;
    align-items: flex-end;
    margin-top: 90px;
    margin-left: 9.02%;
    margin-bottom: 380px;
  }
}
@media screen and (max-width: 896px) {
  /* line 92, _business.scss */
  .business .dev__capability {
    margin: 40px 0;
  }
}
/* line 103, _business.scss */
.business .dev__capability__textarea {
  line-height: 2.1;
  letter-spacing: .12em;
}
@media screen and (min-width: 897px) {
  /* line 103, _business.scss */
  .business .dev__capability__textarea {
    margin-left: 8.68%;
    font-size: 2rem;
  }
}
@media screen and (max-width: 896px) {
  /* line 103, _business.scss */
  .business .dev__capability__textarea {
    padding: 20px 5.2% 0;
    font-size: 1.6rem;
  }
}
/* line 117, _business.scss */
.business .dev__flow {
  position: relative;
}
@media screen and (min-width: 897px) {
  /* line 117, _business.scss */
  .business .dev__flow {
    display: flex;
    align-items: flex-end;
    padding-bottom: 340px;
  }
}
@media screen and (max-width: 896px) {
  /* line 117, _business.scss */
  .business .dev__flow {
    padding-bottom: 230px;
  }
}
/* line 127, _business.scss */
.business .dev__flow:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #091d13;
  z-index: -1;
}
/* line 137, _business.scss */
.business .dev__flow .photo {
  margin-right: 7.15%;
}
@media screen and (min-width: 897px) {
  /* line 137, _business.scss */
  .business .dev__flow .photo {
    width: 38.19%;
    margin-top: -144px;
  }
}
@media screen and (max-width: 896px) {
  /* line 137, _business.scss */
  .business .dev__flow .photo {
    margin-top: 20px;
  }
}
/* line 147, _business.scss */
.business .dev__flow .business__heading {
  margin-bottom: 40px;
}
@media screen and (max-width: 896px) {
  /* line 147, _business.scss */
  .business .dev__flow .business__heading {
    margin-top: 20px;
  }
}
/* line 152, _business.scss */
.business .dev__flow .business__heading .devline {
  background-color: #fff;
  color: #00210c;
}
/* line 161, _business.scss */
.business .flowarea__list {
  margin-top: -180px;
}
@media screen and (min-width: 897px) {
  /* line 163, _business.scss */
  .business .flowarea__list ul {
    display: flex;
    justify-content: space-between;
    padding: 0 9.1%;
  }
}
@media screen and (max-width: 896px) {
  /* line 163, _business.scss */
  .business .flowarea__list ul {
    padding: 0 5%;
  }
}
@media screen and (min-width: 897px) {
  /* line 173, _business.scss */
  .business .flowarea__list li {
    width: 28.98%;
  }
}
@media screen and (max-width: 896px) {
  /* line 173, _business.scss */
  .business .flowarea__list li {
    margin-bottom: 30px;
  }
}
/* line 180, _business.scss */
.business .flowarea__list li:first-child {
  transition-delay: .1s;
}
/* line 183, _business.scss */
.business .flowarea__list li:nth-child(2) {
  transition-delay: .2s;
}
/* line 186, _business.scss */
.business .flowarea__list li:last-child {
  transition-delay: .3s;
}
/* line 190, _business.scss */
.business .flowarea__list .thumb {
  position: relative;
}
/* line 192, _business.scss */
.business .flowarea__list .thumb .label {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
}
/* line 201, _business.scss */
.business .flowarea__list .thumb .num {
  display: block;
  font-style: italic;
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 897px) {
  /* line 201, _business.scss */
  .business .flowarea__list .thumb .num {
    margin-bottom: 39px;
    font-size: 6rem;
  }
}
@media screen and (max-width: 896px) {
  /* line 201, _business.scss */
  .business .flowarea__list .thumb .num {
    margin-bottom: 18px;
    font-size: 4rem;
  }
}
/* line 215, _business.scss */
.business .flowarea__list .thumb .text {
  width: 60%;
  padding: 3px 0 5px;
  margin: auto;
  background-color: #00622b;
  letter-spacing: .12em;
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 897px) {
  /* line 215, _business.scss */
  .business .flowarea__list .thumb .text {
    font-size: 3rem;
  }
}
@media screen and (max-width: 896px) {
  /* line 215, _business.scss */
  .business .flowarea__list .thumb .text {
    font-size: 2.6rem;
  }
}
/* line 231, _business.scss */
.business .flowarea__list p {
  padding: 0 2.92%;
  margin-top: 30px;
  font-size: 1.6rem;
  line-height: 1.91;
  letter-spacing: .08em;
}
@media screen and (min-width: 897px) {
  /* line 231, _business.scss */
  .business .flowarea__list p {
    margin-top: 30px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 896px) {
  /* line 231, _business.scss */
  .business .flowarea__list p {
    margin-top: 12px;
    font-size: 1.4rem;
  }
}
/* line 249, _business.scss */
.business .strengtharea {
  background: url(asset/img/business/bg_strength.png) center 0 no-repeat;
  background-size: cover;
}
@media screen and (min-width: 897px) {
  /* line 249, _business.scss */
  .business .strengtharea {
    padding: 90px 0;
    margin: 340px 0 140px;
  }
}
@media screen and (max-width: 896px) {
  /* line 249, _business.scss */
  .business .strengtharea {
    padding: 50px 0;
    margin: 100px 0 70px;
  }
}
/* line 260, _business.scss */
.business .strengtharea h3 {
  margin-left: 5.2%;
  margin-bottom: 79px;
  color: #fff;
}
/* line 264, _business.scss */
.business .strengtharea h3 span {
  font-size: 1.4rem;
}
/* line 267, _business.scss */
.business .strengtharea h3 strong {
  display: block;
  font-weight: 500;
}
@media screen and (min-width: 897px) {
  /* line 267, _business.scss */
  .business .strengtharea h3 strong {
    margin-top: 22px;
    font-size: 4.6rem;
  }
}
@media screen and (max-width: 896px) {
  /* line 267, _business.scss */
  .business .strengtharea h3 strong {
    margin-top: 28px;
    font-size: 2.6rem;
    letter-spacing: .12em;
  }
}
/* line 281, _business.scss */
.business .strengtharea__content {
  position: relative;
}
@media screen and (min-width: 897px) {
  /* line 281, _business.scss */
  .business .strengtharea__content {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-left: 3.83%;
    margin-right: 3.83%;
    background: url(asset/img/business/strengths_bg.png) 0 0 no-repeat;
    background-size: 100%;
  }
}
@media screen and (max-width: 896px) {
  /* line 281, _business.scss */
  .business .strengtharea__content {
    margin-left: 5.33%;
    margin-right: 5.33%;
  }
}
/* line 296, _business.scss */
.business .strengtharea__content:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
}
/* line 306, _business.scss */
.business .strengtharea__content.st01:before {
  background: url(asset/img/business/strengths_01.png) 0 0 no-repeat;
  background-size: 100%;
}
/* line 312, _business.scss */
.business .strengtharea__content.st02:before {
  background: url(asset/img/business/strengths_02.png) 0 0 no-repeat;
  background-size: 100%;
}
/* line 318, _business.scss */
.business .strengtharea__content.st03:before {
  background: url(asset/img/business/strengths_03.png) 0 0 no-repeat;
  background-size: 100%;
}
/* line 324, _business.scss */
.business .strengtharea__content.st04:before {
  background: url(asset/img/business/strengths_04.png) 0 0 no-repeat;
  background-size: 100%;
}
/* line 329, _business.scss */
.business .strengtharea__content ul {
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
}
/* line 338, _business.scss */
.business .strengtharea__content ul li {
  width: 50%;
  height: 50%;
}
/* line 342, _business.scss */
.business .strengtharea__content ul a {
  display: block;
  width: 100%;
  height: 100%;
}
/* line 349, _business.scss */
.business .strengtharea__content .base.disnon {
  opacity: 0;
}
/* line 353, _business.scss */
.business .strengtharea__content__item {
  display: block;
  color: #fff;
}
@media screen and (min-width: 897px) {
  /* line 353, _business.scss */
  .business .strengtharea__content__item {
    position: absolute;
    width: 50%;
    height: 50%;
  }
  /* line 360, _business.scss */
  .business .strengtharea__content__item:hover {
    background-color: rgba(11, 66, 35, 0.3);
  }
  /* line 362, _business.scss */
  .business .strengtharea__content__item:hover .label {
    color: #006835;
  }
  /* line 364, _business.scss */
  .business .strengtharea__content__item:hover .label:before {
    transform-origin: left top;
    transform: scale(1, 1);
  }
  /* line 370, _business.scss */
  .business .strengtharea__content__item:hover .textarea h4 {
    color: #fff;
  }
}
@media screen and (max-width: 896px) {
  /* line 353, _business.scss */
  .business .strengtharea__content__item {
    display: flex;
    align-items: center;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #006835;
  }
}
/* line 383, _business.scss */
.business .strengtharea__content__item:first-of-type {
  top: 0;
  left: 0;
}
/* line 386, _business.scss */
.business .strengtharea__content__item:first-of-type .label {
  left: -40px;
}
@media screen and (min-width: 897px) {
  /* line 389, _business.scss */
  .business .strengtharea__content__item:first-of-type .textarea {
    margin-top: 16.4%;
    margin-left: 11.67%;
  }
}
@media screen and (min-width: 897px) {
  /* line 394, _business.scss */
  .business .strengtharea__content__item:first-of-type .textarea p {
    margin-left: 20px;
  }
}
/* line 401, _business.scss */
.business .strengtharea__content__item:nth-of-type(2) {
  top: 0;
  left: 50%;
}
/* line 404, _business.scss */
.business .strengtharea__content__item:nth-of-type(2) .label {
  right: -140px;
}
@media screen and (min-width: 897px) {
  /* line 407, _business.scss */
  .business .strengtharea__content__item:nth-of-type(2) .textarea {
    margin-top: 16.4%;
    margin-right: 11.67%;
    text-align: right;
  }
}
@media screen and (min-width: 897px) {
  /* line 413, _business.scss */
  .business .strengtharea__content__item:nth-of-type(2) .textarea p {
    margin-right: 20px;
  }
}
/* line 420, _business.scss */
.business .strengtharea__content__item:nth-of-type(3) {
  top: 50%;
  left: 0;
}
/* line 423, _business.scss */
.business .strengtharea__content__item:nth-of-type(3) .label {
  left: -40px;
  bottom: 0;
  transform: translateY(-100px) rotate(90deg);
}
@media screen and (min-width: 897px) {
  /* line 428, _business.scss */
  .business .strengtharea__content__item:nth-of-type(3) .textarea {
    margin-top: 16.4%;
    margin-left: 11.67%;
  }
}
@media screen and (min-width: 897px) {
  /* line 433, _business.scss */
  .business .strengtharea__content__item:nth-of-type(3) .textarea p {
    margin-left: 20px;
  }
}
/* line 440, _business.scss */
.business .strengtharea__content__item:nth-of-type(4) {
  top: 50%;
  left: 50%;
}
/* line 443, _business.scss */
.business .strengtharea__content__item:nth-of-type(4) .label {
  right: -120px;
  bottom: 0;
  transform: translateY(-100px) rotate(90deg);
}
@media screen and (min-width: 897px) {
  /* line 448, _business.scss */
  .business .strengtharea__content__item:nth-of-type(4) .textarea {
    margin-top: 16.4%;
    margin-right: 11.67%;
    text-align: right;
  }
}
@media screen and (min-width: 897px) {
  /* line 454, _business.scss */
  .business .strengtharea__content__item:nth-of-type(4) .textarea p {
    margin-right: 20px;
  }
}
/* line 461, _business.scss */
.business .strengtharea__content__item .label {
  position: absolute;
  font-size: 1.365rem;
  letter-spacing: .04em;
  transform: rotate(90deg);
  transform-origin: left;
}
/* line 467, _business.scss */
.business .strengtharea__content__item .label:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: '';
  background-color: #fff;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform .3s;
}
@media screen and (max-width: 896px) {
  /* line 482, _business.scss */
  .business .strengtharea__content__item .thumb {
    width: 38.89%;
    margin-right: 4%;
  }
}
/* line 489, _business.scss */
.business .strengtharea__content__item .textarea h4 {
  font-weight: 700;
  font-style: italic;
  text-shadow: 1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;
  color: #0a1e13;
  letter-spacing: 0.12em;
  transition: .3s ease;
}
@media screen and (min-width: 897px) {
  /* line 489, _business.scss */
  .business .strengtharea__content__item .textarea h4 {
    margin-bottom: 42px;
    font-size: 7.47rem;
  }
}
@media screen and (max-width: 896px) {
  /* line 489, _business.scss */
  .business .strengtharea__content__item .textarea h4 {
    margin-bottom: 20px;
    font-size: 4.6rem;
  }
}
/* line 504, _business.scss */
.business .strengtharea__content__item .textarea h4 .line {
  position: relative;
}
/* line 506, _business.scss */
.business .strengtharea__content__item .textarea h4 .line:before, .business .strengtharea__content__item .textarea h4 .line:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #fff;
}
/* line 515, _business.scss */
.business .strengtharea__content__item .textarea h4 .line:after {
  bottom: -4px;
  height: 1px;
}
/* line 521, _business.scss */
.business .strengtharea__content__item .textarea p {
  display: inline-block;
  font-size: 1.6rem;
  line-height: 1.625;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 897px) {
  /* line 521, _business.scss */
  .business .strengtharea__content__item .textarea p {
    text-align: center;
  }
}
/* line 532, _business.scss */
.business .strengtharea__content .techtxt {
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 897px) {
  /* line 532, _business.scss */
  .business .strengtharea__content .techtxt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 896px) {
  /* line 532, _business.scss */
  .business .strengtharea__content .techtxt {
    margin-bottom: 50px;
  }
}
/* line 544, _business.scss */
.business .strengtharea__content .techtxt span {
  letter-spacing: 0.12em;
}
@media screen and (min-width: 897px) {
  /* line 544, _business.scss */
  .business .strengtharea__content .techtxt span {
    font-size: 2.845rem;
  }
}
@media screen and (max-width: 896px) {
  /* line 544, _business.scss */
  .business .strengtharea__content .techtxt span {
    display: inline-block;
    padding: 3px 10px 5px;
    background-color: #006835;
    font-size: 2.4rem;
  }
}
/* line 556, _business.scss */
.business .strengtharea__content .techtxt strong {
  display: block;
  font-weight: 500;
  letter-spacing: 0.12em;
}
@media screen and (min-width: 897px) {
  /* line 556, _business.scss */
  .business .strengtharea__content .techtxt strong {
    margin-top: 18px;
    font-size: 4.6rem;
  }
}
@media screen and (max-width: 896px) {
  /* line 556, _business.scss */
  .business .strengtharea__content .techtxt strong {
    margin-top: 6px;
    font-size: 5.2rem;
  }
}
/* line 572, _business.scss */
.business .strengtharea .readmore {
  margin: 76px auto 0;
}
@media screen and (max-width: 896px) {
  /* line 572, _business.scss */
  .business .strengtharea .readmore {
    width: 90%;
  }
}
/* line 581, _business.scss */
.business .oem_odm .photo {
  width: 94.8%;
  margin-left: auto;
}
/* line 584, _business.scss */
.business .oem_odm .photo:before {
  background-color: #fff;
}
/* line 589, _business.scss */
.business .oem_odm__process {
  position: relative;
  z-index: 2;
  margin-right: 5.2%;
  background-color: #091d13;
}
@media screen and (min-width: 897px) {
  /* line 589, _business.scss */
  .business .oem_odm__process {
    margin-top: -160px;
  }
}
@media screen and (max-width: 896px) {
  /* line 589, _business.scss */
  .business .oem_odm__process {
    margin-top: -30px;
  }
}
/* line 600, _business.scss */
.business .oem_odm__process .textarea {
  position: relative;
  margin-left: 5.2%;
  background-color: #fff;
}
@media screen and (min-width: 897px) {
  /* line 600, _business.scss */
  .business .oem_odm__process .textarea {
    top: -160px;
    width: 79.72%;
    padding: 80px 210px 80px 70px;
  }
}
@media screen and (max-width: 896px) {
  /* line 600, _business.scss */
  .business .oem_odm__process .textarea {
    top: -30px;
    padding: 60px 5%;
  }
}
/* line 614, _business.scss */
.business .oem_odm__process .textarea h3 span {
  position: relative;
  padding-left: 30px;
  font-size: 1.4rem;
  color: #00622b;
  letter-spacing: .04em;
}
/* line 620, _business.scss */
.business .oem_odm__process .textarea h3 span:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 20px;
  height: 1px;
  background-color: #006835;
}
/* line 631, _business.scss */
.business .oem_odm__process .textarea h3 strong {
  display: block;
  margin-top: 30px;
}
@media screen and (min-width: 897px) {
  /* line 631, _business.scss */
  .business .oem_odm__process .textarea h3 strong {
    font-size: 4.6rem;
    letter-spacing: .12em;
  }
}
@media screen and (max-width: 896px) {
  /* line 631, _business.scss */
  .business .oem_odm__process .textarea h3 strong {
    font-size: 3.2rem;
    letter-spacing: .06em;
  }
}
/* line 644, _business.scss */
.business .oem_odm__process .textarea p {
  margin-top: 42px;
  line-height: 2.191;
  letter-spacing: .08em;
}
@media screen and (min-width: 897px) {
  /* line 644, _business.scss */
  .business .oem_odm__process .textarea p {
    font-size: 2rem;
  }
}
@media screen and (max-width: 896px) {
  /* line 644, _business.scss */
  .business .oem_odm__process .textarea p {
    font-size: 1.6rem;
  }
}
/* line 656, _business.scss */
.business .oem_odm__process__list {
  margin-left: 5.2%;
}
@media screen and (min-width: 897px) {
  /* line 656, _business.scss */
  .business .oem_odm__process__list {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 896px) {
  /* line 656, _business.scss */
  .business .oem_odm__process__list {
    padding-bottom: 10px;
    margin-right: 5.2%;
  }
}
/* line 666, _business.scss */
.business .oem_odm__process__list .item {
  position: relative;
  color: #fff;
}
@media screen and (min-width: 897px) {
  /* line 666, _business.scss */
  .business .oem_odm__process__list .item {
    width: 28.53%;
    margin-right: 4.26%;
    margin-bottom: 114px;
  }
}
@media screen and (max-width: 896px) {
  /* line 666, _business.scss */
  .business .oem_odm__process__list .item {
    margin-bottom: 64px;
  }
}
/* line 677, _business.scss */
.business .oem_odm__process__list .item:first-child {
  transition-delay: .1s;
}
/* line 680, _business.scss */
.business .oem_odm__process__list .item:nth-child(2) {
  transition-delay: .2s;
}
/* line 683, _business.scss */
.business .oem_odm__process__list .item:nth-child(3) {
  transition-delay: .3s;
}
/* line 686, _business.scss */
.business .oem_odm__process__list .item:nth-child(4) {
  transition-delay: .4s;
}
/* line 689, _business.scss */
.business .oem_odm__process__list .item:nth-child(5) {
  transition-delay: .5s;
}
/* line 692, _business.scss */
.business .oem_odm__process__list .item:nth-child(6) {
  transition-delay: .6s;
}
/* line 695, _business.scss */
.business .oem_odm__process__list .item:nth-child(7) {
  transition-delay: .7s;
}
/* line 698, _business.scss */
.business .oem_odm__process__list .item:last-child {
  transition-delay: .8s;
}
/* line 701, _business.scss */
.business .oem_odm__process__list .item:nth-child(3n) {
  margin-right: 0;
}
/* line 704, _business.scss */
.business .oem_odm__process__list .item .text {
  position: absolute;
  top: 41.57%;
  width: 100%;
  padding: 0 11.67%;
}
/* line 709, _business.scss */
.business .oem_odm__process__list .item .text.bottom {
  top: 50.23%;
}
/* line 713, _business.scss */
.business .oem_odm__process__list .item h4 {
  font-weight: 500;
}
@media screen and (min-width: 897px) {
  /* line 713, _business.scss */
  .business .oem_odm__process__list .item h4 {
    font-size: 2.36vw;
  }
}
@media screen and (max-width: 896px) {
  /* line 713, _business.scss */
  .business .oem_odm__process__list .item h4 {
    font-size: 8vw;
  }
}
/* line 723, _business.scss */
.business .oem_odm__process__list .item p {
  line-height: 1.91;
}
@media screen and (min-width: 897px) {
  /* line 723, _business.scss */
  .business .oem_odm__process__list .item p {
    margin-top: 34px;
    font-size: 1.11vw;
  }
}
@media screen and (max-width: 896px) {
  /* line 723, _business.scss */
  .business .oem_odm__process__list .item p {
    margin-top: 24px;
    font-size: 4.2vw;
  }
}
/* line 739, _business.scss */
.business .productarea {
  position: relative;
  border: 1px solid #d9d9d9;
}
@media screen and (min-width: 897px) {
  /* line 739, _business.scss */
  .business .productarea {
    margin: 178px 5.2% 194px;
  }
}
@media screen and (max-width: 896px) {
  /* line 739, _business.scss */
  .business .productarea {
    margin: 78px 5.2% 120px;
  }
}
/* line 748, _business.scss */
.business .productarea .coner {
  position: absolute;
  top: -1%;
  z-index: 2;
}
@media screen and (min-width: 897px) {
  /* line 748, _business.scss */
  .business .productarea .coner {
    width: 4.1%;
  }
}
@media screen and (max-width: 896px) {
  /* line 748, _business.scss */
  .business .productarea .coner {
    width: 21.8%;
  }
}
@media screen and (min-width: 897px) {
  /* line 758, _business.scss */
  .business .productarea .coner.left {
    left: -.3%;
  }
}
@media screen and (max-width: 896px) {
  /* line 758, _business.scss */
  .business .productarea .coner.left {
    left: -2%;
  }
}
@media screen and (min-width: 897px) {
  /* line 766, _business.scss */
  .business .productarea .coner.right {
    right: -.3%;
  }
}
@media screen and (max-width: 896px) {
  /* line 766, _business.scss */
  .business .productarea .coner.right {
    right: -2%;
  }
}
/* line 775, _business.scss */
.business .productarea__inner {
  display: flex;
}
@media screen and (min-width: 897px) {
  /* line 775, _business.scss */
  .business .productarea__inner {
    align-items: center;
  }
  /* line 779, _business.scss */
  .business .productarea__inner .readmore {
    transition: .3s ease;
  }
  /* line 783, _business.scss */
  .business .productarea__inner:hover .readmore {
    background-color: #fff;
    color: #006835;
  }
}
@media screen and (max-width: 896px) {
  /* line 775, _business.scss */
  .business .productarea__inner {
    flex-direction: column-reverse;
    padding: 20px 0;
  }
}
@media screen and (min-width: 897px) {
  /* line 793, _business.scss */
  .business .productarea__inner .textarea {
    margin: 0 60px 0px 50px;
  }
}
@media screen and (max-width: 896px) {
  /* line 793, _business.scss */
  .business .productarea__inner .textarea {
    padding: 20px 5.2%;
  }
}
/* line 800, _business.scss */
.business .productarea__inner .textarea h3 {
  color: #006835;
}
/* line 803, _business.scss */
.business .productarea__inner .textarea .entxt {
  font-size: 1.6rem;
}
/* line 806, _business.scss */
.business .productarea__inner .textarea strong {
  display: block;
  letter-spacing: .12em;
}
@media screen and (min-width: 897px) {
  /* line 806, _business.scss */
  .business .productarea__inner .textarea strong {
    margin: 25px 0 44px;
    font-size: 6rem;
  }
}
@media screen and (max-width: 896px) {
  /* line 806, _business.scss */
  .business .productarea__inner .textarea strong {
    margin: 15px 0 30px;
    font-size: 4rem;
  }
}
/* line 818, _business.scss */
.business .productarea__inner .textarea p {
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: .12em;
}
/* line 823, _business.scss */
.business .productarea__inner .textarea .readmore {
  margin: 30px 0 0;
}
/* line 827, _business.scss */
.business .productarea__inner .photo {
  position: relative;
}
@media screen and (min-width: 897px) {
  /* line 827, _business.scss */
  .business .productarea__inner .photo {
    padding: 15px 15px 15px 0;
  }
}
@media screen and (max-width: 896px) {
  /* line 827, _business.scss */
  .business .productarea__inner .photo {
    padding: 0 5.2% 15px;
  }
}
/* line 835, _business.scss */
.business .productarea__inner .photo .deco {
  position: absolute;
}
/* line 837, _business.scss */
.business .productarea__inner .photo .deco.deco01 {
  top: -30px;
  right: 130px;
}
@media screen and (min-width: 897px) {
  /* line 837, _business.scss */
  .business .productarea__inner .photo .deco.deco01 {
    width: 14%;
  }
}
@media screen and (max-width: 896px) {
  /* line 837, _business.scss */
  .business .productarea__inner .photo .deco.deco01 {
    width: 24%;
  }
}
/* line 847, _business.scss */
.business .productarea__inner .photo .deco.deco02 {
  left: 20px;
  width: 27%;
}
@media screen and (min-width: 897px) {
  /* line 847, _business.scss */
  .business .productarea__inner .photo .deco.deco02 {
    bottom: -30px;
  }
}
@media screen and (max-width: 896px) {
  /* line 847, _business.scss */
  .business .productarea__inner .photo .deco.deco02 {
    bottom: -10px;
  }
}

/********************************
和光電研ができること
********************************/

/********************************
和光電研の強み
********************************/
/* line 8, _strengths.scss */
.strengths__heading {
  position: relative;
}
@media screen and (min-width: 897px) {
  /* line 8, _strengths.scss */
  .strengths__heading {
    padding-top: 109px;
  }
}
@media screen and (max-width: 896px) {
  /* line 8, _strengths.scss */
  .strengths__heading {
    padding: 60px 5% 0;
  }
}
/* line 17, _strengths.scss */
.strengths__heading.white h3, .strengths__heading.white p {
  color: #fff;
}
/* line 20, _strengths.scss */
.strengths__heading.white h3 {
  border-left-color: #fff;
}
/* line 24, _strengths.scss */
.strengths__heading h3 {
  display: block;
  position: relative;
  padding-left: 3.47%;
  color: #006835;
}
@media screen and (min-width: 897px) {
  /* line 24, _strengths.scss */
  .strengths__heading h3 {
    border-left: 4px solid #006835;
    font-size: 8.4rem;
  }
}
@media screen and (max-width: 896px) {
  /* line 24, _strengths.scss */
  .strengths__heading h3 {
    border-left: 2px solid #006835;
    font-size: 4.2rem;
  }
}
/* line 38, _strengths.scss */
.strengths__heading .svgpoint {
  position: absolute;
  width: 100%;
}
@media screen and (min-width: 897px) {
  /* line 38, _strengths.scss */
  .strengths__heading .svgpoint {
    top: 0;
    left: -6.5%;
  }
}
@media screen and (max-width: 896px) {
  /* line 38, _strengths.scss */
  .strengths__heading .svgpoint {
    top: 50%;
  }
  /* line 47, _strengths.scss */
  .strengths__heading .svgpoint svg {
    width: 100%;
    height: auto;
  }
}
/* line 53, _strengths.scss */
.strengths__heading p {
  font-size: 2rem;
  letter-spacing: .04em;
  line-height: 2.1;
}
@media screen and (min-width: 897px) {
  /* line 53, _strengths.scss */
  .strengths__heading p {
    margin-top: 142px;
    margin-left: 3.47%;
    font-size: 2rem;
  }
}
@media screen and (max-width: 896px) {
  /* line 53, _strengths.scss */
  .strengths__heading p {
    margin-top: 42px;
    font-size: 1.6rem;
  }
}
/* line 69, _strengths.scss */
.strengths .leadtxt {
  margin-bottom: 68px;
  text-align: center;
}
@media screen and (min-width: 897px) {
  /* line 69, _strengths.scss */
  .strengths .leadtxt {
    font-size: 2rem;
    letter-spacing: .1em;
  }
}
@media screen and (max-width: 896px) {
  /* line 69, _strengths.scss */
  .strengths .leadtxt {
    padding: 0 5%;
    font-size: 1.6rem;
    letter-spacing: .05em;
    line-height: 1.78;
  }
}
/* line 84, _strengths.scss */
.strengths .anchor {
  margin-bottom: 120px;
  margin-left: 5.2%;
  margin-right: 5.2%;
}
/* line 88, _strengths.scss */
.strengths .anchor ul {
  display: flex;
  border: 1px solid #eaeaea;
}
@media screen and (max-width: 896px) {
  /* line 88, _strengths.scss */
  .strengths .anchor ul {
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 897px) {
  /* line 95, _strengths.scss */
  .strengths .anchor li {
    width: 20%;
  }
}
@media screen and (max-width: 896px) {
  /* line 95, _strengths.scss */
  .strengths .anchor li {
    width: 50%;
  }
}
/* line 103, _strengths.scss */
.strengths .anchor a {
  position: relative;
  display: block;
  padding: 24px 0;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
  transition: .3s ease;
}
/* line 111, _strengths.scss */
.strengths .anchor a:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  width: 1px;
  height: 60%;
  background-color: #eaeaea;
}
@media screen and (min-width: 897px) {
  /* line 123, _strengths.scss */
  .strengths .anchor a:hover {
    background-color: #006835;
    color: #fff;
  }
  /* line 127, _strengths.scss */
  .strengths .anchor a:hover .arrow:before {
    border-width: 6px 5px 0 5px;
    border-color: #fff transparent transparent transparent;
  }
}
/* line 134, _strengths.scss */
.strengths .anchor a .arrow {
  position: relative;
  display: inline-block;
  padding-left: 20px;
}
/* line 138, _strengths.scss */
.strengths .anchor a .arrow:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  border-style: solid;
  border-width: 5px 0 5px 6px;
  border-color: transparent transparent transparent #006835;
  transition: .3s ease;
}
/* line 153, _strengths.scss */
.strengths__content {
  position: relative;
}
@media screen and (min-width: 897px) {
  /* line 153, _strengths.scss */
  .strengths__content {
    padding-left: 11.8%;
  }
}
@media screen and (min-width: 897px) {
  /* line 158, _strengths.scss */
  .strengths__content:before {
    content: '';
    position: absolute;
    top: 0;
    left: 11.8%;
    width: 1px;
    height: 100%;
    background-color: rgba(173, 173, 173, 0.6);
  }
}
/* line 170, _strengths.scss */
.strengths__content .en_label {
  font-size: 1.4rem;
  letter-spacing: 0.04em;
  color: #006835;
}
@media screen and (min-width: 897px) {
  /* line 170, _strengths.scss */
  .strengths__content .en_label {
    position: absolute;
    top: 110px;
    left: 5.9%;
    transform: rotate(90deg);
    transform-origin: left center;
  }
}
@media screen and (max-width: 896px) {
  /* line 170, _strengths.scss */
  .strengths__content .en_label {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 5.2%;
  }
}
/* line 186, _strengths.scss */
.strengths__content .en_label:before {
  content: '';
  position: absolute;
  top: 50%;
  left: -32px;
  transform: translate(0, -50%);
  width: 22px;
  height: 1px;
  background-color: #006835;
}
/* line 196, _strengths.scss */
.strengths__content .en_label.white {
  color: #fff;
}
/* line 198, _strengths.scss */
.strengths__content .en_label.white:before {
  background-color: #fff;
}
@media screen and (min-width: 897px) {
  /* line 204, _strengths.scss */
  .strengths__content .photo {
    margin-left: 3.47%;
  }
}
/* line 211, _strengths.scss */
.strengths .tech {
  background-color: #efefef;
  padding-bottom: 150px;
}
@media screen and (max-width: 896px) {
  /* line 214, _strengths.scss */
  .strengths .tech .en_label {
    background-color: #fff;
  }
}
@media screen and (max-width: 896px) {
  /* line 219, _strengths.scss */
  .strengths .tech .strengths__heading {
    padding: 60px 5% 0;
  }
  /* line 222, _strengths.scss */
  .strengths .tech .strengths__heading p {
    margin-left: 0;
  }
}
/* line 227, _strengths.scss */
.strengths .tech__content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-left: 3.47%;
  margin-right: 7.98%;
}
@media screen and (min-width: 897px) {
  /* line 227, _strengths.scss */
  .strengths .tech__content {
    margin-top: 120px;
  }
}
@media screen and (max-width: 896px) {
  /* line 227, _strengths.scss */
  .strengths .tech__content {
    margin-top: 60px;
  }
}
/* line 239, _strengths.scss */
.strengths .tech__content li {
  margin-top: 50px;
}
@media screen and (min-width: 897px) {
  /* line 239, _strengths.scss */
  .strengths .tech__content li {
    width: 21.17%;
  }
}
@media screen and (max-width: 896px) {
  /* line 239, _strengths.scss */
  .strengths .tech__content li {
    width: 48%;
  }
}
/* line 248, _strengths.scss */
.strengths .tech__content p {
  line-height: 1.625;
}
@media screen and (min-width: 897px) {
  /* line 248, _strengths.scss */
  .strengths .tech__content p {
    margin-top: 20px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 896px) {
  /* line 248, _strengths.scss */
  .strengths .tech__content p {
    margin-top: 10px;
    font-size: 1.4rem;
  }
}
/* line 258, _strengths.scss */
.strengths .tech__content p span {
  font-size: 1.2rem;
}
/* line 264, _strengths.scss */
.strengths .tech__resource {
  padding-bottom: 60px;
  margin-top: 108px;
  margin-left: 3.47%;
  margin-right: 7.98%;
  background-color: #fff;
}
/* line 270, _strengths.scss */
.strengths .tech__resource h4 {
  position: relative;
  padding: 20px 0 20px 43px;
  background-color: #006835;
  clip-path: polygon(100% 0, 100% 64%, 96% 100%, 0 100%, 0 0);
  letter-spacing: 0.12em;
  color: #fff;
}
@media screen and (min-width: 897px) {
  /* line 270, _strengths.scss */
  .strengths .tech__resource h4 {
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 896px) {
  /* line 270, _strengths.scss */
  .strengths .tech__resource h4 {
    font-size: 2rem;
  }
}
/* line 283, _strengths.scss */
.strengths .tech__resource h4:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 20px;
  height: 1px;
  background-color: #fff;
}
@media screen and (min-width: 897px) {
  /* line 294, _strengths.scss */
  .strengths .tech__resource__content {
    display: flex;
    align-items: flex-start;
    padding: 60px 60px 0;
  }
}
@media screen and (max-width: 896px) {
  /* line 294, _strengths.scss */
  .strengths .tech__resource__content {
    padding: 30px 5% 0;
  }
}
/* line 303, _strengths.scss */
.strengths .tech__resource__content .type {
  position: relative;
  padding-left: 20px;
  margin-right: 46px;
  width: 170px;
  font-size: 2rem;
  line-height: 1.71;
  font-weight: 700;
  letter-spacing: 0.12em;
}
@media screen and (min-width: 897px) {
  /* line 303, _strengths.scss */
  .strengths .tech__resource__content .type {
    font-size: 2rem;
  }
}
@media screen and (max-width: 896px) {
  /* line 303, _strengths.scss */
  .strengths .tech__resource__content .type {
    font-size: 1.8rem;
  }
}
/* line 318, _strengths.scss */
.strengths .tech__resource__content .type:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #006835;
}
@media screen and (min-width: 897px) {
  /* line 329, _strengths.scss */
  .strengths .tech__resource__content .type:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -60px;
    transform: translate(0, -50%);
    width: 45px;
    height: 1px;
    background-color: #c7c7c7;
  }
}
/* line 342, _strengths.scss */
.strengths .tech__resource__content p {
  line-height: 1.91;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 897px) {
  /* line 342, _strengths.scss */
  .strengths .tech__resource__content p {
    margin-right: 150px;
    margin-left: 46px;
    flex: 1;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 896px) {
  /* line 342, _strengths.scss */
  .strengths .tech__resource__content p {
    font-size: 1.4rem;
  }
}
/* line 359, _strengths.scss */
.strengths .dev {
  padding-bottom: 150px;
  background-color: #051d0d;
}
/* line 362, _strengths.scss */
.strengths .dev .strengths__heading {
  padding: 60px 5% 0;
}
/* line 364, _strengths.scss */
.strengths .dev .strengths__heading p {
  margin-top: 64px;
  margin-left: 0;
}
/* line 369, _strengths.scss */
.strengths .dev__list {
  margin-top: 102px;
  margin-left: 3.47%;
}
@media screen and (min-width: 897px) {
  /* line 369, _strengths.scss */
  .strengths .dev__list {
    display: flex;
  }
}
@media screen and (max-width: 896px) {
  /* line 369, _strengths.scss */
  .strengths .dev__list {
    flex-wrap: wrap;
    margin-right: 3.47%;
  }
}
/* line 379, _strengths.scss */
.strengths .dev__list__item {
  position: relative;
  width: 46.5%;
  border: 1px solid #69776e;
}
@media screen and (max-width: 896px) {
  /* line 379, _strengths.scss */
  .strengths .dev__list__item {
    width: 100%;
    margin-bottom: 50px;
  }
}
/* line 387, _strengths.scss */
.strengths .dev__list__item:before, .strengths .dev__list__item:after {
  content: '';
  position: absolute;
  top: -4px;
  width: 59px;
  height: 50px;
  border: 1px solid #006835;
}
/* line 395, _strengths.scss */
.strengths .dev__list__item:before {
  left: -4px;
  border-width: 9px 0 0 9px;
}
/* line 399, _strengths.scss */
.strengths .dev__list__item:after {
  right: -4px;
  border-width: 9px 9px 0 0;
}
/* line 403, _strengths.scss */
.strengths .dev__list__item:first-child {
  margin-right: 5.2%;
}
/* line 406, _strengths.scss */
.strengths .dev__list__item .inner {
  position: relative;
}
@media screen and (min-width: 897px) {
  /* line 406, _strengths.scss */
  .strengths .dev__list__item .inner {
    padding: 48px 32px 50px 40px;
  }
}
@media screen and (max-width: 896px) {
  /* line 406, _strengths.scss */
  .strengths .dev__list__item .inner {
    padding: 38px 8% 40px;
  }
}
/* line 414, _strengths.scss */
.strengths .dev__list__item .inner:before, .strengths .dev__list__item .inner:after {
  content: '';
  position: absolute;
  bottom: -4px;
  width: 59px;
  height: 50px;
  border: 1px solid #006835;
}
/* line 422, _strengths.scss */
.strengths .dev__list__item .inner:before {
  left: -4px;
  border-width: 0 0 9px 9px;
}
/* line 426, _strengths.scss */
.strengths .dev__list__item .inner:after {
  right: -4px;
  border-width: 0 9px 9px 0;
}
/* line 431, _strengths.scss */
.strengths .dev__list__item .name {
  display: block;
  padding-bottom: 18px;
  margin: 38px 0 34px;
  border-bottom: 1px solid #fff;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #fff;
}
@media screen and (min-width: 897px) {
  /* line 431, _strengths.scss */
  .strengths .dev__list__item .name {
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 896px) {
  /* line 431, _strengths.scss */
  .strengths .dev__list__item .name {
    font-size: 2.6rem;
  }
}
/* line 447, _strengths.scss */
.strengths .dev__list__item th, .strengths .dev__list__item td {
  padding: 5px 0;
  line-height: 1.5;
}
/* line 451, _strengths.scss */
.strengths .dev__list__item th {
  width: 75px;
}
/* line 453, _strengths.scss */
.strengths .dev__list__item th span {
  display: block;
  padding: 5px 0;
  background-color: #fff;
  font-size: 1.4rem;
  text-align: center;
}
/* line 461, _strengths.scss */
.strengths .dev__list__item td {
  padding-left: 34px;
  font-size: 1.4rem;
  color: #fff;
}
/* line 466, _strengths.scss */
.strengths .dev__list__item .readmore {
  margin: 40px auto 0;
}
/* line 472, _strengths.scss */
.strengths .dev__pickup {
  position: relative;
  display: flex;
  background-color: #0b281a;
  margin-top: 180px;
  margin-left: 3.47%;
  margin-right: 5.2%;
}
@media screen and (min-width: 897px) {
  /* line 472, _strengths.scss */
  .strengths .dev__pickup {
    padding: 80px 100px;
  }
}
@media screen and (max-width: 896px) {
  /* line 472, _strengths.scss */
  .strengths .dev__pickup {
    flex-direction: column-reverse;
    padding: 50px 5% 30px;
  }
}
/* line 486, _strengths.scss */
.strengths .dev__pickup .svgdeco {
  position: absolute;
}
@media screen and (min-width: 897px) {
  /* line 486, _strengths.scss */
  .strengths .dev__pickup .svgdeco {
    top: -80px;
    left: -140px;
  }
}
@media screen and (max-width: 896px) {
  /* line 486, _strengths.scss */
  .strengths .dev__pickup .svgdeco {
    top: -40px;
    left: -2%;
  }
}
@media screen and (max-width: 896px) {
  /* line 496, _strengths.scss */
  .strengths .dev__pickup .svgdeco svg {
    width: 100%;
    height: auto;
  }
}
/* line 503, _strengths.scss */
.strengths .dev__pickup .textarea {
  color: #fff;
}
@media screen and (min-width: 897px) {
  /* line 503, _strengths.scss */
  .strengths .dev__pickup .textarea {
    width: 43.67%;
  }
}
@media screen and (min-width: 897px) {
  /* line 509, _strengths.scss */
  .strengths .dev__pickup h3 {
    margin-bottom: 51px;
  }
}
@media screen and (max-width: 896px) {
  /* line 509, _strengths.scss */
  .strengths .dev__pickup h3 {
    margin-bottom: 26px;
  }
}
/* line 516, _strengths.scss */
.strengths .dev__pickup h3 .en_txt {
  position: relative;
  display: block;
  padding-left: 20px;
  font-size: 1.6rem;
}
@media screen and (min-width: 897px) {
  /* line 516, _strengths.scss */
  .strengths .dev__pickup h3 .en_txt {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 896px) {
  /* line 516, _strengths.scss */
  .strengths .dev__pickup h3 .en_txt {
    margin-bottom: 14px;
  }
}
/* line 527, _strengths.scss */
.strengths .dev__pickup h3 .en_txt:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 12px;
  height: 1px;
  background-color: #fff;
}
/* line 537, _strengths.scss */
.strengths .dev__pickup h3 strong {
  font-size: 6rem;
  font-weight: 700;
  letter-spacing: .1em;
}
@media screen and (min-width: 897px) {
  /* line 537, _strengths.scss */
  .strengths .dev__pickup h3 strong {
    font-size: 6rem;
  }
}
@media screen and (max-width: 896px) {
  /* line 537, _strengths.scss */
  .strengths .dev__pickup h3 strong {
    font-size: 4rem;
  }
}
/* line 549, _strengths.scss */
.strengths .dev__pickup p {
  line-height: 1.875;
}
@media screen and (min-width: 897px) {
  /* line 549, _strengths.scss */
  .strengths .dev__pickup p {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 896px) {
  /* line 549, _strengths.scss */
  .strengths .dev__pickup p {
    font-size: 1.4rem;
  }
}
/* line 558, _strengths.scss */
.strengths .dev__pickup .readmore {
  margin-left: 0;
}
@media screen and (min-width: 897px) {
  /* line 558, _strengths.scss */
  .strengths .dev__pickup .readmore {
    margin-top: 45px;
  }
}
@media screen and (max-width: 896px) {
  /* line 558, _strengths.scss */
  .strengths .dev__pickup .readmore {
    margin-top: 30px;
  }
}
@media screen and (min-width: 897px) {
  /* line 567, _strengths.scss */
  .strengths .dev__pickup .thumb {
    position: absolute;
    top: 50%;
    right: -20px;
    transform: translate(0, -50%);
    width: 52%;
  }
}
@media screen and (max-width: 896px) {
  /* line 567, _strengths.scss */
  .strengths .dev__pickup .thumb {
    position: relative;
    top: -10px;
  }
}
/* line 583, _strengths.scss */
.strengths .correspondence {
  background-color: #f7f7f7;
  padding-bottom: 150px;
}
/* line 587, _strengths.scss */
.strengths .correspondence .strengths__heading h3 {
  padding-left: 5%;
}
@media screen and (min-width: 897px) {
  /* line 591, _strengths.scss */
  .strengths .correspondence__onlyone {
    display: flex;
    align-items: center;
    margin-top: 85px;
    margin-left: 3.47%;
  }
}
@media screen and (max-width: 896px) {
  /* line 591, _strengths.scss */
  .strengths .correspondence__onlyone {
    margin-top: 40px;
    padding: 0 5%;
  }
}
@media screen and (min-width: 897px) {
  /* line 602, _strengths.scss */
  .strengths .correspondence__onlyone .thumb {
    width: 40.92%;
    margin-right: 5.2%;
  }
}
@media screen and (min-width: 897px) {
  /* line 608, _strengths.scss */
  .strengths .correspondence__onlyone .textarea {
    margin-right: 5%;
  }
}
/* line 612, _strengths.scss */
.strengths .correspondence__onlyone .textarea h4 {
  display: inline-block;
  padding: 8px 12px 10px;
  background-color: #006835;
  color: #fff;
}
@media screen and (min-width: 897px) {
  /* line 612, _strengths.scss */
  .strengths .correspondence__onlyone .textarea h4 {
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 896px) {
  /* line 612, _strengths.scss */
  .strengths .correspondence__onlyone .textarea h4 {
    font-size: 2.6rem;
  }
}
/* line 624, _strengths.scss */
.strengths .correspondence__onlyone .textarea p {
  margin-top: 40px;
  font-size: 2rem;
  line-height: 2.1;
}
@media screen and (max-width: 896px) {
  /* line 624, _strengths.scss */
  .strengths .correspondence__onlyone .textarea p {
    font-size: 1.6rem;
  }
}
/* line 635, _strengths.scss */
.strengths .correspondence__custom {
  margin-top: 70px;
}
@media screen and (min-width: 897px) {
  /* line 635, _strengths.scss */
  .strengths .correspondence__custom {
    margin-right: 5.2%;
  }
}
/* line 640, _strengths.scss */
.strengths .correspondence__custom h4 {
  position: relative;
  padding: 35px 12px 35px 26px;
  border: 1px solid #dedede;
  font-size: 2.4rem;
  font-weight: 500;
}
/* line 646, _strengths.scss */
.strengths .correspondence__custom h4:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translate(0, -50%);
  width: 6px;
  height: 6px;
  background-color: #006835;
}
/* line 657, _strengths.scss */
.strengths .correspondence__custom ul {
  display: flex;
  flex-wrap: wrap;
}
/* line 661, _strengths.scss */
.strengths .correspondence__custom li {
  padding: 10px;
  border: 1px solid #dedede;
  border-width: 0 1px 1px 0;
}
@media screen and (min-width: 897px) {
  /* line 661, _strengths.scss */
  .strengths .correspondence__custom li {
    display: flex;
    align-items: center;
    width: 33.333333333333%;
  }
}
@media screen and (max-width: 896px) {
  /* line 661, _strengths.scss */
  .strengths .correspondence__custom li {
    width: 50%;
  }
}
@media screen and (min-width: 897px) {
  /* line 674, _strengths.scss */
  .strengths .correspondence__custom .thumb {
    width: 30%;
  }
}
/* line 679, _strengths.scss */
.strengths .correspondence__custom .name {
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (min-width: 897px) {
  /* line 679, _strengths.scss */
  .strengths .correspondence__custom .name {
    margin-left: 20px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 896px) {
  /* line 679, _strengths.scss */
  .strengths .correspondence__custom .name {
    display: block;
    margin-top: 10px;
    font-size: 1.4rem;
  }
}
/* line 692, _strengths.scss */
.strengths .correspondence__custom .readmore {
  margin: 50px auto 0;
}
@media screen and (max-width: 896px) {
  /* line 692, _strengths.scss */
  .strengths .correspondence__custom .readmore {
    width: 90%;
  }
}
/* line 701, _strengths.scss */
.strengths .quality {
  position: relative;
  padding-bottom: 150px;
}
/* line 704, _strengths.scss */
.strengths .quality:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  background-color: #091d13;
}
@media screen and (min-width: 897px) {
  /* line 704, _strengths.scss */
  .strengths .quality:after {
    width: 97.3%;
    height: 50%;
  }
}
@media screen and (max-width: 896px) {
  /* line 704, _strengths.scss */
  .strengths .quality:after {
    width: 100%;
    height: 70%;
  }
}
/* line 720, _strengths.scss */
.strengths .quality__content {
  margin-top: 150px;
}
@media screen and (min-width: 897px) {
  /* line 720, _strengths.scss */
  .strengths .quality__content {
    display: flex;
    justify-content: space-between;
    margin-left: 3.47%;
    margin-right: 3.47%;
  }
}
/* line 729, _strengths.scss */
.strengths .quality__item {
  border: 1px solid #3a4a42;
}
@media screen and (min-width: 897px) {
  /* line 729, _strengths.scss */
  .strengths .quality__item {
    width: 48%;
  }
}
/* line 734, _strengths.scss */
.strengths .quality__item .textarea {
  color: #fff;
}
@media screen and (min-width: 897px) {
  /* line 734, _strengths.scss */
  .strengths .quality__item .textarea {
    padding: 64px 34px 75px;
  }
}
@media screen and (max-width: 896px) {
  /* line 734, _strengths.scss */
  .strengths .quality__item .textarea {
    padding: 34px 5.2% 50px;
  }
}
/* line 745, _strengths.scss */
.strengths .quality__item h4 {
  padding-bottom: 34px;
  margin-bottom: 43px;
  border-bottom: 1px solid #006835;
  font-size: 3rem;
  line-height: 1.53;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 897px) {
  /* line 745, _strengths.scss */
  .strengths .quality__item h4 {
    padding-bottom: 34px;
    margin-bottom: 43px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 896px) {
  /* line 745, _strengths.scss */
  .strengths .quality__item h4 {
    padding-bottom: 24px;
    margin-bottom: 23px;
    font-size: 2rem;
  }
}
/* line 763, _strengths.scss */
.strengths .quality__item p {
  margin-bottom: 40px;
  line-height: 1.91;
}
@media screen and (min-width: 897px) {
  /* line 763, _strengths.scss */
  .strengths .quality__item p {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 896px) {
  /* line 763, _strengths.scss */
  .strengths .quality__item p {
    font-size: 1.4rem;
  }
}
/* line 773, _strengths.scss */
.strengths .quality__item h5 {
  padding: 16px 10px;
  margin-bottom: 20px;
  background-color: #006835;
  font-size: 1.6rem;
}
/* line 779, _strengths.scss */
.strengths .quality__item .photo_item {
  display: flex;
  justify-content: space-between;
}
/* line 782, _strengths.scss */
.strengths .quality__item .photo_item > div {
  width: 47.83%;
}
/* line 785, _strengths.scss */
.strengths .quality__item .photo_item .txt {
  display: block;
  margin-top: 20px;
  font-size: 1.4rem;
  text-align: center;
}
/* line 795, _strengths.scss */
.strengths .productivity {
  color: #fff;
}
@media screen and (min-width: 897px) {
  /* line 795, _strengths.scss */
  .strengths .productivity {
    padding-top: 140px;
    padding-bottom: 170px;
    background: url(asset/img/strengths/bg_product.png) center 380px no-repeat;
    background-size: cover;
  }
}
@media screen and (max-width: 896px) {
  /* line 795, _strengths.scss */
  .strengths .productivity {
    padding-top: 60px;
    padding-bottom: 80px;
    background: url(asset/img/strengths/bg_product.png) center 300px no-repeat;
    background-size: cover;
  }
}
@media screen and (min-width: 897px) {
  /* line 809, _strengths.scss */
  .strengths .productivity .strengths__heading {
    display: flex;
    align-items: center;
  }
}
@media screen and (max-width: 896px) {
  /* line 809, _strengths.scss */
  .strengths .productivity .strengths__heading {
    padding: 60px 5% 0;
  }
}
/* line 817, _strengths.scss */
.strengths .productivity .strengths__heading h3 {
  border-left-color: #fff;
  color: #fff;
}
@media screen and (max-width: 896px) {
  /* line 817, _strengths.scss */
  .strengths .productivity .strengths__heading h3 {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 897px) {
  /* line 824, _strengths.scss */
  .strengths .productivity .strengths__heading p {
    margin-top: 0;
    margin-left: 8.33%;
    padding-right: 5.2%;
  }
}
/* line 832, _strengths.scss */
.strengths .productivity__area {
  background-color: rgba(0, 0, 0, 0.8);
}
@media screen and (min-width: 897px) {
  /* line 832, _strengths.scss */
  .strengths .productivity__area {
    padding: 80px 60px 100px;
    margin-top: 100px;
    margin-left: 3.47%;
    margin-right: 4.2%;
  }
}
@media screen and (max-width: 896px) {
  /* line 832, _strengths.scss */
  .strengths .productivity__area {
    padding: 50px 5%;
    margin-top: 60px;
  }
}
/* line 844, _strengths.scss */
.strengths .productivity__area h4 {
  padding-bottom: 32px;
  margin-bottom: 50px;
  border-bottom: 1px solid #fff;
  font-size: 3rem;
  color: #fff;
}
@media screen and (min-width: 897px) {
  /* line 844, _strengths.scss */
  .strengths .productivity__area h4 {
    font-size: 3rem;
  }
}
@media screen and (max-width: 896px) {
  /* line 844, _strengths.scss */
  .strengths .productivity__area h4 {
    font-size: 2.4rem;
  }
}

/********************************
和光電研の強み
********************************/

/********************************
privacypolicy
********************************/
/* line 8, _privacypolicy.scss */
.privacypolicy__content {
  position: relative;
  padding-bottom: 120px;
  background-color: #fff;
}
@media screen and (min-width: 897px) {
  /* line 8, _privacypolicy.scss */
  .privacypolicy__content {
    padding-top: 120px;
    padding-left: 8%;
    margin-left: 12%;
    padding-right: 20%;
  }
}
@media screen and (max-width: 896px) {
  /* line 8, _privacypolicy.scss */
  .privacypolicy__content {
    padding-top: 60px;
    padding-left: 4%;
    margin-left: 4%;
    padding-right: 8%;
  }
}
/* line 24, _privacypolicy.scss */
.privacypolicy__content:before {
  content: '';
  position: absolute;
  top: -150px;
  left: -14%;
  z-index: -1;
  background-color: #f6f6f6;
  width: 120vw;
  height: 620px;
}
/* line 34, _privacypolicy.scss */
.privacypolicy__content__item {
  /*padding-bottom: 45px;
  margin-bottom: 50px;
  border-bottom: 1px solid #e3e3e3;*/
}
/* line 39, _privacypolicy.scss */
.privacypolicy__content h3 {
  font-weight: 500;
}
.privacypolicy__content h3:nth-of-type(n + 2) {
  padding-top: 45px;
  margin-top: 50px;
  border-top: 1px solid #e3e3e3;
}
@media screen and (min-width: 897px) {
  /* line 39, _privacypolicy.scss */
  .privacypolicy__content h3 {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 896px) {
  /* line 39, _privacypolicy.scss */
  .privacypolicy__content h3 {
    font-size: 1.6rem;
  }
}
/* line 48, _privacypolicy.scss */
.privacypolicy__content p {
  margin-top: 38px;
  font-size: 1.4rem;
  line-height: 1.91;
}
@media screen and (min-width: 897px) {
  /* line 48, _privacypolicy.scss */
  .privacypolicy__content p {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 896px) {
  /* line 48, _privacypolicy.scss */
  .privacypolicy__content p {
    font-size: 1.3rem;
  }
}
/* line 59, _privacypolicy.scss */
.privacypolicy__content ul {
  padding: 5px 20px;
  margin-top: 14px;
  background-color: #f7f7f7;
}
/* line 63, _privacypolicy.scss */
.privacypolicy__content ul li {
  margin: 16px 0;
  line-height: 1.4;
}
@media screen and (min-width: 897px) {
  /* line 63, _privacypolicy.scss */
  .privacypolicy__content ul li {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 896px) {
  /* line 63, _privacypolicy.scss */
  .privacypolicy__content ul li {
    font-size: 1.3rem;
  }
}

/********************************
privacypolicy
********************************/

/********************************
実績紹介
********************************/
/* line 8, _product.scss */
.product__content {
  position: relative;
  background-color: #091d13;
  padding-bottom: 160px;
}
@media screen and (min-width: 897px) {
  /* line 12, _product.scss */
  .product__content:before {
    content: '';
    position: absolute;
    top: 0;
    left: 8.68%;
    width: 1px;
    height: 100%;
    background-color: #6b736f;
  }
}
@media screen and (min-width: 897px) {
  /* line 25, _product.scss */
  .product__leadarea {
    display: flex;
  }
}
@media screen and (max-width: 896px) {
  /* line 25, _product.scss */
  .product__leadarea {
    padding: 30px 5%;
  }
}
@media screen and (min-width: 897px) {
  /* line 32, _product.scss */
  .product__leadarea .textarea {
    margin-top: 140px;
    margin-left: 8.68%;
    margin-right: 10.41%;
  }
}
/* line 38, _product.scss */
.product__leadarea .textarea h3 {
  padding-left: 46px;
  margin-bottom: 49px;
  border-left: 4px solid #006835;
  font-size: 10rem;
  color: #091d13;
  text-shadow: 1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;
}
@media screen and (max-width: 896px) {
  /* line 38, _product.scss */
  .product__leadarea .textarea h3 {
    padding-left: 10px;
    margin-bottom: 30px;
    border-left: 2px solid #006835;
    font-size: 4.6rem;
  }
}
/* line 52, _product.scss */
.product__leadarea .textarea p {
  margin-left: 46px;
  font-size: 2rem;
  line-height: 2.1;
  letter-spacing: 0.2em;
  color: #fff;
}
@media screen and (max-width: 896px) {
  /* line 52, _product.scss */
  .product__leadarea .textarea p {
    margin-left: 10px;
    font-size: 1.4rem;
    line-height: 1.78;
    letter-spacing: 0.12em;
  }
}
@media screen and (min-width: 897px) {
  /* line 66, _product.scss */
  .product__leadarea .thumb {
    margin-top: -90px;
    margin-right: 5.2%;
  }
}
@media screen and (max-width: 896px) {
  /* line 66, _product.scss */
  .product__leadarea .thumb {
    margin-top: 30px;
    height: 300px;
    overflow: hidden;
  }
}
/* line 79, _product.scss */
.product__list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 60px;
}
@media screen and (min-width: 897px) {
  /* line 79, _product.scss */
  .product__list {
    padding-left: 46px;
    margin-left: 8.68%;
    margin-right: 8.61%;
  }
}
/* line 88, _product.scss */
.product__list__item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 49px 0 33px;
  color: #fff;
}
@media screen and (min-width: 897px) {
  /* line 88, _product.scss */
  .product__list__item {
    width: 50%;
  }
  /* line 97, _product.scss */
  .product__list__item:hover {
    opacity: 0.7;
  }
  /* line 100, _product.scss */
  .product__list__item:hover .thumb img {
    transform: scale(1.05);
  }
}
/* line 106, _product.scss */
.product__list__item .en_txt {
  font-size: 1.358rem;
  padding-left: 6.62%;
  color: #006835;
}
/* line 111, _product.scss */
.product__list__item strong {
  display: block;
  margin-top: 16px;
  margin-left: 6.62%;
  font-size: 3rem;
  letter-spacing: .1em;
}
/* line 118, _product.scss */
.product__list__item p {
  margin-left: 6.62%;
  margin-right: 13.06%;
  font-size: 1.4rem;
  line-height: 1.714;
  letter-spacing: .04em;
}
/* line 125, _product.scss */
.product__list__item .thumb {
  margin: 24px 11.67% 0;
}
/* line 127, _product.scss */
.product__list__item .thumb img {
  transition: .5s ease;
}
/* line 131, _product.scss */
.product__list__item .btn {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 3.47vw;
  height: 3.47vw;
  background-color: #006835;
}
@media screen and (max-width: 896px) {
  /* line 131, _product.scss */
  .product__list__item .btn {
    width: 10vw;
    height: 10vw;
  }
}
/* line 142, _product.scss */
.product__list__item .btn:before, .product__list__item .btn:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30%;
  height: 1px;
  background-color: #fff;
}
/* line 151, _product.scss */
.product__list__item .btn:before {
  transform: translate(-50%, -50%);
}
/* line 154, _product.scss */
.product__list__item .btn:after {
  transform: translate(-50%, -50%) rotate(90deg);
}
/* line 161, _product.scss */
.tax-product-category .leadtxt,
.single-product .leadtxt {
  line-height: 2.1;
  letter-spacing: 0.18em;
}
@media screen and (min-width: 897px) {
  /* line 161, _product.scss */
  .tax-product-category .leadtxt,
  .single-product .leadtxt {
    margin: 128px 0 120px 10.42%;
    font-size: 2rem;
  }
}
@media screen and (max-width: 896px) {
  /* line 161, _product.scss */
  .tax-product-category .leadtxt,
  .single-product .leadtxt {
    margin: 68px 5.2%;
    font-size: 1.6rem;
  }
}
/* line 174, _product.scss */
.tax-product-category .itemarea,
.single-product .itemarea {
  position: relative;
  padding: 100px 0;
  background-color: #091d13;
  color: #fff;
}
@media screen and (min-width: 897px) {
  /* line 179, _product.scss */
  .tax-product-category .itemarea:before,
  .single-product .itemarea:before {
    content: '';
    position: absolute;
    top: 0;
    left: 8.68%;
    width: 1px;
    height: 100%;
    background-color: #9f9f9f;
  }
}
/* line 190, _product.scss */
.tax-product-category .itemarea__content,
.single-product .itemarea__content {
  border-bottom: 1px solid #9f9f9f;
}
@media screen and (min-width: 897px) {
  /* line 190, _product.scss */
  .tax-product-category .itemarea__content,
  .single-product .itemarea__content {
    padding: 87px 5.2% 87px 46px;
    padding: 0 5.2% 87px 46px;
    margin-left: 8.68%;
  }
}
@media screen and (max-width: 896px) {
  /* line 190, _product.scss */
  .tax-product-category .itemarea__content,
  .single-product .itemarea__content {
    padding: 42px 5.2%;
    padding: 0 5.2% 42px;
  }
}
/* line 199, _product.scss */
.tax-product-category .itemarea__content h3,
.single-product .itemarea__content h3 {
  margin-bottom: 39px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .04em;
}
@media screen and (min-width: 897px) {
  /* line 199, _product.scss */
  .tax-product-category .itemarea__content h3,
  .single-product .itemarea__content h3 {
    padding-left: 50px;
    background: url(asset/img/common/icon_green_bar.png) 0 center no-repeat;
    background-size: 40px;
    font-size: 3rem;

    /*font-size: 2.2rem;*/

  }
}
@media screen and (max-width: 896px) {
  /* line 199, _product.scss */
  .tax-product-category .itemarea__content h3,
  .single-product .itemarea__content h3 {
    padding-left: 30px;
    background: url(asset/img/common/icon_green_bar.png) 0 13px no-repeat;
    background-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (min-width: 897px) {
  /* line 217, _product.scss */
  .tax-product-category .itemarea__content__explain {
    display: flex;
  }
}
@media screen and (min-width: 897px) {
  /* line 221, _product.scss */
  .tax-product-category .itemarea__content__explain .thumb {
    width: 35.83%;
    margin-right: 3.33%;
  }
}
/* line 227, _product.scss */
.tax-product-category .itemarea__content__explain .tablearea,
.single-product .itemarea__content .wp-block-table {
  border-top: 1px solid #006835;
}
@media screen and (min-width: 897px) {
  /* line 227, _product.scss */
  .tax-product-category .itemarea__content__explain .tablearea {
    width: 60.84%;
  }
}
@media screen and (max-width: 896px) {
  /* line 227, _product.scss */
  .tax-product-category .itemarea__content__explain .tablearea,
  .single-product .itemarea__content .wp-block-table {
    margin-top: 20px;
  }
}
/* line 235, _product.scss */
.tax-product-category .itemarea__content__explain .tablearea th,
.tax-product-category .itemarea__content__explain .tablearea td,
.single-product .itemarea__content .wp-block-table th,
.single-product .itemarea__content .wp-block-table td {
  padding: 30px 25px;
  border: 1px solid #9f9f9f;
  font-size: 1.6rem;
  line-height: 2;
}
@media screen and (max-width: 896px) {
  /* line 235, _product.scss */
  .tax-product-category .itemarea__content__explain .tablearea th,
  .tax-product-category .itemarea__content__explain .tablearea td,
  .single-product .itemarea__content .wp-block-table th,
  .single-product .itemarea__content .wp-block-table td {
    display: block;
    padding: 20px 5.2%;
  }
  .single-product .itemarea__content .wp-block-table th,
  .single-product .itemarea__content .wp-block-table td {
    font-size: 1.4rem;
  }
}
/* line 245, _product.scss */
.tax-product-category .itemarea__content__explain .tablearea th,
.single-product .itemarea__content .wp-block-table th {
  border-width: 0 1px 1px;
}
@media screen and (min-width: 897px) {
  /* line 245, _product.scss */
  .tax-product-category .itemarea__content__explain .tablearea th,
  .single-product .itemarea__content .wp-block-table th {
    width: 194px;
    text-align: center;
  }
}
@media screen and (max-width: 896px) {
  /* line 245, _product.scss */
  .tax-product-category .itemarea__content__explain .tablearea th,
  .single-product .itemarea__content .wp-block-table th {
    padding-bottom: 0;
    border-width: 0 1px;
  }
}
/* line 256, _product.scss */
.tax-product-category .itemarea__content__explain .tablearea td,
.single-product .itemarea__content .wp-block-table td {
  border-width: 0 1px 1px;
}
@media screen and (max-width: 896px) {
  /* line 256, _product.scss */
  .tax-product-category .itemarea__content__explain .tablearea td,
  .single-product .itemarea__content .wp-block-table td {
    padding-top: 0;
  }
}

/********************************
実績紹介
********************************/

/********************************
お知らせ
********************************/
/* line 8, _news.scss */
.news__content {
  max-width: 850px;
  margin: auto;
}
/* line 13, _news.scss */
.news__ageselect {
  display: flex;
  align-items: center;
  margin-bottom: 80px;
}
@media screen and (max-width: 896px) {
  /* line 13, _news.scss */
  .news__ageselect {
    margin-bottom: 40px;
    margin-left: 5%;
  }
}
/* line 21, _news.scss */
.news__ageselect .txt {
  margin-right: 23px;
  font-size: 1.3rem;
}
/* line 25, _news.scss */
.news__ageselect .selectbox {
  position: relative;
}
/* line 27, _news.scss */
.news__ageselect .selectbox:before, .news__ageselect .selectbox:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 12px;
  width: 8px;
  height: 1px;
  background-color: #006835;
}
/* line 36, _news.scss */
.news__ageselect .selectbox:before {
  transform: translate(0, -50%) rotate(-55deg);
}
/* line 39, _news.scss */
.news__ageselect .selectbox:after {
  transform: translate(-50%, -50%) rotate(55deg);
}
/* line 42, _news.scss */
.news__ageselect .selectbox .target {
  padding: 16px 118px 16px 16px;
  border: 1px solid #d9d9d9;
  font-size: 1.4rem;
}
/* line 47, _news.scss */
.news__ageselect .selectbox ul {
  display: none;
  position: absolute;
  width: 100%;
  padding: 20px;
  background-color: #fff;
}
/* line 53, _news.scss */
.news__ageselect .selectbox ul li {
  margin-bottom: 20px;
  font-size: 1.4rem;
}
/* line 57, _news.scss */
.news__ageselect .selectbox ul a {
  display: block;
  padding: 10px 0;
  border-bottom: 1px solid #eee;
}
/* line 66, _news.scss */
.news__list {
  padding-bottom: 120px;
}
@media screen and (max-width: 896px) {
  /* line 66, _news.scss */
  .news__list {
    padding-bottom: 80px;
  }
}
/* line 71, _news.scss */
.news__list ul {
  margin-bottom: 72px;
}
@media screen and (max-width: 896px) {
  /* line 71, _news.scss */
  .news__list ul {
    margin-bottom: 48px;
  }
}
/* line 77, _news.scss */
.news__list li {
  padding: 40px 0 30px;
  border-bottom: 1px solid #e3e3e3;
}
@media screen and (max-width: 896px) {
  /* line 77, _news.scss */
  .news__list li {
    padding: 28px 5%;
  }
}
/* line 84, _news.scss */
.news__list .info {
  display: flex;
  margin-bottom: 20px;
}
/* line 88, _news.scss */
.news__list .time {
  padding-right: 16px;
  margin-right: 12px;
  border-right: 1px solid #e3e3e3;
  font-size: 1.4rem;
  color: #999;
}
@media screen and (max-width: 896px) {
  /* line 88, _news.scss */
  .news__list .time {
    font-size: 1.2rem;
  }
}
/* line 98, _news.scss */
.news__list .new {
  font-size: 1.5rem;
  color: #006835;
}
@media screen and (max-width: 896px) {
  /* line 98, _news.scss */
  .news__list .new {
    font-size: 1.3rem;
  }
}
/* line 105, _news.scss */
.news__list a {
  display: inline-block;
  font-weight: 500;
}
@media screen and (min-width: 897px) {
  /* line 105, _news.scss */
  .news__list a {
    font-size: 1.5rem;
  }
  /* line 110, _news.scss */
  .news__list a:hover {
    color: #006835;
  }
}
@media screen and (max-width: 896px) {
  /* line 105, _news.scss */
  .news__list a {
    font-size: 1.3rem;
  }
}
/* line 118, _news.scss */
.news__list .wp-pagenavi {
  position: relative;
  display: flex;
  justify-content: center;
}
/* line 122, _news.scss */
.news__list .wp-pagenavi a, .news__list .wp-pagenavi span {
  padding: 10px 15px;
  border: 0;
  font-size: 2rem;
  font-family: 'Inter', sans-serif;
}
@media screen and (max-width: 896px) {
  /* line 122, _news.scss */
  .news__list .wp-pagenavi a, .news__list .wp-pagenavi span {
    padding: 5px 10px;
    font-size: 1.4rem;
  }
}
/* line 132, _news.scss */
.news__list .wp-pagenavi a {
  color: #999;
}
@media screen and (min-width: 897px) {
  /* line 135, _news.scss */
  .news__list .wp-pagenavi a:hover {
    color: #111;
  }
}
/* line 140, _news.scss */
.news__list .wp-pagenavi .previouspostslink, .news__list .wp-pagenavi .nextpostslink {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 1.1rem;
}
/* line 146, _news.scss */
.news__list .wp-pagenavi .previouspostslink {
  left: 0;
}
/* line 149, _news.scss */
.news__list .wp-pagenavi .nextpostslink {
  right: 0;
}
/* line 155, _news.scss */
.news__detail {
  max-width: 840px;
  margin: auto;
}
@media screen and (max-width: 896px) {
  /* line 155, _news.scss */
  .news__detail {
    padding: 0 5%;
  }
}
/* line 161, _news.scss */
.news__detail .time {
  font-size: 1.4rem;
  color: #006835;
}
/* line 165, _news.scss */
.news__detail .title {
  padding-bottom: 48px;
  margin-bottom: 66px;
  border-bottom: 1px solid #e3e3e3;
  margin-top: 42px;
  font-size: 2.4rem;
  line-height: 1.67;
  font-weight: 500;
  letter-spacing: .04em;
}
/* line 176, _news.scss */
.news__detail .content div {
  margin-top: 30px;
  font-size: 1.4rem;
  line-height: 1.91;
}
/* line 181, _news.scss */
.news__detail .content p {
  margin-top: 30px;
  font-size: 1.4rem;
  line-height: 1.91;
}
/* line 186, _news.scss */
.news__detail .content strong {
  display: inline-block;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.91;
}
/* line 192, _news.scss */
.news__detail .content h3 {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e3e3e3;
  font-size: 2rem;
  font-weight: 500;
}
/* line 199, _news.scss */
.news__detail .content a {
  color: #006835;
  text-decoration: underline;
}
/* line 203, _news.scss */
.news__detail .content .wp-block-quote {
  padding: 30px;
  margin-top: 20px;
  background-color: #f7f7f7;
  font-size: 1.4rem;
}
/* line 209, _news.scss */
.news__detail .content .wp-block-quote p:not(:first-child) {
  margin-top: 10px;
}
/* line 217, _news.scss */
.news__pagelink {
  padding: 50px 0;
  margin-top: 220px;
  background-color: #eaeaea;
}
/* line 221, _news.scss */
.news__pagelink ul {
  display: flex;
  justify-content: space-between;
  max-width: 840px;
  margin: auto;
}
@media screen and (max-width: 896px) {
  /* line 221, _news.scss */
  .news__pagelink ul {
    position: relative;
    padding: 0 5% 100px;
  }
}
@media screen and (min-width: 897px) {
  /* line 231, _news.scss */
  .news__pagelink li {
    width: 31%;
  }
}
@media screen and (max-width: 896px) {
  /* line 231, _news.scss */
  .news__pagelink li {
    width: 48%;
  }
  /* line 237, _news.scss */
  .news__pagelink li:nth-child(2) {
    position: absolute;
    top: 86px;
    left: 50%;
    transform: translate(-50%, 0);
  }
}
/* line 245, _news.scss */
.news__pagelink li.btn a {
  position: relative;
  background-color: #fff;
  color: #006835;
}
/* line 249, _news.scss */
.news__pagelink li.btn a:before, .news__pagelink li.btn a:after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
/* line 258, _news.scss */
.news__pagelink li.btn.prebtn a:before, .news__pagelink li.btn.prebtn a:after {
  border-style: solid;
  border-width: 6px 10px 6px 0;
}
/* line 262, _news.scss */
.news__pagelink li.btn.prebtn a:before {
  left: 22px;
  z-index: 2;
  border-color: transparent #ffffff transparent transparent;
}
/* line 267, _news.scss */
.news__pagelink li.btn.prebtn a:after {
  left: 20px;
  border-color: transparent #006835 transparent transparent;
}
/* line 275, _news.scss */
.news__pagelink li.btn.nextbtn a:before, .news__pagelink li.btn.nextbtn a:after {
  border-style: solid;
  border-width: 6px 0 6px 10px;
}
/* line 279, _news.scss */
.news__pagelink li.btn.nextbtn a:before {
  right: 22px;
  z-index: 2;
  border-color: transparent transparent transparent #ffffff;
}
/* line 284, _news.scss */
.news__pagelink li.btn.nextbtn a:after {
  right: 20px;
  border-color: transparent transparent transparent #006835;
}
/* line 292, _news.scss */
.news__pagelink a {
  display: block;
  padding: 30px 0;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
}
@media screen and (min-width: 897px) {
  /* line 292, _news.scss */
  .news__pagelink a {
    padding: 30px 0;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 896px) {
  /* line 292, _news.scss */
  .news__pagelink a {
    padding: 20px 0;
    font-size: 1.4rem;
  }
}
/* line 306, _news.scss */
.news__pagelink a.listback {
  background-color: #006835;
  color: #fff;
}

/********************************
お知らせ
********************************/

/********************************
contact
********************************/
/* line 8, _contact.scss */
.contact .mvunder {
  background-color: #f6f6f6;
}
/* line 11, _contact.scss */
.contact__content {
  position: relative;
  padding-bottom: 120px;
  background-color: #fff;
}
@media screen and (min-width: 897px) {
  /* line 11, _contact.scss */
  .contact__content {
    padding-top: 120px;
    padding-left: 8%;
    margin-left: 12%;
    padding-right: 20%;
  }
}
@media screen and (max-width: 896px) {
  /* line 11, _contact.scss */
  .contact__content {
    padding-top: 60px;
    padding-left: 4%;
    margin-left: 4%;
    padding-right: 8%;
  }
}
/* line 27, _contact.scss */
.contact__content:before {
  content: '';
  position: absolute;
  top: -150px;
  left: -14%;
  z-index: -1;
  background-color: #f6f6f6;
  width: 120vw;
  height: 620px;
}
/* line 38, _contact.scss */
.contact__content__flow {
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 897px) {
  /* line 38, _contact.scss */
  .contact__content__flow {
    margin: 0 80px 160px;
  }
}
@media screen and (max-width: 896px) {
  /* line 38, _contact.scss */
  .contact__content__flow {
    margin: 0 5% 80px;
  }
}
/* line 47, _contact.scss */
.contact__content__flow .point {
  position: relative;
  border: 1px solid #a4a4a4;
  border-radius: 50%;
  font-size: 1.4rem;
  color: #a4a4a4;
  text-align: center;
}
@media screen and (min-width: 897px) {
  /* line 47, _contact.scss */
  .contact__content__flow .point {
    width: 75px;
    height: 75px;
    line-height: 75px;
  }
}
@media screen and (max-width: 896px) {
  /* line 47, _contact.scss */
  .contact__content__flow .point {
    width: 55px;
    height: 55px;
    line-height: 55px;
  }
}
/* line 64, _contact.scss */
.contact__content__flow .point.current {
  background-color: #006835;
  color: #fff;
}
/* line 67, _contact.scss */
.contact__content__flow .point.current:before {
  color: #000;
}
/* line 71, _contact.scss */
.contact__content__flow .point:before {
  content: attr(data-num);
  position: absolute;
  font-style: italic;
  font-family: 'Inter', sans-serif;
  color: #a4a4a4;
}
@media screen and (min-width: 897px) {
  /* line 71, _contact.scss */
  .contact__content__flow .point:before {
    top: -50px;
    left: -30px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 896px) {
  /* line 71, _contact.scss */
  .contact__content__flow .point:before {
    top: -38px;
    left: -20px;
    font-size: 1.4rem;
  }
}
/* line 88, _contact.scss */
.contact__content__flow .point:after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  height: 1px;
  background-color: #ddd;
}
@media screen and (min-width: 897px) {
  /* line 88, _contact.scss */
  .contact__content__flow .point:after {
    right: -180px;
    width: 120px;
  }
}
@media screen and (max-width: 896px) {
  /* line 88, _contact.scss */
  .contact__content__flow .point:after {
    right: -50px;
    width: 36px;
  }
}
/* line 105, _contact.scss */
.contact__content__flow .point:nth-of-type(3)::after {
  display: none;
}
/* line 111, _contact.scss */
.contact__content__item {
  margin-bottom: 50px;
}
/* line 113, _contact.scss */
.contact__content__item h3 {
  font-weight: 500;
  line-height: 1.67;
  letter-spacing: .12em;
}
@media screen and (min-width: 897px) {
  /* line 113, _contact.scss */
  .contact__content__item h3 {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 896px) {
  /* line 113, _contact.scss */
  .contact__content__item h3 {
    font-size: 2rem;
  }
}
/* line 124, _contact.scss */
.contact__content__item p {
  margin-top: 38px;
  font-size: 1.4rem;
  line-height: 1.91;
}
@media screen and (min-width: 897px) {
  /* line 124, _contact.scss */
  .contact__content__item p {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 896px) {
  /* line 124, _contact.scss */
  .contact__content__item p {
    font-size: 1.3rem;
  }
}
/* line 137, _contact.scss */
.contact__content__tel {
  padding: 50px 0;
  margin-bottom: 50px;
  border: 1px solid #f3f3f3;
  border-width: 1px 0;
  text-align: center;
}
/* line 143, _contact.scss */
.contact__content__tel .number {
  display: block;
  color: #004f1c;
}
@media screen and (min-width: 897px) {
  /* line 143, _contact.scss */
  .contact__content__tel .number {
    font-size: 4.6rem;
  }
}
@media screen and (max-width: 896px) {
  /* line 143, _contact.scss */
  .contact__content__tel .number {
    font-size: 3.6rem;
  }
}
/* line 153, _contact.scss */
.contact__content__tel .txt {
  font-size: 1.4rem;
}
.contact__content__form .wpcf7-spinner {
  display: none!important;
}
.contact__content__form .wpcf7-not-valid-tip {
  margin-top: 16px;
  color: #c30d23;
  font-size: 1.4rem;
}
/* line 159, _contact.scss */
.contact__content__form th, .contact__content__form td {
  display: block;
}
/* line 162, _contact.scss */
.contact__content__form th {
  padding-bottom: 20px;
  font-size: 1.6rem;
  font-weight: 500;
}
.contact__content__form th span {
  margin-left: 2px;
  color: #c30d23;
  font-size: 1.4rem;
}
/* line 167, _contact.scss */
.contact__content__form td {
  padding-bottom: 50px;
  font-size: 1.6rem;
}
/* line 170, _contact.scss */
.contact__content__form td.flexbox {
  display: flex;
  justify-content: space-between;

  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 2%;

}
.contact__content__form td .wpcf7-radio .wpcf7-list-item {
  display: block;
  margin: 0;
}
/* line 174, _contact.scss */
.contact__content__form td .wpcf7-radio input,
.contact__content__form td .radiobtn {
  display: none;
}
/* line 177, _contact.scss */
.contact__content__form td .wpcf7-radio .wpcf7-list-item-label,
.contact__content__form td .radio_label {
  position: relative;
  padding-left: 35px;
}
/* line 180, _contact.scss */
.contact__content__form td .wpcf7-radio .wpcf7-list-item-label:before,
.contact__content__form td .radio_label:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #ddd;
}
/* line 191, _contact.scss */
.contact__content__form td .wpcf7-radio .wpcf7-list-item-label:after,
.contact__content__form td .radio_label:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #006835;
  opacity: 0;
}
/* line 204, _contact.scss */
.contact__content__form td .wpcf7-radio input:checked + .wpcf7-list-item-label:after,
.contact__content__form td .radiobtn:checked + .radio_label:after {
  opacity: 1;
}
/* line 207, _contact.scss */
.contact__content__form td .inputarea {
  width: 100%;
  background-color: #f3f3f3;
  font-size: 1.6rem;
}
@media screen and (min-width: 897px) {
  /* line 207, _contact.scss */
  .contact__content__form td .inputarea {
    padding: 30px 20px;
  }
}
@media screen and (max-width: 896px) {
  /* line 207, _contact.scss */
  .contact__content__form td .inputarea {
    padding: 20px 12px;
  }
}
/* line 217, _contact.scss */
.contact__content__form td .inputarea.half {
  width: 49%;
}
@media screen and (min-width: 897px) {
  /* line 222, _contact.scss */
  .contact__content__form td .wpcf7-radio,
  .contact__content__form td ul {
    display: flex;
  }
}
/* line 226, _contact.scss */
.contact__content__form td .wpcf7-radio .wpcf7-list-item,
.contact__content__form td ul li {
  margin-right: 40px;
  font-size: 1.6rem;
}
@media screen and (max-width: 896px) {
  /* line 226, _contact.scss */
  .contact__content__form td .wpcf7-radio .wpcf7-list-item,
  .contact__content__form td ul li {
    margin: 16px 0;
  }
}
/* line 234, _contact.scss */
.contact__content__form td .textarea {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  height: 300px;
  max-height: 300px;
  min-height: 300px;
  padding: 20px 10px;
  border-top-width: 2px;
  border-color: #006835;
}
/* line 247, _contact.scss */
.contact__content__form .policylink {
  font-size: 1.4rem;
  line-height: 1.5;
  text-align: center;
}
/* line 251, _contact.scss */
.contact__content__form .policylink a {
  text-decoration: underline;
}
/* line 256, _contact.scss */
.contact__content__form .policycheck {
  padding: 42px 0;
  margin-top: 52px;
  background-color: #f2f2f2;
  font-size: 1.4rem;
  text-align: center;
}
/* line 264, _contact.scss */
.contact__content__form .submitbtn {
  display: block;
  max-width: 534px;
  width: 100%;
  padding: 20px 0;
  margin: 67px auto 0;
  background-color: #004f1c;
  font-size: 1.8rem;
  color: #fff;
}
/* line 275, _contact.scss */
.contact__content__form .confirmbtn {
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 897px) {
  /* line 275, _contact.scss */
  .contact__content__form .confirmbtn {
    display: flex;
  }
}
/* line 281, _contact.scss */
.contact__content__form .confirmbtn li {
  text-align: center;
}
/* line 284, _contact.scss */
.contact__content__form .confirmbtn .correction {
  display: block;
  padding: 18px 0;
  background-color: #ddd;
  font-size: 1.4rem;
}
@media screen and (min-width: 897px) {
  /* line 284, _contact.scss */
  .contact__content__form .confirmbtn .correction {
    width: 200px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 896px) {
  /* line 284, _contact.scss */
  .contact__content__form .confirmbtn .correction {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
  }
}
/* line 299, _contact.scss */
.contact__content__form .confirmbtn .submitbtn {
  display: block;
  width: 300px;
  margin: 0;
}
@media screen and (max-width: 896px) {
  /* line 299, _contact.scss */
  .contact__content__form .confirmbtn .submitbtn {
    width: 90%;
    margin-top: 30px;
    margin-right: auto;
    margin-left: auto;
  }
}
/* line 312, _contact.scss */
.contact__content__form .readmore {
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
}
/* line 318, _contact.scss */
.contact__content .totop {
  margin-left: auto;
  margin-right: auto;
}

/********************************
contact
********************************/

/********************************
プルダウンメニュー
********************************/
.header .nav__inner li .sub-menu li:nth-child(n + 2) {
  margin-top: 20px;
}
.header .nav__inner li .sub-menu li a {
  display: inline-block;
  position: relative;
  padding: 4px 0;
  background-image: none;
  font-size: 14px;
  font-size: 13px;
  font-weight: 500;
}
@media screen and (min-width: 897px) {
  .header .nav__inner > li {
    position: relative;
  }
  .header .nav__inner li .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    width: calc(100% + 104px);
    padding: 20px 24px 24px;
    background: #fff;
  }
  .header .nav__inner > li:hover .sub-menu {
    display: block;
  }
  .header .nav__inner li .sub-menu li a:before {
    position: absolute;
    /*bottom: 0;*/
    top: calc(100% + 2px);
    left: 0;
    transform: scale(0, 1);
    transform-origin: right top;
    width: 100%;
    height: 3px;
    background-color: #006835;
    content: '';
    transition: transform .3s ease;
  }
  .header .nav__inner li .sub-menu li a:hover {
    color: #006835;
  }
  .header .nav__inner li .sub-menu li a:hover:before {
    transform: scale(1, 1);
    transform-origin: left top;
  }
}
@media screen and (max-width: 896px) {
  .sub-menu {
    margin-top: 36px;
    padding-left: 30px;
  }
  .header .nav__inner li .sub-menu li {
    margin-top: 0!important;
    margin-bottom: 0!important;
  }
  .header .nav__inner li .sub-menu li:nth-child(n + 2) {
    margin-top: 26px!important;
  }
  .header .nav__inner li .sub-menu li a {
    display: block;
    padding: 0;
    font-size: 15px;
    font-size: 14px;
  }
}

/********************************
プルダウンメニュー
********************************/

/********************************
実績紹介（taxonomy.php）
********************************/
.p-product__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 80px 40px;
}
.p-product__list .itemarea__content__explain {
  display: block;
}
.p-product__list .itemarea__content__explain .tablearea {
  width: 100%;
}
.p-product__list .p-product__buttons {
  display: flex;
  justify-content: center;
  margin-top: 24px;
  margin-top: 32px;
}
.p-product__list .p-product__button a {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 400px;
  min-height: 64px;
  border-radius: 12px;
  background: #e5e5e5;
  background: #e9e9e9;
  color: #000;
  font-size: 16px;
  font-weight: 500;
}
.p-product__list .p-product__button a:hover {
  opacity: .7;
}
@media screen and (max-width: 896px) {
  .p-product__list {
    grid-template-columns: none;
    gap: 72px 0;
  }
  .p-product__list li:nth-child(n + 2) {
    position: relative;
    border-bottom: 1px solid #9f9f9f;
  }
  .p-product__list li:nth-child(n + 2):before {
    position: absolute;
    top: calc(-72px / 2);
    left: -10%;
    width: calc(100% + 10% * 2);
    height: 1px;
    background-color: #9f9f9f;
    content: "";
  }
  .p-product__list .p-product__buttons {
    display: block;
  }
  .p-product__list .p-product__button a {
    width: 100%;
    min-width: 0;
    min-height: 54px;
    border-radius: 4px;
  }
}
/********************************
実績紹介（taxonomy.php）
********************************/

/********************************
実績紹介（single.php）
********************************/
.single-product .news__detail {
  max-width: 100%;
}
.single-product .news__detail .content,
.news__detail .content p {
  font-size: 1.6rem;
}
.single-product .news__detail .content {
  color: #fff!important;
}
.single-product .news__detail .content > :first-child {
  margin-top: 0!important;
}
.single-product .news__detail .content figure {
  margin-top: 30px;
}
.single-product .news__detail .content a {
  color: #fff;
}
@media screen and (max-width: 896px) {
  .single-product .news__detail {
    padding: 0;
  }
}
/********************************
実績紹介（single.php）
********************************/