@charset "UTF-8";
.pc {
  display: block !important;
}

.tab-sp {
  display: none !important;
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
  .tab1000 {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .pc {
    display: none !important;
  }
  .tab-sp {
    display: block !important;
  }
}
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

input,
button,
textarea,
select {
  font: inherit;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

#root,
#__next {
  isolation: isolate;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

* {
  margin: 0;
}

html,
body {
  height: 100%;
}

body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

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

input,
button,
textarea,
select {
  font: inherit;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

#root,
#__next {
  isolation: isolate;
}

/*** The new CSS reset - version 1.5.1 (last updated 1.3.2022) ***/
*:where(:not(iframe, canvas, img, svg, video):not(svg *, symbol *)) {
  /*all: unset;
  display: revert*/
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

a,
button {
  cursor: revert;
}

ol,
ul,
menu {
  list-style: none;
}

ul,
li {
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
}

table {
  border-collapse: collapse;
}

textarea {
  white-space: revert;
}

meter {
  -webkit-appearance: revert;
  appearance: revert;
}

::placeholder {
  color: unset;
}

:where([hidden]) {
  display: none;
}

:where([contenteditable]) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
}

:where([draggable=true]) {
  -webkit-user-drag: element;
}

a {
  text-decoration: none;
  color: #000;
}

ol {
  padding-inline-start: 0;
}

body {
  /*font-family: 'Noto Sans JP', "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;*/
  /*font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;*/
  font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", "MS 明朝", serif;
  font-weight: 600;
  color: #000;
  background: #fff;
}

/** ページタイトル メイン **/
.main-title .page-top {
  max-width: 1280px;
  margin: 220px auto 60px;
  padding: 0 40px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
}
@media (max-width: 1000px) {
  .main-title .page-top {
    margin: 180px auto 40px;
  }
}
@media (max-width: 480px) {
  .main-title .page-top {
    margin: 180px auto 20px;
    padding: 0 20px;
  }
}
@media (max-width: 768px) {
  .main-title .page-top .page-title {
    width: 100%;
  }
}
.main-title .page-top .sub-title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 20px;
  padding-left: 5px;
}
.main-title .page-top .sub-title .title-num {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
}
.main-title .page-top .sub-title .line-16 {
  width: 25px;
  border: 1px solid #e5e5e5;
  margin: 0 8px;
}
@media (max-width: 768px) {
  .main-title .page-top .sub-title .line-16 {
    width: 10px;
  }
}
.main-title .page-top .sub-title .title-16 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .main-title .page-top .sub-title .title-16 {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 600;
  }
}
.main-title .page-top .title-50 {
  font-size: 50px;
  font-size: 3.125rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .main-title .page-top .title-50 {
    font-size: 38px;
    line-height: 1;
  }
}
.main-title .main-v {
  height: 560px;
  margin-bottom: 80px;
  background-repeat: no-repeat;
  background-position: center center;
}
@media (max-width: 768px) {
  .main-title .main-v {
    height: 280px;
    margin-bottom: 50px;
  }
}
.main-title .breadcrumbs {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .main-title .breadcrumbs {
    margin: 40px auto 0;
  }
}
.main-title .breadcrumbs a {
  transition: 0.5s;
}
.main-title .breadcrumbs a:hover {
  opacity: 0.3;
}

/** ページタイトル サブ **/
#subcont-container {
  margin-bottom: 60px;
  padding: 0 40px;
  border-bottom: 1px solid #eee;
}
@media (max-width: 768px) {
  #subcont-container {
    margin-bottom: 40px;
    padding: 0 40px;
  }
}
@media (max-width: 480px) {
  #subcont-container {
    padding: 0 20px;
  }
}
#subcont-container .subcont-inner {
  max-width: 1024px;
  margin: auto;
  padding: 220px 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  #subcont-container .subcont-inner {
    padding: 120px 0 20px;
  }
}
#subcont-container .subcont-inner .page-title {
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  #subcont-container .subcont-inner .page-title {
    width: 100%;
    margin-bottom: 0;
  }
}
#subcont-container .subcont-inner .page-title h1 {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
  font-weight: 700;
  text-align: left;
}
@media (max-width: 768px) {
  #subcont-container .subcont-inner .page-title h1 {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 1.4;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}
#subcont-container .subcont-inner .page-title p {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  #subcont-container .subcont-inner .page-title p {
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 600;
  }
}
#subcont-container .subcont-inner .page-title p::before {
  content: "●";
  font-size: 10px;
  line-height: 1;
  color: #d1d1d1;
  margin-right: 2px;
  transform: scale(0.4);
  display: inline-block;
}

.breadcrumbs {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
  letter-spacing: 0;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .breadcrumbs {
    justify-content: flex-start;
    margin: 30px auto 0;
  }
}
.breadcrumbs li a {
  color: #B4B4B4;
  position: relative;
  transition: 0.5s;
}
.breadcrumbs li a:hover {
  opacity: 0.3;
}
.breadcrumbs li a::after {
  content: "／";
  display: inline-block;
  padding: 0 10px;
}

#header {
  width: 100%;
  position: absolute;
  z-index: 1;
}
header {
  max-width: 1440px;
  margin: auto;
  padding: 0 30px;
}
header .header-flex {
  height: 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
header .header-l {
  width: 10%;
}
@media (max-width: 768px) {
  header .header-l {
    width: 15%;
    z-index: 3;
  }
}
header .header-r {
  width: 90%;
}
@media (max-width: 768px) {
  header .header-r {
    width: 85%;
  }
}
header .header-logo {
  width: 60%;
}
@media (max-width: 768px) {
  header .header-logo {
    max-width: 50px;
    width: 100%;
    margin: 0;
  }
}
header .header-logo a:hover {
  opacity: 0.3;
}
header .header-menu {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.5%;
}
@media (max-width: 768px) {
  header .header-menu {
    gap: 0 10px;
  }
}
header .header-menu li:nth-child(7) {
  margin: 0 1.5%;
}
@media (max-width: 768px) {
  header .header-menu li:nth-child(7) {
    margin: 0;
    order: 2;
  }
}
header .header-menu .menu-title {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  transition: 0.3s;
}
header .header-menu .menu-title:hover {
  opacity: 0.2;
}
header .header-menu .farmer-btn a {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 5px 20px;
  color: #fff;
  background-color: #000;
  border: 1px solid #000;
  transition: 0.3s;
}
header .header-menu .farmer-btn a:hover {
  color: #000;
  background-color: rgba(255, 255, 255, 0);
  border: 1px solid #000;
  box-sizing: border-box;
}

.top-header {
  margin: 0 auto;
  padding: 30px;
  background: url(../img/mainvisual_pc.jpg) no-repeat center center;
  background-size: cover;
  height: 100vh;
  position: relative;
}
.top-header .header-logo {
  width: 100px;
}
.top-header .top-copy {
  display: block;
  position: absolute;
  writing-mode: vertical-rl;
  margin-right: 30px;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
  line-height: 2.5;
  top: 120px;
  right: 60px;
}

.footer-top {
  width: auto;
  padding: 60px 0;
  position: relative;
  background-image: url(../img/project-back_pc.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.footer-top .clear-box {
  max-width: 1024px;
  width: 90%;
  background-color: rgba(255, 255, 255, 0.89);
  border: 1px solid #fff;
  margin: 0 auto;
  padding: 30px;
}
.footer-top .maker-title {
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 500;
  padding-bottom: 30px;
  border-bottom: 1px solid #000;
  text-align: center;
}
.footer-top .maker-title .under-line {
  border: 0.5px solid #000;
}
.footer-top .maker-link {
  text-align: center;
  margin: 30px auto;
}
@media (max-width: 1000px) {
  .footer-top .maker-link {
    margin: 30px auto 0;
  }
}
.footer-top .maker-link a {
  width: 100%;
  display: inline-block;
  background-color: #000;
  padding: 10px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
  color: #FFF;
  border: 1px solid #000;
  transition: 0.3s;
}
.footer-top .maker-link a:hover {
  color: #000;
  background-color: rgba(255, 255, 255, 0);
  border: 1px solid #000;
  box-sizing: border-box;
}
.footer-top .maker-link a .deco-line {
  max-width: 380px;
  width: 100%;
  margin: auto;
  width: 180px;
  height: 5px;
  border-bottom: 1.5px solid #fff;
  border-right: 1.5px solid #fff;
  transform: skew(45deg);
}
.footer-top .maker-navi {
  max-width: 680px;
  margin: 20px auto;
}
@media (max-width: 1000px) {
  .footer-top .maker-navi {
    display: none;
  }
}
.footer-top .maker-navi ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  height: 20px;
}
.footer-top .maker-navi ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 400;
}
.footer-top .maker-navi ul li a {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
  transition: 0.5s;
}
.footer-top .maker-navi ul li a:hover {
  opacity: 0.3;
}
.footer-top .maker-navi ul li .border-right {
  height: 25px;
  border: 0.5px solid #000;
}
.footer-top .maker-navi ul a::after {
  content: "";
  border: 0.5px solid #000;
  transform: rotate(90deg);
  margin-left: 30px;
}
.footer-top .maker-navi ul li:last-child a::after {
  content: none;
}

.footer-mid {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 30px 40px;
}
@media (max-width: 768px) {
  .footer-mid {
    padding: 0 20px 40px;
  }
}

.footer-mid-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  max-width: 1024px;
  margin: 60px auto 90px;
}
.footer-mid-top .left,
.footer-mid-top .right {
  width: 50%;
}
@media (max-width: 1000px) {
  .footer-mid-top .left,
  .footer-mid-top .right {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
  }
}
@media (max-width: 1000px) {
  .footer-mid-top .left {
    margin: 0 auto 30px;
    border-right: none;
  }
}

.left-logomark {
  height: 100%;
  border-right: 0.5px solid #e5e5e5;
  padding: 0 20px;
}
.left-logomark img {
  max-width: 180px;
  margin: 0 auto 30px;
  object-fit: cover;
}
@media (max-width: 1000px) {
  .left-logomark img {
    max-width: 140px;
  }
}
@media (max-width: 768px) {
  .left-logomark img {
    max-width: 140px;
  }
}
.left-logomark p {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.03em;
}

.right-contact {
  padding: 0 0 0 5%;
}
.right-contact .pr-box {
  margin-bottom: 40px;
}
@media (max-width: 1000px) {
  .right-contact .pr-box {
    margin-bottom: 30px;
  }
}
.right-contact .contact-1 .pr-box {
  margin-bottom: 20px;
}
.right-contact .pr-title,
.right-contact .agr-title {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
  font-weight: 600;
  letter-spacing: 0.02em;
}
.right-contact .pr-title span,
.right-contact .agr-title span {
  font-size: 13px;
  font-weight: 500;
  padding: 0 0 0 5px;
}
.right-contact .title-sub {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 400;
}
.right-contact .tel-num {
  margin: 10px 0 15px;
  padding: 0 0 0 35px;
  font-size: 33px;
  font-size: 2.0625rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
  letter-spacing: 0.05em;
  position: relative;
  display: inline-block;
}
.right-contact .tel-num::before {
  content: "";
  background-image: url(../img/footer_icon-phone.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  display: inline-block;
  width: 24px;
  height: 24px;
  top: 4px;
  left: 0;
}
.right-contact .tel-fax {
  margin: 10px 0 12px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
  letter-spacing: 0.05em;
}
.right-contact .flex-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 1000px) {
  .right-contact .flex-box {
    justify-content: center;
  }
}
.right-contact a {
  transition: 0.5s;
}
.right-contact a:hover {
  opacity: 0.3;
}
.right-contact .time {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
}

.footer-mid-bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  max-width: 1024px;
  margin: 0 auto;
}
.footer-mid-bottom .navi-menu-box {
  width: 23%;
}
.footer-mid-bottom .navi-menu-box a {
  transition: 0.5s;
}
.footer-mid-bottom .navi-menu-box a:hover {
  opacity: 0.3;
}
.footer-mid-bottom .navi-menu-box .sub-title {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
  margin-bottom: 25px;
  display: block;
}
.footer-mid-bottom .navi-menu-box .deco-line {
  position: relative;
  margin-bottom: 20px;
}
.footer-mid-bottom .navi-menu-box .deco-line .deco-line-2px {
  position: absolute;
  width: 25px;
  top: -0.5px;
  border-bottom: 1.75px solid #000;
  z-index: 1;
}
.footer-mid-bottom .navi-menu-box .deco-line .deco-line-1px {
  border: 0.5px solid #e5e5e5;
}
.footer-mid-bottom .navi-menu-box .navi-menu-item li {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 500;
  letter-spacing: 0.02em;
  margin: 0 0 15px;
}
.footer-mid-bottom .page-menu .sub-title {
  padding: 0;
  margin-bottom: 20px;
}
.footer-mid-bottom .page-menu a {
  transition: 0.5s;
}
.footer-mid-bottom .page-menu a:hover {
  opacity: 0.3;
}

.footer-bottom {
  padding: 0 20px;
}
.footer-bottom .solid-border-top {
  border: 0.5px solid #e5e5e5;
  margin-bottom: 5px;
}
.footer-bottom .solid-border-bottom {
  border: 0.5px solid #e5e5e5;
  margin-top: 5px;
}
.footer-bottom .logo-sns {
  max-width: 1024px;
  margin: 30px auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  letter-spacing: 1.5px;
}
.footer-bottom .logo-sns a {
  transition: 0.5s;
}
.footer-bottom .logo-sns a:hover {
  opacity: 0.3;
}
.footer-bottom .logo-sns img {
  width: 100%;
  max-width: 120px;
}
.footer-bottom .logo-sns .sns-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.footer-bottom .logo-sns .sns-box p {
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
  margin-right: 10px;
}
.footer-bottom .logo-sns .sns-box a {
  margin: 0 5px;
  width: 28px;
  height: 28px;
  justify-content: center;
}
.footer-bottom .logo-sns .sns-box a img {
  width: 100%;
}

.footer-copy {
  font-size: 8px;
  font-size: 0.5rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 300;
  text-align: center;
  padding: 20px 0;
}

.tab-sp {
  margin: 0 auto;
}
@media (max-width: 768px) {
  .tab-sp .footer-top {
    padding: 30px;
    height: auto;
  }
}
.tab-sp .footer-top .clear-box {
  width: 90%;
  top: 5%;
  left: 5%;
}
@media (max-width: 768px) {
  .tab-sp .footer-top .clear-box {
    width: 100%;
    margin: auto;
    padding: 40px 20px 30px;
    top: 0;
    left: 0;
    height: auto;
    position: relative;
  }
}
.tab-sp .footer-top .sp-wrap {
  max-width: 300px;
  height: 45%;
  margin: 0 auto !important;
  margin: 15px 0;
}
@media (max-width: 768px) {
  .tab-sp .footer-top .sp-wrap {
    max-width: 768px;
    height: auto;
    border-bottom: none;
  }
}
.tab-sp .footer-top .maker-title {
  font-size: 22px;
  font-weight: 600;
  width: initial;
}
.tab-sp .footer-top .maker-link {
  margin: 20px auto;
}
@media (max-width: 768px) {
  .tab-sp .footer-top .maker-link {
    margin: 20px auto 0;
  }
}
.tab-sp .footer-top .maker-navi {
  max-width: 300px;
}
.tab-sp .footer-top .maker-navi ul li a::after {
  content: none;
}
.tab-sp .footer-top .maker-navi li {
  margin-bottom: 10px;
}
.tab-sp .footer-mid .logo-yoko {
  width: 100%;
  margin: 60px 0 30px;
}
.tab-sp .footer-mid .logo-yoko .logo-size {
  max-width: 220px;
  width: 100%;
}
.tab-sp .footer-mid .logo-yoko .footer-txt {
  max-width: 300px;
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  margin: 30px 0;
}
.tab-sp .footer-mid .contact-all {
  width: 100%;
}
.tab-sp .footer-mid .contact-1 {
  margin: 0 0 30px;
  padding: 30px 0;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.tab-sp .footer-mid .contact-1 a {
  transition: 0.5s;
}
.tab-sp .footer-mid .contact-1 a:hover {
  opacity: 0.3;
}
.tab-sp .footer-mid .contact-1 .title {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
  margin-bottom: 15px;
}
.tab-sp .footer-mid .contact-1 .title span {
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 500;
}
.tab-sp .footer-mid .contact-1 .title-sub {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 400;
}
.tab-sp .footer-mid .contact-1 .tel-num {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
  margin-bottom: 15px;
  letter-spacing: 0.1em;
  position: relative;
  border: none;
}
@media (max-width: 768px) {
  .tab-sp .footer-mid .contact-1 .tel-num {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 600;
    margin: 0 0 15px;
    padding: 0 0 0 30px;
  }
}
.tab-sp .footer-mid .contact-1 .tel-num::before {
  content: "";
  background-image: url(../img/footer_icon-phone.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  display: inline-block;
  width: 21px;
  height: 21px;
  top: 4px;
  left: 0;
}
.tab-sp .footer-mid .contact-1 .time {
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
}
.tab-sp .footer-mid .contact-1 a {
  width: 250px;
  display: block;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
  border: 1px solid #bfc8cb;
  padding: 15px;
  margin: 20px 0 30px;
  position: relative;
}
.tab-sp .footer-mid .contact-2 {
  margin: 20px 0;
}
@media (max-width: 768px) {
  .tab-sp .footer-mid .contact-2 {
    margin: 20px 0 0;
  }
}
.tab-sp .footer-mid .contact-2 .flex-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.tab-sp .footer-mid .contact-2 .title {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
  margin-bottom: 10px;
}
.tab-sp .footer-mid .contact-2 .title-sub {
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 400;
}
.tab-sp .footer-mid .contact-2 .tel-num {
  margin: 15px 0;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
  letter-spacing: 0.08em;
  display: block;
}
.tab-sp .footer-mid .contact-2 .tel-num span {
  font-size: 17px;
  font-size: 1.0625rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
  margin: 0 5px;
}
.tab-sp .footer-mid .contact-2 .time {
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
}
.tab-sp .footer-mid .contact-2 a {
  transition: 0.5s;
}
.tab-sp .footer-mid .contact-2 a:hover {
  opacity: 0.3;
}
.tab-sp .footer-bottom {
  padding: 0;
}
.tab-sp .footer-bottom .logo-sns {
  margin: 30px auto;
  max-width: 300px;
}
@media (max-width: 768px) {
  .tab-sp .footer-bottom .logo-sns {
    max-width: 768px;
    margin: 0 auto 30px;
  }
}
.tab-sp .footer-bottom .logo-u {
  width: 50%;
}
.tab-sp .footer-bottom .logo-u img {
  max-width: 100px;
  width: 100%;
}
.tab-sp .footer-bottom .sns-box {
  flex-direction: column;
}
.tab-sp .footer-bottom .sns-box .icon-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.tab-sp .footer-bottom .sns-box p {
  display: block;
  font-size: 10px;
  line-height: 1;
  margin-bottom: 10px;
}
.tab-sp .footer-bottom .sns-box a {
  display: block;
}
.tab-sp .footer-bottom .sns-box img {
  width: 40%;
}

.tab-sp .footer-bottom .menu-list {
  width: 70%;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .tab-sp .footer-bottom .menu-list {
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
  }
}
.tab-sp .footer-bottom .main-menu {
  padding: 10px 0;
  border-bottom: 1px solid #ededed;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 550;
}
@media (max-width: 768px) {
  .tab-sp .footer-bottom .main-menu {
    padding: 0;
  }
}
.tab-sp .footer-bottom .main-menu:first-child {
  border-top: 1px solid #ededed;
}
.tab-sp .footer-bottom .blog-link {
  margin: 20px 0 60px;
}
@media (max-width: 768px) {
  .tab-sp .footer-bottom .blog-link {
    margin: 10px 0 30px;
    padding: 0 0 30px;
    border-bottom: 1px solid #ededed;
  }
}
.tab-sp .footer-bottom .blog-link a {
  display: block;
  font-size: 12px;
  padding: 20px 0 0;
  transition: 0.5s;
}
.tab-sp .footer-bottom .blog-link a:hover {
  opacity: 0.3;
}
.tab-sp .footer-bottom .foot-flex {
  font-size: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

/*=================================================
.menu-list　アコーディオンメニュー
==================================================*/
.menu-list {
  margin: 0 auto;
}
.menu-list .menu-header {
  color: #000;
  font-size: 15px;
  padding: 10px 0;
  position: relative;
  z-index: 1;
  cursor: pointer;
}
.menu-list .i_box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 5%;
  width: 10px;
  height: 10px;
  margin-top: -20px;
  box-sizing: border-box;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  transform-origin: center center;
}
.menu-list .one_i {
  display: block;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-origin: center center;
  position: relative;
}
.menu-list .menu-header.open .i_box {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.menu-list .main-menu .menu-header .i_box .one_i::before,
.menu-list .main-menu .menu-header .i_box .one_i::after {
  display: flex;
  content: "";
  background-color: #000;
  width: 18px;
  height: 2px;
  position: absolute;
  top: 7px;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-origin: center center;
}
.menu-list .main-menu .menu-header .i_box .one_i::before {
  width: 2px;
  height: 18px;
  top: -1px;
  left: 8px;
}
.menu-list .main-menu .menu-header.open .i_box .one_i::before {
  content: none;
}
.menu-list .main-menu .menu-header.open .i-box .one_i::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.menu-inner {
  display: none;
  padding: 10px 30px;
}
.menu-inner .sub-menu {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 400;
}
.menu-inner .sub-menu li {
  margin: 15px 0;
}
.menu-inner .sub-menu li::before {
  content: "-";
}

.contact-box {
  margin-bottom: 30px;
}
.contact-box:last-child {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .contact-box:last-child {
    margin-bottom: 30px;
  }
}

.contact__title {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
  font-weight: 600;
  letter-spacing: 0.02em;
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  .contact__title {
    font-size: 15px;
  }
}
.contact__title::before {
  content: "";
  border-left: 5px solid #000;
  margin-right: 15px;
}
@media (max-width: 768px) {
  .contact__title::before {
    margin-right: 10px;
  }
}

.contact__subtitle {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
  font-weight: 600;
  margin-bottom: 10px;
  padding-left: 20px;
}
@media (max-width: 768px) {
  .contact__subtitle {
    font-size: 11px;
    padding-left: 15px;
  }
}

.contact__list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  padding-left: 20px;
  margin-bottom: 10px;
}
@media (max-width: 1000px) {
  .contact__list {
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .contact__list {
    justify-content: flex-start;
  }
}

.contact__item {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
  font-weight: 600;
}
@media (max-width: 768px) {
  .contact__item {
    font-size: 15px;
  }
}
.contact__item:first-child::after {
  content: "/";
  margin: 0 15px;
}

.contact__link {
  display: inline-block;
}

.phone::before {
  content: "";
  background: url(../img/icon-phone.png) no-repeat center;
  background-size: contain;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 10px;
}
@media (max-width: 768px) {
  .phone::before {
    width: 12px;
    height: 12px;
  }
}

.fax::before {
  content: "";
  background: url(../img/icon-fax.png) no-repeat center;
  background-size: contain;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 10px;
}
@media (max-width: 768px) {
  .fax::before {
    width: 12px;
    height: 12px;
  }
}

.ontime {
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
  padding-left: 20px;
}
@media (max-width: 768px) {
  .ontime {
    font-size: 10px;
  }
}

.index .header-l {
  opacity: 0;
}

.index .fixed .header-l {
  opacity: 1;
}

.link-btn {
  display: block;
  margin: 0 auto;
}
.link-btn .text-16 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 400;
}
.link-btn .deco-line {
  margin: 10px auto;
  width: 180px;
  height: 5px;
  border-bottom: 1.5px solid #000;
  border-right: 1.5px solid #000;
  transform: skew(45deg);
}

.mainvisual .floating-banner {
  position: fixed;
  z-index: 10;
  height: auto;
  bottom: 20px;
  right: 20px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2705882353);
}
@media (max-width: 768px) {
  .mainvisual .floating-banner {
    width: 80%;
    right: 0;
    left: 0;
    bottom: 15px;
    margin: auto;
    padding: 0;
  }
}
.mainvisual .floating-banner a {
  display: inline-block;
  max-width: 400px;
  background-color: #00603f;
  padding: 20px 30px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  color: #fff;
  text-align: center;
  transition: 0.5s;
}
.mainvisual .floating-banner a:hover {
  opacity: 0.3;
}
@media (max-width: 768px) {
  .mainvisual .floating-banner a {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 2.2;
    letter-spacing: 0.05em;
    font-weight: 600;
    width: 100%;
    margin: 0 auto;
    padding: 15px 10px;
  }
}
.mainvisual .floating-banner a::after {
  content: "For Farmer";
  display: inline-block;
  font-size: 7px;
  right: 5px;
  margin-left: 30px;
}
@media (max-width: 768px) {
  .mainvisual .floating-banner a::after {
    display: none;
  }
}
.mainvisual .banner-close {
  position: absolute;
  top: -10px;
  right: -10px;
  padding: 2px 5px;
  border: none;
  background-color: #000;
  border-radius: 15px;
  color: #fff;
  cursor: pointer;
}
@media (max-width: 768px) {
  .mainvisual .banner-close {
    top: -5px;
    right: -10px;
  }
}
.mainvisual .pc-v {
  background: url(../img/top_main-v.jpg) no-repeat center center;
  background-size: cover;
}
.mainvisual .pc-v .inner {
  height: 100vh;
  position: relative;
  overflow: hidden;
}
.mainvisual .v-center {
  width: 30%;
  position: absolute;
  top: 33%;
  left: 38%;
}
.mainvisual .v-left1 {
  width: 10%;
  position: absolute;
  bottom: 25%;
  left: 17%;
}
.mainvisual .v-left2 {
  width: 12%;
  position: absolute;
  bottom: 15%;
  left: 5%;
}
.mainvisual .v-left3 {
  width: 9%;
  position: absolute;
  bottom: 5%;
  left: 5%;
}
.mainvisual .v-right1 {
  position: absolute;
  top: 15%;
  right: 5%;
}
.mainvisual .v-right1 .copy {
  font-size: 16px;
  font-size: 1rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  writing-mode: vertical-rl;
  line-height: 2;
}
.mainvisual .v-right2 {
  width: 12%;
  position: absolute;
  bottom: 5%;
  right: 5%;
}

.top-description {
  max-width: 800px;
  margin: 0 auto;
  padding: 60px 20px;
  text-align: center;
}
.top-description h2 {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
  text-decoration: underline;
  margin-bottom: 30px;
}
.top-description h3 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 2;
  letter-spacing: 0.05em;
  font-weight: 700;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .top-description h3 {
    font-size: 16px;
  }
}
.top-description p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 2;
  letter-spacing: 0.05em;
  font-weight: 600;
  text-align: center;
}
@media (max-width: 768px) {
  .top-description p {
    font-size: 13px;
    line-height: 2.2;
  }
}

