@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * movabletype
 */
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosansjp/v54/-F6jfjtqLzI2JPCgQBnw7HFyzSD-AsregP8VFE8j75s.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosansjp/v54/-F6jfjtqLzI2JPCgQBnw7HFyzSD-AsregP8VFBEj75s.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosansjp/v54/-F6jfjtqLzI2JPCgQBnw7HFyzSD-AsregP8VFCMj75s.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosansjp/v54/-F6jfjtqLzI2JPCgQBnw7HFyzSD-AsregP8VFPYk75s.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1y4n.ttf) format('truetype');
}
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/*
var(--main-gray)
var(--main-green)
var(--main-simple-green)
var(--graphite)
*/
:root {
  --main-green: #00853C;
  --main-light-green: #CFDB00;
  --main-simple-green: #8DC31F;
  --main-gray: #727171;
  --graphite: #231815;
  /*文字色に使う黒に近いグレー*/
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  /* 2 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb35 {
  margin-bottom: 35px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb45 {
  margin-bottom: 45px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt35 {
  margin-top: 35px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mt45 {
  margin-top: 45px !important;
}
.mt50 {
  margin-top: 50px !important;
}
@media print, screen and (min-width: 48.0625em) {
  .m20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}
.nr {
  white-space: nowrap;
}
br.sp {
  display: none;
}
@media screen and (max-width: 48em) {
  br.pc {
    display: none;
  }
  br.sp {
    display: block;
  }
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
html {
  font-size: 62.5%;
  -webkit-font-smoothing: antialiased;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
body {
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none;
  line-height: 1.6;
  font-family: "HiraginoSans-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #231815;
}
code {
  font-size: 14px;
  font-size: 1.4rem;
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
@media screen and (max-width: 48em) {
  .sp_img {
    width: 100%;
    height: auto;
  }
}
a {
  color: #231815;
  text-decoration: underline;
}
/*20220914 update*/
:visited {
  color: #800080;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-indent {
  text-indent: -1em;
  padding-left: 1em;
}
.text-indent._2-5em {
  text-indent: -2.5em;
  padding-left: 2.5em;
}
.text-indent._3em {
  text-indent: -3em;
  padding-left: 3em;
}
.text-indent._4em {
  text-indent: -4em;
  padding-left: 4em;
}
.text-indent._5em {
  text-indent: -5em;
  padding-left: 5em;
}
.inline-block {
  display: inline-block;
}
.sub {
  vertical-align: sub;
  line-height: 1;
}
.sub._small {
  font-size: 10px;
  font-size: 1rem;
}
.small_text {
  font-size: 12px;
  font-size: 1.2rem;
}
.sup {
  vertical-align: super;
  line-height: 1;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Noto Sans JP", "HiraginoSans-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
small {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
  color: #666464;
  display: inline-block;
}
.color-green {
  color: #009688;
}
.color-red {
  color: #f44336;
}
.color-alert {
  color: var(--main-green);
}
.color-gray {
  color: #aaa;
}
.color-white {
  color: #fff;
}
/* 202406 accessibility */
/*ブランドカラーの文字色と背景色を追加*/
.color-main-green {
  color: var(--main-green);
}
.color-main-light-green {
  color: var(--main-light-green);
}
.color-main-simple-green {
  color: var(--main-simple-green);
}
.color-main-gray {
  color: var(--main-gray);
}
.color-graphite {
  color: var(--graphite);
}
.bg-main-green {
  background-color: var(--main-green);
}
.bg-main-light-green {
  background-color: var(--main-light-green);
}
.bg-main-simple-green {
  background-color: var(--main-simple-green);
}
.bg-main-gray {
  background-color: var(--main-gray);
}
.bg-graphite {
  background-color: var(--graphite);
}
.joyl_logo {
  display: inline-block;
  overflow: hidden;
  margin-bottom: -0.2em;
  padding: 0px 2px;
  width: 3em;
  height: 1.2em;
  background: url(/common/images/mainvisual_logo.svg) center center no-repeat;
  background-size: auto 100%;
  line-height: 1000px;
}
figure {
  margin-left: 0;
  margin-right: 0;
}
figcaption {
  font-size: 12px;
  font-size: 1.2rem;
  color: #666464;
  margin: 10px 0 0;
  text-align: left;
}
blockquote {
  background-color: #f9faf9;
  overflow: hidden;
  position: relative;
  border-left-color: var(--main-green);
  border-left-style: solid;
}
blockquote:before,
blockquote:after {
  content: "";
  background-image: url(/common/images/icon_blockquote01.svg);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
}
blockquote:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.m0 {
  margin: 0 !important;
}
.mt0 {
  margin-top: 0 !important;
}
.mb0 {
  margin-bottom: 0 !important;
}
.font-x {
  font-size: 20px;
  font-size: 2rem;
}
.bold {
  font-weight: bold;
}
@media print, screen and (min-width: 48.0625em) {
  a:hover {
    color: var(--main-green);
    text-decoration: none;
  }
  .pc-hide {
    display: none !important;
  }
  .sp-only {
    display: none !important;
  }
  .first-child {
    margin-top: 0 !important;
  }
  .first-child > *:first-child {
    margin-top: 0 !important;
  }
  .first-child > *:first-child > *:first-child {
    margin-top: 0 !important;
  }
  .sample-code {
    margin: 40px 0;
  }
  .column-set + .sample-code {
    margin-top: 0;
  }
  blockquote {
    border-left-width: 10px;
    padding: 25px 85px;
    margin: 40px 0;
  }
  blockquote:before,
  blockquote:after {
    width: 44px;
    height: 37px;
  }
  blockquote:before {
    top: 20px;
    left: 25px;
  }
  blockquote:after {
    bottom: 20px;
    right: 25px;
  }
  .hover {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .hover:hover {
    opacity: 0.5;
  }
  .min-height {
    min-height: 600px;
  }
  .font-xlarge {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 48em) {
  .sp-hide {
    display: none !important;
  }
  .pc-only {
    display: none !important;
  }
  .first-child {
    margin-top: 0 !important;
  }
  .sample-code {
    margin: 30px 0;
  }
  .column-set + .sample-code {
    margin-top: 0;
  }
  blockquote {
    border-left-width: 5px;
    padding: 40px 25px;
    margin: 30px 0;
  }
  blockquote:before,
  blockquote:after {
    background-size: 22px auto;
    width: 22px;
    height: 19px;
  }
  blockquote:before {
    top: 15px;
    left: 15px;
  }
  blockquote:after {
    bottom: 15px;
    right: 15px;
  }
  .font-xlarge {
    font-size: 20px;
    font-size: 2rem;
  }
  .sp_width_100 {
    width: 100%;
  }
}
.width_90 {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}
.width_80 {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}
.width_70 {
  margin-left: auto;
  margin-right: auto;
  width: 70%;
}
.width_60 {
  margin-left: auto;
  margin-right: auto;
  width: 60%;
}
@media screen and (max-width: 48em) {
  .width_60,
  .width_70,
  .width_80,
  .width_90 {
    width: 100%;
  }
}
.width_860 {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 860px;
}
.content-wrapper {
  line-height: 1.75;
}
.content-head {
  position: relative;
  min-height: 1px;
}
.content-main {
  position: relative;
}
.bg-block {
  overflow: hidden;
}
.bg-block._type01 {
  background-color: #f9faf9;
}
.bg-block._type03 {
  background-color: #fdfbdb;
}
.bg-block._type04 {
  border-bottom: 1px solid #eee;
}
.bg-block._corporate01,
.bg-block._corporate02 {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media print, screen and (min-width: 48.0625em) {
  .wrapper {
    min-width: 1280px;
    margin: 0 auto;
    overflow-x: hidden;
  }
  .content-wrapper {
    margin: 70px auto 0;
  }
  .content-wrapper._2column {
    width: 1160px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .content-main {
    width: 100%;
    min-width: 0;
  }
  .bg-block._type02 {
    background-image: url(/common/images/top_bg02.webp), url(/common/images/top_bg01.webp);
    background-size: auto, cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  .bg-block._first-child {
    margin-top: -70px;
  }
  .bg-block._corporate01 {
    background-image: url(/common/images/corporate_index_bg01_pc.webp);
  }
  .bg-block._corporate02 {
    background-image: url(/common/images/corporate_index_bg02_pc.webp);
  }
  .content-block {
    max-width: 1160px;
    margin: 0 auto;
  }
  .content-block._slim {
    width: 960px;
  }
  .content-block._xslim {
    width: 860px;
  }
  .section-type01 {
    margin: 100px 0;
  }
  .section-type02 {
    margin: 80px 0;
  }
  .section-type03 {
    margin: 60px 0;
  }
  .section-type04 {
    margin: 40px 0;
  }
  .section-type05 {
    margin: 20px 0;
  }
}
@media screen and (max-width: 48em) {
  body.is-sp-nav-open {
    overflow: hidden;
  }
  body.is-sp-nav-open .header,
  body.is-sp-nav-open .mainvisual,
  body.is-sp-nav-open .notices-block,
  body.is-sp-nav-open .content,
  body.is-sp-nav-open .footer,
  body.is-sp-nav-open .content-head,
  body.is-sp-nav-open .content-wrapper {
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
  }
  .header,
  .mainvisual,
  .notices-block,
  .content,
  .footer,
  .content-head,
  .content-wrapper {
    -webkit-transition: -webkit-transform 0.3s 0s;
    transition: -webkit-transform 0.3s 0s;
    transition: transform 0.3s 0s;
    transition: transform 0.3s 0s, -webkit-transform 0.3s 0s;
  }
  .wrapper {
    overflow: hidden;
  }
  .bg-block._type02 {
    background-image: url(/common/images/top_bg04.webp), url(/common/images/top_bg05.webp), url(/common/images/top_bg03.webp);
    background-size: auto, auto, cover;
    background-repeat: no-repeat;
    background-position: center top, center bottom, center;
  }
  .bg-block._first-child {
    margin-top: -60px;
  }
  .bg-block._corporate01 {
    background-image: url(/common/images/corporate_index_bg01_sp.webp);
  }
  .bg-block._corporate02 {
    background-image: url(/common/images/corporate_index_bg02_sp.webp);
  }
  .content-wrapper._2column .content-main {
    margin: 60px 15px 70px;
  }
  .content-main {
    margin: 60px 0 0;
  }
  ._sp-wide {
    margin-left: -15px;
    margin-right: -15px;
  }
  .content-block {
    margin: 0 15px;
  }
  .section-type01 {
    margin: 90px 0;
  }
  .section-type02 {
    margin: 70px 0;
  }
  .section-type03 {
    margin: 50px 0;
  }
  .section-type04 {
    margin: 30px 0;
  }
  .section-type05 {
    margin: 15px 0;
  }
}
/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

ヘッダ全体　ここから

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.header {
  background-color: rgba(255, 255, 255, 0.7);
  font-family: "Noto Sans JP", "HiraginoSans-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  position: relative;
  z-index: 10;
}
.header__inner:after {
  content: "";
  display: block;
  clear: both;
}
.header__logo {
  font-size: 0;
  margin: 0;
}
.global-nav__list01 {
  list-style: none;
  margin: 0;
  padding: 0;
  font-weight: 500;
}
.global-nav__item01 a {
  display: block;
  background-repeat: no-repeat;
  background-position: left center;
}
.global-nav__list02 {
  list-style: none;
  margin: 0;
  padding: 0;
}
.global-nav__search {
  font-size: 14px;
  font-size: 1.4rem;
  position: relative;
  margin-left: 20px;
  padding-left: 20px;
  width: 120px;
  -webkit-transition: width 0.1s;
  transition: width 0.1s;
}
.global-nav__search._open {
  width: 204px;
}
.global-nav__search._open form {
  opacity: 1;
  visibility: visible;
}
.global-nav__search._open .global-nav__trigger {
  opacity: 0;
  visibility: hidden;
}
.global-nav__search::before {
  content: "";
  width: 1px;
  height: 24px;
  background-color: #d6e0dc;
  position: absolute;
  top: 10px;
  left: 0;
}
.global-nav__search form {
  padding: 0 10px 0 20px;
  border: 1px solid var(--main-green);
  background-color: #f9faf9;
  border-radius: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.1s, visibility 0.1s;
  transition: opacity 0.1s, visibility 0.1s;
}
.global-nav__search input[type="text"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  border: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  width: 100%;
  height: 38px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  color: #231815;
}
.global-nav__search button[type="submit"] {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  border: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  font-size: 0;
  text-indent: -9999px;
  width: 24px;
  height: 24px;
  background-image: url(/common/images/icon_search.svg);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.global-nav__trigger {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  color: var(--main-green);
  position: absolute;
  top: 0;
  right: 11px;
  padding: 0;
  width: 110px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url(/common/images/icon_search.svg);
  background-repeat: no-repeat;
  background-position: right center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: opacity 0.1s, visibility 0.1s;
  transition: opacity 0.1s, visibility 0.1s;
}
.other-nav__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.other-nav__item a {
  display: block;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  position: relative;
}
.other-nav__item a:after {
  content: "";
  background-image: url(/common/images/arrow01.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 4px auto;
  width: 4px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}
.other-nav__list.corporate_nav_list .other-nav__item a:after {
  height: 20px;
}
.other-nav__button a {
  display: block;
  color: #fff;
  border: 1px solid #fff;
  text-decoration: none;
  text-align: center;
  line-height: 50px;
  font-size: 14px;
  font-size: 1.4rem;
  position: relative;
}
.other-nav__button a:after {
  content: "";
  background-image: url(/common/images/arrow01.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 4px auto;
  width: 4px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
}
.other-nav__button._onlineshop a:before {
  content: "";
  background-image: url(/common/images/icon_window01.svg);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: top;
  width: 11px;
  height: 11px;
  margin: 20px 10px 0 0;
}
@media print, screen and (min-width: 48.0625em) {
  /*less 1_header_PC*/
  /*
ロールオーバーの全体枠は[sub-nav01]
*/
  .header__inner {
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    max-width: 1160px;
    width: 100%;
    height: auto;
  }
  .header__logo {
    float: left;
    margin: 15px 0 0;
  }
  /**/
  .global-nav {
    float: right;
  }
  .global-nav__list01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    float: right;
    margin: 18px 0 0;
  }
  .global-nav__item01 + .global-nav__item01 {
    margin-left: 28px;
  }
  .global-nav__item01 a {
    color: #231815;
    text-decoration: none;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 22px;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .global-nav__item01 a:hover {
    opacity: 0.5;
  }
  .global-nav__item01._icon a {
    padding-left: 27px;
  }
  .global-nav__item01._onlineshop a {
    background-image: url(/common/images/icon_cart01.svg);
  }
  .global-nav__item01._english a {
    background-image: url(/common/images/icon_english01.svg);
  }
  .global-nav__list02 {
    padding: 8px 0 0;
    clear: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .global-nav__item02 + .global-nav__item02 {
    margin-left: 1px;
  }
  .global-nav__item02 > a {
    position: relative;
    display: block;
    color: #231815;
    text-decoration: none;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 60px;
  }
  .global-nav__item02._sub-nav > a {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 64px;
    /*padding: 0 20px;*/
    padding: 0 18px;
    -webkit-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
  }
  .global-nav__item02._sub-nav > a:hover {
    background-color: var(--main-gray);
    color: #fff;
  }
  .global-nav__item02._sub-nav:hover > a {
    background-color: var(--main-gray);
    color: #fff;
  }
  .global-nav__item02._sub-nav:hover .sub-nav01,
  .global-nav__item02._sub-nav:hover .sub-nav02 {
    opacity: 1;
    visibility: visible;
  }
  .global-nav__item02._sub-nav02 {
    position: relative;
  }
  .global-nav__item02._small > a {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 60px;
  }
  .global-nav__close {
    display: none;
  }
  /*ーーーーーーーーーーー　カレント表示　ーーーーーーーーーーー*/
  /*家庭用*/
  body.consumer .global-nav__list02 .global-nav__item02:nth-of-type(1) > a {
    color: var(--main-green);
  }
  body.consumer .global-nav__list02 .global-nav__item02:nth-of-type(1) > a::after {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 12%;
    width: 76%;
    height: 1px;
    background-color: var(--main-green);
  }
  body.consumer .global-nav__list02 .global-nav__item02:nth-of-type(1):hover > a {
    color: #fff;
  }
  body.consumer .global-nav__list02 .global-nav__item02:nth-of-type(1):hover > a::after {
    display: none;
  }
  /*業務用*/
  body.prosumer .global-nav__list02 .global-nav__item02:nth-of-type(2) > a {
    color: var(--main-green);
  }
  body.prosumer .global-nav__list02 .global-nav__item02:nth-of-type(2) > a::after {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 12%;
    width: 76%;
    height: 1px;
    background-color: var(--main-green);
  }
  body.prosumer .global-nav__list02 .global-nav__item02:nth-of-type(2):hover > a {
    color: #fff;
  }
  body.prosumer .global-nav__list02 .global-nav__item02:nth-of-type(2):hover > a::after {
    display: none;
  }
  /*企業情報*/
  body.corporate .global-nav__list02 .global-nav__item02:nth-of-type(3) > a {
    color: var(--main-green);
  }
  body.corporate .global-nav__list02 .global-nav__item02:nth-of-type(3) > a::after {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 18%;
    width: 64%;
    height: 1px;
    background-color: var(--main-green);
  }
  body.corporate .global-nav__list02 .global-nav__item02:nth-of-type(3):hover > a {
    color: #fff;
  }
  body.corporate .global-nav__list02 .global-nav__item02:nth-of-type(3):hover > a::after {
    display: none;
  }
  /*知る・楽しむ*/
  body.infotainmaint .global-nav__item02:nth-of-type(4) > a {
    color: var(--main-green);
  }
  body.infotainmaint .global-nav__item02:nth-of-type(4) > a::after {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 15%;
    width: 70%;
    height: 1px;
    background-color: var(--main-green);
  }
  body.infotainmaint .global-nav__item02:nth-of-type(4):hover > a {
    color: #fff;
  }
  body.infotainmaint .global-nav__item02:nth-of-type(4):hover > a::after {
    display: none;
  }
  /*株主・投資家情報*/
  body.ir .global-nav__item02:nth-of-type(5) > a {
    color: var(--main-green);
  }
  body.ir .global-nav__item02:nth-of-type(5) > a::after {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 14%;
    width: 72%;
    height: 1px;
    background-color: var(--main-green);
  }
  body.ir .global-nav__item02:nth-of-type(5):hover > a {
    color: #fff;
  }
  body.ir .global-nav__item02:nth-of-type(5):hover > a::after {
    display: none;
  }
  /*サステナビリティ*/
  body.sustainability .global-nav__item02:nth-of-type(6) > a {
    color: var(--main-green);
  }
  body.sustainability .global-nav__item02:nth-of-type(6) > a::after {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 14%;
    width: 72%;
    height: 1px;
    background-color: var(--main-green);
  }
  body.sustainability .global-nav__item02:nth-of-type(6):hover > a {
    color: #fff;
  }
  body.sustainability .global-nav__item02:nth-of-type(6):hover > a::after {
    display: none;
  }
  /*プレスルーム、お客さま相談室*/
  body.press .global-nav__item01:nth-of-type(2) > a {
    color: var(--main-green);
  }
  body.customer .global-nav__item01:nth-of-type(4) > a {
    color: var(--main-green);
  }
  /**/
  .sub-nav01 {
    visibility: hidden;
    opacity: 0;
    background-color: var(--main-gray);
    position: absolute;
    top: 130px;
    left: 0;
    right: 0;
    -webkit-transition: visibility 0.2s, opacity 0.2s;
    transition: visibility 0.2s, opacity 0.2s;
  }
  .sub-nav01__inner {
    padding: 40px 0;
  }
  .sub-nav01__list {
    list-style: none;
    padding: 0;
    max-width: 1160px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .sub-nav01__item {
    width: calc((100% - 40px * 2) / 3.0001);
    margin: 40px 40px 0 0;
  }
  .sub-nav01__item:nth-child(3n) {
    margin-right: 0;
  }
  .sub-nav01__item:nth-child(-n+3) {
    margin-top: 0;
  }
  ._4column .sub-nav01__item {
    width: calc((100% - 40px * 3) / 4.0001);
    margin: 40px 40px 0 0;
  }
  ._4column .sub-nav01__item:nth-child(3n) {
    margin-right: 40px;
  }
  ._4column .sub-nav01__item:nth-child(-n+3) {
    margin-top: 40px;
  }
  ._4column .sub-nav01__item:nth-child(4n) {
    margin-right: 0;
  }
  ._4column .sub-nav01__item:nth-child(-n+4) {
    margin-top: 0;
  }
  .sub-nav01__item a {
    display: block;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .sub-nav01__item a:hover {
    opacity: 0.5;
  }
  .sub-nav01__item span {
    display: block;
    margin: 10px 0 0;
  }
  .sub-nav01__item span.wovn_hide_en,
  .sub-nav01__item span.wovn_hide_ja {
    display: contents;
    margin: 0 !important;
  }
  .sub-nav01__line {
    display: block;
    border: 0;
    border-top: 1px solid #d1d1d1;
    margin: 15px 0 40px;
  }
  /*業務用のお客さま*/
  .sub-nav01__list.prosumer_list {
    list-style: none;
    padding: 0;
    max-width: 1160px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 40px 150px;
  }
  .sub-nav01__list.prosumer_list li a {
    display: block;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .sub-nav01__list.prosumer_list li a:hover {
    opacity: 0.5;
  }
  .sub-nav01__list.prosumer_list li span {
    display: block;
    margin: 10px 0 0;
  }
  /**/
  .sub-nav02 {
    visibility: hidden;
    opacity: 0;
    background-color: var(--main-gray);
    position: absolute;
    top: 60px;
    right: -45px;
    width: 345px;
    -webkit-transition: visibility 0.2s, opacity 0.2s;
    transition: visibility 0.2s, opacity 0.2s;
  }
  .sub-nav02__inner {
    overflow: hidden;
  }
  .sub-nav02__list {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .sub-nav02__item {
    margin: 0 13px;
  }
  .sub-nav02__item:first-child {
    border-top: 1px solid #d1d1d1;
  }
  .sub-nav02__item a {
    display: block;
    color: #fff;
    text-decoration: none;
    position: relative;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.42857;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
    padding: 0 30px 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .sub-nav02__item a:hover {
    opacity: 0.5;
  }
  .sub-nav02__item a:after {
    content: "";
    background-image: url(/common/images/arrow01.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 4px auto;
    width: 4px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 5px;
  }
  .sub-nav02__item._title {
    border-top: 0;
    border-bottom: 1px solid #d1d1d1;
    margin: 0;
  }
  .sub-nav02__item._title a {
    font-size: 18px;
    font-size: 1.8rem;
    height: 65px;
    padding: 0 30px 0 18px;
  }
  .sub-nav02__item._title a:after {
    right: 17px;
  }
  .sub-nav02__button {
    margin: 15px;
  }
  .sub-nav02__button a {
    display: block;
    color: #fff;
    border: 1px solid #fff;
    text-decoration: none;
    text-align: center;
    line-height: 50px;
    font-size: 14px;
    font-size: 1.4rem;
    position: relative;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .sub-nav02__button a:hover {
    opacity: 0.5;
  }
  .sub-nav02__button a:after {
    content: "";
    background-image: url(/common/images/arrow01.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 4px auto;
    width: 4px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
  }
  /*第三階層のセット（IR、サステナ）　ここから*/
  .layer-mega-menu .sub-nav01__item a {
    position: relative;
    display: flex;
    align-items: center;
    text-align: left;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    font-size: 15px;
    font-size: 1.5rem;
    height: 45px;
    padding-left: 20px;
    width: calc(100% + 10px);
    transform: translate(-20px, 0px);
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
  }
  .layer-mega-menu .sub-nav01__item a:hover {
    background-color: #4b4b4b;
    opacity: 1;
  }
  .layer-mega-menu .sub-nav01__item a.clicked {
    background-color: #4b4b4b;
  }
  .layer-mega-menu .sub-nav01__item a:after {
    content: "";
    background-image: url(/common/images/arrow01.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 4px auto;
    width: 4px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
  }
  .layer-mega-menu .sub-nav01__item:nth-of-type(1) a:nth-of-type(1) {
    font-size: 18px;
    font-size: 1.8rem;
    height: 55px;
    margin-bottom: 15px;
    margin-top: -15px;
  }
  .layer-mega-menu .sub-nav01__item:nth-of-type(2) {
    margin-top: 55px;
  }
  .layer-mega-menu .sub-nav01__item:nth-of-type(3) a {
    height: 36px;
    transform: translate(0px, 0px);
    margin-left: 0;
    font-size: 14px;
    font-size: 1.4rem;
    width: calc(100% - 20px);
  }
  .layer-mega-menu .localmenu {
    display: none;
    box-sizing: border-box;
    border-left: 1px solid #d1d1d1;
    height: calc(100% + 55px);
    margin-top: -40px;
    padding-top: 35px;
    background-color: #4b4b4b;
  }
  .layer-mega-menu .localmenu a:hover {
    background-color: #000000;
  }
  .layer-mega-menu .localmenu a:nth-of-type(1) {
    font-size: 16px;
    font-size: 1.6rem;
    height: 40px;
  }
  /*第四階層の調整*/
  .layer-mega-menu .localmenu a.fourthlevel {
    padding-left: 40px;
    height: 30px;
    transform: translate(0px, 0px);
    width: calc(100% - 40px);
  }
  /*第三階層のセット（IR、サステナ）　ここまで*/
  .other-nav {
    max-width: 1160px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .other-nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .other-nav__list.corporate_nav_list {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .other-nav__item + .other-nav__item {
    margin-left: 35px;
  }
  .other-nav__list.corporate_nav_list .other-nav__item {
    margin-left: 0;
    margin-right: 25px;
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .other-nav__item a {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0 20px 0 0;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .other-nav__item a:hover {
    opacity: 0.5;
  }
  .other-nav__button a {
    width: 260px;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .other-nav__button a:hover {
    opacity: 0.5;
  }
  /**/
  .sp-nav {
    display: none;
  }
  .sp-sub-nav {
    display: none;
  }
  .sp-menu {
    display: none;
  }
}
@media screen and (max-width: 48em) {
  /*less 1_header_SP*/
  .global-nav {
    display: none;
  }
  .header__inner {
    padding: 0 0 0 20px;
    height: 70px;
  }
  .header__logo {
    padding: 10px 0 0;
  }
  /**/
  .other-nav {
    padding: 0 15px;
  }
  .other-nav__item {
    border-bottom: 1px solid #d1d1d1;
  }
  .other-nav__item a {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 50px;
    padding: 0 0 0 20px;
  }
  .other-nav__item a:after {
    right: 20px;
  }
  .other-nav__button {
    margin: 30px 0 0;
  }
  .other-nav__button + .other-nav__button {
    margin: 15px 0 0;
  }
  .other-nav__button a:after {
    right: 23px;
  }
  /**/
  .sp-nav {
    background-color: var(--main-gray);
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    max-width: 100vw;
    -webkit-transform: translateX(100vw);
    transform: translateX(100vw);
    -webkit-transition: -webkit-transform 0.3s 0s;
    transition: -webkit-transform 0.3s 0s;
    transition: transform 0.3s 0s;
    transition: transform 0.3s 0s, -webkit-transform 0.3s 0s;
    overflow-x: hidden;
    z-index: 15;
  }
  body.is-sp-nav-open .sp-nav {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  body.is-sp-sub-nav-open .sp-nav {
    -webkit-transform: translateX(-100vw);
    transform: translateX(-100vw);
  }
  .sp-nav__close {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    border: 0;
    border-radius: 0;
    outline: 0;
    background-color: transparent;
    display: block;
    font-size: 0;
    text-indent: -9999px;
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
    height: 70px;
    cursor: pointer;
  }
  .sp-nav__close:before,
  .sp-nav__close:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 3px;
    margin-left: -12px;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    background: #fff;
  }
  .sp-nav__close:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .sp-nav__close:after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
  .sp-nav__inner {
    padding: 0 0 70px;
    overflow-y: auto;
    max-height: 100vh;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .sp-nav__head {
    height: 70px;
    position: relative;
  }
  .sp-nav__search {
    margin: 0 75px 0 30px;
    padding: 15px 0 0;
  }
  .sp-nav__search form {
    padding: 0 10px 0 20px;
    background-color: #f9faf9;
    border-radius: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .sp-nav__search input[type="text"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    border: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    width: 100%;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    color: #231815;
  }
  .sp-nav__search button[type="submit"] {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    border: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    font-size: 0;
    text-indent: -9999px;
    width: 24px;
    height: 24px;
    background-image: url(/common/images/icon_search.svg);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
  }
  .sp-nav__list01 {
    list-style: none;
    margin: 20px 0 0;
    padding: 0;
    font-weight: 500;
  }
  .sp-nav__item01 a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 50px;
    padding: 0 0 0 40px;
    margin: 0 15px;
    display: block;
    background-repeat: no-repeat;
    background-position: left center;
    background-position: 10px center;
  }
  .sp-nav__item01._onlineshop a {
    background-image: url(/common/images/icon_cart02.svg);
  }
  .sp-nav__item01._english a {
    background-image: url(/common/images/icon_english02.svg);
  }
  .sp-nav__list02 {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #d1d1d1;
    padding: 0 15px;
  }
  .sp-nav__item02 {
    border-bottom: 1px solid #d1d1d1;
  }
  .sp-nav__item02 > a {
    display: block;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 78px;
    padding: 0 0 0 15px;
    position: relative;
  }
  .sp-nav__item02 > a:after {
    content: "";
    background-image: url(/common/images/arrow01.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 6px auto;
    width: 6px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 18px;
  }
  .sp-nav__item02._small > a {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 60px;
  }
  /**/
  .sp-sub-nav {
    background-color: var(--main-gray);
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    -webkit-transform: translateX(100vw);
    transform: translateX(100vw);
    -webkit-transition: -webkit-transform 0.3s 0s;
    transition: -webkit-transform 0.3s 0s;
    transition: transform 0.3s 0s;
    transition: transform 0.3s 0s, -webkit-transform 0.3s 0s;
    z-index: 20;
  }
  body.is-sp-sub-nav-open .sp-sub-nav {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  .sp-sub-nav__inner {
    padding: 0 0 70px;
    overflow-y: auto;
    max-height: 100vh;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .sp-sub-nav__head {
    height: 70px;
    position: relative;
  }
  .sp-sub-nav__back {
    position: absolute;
    top: 20px;
    left: 15px;
  }
  .sp-sub-nav__back a {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    position: relative;
    padding: 0 0 0 20px;
  }
  .sp-sub-nav__back a:before {
    content: "";
    background-image: url(/common/images/arrow01.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 6px auto;
    width: 6px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .sp-sub-nav__close {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    border: 0;
    border-radius: 0;
    outline: 0;
    background-color: transparent;
    display: block;
    font-size: 0;
    text-indent: -9999px;
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
    height: 70px;
    cursor: pointer;
  }
  .sp-sub-nav__close:before,
  .sp-sub-nav__close:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 3px;
    margin-left: -12px;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    background: #fff;
  }
  .sp-sub-nav__close:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .sp-sub-nav__close:after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
  .sp-sub-nav__body {
    display: none;
  }
  .sp-sub-nav__body._open {
    display: block;
  }
  .sp-sub-nav__list {
    list-style: none;
    margin: 0;
    padding: 0 15px;
    border-top: 1px solid #d1d1d1;
  }
  .sp-sub-nav__item {
    border-bottom: 1px solid #d1d1d1;
  }
  .sp-sub-nav__item a {
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    text-decoration: none;
    padding: 15px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .sp-sub-nav__item img {
    width: 60px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .sp-sub-nav__item img + span {
    margin: 0 0 0 25px;
  }
  .sp-sub-nav__item span {
    margin: 0 0 0 15px;
  }
  /**/
  .sp-menu {
    margin: 0;
    position: relative;
    position: absolute;
    right: 0;
    top: 0;
  }
  .sp-menu__link {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    border: 0;
    border-radius: 0;
    outline: 0;
    background-color: transparent;
    display: block;
    text-decoration: none;
    position: relative;
    width: 70px;
    height: 70px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .sp-menu__icon {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 3px;
    margin: -1.5px 0 0 -12px;
    background: var(--main-green);
  }
  .sp-menu__icon:before,
  .sp-menu__icon:after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    width: 24px;
    height: 3px;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    background: var(--main-green);
  }
  .sp-menu__icon:before {
    top: 50%;
    margin-top: -9px;
  }
  .sp-menu__icon:after {
    bottom: 50%;
    margin-bottom: -9px;
  }
}
/*アクセシビリティ対応の更新　202309　20240207修正*/
.global-nav__search label,
.sp-nav__search label {
  display: none;
}
:focus-visible {
  box-shadow: none;
  outline: none;
  border: 2px solid #3c8a47;
}
a.blockSkip,
a[href="#main_Content"] {
  box-sizing: border-box;
  position: fixed;
  z-index: 20;
  top: -60px;
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: #214b27;
  color: #ffffff;
  border: 0;
  outline: none;
}
a.blockSkip:focus-visible,
a[href="#main_Content"]:focus-visible {
  top: 0;
}
.mainvisual {
  position: relative;
}
.mainvisual__item {
  text-align: center;
  overflow: hidden;
}
.mainvisual__item img {
  width: 100%;
}
.mainvisual__item._brand {
  position: relative;
}
.mainvisual__img img {
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}
._type02 .mainvisual__img img,
._type03 .mainvisual__img img {
  -o-object-position: center top;
  object-position: center top;
  font-family: "object-fit: cover; object-position: center top;";
}
._brand .mainvisual__img img {
  -o-object-position: center bottom;
  object-position: center bottom;
  font-family: "object-fit: cover; object-position: center bottom;";
}
.mainvisual__lead {
  margin: 0;
}
.mainvisual__brand-text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.mainvisual__brand-logo img {
  display: inline;
}
.mainvisual__brand-lead {
  font-family: "Noto Sans JP", "HiraginoSans-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: 300;
  margin: 0;
}
@media print, screen and (min-width: 48.0625em) {
  .slick-list {
    /* 20230719　レシピ　複数枚時の表示修正 */
    /*overflow: visible !important;*/
  }
  .mainvisual {
    max-width: 1920px;
    margin: 0 auto;
  }
  .mainvisual__item {
    position: relative;
  }
  .mainvisual__img img {
    height: 544px;
  }
  .mainvisual__lead {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
  }
  ._type01 .mainvisual__lead {
    left: 24.6875%;
  }
  ._type02 .mainvisual__lead {
    left: 68.75%;
  }
  ._type03 .mainvisual__lead {
    left: 28.125%;
  }
  .mainvisual__nav {
    position: absolute;
    top: 50%;
    right: 60px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .mainvisual__pager .slick-dots {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .mainvisual__pager li {
    width: 12px;
    height: 12px;
  }
  .mainvisual__pager li + li {
    margin-top: 14px;
  }
  .mainvisual__pager button {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    outline: 0;
    border: 0;
    background-color: transparent;
    font-size: 0;
    margin: 0 auto;
    text-indent: -9999px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #ddd;
    border: 1px solid #fff;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mainvisual__pager .slick-active button {
    width: 12px;
    height: 12px;
    background-color: var(--main-green);
  }
  .mainvisual__control {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    outline: 0;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    width: 12px;
    height: 12px;
    cursor: pointer;
    margin: 14px 0 0;
  }
  .mainvisual__control._hide {
    display: none;
  }
  .mainvisual__control._stop {
    background-image: url(/common/images/icon_stop01.svg);
  }
  .mainvisual__control._start {
    background-image: url(/common/images/icon_start01.svg);
  }
  .mainvisual__brand-logo img {
    width: 340px;
  }
  .mainvisual__brand-lead {
    font-size: 26px;
    font-size: 2.6rem;
    letter-spacing: 0.2em;
    line-height: 1.84615;
    margin: 30px 0 40px;
  }
  .mainvisual__brand-lead span {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .mainvisual__brand-button {
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 48em) {
  .mainvisual__item._brand {
    -webkit-box-shadow: 0 1px 0 0 var(--main-green) inset;
    box-shadow: 0 1px 0 0 var(--main-green) inset;
  }
  .mainvisual__item._brand .mainvisual__img img {
    height: 385px;
  }
  .mainvisual__img img {
    height: 230px;
  }
  .mainvisual__lead {
    background-color: #fff;
    height: 155px;
  }
  .mainvisual__lead img {
    width: 375px;
    margin: 0 auto;
  }
  .mainvisual__nav {
    display: none;
  }
  .mainvisual__brand-text {
    width: 100%;
    margin-top: -10px;
  }
  .mainvisual__brand-logo img {
    width: 190px;
  }
  .mainvisual__brand-lead {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.16em;
    line-height: 1.64286;
    margin: 20px 0;
  }
  .mainvisual__brand-lead span {
    font-size: 10px;
    font-size: 1rem;
  }
  .mainvisual__brand-button {
    letter-spacing: 0.07em;
    width: 285px;
    margin: 0 auto;
  }
  .mainvisual__brand-button .button-type01._large {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.footer {
  position: relative;
  background-repeat: no-repeat;
  background-position: left bottom, right bottom;
}
.footer__copyright small {
  font-style: normal;
  line-height: 1.6;
}
@media print, screen and (min-width: 48.0625em) {
  .footer {
    background-image: url(/common/images/bg_footer_left_pc.svg), url(/common/images/bg_footer_right_pc.svg);
  }
  .footer__inner {
    width: 1280px;
    margin: 0 auto;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .footer__inner._banner {
    padding: 40px 20px;
  }
  .footer__inner._other {
    padding: 25px 20px 160px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .footer__copyright {
    margin: 10px 0 0;
  }
  .footer__copyright small {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 48em) {
  .footer {
    background-image: url(/common/images/bg_footer_left_sp.svg), url(/common/images/bg_footer_right_sp.svg);
  }
  .footer__inner._banner {
    padding: 50px 0;
  }
  .footer__inner._other {
    padding: 0 0 30px;
  }
  .footer__logo {
    margin: 20px 0 0;
    text-align: center;
  }
  .footer__copyright {
    text-align: center;
    margin: 20px 0 0;
  }
  .footer__copyright small {
    font-size: 10px;
    font-size: 1rem;
  }
}
.footer-nav__list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-size: 1.4rem;
}
.footer-nav__item a {
  color: #fff;
  text-decoration: none;
}
@media print, screen and (min-width: 48.0625em) {
  .footer-nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .footer-nav__item + .footer-nav__item {
    margin-left: 20px;
  }
  .footer-nav__item a {
    color: #333;
    font-size: 0.9em;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .footer-nav__item a:hover {
    opacity: 0.5;
  }
}
@media screen and (max-width: 48em) {
  .footer-nav {
    margin: 30px 0 0;
  }
  .footer-nav__item {
    text-align: center;
  }
  .footer-nav__item + .footer-nav__item {
    margin-top: 20px;
  }
  .footer-nav__item a {
    color: #837365;
  }
}
.pagetop {
  position: fixed;
  z-index: 2;
  font-size: 0;
  text-indent: -9999px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s, visibility 0.2s;
  transition: opacity 0.2s, visibility 0.2s;
}
.pagetop a {
  display: block;
  width: 50px;
  height: 50px;
  background-image: url(/common/images/pagetop.svg);
  background-repeat: no-repeat;
}
.pagetop._show {
  opacity: 1;
  visibility: visible;
}
@media print, screen and (min-width: 48.0625em) {
  .pagetop {
    bottom: 50px;
    right: 30px;
  }
  .pagetop a {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .pagetop a:hover {
    opacity: 0.5;
  }
}
@media screen and (max-width: 48em) {
  .pagetop {
    bottom: 15px;
    right: 15px;
  }
}
.local-nav {
  background-color: var(--main-gray);
  color: #fff;
  font-family: "Noto Sans JP", "HiraginoSans-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: 500;
}
.local-nav a {
  color: #fff;
  text-decoration: none;
}
.local-nav__title {
  font-weight: 700;
  font-size: 20px;
  font-size: 2rem;
  margin: 0;
}
.local-nav__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.local-nav__item {
  font-size: 16px;
  font-size: 1.6rem;
}
.local-nav__item._title {
  font-weight: 400;
}
@media print, screen and (min-width: 48.0625em) {
  .local-nav__inner {
    max-width: 1160px;
    margin: 0 auto;
    padding: 14px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .local-nav__title {
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .local-nav__title a {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .local-nav__title a:hover {
    opacity: 0.5;
  }
  .local-nav__list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .local-nav__item:before {
    content: "｜";
    margin: 0 15px;
    opacity: 0.5;
  }
  .local-nav__item:first-child:before {
    display: none;
  }
  .local-nav__item a {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .local-nav__item a:hover {
    opacity: 0.5;
  }
  .local-nav__item._current a {
    opacity: 0.5;
  }
}
@media screen and (max-width: 48em) {
  .local-nav {
    text-align: center;
    padding: 0 15px 50px;
  }
  .local-nav a {
    display: block;
  }
  .local-nav__inner {
    overflow: hidden;
  }
  .local-nav__title {
    margin: 30px 0;
  }
  .local-nav__list {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }
  .local-nav__item {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
  }
  .local-nav__item a {
    line-height: 55px;
  }
}
.breadcrumb {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
}
.breadcrumb__list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.breadcrumb__item {
  font-size: 14px;
  font-size: 1.4rem;
  color: #666;
  white-space: nowrap;
}
.breadcrumb__item:last-child {
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.breadcrumb__item:not(:last-child):after {
  content: "/";
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0 3px;
}
.breadcrumb__item a {
  color: #666;
  text-decoration: none;
}
.breadcrumb__item a:hover {
  color: var(--main-green);
}
@media print, screen and (min-width: 48.0625em) {
  .breadcrumb {
    padding: 15px 0 0;
  }
  .breadcrumb__list {
    max-width: 1160px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 48em) {
  .breadcrumb {
    padding: 15px 0 0 15px;
    overflow-x: auto;
    white-space: nowrap;
    bottom: -30px;
  }
  .breadcrumb__item:last-child {
    padding-right: 15px;
  }
  .breadcrumb__item:not(:last-child):after {
    margin: 0 1px;
  }
}
.page-title01 {
  position: relative;
}
.page-title01._white .page-title01__title,
.page-title01._white .page-title01__lead {
  color: #fff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}
.page-title01__title {
  margin: 0;
  line-height: 1.3;
  font-weight: 700;
}
.page-title01__lead {
  margin: 0;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--main-gray);
}
@media print, screen and (min-width: 48.0625em) {
  .page-title01 {
    background-color: #f9faf9;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .page-title01__inner {
    background-image: none !important;
    max-width: 1160px;
    margin: 0 auto;
    padding: 60px 300px 60px 0;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .page-title01__title {
    font-size: 48px;
    font-size: 4.8rem;
    background: none !important;
  }
  .page-title01__lead {
    margin: 20px 0 0;
  }
}
@media screen and (max-width: 48em) {
  .page-title01 {
    background: none !important;
  }
  .page-title01__inner {
    padding: 50px 15px 20px;
    background-color: #f9faf9;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .page-title01__title {
    font-size: 30px;
    font-size: 3rem;
  }
  .page-title01__lead {
    margin: 10px 30% 0 0;
  }
}
.page-title02 {
  position: relative;
}
.page-title02__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}
.page-title02__inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.page-title02__inner .breadcrumb__item {
  color: #fff;
}
.page-title02__inner .breadcrumb__item a {
  color: #fff;
}
.page-title02__title {
  color: #fff;
  font-weight: 700;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  margin: 0;
  width: 100%;
  text-align: center;
}
.page-title02__lead {
  color: #fff;
  font-weight: 700;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  margin: 0;
  width: 100%;
  text-align: center;
}
@media print, screen and (min-width: 48.0625em) {
  .page-title02._violife .page-title02__title {
    margin: 20px 0 0;
  }
  .page-title02._violife .page-title02__title img {
    width: 230px;
  }
  .page-title02__inner {
    width: 100%;
    margin: 0 auto;
    padding: 0 5px;
    height: 260px;
  }
  .page-title02__title {
    font-size: 48px;
    font-size: 4.8rem;
  }
  .page-title02__lead {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 48em) {
  .page-title02._violife .page-title02__title {
    margin: 10px 0 0;
  }
  .page-title02._violife .page-title02__title img {
    width: 190px;
  }
  .page-title02__inner {
    height: 260px;
    padding: 0 5px;
  }
  .page-title02__title {
    font-size: 30px;
    font-size: 3rem;
  }
  .page-title02__lead {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.page-title03__title {
  margin: 0;
  color: #fff;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}
.page-title03__sub {
  margin: 0;
  line-height: 1.5;
  text-align: center;
  font-weight: 700;
  font-family: "Noto Sans JP", "HiraginoSans-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.page-title03__button {
  text-align: center;
}
.page-title03__button .button-type01 {
  margin: 0;
  display: block;
}
@media print, screen and (min-width: 48.0625em) {
  .page-title03 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .page-title03__inner {
    max-width: 1160px;
    margin: 0 auto;
    padding: 100px 0 130px 0;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .page-title03__title {
    margin: 40px 0 0;
    font-size: 48px;
    font-size: 4.8rem;
    background-image: none !important;
  }
  .page-title03__sub {
    margin: 40px 0 0;
    font-size: 20px;
    font-size: 2rem;
    color: #fff;
    font-weight: 700;
    text-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
  }
  .page-title03__tag {
    max-width: 530px;
    margin: 20px auto 0;
  }
  .page-title03__button {
    max-width: 360px;
    margin: 90px auto 0;
    background-color: #fff;
  }
  .page-title03__button .button-type01 {
    width: 100%;
    line-height: 70px;
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 0.1em;
    padding: 0;
  }
  .page-title03__breadcrumb {
    display: none;
  }
}
@media screen and (max-width: 48em) {
  .page-title03 {
    background-image: none !important;
  }
  .page-title03 + .breadcrumb {
    display: none;
  }
  .page-title03__title {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 0 10px;
    height: 260px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 30px;
    font-size: 3rem;
  }
  .page-title03__data {
    padding: 30px 15px 90px;
  }
  .page-title03__sub {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .page-title03__tag {
    margin: 15px 0 0;
  }
  .page-title03__button {
    margin: 30px 0 0;
  }
  .page-title03__breadcrumb .breadcrumb {
    position: static;
  }
}
.page-title04 {
  position: relative;
}
.page-title04__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}
.page-title04__inner {
  color: #fff;
  font-weight: bold;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  position: relative;
  z-index: 1;
}
.page-title04__title {
  margin: 0;
}
.page-title04__sub {
  margin: 0;
}
.page-title04__sub strong {
  font-weight: bold;
}
.page-title04__description {
  margin: 0;
}
@media print, screen and (min-width: 48.0625em) {
  .page-title04 {
    width: 100%;
    height: 690px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .page-title04__inner {
    width: 960px;
    margin: 0 auto 50px;
  }
  .page-title04__title {
    font-size: 52px;
    font-size: 5.2rem;
    line-height: 1.38462;
  }
  .page-title04__sub {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 1.4;
    margin: 10px 0 0;
  }
  .page-title04__sub strong {
    font-size: 40px;
    font-size: 4rem;
  }
  .page-title04__description {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.5;
    margin: 60px 0 0;
  }
}
@media screen and (max-width: 48em) {
  .page-title04 {
    overflow: hidden;
    height: calc(100vh - 70px);
    min-height: 400px;
  }
  .page-title04__img img {
    -o-object-position: center top;
    object-position: center top;
  }
  .page-title04__inner {
    margin: 80px 15px 40px;
  }
  .page-title04__title {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.38462;
  }
  .page-title04__sub {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.4;
    margin: 10px 0 0;
  }
  .page-title04__sub strong {
    font-size: 20px;
    font-size: 2rem;
  }
  .page-title04__description {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.42857;
    margin: 30px 0 0;
  }
}
.page-title05 {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  text-align: center;
  overflow: hidden;
}
.page-title05__title {
  margin: 0;
  color: #4e3c2c;
}
.page-title05__description {
  margin: 0;
  font-size: 16px;
  font-size: 1.6rem;
}
@media print, screen and (min-width: 48.0625em) {
  .page-title05 {
    background-image: url(/common/images/sustainability_index_kv_pc.webp);
    width: 100%;
    height: 690px;
  }
  .page-title05__inner {
    margin: 90px 0 0;
  }
  .page-title05__title {
    font-size: 48px;
    font-size: 4.8rem;
    letter-spacing: 0.05em;
    margin: 40px 0 0;
  }
  .page-title05__description {
    margin: 40px 0 0;
    line-height: 1.75;
    letter-spacing: 0.04em;
  }
}
@media screen and (max-width: 48em) {
  .page-title05 {
    background-image: url(/common/images/sustainability_index_kv_sp.webp);
  }
  .page-title05__inner {
    margin: 50px 0 80px;
  }
  .page-title05__logo {
    margin: 0 30px;
  }
  .page-title05__title {
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.5;
    letter-spacing: 0.05em;
    margin: 20px 0 0;
  }
  .page-title05__description {
    margin: 30px 20px 0;
    line-height: 1.5;
    letter-spacing: 0.04em;
  }
}
.page-title06 {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.page-title06__title {
  margin: 0;
}
@media print, screen and (min-width: 48.0625em) {
  .page-title06 {
    background-image: url(/common/images/corporate_index_kv_pc.webp);
    height: 570px;
  }
  .page-title06__title img {
    width: 960px;
  }
}
@media screen and (max-width: 48em) {
  .page-title06 {
    background-image: url(/common/images/corporate_index_kv_sp.webp);
    height: 547px;
  }
  .page-title06__title img {
    width: 375px;
  }
}
/*サイドナビ*/
/*less 2_content-side*/
@media print, screen and (min-width: 48.0625em) {
  .content-side {
    width: 240px;
    margin: 0 0 100px 60px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
@media screen and (max-width: 48em) {
  .content-side {
    margin: 0 15px 70px;
  }
}
.side-nav {
  font-family: "Noto Sans JP", "HiraginoSans-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: 500;
}
.side-nav__title {
  margin: 0;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
}
.side-nav__title a {
  display: block;
  color: var(--main-green);
  text-decoration: none;
}
.side-nav__list {
  list-style: none;
  margin: 20px 0 0;
  padding: 0;
  line-height: 1.5;
}
.side-nav__item {
  border-top: 1px solid #d6e0dc;
}
.side-nav__item > a,
.side-nav__item > span {
  cursor: pointer;
  display: block;
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
  color: #231815;
  text-decoration: none;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
.side-nav__item > a:hover,
.side-nav__item > span:hover {
  color: var(--main-green);
}
.side-nav__item > a:after,
.side-nav__item > span:after {
  content: "";
  width: 30px;
  height: 30px;
  background-image: url(/common/images/arrow03.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 6px auto;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
/*20220914 side_nav update*/
.side-nav__item._current > a,
.side-nav__item._current > span {
  background-color: #f9faf9;
  border: 3px solid var(--main-green);
}
.side-nav__item._sub-nav > a:after,
.side-nav__item._sub-nav > span:after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}
.side-nav__item._open > a:after,
.side-nav__item._open > span:after {
  -webkit-transform: translateY(-50%) rotate(270deg);
  transform: translateY(-50%) rotate(270deg);
}
@media print, screen and (min-width: 48.0625em) {
  .side-nav__title > a,
  .side-nav__title > span {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .side-nav__title > a:hover,
  .side-nav__title > span:hover {
    opacity: 0.5;
  }
  .side-nav__item > a,
  .side-nav__item > span {
    padding: 23px 30px 23px 10px;
  }
}
@media screen and (max-width: 48em) {
  .side-nav__item > a,
  .side-nav__item > span {
    padding: 18px 30px 18px 15px;
  }
}
.js-side-accordion-trigger + .side-sub-nav {
  display: none;
}
.side-sub-nav__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.side-sub-nav__item {
  font-size: 14px;
  font-size: 1.4rem;
  border-top: 1px solid #d6e0dc;
}
.side-sub-nav__item a {
  display: block;
  color: #231815;
  text-decoration: none;
  position: relative;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
.side-sub-nav__item a:hover {
  color: var(--main-green);
}
.side-sub-nav__item a:after {
  content: "";
  width: 30px;
  height: 30px;
  background-image: url(/common/images/arrow02.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 4px auto;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
/*20220914 side_nav update*/
/*20230626 side_nav update*/
.side-sub-nav__item._current > a {
  background-color: #f9faf9;
  border: 3px solid var(--main-green);
}
@media print, screen and (min-width: 48.0625em) {
  .side-sub-nav {
    padding: 0 0 0 20px;
  }
  .side-sub-nav__item a {
    padding: 15px 30px 15px 10px;
  }
}
@media screen and (max-width: 48em) {
  .side-sub-nav {
    padding: 0 0 0 30px;
  }
  .side-sub-nav__item a {
    padding: 15px 30px 15px 15px;
  }
}
.side-link01__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.side-link01__item {
  font-size: 14px;
  font-size: 1.4rem;
}
.side-link01__item a {
  display: block;
  border: 1px solid #d6e0dc;
  color: #231815;
  text-decoration: none;
  position: relative;
}
.side-link01__item a:after {
  content: "";
  width: 30px;
  height: 30px;
  background-image: url(/common/images/arrow02.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 4px auto;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media print, screen and (min-width: 48.0625em) {
  .side-link01 {
    margin: 40px 0 0;
  }
  .side-link01__item a {
    padding: 8px 30px 8px 15px;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
  }
  .side-link01__item a:hover {
    color: var(--main-green);
  }
  .side-link01__item + .side-link01__item {
    margin-top: 20px;
  }
}
@media screen and (max-width: 48em) {
  .side-link01 {
    margin: 30px 0 0;
  }
  .side-link01__item a {
    padding: 13px 30px 13px 15px;
  }
  .side-link01__item + .side-link01__item {
    margin-top: 15px;
  }
}
.side-link02 .button-type01 {
  width: 100%;
}
@media print, screen and (min-width: 48.0625em) {
  .side-link02 {
    margin: 40px 0 0;
  }
}
@media screen and (max-width: 48em) {
  .side-link02 {
    margin: 30px 0 0;
  }
}
.side-banner01__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.side-banner01__item {
  text-align: center;
}
@media print, screen and (min-width: 48.0625em) {
  .side-banner01 {
    margin: 40px 0 0;
  }
  .side-banner01__item a {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .side-banner01__item a:hover {
    opacity: 0.5;
  }
  .side-banner01__item + .side-banner01__item {
    margin-top: 20px;
  }
}
@media screen and (max-width: 48em) {
  .side-banner01 {
    margin: 30px 0 0;
  }
  .side-banner01__item + .side-banner01__item {
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 48.0625em) {
  .side-stock-price {
    margin: 40px 0 0;
  }
}
@media screen and (max-width: 48em) {
  .side-stock-price {
    margin: 30px 0 0;
  }
}
.heading-type01 {
  margin: 0;
  font-weight: 700;
  line-height: 1.2;
}
@media print, screen and (min-width: 48.0625em) {
  .heading-type01 {
    font-size: 48px;
    font-size: 4.8rem;
    margin: 100px 0 30px;
  }
}
@media screen and (max-width: 48em) {
  .heading-type01 {
    font-size: 30px;
    font-size: 3rem;
    margin: 90px 0 20px;
  }
}
.heading-type02 {
  font-weight: 500;
  position: relative;
  line-height: 1.5;
}
.heading-type02:after {
  content: "";
  background-color: var(--main-green);
  position: absolute;
  bottom: 0;
  left: 0;
}
.heading-type02 ._rss {
  position: absolute;
  bottom: 0;
  right: 0;
}
.heading-type02__sub {
  display: block;
}
@media print, screen and (min-width: 48.0625em) {
  .heading-type02 {
    font-size: 40px;
    font-size: 4rem;
    padding: 0 0 10px;
    margin: 100px 0 40px;
  }
  .heading-type02:after {
    width: 160px;
    height: 4px;
  }
  .heading-type02 ._small {
    font-size: 30px;
    font-size: 3rem;
  }
  .heading-type02 .sub {
    font-size: 26px;
    font-size: 2.6rem;
  }
  .heading-type02__sub {
    font-size: 25px;
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 48em) {
  .heading-type02 {
    font-size: 24px;
    font-size: 2.4rem;
    padding: 0 0 10px;
    margin: 90px 0 30px;
  }
  .heading-type02:after {
    width: 105px;
    height: 3px;
  }
  .heading-type02 ._small {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .heading-type02 .sub {
    font-size: 20px;
    font-size: 2rem;
  }
  .heading-type02__sub {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.heading-type03 {
  margin: 0;
  font-weight: 700;
  line-height: 1.5;
  color: #666464;
}
.heading-type03 a {
  color: #666464;
  text-decoration: none;
}
.heading-type03 a:after {
  content: "";
  width: 10px;
  height: 15px;
  background-image: url(/common/images/arrow03.svg);
  background-size: 10px auto;
  background-repeat: no-repeat;
  background-position: left top;
  display: inline-block;
  vertical-align: top;
}
@media print, screen and (min-width: 48.0625em) {
  .heading-type03 {
    font-size: 32px;
    font-size: 3.2rem;
    margin: 80px 0 30px;
  }
  .heading-type03 a {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .heading-type03 a:hover {
    opacity: 0.5;
  }
  .heading-type03 a:after {
    margin: 20px 0 0 10px;
  }
  .heading-type03 .sub {
    font-size: 22px;
    font-size: 2.2rem;
  }
  .heading-type03._low {
    margin-top: 40px;
  }
}
@media screen and (max-width: 48em) {
  .heading-type03 {
    font-size: 22px;
    font-size: 2.2rem;
    margin: 70px 0 20px;
  }
  .heading-type03 a:after {
    margin: 10px 0 0 10px;
  }
  .heading-type03 .sub {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .heading-type03._low {
    margin-top: 40px;
  }
}
.heading-type04 {
  font-weight: 500;
  line-height: 1.5;
  color: var(--main-green);
  border: 1px solid var(--main-green);
}
@media print, screen and (min-width: 48.0625em) {
  .heading-type04 {
    font-size: 24px;
    font-size: 2.4rem;
    padding: 10px 20px;
    margin: 60px 0 30px;
  }
}
@media screen and (max-width: 48em) {
  .heading-type04 {
    font-size: 20px;
    font-size: 2rem;
    padding: 7px 15px;
    margin: 50px 0 20px;
  }
}
.heading-type05 {
  font-weight: 700;
  position: relative;
  line-height: 1.5;
}
.heading-type05:after {
  content: "";
  background-color: var(--main-green);
  width: 10px;
  position: absolute;
  left: 0;
}
@media print, screen and (min-width: 48.0625em) {
  .heading-type05 {
    font-size: 20px;
    font-size: 2rem;
    padding: 0 0 0 20px;
    margin: 40px 0 20px;
  }
  .heading-type05:after {
    top: 13px;
    height: 4px;
  }
}
@media screen and (max-width: 48em) {
  .heading-type05 {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 0 0 0 15px;
    margin: 40px 0 20px;
  }
  .heading-type05:after {
    top: 12px;
    height: 3px;
  }
}
.heading-type06 {
  text-align: center;
  color: var(--main-green);
}
.heading-type06 span {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.heading-type06 span:before,
.heading-type06 span:after {
  content: "";
  width: 2px;
  background-color: var(--main-green);
  border-radius: 10px;
  display: inline-block;
  vertical-align: top;
}
.heading-type06 span:before {
  -webkit-transform: rotate(-25deg);
  transform: rotate(-25deg);
  margin: 0 20px 0 0;
}
.heading-type06 span:after {
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
  margin: 0 0 0 20px;
}
@media print, screen and (min-width: 48.0625em) {
  .heading-type06 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 36px;
    margin: 40px 0 20px;
  }
  .heading-type06 span:before,
  .heading-type06 span:after {
    height: 29px;
  }
}
@media screen and (max-width: 48em) {
  .heading-type06 {
    font-size: 20px;
    font-size: 2rem;
    line-height: 24px;
    margin: 40px 0 30px;
  }
  .heading-type06 span:before,
  .heading-type06 span:after {
    height: 24px;
  }
}
.heading-type07 {
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem;
}
.heading-type07 a {
  color: #231815;
  text-decoration: none;
}
.heading-type07 a:after {
  content: "";
  width: 10px;
  height: 15px;
  background-image: url(/common/images/arrow03.svg);
  background-size: 10px auto;
  background-repeat: no-repeat;
  background-position: left top;
  display: inline-block;
  vertical-align: top;
  margin: 8px 0 0 10px;
}
@media print, screen and (min-width: 48.0625em) {
  .heading-type07 {
    margin: 30px 0 20px;
  }
  .heading-type07 a {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .heading-type07 a:hover {
    opacity: 0.5;
  }
}
@media screen and (max-width: 48em) {
  .heading-type07 {
    margin: 30px 0 20px;
  }
}
.heading-type08 {
  color: #666464;
  font-weight: 700;
  line-height: 1.4;
}
@media print, screen and (min-width: 48.0625em) {
  .heading-type08 {
    font-size: 32px;
    font-size: 3.2rem;
    margin: 40px 0;
  }
}
@media screen and (max-width: 48em) {
  .heading-type08 {
    font-size: 22px;
    font-size: 2.2rem;
    margin: 30px 0;
  }
}
.heading-type09 {
  color: var(--main-green);
  font-weight: bold;
  text-align: center;
  position: relative;
}
.heading-type09__lead {
  display: block;
  line-height: 1;
}
.heading-type09__lead:before,
.heading-type09__lead:after {
  content: "";
  width: 2px;
  background-color: var(--main-green);
  border-radius: 10px;
  display: inline-block;
  vertical-align: top;
}
.heading-type09__lead:before {
  -webkit-transform: rotate(-25deg);
  transform: rotate(-25deg);
  margin: 0 20px 0 0;
}
.heading-type09__lead:after {
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
  margin: 0 0 0 20px;
}
@media print, screen and (min-width: 48.0625em) {
  .heading-type09 {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 1.5;
  }
  .heading-type09__lead {
    font-size: 24px;
    font-size: 2.4rem;
    margin: 0 0 20px;
  }
  .heading-type09__lead:before,
  .heading-type09__lead:after {
    height: 29px;
  }
  .heading-type09__img {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 48em) {
  .heading-type09 {
    font-size: 22px;
    font-size: 2.2rem;
  }
  .heading-type09__lead {
    font-size: 18px;
    font-size: 1.8rem;
    margin: 0 0 10px;
  }
  .heading-type09__lead:before,
  .heading-type09__lead:after {
    height: 24px;
  }
  .heading-type09__img {
    display: block;
    margin: 10px 0 0;
  }
}
.heading-type10 {
  position: relative;
  color: #666464;
  padding: 0 0 0 22px;
  font-weight: bold;
}
.heading-type10:before {
  content: "";
  width: 6px;
  position: absolute;
  left: 0;
  background-color: var(--main-green);
}
@media print, screen and (min-width: 48.0625em) {
  .heading-type10 {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 1.71429;
    margin: 60px 0 30px;
  }
  .heading-type10:before {
    top: 6px;
    bottom: 2px;
  }
}
@media screen and (max-width: 48em) {
  .heading-type10 {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.5;
  }
  .heading-type10:before {
    top: 2px;
    bottom: 2px;
  }
}
.heading-type11 {
  text-align: center;
  color: var(--main-green);
  font-weight: bold;
}
@media print, screen and (min-width: 48.0625em) {
  .heading-type11 {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 1.5;
    margin: 40px 0;
  }
}
@media screen and (max-width: 48em) {
  .heading-type11 {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.5;
    margin: 40px 0;
  }
}
.lead-type01 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.75;
  color: var(--main-gray);
  font-weight: bold;
}
.notices-block {
  background-color: #f9faf9;
  overflow: hidden;
}
.notices-block__title {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  margin: 0;
  color: var(--main-green);
}
.notices-block__lead {
  margin: 0;
  font-size: 16px;
  font-size: 1.6rem;
}
/* 202502 top page */
.notices-block__lead a {
  display: block;
  color: #231815;
  margin: 5px 0;
  text-decoration: none;
  font-size: clamp(0.8em, 3.8vw, 1em);
}
@media print, screen and (min-width: 48.0625em) {
  .notices-block {
    padding: 20px 40px;
  }
  .notices-block__inner {
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .notices-block__title {
    width: 160px;
  }
  .notices-block__lead {
    width: 100%;
  }
  .notices-block__lead a {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .notices-block__lead a:hover {
    opacity: 0.5;
  }
}
@media screen and (max-width: 48em) {
  .notices-block {
    padding: 20px 15px;
  }
  .notices-block__title {
    margin: 0 0 5px;
  }
}
.heading-block01 {
  text-align: center;
}
.heading-block01._white .heading-block01__title {
  color: #fff;
}
.heading-block01__title {
  font-size: 30px;
  font-size: 3rem;
  font-weight: 700;
  margin: 0;
  line-height: 1.5;
}
.heading-block01__sub {
  font-family: "Open Sans", "HiraginoSans-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 20px;
  font-size: 2rem;
  color: var(--main-green);
  margin: 0;
}
@media print, screen and (min-width: 48.0625em) {
  .heading-block01 {
    margin: 100px 0 45px;
  }
}
@media screen and (max-width: 48em) {
  .heading-block01 {
    margin: 90px 0 25px;
  }
}
.heading-block02 {
  font-family: "Noto Sans JP", "HiraginoSans-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  overflow: hidden;
}
.heading-block02__sub {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 500;
  color: var(--main-green);
  margin: 5px 0;
  line-height: 1.5;
}
.heading-block02__title {
  font-weight: 700;
  margin: 0;
  line-height: 1.3;
}
@media print, screen and (min-width: 48.0625em) {
  .heading-block02 {
    margin: 50px 0 40px;
    padding: 0 0 0 30px;
    border-left: 6px solid var(--main-green);
  }
  .heading-block02 + .lead-type01 {
    margin-top: -20px;
  }
  .heading-block02__title {
    font-size: 46px;
    font-size: 4.6rem;
  }
}
@media screen and (max-width: 48em) {
  .heading-block02 {
    margin: 50px 0 30px;
    padding: 0 0 0 15px;
    border-left: 4px solid var(--main-green);
  }
  .heading-block02 + .lead-type01 {
    margin-top: -15px;
  }
  .heading-block02__title {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
.products-block01__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.products-block01__item {
  position: relative;
}
.products-block01__inner {
  color: #231815;
  text-decoration: none;
}
.products-block01__title {
  color: #231815;
  margin: 0;
  font-size: 20px;
  font-size: 2rem;
  font-family: "Noto Sans JP", "HiraginoSans-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: 500;
}
@media print, screen and (min-width: 48.0625em) {
  .products-block01 {
    margin: -50px 0 150px;
  }
  .products-block01__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .products-block01__item {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc((100% - 40px * 2) / 3.0001);
  }
  .products-block01__item + .products-block01__item {
    margin-left: 40px;
  }
  .products-block01__img img {
    width: 100%;
  }
  .products-block01__inner {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .products-block01__inner:hover {
    opacity: 0.5;
  }
  .products-block01__title {
    position: absolute;
    left: 0;
    right: 0;
    top: 230px;
  }
}
@media screen and (max-width: 48em) {
  .products-block01__item {
    text-align: center;
  }
  .products-block01__item._oil .products-block01__img {
    padding: 0 38px;
  }
  .products-block01__item._margarine .products-block01__img {
    padding: 0 75px;
  }
  .products-block01__item._violife .products-block01__img {
    padding: 0 64px;
  }
  .products-block01__item + .products-block01__item {
    margin-top: 50px;
  }
  .products-block01__title {
    margin: -15px 0 0;
  }
}
@media print, screen and (min-width: 48.0625em) {
  .button-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .button-group .button-type01 + .button-type01 {
    margin-left: 40px;
  }
  .button-group + .button-group {
    margin-top: 20px;
  }
  .button-group._left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
  }
  .button-group._line2 a {
    display: grid;
    align-items: center;
    min-height: 80px;
  }
  .button-group._2column {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .button-group._2column > [class*="button-type0"] {
    width: calc((100% - 40px * 1) / 2.0001);
    margin: 20px 40px 0 0;
  }
  .button-group._2column > [class*="button-type0"]:nth-child(2n) {
    margin-right: 0;
  }
  .button-group._2column > [class*="button-type0"]:nth-child(-n+2) {
    margin-top: 0;
  }
  .button-group._3column {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .button-group._3column > [class*="button-type0"] {
    width: calc((100% - 40px * 2) / 3.0001);
    margin: 20px 40px 0 0;
  }
  .button-group._3column > [class*="button-type0"]:nth-child(3n) {
    margin-right: 0;
  }
  .button-group._3column > [class*="button-type0"]:nth-child(-n+3) {
    margin-top: 0;
  }
  .button-group._4column {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .button-group._4column > [class*="button-type0"] {
    width: calc((100% - 40px * 3) / 4.0001);
    margin: 20px 40px 0 0;
  }
  .button-group._4column > [class*="button-type0"]:nth-child(4n) {
    margin-right: 0;
  }
  .button-group._4column > [class*="button-type0"]:nth-child(-n+4) {
    margin-top: 0;
  }
}
@media screen and (max-width: 48em) {
  .button-group {
    text-align: center;
  }
  .button-group + .button-group {
    margin-top: 30px;
  }
  .button-group > [class*="button-type0"] + [class*="button-type0"] {
    margin-top: 30px;
  }
  .button-group._page-localmenu > [class*="button-type0"] + [class*="button-type0"] {
    margin-top: 10px;
  }
  .button-group._4column {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
  }
  .button-group._4column > [class*="button-type0"] + [class*="button-type0"] {
    margin-top: 0px;
  }
}
.button-type01 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 18px 30px;
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  text-align: center;
  border-radius: 0;
  text-decoration: none;
  position: relative;
  line-height: 1.4;
  font-family: "Noto Sans JP", "HiraginoSans-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
  cursor: pointer;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.button-bg-color-w {
  background-color: #ffffff;
}
.button-type01._type01 {
  border-color: var(--main-green);
  color: var(--main-green);
}
.button-type01._type01:before {
  background-image: url(/common/images/arrow02.svg);
}
.button-type01._type01._disabled {
  border-color: #ddd;
  color: #ddd;
}
.button-type01._type01._disabled:before {
  background-image: url(/common/images/arrow04.svg);
}
.button-type01._type02 {
  background-color: var(--main-green);
  border-color: var(--main-green);
  color: #fff;
}
.button-type01._type03 {
  background-color: #231815;
  border-color: #231815;
  color: #fff;
}
.button-type01._type02._disabled,
.button-type01._type03._disabled {
  background-color: #ddd;
  border-color: #ddd;
}
.button-type01._type02[href*="http"]:after,
.button-type01._type03[href*="http"]:after {
  content: "";
  background-image: url(/common/images/icon_window01.svg);
}
.button-type01._type02 .file-data,
.button-type01._type03 .file-data {
  color: #fff;
}
/*2行前提*/
.button-type01._line2 {
  display: grid;
  align-items: center;
  min-height: 80px;
}
.button-type01 .file-data {
  margin-left: 10px;
}
.button-type01:before {
  content: "";
  background-image: url(/common/images/arrow01.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 8px auto;
  width: 8px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
}
.button-type01._prev:before {
  right: auto;
  left: 20px;
  background-image: url(/common/images/arrow01.svg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.button-type01._down:before {
  background-image: url(/common/images/arrow01.svg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.button-type01._up:before {
  background-image: url(/common/images/arrow01.svg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.button-type01._left {
  text-align: left;
}
.button-type01[disabled],
.button-type01._disabled {
  pointer-events: none;
}
.button-type01[href*="http"]:after {
  content: "";
  background-image: url(/common/images/icon_window02.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 11px;
  height: 11px;
  display: inline-block;
  margin: 0 0 0 10px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.button-type01._max {
  width: 100%;
}
.button-type01._large {
  font-size: 20px;
  font-size: 2rem;
}
.button-type01._small {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 15px 30px;
}
.button-type01._small:before {
  background-size: 4px;
  width: 4px;
}
.button-type01._icon {
  padding-left: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.button-type01._icon i {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.button-type01._icon > span {
  width: 100%;
}
.button-type01 ._small {
  font-size: 12px;
  font-size: 1.2rem;
}
@media print, screen and (min-width: 48.0625em) {
  .button-type01 {
    display: inline-block;
    width: 260px;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .button-type01:hover {
    opacity: 0.5;
  }
  .button-type01._wide {
    width: 410px;
  }
  .button-type01._half {
    width: 50%;
  }
  .button-type01._large {
    width: 410px;
  }
  .button-type01._medium {
    width: 360px;
  }
  .button-type01._small {
    width: 160px;
  }
  .button-type01._auto {
    width: auto;
  }
  .button-type01._icon {
    height: 60px;
  }
  .button-type01._icon._high {
    height: 72px;
  }
}
@media screen and (max-width: 48em) {
  .button-group .button-type01:not(._medium):not(._large):not(._wide) {
    margin-left: 30px;
    margin-right: 30px;
  }
  .button-group._page-localmenu .button-type01:not(._medium):not(._large):not(._wide) {
    margin-left: 0px;
    margin-right: 0px;
  }
  .button-type01 {
    display: block;
  }
  .button-type01._small {
    min-width: 165px;
    display: inline-block;
  }
  .button-type01._medium,
  .button-type01._large,
  .button-type01._wide {
    margin-left: 0;
    margin-right: 0;
  }
  .button-type01._sp-normal {
    margin-left: 30px;
    margin-right: 30px;
  }
  .button-type01._sp-max {
    width: 100%;
  }
  .button-type01._icon {
    height: 60px;
  }
}
.button-type02 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  text-align: left;
  border-radius: 0;
  text-decoration: none;
  position: relative;
  line-height: 1.4;
  font-family: "Noto Sans JP", "HiraginoSans-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.button-type02._type01 {
  border-color: var(--main-green);
  color: var(--main-green);
  background-color: #fff;
}
.button-type02._type01:before {
  background-image: url(/common/images/arrow02.svg);
}
.button-type02:before {
  content: "";
  background-image: url(/common/images/arrow01.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 8px auto;
  width: 8px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
}
.button-type02__icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.button-type02__text {
  width: 100%;
}
.button-type02__title {
  margin: 0;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5;
}
.button-type02__description {
  margin: 5px 0 0;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
}
@media print, screen and (min-width: 48.0625em) {
  .button-type02 {
    padding: 10px 40px 10px 30px;
    min-height: 110px;
  }
  .button-type02__icon {
    margin: 0 30px 0 0;
  }
}
@media screen and (max-width: 48em) {
  .button-type02 {
    padding: 15px 40px 15px 10px;
  }
  .button-type02__icon {
    margin: 0 20px 0 0;
  }
}
/*虫眼鏡リンクボタン*/
.exp {
  display: inline-block;
  padding-left: 30px;
  margin-top: 5px;
  background: url(/common/images/icon_search.svg) center left no-repeat;
  background-size: auto 60%;
}
/*表題入りのリンクボックスエリア（DLで使う）：ここから*/
dl.irp-dl {
  border: 1px solid #ccc;
  padding: 10px 20px;
  margin-bottom: 1em;
}
dl.irp-dl a {
  color: #7a6764;
}
dl.irp-dl dt {
  font-weight: bold;
  color: #666;
  font-size: 17px;
  margin: 10px 0;
}
dl.irp-dl dd {
  display: inline;
  margin-right: 20px;
}
dl.irp-dl dd:nth-child(1) {
  border-right: 1px solid #dfdfdf;
}
dl.irp-dl .pdf {
  background-image: url(/materials/icon_pdf.webp);
  background-repeat: no-repeat;
  background-position: right 0;
  padding-right: 26px;
  padding-bottom: 1px;
  vertical-align: top;
  padding-left: 10px;
}
@media all and (-ms-high-contrast: none) {
  dl.irp-dl .pdf {
    background-position: right -1px;
  }
}
dl.irp-dl .pdf img {
  display: none;
}
dl.irp-dl dt {
  background-image: url(/materials/icon_download.webp);
  background-repeat: no-repeat;
  background-position: 0 1px;
  padding-left: 33px;
}
@media only screen and (max-width: 767px) {
  dl.irp-dl__no-use dt {
    background-position: 233px 3px;
  }
}
dl.irp-dl dd {
  border-right: 1px solid #ccc;
  padding-right: 20px;
  margin-left: 0;
}
dl.irp-dl dd:last-child {
  border-right: none;
  padding-right: 0;
  min-width: 220px;
}
dl.irp-dl dd:before {
  content: ">";
  position: absolute;
  font-family: monospace;
  margin: 0;
  font-weight: bold;
  font-size: 15px;
  color: #b91c12;
}
dl.irp-dl dd a:after {
  content: "" !important;
  margin-left: 0;
}
@media only screen and (max-width: 767px) {
  dl.irp-dl dd {
    font-size: 80%;
  }
}
/*表題入りのリンクボックスエリア（DLで使う）：ここまで*/
.banner-list01__list {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 30px;
}
.banner-list01__item a {
  display: block;
  color: #231815;
  text-decoration: none;
  text-align: center;
}
.banner-list01__lead {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 15px 0 0;
}
.banner-grid-list01__list {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
  max-width: 900px;
  width: calc(100% - 20px);
  margin: 0 auto;
  padding: 0;
  margin-bottom: 30px;
  list-style: none;
}
.banner-grid-list01__item {
  margin: 0;
  padding: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.banner-grid-list01__item:hover {
  opacity: 0.5;
}
.banner-grid-list01__item a {
  display: block;
  color: #231815;
  text-decoration: none;
  text-align: center;
}
@media screen and (max-width: 48em) {
  .banner-grid-list01__list {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media print, screen and (min-width: 48.0625em) {
  .banner-list01._center .banner-list01__list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .banner-list01._center .banner-list01__item:last-child {
    margin-right: 0;
  }
  .banner-list01__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .banner-list01__item {
    width: calc((100% - 40px * 2) / 3.0001);
    margin: 40px 40px 0 0;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .banner-list01__item:hover {
    opacity: 0.5;
  }
  .banner-list01__item:nth-child(3n) {
    margin-right: 0;
  }
  .banner-list01__item:nth-child(-n+3) {
    margin-top: 0;
  }
}
@media screen and (max-width: 48em) {
  .banner-list01__item + .banner-list01__item {
    margin-top: 30px;
  }
}
.banner-list02__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.banner-list02__item a {
  display: block;
  text-align: center;
}
@media print, screen and (min-width: 48.0625em) {
  .banner-list02__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .banner-list02__item {
    margin: 20px 10px 0;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .banner-list02__item:hover {
    opacity: 0.5;
  }
}
@media screen and (max-width: 48em) {
  .banner-list02__item {
    margin: 0 40px;
  }
  .banner-list02__item + .banner-list02__item {
    margin-top: 20px;
  }
}
.banner-list03__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media print, screen and (min-width: 48.0625em) {
  .banner-list03 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .banner-list03__list {
    width: 100%;
  }
  .banner-list03__list + .banner-list03__list {
    margin-left: 40px;
  }
  .banner-list03__item + .banner-list03__item {
    margin-top: 40px;
  }
  .banner-list03__item a {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .banner-list03__item a:hover {
    opacity: 0.5;
  }
}
@media screen and (max-width: 48em) {
  .banner-list03__list + .banner-list03__list {
    margin-top: 30px;
  }
  .banner-list03__item {
    text-align: center;
  }
  .banner-list03__item + .banner-list03__item {
    margin-top: 30px;
  }
}
.item-list01._type01 .item-list01__lead {
  text-align: left;
}
.item-list01._history .item-list01__item + .item-list01__item:before {
  content: "";
  background-image: url(/common/images/corporate_index_plus.svg);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
}
.item-list01__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.item-list01__item {
  text-align: center;
  background-color: #fff;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.16);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.item-list01__inner {
  display: block;
  padding: 10px;
  color: #231815;
  text-decoration: none;
}
.item-list01__img img {
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
  width: 340px;
  height: 226px;
}
.item-list01__lead {
  margin: 10px 0 5px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #231815;
}
.item-list01__title {
  margin: 10px 0 0;
  font-weight: bold;
  font-size: 24px;
  font-size: 2.4rem;
  color: var(--main-green);
  text-align: center;
}
@media print, screen and (min-width: 48.0625em) {
  .item-list01._history .item-list01__item + .item-list01__item {
    position: relative;
  }
  .item-list01._history .item-list01__item + .item-list01__item:before {
    left: -40px;
    top: 0;
    bottom: 0;
    width: 40px;
  }
  .item-list01._center .item-list01__list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .item-list01__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .item-list01__item {
    width: calc((100% - 40px * 2) / 3.0001);
    margin: 40px 40px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .item-list01__item:nth-child(3n) {
    margin-right: 0;
  }
  .item-list01__item:nth-child(-n+3) {
    margin-top: 0;
  }
  .item-list01__inner {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  a.item-list01__inner {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  a.item-list01__inner:hover {
    opacity: 0.5;
  }
}
@media screen and (max-width: 48em) {
  .item-list01._history .item-list01__item + .item-list01__item {
    position: relative;
  }
  .item-list01._history .item-list01__item + .item-list01__item:before {
    top: -30px;
    left: 0;
    right: 0;
    height: 30px;
    background-size: 20px auto;
  }
  .item-list01__item {
    max-width: 360px;
    margin: 0 auto;
  }
  .item-list01__item + .item-list01__item {
    margin-top: 30px;
  }
}
.item-list02__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.item-list02__item a {
  display: block;
  color: #231815;
  text-decoration: none;
}
.item-list02__title {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  margin: 10px 0 0;
}
.item-list02__lead {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 10px 0 0;
}
@media print, screen and (min-width: 48.0625em) {
  .item-list02__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .item-list02__item {
    width: calc((100% - 40px * 2) / 3.0001);
    margin: 40px 40px 0 0;
  }
  .item-list02__item:nth-child(3n) {
    margin-right: 0;
  }
  .item-list02__item:nth-child(-n+3) {
    margin-top: 0;
  }
  a.item-list02__inner {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  a.item-list02__inner:hover {
    opacity: 0.5;
  }
}
@media screen and (max-width: 48em) {
  .item-list02__item {
    max-width: 360px;
    margin: 0 auto;
  }
  .item-list02__item + .item-list02__item {
    margin-top: 30px;
  }
  .item-list02__img {
    text-align: center;
  }
}
.item-list03__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.item-list03__item {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.item-list03__inner {
  color: #fff;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  height: 320px;
}
.item-list03__text {
  color: #fff;
  position: relative;
  z-index: 1;
}
.item-list03__title {
  text-align: center;
  font-size: 30px;
  font-size: 3rem;
  font-weight: bold;
  margin: 0;
}
.item-list03__lead {
  margin: 10px auto 0;
  font-size: 16px;
  font-size: 1.6rem;
}
.item-list03__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}
@media print, screen and (min-width: 48.0625em) {
  .item-list03._ir {
    margin: 0 0 100px;
  }
  .item-list03._ir .item-list03__inner {
    height: 285px;
  }
  .item-list03._corporate {
    margin: 0 0 100px;
  }
  .item-list03._corporate .item-list03__inner {
    box-sizing: border-box;
    align-items: start;
    height: 320px;
    padding-top: 100px;
  }
  .item-list03._sustainability01 {
    margin: 0 0 80px;
  }
  .item-list03._sustainability01 .item-list03__inner {
    height: 285px;
  }
  .item-list03._sustainability02 {
    margin: 0 0 100px;
  }
  .item-list03._sustainability02 .item-list03__inner {
    height: 285px;
  }
  .item-list03._sustainability03 {
    margin: 0 0 100px;
  }
  .item-list03._category {
    margin: 0 0 100px;
  }
  .item-list03._category .item-list03__inner {
    height: 285px;
  }
  .item-list03._prosumer {
    margin: 150px 0 0;
  }
  .item-list03._prosumer .item-list03__inner {
    height: 200px;
  }
  .item-list03__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .item-list03__item {
    width: 100%;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .item-list03__item:hover {
    opacity: 0.5;
  }
  .item-list03__item + .item-list03__item {
    margin-left: 1px;
  }
  .item-list03__inner._sub-nav {
    position: relative;
  }
  .item-list03__inner._sub-nav:after {
    content: "閉じる";
    position: absolute;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    background-image: url(/common/images/arrow08.svg);
    background-repeat: no-repeat;
    background-position: right center;
    padding: 0 25px 0 0;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .item-list03__inner._sub-nav._down:after {
    opacity: 1;
  }
  .item-list03__lead {
    max-width: 360px;
  }
  .item-list03__subnav {
    display: none;
  }
  .item-list03__subnav + .item-list03__item {
    margin-left: 1px;
  }
}
@media screen and (max-width: 48em) {
  .item-list03._ir {
    margin: 0 0 90px;
  }
  .item-list03._sustainability01 {
    margin: 0 0 50px;
  }
  .item-list03._sustainability01 .item-list03__inner {
    height: 285px;
  }
  .item-list03._sustainability02 {
    margin: 0 0 70px;
  }
  .item-list03._sustainability03 {
    margin: 0 0 90px;
  }
  .item-list03._category {
    margin: 0 0 90px;
  }
  .item-list03._prosumer {
    margin: 140px 0 90px;
  }
  .item-list03._prosumer .item-list03__inner {
    height: 200px;
  }
  .item-list03__inner {
    height: 304px;
  }
  .item-list03__lead {
    width: 225px;
  }
}
/* 202405 accessibility */
/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
新しくロールオーバーテキストブロックとして再定義した分　ここから
トップページ、業務用商品トップ、企業情報トップ、株主・投資家の皆さまへトップ、サスティナビリティ
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.item-list03__item {
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.item-list03__item:hover {
  opacity: 1;
  /*初期値で.5になっているので上書き定義*/
}
.item-list03__text {
  position: relative;
  width: calc(100% - 20px);
  height: 100%;
}
/*アンカー内*/
.item-list03__inner {
  align-items: start;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  text-align: center;
}
.item-list03__inner:hover {
  background: rgba(60, 60, 60, 0.5);
}
.item-list03__inner h3,
.item-list03__inner .item-list03__title {
  box-sizing: border-box;
  display: inline-block;
  margin: 100px auto 0 auto;
  padding: 5px 15px;
  max-width: calc(100% - 10px);
  font-size: 2.8rem;
  line-height: 1.5;
  background: rgba(76, 70, 70, 0.8);
  border-radius: 5px;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.item-list03__item:hover h3,
.item-list03__item:hover .item-list03__title {
  background: rgba(76, 70, 70, 0);
}
.item-list03__inner .item-list03__lead {
  visibility: hidden;
  text-align: left;
}
.item-list03__inner:hover .item-list03__lead {
  visibility: visible;
}
/*
背景画像の定義
・画像サイズが横長なのでPCとSPで定義を変える
・PC … 横幅100%、SP … 高さ100%
*/
/*PC*/
@media screen and (min-width: 28em) {
  .item-list03__item {
    background-size: 100% auto;
  }
  .item-list03__item:hover {
    -webkit-animation: this_rollover_anker_animname2 0.5s forwards;
    animation: this_rollover_anker_animname2 0.5s forwards;
  }
  @keyframes this_rollover_anker_animname2 {
    0% {
      background-size: 100% auto;
    }
    100% {
      background-size: 108% auto;
    }
  }
}
/*SP*/
@media screen and (max-width: 28em) {
  .item-list03__item {
    background-size: auto 100%;
  }
  .item-list03__item:hover {
    -webkit-animation: this_rollover_anker_animname 0.5s forwards;
    animation: this_rollover_anker_animname 0.5s forwards;
  }
  @keyframes this_rollover_anker_animname {
    0% {
      background-size: auto 100%;
    }
    100% {
      background-size: auto 108%;
    }
  }
}
/*ーーーーーーーーーーーーーーーーーーーーーーーー*/
/*個別に調整が必要な分*/
/*＋＋＋＋＋＋＋＋トップページ　Shareholder/Investor informationの背景画像調整＋＋＋＋＋＋＋＋*/
/*PC*/
@media screen and (min-width: 100em) {
  ._top .item-list03__item.wovn_hide_ja:nth-of-type(1) {
    background-size: 100% auto;
    background-color: #011820;
  }
  ._top .item-list03__item.wovn_hide_ja:nth-of-type(1):hover {
    -webkit-animation: this_rollover_anker_animname_tmp1 0.5s forwards;
    animation: this_rollover_anker_animname_tmp1 0.5s forwards;
  }
  @keyframes this_rollover_anker_animname_tmp1 {
    0% {
      background-size: 100% auto;
    }
    100% {
      background-size: 108% auto;
    }
  }
}
/*SP*/
@media screen and (max-width: 100em) {
  ._top .item-list03__item.wovn_hide_ja:nth-of-type(1) {
    background-size: auto 100%;
    background-color: #011820;
  }
  ._top .item-list03__item.wovn_hide_ja:nth-of-type(1):hover {
    -webkit-animation: this_rollover_anker_animname_tmp_1_2 0.5s forwards;
    animation: this_rollover_anker_animname_tmp_1_2 0.5s forwards;
  }
  @keyframes this_rollover_anker_animname_tmp_1_2 {
    0% {
      background-size: auto 100%;
    }
    100% {
      background-size: auto 108%;
    }
  }
}
/*＋＋＋＋＋＋＋＋業務用商品＋＋＋＋＋＋＋＋*/
/*業務用ボタンの調整*/
._prosumer .item-list03__inner h3 {
  margin-top: 4vh;
}
/*背景画像の高さが少し足りないのでSP時も横幅優先に*/
._prosumer .item-list03__item {
  background-size: 100% auto;
}
._prosumer .item-list03__item:hover {
  -webkit-animation: this_rollover_anker_animname_prosumer 0.5s forwards;
  animation: this_rollover_anker_animname_prosumer 0.5s forwards;
}
@keyframes this_rollover_anker_animname_prosumer {
  0% {
    background-size: 100% auto;
  }
  100% {
    background-size: 108% auto;
  }
}
@media screen and (max-width: 48em) {
  ._prosumer .item-list03__item {
    margin-bottom: 10px;
  }
}
/*＋＋＋＋＋＋＋＋企業情報、サスティナビリティ＋＋＋＋＋＋＋＋*/
/*採用情報箇所の調整*/
._sustainability03 .item-list03__item {
  overflow: hidden;
}
._sustainability03 .item-list03__img::after {
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
._sustainability03 .item-list03__inner:hover .item-list03__img::after {
  background: rgba(60, 60, 60, 0.5);
}
._sustainability03 .item-list03__inner .item-list03__img {
  position: absolute;
  width: 100%;
  height: 100%;
}
._sustainability03 .item-list03__item:hover .item-list03__img {
  -webkit-animation: recruit_rollover_anker_animname 0.5s forwards;
  animation: recruit_rollover_anker_animname 0.5s forwards;
}
@keyframes recruit_rollover_anker_animname {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.03);
  }
}
/* 202405 accessibility */
/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
新しくロールオーバーテキストブロックとして再定義した分　ここまで
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.item-list04__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.item-list04__title {
  margin: 0;
  font-family: "Noto Sans JP", "HiraginoSans-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: 500;
  line-height: 1.5;
  border-top: 1px solid var(--main-green);
  border-bottom: 1px solid var(--main-green);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.item-list04__title i {
  margin: 0 5px 0 0;
  font-style: normal;
  font-family: "Open Sans", "HiraginoSans-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: 700;
  line-height: 1.3;
  color: var(--main-green);
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.item-list04__text {
  margin: 0;
}
.item-list04__text > *:first-child,
.item-list04__text > .entry-block > *:first-child {
  margin-top: 0 !important;
}
.item-list04__text > *:last-child,
.item-list04__text > .entry-block > *:last-child {
  margin-bottom: 0 !important;
}
@media print, screen and (min-width: 48.0625em) {
  .item-list04._low .item-list04__item + .item-list04__item {
    margin-top: 40px;
  }
  .item-list04._low .item-list04__text {
    margin-top: 20px;
  }
  .item-list04__item + .item-list04__item {
    margin-top: 50px;
  }
  .item-list04__title {
    font-size: 24px;
    font-size: 2.4rem;
    padding: 15px 10px;
  }
  .item-list04__title i {
    font-size: 28px;
    font-size: 2.8rem;
  }
  .item-list04__text {
    margin: 40px 0 0;
  }
}
@media screen and (max-width: 48em) {
  .item-list04__item + .item-list04__item {
    margin-top: 40px;
  }
  .item-list04__title {
    font-size: 20px;
    font-size: 2rem;
    padding: 10px 10px 10px 15px;
    margin-left: -15px;
    margin-right: -15px;
  }
  .item-list04__title i {
    font-size: 24px;
    font-size: 2.4rem;
  }
  .item-list04__text {
    margin: 20px 0 0;
  }
}
.item-list05__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.item-list05__inner {
  color: #231815 !important;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.item-list05__img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.item-list05__img img {
  width: 100%;
}
.item-list05__title {
  margin: 0;
  width: 100%;
  text-decoration: underline;
}
@media print, screen and (min-width: 48.0625em) {
  .item-list05__item + .item-list05__item {
    margin-top: 40px;
  }
  .item-list05__inner:hover .item-list05__title {
    color: var(--main-green);
  }
  .item-list05__img {
    width: 185px;
    margin: 0 20px 0 0;
  }
}
@media screen and (max-width: 48em) {
  .item-list05__item + .item-list05__item {
    margin-top: 30px;
  }
  .item-list05__img {
    width: 165px;
    max-width: 45%;
    margin: 0 20px 0 0;
  }
}
.item-list06__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.item-list06__inner {
  color: #231815 !important;
  text-decoration: none;
}
.item-list06__title {
  margin: 15px 0 0;
  text-decoration: underline;
}
@media print, screen and (min-width: 48.0625em) {
  .item-list06__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .item-list06__item {
    width: calc((100% - 40px * 2) / 3.0001);
    margin: 40px 40px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .item-list06__item:nth-child(3n) {
    margin-right: 0;
  }
  .item-list06__item:nth-child(-n+3) {
    margin-top: 0;
  }
  .item-list06__inner:hover .item-list06__title {
    color: var(--main-green);
  }
}
@media screen and (max-width: 48em) {
  .item-list06 {
    max-width: 320px;
    margin: 0 auto;
  }
  .item-list06__item {
    margin: 0 30px;
  }
  .item-list06__item + .item-list06__item {
    margin-top: 30px;
  }
}
.item-list07._accordion .item-list07__title {
  cursor: pointer;
}
.item-list07._accordion .item-list07__title:after {
  content: "";
}
.item-list07._accordion .item-list07__main {
  display: none;
}
.item-list07._faq .item-list07__title:before {
  content: "Q";
  background-color: var(--main-green);
  font-family: "Open Sans", "HiraginoSans-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: 700;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.item-list07._faq .item-list07__a:before {
  content: "A";
  background-color: #fff;
  font-family: "Open Sans", "HiraginoSans-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: 700;
  color: var(--main-green);
  text-align: center;
}
.item-list07._topic .item-list07__title:before {
  content: "";
  background-image: url(/common/images/icon_faq01.svg);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
}
.item-list07._topic .item-list07__a:before {
  content: "";
  background-image: url(/common/images/icon_faq02.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.item-list07._faq .item-list07__main,
.item-list07._topic .item-list07__main {
  position: relative;
}
.item-list07._faq .item-list07__main:before,
.item-list07._topic .item-list07__main:before {
  content: "";
  width: 5px;
  background-color: var(--main-green);
  position: absolute;
  top: 0;
}
.item-list07:not(._faq):not(._topic) .item-list07__main > *:first-child,
.item-list07:not(._faq):not(._topic) .item-list07__main > .entry-block > *:first-child {
  margin-top: 0 !important;
}
.item-list07:not(._faq):not(._topic) .item-list07__main > *:last-child,
.item-list07:not(._faq):not(._topic) .item-list07__main > .entry-block > *:last-child {
  margin-bottom: 0 !important;
}
.item-list07__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.item-list07__title {
  border-top: 1px solid var(--main-green);
  border-bottom: 1px solid var(--main-green);
  position: relative;
  font-family: "Noto Sans JP", "HiraginoSans-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: 700;
  margin: -1px 0 0;
  line-height: 1.5;
  outline: 0;
}
.item-list07__title:after {
  background-image: url(/common/images/arrow02.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 9px auto;
  position: absolute;
  top: 50%;
  bottom: 50%;
  width: 9px;
  height: 18px;
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.item-list07__title._open:after {
  -webkit-transform: translate(-50%, -50%) rotate(270deg);
  transform: translate(-50%, -50%) rotate(270deg);
}
.item-list07__body > *:first-child,
.item-list07__body > .entry-block > *:first-child {
  margin-top: 0 !important;
}
.item-list07__body > *:last-child,
.item-list07__body > .entry-block > *:last-child {
  margin-bottom: 0 !important;
}
.item-list07__a {
  font-weight: bold;
  margin: 0;
  min-height: 1em;
  position: relative;
}
.item-list07__a:before {
  content: "";
  background-color: #fff;
  border: 1px solid var(--main-green);
  border-radius: 50%;
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media print, screen and (min-width: 48.0625em) {
  .item-list07._faq .item-list07__title {
    padding-left: 75px;
  }
  .item-list07._faq .item-list07__title:before {
    width: 46px;
    line-height: 46px;
    font-size: 28px;
    font-size: 2.8rem;
    left: 10px;
    top: 15px;
  }
  .item-list07._topic .item-list07__title {
    padding-left: 75px;
  }
  .item-list07._topic .item-list07__title:before {
    width: 46px;
    height: 46px;
    left: 10px;
    top: 19px;
  }
  .item-list07._faq .item-list07__main:before,
  .item-list07._topic .item-list07__main:before {
    height: 40px;
    left: 31px;
  }
  .item-list07__title {
    font-size: 24px;
    font-size: 2.4rem;
    padding: 20px 50px 20px 20px;
  }
  .item-list07__title:after {
    right: 25px;
  }
  .item-list07__main {
    padding: 40px 0;
  }
  .item-list07__a {
    font-size: 24px;
    font-size: 2.4rem;
    padding: 0 20px 40px 75px;
  }
  .item-list07__a:before {
    width: 46px;
    height: 46px;
    line-height: 44px;
    font-size: 28px;
    font-size: 2.8rem;
    left: 10px;
    top: -4px;
  }
}
@media screen and (max-width: 48em) {
  .item-list07._faq .item-list07__title {
    padding-left: 75px;
  }
  .item-list07._faq .item-list07__title:before {
    width: 40px;
    line-height: 40px;
    font-size: 24px;
    font-size: 2.4rem;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .item-list07._topic .item-list07__title {
    padding-left: 75px;
  }
  .item-list07._topic .item-list07__title:before {
    width: 40px;
    height: 40px;
    background-size: 36px auto;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .item-list07._topic .item-list07__a:before {
    background-size: 23px auto;
  }
  .item-list07._faq .item-list07__main:before,
  .item-list07._topic .item-list07__main:before {
    height: 35px;
    left: 18px;
  }
  .item-list07__title {
    font-size: 20px;
    font-size: 2rem;
    padding: 10px 40px 10px 15px;
    margin-left: -15px;
    margin-right: -15px;
  }
  .item-list07__title:after {
    right: 10px;
  }
  .item-list07__main {
    padding: 30px 0;
  }
  .item-list07__a {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.5;
    padding: 0 20px 30px 75px;
    margin-left: -15px;
    margin-right: -15px;
  }
  .item-list07__a:before {
    width: 40px;
    height: 40px;
    line-height: 38px;
    font-size: 24px;
    font-size: 2.4rem;
    left: 15px;
    top: -4px;
  }
}
.item-list08__item {
  border: 1px solid #d6e0dc;
}
.item-list08__item + .item-list08__item {
  margin-top: 5px;
}
.item-list08__title {
  margin: 0;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
  background-color: var(--main-gray);
  padding: 10px;
}
.item-list08__list {
  margin: 0;
  display: table;
}
.item-list08__row {
  display: table-row;
}
.item-list08__row dt {
  display: table-cell;
  color: #666464;
  font-weight: 700;
  white-space: nowrap;
  padding: 10px 20px 10px 10px;
  border-top: 1px solid #d6e0dc;
}
.item-list08__row dd {
  display: table-cell;
  padding: 10px;
  border-top: 1px solid #d6e0dc;
}
.item-list09._1column .item-list09__list {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.item-list09__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.item-list09__item {
  text-align: center;
  font-family: "Noto Sans JP", "HiraginoSans-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 1.4;
}
.item-list09__inner {
  color: #231815;
  text-decoration: none;
  display: block;
}
.item-list09__lead {
  color: var(--main-green);
  font-weight: 500;
  margin: 0;
}
.item-list09__title {
  color: #231815;
  font-weight: 700;
  margin: 0;
}
.item-list09__description {
  margin: 15px 0 0;
  color: #666464;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: left;
}
@media print, screen and (min-width: 48.0625em) {
  .item-list09._3column .item-list09__item,
  .item-list09._3column-sp-1column .item-list09__item {
    width: calc((100% - 40px * 2) / 3.0001);
    margin: 40px 40px 0 0;
  }
  .item-list09._3column .item-list09__item:nth-child(3n),
  .item-list09._3column-sp-1column .item-list09__item:nth-child(3n) {
    margin-right: 0;
  }
  .item-list09._3column .item-list09__item:nth-child(-n+3),
  .item-list09._3column-sp-1column .item-list09__item:nth-child(-n+3) {
    margin-top: 0;
  }
  .item-list09._type02 .item-list09__title {
    font-size: 20px;
    font-size: 2rem;
    margin: 20px 0 0;
  }
  .item-list09._type03 .item-list09__title {
    font-size: 18px;
    font-size: 1.8rem;
    margin: 20px 0 0;
  }
  .item-list09__inner {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .item-list09__inner:hover {
    opacity: 0.5;
  }
  .item-list09__lead {
    font-size: 18px;
    font-size: 1.8rem;
    margin: 15px 0 0;
  }
  .item-list09__title {
    font-size: 24px;
    font-size: 2.4rem;
    margin: 5px 0 0;
  }
}
@media screen and (max-width: 48em) {
  .item-list09._1column .item-list09__list {
    display: block;
  }
  .item-list09._1column .item-list09__item {
    padding: 0 30px;
  }
  .item-list09._1column .item-list09__item + .item-list09__item {
    margin-top: 30px;
  }
  .item-list09._3column .item-list09__item {
    width: calc((100% - 30px * 1) / 2.0001);
    margin: 20px 30px 0 0;
  }
  .item-list09._3column .item-list09__item:nth-child(2n) {
    margin-right: 0;
  }
  .item-list09._3column .item-list09__item:nth-child(-n+2) {
    margin-top: 0;
  }
  .item-list09._3column-sp-1column .item-list09__list {
    display: block;
  }
  .item-list09._3column-sp-1column .item-list09__item + .item-list09__item {
    margin-top: 30px;
  }
  .item-list09._type02 .item-list09__title {
    font-size: 20px;
    font-size: 2rem;
    margin: 10px 0 0;
  }
  .item-list09._type03 .item-list09__title {
    font-size: 18px;
    font-size: 1.8rem;
    margin: 15px 0 0;
  }
  .item-list09__lead {
    font-size: 12px;
    font-size: 1.2rem;
    margin: 15px 0 0;
  }
  .item-list09__title {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 5px 0 0;
  }
}
.item-list10 {
  position: relative;
}
.item-list10__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.item-list10__item a {
  display: block;
  color: #231815;
  text-decoration: none;
  text-align: center;
}
.item-list10__img {
  background-color: #fff;
}
.item-list10__img img {
  margin: 0 auto;
  width: 100%;
}
.item-list10__arrow .slick-arrow {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 0;
  text-indent: -9999px;
  background-color: transparent;
  background-image: url(/common/images/arrow02.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 15px auto;
  width: 48px;
  height: 48px;
  cursor: pointer;
  z-index: 1;
}
.item-list10__title {
  margin: 15px 0 0;
}
@media print, screen and (min-width: 48.0625em) {
  .item-list10._slider {
    margin-left: -20px;
    margin-right: -20px;
  }
  .item-list10._slider .item-list10__list {
    display: block;
  }
  .item-list10._slider .item-list10__item {
    padding: 0 20px;
  }
  .item-list10:not(._slider) .item-list10__item {
    width: calc((100% - 40px * 2) / 3.0001);
    margin: 40px 40px 0 0;
  }
  .item-list10:not(._slider) .item-list10__item:nth-child(3n) {
    margin-right: 0;
  }
  .item-list10:not(._slider) .item-list10__item:nth-child(-n+3) {
    margin-top: 0;
  }
  .item-list10__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .item-list10__item {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .item-list10__item:hover {
    opacity: 0.5;
  }
  .item-list10__img img {
    width: 360px;
    height: 220px;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit: contain;";
  }
  .item-list10__arrow .slick-arrow {
    position: absolute;
    top: 90px;
  }
  .item-list10__arrow .slick-prev {
    left: -25px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .item-list10__arrow .slick-next {
    right: -25px;
  }
}
@media screen and (max-width: 48em) {
  .item-list10__title {
    padding: 0 30px;
  }
  .item-list10__img {
    position: relative;
    padding-top: 61.15942%;
  }
  .item-list10__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit: contain;";
  }
  .item-list10__arrow .slick-arrow {
    position: absolute;
    top: 60vw;
    background-size: 10px auto;
  }
  .item-list10__arrow .slick-prev {
    left: -15px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .item-list10__arrow .slick-next {
    right: -15px;
  }
}
.item-list11__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
a.item-list11__inner {
  display: block;
  color: #231815;
  text-decoration: none;
}
.item-list11__img img {
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}
.item-list11__text {
  margin: 20px 0 0;
}
.item-list11__title {
  margin: 15px 0 0;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.5;
}
.item-list11__lead {
  margin: 10px 0 0;
  line-height: 1.5;
}
@media print, screen and (min-width: 48.0625em) {
  .item-list11__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  a.item-list11__inner {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  a.item-list11__inner:hover {
    opacity: 0.5;
  }
  .item-list11__item {
    width: calc((100% - 40px * 2) / 3.0001);
    margin: 40px 40px 0 0;
  }
  .item-list11__item:nth-child(3n) {
    margin-right: 0;
  }
  .item-list11__item:nth-child(-n+3) {
    margin-top: 0;
  }
  .item-list11__img img {
    width: 360px;
    height: 240px;
  }
}
@media screen and (max-width: 48em) {
  .item-list11__item + .item-list11__item {
    margin-top: 30px;
  }
  .item-list11__img {
    position: relative;
    height: 0;
    padding-top: 66.66667%;
  }
  .item-list11__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
.item-list12__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.item-list12__item {
  line-height: 1.5;
}
.item-list12__inner {
  display: block;
}
a.item-list12__inner {
  color: #231815;
  text-decoration: none;
}
.item-list12__img {
  border: 1px solid #d6e0dc;
}
.item-list12__img img {
  -o-object-fit: contain;
  object-fit: contain;
  font-family: "object-fit: contain;";
}
.item-list12__text {
  margin: 0;
}
@media print, screen and (min-width: 48.0625em) {
  .item-list12__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .item-list12__item {
    width: calc((100% / 2) - 20px);
    margin: 40px 40px 0 0;
  }
  .item-list12__item:nth-child(even) {
    margin-right: 0;
  }
  .item-list12__item:nth-child(-n+2) {
    margin-top: 0;
  }
  .item-list12__inner {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .item-list12__inner:hover {
    opacity: 0.5;
  }
  .item-list12__img img {
    width: 160px;
    height: 160px;
  }
  .item-list12__text {
    margin: 15px 0 0;
  }
}
@media screen and (max-width: 48em) {
  .item-list12__item + .item-list12__item {
    margin-top: 20px;
  }
  .item-list12__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .item-list12__img {
    width: 46.5%;
    height: 0;
    padding-top: 46.5%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
  }
  .item-list12__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .item-list12__text {
    width: 100%;
    padding: 0 0 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.item-list13__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.item-list13__inner {
  display: block;
  color: #231815;
  text-decoration: none;
}
.item-list13__category {
  width: 116px;
  line-height: 22px;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  background-color: #f9faf9;
  color: var(--main-green);
}
.item-list13__title {
  font-weight: bold;
  margin: 0;
  color: #231815;
}
@media print, screen and (min-width: 48.0625em) {
  .item-list13__item {
    margin: 20px 0;
  }
  .item-list13__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .item-list13__inner:hover .item-list13__title {
    opacity: 0.5;
  }
  .item-list13__category {
    margin: 3px 20px 0 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .item-list13__title {
    width: 100%;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
}
@media screen and (max-width: 48em) {
  .item-list13__item {
    margin: 15px 0;
  }
  .item-list13__category {
    margin: 0 0 5px 0;
  }
}
.item-list14__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.item-list14__item {
  text-align: center;
  border: 1px solid var(--main-green);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.item-list14__inner {
  display: block;
  color: var(--main-green);
  text-decoration: none;
  font-weight: bold;
}
.item-list14__title {
  background-image: url(/common/images/arrow02.svg);
  background-repeat: no-repeat;
  background-position: right center;
}
.item-list14__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media print, screen and (min-width: 48.0625em) {
  .item-list14__item {
    width: calc((100% - 40px * 4) / 5.0001);
    margin: 40px 40px 0 0;
  }
  .item-list14__item:nth-child(5n) {
    margin-right: 0;
  }
  .item-list14__item:nth-child(-n+5) {
    margin-top: 0;
  }
  .item-list14__inner {
    padding: 15px 15px 5px;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .item-list14__inner:hover {
    opacity: 0.5;
  }
  .item-list14__img {
    width: 125px;
    height: 125px;
    margin: 5px auto 0;
  }
  .item-list14__img img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
@media screen and (max-width: 48em) {
  .item-list14__item {
    width: calc((100% - 16px * 1) / 2.0001);
    margin: 30px 16px 0 0;
  }
  .item-list14__item:nth-child(2n) {
    margin-right: 0;
  }
  .item-list14__item:nth-child(-n+2) {
    margin-top: 0;
  }
  .item-list14__inner {
    padding: 15px 15px 5px;
  }
  .item-list14__title {
    line-height: 1.5;
  }
  .item-list14__img {
    width: 90px;
    height: 90px;
    margin: 5px auto 0;
  }
  .item-list14__img img {
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
  }
}
.item-list15__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.item-list15__img {
  text-align: center;
}
.item-list15__title {
  margin: 0;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.5;
}
.item-list15__lead {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  margin: 10px 0 0;
}
@media print, screen and (min-width: 48.0625em) {
  .item-list15__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .item-list15__item {
    width: calc((100% - 40px * 1) / 2.0001);
    margin: 40px 40px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .item-list15__item:nth-child(2n) {
    margin-right: 0;
  }
  .item-list15__item:nth-child(-n+2) {
    margin-top: 0;
  }
  .item-list15__img {
    width: 280px;
    margin: 0 20px 0 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .item-list15__button {
    margin: 25px 0 0;
  }
}
@media screen and (max-width: 48em) {
  .item-list15__item + .item-list15__item {
    margin-top: 40px;
  }
  .item-list15__button {
    margin: 25px 30px 0;
  }
}
.item-list16__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.item-list16__inner {
  display: block;
  text-decoration: none;
}
.item-list16__img img {
  width: 100%;
}
.item-list16__title {
  background-color: var(--main-green);
  color: #fff;
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.item-list16__title:after {
  content: "";
  background-image: url(/common/images/arrow01.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 8px auto;
  width: 8px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
}
@media print, screen and (min-width: 48.0625em) {
  .item-list16__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .item-list16__item {
    width: calc((100% - 40px * 2) / 3.0001);
    margin: 40px 40px 0 0;
  }
  .item-list16__item:nth-child(3n) {
    margin-right: 0;
  }
  .item-list16__item:nth-child(-n+3) {
    margin-top: 0;
  }
  .item-list16__title {
    height: 44px;
  }
}
@media screen and (max-width: 48em) {
  .item-list16__item + .item-list16__item {
    margin-top: 30px;
  }
  .item-list16__title {
    height: 48px;
  }
}
.item-list17__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.item-list17__inner {
  display: block;
  color: #231815;
  text-decoration: none;
}
.item-list17__category .tag-type01 {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 24px;
}
.item-list17__title {
  margin: 0;
  font-family: "Noto Sans JP", "HiraginoSans-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: bold;
}
.item-list17__img {
  text-align: center;
}
.item-list17__img img {
  -o-object-fit: contain;
  object-fit: contain;
  font-family: "object-fit: contain;";
  -o-object-position: center top;
  object-position: center top;
}
.item-list17__description {
  margin: 0;
}
@media print, screen and (min-width: 48.0625em) {
  .item-list17__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .item-list17__item {
    width: calc((100% - 40px * 1) / 2.0001);
    margin: 60px 40px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .item-list17__item:nth-child(2n) {
    margin-right: 0;
  }
  .item-list17__item:nth-child(-n+2) {
    margin-top: 0;
  }
  .item-list17__inner {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
  }
  .item-list17__title {
    width: 100%;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.5;
    margin: 0 0 30px;
  }
  .item-list17__img {
    width: 200px;
    margin: 0 20px 0 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .item-list17__img img {
    width: 200px;
    height: 245px;
  }
  .item-list17__text {
    width: calc(100% - 200px - 20px);
  }
  .item-list17__button {
    margin: 50px 0 0;
  }
  .item-list17__button .button-type01 {
    display: block;
  }
}
@media screen and (max-width: 48em) {
  .item-list17__item {
    margin: 30px 0 0;
  }
  .item-list17__title {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.45;
  }
  .item-list17__img {
    margin: 20px 0 0;
    position: relative;
    height: 0;
    padding-top: 52.17391%;
  }
  .item-list17__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .item-list17__text {
    margin: 30px 0 0;
  }
  .item-list17__description {
    margin: 10px 0 0;
  }
  .item-list17__button {
    margin: 20px 0 0;
  }
}
.item-list18__list {
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid var(--main-green);
}
.item-list18__item {
  border-top: 1px solid var(--main-green);
}
.item-list18__item._accordion .item-list18__data {
  display: none;
}
.item-list18__title {
  margin: 0;
  font-family: "Open Sans", "HiraginoSans-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: bold;
}
.item-list18__description > *:first-child,
.item-list18__description > .entry-block > *:first-child {
  margin-top: 0 !important;
}
.item-list18__description > *:last-child,
.item-list18__description > .entry-block > *:last-child {
  margin-bottom: 0 !important;
}
.item-list18__data {
  overflow: hidden;
}
.item-list18__data > *:first-child,
.item-list18__data > .entry-block > *:first-child {
  margin-top: 0 !important;
}
.item-list18__data > *:last-child,
.item-list18__data > .entry-block > *:last-child {
  margin-bottom: 0 !important;
}
.item-list18__data-inner > *:first-child,
.item-list18__data-inner > .entry-block > *:first-child {
  margin-top: 0 !important;
}
.item-list18__data-inner > *:last-child,
.item-list18__data-inner > .entry-block > *:last-child {
  margin-bottom: 0 !important;
}
.item-list18__section > *:first-child,
.item-list18__section > .entry-block > *:first-child {
  margin-top: 0 !important;
}
.item-list18__section > *:last-child,
.item-list18__section > .entry-block > *:last-child {
  margin-bottom: 0 !important;
}
.item-list18__button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  background-color: #f9faf9;
  display: block;
  height: 48px;
  line-height: 48px;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
  color: var(--main-green);
  text-align: center;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.item-list18__button:after {
  content: "";
  background-image: url(/common/images/arrow02.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 8px auto;
  width: 8px;
  height: 13px;
  display: inline-block;
  vertical-align: top;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.item-list18__button._close:after {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}
.item-list18__button._hide {
  display: none;
}
@media print, screen and (min-width: 48.0625em) {
  .item-list18__item {
    margin: 0 0 20px;
  }
  .item-list18__title {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.4;
    margin: 20px 20px 15px;
  }
  .item-list18__row {
    margin: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .item-list18__img {
    width: 260px;
    margin: 0 40px 0 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .item-list18__text {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: justify;
    align-content: space-between;
  }
  .item-list18__description {
    width: 100%;
  }
  .item-list18__category {
    width: 100%;
    margin: 20px 0 -10px;
  }
  .item-list18__data {
    padding: 40px 0 0;
  }
  .item-list18__data-inner {
    margin: 0 40px;
  }
  .item-list18__section {
    margin: 40px 0;
  }
  .item-list18__button {
    margin: 20px 20px 0;
    width: calc(100% - 40px);
  }
  .item-list18__button:after {
    margin: 18px 0 0 17px;
  }
}
@media screen and (max-width: 48em) {
  .item-list18__item {
    margin: 0 -15px 20px;
    padding: 0 15px;
  }
  .item-list18__title {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.4;
    margin: 20px 0 15px;
  }
  .item-list18__row {
    margin: 0;
  }
  .item-list18__img {
    text-align: center;
    margin: 0 30px 20px;
  }
  .item-list18__category {
    margin: 30px 0 -10px;
  }
  .item-list18__data {
    padding: 40px 0 0;
  }
  .item-list18__button {
    margin: 30px 0 0;
    width: 100%;
  }
  .item-list18__button:after {
    margin: 18px 0 0 17px;
  }
  .item-list18__section {
    margin: 40px 0;
  }
}
.item-list19__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.item-list19__category {
  font-weight: bold;
  margin: 0;
}
.item-list19__img img {
  -o-object-fit: contain;
  object-fit: contain;
  font-family: "object-fit: contain;";
}
.item-list19__title {
  margin: 0;
  font-weight: bold;
  font-family: "Noto Sans JP", "HiraginoSans-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.item-list19__data > *:first-child,
.item-list19__data > .entry-block > *:first-child {
  margin-top: 0 !important;
}
.item-list19__data > *:last-child,
.item-list19__data > .entry-block > *:last-child {
  margin-bottom: 0 !important;
}
.item-list19__tag {
  margin: 20px 0 0;
}
@media print, screen and (min-width: 48.0625em) {
  .item-list19__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .item-list19__item + .item-list19__item {
    margin-top: 40px;
  }
  .item-list19__category {
    width: 100%;
    margin: 0 0 20px;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .item-list19__img {
    width: 220px;
    margin: 0 40px 0 0;
    text-align: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .item-list19__img img {
    width: 300px;
    height: 250px;
  }
  .item-list19__text {
    width: calc(100% - 220px - 40px);
  }
  .item-list19__title {
    font-size: 20px;
    font-size: 2rem;
    margin: 0 0 10px;
  }
}
@media screen and (max-width: 48em) {
  .item-list19__item + .item-list19__item {
    margin-top: 40px;
  }
  .item-list19__category {
    margin: 0 0 20px;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .item-list19__img {
    text-align: center;
    margin: 0 0 10px 0;
    position: relative;
    height: 0;
    padding-top: 66.66667%;
  }
  .item-list19__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .item-list19__title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.4;
    margin: 0 0 10px;
  }
  .item-list19__data {
    clear: both;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.item-list20__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.item-list20__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.item-list20__img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.item-list20__text {
  width: 100%;
}
.item-list20__name {
  margin: 0;
  font-weight: bold;
}
.item-list20__description {
  margin: 0;
}
.item-list20__trigger {
  border-top: 1px solid var(--main-green);
  border-bottom: 1px solid var(--main-green);
  position: relative;
  font-family: "Noto Sans JP", "HiraginoSans-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: 700;
  margin: -1px 0 0;
  line-height: 1.5;
  outline: 0;
  cursor: pointer;
}
.item-list20__trigger:after {
  content: "";
  background-image: url(/common/images/arrow02.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 9px auto;
  position: absolute;
  top: 50%;
  bottom: 50%;
  width: 9px;
  height: 18px;
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.item-list20__trigger._open:after {
  -webkit-transform: translate(-50%, -50%) rotate(270deg);
  transform: translate(-50%, -50%) rotate(270deg);
}
.item-list20__target {
  display: none;
}
.item-list20__target > *:first-child,
.item-list20__target > .entry-block > *:first-child {
  margin-top: 0 !important;
}
.item-list20__target > *:last-child,
.item-list20__target > .entry-block > *:last-child {
  margin-bottom: 0 !important;
}
.item-list20__career {
  font-size: 14px;
  font-size: 1.4rem;
}
@media print, screen and (min-width: 48.0625em) {
  .item-list20__item + .item-list20__item {
    margin-top: 80px;
  }
  .item-list20__img {
    width: 150px;
    margin: 0 40px 0 0;
  }
  .item-list20__name {
    font-size: 22px;
    font-size: 2.2rem;
  }
  .item-list20__description {
    margin: 10px 0 0;
  }
  .item-list20__detail {
    margin: 40px 0 0;
  }
  .item-list20__trigger {
    font-size: 24px;
    font-size: 2.4rem;
    padding: 20px 50px 20px 20px;
  }
  .item-list20__trigger:after {
    right: 25px;
  }
  .item-list20__trigger._career {
    font-size: 20px;
    font-size: 2rem;
  }
  .item-list20__target {
    padding: 40px 0 0;
  }
}
@media screen and (max-width: 48em) {
  .item-list20__item + .item-list20__item {
    margin-top: 60px;
  }
  .item-list20__img {
    width: 120px;
    margin: 0 20px 0 0;
  }
  .item-list20__title {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .item-list20__detail {
    margin: 30px 0 0;
  }
  .item-list20__trigger {
    font-size: 20px;
    font-size: 2rem;
    padding: 10px 40px 10px 15px;
  }
  .item-list20__trigger:after {
    right: 10px;
  }
  .item-list20__trigger._career {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .item-list20__target {
    padding: 30px 0;
  }
}
.item-list21__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.item-list21__name {
  font-weight: bold;
  margin: 0;
}
.item-list21__description {
  margin: 0;
}
.item-list21__trigger {
  border-top: 1px solid var(--main-green);
  border-bottom: 1px solid var(--main-green);
  position: relative;
  font-family: "Noto Sans JP", "HiraginoSans-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: 700;
  margin: -1px 0 0;
  line-height: 1.5;
  outline: 0;
  cursor: pointer;
}
.item-list21__trigger:after {
  content: "";
  background-image: url(/common/images/arrow02.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 9px auto;
  position: absolute;
  top: 50%;
  bottom: 50%;
  width: 9px;
  height: 18px;
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.item-list21__trigger._open:after {
  -webkit-transform: translate(-50%, -50%) rotate(270deg);
  transform: translate(-50%, -50%) rotate(270deg);
}
.item-list21__target {
  display: none;
}
.item-list21__target > *:first-child,
.item-list21__target > .entry-block > *:first-child {
  margin-top: 0 !important;
}
.item-list21__target > *:last-child,
.item-list21__target > .entry-block > *:last-child {
  margin-bottom: 0 !important;
}
@media print, screen and (min-width: 48.0625em) {
  .item-list21__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .item-list21__item {
    width: calc((100% - 40px * 1) / 2.0001);
    margin: 40px 40px 0 0;
  }
  .item-list21__item:nth-child(2n) {
    margin-right: 0;
  }
  .item-list21__item:nth-child(-n+2) {
    margin-top: 0;
  }
  .item-list21__img {
    margin: 0 0 10px;
    width: 150px;
  }
  .item-list21__name {
    font-size: 20px;
    font-size: 2rem;
  }
  .item-list21__detail {
    margin: 40px 0 0;
  }
  .item-list21__trigger {
    font-size: 24px;
    font-size: 2.4rem;
    padding: 20px 50px 20px 20px;
  }
  .item-list21__trigger:after {
    right: 25px;
  }
  .item-list21__target {
    padding: 40px 0 0;
  }
}
@media screen and (max-width: 48em) {
  .item-list21__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .item-list21__item + .item-list21__item {
    margin-top: 40px;
  }
  .item-list21__img {
    width: 120px;
    margin: 0 20px 0 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .item-list21__text {
    width: calc(100% - 120px - 20px);
  }
  .item-list21__name {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .item-list21__detail {
    margin: 30px 0 0;
    width: 100%;
  }
  .item-list21__trigger {
    font-size: 20px;
    font-size: 2rem;
    padding: 10px 40px 10px 15px;
  }
  .item-list21__trigger:after {
    right: 10px;
  }
  .item-list21__target {
    padding: 30px 0;
  }
}
.item-list22__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.item-list22__inner {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: var(--main-green);
  color: var(--main-green);
  text-align: left;
  border-radius: 0;
  text-decoration: none;
  position: relative;
  line-height: 1.4;
  font-family: "Noto Sans JP", "HiraginoSans-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.item-list22__inner:before {
  content: "";
  background-image: url(/common/images/arrow02.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 8px auto;
  width: 8px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
}
.item-list22__img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.item-list22__text {
  width: 100%;
}
.item-list22__title {
  margin: 0;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5;
}
.item-list22__description {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
}
@media print, screen and (min-width: 48.0625em) {
  .item-list22__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .item-list22__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc((100% - 40px * 1) / 2.0001);
    margin: 20px 40px 0 0;
  }
  .item-list22__item:nth-child(2n) {
    margin-right: 0;
  }
  .item-list22__item:nth-child(-n+2) {
    margin-top: 0;
  }
  .item-list22__inner {
    width: 100%;
    padding: 20px 40px 20px 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .item-list22__img {
    margin: 0 30px 0 0;
  }
  .item-list22__description {
    margin: 15px 0 0;
  }
}
@media screen and (max-width: 48em) {
  .item-list22__item + .item-list22__item {
    margin-top: 20px;
  }
  .item-list22__inner {
    padding: 15px 40px 15px 15px;
  }
  .item-list22__img {
    margin: 0 20px 0 0;
    width: 142px;
    max-width: 49%;
  }
}
.item-list23__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.item-list23__img {
  text-align: center;
}
.item-list23__title {
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
  margin: 5px 0 0;
  text-align: center;
  color: #4e3c2c;
}
@media print, screen and (min-width: 48.0625em) {
  .item-list23__item {
    width: calc((100% - 40px * 3) / 4.0001);
    margin: 40px 40px 0 0;
  }
  .item-list23__item:nth-child(4n) {
    margin-right: 0;
  }
  .item-list23__item:nth-child(-n+4) {
    margin-top: 0;
  }
}
@media screen and (max-width: 48em) {
  .item-list23__item {
    width: calc((100% - 15px * 1) / 2.0001);
    margin: 15px 15px 0 0;
  }
  .item-list23__item:nth-child(2n) {
    margin-right: 0;
  }
  .item-list23__item:nth-child(-n+2) {
    margin-top: 0;
  }
}
.item-list24__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.item-list24__inner {
  display: block;
  color: #231815;
  text-decoration: none;
}
.item-list24__title {
  margin: 0;
  font-family: "Noto Sans JP", "HiraginoSans-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: bold;
}
.item-list24__img {
  text-align: center;
}
.item-list24__description {
  margin: 0;
}
@media print, screen and (min-width: 48.0625em) {
  .item-list24__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .item-list24__item {
    width: calc((100% - 40px * 1) / 2.0001);
    margin: 60px 40px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .item-list24__item:nth-child(2n) {
    margin-right: 0;
  }
  .item-list24__item:nth-child(-n+2) {
    margin-top: 0;
  }
  .item-list24__inner {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: start;
    align-content: flex-start;
  }
  .item-list24__title {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.4;
    margin: 0 0 15px;
  }
  .item-list24__img {
    width: 150px;
    margin: 0 20px 0 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .item-list24__text {
    width: 100%;
  }
  .item-list24__button {
    margin: 20px 0 0;
  }
  .item-list24__button .button-type01 {
    display: block;
  }
}
@media screen and (max-width: 48em) {
  .item-list24__item {
    margin: 30px 0 0;
  }
  .item-list24__title {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.4;
  }
  .item-list24__img {
    margin: 20px 0 0;
  }
  .item-list24__text {
    margin: 30px 0 0;
  }
  .item-list24__description {
    margin: 10px 0 0;
  }
  .item-list24__button {
    margin: 20px 0 0;
  }
}
.item-list25__list {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
}
.item-list25__list::after {
  content: "";
  display: block;
  clear: both;
}
.item-list25__list li {
  float: left;
  margin: 0;
  padding: 0 10px 0 0;
}
.item-list25__list li.clear {
  clear: both;
}
@media screen and (max-width: 48em) {
  .item-list25__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
    margin-bottom: 10px;
  }
  .item-list25__list li,
  .item-list25__list li:last-of-type {
    display: block;
    margin: 0;
    padding: 0;
  }
}
/* 202405 accessibility */
/*
・トップページ、業務用商品トップ、企業情報トップ、IRトップで使うロールオーバーリンクの更新（旧状態）
　不要になるので次更新時に削除のこと
*/
/*外形定義用*/
.grid_blocks {
  display: grid;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
}
.grid_blocks * {
  box-sizing: border-box;
}
.grid_blocks.gap {
  grid-gap: 1px;
  margin-bottom: 1px;
}
.grid_blocks[data-blockstyle="one"] {
  grid-template-columns: repeat(1, 1fr);
}
.grid_blocks[data-blockstyle="two"] {
  grid-template-columns: repeat(2, 1fr);
}
.grid_blocks[data-blockstyle="three"] {
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 48em) {
  .grid_blocks,
  .grid_blocks[data-blockstyle="one"],
  .grid_blocks[data-blockstyle="two"],
  .grid_blocks[data-blockstyle="three"] {
    grid-template-columns: repeat(1, 1fr);
  }
}
/*ーーーーーーリンク定義の本体ーーーーーー*/
.rollover_box_text {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.rollover_box_text .rollover_anker {
  position: relative;
  display: block;
  width: 100%;
  height: 320px;
  margin: 0;
  padding: 0;
  color: #fff;
}
.rollover_box_text .rollover_anker .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.rollover_box_text .rollover_anker .bg picture {
  display: block;
  width: 100%;
  border: 1px solid #ff3300;
}
.rollover_box_text .rollover_anker .bg picture img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}
.rollover_box_text .rollover_anker .bg::after {
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
/*タイトル*/
.rollover_box_text .rollover_anker h3 {
  position: absolute;
  top: 70px;
  left: 0;
  font-size: 3rem;
  font-weight: bold;
  text-align: center;
  width: 100%;
  z-index: 1;
}
.rollover_box_text .rollover_anker h3 span {
  display: inline-block;
  padding: 5px 20px;
  background: rgba(76, 70, 70, 0.8);
  border-radius: 5px;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
/*本文*/
.rollover_box_text .rollover_anker .lead {
  position: absolute;
  top: 170px;
  left: 0;
  width: 100%;
  z-index: 1;
}
.rollover_box_text .rollover_anker .lead p {
  display: none;
  margin: 0 auto;
  padding: 0;
  width: calc(100% - 40px);
  max-width: 400px;
  height: 4em;
}
/*ロールオーバー時の挙動*/
.rollover_box_text .rollover_anker:hover h3 span {
  background: rgba(76, 70, 70, 0);
}
.rollover_box_text .rollover_anker:hover .bg {
  -webkit-animation: rollover_anker_animname 0.5s forwards;
  animation: rollover_anker_animname 0.5s forwards;
}
@keyframes rollover_anker_animname {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.05);
  }
}
.rollover_box_text .rollover_anker:hover .bg::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(114, 113, 113, 0.8);
  mix-blend-mode: multiply;
}
.rollover_box_text .rollover_anker:hover .lead p {
  display: block;
}
/*閉じる（業務用商品トップで使う）*/
.rollover_anker._sub-nav._down:after {
  opacity: 1;
  z-index: 1;
}
.rollover_anker._sub-nav:after {
  content: "閉じる";
  position: absolute;
  bottom: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  background-image: url(/common/images/arrow08.svg);
  background-repeat: no-repeat;
  background-position: right center;
  padding: 0 25px 0 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
/* 202405 accessibility ロールオーバーリンク ここまで */
.tab-nav01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.tab-nav01:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #d6e0dc;
}
.tab-nav01__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tab-nav01__item {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  outline: 0;
  border-radius: 0;
  border: 1px solid #d6e0dc;
  border-bottom: 0 !important;
  background-color: #d6e0dc;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "Noto Sans JP", "HiraginoSans-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.tab-nav01__item._active {
  background-color: #fff;
}
.tab-nav01__item._active:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  height: 1px;
  z-index: 1;
}
.tab-body01 {
  background-color: #fff;
}
.tab-body01__item {
  display: none;
}
@media print, screen and (min-width: 48.0625em) {
  .tab-nav01 {
    padding: 0 70px;
  }
  .tab-nav01__inner {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
  }
  .tab-nav01__item {
    height: 59px;
  }
  .tab-nav01__item + .tab-nav01__item {
    margin-left: 5px;
  }
  .tab-nav01__item:not(._active) {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .tab-nav01__item:not(._active):hover {
    opacity: 0.5;
  }
  .tab-body01__item {
    padding: 60px 0;
  }
  .tab-body01__item._recipe {
    max-width: 920px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 48em) {
  .tab-nav01 {
    margin: 0 -10px;
    overflow: auto;
  }
  .tab-nav01._max {
    margin: 0;
    padding: 0 5px;
  }
  .tab-nav01__item {
    width: 90px;
    height: 85px;
    line-height: 1.5;
  }
  .tab-nav01__item + .tab-nav01__item {
    margin-left: 2px;
  }
  .tab-body01__item {
    padding: 45px 0;
  }
  .tab-body01__item._recipe {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.topics-list01__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.topics-list01__item + .topics-list01__item {
  border-top: 1px solid #d6e0dc;
  padding: 20px 0 0;
  margin: 20px 0 0;
}
.topics-list01__inner {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  color: #231815;
  text-decoration: none;
}
.topics-list01__date {
  color: var(--main-gray);
  float: left;
  margin: 0;
  width: 160px;
  line-height: 24px;
  font-weight: 700;
}
.topics-list01__tag {
  overflow: hidden;
  margin: 0 0 -10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.topics-list01__tag .tag-type01:not([class*="_alert"]) {
  border: 1px solid var(--main-gray);
  color: var(--main-gray);
}
.topics-list01__text {
  padding: 15px 0 0;
  clear: both;
}
.topics-list01__title {
  margin: 0;
  display: inline;
}
.topics-list01__data {
  display: inline;
}
.topics-list02__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.topics-list02__item {
  border-bottom: 1px solid #d6e0dc;
  padding: 0 0 20px;
}
.topics-list02__item + .topics-list02__item {
  margin: 20px 0 0;
}
.topics-list02__inner {
  display: block;
  color: #231815 !important;
  text-decoration: none;
}
.topics-list02__inner:visited .topics-list02__title {
  color: #666464;
}
.topics-list02__inner:hover .topics-list02__title {
  color: var(--main-green);
  text-decoration: underline;
}
.topics-list02__inner[target="_blank"]:not[href*="pdf"] .topics-list02__title:after {
  content: "";
  background-image: url(/common/images/icon_window02.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 11px;
  height: 11px;
  display: inline-block;
  margin: 0 0 0 10px;
}
.topics-list02__date {
  font-weight: bold;
  color: var(--main-gray);
}
.topics-list02__tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.topics-list02__title {
  display: inline;
  color: #231815;
  margin: 0;
}
.topics-list02__data {
  display: inline;
}
@media print, screen and (min-width: 48.0625em) {
  .topics-list02__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .topics-list02__date {
    width: 160px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .topics-list02__text {
    width: 100%;
  }
}
@media screen and (max-width: 48em) {
  .topics-list02__date {
    float: left;
    margin: 0 30px 0 0;
    line-height: 22px;
  }
  .topics-list02__tag {
    overflow: hidden;
  }
}
.topics-list03__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.topics-list03__item {
  border-bottom: 1px solid #d6e0dc;
  padding: 0 0 15px;
}
.topics-list03__item + .topics-list03__item {
  margin: 15px 0 0;
}
.topics-list03__inner {
  display: block;
  color: #231815 !important;
  text-decoration: none;
}
.topics-list03__inner:visited .topics-list03__title {
  color: #666464;
}
.topics-list03__inner:hover .topics-list03__title {
  color: var(--main-green);
  text-decoration: underline;
}
.topics-list03__date {
  font-weight: bold;
  color: var(--main-gray);
}
.topics-list03__title {
  display: inline;
  color: #231815;
  margin: 0 10px 0 0;
}
.topics-list03__data {
  display: inline;
}
@media print, screen and (min-width: 48.0625em) {
  .topics-list03__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .topics-list03__date {
    width: 160px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .topics-list03__text {
    width: 100%;
  }
}
@media screen and (max-width: 48em) {
  .topics-list03__text {
    margin: 5px 0 0;
  }
}
.tag-type01 {
  display: inline-block;
  vertical-align: top;
  font-style: normal;
  border-width: 1px;
  border-style: solid;
  border-color: var(--main-green);
  color: var(--main-green);
  text-align: center;
  line-height: 20px;
  padding: 0 20px;
  font-size: 12px;
  font-size: 1.2rem;
  margin: 0 10px 10px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.tag-type01._alert {
  background-color: #f44336;
  border-color: #f44336;
  color: #fff;
}
.tag-type01._accent {
  background-color: var(--main-green);
  border-color: var(--main-green);
  color: #fff;
}
.tag-type01._large {
  width: 100px;
  line-height: 22px;
  padding: 0;
}
.tag-type01._type01 {
  border-color: #f9faf9;
  background-color: #f9faf9;
  color: var(--main-green);
}
.tag-type02 {
  display: inline-block;
  vertical-align: top;
  font-style: normal;
  border-radius: 3px;
  color: #fff;
  line-height: 1.4;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.tag-type02._type01 {
  background-color: var(--main-simple-green);
  /* 202406 accessibility */
  color: var(--graphite);
  /* 202406 accessibility */
}
.tag-type02._type02 {
  background-color: var(--main-simple-green);
  /* 202406 accessibility */
  color: var(--graphite);
  /* 202406 accessibility */
}
.tag-type02._type03 {
  background-color: var(--main-simple-green);
  /* 202406 accessibility */
  color: var(--graphite);
  /* 202406 accessibility */
}
.tag-type02._type04 {
  background-color: var(--main-simple-green);
  /* 202406 accessibility */
  color: var(--graphite);
  /* 202406 accessibility */
}
.tag-type02._type05 {
  background-color: var(--main-green);
}
@media print, screen and (min-width: 48.0625em) {
  .tag-type02 {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 5px 10px;
  }
}
@media screen and (max-width: 48em) {
  .tag-type02 {
    font-size: 12px;
    font-size: 1.2rem;
    padding: 5px 10px;
  }
}
.column-set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.column-set__item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.column-set__item > *:first-child,
.column-set__item > .entry-block > *:first-child {
  margin-top: 0 !important;
}
.column-set__item > *:last-child,
.column-set__item > .entry-block > *:last-child {
  margin-bottom: 0 !important;
}
.column-set__item._flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.column-set__item._flex > * {
  width: 100%;
}
@media print, screen and (min-width: 48.0625em) {
  .column-set {
    margin-left: -20px;
    margin-right: -20px;
  }
  .column-set__item {
    margin: 0 20px 40px 20px;
  }
  .no-mgn .column-set__item {
    margin-bottom: 5px;
  }
  .column-set__item._column1-1 {
    width: calc(((100% / 1.001) * 1) - 40px);
  }
  .column-set__item._column1-2 {
    width: calc(((100% / 2.001) * 1) - 40px);
  }
  .column-set__item._column1-3 {
    width: calc(((100% / 3.001) * 1) - 40px);
  }
  .column-set__item._column2-3 {
    width: calc(((100% / 3.001) * 2) - 40px);
  }
  .column-set__item._column1-4 {
    width: calc(((100% / 4.001) * 1) - 40px);
  }
  .column-set__item._column3-4 {
    width: calc(((100% / 4.001) * 3) - 40px);
  }
  .column-set__item._column1-5 {
    width: calc(((100% / 5.001) * 1) - 40px);
  }
  .column-set__item._column1-6 {
    width: calc(((100% / 6.001) * 1) - 40px);
  }
  ._last {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 48em) {
  .column-set {
    margin-left: -7.5px;
    margin-right: -7.5px;
  }
  .column-set._sp-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .column-set__item {
    margin: 0 7.5px 30px 7.5px;
    width: 100%;
  }
  .no-mgn .column-set__item {
    margin-bottom: 5px;
  }
  .column-set__item._column-sp1-1 {
    width: calc(((100% / 1.001) * 1) - 15px);
  }
  .column-set__item._column-sp1-2 {
    width: calc(((100% / 2.001) * 1) - 15px);
  }
  .column-set__item._column-sp1-3 {
    width: calc(((100% / 3.001) * 1) - 15px);
  }
  .column-set__item._column-sp2-3 {
    width: calc(((100% / 3.001) * 2) - 15px);
  }
  .column-set__item._column-sp1-4 {
    width: calc(((100% / 4.001) * 1) - 15px);
  }
  .column-set__item._column-sp3-4 {
    width: calc(((100% / 4.001) * 3) - 15px);
  }
  .column-set__item._column-sp1-5 {
    width: calc(((100% / 5.001) * 1) - 15px);
  }
  .column-set__item._column-sp1-6 {
    width: calc(((100% / 6.001) * 1) - 15px);
  }
  .column-set__item._sp-next {
    margin-top: 80px;
    margin-bottom: 0;
  }
  .column-set__item._sp-low {
    margin-bottom: 15px;
  }
}
/*簡易的なコラムセット　PCのみ　SPでは上下10pxのマージンのみ*/
@media print, screen and (min-width: 48.0625em) {
  .simplecolumn {
    margin: 0;
    padding: 0;
    display: grid;
    grid-gap: 60px;
  }
  .simplecolumn.c2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .simplecolumn.c3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .simplecolumn.c4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .simplecolumn.c5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (max-width: 48em) {
  .simplecolumn {
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
  }
}
.list-type01 {
  list-style: none;
  padding: 0;
}
.list-type01 li {
  position: relative;
}
.list-type01 li:before {
  content: "";
  width: 6px;
  height: 6px;
  background-color: var(--main-green);
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 10px;
}
.list-type02 {
  list-style: none;
  padding: 0;
}
.list-type02 li {
  position: relative;
}
.list-type02 li:before {
  content: "";
  width: 6px;
  height: 6px;
  background-color: var(--main-green);
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0.6em;
}
.list-type01 > li > .list-type01 > li:before {
  background-color: #8fc31f;
}
.list-type01 > li > .list-type01 > li li:before {
  background-color: var(--main-light-green);
}
.list-type01._large {
  font-size: 18px;
  font-size: 1.8rem;
}
.list-type01._large li:before {
  top: 12px;
}
@media print, screen and (min-width: 48.0625em) {
  .list-type01 li {
    padding: 0 0 0 18px;
    margin: 10px 0;
  }
  .list-type01 > li > .list-type01 {
    padding-left: 24px;
  }
  .list-type01 > li > .list-type01 .list-type01 {
    padding-left: 24px;
  }
  .list-type02 li {
    padding: 0 0 0 10px;
    margin: 5px 0;
  }
  .list-type02 > li > .list-type02 {
    padding-left: 24px;
  }
  .list-type02 > li > .list-type02 .list-type01 {
    padding-left: 24px;
  }
}
@media screen and (max-width: 48em) {
  .list-type01 li {
    padding: 0 0 0 15px;
    margin: 7px 0;
  }
  .list-type01 > li > .list-type01 {
    padding-left: 10px;
  }
  .list-type01 > li > .list-type01 .list-type01 {
    padding-left: 10px;
  }
  .list-type02 li {
    padding: 0 0 0 10px;
    margin: 2px 0;
  }
  .list-type02 > li > .list-type02 {
    padding-left: 10px;
  }
  .list-type02 > li > .list-type02 .list-type02 {
    padding-left: 10px;
  }
}
.ol-type01 {
  list-style: none;
  counter-reset: item;
  padding: 0;
}
.ol-type01 > li {
  position: relative;
  padding: 0 0 0 33px;
}
.ol-type01 > li:before {
  counter-increment: item;
  content: counter(item) ".";
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 0;
}
@media print, screen and (min-width: 48.0625em) {
  .ol-type01 li {
    margin: 15px 0;
  }
}
@media screen and (max-width: 48em) {
  .ol-type01 li {
    margin: 10px 0;
  }
}
.dl-type01 dt {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
}
.dl-type01 dd + dt {
  margin-top: 20px;
}
@media print, screen and (min-width: 48.0625em) {
  .dl-type01 dd {
    margin: 5px 0 0 40px;
  }
}
@media screen and (max-width: 48em) {
  .dl-type01 dd {
    margin: 5px 0 0 30px;
  }
}
.media-block._center .media-block__media {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.media-block._center .media-block__media figure {
  display: inline-block;
}
.media-block._center .media-block__media figcaption {
  text-align: left;
}
.media-block._center .media-block__text {
  margin: 20px 0 0;
}
.media-block._text-center .media-block__media figcaption {
  text-align: center;
}
.media-block-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.media-block-flex .media-block__media {
  margin-top: 10px;
}
.media-block__text *:first-child {
  margin-top: 0 !important;
}
.media-block__text *:last-child {
  margin-bottom: 0 !important;
}
.media-block__media {
  margin: 0;
}
.media-block__media figure {
  margin: 0;
}
@media print, screen and (min-width: 48.0625em) {
  .media-block:after {
    content: "";
    display: block;
    clear: both;
  }
  .media-block._left .media-block__media {
    float: left;
    margin-right: 40px;
    margin-bottom: 10px;
  }
  .media-block._right .media-block__media {
    float: right;
    margin-left: 40px;
    margin-bottom: 10px;
  }
  .media-block._nowrap .media-block__text {
    overflow: hidden;
  }
  .media-block-flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .media-block-flex .media-block__media {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 40px 0 0;
  }
  .media-block__media._column1-1 {
    width: calc(((100% - 40px * 0) / 1.001) * 1);
  }
  .media-block__media._column1-2 {
    width: calc(((100% - 40px * 1) / 2.001) * 1);
  }
  .media-block__media._column1-3 {
    width: calc(((100% - 40px * 2) / 3.001) * 1);
  }
  .media-block__media._column2-3 {
    width: calc(((100% - 40px * 2) / 3.001) * 2);
  }
  .media-block__media._column1-4 {
    width: calc(((100% - 40px * 3) / 4.001) * 1);
  }
  .media-block__media._column3-4 {
    width: calc(((100% - 40px * 3) / 4.001) * 3);
  }
  .media-block__media._column1-5 {
    width: calc(((100% - 40px * 4) / 5.001) * 1);
  }
  .media-block__media._column1-6 {
    width: calc(((100% - 40px * 5) / 6.001) * 1);
  }
  .media-block__media._center figcaption {
    text-align: center;
  }
}
@media screen and (max-width: 48em) {
  .media-block {
    margin: 20px 0;
  }
  .media-block._sp-reverse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .media-block._sp-reverse .media-block__media {
    margin-bottom: 0;
    text-align: center;
  }
  .media-block._sp-reverse .media-block__text {
    margin-bottom: 30px;
  }
  .media-block__media {
    margin-bottom: 15px;
  }
  .media-block__media[class*="_column"] {
    margin-left: 30px;
    margin-right: 30px;
  }
  .media-block__media._sp-max {
    margin-left: 0;
    margin-right: 0;
  }
  .media-block__media._sp-center {
    text-align: center;
  }
  .media-block__media._sp-center figcaption {
    text-align: center;
  }
}
.media-block-entry._center .media-block-entry__media {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.media-block-entry._center .media-block-entry__media figure {
  display: inline-block;
}
.media-block-entry._center .media-block-entry__media figcaption {
  text-align: center;
}
.media-block-entry._center .media-block-entry__text {
  margin: 20px 0 0;
}
.media-block-entry__text *:first-child {
  margin-top: 0 !important;
}
.media-block-entry__text *:last-child {
  margin-bottom: 0 !important;
}
.media-block-entry__media {
  margin: 0;
  text-align: center;
}
.media-block-entry__media figure {
  margin: 0;
}
.media-block-entry__media figcaption {
  color: #231815;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
}
@media print, screen and (min-width: 48.0625em) {
  .media-block-entry {
    margin: 40px 0;
  }
  .media-block-entry:after {
    content: "";
    display: block;
    clear: both;
  }
  .media-block-entry._left .media-block-entry__media {
    float: left;
    max-width: 50%;
    margin-right: 40px;
    margin-bottom: 10px;
  }
  .media-block-entry._left .media-block-entry__text {
    overflow: hidden;
  }
  .media-block-entry._right .media-block-entry__media {
    float: right;
    max-width: 50%;
    margin-left: 40px;
    margin-bottom: 10px;
  }
  .media-block-entry._right .media-block-entry__text {
    overflow: hidden;
  }
  .media-block-entry._nowrap .media-block-entry__text {
    overflow: hidden;
  }
}
@media screen and (max-width: 48em) {
  .media-block-entry {
    margin: 40px 0;
  }
  .media-block-entry._sp-reverse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .media-block-entry._sp-reverse .media-block-entry__media {
    margin-bottom: 0;
    text-align: center;
  }
  .media-block-entry._sp-reverse .media-block-entry__text {
    margin-bottom: 30px;
  }
  .media-block-entry__media {
    margin-bottom: 20px;
  }
}
.frame-type01 {
  background-color: #f9faf9;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.frame-type01 > *:first-child,
.frame-type01 > .entry-block > *:first-child {
  margin-top: 0 !important;
}
.frame-type01 > *:last-child,
.frame-type01 > .entry-block > *:last-child {
  margin-bottom: 0 !important;
}
@media print, screen and (min-width: 48.0625em) {
  .frame-type01 {
    padding: 40px;
    margin: 40px 0;
  }
}
@media screen and (max-width: 48em) {
  .frame-type01 {
    padding: 30px;
    margin: 30px 0;
  }
  .frame-type01 .media-block__media {
    margin-left: 0;
    margin-right: 0;
  }
}
.frame-type02 {
  border: 5px solid #d6e0dc;
  background-color: #fff;
}
.frame-type02 > *:first-child,
.frame-type02 > .entry-block > *:first-child {
  margin-top: 0 !important;
}
.frame-type02 > *:last-child,
.frame-type02 > .entry-block > *:last-child {
  margin-bottom: 0 !important;
}
.frame-type02._theme {
  border-color: var(--main-green);
}
.frame-type02._theme .frame-type02__title {
  color: var(--main-green);
}
.frame-type02__title {
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.77778;
  text-align: center;
}
@media print, screen and (min-width: 48.0625em) {
  .frame-type02 {
    padding: 40px;
    margin: 40px 0;
  }
  .frame-type02._support {
    margin: -20px 0 -60px 0;
  }
}
@media screen and (max-width: 48em) {
  .frame-type02 {
    padding: 30px;
    margin: 30px 0;
  }
  .frame-type02._support {
    margin: -20px 0 -60px 0;
  }
  .frame-type02._slim {
    padding: 20px 15px 30px 15px;
  }
  .frame-type02 .media-block__media {
    margin-left: 0;
    margin-right: 0;
  }
}
.link-type01 {
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding-left: 15px;
}
.link-type01:before {
  content: "";
  width: 6px;
  height: 9px;
  background-image: url(/common/images/arrow03.svg);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 6px auto;
  position: absolute;
  top: 9px;
  left: 0;
}
.link-type01 .file-data {
  margin-left: 10px;
}
.link-list01 {
  list-style: none;
  padding: 0;
}
@media print, screen and (min-width: 48.0625em) {
  .link-list01 li + li {
    margin-top: 15px;
  }
}
@media screen and (max-width: 48em) {
  .link-list01 li + li {
    margin-top: 10px;
  }
}
.link-list02 {
  border-top: 1px solid var(--main-green);
  border-left: 1px solid var(--main-green);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.link-list02__item {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 18px 10px;
  outline: 0;
  border: 0;
  border-right: 1px solid var(--main-green);
  border-bottom: 1px solid var(--main-green);
  background-color: #f9faf9;
  text-align: center;
  color: var(--main-green);
  text-decoration: none;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
  -webkit-transition: background 0.2s, color 0.2s;
  transition: background 0.2s, color 0.2s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.link-list02__item._active {
  background-color: var(--main-green);
  color: #fff;
}
.link-list02__item._icon:before {
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  vertical-align: top;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
.link-list02__item._graph:before {
  background-image: url(/common/images/icon_graph01.svg);
  width: 14px;
  height: 12px;
  margin: 6px 10px 0 0;
}
.link-list02__item._graph._active:before {
  background-image: url(/common/images/icon_graph02.svg);
}
.link-list02__item._list:before {
  background-image: url(/common/images/icon_list01.svg);
  width: 14px;
  height: 10px;
  margin: 7px 10px 0 0;
}
.link-list02__item._list._active:before {
  background-image: url(/common/images/icon_list02.svg);
}
@media print, screen and (min-width: 48.0625em) {
  .link-list02._2column .link-list02__item {
    width: 50%;
  }
  .link-list02._3column .link-list02__item {
    width: 33.33333%;
  }
  .link-list02._4column .link-list02__item {
    width: 25%;
  }
  .link-list02._5column .link-list02__item {
    width: 20%;
  }
  .link-list02._6column .link-list02__item {
    width: 16.66667%;
  }
  .link-list02._7column .link-list02__item {
    width: 14.28571%;
  }
  .link-list02__item:hover {
    background-color: var(--main-green);
    color: #fff;
  }
  .link-list02__item._graph:hover:before {
    background-image: url(/common/images/icon_graph02.svg);
  }
  .link-list02__item._list:hover:before {
    background-image: url(/common/images/icon_list02.svg);
  }
}
@media screen and (max-width: 48em) {
  .link-list02__item {
    width: 50%;
  }
}
.interview-block01__title {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
}
.interview-block01__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.interview-block01__respondent {
  font-weight: 700;
}
.interview-block01__respondent._type01 {
  color: #009688;
}
.interview-block01__respondent._type02 {
  color: #4caf50;
}
.interview-block01__respondent._type03 {
  color: #039be5;
}
.interview-block01__respondent._type04 {
  color: #3f51b5;
}
.interview-block01__respondent._type05 {
  color: #607d8b;
}
.interview-block01__text {
  margin: 0;
}
@media print, screen and (min-width: 48.0625em) {
  .interview-block01__list {
    margin: 20px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .interview-block01__respondent {
    width: 100px;
  }
  .interview-block01__text {
    width: calc(100% - 100px);
  }
  .interview-block01__text + .interview-block01__respondent {
    margin-top: 30px;
  }
  .interview-block01__text + .interview-block01__respondent + .interview-block01__text {
    margin-top: 30px;
  }
}
@media screen and (max-width: 48em) {
  .interview-block01__respondent {
    margin: 20px 0 0;
  }
  .interview-block01__text {
    margin: 5px 0 0;
  }
}
@media print, screen and (min-width: 48.0625em) {
  .history-wrapper {
    padding-top: 0 !important;
  }
  .history-wrapper__nav {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 5;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 48em) {
  .history-wrapper {
    position: relative;
  }
  .history-wrapper__nav {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5;
  }
  .history-wrapper__nav._fixed {
    position: fixed;
    left: 15px;
    right: 15px;
  }
}
.history-block01__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.history-block01__empty {
  position: relative;
}
.history-block01__empty:after {
  content: "";
  width: 4px;
  position: absolute;
  bottom: 0;
  background-color: var(--main-green);
}
.history-block01__date {
  font-family: "Noto Sans JP", "HiraginoSans-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: 700;
  line-height: 1.5;
  white-space: nowrap;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
}
.history-block01__date:before {
  content: "";
  width: 20px;
  height: 20px;
  border: 4px solid var(--main-green);
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  right: 0;
  z-index: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.history-block01__date:after {
  content: "";
  width: 4px;
  position: absolute;
  bottom: 0;
  right: 8px;
  background-color: var(--main-green);
}
.history-block01__text {
  width: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.history-block01__text > *:first-child,
.history-block01__text > .entry-block > *:first-child {
  margin-top: 0 !important;
}
.history-block01__text > *:last-child,
.history-block01__text > .entry-block > *:last-child {
  margin-bottom: 0 !important;
}
.history-block01__text:before {
  content: "";
  height: 1px;
  position: absolute;
  background-color: var(--main-green);
}
.history-block01__tag {
  font-size: 0;
}
.history-block01__tag .tag-type02 {
  margin: 0 10px 10px 0;
}
.history-block01__description > *:first-child,
.history-block01__description > .entry-block > *:first-child {
  margin-top: 0 !important;
}
.history-block01__description > *:last-child,
.history-block01__description > .entry-block > *:last-child {
  margin-bottom: 0 !important;
}
@media print, screen and (min-width: 48.0625em) {
  .history-block01__item:last-child .history-block01__text {
    padding-bottom: 0;
  }
  .history-block01__empty {
    height: 80px;
  }
  .history-block01__empty:after {
    top: 5px;
    bottom: -5px;
    left: 148px;
  }
  .history-block01__date {
    width: 160px;
    font-size: 20px;
    font-size: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .history-block01__date span {
    display: inline-block;
  }
  .history-block01__date:before {
    top: 5px;
  }
  .history-block01__date:after {
    top: 5px;
    bottom: -5px;
  }
  .history-block01__yeaar {
    width: 80px;
  }
  .history-block01__month {
    text-align: right;
    width: 45px;
  }
  .history-block01__text {
    padding: 2px 0 30px 40px;
  }
  .history-block01__text:before {
    width: 20px;
    top: 15px;
    left: 0;
  }
}
@media screen and (max-width: 48em) {
  .history-block01__item:last-child .history-block01__text {
    padding-bottom: 0;
  }
  .history-block01__empty {
    height: 110px;
  }
  .history-block01__empty:after {
    top: 5px;
    bottom: -5px;
    left: 83px;
  }
  .history-block01__date {
    width: 95px;
    padding: 0 30px 0 0;
    font-size: 18px;
    font-size: 1.8rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .history-block01__date span {
    display: block;
    text-align: right;
  }
  .history-block01__date:before {
    top: 5px;
  }
  .history-block01__date:after {
    top: 5px;
    bottom: -5px;
  }
  .history-block01__text {
    padding: 2px 0 30px 20px;
  }
  .history-block01__text:before {
    width: 10px;
    top: 15px;
    left: 0;
  }
}
.file-data {
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 16px;
  color: #666464;
}
.file-data._pdf:before {
  content: "";
  background-image: url(/common/images/icon_pdf01.svg);
  background-repeat: no-repeat;
  width: 12px;
  height: 16px;
  display: inline-block;
  vertical-align: top;
}
.anchor-nav._hierarchy {
  overflow: hidden;
  background-color: #f9faf9;
}
.anchor-nav._hierarchy .anchor-nav__list {
  background-color: #dae6df;
}
.anchor-nav__title {
  margin: 0 0 5px;
}
.anchor-nav__list {
  list-style: none;
  margin: 0;
  padding: 6px 25px 6px 0;
  background-color: #f9faf9;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.anchor-nav__item a {
  display: block;
  position: relative;
  color: #231815;
  text-decoration: none;
  padding: 10px 0 10px 25px;
}
.anchor-nav__item a:before {
  content: "";
  width: 8px;
  height: 14px;
  background-image: url(/common/images/arrow02.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px auto;
  position: absolute;
  top: 19px;
  left: 2px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
@media print, screen and (min-width: 48.0625em) {
  .anchor-nav._single .anchor-nav__list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .anchor-nav._center .anchor-nav__list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .anchor-nav._hierarchy {
    padding: 20px 25px;
  }
  * + .anchor-nav__title {
    margin-top: 20px;
  }
  .anchor-nav__item {
    margin: 0 0 0 25px;
  }
  .anchor-nav__item a:hover {
    color: var(--main-green);
  }
}
@media screen and (max-width: 48em) {
  .anchor-nav {
    margin-left: -15px;
    margin-right: -15px;
  }
  .anchor-nav._single {
    margin-left: 0;
    margin-right: 0;
  }
  .anchor-nav._single .anchor-nav__item {
    width: 100%;
    margin: 0;
  }
  .anchor-nav._long {
    margin-left: 0;
    margin-right: 0;
  }
  .anchor-nav._long .anchor-nav__list {
    display: block;
  }
  .anchor-nav._long .anchor-nav__item {
    width: 100%;
    margin: 0;
  }
  .anchor-nav._sp-vertical .anchor-nav__list {
    display: block;
  }
  .anchor-nav._sp-vertical .anchor-nav__item {
    width: 100%;
    margin: 0;
  }
  .anchor-nav._hierarchy {
    padding: 20px 15px;
  }
  * + .anchor-nav__title {
    margin-top: 20px;
  }
  .anchor-nav__list {
    padding: 6px 20px;
  }
  .anchor-nav__item {
    width: calc((100% - 10px * 1) / 2.0001);
    margin: 0 10px 0 0;
  }
  .anchor-nav__item:nth-child(2n) {
    margin-right: 0;
  }
}
.table-type01 {
  width: 100%;
  line-height: 1.5;
}
.table-type01._middle th,
.table-type01._middle td {
  vertical-align: middle;
}
.table-type01._td-center td {
  text-align: center;
}
.table-type01 th,
.table-type01 td {
  border: 1px solid #d6e0dc;
  text-align: left;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.table-type01 th._middle,
.table-type01 td._middle {
  vertical-align: middle;
}
.table-type01 th._bg01,
.table-type01 td._bg01 {
  background-color: #f6f6f6 !important;
}
.table-type01 th._bg02,
.table-type01 td._bg02 {
  background-color: #f9faf9 !important;
  /* 202406 accessibility */
  color: var(--graphite) !important;
  /* 202406 accessibility */
}
.table-type01 th .small,
.table-type01 td .small {
  font-size: 12px;
  font-size: 1.2rem;
}
.table-type01 thead th {
  background-color: var(--main-gray);
  color: #fff;
  text-align: center;
}
.table-type01 thead tr._middle th {
  vertical-align: middle;
}
.table-type01 thead._small {
  font-size: 12px;
  font-size: 1.2rem;
}
.table-type01 tbody th {
  background-color: #f9faf9;
  color: #666464;
}
.table-type01 tbody th > *:first-child,
.table-type01 tbody td > *:first-child {
  margin-top: 0;
}
.table-type01 tbody th > *:last-child,
.table-type01 tbody td > *:last-child {
  margin-bottom: 0;
}
.table-type01 tbody th li:first-child,
.table-type01 tbody td li:first-child {
  margin-top: 0;
}
.table-type01 tbody th li:last-child,
.table-type01 tbody td li:last-child {
  margin-bottom: 0;
}
.table-type01 tbody ._highlight th,
.table-type01 tbody ._highlight td {
  background-color: #fffbcc;
}
.table-type01 tr._center th,
.table-type01 tr._center td {
  text-align: center;
}
.table-type01 caption {
  font-weight: bold;
  text-align: left;
  margin: 0 0 10px;
}
.table-type01 ._inline-block {
  display: inline-block;
  text-align: left;
}
.table-type01 ._inline-block > *:first-child {
  margin-top: 0;
  margin-bottom: 0;
}
.table-type01._fixed {
  table-layout: fixed;
}
.table-type01._border tbody tr:nth-child(even) {
  background-color: #f9faf9;
}
.table-type01._border tbody tr:nth-child(odd) th {
  background-color: transparent;
}
.table-type01._center th,
.table-type01._center td {
  text-align: center;
}
.table-type01._article td:nth-child(1) {
  width: 310px;
}
.table-type01._article td:nth-child(2) {
  width: 200px;
}
.table-type01._article td:nth-child(3) {
  width: 200px;
}
.table-type01._article td:nth-child(4) {
  width: 150px;
}
.table-type01._small {
  font-size: 14px;
  font-size: 1.4rem;
}
.table-type01 ._width01 {
  width: 78px;
}
.table-type01 ._width02 {
  width: 60px;
}
.table-type01._sustainability01 tr > *:nth-child(1) {
  width: 300px !important;
}
.table-type01._sustainability01 tr > *:nth-child(2) {
  width: 327px !important;
}
.table-type01._sustainability01 tr > *:last-child {
  width: 230px !important;
}
.table-type01._sustainability01 .icon-list01 {
  width: 190px;
}
.table-type01._sustainability02 tr > *:last-child {
  width: 300px !important;
}
.table-type01._sustainability02 .icon-list01 {
  width: 260px;
}
.table-type01._ir01 th .small,
.table-type01._ir01 td .small {
  font-size: 10px;
  font-size: 1rem;
}
.table-type01._ir01 tbody td {
  text-align: center;
}
.table-type01._ir01 tbody td:nth-child(1),
.table-type01._ir01 tbody td:nth-child(2) {
  text-align: left;
}
.table-type01._ir02 tr._body td:first-child {
  text-align: right;
}
.table-type01._ir02 tr._body td:not(:first-child) {
  text-align: center;
}
@media print, screen and (min-width: 48.0625em) {
  .table-type01 {
    margin: 40px 0;
  }
  .table-type01 th,
  .table-type01 td {
    padding: 12px 20px;
  }
  .table-type01._prosumer02 th:first-child {
    width: 220px;
  }
  .table-type01._prosumer02 td:nth-child(2) {
    width: 400px;
  }
  .table-type01._slim th,
  .table-type01._slim td {
    padding: 12px 8px;
  }
  .add_comments .table-type01 {
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 48em) {
  .table-type01 {
    margin: 30px 0;
  }
  .table-type01 th,
  .table-type01 td {
    padding: 12px 15px;
  }
  .table-type01._vertical {
    display: block;
    border-bottom: 1px solid #d6e0dc;
  }
  .table-type01._vertical tbody,
  .table-type01._vertical thead,
  .table-type01._vertical tr,
  .table-type01._vertical th,
  .table-type01._vertical td {
    display: block;
    width: 100%;
  }
  .table-type01._vertical th,
  .table-type01._vertical td {
    border-bottom: 0;
  }
  .table-type01 .th {
    background-color: var(--main-gray);
    color: #fff;
    text-align: center;
  }
  .table-type01._article {
    width: 860px;
  }
  .table-type01._sustainability01 {
    width: 960px;
    white-space: normal !important;
  }
  .table-type01._sustainability02 {
    width: 700px;
    white-space: normal !important;
  }
  .table-type01._prosumer01,
  .table-type01._prosumer02 {
    width: 700px;
    white-space: normal !important;
  }
  .table-type01._prosumer02 th:first-child {
    width: 180px;
  }
  .table-type01._prosumer02 td:nth-child(2) {
    width: 300px;
  }
  .table-type01._slim th,
  .table-type01._slim td {
    padding: 12px 8px;
  }
  .add_comments .table-type01 {
    margin-bottom: 5px;
  }
}
.table-type02 {
  width: 100%;
  border-top: 1px solid #d6e0dc;
}
.table-type02 th,
.table-type02 td {
  text-align: left;
  vertical-align: top;
  padding: 10px 10px 10px 15px;
  border-bottom: 1px solid #d6e0dc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.table-type02 th {
  font-weight: bold;
  color: #666464;
}
.table-type02 caption {
  font-weight: normal;
  text-align: left;
}
.table-type02._recipe th {
  width: 60%;
}
.table-type02._recipe caption {
  font-weight: bold;
}
@media print, screen and (min-width: 48.0625em) {
  .table-type02 caption {
    margin: 0 0 20px;
  }
  .table-type02._recipe._recipe {
    margin-top: 40px;
  }
  .table-type02._recipe caption {
    margin: 0 0 10px;
  }
}
@media screen and (max-width: 48em) {
  .table-type02 caption {
    margin: 0 0 15px;
  }
  .table-type02._recipe._recipe {
    margin-top: 30px;
  }
  .table-type02._recipe caption {
    margin: 0 0 10px;
  }
}
.table-type03 {
  width: 100%;
}
.table-type03 thead th {
  background-color: var(--main-gray);
  color: #fff;
}
.table-type03 tbody th {
  background-color: #f9faf9;
}
.table-type03 th,
.table-type03 td {
  padding: 7px 10px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.45;
  border: 1px solid #d6e0dc;
  text-align: left;
  vertical-align: top;
}
.table-type03 .no-border {
  border-right: 0;
}
.table-type03 .no-border + th {
  border-left: 0;
}
.table-type04._career {
  font-size: 14px;
  font-size: 1.4rem;
}
.table-type04._career tbody th {
  white-space: nowrap;
  font-weight: normal;
  padding: 0 20px 0 0;
}
.table-type04 th,
.table-type04 td {
  text-align: left;
  vertical-align: top;
}
@media print, screen and (min-width: 48.0625em) {
  .js-scrollable._table01 {
    margin: 30px 0 40px;
  }
  .js-scrollable._table01 table {
    margin: 0 !important;
  }
  .js-scrollable._table05 {
    margin: 30px 0;
  }
  .js-scrollable._table05 table {
    margin: 0 !important;
  }
}
@media screen and (max-width: 48em) {
  .js-scrollable table {
    margin: 0 !important;
  }
  .js-scrollable table:not(._article) {
    white-space: nowrap;
    table-layout: auto !important;
  }
}
.line-type01 {
  display: block;
  border: 0;
  border-top: 1px solid #d6e0dc;
}
@media print, screen and (min-width: 48.0625em) {
  .line-type01 {
    margin: 40px 0;
  }
}
@media screen and (max-width: 48em) {
  .line-type01 {
    margin: 35px 0;
  }
}
.detail-block01__banner a {
  display: inline-block;
  text-align: center;
  color: #231815;
}
.detail-block01__banner span {
  display: block;
  position: relative;
  padding: 0 15px 0 0;
}
.detail-block01__banner span:before {
  content: "";
  width: 30px;
  height: 30px;
  background-image: url(/common/images/arrow02.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 6px auto;
  display: inline-block;
  vertical-align: top;
}
@media print, screen and (min-width: 48.0625em) {
  .detail-block01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .detail-block01__img {
    width: 560px;
    margin: 0 40px 0 0;
    text-align: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .detail-block01__img img {
    width: 560px;
    height: 340px;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit: contain;";
  }
  .detail-block01__text {
    width: 100%;
  }
  .detail-block01__text > *:first-child,
  .detail-block01__text > .entry-block > *:first-child {
    margin-top: 0 !important;
  }
  .detail-block01__text > *:last-child,
  .detail-block01__text > .entry-block > *:last-child {
    margin-bottom: 0 !important;
  }
  .detail-block01__button {
    margin: 30px 0 0;
  }
  .detail-block01__banner {
    margin: 40px 0 0;
  }
  .detail-block01__banner a {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .detail-block01__banner a:hover {
    opacity: 0.5;
  }
}
@media screen and (max-width: 48em) {
  .detail-block01__img {
    text-align: center;
    position: relative;
    height: 0;
    padding-top: 61.15942%;
  }
  .detail-block01__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit: contain;";
  }
  .detail-block01__button {
    margin: 30px 0 0;
  }
  .detail-block01__banner {
    margin: 30px 0 0;
    text-align: center;
  }
}
.table-list01__title {
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem;
}
.table-list01__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.table-list01__item {
  text-align: center;
  line-height: 1.4;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.table-list01__item._highlight .table-list01__lead {
  background-color: var(--main-simple-green);
  /* 202406 accessibility */
  color: var(--graphite);
  /* 202406 accessibility */
}
.table-list01__item._highlight .table-list01__description {
  background-color: #e5fdc3;
}
.table-list01__lead {
  background-color: var(--main-gray);
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  margin: 0;
  padding: 14px 10px;
  min-height: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.table-list01__description {
  margin: 0;
  padding: 14px 10px;
  min-height: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media print, screen and (min-width: 48.0625em) {
  .table-list01 {
    margin: 40px 0 30px;
  }
  .table-list01__title {
    margin: 20px 0 10px;
  }
  .table-list01__list {
    border-top: 1px solid #d6e0dc;
    border-left: 1px solid #d6e0dc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .table-list01__item {
    width: 14.28571%;
    border-right: 1px solid #d6e0dc;
    border-bottom: 1px solid #d6e0dc;
  }
  .item8 .table-list01__item {
    width: calc(100% / 8);
  }
  .table-list01__lead {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 48em) {
  .table-list01 {
    margin: 30px 0 20px;
  }
  .table-list01__title {
    margin: 20px 0 10px;
  }
  .table-list01__list {
    display: table;
    width: 100%;
    border-right: 1px solid #d6e0dc;
    border-bottom: 1px solid #d6e0dc;
  }
  .table-list01__item {
    display: table-row;
  }
  .table-list01__lead {
    width: 50%;
    border-top: 1px solid #d6e0dc;
    display: table-cell;
    height: 50px;
  }
  .table-list01__lead:empty {
    display: none;
  }
  .table-list01__description {
    width: 50%;
    border-top: 1px solid #d6e0dc;
    display: table-cell;
    height: 50px;
  }
  .table-list01__description:empty {
    display: none;
  }
}
.tag-list01__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.tag-list01__item {
  margin: 5px;
}
.tag-list01__item a {
  display: block;
  border: 1px solid var(--main-green);
  color: var(--main-green);
  background-color: #fff;
  text-decoration: none;
  text-align: center;
  border-radius: 25px;
  line-height: 1.4;
  padding: 7px 10px;
}
@media print, screen and (min-width: 48.0625em) {
  .tag-list01._pc-left .tag-list01__list {
    margin-left: -2.5px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .tag-list01__item a {
    -webkit-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
  }
  .tag-list01__item a:hover {
    background-color: var(--main-gray);
    color: #fff;
  }
}
.data-list01__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.data-list01__item {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 24px;
  margin: 0 20px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.data-list01__item._time {
  color: var(--main-green);
}
.data-list01__item._calorie {
  color: #E03100;
}
.data-list01__item._salt {
  color: #007bc4;
}
.data-list01__item span {
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem;
  margin: 0 3px;
}
.data-list01__item:last-child {
  margin-right: 0;
}
.data-list01__icon {
  margin: 0 5px 0 0;
}
@media screen and (max-width: 48em) {
  .data-list01__item {
    margin: 0 15px 0 0;
  }
}
.data-list02 {
  border-top: 1px solid var(--main-green);
  border-bottom: 1px solid var(--main-green);
}
.data-list02__list {
  list-style: none;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.data-list02__item {
  margin: 0 20px 0 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.data-list02__item._time {
  color: var(--main-green);
}
.data-list02__item._calorie {
  color: #E03100;
}
.data-list02__item._salt {
  color: #007bc4;
}
.data-list02__item span {
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem;
}
.data-list02__item:last-child {
  margin-right: 0;
}
.data-list02__title {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.33333;
  margin: 0;
}
.data-list02__icon {
  margin: 5px 0 0;
  display: block;
}
.data-list02__icon img {
  width: 48px;
}
.data-list02__data {
  font-size: 12px;
  font-size: 1.2rem;
}
.data-list02__data span {
  font-family: "Noto Sans JP", "HiraginoSans-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  margin: 0 3px;
}
@media print, screen and (min-width: 48.0625em) {
  .data-list02__list {
    padding: 25px 30px;
  }
}
@media screen and (max-width: 48em) {
  .data-list02 {
    padding: 0 30px;
  }
  .data-list02__list {
    padding: 25px 0;
    margin: 0 auto;
    max-width: 305px;
  }
}
.recipe-head__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.recipe-head__item {
  text-align: center;
  color: #666464;
  font-size: 12px;
  font-size: 1.2rem;
}
.recipe-head__item + .recipe-head__item {
  margin-left: 30px;
}
.recipe-head__item a {
  display: block;
  color: #666464;
  text-decoration: none;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.recipe-head__item a:hover {
  opacity: 0.5;
}
.recipe-head__item span {
  display: block;
  margin: 5px 0 0;
}
@media print, screen and (min-width: 48.0625em) {
  .recipe-head {
    margin: 0 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .recipe-head__title {
    width: 100%;
  }
  .recipe-head__title .heading-block02 {
    margin-top: 0;
  }
  .recipe-head__button {
    width: 360px;
    margin: 0 0 0 40px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
@media screen and (max-width: 48em) {
  .recipe-head__button {
    display: none;
  }
}
@media print, screen and (min-width: 48.0625em) {
  .recipe-detail01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .recipe-detail01__gallery {
    width: 760px;
  }
  .recipe-detail01__tag {
    margin: 40px 0 0;
  }
  .recipe-detail01__data {
    width: 360px;
    margin: 0 0 0 40px;
  }
}
@media screen and (max-width: 48em) {
  .recipe-detail01__tag {
    margin: 30px 0 0;
  }
  .recipe-detail01__data {
    margin: 30px 0 0;
  }
  .recipe-detail01__use .heading-type07 {
    text-align: center;
  }
}
.recipe-slider01 {
  position: relative;
}
.recipe-slider01 .slick-arrow {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  outline: 0;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0;
  margin: 0 auto;
  text-indent: -9999px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  cursor: pointer;
  -webkit-transition: opacity 0.2s, visibility 0.2s;
  transition: opacity 0.2s, visibility 0.2s;
}
.recipe-slider01 .slick-prev {
  background-image: url(/common/images/arrow05.svg);
  left: 0;
}
.recipe-slider01 .slick-next {
  background-image: url(/common/images/arrow06.svg);
  right: 0;
}
.recipe-slider01 .slick-disabled {
  opacity: 0;
  visibility: hidden;
}
.recipe-slider01__item {
  position: relative;
  outline: 0;
}
.recipe-slider01__caption {
  margin: 0;
}
@media print, screen and (min-width: 48.0625em) {
  .recipe-slider01 .slick-arrow {
    width: 40px;
    height: 64px;
  }
  .recipe-slider01__caption {
    background-color: rgba(255, 255, 255, 0.8);
    line-height: 1.5;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 16px;
  }
}
@media screen and (max-width: 48em) {
  .recipe-slider01 .slick-arrow {
    width: 20px;
    height: 32px;
    background-size: 20px auto;
    margin-top: -30px;
  }
  .recipe-slider01__caption {
    margin: 20px 0 0;
  }
}
.recipe-slider02__slider .slick-list {
  width: 100%;
  overflow: visible;
}
.recipe-slider02__slider .slick-track {
  width: 100% !important;
  -webkit-transform: none !important;
  transform: none !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.recipe-slider02__item {
  cursor: pointer;
  outline: 0;
  position: relative;
}
.recipe-slider02__item:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 2px solid var(--main-green);
}
.recipe-slider02__item.slick-current:after {
  content: "";
}
@media print, screen and (min-width: 48.0625em) {
  .recipe-slider02 {
    margin: 40px 0 0;
  }
  .recipe-slider02__item {
    width: 80px !important;
    margin: 20px 20px 0 0;
  }
  .recipe-slider02__item:nth-child(7n) {
    margin-right: 0;
  }
  .recipe-slider02__item:nth-child(-n+7) {
    margin-top: 0;
  }
}
@media screen and (max-width: 48em) {
  .recipe-slider02 {
    margin: 20px 0 0;
  }
  .recipe-slider02__item {
    width: calc((100% - 15px * 3) / 4.0001) !important;
    margin: 15px 15px 0 0;
  }
  .recipe-slider02__item:nth-child(4n) {
    margin-right: 0;
  }
  .recipe-slider02__item:nth-child(-n+4) {
    margin-top: 0;
  }
}
.sns-block01__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.sns-block01__item {
  text-align: center;
  color: #666464;
  font-size: 12px;
  font-size: 1.2rem;
}
.sns-block01__item + .sns-block01__item {
  margin-left: 30px;
}
.sns-block01__item a {
  display: block;
  color: #666464;
  text-decoration: none;
}
.sns-block01__item span {
  display: block;
  margin: 5px 0 0;
}
.pager-type01 {
  margin: 40px 0;
}
.pager-type01__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.pager-type01__item {
  margin: 5px;
}
.pager-type01__item a,
.pager-type01__item span {
  display: block;
  border: 1px solid #fff;
  color: var(--main-green);
  text-decoration: none;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  min-width: 30px;
  line-height: 28px;
  min-height: 30px;
  padding: 0 5px;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.pager-type01__item:not(._current) a {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.pager-type01__item:not(._current) a:hover {
  opacity: 0.5;
}
.pager-type01__item._prev a,
.pager-type01__item._next a {
  font-size: 0;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: center;
}
.pager-type01__item._prev a {
  background-image: url(/common/images/arrow07.svg);
}
.pager-type01__item._next a {
  background-image: url(/common/images/arrow02.svg);
}
.pager-type01__item._current a {
  border: 1px solid var(--main-green);
  background-color: var(--main-green);
  color: #fff;
}
.select-nav01__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.select-nav01__title {
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
  margin: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media print, screen and (min-width: 48.0625em) {
  .select-nav01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .select-nav01__item + .select-nav01__item {
    margin-left: 60px;
  }
  .select-nav01__title {
    padding: 0 20px 0 0;
  }
  .select-nav01__select {
    width: 260px;
  }
}
@media screen and (max-width: 48em) {
  .select-nav01__item + .select-nav01__item {
    margin-top: 30px;
  }
  .select-nav01__title {
    width: 110px;
  }
  .select-nav01__select {
    width: 100%;
  }
}
.form-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  background-image: url(/common/images/arrow_select.svg);
  background-repeat: no-repeat;
  background-position: right center;
  border-radius: 0;
  border: 1px solid var(--main-green);
  color: var(--main-green);
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  height: 60px;
  width: 100%;
  padding: 20px 40px 20px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.form-select::-ms-expand {
  display: none;
}
.form-select02 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  background-image: url(/common/images/arrow_select02.svg);
  background-repeat: no-repeat;
  background-position: right center;
  border-radius: 4px;
  border: 1px solid #c9c09f;
  color: #231815;
  font-size: 16px;
  font-size: 1.6rem;
  height: 50px;
  width: 100%;
  padding: 0 40px 0 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.form-select02::-ms-expand {
  display: none;
}
.form-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #c9c09f;
  color: #231815;
  font-size: 16px;
  font-size: 1.6rem;
  height: 50px;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.form-input._error {
  background-color: #fff1f0;
  border: 1px solid var(--main-green);
}
.form-textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #c9c09f;
  color: #231815;
  font-size: 16px;
  font-size: 1.6rem;
  width: 100%;
  height: 120px;
  padding: 20px;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.form-textarea._error {
  background-color: #fff1f0;
  border: 1px solid var(--main-green);
}
.form-radio {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding: 0 0 0 28px;
  margin: 0 1.5em 0 0;
  cursor: pointer;
}
.form-radio__input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.form-radio__input:checked + .form-radio__text:before {
  border-color: var(--main-green);
}
.form-radio__input:checked + .form-radio__text:after {
  opacity: 1;
}
.form-radio__text:before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border-style: solid;
  border-width: 2px;
  border-color: #c9c09f;
  position: absolute;
  top: 4px;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.form-radio__text:after {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--main-green);
  position: absolute;
  top: 9px;
  left: 5px;
  opacity: 0;
}
@media print, screen and (min-width: 48.0625em) {
  .form-select02 {
    width: 360px;
  }
  .form-select02._short {
    width: 160px;
  }
  .form-input {
    width: 460px;
  }
  .form-input._name {
    width: 260px;
  }
  .form-input._zipcode {
    width: 160px;
  }
  .form-input._tel {
    width: 120px;
  }
}
@media screen and (max-width: 48em) {
  .form-input {
    width: 100%;
  }
  .form-input._zipcode {
    width: 110px;
  }
  .form-input._tel {
    width: 80px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.form-table {
  width: 100%;
}
.form-table th {
  font-weight: bold;
  margin: 0;
  position: relative;
  vertical-align: top;
  text-align: left;
}
.form-table__attention01 {
  background-color: #f9faf9;
  font-weight: bold;
}
.form-table__attention02 {
  border-top: 1px dotted #d6e0dc;
  color: var(--main-green);
  font-size: 18px;
  font-size: 1.8rem;
}
.form-table__icon {
  background-color: #ff674b;
  color: #fff;
  width: 33px;
  line-height: 20px;
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: normal;
  font-style: normal;
  text-align: center;
  border-radius: 2px;
  position: absolute;
  right: 0;
}
.form-table__note {
  font-size: 12px;
  font-size: 1.2rem;
  margin: 5px 0 0;
  color: #666464;
}
.form-table__note._sub {
  font-size: 16px;
  font-size: 1.6rem;
}
.form-table__note._sub + .form-input {
  margin-top: 5px;
}
.form-table__note._large {
  font-size: 16px;
  font-size: 1.6rem;
}
.form-table__note._large + .form-input {
  margin-top: 5px;
}
.form-input + .form-table__note {
  margin: 5px 0 0;
}
.form-input + .form-table__note._large {
  margin-top: 1em;
}
.form-table__hint {
  font-weight: bold;
  margin: 0 1em 0 0;
}
@media print, screen and (min-width: 48.0625em) {
  .form-table tr {
    border-top: 1px dotted #d6e0dc;
  }
  .form-table tr:first-child {
    border-top: 0;
  }
  .form-table tr._text th {
    padding-top: 50px;
  }
  .form-table th {
    text-align: right;
    width: 300px;
    padding: 60px 60px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .form-table td {
    padding: 50px 0 50px 45px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .form-table._confirm th {
    padding: 50px 60px 50px 0;
  }
  .form-table__attention01 {
    border-top: 0 !important;
    background-color: #f9faf9;
    font-weight: bold;
  }
  .form-table__attention01 td {
    padding: 6px 20px;
  }
  .form-table__attention01 + tr {
    border-top: 0;
  }
  .form-table__icon {
    top: 64px;
  }
  .form-table__column {
    display: inline-block;
  }
  .form-table__attention02 td {
    padding: 20px 0 0;
    text-align: center;
  }
  .form-table__attention02 + tr {
    border-top: 0;
  }
  .form-table__attention02 + tr th {
    padding-top: 40px;
  }
  .form-table__attention02 + tr td {
    padding-top: 30px;
  }
  .form-input + .form-table__note._sub {
    margin-top: 1.5em;
  }
  .form-table-inner tr {
    border-top: 0;
  }
  .form-table-inner tr + tr td {
    padding: 10px 0 0;
  }
  .form-table-inner td {
    padding: 0;
  }
}
@media screen and (max-width: 48em) {
  .form-table {
    display: block;
  }
  .form-table tbody,
  .form-table tr,
  .form-table th,
  .form-table td {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .form-table tr {
    margin: 30px 0 0;
    padding: 25px 0 0;
    border-top: 1px dotted #d6e0dc;
  }
  .form-table tr:first-child {
    margin: 0;
    padding: 0;
    border-top: 0;
  }
  .form-table th {
    margin: 0 0 10px;
    padding: 0 45px 0 0;
  }
  .form-table__attention01 {
    border-top: 0 !important;
    padding: 6px 10px !important;
    margin: 40px 0 30px !important;
  }
  .form-table__attention01 + tr {
    margin: 0;
    padding: 0;
    border-top: 0;
  }
  .form-table__icon {
    top: 4px;
  }
  .form-table__column + .form-table__column {
    margin-top: 5px;
  }
  .form-table__note {
    margin-bottom: 1em;
  }
  .form-table__note._sub {
    margin: 1.5em 0 0;
  }
  .form-table__attention02 {
    margin: 30px 0 0 !important;
    padding: 20px 0 0 !important;
  }
  .form-table__attention02 + tr {
    padding: 0 !important;
    border-top: 0 !important;
    margin-top: 20px !important;
  }
  .form-table-inner tr {
    margin: 10px 0 0;
    padding: 0;
    border-top: 0;
  }
}
@media print, screen and (min-width: 48.0625em) {
  .form-block {
    border: 1px solid #d6e0dc;
    padding: 0 60px;
  }
}
@media screen and (max-width: 48em) {
  .form-block {
    border-top: 1px dotted #d6e0dc;
    padding: 25px 0 0;
  }
}
.form-policy {
  background-color: #f9faf9;
  overflow: hidden;
}
.form-policy__title {
  font-weight: bold;
}
@media print, screen and (min-width: 48.0625em) {
  .form-policy {
    text-align: center;
    padding: 20px 20px;
  }
}
@media screen and (max-width: 48em) {
  .form-policy {
    padding: 10px 20px;
  }
}
.form-error {
  border: 5px solid var(--main-green);
}
.form-error__title {
  font-weight: bold;
}
.form-error__list {
  list-style: none;
  padding: 0;
  color: var(--main-green);
}
@media print, screen and (min-width: 48.0625em) {
  .form-error {
    padding: 10px 25px;
  }
}
@media screen and (max-width: 48em) {
  .form-error {
    padding: 10px 20px;
  }
}
.contact-block {
  background-color: #f9faf9;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow: hidden;
}
.contact-block._support {
  background-position: center top;
}
.contact-block__sub {
  font-size: 20px;
  font-size: 2rem;
  text-align: center;
  margin: 40px 0 20px;
}
.contact-block__button {
  text-align: center;
}
@media print, screen and (min-width: 48.0625em) {
  .contact-block._press {
    background-image: url(/common/images/press_index_bg01_pc.webp);
  }
  .contact-block._support {
    background-image: url(/common/images/support_index_bg01_pc.webp);
  }
  .contact-block__inner {
    max-width: 1000px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 48em) {
  .contact-block._press {
    background-image: url(/common/images/press_index_bg01_sp.webp);
  }
  .contact-block._support {
    background-image: url(/common/images/support_index_bg01_sp.webp);
  }
  .contact-block__inner {
    margin: 0 15px;
  }
}
.contact-list01__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.contact-list01__item {
  text-align: center;
}
.contact-list01__title {
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
  margin: 0;
}
.contact-list01__link {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  margin: 0;
}
.contact-list01__link a {
  color: var(--main-green);
}
.contact-list01__link._tel a {
  text-decoration: none;
  background-image: url(/common/images/icon_tel01.svg);
  background-repeat: no-repeat;
  background-position: left center;
  display: inline-block;
  padding: 0 0 0 30px;
}
.contact-list01__lead {
  margin: 10px 0 0;
}
@media print, screen and (min-width: 48.0625em) {
  .contact-list01 {
    margin: 40px 0 0;
  }
  .contact-list01__item + .contact-list01__item {
    margin-left: 90px;
  }
  .contact-list01__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .contact-list01__title {
    margin: 0 0 5px;
  }
  .contact-list01__link {
    margin: 20px 0 0;
  }
  .contact-list01__link._tel {
    margin: 10px 0 0;
  }
  .contact-list01__link + .contact-list01__link {
    margin: 15px 0 0;
  }
}
@media screen and (max-width: 48em) {
  .contact-list01 {
    margin: 30px 0 0;
  }
  .contact-list01__item + .contact-list01__item {
    margin-top: 20px;
  }
  .contact-list01__link {
    margin: 10px 0 0;
  }
}
.stock-block {
  background-color: #f9faf9;
}
@media print, screen and (min-width: 48.0625em) {
  .stock-block__inner {
    width: 960px;
    margin: 0 auto;
    padding: 40px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .stock-block__price {
    width: 360px;
  }
  .stock-block__button {
    width: 560px;
    margin: 26px 0 0 40px;
  }
}
@media screen and (max-width: 48em) {
  .stock-block {
    overflow: hidden;
  }
  .stock-block__price {
    margin: 0 15px;
  }
  .stock-block__button {
    margin: 30px -15px;
  }
}
.stock-price__title {
  color: #666464;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
}
.stock-price__title span {
  font-size: 14px;
  font-size: 1.4rem;
}
.stock-price__block {
  border: 1px solid var(--main-green);
  background-color: #fff;
  padding: 20px;
}
.stock-price__date {
  margin: 0;
  line-height: 1;
  color: #666464;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
}
.stock-price__price {
  margin: 40px 0 15px;
  line-height: 1;
  color: var(--main-green);
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.stock-price__price i {
  font-style: normal;
  font-size: 16px;
  font-size: 1.6rem;
}
.stock-price__price span {
  font-size: 40px;
  font-size: 4rem;
}
.stock-price__price span:before {
  content: "￥";
  font-size: 24px;
  font-size: 2.4rem;
}
.stock-price__ratio {
  margin: 0;
  line-height: 1;
  text-align: right;
  font-size: 16px;
  font-size: 1.6rem;
  color: var(--main-green);
  border-top: 1px solid #d6e0dc;
  padding: 15px 0 0;
}
.stock-price__timestamp {
  margin: 10px 0 0;
  line-height: 1;
  color: #666464;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: right;
}
@media print, screen and (min-width: 48.0625em) {
  .stock-price__title {
    margin: 0 0 10px;
  }
  .stock-price__block {
    padding: 20px;
  }
  .stock-price__price {
    margin: 40px 0 15px;
  }
  .stock-price__ratio {
    padding: 15px 0 0;
  }
  .stock-price__timestamp {
    margin: 10px 0 0;
  }
}
@media screen and (max-width: 48em) {
  .stock-price__title {
    margin: 30px 0 10px;
  }
  .stock-price__block {
    padding: 20px 20px 15px;
  }
  .stock-price__price {
    margin: 20px 0 10px;
  }
  .stock-price__ratio {
    padding: 10px 0 0;
  }
  .stock-price__timestamp {
    margin: 10px 0 0;
  }
}
.link01 {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.link01[href*="http"]:after {
  content: "";
  background-image: url(/common/images/icon_window02.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 11px;
  height: 11px;
  display: inline-block;
  margin: 0 0 0 5px;
}
.link01[href*="pdf"]:after {
  content: "";
  background-image: url(/common/images/icon_pdf01.svg);
  background-repeat: no-repeat;
  background-size: auto 14px;
  width: 10px;
  height: 14px;
  display: inline-block;
  vertical-align: top;
  margin: 4px 0 0 5px;
}
.icon-list01 {
  list-style: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.icon-list01 li {
  margin: 0 2px 2px 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.icon-list01 img {
  display: block;
  width: 60px;
  max-width: none;
  vertical-align: top;
}
/*20240327 start*/
.sustainability-visual01__main {
  position: relative;
}
.sustainability-visual01 {
  background-color: #f6f6f6;
}
@media screen and (min-width: 48em) {
  .sustainability-visual01__img img {
    position: absolute;
    top: 0;
    left: 50%;
    width: auto;
    height: 540px;
    font-family: "object-fit: cover;";
    transform: translate(-50%, 0);
  }
}
@media screen and (max-width: 48em) {
  .sustainability-visual01__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover;";
  }
}
/*20240327 end*/
.sustainability-visual01__title {
  margin: 0;
}
.sustainability-visual01__target {
  display: none;
}
.sustainability-visual01__message {
  background-color: #fff;
  overflow: hidden;
  z-index: 1;
  position: relative;
}
.sustainability-visual01__message > *:first-child,
.sustainability-visual01__message > .entry-block > *:first-child {
  margin-top: 0 !important;
}
.sustainability-visual01__message > *:last-child,
.sustainability-visual01__message > .entry-block > *:last-child {
  margin-bottom: 0 !important;
}
@media print, screen and (min-width: 48.0625em) {
  .sustainability-visual01__main {
    height: 540px;
  }
  .sustainability-visual01__inner {
    width: 1020px;
    margin: 0 auto;
    position: relative;
  }
  .sustainability-visual01__text {
    position: absolute;
    right: 0;
    top: 160px;
    z-index: 1;
    text-align: center;
  }
  .sustainability-visual01__button {
    margin: 50px 0 0;
  }
  .sustainability-visual01__target {
    max-width: 1160px;
    padding: 0 60px 40px;
    margin: -100px auto 0;
  }
  .sustainability-visual01__message {
    padding: 30px 60px 40px;
  }
}
@media screen and (max-width: 48em) {
  .sustainability-visual01__main {
    height: 626px;
    position: relative;
  }
  .sustainability-visual01__title {
    position: absolute;
    top: 65px;
    left: 0;
    right: 0;
    text-align: center;
  }
  .sustainability-visual01__button {
    position: absolute;
    bottom: 40px;
    /*20240327 70 -> 40*/
    left: 15px;
    right: 15px;
  }
  .sustainability-visual01__target {
    padding: 0 0 30px;
    margin: -30px 0 0;
  }
  .sustainability-visual01__message {
    padding: 20px 15px 30px;
  }
}
.sustainability-visual02 {
  position: relative;
  overflow: hidden;
}
.sustainability-visual02__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}
.sustainability-visual02__inner {
  position: relative;
  z-index: 1;
}
.sustainability-visual02__lead {
  margin: 0;
}
@media print, screen and (min-width: 48.0625em) {
  .sustainability-visual02__inner {
    max-width: 1160px;
    margin: 0 auto 100px;
  }
  .sustainability-visual02__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .sustainability-visual02__button {
    padding: 0 110px 0 130px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
@media screen and (max-width: 48em) {
  .sustainability-visual02__inner {
    padding: 0 15px 90px;
  }
  .sustainability-visual02__button {
    margin: 30px 0 0;
  }
}
.category-head__lead {
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.75;
  margin: 0;
}
.category-head__lead img {
  vertical-align: middle;
}
@media print, screen and (min-width: 48.0625em) {
  .category-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .category-head__lead {
    width: 100%;
    letter-spacing: 0.04em;
  }
  .category-head__img {
    margin: 0 30px 0 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
@media screen and (max-width: 48em) {
  .category-head {
    padding: 85px 0 40px 0;
  }
  .category-head__img {
    text-align: center;
  }
}
.backaldrin-visual {
  position: relative;
}
.backaldrin-visual__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}
.backaldrin-visual__inner {
  position: relative;
  z-index: 1;
}
.backaldrin-visual__text {
  background-color: rgba(255, 255, 255, 0.9);
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.backaldrin-visual__title {
  margin: 0;
  font-weight: bold;
}
.backaldrin-visual__lead {
  margin: 0;
}
.backaldrin-visual__button .button-type01 {
  display: block;
}
@media print, screen and (min-width: 48.0625em) {
  .backaldrin-visual__inner {
    max-width: 1160px;
    margin: 0 auto;
    height: 405px;
  }
  .backaldrin-visual__logo {
    position: absolute;
    left: 0;
    bottom: 60px;
  }
  .backaldrin-visual__text {
    width: 560px;
    padding: 60px 50px;
    position: absolute;
    top: 50%;
    right: 40px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .backaldrin-visual__lead {
    width: 360px;
  }
  .backaldrin-visual__title {
    font-size: 30px;
    font-size: 3rem;
  }
  .backaldrin-visual__lead {
    margin: 30px 0 15px;
  }
}
@media screen and (max-width: 48em) {
  .backaldrin-visual__inner {
    padding: 90px 15px;
  }
  .backaldrin-visual__text {
    padding: 50px 15px;
  }
  .backaldrin-visual__title {
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.5;
    text-align: center;
  }
  .backaldrin-visual__lead {
    margin: 20px 0 20px;
  }
  .backaldrin-visual__button {
    padding: 0 30px;
  }
  .backaldrin-visual__logo {
    text-align: center;
    margin: 30px 0 0;
  }
}
.entry-head__date {
  font-weight: bold;
  color: var(--main-gray);
  margin: 0;
}
.entry-head__title {
  margin: 0;
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.5;
}
@media print, screen and (min-width: 48.0625em) {
  .entry-head {
    margin: 0 0 40px;
  }
  .entry-head__date {
    float: left;
    line-height: 22px;
    margin: 0 20px 0 0;
  }
  .entry-head__tag {
    overflow: hidden;
    margin: 0 0 -10px;
  }
  .entry-head__title {
    clear: both;
    padding: 10px 0 0;
  }
}
@media screen and (max-width: 48em) {
  .entry-head {
    margin: 0 0 40px;
  }
  .entry-head__date {
    margin: 0 0 5px;
  }
}
.message-block01 {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
}
.message-block01__inner {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.message-block01__text {
  background-color: rgba(255, 255, 255, 0.8);
  overflow: hidden;
}
.message-block01__title {
  color: #4e3c2c;
  margin: 0;
}
@media print, screen and (min-width: 48.0625em) {
  .message-block01 {
    background-image: url(/common/images/corporate_index_bg04_pc.webp);
  }
  .message-block01__inner {
    height: 534px;
    max-width: 1160px;
    margin: 0 auto;
  }
  .message-block01__text {
    width: 560px;
    float: right;
    margin: 65px 0 0;
    padding: 40px 30px 35px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .message-block01__title {
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.6;
  }
  .message-block01__name {
    margin: 20px 0 0;
  }
  .message-block01__button {
    margin: 30px 0 0;
    text-align: center;
  }
}
@media screen and (max-width: 48em) {
  .message-block01 {
    background-image: url(/common/images/corporate_index_bg04_sp.webp);
  }
  .message-block01__inner {
    height: 695px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .message-block01__text {
    width: 100%;
    margin: 65px 15px 30px;
    padding: 20px 15px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .message-block01__title {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.75;
  }
  .message-block01__name {
    margin: 20px 0 0;
  }
  .message-block01__button {
    margin: 30px 0 0;
    text-align: center;
  }
}
.corporate-detail01 {
  text-align: center;
}
@media print, screen and (min-width: 48.0625em) {
  .corporate-detail01__equal {
    margin: 30px 0 0;
  }
  .corporate-detail01__logo {
    margin: 10px 0 0;
  }
  .corporate-detail01__img {
    margin: 30px 0 0;
  }
}
@media screen and (max-width: 48em) {
  .corporate-detail01__equal {
    margin: 10px 0 0;
  }
  .corporate-detail01__logo {
    margin: 15px 0 20px;
  }
  .corporate-detail01__logo img {
    width: 188px;
  }
  .corporate-detail01__img {
    margin: 5px 0 0;
  }
}
.corporate-detail02 {
  background-color: #f9faf9;
}
.corporate-detail02__inner {
  overflow: hidden;
}
.corporate-detail02__lead {
  text-align: center;
  margin: 0;
}
.corporate-detail02__text .heading-block01 {
  margin: 0;
}
@media print, screen and (min-width: 48.0625em) {
  .corporate-detail02 {
    background-image: url(/common/images/corporate_index_bg03_pc.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .corporate-detail02_a {
    background-image: url(/common/images/corporate_index_bg03_a_pc.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .corporate-detail02_b {
    background-image: url(/common/images/corporate_index_bg03_b_pc.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .corporate-detail02__inner {
    max-width: 1045px;
    height: 500px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .corporate-detail02__text {
    width: 360px;
  }
  .corporate-detail02__lead {
    margin: 40px 0 0;
  }
  .corporate-detail02__button {
    margin: 80px 0 0;
  }
}
@media screen and (max-width: 48em) {
  .corporate-detail02:before {
    content: "";
    padding-top: 73.33333%;
    display: block;
    background-image: url(/common/images/corporate_index_bg03_sp.webp);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
  }
  .corporate-detail02_a:before {
    content: "";
    padding-top: 73.33333%;
    display: block;
    background-image: url(/common/images/corporate_index_bg03_a_sp.webp);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
  }
  .corporate-detail02_b:before {
    content: "";
    padding-top: 73.33333%;
    display: block;
    background-image: url(/common/images/corporate_index_bg03_b_sp.webp);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
  }
  .corporate-detail02__text {
    margin: 40px 15px 100px;
  }
  .corporate-detail02__lead {
    margin: 20px 0 0;
  }
  .corporate-detail02__button {
    margin: 30px 0 0;
  }
}
@media print, screen and (min-width: 48.0625em) {
  .prosumer-nav {
    display: none;
  }
}
@media screen and (max-width: 48em) {
  .item-list03__subnav .prosumer-nav {
    display: block !important;
    height: auto !important;
  }
}
.accordion-block01__main {
  display: none;
  overflow: hidden;
}
.accordion-block01__main > *:first-child,
.accordion-block01__main > .entry-block > *:first-child {
  margin-top: 0 !important;
}
.accordion-block01__main > *:last-child,
.accordion-block01__main > .entry-block > *:last-child {
  margin-bottom: 0 !important;
}
.accordion-block01__button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  background-color: #f9faf9;
  display: block;
  width: 100%;
  height: 48px;
  line-height: 48px;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
  color: var(--main-green);
  text-align: center;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.accordion-block01__button:after {
  content: "";
  background-image: url(/common/images/arrow02.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 8px auto;
  width: 8px;
  height: 13px;
  display: inline-block;
  vertical-align: top;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.accordion-block01__button._close:after {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}
.accordion-block01__button._hide {
  display: none;
}
@media print, screen and (min-width: 48.0625em) {
  .accordion-block01__main {
    margin: 40px 0;
  }
  .accordion-block01__button {
    margin: 20px 0 0;
  }
  .accordion-block01__button:after {
    margin: 18px 0 0 17px;
  }
}
@media screen and (max-width: 48em) {
  .accordion-block01__main {
    margin: 30px 0;
  }
  .accordion-block01__button {
    margin: 30px 0 0;
  }
  .accordion-block01__button:after {
    margin: 18px 0 0 17px;
  }
}
.brand-youtube {
  text-align: center;
}
.brand-youtube__title {
  color: var(--main-green);
  font-weight: 700;
  margin: 0;
}
@media print, screen and (min-width: 48.0625em) {
  .brand-youtube {
    margin: 30px 0 0;
  }
  .brand-youtube__title {
    font-size: 22px;
    font-size: 2.2rem;
  }
  .brand-youtube__thumbnail {
    margin: 15px auto 0;
    width: 360px;
  }
  .brand-youtube__thumbnail[data-thumsize="maxsize600"] {
    max-width: 600px;
    width: 100%;
  }
  .brand-youtube__thumbnail[data-thumsize="max"] {
    width: 100%;
  }
  .brand-youtube__thumbnail a {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .brand-youtube__thumbnail a:hover {
    opacity: 0.5;
  }
  .brand-youtube__text {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.94444;
    margin: 10px 0 0;
  }
}
@media screen and (max-width: 48em) {
  .brand-youtube {
    margin: 30px 0 0;
  }
  .brand-youtube__title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .brand-youtube__thumbnail {
    margin: 10px auto 0;
  }
  .brand-youtube__text {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.94444;
    margin: 10px 0 0;
  }
  .modaal-video-wrap {
    margin: auto 0 !important;
  }
}
.brand-visual {
  position: relative;
}
.brand-visual__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}
.brand-visual__inner {
  position: relative;
  z-index: 1;
}
.brand-visual__text {
  background-color: rgba(255, 255, 255, 0.9);
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.brand-visual__title {
  margin: 0;
  font-weight: bold;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.5;
}
.brand-visual__title span {
  font-size: 18px;
  font-size: 1.8rem;
}
.brand-visual__lead {
  margin: 0;
}
.brand-visual__button .button-type01 {
  display: block;
}
@media print, screen and (min-width: 48.0625em) {
  .brand-visual__inner {
    max-width: 1160px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .brand-visual__logo {
    position: absolute;
    left: 255px;
    top: 60px;
  }
  .brand-visual__text {
    width: 560px;
    padding: 50px 50px 55px;
    margin: 45px 0 45px auto;
  }
  .brand-visual__lead {
    margin: 10px 50px 15px 0;
  }
}
@media screen and (max-width: 48em) {
  .brand-visual__inner {
    padding: 90px 15px;
  }
  .brand-visual__text {
    padding: 50px 15px;
  }
  .brand-visual__lead {
    margin: 20px 0 20px;
  }
  .brand-visual__button {
    padding: 0 30px;
  }
  .brand-visual__logo {
    display: none;
  }
}
.youtube-block01__youtube {
  position: relative;
  height: 0;
  padding-top: 56.25%;
}
.youtube-block01__youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media print, screen and (min-width: 48.0625em) {
  .youtube-block01 {
    width: 560px;
    margin: 60px auto;
  }
}
@media screen and (max-width: 48em) {
  .youtube-block01 {
    margin: 60px 15px;
  }
}
@media print, screen and (min-width: 48.0625em) {
  .food-safety-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1060px;
    margin: 0 auto;
    gap: 30px;
  }
  .food-safety-block__item > *:first-child {
    margin-top: 0;
  }
  .food-safety-block__item > *:last-child {
    margin-bottom: 0;
  }
  .food-safety-block__item._left {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: calc(612 / 1060 * 100%);
  }
  .food-safety-block__item._right {
    width: 100%;
  }
}
@media print {
  body {
    -webkit-print-color-adjust: exact;
  }
  .wrapper {
    min-width: 0;
  }
  .header__inner {
    width: auto;
    height: auto;
    padding: 0;
  }
  .header__logo {
    float: none;
  }
  .global-nav__list01 {
    margin: 0;
  }
  body.recipe-detail .footer {
    display: none;
  }
  .footer__inner {
    width: auto;
  }
  .no-print {
    display: none;
  }
  .data-list02__list {
    display: block;
    padding: 10px 0;
  }
  .data-list02__item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: block;
    width: 100%;
    margin: 0;
  }
  .data-list02__item + .data-list02__item {
    margin-top: 15px;
  }
  .data-list02__title {
    white-space: nowrap;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .data-list02__title br {
    display: none;
  }
  .data-list02__icon {
    margin: 0;
  }
  .data-list02__icon img {
    width: 24px;
  }
  .item-list12__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .item-list12__item {
    width: 100%;
    margin: 10px 0 0;
  }
  .table-type02._recipe th,
  .table-type02._recipe td {
    padding: 5px 5px;
  }
}
@-webkit-keyframes scroll-hint-appear {
  0% {
    -webkit-transform: translateX(40px);
    transform: translateX(40px);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50%,
  100% {
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
    opacity: 0;
  }
}
@keyframes scroll-hint-appear {
  0% {
    -webkit-transform: translateX(40px);
    transform: translateX(40px);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50%,
  100% {
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
    opacity: 0;
  }
}
.scroll-hint.is-right-scrollable {
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}
.scroll-hint.is-right-scrollable.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}
.scroll-hint.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}
.scroll-hint-icon {
  position: absolute;
  top: calc(50% - 40px);
  left: calc(50% - 60px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 120px;
  height: 80px;
  border-radius: 5px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 0;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  padding: 20px 10px 10px 10px;
}
.scroll-hint-icon-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  pointer-events: none;
}
.scroll-hint-text {
  font-size: 10px;
  color: #fff;
  margin-top: 5px;
  line-height: 1;
}
.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
  opacity: 0.8;
}
.scroll-hint-icon:before {
  display: inline-block;
  width: 40px;
  height: 40px;
  color: #fff;
  vertical-align: middle;
  text-align: center;
  content: "";
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}
.scroll-hint-icon:after {
  content: "";
  width: 34px;
  height: 14px;
  display: block;
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -20px;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
  opacity: 0;
  -webkit-transition-delay: 2.4s;
  transition-delay: 2.4s;
}
.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
  opacity: 1;
}
.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
  -webkit-animation: scroll-hint-appear 1.2s linear;
  animation: scroll-hint-appear 1.2s linear;
  -webkit-animation-iteration-count: 2;
  animation-iteration-count: 2;
}
.scroll-hint-icon-white {
  background-color: #fff;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
}
.scroll-hint-icon-white:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}
.scroll-hint-icon-white:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}
.scroll-hint-icon-white .scroll-hint-text {
  color: #000;
}
/*!
	Modaal - accessible modals - v0.4.4
	by Humaan, for all humans.
	http://humaan.com
 */
.modaal-noscroll {
  overflow: hidden;
}
.modaal-accessible-hide {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}
.modaal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  opacity: 0;
}
.modaal-wrapper {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: auto;
  opacity: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.modaal-wrapper * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
}
.modaal-wrapper .modaal-close {
  border: none;
  background: transparent;
  padding: 0;
  -webkit-appearance: none;
}
.modaal-wrapper.modaal-start_none {
  display: none;
  opacity: 1;
}
.modaal-wrapper.modaal-start_fade {
  opacity: 0;
}
.modaal-wrapper *[tabindex="0"] {
  outline: none !important;
}
.modaal-wrapper.modaal-fullscreen {
  overflow: hidden;
}
.modaal-outer-wrapper {
  display: table;
  position: relative;
  width: 100%;
  height: 100%;
}
.modaal-fullscreen .modaal-outer-wrapper {
  display: block;
}
.modaal-inner-wrapper {
  display: table-cell;
  width: 100%;
  height: 100%;
  position: relative;
  vertical-align: middle;
  text-align: center;
  padding: 80px 25px;
}
.modaal-fullscreen .modaal-inner-wrapper {
  padding: 0;
  display: block;
  vertical-align: top;
}
.modaal-container {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: auto;
  text-align: left;
  color: #000;
  max-width: 1000px;
  border-radius: 0;
  background: #fff;
  -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  cursor: auto;
}
.modaal-container.is_loading {
  height: 100px;
  width: 100px;
  overflow: hidden;
}
.modaal-fullscreen .modaal-container {
  max-width: none;
  height: 100%;
  overflow: auto;
}
.modaal-close {
  position: fixed;
  right: 20px;
  top: 20px;
  color: #fff;
  cursor: pointer;
  opacity: 1;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0);
  border-radius: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.modaal-close:focus,
.modaal-close:hover {
  outline: none;
  background: #fff;
}
.modaal-close:focus:before,
.modaal-close:focus:after,
.modaal-close:hover:before,
.modaal-close:hover:after {
  background: var(--main-green);
}
.modaal-close span {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}
.modaal-close:before,
.modaal-close:after {
  display: block;
  content: " ";
  position: absolute;
  top: 14px;
  left: 23px;
  width: 4px;
  height: 22px;
  border-radius: 4px;
  background: #fff;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}
.modaal-close:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.modaal-close:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.modaal-fullscreen .modaal-close {
  background: #afb7bc;
  right: 10px;
  top: 10px;
}
.modaal-content-container {
  padding: 30px;
}
.modaal-confirm-wrap {
  padding: 30px 0 0;
  text-align: center;
  font-size: 0;
}
.modaal-confirm-btn {
  font-size: 14px;
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  background: transparent;
}
.modaal-confirm-btn.modaal-ok {
  padding: 10px 15px;
  color: #fff;
  background: #555;
  border-radius: 3px;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}
.modaal-confirm-btn.modaal-ok:hover {
  background: #2f2f2f;
}
.modaal-confirm-btn.modaal-cancel {
  text-decoration: underline;
}
.modaal-confirm-btn.modaal-cancel:hover {
  text-decoration: none;
  color: #2f2f2f;
}
@keyframes instaReveal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes instaReveal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.modaal-instagram .modaal-container {
  width: auto;
  background: transparent;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.modaal-instagram .modaal-content-container {
  padding: 0;
  background: transparent;
}
.modaal-instagram .modaal-content-container > blockquote {
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
}
.modaal-instagram iframe {
  opacity: 0;
  margin: -6px !important;
  border-radius: 0 !important;
  width: 1000px !important;
  max-width: 800px !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-animation: instaReveal 1s linear forwards;
  animation: instaReveal 1s linear forwards;
}
.modaal-image .modaal-inner-wrapper {
  padding-left: 140px;
  padding-right: 140px;
}
.modaal-image .modaal-container {
  width: auto;
  max-width: 100%;
}
.modaal-gallery-wrap {
  position: relative;
  color: #fff;
}
.modaal-gallery-item {
  display: none;
}
.modaal-gallery-item img {
  display: block;
}
.modaal-gallery-item.is_active {
  display: block;
}
.modaal-gallery-label {
  position: absolute;
  left: 0;
  width: 100%;
  margin: 20px 0 0;
  font-size: 18px;
  text-align: center;
  color: #fff;
}
.modaal-gallery-label:focus {
  outline: none;
}
.modaal-gallery-control {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
  cursor: pointer;
  color: #fff;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.modaal-gallery-control.is_hidden {
  opacity: 0;
  cursor: default;
}
.modaal-gallery-control:focus,
.modaal-gallery-control:hover {
  outline: none;
  background: #fff;
}
.modaal-gallery-control:focus:before,
.modaal-gallery-control:focus:after,
.modaal-gallery-control:hover:before,
.modaal-gallery-control:hover:after {
  background: #afb7bc;
}
.modaal-gallery-control span {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}
.modaal-gallery-control:before,
.modaal-gallery-control:after {
  display: block;
  content: " ";
  position: absolute;
  top: 16px;
  left: 25px;
  width: 4px;
  height: 18px;
  border-radius: 4px;
  background: #fff;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}
.modaal-gallery-control:before {
  margin: -5px 0 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.modaal-gallery-control:after {
  margin: 5px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.modaal-gallery-next-inner {
  left: 100%;
  margin-left: 40px;
}
.modaal-gallery-next-outer {
  right: 45px;
}
.modaal-gallery-prev:before,
.modaal-gallery-prev:after {
  left: 22px;
}
.modaal-gallery-prev:before {
  margin: 5px 0 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.modaal-gallery-prev:after {
  margin: -5px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.modaal-gallery-prev-inner {
  right: 100%;
  margin-right: 40px;
}
.modaal-gallery-prev-outer {
  left: 45px;
}
.modaal-video-wrap {
  margin: auto 50px;
  position: relative;
}
.modaal-video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  background: #000;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}
.modaal-video-container iframe,
.modaal-video-container object,
.modaal-video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.modaal-iframe .modaal-content {
  width: 100%;
  height: 100%;
}
.modaal-iframe-elem {
  width: 100%;
  height: 100%;
  display: block;
}
@media only screen and (min-width: 1400px) {
  .modaal-video-container {
    padding-bottom: 0;
    height: 731px;
  }
}
@media only screen and (max-width: 1140px) {
  .modaal-image .modaal-inner-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
  .modaal-gallery-control {
    top: auto;
    bottom: 20px;
    -webkit-transform: none;
    transform: none;
    background: rgba(0, 0, 0, 0.7);
  }
  .modaal-gallery-control:before,
  .modaal-gallery-control:after {
    background: #fff;
  }
  .modaal-gallery-next {
    left: auto;
    right: 20px;
  }
  .modaal-gallery-prev {
    left: 20px;
    right: auto;
  }
}
@media screen and (max-width: 900px) {
  .modaal-instagram iframe {
    width: 500px !important;
  }
}
@media screen and (max-height: 1100px) {
  .modaal-instagram iframe {
    width: 700px !important;
  }
}
@media screen and (max-height: 1000px) {
  .modaal-inner-wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .modaal-instagram iframe {
    width: 600px !important;
  }
}
@media screen and (max-height: 900px) {
  .modaal-instagram iframe {
    width: 500px !important;
  }
  .modaal-video-container {
    max-width: 900px;
    max-height: 510px;
  }
}
@media only screen and (max-width: 600px) {
  .modaal-instagram iframe {
    width: 280px !important;
  }
}
@media only screen and (max-height: 820px) {
  .modaal-gallery-label {
    display: none;
  }
}
.modaal-loading-spinner {
  background: none;
  position: absolute;
  width: 200px;
  height: 200px;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -100px;
  -webkit-transform: scale(0.25);
  transform: scale(0.25);
}
@-webkit-keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    opacity: 0.1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    opacity: 0.1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.modaal-loading-spinner > div {
  width: 24px;
  height: 24px;
  margin-left: 4px;
  margin-top: 4px;
  position: absolute;
}
.modaal-loading-spinner > div > div {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background: #fff;
}
.modaal-loading-spinner > div:nth-of-type(1) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.modaal-loading-spinner > div:nth-of-type(2) > div,
.modaal-loading-spinner > div:nth-of-type(3) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}
.modaal-loading-spinner > div:nth-of-type(1) {
  -webkit-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(2) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0.12s;
  animation-delay: 0.12s;
}
.modaal-loading-spinner > div:nth-of-type(2) {
  -webkit-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(3) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
.modaal-loading-spinner > div:nth-of-type(4) > div,
.modaal-loading-spinner > div:nth-of-type(5) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}
.modaal-loading-spinner > div:nth-of-type(3) {
  -webkit-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(4) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0.37s;
  animation-delay: 0.37s;
}
.modaal-loading-spinner > div:nth-of-type(4) {
  -webkit-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(5) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.modaal-loading-spinner > div:nth-of-type(6) > div,
.modaal-loading-spinner > div:nth-of-type(7) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}
.modaal-loading-spinner > div:nth-of-type(5) {
  -webkit-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(6) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0.62s;
  animation-delay: 0.62s;
}
.modaal-loading-spinner > div:nth-of-type(6) {
  -webkit-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(7) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s;
}
.modaal-loading-spinner > div:nth-of-type(7) {
  -webkit-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(8) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0.87s;
  animation-delay: 0.87s;
}
.modaal-loading-spinner > div:nth-of-type(8) {
  -webkit-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
}
/*20220926 add snsアイコンの追加*/
.sns {
  margin: 40px 0 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 50px 50px;
  grid-gap: 5px;
  justify-content: end;
}
.sns li {
  margin: 0;
  padding: 0;
}
.sns a {
  display: block;
  overflow: hidden;
  margin: 0;
  padding-top: 50px;
  width: 50px;
  height: 0 !important;
  line-height: 250%;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
}
.sns li:nth-of-type(1) a:hover,
.sns li:nth-of-type(2) a:hover {
  background-color: var(--main-green);
}
.sns li:nth-of-type(1) a {
  background: url(/common/images/X_logo.svg) center center no-repeat;
  background-size: 70%;
  background-color: var(--main-gray);
}
.sns li:nth-of-type(2) a {
  background: url(/common/images/facebook-logo---white.webp) center center no-repeat;
  background-size: 73%;
  background-color: var(--main-gray);
}
/* 20220929 footer sitemap
   ========================================================================== */
.footer_sitemap,
.footer_sitemap .link_list {
  display: grid;
  margin: 0 20px;
  padding: 0;
  list-style: none;
}
.footer_sitemap {
  padding-bottom: 30px;
}
.footer_sitemap h3 {
  font-size: 1.7rem;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--main-green);
}
.footer_sitemap a {
  display: block;
  margin: 0;
  padding: 4px 0 4px 10px;
  color: #231815;
  text-decoration: none;
  font-size: 1.4rem;
  background: url(/common/images/arrow03.svg) center left no-repeat;
  background-size: 5px;
}
.footer_sitemap a:hover {
  color: var(--main-green);
}
.footer_sitemap a.title {
  display: block;
  margin: 0;
  padding: 4px 0;
  color: #231815;
  text-decoration: none;
  font-size: 1.5rem;
  font-weight: bold;
  background: none;
}
.footer_sitemap a.title i {
  font-style: normal;
  margin: 0;
  padding: 0 20px 4px 0;
  background: url(/common/images/arrow03.svg) top 0.35rem right no-repeat;
  background-size: 7px;
}
.footer_sitemap a.title.mt {
  padding-top: 20px;
}
.foot_t_small {
  font-size: 1rem;
  line-height: 1.5;
}
/*PC*/
@media print, screen and (min-width: 48.0625em) {
  .footer_sitemap {
    width: 1150px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    /*grid-template-columns: 2fr 1fr 1fr;*/
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
  }
  .footer_sitemap .link_list {
    margin: 0;
    position: relative;
    box-sizing: border-box;
    grid-template-columns: 1fr 1fr;
  }
  .footer_sitemap .link_list[data-column="single"] {
    grid-template-columns: 1fr;
  }
  .footer_sitemap > li:nth-of-type(1) {
    grid-column: 1 / 3;
  }
}
/*オンラインショップへのリンク*/
a.link_onlineshop {
  display: block;
  overflow: hidden;
  margin: 0 auto;
  padding-top: 130px;
  height: 0 !important;
  line-height: 250%;
  max-width: 300px;
  width: 60%;
  background: url(/common/images/pbf/img_onlineshop.webp) center center no-repeat;
  background-size: 80%;
  background-color: #36d0de;
}
/*DLリンク枠*/
dl.dl_link_data {
  border: 1px solid #ccc;
  padding: 10px 20px;
  margin-bottom: 1em;
}
dl.dl_link_data a {
  color: #7a6764;
  margin-left: 5px;
}
.dl_link_data dt {
  font-weight: bold;
  color: #666;
  font-size: 17px;
  margin: 10px 0;
}
.dl_link_data dd {
  display: inline;
  margin-right: 20px;
  padding-right: 20px;
  border-right: 1px solid #ccc;
  margin-left: 0px;
}
.dl_link_data dd:last-child {
  border-right: none;
  padding-right: 0;
  min-width: 220px;
}
.dl_link_data dd:before {
  content: ">";
  position: absolute;
  font-family: monospace;
  font-weight: bold;
  font-size: 15px;
  color: #b91c12;
}
.dl_link_data .pdf {
  background-image: url(/materials/icon_pdf.webp);
  background-repeat: no-repeat;
  background-position: right 0;
  padding-right: 26px;
  padding-bottom: 1px;
  vertical-align: top;
  padding-left: 10px;
}
.dl_link_data dt {
  background-image: url(/materials/icon_download.webp);
  background-repeat: no-repeat;
  background-position: 0 1px;
  padding-left: 33px;
}
.pdf_image {
  text-align: center;
}
.pdf_image:hover img {
  opacity: 1;
  box-shadow: 0px 1px 6px 0px #e1dbdb;
}
.pdf_image img {
  display: inline-block;
  width: 80%;
  margin: 0 auto;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
/* 言語切り替えボタン */
@media print, screen and (min-width: 48.0625em) {
  .global-nav__item01 .wovn-lang-list {
    padding-left: 27px;
    background: url(/common/images/icon_english01.svg) no-repeat left center / auto 20px;
  }
  .global-nav__item01 .wovn-switch {
    display: block;
    font-size: 1.4rem;
    color: #231815;
    line-height: 22px;
    cursor: pointer;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .global-nav__item01 .wovn-switch:hover {
    opacity: 0.5;
  }
  .global-nav__item01 .wovn-switch.selected {
    display: none;
  }
}
@media screen and (max-width: 48em) {
  .sp-nav__item01 .wovn-lang-list {
    margin: 0 15px;
  }
  .sp-nav__item01 .wovn-switch {
    display: block;
    font-size: 1.4rem;
    color: #fff;
    line-height: 50px;
    padding-left: 40px;
    background: url(/common/images/icon_english02.svg) no-repeat 10px center / auto 20px;
    cursor: pointer;
  }
  .sp-nav__item01 .wovn-switch.selected {
    display: none;
  }
}
/* フッターの調整 */
@media print, screen and (min-width: 48.0625em) {
  .footer-nav__list {
    flex-wrap: wrap;
    gap: 10px 30px;
  }
  .footer-nav__item + .footer-nav__item {
    margin-left: 0;
  }
}
/* 英語時の調整 */
html[lang=en] {
  /* 汎用非表示クラス */
  /* ヘッダー */
  /* フッター */
  /* button */
  /* table */
  /* TOP */
}
html[lang=en] .wovn_hide_en {
  display: none !important;
}
@media print, screen and (min-width: 48.0625em) {
  html[lang=en] .sub-nav01 {
    top: 126px;
  }
  html[lang=en] .other-nav__item a br {
    display: none;
  }
  html[lang=en] .other-nav__list.corporate_nav_list {
    row-gap: 27px;
  }
  html[lang=en] .other-nav__list.corporate_nav_list .other-nav__item {
    margin-right: 27px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 48em) {
  html[lang=en] .sp-nav__item02 > a {
    display: flex;
    align-items: center;
    min-height: 78px;
    padding: 10px 40px 10px 15px;
    line-height: 1.8em;
  }
  html[lang=en] .sp-nav__item02._small > a {
    display: flex;
    align-items: center;
    min-height: 60px;
    line-height: 1.8em;
  }
}
html[lang=en] .footer_sitemap {
  grid-template-columns: 1fr;
}
@media print, screen and (min-width: 48.0625em) {
  html[lang=en] .footer_sitemap {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
html[lang=en] .button-type01 {
  padding: 18px 25px;
}
html[lang=en] .button-type01:before {
  right: 10px;
}
html[lang=en] .button-type01._icon {
  padding-left: 10px;
}
html[lang=en] .dividend__table {
  overflow: auto;
}
html[lang=en] .table-scroll-en {
  overflow-y: auto;
}
html[lang=en] .item-list03._top {
  margin: 0 0 90px;
}
@media print, screen and (min-width: 48.0625em) {
  html[lang=en] .item-list03._top {
    margin: 0 0 100px;
  }
}
html[lang=en] .topics-list01__date {
  width: auto;
  padding-right: 10px;
}
html[lang=en] ._top .item-list03__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 1px;
}
@media screen and (max-width: 48em) {
  html[lang=en] ._top .item-list03__list {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
  }
}
@media print, screen and (min-width: 48.0625em) {
  html[lang=en] ._top .item-list03__item:nth-child(1) {
    grid-area: 1 / 1 / 2 / 3;
  }
  html[lang=en] ._top .item-list03__item:nth-child(2) {
    grid-area: 2 / 1 / 3 / 2;
  }
  html[lang=en] ._top .item-list03__item:nth-child(3) {
    grid-area: 2 / 2 / 3 / 3;
  }
  html[lang=en] ._top .item-list03__item:nth-child(4) {
    grid-area: 3 / 1 / 4 / 2;
  }
  html[lang=en] ._top .item-list03__item:nth-child(5) {
    grid-area: 3 / 2 / 4 / 3;
  }
  html[lang=en] .item-list03__item + .item-list03__item {
    margin-left: 0;
  }
}
/* 日本語時の調整 汎用非表示クラス */
html[lang=ja] .wovn_hide_ja {
  display: none !important;
}
/*IRページ調整　英語時の株価情報画像に罫線枠をつける*/
html[lang=en] .ir-top.stock-price.wovn_hide_ja {
  margin-top: 26px;
  border: 1px solid rgba(0, 0, 0, 0.5);
}
html[lang=en] .stock-block__button {
  margin-bottom: 30px;
}
html[lang=en] .stock-price.wovn_hide_ja {
  border: 1px solid rgba(0, 0, 0, 0.15);
}