/*.description-movie {
    margin-bottom: 80px;
    padding: 80px 20px;
    background-image: url(../img/top_back-img.png);
    background-size: cover;
    background-repeat: no-repeat;

    @include tab {
        margin-bottom: 60px;
    }

    .movie-box {
        max-width: 760px;
        margin: auto;
        background-color: pink;

    }

}

*/
.description-movie {
  position: relative;
  margin-bottom: 100px;
}
.description-movie a {
  width: 65%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%) scale(1);
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1019607843);
  transition: 0.5s;
}
@media (max-width: 768px) {
  .description-movie a {
    width: 55%;
  }
}
@media (max-width: 480px) {
  .description-movie a {
    width: 85%;
  }
}
.description-movie a:hover {
  opacity: 0.8;
}

#video-area {
  padding-top: 40%;
  position: relative;
  z-index: -1;
  /*最背面に設定*/
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  /*filter: brightness(80%);*/
  overflow: hidden;
}
@media (max-width: 768px) {
  #video-area {
    padding-top: 60%;
  }
}
@media (max-width: 480px) {
  #video-area {
    padding-top: 85%;
    background: url(../img/movie-back.jpg) no-repeat;
    background-size: cover;
  }
}

#video {
  /*天地中央配置*/
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /*縦横幅指定*/
  width: 177.77777778vh;
  /* 16:9 の幅→16 ÷ 9＝ 177.77% */
  height: 56.25vw;
  /* 16:9の幅 → 9 ÷ 16 = 56.25% */
  min-height: 100%;
  min-width: 100%;
}
@media (max-width: 768px) {
  #video {
    width: 227.777778vh;
    height: 106.25vw;
    min-height: 150%;
    min-width: 150%;
  }
}
@media (max-width: 480px) {
  #video {
    width: 257.777778vh;
    height: 136.25vw;
    min-height: 180%;
    min-width: 220%;
    display: none;
  }
}

.modal {
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 10;
}

.modal__bg {
  background: rgba(0, 0, 0, 0.8);
  height: 100vh;
  position: absolute;
  width: 100%;
}

.modal__content {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  z-index: 11;
}
@media (max-width: 768px) {
  .modal__content {
    width: 100%;
  }
}

.js-modal-cross {
  font-size: 30px;
  font-weight: 100;
  color: #fff;
  position: absolute;
  top: -10%;
  right: 0;
}
@media (max-width: 480px) {
  .js-modal-cross {
    top: -20%;
  }
}

/*

.top-movie-cont {
    margin: 0 auto 80px;

    @include tab {
        margin-bottom: 40px;
    }

    img {
        &:first-child {
            display: block;

            @include tab {
                display: none;
            }
        }

        &:last-child {
            display: none;

            @include tab {
                display: block;
            }
        }
    }
}

.btn-sound {
    display: none;
    position: absolute;
    left: 1.6rem;
    bottom: 1.6rem;
    z-index: 2;
    width: 1.8rem;
    height: 1.3rem;
    background: url(/img/icon-sound-off.svg) no-repeat left top;
    background-size: 100%;
    border: none;
}

.btn-sound.on {
    background-image: url(/img/icon-sound-on.svg);
}

.btn-sound.abled {
    display: block;
}

.top-video-cont {
    position: relative;
    margin-bottom: 40px;

    .sp {
        display: none;

        @include tab() {
            display: block;
        }
    }
}

*/
.chapter-title {
  margin-bottom: 60px;
}
@media (max-width: 768px) {
  .chapter-title {
    margin: 0 0 30px;
  }
}
.chapter-title .inner {
  margin-bottom: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .chapter-title .inner {
    margin-bottom: 15px;
  }
}
.chapter-title .inner p {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 700;
}
.chapter-title .inner hr {
  width: 20px;
  margin: 0 7px;
  height: 1px;
  background-color: #cacaca;
  border: none;
}
@media (max-width: 768px) {
  .chapter-title .inner hr {
    width: 10px;
  }
}
.chapter-title .inner h3 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 700;
  letter-spacing: 0.01em;
}
@media (max-width: 768px) {
  .chapter-title .inner h3 {
    font-size: 13px;
  }
}
.chapter-title h4 {
  font-size: 48px;
  font-size: 3rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 700;
  letter-spacing: 0.01em;
}
@media (max-width: 768px) {
  .chapter-title h4 {
    font-size: 35px;
  }
}

.chapter-text h3 {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.6;
  letter-spacing: 0.05em;
  font-weight: 700;
  margin-bottom: 20px;
  letter-spacing: 0.01em;
}
.chapter-text p {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2;
  letter-spacing: 0.05em;
  font-weight: 600;
  margin-bottom: 30px;
}
@media (max-width: 1000px) {
  .chapter-text p br {
    display: none;
  }
}
.chapter-text a {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 30px;
  letter-spacing: 0.05em;
  font-weight: 700;
  max-width: 260px;
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  transition: 0.5s;
}
@media (max-width: 768px) {
  .chapter-text a {
    max-width: 768px;
  }
}
.chapter-text a::after {
  content: "";
  width: 10px;
  display: inline-block;
  border-bottom: 1px solid #000;
}
.chapter-text a:hover {
  color: #fff;
  background: #000;
}
.chapter-text a:hover::after {
  content: "";
  border-bottom: 1px solid #fff;
}

.chapter-01 .wrap,
.chapter-02 .wrap,
.chapter-03 .wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  max-width: 1440px;
  margin: 0 auto 80px;
  padding: 0 20px;
}
@media (max-width: 768px) {
  .chapter-01 .wrap,
  .chapter-02 .wrap,
  .chapter-03 .wrap {
    margin: 0 auto 60px;
  }
}
.chapter-01 .wrap .chapter-img,
.chapter-02 .wrap .chapter-img,
.chapter-03 .wrap .chapter-img {
  width: 55%;
  height: 580px;
  overflow: hidden;
}
@media (max-width: 1000px) {
  .chapter-01 .wrap .chapter-img,
  .chapter-02 .wrap .chapter-img,
  .chapter-03 .wrap .chapter-img {
    width: 50%;
    height: auto;
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  .chapter-01 .wrap .chapter-img,
  .chapter-02 .wrap .chapter-img,
  .chapter-03 .wrap .chapter-img {
    width: 100%;
    margin-bottom: 30px;
  }
}
@media (max-width: 480px) {
  .chapter-01 .wrap .chapter-img,
  .chapter-02 .wrap .chapter-img,
  .chapter-03 .wrap .chapter-img {
    height: 280px;
  }
}
.chapter-01 .wrap .chapter-date,
.chapter-02 .wrap .chapter-date,
.chapter-03 .wrap .chapter-date {
  width: 32%;
  margin: auto;
}
@media (max-width: 1000px) {
  .chapter-01 .wrap .chapter-date,
  .chapter-02 .wrap .chapter-date,
  .chapter-03 .wrap .chapter-date {
    width: 40%;
  }
}
@media (max-width: 768px) {
  .chapter-01 .wrap .chapter-date,
  .chapter-02 .wrap .chapter-date,
  .chapter-03 .wrap .chapter-date {
    width: 100%;
  }
}

.chapter-01 .wrap-01,
.chapter-02 .wrap-01 {
  max-width: 1000px;
  margin: 0 auto;
  padding: 90px 0;
  position: relative;
}
.chapter-01 .wrap-01 .flex-box,
.chapter-02 .wrap-01 .flex-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.chapter-01 .wrap-01 .flex-box .img-box,
.chapter-02 .wrap-01 .flex-box .img-box {
  display: block;
  width: 70%;
  height: 715px;
}
.chapter-01 .wrap-01 .flex-box .title-box,
.chapter-02 .wrap-01 .flex-box .title-box {
  margin-top: 30px;
  width: 30%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
}
.chapter-01 .wrap-01 .flex-box .title-box .text-10,
.chapter-02 .wrap-01 .flex-box .title-box .text-10 {
  writing-mode: vertical-rl;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 400;
}
.chapter-01 .wrap-01 .flex-box .title-box .title-30,
.chapter-02 .wrap-01 .flex-box .title-box .title-30 {
  writing-mode: vertical-rl;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 400;
}
.chapter-01 .wrap-01 .flex-box .title-box .title-30 span,
.chapter-02 .wrap-01 .flex-box .title-box .title-30 span {
  text-combine-upright: all;
}
.chapter-01 .wrap-01 .text-box,
.chapter-02 .wrap-01 .text-box {
  position: absolute;
  right: 0;
  bottom: 60px;
  width: 40%;
  height: 464px;
  padding: 90px 60px;
  background-color: #fff;
}
.chapter-01 .wrap-01 .text-box .text-13,
.chapter-02 .wrap-01 .text-box .text-13 {
  max-width: 420px;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 400;
  margin: 30px 0;
}
.chapter-01 .wrap-01 .text-box .text-16,
.chapter-02 .wrap-01 .text-box .text-16 {
  display: block;
  padding: 10px 0;
  font-size: 16px;
  font-size: 1rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
}
.chapter-01 .deco-line,
.chapter-02 .deco-line {
  margin: 10px 0;
}

.chapter-01 .img-box {
  background-image: url(../img/top_chapter1-img.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.chapter-02 .img-box {
  background-image: url(../img/top_chapter2-img.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.chapter-03 .img-box {
  background-image: url(../img/top_chapter3-img.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.chapter-02 .title-30 {
  z-index: 2;
}
.chapter-02 .text-box:last-child {
  left: 0;
  right: auto;
}

.chapter-03 {
  max-width: 1440px;
  margin: auto;
  background: url(../img/top_chapter3-img_pc.jpg) no-repeat center center;
  background-size: cover;
}
@media (max-width: 768px) {
  .chapter-03 {
    background: none;
  }
}
.chapter-03 .wrap-01 {
  max-width: 1000px;
  margin: 0 auto;
  padding-bottom: 90px;
}
.chapter-03 .wrap-01 .deco-title {
  width: 45%;
  text-align: center;
  margin-top: -65px;
  margin-left: 60px;
}
.chapter-03 .wrap-01 .deco-title .flex-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.chapter-03 .wrap-01 .deco-title .title-58 {
  font-size: 58px;
  font-size: 3.625rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
  color: #fff;
}
.chapter-03 .wrap-01 .deco-title .title-16 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
  color: #fff;
}
.chapter-03 .wrap-01 .deco-title .title-cross {
  height: 127px;
  width: 127px;
  position: relative;
}
.chapter-03 .wrap-01 .deco-title .title-cross::before {
  content: "";
  position: absolute;
  top: 45px;
  left: -40px;
  width: 127px;
  height: 127px;
  border-top: 1px solid #fff;
  transform: rotate(45deg);
}
.chapter-03 .wrap-01 .deco-title .title-cross::after {
  content: "";
  position: absolute;
  top: 45px;
  left: 45px;
  right: 0;
  width: 127px;
  height: 127px;
  border-top: 1px solid #fff;
  transform: rotate(-45deg);
}
.chapter-03 .wrap-01 .title-box {
  max-width: 550px;
  margin: 60px auto;
}
.chapter-03 .wrap-01 .title-box .text-10 {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 400;
  text-align: left;
}
.chapter-03 .wrap-01 .title-box .title-30 {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 400;
}
.chapter-03 .wrap-01 .text-box {
  display: block;
  max-width: 480px;
  margin: 30px auto;
}
.chapter-03 .wrap-01 .text-box .text-13 {
  max-width: 420px;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 400;
  margin: 30px 0;
}
.chapter-03 .wrap-01 .text-box .text-16 {
  display: block;
  padding: 10px 0;
  font-size: 16px;
  font-size: 1rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
}
.chapter-03 .deco-line {
  margin: 10px 0;
}
.chapter-03 .chapter-date {
  max-width: 440px;
  width: 100% !important;
  margin: auto;
  padding: 80px 20px;
  text-align: center;
  background: rgba(255, 255, 255, 0.8784313725);
}
@media (max-width: 768px) {
  .chapter-03 .chapter-date {
    padding: 0;
  }
}
@media (max-width: 768px) {
  .chapter-03 .chapter-date .chapter-title {
    margin: 0 0 40px;
  }
}
.chapter-03 .chapter-date .chapter-title .inner {
  justify-content: center;
}
.chapter-03 .chapter-date .chapter-title h4 {
  font-size: 40px;
}
@media (max-width: 768px) {
  .chapter-03 .chapter-date .chapter-title h4 {
    font-size: 35px;
    line-height: 0.9;
  }
}
.chapter-03 .chapter-text a {
  margin: auto;
}
@media (max-width: 768px) {
  .chapter-03 .chapter-img {
    width: 100vw !important;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
}

.back {
  height: 480px;
  margin-bottom: 80px;
  overflow: hidden;
}
@media (max-width: 1000px) {
  .back {
    height: auto;
    margin-bottom: 40px;
  }
}

.news {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  max-width: 1440px;
  margin: 80px auto;
  padding: 80px 0;
  background: linear-gradient(90deg, #ffffff 0%, #ffffff 5%, #f6f6f6 5%, #f6f6f6 100%);
}
@media (max-width: 768px) {
  .news {
    margin: 0 auto 40px;
    padding: 40px 0;
  }
}

.news .wrap-01 {
  width: 60%;
  margin: auto;
}
@media (max-width: 1000px) {
  .news .wrap-01 {
    width: 70%;
    padding: 0 20px 0 40px;
  }
}
@media (max-width: 768px) {
  .news .wrap-01 {
    width: 100%;
    padding: 0 20px 0 80px;
  }
}
@media (max-width: 480px) {
  .news .wrap-01 {
    width: 100%;
    padding: 0 20px 0 40px;
  }
}
.news .wrap-01 .cont-list {
  margin: 0 auto;
}
.news .wrap-01 .cont-list .news-cont {
  border-top: 1px solid #ccc;
}
.news .wrap-01 .cont-list .news-cont a {
  padding: 20px 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 400;
  transition: 0.5s;
}
.news .wrap-01 .cont-list .news-cont a:hover {
  opacity: 0.3;
}
.news .wrap-01 .cont-list .news-cont a p {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.6;
  letter-spacing: 0.05em;
  font-weight: 600;
}
.news .wrap-01 .cont-list .news-cont a p:nth-child(2) {
  font-weight: 700;
  margin: 0 20px 0;
  padding: 0 20px;
  color: #fff;
  background: #000;
}
.news .wrap-01 .cont-list .news-cont a p:last-child {
  margin-top: 10px;
  width: 100%;
}
.news .wrap-01 .cont-list .news-cont:last-child a {
  border-bottom: 1px solid #ccc;
}
.news .wrap-01 .link-btn {
  display: none;
}
@media (max-width: 768px) {
  .news .wrap-01 .link-btn {
    display: block;
  }
}
.news .wrap-02 {
  width: 20%;
  margin-left: 2.5%;
}
@media (max-width: 768px) {
  .news .wrap-02 {
    width: 90%;
    margin-left: 10%;
  }
}
.news .wrap-02 .title-box h4 {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
  font-weight: 700;
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .news .wrap-02 .title-box h4 {
    font-size: 25px;
    margin-bottom: 10px;
  }
}
.news .wrap-02 .title-box h3 {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 700;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .news .wrap-02 .title-box h3 {
    font-size: 14px;
  }
}
.news .link-btn a {
  max-width: 280px;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 30px;
  letter-spacing: 0.05em;
  font-weight: 700;
  /*max-width: 260px;*/
  width: 100%;
  margin: 0;
  padding: 10px;
  border: 1px solid #ccc;
  transition: 0.5s;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .news .link-btn a {
    max-width: 768px;
    margin-top: 40px;
  }
}
.news .link-btn a::after {
  content: "";
  width: 10px;
  display: inline-block;
  border-bottom: 1px solid #000;
}
.news .link-btn a:hover {
  color: #fff;
  background: #000;
}
.news .link-btn a:hover::after {
  content: "";
  border-bottom: 1px solid #fff;
}

.diary {
  margin-bottom: 100px;
  padding: 0 20px;
}
@media (max-width: 768px) {
  .diary {
    margin-bottom: 40px;
  }
}
.diary .wrap-01 {
  max-width: 1000px;
  margin: auto;
}
.diary .wrap-01 .title-box {
  margin: 0 auto 60px;
  text-align: center;
}
@media (max-width: 768px) {
  .diary .wrap-01 .title-box {
    margin: 0 auto 40px;
  }
}
.diary .wrap-01 .title-box h4 {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 700;
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  .diary .wrap-01 .title-box h4 {
    margin-bottom: 10px;
  }
}
.diary .wrap-01 .title-box h3 {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media (max-width: 768px) {
  .diary .wrap-01 .title-box h3 {
    font-size: 22px;
  }
}
.diary .wrap-01 .cont-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .diary .wrap-01 .cont-list {
    margin-bottom: 20px;
  }
}
.diary .wrap-01 .cont-list .cont-item {
  width: 46%;
}
@media (max-width: 768px) {
  .diary .wrap-01 .cont-list .cont-item {
    width: 100%;
    margin-bottom: 20px;
  }
}
.diary .wrap-01 .cont-list .cont-item .img-box {
  width: 100%;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .diary .wrap-01 .cont-list .cont-item .img-box {
    width: 100%;
    margin-bottom: 20px;
  }
}
.diary .wrap-01 .cont-list .cont-item .cont-title {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.6;
  letter-spacing: 0.05em;
  font-weight: 700;
  margin-bottom: 15px;
}
.diary .wrap-01 .cont-list .cont-item .txt-daytime {
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 60;
  color: #aaaaaa;
}
.diary .wrap-01 .link-btn a {
  width: 70%;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 30px;
  letter-spacing: 0.05em;
  font-weight: 700;
  max-width: 260px;
  width: 100%;
  margin: auto;
  padding: 10px;
  border: 1px solid #ccc;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .diary .wrap-01 .link-btn a {
    /*max-width: 768px;*/
  }
}
.diary .wrap-01 .link-btn a::after {
  content: "";
  width: 10px;
  display: inline-block;
  border-bottom: 1px solid #000;
}

/*
.mainvisual {
    margin: 0 auto;
    padding: 30px;
    background: url(../img/mainvisual_pc.jpg) no-repeat center center;
    background-size: cover;
    height: 100vh;
    position: relative;

    .header-logo {
        width: 100px;
    }

    .top-copy {
        display: block;
        position: absolute;
        writing-mode: vertical-rl;
        margin-right: 30px;
        @include font-jp(24, $weight:500);
        line-height: 2.5;

        top: 120px;
        right: 60px;

    }
}
*/
.blur {
  animation-name: blurAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0s;
}

.blurTrigger {
  opacity: 0;
}

.blur2 {
  animation-name: blurAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.1s;
}

.blurTrigger2 {
  opacity: 0;
}

.blur3 {
  animation-name: blurAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.2s;
}

.blurTrigger3 {
  opacity: 0;
}

@keyframes blurAnime {
  from {
    filter: blur(10px);
    transform: scale(1.02);
    opacity: 0;
  }
  to {
    filter: blur(0);
    transform: scale(1);
    opacity: 1;
  }
}
.logo-area {
  padding: 0 0 80px;
}
@media (max-width: 768px) {
  .logo-area {
    padding: 0 0 80px;
  }
}
.logo-area img {
  max-width: 80px;
  margin: auto;
}
@media (max-width: 768px) {
  .logo-area img {
    max-width: 60px;
  }
}

.page-top {
  max-width: 1024px;
  margin: 120px auto 40px;
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  .page-top {
    max-width: 480px;
    margin: 60px auto 20px;
  }
}
.page-top .sub-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.page-top .sub-title .title-num {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
}
.page-top .sub-title .line-25 {
  margin: 0 10px;
  width: 25px;
  border: 1px solid #e6e6e6;
}
.page-top .sub-title .title-16 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
}
@media (max-width: 768px) {
  .page-top .sub-title .title-16 {
    font-size: 13px;
  }
}
.page-top .sub-title span {
  font-size: 20px;
  font-weight: lighter;
}
.page-top .title-50 {
  font-size: 50px;
  font-size: 3.125rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
  color: #000;
  text-transform: uppercase;
}
@media (max-width: 480px) {
  .page-top .title-50 {
    font-size: 35px;
    line-height: 1;
  }
}

#about-title {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 60px;
}
@media (max-width: 768px) {
  #about-title {
    margin-bottom: 40px;
  }
}
#about-title .subtitle {
  width: 100%;
  margin-bottom: 20px;
}
#about-title .subtitle p {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
  letter-spacing: 0;
}
#about-title .subtitle p::before {
  content: "●";
  font-size: 10px;
  line-height: 1;
  color: #d1d1d1;
  margin-right: 2px;
  transform: scale(0.4);
  display: inline-block;
}
@media (max-width: 768px) {
  #about-title .subtitle p::before {
    width: 3px;
    font-size: 10px;
  }
}
#about-title .title {
  flex: 1;
}
@media (max-width: 768px) {
  #about-title .title {
    margin-bottom: 40px;
  }
}
#about-title .title h2 {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
  white-space: nowrap;
}
@media (max-width: 1000px) {
  #about-title .title h2 {
    font-size: 26px;
  }
}
@media (max-width: 768px) {
  #about-title .title h2 {
    font-size: 22px;
  }
}
#about-title .text {
  max-width: 620px;
  width: 100%;
}
#about-title .text p {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
}

.about .main-v {
  height: 560px;
  background-image: url(../img/about_main_pc.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@media (max-width: 1000px) {
  .about .main-v {
    height: 380px;
    background-image: url(../img/about_main_pc.jpg);
    background-size: cover;
    margin-bottom: 50px;
  }
}
@media (max-width: 768px) {
  .about .main-v {
    height: 280px;
    background-image: url(../img/about_main_sp.jpg);
    background-size: cover;
  }
}
@media (max-width: 480px) {
  .about .main-v {
    margin-bottom: 40px;
  }
}

#about01,
#about02,
#about03,
#about04 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  max-width: 1024px;
  margin: 0 auto 80px;
  padding: 0 40px;
}
@media (max-width: 1000px) {
  #about01,
  #about02,
  #about03,
  #about04 {
    margin: 0 auto 60px;
    padding: 0 40px;
  }
}
@media (max-width: 768px) {
  #about01,
  #about02,
  #about03,
  #about04 {
    margin: 0 auto 50px;
  }
}
@media (max-width: 480px) {
  #about01,
  #about02,
  #about03,
  #about04 {
    padding: 0 20px;
  }
}

#about01 #about-title {
  text-align: center;
  display: block;
}
#about01 #about-title .subtitle {
  margin-bottom: 15px;
}
#about01 #about-title .title {
  margin-bottom: 30px;
}
#about01 #about-title .title h2 {
  padding-top: 0;
}
#about01 #about-title .text {
  margin: auto;
}
#about01 .features-cont ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
#about01 .features-cont ul li {
  width: 50%;
}
@media (max-width: 768px) {
  #about01 .features-cont ul li {
    width: 100%;
  }
}
#about01 .features-cont ul li h3 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.6;
  letter-spacing: 0.05em;
  font-weight: 600;
  margin-bottom: 20px;
}
#about01 .features-cont ul li p {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2;
  letter-spacing: 0.05em;
  font-weight: 600;
}
@media (max-width: 1000px) {
  #about01 .features-cont ul li p br {
    display: none !important;
  }
}
#about01 .features-cont ul li:last-child {
  width: 42.5%;
}
@media (max-width: 768px) {
  #about01 .features-cont ul li:last-child {
    width: 100%;
    margin-top: 20px;
  }
}
#about01 .features-cont ul:nth-child(2) li:first-child {
  order: 2;
}
@media (max-width: 768px) {
  #about01 .features-cont ul:nth-child(2) li:first-child {
    order: 1;
  }
}
#about01 .features-cont ul:nth-child(2) li:last-child {
  order: 1;
}
@media (max-width: 768px) {
  #about01 .features-cont ul:nth-child(2) li:last-child {
    order: 2;
  }
}
#about01 .features-cont ul:last-child {
  margin-bottom: 0;
}

#about02 .title {
  width: 100%;
  margin-bottom: 0;
}
@media (max-width: 1000px) {
  #about02 .title {
    margin-bottom: 40px;
  }
}
#about02 .title p {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
  margin-bottom: 20px;
  letter-spacing: 0;
}
#about02 .title p::before {
  content: "●";
  font-size: 10px;
  line-height: 1;
  color: #d1d1d1;
  margin-right: 2px;
  transform: scale(0.4);
  display: inline-block;
}
@media (max-width: 768px) {
  #about02 .title p::before {
    width: 3px;
    font-size: 10px;
  }
}
#about02 .awards-cont {
  width: 100%;
  height: 400px;
  overflow: scroll;
  border: 1px solid #e5e5e5;
}
#about02 .awards-cont table {
  width: 100%;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  font-weight: 600;
  padding: 20px;
}
#about02 .awards-cont table tr th {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
  width: 30%;
  padding: 40px 30px;
  vertical-align: top;
  text-align: left;
  border-bottom: 1px solid #e5e5e5;
}
@media (max-width: 768px) {
  #about02 .awards-cont table tr th {
    width: 100%;
    padding: 30px 30px 0;
    display: block;
    border-bottom: none;
  }
}
#about02 .awards-cont table tr td {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2;
  letter-spacing: 0.05em;
  font-weight: 600;
  width: 70%;
  padding: 30px;
  text-align: left;
  border-bottom: 1px solid #e5e5e5;
}
@media (max-width: 768px) {
  #about02 .awards-cont table tr td {
    width: 100%;
    display: block;
    padding: 30px 20px;
  }
}
#about02 .awards-cont table tr td span {
  color: silver;
}
#about02 .awards-cont table tr td .gold {
  color: gold;
}
#about02 .awards-cont table tr:first-child th {
  width: 100%;
  text-align: center;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
}
@media (max-width: 768px) {
  #about02 .awards-cont table tr:first-child th {
    padding: 30px 20px;
    border-bottom: 1px solid #e5e5e5;
  }
}

#about04 .progress-cont {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  max-width: 1024px;
  width: 100%;
  margin: auto;
}
@media (max-width: 1000px) {
  #about04 .progress-cont {
    display: block;
  }
}
#about04 .progress-cont .about04-title {
  flex: 1;
}
@media (max-width: 1000px) {
  #about04 .progress-cont .about04-title {
    margin-bottom: 40px;
  }
}
#about04 .progress-cont .about04-title h2 {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
}
@media (max-width: 1000px) {
  #about04 .progress-cont .about04-title h2 {
    font-size: 26px;
  }
}
@media (max-width: 768px) {
  #about04 .progress-cont .about04-title h2 {
    font-size: 22px;
    margin-bottom: 40px;
  }
}
#about04 .progress-cont .about04-title p {
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
  letter-spacing: 0;
  margin-bottom: 15px;
}
#about04 .progress-cont .about04-title p::before {
  content: "●";
  font-size: 10px;
  line-height: 1;
  color: #d1d1d1;
  margin-right: 2px;
  transform: scale(0.4);
  display: inline-block;
}
@media (max-width: 768px) {
  #about04 .progress-cont .about04-title p::before {
    width: 3px;
    font-size: 10px;
  }
}
#about04 .progress-cont .about04-list {
  max-width: 640px;
  width: 100%;
  padding-top: 20px;
  position: relative;
}
#about04 .progress-cont .about04-list::before {
  content: "";
  height: 90%;
  border: 0.5px solid #000000;
  position: absolute;
  top: 45px;
  left: 24px;
  z-index: -1;
}
@media (max-width: 768px) {
  #about04 .progress-cont .about04-list::before {
    content: "";
    height: 92%;
    border: 0.5px solid #000000;
    position: absolute;
    top: 45px;
    left: 19px;
    z-index: -1;
  }
}
#about04 .progress-cont .about04-list .about04-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  #about04 .progress-cont .about04-list .about04-item {
    align-items: flex-start;
  }
}
#about04 .progress-cont .about04-list .about04-item:last-child {
  margin-bottom: 0;
}
#about04 .progress-cont .about04-list .about04-item .year-num {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 50px;
  letter-spacing: 0.05em;
  font-weight: 600;
  width: 50px;
  height: 50px;
  text-align: center;
  color: #fff;
  background: #000;
  border-radius: 30px;
}
@media (max-width: 768px) {
  #about04 .progress-cont .about04-list .about04-item .year-num {
    width: 40px;
    height: 40px;
    font-size: 11px;
    line-height: 40px;
  }
}
#about04 .progress-cont .about04-list .about04-item .item-txt {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.6;
  letter-spacing: 0.05em;
  font-weight: 600;
  flex: 1;
  margin: 0 0 0 40px;
}
@media (max-width: 1000px) {
  #about04 .progress-cont .about04-list .about04-item .item-txt {
    margin: 0 0 0 30px;
  }
}
@media (max-width: 768px) {
  #about04 .progress-cont .about04-list .about04-item .item-txt {
    margin: 0 0 0 25px;
  }
}
#about04 .progress-cont .about04-list .about04-item .item-txt p {
  position: relative;
  margin-bottom: 10px;
}
#about04 .progress-cont .about04-list .about04-item .item-txt p::before {
  content: "・";
  content: "・";
  position: absolute;
  left: -15px;
}
#about04 .progress-cont .about04-list .about04-item .item-txt p:last-child {
  margin-bottom: 0;
}

.about-back1 {
  background: url(../img/about_back1_pc.jpg) no-repeat center center;
  background-size: cover;
  width: 100%;
  height: 480px;
  margin-bottom: 60px;
}
@media (max-width: 1000px) {
  .about-back1 {
    height: 380px;
    background: url(../img/about_back1_sp.jpg) no-repeat center center;
    background-size: cover;
    margin-bottom: 50px;
  }
}
@media (max-width: 768px) {
  .about-back1 {
    margin-bottom: 50px;
  }
}
@media (max-width: 480px) {
  .about-back1 {
    height: 280px;
    margin-bottom: 40px;
  }
}

.about-back2 {
  background: url(../img/about_back2_pc.jpg) no-repeat center center;
  background-size: cover;
  width: 100%;
  height: 480px;
  margin-bottom: 60px;
}
@media (max-width: 768px) {
  .about-back2 {
    height: 200px;
    background: url(../img/about_back2_sp.jpg) no-repeat center center;
    background-size: cover;
  }
}
@media (max-width: 480px) {
  .about-back2 {
    margin-bottom: 40px;
  }
}

.project .main-v {
  height: 560px;
  background-image: url(../img/project-main_pc.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@media (max-width: 1000px) {
  .project .main-v {
    height: 380px;
    margin-bottom: 50px;
  }
}
@media (max-width: 768px) {
  .project .main-v {
    height: 280px;
    background-image: url(../img/project-main_sp.jpg);
    background-size: cover;
  }
}

#title {
  max-width: 1024px;
  margin: 0 auto;
}
#title .title-box {
  text-align: center;
  margin: 0 0 60px;
}
@media (max-width: 1000px) {
  #title .title-box {
    margin: 0 0 50px;
  }
}
@media (max-width: 768px) {
  #title .title-box {
    margin: 0 0 50px;
  }
}
#title .title-box .title-11 {
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
  margin-bottom: 20px;
}
@media (max-width: 1000px) {
  #title .title-box .title-11 {
    margin-bottom: 15px;
  }
}
@media (max-width: 768px) {
  #title .title-box .title-11 {
    font-size: 10px;
    margin-left: -7px;
    margin-bottom: 10px;
  }
}
#title .title-box .title-11::before {
  content: "●";
  font-size: 10px;
  line-height: 1;
  color: #d1d1d1;
  margin-right: 2px;
  transform: scale(0.4);
  display: inline-block;
}
@media (max-width: 768px) {
  #title .title-box .title-11::before {
    width: 3px;
    font-size: 10px;
  }
}
#title .title-box .title-28 {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
}
@media (max-width: 1000px) {
  #title .title-box .title-28 {
    font-size: 26px;
    letter-spacing: 0.01em;
  }
}
@media (max-width: 768px) {
  #title .title-box .title-28 {
    font-size: 20px;
    text-align: center;
  }
}

#project01,
#project02,
#project03 {
  max-width: 1024px;
  margin: auto;
  padding: 0 40px;
}
@media (max-width: 768px) {
  #project01,
  #project02,
  #project03 {
    padding: 0 20px;
  }
}
#project01 .wrap-01,
#project02 .wrap-01,
#project03 .wrap-01 {
  width: 100%;
}
#project01 .title-box,
#project02 .title-box,
#project03 .title-box {
  text-align: center;
  width: 100%;
  padding: 40px 20px 60px;
}
@media (max-width: 768px) {
  #project01 .title-box,
  #project02 .title-box,
  #project03 .title-box {
    padding: 40px 0;
  }
}
#project01 .title-box h2,
#project02 .title-box h2,
#project03 .title-box h2 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 0.05em;
  font-weight: 600;
  margin-bottom: 30px;
}
#project01 .title-box p,
#project02 .title-box p,
#project03 .title-box p {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2;
  letter-spacing: 0.05em;
  font-weight: 500;
  max-width: 580px;
  margin: auto;
  text-align: left;
}
#project01 .title-box .title-small,
#project02 .title-box .title-small,
#project03 .title-box .title-small {
  margin: 0 20px;
}
#project01 .title-box .title-small p,
#project02 .title-box .title-small p,
#project03 .title-box .title-small p {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
}
#project01 .title-box .title-35,
#project02 .title-box .title-35,
#project03 .title-box .title-35 {
  font-size: 35px;
  font-size: 2.1875rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
  line-height: 1.3;
}
#project01 .text-box,
#project02 .text-box,
#project03 .text-box {
  width: 48%;
  margin: 0 60px;
}
#project01 .text-box .text,
#project02 .text-box .text,
#project03 .text-box .text {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 400;
}
#project01 .img-s-01,
#project02 .img-s-01,
#project03 .img-s-01 {
  width: 48%;
  height: 635px;
}

#project01 .img-s-01 {
  background-image: url(../img/project_01-01.png);
  background-size: cover;
  background-repeat: no-repeat;
}

#project02 .img-s-01 {
  background-image: url(../img/project_02-01.png);
  background-size: cover;
  background-repeat: no-repeat;
}

#project03 .img-s-01 {
  background-image: url(../img/project_03-01.png);
  background-size: cover;
  background-repeat: no-repeat;
}

#brand-history {
  margin-bottom: 60px;
  padding: 0 40px;
}
@media (max-width: 1000px) {
  #brand-history {
    margin-bottom: 50px;
  }
}
@media (max-width: 768px) {
  #brand-history {
    padding: 0 20px;
  }
}
#brand-history .wrap-01 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  max-width: 1024px;
  margin: auto;
  padding: 60px;
  border: 1px solid #e5e5e5;
}
@media (max-width: 1000px) {
  #brand-history .wrap-01 {
    padding: 40px;
  }
}
@media (max-width: 768px) {
  #brand-history .wrap-01 {
    padding: 25px;
  }
}
#brand-history .wrap-01 .title-35 {
  font-size: 35px;
  font-size: 2.1875rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 400;
  text-decoration: underline;
  margin: 60px auto;
  text-align: center;
}
#brand-history .wrap-01 .img-logo {
  width: 30%;
  border-right: 1px solid #e5e5e5;
}
@media (max-width: 768px) {
  #brand-history .wrap-01 .img-logo {
    width: 100%;
    margin-bottom: 20px;
    border-right: none;
  }
}
#brand-history .wrap-01 .img-logo img {
  width: 78%;
}
@media (max-width: 1000px) {
  #brand-history .wrap-01 .img-logo img {
    width: 80%;
  }
}
@media (max-width: 768px) {
  #brand-history .wrap-01 .img-logo img {
    width: 50%;
    margin: auto;
  }
}
#brand-history .wrap-01 .logo-txt {
  width: 65%;
  text-align: left;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2;
  letter-spacing: 0.05em;
  font-weight: 400;
}
@media (max-width: 768px) {
  #brand-history .wrap-01 .logo-txt {
    width: 100%;
  }
}

#mark-history {
  padding: 0 40px;
}
@media (max-width: 768px) {
  #mark-history {
    padding: 0 20px;
  }
}
#mark-history .wrap-01 {
  max-width: 1024px;
  margin: 0 auto 80px;
  padding: 60px;
  border: 1px solid #e5e5e5;
}
@media (max-width: 1000px) {
  #mark-history .wrap-01 {
    margin: 0 auto 50px;
    padding: 50px;
  }
}
@media (max-width: 768px) {
  #mark-history .wrap-01 {
    margin: 0 auto 40px;
    padding: 25px;
  }
}
#mark-history .wrap-01 .title-35 {
  font-size: 35px;
  font-size: 2.1875rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 400;
  text-decoration: underline;
  margin: 60px auto;
  text-align: center;
}
#mark-history .wrap-01 .mark-step {
  max-width: 580px;
  margin: 0 auto 40px;
}
@media (max-width: 768px) {
  #mark-history .wrap-01 .mark-step img {
    width: 80%;
  }
}
#mark-history .wrap-01 .mark-step .step-4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
#mark-history .wrap-01 .mark-step .step-4 .mark-item {
  width: 16%;
}
#mark-history .wrap-01 .mark-step .step-4 li:first-child,
#mark-history .wrap-01 .mark-step .step-4 li:last-child {
  width: 7%;
}
#mark-history .wrap-01 .mark-step .step-4 li:nth-child(even) {
  width: 3%;
}
#mark-history .wrap-01 .logo-txt {
  max-width: 580px;
  margin: 0 auto 40px;
  text-align: center;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2;
  letter-spacing: 0.05em;
  font-weight: 400;
}
@media (max-width: 768px) {
  #mark-history .wrap-01 .logo-txt {
    text-align: left;
  }
}
#mark-history .wrap-01 .logo-txt:last-child {
  margin-bottom: 0;
}

.step-3 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.step-3 .mark-item {
  width: 14%;
  margin: 20px;
}
@media (max-width: 768px) {
  .step-3 .mark-item {
    width: 25%;
    margin: 10px;
  }
}
.step-3 li:nth-child(2) {
  margin: 0 15px;
}

#next-cont {
  margin-bottom: 80px;
  padding: 0 40px;
}
@media (max-width: 1000px) {
  #next-cont {
    margin-bottom: 50px;
  }
}
@media (max-width: 768px) {
  #next-cont {
    margin-bottom: 40px;
    padding: 0 20px;
  }
}
#next-cont a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  max-width: 1024px;
  margin: auto;
  background: #f4f4f4;
  transition: 0.5s;
}
#next-cont a:hover {
  opacity: 0.3;
}
#next-cont a .next-box {
  width: 40%;
}
@media (max-width: 768px) {
  #next-cont a .next-box {
    width: 100%;
  }
}
#next-cont a .next-box p {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
  margin-bottom: 20px;
}
#next-cont a .next-box p:last-child {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
  text-decoration: underline;
  margin-bottom: 0;
}
#next-cont a .next-box h6 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  font-weight: 600;
  margin-bottom: 20px;
}
#next-cont a .next-box img {
  padding: 30px;
}
@media (max-width: 1000px) {
  #next-cont a .next-box img {
    padding: 30px 30px 30px 0px;
  }
}
@media (max-width: 768px) {
  #next-cont a .next-box img {
    padding: 0;
  }
}
#next-cont a .next-box:first-child {
  padding: 0 40px;
}
@media (max-width: 1000px) {
  #next-cont a .next-box:first-child {
    width: 40%;
    padding: 0 30px;
  }
}
@media (max-width: 768px) {
  #next-cont a .next-box:first-child {
    width: 100%;
    padding: 40px 30px;
  }
}
#next-cont a .next-box:last-child {
  width: 60%;
}
@media (max-width: 1000px) {
  #next-cont a .next-box:last-child {
    width: 60%;
  }
}
@media (max-width: 768px) {
  #next-cont a .next-box:last-child {
    width: 100%;
  }
}

.project-back {
  background: url(../img/project-back_pc.jpg) no-repeat center center;
  background-size: cover;
  width: 100%;
  height: 480px;
  margin-bottom: 60px;
}
@media (max-width: 1000px) {
  .project-back {
    height: 380px;
    margin-bottom: 50px;
  }
}
@media (max-width: 768px) {
  .project-back {
    height: 200px;
    background: url(../img/project-back_sp.jpg) no-repeat center center;
    background-size: cover;
  }
}

.progress-back {
  background: url(../img/progress_back1_pc.jpg) no-repeat center center;
  background-size: cover;
  width: 100%;
  height: 480px;
  margin-bottom: 60px;
}
@media (max-width: 1000px) {
  .progress-back {
    height: 380px;
    margin-bottom: 50px;
  }
}
@media (max-width: 768px) {
  .progress-back {
    height: 200px;
    background: url(../img/progress_back1_sp.jpg) no-repeat center center;
    background-size: cover;
  }
}

.cross .main-v {
  height: 560px;
  background-image: url(../img/cross-main_pc.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@media (max-width: 1000px) {
  .cross .main-v {
    height: 380px;
    margin-bottom: 50px;
  }
}
@media (max-width: 768px) {
  .cross .main-v {
    height: 280px;
    background-image: url(../img/cross-main_sp.jpg);
    background-size: cover;
  }
}

/*.txt-cross {
    font-size: 65px;
    font-weight: lighter;

    @include sp {
        font-size: 40px;
    }
}*/
#interview {
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 40px;
}
@media (max-width: 1000px) {
  #interview {
    padding: 0 40px;
  }
}
@media (max-width: 480px) {
  #interview {
    padding: 0 20px;
  }
}
#interview .title-box {
  text-align: center;
  margin: 30px 0;
}
@media (max-width: 480px) {
  #interview .title-box {
    margin: 30px 20px;
  }
}
#interview .title-box .title-10 {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
  margin: 0 auto 30px;
}
@media (max-width: 1000px) {
  #interview .title-box .title-10 {
    margin-bottom: 20px;
  }
}
@media (max-width: 480px) {
  #interview .title-box .title-10 {
    text-align: center;
  }
}
#interview .title-box .title-10::before {
  content: "●";
  font-size: 10px;
  line-height: 1;
  color: #d1d1d1;
  margin-right: 2px;
  transform: scale(0.4);
  display: inline-block;
}
#interview .title-box .title-35 {
  margin: 0 auto 80px;
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
}
@media (max-width: 1000px) {
  #interview .title-box .title-35 {
    font-size: 26px;
    margin: 0 auto 50px;
  }
}
@media (max-width: 480px) {
  #interview .title-box .title-35 {
    font-size: 22px;
    text-align: center;
    margin: 10px auto 60px;
  }
}

.vol-01,
.vol-02 {
  position: relative;
  margin-bottom: 90px;
}
.vol-01 .img-box,
.vol-02 .img-box {
  display: block;
  height: 480px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
}
.vol-01 .cont-box,
.vol-02 .cont-box {
  display: block;
  max-width: 540px;
  width: 45%;
  background-color: #fff;
  z-index: 2;
  position: absolute;
  right: 0;
  bottom: -1px;
  padding: 50px;
}
@media (max-width: 1000px) {
  .vol-01 .cont-box,
  .vol-02 .cont-box {
    width: 48%;
    padding: 40px 40px 0 40px;
  }
}
.vol-01 .title-26,
.vol-02 .title-26 {
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 800;
  letter-spacing: 0.03em;
}
.vol-01 .border-30,
.vol-02 .border-30 {
  border-top: none;
  border-bottom: 1px solid #000;
  width: 5px;
  margin: 20px 0;
}
.vol-01 .text-18,
.vol-02 .text-18 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  font-weight: 600;
}
@media (max-width: 1000px) {
  .vol-01 .text-18,
  .vol-02 .text-18 {
    font-size: 16px;
  }
}
@media (max-width: 1000px) {
  .vol-01 .text-18 br,
  .vol-02 .text-18 br {
    display: none;
  }
}
.vol-01 .name-11,
.vol-02 .name-11 {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
  margin: 20px 0 40px;
}
.vol-01 .btn-read,
.vol-02 .btn-read {
  display: block;
  width: 100%;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
  text-transform: uppercase;
  padding: 20px;
  text-align: center;
  border: 1px solid #bfc8cb;
  transition: 0.5s;
  color: #fff;
  background: #000;
}
.vol-01 .btn-read:hover,
.vol-02 .btn-read:hover {
  color: #000;
  background: #fff;
}

.vol-01 .img-box {
  background-image: url(../img/cross_iv-01-pc.png);
}
@media (max-width: 1000px) {
  .vol-01 .img-box {
    background-position: 30% 50%;
  }
}

.vol-02 .img-box {
  background-image: url(../img/cross_iv-02-pc.png);
}
@media (max-width: 1000px) {
  .vol-02 .img-box {
    background-position: 30% 50%;
  }
}
.vol-02 .cont-box {
  left: -10px;
}

.vol-01-sp,
.vol-02-sp {
  margin: 0 30px;
  margin-bottom: 60px;
}
@media (max-width: 1000px) {
  .vol-01-sp,
  .vol-02-sp {
    width: 100%;
    margin: auto;
    margin-bottom: 60px;
  }
}
@media (max-width: 480px) {
  .vol-01-sp,
  .vol-02-sp {
    margin-bottom: 40px;
  }
}
.vol-01-sp .img-box,
.vol-02-sp .img-box {
  display: block;
  height: 300px;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
}
.vol-01-sp .img-box .title-28,
.vol-02-sp .img-box .title-28 {
  position: absolute;
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  margin-top: -20px;
  margin-left: 20px;
}
@media (max-width: 768px) {
  .vol-01-sp .img-box .title-28,
  .vol-02-sp .img-box .title-28 {
    margin-top: -30px;
  }
}
.vol-01-sp .cont-box,
.vol-02-sp .cont-box {
  display: block;
  height: 340px;
  padding: 30px;
}
@media (max-width: 768px) {
  .vol-01-sp .cont-box,
  .vol-02-sp .cont-box {
    padding: 0;
    height: auto;
  }
}
.vol-01-sp .cont-box a,
.vol-02-sp .cont-box a {
  transition: 0.5s;
}
.vol-01-sp .cont-box a:hover,
.vol-02-sp .cont-box a:hover {
  opacity: 0.3;
}
.vol-01-sp .text-18,
.vol-02-sp .text-18 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media (max-width: 480px) {
  .vol-01-sp .text-18,
  .vol-02-sp .text-18 {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 2.2;
    letter-spacing: 0.05em;
    font-weight: 700;
    text-align: left;
  }
}
.vol-01-sp .name-11,
.vol-02-sp .name-11 {
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  margin: 20px 0;
}
.vol-01-sp .btn-read,
.vol-02-sp .btn-read {
  display: block;
  width: 100%;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
  text-transform: uppercase;
  padding: 20px;
  text-align: left;
  border: 1px solid #bfc8cb;
}

.vol-01-sp .img-box {
  margin-bottom: 30px;
  height: 380px;
  background-image: url(../img/cross_iv-01-pc.png);
  background-size: cover;
  background-position: left center;
}
@media (max-width: 768px) {
  .vol-01-sp .img-box {
    height: 380px;
  }
}
@media (max-width: 480px) {
  .vol-01-sp .img-box {
    height: 280px;
    margin-bottom: 20px;
  }
}

.vol-02-sp .img-box {
  margin-bottom: 30px;
  height: 380px;
  background-image: url(../img/cross_iv-02-pc.png);
  background-size: cover;
  background-position: right center;
}
@media (max-width: 768px) {
  .vol-02-sp .img-box {
    height: 380px;
  }
}
@media (max-width: 480px) {
  .vol-02-sp .img-box {
    height: 280px;
    margin-bottom: 20px;
  }
}
.vol-02-sp .cont-box {
  left: -10px;
}

.back-img {
  margin-bottom: 80px;
  height: 580px;
  background-image: url(../img/cross_back-img01.png);
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 1000px) {
  .back-img {
    height: 380px;
    margin-bottom: 50px;
  }
}
@media (max-width: 480px) {
  .back-img {
    margin: 40px 0;
    height: 300px;
  }
}

.right-img {
  margin-left: 120px;
}
@media (max-width: 480px) {
  .right-img {
    margin: 0 60px 0 0;
  }
}

#cross03 {
  max-width: 1024px;
  margin: 0 auto 120px;
  padding: 0 40px;
}
@media (max-width: 1000px) {
  #cross03 {
    margin: 0 auto 100px;
    padding: 0 40px;
  }
}
@media (max-width: 768px) {
  #cross03 {
    margin: 0 auto 40px;
  }
}
@media (max-width: 480px) {
  #cross03 {
    padding: 0 20px;
    margin: 0 auto 20px;
  }
}
#cross03 .flex-box {
  margin: 80px auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 1000px) {
  #cross03 .flex-box {
    margin: 0 auto 50px;
    align-items: flex-start;
  }
}
@media (max-width: 768px) {
  #cross03 .flex-box {
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  #cross03 .flex-box {
    margin: 0 auto 40px;
  }
}
#cross03 .title-box {
  width: 30%;
  text-align: left;
}
@media (max-width: 480px) {
  #cross03 .title-box {
    width: 100%;
    margin: 0 auto 30px;
  }
}
#cross03 .title-box .title-10 {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
  margin-bottom: 10px;
  text-align: left;
}
@media (max-width: 1000px) {
  #cross03 .title-box .title-10 {
    margin-bottom: 20px;
  }
}
#cross03 .title-box .title-10::before {
  content: "●";
  font-size: 10px;
  line-height: 1;
  color: #d1d1d1;
  margin-right: 2px;
  transform: scale(0.4);
  display: inline-block;
}
#cross03 .title-box .title-38 {
  margin: 20px auto 0;
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
  text-align: left;
}
@media (max-width: 1000px) {
  #cross03 .title-box .title-38 {
    font-size: 26px;
    margin: 0 auto;
  }
}
#cross03 .text-13 {
  display: block;
  width: 70%;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: 2;
  text-align: left;
}
@media (max-width: 480px) {
  #cross03 .text-13 {
    width: 100%;
    margin-bottom: 0;
  }
}

@media (max-width: 480px) {
  .contents-03 .flex-box {
    flex-direction: column;
    margin: 60px auto;
  }
}

@media (max-width: 480px) {
  .contents-03 .cont-v3 .flex-box {
    flex-direction: row !important;
    flex-wrap: wrap-reverse !important;
  }
}
.contents-03 li {
  width: 30%;
}
@media (max-width: 480px) {
  .contents-03 li {
    width: 100%;
    margin-bottom: 8px;
  }
}
@media (max-width: 480px) {
  .contents-03 li:nth-child(2),
  .contents-03 li:first-child {
    width: 49%;
  }
}
@media (max-width: 480px) {
  .contents-03 li:last-child img {
    max-height: 300px;
  }
}

#cross04 {
  /*margin: 120px auto;*/
}
@media (max-width: 1000px) {
  #cross04 {
    margin: 0 auto 50px;
    padding-top: 30px;
  }
}
@media (max-width: 768px) {
  #cross04 {
    margin: auto;
    padding: 0 40px;
  }
}
@media (max-width: 480px) {
  #cross04 {
    margin: auto;
    padding: 0 20px;
  }
}
#cross04 .flex-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 1000px) {
  #cross04 .flex-box {
    flex-direction: column-reverse;
  }
}
#cross04 .title-box {
  text-align: left;
}
@media (max-width: 1000px) {
  #cross04 .title-box {
    justify-content: flex-start;
    /*margin-left: 40px;*/
  }
}
@media (max-width: 768px) {
  #cross04 .title-box {
    justify-content: center;
    margin-bottom: 20px;
    margin-left: 0;
  }
}
@media (max-width: 480px) {
  #cross04 .title-box {
    justify-content: center;
    margin-left: 0;
  }
}
#cross04 .title-box .title-10 {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
}
#cross04 .title-box .title-10::before {
  content: "●";
  font-size: 10px;
  line-height: 1;
  color: #d1d1d1;
  margin-right: 2px;
  transform: scale(0.4);
  display: inline-block;
}
#cross04 .title-box .title-38 {
  margin: 0 10px 20px 0;
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  line-height: 1.35;
}
@media (max-width: 480px) {
  #cross04 .title-box .title-38 {
    font-size: 22px;
    margin-bottom: 20px;
  }
}
#cross04 .text-13 {
  width: 100%;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  line-height: 2;
}
@media (max-width: 1000px) {
  #cross04 .text-13 {
    width: 100%;
    /*margin: 80px auto 0;*/
  }
}
@media (max-width: 768px) {
  #cross04 .text-13 {
    width: 100%;
    margin: 0;
  }
}

.contents-04,
.contents-05 {
  max-width: 1024px;
  margin: 0 auto 120px;
  padding: 0 40px;
}
@media (max-width: 1000px) {
  .contents-04,
  .contents-05 {
    margin: 0 auto 60px;
  }
}
@media (max-width: 480px) {
  .contents-04,
  .contents-05 {
    padding: 0 20px;
  }
}

.contents-04 .l-img {
  width: 50%;
}
@media (max-width: 1000px) {
  .contents-04 .l-img {
    width: 100%;
    margin: 0 auto 40px;
  }
}
.contents-04 .r-text {
  width: 50%;
  padding: 0 60px;
}
@media (max-width: 1000px) {
  .contents-04 .r-text {
    width: 100%;
    margin: 0 0 50px;
    padding: 0;
  }
}
@media (max-width: 480px) {
  .contents-04 .r-text {
    width: 100%;
    margin: 0 0 40px;
  }
}

#cross05 {
  margin-bottom: 90px;
}
@media (max-width: 1000px) {
  #cross05 {
    margin-bottom: 50px;
    padding: 0 40px;
  }
}
@media (max-width: 480px) {
  #cross05 {
    margin: 0 auto 50px;
    padding: 0 20px;
  }
}

.contents-05 {
  width: 100%;
}
.contents-05 .flex-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row-reverse;
}
@media (max-width: 1000px) {
  .contents-05 .flex-box {
    flex-direction: column-reverse;
  }
}
.contents-05 .img-box {
  width: 50%;
}
@media (max-width: 1000px) {
  .contents-05 .img-box {
    width: 100%;
    margin-bottom: 50px;
  }
}
.contents-05 .cont-box {
  width: 50%;
  padding: 0 60px;
}
@media (max-width: 1000px) {
  .contents-05 .cont-box {
    width: 100%;
  }
}
@media (max-width: 1000px) {
  .contents-05 .cont-box {
    padding: 0;
  }
}
.contents-05 .cont-box .title-10 {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
  margin-bottom: 20px;
}
@media (max-width: 1000px) {
  .contents-05 .cont-box .title-10 {
    text-align: center;
  }
}
@media (max-width: 768px) {
  .contents-05 .cont-box .title-10 {
    text-align: left;
  }
}
.contents-05 .cont-box .title-10::before {
  content: "●";
  font-size: 10px;
  line-height: 1;
  color: #d1d1d1;
  margin-right: 2px;
  transform: scale(0.4);
  display: inline-block;
}
.contents-05 .cont-box .title-38 {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
  margin: 0 auto 30px;
}
@media (max-width: 1000px) {
  .contents-05 .cont-box .title-38 {
    font-size: 26px;
    margin: 0 auto 50px;
    text-align: center;
  }
}
@media (max-width: 768px) {
  .contents-05 .cont-box .title-38 {
    margin: 0 auto 40px;
    text-align: left;
  }
}
@media (max-width: 480px) {
  .contents-05 .cont-box .title-38 {
    font-size: 22px;
    margin: 10px auto 30px;
  }
}
.contents-05 .text-13 {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: 2;
}
@media (max-width: 1000px) {
  .contents-05 .text-13 {
    padding-left: 0;
  }
}

#dealer {
  padding-bottom: 60px;
  border-bottom: 1px solid #f4f4f4;
}
@media (max-width: 768px) {
  #dealer {
    padding-bottom: 120px;
  }
}
#dealer .page-top {
  height: 80px;
  padding-top: 30px;
  margin: 90px auto 0;
  display: block;
  max-width: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  #dealer .page-top {
    display: block;
    margin: 20px 30px;
  }
}
#dealer .page-top .page-title {
  writing-mode: lr-tb;
}
#dealer .page-top .page-title .title-35 {
  font-size: 35px;
  font-size: 2.1875rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  text-align: left;
}
#dealer .page-top .page-title .text-15 {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
}
#dealer .page-top .page-title .text-15::before {
  content: "●";
  color: #d1d1d1;
  width: 3px;
  margin-right: 5px;
}

.dealer-wrap {
  padding: 0 40px;
}
@media (max-width: 480px) {
  .dealer-wrap {
    padding: 0 20px;
  }
}

#dealer-list {
  max-width: 1000px;
  margin: 60px auto;
}
@media (max-width: 1000px) {
  #dealer-list {
    margin: 40px auto;
  }
}
@media (max-width: 480px) {
  #dealer-list {
    margin: 0 auto 40px;
  }
}

.title-30 {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
}

.list-wrap {
  margin: 60px 0;
  background-color: #f5f5f5;
}
@media (max-width: 768px) {
  .list-wrap {
    margin: 0 0 40px;
  }
}
.list-wrap .list-box {
  padding: 0 20px;
}
@media (max-width: 768px) {
  .list-wrap .list-box {
    padding: 0 20px;
  }
}
.list-wrap .list-box .flex-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 20px 40px;
}
@media (max-width: 1000px) {
  .list-wrap .list-box .flex-box {
    padding: 20px 0;
  }
}
@media (max-width: 768px) {
  .list-wrap .list-box .flex-box {
    flex-direction: column;
    align-items: flex-start;
  }
}

.list-item {
  padding: 30px 40px;
  border-bottom: 1px solid #d5d5d5;
}
@media (max-width: 1000px) {
  .list-item {
    padding: 30px 40px 30px 0;
  }
}
@media (max-width: 480px) {
  .list-item {
    padding: 20px 0;
  }
}
.list-item h2 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  position: relative;
  padding-left: 30px;
}
@media (max-width: 480px) {
  .list-item h2 {
    font-size: 18px;
  }
}
.list-item h2::before {
  content: "";
  position: absolute;
  display: inline-block;
  background-color: #000;
  width: 1px;
  height: 13px;
  top: 15px;
  left: 10px;
  transform: rotate(90deg);
}
.list-item .shop-name {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  letter-spacing: 0.05em;
  font-weight: 600;
}
@media (max-width: 1000px) {
  .list-item .shop-name {
    width: 50%;
  }
}
@media (max-width: 768px) {
  .list-item .shop-name {
    width: 100%;
  }
}
.list-item .shop-info {
  width: 50%;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
  font-weight: 400;
}
@media (max-width: 1000px) {
  .list-item .shop-info {
    width: 45%;
  }
}
@media (max-width: 768px) {
  .list-item .shop-info {
    width: 100%;
    margin: 20px 0 0;
  }
}
.list-item .shop-info p {
  margin-bottom: 10px;
}
.list-item .shop-info .site-jump {
  text-decoration: underline;
  color: #c70012;
  position: relative;
  transition: 0.5s;
}
.list-item .shop-info .site-jump:hover {
  opacity: 0.3;
}
.list-item .shop-info .site-jump::after {
  content: "";
  background-image: url(/img/dealer_file-icon.png);
  background-size: contain;
  background-repeat: no-repeat;
  height: 10px;
  width: 10px;
  top: 2px;
  position: absolute;
}
.list-item:last-child {
  border: none;
}

.caution {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
}

#news {
  max-width: 860px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
#news .page-top {
  height: 80px;
  padding-top: 30px;
  margin: 90px auto 30px;
  display: block;
  max-width: 1000px;
}
@media (max-width: 768px) {
  #news .page-top {
    margin: 0 30px;
  }
}
#news .page-top .page-title {
  writing-mode: lr-tb;
}
#news .page-top .page-title .title-35 {
  font-size: 35px;
  font-size: 2.1875rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  text-align: left;
}
@media (max-width: 768px) {
  #news .page-top .page-title .title-35 {
    font-size: 24px;
  }
}
#news .page-top .page-title .text-15 {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
}
@media (max-width: 768px) {
  #news .page-top .page-title .text-15 {
    font-size: 10px;
  }
}
#news .pankuzu {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  #news .pankuzu {
    justify-content: flex-start;
  }
}
#news .pankuzu .breadcrumbs {
  margin: 0 60px;
  text-align: right;
}
@media (max-width: 768px) {
  #news .pankuzu .breadcrumbs {
    margin: 0 0 20px;
    padding: 30px 0 20px;
  }
}

#news-list {
  max-width: 1000px;
  margin: auto;
  padding: 0 20px;
}
#news-list .list-wrap {
  background: #fff;
}
@media (max-width: 480px) {
  #news-list .list-wrap .list-box {
    padding: 0;
  }
}
#news-list .list-wrap .list-box .list-item {
  margin: 0 0 30px;
  padding: 0 0 30px;
  border-bottom: 1px solid #eee;
}
@media (max-width: 768px) {
  #news-list .list-wrap .list-box .list-item {
    margin: 0 0 30px;
    padding: 0 0 20px;
  }
}
#news-list .list-wrap .list-box .list-item a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  transition: 0.5s;
}
#news-list .list-wrap .list-box .list-item a:hover {
  opacity: 0.3;
}
#news-list .list-wrap .list-box .list-item a .news-img {
  width: 300px;
  height: 200px;
  background: url(../img/news_img-dammy.png) no-repeat center center;
  background-size: cover;
}
@media (max-width: 768px) {
  #news-list .list-wrap .list-box .list-item a .news-img {
    width: 100%;
    height: 280px;
    margin-bottom: 30px;
  }
}
#news-list .list-wrap .list-box .list-item a .news-info {
  flex: 1;
  padding-left: 5%;
}
@media (max-width: 768px) {
  #news-list .list-wrap .list-box .list-item a .news-info {
    margin-bottom: 20px;
    padding-left: 0;
  }
}
#news-list .list-wrap .list-box .list-item a .news-info .txt-title {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  letter-spacing: 0.05em;
  font-weight: 600;
  margin-bottom: 15px;
}
#news-list .list-wrap .list-box .list-item a .news-info .txt-date {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
}
#news-list .list-wrap .list-box .list-item a .news-info .border-40 {
  width: 40px;
  border: 1px solid #000;
}
@media (max-width: 768px) {
  #news-list .list-wrap .list-box .list-item a .news-info .border-40 {
    display: none;
  }
}
#news-list .list-wrap .list-box .list-item:last-child {
  border: none;
}

#stories {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 20px;
  border-bottom: 1px solid #e6e6e6;
}
@media (max-width: 480px) {
  #stories {
    padding: 20px 0;
  }
}

.page-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  .page-header {
    margin: 0 30px;
    flex-direction: column;
    align-items: flex-start;
  }
}

.page-title .title-35 {
  font-size: 35px;
  font-size: 2.1875rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  text-align: left;
}
.page-title .text-15 {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
}
.page-title .text-15::before {
  content: "●";
  color: #d1d1d1;
  width: 3px;
  margin-right: 5px;
}

#diary-list {
  padding: 0 20px;
}
#diary-list .list-wrap {
  max-width: 1024px;
  margin: 0 auto 60px;
  padding: 0;
  background: #fff;
}
#diary-list .list-wrap .list-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 0;
}
@media (max-width: 480px) {
  #diary-list .list-wrap .list-box {
    flex-direction: column;
  }
}
#diary-list .list-item {
  display: block;
  width: 48%;
  padding: 0;
  margin-bottom: 20px;
  border-bottom: none;
}
@media (max-width: 768px) {
  #diary-list .list-item {
    width: 100%;
  }
}
@media (max-width: 480px) {
  #diary-list .list-item {
    width: 100%;
  }
}
#diary-list .list-item .diary-img {
  height: 330px;
  background-image: url(../img/top_diary1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 30px;
}
#diary-list .list-item .diary-info {
  margin: 0;
}
#diary-list .list-item .diary-info .txt-title {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 0.05em;
  font-weight: 600;
}
@media (max-width: 768px) {
  #diary-list .list-item .diary-info .txt-title {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    letter-spacing: 0.05em;
    font-weight: 600;
  }
}
#diary-list .list-item .diary-info .txt-date {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 400;
  color: #838383;
  margin: 15px 0;
}
#diary-list .list-item:last-child {
  border: none;
}

.btn-more {
  width: 100%;
  margin: 60px auto;
  border: 1px solid #B4B4B4;
  text-align: center;
  padding: 20px 0;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
  display: block;
}
@media (max-width: 768px) {
  .btn-more {
    font-size: 13px;
  }
}

#farmer,
#farmer_faq,
#farmer_contact,
#farmer_goods {
  border-bottom: 1px solid #B4B4B4;
}
#farmer .wrap-padding,
#farmer_faq .wrap-padding,
#farmer_contact .wrap-padding,
#farmer_goods .wrap-padding {
  padding: 0 60px;
}
#farmer .page-top,
#farmer_faq .page-top,
#farmer_contact .page-top,
#farmer_goods .page-top {
  max-width: initial;
  background-color: #00603f;
  height: auto;
  padding: 20px 0 90px;
  margin: 120px auto 0;
  display: block;
  text-align: center;
}
@media (max-width: 768px) {
  #farmer .page-top,
  #farmer_faq .page-top,
  #farmer_contact .page-top,
  #farmer_goods .page-top {
    padding: 20px 0 30px;
  }
}
#farmer .page-top .page-title,
#farmer_faq .page-top .page-title,
#farmer_contact .page-top .page-title,
#farmer_goods .page-top .page-title {
  writing-mode: lr-tb;
  display: inline-block;
  margin: 10px auto;
  height: 20%;
  background: url(../img/farmer_backlogo.png) no-repeat center center;
  background-size: contain;
  background-repeat: no-repeat;
}
#farmer .page-top .page-title .title-30,
#farmer_faq .page-top .page-title .title-30,
#farmer_contact .page-top .page-title .title-30,
#farmer_goods .page-top .page-title .title-30 {
  margin: 40px 0;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
  text-align: center;
  color: #fff;
}
@media (max-width: 768px) {
  #farmer .page-top .page-title .title-30,
  #farmer_faq .page-top .page-title .title-30,
  #farmer_contact .page-top .page-title .title-30,
  #farmer_goods .page-top .page-title .title-30 {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 600;
    color: #fff;
    margin: 20px 0;
    padding: 20px 0 20px;
  }
}
#farmer .pankuzu,
#farmer_faq .pankuzu,
#farmer_contact .pankuzu,
#farmer_goods .pankuzu {
  max-width: 1000px;
  width: 90%;
  background-color: #fff;
  margin: -80px auto 20px;
  height: 80px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  #farmer .pankuzu,
  #farmer_faq .pankuzu,
  #farmer_contact .pankuzu,
  #farmer_goods .pankuzu {
    width: 90%;
    margin-top: -30px;
  }
}
#farmer .pankuzu .breadcrumbs,
#farmer_faq .pankuzu .breadcrumbs,
#farmer_contact .pankuzu .breadcrumbs,
#farmer_goods .pankuzu .breadcrumbs {
  margin: 0 20px;
}

.farmer-nav {
  padding: 0 40px;
}
@media (max-width: 768px) {
  .farmer-nav {
    overflow-x: scroll;
    padding: 0 20px;
  }
}
.farmer-nav ul {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  max-width: 1000px;
  margin: auto;
}
@media (max-width: 768px) {
  .farmer-nav ul {
    width: 800px;
  }
}
.farmer-nav ul li {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
  font-weight: 700;
  width: 20%;
  text-align: center;
  border-left: 1px solid #00603f;
}
@media (max-width: 768px) {
  .farmer-nav ul li {
    font-size: 11px;
    font-size: 0.6875rem;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}
.farmer-nav ul li:first-child {
  padding-top: 15px;
  border-left: none;
}
@media (max-width: 768px) {
  .farmer-nav ul li:first-child {
    padding-top: 0;
    border-left: 1px solid #00603f;
  }
}
.farmer-nav ul li span {
  color: #00603f;
  margin-bottom: 10px;
  display: inline-block;
}
.farmer-nav ul li a {
  width: 100%;
  padding: 10px 0;
  display: block;
  text-align: center;
  position: relative;
  transition: 0.2s;
}
@media (max-width: 768px) {
  .farmer-nav ul li a {
    padding: 0 10px;
  }
}
.farmer-nav ul li a::after {
  /*content: '';
  width: 10px;
  height: 10px;
  border-top: solid 2px #5070e3;
  border-right: solid 2px #5070e3;
  position: absolute;
  left: 10px;
  top: 8px;
  transform: rotate(135deg);*/
}
.farmer-nav ul li a .icon-bottom {
  height: 10px;
  position: relative;
  display: block;
  text-align: center;
  margin: 0 auto;
}
.farmer-nav ul li a .icon-bottom::before {
  content: "";
  height: 8px;
  width: 8px;
  border-bottom: 2px solid #00603f;
  border-right: 2px solid #00603f;
  position: absolute;
  bottom: 10%;
  top: 0;
  transform: rotate(45deg);
}
@media (max-width: 768px) {
  .farmer-nav ul li a .icon-bottom::before {
    content: "";
    height: 6px;
    width: 6px;
    border-bottom: 1px solid #00603f;
    border-right: 1px solid #00603f;
  }
}
.farmer-nav ul li a:hover {
  opacity: 0.5;
  cursor: pointer;
}

.icon-nav {
  margin: 60px auto 30px;
  padding: 0 40px;
}
@media (max-width: 768px) {
  .icon-nav {
    margin: 0;
    padding: 0 20px;
  }
}
.icon-nav .flex-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  max-width: 1000px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .icon-nav .flex-box .btn-icon {
    width: 48%;
  }
}
@media (max-width: 768px) {
  .icon-nav .flex-box .btn-icon:last-child {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .icon-nav .flex-box .btn-icon:last-child img {
    max-width: 50px;
  }
}
.icon-nav .flex-box .icon-150 {
  width: 150px;
  height: 177px;
  background-color: #f4f4f4;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .icon-nav .flex-box .icon-150 {
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
    padding-bottom: 15px;
  }
}
.icon-nav .flex-box .icon-150 img {
  width: 30%;
  margin: 20px auto 10px;
}
.icon-nav .flex-box .icon-150 .title-12 {
  margin: 0 auto 20px;
  height: 32px;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
  font-weight: 700;
  text-align: center;
  color: #00603f;
}
.icon-nav .flex-box .icon-150 .icon-bottom {
  height: 10px;
  position: relative;
  display: block;
  text-align: center;
  margin: 0 auto;
}
.icon-nav .flex-box .icon-150 .icon-bottom::before {
  content: "";
  height: 8px;
  width: 8px;
  border-bottom: 2.5px solid #00603f;
  border-right: 2.5px solid #00603f;
  position: absolute;
  bottom: 10%;
  top: 0;
  transform: rotate(45deg);
}

#farmer01,
#farmer02,
#farmer03,
#farmer04 {
  margin: 0 auto;
  padding: 60px 40px;
  background-color: #fff;
}
@media (max-width: 768px) {
  #farmer01,
  #farmer02,
  #farmer03,
  #farmer04 {
    padding: 40px 20px;
  }
}
#farmer01 .farmer-wrap,
#farmer02 .farmer-wrap,
#farmer03 .farmer-wrap,
#farmer04 .farmer-wrap {
  max-width: 1000px;
  margin: 0 auto;
  color: #00603f;
}
@media (max-width: 768px) {
  #farmer01 .farmer-wrap,
  #farmer02 .farmer-wrap,
  #farmer03 .farmer-wrap,
  #farmer04 .farmer-wrap {
    margin: 0;
  }
}
#farmer01 .title-box,
#farmer02 .title-box,
#farmer03 .title-box,
#farmer04 .title-box {
  margin-bottom: 40px;
}
#farmer01 .title-box .title-22,
#farmer02 .title-box .title-22,
#farmer03 .title-box .title-22,
#farmer04 .title-box .title-22 {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  text-align: center;
  color: #00603f;
  margin-bottom: 20px;
  line-height: 1.2;
}
@media (max-width: 768px) {
  #farmer01 .title-box .title-22,
  #farmer02 .title-box .title-22,
  #farmer03 .title-box .title-22,
  #farmer04 .title-box .title-22 {
    font-size: 16px;
    margin-bottom: 30px;
  }
}
#farmer01 .title-box .line-234,
#farmer02 .title-box .line-234,
#farmer03 .title-box .line-234,
#farmer04 .title-box .line-234 {
  width: 234px;
  border: 1px solid #00603f;
  margin: 0 auto;
}
@media (max-width: 768px) {
  #farmer01 .title-box .line-234,
  #farmer02 .title-box .line-234,
  #farmer03 .title-box .line-234,
  #farmer04 .title-box .line-234 {
    width: 20%;
  }
}
#farmer01 .title-box .line-stretch,
#farmer02 .title-box .line-stretch,
#farmer03 .title-box .line-stretch,
#farmer04 .title-box .line-stretch {
  width: 100%;
  border: 0.5px solid #00603f;
}

#farmer01 .flex-box,
#farmer02 .flex-box,
#farmer03 .flex-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  #farmer01 .flex-box,
  #farmer02 .flex-box,
  #farmer03 .flex-box {
    flex-direction: column;
  }
}
#farmer01 .item-box,
#farmer02 .item-box,
#farmer03 .item-box {
  width: 48%;
  margin: 0;
}
@media (max-width: 768px) {
  #farmer01 .item-box,
  #farmer02 .item-box,
  #farmer03 .item-box {
    width: 100%;
    margin: 0;
  }
}
#farmer01 .item-box .title-22,
#farmer02 .item-box .title-22,
#farmer03 .item-box .title-22 {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
  color: #00603f;
}
@media (max-width: 768px) {
  #farmer01 .item-box .title-22,
  #farmer02 .item-box .title-22,
  #farmer03 .item-box .title-22 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 2.2;
    letter-spacing: 0.05em;
    font-weight: 500;
  }
}
#farmer01 .item-box .title-20,
#farmer02 .item-box .title-20,
#farmer03 .item-box .title-20 {
  margin-bottom: 20px;
}
#farmer01 .item-box .text-13,
#farmer02 .item-box .text-13,
#farmer03 .item-box .text-13 {
  margin: 0 0 30px;
  width: 100%;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
  color: #00603f;
}
#farmer01 .item-box .img-box,
#farmer02 .item-box .img-box,
#farmer03 .item-box .img-box {
  display: block;
  width: 100%;
  height: 320px;
}
@media (max-width: 768px) {
  #farmer01 .item-box .img-box,
  #farmer02 .item-box .img-box,
  #farmer03 .item-box .img-box {
    height: 230px;
  }
}
#farmer01 .item-box .EndOfSale,
#farmer02 .item-box .EndOfSale,
#farmer03 .item-box .EndOfSale {
  color: red;
  font-size: 16px;
  line-height: 1.8;
  text-align: center;
  margin-bottom: 20px;
}

#farmer01 .item-box:first-child .img-box {
  background-image: url(../img/farmer_01-01.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  #farmer01 .item-box:first-child .img-box {
    margin-bottom: 30px;
  }
}
#farmer01 .item-box:last-child .img-box {
  background-image: url(../img/farmer_01-02.png);
  background-size: contain;
  background-repeat: no-repeat;
}
#farmer01 .item-box-cont {
  display: flex;
  justify-content: space-between;
  align-items: unset;
  flex-wrap: wrap;
  margin-bottom: 30px;
  text-align: center;
}
@media (max-width: 1024px) {
  #farmer01 .item-box-cont {
    margin-bottom: 5px;
  }
}
#farmer01 .item-box-cont .item-box {
  width: 23%;
  height: 170px;
  text-align: center;
  border: 1px solid #ccc;
  position: relative;
}
@media (max-width: 1024px) {
  #farmer01 .item-box-cont .item-box {
    width: 49%;
    margin-bottom: 30px;
  }
}
@media (max-width: 768px) {
  #farmer01 .item-box-cont .item-box {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
    padding-bottom: 20px;
  }
}
#farmer01 .item-box-cont .item-box::before {
  content: "";
  width: 60px;
  height: 60px;
  background: url(../img/farmer-icon1.png) no-repeat center center;
  background-size: 60px;
  display: block;
  position: absolute;
  top: -25px;
  left: 0;
  right: 0;
  margin: auto;
}
#farmer01 .item-box-cont .item-box h3 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
  width: 90%;
  margin: 35px auto 20px;
  padding: 0 0 20px;
  border-bottom: 1px solid #ccc;
}
#farmer01 .item-box-cont .item-box p {
  width: 100%;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  font-weight: 600;
  margin-bottom: auto;
  padding: 0 10px;
}
#farmer01 .item-box-cont:last-child {
  display: flex;
  justify-content: space-between;
  align-items: unset;
  flex-wrap: wrap;
  margin-bottom: 0;
}
@media (max-width: 1024px) {
  #farmer01 .item-box-cont:last-child {
    display: flex;
    justify-content: space-between;
    align-items: unset;
    flex-wrap: wrap;
  }
}
#farmer01 .item-box-cont:last-child .item-box {
  height: 215px;
}
@media (max-width: 1024px) {
  #farmer01 .item-box-cont:last-child .item-box {
    width: 49%;
    margin: 0 0 30px;
  }
}
@media (max-width: 768px) {
  #farmer01 .item-box-cont:last-child .item-box {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
    padding-bottom: 20px;
  }
}
#farmer01 .item-box-cont:last-child .item-box:last-child {
  margin-bottom: 0;
}
#farmer01 .item-box-cont .feature2::before {
  content: "";
  background: url(../img/farmer-icon2.png) no-repeat center center;
  background-size: 60px;
}
#farmer01 .item-box-cont .feature3::before {
  content: "";
  background: url(../img/farmer-icon3.png) no-repeat center center;
  background-size: 60px;
}
#farmer01 .item-box-cont .feature4::before {
  content: "";
  background: url(../img/farmer-icon4.png) no-repeat center center;
  background-size: 60px;
}
#farmer01 .item-box-cont .feature5::before {
  content: "";
  background: url(../img/farmer-icon5.png) no-repeat center center;
  background-size: 60px;
}
#farmer01 .item-box-cont .feature6::before {
  content: "";
  background: url(../img/farmer-icon6.png) no-repeat center center;
  background-size: 60px;
}
#farmer01 .item-box-cont .feature7::before {
  content: "";
  background: url(../img/farmer-icon7.png) no-repeat center center;
  background-size: 60px;
}
#farmer01 .item-box-cont .feature8::before {
  content: "";
  background: url(../img/farmer-icon8.png) no-repeat center center;
  background-size: 60px;
}

.file-item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
}
.file-item li {
  width: auto;
  transition: 0.5s;
}
.file-item li::before {
  content: "";
  background: url(../img/icon-word.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 15px;
  height: 18px;
  display: inline-block;
  margin-top: 3px;
}
.file-item li:last-child::before {
  content: "";
  background: url(../img/icon-pdf.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 15px;
  height: 18px;
  display: inline-block;
  margin-left: 15px;
}
.file-item li span {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
  font-family: Arial, Helvetica, sans-serif;
  color: #4585FF;
  text-decoration: underline;
  vertical-align: top;
  display: inline-block;
}
.file-item li:hover {
  opacity: 0.3;
}

#farmer02 {
  max-width: initial;
  background-color: #f4f4f4;
}
#farmer02 .farmer-wrap {
  max-width: 1000px;
  margin: 0 auto;
}
#farmer02 .flex-box {
  margin-bottom: 30px;
  justify-content: center;
}
#farmer02 .item-box {
  width: 44%;
}
@media (max-width: 768px) {
  #farmer02 .item-box {
    width: 100%;
  }
}
#farmer02 .item-box .img-box {
  max-width: 250px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  #farmer02 .item-box .img-box {
    margin-bottom: 60px;
  }
}
#farmer02 .title-box .line-234 {
  width: 60px;
}
#farmer02 h3 {
  width: 100%;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(0, 96, 63, 0.16);
  margin-bottom: 20px;
  text-align: center;
}
@media (max-width: 768px) {
  #farmer02 h3 {
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    line-height: 1.8;
  }
}
#farmer02 .white-box {
  background-color: #fff;
  border-radius: 13px;
  margin-bottom: 60px;
  padding: 30px 60px;
}
@media (max-width: 768px) {
  #farmer02 .white-box {
    padding: 30px 20px;
  }
}
#farmer02 .white-box .inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  position: relative;
}
#farmer02 .white-box .inner::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
  background: rgba(0, 96, 63, 0.16);
  transform: translateX(-50%);
}
@media (max-width: 768px) {
  #farmer02 .white-box .inner::before {
    display: none;
  }
}
@media (max-width: 768px) {
  #farmer02 .white-box .inner {
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  #farmer02 .white-box .inner .box {
    width: 100%;
  }
}
@media (max-width: 768px) {
  #farmer02 .white-box .inner .box:first-child {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(0, 96, 63, 0.16);
  }
}
#farmer02 .white-box h4 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
  font-weight: 600;
  text-align: center;
  margin-bottom: 5px;
}
#farmer02 .white-box h5 {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.6;
  letter-spacing: 0.05em;
  font-weight: 600;
  text-align: center;
  margin-bottom: 20px;
}
#farmer02 .white-box .title-txt p {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
  margin-bottom: 20px;
  letter-spacing: 0.08em;
}
#farmer02 .white-box .box {
  width: 45%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
#farmer02 .white-box .box .title-txt {
  width: 100%;
}
@media (max-width: 768px) {
  #farmer02 .white-box .box .title-txt {
    width: 100%;
  }
}
#farmer02 .white-box .box:last-child {
  margin-bottom: 0;
}
#farmer02 .white-box .box:last-child li:first-child {
  margin-right: 0;
}
@media (max-width: 768px) {
  #farmer02 .white-box .box:last-child li:first-child {
    margin-right: 0;
  }
}
#farmer02 .white-box .box .title-txt {
  position: relative;
  /*&::after {
      content: '';
      position: absolute;
      background: url(../img/icon-right_twice.png);
      background-size: contain;
      background-repeat: no-repeat;
      width: 53px;
      height: 53px;
      top: 50%;
      right: -20%;
      transform: translateY(-50%);
      @include tab {
          content: none;
      }
  }*/
}
#farmer02 .white-box .box-box {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
}
#farmer02 .white-box .box-box .item {
  width: auto;
  text-align: center;
}
@media (max-width: 768px) {
  #farmer02 .white-box .box-box .item:first-child {
    padding-right: 0;
  }
}
#farmer02 .white-box .box-box .item:last-child .file-item::after {
  content: none;
}
#farmer02 .white-box .box-box li {
  width: auto;
}
#farmer02 .white-box .right2 {
  width: 100%;
  margin: 0 auto;
  justify-content: center;
  gap: 20px;
}
#farmer02 .white-box .right2 a {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
}
#farmer02 .white-box .right2 .allow {
  /* ボタンの基本スタイル */
  display: flex;
  align-items: center;
  justify-content: center;
  /* 文字を中央揃え */
  height: 48px;
  padding: 0 32px;
  box-sizing: border-box;
  color: #00603f;
  /* ボーダーと角丸 */
  border: 1px solid #00603f;
  border-radius: 9999px;
  /* トランジション */
  transition: all 0.3s ease-in-out;
  /* 右側の矢印を配置するためのスペース */
  position: relative;
  text-decoration: none;
  font-weight: 600;
  /* ホバー時の効果 */
  /* 矢印アイコンのコンテナ */
  /* SVGアイコンのスタイル */
}
#farmer02 .white-box .right2 .allow:hover {
  background-color: #e6f0e9;
}
#farmer02 .white-box .right2 .allow .arrow-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background-color: #d1e2d7;
  border-radius: 50%;
  position: absolute;
  right: 10px;
  /* 右から10pxに配置 */
}
#farmer02 .white-box .right2 .allow .arrow-svg {
  fill: #00603f;
  width: 14px;
  height: 14px;
}
#farmer02 .white-box .right2 .contact-item {
  border: 1px solid #00603f;
  padding: 15px 15px 20px;
}
#farmer02 .white-box .right2 .contact-item h6 {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  border-bottom: 1px solid #00603f;
  line-height: 1;
  margin: 0 auto 15px;
  padding-bottom: 15px;
}
#farmer02 .white-box .right2 .contact-item p {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 0;
}
#farmer02 .white-box .right2 .contact-item p span {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
  display: inline-block;
}
@media (max-width: 768px) {
  #farmer02 .white-box .right2 .contact-item p span {
    width: 100%;
  }
}
#farmer02 .white-box .right2 .contact-item p a {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 500;
  color: #00603f;
}
#farmer02 .white-box .right2 .contact-item p a:last-child:before {
  content: "／";
}
@media (max-width: 768px) {
  #farmer02 .white-box .right2 .contact-item p .mail {
    width: 100%;
    display: inline-block;
  }
}
#farmer02 .white-box .right3 {
  margin: 0 auto;
}
@media (max-width: 768px) {
  #farmer02 .white-box .right3 {
    text-align: center;
    background-color: unset;
    padding: 0;
  }
}
#farmer02 .link-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  margin: 40px auto 0;
}
@media (max-width: 768px) {
  #farmer02 .link-box {
    flex-direction: column;
  }
}
#farmer02 .contact-box {
  padding: 30px 60px;
}
@media (max-width: 768px) {
  #farmer02 .contact-box {
    padding: 30px 20px;
    margin-bottom: 30px;
  }
}
#farmer02 .contact-box h4 {
  margin-bottom: 15px;
  text-align: center;
}
#farmer02 .contact-box .address {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
  text-align: center;
}
@media (max-width: 768px) {
  #farmer02 .contact-box .address {
    font-size: 13px;
  }
}
#farmer02 .contact-box .number {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
  text-align: center;
}
@media (max-width: 768px) {
  #farmer02 .contact-box .number {
    font-size: 15px;
  }
}
#farmer02 .contact-box .info-txt {
  margin-top: 10px;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
  text-align: center;
}
#farmer02 .contact-box a {
  display: block;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
  color: #00603f;
  text-align: center;
  text-decoration: underline;
}
@media (max-width: 768px) {
  #farmer02 .contact-box a {
    font-size: 13px;
  }
}
#farmer02 .contact-box ul {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
#farmer02 .contact-box ul li:first-child {
  margin-right: 15px;
}
#farmer02 .pdf-link {
  width: 48%;
}
@media (max-width: 768px) {
  #farmer02 .pdf-link {
    width: 100%;
  }
}
#farmer02 .pdf-link a {
  display: block;
  width: 100%;
  border: 1.5px solid rgba(0, 96, 63, 0.15);
  padding: 10px;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  text-align: center;
  color: #00603f;
  transition: 0.5s;
}
#farmer02 .pdf-link a:hover {
  color: #fff;
  background-color: #00603f;
}
#farmer02 .pdf-link p {
  position: relative;
}
#farmer02 .pdf-link p::after {
  content: "";
  height: 13px;
  width: 15px;
  background-image: url(../img/icon-file.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5%;
  margin-left: 10px;
}
#farmer02 .pdf-link .btn {
  margin: 10px auto;
  color: #00603f;
}
#farmer02 .pdf-link p {
  text-align: center;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 550;
  line-height: 1.5;
}
#farmer02 .pdf-link p span {
  font-size: 10px;
}
#farmer02 .banner__item:not(:first-child) {
  margin-top: 40px;
}
#farmer02 .banner__item {
  max-width: 1000px;
  background-color: #fff;
  border: 1px solid #f4f4f4;
  box-shadow: 0px 0px 3px 0px #cbcbcb;
  position: relative;
}
#farmer02 .banner__item ul li:first-child {
  width: 30%;
  position: absolute;
  left: 20px;
  top: -30px;
}
#farmer02 .banner__item ul li:first-child img {
  width: 80%;
}
@media (max-width: 768px) {
  #farmer02 .banner__item ul li:first-child img {
    width: 100%;
    max-width: 347px;
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  #farmer02 .banner__item ul li:first-child {
    width: 100%;
    position: static;
  }
}
#farmer02 .banner__item ul li:last-child {
  width: 60%;
  margin: 40px 40px 40px auto;
  position: relative;
}
@media (max-width: 768px) {
  #farmer02 .banner__item ul li:last-child {
    width: 100%;
    padding: 0 30px;
    margin: 20px auto 40px;
  }
}
#farmer02 .banner__item ul li:last-child::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid;
  border-color: #00603f #00603f transparent transparent;
  transform: rotate(45deg);
  position: absolute;
  right: 10px;
  top: 40%;
}
@media (max-width: 768px) {
  #farmer02 .banner__item ul li:last-child::after {
    display: none;
  }
}
#farmer02 .banner__item .banner__title {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  #farmer02 .banner__item .banner__title {
    font-size: 18px;
    text-align: center;
    margin-bottom: 10px;
  }
}
#farmer02 .banner__item p {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
}
@media (max-width: 768px) {
  #farmer02 .banner__item p {
    text-align: center;
  }
}
@media (max-width: 480px) {
  #farmer02 .banner__item p {
    text-align: left;
  }
}
#farmer02 .banner__item a {
  color: #00603f;
  transition: 0.5s;
}
#farmer02 .banner__item a:hover {
  opacity: 0.3;
}

.GoodsSale-info .pdf-link a,
.GoodsSale-info .faq-link a,
.GoodsSale-info .contact-link a,
.SeedSale-info .pdf-link a,
.SeedSale-info .faq-link a,
.SeedSale-info .contact-link a,
#farmer03 .pdf-link a,
#farmer03 .faq-link a,
#farmer03 .contact-link a,
#farmer04 .pdf-link a,
#farmer04 .faq-link a,
#farmer04 .contact-link a {
  display: block;
  width: 100%;
  border: 1.5px solid #00603f;
  padding: 10px;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  text-align: center;
  color: #00603f;
  transition: 0.5s;
}
.GoodsSale-info .pdf-link a:hover,
.GoodsSale-info .faq-link a:hover,
.GoodsSale-info .contact-link a:hover,
.SeedSale-info .pdf-link a:hover,
.SeedSale-info .faq-link a:hover,
.SeedSale-info .contact-link a:hover,
#farmer03 .pdf-link a:hover,
#farmer03 .faq-link a:hover,
#farmer03 .contact-link a:hover,
#farmer04 .pdf-link a:hover,
#farmer04 .faq-link a:hover,
#farmer04 .contact-link a:hover {
  color: #fff;
  background-color: #00603f;
}
.GoodsSale-info .pdf-link .text-10,
.GoodsSale-info .faq-link .text-10,
.GoodsSale-info .contact-link .text-10,
.SeedSale-info .pdf-link .text-10,
.SeedSale-info .faq-link .text-10,
.SeedSale-info .contact-link .text-10,
#farmer03 .pdf-link .text-10,
#farmer03 .faq-link .text-10,
#farmer03 .contact-link .text-10,
#farmer04 .pdf-link .text-10,
#farmer04 .faq-link .text-10,
#farmer04 .contact-link .text-10 {
  margin: 10px auto;
  text-align: center;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 550;
  color: #00603f;
}
.GoodsSale-info .pdf-link,
.SeedSale-info .pdf-link,
#farmer03 .pdf-link,
#farmer04 .pdf-link {
  position: relative;
}
.GoodsSale-info .pdf-link a::after,
.SeedSale-info .pdf-link a::after,
#farmer03 .pdf-link a::after,
#farmer04 .pdf-link a::after {
  content: "";
  height: 13px;
  width: 15px;
  background-image: url(../img/icon-file.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 22px;
  margin-left: 10px;
}

#farmer03 .title-box .title-25 {
  text-align: left !important;
}
@media (max-width: 768px) {
  #farmer03 .title-box .title-25 {
    text-align: center;
  }
}
#farmer03 .title-box .line-50 {
  border: 1px solid #00603f;
  width: 50px;
  margin: auto !important;
}
@media (max-width: 768px) {
  #farmer03 .title-box .line-50 {
    margin: 0 auto;
  }
}
#farmer03 .flex-box {
  align-items: flex-start;
}
#farmer03 .fax-num25 p {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
  letter-spacing: 0.05em;
  margin-bottom: 20px;
  text-align: center;
  color: #00603f;
}
@media (max-width: 768px) {
  #farmer03 .fax-num25 p {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 600;
    color: #00603f;
  }
}
#farmer03 .contact-link {
  margin: 0 auto;
  max-width: 470px;
  position: relative;
}
#farmer03 .contact-link a {
  display: block;
  margin-bottom: 30px;
}
#farmer03 .contact-link a::after {
  content: "";
  width: 20px;
  border-top: 1px solid #00603f;
  position: absolute;
  bottom: 50%;
  right: 15px;
}

#farmer04 {
  max-width: initial;
}
#farmer04 .farmer-wrap {
  padding: 60px 0;
  border: 1px solid #00603f;
  max-width: 1000px;
}
@media (max-width: 768px) {
  #farmer04 .farmer-wrap {
    padding: 35px 40px 0;
  }
}
@media (max-width: 480px) {
  #farmer04 .farmer-wrap {
    padding: 35px 20px 0;
  }
}
#farmer04 .farmer-wrap .flex-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  #farmer04 .farmer-wrap .flex-box {
    flex-direction: column;
  }
}
#farmer04 .farmer-wrap .title-box {
  margin: 0 auto 30px;
  padding: 0 60px;
}
@media (max-width: 768px) {
  #farmer04 .farmer-wrap .title-box {
    padding: 0 30px;
    margin-bottom: 20px;
  }
}
@media (max-width: 480px) {
  #farmer04 .farmer-wrap .title-box {
    padding: 0;
    margin-bottom: 30px;
  }
}
#farmer04 .op-box {
  background-color: #f4f4f4;
  padding: 40px 0;
  margin: 0 60px;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  #farmer04 .op-box {
    width: 95%;
    padding: 30px 20px;
    margin: auto;
  }
}
@media (max-width: 480px) {
  #farmer04 .op-box {
    width: 100%;
  }
}
#farmer04 .op-box .flex-box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 60px;
}
@media (max-width: 768px) {
  #farmer04 .op-box .flex-box {
    flex-direction: column;
    margin: 0;
    align-items: baseline;
  }
}
#farmer04 .op-box .check-list {
  margin-bottom: 30px;
}
#farmer04 .op-box .check-item {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  color: #00603f;
  padding: 0 15px;
}
@media (max-width: 480px) {
  #farmer04 .op-box .check-item {
    font-size: 13px;
    padding: 0;
  }
}
#farmer04 .op-box .check-item::before {
  content: "";
  display: inline-block;
  background-image: url(../img/farmer_check-icon.png);
  background-size: cover;
  background-repeat: no-repeat;
  width: 20px;
  height: 15px;
  top: 0;
  margin-right: 15px;
}
#farmer04 .op-box .text-13 {
  display: block;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  font-weight: 600;
  text-align: center;
  color: #00603f;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  #farmer04 .op-box .text-13 {
    font-size: 13px;
    line-height: 1.6;
    text-align: left;
  }
}
#farmer04 .title-25 {
  margin-bottom: 60px !important;
}
@media (max-width: 768px) {
  #farmer04 .title-25 {
    text-align: center;
    margin-bottom: 30px;
  }
}
#farmer04 .text-13 {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  color: #00603f;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  #farmer04 .text-13 {
    text-align: left;
  }
}
@media (max-width: 480px) {
  #farmer04 .text-13 {
    font-size: 13px;
    line-height: 1.6;
  }
}
#farmer04 .line-50 {
  width: 30%;
  border: 1px solid #00603f;
  margin: 0 auto;
}
#farmer04 .line-stretch {
  width: 100%;
  border: 0.5px solid #cfcfcf !important;
  margin-bottom: 30px;
}
#farmer04 .cont-box {
  text-align: center;
}
@media (max-width: 768px) {
  #farmer04 .cont-box {
    margin: 30px 0 0;
  }
}
#farmer04 .cont-box .flex-box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
#farmer04 .cont-box .title-box .title-24 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
}
@media (max-width: 480px) {
  #farmer04 .cont-box .title-box .title-24 {
    font-size: 16px;
  }
}
#farmer04 .cont-box .title-box .sub-title {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
}
#farmer04 .cont-box:last-child {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 0;
  padding: 0 40px;
}
@media (max-width: 768px) {
  #farmer04 .cont-box:last-child {
    flex-direction: column;
    margin: 0 0 30px;
    padding: 0;
  }
}
#farmer04 .cont-box:last-child .title-box,
#farmer04 .cont-box:last-child .img-box {
  width: 49%;
}
@media (max-width: 768px) {
  #farmer04 .cont-box:last-child .title-box,
  #farmer04 .cont-box:last-child .img-box {
    width: 100%;
  }
}
#farmer04 .cont-box:last-child .title-box {
  text-align: left;
  padding: 40px;
  padding: 0 40px 0 0;
}
@media (max-width: 480px) {
  #farmer04 .cont-box:last-child .title-box {
    padding: 0;
  }
}
#farmer04 .cont-box:last-child h3 {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
}
#farmer04 .cont-box:last-child .title-name {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  line-height: 1.6;
}
@media (max-width: 480px) {
  #farmer04 .cont-box:last-child .title-name {
    font-size: 22px;
  }
}
#farmer04 .cont-box:last-child .position-name {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 30px;
}
#farmer04 .cont-box:last-child .text-description {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  line-height: 1.6;
}
#farmer04 .cont-box:last-child .img-box {
  display: block;
  background: url(../img/farmer_hotline-takahashi.jpg) no-repeat right 35%;
  background-size: cover;
  background-repeat: no-repeat;
  height: 420px;
}
@media (max-width: 768px) {
  #farmer04 .cont-box:last-child .img-box {
    height: 300px;
  }
}
#farmer04 .faq-link {
  margin: 20px auto 0;
  max-width: 470px;
  position: relative;
}
#farmer04 .contact-link {
  margin: 20px auto;
  min-width: 470px;
  position: relative;
}
@media (max-width: 480px) {
  #farmer04 .contact-link {
    min-width: 100%;
  }
}
#farmer04 a {
  display: block;
  transition: 0.5s;
  width: 100%;
}
#farmer04 a:hover {
  opacity: 0.3;
}
#farmer04 a::after {
  content: "";
  width: 20px;
  border-top: 1px solid #00603f;
  position: absolute;
  bottom: 50%;
  right: 15px;
}
#farmer04 .text-num {
  display: inline;
  font-size: 25px;
  font-size: 1.5625rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  color: #00603f;
}
#farmer04 .text-num::after {
  content: none;
}
@media (max-width: 768px) {
  #farmer04 .text-num {
    font-size: 20px;
    line-height: 1;
    margin-bottom: 10px;
  }
}
@media (max-width: 480px) {
  #farmer04 .text-num {
    font-size: 18px;
  }
}
#farmer04 .text-email {
  display: block;
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  color: #00603f;
}
#farmer04 .text-email::after {
  display: none;
}
@media (max-width: 480px) {
  #farmer04 .text-email {
    font-size: 10px;
  }
}

.flex-box a::after {
  display: none;
}

.faq-wrap {
  max-width: 1000px;
  margin: 60px auto;
}
@media (max-width: 768px) {
  .faq-wrap {
    margin: 30px auto 0;
    padding: 0;
  }
}
.faq-wrap .faq-list .faq-item {
  margin-bottom: 30px;
}
.faq-wrap .faq-list .faq-item .faq-title {
  margin-bottom: 30px;
  position: relative;
}
.faq-wrap .faq-list .faq-item .faq-title .title-16 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  color: #00603f;
}
@media (max-width: 768px) {
  .faq-wrap .faq-list .faq-item .faq-title .title-16 {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 2.2;
    letter-spacing: 0.05em;
    font-weight: 600;
  }
}
.faq-wrap .faq-list .faq-item .faq-answer {
  background-color: #f4f4f4;
  padding: 30px;
}
.faq-wrap .faq-list .faq-item .faq-answer .faq-text {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  color: #00603f;
}
@media (max-width: 768px) {
  .faq-wrap .faq-list .faq-item .faq-answer .faq-text {
    padding: 0;
  }
}
.faq-wrap .faq-list .faq-item .faq-answer .faq-text a {
  color: #00603f;
  text-decoration: underline;
  transition: 0.5;
}
.faq-wrap .faq-list .faq-item .faq-answer .faq-text a:hover {
  opacity: 0.3;
}
.faq-wrap .flex-box {
  margin: 90px auto;
  padding: 0 40px;
  border-bottom: 1px solid #f4f4f4;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .faq-wrap .flex-box {
    padding: 0 20px;
    flex-direction: column;
  }
}
.faq-wrap .flex-box .btn-link {
  position: relative;
  width: 48%;
}
@media (max-width: 768px) {
  .faq-wrap .flex-box .btn-link {
    width: 100%;
    margin-bottom: 10px;
  }
}
.faq-wrap .flex-box .btn-link a {
  display: block;
  width: 100%;
  border: 1.5px solid #00603f;
  padding: 10px;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  text-align: center;
  color: #00603f;
  transition: 0.5s;
}
.faq-wrap .flex-box .btn-link a:hover {
  color: #fff;
  background-color: #00603f;
}
.faq-wrap .flex-box .btn-link a::before {
  content: "";
  width: 20px;
  border-top: 1px solid #00603f;
  position: absolute;
  bottom: 50%;
  left: 15px;
}

.tab {
  max-width: 1000px;
  width: 100%;
  margin: auto;
  padding: 0 40px;
}
@media (max-width: 768px) {
  .tab {
    padding: 0 20px;
  }
}
.tab .tab-list {
  margin: auto;
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #ccc;
}
.tab .tab-list .tab-menu {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
  align-items: center;
  color: #00603f;
  cursor: pointer;
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  max-width: 200px;
  height: 60px;
  justify-content: center;
  justify-content: center;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  margin: 0 5px;
  position: relative;
  text-align: center;
}
@media (max-width: 768px) {
  .tab .tab-list .tab-menu {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.4;
    letter-spacing: 0.05em;
    font-weight: 600;
    margin: 0 3px;
  }
}
.tab .tab-list .tab-menu.current {
  border-top: 2px solid #00603f;
}
.tab .tab-list .tab-menu.current::after {
  content: "";
  width: 100%;
  border-top: 2px solid #fff;
  display: block;
  position: absolute;
  bottom: -2px;
  z-index: 1;
}
.tab .tab-list .tab-menu {
  transition: 0.5s;
}
.tab .tab-list .tab-menu:hover {
  opacity: 0.3;
}
.tab .content-box {
  display: none;
  width: 100%;
}
.tab .content-box .content-box img {
  display: block;
  height: auto;
  width: 100%;
}

.contact-wrap {
  max-width: 1000px;
  margin: 0 auto 90px;
}
@media (max-width: 768px) {
  .contact-wrap {
    padding: 0 20px;
    margin: 0 auto 50px;
  }
}
.contact-wrap .Send-info {
  text-align: center;
}
@media (max-width: 768px) {
  .contact-wrap .Send-info br {
    display: none;
  }
}
.contact-wrap .Send-info p {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  display: block;
  text-align: center;
  line-height: 2;
}
@media (max-width: 1000px) {
  .contact-wrap .Send-info p {
    text-align: left;
  }
}
.contact-wrap .Send-info p:first-child {
  margin-bottom: 30px;
}
.contact-wrap .Send-info .info-title {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  color: #00603f;
  line-height: 2;
}
.contact-wrap .Send-info .bold-title {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
  color: #00603f;
  text-decoration: underline;
}
.contact-wrap .title-box {
  width: 100%;
  margin-bottom: 30px;
}
.contact-wrap .title-box .title-25 {
  font-size: 25px;
  font-size: 1.5625rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  color: #00603f;
  text-align: center;
  margin: 30px 0;
}
@media (max-width: 768px) {
  .contact-wrap .title-box .title-25 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 2.2;
    letter-spacing: 0.05em;
    font-weight: 600;
  }
}
.contact-wrap .title-box .line-50 {
  width: 5%;
  border: 1px solid #00603f;
  margin: 0 auto;
}
.contact-wrap .title-box .line-stretch {
  width: 100%;
  border: 0.5px solid #B4B4B4;
  margin-bottom: 20px;
}
.contact-wrap .form-link {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  margin: 0 auto;
  max-width: 780px;
  position: relative;
}
.contact-wrap .form-link a {
  display: block;
  margin-bottom: 30px;
  color: #00603f;
  padding: 10px;
  text-align: center;
  border: 1px solid #00603f;
}
.contact-wrap .form-link a::after {
  position: absolute;
  content: "";
  width: 20px;
  border-top: 1px solid #00603f;
  bottom: 50%;
  right: 15px;
}
.contact-wrap .flex-box {
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .contact-wrap .flex-box {
    flex-direction: column;
  }
}
.contact-wrap .flex-box a {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
  color: #00603f;
  text-decoration: underline;
  margin: 30px 10px;
}
.contact-wrap .form-flex {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .contact-wrap .form-flex {
    flex-direction: column;
    margin-bottom: 30px;
  }
}
.contact-wrap .form-flex .title-box {
  width: 40%;
  padding: 25px 0;
  margin: 30px 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .contact-wrap .form-flex .title-box {
    width: 100%;
    margin: 0;
    padding: 0;
  }
}
.contact-wrap .form-flex .title-box .title-16 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  color: #00603f;
}
.contact-wrap .form-flex .title-box .req-icon {
  margin: 0 10px;
  background-color: #00603f;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  color: #fff;
  padding: 3px 15px;
}
.contact-wrap .form-flex .form-box {
  width: 60%;
}
@media (max-width: 768px) {
  .contact-wrap .form-flex .form-box {
    width: 100%;
  }
}
.contact-wrap li:nth-child(5) {
  align-items: flex-start;
}
.contact-wrap .form-box {
  margin: 30px 0;
}
@media (max-width: 768px) {
  .contact-wrap .form-box {
    margin: 10px 0;
  }
}
.contact-wrap .check-wrap {
  text-align: center;
  margin: 30px auto;
}
.contact-wrap .check-wrap span {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
}
.contact-wrap .btn-box {
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
.contact-wrap input[required] {
  padding: 15px;
  background-color: #f4f4f4;
  height: 55px;
  width: 100%;
  border-radius: 5px;
  border-color: #f4f4f4;
  border-style: none;
}
.contact-wrap input[required]::placeholder {
  color: #838383;
  font-weight: 400;
}
.contact-wrap textarea {
  width: 100%;
  padding: 25px;
  background-color: #f4f4f4;
  border-radius: 5px;
  border-color: #f4f4f4;
  border-style: none;
  color: #838383;
  font-weight: 400;
}
.contact-wrap input[type=submit] {
  width: 50%;
  padding: 10px 0;
  background-color: #fff;
  border: 1px solid #00603f;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  letter-spacing: 1em;
  color: #00603f;
}
@media (max-width: 768px) {
  .contact-wrap input[type=submit] {
    width: 100%;
  }
}
.contact-wrap input[type=checkbox] span {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  text-align: center;
  margin: 30px auto;
}

@media (max-width: 768px) {
  .seed-title {
    margin: 20px auto 30px;
    padding: 30px 0 0;
    border-top: 1px solid #e7e7e7;
  }
}

.contact-wrap .contact-link {
  margin: 40px auto 0;
  max-width: 470px;
  position: relative;
}
.contact-wrap .contact-link a {
  display: block;
  width: 100%;
  border: 1.5px solid #00603f;
  padding: 10px;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  text-align: center;
  color: #00603f;
}
.contact-wrap .contact-link a::after {
  content: "";
  width: 20px;
  border-top: 1px solid #00603f;
  position: absolute;
  bottom: 50%;
  right: 15px;
}

.SaleInfo-wrap .info-box {
  border: 1px solid #B4B4B4;
  max-width: 1000px;
  margin: 0 auto;
}
@media (max-width: 1000px) {
  .SaleInfo-wrap .info-box {
    max-width: 90%;
    margin-inline: auto;
  }
}
@media (max-width: 768px) {
  .SaleInfo-wrap .info-box {
    max-width: 100%;
    margin-inline: auto;
  }
}
.SaleInfo-wrap .info-box .info-title {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  color: #00603f;
  text-align: center;
  background-color: #DBE9E4;
  line-height: 3;
}
@media (max-width: 768px) {
  .SaleInfo-wrap .info-box .info-title {
    font-size: 16px;
    line-height: 1.2;
    padding: 20px 0;
  }
}
.SaleInfo-wrap .SeedSale-info {
  padding: 40px 20px;
  text-align: center;
}
.SaleInfo-wrap .SeedSale-info .bold-price {
  font-size: 25px;
  font-size: 1.5625rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
}
.SaleInfo-wrap .SeedSale-info .hl-txt {
  background-color: #DBE9E4;
  padding: 3px;
}
.SaleInfo-wrap .SeedSale-info .caution-txt {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  color: #000;
}
@media (max-width: 480px) {
  .SaleInfo-wrap .SeedSale-info .caution-txt {
    text-align: center;
  }
}
.SaleInfo-wrap .SeedSale-info .bold {
  font-weight: bold;
}
.SaleInfo-wrap .SeedSale-info .small {
  font-size: 13px;
}
.SaleInfo-wrap .SeedSale-info .pdf-link {
  max-width: 350px;
  margin: 20px auto;
}
.SaleInfo-wrap .SeedSale-info .seedsale__title::before {
  content: "";
  display: inline-block;
  border-left: 3px solid #00603f;
}

.goods-wrap {
  max-width: 1000px;
  margin: 0 auto 90px;
}
@media (max-width: 768px) {
  .goods-wrap {
    padding: 0 20px;
    margin: 0 auto 50px;
  }
}
.goods-wrap .title-box {
  width: 100%;
  margin-bottom: 40px;
}
.goods-wrap .title-box .title {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  color: #00603f;
  text-align: center;
  margin: 30px 0;
}
@media (max-width: 768px) {
  .goods-wrap .title-box .title {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 2.2;
    letter-spacing: 0.05em;
    font-weight: 600;
  }
}
.goods-wrap .title-box .line-50 {
  width: 5%;
  border: 1px solid #00603f;
  margin: 0 auto;
}
.goods-wrap .title-box .title__text:nth-child(4), .goods-wrap .title-box .title__text:last-child {
  padding: 20px 40px 0;
}
@media (max-width: 768px) {
  .goods-wrap .title-box .title__text:nth-child(4), .goods-wrap .title-box .title__text:last-child {
    padding: 20px 0 0;
  }
}
.goods-wrap .goods-box {
  padding: 60px 0;
}
.goods-wrap .goods-box .flex-box {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .goods-wrap .goods-box .flex-box {
    flex-direction: column;
  }
}
.goods-wrap .goods-box .flex-box .item {
  width: 40%;
  margin: 0 0 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
}
@media (max-width: 768px) {
  .goods-wrap .goods-box .flex-box .item {
    width: 100%;
  }
}
.goods-wrap .goods-box .flex-box .item .img-box {
  width: 335px;
  height: 377px;
}
@media (max-width: 768px) {
  .goods-wrap .goods-box .flex-box .item .img-box {
    width: 100%;
    height: 100%;
  }
}
.goods-wrap .goods-box .flex-box .item:first-child {
  padding-bottom: 13px;
}
.goods-wrap .goods-box .flex-box .item:first-child .img-box {
  max-width: 122px;
  margin-bottom: 20px;
}
.goods-wrap .goods-box .flex-box .item:last-child .img-box {
  max-width: 335px;
  margin-bottom: 20px;
}
.goods-wrap .goods-box .flex-box h4 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  color: #00603f;
  line-height: 1;
}
.goods-wrap .goods-box .flex-box h5 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  color: #00603f;
  line-height: 1.8;
  margin-bottom: 10px;
}
.goods-wrap .goods-box .flex-box h5 span {
  font-size: 15px;
}
.goods-wrap .goods-box .flex-box .detail {
  width: 340px;
  padding: 20px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .goods-wrap .goods-box .flex-box .detail {
    width: 90%;
    margin: 0 auto;
    text-align: center;
  }
}
.goods-wrap .goods-box .flex-box .detail p {
  display: block;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
}
.goods-wrap .goods-box .flex-box .caution {
  margin: 0 auto 0 0;
  padding: 10px 0 0 50px;
}
@media (max-width: 768px) {
  .goods-wrap .goods-box .flex-box .caution {
    margin: 0 auto;
    padding: 0;
  }
}
.goods-wrap .goods-box .flex-box .caution p {
  display: block;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
  text-align: left;
}
.goods-wrap .goods-box .sample-box {
  padding: 0 60px;
}
@media (max-width: 768px) {
  .goods-wrap .goods-box .sample-box {
    padding: 0 30px;
  }
}
.goods-wrap .goods-box .sample-box p {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
  display: block;
  padding: 0 60px 20px;
  text-align: center;
}
@media (max-width: 768px) {
  .goods-wrap .goods-box .sample-box p {
    padding: 0;
    margin-bottom: 20px;
    text-align: left;
  }
}
.goods-wrap .goods-box .sample-box p a {
  text-decoration: underline;
  transform: 0.5s;
}
.goods-wrap .goods-box .sample-box p a:hover {
  opacity: 0.3;
}
.goods-wrap .goods-box .sample-box ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.goods-wrap .goods-box .sample-box ul li {
  width: 48%;
}
@media (max-width: 768px) {
  .goods-wrap .goods-box .sample-box ul li {
    width: 100%;
    margin-bottom: 10px;
  }
}
.goods-wrap .HowToStep {
  padding: 60px 40px;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .goods-wrap .HowToStep {
    padding: 30px 20px;
  }
}
.goods-wrap .HowToStep .item {
  width: 33%;
  position: relative;
}
@media (max-width: 768px) {
  .goods-wrap .HowToStep .item {
    width: 100%;
    margin-bottom: 30px;
  }
}
.goods-wrap .HowToStep .item::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 14px 0 14px 18px;
  border-color: transparent transparent transparent #ccc;
  position: absolute;
  top: 50%;
  right: -5%;
}
@media (max-width: 768px) {
  .goods-wrap .HowToStep .item::after {
    display: none;
  }
}
.goods-wrap .HowToStep .item:last-child::after {
  display: none;
}
.goods-wrap .step {
  display: block;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: #00603f;
  margin: 0 auto 10px;
  font-size: 8px;
  font-size: 0.5rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.3;
  color: #fff;
  padding: 10px;
  text-align: center;
}
.goods-wrap .step span {
  display: block;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  color: #fff;
  line-height: 1;
}
.goods-wrap h4 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  margin-bottom: 20px;
  text-align: center;
}
@media (max-width: 768px) {
  .goods-wrap h4 {
    margin-bottom: 10px;
  }
}
.goods-wrap .HowTo-txt {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  font-weight: 500;
  max-width: 200px;
  margin: auto;
  text-align: center;
}
@media (max-width: 768px) {
  .goods-wrap .HowTo-txt {
    max-width: 260px;
  }
}
.goods-wrap .Caution-txt {
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 1.6;
  letter-spacing: 0.05em;
  font-weight: 500;
  margin-top: 5px;
  text-align: center;
}
.goods-wrap .GoodsSale-info {
  padding: 40px 20px;
  text-align: center;
}
.goods-wrap .GoodsSale-info .hl-txt {
  background-color: #DBE9E4;
  padding: 3px;
}
.goods-wrap .GoodsSale-info .form-btn {
  margin-bottom: 30px;
}
.goods-wrap .GoodsSale-info .form-btn a {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 35px;
  letter-spacing: 0.05em;
  font-weight: 600;
  max-width: 480px;
  width: 100%;
  margin: 0 auto;
  padding: 10px;
  color: #00603f;
  border: 1px solid #00603f;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}
.goods-wrap .GoodsSale-info .form-btn a::after {
  content: "";
  width: 20px;
  border-top: 1px solid #00603f;
  position: absolute;
  bottom: 50%;
  right: 15px;
}
.goods-wrap .GoodsSale-info .form-btn a:hover {
  color: #fff;
  background-color: #00603f;
}
.goods-wrap .GoodsSale-info .howto-txt {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  margin-bottom: 30px;
}
@media (max-width: 480px) {
  .goods-wrap .GoodsSale-info .howto-txt {
    text-align: center;
  }
}
.goods-wrap .GoodsSale-info .contact-box {
  margin-bottom: 20px;
}
.goods-wrap .GoodsSale-info .contact-box h4 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  line-height: 1.8;
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .goods-wrap .GoodsSale-info .contact-box h4 {
    font-size: 15px;
    margin-bottom: 5px;
  }
}
.goods-wrap .GoodsSale-info .contact-box a {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
  text-decoration: underline;
  line-height: 1.8;
}
@media (max-width: 768px) {
  .goods-wrap .GoodsSale-info .contact-box a {
    font-size: 16px;
  }
}
@media (max-width: 480px) {
  .goods-wrap .GoodsSale-info .contact-box a {
    font-size: 14px;
  }
}
.goods-wrap .GoodsSale-info .contact-box p {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
  text-decoration: underline;
  line-height: 1.8;
}
@media (max-width: 768px) {
  .goods-wrap .GoodsSale-info .contact-box p {
    font-size: 16px;
  }
}
.goods-wrap .GoodsSale-info h5 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  color: #00603f;
}
@media (max-width: 768px) {
  .goods-wrap .GoodsSale-info h5 {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .goods-wrap .GoodsSale-info .order-box {
    width: 100%;
    background-color: #F4F4F4;
    padding: 10px 0;
    border-radius: 5px;
    margin-bottom: 20px;
  }
}
.goods-wrap .GoodsSale-info .file-item {
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .goods-wrap .GoodsSale-info .file-item {
    margin-bottom: 0;
  }
}
.goods-wrap .GoodsSale-info .pdf-link {
  max-width: 350px;
  margin: 20px auto;
}
.goods-wrap .GoodsSale-info .privacy-txt {
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
  text-align: center;
}
@media (max-width: 768px) {
  .goods-wrap .GoodsSale-info .privacy-txt {
    text-align: left;
    line-height: 1.8;
  }
}
.goods-wrap .contact-wrap {
  margin: 90px auto;
  max-width: 960px;
}
@media (max-width: 768px) {
  .goods-wrap .contact-wrap {
    margin: 60px auto;
  }
}
.goods-wrap .contact-wrap .title-box {
  text-align: center;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .goods-wrap .contact-wrap .title-box {
    text-align: left;
  }
}
.goods-wrap .contact-wrap .goods-info {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
  text-align: center;
}
@media (max-width: 768px) {
  .goods-wrap .contact-wrap .goods-info {
    text-align: left;
  }
}
.goods-wrap .contact-wrap .goods-info .tel {
  font-size: 20px;
  font-weight: 600;
}

@media (max-width: 768px) {
  .promotion .title {
    line-height: 1.6;
  }
}
.promotion .title__text {
  padding: 40px 40px 0;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
  text-align: center;
}
@media (max-width: 768px) {
  .promotion .title__text {
    padding: 40px 0 0;
  }
}
@media (max-width: 480px) {
  .promotion .title__text {
    font-size: 13px;
    text-align: left;
  }
}
.promotion .bold {
  font-weight: 800;
}
.promotion .info__inner {
  margin-top: 40px;
  max-width: 800px;
  margin-inline: auto;
}
@media (max-width: 1000px) {
  .promotion .info__inner {
    margin-top: 0;
    width: 90%;
    margin-inline: auto;
  }
}
@media (max-width: 768px) {
  .promotion .info-title {
    line-height: 1.8 !important;
  }
}
.promotion .promotion__list {
  margin-top: 40px;
}
.promotion .promotion__item {
  margin-bottom: 40px;
}
.promotion .promotion__item-title {
  font-size: 16px;
  font-size: 1rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
  color: #00603f;
  font-weight: 700;
  line-height: 1.2;
  padding-left: 10px;
  border-left: 5px solid #00603f;
  margin-bottom: 20px;
}
.promotion .promotion__item-text {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
  line-height: 1.8;
  margin-bottom: 30px;
}
.promotion .promotion__item-link {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
  text-decoration: underline;
}
.promotion .promotion__item-link::after {
  content: "";
  display: inline-block;
  background: url(../img/icon-file_black.png) center no-repeat;
  background-size: contain;
  width: 13px;
  height: 13px;
  margin-left: 5px;
}
.promotion .image__list {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.promotion .image__item {
  width: 31%;
}
@media (max-width: 768px) {
  .promotion .image__item {
    width: 100%;
    margin-bottom: 30px;
  }
}
.promotion .image__item:last-child img:not(:last-child) {
  max-width: 105px;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .promotion .image__item:last-child img:not(:last-child) {
    max-width: 300px;
  }
}
.promotion .image__title {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
  text-align: left;
  line-height: 1;
  margin-left: 10px;
}
.promotion .caution {
  font-size: 15px;
  color: #c70012;
  font-weight: 700;
}
.promotion .caution2 {
  font-size: 13px;
}
@media (max-width: 768px) {
  .promotion .caution2 {
    font-size: 12px;
  }
}
@media (max-width: 768px) {
  .promotion .howto-txt {
    text-align: left !important;
  }
}

.form__btn {
  display: block;
  width: 400px;
  margin-inline: auto;
  margin-bottom: 60px;
}
@media (max-width: 768px) {
  .form__btn {
    width: 90%;
  }
}
@media (max-width: 480px) {
  .form__btn {
    width: 100%;
  }
}
.form__btn p {
  padding: 10px 0;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
  color: #00603f;
  font-weight: 600;
  border: 1px solid #00603f;
}
.form__btn p::after {
  content: "";
  display: inline-block;
  background: url(../img/icon-link.png) center no-repeat;
  background-size: contain;
  width: 13px;
  height: 13px;
  margin-left: 20px;
}

.promotion__form__btn {
  display: block;
  width: 400px;
  margin-inline: auto;
  margin-bottom: 60px;
}
@media (max-width: 768px) {
  .promotion__form__btn {
    width: 90%;
  }
}
@media (max-width: 480px) {
  .promotion__form__btn {
    width: 100%;
  }
}
.promotion__form__btn p {
  padding: 10px 0;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
  color: #00603f;
  font-weight: 600;
  border: 1px solid #00603f;
  position: relative;
}
@media (max-width: 768px) {
  .promotion__form__btn p {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .promotion__form__btn p {
    font-size: 12px;
  }
}
.promotion__form__btn p::after {
  position: absolute;
  content: "";
  display: inline-block;
  background: url(../img/icon-link.png) center no-repeat;
  background-size: contain;
  width: 13px;
  height: 13px;
  right: 5%;
  top: 36%;
}

.seedsale__title {
  font-size: 23px;
  padding: 0 0 20px;
}
@media (max-width: 1000px) {
  .seedsale__title {
    font-size: 18px;
  }
}

.seedsale__table {
  width: 100%;
  max-width: 800px;
  margin-inline: auto;
  border: 1px solid #ccc;
}
.seedsale__table th,
.seedsale__table td {
  border: 1px solid #ccc;
}
.seedsale__table .seedsale__th {
  font-size: 16px;
  font-weight: bold;
  padding: 20px 0;
  background: #DBE9E4;
}
@media (max-width: 1000px) {
  .seedsale__table .seedsale__th {
    font-size: 14px;
    padding: 20px 10px;
  }
}
@media (max-width: 480px) {
  .seedsale__table .seedsale__th {
    font-size: 13px;
  }
}
.seedsale__table td {
  font-size: 16px;
  font-weight: normal;
  color: #00603f;
}
@media (max-width: 1000px) {
  .seedsale__table td {
    font-size: 12px;
  }
}
.seedsale__table em {
  font-size: 20px;
  font-style: normal;
}
@media (max-width: 1000px) {
  .seedsale__table em {
    font-size: 18px;
  }
}
.seedsale__table .bold-price {
  color: #00603f;
  font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", "MS 明朝", serif;
  font-weight: 800;
}
@media (max-width: 768px) {
  .seedsale__table .bold-price {
    font-size: 18px !important;
  }
}

.hl-txt {
  background-color: #DBE9E4;
  padding: 3px;
}

.seedsale__text {
  font-size: 16px;
  color: #000;
}

.seedsale__caution {
  margin-top: 40px;
  width: 100%;
  margin-inline: auto;
  max-width: 800px;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  color: #000;
  text-align: left;
}
@media (max-width: 1000px) {
  .seedsale__caution {
    margin-top: 30px;
  }
}

.seedsale__flow__inner {
  max-width: 800px;
  margin-inline: auto;
  padding: 40px 0 !important;
}
@media (max-width: 1000px) {
  .seedsale__flow__inner {
    padding: 40px 20px !important;
  }
}
.seedsale__flow__inner .caution-txt {
  text-align: left;
}
@media (max-width: 480px) {
  .seedsale__flow__inner .caution-txt {
    text-align: left !important;
  }
}
.seedsale__flow__inner li {
  font-weight: normal;
}

.seedsale__order__inner {
  max-width: 800px;
  width: 100%;
  margin-inline: auto;
  text-align: left;
  padding: 40px 0 !important;
}

.seedsale__order__text {
  text-align: left;
  font-size: 15px;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  color: #000;
}

.seedsale-order__list {
  max-width: 800px;
  width: 100%;
  margin-inline: auto;
  text-align: left;
}
@media (max-width: 1000px) {
  .seedsale-order__list {
    padding: 40px 20px;
  }
}

.seedsale-order__item:not(:last-child) {
  margin-bottom: 60px;
}

.seedsale-order__item-title {
  font-size: 18px;
  color: #000;
  text-align: left;
  margin-bottom: 20px;
}
.seedsale-order__item-title::before {
  content: "";
  border-left: 8px solid #00603f;
  padding-right: 20px;
}

.seedsale-order__item-text {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.08em;
  margin-bottom: 20px;
  line-height: 1.8;
}

.form__btn {
  text-align: center;
  margin: 0 auto 40px 0;
}

.code-wrap p {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.08em;
  margin-bottom: 10px;
  font-weight: 600;
}
.code-wrap img {
  max-width: 150px;
}

.seedsale-order__item .pdf-link {
  max-width: 400px !important;
  width: 100%;
  margin: 0 auto 40px 0 !important;
}
@media (max-width: 1000px) {
  .seedsale-order__item .pdf-link {
    margin: 0 auto !important;
  }
}
.seedsale-order__item .pdf-link a {
  font-size: 15px;
}

.QR-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.QR-box p {
  width: 50%;
}
.QR-box .QR-img {
  width: 50%;
}
.QR-box .QR-img img {
  width: 40%;
  margin: auto;
}
.QR-box .QR-img a {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  color: #00603f;
  text-decoration: underline;
  display: block;
  text-align: center;
  margin-top: 10px;
}

.merit-box {
  border: 1px solid #29c32f;
  border-radius: 10px;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  margin-bottom: 30px;
}
.merit-box h5 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  background: #29c32f;
  color: #fff;
  border-radius: 8px 7px 0 0;
  padding: 15px;
}
.merit-box ul {
  padding: 15px 40px 15px;
  counter-reset: number;
}
@media (max-width: 480px) {
  .merit-box ul {
    padding: 20px 20px 20px;
  }
}
.merit-box ul li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dae7db;
}
@media (max-width: 480px) {
  .merit-box ul li {
    flex-wrap: wrap;
  }
}
.merit-box ul li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.merit-box ul li h6 {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  width: 25%;
  text-align: left;
  color: #26a82d;
}
.merit-box ul li h6:before {
  counter-increment: number;
  content: counter(number) " ";
  font-size: 13px;
  line-height: 1;
}
.merit-box ul li h6::after {
  content: "";
  border-right: 1px solid #000;
  display: inline-block;
}
@media (max-width: 480px) {
  .merit-box ul li h6 {
    width: 100%;
  }
}
.merit-box ul li p {
  width: 75%;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  line-height: 1.6;
  text-align: left;
}
@media (max-width: 480px) {
  .merit-box ul li p {
    width: 100%;
  }
}

/* デフォルトのbuttonスタイルをリセット */
button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  border-radius: 0;
  color: inherit;
  cursor: pointer;
  font: inherit;
  margin: 0;
  outline: none;
  padding: 0;
  vertical-align: middle;
}

/* 以下、ハンバーガーボタン */
.burger-btn {
  display: block;
  width: 100px;
  height: 40px;
  position: relative;
  z-index: 3;
  border: none;
}
@media (max-width: 768px) {
  .burger-btn {
    width: 60px;
  }
}

.bar {
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-color: #000;
}

.bar_top {
  top: 10px;
}

.bar_mid {
  top: 50%;
  transform: translate(-50%, -50%);
}

.bar_bottom {
  bottom: 10px;
}

/* メニュー開いたときにボタンの形cross */
.burger-btn.close .bar_top {
  transform: translate(-50%, 10px) rotate(170deg);
}

.burger-btn.close .bar_mid {
  opacity: 0;
}

.burger-btn.close .bar_bottom {
  transform: translate(-50%, -8px) rotate(-170deg);
}

/* 以下、ハンバーガーメニュー */
.nav-wrapper {
  visibility: hidden;
  background-color: #fff;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: -20px;
  left: 0;
  transition: all 0.2s;
  z-index: 2;
}
@media (max-width: 768px) {
  .nav-wrapper {
    top: 0;
  }
}

/* メニューオープン時 */
.nav-wrapper.fade {
  visibility: visible;
}
@media (max-width: 768px) {
  .nav-wrapper.fade {
    top: 0;
  }
}

/* スクロールさせない */
.no-scroll {
  overflow: hidden;
}

#menu-hover {
  width: 100%;
  position: absolute;
  transition: 0.5s;
  top: 20px;
  left: 0;
  right: 0;
  z-index: 5;
}
@media (max-width: 1000px) {
  #menu-hover {
    top: 0;
  }
}
@media (max-width: 768px) {
  #menu-hover {
    top: 0;
  }
}
@media (max-width: 480px) {
  #menu-hover {
    padding: 0 20px;
  }
}

#menu-hover.fixed {
  width: 100%;
  z-index: 5;
  background: rgba(255, 255, 255, 0.9294117647);
  position: fixed;
  top: 0;
  transition: 0.5s;
}

.fixed .header-logo {
  width: 40%;
}
@media (max-width: 480px) {
  .fixed .header-logo {
    width: 75%;
  }
}

.fixed .header-area {
  /*height: 80px !important;*/
}

.menu-box {
  margin: 0 auto;
}
@media (max-width: 768px) {
  .menu-box {
    height: auto;
    overflow: scroll;
  }
}
.menu-box .flex-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.menu-box .menu-right {
  width: 45%;
  height: 100vh;
  background-image: url(../img/header_menu-img.png);
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 768px) {
  .menu-box .menu-right {
    display: none;
  }
}
.menu-box .menu-right .header-area {
  margin: 0 30px;
  height: 120px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
}
.menu-box .menu-right .header-area .farmer-btn a {
  text-align: center;
  padding: 5px 20px;
  background-color: #000;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  color: #fff;
  border: 1px solid #000;
  transition: 0.3s;
}
.menu-box .menu-right .header-area .farmer-btn a:hover {
  color: #000;
  background-color: rgba(255, 255, 255, 0);
  border: 1px solid #000;
  box-sizing: border-box;
}
.menu-box .menu-left {
  width: 55%;
  height: 100vh;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .menu-box .menu-left {
    width: 100%;
  }
}
.menu-box .menu-left .farmer-btn {
  margin: 30px auto 0;
}
.menu-box .menu-left .farmer-btn a {
  padding: 5px 20px;
  background-color: #000;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  color: #fff;
  text-align: center;
  transition: 0.5s;
}
.menu-box .menu-left .farmer-btn a:hover {
  color: #000;
  background-color: rgba(255, 255, 255, 0);
  border: 1px solid #000;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .menu-box .menu-left .farmer-btn a {
    font-size: 10px;
  }
}
.menu-box .menu-flex {
  width: 80%;
  height: 100vh;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .menu-box .menu-flex {
    width: 100%;
  }
}
.menu-box .menu-list {
  width: 70%;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .menu-box .menu-list {
    width: 90%;
    padding-top: 120px;
  }
}
@media (max-width: 480px) {
  .menu-box .menu-list {
    padding-top: 0;
  }
}
.menu-box .main-menu {
  /*padding: 10px 0;*/
  border-bottom: 1px solid #eee;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 550;
}
.menu-box .blog-link {
  margin: 20px 0 60px;
}
.menu-box .blog-link a {
  display: block;
  font-size: 13px;
  padding: 10px 0 0;
  transition: 0.5s;
}
.menu-box .blog-link:hover {
  opacity: 0.3;
}
.menu-box .foot-flex {
  font-size: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 40px;
}
.menu-box .sns-box {
  width: 50%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.menu-box .sns-box li {
  width: 15%;
  padding-right: 10px;
}
@media (max-width: 1000px) {
  .menu-box .sns-box li {
    width: 25%;
  }
}
@media (max-width: 768px) {
  .menu-box .sns-box li {
    width: 10%;
  }
}
@media (max-width: 480px) {
  .menu-box .sns-box li {
    width: 20%;
  }
}
.menu-box .sns-box a {
  display: block;
  transition: 0.5s;
}
.menu-box .sns-box a:hover {
  opacity: 0.3;
}
.logo-tate {
  width: 20%;
  max-width: 130px;
  padding: 50px 40px 0 0;
}

.main-menu .logo-yoko {
  width: 100%;
  margin: 20px 0;
  padding-bottom: 60px;
  border-bottom: 1px solid #B4B4B4;
}
.main-menu .logo-yoko .logo-size {
  width: 65%;
}

/*=================================================
.menu-list　アコーディオンメニュー
==================================================*/
.menu-list {
  margin: 0 auto;
}
.menu-list .menu-header {
  color: #000;
  font-size: 14px;
  padding: 15px 0;
  position: relative;
  z-index: 1;
  cursor: pointer;
}
.menu-list .menu-header a {
  display: block;
  transition: 0.5s;
}
.menu-list .menu-header:hover {
  opacity: 0.3;
}
.menu-list .menu-header-link {
  padding: 0;
}
.menu-list .menu-header-link a {
  padding: 10px 0;
}
.menu-list .i_box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 5%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  box-sizing: border-box;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  transform-origin: center center;
}
@media (max-width: 768px) {
  .menu-list .i_box {
    right: 0;
  }
}
.menu-list .one_i {
  display: block;
  width: 18px;
  height: 18px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-origin: center center;
  position: relative;
}
.menu-list .menu-header.open .i_box {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.menu-list .menu-header-link.open .i_box {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.menu-list .main-menu .menu-header .i_box .one_i::before,
.menu-list .main-menu .menu-header .i_box .one_i::after {
  display: flex;
  content: "";
  background-color: #000;
  width: 14px;
  height: 1px;
  position: absolute;
  top: 7px;
  left: 1px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-origin: center center;
}
.menu-list .main-menu .menu-header .i_box .one_i::before {
  width: 1px;
  height: 15px;
  top: 0;
  left: 7px;
}
.menu-list .main-menu .menu-header.open .i_box .one_i::before {
  content: none;
}
.menu-list .main-menu .menu-header.open .i-box .one_i::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.menu-inner {
  display: none;
  padding: 10px 30px;
}
.menu-inner .sub-menu {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 400;
}
.menu-inner .sub-menu li {
  margin: 0 0 10px;
}
.menu-inner .sub-menu li:last-child {
  margin: 0;
}
.menu-inner .sub-menu li::before {
  content: "-";
}
.menu-inner a {
  transition: 0.5s;
}
.menu-inner a:hover {
  opacity: 0.3;
}

.arrow-btn {
  position: relative;
}

.arrow-btn area {
  display: block;
}

.arrow-btn a {
  width: 40px;
  height: 40px;
  display: block;
  position: relative;
}

.arrow-btn a::before {
  position: absolute;
  right: 20px;
  top: 13.9px;
  display: block;
  content: "";
  width: 1px;
  height: 13px;
  background: #ccc;
}

.arrow-btn a::after {
  position: absolute;
  right: 16px;
  top: 16px;
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  transform: rotate(315deg);
}

#article {
  max-width: 860px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
#article .page-top {
  height: 140px;
  justify-content: center;
  align-items: center;
  margin: 60px 0;
}
@media (max-width: 480px) {
  #article .page-top {
    margin-bottom: 0;
  }
}
#article .page-top .page-title {
  writing-mode: lr-tb;
}
#article .page-top .page-title .title-35 {
  font-size: 35px;
  font-size: 2.1875rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
}
@media (max-width: 480px) {
  #article .page-top .page-title .title-35 {
    font-size: 24px;
  }
}
#article .page-top .page-title .text-15 {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
}
#article .breadcrumbs {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
}
#article .breadcrumbs li {
  position: relative;
}
#article .breadcrumbs li a::after {
  content: "";
  display: block;
  height: 1em;
  border-right: 1px solid #B4B4B4;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
#article .breadcrumbs li:last-child a::after {
  content: none;
}
#article .breadcrumbs a {
  color: #B4B4B4;
}
#article .cont-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
#article .btn-more {
  width: 100%;
  margin: 60px auto;
  border: 1px solid #B4B4B4;
  text-align: center;
  padding: 20px 0;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
  display: block;
  transition: 0.5s;
}
#article .btn-more:hover {
  color: #fff;
  background-color: #000;
}
@media (max-width: 768px) {
  #article .btn-more {
    font-size: 13px;
  }
}

.article-wrap {
  max-width: 1000px;
  margin: 0 auto;
}
.item-img,
.item-txt {
  width: 100%;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .item-img,
  .item-txt {
    width: 100% !important;
    margin-bottom: 20px;
  }
}

.item-img {
  height: 360px;
  width: 48%;
  margin: auto 0;
}

.item-txt {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
  height: auto;
}
.item-txt p {
  margin-bottom: 20px;
}
.item-txt a {
  color: #1d3994;
  transition: 0.5s;
}
.item-txt a:hover {
  opacity: 0.3;
}

#news01 {
  max-width: 1000px;
  margin: 0 auto;
}
#news01 .flex-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
#news01 .item-img {
  background-image: url(/img/news_dammy-img.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.btm-line {
  border: 0.5px solid #e6e6e6;
}

.news-wrapper {
  max-width: 800px;
  margin: 90px auto;
  padding: 0 20px;
}
.news-wrapper .logomark img {
  width: 30%;
  margin: 60px auto;
}
.news-wrapper .topics-title .date-15 {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 400;
  margin: 10px 0;
}
.news-wrapper .topics-title .line-top {
  border: 0.5px solid #e6e6e6;
  margin-bottom: 15px;
}
.news-wrapper .topics-title .line-btm {
  border: 0.5px solid #e6e6e6;
  margin-top: 15px;
}
.news-wrapper .topics-title .title-18 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 400;
}
.news-wrapper .topics-text {
  margin: 30px 0;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 400;
  line-height: 2;
}
.news-wrapper .topics-detail {
  text-align: left;
}
.news-wrapper .topics-detail p {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2;
  letter-spacing: 0.05em;
  font-weight: 600;
}
.news-wrapper .topics-detail .shirushu {
  text-align: center;
}
.news-wrapper .topics-detail .detail-text {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 400;
  line-height: 2;
}
.news-wrapper .topics-detail .align-right {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 400;
  text-align: right;
  margin: 30px 0 30px auto;
}
.news-wrapper .back-btn {
  margin: 0 auto;
  text-align: center;
}
.news-wrapper .back-btn a {
  padding: 15px 10px 15px 60px;
  background-color: #000;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
  color: #FFF;
}
.news-wrapper .back-btn a::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url(../../images/icon-right-white.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 40px;
}

.pdf-cont {
  margin-bottom: 60px;
}
.pdf-cont a {
  transition: 0.3s;
}
.pdf-cont a:hover {
  opacity: 0.3;
}

@media (max-width: 1024px) {
  .article-wrap .flex-box:nth-child(even) {
    flex-direction: row-reverse;
  }
}
@media (max-width: 768px) {
  .article-wrap .flex-box {
    flex-direction: column-reverse !important;
  }
}

.topics-detail {
  text-align: left;
}
.topics-detail p {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2;
  letter-spacing: 0.05em;
  font-weight: 400;
}
.topics-detail .shirushu {
  margin: 30px 0 30px auto;
  text-align: left;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 400;
}
.topics-detail .detail-text {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 400;
  line-height: 2;
}
.topics-detail .align-right {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 400;
  text-align: center;
  margin: 30px 0 30px auto;
}

#article .img-box ul {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  #article .img-box ul {
    flex-direction: column;
  }
}
#article .img-box li {
  width: 48%;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
  text-align: center;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  #article .img-box li {
    width: 100%;
    margin-bottom: 20px;
  }
}

#news10 .sns-flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
#news10 .sns-flex .item {
  width: 48%;
  height: auto;
  padding: 20px;
  border: 1px solid f4f4f4;
  border-radius: 8px;
  margin-bottom: 20px;
  background-color: #f4f4f4;
}
#news10 .sns-flex .item img {
  background-color: #fff;
}
@media (max-width: 768px) {
  #news10 .sns-flex .item {
    width: 48%;
  }
}
@media (max-width: 480px) {
  #news10 .sns-flex .item {
    width: 100%;
  }
}
#news10 .sns-flex .ttl-twitter {
  font-size: 16px;
  font-size: 1rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
  display: inline-block;
  margin: 0 auto 10px;
}
#news10 .sns-flex .ttl-twitter::before {
  content: "";
  display: inline-block;
  top: 50%;
  right: 0;
  width: 25px;
  height: 25px;
  transform: translateY(30%);
  background-image: url(../img/icon-twitter.png);
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 10px;
}
#news10 .sns-flex .ttl-instagram {
  font-size: 16px;
  font-size: 1rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
  display: inline-block;
  margin: 0 auto 10px;
}
#news10 .sns-flex .ttl-instagram::before {
  content: "";
  display: inline-block;
  top: 50%;
  right: 0;
  width: 25px;
  height: 25px;
  transform: translateY(30%);
  background-image: url(../img/icon-instagram.png);
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 10px;
}

#news12 .banner {
  display: block;
  width: 100%;
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 2px 2px 6px 0px #ccc;
}
#news12 .banner ul {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
}
#news12 .banner ul li:first-child {
  width: 30%;
}
@media (max-width: 768px) {
  #news12 .banner ul li:first-child {
    width: 100%;
    position: static;
  }
}
#news12 .banner ul li:first-child img {
  width: 80%;
}
@media (max-width: 768px) {
  #news12 .banner ul li:first-child img {
    width: 100%;
    max-width: 347px;
    margin: 0 auto;
  }
}
#news12 .banner ul li:last-child {
  width: 60%;
  margin: 40px 40px 40px auto;
  position: relative;
}
@media (max-width: 768px) {
  #news12 .banner ul li:last-child {
    width: 100%;
    padding: 0 30px;
    margin: 20px auto 40px;
  }
}
#news12 .banner ul li:last-child::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid;
  border-color: #00603f #00603f transparent transparent;
  transform: rotate(45deg);
  position: absolute;
  right: -10px;
  top: 40%;
}
@media (max-width: 768px) {
  #news12 .banner ul li:last-child::after {
    right: 10px;
  }
}
#news12 .banner h4 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  #news12 .banner h4 {
    text-align: center;
  }
}
#news12 .banner p {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
}
@media (max-width: 768px) {
  #news12 .banner p {
    text-align: center;
  }
}
#news12 .banner a {
  color: #00603f;
  transition: 0.5s;
}
#news12 .banner a:hover {
  opacity: 0.3;
}

#news13 .img-box {
  max-width: 350px;
  margin: 0 auto 30px;
}

#article #news14 .img-box, #article .img-flex .img-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 auto 30px;
}
#article #news14 .img-box li, #article .img-flex .img-box li {
  width: 48%;
  height: 100%;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  #article #news14 .img-box li, #article .img-flex .img-box li {
    width: 100%;
    margin-bottom: 20px;
  }
}
#article #news14 .img-box li img {
  min-height: 500px;
  border: 1px solid #ccc;
}

.news16 tr {
  width: 100%;
}
.news16 th {
  width: 15%;
}

.news17 .tab-sp img:last-child {
  margin-bottom: 20px;
}

#subcont-container .subcont-inner .page-title .news-title {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.6;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media (max-width: 480px) {
  #subcont-container .subcont-inner .page-title .news-title {
    font-size: 18px;
  }
}

#article-iv1,
#article-iv2 {
  max-width: 1024px;
  margin: auto;
  padding: 0 40px;
}
@media (max-width: 768px) {
  #article-iv1,
  #article-iv2 {
    padding: 0 20px;
  }
}
#article-iv1 .border-stretch,
#article-iv2 .border-stretch {
  border: 1px solid #f4f4f4;
  margin: 20px 0 60px;
}
@media (max-width: 1000px) {
  #article-iv1 .border-stretch,
  #article-iv2 .border-stretch {
    margin: 20px 0 40px;
  }
}
@media (max-width: 768px) {
  #article-iv1 .border-stretch,
  #article-iv2 .border-stretch {
    margin: 20px 0 30px;
  }
}
#article-iv1 .article-top,
#article-iv2 .article-top {
  max-width: 1024px;
  margin: 160px auto 60px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  #article-iv1 .article-top,
  #article-iv2 .article-top {
    margin: 60px 0 0;
  }
}
#article-iv1 .article-top .page-title,
#article-iv2 .article-top .page-title {
  writing-mode: lr-tb;
  text-align: left;
}
#article-iv1 .article-top .page-title .title-35,
#article-iv2 .article-top .page-title .title-35 {
  font-size: 35px;
  font-size: 2.1875rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
  margin-bottom: 30px;
  text-align: left;
}
@media (max-width: 768px) {
  #article-iv1 .article-top .page-title .title-35,
  #article-iv2 .article-top .page-title .title-35 {
    font-size: 26px;
    margin-bottom: 20px;
  }
}
#article-iv1 .article-top .page-title .title-35 span,
#article-iv2 .article-top .page-title .title-35 span {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
}
#article-iv1 .article-top .page-title .text-20,
#article-iv2 .article-top .page-title .text-20 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 800;
  margin-bottom: 20px;
}
#article-iv1 .article-top .page-title .text-18,
#article-iv2 .article-top .page-title .text-18 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
}
@media (max-width: 768px) {
  #article-iv1 .article-top .page-title .text-18,
  #article-iv2 .article-top .page-title .text-18 {
    font-size: 15px;
  }
}
#article-iv1 .article-top .page-title .text-18 span,
#article-iv2 .article-top .page-title .text-18 span {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 500;
  padding-left: 10px;
}
#article-iv1 .article-top .page-title .text-15,
#article-iv2 .article-top .page-title .text-15 {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-weight: 500;
}
#article-iv1 .article-top .page-title hr,
#article-iv2 .article-top .page-title hr {
  width: 10px;
  border-top: none;
  border-bottom: 1px solid #000;
  margin: 0 0 20px;
  padding: 0;
  display: block;
}
#article-iv1 .article-wrap .main-v,
#article-iv2 .article-wrap .main-v {
  height: 440px;
  margin: 30px 0;
}
#article-iv1 .cont-box,
#article-iv2 .cont-box {
  margin: 30px auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
#article-iv1 .cont-box .text-13,
#article-iv2 .cont-box .text-13 {
  font-size: 13px;
}
#article-iv1 .cont-box .text-21,
#article-iv2 .cont-box .text-21 {
  font-size: 21px;
}
#article-iv1 .cont-box .item-img,
#article-iv2 .cont-box .item-img {
  display: inline-block;
}
#article-iv1 .btn-more,
#article-iv2 .btn-more {
  margin: 0 auto 120px;
  border: 1px solid #B4B4B4;
  text-align: center;
  padding: 30px 0;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 400;
  transition: 0.3s;
}
@media (max-width: 1000px) {
  #article-iv1 .btn-more,
  #article-iv2 .btn-more {
    margin: 0 auto 40px;
    padding: 20px 0;
  }
}
#article-iv1 .btn-more:hover,
#article-iv2 .btn-more:hover {
  color: #fff;
  background: #000;
}
#article-iv1 .breadcrumbs,
#article-iv2 .breadcrumbs {
  margin-bottom: 0;
}
#article-iv1 .breadcrumbs a,
#article-iv2 .breadcrumbs a {
  transition: 0.5s;
}
#article-iv1 .breadcrumbs a:hover,
#article-iv2 .breadcrumbs a:hover {
  opacity: 0.3;
}
#article-iv1 button,
#article-iv2 button {
  transition: 0.5s;
}
#article-iv1 button:hover,
#article-iv2 button:hover {
  opacity: 0.3;
}

#article-iv1 .article-wrap .main-v {
  height: 440px;
  margin: 30px 0 60px;
  background-image: url(../img/interview1_main-v.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  #article-iv1 .article-wrap .main-v {
    height: 210px;
    margin: 0;
  }
}
#article-iv1 .article-wrap .cont-box {
  align-items: baseline;
}
#article-iv1 button {
  margin-bottom: 60px;
}
@media (max-width: 1000px) {
  #article-iv1 button {
    margin-bottom: 30px;
  }
}
#article-iv1 .cont-box:first-child .item-img {
  height: 640px;
  background-image: url(../img/interview1_img1.png);
  background-size: contain;
  background-repeat: no-repeat;
}
#article-iv1 .cont-box:first-child .item-txt .text-13 {
  margin-bottom: 15px;
}
#article-iv1 .cont-box:first-child .item-txt .text-21 {
  margin: 15px 0;
}
#article-iv1 .cont-box:nth-child(2) .item-img {
  background-image: url(../img/interview1_img2.png);
  background-size: contain;
  background-repeat: no-repeat;
}
#article-iv1 .cont-box:nth-child(2) .item-txt .text-21 {
  margin-bottom: 15px;
}
#article-iv1 .cont-box:nth-child(2) .item-txt .text-13 {
  margin-bottom: 15px;
}
#article-iv1 .cont-box:nth-child(3) .item-img {
  background-image: url(../img/interview1_img3.png);
  background-size: contain;
  background-repeat: no-repeat;
}
#article-iv1 .cont-box:nth-child(3) .item-txt .text-21 {
  margin-bottom: 15px;
}
#article-iv1 .cont-box:nth-child(3) .item-txt .text-13 {
  margin-bottom: 15px;
}
#article-iv1 .cont-box:nth-child(4) .item-img {
  height: 400px;
  background-image: url(../img/interview1_img4.png);
  background-size: contain;
  background-repeat: no-repeat;
}
#article-iv1 .cont-box:nth-child(4) .item-txt .text-21 {
  margin-bottom: 15px;
}
#article-iv1 .cont-box:nth-child(4) .item-txt .text-13 {
  margin-bottom: 15px;
}
#article-iv1 .cont-box:nth-child(5) .item-img {
  height: 593px;
  background-image: url(../img/interview1_img5.png);
  background-size: contain;
  background-repeat: no-repeat;
}
#article-iv1 .cont-box:nth-child(5) .item-txt .text-21 {
  margin-bottom: 15px;
}
#article-iv1 .cont-box:nth-child(5) .item-txt .text-13 {
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  #article-iv1 .item-img {
    height: 360px !important;
  }
}

#article-iv2 .article-wrap .main-v {
  height: 440px;
  margin: 30px 0 60px;
  background-image: url(../img/interview2_main-v.png);
  background-size: contain;
  background-repeat: no-repeat;
}
#article-iv2 .article-wrap .cont-box {
  align-items: baseline;
}
@media (max-width: 768px) {
  #article-iv2 .article-wrap .cont-box .item-img {
    height: 280px;
  }
}
#article-iv2 button {
  margin-bottom: 60px;
}
@media (max-width: 1000px) {
  #article-iv2 button {
    margin-bottom: 30px;
  }
}
#article-iv2 .cont-box:first-child .item-img {
  height: 482px;
  background-image: url(../img/interview2_img1.png);
  background-size: contain;
  background-repeat: no-repeat;
}
#article-iv2 .cont-box:first-child .item-txt .text-13 {
  margin-bottom: 15px;
}
#article-iv2 .cont-box:first-child .item-txt .text-21 {
  margin: 15px 0;
}
#article-iv2 .cont-box:nth-child(2) .item-img {
  height: 482px;
  background-image: url(../img/interview2_img2.png);
  background-size: contain;
  background-repeat: no-repeat;
}
#article-iv2 .cont-box:nth-child(2) .item-txt .text-21 {
  margin-bottom: 15px;
}
#article-iv2 .cont-box:nth-child(2) .item-txt .text-13 {
  margin-bottom: 15px;
}
#article-iv2 .cont-box:nth-child(3) .item-img {
  height: 655px;
  background-image: url(../img/interview2_img3.png);
  background-size: contain;
  background-repeat: no-repeat;
}
#article-iv2 .cont-box:nth-child(3) .item-txt .text-21 {
  margin-bottom: 15px;
}
#article-iv2 .cont-box:nth-child(3) .item-txt .text-13 {
  margin-bottom: 15px;
}
#article-iv2 .cont-box:nth-child(4) .item-img {
  height: 360px;
  background-image: url(../img/interview2_img4.png);
  background-size: contain;
  background-repeat: no-repeat;
}
#article-iv2 .cont-box:nth-child(4) .item-txt .text-21 {
  margin-bottom: 15px;
}
#article-iv2 .cont-box:nth-child(4) .item-txt .text-13 {
  margin-bottom: 15px;
}
#article-iv2 .cont-box:nth-child(5) .item-img {
  height: 360px;
  background-image: url(../img/interview2_img5.png);
  background-size: contain;
  background-repeat: no-repeat;
}
#article-iv2 .cont-box:nth-child(5) .item-txt .text-21 {
  margin-bottom: 15px;
}
#article-iv2 .cont-box:nth-child(5) .item-txt .text-13 {
  margin-bottom: 15px;
}

@media (max-width: 1024px) {
  .article-wrap .cont-box:nth-child(even) {
    flex-direction: row-reverse;
  }
}
@media (max-width: 768px) {
  .article-wrap .cont-box {
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .article-wrap .cont-box {
    flex-direction: column;
  }
}

.iv-cont {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 60px;
}
@media (max-width: 1000px) {
  .iv-cont {
    margin-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .iv-cont {
    margin-bottom: 30px;
  }
}
.iv-cont .iv-img {
  width: 48%;
}
@media (max-width: 1000px) {
  .iv-cont .iv-img {
    width: 100%;
    order: 2;
  }
}

.iv-text {
  width: 48%;
}
@media (max-width: 1000px) {
  .iv-text {
    width: 100%;
    margin-bottom: 40px;
    order: 1;
  }
}
@media (max-width: 768px) {
  .iv-text {
    margin-bottom: 30px;
  }
}
.iv-text h3 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
  margin-bottom: 30px;
}
.iv-text p {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2;
  letter-spacing: 0.05em;
  font-weight: 600;
  margin-bottom: 30px;
}
.iv-text p:last-child {
  margin-bottom: 0;
}

#article-iv1 .iv-cont p,
#article-iv2 .iv-cont p {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2;
  letter-spacing: 0.05em;
  font-weight: 600;
  margin-bottom: 30px;
}

.mt-50 {
  margin-top: 46px;
}
@media (max-width: 1000px) {
  .mt-50 {
    margin-top: 0;
  }
}

::-webkit-full-page-media,
:future,
:root .video.media-document.audio {
  --inline-controls-bar-height: auto;
}

.js-modal-btn {
  width: 100%;
  margin-bottom: 60px;
  transition: 0.3s;
}
@media (max-width: 1000px) {
  .js-modal-btn {
    margin-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .js-modal-btn {
    margin-bottom: 30px;
  }
}
.js-modal-btn:hover {
  opacity: 0.5;
}

.index .js-modal-btn {
  width: 100%;
  margin-bottom: 0;
}

.fadecont {
  opacity: 0;
  transition: opacity 2s;
}

.fadecont.view {
  opacity: 1;
}

.fadeopen {
  opacity: 0;
  transition: opacity 2s;
}

.fadeopen.first {
  transition-delay: 0.3s;
}

.fadeopen.second {
  transition-delay: 0.5s;
}

.fadeopen.third {
  transition-delay: 0.7s;
}

.fadeopen.view {
  opacity: 1;
}

video {
  width: 100%;
}/*# sourceMappingURL=style.css.map */