@charset "UTF-8";
/* =======================================

	Browser Reset CSS
	Last Up Date 14/08/27

========================================== */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Oswald:wght@200;300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap");
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, code, form, fieldset, legend,
p, blockquote, table, th, td, figure {
  margin: 0;
  padding: 0;
}

html, body {
  background: #FFF;
  color: #000;
}

body {
  font: 13px/1 "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
}

* html body {
  font-size: small;
  width: 100%;
}

*:first-child + html body {
  font-size: small;
}

a {
  outline: none;
  color: #000;
}

img {
  border: 0;
  vertical-align: top;
}

@media screen and (min-width: 960px) {
  a:hover img {
    opacity: 0.7;
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    filter: alpha(opacity=70); /* IE lt 8 */
    -ms-filter: "alpha(opacity=70)"; /* IE 8 */
  }
}
h1, h2, h3, h4, h5, h6 {
  clear: both;
  font-size: 100%;
  font-weight: normal;
}

ul, dl, ol {
  text-indent: 0;
}

li {
  list-style: none;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

* html input, * html textarea, * html select {
  font-size: 100%;
}

*:first-child + html + input, *:first-child html + textarea, *:first-child + html select {
  font-size: 100%;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: inherit;
}

th, td {
  text-align: left;
  vertical-align: top;
}

caption {
  text-align: left;
}

pre, code, kbd, samp, tt {
  font-family: monospace;
}

* html pre, * html code, * html kbd, * html samp, * html tt {
  font-size: 100%;
  line-height: 100%;
}

*:first-child + html pre, *:first-child html + code, *:first-child html + kbd, *:first-child + html + samp, *:first-child + html tt {
  font-size: 108%;
  line-height: 100%;
}

input, select, textarea {
  font-size: 100%;
  font-family: Verdana, Helvetica, sans-serif;
}

.clear {
  clear: both;
}

/*-- clearfix --*/
.clearfix:after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0px;
  line-height: 0;
}

.clearfix {
  display: inline-block;
}

/* no ie mac \*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* */
/*===================================
	アニメーション
=====================================*/
/**
 * ----------------------------------------
 * animation navHamberger
 * ----------------------------------------
 */
@keyframes navHambergerBg-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes navHambergerBg-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* ----------------------------------------------
 * http://animista.net
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation fade-in-bottom
 * ----------------------------------------
 */
@keyframes fade-in-bottom {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.contact-form input[type=text],
.contact-form input[type=email],
.contact-form input[type=tel],
.contact-form input[type=number] {
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  font-size: 100%;
}
.contact-form input[type=number]::-webkit-outer-spin-button,
.contact-form input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.contact-form input[type=number] {
  -moz-appearance: txtfield;
}
.contact-form input[type=radio] {
  visibility: hidden;
}
.contact-form input[type=radio]:checked + label {
  background: transparent;
}
.contact-form input[type=checkbox] {
  visibility: hidden;
  height: 1;
  width: 0;
  margin: 0;
  position: absolute;
}
.contact-form input[type=checkbox]:checked + label {
  background: transparent;
}
.contact-form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  background: transparent;
  font-size: 100%;
}
.contact-form select::-ms-expand {
  display: none;
}
.contact-form textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  resize: none;
  padding: 0;
  border: 0;
  outline: none;
  background: transparent;
  font-size: 100%;
}
.contact-form button,
.contact-form input[type=button],
.contact-form input[type=submit] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
}
.contact-form input[type=button],
.contact-form input[type=text],
.contact-form input[type=submit] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
}
.contact-form fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

.blog-navi select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  background: transparent;
  font-size: 100%;
}
.blog-navi select::-ms-expand {
  display: none;
}

/*===================================
	共通レイアウト
=====================================*/
/*　　　global
-------------------------------------*/
body {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  color: #000;
  font-weight: 400;
  background-color: #f7f6f5;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
  word-wrap: break-word;
  -webkit-font-smoothing: antialiased;
}
@media screen and (max-width: 767px) {
  body {
    font-size: 12px;
  }
}

.contents {
  padding-top: 96px;
}
@media screen and (max-width: 767px) {
  .contents {
    padding-top: 75px;
  }
}
.home .contents {
  padding-top: 0;
}
@media screen and (max-width: 767px) {
  .home .contents {
    padding-top: 0;
  }
}
.home .contents.navi_fixed {
  padding-top: 96px;
}
@media screen and (max-width: 767px) {
  .home .contents.navi_fixed {
    padding-top: 75px;
  }
}

p {
  line-height: 2;
}

ul,
ol,
dl,
th,
td {
  line-height: 2;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.3;
  font-weight: 900;
}

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

a {
  color: #000;
  text-decoration: none;
  transition: all 0.5s ease 0s;
}
a:hover {
  transition: all 0.5s ease 0s;
  text-decoration: none;
}
a:hover img {
  opacity: 0.6;
}

/*　　　ttl
-------------------------------------*/
.ttl02 {
  font-size: 175%;
  color: rgb(0, 153, 89);
  letter-spacing: 0;
  position: relative;
  margin: 80px 0 20px;
}
.ttl02::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  background-color: #e9e9e9;
}
.ttl02 span {
  display: inline-block;
  position: relative;
  padding-bottom: 15px;
}
.ttl02 span span {
  font-size: 16px;
  color: #000;
  margin-bottom: 8px;
  padding-bottom: 0;
}
.ttl02 span span::after {
  content: none;
  padding-bottom: 0;
}
.ttl02 span::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  background-color: rgb(0, 153, 89);
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .ttl02 {
    font-size: 133.4%;
    margin: 25px 0 10px;
  }
  .ttl02 span {
    padding-bottom: 5px;
  }
}

.ttl03 {
  font-size: 150%;
  font-weight: 700;
  color: #000;
  margin: 25px 0 10px;
}

.ttl04 {
  font-size: 225%;
  color: rgb(0, 153, 89);
  line-height: 1.5;
  margin-bottom: 30px;
}
.ttl04 span {
  display: block;
  color: #000;
  font-size: 44%;
}
@media screen and (max-width: 767px) {
  .ttl04 {
    font-size: 183.4%;
    margin-bottom: 15px;
  }
  .ttl04 span {
    font-size: 12px;
  }
}

.ttl05 {
  font-size: 175%;
  font-weight: 700;
  color: #000;
  letter-spacing: 0;
  margin: 80px 0 20px;
}
.ttl05 span {
  font-size: 42.8%;
  display: block;
  margin-bottom: 8px;
  font-feature-settings: "palt";
}

/*　　　table
-------------------------------------*/
.table01 {
  width: 100%;
}
.table01 th {
  width: 20%;
  padding: 15px 0;
  font-weight: 700;
  border-bottom: 1px solid #e9e9e9;
}
.table01 td {
  width: 80%;
  padding: 15px 0;
  border-bottom: 1px solid #e9e9e9;
}
@media screen and (max-width: 767px) {
  .table01 th {
    width: 30%;
    padding: 10px 0;
    line-height: 1.8;
  }
  .table01 td {
    width: 70%;
    padding: 10px 0;
    line-height: 1.8;
  }
}

/*　　　btn
-------------------------------------*/
.btn a {
  display: block;
  border: 1px solid rgb(0, 153, 89);
  background-color: rgb(0, 153, 89);
  color: #fff;
  font-weight: 700;
  text-align: center;
  font-size: 14px;
  padding: 14px 0;
  width: 224px;
  border-radius: 29px;
  margin: 0 auto;
  filter: drop-shadow(5px 5px 10px rgba(0, 102, 51, 0.6));
}
.btn a:hover {
  filter: drop-shadow(3px 3px 5px rgba(0, 102, 51, 0.6));
}

.btn-square a {
  display: block;
  background-color: rgb(0, 153, 89);
  color: #fff;
  font-weight: 900;
  text-align: center;
  font-size: 200%;
  padding: 27px 0;
  width: 555px;
  letter-spacing: 0.1em;
}
.btn-square a span {
  padding-left: 45px;
  background: url(../img/common/arrow_right-white.svg) no-repeat 0 center;
  background-size: 28px 28px;
}
.btn-square a:hover {
  text-decoration: none;
  position: relative;
}
.btn-square a:hover::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
}

.btn-square02 a {
  display: block;
  background-color: #fff;
  color: rgb(0, 153, 89);
  font-weight: 900;
  font-size: 150%;
  box-shadow: 10px 10px 0 0 rgba(0, 0, 0, 0.3);
  width: calc(100% - 20px);
  height: 120px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  margin: 0 10px 10px 0;
  font-feature-settings: "palt";
}
.btn-square02 a > div {
  text-align: center;
  width: 100%;
}
.btn-square02 a > div p {
  line-height: 1.2;
}
.btn-square02 a > div span.ttl {
  padding-left: 30px;
  background: url(../img/common/arrow_right.svg) no-repeat 0 8px;
  background-size: 16px 16px;
  display: inline-block;
  text-align: left;
}
.btn-square02 a:hover {
  text-decoration: none;
  position: relative;
}
.btn-square02 a:hover::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
}

/*　　　list
-------------------------------------*/
.link a {
  color: #fff;
  letter-spacing: 0.01em;
  padding-left: 10px;
  display: inline-block;
  position: relative;
  background: url(../img/common/arrow_list.svg) no-repeat 0 10px;
  background-size: 4px 8px;
  text-decoration: underline;
}
.link a:hover {
  text-decoration: none;
}
.link li.catalog a {
  padding-left: 0;
  background: none;
}
.link li.catalog a img {
  width: 100px;
}

.link-green a {
  color: rgb(0, 153, 89);
  text-decoration: underline;
}
.link-green a:hover {
  text-decoration: none;
}

.link-black a {
  color: #000;
  text-decoration: underline;
  background-image: url(../img/common/arrow_hbg.svg);
}
.link-black a:hover {
  text-decoration: none;
}

/*　　　icon
-------------------------------------*/
.icon-blank {
  background: url(../img/common/icon_blank.svg) no-repeat right center;
  background-size: 8px 8px;
  padding-right: 13px;
}

.icon-blank02 {
  background: url(../img/common/icon_blank-green.svg) no-repeat right center;
  background-size: 12px 12px;
  padding-right: 20px;
}
@media screen and (max-width: 767px) {
  .icon-blank02 {
    background-size: 8px 8px;
    padding-right: 15px;
  }
}

.icon-blank02s {
  background: url(../img/common/icon_blank-green.svg) no-repeat right center;
  background-size: 8px 8px;
  padding-right: 18px;
}
@media screen and (max-width: 767px) {
  .icon-blank02s {
    background-size: 6px 6px;
    padding-right: 10px;
  }
}

/*　　　marker
-------------------------------------*/
.marker_green {
  display: inline-block;
  background-color: rgb(0, 153, 89);
  color: #fff;
  line-height: 1.3;
  font-weight: 500;
  padding: 0 2px;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .marker_green {
    font-size: 116.7%;
  }
}

.marker_yellow {
  display: inline-block;
  background-color: rgb(255, 225, 0);
  line-height: 1.3;
  font-weight: 500;
  padding: 0 2px;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .marker_yellow {
    font-size: 116.7%;
  }
}

/*　　　disc
-------------------------------------*/
.disc_green {
  display: inline;
  padding-left: 15px;
  position: relative;
}
.disc_green::before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  background-color: rgb(0, 153, 89);
  border-radius: 50%;
  top: 11px;
  left: 0;
}

/*　　　blog-list
-------------------------------------*/
.blog-catttl {
  font-size: 175%;
  font-weight: 700;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .blog-catttl {
    font-size: 183.4%;
    margin-bottom: 15px;
  }
}

.blog-list {
  display: flex;
  margin-bottom: 50px;
}
.blog-list .blog-list__item {
  width: 30%;
  margin-right: 5%;
}
.blog-list .blog-list__item:nth-child(3n) {
  margin-right: 0;
}
.blog-list .blog-list__item .img__wrap {
  display: block;
  position: relative;
}
.blog-list .blog-list__item .img__wrap .icon-new {
  text-indent: -9999px;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background: url(../img/common/icon_new.svg) no-repeat 0 0;
  background-size: 70px 70px;
  width: 70px;
  height: 70px;
  z-index: 100;
}
.blog-list .blog-list__item .img__wrap .img {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
}
.blog-list .blog-list__item .img__wrap .img::before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 75.1428571429%;
}
.blog-list .blog-list__item .img__wrap .img > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.blog-list .blog-list__item a.img__wrap:hover {
  position: relative;
}
.blog-list .blog-list__item a.img__wrap:hover::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
}
.blog-list .blog-list__item a.img__wrap:hover::after {
  z-index: 110;
}
.blog-list .blog-list__item .txt {
  margin-top: 15px;
}
.blog-list .blog-list__item .txt .blog-info {
  display: flex;
}
.blog-list .blog-list__item .txt .blog-info .blog-date {
  font-size: 87.5%;
  color: #999;
}
.blog-list .blog-list__item .txt .blog-info .blog-cat {
  line-height: 1.75;
  display: flex;
}
.blog-list .blog-list__item .txt .blog-info .blog-cat li {
  margin-left: 10px;
}
.blog-list .blog-list__item .txt .blog-info .blog-cat li a {
  display: inline-block;
  background-color: rgb(0, 153, 89);
  color: #fff;
  font-size: 75%;
  border-radius: 10px;
  text-align: center;
  padding: 0 10px;
}
.blog-list .blog-list__item .txt .blog-info .blog-cat li a:hover {
  position: relative;
}
.blog-list .blog-list__item .txt .blog-info .blog-cat li a:hover::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
}
.blog-list .blog-list__item .txt .blog-info .blog-cat li span {
  display: inline-block;
  background-color: rgb(0, 153, 89);
  color: #fff;
  font-size: 75%;
  border-radius: 10px;
  text-align: center;
  padding: 0 10px;
}
.blog-list .blog-list__item .txt .blog-ttl {
  color: rgb(0, 153, 89);
  font-weight: 700;
  line-height: 1.5;
  margin: 12px 0;
}
.blog-list .blog-list__item .txt .blog-ttl a {
  color: rgb(0, 153, 89);
  font-weight: 700;
}
.blog-list .blog-list__item .txt .blog-ttl a:hover {
  text-decoration: underline;
}
.blog-list .blog-list__item .txt .blog-tag {
  display: flex;
  flex-wrap: wrap;
  line-height: 1.2;
}
.blog-list .blog-list__item .txt .blog-tag li a {
  font-size: 87.5%;
  color: #999;
  padding: 0 12px;
  position: relative;
}
.blog-list .blog-list__item .txt .blog-tag li a:hover {
  text-decoration: underline;
}
.blog-list .blog-list__item .txt .blog-tag li a::before {
  content: "#";
  position: absolute;
  left: 0;
  top: 2px;
}
.blog-list .blog-list__item .txt .blog-tag li a::after {
  content: ",";
  position: absolute;
  right: 5px;
  top: 0;
}
.blog-list .blog-list__item .txt .blog-tag li:last-child a {
  padding-right: 0;
}
.blog-list .blog-list__item .txt .blog-tag li:last-child a::after {
  display: none;
}
@media screen and (max-width: 999px) {
  .blog-list {
    display: block;
  }
  .blog-list .blog-list__item {
    width: 100%;
    margin-right: 0;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
  }
  .blog-list .blog-list__item .img__wrap {
    width: 124px;
  }
  .blog-list .blog-list__item .img__wrap .icon-new {
    background-size: 50px 50px;
    width: 50px;
    height: 50px;
  }
  .blog-list .blog-list__item .txt {
    width: calc(100% - 154px);
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .blog-list {
    margin-bottom: 40px;
  }
  .blog-list .blog-list__item {
    margin-bottom: 20px;
  }
  .blog-list .blog-list__item .img__wrap .icon-new {
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
  }
  .blog-list .blog-list__item .txt {
    width: calc(100% - 144px);
  }
  .blog-list .blog-list__item .txt .blog-info {
    margin-bottom: 10px;
    display: block;
  }
  .blog-list .blog-list__item .txt .blog-info .blog-date {
    font-size: 116.7%;
    margin-bottom: 5px;
    line-height: 1.5;
  }
  .blog-list .blog-list__item .txt .blog-info .blog-cat li:first-child {
    margin-left: 0;
  }
  .blog-list .blog-list__item .txt .blog-info .blog-cat li a {
    font-size: 100%;
  }
  .blog-list .blog-list__item .txt .blog-ttl {
    margin: 8px 0;
    line-height: 1.3;
  }
  .blog-list .blog-list__item .txt .blog-ttl a {
    font-size: 133.4%;
  }
  .blog-list .blog-list__item .txt .blog-tag {
    flex-wrap: wrap;
    line-height: 1.42;
  }
  .blog-list .blog-list__item .txt .blog-tag li a {
    font-size: 116.7%;
  }
}
.blog-list.blog-index {
  border-bottom: 1px solid #e9e9e9;
  justify-content: space-between;
  flex-wrap: wrap;
}
.blog-list.blog-index .blog-list__item {
  width: 48%;
  margin: 0 0 30px;
}
.blog-list.blog-index .blog-list__item .img__wrap .icon-new {
  background-size: 65px 65px;
  width: 65px;
  height: 65px;
}
.blog-list.blog-index .blog-list__item .txt .blog-ttl {
  line-height: 2;
}
@media screen and (max-width: 999px) {
  .blog-list.blog-index .blog-list__item {
    width: 100%;
  }
  .blog-list.blog-index .blog-list__item .img__wrap .icon-new {
    background-size: 50px 50px;
    width: 50px;
    height: 50px;
  }
}
@media screen and (max-width: 767px) {
  .blog-list.blog-index .blog-list__item .img__wrap .icon-new {
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
  }
  .blog-list.blog-index .blog-list__item .txt .blog-info {
    display: flex;
  }
  .blog-list.blog-index .blog-list__item .txt .blog-info .blog-cat li:first-child {
    margin-left: 10px;
  }
  .blog-list.blog-index .blog-list__item .txt .blog-ttl {
    line-height: 1.3;
  }
}

/*　　blog-entry
-------------------------------------*/
.blog-ttl02 {
  font-size: 150%;
  color: rgb(0, 153, 89);
  font-weight: 700;
  margin: 60px 0 20px;
}

.blog-entry .blog-header {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e9e9e9;
}
.blog-entry .blog-header .blog-info {
  display: flex;
}
.blog-entry .blog-header .blog-info .blog-date {
  font-size: 14px;
  color: #999;
}
.blog-entry .blog-header .blog-info .blog-cat {
  line-height: 1.75;
  display: flex;
}
.blog-entry .blog-header .blog-info .blog-cat li {
  margin-left: 10px;
}
.blog-entry .blog-header .blog-info .blog-cat li a {
  display: inline-block;
  background-color: rgb(0, 153, 89);
  color: #fff;
  font-size: 12px;
  border-radius: 10px;
  text-align: center;
  padding: 0 10px;
}
.blog-entry .blog-header .blog-info .blog-cat li a:hover {
  position: relative;
}
.blog-entry .blog-header .blog-info .blog-cat li a:hover::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
}
.blog-entry .blog-header .blog-ttl {
  font-size: 175%;
  font-weight: 700;
  margin-top: 15px;
}
.blog-entry .blog-header .blog-ttl .icon-new {
  padding-right: 45.69px;
  background: url(../img/common/icon_new02.svg) no-repeat right 16px;
  background-size: 35.69px 11.91px;
}
.blog-entry .blog-header .blog-tag {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
}
.blog-entry .blog-header .blog-tag li a {
  display: block;
  font-size: 87.5%;
  color: #999;
  padding: 0 12px;
  position: relative;
}
.blog-entry .blog-header .blog-tag li a:hover {
  text-decoration: underline;
}
.blog-entry .blog-header .blog-tag li a::before {
  content: "#";
  position: absolute;
  left: 0;
}
.blog-entry .blog-header .blog-tag li a::after {
  content: ",";
  position: absolute;
  right: 5px;
  top: 0;
}
.blog-entry .blog-header .blog-tag li:last-child a {
  padding-right: 0;
}
.blog-entry .blog-header .blog-tag li:last-child a::after {
  display: none;
}
.blog-entry .blog-body {
  margin: 0 -10px;
}
.blog-entry .blog-body [class*=column-eximage],
.blog-entry .blog-body [class*=column-media],
.blog-entry .blog-body [class*=column-video],
.blog-entry .blog-body [class*=column-youtube] {
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
}
.blog-entry .blog-body h1,
.blog-entry .blog-body h2,
.blog-entry .blog-body h3,
.blog-entry .blog-body h4,
.blog-entry .blog-body h5,
.blog-entry .blog-body h6 {
  margin-right: 10px;
  margin-left: 10px;
  font-weight: 700;
}
.blog-entry .blog-body h1 {
  font-size: 162.5%;
  margin: 60px 10px 20px;
}
.blog-entry .blog-body h2 {
  font-size: 150%;
  margin: 60px 10px 20px;
}
.blog-entry .blog-body h2.ttl02 {
  font-size: 175%;
  margin: 80px 10px 20px;
}
.blog-entry .blog-body h3 {
  font-size: 112.5%;
  margin: 55px 10px 15px;
}
.blog-entry .blog-body h4 {
  margin: 50px 10px 15px;
  padding-left: 15px;
  position: relative;
}
.blog-entry .blog-body h4::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: rgb(0, 153, 89);
  border-radius: 50%;
  top: 6px;
  left: 0;
}
.blog-entry .blog-body p {
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 30px;
  font-size: 87.5%;
}
.blog-entry .blog-body p.caption {
  font-size: 12px;
  text-align: left;
  max-width: 615px;
}
.blog-entry .blog-body p.txtlink {
  font-size: 100%;
  margin-bottom: 0;
}
.blog-entry .blog-body p.txtlink a {
  text-decoration: none;
  font-weight: 700;
  padding-left: 20px;
  background: url(../img/common/arrow_right.svg) no-repeat 0 center;
  background-size: 12px 12px;
}
.blog-entry .blog-body p.txtlink a:hover {
  text-decoration: underline;
}
.blog-entry .blog-body ul {
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 30px;
}
.blog-entry .blog-body ul li {
  font-size: 87.5%;
  padding-left: 20px;
  position: relative;
}
.blog-entry .blog-body ul li::before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: rgb(0, 153, 89);
  border-radius: 50%;
  top: 12px;
  left: 5px;
}
.blog-entry .blog-body ol {
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 30px;
  padding-left: 20px;
}
.blog-entry .blog-body ol li {
  font-size: 87.5%;
  list-style: decimal;
}
.blog-entry .blog-body dl {
  margin-right: 10px;
  margin-left: 10px;
  font-size: 87.5%;
}
.blog-entry .blog-body dl dt {
  font-size: 112.5%;
  font-weight: 700;
  color: rgb(0, 153, 89);
  border-top: 1px solid #e9e9e9;
  padding-top: 20px;
}
.blog-entry .blog-body dl dd {
  padding-bottom: 20px;
}
.blog-entry .blog-body table {
  width: calc(100% - 20px);
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 30px;
  font-size: 87.5%;
  border-top: 1px solid rgb(0, 153, 89);
}
.blog-entry .blog-body table th {
  font-weight: 700;
  padding: 15px 25px 15px 0;
  border-bottom: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
}
.blog-entry .blog-body table td {
  padding: 15px 25px 15px 0;
  border-bottom: 1px solid #e9e9e9;
}
.blog-entry .blog-body table td:last-child {
  padding-right: 0;
}
.blog-entry .blog-body table .acms-cell-text-center {
  text-align: center;
}
.blog-entry .blog-body table .acms-cell-text-left {
  text-align: left;
}
.blog-entry .blog-body table .acms-cell-text-right {
  text-align: right;
}
.blog-entry .blog-body blockquote {
  font-size: 87.5%;
  margin-bottom: 30px;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 30px;
  padding: 20px 20px 20px 30px;
  line-height: 1.8;
  background: #e9e9e9;
  border-left: 5px solid #989898;
}
.blog-entry .blog-body strong {
  font-weight: 700;
}
.blog-entry .blog-body em {
  font-style: italic;
}
.blog-entry .blog-body a {
  color: rgb(0, 153, 89);
  text-decoration: underline;
}
.blog-entry .blog-body a:hover {
  text-decoration: none;
}
.blog-entry .blog-body .column-table- .entry-container {
  overflow-x: auto;
}
.blog-entry .blog-body .column-table- table {
  margin-right: 0;
  margin-left: 0;
  width: 100%;
}
.blog-entry .blog-body .blog-size02 {
  width: 50%;
}
.blog-entry .blog-body .blog-size03 {
  width: 33.3333%;
}
.blog-entry .blog-body .blog-column02 {
  float: left;
  width: 50%;
}
.blog-entry .blog-body .blog-column02 .blog-size02,
.blog-entry .blog-body .blog-column02 .blog-size03 {
  width: 100%;
}
.blog-entry .blog-body .blog-column02 h1,
.blog-entry .blog-body .blog-column02 h2,
.blog-entry .blog-body .blog-column02 h3,
.blog-entry .blog-body .blog-column02 h4,
.blog-entry .blog-body .blog-column02 h5,
.blog-entry .blog-body .blog-column02 h6 {
  margin-top: 0;
}
.blog-entry .blog-body .blog-column02 p {
  margin-bottom: 15px;
}
.blog-entry .blog-body .blog-column02 .btn-square03 {
  margin-top: 0;
}
.blog-entry .blog-body .blog-column03 {
  float: left;
  width: 33.3333%;
}
.blog-entry .blog-body .blog-column03 .blog-size02,
.blog-entry .blog-body .blog-column03 .blog-size03 {
  width: 100%;
}
.blog-entry .blog-body .blog-column03 h1,
.blog-entry .blog-body .blog-column03 h2,
.blog-entry .blog-body .blog-column03 h3,
.blog-entry .blog-body .blog-column03 h4,
.blog-entry .blog-body .blog-column03 h5,
.blog-entry .blog-body .blog-column03 h6 {
  margin-top: 0;
}
.blog-entry .blog-body .blog-column03 p {
  margin-bottom: 15px;
}
.blog-entry .blog-body .blog-column03 .btn-square03 {
  margin-top: 0;
}
.blog-entry .blog-body .btn-square {
  font-size: 100%;
}
.blog-entry .blog-body .btn-square a {
  color: #fff;
  text-decoration: none;
  font-size: 175%;
  width: 100%;
  max-width: 576px;
  padding: 22px 0;
}
.blog-entry .blog-body .btn-square a span {
  padding-left: 35px;
  background-size: 22px 22px;
}
.topics .blog-entry .blog-body .btn-square a {
  max-width: 685px;
}
.blog-entry .blog-body .btn-square03 a {
  display: inline-block;
  font-size: 100%;
  width: auto;
  max-width: 100%;
  padding: 8px 15px;
  font-weight: 700;
  letter-spacing: 0;
}
.blog-entry .blog-body .btn-square03 a span {
  padding-left: 20px;
  background-size: 12px 12px;
}
.blog-entry .blog-related .blog-list .blog-list__item .img__wrap .icon-new {
  background-size: 50px 50px;
  width: 50px;
  height: 50px;
}
.blog-entry .blog-related .blog-list .blog-list__item .txt .blog-info {
  align-items: center;
}
.blog-entry .blog-related .blog-list .blog-list__item .txt .blog-info .blog-date {
  font-size: 75%;
}
.blog-entry .blog-related .blog-list .blog-list__item .txt .blog-ttl a {
  font-size: 87.5%;
}
.blog-entry .blog-related .blog-list .blog-list__item .txt .blog-tag li a {
  font-size: 75%;
}
@media screen and (max-width: 767px) {
  .blog-entry .blog-ttl02 {
    margin: 40px 0 15px;
  }
  .blog-entry .blog-header {
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
  .blog-entry .blog-header .blog-info {
    align-items: center;
  }
  .blog-entry .blog-header .blog-info .blog-date {
    font-size: 12px;
  }
  .blog-entry .blog-header .blog-ttl {
    font-size: 183.4%;
    margin-top: 10px;
  }
  .blog-entry .blog-header .blog-ttl .icon-new {
    background-position: right 14px;
    padding-right: 29.3px;
    background-size: 22.3px 7.44px;
  }
  .blog-entry .blog-header .blog-tag li a {
    padding: 0 10px;
    font-size: 12px;
  }
  .blog-entry .blog-header .blog-tag li a::after {
    right: 4px;
  }
  .blog-entry .blog-body {
    margin: 0 -5px;
  }
  .blog-entry .blog-body [class*=column-eximage],
  .blog-entry .blog-body [class*=column-media],
  .blog-entry .blog-body [class*=column-video],
  .blog-entry .blog-body [class*=column-youtube] {
    padding-left: 5px;
    padding-right: 5px;
    box-sizing: border-box;
  }
  .blog-entry .blog-body h1,
  .blog-entry .blog-body h2,
  .blog-entry .blog-body h3,
  .blog-entry .blog-body h4,
  .blog-entry .blog-body h5,
  .blog-entry .blog-body h6 {
    margin-right: 5px;
    margin-left: 5px;
  }
  .blog-entry .blog-body h1 {
    font-size: 166.7%;
    margin: 40px 5px 20px;
  }
  .blog-entry .blog-body h2 {
    margin: 40px 5px 20px;
  }
  .blog-entry .blog-body h2.ttl02 {
    font-size: 133.4%;
    margin: 25px 5px 10px;
  }
  .blog-entry .blog-body h3 {
    font-size: 133.4%;
    margin: 35px 5px 15px;
  }
  .blog-entry .blog-body h4 {
    margin: 30px 5px 15px;
    font-size: 116.7%;
  }
  .blog-entry .blog-body h4::before {
    top: 4px;
  }
  .blog-entry .blog-body p {
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 20px;
    font-size: 100%;
  }
  .blog-entry .blog-body p.caption {
    margin: 5px 0 0;
    font-size: 10px;
  }
  .blog-entry .blog-body p.txtlink {
    font-size: 116.7%;
  }
  .blog-entry .blog-body ul {
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 20px;
  }
  .blog-entry .blog-body ul li {
    font-size: 100%;
  }
  .blog-entry .blog-body ul li::before {
    top: 10px;
  }
  .blog-entry .blog-body ol {
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 20px;
    padding-left: 20px;
  }
  .blog-entry .blog-body ol li {
    font-size: 100%;
    list-style: decimal;
  }
  .blog-entry .blog-body dl {
    margin-right: 5px;
    margin-left: 5px;
    font-size: 100%;
  }
  .blog-entry .blog-body dl dt {
    font-size: 133.4%;
    padding-top: 15px;
  }
  .blog-entry .blog-body dl dd {
    padding-bottom: 15px;
  }
  .blog-entry .blog-body table {
    width: calc(100% - 10px);
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 20px;
    font-size: 100%;
  }
  .blog-entry .blog-body table th {
    padding: 10px 10px 10px 0;
  }
  .blog-entry .blog-body table td {
    padding: 10px 10px 10px 0;
  }
  .blog-entry .blog-body table.acms-table-scrollable th {
    white-space: nowrap;
  }
  .blog-entry .blog-body table.acms-table-scrollable td {
    white-space: nowrap;
  }
  .blog-entry .blog-body blockquote {
    font-size: 100%;
    margin-bottom: 20px;
    padding: 20px 10px 20px 20px;
  }
  .blog-entry .blog-body .blog-column03 {
    float: none;
    width: 100%;
  }
  .blog-entry .blog-body .btn-square a {
    font-size: 166.7%;
    padding: 18px 0;
  }
  .blog-entry .blog-body .btn-square a span {
    display: inline-block;
    padding-left: 25px;
    background-size: 16px 16px;
    text-align: left;
    line-height: 1.3;
  }
  .blog-entry .blog-body .btn-square03 a {
    display: block;
    font-size: 116.7%;
    width: calc(100% - 30px);
    padding: 10px 15px;
  }
  .blog-entry .blog-related .blog-list .blog-list__item .txt .blog-info {
    display: flex;
  }
  .blog-entry .blog-related .blog-list .blog-list__item .txt .blog-info .blog-date {
    font-size: 100%;
  }
  .blog-entry .blog-related .blog-list .blog-list__item .txt .blog-info .blog-cat li:first-child {
    margin-left: 10px;
  }
  .blog-entry .blog-related .blog-list .blog-list__item .txt .blog-ttl a {
    font-size: 100%;
  }
  .blog-entry .blog-related .blog-list .blog-list__item .txt .blog-tag li a {
    font-size: 10px;
  }
}

/*　　blog-pager
-------------------------------------*/
.blog-pager {
  text-align: center;
  margin-top: 40px;
}
.blog-pager ul.pager li {
  display: inline-block;
  margin: 0 20px;
}
.blog-pager ul.pager li a {
  color: rgb(0, 153, 89);
  font-weight: 700;
  font-size: 20px;
}
.blog-pager ul.pager li a:hover {
  text-decoration: underline;
}
.blog-pager ul.pager li.pager-prev {
  margin-left: 0;
}
.blog-pager ul.pager li.pager-next {
  margin-right: 0;
}
.blog-pager ul.pager li.cur {
  color: #999;
  font-weight: 700;
  font-size: 20px;
}
.blog-pager ul.serial-nav {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  max-width: 375px;
}
.blog-pager ul.serial-nav li a {
  color: rgb(0, 153, 89);
  font-weight: 700;
  font-size: 20px;
}
.blog-pager ul.serial-nav li a:hover {
  text-decoration: underline;
}
.blog-pager ul.serial-nav li.cur {
  color: #999;
  font-weight: 700;
  font-size: 20px;
}
.blog-pager ul.serial-nav.simple-pager {
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .blog-pager {
    margin-top: 20px;
  }
  .blog-pager ul.pager li {
    margin: 0 12px;
  }
}

/*　　flex-box
-------------------------------------*/
.flex-box {
  display: flex;
  flex-wrap: wrap;
}
.flex-box .flex-box_detail {
  width: 48%;
  margin-bottom: 30px;
}
.flex-box .flex-box_detail:nth-child(2n) {
  margin-left: 4%;
}
@media screen and (max-width: 767px) {
  .flex-box {
    display: block;
  }
  .flex-box .flex-box_detail {
    width: 100%;
    margin-bottom: 20px;
  }
  .flex-box .flex-box_detail:nth-child(2n) {
    margin-left: 0;
  }
}

/*　　animation
-------------------------------------*/
.js-effect-fade {
  opacity: 0;
  transform: translate(0, 80px);
  transition: all 450ms ease-out;
}
.js-effect-fade.js-effect-scroll {
  opacity: 1;
  transform: translate(0, 0);
}

/*　　　modal_img
-------------------------------------*/
.modal_img {
  position: relative;
}
.modal_img .icon-big {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 40px !important;
  height: 40px;
  border-radius: 50%;
  background: url(../img/common/icon_big.svg) no-repeat center center rgb(0, 153, 89);
  background-size: 20.23px 20.23px;
  filter: drop-shadow(5px 5px 10px rgba(0, 102, 51, 0.6));
}
.modal_img:hover .icon-big {
  filter: drop-shadow(3px 3px 5px rgba(0, 102, 51, 0.6));
}
@media screen and (max-width: 767px) {
  .modal_img .icon-big {
    bottom: 10px;
    right: 10px;
    width: 22px !important;
    height: 22px;
    background-size: 10px 10px;
  }
}

/*notfound-msg
-------------------------------------*/
.notfound-msg {
  text-align: center;
}
.notfound-msg h2 {
  line-height: 1.43;
  color: rgb(0, 153, 89);
  font-size: 200%;
  text-align: center;
  margin: 30px 0;
}
.notfound-msg .btn a {
  margin: 60px auto 30px;
}
@media screen and (max-width: 767px) {
  .notfound-msg h2 {
    font-size: 150%;
    margin: 15px;
  }
  .notfound-msg .btn a {
    margin: 30px auto;
  }
}

/*　　　other
-------------------------------------*/
.mb10 {
  margin-bottom: 10px !important;
}

.img-roud img {
  border-radius: 9px;
}

.font_red {
  color: #ff0000;
}

.font_green {
  color: rgb(0, 153, 89);
}

a.txt_link {
  color: rgb(0, 153, 89);
  text-decoration: underline;
}
a.txt_link:hover {
  text-decoration: none;
}

.txt_center {
  text-align: center;
}

.pc_none {
  display: none;
}
@media screen and (max-width: 767px) {
  .pc_none {
    display: block;
  }
}

.pc_br {
  display: block;
}
@media screen and (max-width: 999px) {
  .pc_br {
    display: none;
  }
}

@media screen and (max-width: 999px) {
  .tb_none {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .tb_none {
    display: block;
  }
}

.tb_br {
  display: none;
}
@media screen and (max-width: 999px) {
  .tb_br {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .sp_none {
    display: none;
  }
}

.sp_br {
  display: none;
}
@media screen and (max-width: 767px) {
  .sp_br {
    display: block;
  }
}

#cboxLoadingOverlay {
  background: none !important;
}

#cboxClose {
  right: calc(50% - 60px - 210px) !important;
}
@media screen and (max-width: 767px) {
  #cboxClose {
    right: 0 !important;
  }
}

/*===================================
	ヘッダー
=====================================*/
/*　　　global header
-------------------------------------*/
.site-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 96px;
  background-color: #fff;
  filter: drop-shadow(3px 3px 15px rgba(0, 0, 0, 0.09));
  z-index: 800;
}
.site-header .site-header__inner {
  margin: 0 auto;
}
.site-header .site-header__inner .site-header__logo {
  float: left;
  width: 194.2px;
  height: 39.37px;
  padding: 28.315px 0 28.315px 78px;
}
.site-header .site-header__inner .site-header__logo a {
  display: block;
}
.site-header .site-header__inner .gnavi {
  float: right;
  width: calc(100% - 289px);
}
.site-header .site-header__inner .gnavi .gnavi__list {
  float: left;
  display: flex;
  justify-content: flex-end;
  width: calc(100% - 288px);
  font-size: 86.7%;
  line-height: 1.75;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin: 35px 108px 0 0;
}
.site-header .site-header__inner .gnavi .gnavi__list > li {
  margin-right: 12px;
}
@media screen and (min-width: 1450px) {
  .site-header .site-header__inner .gnavi .gnavi__list > li {
    margin-right: 20px;
  }
}
@media screen and (max-width: 1385px) {
  .site-header .site-header__inner .gnavi .gnavi__list > li {
    margin-right: clamp(6px, 0.6vw, 20px);
  }
}
@media screen and (max-width: 1300px) {
  .site-header .site-header__inner .gnavi .gnavi__list > li {
    margin-right: clamp(6px, 0.6vw, 20px);
    font-size: clamp(12px, 1.2vw, 14px);
  }
}
.site-header .site-header__inner .gnavi .gnavi__list > li > a {
  cursor: pointer;
  padding: 0 2px;
  display: block;
  overflow: hidden;
  position: relative;
  transition: initial;
}
.site-header .site-header__inner .gnavi .gnavi__list > li > a::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgb(0, 153, 89);
  transform: translateX(-101%);
  box-sizing: border-box;
  transition: 0.5s ease-in-out;
  z-index: -1;
}
.site-header .site-header__inner .gnavi .gnavi__list > li > a:hover {
  color: #fff;
}
.site-header .site-header__inner .gnavi .gnavi__list > li > a:hover::before {
  transform: translateX(0);
}
.site-header .site-header__inner .gnavi .gnavi__list > li > a.active {
  color: #fff;
  background-color: rgb(0, 153, 89);
}
.site-header .site-header__inner .gnavi .gnavi__list > li .gnavi-ttl {
  cursor: pointer;
  padding: 0 2px;
  padding-bottom: 20px;
  display: block;
  overflow: hidden;
  position: relative;
  transition: initial;
}
.site-header .site-header__inner .gnavi .gnavi__list > li .gnavi-ttl::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  height: calc(100% - 20px);
  background-color: rgb(0, 153, 89);
  transform: translateX(-101%);
  box-sizing: border-box;
  transition: 0.5s ease-in-out;
  z-index: -1;
}
.site-header .site-header__inner .gnavi .gnavi__list > li .gnavi-ttl::after {
  content: "";
  position: absolute;
  bottom: 9px;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 6.86px;
  height: 5.17px;
  background: url(../img/common/arrow_gnavi.svg) no-repeat 0 0;
  background-size: 6.86px 5.17px;
}
.site-header .site-header__inner .gnavi .gnavi__list > li:hover .gnavi-ttl {
  color: #fff;
}
.site-header .site-header__inner .gnavi .gnavi__list > li:hover .gnavi-ttl::before {
  transform: translateX(0);
}
.site-header .site-header__inner .gnavi .gnavi__list > li:hover .gnavi-ttl::after {
  bottom: 0;
}
.site-header .site-header__inner .gnavi .gnavi__list .lnavi {
  display: none;
  position: absolute;
  top: 96px;
  left: 0;
  width: 100%;
  background-color: rgb(0, 153, 89);
  margin: 0;
}
.site-header .site-header__inner .gnavi .gnavi__list .lnavi .box-white {
  max-width: 770px;
  background-color: rgb(0, 153, 89);
  border-radius: 0;
  padding: 40px 0 20px;
}
.site-header .site-header__inner .gnavi .gnavi__list .lnavi .box-white .lnavi__list li a {
  color: #fff;
  background-image: url(../img/common/arrow_lnavi-white.svg);
}
.site-header .site-header__inner .gnavi .gnavi__list .lnavi .box-white .lnavi__list .lnavi__list-sec li {
  color: #fff;
}
.site-header .site-header__inner .gnavi .gnavi__list .gnavi__list-basic-knowledge .lnavi .box-white .lnavi__ttl {
  padding-right: 50px;
}
.site-header .site-header__inner .gnavi .gnavi__list .gnavi__list-num .lnavi .box-white {
  max-width: 320px;
}
.site-header .site-header__inner .gnavi .gnavi__list .gnavi__list-about-us .lnavi .box-white,
.site-header .site-header__inner .gnavi .gnavi__list .sns .lnavi .box-white {
	max-width: 330px;
}
.basic-knowledge .site-header .site-header__inner .gnavi .gnavi__list li.gnavi__list-basic-knowledge .gnavi-ttl {
  color: #fff;
}
.basic-knowledge .site-header .site-header__inner .gnavi .gnavi__list li.gnavi__list-basic-knowledge .gnavi-ttl::before {
  transform: translateX(0);
}
.about-us .site-header .site-header__inner .gnavi .gnavi__list li.gnavi__list-about-us .gnavi-ttl {
  color: #fff;
}
.about-us .site-header .site-header__inner .gnavi .gnavi__list li.gnavi__list-about-us .gnavi-ttl::before {
  transform: translateX(0);
}
.site-header .site-header__inner .gnavi .gnavi__list-btn {
  float: right;
  width: 180px;
}
.site-header .site-header__inner .gnavi .gnavi__list-btn li a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
  height: 96px;
  width: 180px;
}
.site-header .site-header__inner .gnavi .gnavi__list-btn li a:hover {
  position: relative;
}
.site-header .site-header__inner .gnavi .gnavi__list-btn li a:hover::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
}
.site-header .site-header__inner .gnavi .gnavi__list-btn li.gnavi__list-contact a {
  background-color: rgb(0, 153, 89);
  text-align: center;
}
.site-header .site-header__inner .gnavi .gnavi__list-btn li.gnavi__list-document-request a {
  background-color: #ff0000;
}
.site-header .site-header__inner .gnavi .gnavi__hbg {
  width: calc(100% - 300px);
  height: calc(100% - 280px);
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 990;
  opacity: 0;
  visibility: hidden;
  overflow-y: scroll;
  padding: 150px 150px 130px;
  animation-name: navHambergerBg-out;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.32, 0.95, 0.6, 1);
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: both;
}
.site-header .site-header__inner .gnavi .gnavi__hbg .gnavi__hbg__inner {
  display: flex;
}
.site-header .site-header__inner .gnavi .gnavi__hbg .gnavi__hbg__inner > div {
  width: 50%;
}
.site-header .site-header__inner .gnavi .gnavi__hbg .gnavi__hbg__inner .gnavi__hbg-list > li > span {
  display: inline-block;
  line-height: 1.75;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: 30px;
}
.site-header .site-header__inner .gnavi .gnavi__hbg .gnavi__hbg__inner .gnavi__hbg-list > li > a {
  padding: 0 2px;
  display: inline-block;
  line-height: 1.75;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
  transition: initial;
}
@media screen and (min-width: 1000px) {
  .site-header .site-header__inner .gnavi .gnavi__hbg .gnavi__hbg__inner .gnavi__hbg-list > li > a::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgb(0, 153, 89);
    transform: translateX(-101%);
    box-sizing: border-box;
    transition: 0.5s ease-in-out;
    z-index: -1;
  }
}
.site-header .site-header__inner .gnavi .gnavi__hbg .gnavi__hbg__inner .gnavi__hbg-list > li > a:hover {
  color: #fff;
}
@media screen and (max-width: 999px) {
  .site-header .site-header__inner .gnavi .gnavi__hbg .gnavi__hbg__inner .gnavi__hbg-list > li > a:hover {
    background-color: rgb(0, 153, 89);
  }
}
@media screen and (min-width: 1000px) {
  .site-header .site-header__inner .gnavi .gnavi__hbg .gnavi__hbg__inner .gnavi__hbg-list > li > a:hover::before {
    transform: translateX(0);
  }
}
.site-header .site-header__inner .gnavi .gnavi__hbg .gnavi__hbg__inner .gnavi__hbg-list > li > a.active {
  color: #fff;
  background-color: rgb(0, 153, 89);
}
.site-header .site-header__inner .gnavi .gnavi__hbg .gnavi__hbg__inner .gnavi__hbg-list > li .gnavi-sec__list li.nolink {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
  padding-left: 5px;
}
.site-header .site-header__inner .gnavi .gnavi__hbg .gnavi__hbg__inner .gnavi__hbg-list > li .gnavi-sec__list li.middle a {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
  padding-left: 5px;
  background-image: none;
}
.site-header .site-header__inner .gnavi .gnavi__hbg .gnavi__hbg__inner .gnavi__hbg-list > li .gnavi-sec__list li img {
  width: 62px;
  height: auto;
}
.site-header .site-header__inner .gnavi .gnavi__hbg .gnavi__hbg__inner .gnavi__hbg-list > li .gnavi-sec__list li span {
  margin-left: 15px;
  display: inline-block;
  margin-bottom: 20px;
  color: #989898;
  font-size: 87.5%;
  line-height: 1.75;
  font-weight: 500;
  letter-spacing: 0;
}
.site-header .site-header__inner .gnavi .gnavi__hbg .gnavi__hbg__inner .gnavi__hbg-list > li .gnavi-sec__list li span.sm-text {
  color: inherit;
  margin-left: 0;
  margin-bottom: 0;
}
.site-header .site-header__inner .gnavi .gnavi__hbg .gnavi__hbg__inner .gnavi__hbg-list > li .gnavi-sec__list li a {
  background: url(../img/common/arrow_hbg.svg) no-repeat 7px 8px;
  background-size: 4px 8px;
  padding: 0 2px 0 15px;
  display: inline-block;
  margin-bottom: 20px;
  font-size: 87.5%;
  line-height: 1.75;
  font-weight: 500;
  letter-spacing: 0;
  overflow: hidden;
  position: relative;
  transition: initial;
}
.site-header .site-header__inner .gnavi .gnavi__hbg .gnavi__hbg__inner .gnavi__hbg-list > li .gnavi-sec__list li a img.icon_blank {
  width: 8px;
  height: 8px;
  vertical-align: inherit;
  margin-bottom: 2px;
  margin-left: 6px;
}
@media screen and (min-width: 1000px) {
  .site-header .site-header__inner .gnavi .gnavi__hbg .gnavi__hbg__inner .gnavi__hbg-list > li .gnavi-sec__list li a::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgb(0, 153, 89);
    transform: translateX(-101%);
    box-sizing: border-box;
    transition: 0.5s ease-in-out;
    z-index: -1;
  }
}
.site-header .site-header__inner .gnavi .gnavi__hbg .gnavi__hbg__inner .gnavi__hbg-list > li .gnavi-sec__list li a.catalog:hover {
  color: inherit;
  background-image: url(../img/common/arrow_hbg.svg);
}
@media screen and (max-width: 999px) {
  .site-header .site-header__inner .gnavi .gnavi__hbg .gnavi__hbg__inner .gnavi__hbg-list > li .gnavi-sec__list li a.catalog:hover {
    background-color: rgba(255, 255, 255, 0);
  }
}
@media screen and (min-width: 1000px) {
  .site-header .site-header__inner .gnavi .gnavi__hbg .gnavi__hbg__inner .gnavi__hbg-list > li .gnavi-sec__list li a.catalog:hover::before {
    transform: translateX(-101%);
  }
}
.site-header .site-header__inner .gnavi .gnavi__hbg .gnavi__hbg__inner .gnavi__hbg-list > li .gnavi-sec__list li a:hover {
  color: #fff;
  background-image: url(../img/common/arrow_hbg-white.svg);
}
@media screen and (max-width: 999px) {
  .site-header .site-header__inner .gnavi .gnavi__hbg .gnavi__hbg__inner .gnavi__hbg-list > li .gnavi-sec__list li a:hover {
    background-color: rgb(0, 153, 89);
  }
}
@media screen and (min-width: 1000px) {
  .site-header .site-header__inner .gnavi .gnavi__hbg .gnavi__hbg__inner .gnavi__hbg-list > li .gnavi-sec__list li a:hover::before {
    transform: translateX(0);
  }
}
.site-header .site-header__inner .gnavi .gnavi__hbg .gnavi__hbg__inner .gnavi__hbg-list > li .gnavi-sec__list li a.active {
  color: #fff;
  background-color: rgb(0, 153, 89);
  background-image: url(../img/common/arrow_hbg-white.svg);
}
.site-header .site-header__inner .gnavi .gnavi__hbg .gnavi__hbg__inner .gnavi__hbg-btn {
  width: 200px;
}
.site-header .site-header__inner .gnavi .gnavi__hbg .gnavi__hbg__inner .gnavi__hbg-btn li a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
  height: 48px;
  width: 200px;
}
.site-header .site-header__inner .gnavi .gnavi__hbg .gnavi__hbg__inner .gnavi__hbg-btn li a:hover {
  position: relative;
}
.site-header .site-header__inner .gnavi .gnavi__hbg .gnavi__hbg__inner .gnavi__hbg-btn li a:hover::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
}
.site-header .site-header__inner .gnavi .gnavi__hbg .gnavi__hbg__inner .gnavi__hbg-btn li.gnavi__hbg-contact a {
  background-color: rgb(0, 153, 89);
  margin-bottom: 20px;
}
.site-header .site-header__inner .gnavi .gnavi__hbg .gnavi__hbg__inner .gnavi__hbg-btn li.gnavi__hbg-document-request a {
  background-color: #ff0000;
}
.site-header .site-header__inner .gnavi .gnavi__hbg .gnavi__hbg__inner .gnavi__hbg-sns {
  margin-top: 40px;
  width: 220px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.site-header .site-header__inner .gnavi .gnavi__hbg .gnavi__hbg__inner .gnavi__hbg-sns li {
  width: 30px;
  height: initial;
  line-height: 1;
}
.site-header .site-header__inner .gnavi .gnavi__hbg .gnavi__hbg__inner .gnavi__hbg-sns li:last-of-type img {
  max-width: 25px;
}
.home .site-header {
  position: fixed;
}
@media screen and (max-width: 1300px) {
  .site-header .site-header__inner .site-header__logo {
    width: 120px;
    height: 24.31;
    padding: 35.845px 0 35.845px 78px;
  }
  .site-header .site-header__inner .gnavi {
    width: calc(100% - 214px);
  }
  .site-header .site-header__inner .gnavi .gnavi__list {
    width: calc(100% - 108px);
  }
  .site-header .site-header__inner .gnavi .gnavi__list-btn {
    display: none;
  }
  .site-header .site-header__inner .gnavi .gnavi__hbg {
    width: calc(100% - 260px);
    height: calc(100% - 270px);
    padding: 150px 130px 120px;
  }
  .site-header .site-header__inner .gnavi .gnavi__hbg .gnavi__hbg__inner .gnavi__hbg-list > li > a,
  .site-header .site-header__inner .gnavi .gnavi__hbg .gnavi__hbg__inner .gnavi__hbg-list > li > span {
    margin-bottom: 20px;
  }
  .site-header .site-header__inner .gnavi .gnavi__hbg .gnavi__hbg__inner .gnavi__hbg-list > li .gnavi-sec__list li a {
    margin-bottom: 20px;
  }
  .site-header .site-header__inner .gnavi .gnavi__hbg .gnavi__hbg__inner .gnavi__hbg-btn {
    margin-top: 40px;
  }
}
@media screen and (max-width: 999px) {
  .site-header .site-header__inner .site-header__logo {
    width: 130px;
    height: 26.35px;
    padding: 34.825px 0 34.825px 30px;
  }
  .site-header .site-header__inner .gnavi .gnavi__list {
    display: none;
  }
  .site-header .site-header__inner .gnavi .gnavi__hbg {
    width: calc(100% - 60px);
    height: calc(100% - 230px);
    padding: 140px 30px 90px;
  }
}
@media screen and (max-width: 767px) {
  .site-header {
    height: 75px;
  }
  .site-header .site-header__inner .site-header__logo {
    width: 130px;
    height: 26.35px;
    padding: 24.325px 0 24.325px 15px;
  }
  .site-header .site-header__inner .gnavi .gnavi__hbg {
    width: calc(100% - 60px);
    padding: 135px 30px 120px;
  }
  .site-header .site-header__inner .gnavi .gnavi__hbg .gnavi__hbg__inner {
    display: block;
  }
  .site-header .site-header__inner .gnavi .gnavi__hbg .gnavi__hbg__inner > div {
    width: 100%;
  }
  .site-header .site-header__inner .gnavi .gnavi__hbg .gnavi__hbg__inner .gnavi__hbg-list > li > a,
  .site-header .site-header__inner .gnavi .gnavi__hbg .gnavi__hbg__inner .gnavi__hbg-list > li > span {
    font-size: 16px;
  }
  .site-header .site-header__inner .gnavi .gnavi__hbg .gnavi__hbg__inner .gnavi__hbg-list > li .gnavi-sec__list li a {
    font-size: 14px;
  }
  .site-header .site-header__inner .gnavi .gnavi__hbg .gnavi__hbg__inner .gnavi__hbg-list > li .gnavi-sec__list li span {
    font-size: 14px;
  }
  .site-header .site-header__inner .gnavi .gnavi__hbg .gnavi__hbg__inner .gnavi__hbg-btn {
    width: 100%;
  }
  .site-header .site-header__inner .gnavi .gnavi__hbg .gnavi__hbg__inner .gnavi__hbg-btn li a {
    width: 100%;
    font-size: 16px;
  }
  .site-header .site-header__inner .gnavi .gnavi__hbg .gnavi__hbg__inner .gnavi__hbg-sns {
    margin: 40px auto 0;
  }
}

.gnavi__btn {
  width: 108px;
  height: 96px;
  text-align: center;
  position: absolute;
  top: 0;
  right: 180px;
  background-color: #f5f5f5;
  cursor: pointer;
  opacity: 1;
  z-index: 1000;
}
.gnavi__btn:hover {
  position: relative;
  position: absolute;
}
.gnavi__btn:hover::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
}
.gnavi__btn > div {
  position: relative;
  width: 32px;
  height: 21px;
  margin: 30px auto 0;
}
.gnavi__btn > div span {
  background: #000;
  display: block;
  height: 3px;
  right: 0;
  position: absolute;
  transition: transform 0.6s ease-in-out, top 0.5s ease;
  width: 100%;
  border-radius: 1px;
}
.gnavi__btn > div span:nth-child(1) {
  top: 0;
}
.gnavi__btn > div span:nth-child(2) {
  top: 9px;
}
.gnavi__btn > div span:nth-child(3) {
  top: 18px;
}
.gnavi__btn p {
  margin-top: 2px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.114em;
  transform: scale(0.9);
}
@media screen and (max-width: 1300px) {
  .gnavi__btn {
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .gnavi__btn {
    width: 85px;
    height: 75px;
    top: 0;
    right: 0;
    background-color: transparent;
  }
  .gnavi__btn > div {
    margin-top: 20px;
  }
}

.gnavi-open {
  overflow: hidden;
}
.gnavi-open .site-header {
  position: fixed;
  height: 100%;
  max-height: 870px;
}
.gnavi-open .site-header .site-header__inner .gnavi .gnavi__hbg {
  visibility: inherit;
  animation-name: navHambergerBg-in;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.32, 0.95, 0.6, 1);
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: both;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.gnavi-open .gnavi__btn {
  right: 0;
}
.gnavi-open .gnavi__btn > div span:nth-child(1) {
  top: 10px;
  transform: rotate(34deg);
}
.gnavi-open .gnavi__btn > div span:nth-child(2) {
  top: 10px;
  transform: rotate(-34deg);
}
.gnavi-open .gnavi__btn > div span:nth-child(3) {
  display: none;
}
@media screen and (max-width: 1300px) {
  .gnavi-open .site-header {
    max-height: 730px;
  }
}
@media screen and (max-width: 767px) {
  .gnavi-open .gnavi__btn {
    background-color: #f5f5f5;
  }
}

/*===================================
	フッター
=====================================*/
/*　　　site-cta
-------------------------------------*/
.site-cta .cta-ttl01 {
  font-size: 200%;
  color: rgb(0, 153, 89);
  text-align: center;
  margin: 60px 0 45px;
  letter-spacing: 0.1em;
}
.site-cta .cta-ttl01 span {
  font-size: 55.56%;
  font-weight: 400;
  color: #000;
  display: block;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .site-cta .cta-ttl01 {
    font-size: 233.4%;
    margin: 40px 0 25px;
  }
  .site-cta .cta-ttl01 span {
    font-size: 57.14%;
  }
}
.site-cta .cta-ttl02 {
  color: #fff;
  font-size: 175%;
  font-weight: 700;
  text-align: center;
  margin: 0 0 5px;
  letter-spacing: 0.1em;
}
.site-cta .cta-ttl02 span {
  display: block;
  font-weight: 500;
  font-size: 42.6%;
  margin-top: 15px;
}
@media screen and (max-width: 999px) {
  .site-cta .cta-ttl02 {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .site-cta .cta-ttl02 {
    font-size: 200%;
  }
  .site-cta .cta-ttl02 span {
    font-size: 50%;
  }
}
.site-cta .cta-ttl03 {
  color: rgb(0, 153, 89);
  text-align: center;
  font-size: 150%;
  line-height: 1.5;
  margin-bottom: 30px;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .site-cta .cta-ttl03 {
    margin-bottom: 15px;
  }
}
.site-cta .cta__box {
  max-width: 1140px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  padding: 0 30px 60px;
}
.site-cta .cta__box > a {
  height: initial;
  width: calc((100% - 112px) / 5);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #009959;
  font-weight: bold;
  font-size: 18px;
  padding: 30px 0;
  border: 1px solid #009959;
  border-radius: 12px;
  transition: 0.6s;
}
.site-cta .cta__box > a:hover {
  opacity: 0.6;
}
.site-cta .cta__box > a span {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 20px;
}
.site-cta .cta__box > a.fb span {
  background-image: url(../img/common/icon-fb.svg);
}
.site-cta .cta__box > a.tw span {
  background-image: url(../img/common/icon-tw.svg);
}
.site-cta .cta__box > a.ins span {
  background-image: url(../img/common/icon-ins.svg);
}
.site-cta .cta__box > a.yt span {
  background-image: url(../img/common/icon-yt.svg);
}
.site-cta .cta__box > a.tt span {
  background-image: url(../img/common/icon-tt.svg);
}
.site-cta .cta__box > * {
  width: 50%;
  height: 418px;
}
.site-cta .cta__box > * .cta__box__inner {
  width: 100%;
  max-width: 100%;
  height: calc(100% - 140px);
  padding: 70px 0;
}
.site-cta .cta__box > *.cta__box-product .cta__box__inner {
  background-color: rgba(0, 117, 186, 0.85);
}
.site-cta .cta__box > *.cta__box-product .cta__box__inner .cta-ttl02 {
  margin-bottom: 20px;
}
.site-cta .cta__box > *.cta__box-product .cta__box__inner .cta-ttl02 a {
  color: #fff;
  text-decoration: underline;
}
.site-cta .cta__box > *.cta__box-product .cta__box__inner .cta-ttl02 a:hover {
  text-decoration: none;
}
.site-cta .cta__box > *.cta__box-product .cta__box__inner .product__link {
  width: 81.5%;
  max-width: 353px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.site-cta .cta__box > *.cta__box-product .cta__box__inner .product__link .link {
  width: 42%;
  line-height: 1.9;
}
.site-cta .cta__box > *.cta__box-product .cta__box__inner .product__link .link a {
  font-size: 87.5%;
}
.site-cta .cta__box > *.cta__box-product .cta__box__inner .product__link02 {
  width: 81.5%;
  max-width: 353px;
  margin: 30px auto 0;
}
.site-cta .cta__box > *.cta__box-product .cta__box__inner .product__link02 .link {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  line-height: 1.9;
}
.site-cta .cta__box > *.cta__box-product .cta__box__inner .product__link02 .link li {
  width: 42%;
}
.site-cta .cta__box > *.cta__box-product .cta__box__inner .product__link02 .link li:first-of-type {
  width: 100%;
}
.site-cta .cta__box > *.cta__box-product .cta__box__inner .product__link02 .link a {
  font-size: 87.5%;
  margin-right: 10px;
}
.site-cta .cta__box > *.cta__box-contact {
  display: block;
}
.site-cta .cta__box > *.cta__box-contact .cta__box__inner {
  background-color: rgba(0, 153, 89, 0.85); */
}
.site-cta .cta__box > *.cta__box-contact .cta__box__inner .btn {
  position: relative;
  z-index: 100;
  padding-top: 15px;
  display: block;
}
@media screen and (max-width: 999px) {
  .site-cta .cta__box > *.cta__box-contact .cta__box__inner .btn {
    padding-top: 0;
  }
}
.site-cta .cta__box > *.cta__box-contact .cta__box__inner .btn span {
  display: block;
  border: 1px solid #fff;
  background-color: #fff;
  color: rgb(0, 153, 89);
  font-weight: 700;
  text-align: center;
  font-size: 14px;
  padding: 21px 0;
  width: 224px;
  border-radius: 29px;
  margin: 0 auto;
  filter: drop-shadow(5px 5px 10px rgba(0, 102, 51, 0.6));
  transition: 0.6s;
}
.site-cta .cta__box > *.cta__box-contact .cta__box__inner .btn span:hover {
  opacity: 0.6;
}
.site-cta .cta__box > *.cta__box-contact .cta__box__inner .catalog {
  margin-top: 30px;
  text-align: center;
  color: #fff;
}
.site-cta .cta__box > *.cta__box-contact .cta__box__inner .catalog a {
  display: inline-block;
  margin-top: 10px;
}
.site-cta .cta__box > *.cta__box-contact .cta__box__inner .catalog a img {
  width: 120px;
}
.site-cta .cta__box > *.cta__box-document-request {
  transition: all 0.5s ease 0s;
  display: block;
}
.site-cta .cta__box > *.cta__box-document-request .cta__box__inner {
  background-color: rgba(255, 0, 0, 0.85);
}
.site-cta .cta__box > *.cta__box-document-request .cta__box__inner .btn {
  position: relative;
  z-index: 10;
  padding-top: 15px;
}
@media screen and (max-width: 999px) {
  .site-cta .cta__box > *.cta__box-document-request .cta__box__inner .btn {
    padding-top: 0;
  }
}
.site-cta .cta__box > *.cta__box-document-request .cta__box__inner .btn span {
  display: block;
  border: 1px solid #ff0000;
  background-color: #fff;
  color: #ff0000;
  font-weight: 700;
  text-align: center;
  font-size: 14px;
  padding: 14px 0;
  width: 224px;
  border-radius: 29px;
  margin: 0 auto;
  filter: drop-shadow(5px 5px 10px rgba(153, 0, 0, 0.6));
}
.site-cta .cta__box > *.cta__box-document-request:hover {
  position: relative;
}
.site-cta .cta__box > *.cta__box-document-request:hover::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
}
@media screen and (max-width: 999px) {
  .site-cta .cta__box {
    padding: 0;
  }
  .site-cta .cta__box > * {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .site-cta .cta__box {
    display: block;
  }
  .site-cta .cta__box.sns {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding-bottom: 40px;
  }
  .site-cta .cta__box.sns > a {
    height: initial;
    width: calc((100% - 40px) / 2);
    margin-bottom: 20px;
  }
  .site-cta .cta__box.sns > a:nth-of-type(2n - 1) {
    margin-right: 10px;
  }
  .site-cta .cta__box.sns > a:nth-of-type(2n) {
    margin-left: 10px;
  }
  .site-cta .cta__box.sns > a:last-of-type {
    margin-right: auto;
    margin-bottom: 0;
    margin-left: 9px;
  }
  .site-cta .cta__box > * {
    width: 100%;
    height: auto;
  }
  .site-cta .cta__box > * .cta__box__inner {
    height: calc(100% - 60px);
    padding: 30px 0;
  }
  .site-cta .cta__box > *.cta__box-product .cta__box__inner .product__link {
    width: calc(100% - 30px);
    max-width: 100%;
    margin: 0 15px;
  }
  .site-cta .cta__box > *.cta__box-product .cta__box__inner .product__link .link a {
    font-size: 116.7%;
  }
  .site-cta .cta__box > *.cta__box-product .cta__box__inner .product__link02 {
    width: calc(100% - 30px);
    max-width: 100%;
    margin: 20px 15px 0;
  }
  .site-cta .cta__box > *.cta__box-product .cta__box__inner .product__link02 .link a {
    font-size: 116.7%;
  }
}
.site-cta .cta__labo {
  background-color: #fff;
}
.site-cta .cta__labo .cta__labo__inner {
  max-width: 1200px;
  padding: 60px 30px 40px;
  margin: 0 auto;
}
.site-cta .cta__labo .cta__labo__inner ul {
  display: flex;
  justify-content: center;
  max-width: 1140px;
  margin: 0 auto;
}
.site-cta .cta__labo .cta__labo__inner ul .btn-square {
  width: calc(50% - 15px);
}
.site-cta .cta__labo .cta__labo__inner ul .btn-square a {
  width: 100%;
  max-width: 555px;
}
@media screen and (max-width: 767px) {
  .site-cta .cta__labo .cta__labo__inner {
    padding: 30px 15px 0;
  }
  .site-cta .cta__labo .cta__labo__inner ul .btn-square {
    width: calc(50% - 7.5px);
  }
  .site-cta .cta__labo .cta__labo__inner ul .btn-square a {
    font-size: 133.4%;
    font-weight: 700;
    padding: 11px 0;
  }
  .site-cta .cta__labo .cta__labo__inner ul .btn-square a span {
    padding-left: 20px;
    background-size: 12px 12px;
  }
}

/*　　　global footer
-------------------------------------*/
.site-footer {
  position: relative;
  height: 235px;
  background-color: #fff;
  padding-bottom: 27px;
}
.site-footer .site-footer__inner {
  padding: 60px 60px 65px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.site-footer .site-footer__inner .fnavi__list {
  width: calc(100% - 270px);
  max-width: 630px;
  /*第一期公開用*/
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  line-height: 1.75;
}
.site-footer .site-footer__inner .fnavi__list li {
  margin: 0 50px 15px 0;
}
.site-footer .site-footer__inner .fnavi__list li a {
  padding: 0 2px;
  font-weight: 700;
  letter-spacing: 0.1em;
  display: block;
  overflow: hidden;
  position: relative;
  transition: initial;
}
.site-footer .site-footer__inner .fnavi__list li a span {
  display: block;
  position: relative;
  z-index: 10;
}
@media screen and (min-width: 1000px) {
  .site-footer .site-footer__inner .fnavi__list li a::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgb(0, 153, 89);
    transform: translateX(-101%);
    box-sizing: border-box;
    transition: 0.5s ease-in-out;
    z-index: 0;
  }
}
.site-footer .site-footer__inner .fnavi__list li a:hover {
  color: #fff;
}
@media screen and (max-width: 999px) {
  .site-footer .site-footer__inner .fnavi__list li a:hover {
    background-color: rgb(0, 153, 89);
  }
}
@media screen and (min-width: 1000px) {
  .site-footer .site-footer__inner .fnavi__list li a:hover::before {
    transform: translateX(0);
  }
}
.site-footer .site-footer__inner .fnavi__list li a.active {
  color: #fff;
  background-color: rgb(0, 153, 89);
}
.site-footer .site-footer__inner .site-footer__logo a {
  display: block;
}
.site-footer .site-copyright {
  margin-left: 60px;
  color: #989898;
  font-size: 75%;
}
@media screen and (max-width: 999px) {
  .site-footer {
    height: auto;
    padding-bottom: 0;
  }
  .site-footer .site-footer__inner {
    padding: 60px 30px 10px;
    display: block;
  }
  .site-footer .site-footer__inner .fnavi__list {
    width: 100%;
    max-width: 100%;
    justify-content: center;
  }
  .site-footer .site-footer__inner .fnavi__list li {
    margin: 0 0 20px 0;
    width: 50%;
    /*第一期公開用*/
    text-align: center;
  }
  .site-footer .site-footer__inner .fnavi__list li:last-of-type {
    margin-right: auto;
  }
  .site-footer .site-footer__inner .site-footer__logo {
    margin: 10px auto 0;
    text-align: center;
  }
  .site-footer .site-copyright {
    margin: 0 0 15px;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .site-footer .site-footer__inner {
    padding: 40px 15px 10px;
  }
  .site-footer .site-footer__inner .site-footer__logo a img {
    width: 130px;
    height: auto;
  }
  .site-footer .site-copyright {
    font-size: 100%;
  }
}
.basic-knowledge .site-footer .site-footer__inner .fnavi__list li.fnavi__list-basic-knowledge a {
  color: #fff;
  background-color: rgb(0, 153, 89);
}
.about-us .site-footer .site-footer__inner .fnavi__list li.fnavi__list-about-us a {
  color: #fff;
  background-color: rgb(0, 153, 89);
}

/*　　　pagetop
-------------------------------------*/
.page-top {
  text-align: center;
  position: absolute;
  bottom: 0;
  right: 0;
}
.page-top a {
  width: 20px;
  padding: 0 22px 0 18px;
  height: 262px;
  color: #fff;
  font-size: 87.5%;
  display: block;
  font-weight: 700;
  background-color: #222;
  writing-mode: vertical-rl;
}
.page-top a:hover {
  position: relative;
}
.page-top a:hover::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
}
@media screen and (max-width: 999px) {
  .page-top {
    position: static;
  }
  .page-top a {
    writing-mode: initial;
    width: 100%;
    padding: 15px 0;
    height: 18px;
  }
}
@media screen and (max-width: 767px) {
  .page-top a {
    font-size: 116.7%;
  }
}

/*===================================
  TOP
=====================================*/
.home .home-news {
  background-color: rgb(0, 153, 89);
}
.home .home-news .home-news__inner {
  max-width: 1140px;
  margin: 0 auto;
  padding: 48px 30px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .home .home-news .home-news__inner {
    display: block;
  }
}
.home .home-news .home-news__inner .home-news__btn {
  position: absolute;
  right: 30px;
  top: 48px;
  display: block;
  border: 1px solid #fff;
  background-color: #fff;
  color: #000;
  font-weight: 700;
  text-align: center;
  font-size: 14px;
  padding: 21px 0;
  width: 224px;
  margin: 0 auto;
  border-radius: 29px;
  filter: drop-shadow(5px 5px 10px rgba(0, 102, 51, 0.6));
  transition: 0.6s;
}
@media screen and (max-width: 767px) {
  .home .home-news .home-news__inner .home-news__btn {
    width: 116px;
    font-size: 12px;
    padding: 9px 0;
    margin-top: 24px;
    position: relative;
    margin-right: 0;
    top: inherit;
    right: inherit;
  }
}
.home .home-news .home-news__inner .home-news__btn:hover {
  opacity: 0.6;
  text-decoration: none;
}
.home .home-news .home-news__inner .home-news__btn:hover:after {
  content: none;
}
.home .home-news .home-news__inner .home-news__title {
  font-size: 32px;
  font-weight: bold;
  color: #fff;
  margin-right: clamp(20px, 7vw, 145px);
}
@media screen and (max-width: 767px) {
  .home .home-news .home-news__inner .home-news__title {
    font-size: 20px;
  }
}
.home .home-news .home-news__inner ul {
  width: calc(80% - 270px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .home .home-news .home-news__inner ul {
    width: 100%;
    margin-top: 20px;
  }
}
.home .home-news .home-news__inner ul li {
  width: 100%;
}
.home .home-news .home-news__inner .news__detail {
  line-height: 1.75;
  display: inline-block;
  color: #fff;
  transition: all 0.5s ease 0s;
  position: relative;
}
.home .home-news .home-news__inner .news__detail .news__entry {
  display: flex;
}
.home .home-news .home-news__inner .news__detail .news__entry .news__date {
  font-family: "Oswald", sans-serif;
  font-size: 75%;
}
.home .home-news .home-news__inner .news__detail .news__entry .news__ttl {
  font-size: 75%;
  font-weight: 700;
  padding-left: 22px;
  position: relative;
}
.home .home-news .home-news__inner .news__detail .news__entry .news__ttl::before {
  position: absolute;
  content: "｜";
  top: 0;
  left: 7px;
}
.home .home-news .home-news__inner a:hover {
  opacity: 1;
  transition: all 0.5s ease 0s;
}
.home .home-news .home-news__inner a:hover::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .home .home-news .home-news__inner {
    padding: 25px 15px;
  }
  .home .home-news .home-news__inner .news__detail .news__entry .news__date {
    font-size: 83.4%;
  }
  .home .home-news .home-news__inner .news__detail .news__entry .news__ttl {
    font-size: 83.4%;
  }
}
.home .home-main {
  background: url(../img/home/mainimg_pc.jpg) no-repeat center 0;
  background-size: 100% auto;
  padding: 100px 20px;
  position: relative;
}
.home .home-main::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(-110deg, transparent 0, transparent 59%, #f7f6f5 59%, #f7f6f5 100%);
  z-index: 10;
}
.home .home-main .home-main__inner {
  position: relative;
  z-index: 20;
  max-width: 1150px;
  padding-left: 10px;
  margin: 0 auto;
}
.home .home-main .home-main__inner .emphasis {
  background: linear-gradient(180deg, transparent 0, transparent 15%, rgb(255, 225, 0) 15%, rgb(255, 225, 0) 88%, transparent 88%, transparent 100%);
}
.home .home-main .home-main__inner .home-main__box01 .home-ttl01 {
  line-height: 1.65;
  font-size: 250%;
  letter-spacing: 0;
  font-feature-settings: "palt";
}
.home .home-main .home-main__inner .home-main__box01 .home-ttl01 .font_red {
  font-size: 50%;
}
.home .home-main .home-main__inner .home-main__box01 .note {
  color: #ff0000;
  font-size: 75%;
  line-height: 1.75;
  width: 31%;
  max-width: 350px;
}
.home .home-main .home-main__inner .home-main__box02 {
  margin: 60px 0 105px;
  width: 32%;
  max-width: 350px;
}
.home .home-main .home-main__inner .home-main__sdgs {
  position: absolute;
  width: 390px;
  right: 0;
  top: 330px;
}
.home .home-main .home-main__inner .home-main__box03 .home-ttl02 {
  letter-spacing: 0;
  margin-bottom: 25px;
}
.home .home-main .home-main__inner .home-main__box03 .home-ttl02 .mainttl {
  display: inline-block;
  font-size: 225%;
  background-color: #f7f6f5;
}
.home .home-main .home-main__inner .home-main__box03 .home-ttl02 .subttl {
  display: block;
  margin-bottom: 20px;
}
.home .home-main .home-main__inner .home-main__box03 .btn-square02 {
  display: flex;
  justify-content: space-between;
}
.home .home-main .home-main__inner .home-main__box03 .btn-square02 a {
  width: calc(50% - 40px);
}
.home .home-main .home-main__inner .home-main__box03 .btn-square02 a div {
  max-width: 565px;
}
@media screen and (max-width: 999px) {
  .home .home-main {
    background-image: url(../img/home/mainimg_sp.jpg);
  }
  .home .home-main::before {
    background: linear-gradient(-110deg, transparent 0, transparent 42%, #f7f6f5 42%, #f7f6f5 100%);
  }
  .home .home-main .home-main__inner .tb_emphasis {
    background: linear-gradient(180deg, transparent 0, transparent 15%, rgb(255, 225, 0) 15%, rgb(255, 225, 0) 88%, transparent 88%, transparent 100%);
  }
  .home .home-main .home-main__inner .home-main__box01 .note {
    width: 50%;
    max-width: 300px;
  }
  .home .home-main .home-main__inner .home-main__box02 {
    width: 62%;
    max-width: 350px;
  }
  .home .home-main .home-main__inner .home-main__sdgs {
    position: static;
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 767px) {
  .home .home-main {
    padding: 40px 15px 20px;
  }
  .home .home-main::before {
    background: linear-gradient(-110deg, transparent 0, transparent 35%, #f7f6f5 35%, #f7f6f5 100%);
  }
  .home .home-main .home-main__inner {
    padding-left: 0;
  }
  .home .home-main .home-main__inner .home-main__box01 .home-ttl01 {
    font-size: 225%;
  }
  .home .home-main .home-main__inner .home-main__box01 .home-ttl01 .font_red {
    font-size: 55%;
  }
  .home .home-main .home-main__inner .home-main__box01 .note {
    max-width: 170px;
    font-size: 83.4%;
    margin-top: 5px;
  }
  .home .home-main .home-main__inner .home-main__box02 {
    max-width: 220px;
    margin: 30px 0;
  }
  .home .home-main .home-main__inner .home-main__sdgs {
    margin-bottom: 30px;
  }
  .home .home-main .home-main__inner .home-main__box03 .home-ttl02 {
    margin-bottom: 20px;
  }
  .home .home-main .home-main__inner .home-main__box03 .home-ttl02 .mainttl {
    font-size: 200%;
  }
  .home .home-main .home-main__inner .home-main__box03 .home-ttl02 .subttl {
    margin-bottom: 10px;
    font-size: 116.7%;
  }
  .home .home-main .home-main__inner .home-main__box03 .btn-square02 {
    display: block;
  }
  .home .home-main .home-main__inner .home-main__box03 .btn-square02 a {
    width: calc(100% - 80px);
    height: auto;
    padding: 20px 35px;
    margin-bottom: 20px;
  }
  .home .home-main .home-main__inner .home-main__box03 .btn-square02 a > div {
    max-width: 100%;
  }
  .home .home-main .home-main__inner .home-main__box03 .btn-square02 a > div span.ttl {
    background-size: 14px 14px;
    background-position: 0 4px;
  }
}
.home .home-basic-knowledge .home-basic-knowledge__group01 {
  background-color: rgb(0, 153, 89);
  padding: 50px 20px 60px;
}
.home .home-basic-knowledge .home-basic-knowledge__group01 .home-basic-knowledge__inner {
  max-width: 1150px;
  padding-left: 10px;
  margin: 0 auto;
}
.home .home-basic-knowledge .home-basic-knowledge__group01 .home-basic-knowledge__inner .home-basic-knowledge__box01 {
  position: relative;
}
.home .home-basic-knowledge .home-basic-knowledge__group01 .home-basic-knowledge__inner .home-basic-knowledge__box01 .home-ttl03 {
  letter-spacing: 0;
  font-size: 250%;
  background-color: #fff;
  display: inline-block;
  margin: 55px 0 10px;
  position: absolute;
  top: 0;
  left: 0;
}
.home .home-basic-knowledge .home-basic-knowledge__group01 .home-basic-knowledge__inner .home-basic-knowledge__box01 .home-ttl03 span {
  font-size: 74%;
}
.home .home-basic-knowledge .home-basic-knowledge__group01 .home-basic-knowledge__inner .home-basic-knowledge__box01 .summary {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  margin: 0 10px 10px 0;
}
.home .home-basic-knowledge .home-basic-knowledge__group01 .home-basic-knowledge__inner .home-basic-knowledge__box01 .summary p {
  padding-top: 125px;
  width: 48%;
  color: #fff;
}
.home .home-basic-knowledge .home-basic-knowledge__group01 .home-basic-knowledge__inner .home-basic-knowledge__box01 .summary .img {
  width: 43%;
}
.home .home-basic-knowledge .home-basic-knowledge__group01 .btn-square02 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.home .home-basic-knowledge .home-basic-knowledge__group01 .btn-square02 a {
  width: calc(33.333% - 40px);
  margin-top: 20px;
  position: relative;
}
.home .home-basic-knowledge .home-basic-knowledge__group01 .btn-square02 a > div .no {
  position: absolute;
  color: #000;
  top: 15px;
  left: 15px;
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  font-size: 83%;
}
.home .home-basic-knowledge .home-basic-knowledge__group01 .home-basic-knowledge__box03 .btn-square02 a {
  height: 186px;
  width: calc(100% - 10px);
}
.home .home-basic-knowledge .home-basic-knowledge__group01 .home-basic-knowledge__box03 .btn-square02 a > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 40px 0 35px;
}
.home .home-basic-knowledge .home-basic-knowledge__group01 .home-basic-knowledge__box03 .btn-square02 a > div .txt {
  width: 47%;
}
.home .home-basic-knowledge .home-basic-knowledge__group01 .home-basic-knowledge__box03 .btn-square02 a > div .txt .note {
  color: #000;
  font-size: 66%;
  text-align: left;
  margin-bottom: 10px;
}
.home .home-basic-knowledge .home-basic-knowledge__group01 .home-basic-knowledge__box03 .btn-square02 a > div .txt .note .no {
  font-size: 125%;
}
.home .home-basic-knowledge .home-basic-knowledge__group01 .home-basic-knowledge__box03 .btn-square02 a > div .img {
  width: 46%;
}
.home .home-basic-knowledge .home-basic-knowledge__group01 .home-basic-knowledge__box03 .btn-square02 a > div .img ul {
  display: flex;
  justify-content: space-between;
}
.home .home-basic-knowledge .home-basic-knowledge__group01 .home-basic-knowledge__box03 .btn-square02 a > div .img ul li {
  width: 31%;
}
.home .home-basic-knowledge .home-basic-knowledge__group02 {
  padding: 70px 30px 100px;
}
.home .home-basic-knowledge .home-basic-knowledge__group02 .home-basic-knowledge__inner {
  max-width: 1140px;
  margin: 0 auto;
}
.home .home-basic-knowledge .home-basic-knowledge__group02 .home-basic-knowledge__inner .home-basic-knowledge__box04 {
  display: flex;
  justify-content: space-between;
}
.home .home-basic-knowledge .home-basic-knowledge__group02 .home-basic-knowledge__inner .home-basic-knowledge__box04 > a {
  display: block;
  width: 48%;
  margin-top: 40px;
  position: relative;
}
.home .home-basic-knowledge .home-basic-knowledge__group02 .home-basic-knowledge__inner .home-basic-knowledge__box04 > a .home-basic-knowledge__btn02 {
  background-color: #fff;
  height: 220px;
  border-radius: 12px;
}
.home .home-basic-knowledge .home-basic-knowledge__group02 .home-basic-knowledge__inner .home-basic-knowledge__box04 > a .home-basic-knowledge__btn02 .no {
  position: absolute;
  color: #000;
  top: -40px;
  left: 15px;
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  font-size: 125%;
}
.home .home-basic-knowledge .home-basic-knowledge__group02 .home-basic-knowledge__inner .home-basic-knowledge__box04 > a:hover {
  position: relative;
}
.home .home-basic-knowledge .home-basic-knowledge__group02 .home-basic-knowledge__inner .home-basic-knowledge__box04 > a:hover::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
}
.home .home-basic-knowledge .home-basic-knowledge__group02 .home-basic-knowledge__inner .home-basic-knowledge__box04 > a:hover::after {
  border-radius: 12px;
}
.home .home-basic-knowledge .home-basic-knowledge__group02 .home-basic-knowledge__inner .home-basic-knowledge__box04 > a:hover .no {
  opacity: 0.6;
}
.home .home-basic-knowledge .home-basic-knowledge__group02 .home-basic-knowledge__inner .home-basic-knowledge__box04 > a.home-basic-knowledge__history .home-basic-knowledge__btn02 {
  background: url(../img/home/basic-knowledge05.png) no-repeat right center #fff;
  background-size: auto 100%;
}
.home .home-basic-knowledge .home-basic-knowledge__group02 .home-basic-knowledge__inner .home-basic-knowledge__box04 > a.home-basic-knowledge__history .home-basic-knowledge__btn02 .box-white {
  background-color: transparent;
  padding: 20px;
}
.home .home-basic-knowledge .home-basic-knowledge__group02 .home-basic-knowledge__inner .home-basic-knowledge__box04 > a.home-basic-knowledge__history .home-basic-knowledge__btn02 .box-white .note {
  background-color: rgb(0, 153, 89);
  border-radius: 9px;
  padding: 10px 15px;
  color: #fff;
  font-weight: 500;
  font-size: 125%;
  line-height: 1.3;
  display: inline-block;
  margin-bottom: 8px;
}
.home .home-basic-knowledge .home-basic-knowledge__group02 .home-basic-knowledge__inner .home-basic-knowledge__box04 > a.home-basic-knowledge__history .home-basic-knowledge__btn02 .box-white .ttl {
  font-size: 225%;
  font-weight: 900;
  line-height: 1.4;
  letter-spacing: 0.1em;
}
.home .home-basic-knowledge .home-basic-knowledge__group02 .home-basic-knowledge__inner .home-basic-knowledge__box04 > a.home-basic-knowledge__six-points .home-basic-knowledge__btn02 .box-white {
  padding: 0;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.home .home-basic-knowledge .home-basic-knowledge__group02 .home-basic-knowledge__inner .home-basic-knowledge__box04 > a.home-basic-knowledge__six-points .home-basic-knowledge__btn02 .box-white .img {
  width: calc(100% - 332px);
}
.home .home-basic-knowledge .home-basic-knowledge__group02 .home-basic-knowledge__inner .home-basic-knowledge__box04 > a.home-basic-knowledge__six-points .home-basic-knowledge__btn02 .box-white .txt {
  width: 312px;
}
.home .home-basic-knowledge .home-basic-knowledge__group02 .home-basic-knowledge__inner .home-basic-knowledge__box04 > a.home-basic-knowledge__six-points .home-basic-knowledge__btn02 .box-white .txt .note {
  margin-bottom: 10px;
}
.home .home-basic-knowledge .home-basic-knowledge__group02 .home-basic-knowledge__inner .home-basic-knowledge__box04 > a.home-basic-knowledge__six-points .home-basic-knowledge__btn02 .box-white .txt .ttl {
  font-size: 225%;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.1em;
}
.home .home-basic-knowledge .home-basic-knowledge__group02 .home-basic-knowledge__inner .home-basic-knowledge__box04 > a.home-basic-knowledge__six-points .home-basic-knowledge__btn02 .box-white .txt .ttl span {
  font-size: 266%;
}
@media screen and (max-width: 999px) {
  .home .home-basic-knowledge .home-basic-knowledge__group01 .home-basic-knowledge__inner .home-basic-knowledge__box01 .home-ttl03 {
    position: static;
  }
  .home .home-basic-knowledge .home-basic-knowledge__group01 .home-basic-knowledge__inner .home-basic-knowledge__box01 .summary {
    display: block;
  }
  .home .home-basic-knowledge .home-basic-knowledge__group01 .home-basic-knowledge__inner .home-basic-knowledge__box01 .summary p {
    padding-top: 0;
    width: auto;
  }
  .home .home-basic-knowledge .home-basic-knowledge__group01 .home-basic-knowledge__inner .home-basic-knowledge__box01 .summary .img {
    float: right;
    width: 48%;
    margin: 0 0 20px 15px;
  }
  .home .home-basic-knowledge .home-basic-knowledge__group01 .btn-square02 {
    width: 100%;
    flex-wrap: wrap;
  }
  .home .home-basic-knowledge .home-basic-knowledge__group01 .btn-square02 a {
    width: calc(50% - 40px);
  }
  .home .home-basic-knowledge .home-basic-knowledge__group02 .home-basic-knowledge__inner .home-basic-knowledge__box04 {
    display: block;
  }
  .home .home-basic-knowledge .home-basic-knowledge__group02 .home-basic-knowledge__inner .home-basic-knowledge__box04 > a {
    width: 100%;
  }
  .home .home-basic-knowledge .home-basic-knowledge__group02 .home-basic-knowledge__inner .home-basic-knowledge__box04 > a.home-basic-knowledge__six-points .home-basic-knowledge__btn02 .box-white .img {
    width: 220px;
  }
  .home .home-basic-knowledge .home-basic-knowledge__group02 .home-basic-knowledge__inner .home-basic-knowledge__box04 > a.home-basic-knowledge__six-points .home-basic-knowledge__btn02 .box-white .txt {
    width: calc(100% - 260px);
  }
}
@media screen and (max-width: 767px) {
  .home .home-basic-knowledge .home-basic-knowledge__group01 {
    padding: 30px 5px 40px 15px;
  }
  .home .home-basic-knowledge .home-basic-knowledge__group01 .home-basic-knowledge__inner {
    padding-left: 0;
  }
  .home .home-basic-knowledge .home-basic-knowledge__group01 .home-basic-knowledge__inner .home-basic-knowledge__box01 .home-ttl03 {
    margin: 0 0 20px;
    font-size: 216.7%;
  }
  .home .home-basic-knowledge .home-basic-knowledge__group01 .home-basic-knowledge__inner .home-basic-knowledge__box01 .home-ttl03 span {
    font-size: 57.7%;
  }
  .home .home-basic-knowledge .home-basic-knowledge__group01 .home-basic-knowledge__inner .home-basic-knowledge__box01 .summary {
    margin: 0 10px 20px 0;
  }
  .home .home-basic-knowledge .home-basic-knowledge__group01 .home-basic-knowledge__inner .btn-square02 a {
    margin-top: 10px;
    width: calc(50% - 33px);
    padding: 10px;
    height: auto;
    font-size: 133.4%;
  }
  .home .home-basic-knowledge .home-basic-knowledge__group01 .home-basic-knowledge__inner .btn-square02 a > div {
    text-align: left;
  }
  .home .home-basic-knowledge .home-basic-knowledge__group01 .home-basic-knowledge__inner .btn-square02 a > div .no {
    font-size: 100%;
    position: static;
  }
  .home .home-basic-knowledge .home-basic-knowledge__group01 .home-basic-knowledge__inner .btn-square02 a > div span.ttl {
    padding-left: 19px;
    display: inline;
    background-size: 14px 14px;
    background-position: 5px 5px;
  }
  .home .home-basic-knowledge .home-basic-knowledge__group01 .home-basic-knowledge__inner .home-basic-knowledge__box03 .btn-square02 a {
    height: auto;
    padding: 10px 10px 15px;
    width: calc(100% - 20px);
  }
  .home .home-basic-knowledge .home-basic-knowledge__group01 .home-basic-knowledge__inner .home-basic-knowledge__box03 .btn-square02 a > div {
    display: block;
    padding: 0;
  }
  .home .home-basic-knowledge .home-basic-knowledge__group01 .home-basic-knowledge__inner .home-basic-knowledge__box03 .btn-square02 a > div .txt {
    width: 100%;
    margin-bottom: 10px;
  }
  .home .home-basic-knowledge .home-basic-knowledge__group01 .home-basic-knowledge__inner .home-basic-knowledge__box03 .btn-square02 a > div .txt .note {
    font-size: 12px;
  }
  .home .home-basic-knowledge .home-basic-knowledge__group01 .home-basic-knowledge__inner .home-basic-knowledge__box03 .btn-square02 a > div .txt .note .no {
    font-size: 133%;
    padding-right: 5px;
  }
  .home .home-basic-knowledge .home-basic-knowledge__group01 .home-basic-knowledge__inner .home-basic-knowledge__box03 .btn-square02 a > div .txt span.ttl {
    padding-left: 17px;
    background-position: 0 5px;
  }
  .home .home-basic-knowledge .home-basic-knowledge__group01 .home-basic-knowledge__inner .home-basic-knowledge__box03 .btn-square02 a > div .img {
    width: 100%;
  }
  .home .home-basic-knowledge .home-basic-knowledge__group02 {
    padding: 20px 15px 15px;
  }
  .home .home-basic-knowledge .home-basic-knowledge__group02 .home-basic-knowledge__inner .home-basic-knowledge__box04 {
    display: flex;
    flex-wrap: wrap;
  }
  .home .home-basic-knowledge .home-basic-knowledge__group02 .home-basic-knowledge__inner .home-basic-knowledge__box04 > a {
    max-width: 345px;
    display: block;
    margin-top: 25px;
  }
  .home .home-basic-knowledge .home-basic-knowledge__group02 .home-basic-knowledge__inner .home-basic-knowledge__box04 > a .home-basic-knowledge__btn02 {
    height: auto;
  }
  .home .home-basic-knowledge .home-basic-knowledge__group02 .home-basic-knowledge__inner .home-basic-knowledge__box04 > a .home-basic-knowledge__btn02 .no {
    top: -30px;
    left: 0px;
    font-size: 133.4%;
  }
  .home .home-basic-knowledge .home-basic-knowledge__group02 .home-basic-knowledge__inner .home-basic-knowledge__box04 > a.home-basic-knowledge__history {
    margin-bottom: 45px;
  }
  .home .home-basic-knowledge .home-basic-knowledge__group02 .home-basic-knowledge__inner .home-basic-knowledge__box04 > a.home-basic-knowledge__history .home-basic-knowledge__btn02 .box-white {
    padding: 15px;
  }
  .home .home-basic-knowledge .home-basic-knowledge__group02 .home-basic-knowledge__inner .home-basic-knowledge__box04 > a.home-basic-knowledge__history .home-basic-knowledge__btn02 .box-white .note {
    padding: 10px;
    font-size: 116.7%;
  }
  .home .home-basic-knowledge .home-basic-knowledge__group02 .home-basic-knowledge__inner .home-basic-knowledge__box04 > a.home-basic-knowledge__history .home-basic-knowledge__btn02 .box-white .ttl {
    font-size: 200%;
  }
  .home .home-basic-knowledge .home-basic-knowledge__group02 .home-basic-knowledge__inner .home-basic-knowledge__box04 > a.home-basic-knowledge__six-points .home-basic-knowledge__btn02 .box-white {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .home .home-basic-knowledge .home-basic-knowledge__group02 .home-basic-knowledge__inner .home-basic-knowledge__box04 > a.home-basic-knowledge__six-points .home-basic-knowledge__btn02 .box-white .img {
    width: 117px;
  }
  .home .home-basic-knowledge .home-basic-knowledge__group02 .home-basic-knowledge__inner .home-basic-knowledge__box04 > a.home-basic-knowledge__six-points .home-basic-knowledge__btn02 .box-white .txt {
    width: calc(100% - 132px);
    padding: 15px 0 10px;
  }
  .home .home-basic-knowledge .home-basic-knowledge__group02 .home-basic-knowledge__inner .home-basic-knowledge__box04 > a.home-basic-knowledge__six-points .home-basic-knowledge__btn02 .box-white .txt .note {
    margin-bottom: 8px;
    line-height: 1.3;
  }
  .home .home-basic-knowledge .home-basic-knowledge__group02 .home-basic-knowledge__inner .home-basic-knowledge__box04 > a.home-basic-knowledge__six-points .home-basic-knowledge__btn02 .box-white .txt .ttl {
    font-size: 175%;
  }
}
.home .home-blog {
  padding: 0 30px;
}
.home .home-blog .home-blog__inner {
  max-width: 1140px;
  margin: 0 auto 90px;
}
.home .home-blog .home-blog__inner .home-ttl04 {
  font-size: 200%;
  color: rgb(0, 153, 89);
  text-align: center;
  margin: 0 0 45px;
  letter-spacing: 0.1em;
}
.home .home-blog .home-blog__inner .home-ttl04 span {
  font-size: 55.56%;
  font-weight: 400;
  color: #000;
  display: block;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .home .home-blog {
    padding: 0 15px;
  }
  .home .home-blog .home-blog__inner {
    margin-bottom: 15px;
  }
  .home .home-blog .home-blog__inner .home-ttl04 {
    font-size: 233.4%;
    margin: 40px 0 25px;
  }
  .home .home-blog .home-blog__inner .home-ttl04 span {
    font-size: 57.14%;
  }
}

body.window-on {
  position: fixed;
}

div.main-area {
  position: relative;
  padding-top: 96px;
  transition: 0.6s;
}
@media screen and (max-width: 767px) {
  div.main-area {
    padding-top: 75px;
  }
}

.home.window-on div.main-area {
  padding-top: 0;
  z-index: 1000;
}
@media screen and (max-width: 767px) {
  .home.window-on div.main-area {
    padding-top: 0;
  }
}

#animation_container,
#dom_overlay_container {
  width: 100% !important;
  position: relative;
  height: auto !important;
  max-height: 100vh !important;
  margin-top: 0 !important;
  overflow: hidden;
}

.on #animation_container {
  height: 100vh !important;
}

@media screen and (min-width: 1330px) {
  #animation_container,
  #dom_overlay_container {
    /* max-height: inherit; */
  }
}
@media screen and (max-width: 768px) {
  #animation_container,
  #dom_overlay_container {
    margin-top: 0;
  }
}
.on #animation_container {
  transform: translateX(0);
}

@media screen and (max-width: 700px) {
  #animation_container canvas {
    transform: translateX(-10px);
  }
}
@media screen and (max-width: 600px) {
  #animation_container canvas {
    transform: translateX(-100px);
  }
}
@media screen and (max-width: 500px) {
  #animation_container canvas {
    transform: translateX(-155px);
    pointer-events: none;
  }
}
@media screen and (max-width: 400px) {
  #animation_container canvas {
    transform: translateX(-220px);
  }
}
@media screen and (max-width: 375px) {
  #animation_container canvas {
    transform: translateX(-220px);
  }
}
canvas {
  width: 100% !important;
  height: auto !important;
  min-width: 800px !important;
  transition: 0.2s;
  opacity: 1;
}

@media screen and (max-width: 575px) {
  canvas {
    opacity: 0.7;
    transition: 0.6s;
  }
  .on canvas {
    opacity: 1;
  }
}
canvas.hidden-canvas {
  opacity: 0;
}

#information {
  position: fixed;
  width: 50%;
  top: 0;
  height: 100vh;
  right: 0;
  background-color: #fff;
  z-index: 3;
  transition: 0.6s;
  transform: translate(100%, 0);
  padding: 80px 40px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}

@media screen and (max-width: 575px) {
  #information {
    width: 100%;
    top: 50vh;
    height: 50vh;
    transform: translate(0, 100%);
    padding: 20px;
  }
}
#information.on .bg-blank {
  position: absolute;
  height: 100%;
  width: 100%;
  left: -100%;
  z-index: 1;
  top: 0;
}

@media screen and (max-width: 575px) {
  #information.on .bg-blank {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    z-index: 1;
    top: -50vh;
  }
}
#information.on {
  transform: translate(0, 0);
}

#information img {
  width: 100%;
  height: auto;
  max-width: 490px;
  /* max-height: 270px; */
  padding: 0 20px;
  box-sizing: border-box;
}

@media screen and (max-width: 575px) {
  #information img {
    max-width: inherit;
    width: auto;
    max-height: 40%;
    padding: 0;
    margin: auto;
  }
}
#information h2 {
  color: #009959;
  font-size: 24px;
  width: 100%;
  margin-top: 20px;
}

@media screen and (max-width: 575px) {
  #information h2 {
    font-size: 18px;
  }
}
#information p {
  font-size: 16px;
  width: 100%;
}

@media screen and (max-width: 575px) {
  #information p {
    font-size: 12px;
    padding-bottom: 100px;
  }
}
/* #information.on+div canvas {
min-width: 100%!important;
} */
#information.on + div {
  overflow: hidden;
}

#information.on .close {
  opacity: 1;
}

#information .close {
  opacity: 0;
  box-sizing: border-box;
  height: 80px;
  width: 80px;
  position: absolute;
  top: 20px;
  right: 20px;
  background-color: #fff;
  box-shadow: 4px 4px 4px rgba(0, 153, 89, 0.2745098039);
  border-radius: 50%;
  transition: 0.6s;
  cursor: pointer;
}

#information .close:hover {
  box-shadow: 0 0 0 rgba(0, 153, 89, 0.2745098039);
}

#information .close:before,
#information .close:after {
  content: "";
  width: 2px;
  height: 40px;
  background-color: #009959;
  top: 20px;
  position: absolute;
}

#information .close:before {
  transform: rotate(45deg);
  left: 42px;
}

#information .close:after {
  transform: rotate(-45deg);
  right: 36px;
}

@media screen and (max-width: 575px) {
  #information .close {
    top: calc(-50vh + 20px);
    z-index: 100;
    width: 40px;
    height: 40px;
  }
  #information .close:before {
    height: 20px;
    left: 21px;
    top: 10px;
  }
  #information .close:after {
    height: 20px;
    right: 18px;
    top: 10px;
  }
}
.menu-area {
  background-color: #009959;
  color: #fff;
  height: 148px;
  padding: 0 20px;
  position: absolute;
  border-radius: 0 20px 20px 0;
  max-width: 1400px;
  width: calc(100% - 30px);
  transform: translateX(calc(-100% + 80px));
  bottom: 100px;
  transition: 0.6s;
  z-index: 2;
  box-sizing: border-box;
}

.menu-area.on {
  transform: translateX(0);
}

.menu-area.open {
  transform: translateX(-100%);
}

.menu-area .btn {
  position: absolute;
  height: 100%;
  width: 80px;
  border-left: 2px solid #fff;
  top: 0;
  right: 0;
  border-radius: 0 20px 20px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.6s;
}

.menu-area .btn:hover {
  opacity: 0.6;
}

.menu-area.on .btn:before {
  content: "とじる";
  color: #fff;
  font-weight: bold;
}

.menu-area .btn:after {
  margin-top: 10px;
  content: "";
  display: block;
  background-image: url(../img/home/animation/detail/icon-open.svg);
  width: 18px;
  height: 18px;
  background-size: cover;
  transition: 0.6s;
}

.menu-area.on .btn:after {
  transform: rotate(180deg);
}

.menu-area .btn:before {
  content: "ひらく";
  color: #fff;
  font-weight: bold;
}

.menu-scroll {
  width: calc(100% - 80px);
  overflow: auto;
}

.menu-detail {
  display: flex;
  width: 1280px;
}

.menu-copy {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-top: 0;
  margin-bottom: 10px;
  width: calc(100% - 80px);
}

@media screen and (max-width: 1000px) {
  .menu-copy {
    font-size: 20px;
  }
}
@media screen and (max-width: 890px) {
  .menu-copy {
    font-size: 16px;
  }
}
.menu-detail > div {
  width: 185px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  transition: 0.6s;
}

@media screen and (max-width: 768px) {
  .menu-detail > div {
    height: 70px;
    width: 185px;
  }
}
.menu-detail > div:hover {
  opacity: 0.6;
}

.menu-detail > div p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: bold;
  text-decoration: underline;
}

.menu-detail > div img {
  margin-right: 16px;
}

@media screen and (max-width: 768px) {
  .main-image {
    height: inherit !important;
    overflow: hidden;
    position: relative;
    padding-bottom: inherit !important;
    transition: 0.6s;
  }
  .main-image.open {
    padding-bottom: 165px;
  }
  .menu-area {
    position: relative;
    bottom: 0;
    width: 100%;
  }
  .menu-copy {
    font-size: 14px;
    text-align: left;
    margin-bottom: 0;
    height: 64px;
    width: calc(100% - 120px);
    padding-left: 10px;
  }
  .menu-area .btn {
    height: 74px;
  }
  .menu-scroll {
    width: 100%;
  }
  .menu-area {
    transform: translateX(0);
    border-radius: 0;
    height: 75px;
    padding: 10px 0;
    overflow: hidden;
  }
  .menu-area.on {
    height: 165px;
    transform: translate(0px, -79px);
    margin-bottom: -79px;
  }
  .menu-detail {
    padding-left: 10px;
    padding-top: 10px;
    border-top: 2px solid #fff;
  }
}
.main-image {
  position: relative;
}

.main-image.on {
  height: 100vh;
}

.center-logo,
.company-logo {
  position: absolute;
  transition: 0.6s;
}

.on .center-logo,
.on .company-logo {
  opacity: 0;
}

.center-logo {
  width: 478px;
  max-width: 32vw;
  left: 50%;
  top: 5vh;
  transform: translate(-50%, 0);
  z-index: 3;
}
@media screen and (max-width: 575px) {
  .center-logo {
    width: 478px;
    max-width: 90vw;
    left: 50%;
    top: 180px;
    transform: translate(-50%, 0);
    z-index: 3;
  }
}

.company-logo {
  width: 18vw;
  left: 5vw;
  top: 8%;
  z-index: 3;
}
@media screen and (max-width: 575px) {
  .company-logo {
    width: 55vw;
    left: 20px;
    top: 20px;
    z-index: 3;
  }
}

/*===================================
下層ページ
=====================================*/
.main-contents {
  overflow: hidden;
  margin: 40px auto 155px;
  max-width: 1005px;
  padding: 0 30px;
}
.main-contents .main {
  float: left;
  width: 68%;
}
.main-contents .sub {
  float: right;
  width: 22.5%;
}
@media screen and (max-width: 999px) {
  .main-contents .main {
    float: none;
    width: 100%;
  }
  .main-contents .sub {
    margin-top: 60px;
    float: none;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .main-contents {
    margin: 20px auto 75px;
  }
  .main-contents .sub {
    margin-top: 40px;
  }
}

/*　　page-header
-------------------------------------*/
.basic-knowledge .page-header .page-header__inner .ttl01,
.sustainability .page-header .page-header__inner .ttl01 {
  bottom: 76px;
}

.page-header {
  height: 179px;
}
.page-header .page-header__inner {
  position: relative;
  width: 100%;
  height: 179px;
  max-width: 1300px;
  margin: 0 auto;
}
.page-header .page-header__inner .ttl01 {
  position: absolute;
  bottom: 0;
  left: 147px;
  margin-right: 147px;
  font-size: 225%;
  letter-spacing: 0;
  color: #fff;
  z-index: 50;
}
.page-header .page-header__inner .ttl01 .subttl {
  display: block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #000;
  padding-bottom: 10px;
}
.page-header .page-header__inner .ttl01 .mainttl {
  line-height: 1.5;
  background-color: rgb(0, 153, 89);
  display: inline-block;
  padding: 0 8px;
  margin-bottom: 10px;
}
.page-header .page-header__inner .page-header__img {
  position: absolute;
  top: 20px;
  right: 80px;
}
.sustainability .page-header {
  height: 358px;
}
.sustainability .page-header .page-header__inner {
  height: 358px;
}
.topics .page-header {
  height: 179px;
}
.topics .page-header .page-header__inner {
  height: 179px;
}
.topics .page-header .page-header__inner .ttl01 {
  bottom: 0;
}
@media screen and (max-width: 767px) {
  .topics .page-header .page-header__inner .ttl01 {
    bottom: 21px;
  }
}
@media screen and (max-width: 1300px) {
  .page-header .page-header__inner .page-header__img {
    right: 0;
  }
}
@media screen and (max-width: 999px) {
  .page-header .page-header__inner .page-header__img {
    width: 468px;
    height: auto;
  }
  .page-header .page-header__inner .ttl01 {
    left: 30px;
    margin-right: 30px;
  }
  .sustainability .page-header .page-header__inner .page-header__img {
    width: 477.6px;
  }
}
@media screen and (max-width: 767px) {
  .page-header {
    height: 120px;
  }
  .page-header .page-header__inner {
    height: 120px;
    overflow-x: hidden;
  }
  .page-header .page-header__inner .page-header__img {
    width: 195px;
    height: auto;
  }
  .page-header .page-header__inner .ttl01 {
    bottom: 21px;
    font-size: 216.7%;
  }
  .page-header .page-header__inner .ttl01 .subttl {
    display: block;
    font-size: 10px;
    padding-bottom: 5px;
  }
  .page-header .page-header__inner .ttl01 .mainttl {
    line-height: 1.3;
    padding: 0 4px;
    margin-bottom: 5px;
  }
  .page-header .page-header__inner .page-header__img {
    top: 35px;
    transform: translate(0, 0);
  }
  .sustainability .page-header {
    height: 175px;
  }
  .sustainability .page-header .page-header__inner {
    height: 185px;
  }
  .sustainability .page-header .page-header__inner .ttl01 {
    bottom: 25px;
  }
  .sustainability .page-header .page-header__inner .ttl01 .subttl {
    font-size: 12px;
  }
  .sustainability .page-header .page-header__inner .page-header__img {
    width: 195px;
    height: 130px;
    top: 50px;
  }
  .basic-knowledge .page-header {
    height: 145px;
  }
  .basic-knowledge .page-header .page-header__inner {
    height: 145px;
  }
  .basic-knowledge .page-header .page-header__inner .ttl01 {
    bottom: 20px;
  }
  .topics .page-header {
    height: 150px;
  }
  .topics .page-header .page-header__inner {
    height: 150px;
  }
}

/*　　breadcrumb
-------------------------------------*/
.breadcrumb {
  padding: 0 80px 12px;
  border-bottom: 1px solid #e9e9e9;
}
.breadcrumb .breadcrumb__list {
  max-width: 1300px;
  margin: 0 auto;
}
.breadcrumb .breadcrumb__list li {
  display: inline;
  font-size: 10px;
  font-weight: 500;
  position: relative;
  margin-left: 12px;
}
.breadcrumb .breadcrumb__list li::before {
  position: absolute;
  content: ">";
  left: -10px;
  top: 50%;
  transform: translate(0, -50%);
}
.breadcrumb .breadcrumb__list li a {
  display: inline-block;
  color: rgb(0, 153, 89);
  text-decoration: underline;
}
.breadcrumb .breadcrumb__list li a:hover {
  text-decoration: none;
}
.breadcrumb .breadcrumb__list li:first-child {
  margin-left: 0;
}
.breadcrumb .breadcrumb__list li:first-child::before {
  display: none;
}
.breadcrumb .topicpath-list {
  max-width: 1300px;
  margin: 0 auto;
  line-height: 1.5;
}
.breadcrumb .topicpath-list li {
  float: left;
  font-size: 10px;
  font-weight: 500;
  position: relative;
  margin-left: 12px;
}
.breadcrumb .topicpath-list li::before {
  position: absolute;
  content: ">";
  left: -10px;
  top: 0;
}
.breadcrumb .topicpath-list li a {
  color: rgb(0, 153, 89);
  text-decoration: underline;
}
.breadcrumb .topicpath-list li a:hover {
  text-decoration: none;
}
.breadcrumb .topicpath-list li:first-child {
  margin-left: 0;
}
.breadcrumb .topicpath-list li:first-child::before {
  display: none;
}
@media screen and (max-width: 999px) {
  .breadcrumb {
    padding: 0 30px 12px;
  }
}
@media screen and (max-width: 767px) {
  .breadcrumb {
    padding: 0 15px 5px;
  }
}

/*　　page-ttl
-------------------------------------*/
.page-ttl01 {
  color: rgb(0, 153, 89);
  font-size: 200%;
  text-align: center;
  margin-bottom: 35px;
  padding-top: 75px;
  position: relative;
}
.page-ttl01::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 60px;
  background-color: rgb(0, 153, 89);
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
@media screen and (max-width: 767px) {
  .page-ttl01 {
    font-size: 150%;
    margin-bottom: 15px;
    padding-top: 50px;
  }
  .page-ttl01::before {
    height: 40px;
  }
}

.page-ttl02 {
  color: rgb(0, 153, 89);
  font-size: 150%;
  margin-bottom: 25px;
}
@media screen and (max-width: 767px) {
  .page-ttl02 {
    font-size: 116.7%;
    margin-bottom: 10px;
  }
}

.page-ttl03 {
  color: rgb(0, 153, 89);
  font-weight: 700;
  margin-bottom: 20px;
  padding-left: 15px;
  position: relative;
}
.page-ttl03::before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  background-color: rgb(0, 153, 89);
  border-radius: 50%;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}

.page-ttl04 {
  line-height: 1.75;
  color: #fff;
  font-size: 225%;
}
@media screen and (max-width: 767px) {
  .page-ttl04 {
    font-size: 200%;
    line-height: 1.6;
  }
}

.page-ttl05 {
  font-size: 143.8%;
}
@media screen and (max-width: 767px) {
  .page-ttl05 {
    font-size: 116.7%;
  }
}

.page-ttl06 {
  font-size: 150%;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .page-ttl06 {
    font-size: 133.4%;
    font-weight: 900;
    margin-bottom: 15px;
  }
}

.page-ttl07 {
  font-size: 112.5%;
  font-weight: 700;
  margin-bottom: 25px;
}
.page-ttl07 span {
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  .page-ttl07 {
    font-size: 133.4%;
    margin-bottom: 15px;
  }
  .page-ttl07 span {
    font-size: 10px;
  }
}

.page-ttl08 {
  color: rgb(0, 153, 89);
  font-size: 250%;
  font-weight: 500;
  font-family: "Oswald", sans-serif;
  margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
  .page-ttl08 {
    font-size: 200%;
  }
}

/*　　line__box
-------------------------------------*/
.line__box-green {
  border: 1px solid rgb(0, 153, 89);
  border-radius: 10px;
  padding: 60px;
  margin-bottom: 40px;
  position: relative;
}
.line__box-green::before {
  position: absolute;
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid rgb(0, 153, 89);
  top: 20px;
  left: 20px;
}
.line__box-green::after {
  position: absolute;
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid rgb(0, 153, 89);
  top: 20px;
  right: 20px;
}
.line__box-green .line__box__inner {
  position: relative;
}
.line__box-green .line__box__inner::before {
  position: absolute;
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid rgb(0, 153, 89);
  bottom: -40px;
  left: -40px;
}
.line__box-green .line__box__inner::after {
  position: absolute;
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid rgb(0, 153, 89);
  bottom: -40px;
  right: -40px;
}
.line__box-green .line__box__inner .box {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.line__box-green .line__box__inner .box .txt {
  width: 47%;
}
.line__box-green .line__box__inner .box .txt img {
  margin-top: 20px;
}
.line__box-green .line__box__inner .box .img {
  width: 48%;
}
@media screen and (max-width: 999px) {
  .line__box-green .line__box__inner .box {
    display: block;
  }
  .line__box-green .line__box__inner .box .txt {
    width: 100%;
  }
  .line__box-green .line__box__inner .box .img {
    width: 100%;
    max-width: 500px;
    margin: 0 auto 50px;
  }
}
@media screen and (max-width: 767px) {
  .line__box-green {
    border-radius: 5px;
    padding: 30px;
    margin-bottom: 20px;
  }
  .line__box-green::before {
    width: 7px;
    height: 7px;
    top: 10px;
    left: 10px;
  }
  .line__box-green::after {
    width: 7px;
    height: 7px;
    top: 10px;
    right: 10px;
  }
  .line__box-green .line__box__inner::before {
    width: 7px;
    height: 7px;
    bottom: -20px;
    left: -20px;
  }
  .line__box-green .line__box__inner::after {
    width: 7px;
    height: 7px;
    bottom: -20px;
    right: -20px;
  }
  .line__box-green .line__box__inner .box .txt img {
    margin-top: 10px;
  }
  .line__box-green .line__box__inner .box .img {
    margin-bottom: 25px;
  }
}

/*　　box-white
-------------------------------------*/
.box-white {
  max-width: 750px;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 11.8px;
  padding: 30px;
  position: relative;
}
.box-white .box-white__ttl {
  color: rgb(0, 153, 89);
  font-weight: 700;
  font-size: 112.5%;
  margin-bottom: 20px;
  position: absolute;
  width: 60%;
  top: 30px;
  left: 30px;
}
.box-white .box-white__contents {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.box-white .box-white__contents p {
  width: 60%;
  padding-top: 75px;
}
.box-white .box-white__contents .img {
  width: 35%;
}
.box-white .box-white__contents .icon-big {
  width: 0;
  padding-top: 0;
}
@media screen and (min-width: 768px) {
  .box-white .box-white__contents.clearfix::after {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .box-white {
    padding: 20px;
  }
  .box-white .box-white__ttl {
    position: static;
    width: 100%;
    font-size: 116.7%;
    margin-bottom: 15px;
  }
  .box-white .box-white__contents {
    display: block;
  }
  .box-white .box-white__contents p {
    width: auto;
    padding: 0;
  }
  .box-white .box-white__contents .img {
    width: 140px;
    float: right;
    margin: 0 0 20px 10px;
  }
}

/*　　page-menu
-------------------------------------*/
.page-menu__wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 90px 0;
}
.page-menu__wrap a {
  width: 31.4%;
  display: block;
}
.page-menu__wrap a:hover {
  opacity: 0.6;
}
.page-menu__wrap a .page-menu p {
  margin-top: 15px;
  font-weight: 900;
  font-size: 150%;
  color: rgb(0, 153, 89);
  line-height: 1.3;
  padding-left: 30px;
  background: url(../img/common/arrow_right.svg) no-repeat 0 8px;
  background-size: 16px 16px;
}
@media screen and (max-width: 767px) {
  .page-menu__wrap {
    margin: 40px 0 20px;
  }
  .page-menu__wrap a {
    width: 47.6%;
    margin-bottom: 20px;
  }
  .page-menu__wrap a .page-menu p {
    margin-top: 7px;
    font-size: 133.4%;
    padding-left: 16px;
    background-position: 0 5px;
    background-size: 12px 12px;
  }
}

/*　　blog-navi
-------------------------------------*/
.blog-navi dl {
  margin-bottom: 30px;
}
.blog-navi dl dt {
  background-color: rgb(0, 153, 89);
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  padding: 9px 12px;
}
.blog-navi dl dd {
  background-color: #fff;
  padding: 14px 12px;
  font-weight: 500;
  font-size: 12px;
}
.blog-navi dl dd select {
  width: 100%;
  padding: 10px 15px;
  background: url(../img/common/arrow_select.svg) no-repeat right 15px center #e9e9e9;
  background-size: 12px 12px;
}
@media screen and (max-width: 767px) {
  .blog-navi dl dd select {
    padding: 10px 12px;
  }
}
.blog-navi dl dd.blog-navi__tag {
  padding: 14px 0 14px 12px;
}
.blog-navi dl dd.blog-navi__tag ul li {
  display: inline-block;
  margin-right: 12px;
}
.blog-navi dl dd.blog-navi__tag ul li a {
  font-size: 14px;
  color: #999;
  position: relative;
  padding-left: 12px;
}
.blog-navi dl dd.blog-navi__tag ul li a:hover {
  text-decoration: underline;
}
.blog-navi dl dd.blog-navi__tag ul li a::before {
  content: "#";
  position: absolute;
  left: 0;
}
@media screen and (max-width: 999px) {
  .blog-navi {
    display: flex;
    justify-content: space-between;
  }
  .blog-navi dl {
    width: 48%;
    margin-bottom: 0;
  }
  .blog-navi dl.w-full {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .blog-navi {
    display: block;
  }
  .blog-navi dl {
    width: 100%;
  }
  .blog-navi dl:first-child {
    margin-bottom: 15px;
  }
}

/*　　lnavi
-------------------------------------*/
.lnavi .box-white {
  max-width: 885px;
  padding: 35px 85px 15px 35px;
  display: flex;
  flex-wrap: wrap;
}
.lnavi .box-white .lnavi__list li a {
  letter-spacing: 0.1em;
  display: block;
  font-weight: 700;
  margin-bottom: 15px;
  color: rgb(0, 153, 89);
  text-decoration: none;
  padding-left: 20px;
  background: url(../img/common/arrow_lnavi.svg) no-repeat 0 center;
  background-size: 12px 12px;
  font-size: 16px;
}
.lnavi .box-white .lnavi__list li a:hover {
  text-decoration: underline;
}
.lnavi .box-white .lnavi__list .lnavi__list-sec {
  margin-left: 20px;
}
.lnavi .box-white .lnavi__list .lnavi__list-sec li {
  letter-spacing: 0.1em;
  font-size: 14px;
  font-weight: 400;
}
.lnavi .box-white .lnavi__list.lnavi__ttl {
  padding-right: 60px;
}
@media screen and (max-width: 999px) {
  .lnavi {
    margin: 0 30px;
  }
  .lnavi .box-white {
    padding: 35px 35px 15px;
  }
  .lnavi .box-white .lnavi__list .lnavi__list-sec {
    margin-bottom: 15px;
  }
  .lnavi .box-white .lnavi__list.lnavi__ttl {
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .lnavi .box-white {
    display: block;
    padding: 15px 12px 10px;
  }
  .lnavi .box-white .lnavi__list li a {
    margin-bottom: 10px;
    background-position: 0 11px;
  }
  .lnavi .box-white .lnavi__list .lnavi__list-sec {
    margin-bottom: 10px;
  }
}

/*　　knowledge-navi
-------------------------------------*/
.knowledge-navi {
  max-width: 945px;
  padding: 0 30px;
  margin: 0 auto;
}
.knowledge-navi ul {
  display: flex;
  flex-wrap: wrap;
  line-height: 1;
  justify-content: center;
}
.knowledge-navi ul li {
  margin-bottom: 30px;
  border-right: 1px solid rgb(0, 153, 89);
}
.knowledge-navi ul li:first-child {
  border-left: 1px solid rgb(0, 153, 89);
}
.knowledge-navi ul li a {
  padding: 19px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.knowledge-navi ul li a .no {
  font-size: 200%;
  font-weight: 500;
  font-family: "Oswald", sans-serif;
  margin-right: 20px;
}
.knowledge-navi ul li a .ttl {
  font-size: 150%;
  font-weight: 900;
  color: rgb(0, 153, 89);
  padding-left: 30px;
  background: url(../img/common/arrow_right.svg) no-repeat 0 center;
  background-size: 16px 16px;
  line-height: 1;
}
.knowledge-navi ul li a .ttl .date {
  font-size: 12px;
  color: #000;
  font-weight: 500;
}
.knowledge-navi ul li a:hover {
  opacity: 0.6;
}
.knowledge-navi ul li.knowledge-navi04 {
  width: calc(46% - 2px);
}
.knowledge-navi ul li.knowledge-navi05 {
  width: calc(54% - 1px);
}
.knowledge-navi ul li.knowledge-navi06 {
  width: calc(46% - 2px);
}
.knowledge-navi ul li.knowledge-navi07 {
  width: calc(46% - 2px);
}
.knowledge-navi ul li.knowledge-navi08 {
  width: calc(54% - 2px);
}
.knowledge-navi ul li.knowledge-navi09 {
  width: calc(46% - 1px);
}
.knowledge-navi ul li.knowledge-navi10 {
  width: calc(48% - 2px);
}
.knowledge-navi ul li.knowledge-navi11 {
  width: calc(52% - 1px);
}
.knowledge-navi ul li.knowledge-navi12 {
  width: calc(56% - 2px);
}
.knowledge-navi ul li.knowledge-navi13 {
  width: calc(44% - 1px);
}
.knowledge-navi ul li.knowledge-navi14 {
  width: calc(34% - 2px);
}
.knowledge-navi ul li.knowledge-navi15 {
  width: calc(33% - 1px);
}
.knowledge-navi ul li.knowledge-navi15.catalab {
  line-height: 1;
}
.knowledge-navi ul li.knowledge-navi15.catalab a {
  padding: 10px 0;
}
.knowledge-navi ul li.knowledge-navi15 img {
  max-width: 100px;
}
.knowledge-navi ul li.knowledge-navi18 {
  width: calc(33.3333333333% - 2px);
}
.knowledge-navi ul li.knowledge-navi18.catalab {
  line-height: 1;
}
.knowledge-navi ul li.knowledge-navi18.catalab a {
  padding: 10px 0;
}
.knowledge-navi ul li.knowledge-navi18 img {
  max-width: 100px;
}
.knowledge-navi ul li.knowledge-navi16 {
  width: calc(50% - 1px);
}
.knowledge-navi ul li.knowledge-navi17 {
  width: calc(50% - 2px);
}
@media screen and (max-width: 767px) {
  .knowledge-navi ul {
    display: block;
  }
  .knowledge-navi ul li {
    margin-bottom: 0;
    border-right: 0;
    border-bottom: 1px solid rgb(0, 153, 89);
  }
  .knowledge-navi ul li:first-child {
    border-left: 0;
  }
  .knowledge-navi ul li a {
    padding: 22px 10px 22px 22px;
    justify-content: flex-start;
  }
  .knowledge-navi ul li a .no {
    font-size: 166.7%;
    margin-right: 18px;
  }
  .knowledge-navi ul li a .ttl {
    font-size: 133.4%;
    padding-left: 18px;
    background-size: 10px 10px;
  }
  .knowledge-navi ul li.knowledge-navi04, .knowledge-navi ul li.knowledge-navi05, .knowledge-navi ul li.knowledge-navi06, .knowledge-navi ul li.knowledge-navi07, .knowledge-navi ul li.knowledge-navi08, .knowledge-navi ul li.knowledge-navi09, .knowledge-navi ul li.knowledge-navi10, .knowledge-navi ul li.knowledge-navi11, .knowledge-navi ul li.knowledge-navi12, .knowledge-navi ul li.knowledge-navi13, .knowledge-navi ul li.knowledge-navi14, .knowledge-navi ul li.knowledge-navi15, .knowledge-navi ul li.knowledge-navi16, .knowledge-navi ul li.knowledge-navi17, .knowledge-navi ul li.knowledge-navi18 {
    width: 100%;
  }
  .knowledge-navi ul.knowledge-navi01 li:first-child {
    border-top: 1px solid rgb(0, 153, 89);
  }
}

/*　　knowledge-summary
-------------------------------------*/
.knowledge-summary {
  max-width: 1005px;
  margin: 0 auto 60px;
  padding: 0 30px;
}
.knowledge-summary.knowledge-summary02 p {
  max-width: 500px;
}
@media screen and (max-width: 767px) {
  .knowledge-summary {
    margin: 0 auto 45px;
  }
}

/*　　knowledge-navi
-------------------------------------*/
.catalog-navi {
  max-width: 945px;
  margin: 0 auto;
  padding-top: 50px;
}
@media screen and (max-width: 767px) {
  .catalog-navi {
    padding-top: 40px;
  }
}
.catalog-navi h2 {
  font-size: 24px;
}
@media screen and (max-width: 767px) {
  .catalog-navi h2 {
    font-size: 16px;
  }
}
.catalog-navi ul {
  margin-top: 30px;
  display: flex;
}
@media screen and (max-width: 767px) {
  .catalog-navi ul {
    display: block;
  }
}
.catalog-navi ul li {
  margin-right: 20px;
}
@media screen and (max-width: 767px) {
  .catalog-navi ul li {
    margin-right: 0;
  }
}
.catalog-navi ul li a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 217px;
  height: 82px;
  background-color: #fff;
  border-radius: 11px;
  transition: 0.6s;
}
.catalog-navi ul li a:hover {
  opacity: 0.7;
}
@media screen and (max-width: 767px) {
  .catalog-navi ul li a {
    width: 100%;
    margin-bottom: 20px;
  }
}
.catalog-navi ul li a .date {
  font-size: 12px;
}
.catalog-navi ul li a .ttl {
  font-size: 113%;
  font-weight: 900;
  color: #009959;
  padding-left: 24px;
  background: url(../img/common/arrow_right.svg) no-repeat 0 center;
  background-size: 16px 16px;
  line-height: 1;
}
.catalog-navi ul li a .ttl.no-icon {
  background: none;
  padding-left: 0;
  text-align: center;
}
.catalog-navi ul li a img {
  max-width: 96px;
  height: auto;
}
.catalog-navi ul li a img.icon_blank {
  margin-left: 8px;
  margin-top: 10px;
  width: 8px;
  height: 8px;
}

.home #adminBox,
.home .acms-admin-box {
  margin-top: 96px;
}

/*===================================
  FORM
=====================================*/
.contact .main-contents,
.document-request .main-contents {
  margin-bottom: 125px;
}
.contact .knowledge-summary,
.document-request .knowledge-summary {
  padding: 0;
  margin-bottom: 110px;
}
@media screen and (max-width: 767px) {
  .contact .main-contents,
  .document-request .main-contents {
    margin-bottom: 75px;
  }
  .contact .knowledge-summary,
  .document-request .knowledge-summary {
    margin-bottom: 25px;
  }
}

.contact-form p.btn {
  padding: 70px 0 30px;
}
.contact-form .form__status {
  max-width: 600px;
  margin: 0 auto 80px;
  display: flex;
}
.contact-form .form__status li {
  width: calc(33.33% - 76px);
  margin: 0 38px;
  border: 1px solid rgb(0, 153, 89);
  border-radius: 12px;
  color: rgb(0, 153, 89);
  font-size: 125%;
  font-weight: 900;
  text-align: center;
  line-height: 1.3;
  padding: 22px 0;
  position: relative;
}
.contact-form .form__status li::after {
  position: absolute;
  content: "";
  width: 18.64px;
  height: 20.6px;
  top: 50%;
  right: -47.34px;
  transform: translate(0, -50%);
  background: url(../img/common/arrow_contact.svg) no-repeat 0 0;
  background-size: 18.64px 20.6px;
}
.contact-form .form__status li span {
  display: block;
  font-size: 200%;
  font-family: "Oswald", sans-serif;
  font-weight: 700;
}
.contact-form .form__status li:last-child::after {
  display: none;
}
.contact-form .form__status li.active {
  background-color: rgb(0, 153, 89);
  color: #fff;
}
.contact-form .form__status li.active::after {
  width: 17.64px;
  height: 19.6px;
  right: -46.84px;
  background-image: url(../img/common/arrow_contact-active.svg);
  background-size: 17.64px 19.6px;
}
.contact-form .form__table {
  width: 100%;
}
.contact-form .form__table tr:last-child th {
  border-bottom: 1px solid rgb(0, 153, 89);
}
.contact-form .form__table tr:last-child td {
  border-bottom: 1px solid #e9e9e9;
}
.contact-form .form__table th {
  width: 26%;
  border-top: 1px solid rgb(0, 153, 89);
  font-weight: 700;
  line-height: 1.3;
  padding: 47px 0;
  position: relative;
}
.contact-form .form__table th .subttl {
  font-weight: 500;
  font-size: 12px;
  position: absolute;
  top: 20px;
  left: 0;
  font-feature-settings: "palt";
}
.contact-form .form__table th .note {
  display: block;
  font-size: 12px;
  font-weight: 400;
  margin-top: 10px;
}
.contact-form .form__table th .type01 {
  position: absolute;
  top: 47px;
  right: 45px;
  display: inline-block;
  background-color: #ff0000;
  color: #fff;
  width: 40px;
  text-align: center;
  padding: 2px 0;
}
.contact-form .form__table th .type02 {
  position: absolute;
  top: 47px;
  right: 45px;
  display: inline-block;
  background-color: rgb(0, 153, 89);
  color: #fff;
  width: 40px;
  text-align: center;
  padding: 2px 0;
}
.contact-form .form__table td {
  line-height: 1.3;
  width: calc(74% - 125px);
  border-top: 1px solid #e9e9e9;
  padding: 40px 0 40px 125px;
}
.contact-form .form__table td .link a {
  font-size: 12px;
  color: rgb(0, 153, 89);
  background-image: url(../img/common/arrow_list-green.svg);
  background-position: 0 8px;
  margin-top: 15px;
}
.contact-form .form__table td .link a .icon-blank02 {
  background-size: 8px 8px;
  padding-right: 12px;
}
.contact-form .form__table .tbl_comment {
  font-size: 12px;
}
.contact-form .form__table.form-confirm th {
  padding: 40px 0;
}
.contact-form .form__table.form-confirm th .type01 {
  top: 40px;
}
.contact-form .form__table.form-confirm th .type02 {
  top: 40px;
}
.contact-form .form__privacy-wrap {
  margin-top: 110px;
}
.contact-form .form__privacy-wrap label.error {
  display: block;
  text-align: center;
  margin-top: 15px;
}
.contact-form .form__privacy-wrap .link-black a {
  font-size: 87.5%;
  font-weight: 500;
  margin-top: 25px;
}
.contact-form .form__privacy {
  margin: 40px 0 80px;
  padding: 40px;
  background-color: #fff;
  border-radius: 11.8px;
}
.contact-form .form__privacy h3 {
  color: rgb(0, 153, 89);
  margin-bottom: 20px;
  font-weight: 900;
  font-size: 112.5%;
}
.contact-form .form__privacy h4 {
  color: rgb(0, 153, 89);
  margin: 30px 0 10px;
  font-weight: 900;
  font-size: 100%;
}
.contact-form .form__privacy .txt {
  padding-bottom: 25px;
  border-bottom: 1px solid #e9e9e9;
}
.contact-form .form__privacy .form__tel {
  margin-top: 30px;
}
.contact-form .form__policy {
  text-align: center;
  font-weight: 500;
  font-size: 112.5%;
}
.contact-form .form__policy label {
  padding-left: 34px;
  position: relative;
}
.contact-form .form__policy label::before {
  content: "";
  width: 22px;
  height: 22px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  background-color: #fff;
  border: 1px solid rgb(157, 157, 157);
}
.contact-form .form__policy input[type=checkbox]:checked + label:before {
  content: "✓";
  font-size: 20px;
  color: rgb(0, 153, 89);
}
.contact-form .form__policy .form__policy-yes {
  padding-left: 34px;
  background: url(../img/common/icon_check.svg) no-repeat 0 center;
  background-size: 24px 24px;
  display: inline-block;
}
.contact-form .tbl_document .checkbox label {
  margin-bottom: 20px;
}
.contact-form .tbl_document .checkbox,
.contact-form .tbl_otoiawase_a .checkbox {
  font-weight: 500;
  font-size: 12px;
  display: inline-block;
  min-width: 140px;
}
.contact-form .tbl_document .checkbox label,
.contact-form .tbl_otoiawase_a .checkbox label {
  line-height: 1.3;
  padding-left: 30px;
  position: relative;
  margin-right: 20px;
  display: inline-block;
}
.contact-form .tbl_document .checkbox label::before,
.contact-form .tbl_otoiawase_a .checkbox label::before {
  content: "";
  width: 13px;
  height: 18px;
  padding-left: 5px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  background-color: #fff;
  border: 1px solid rgb(157, 157, 157);
}
.contact-form input[type=checkbox]:checked + label:before {
  content: "✓";
  font-size: 12px;
  color: rgb(0, 153, 89);
}
.contact-form input[type=text],
.contact-form input[type=email],
.contact-form input[type=number],
.contact-form input[type=tel] {
  background-color: #e9e9e9;
  padding: 10px 15px;
}
@media screen and (max-width: 767px) {
  .contact-form input[type=text],
  .contact-form input[type=email],
  .contact-form input[type=number],
  .contact-form input[type=tel] {
    padding: 10px 12px;
  }
}
.contact-form input[type=text],
.contact-form input[type=email] {
  width: 330px;
}
.contact-form textarea {
  width: 585px;
  height: 280px;
  background-color: #e9e9e9;
  padding: 10px 15px;
}
@media screen and (max-width: 767px) {
  .contact-form textarea {
    padding: 10px 12px;
  }
}
.contact-form select {
  width: 255px;
  padding: 10px 15px;
  background: url(../img/common/arrow_select.svg) no-repeat right 15px center #e9e9e9;
  background-size: 12px 12px;
}
@media screen and (max-width: 767px) {
  .contact-form select {
    padding: 10px 12px;
  }
}
.contact-form .error {
  color: #ff0000;
}
.contact-form .form_w255 {
  width: 255px !important;
}
.contact-form .form__btn {
  padding-bottom: 30px;
  margin: 50px auto 0;
}
.contact-form .form__btn .form-btn01 > * {
  line-height: 2;
  cursor: pointer;
  display: block;
  border: 1px solid rgb(0, 153, 89);
  background-color: rgb(0, 153, 89);
  color: #fff;
  font-weight: 700;
  text-align: center;
  font-size: 14px;
  padding: 14px 0;
  width: 226px;
  border-radius: 29px;
  margin: 0 auto;
  filter: drop-shadow(5px 5px 10px rgba(0, 102, 51, 0.6));
}
.contact-form .form__btn .form-btn01 > *:hover {
  filter: drop-shadow(3px 3px 5px rgba(0, 102, 51, 0.6));
}
.contact-form .form__btn .form-btn01 button:hover {
  filter: drop-shadow(3px 3px 5px rgba(0, 102, 51, 0.6));
}
.contact-form .form__btn .form-edit > input {
  display: block;
  cursor: pointer;
  border: 1px solid rgb(0, 153, 89);
  color: rgb(0, 153, 89);
  font-weight: 700;
  text-align: center;
  font-size: 12px;
  padding: 10px 0;
  width: 156px;
  border-radius: 20px;
  margin: 0 auto;
}
.contact-form .form__btn .form-edit > input:hover {
  opacity: 0.6;
}
.contact-form .form__btn.form__btn02 {
  max-width: 415px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
}
@media screen and (max-width: 999px) {
  .contact-form .form__table th {
    width: 35%;
  }
  .contact-form .form__table th .type01 {
    right: 20px;
  }
  .contact-form .form__table th .type02 {
    right: 20px;
  }
  .contact-form .form__table td {
    width: calc(65% - 40px);
    padding-left: 40px;
  }
  .contact-form textarea {
    width: calc(100% - 40px);
  }
}
@media screen and (max-width: 767px) {
  .contact-form p.btn {
    padding: 40px 0 20px;
  }
  .contact-form .form__status {
    max-width: 300px;
    margin-bottom: 30px;
  }
  .contact-form .form__status li {
    width: calc(33.33% - 40px);
    margin: 0 20px;
    border-radius: 6px;
    font-size: 10px;
    padding: 10px 0;
  }
  .contact-form .form__status li::after {
    position: absolute;
    content: "";
    width: 9.32px;
    height: 10.3px;
    right: -24.66px;
    background-size: 9.32px 10.3px;
  }
  .contact-form .form__status li.active::after {
    width: 8.82px;
    height: 9.8px;
    right: -24.41px;
    background-size: 8.82px 9.8px;
  }
  .contact-form .form__table tr:last-child th {
    border-bottom: 0;
  }
  .contact-form .form__table th {
    font-size: 116.7%;
    display: block;
    width: 100%;
    padding: 20px 0 0;
    border-color: #e9e9e9;
  }
  .contact-form .form__table th .subttl {
    position: static;
    margin-right: 5px;
  }
  .contact-form .form__table th .note {
    display: block;
    margin: 5px 0 0;
  }
  .contact-form .form__table th .type01 {
    position: static;
    margin-left: 10px;
  }
  .contact-form .form__table th .type02 {
    position: static;
    margin-left: 10px;
  }
  .contact-form .form__table td {
    display: block;
    width: 100%;
    padding-left: 0;
    border-top: 0;
    padding: 15px 0 20px;
  }
  .contact-form .form__table.form-confirm th {
    padding: 20px 0 0;
  }
  .contact-form .form__table .tbl_document .checkbox {
    display: block;
  }
  .contact-form input[type=text],
  .contact-form input[type=email] {
    width: calc(100% - 24px);
  }
  .contact-form .form_w255 {
    width: calc(100% - 24px) !important;
  }
  .contact-form select {
    width: 100%;
  }
  .contact-form textarea {
    width: calc(100% - 24px);
    height: 180px;
  }
  .contact-form .form__privacy-wrap {
    margin-top: 50px;
  }
  .contact-form .form__privacy {
    margin: 40px 0 30px;
    padding: 20px;
  }
  .contact-form .form__privacy h3 {
    margin-bottom: 10px;
    font-size: 116.7%;
  }
  .contact-form .form__privacy h4 {
    margin: 15px 0 10px;
  }
  .contact-form .form__privacy .txt {
    padding-bottom: 12px;
  }
  .contact-form .form__privacy .form__tel {
    margin-top: 25px;
  }
  .contact-form .form__policy {
    font-size: 133.4%;
  }
  .contact-form .form__policy label {
    padding-left: 30px;
  }
  .contact-form .form__policy label::before {
    width: 20px;
    height: 20px;
  }
  .contact-form .form__policy input[type=checkbox]:checked + label:before {
    font-size: 18px;
  }
  .contact-form .form__btn {
    padding-bottom: 20px;
    margin-top: 20px;
  }
  .contact-form .form__btn .form-edit > input {
    margin-top: 30px;
  }
  .contact-form .form__btn.form__btn02 {
    display: block;
    max-width: 100%;
  }
}

/*===================================
  sustainability
=====================================*/
.sustainability .main-contents .sustainability-box01 .emphasis {
  background: linear-gradient(180deg, transparent 0, transparent 15%, rgb(255, 225, 0) 15%, rgb(255, 225, 0) 88%, transparent 88%, transparent 100%);
}
.sustainability .main-contents .sustainability-box01 .ttl01 {
  line-height: 1.65;
  font-size: 225%;
  letter-spacing: 0;
  font-feature-settings: "palt";
  margin-bottom: 10px;
}
.sustainability .main-contents .sustainability-box01 .ttl01 .font_red {
  font-size: 44%;
}
.sustainability .main-contents .sustainability-box01 .note {
  color: #ff0000;
  font-size: 75%;
  line-height: 1.75;
}
.sustainability .main-contents .sustainability-box01 .txt {
  margin: 35px 0 50px;
  max-width: 500px;
}
@media screen and (max-width: 767px) {
  .sustainability .main-contents .sustainability-box01 .ttl01 {
    font-size: 200%;
  }
  .sustainability .main-contents .sustainability-box01 .ttl01 .font_red {
    font-size: 50%;
  }
  .sustainability .main-contents .sustainability-box01 .note {
    font-size: 83.4%;
  }
  .sustainability .main-contents .sustainability-box01 .txt {
    margin: 25px 0 40px;
  }
}
.sustainability .main-contents .sustainability-box02 {
  margin-bottom: 80px;
}
.sustainability .main-contents .procedure__box ul {
  display: flex;
  flex-wrap: wrap;
  max-width: 785px;
}
.sustainability .main-contents .procedure__box ul li {
  width: 12.7%;
  margin: 0 4.7% 30px 0;
  position: relative;
}
.sustainability .main-contents .procedure__box ul li span {
  line-height: 1;
  text-align: center;
  font-size: 10px;
  font-weight: 600;
  font-family: "Oswald", sans-serif;
  position: absolute;
  width: 16px;
  height: 10px;
  background-color: rgb(0, 153, 89);
  border-radius: 50%;
  color: #fff;
  top: 5px;
  left: 5px;
  padding: 3px 0;
}
.sustainability .main-contents .procedure__box ul li::after {
  position: absolute;
  content: "";
  width: 17.64px;
  height: 19.6px;
  background: url(../img/common/arrow_procedure.svg) no-repeat 0 0;
  background-size: 17.64px 19.6px;
  top: 50%;
  right: -27px;
  transform: translate(0, -50%);
}
.sustainability .main-contents .procedure__box ul li:last-child {
  margin-right: 0;
}
.sustainability .main-contents .procedure__box ul li:last-child::after {
  display: none;
}
@media screen and (max-width: 999px) {
  .sustainability .main-contents .procedure__box {
    margin-top: 20px;
  }
  .sustainability .main-contents .procedure__box ul {
    max-width: 100%;
  }
  .sustainability .main-contents .procedure__box ul li {
    width: calc(33.33% - 20px);
    margin: 0 20px 15px 0;
  }
  .sustainability .main-contents .procedure__box ul li::after {
    width: 9px;
    height: 10px;
    background-size: 9px 10px;
    top: calc(50% - 3.75px);
    right: -15px;
  }
}
.sustainability .main-contents .more__box .midashi {
  font-weight: 700;
  margin-bottom: 15px;
}
.sustainability .main-contents .more__box .midashi span {
  display: block;
  font-size: 87.5%;
  font-weight: 500;
}
.sustainability .main-contents .more__box .btn a {
  margin: 0;
  border-radius: 46px;
  width: 336px;
  height: 44px;
  padding: 20px 35px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 100%;
}
.sustainability .main-contents .more__box .btn a .point {
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  font-size: 175%;
  line-height: 1.2;
}
.sustainability .main-contents .more__box .btn a .point span {
  font-size: 50%;
  display: block;
}
.sustainability .main-contents .more__box .btn a .ttl {
  font-size: 87.5%;
  text-align: left;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .sustainability .main-contents .more__box {
    font-size: 116.7%;
  }
  .sustainability .main-contents .more__box span {
    font-size: 85.7%;
  }
  .sustainability .main-contents .more__box .btn a {
    border-radius: 74px;
    width: calc(100% - 50px);
    max-width: 205px;
    height: 72px;
    padding: 15px 25px;
  }
  .sustainability .main-contents .more__box .btn a .point {
    font-size: 22px;
  }
  .sustainability .main-contents .more__box .btn a .ttl {
    font-size: 14px;
    line-height: 1.75;
  }
}

/*===================================
basic-knowledge
=====================================*/
.basic-knowledge .page-header {
  height: 296px;
}
@media screen and (max-width: 767px) {
  .basic-knowledge .page-header {
    height: 145px;
  }
}
.basic-knowledge .page-header .page-header__inner {
  height: 296px;
}
@media screen and (max-width: 767px) {
  .basic-knowledge .page-header .page-header__inner {
    height: 145px;
  }
}
.basic-knowledge .main-contents {
  max-width: 100%;
  padding: 0;
}
.basic-knowledge .main-contents .knowledge-box {
  margin: 20px 0 90px;
}
.basic-knowledge .main-contents .knowledge-box .knowledge-box__inner .knowledge-box__contents p {
  padding: 186px 0 50px;
}
@media screen and (max-width: 999px) {
  .basic-knowledge .main-contents .knowledge-box .knowledge-box__inner .knowledge-box__contents {
    padding: 196px 0 50px;
  }
  .basic-knowledge .main-contents .knowledge-box .knowledge-box__inner .knowledge-box__contents p {
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .basic-knowledge .main-contents .knowledge-box {
    margin: 12px 0 25px;
  }
  .basic-knowledge .main-contents .knowledge-box .knowledge-box__inner .knowledge-box__contents {
    padding: 120px 0 20px;
  }
  .basic-knowledge .main-contents .knowledge-box .knowledge-box__inner .knowledge-box__contents img {
    margin-top: 15px;
  }
}
.basic-knowledge .knowledge-box__wrap {
  overflow: hidden;
}
.basic-knowledge .knowledge-box {
  position: relative;
  margin: 115px 0 0;
  background: linear-gradient(-110deg, transparent 0, transparent 41%, #fff 41%, #fff 100%);
}
.basic-knowledge .knowledge-box .knowledge-box__inner {
  max-width: 1005px;
  margin: 0 auto;
  padding: 0 30px;
  position: relative;
}
.basic-knowledge .knowledge-box .knowledge-box__inner .knowledge-box__header {
  position: absolute;
  top: 40px;
  left: 30px;
}
.basic-knowledge .knowledge-box .knowledge-box__inner .knowledge-box__header .no {
  font-size: 40px;
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 20px;
}
.basic-knowledge .knowledge-box .knowledge-box__inner .knowledge-box__header .page-ttl04 {
  line-height: 1.5;
}
.basic-knowledge .knowledge-box .knowledge-box__inner .knowledge-box__header .page-ttl04 .subttl {
  display: block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #000;
  padding-bottom: 5px;
}
.basic-knowledge .knowledge-box .knowledge-box__inner .knowledge-box__header .page-ttl04 .mainttl {
  font-feature-settings: "palt";
  line-height: 1.5;
  display: inline-block;
  color: rgb(0, 153, 89);
}
.basic-knowledge .knowledge-box .knowledge-box__inner .knowledge-box__header .page-ttl05 {
  font-size: 175%;
  margin-top: 25px;
}
@media screen and (max-width: 767px) {
  .basic-knowledge .knowledge-box .knowledge-box__inner .knowledge-box__header .page-ttl05 {
    font-size: 150%;
    margin-top: 20px;
  }
}
.basic-knowledge .knowledge-box .knowledge-box__inner .knowledge-box__contents {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.basic-knowledge .knowledge-box .knowledge-box__inner .knowledge-box__contents p {
  padding: 236px 0 70px;
  width: 42%;
}
.basic-knowledge .knowledge-box .knowledge-box__inner .knowledge-box__contents .img {
  margin-top: 20px;
  width: 51%;
}
.basic-knowledge .knowledge-box.knowledge-box02 {
  background: linear-gradient(110deg, transparent 0, transparent 38%, #fff 38%, #fff 100%);
}
.basic-knowledge .knowledge-box.knowledge-box02 .knowledge-box__inner .knowledge-box__header {
  left: initial;
  right: 30px;
  width: 40%;
}
.basic-knowledge .knowledge-box.knowledge-box02 .knowledge-box__inner .knowledge-box__contents {
  flex-direction: row;
}
.basic-knowledge .knowledge-box.knowledge-box02 .knowledge-box__inner .knowledge-box__contents p {
  padding: 120px 0 50px;
}
.basic-knowledge .knowledge-box.knowledge-box02 .knowledge-box__inner .knowledge-box__contents .img {
  margin-top: 155px;
}
.basic-knowledge .knowledge-box.knowledge-box03 {
  margin: 70px 0 200px;
}
.basic-knowledge .knowledge-box.knowledge-box03 .knowledge-box__inner .knowledge-box__contents {
  display: block;
}
.basic-knowledge .knowledge-box.knowledge-box03 .knowledge-box__inner .knowledge-box__contents p {
  padding: 120px 0 50px;
}
.basic-knowledge .knowledge-box.knowledge-box03 .knowledge-box__inner .knowledge-box__contents .img {
  position: absolute;
  margin-top: 0;
  top: -60px;
  right: 30px;
}
.basic-knowledge .knowledge-box .local-navi__img {
  position: absolute;
  top: 50%;
  right: -117px;
  transform: translate(0, -50%);
}
@media screen and (max-width: 999px) {
  .basic-knowledge .knowledge-box {
    background: linear-gradient(-110deg, transparent 0, transparent 25%, #fff 25%, #fff 100%);
  }
  .basic-knowledge .knowledge-box .knowledge-box__inner .knowledge-box__contents {
    display: block;
    padding: 236px 0 70px;
  }
  .basic-knowledge .knowledge-box .knowledge-box__inner .knowledge-box__contents::after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0px;
    line-height: 0;
  }
  .basic-knowledge .knowledge-box .knowledge-box__inner .knowledge-box__contents p {
    padding: 0;
    width: auto;
  }
  .basic-knowledge .knowledge-box .knowledge-box__inner .knowledge-box__contents .img {
    float: right;
    width: 47%;
    margin: 10px 0 20px 20px;
  }
  .basic-knowledge .knowledge-box.knowledge-box02 {
    background: linear-gradient(110deg, transparent 0, transparent 45%, #fff 45%, #fff 100%);
  }
  .basic-knowledge .knowledge-box.knowledge-box02 .knowledge-box__inner .knowledge-box__header {
    right: initial;
    left: 30px;
    width: auto;
  }
  .basic-knowledge .knowledge-box.knowledge-box02 .knowledge-box__inner .knowledge-box__contents {
    padding: 130px 0 50px;
  }
  .basic-knowledge .knowledge-box.knowledge-box02 .knowledge-box__inner .knowledge-box__contents p {
    padding: 0;
  }
  .basic-knowledge .knowledge-box.knowledge-box02 .knowledge-box__inner .knowledge-box__contents .img {
    margin: 10px 0 20px 20px;
  }
  .basic-knowledge .knowledge-box.knowledge-box03 {
    margin-bottom: 100px;
  }
  .basic-knowledge .knowledge-box.knowledge-box03 .knowledge-box__inner .knowledge-box__contents {
    padding: 130px 0 50px;
  }
  .basic-knowledge .knowledge-box.knowledge-box03 .knowledge-box__inner .knowledge-box__contents p {
    padding: 0;
  }
  .basic-knowledge .knowledge-box.knowledge-box03 .knowledge-box__inner .knowledge-box__contents .img {
    position: static;
    margin: 10px 0 20px 20px;
  }
  .basic-knowledge .knowledge-box .local-navi__img {
    position: absolute;
    top: initial;
    bottom: 35px;
    right: -80px;
    transform: translate(0, 0);
    height: 224px;
    width: 409.5px;
  }
}
@media screen and (max-width: 767px) {
  .basic-knowledge .knowledge-box {
    margin: 40px 0 0;
    background: linear-gradient(-110deg, transparent 0, transparent 29%, #fff 29%, #fff 100%);
  }
  .basic-knowledge .knowledge-box .knowledge-box__inner .knowledge-box__header {
    position: absolute;
    top: 27px;
  }
  .basic-knowledge .knowledge-box .knowledge-box__inner .knowledge-box__header .no {
    font-size: 24px;
    margin-bottom: 15px;
  }
  .basic-knowledge .knowledge-box .knowledge-box__inner .knowledge-box__contents {
    padding: 139px 0 20px;
  }
  .basic-knowledge .knowledge-box .knowledge-box__inner .knowledge-box__contents .img {
    margin: 10px 0 15px 20px;
  }
  .basic-knowledge .knowledge-box.knowledge-box02 {
    background: linear-gradient(110deg, transparent 0, transparent 40%, #fff 40%, #fff 100%);
  }
  .basic-knowledge .knowledge-box.knowledge-box02 .knowledge-box__inner .knowledge-box__contents {
    padding: 120px 0 20px;
  }
  .basic-knowledge .knowledge-box.knowledge-box02 .knowledge-box__inner .knowledge-box__contents .img {
    margin: 0 0 15px 20px;
  }
  .basic-knowledge .knowledge-box.knowledge-box03 {
    margin: 20px 0 30px;
  }
  .basic-knowledge .knowledge-box.knowledge-box03 .knowledge-box__inner .knowledge-box__contents {
    padding: 75px 0 20px;
  }
  .basic-knowledge .knowledge-box.knowledge-box03 .knowledge-box__inner .knowledge-box__contents .img {
    margin: 0 0 15px 20px;
  }
  .basic-knowledge .knowledge-box .local-navi__img {
    position: absolute;
    top: initial;
    bottom: 10px;
    right: initial;
    left: 190px;
    height: 124px;
    width: 226.68px;
  }
}

/*** benefit ****/
.icon-benefit {
  line-height: 1;
  display: inline-block;
  color: #000;
  font-weight: 900;
  font-size: 262.5%;
  width: 63.4px;
  height: 63.4px;
  text-align: center;
  background: url(../img/common/icon_benefit.svg) no-repeat 0 0;
  background-size: 63.4px 63.4px;
}
@media screen and (max-width: 767px) {
  .icon-benefit {
    font-size: 16px;
    width: 24.8px;
    height: 24.8px;
    background-size: 24.8px 24.8px;
  }
}

.local-navi-box .local-navi {
  padding: 160px 0 70px;
  position: relative;
  z-index: 10;
}
.local-navi-box .local-navi li a {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  font-size: 150%;
  font-weight: 900;
  color: rgb(0, 153, 89);
}
.local-navi-box .local-navi li a .icon-benefit {
  font-size: 150%;
  margin-right: 15px;
  width: 44.4px;
  height: 44.4px;
  background-size: 44.4px 44.4px;
}
.local-navi-box .local-navi li a .ttl {
  width: calc(100% - 59.4px);
}
.local-navi-box .local-navi li a:hover {
  opacity: 0.6;
}
@media screen and (max-width: 767px) {
  .local-navi-box .local-navi {
    padding: 110px 0 10px;
    line-height: 1.75;
  }
  .local-navi-box .local-navi li a {
    align-items: baseline;
    margin-bottom: 15px;
    font-size: 133.4%;
    padding: 0;
  }
  .local-navi-box .local-navi li a .icon-benefit {
    padding: 2px 0;
    margin-right: 5px;
    font-size: 100%;
    width: 24.8px;
    height: 20.8px;
    background-size: 24.8px 24.8px;
  }
  .local-navi-box .local-navi li a .ttl {
    width: calc(100% - 29.8px);
  }
}
.local-navi-box.local-navi-box02 .local-navi li a {
  font-feature-settings: "palt";
  display: block;
  margin-bottom: 15px;
}
.local-navi-box.local-navi-box02 .local-navi li a span {
  display: inline-block;
  padding-left: 30px;
  background: url(../img/common/arrow_right.svg) no-repeat 0 16px;
  background-size: 16px 16px;
}
@media screen and (max-width: 767px) {
  .local-navi-box.local-navi-box02 .local-navi li a {
    margin-bottom: 10px;
  }
  .local-navi-box.local-navi-box02 .local-navi li a span {
    padding-left: 20px;
    background-position: 0 10px;
    background-size: 10px 10px;
  }
}

.benefit-box {
  max-width: 1000px;
  margin: 0 auto 100px;
  padding: 0 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.benefit-box .img {
  width: 51.6%;
}
.benefit-box .txt {
  width: 41.5%;
}
.benefit-box .txt .benefit-no {
  margin-bottom: 30px;
  width: 65px;
  font-weight: 900;
  line-height: 1;
}
.benefit-box .txt .benefit-no .txt {
  line-height: 1.75;
}
.benefit-box .txt .benefit-no .icon-benefit {
  line-height: 1.3;
}
.benefit-box .txt .benefit-txt {
  margin-top: 30px;
}
.benefit-box .txt .benefit-txt li span {
  padding-left: 14px;
  position: relative;
}
.benefit-box .txt .benefit-txt li span::before {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  background-color: rgb(0, 153, 89);
  border-radius: 50%;
  top: 10px;
  left: 0;
}
@media screen and (min-width: 768px) {
  .benefit-box::after {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .benefit-box {
    margin-bottom: 50px;
    display: block;
  }
  .benefit-box .img {
    float: right;
    width: 47%;
    margin: 5px 0 20px 12px;
  }
  .benefit-box .txt {
    width: auto;
    display: inline;
  }
  .benefit-box .txt .benefit-no {
    margin-bottom: 10px;
    width: 40px;
  }
  .benefit-box .txt .benefit-no .txt {
    font-size: 10px;
    transform: scale(0.6);
    display: inline-block;
    line-height: 1;
    transform-origin: left center;
  }
  .benefit-box .txt .benefit-no .icon-benefit {
    font-size: 16px;
    margin-top: 3px;
  }
  .benefit-box .txt .page-ttl05 {
    display: inline;
  }
  .benefit-box .txt .benefit-txt {
    margin-top: 10px;
  }
}

.knowledge-navi__btn {
  margin-bottom: 120px;
  padding: 0 30px;
}
.knowledge-navi__btn a {
  display: block;
  max-width: 810px;
  margin: 0 auto;
  padding: 93px 0 0;
  position: relative;
}
.knowledge-navi__btn a::after {
  content: "";
  position: absolute;
  width: 322px;
  height: 226px;
  top: 0;
  right: 30px;
  background: url(../img/basic-knowledge/benefit/img_btn.png) no-repeat 0 0;
  background-size: 322px 226px;
}
.knowledge-navi__btn a .box-white {
  background-color: #fff;
  border-radius: 10px;
  padding: 30px 30px 20px;
}
.knowledge-navi__btn a .box-white .note {
  background-color: rgb(0, 153, 89);
  border-radius: 9px;
  padding: 4px 20px;
  letter-spacing: 0.1em;
  color: #fff;
  display: inline-block;
  font-size: 125%;
  font-weight: 500;
}
.knowledge-navi__btn a .box-white .ttl {
  margin: 0 0 5px;
  font-size: 225%;
  font-weight: 900;
  color: rgb(0, 153, 89);
}
.knowledge-navi__btn a .box-white .summary {
  color: rgb(0, 153, 89);
  font-size: 143.8%;
  font-weight: 900;
}
.knowledge-navi__btn a .box-white .summary span {
  padding-left: 30px;
  background: url(../img/common/arrow_right.svg) no-repeat 0 center;
  background-size: 16px 16px;
}
.knowledge-navi__btn a:hover {
  opacity: 0.6;
}
.knowledge-navi__btn.knowledge-navi__btn02 a::after {
  height: 292px;
  right: 30px;
  background-image: url(../img/basic-knowledge/history/img_btn.png);
  background-size: 322px 292px;
}
.knowledge-navi__btn.knowledge-navi__btn03 a::after {
  height: 292px;
  right: 30px;
  background-image: url(../img/basic-knowledge/six-points/img_btn.png);
  background-size: 322px 292px;
}
.knowledge-navi__btn.knowledge-navi__btn-movie {
  overflow-x: hidden;
  margin-top: 120px;
}
.knowledge-navi__btn.knowledge-navi__btn-movie a {
  padding: 0 0 35px;
}
.knowledge-navi__btn.knowledge-navi__btn-movie a::after {
  content: "";
  position: absolute;
  width: 243px;
  height: 172px;
  top: initial;
  bottom: 0;
  right: -95px;
  background: url(../img/basic-knowledge/rival/img_btn.png) no-repeat 0 0;
  background-size: 243px 172px;
}
.knowledge-navi__btn.knowledge-navi__btn-movie a .box-white {
  padding: 30px;
  display: flex;
  align-items: center;
}
.knowledge-navi__btn.knowledge-navi__btn-movie a .box-white .txt {
  width: 33%;
  margin-right: 60px;
}
.knowledge-navi__btn.knowledge-navi__btn-movie a .box-white .note {
  background-color: transparent;
  border-radius: 0;
  padding: 0;
  letter-spacing: 0;
  color: #000;
  font-size: 100%;
  font-weight: 900;
}
.knowledge-navi__btn.knowledge-navi__btn-movie a .box-white .ttl {
  margin: 0;
  color: rgb(0, 153, 89);
  padding-left: 30px;
  background: url(../img/common/arrow_right.svg) no-repeat 0 center;
  background-size: 24px 24px;
  letter-spacing: 0.1em;
  font-feature-settings: "palt";
}
.knowledge-navi__btn.knowledge-navi__btn-movie a .box-white .img {
  width: 43%;
  display: flex;
  justify-content: space-between;
}
.knowledge-navi__btn.knowledge-navi__btn-movie a .box-white .img li {
  width: 47%;
}
@media screen and (max-width: 999px) {
  .knowledge-navi__btn.knowledge-navi__btn-movie a .box-white .txt {
    width: 250px;
    margin-right: 40px;
  }
  .knowledge-navi__btn.knowledge-navi__btn-movie a .box-white .img {
    width: calc(76% - 250px);
  }
}
@media screen and (max-width: 767px) {
  .knowledge-navi__btn {
    margin-bottom: 40px;
  }
  .knowledge-navi__btn a {
    padding: 20px 0 0;
  }
  .knowledge-navi__btn a::after {
    width: 150px;
    height: 105px;
    right: -15px;
    background-size: 150px 105px;
  }
  .knowledge-navi__btn a .box-white {
    padding: 20px;
  }
  .knowledge-navi__btn a .box-white .note {
    font-size: 116.7%;
    padding: 3px 10px;
  }
  .knowledge-navi__btn a .box-white .ttl {
    font-size: 166.7%;
    margin: 7px 0;
  }
  .knowledge-navi__btn a .box-white .summary {
    font-size: 125%;
    line-height: 1.3;
  }
  .knowledge-navi__btn a .box-white .summary span {
    display: inline-block;
    padding-left: 15px;
    background-position: 0 7px;
    background-size: 10px 10px;
  }
  .knowledge-navi__btn.knowledge-navi__btn02 a::after {
    width: 120px;
    height: 109px;
    right: 15px;
    background-size: 120px 109px;
  }
  .knowledge-navi__btn.knowledge-navi__btn03 a::after {
    width: 120px;
    height: 109px;
    right: 15px;
    background-size: 120px 109px;
  }
  .knowledge-navi__btn.knowledge-navi__btn-movie {
    max-width: 345px;
    margin: 40px auto;
  }
  .knowledge-navi__btn.knowledge-navi__btn-movie a {
    padding: 0;
  }
  .knowledge-navi__btn.knowledge-navi__btn-movie a::after {
    width: 150px;
    height: 107px;
    top: 22px;
    bottom: initial;
    right: -15px;
    background-size: 150px 107px;
  }
  .knowledge-navi__btn.knowledge-navi__btn-movie a .box-white {
    padding: 20px;
    display: block;
  }
  .knowledge-navi__btn.knowledge-navi__btn-movie a .box-white .txt {
    width: auto;
    margin-right: 0;
  }
  .knowledge-navi__btn.knowledge-navi__btn-movie a .box-white .ttl {
    margin-bottom: 8px;
    padding-left: 20px;
    background-size: 10px 10px;
    letter-spacing: 0;
    font-size: 133.4%;
  }
  .knowledge-navi__btn.knowledge-navi__btn-movie a .box-white .img {
    width: 55%;
  }
  .knowledge-navi__btn.knowledge-navi__btn-movie a .box-white .img li {
    width: 47%;
  }
}

/*** rival ****/
.rival .knowledge-box .knowledge-box__inner .knowledge-box__contents {
  display: block;
}
.rival .knowledge-box .knowledge-box__inner .knowledge-box__contents p {
  width: 49%;
  padding: 217px 0 90px;
}
@media screen and (max-width: 999px) {
  .rival .knowledge-box .knowledge-box__inner .knowledge-box__contents {
    padding: 217px 0 70px;
  }
  .rival .knowledge-box .knowledge-box__inner .knowledge-box__contents .img {
    margin-top: -50px;
  }
  .rival .knowledge-box .knowledge-box__inner .knowledge-box__contents p {
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .rival .knowledge-box .knowledge-box__inner .knowledge-box__contents {
    padding: 139px 0 20px;
  }
  .rival .knowledge-box .knowledge-box__inner .knowledge-box__contents .img {
    margin-top: 0;
  }
  .rival .knowledge-box .knowledge-box__inner .knowledge-box__contents p {
    width: auto;
    padding: 0;
  }
}
.rival .rival-local-navi {
  max-width: 1005px;
  padding: 0 30px;
  margin: 0 auto;
}
.rival .rival-local-navi .line__box-green {
  max-width: 860px;
  margin: 0 auto 150px;
  padding: 30px 60px 0;
}
.rival .rival-local-navi .line__box-green::before, .rival .rival-local-navi .line__box-green::after {
  display: none;
}
.rival .rival-local-navi .line__box-green a {
  width: 26%;
  display: block;
  text-align: center;
  margin-bottom: 50px;
}
.rival .rival-local-navi .line__box-green a p {
  height: 50px;
  font-size: 112.5%;
  font-weight: 700;
  line-height: 1.2;
}
.rival .rival-local-navi .line__box-green a p .line {
  border-bottom: 2px solid rgb(0, 153, 89);
}
.rival .rival-local-navi .line__box-green a p .sub-txt {
  margin-top: 5px;
  display: block;
  font-size: 12px;
  font-weight: 400;
  font-feature-settings: "palt";
}
.rival .rival-local-navi .line__box-green a:hover {
  opacity: 0.6;
}
.rival .rival-local-navi .line__box-green .rival-local-navi__main a {
  margin: 0 auto 50px;
}
.rival .rival-local-navi .line__box-green .rival-local-navi__sub {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 999px) {
  .rival .rival-local-navi .line__box-green .rival-local-navi__sub a:last-child p .sub-txt {
    display: inline;
  }
}
@media screen and (max-width: 767px) {
  .rival .rival-local-navi .line__box-green {
    border-radius: 10px;
    margin: 0 auto 50px;
    padding: 20px 20px 10px;
  }
  .rival .rival-local-navi .line__box-green a {
    width: 47%;
    margin-bottom: 25px;
  }
  .rival .rival-local-navi .line__box-green a p {
    height: auto;
    margin-bottom: 10px;
    font-size: 116.7%;
  }
  .rival .rival-local-navi .line__box-green a p .sub-txt {
    font-size: 10px;
  }
  .rival .rival-local-navi .line__box-green .rival-local-navi__main a {
    margin-bottom: 25px;
  }
  .rival .rival-local-navi .line__box-green .rival-local-navi__sub {
    align-items: flex-end;
  }
}
.rival .rival-box__wrap {
  max-width: 1005px;
  padding: 0 30px;
  margin: 0 auto;
  position: relative;
}
.rival .rival-box__wrap .ttl02 {
  position: absolute;
  top: 30px;
  right: 30px;
  font-size: 150%;
  font-weight: 500;
  width: 64.2%;
  margin: 0;
}
.rival .rival-box__wrap .ttl02 span {
  padding-bottom: 10px;
}
.rival .rival-box__wrap .rival-box {
  display: flex;
  justify-content: space-between;
}
.rival .rival-box__wrap .rival-box .img {
  padding: 30px 0;
  width: 26%;
  text-align: center;
  border-bottom: 1px solid #e9e9e9;
}
.rival .rival-box__wrap .rival-box .img h4 {
  height: 80px;
  font-size: 150%;
  font-weight: 700;
}
.rival .rival-box__wrap .rival-box .img h4 .sub-txt {
  display: block;
  font-weight: 400;
  font-size: 75%;
  font-feature-settings: "palt";
  margin-top: 5px;
}
.rival .rival-box__wrap .rival-box .img img {
  width: 91.6%;
}
.rival .rival-box__wrap .rival-box p {
  padding: 30px 0;
  width: 68%;
  border-bottom: 1px solid #e9e9e9;
}
.rival .rival-box__wrap .rival-box.rival-box__main {
  border-bottom: 1px solid rgb(0, 153, 89);
}
.rival .rival-box__wrap .rival-box.rival-box__main .img {
  border-bottom: none;
}
.rival .rival-box__wrap .rival-box.rival-box__main p {
  border-bottom: none;
  padding-top: 90px;
}
@media screen and (min-width: 768px) {
  .rival .rival-box__wrap .rival-box::after {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .rival .rival-box__wrap .ttl02 {
    position: relative;
    width: 100%;
    top: 0;
    font-size: 133.4%;
    font-weight: 900;
    margin-bottom: 10px;
  }
  .rival .rival-box__wrap .ttl02 span {
    padding-bottom: 5px;
  }
  .rival .rival-box__wrap .rival-box {
    border-bottom: 1px solid #e9e9e9;
    display: block;
    padding: 20px 0;
  }
  .rival .rival-box__wrap .rival-box .img {
    padding: 0;
    width: 40%;
    margin: 0 10px 20px 0;
    float: left;
    border-bottom: none;
  }
  .rival .rival-box__wrap .rival-box .img h4 {
    height: auto;
    display: inline;
    font-size: 116.7%;
  }
  .rival .rival-box__wrap .rival-box .img h4 .sub-txt {
    font-size: 10px;
  }
  .rival .rival-box__wrap .rival-box .img img {
    width: 100%;
    margin-top: 20px;
  }
  .rival .rival-box__wrap .rival-box p {
    padding: 0;
    width: auto;
    border-bottom: none;
  }
  .rival .rival-box__wrap .rival-box.rival-box__main p {
    padding-top: 0;
    font-size: 100%;
  }
  .rival .rival-box__wrap .rival-box:last-child .img h4 .sub-txt {
    display: inline;
  }
}

/*** columns ****/
.columns .knowledge-box {
  margin-bottom: 0;
  background: linear-gradient(-110deg, transparent 0, transparent 29%, #fff 29%, #fff 100%);
}
.columns .columns-box {
  padding-top: 100px;
}
@media screen and (min-width: 1301px) {
  .columns .columns-box {
    position: relative;
  }
  .columns .columns-box::before {
    content: "";
    position: absolute;
  }
}
@media screen and (max-width: 767px) {
  .columns .columns-box {
    padding-top: 40px;
  }
}
.columns .columns-box .summary {
  max-width: 795px;
  margin: 0 auto 30px;
  padding: 0 30px;
}
@media screen and (min-width: 1301px) {
  .columns .columns-box .summary p {
    display: flex;
    justify-content: space-between;
  }
  .columns .columns-box .summary p span {
    width: 48.6%;
  }
}
@media screen and (max-width: 767px) {
  .columns .columns-box .summary {
    margin-bottom: 20px;
  }
}
.columns .columns-box .columns-detail__wrap {
  max-width: 1005px;
  margin: 0 auto;
  padding: 0 30px;
}
.columns .columns-box .columns-detail__wrap .columns-detail {
  padding: 40px 0;
  border-top: 1px solid #e9e9e9;
}
.columns .columns-box .columns-detail__wrap .columns-detail:last-child {
  border-bottom: 1px solid #e9e9e9;
}
.columns .columns-box .columns-detail__wrap .columns-detail .two-block p span {
  display: block;
  font-size: 12px;
  font-weight: 300;
}
.columns .columns-box .columns-detail__wrap .columns-detail .two-block p span .font_green {
  font-weight: 500;
}
.columns .columns-box .columns-detail__wrap .columns-detail .two-block p span.note {
  margin-top: 10px;
}
.columns .columns-box .columns-detail__wrap .columns-detail .initiative-box {
  display: flex;
  justify-content: space-between;
}
.columns .columns-box .columns-detail__wrap .columns-detail .initiative-box .txt {
  width: 49%;
}
.columns .columns-box .columns-detail__wrap .columns-detail .initiative-box .img {
  width: 47%;
}
@media screen and (min-width: 1301px) {
  .columns .columns-box .columns-detail__wrap .columns-detail .two-block {
    display: flex;
    justify-content: space-between;
  }
  .columns .columns-box .columns-detail__wrap .columns-detail .two-block p {
    width: 48%;
  }
  .columns .columns-box .columns-detail__wrap .columns-detail .two-block p span.note {
    margin-top: 15px;
  }
}
@media screen and (max-width: 767px) {
  .columns .columns-box .columns-detail__wrap .columns-detail {
    padding: 20px 0;
  }
  .columns .columns-box .columns-detail__wrap .columns-detail .initiative-box .txt p {
    line-height: 1.75;
  }
}
.columns .columns-box.columns-box01 {
  padding-top: 80px;
}
@media screen and (min-width: 1301px) {
  .columns .columns-box.columns-box01::before {
    width: 322px;
    height: 226px;
    background: url(../img/basic-knowledge/columns/img_ttl01.png) no-repeat 0 0;
    background-size: 322px 226px;
    top: 0;
    right: -45px;
  }
}
@media screen and (max-width: 767px) {
  .columns .columns-box.columns-box01 {
    padding-top: 65px;
  }
}
@media screen and (min-width: 1301px) {
  .columns .columns-box.columns-box02::before {
    width: 322px;
    height: 292px;
    background: url(../img/basic-knowledge/columns/img_ttl02.png) no-repeat 0 0;
    background-size: 322px 292px;
    top: 20px;
    left: -76px;
  }
}
.columns .columns-box.columns-box02 .columns-detail__wrap .columns-detail {
  padding: 40px 0 10px;
}
@media screen and (max-width: 767px) {
  .columns .columns-box.columns-box02 .columns-detail__wrap .columns-detail {
    padding: 20px 0 0;
  }
}
@media screen and (max-width: 999px) {
  .columns .columns-box.columns-box02 .columns-detail__wrap {
    display: block;
  }
  .columns .columns-box.columns-box02 .columns-detail__wrap .flex-box_detail {
    width: 100%;
  }
  .columns .columns-box.columns-box02 .columns-detail__wrap .flex-box_detail:nth-child(2n) {
    margin-left: 0;
  }
}
.columns .columns-box.columns-box03 {
  margin-bottom: 120px;
}
@media screen and (min-width: 1301px) {
  .columns .columns-box.columns-box03::before {
    width: 322px;
    height: 292px;
    background: url(../img/basic-knowledge/columns/img_ttl03.png) no-repeat 0 0;
    background-size: 322px 292px;
    top: 25px;
    right: -76px;
  }
}
@media screen and (max-width: 767px) {
  .columns .columns-box.columns-box03 {
    margin-bottom: 40px;
  }
}

/*** movie ****/
.movie .knowledge-box .knowledge-box__inner .knowledge-box__contents {
  display: block;
}
.movie .knowledge-box .knowledge-box__inner .knowledge-box__contents p {
  padding: 205px 0 50px;
  width: auto;
}
@media screen and (max-width: 999px) {
  .movie .knowledge-box .knowledge-box__inner .knowledge-box__contents {
    padding: 0;
  }
  .movie .knowledge-box .knowledge-box__inner .knowledge-box__contents p {
    padding: 205px 0 50px;
  }
}
@media screen and (max-width: 767px) {
  .movie .knowledge-box .knowledge-box__inner .knowledge-box__contents p {
    padding: 175px 0 30px;
  }
}
.movie .movie-box__wrap {
  margin-bottom: 120px;
}
.movie .movie-box__wrap .movie-box {
  max-width: 600px;
  text-align: center;
  margin: 0 auto 80px;
  padding: 0 30px;
}
.movie .movie-box__wrap .movie-box .movie-comment {
  color: rgb(0, 153, 89);
  border: 1px solid rgb(0, 153, 89);
  display: inline-block;
  border-radius: 5px;
  font-size: 87.5%;
  font-weight: 700;
  padding: 1px 8px;
  margin-bottom: 10px;
  letter-spacing: 0.1em;
  line-height: 1.75;
}
.movie .movie-box__wrap .movie-box .movie__ttl {
  font-size: 150%;
  font-weight: 900;
  margin-bottom: 20px;
  font-feature-settings: "palt";
}
.movie .movie-box__wrap .movie-box .youtube_movie {
  cursor: pointer;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.movie .movie-box__wrap .movie-box .youtube_movie .player {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.movie .movie-box__wrap .movie-box .youtube_movie .thumb {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.movie .movie-box__wrap .movie-box .youtube_movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.movie .movie-box__wrap .movie-box .youtube_movie:hover .thumb {
  opacity: 0.6;
}
@media screen and (min-width: 1301px) {
  .movie .movie-box__wrap .movie-box:nth-child(2) {
    position: relative;
  }
  .movie .movie-box__wrap .movie-box:nth-child(2)::before {
    position: absolute;
    content: "";
    width: 348px;
    height: 388px;
    background: url(../img/basic-knowledge/movie/img_bk01.png) no-repeat 0 0;
    background-size: 348px 388px;
    top: -232px;
    right: -338px;
  }
  .movie .movie-box__wrap .movie-box:nth-child(3) {
    position: relative;
  }
  .movie .movie-box__wrap .movie-box:nth-child(3)::before {
    position: absolute;
    content: "";
    width: 397px;
    height: 270px;
    background: url(../img/basic-knowledge/movie/img_bk02.png) no-repeat 0 0;
    background-size: 397px 270px;
    top: -150px;
    left: -407px;
  }
}
@media screen and (max-width: 767px) {
  .movie .movie-box__wrap {
    margin-bottom: 40px;
  }
  .movie .movie-box__wrap .movie-box {
    margin-bottom: 30px;
  }
  .movie .movie-box__wrap .movie-box .movie__ttl {
    font-size: 130%;
    margin-bottom: 15px;
    line-height: 1.3;
  }
}

/*** history ****/
.history .knowledge-box .knowledge-box__inner .knowledge-box__contents {
  display: block;
}
.history .knowledge-box .knowledge-box__inner .knowledge-box__contents p {
  padding: 205px 0 50px;
  width: 48%;
}
@media screen and (max-width: 999px) {
  .history .knowledge-box .knowledge-box__inner .knowledge-box__contents {
    padding: 0;
  }
  .history .knowledge-box .knowledge-box__inner .knowledge-box__contents p {
    padding: 205px 0 50px;
  }
}
@media screen and (max-width: 767px) {
  .history .knowledge-box .knowledge-box__inner .knowledge-box__contents {
    padding: 0;
  }
  .history .knowledge-box .knowledge-box__inner .knowledge-box__contents p {
    padding: 175px 0 30px;
    width: auto;
  }
}
.history .history-box__wrap {
  max-width: 1300px;
  margin: 0 auto 120px;
}
@media screen and (max-width: 767px) {
  .history .history-box__wrap {
    margin-bottom: 40px;
  }
}
.history .history-box__wrap .history-box__inner {
  max-width: 100%;
  position: relative;
}
@media screen and (min-width: 1301px) {
  .history .history-box__wrap .history-box__inner {
    max-width: 925px;
  }
}
.history .history-box__wrap .history-box__inner::before {
  content: "";
  position: absolute;
  top: 20px;
  left: 26%;
  width: 1px;
  height: calc(100% - 40px);
  background-color: rgb(0, 153, 89);
  z-index: 10;
}
@media screen and (min-width: 1301px) {
  .history .history-box__wrap .history-box__inner::before {
    left: 39%;
  }
}
@media screen and (max-width: 767px) {
  .history .history-box__wrap .history-box__inner::before {
    top: 0;
    height: 100%;
  }
}
.history .history-box__wrap .history-box__inner::after {
  content: "";
  position: absolute;
  bottom: 15px;
  left: 26%;
  width: 10px;
  height: 10px;
  margin-left: -4px;
  background-color: rgb(0, 153, 89);
  border-radius: 50%;
  z-index: 12;
}
@media screen and (min-width: 1301px) {
  .history .history-box__wrap .history-box__inner::after {
    left: 39%;
  }
}
@media screen and (max-width: 767px) {
  .history .history-box__wrap .history-box__inner::after {
    bottom: 0;
  }
}
.history .history-box__wrap .history-box__inner .history-box {
  background-size: 32% auto;
  background-position: left -5px top 28px;
  background-repeat: no-repeat;
  max-width: 100%;
  position: relative;
  padding-top: 55px;
}
@media screen and (min-width: 1301px) {
  .history .history-box__wrap .history-box__inner .history-box {
    max-width: 925px;
  }
}
@media screen and (max-width: 767px) {
  .history .history-box__wrap .history-box__inner .history-box {
    background-size: 35% auto !important;
    background-position: left -5px top 10px;
    padding-top: 30px;
  }
}
.history .history-box__wrap .history-box__inner .history-box .history-group {
  display: flex;
}
.history .history-box__wrap .history-box__inner .history-box .history-group .group01 {
  border-bottom: 3px dotted #e9e9e9;
  width: calc(26% - 15px);
  text-align: right;
  padding-right: 15px;
}
.history .history-box__wrap .history-box__inner .history-box .history-group .group01 .history-year {
  padding-bottom: 55px;
}
.history .history-box__wrap .history-box__inner .history-box .history-group .group01 p.comment {
  font-size: 87.5%;
  line-height: 1.5;
}
.history .history-box__wrap .history-box__inner .history-box .history-group .group01 p .icon_right {
  display: inline-block;
  font-weight: 700;
  padding-right: 10px;
  background: url(../img/common/arrow_right-history.svg) no-repeat right center;
  background-size: 8px 7px;
}
@media screen and (min-width: 1301px) {
  .history .history-box__wrap .history-box__inner .history-box .history-group .group01 {
    width: calc(39% - 30px);
    padding-right: 30px;
  }
}
@media screen and (max-width: 767px) {
  .history .history-box__wrap .history-box__inner .history-box .history-group .group01 {
    width: calc(26% - 8px);
    padding-right: 8px;
  }
  .history .history-box__wrap .history-box__inner .history-box .history-group .group01 .history-year {
    padding-bottom: 15px;
    font-feature-settings: "palt";
  }
  .history .history-box__wrap .history-box__inner .history-box .history-group .group01 p {
    line-height: 1.5;
    font-size: 10px;
  }
  .history .history-box__wrap .history-box__inner .history-box .history-group .group01 p.comment {
    font-size: 10px;
  }
  .history .history-box__wrap .history-box__inner .history-box .history-group .group01 p .icon_right {
    padding-right: 8px;
    background-position: right 6px;
    background-size: 4px 3.5px;
  }
}
.history .history-box__wrap .history-box__inner .history-box .history-group .group02 {
  border-bottom: 3px dotted #e9e9e9;
  width: calc(74% - 30px);
  max-width: 480px;
  padding: 0 0 55px 30px;
}
.history .history-box__wrap .history-box__inner .history-box .history-group .group02 h4 {
  color: rgb(0, 153, 89);
  font-size: 150%;
  margin: 0 0 25px;
}
.history .history-box__wrap .history-box__inner .history-box .history-group .group02 p {
  font-size: 112.5%;
}
.history .history-box__wrap .history-box__inner .history-box .history-group .group02 p.comment {
  font-size: 100%;
}
.history .history-box__wrap .history-box__inner .history-box .history-group .group02 p.font-medium {
  font-size: 100%;
  font-weight: 500;
  margin: 10px 0 30px;
}
.history .history-box__wrap .history-box__inner .history-box .history-group .group02 p .icon_left {
  font-weight: 700;
  padding-left: 15px;
  background: url(../img/common/arrow_left-history.svg) no-repeat 0 center;
  background-size: 8px 7px;
}
.history .history-box__wrap .history-box__inner .history-box .history-group .group02 .line-box__ttl {
  font-size: 100%;
  font-weight: 700;
  margin-top: 30px;
}
.history .history-box__wrap .history-box__inner .history-box .history-group .group02 .line-box {
  text-align: justify;
  -moz-text-align-last: justify;
       text-align-last: justify;
  text-justify: inter-character;
  margin-top: 5px;
  font-feature-settings: "palt";
  border: 3px solid rgb(0, 153, 89);
  border-radius: 11.8px;
  text-align: center;
  padding: 15px 23px;
  display: inline-block;
}
.history .history-box__wrap .history-box__inner .history-box .history-group .group02 .line-box p {
  color: rgb(0, 153, 89);
  font-size: 150%;
  font-weight: 900;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
.history .history-box__wrap .history-box__inner .history-box .history-group .group02 .method {
  font-feature-settings: "palt";
  margin-top: 10px;
  font-size: 100%;
  font-weight: 500;
}
.history .history-box__wrap .history-box__inner .history-box .history-group .group02 .method span {
  margin: 7px 7px 0 0;
  display: inline;
  line-height: 2;
  font-size: 187.5%;
  font-weight: 900;
  color: #fff;
  background-color: rgb(0, 153, 89);
  padding: 4px 8px;
}
@media screen and (min-width: 1301px) {
  .history .history-box__wrap .history-box__inner .history-box .history-group .group02 {
    width: calc(61% - 65px);
    padding-left: 65px;
  }
}
@media screen and (max-width: 767px) {
  .history .history-box__wrap .history-box__inner .history-box .history-group .group02 {
    width: calc(74% - 35px);
    padding: 0 20px 30px 15px;
  }
  .history .history-box__wrap .history-box__inner .history-box .history-group .group02 h4 {
    font-size: 133.4%;
    margin: 0 0 10px;
  }
  .history .history-box__wrap .history-box__inner .history-box .history-group .group02 p {
    line-height: 1.75;
    font-size: 116.7%;
  }
  .history .history-box__wrap .history-box__inner .history-box .history-group .group02 p.font-medium {
    margin: 10px 0 20px;
  }
  .history .history-box__wrap .history-box__inner .history-box .history-group .group02 p .icon_left {
    display: inline-block;
    padding-left: 10px;
    background-position: 0 10px;
    background-size: 6px 5.25px;
  }
  .history .history-box__wrap .history-box__inner .history-box .history-group .group02 .line-box__ttl {
    margin-top: 15px;
  }
  .history .history-box__wrap .history-box__inner .history-box .history-group .group02 .line-box {
    margin-top: 5px;
    border-radius: 10px;
    padding: 13px 20px;
  }
  .history .history-box__wrap .history-box__inner .history-box .history-group .group02 .line-box p {
    font-size: 133.4%;
    line-height: 1.3;
  }
  .history .history-box__wrap .history-box__inner .history-box .history-group .group02 .method span {
    margin: 5px 5px 0 0;
    line-height: 1.75;
    font-size: 166.7%;
    padding: 0 3px;
  }
}
.history .history-box__wrap .history-box__inner .history-box .history-group.history-group__ttl {
  margin: 0 0 75px;
  padding: 50px 0 0;
}
.history .history-box__wrap .history-box__inner .history-box .history-group.history-group__ttl .group01 {
  border-bottom: 0;
}
.history .history-box__wrap .history-box__inner .history-box .history-group.history-group__ttl .group02 {
  border-bottom: 0;
  max-width: 100%;
  padding-bottom: 40px;
  position: relative;
}
.history .history-box__wrap .history-box__inner .history-box .history-group.history-group__ttl .group02::after {
  position: absolute;
  content: "";
  width: 40px;
  height: 4px;
  background-color: rgb(0, 153, 89);
  bottom: 0;
  left: 30px;
}
@media screen and (min-width: 1301px) {
  .history .history-box__wrap .history-box__inner .history-box .history-group.history-group__ttl .group02::after {
    left: 65px;
  }
}
@media screen and (max-width: 767px) {
  .history .history-box__wrap .history-box__inner .history-box .history-group.history-group__ttl .group02::after {
    width: 20px;
    height: 2px;
    left: 15px;
  }
}
.history .history-box__wrap .history-box__inner .history-box .history-group.history-group__ttl .ttl_section {
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  line-height: 1.3;
}
.history .history-box__wrap .history-box__inner .history-box .history-group.history-group__ttl h3 {
  font-size: 225%;
  line-height: 1.3;
}
.history .history-box__wrap .history-box__inner .history-box .history-group.history-group__ttl h3 span {
  display: inline-block;
  background-color: #ffe100;
  padding: 0 6px;
  margin-top: 12px;
}
@media screen and (max-width: 767px) {
  .history .history-box__wrap .history-box__inner .history-box .history-group.history-group__ttl {
    margin: 0 0 30px;
    padding: 20px 0 0;
  }
  .history .history-box__wrap .history-box__inner .history-box .history-group.history-group__ttl .group02 {
    padding-bottom: 20px;
  }
  .history .history-box__wrap .history-box__inner .history-box .history-group.history-group__ttl .group02 .ttl_section {
    font-size: 116.7%;
    line-height: 1.2;
  }
  .history .history-box__wrap .history-box__inner .history-box .history-group.history-group__ttl .group02 h3 {
    font-size: 200%;
  }
}
.history .history-box__wrap .history-box__inner .history-box .history-group.history-group__ttl02 {
  margin-bottom: 0;
}
.history .history-box__wrap .history-box__inner .history-box .history-group.history-group__ttl02 h4 {
  margin-bottom: 20px;
}
.history .history-box__wrap .history-box__inner .history-box.history-box02 {
  border-bottom: 0;
  padding-top: 0;
  margin-top: 10px;
}
.history .history-box__wrap .history-box__inner .history-box.history-box02 .history-group__ttl {
  margin-bottom: 15px;
}
.history .history-box__wrap .history-box__inner .history-box.history-box1955 {
  background-image: url(../img/basic-knowledge/history/year_1955.svg);
  background-position: left -5px top 0;
  padding-top: 0;
  position: relative;
}
@media screen and (min-width: 1301px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box1955 {
    background-size: 462.83px 572.01px;
  }
}
.history .history-box__wrap .history-box__inner .history-box.history-box1955::before {
  content: "";
  position: absolute;
  top: 15px;
  left: 26%;
  width: 10px;
  height: 10px;
  margin-left: -4px;
  background-color: rgb(0, 153, 89);
  border-radius: 50%;
}
@media screen and (min-width: 1301px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box1955::before {
    left: 39%;
  }
}
@media screen and (max-width: 767px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box1955::before {
    top: 0;
  }
}
.history .history-box__wrap .history-box__inner .history-box.history-box1955 .group01 .history-year:first-child {
  padding-bottom: 185px;
}
@media screen and (max-width: 767px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box1955 .group01 .history-year:first-child {
    padding-bottom: 105px;
  }
}
.history .history-box__wrap .history-box__inner .history-box.history-box1955 .group02 > div:first-child {
  margin-bottom: 55px;
}
@media screen and (max-width: 767px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box1955 .group02 > div:first-child {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box1955 .group02 > div:last-child p {
    font-size: 100%;
  }
}
.history .history-box__wrap .history-box__inner .history-box.history-box1968 {
  background-image: url(../img/basic-knowledge/history/year_1968.svg);
  position: relative;
}
@media screen and (min-width: 1301px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box1968 {
    background-size: 464.47px 221.97px;
  }
}
.history .history-box__wrap .history-box__inner .history-box.history-box1968::after {
  position: absolute;
  content: "";
  background: url(../img/basic-knowledge/history/img01.png) no-repeat 0 0;
  background-size: 330px 364px;
  width: 330px;
  height: 364px;
  top: -80px;
  right: 0;
}
@media screen and (min-width: 1301px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box1968::after {
    background-size: 441px 486px;
    width: 441px;
    height: 486px;
    right: -371px;
  }
}
@media screen and (max-width: 999px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box1968::after {
    background-size: 176px 194px;
    width: 176px;
    height: 194px;
  }
}
@media screen and (max-width: 767px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box1968::after {
    background-size: 226px 249px;
    width: 226px;
    height: 249px;
    top: initial;
    right: 30px;
    bottom: 20px;
  }
}
.history .history-box__wrap .history-box__inner .history-box.history-box1968 .group01 {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box1968 .group01 {
    margin-top: 75px;
  }
}
@media screen and (max-width: 767px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box1968 .group02 {
    padding-bottom: 289px;
  }
}
.history .history-box__wrap .history-box__inner .history-box.history-box1968 .group02 .line-box {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box1968 .group02 .line-box {
    margin-top: 15px;
  }
}
.history .history-box__wrap .history-box__inner .history-box.history-box1972 {
  background-image: url(../img/basic-knowledge/history/year_1972.svg);
}
@media screen and (min-width: 1301px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box1972 {
    background-size: 449.78px 221.7px;
  }
}
.history .history-box__wrap .history-box__inner .history-box.history-box1972::after {
  position: absolute;
  content: "";
  background: url(../img/basic-knowledge/history/img02.jpg) no-repeat 0 0;
  background-size: 197px 304px;
  width: 197px;
  height: 304px;
  top: 0;
  right: 40px;
}
@media screen and (min-width: 1301px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box1972::after {
    background-size: 263px 405px;
    width: 263px;
    height: 405px;
    right: -259px;
  }
}
@media screen and (max-width: 999px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box1972::after {
    background-size: 176px 270px;
    width: 176px;
    height: 270px;
    right: 40px;
  }
}
@media screen and (max-width: 767px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box1972::after {
    background-size: 226px 348px;
    width: 226px;
    height: 348px;
    top: initial;
    right: 30px;
    bottom: 20px;
  }
}
.history .history-box__wrap .history-box__inner .history-box.history-box1972 .group01 .history-year:first-child {
  padding-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box1972 .group01 .history-year:first-child {
    padding-top: 4px;
  }
}
.history .history-box__wrap .history-box__inner .history-box.history-box1972 .group01 .history-year:last-child {
  padding-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box1972 .group01 .history-year:last-child {
    padding-bottom: 30px;
  }
}
.history .history-box__wrap .history-box__inner .history-box.history-box1972 .group02 {
  padding-bottom: 75px;
}
@media screen and (max-width: 767px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box1972 .group02 {
    padding-bottom: 388px;
  }
}
.history .history-box__wrap .history-box__inner .history-box.history-box1983 {
  background-image: url(../img/basic-knowledge/history/year_1983.svg);
  position: relative;
}
@media screen and (min-width: 1301px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box1983 {
    background-size: 460.16px 222.77px;
  }
}
@media screen and (max-width: 999px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box1983 .group01 {
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 767px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box1983 .group01 .history-year:first-child {
    padding-top: 4px;
  }
}
.history .history-box__wrap .history-box__inner .history-box.history-box1999 {
  background-image: url(../img/basic-knowledge/history/year_1999.svg);
  border-bottom: 0;
  position: relative;
}
@media screen and (min-width: 1301px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box1999 {
    background-size: 459.63px 221.7px;
  }
}
.history .history-box__wrap .history-box__inner .history-box.history-box1999::after {
  position: absolute;
  content: "";
  background: url(../img/basic-knowledge/history/img03.jpg) no-repeat 0 0;
  background-size: 196px 221px;
  width: 196px;
  height: 221px;
  top: 110px;
  right: 0;
}
@media screen and (min-width: 1301px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box1999::after {
    background-size: 262px 296px;
    width: 262px;
    height: 296px;
    right: -352px;
  }
}
@media screen and (max-width: 999px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box1999::after {
    background-size: 157px 177px;
    width: 157px;
    height: 177px;
  }
}
@media screen and (max-width: 767px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box1999::after {
    background-size: 226px 255px;
    width: 226px;
    height: 255px;
    top: initial;
    right: 30px;
    bottom: 20px;
  }
}
.history .history-box__wrap .history-box__inner .history-box.history-box1999 .history-group {
  margin-bottom: 100px;
}
.history .history-box__wrap .history-box__inner .history-box.history-box1999 .history-group .group01 {
  border-bottom: 0;
}
.history .history-box__wrap .history-box__inner .history-box.history-box1999 .history-group .group02 {
  margin-top: 10px;
  border-bottom: 0;
}
@media screen and (max-width: 767px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box1999 .history-group {
    margin-bottom: 0;
  }
  .history .history-box__wrap .history-box__inner .history-box.history-box1999 .history-group .group02 {
    margin-top: 0;
    padding-bottom: 295px;
  }
}
.history .history-box__wrap .history-box__inner .history-box.history-box2003 {
  background-image: url(../img/basic-knowledge/history/year_2003.svg);
  position: relative;
}
@media screen and (min-width: 1301px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box2003 {
    background-size: 494.49px 222.77px;
  }
}
.history .history-box__wrap .history-box__inner .history-box.history-box2003::after {
  position: absolute;
  content: "";
  background: url(../img/basic-knowledge/history/img04.png) no-repeat 0 0;
  background-size: 340px 164px;
  width: 340px;
  height: 164px;
  top: -120px;
  right: -40px;
}
@media screen and (min-width: 1301px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box2003::after {
    background-size: 454px 219px;
    width: 454px;
    height: 219px;
    right: -414px;
  }
}
@media screen and (max-width: 999px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box2003::after {
    background-size: 272px 131px;
    width: 272px;
    height: 131px;
    top: -30px;
  }
}
@media screen and (max-width: 767px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box2003::after {
    background-size: 226px 109px;
    width: 226px;
    height: 109px;
    top: initial;
    right: 30px;
    bottom: 20px;
  }
}
.history .history-box__wrap .history-box__inner .history-box.history-box2003 .history-group .group02 {
  margin-top: 10px;
}
.history .history-box__wrap .history-box__inner .history-box.history-box2003 .history-group .group02 .font-medium {
  margin-bottom: 0;
  padding-bottom: 119px;
}
@media screen and (max-width: 767px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box2003 .history-group .group02 {
    margin-top: 0;
  }
}
.history .history-box__wrap .history-box__inner .history-box.history-box2006 {
  background-image: url(../img/basic-knowledge/history/year_2006.svg);
  position: relative;
}
@media screen and (min-width: 1301px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box2006 {
    background-size: 498.22px 222.77px;
  }
}
.history .history-box__wrap .history-box__inner .history-box.history-box2006::after {
  position: absolute;
  content: "";
  background: url(../img/basic-knowledge/history/img05.png) no-repeat 0 0;
  background-size: 266px 186px;
  width: 266px;
  height: 186px;
  bottom: -75px;
  right: 131px;
}
@media screen and (min-width: 1301px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box2006::after {
    background-size: 355px 249px;
    width: 355px;
    height: 249px;
    right: -195px;
  }
}
@media screen and (max-width: 999px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box2006::after {
    background-size: 213px 149px;
    width: 213px;
    height: 149px;
    right: 60px;
  }
}
@media screen and (max-width: 767px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box2006::after {
    background-size: 226px 158px;
    width: 226px;
    height: 158px;
    right: 30px;
    bottom: 20px;
  }
}
.history .history-box__wrap .history-box__inner .history-box.history-box2006 .history-group .group02 {
  padding-bottom: 170px;
}
.history .history-box__wrap .history-box__inner .history-box.history-box2006 .history-group .group02 .font-medium {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box2006 .history-group .group02 {
    padding-bottom: 188px;
  }
}
.history .history-box__wrap .history-box__inner .history-box.history-box2007 {
  background-image: url(../img/basic-knowledge/history/year_2007.svg);
}
@media screen and (min-width: 1301px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box2007 {
    background-size: 473.47px 222.77px;
  }
}
.history .history-box__wrap .history-box__inner .history-box.history-box2007 .history-group .group01 {
  margin-top: 10px;
}
.history .history-box__wrap .history-box__inner .history-box.history-box2007 .history-group .group02 .line-box {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box2007 .history-group .group02 .line-box {
    margin-top: 20px;
  }
}
.history .history-box__wrap .history-box__inner .history-box.history-box2010 {
  background-image: url(../img/basic-knowledge/history/year_2010.svg);
  position: relative;
}
@media screen and (min-width: 1301px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box2010 {
    background-size: 465.48px 222.77px;
  }
}
.history .history-box__wrap .history-box__inner .history-box.history-box2010::after {
  position: absolute;
  content: "";
  background: url(../img/basic-knowledge/history/img06_pc.png) no-repeat 0 0;
  background-size: 255px 138px;
  width: 255px;
  height: 138px;
  top: 0;
  right: 0;
}
@media screen and (min-width: 1301px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box2010::after {
    background-size: 340px 184px;
    width: 340px;
    height: 184px;
    right: -355px;
  }
}
@media screen and (max-width: 999px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box2010::after {
    background-size: 204px 110px;
    width: 204px;
    height: 110px;
  }
}
@media screen and (max-width: 767px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box2010::after {
    background-image: url(../img/basic-knowledge/history/img06_sp.png);
    background-size: 226px 122px;
    width: 226px;
    height: 122px;
    top: initial;
    right: 30px;
    bottom: 20px;
  }
}
.history .history-box__wrap .history-box__inner .history-box.history-box2010 .history-group .group01 {
  margin-top: 10px;
}
.history .history-box__wrap .history-box__inner .history-box.history-box2010 .history-group .group02 .font-medium {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box2010 .history-group .group02 {
    padding-bottom: 152px;
  }
}
.history .history-box__wrap .history-box__inner .history-box.history-box2012 {
  background-image: url(../img/basic-knowledge/history/year_2012.svg);
  position: relative;
}
@media screen and (min-width: 1301px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box2012 {
    background-size: 463.09px 222.77px;
  }
}
.history .history-box__wrap .history-box__inner .history-box.history-box2012::after {
  position: absolute;
  content: "";
  background: url(../img/basic-knowledge/history/img07_pc.png) no-repeat 0 0;
  background-size: 379px 242px;
  width: 379px;
  height: 242px;
  top: 30px;
  right: -108px;
}
@media screen and (min-width: 1301px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box2012::after {
    background-size: 506px 323px;
    width: 506px;
    height: 323px;
    right: -506px;
  }
}
@media screen and (max-width: 999px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box2012::after {
    background-size: 303px 193px;
    width: 303px;
    height: 183px;
    right: -90px;
  }
}
@media screen and (max-width: 767px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box2012::after {
    background-image: url(../img/basic-knowledge/history/img07_sp.png);
    background-size: 226px 168px;
    width: 226px;
    height: 168px;
    top: 168px;
    right: 30px;
  }
}
.history .history-box__wrap .history-box__inner .history-box.history-box2012 .history-group .group02 p:last-child {
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box2012 .history-group .group02 p:last-child {
    margin-top: 20px;
    padding-top: 183px;
  }
}
.history .history-box__wrap .history-box__inner .history-box.history-box2014 {
  background-image: url(../img/basic-knowledge/history/year_2014.svg);
}
@media screen and (min-width: 1301px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box2014 {
    background-size: 468.15px 222.77px;
  }
}
@media screen and (max-width: 767px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box2014 .group01 {
    padding-top: 5px;
  }
}
.history .history-box__wrap .history-box__inner .history-box.history-box2019 {
  border-bottom: 0;
  background-image: url(../img/basic-knowledge/history/year_2019.svg);
  position: relative;
}
@media screen and (min-width: 1301px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box2019 {
    background-size: 441.27px 222.77px;
  }
}
.history .history-box__wrap .history-box__inner .history-box.history-box2019::after {
  position: absolute;
  content: "";
  background: url(../img/basic-knowledge/history/img08.png) no-repeat 0 0;
  background-size: 258px 359px;
  width: 258px;
  height: 359px;
  top: -30px;
  right: 0;
}
@media screen and (min-width: 1301px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box2019::after {
    background-size: 350px 487px;
    width: 350px;
    height: 487px;
    right: -350px;
  }
}
@media screen and (max-width: 999px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box2019::after {
    background-size: 210px 292px;
    width: 210px;
    height: 292px;
  }
}
@media screen and (max-width: 767px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box2019::after {
    background-size: 226px 314px;
    width: 226px;
    height: 314px;
    top: initial;
    bottom: 30px;
    right: 30px;
  }
}
.history .history-box__wrap .history-box__inner .history-box.history-box2019 .history-group .group01 {
  border-bottom: 0;
}
.history .history-box__wrap .history-box__inner .history-box.history-box2019 .history-group .group02 {
  padding-bottom: 170px;
  border-bottom: 0;
}
.history .history-box__wrap .history-box__inner .history-box.history-box2019 .history-group .group02 .line-box {
  margin-top: 35px;
}
@media screen and (min-width: 1301px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box2019 .history-group .group02 {
    padding-bottom: 290px;
  }
}
@media screen and (max-width: 999px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box2019 .history-group .group02 {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .history .history-box__wrap .history-box__inner .history-box.history-box2019 .history-group .group02 {
    padding-bottom: 372px;
  }
  .history .history-box__wrap .history-box__inner .history-box.history-box2019 .history-group .group02 .line-box {
    margin-top: 20px;
  }
  .history .history-box__wrap .history-box__inner .history-box.history-box2019 .history-group .group02 .method {
    margin-top: 0;
  }
}

/*** six-points ****/
.six-points .knowledge-box .knowledge-box__inner .knowledge-box__contents {
  display: block;
}
.six-points .knowledge-box .knowledge-box__inner .knowledge-box__contents p {
  padding: 256px 0 45px;
  width: auto;
}
@media screen and (max-width: 999px) {
  .six-points .knowledge-box .knowledge-box__inner .knowledge-box__contents {
    padding: 0;
  }
  .six-points .knowledge-box .knowledge-box__inner .knowledge-box__contents p {
    padding: 256px 0 45px;
  }
}
@media screen and (max-width: 767px) {
  .six-points .knowledge-box .knowledge-box__inner .knowledge-box__contents p {
    padding: 175px 0 30px;
    width: auto;
  }
}
.six-points .point-box__wrap {
  max-width: 1005px;
  margin: 0 auto 120px;
  padding: 0 30px;
}
.six-points .point-box__wrap .point-box__navi {
  margin-bottom: 110px;
  position: relative;
}
.six-points .point-box__wrap .point-box__navi .img {
  max-width: 730px;
  padding: 45px 105px 60px 170px;
}
.six-points .point-box__wrap .point-box__navi ul {
  line-height: 1.3;
}
.six-points .point-box__wrap .point-box__navi ul li {
  position: absolute;
}
.six-points .point-box__wrap .point-box__navi ul li.navi01 {
  top: 0;
  left: 0;
}
.six-points .point-box__wrap .point-box__navi ul li.navi02 {
  top: 110px;
  left: 0;
}
.six-points .point-box__wrap .point-box__navi ul li.navi03 {
  top: 0;
  right: 290px;
}
.six-points .point-box__wrap .point-box__navi ul li.navi04 {
  top: 20px;
  right: 0;
}
.six-points .point-box__wrap .point-box__navi ul li.navi05 {
  bottom: 0;
  left: 180px;
}
.six-points .point-box__wrap .point-box__navi ul li.navi06 {
  bottom: 0;
  right: 100px;
}
.six-points .point-box__wrap .point-box__navi ul li a {
  min-width: 167px;
  display: inline-block;
  border: 1px solid rgb(0, 153, 89);
  border-radius: 11.8px;
  padding: 5px 14px 15px;
  color: rgb(0, 153, 89);
  background-color: #f7f6f5;
}
.six-points .point-box__wrap .point-box__navi ul li a .point-no {
  display: flex;
  align-items: center;
  font-size: 112.5%;
  font-weight: 700;
  font-family: "Oswald", sans-serif;
}
.six-points .point-box__wrap .point-box__navi ul li a .point-no em {
  font-size: 200%;
  font-weight: 700;
  margin-left: 5px;
  display: inline-block;
}
.six-points .point-box__wrap .point-box__navi ul li a .point-ttl {
  margin-top: 5px;
  font-feature-settings: "palt";
  display: block;
  font-weight: 900;
  padding-left: 20px;
  background: url(../img/common/arrow_right.svg) no-repeat 0 4px;
  background-size: 14px 14px;
}
.six-points .point-box__wrap .point-box__navi ul li a:hover {
  background-color: rgb(0, 153, 89);
  color: #fff;
}
.six-points .point-box__wrap .point-box__navi ul li a:hover .point-ttl {
  background-image: url(../img/common/arrow_right-white.svg);
}
.six-points .point-box__wrap .point-box {
  margin-bottom: 90px;
}
.six-points .point-box__wrap .point-box h3 {
  padding-bottom: 40px;
  position: relative;
}
.six-points .point-box__wrap .point-box h3::after {
  position: absolute;
  content: "";
  width: 30px;
  height: 3px;
  background-color: rgb(0, 153, 89);
  bottom: 0;
  left: 0;
}
.six-points .point-box__wrap .point-box h3 img {
  width: auto;
  height: 134px;
}
.six-points .point-box__wrap .point-box h4 {
  line-height: 1.5;
  margin: 50px 0 30px;
  font-size: 150%;
  font-weight: 700;
  font-feature-settings: "palt";
  position: absolute;
  width: 49%;
  top: 0;
  left: 0;
}
.six-points .point-box__wrap .point-box h4 .emphasis {
  background: linear-gradient(180deg, transparent 0, transparent 15%, #ffe100 15%, #ffe100 88%, transparent 88%, transparent 100%);
}
.six-points .point-box__wrap .point-box h5 {
  color: rgb(0, 153, 89);
  font-size: 112.5%;
  font-weight: 700;
  margin-bottom: 10px;
}
.six-points .point-box__wrap .point-box .point-box__contents-wrap {
  position: relative;
}
.six-points .point-box__wrap .point-box .point-box__contents-wrap .point-box__contents {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.six-points .point-box__wrap .point-box .point-box__contents-wrap .point-box__contents .img {
  width: 48.5%;
}
.six-points .point-box__wrap .point-box .point-box__contents-wrap .point-box__contents .txt {
  width: 49%;
  padding-top: 188px;
}
.six-points .point-box__wrap .point-box .point-box__column-wrap {
  margin-top: 60px;
  display: flex;
  border-left: 1px solid #e9e9e9;
  width: calc(100% - 1px);
}
.six-points .point-box__wrap .point-box .point-box__column-wrap .point-box__column {
  width: calc(33.33% - 57px);
  padding: 28px 28px 0;
  border-right: 1px solid #e9e9e9;
  display: flex;
  flex-direction: column;
}
.six-points .point-box__wrap .point-box .point-box__column-wrap .point-box__column h5 {
  text-align: center;
  line-height: 1.75;
  margin-bottom: 25px;
}
.six-points .point-box__wrap .point-box .point-box__column-wrap .point-box__column .txt {
  flex-grow: 1;
}
.six-points .point-box__wrap .point-box .point-box__column-wrap .point-box__column .img {
  margin-top: 10px;
}
.six-points .point-box__wrap .point-box .point-box__column-wrap .point-box__column.point-box__column02 {
  width: calc(50% - 57px);
  display: block;
  padding: 28px;
}
.six-points .point-box__wrap .point-box .point-box__column-wrap .point-box__column.point-box__column02 .img {
  width: 230px;
  float: right;
  margin: 0 0 15px 15px;
}
.six-points .point-box__wrap .point-box .point-box__column03-wrap {
  margin-top: 60px;
}
.six-points .point-box__wrap .point-box .point-box__column03-wrap .point-box__column03 {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.six-points .point-box__wrap .point-box .point-box__column03-wrap .point-box__column03 .img {
  width: 29%;
}
.six-points .point-box__wrap .point-box .point-box__column03-wrap .point-box__column03 .txt {
  width: 67%;
}
.six-points .point-box__wrap .point-box .point-box__comment {
  font-weight: 700;
  font-size: 112.5%;
  text-align: center;
  margin-top: 25px;
  line-height: 1.75;
}
.six-points .point-box__wrap .point-box .line__box-green {
  margin-top: 60px;
}
.six-points .point-box__wrap .point-box .line__box-green .line__box__inner h5 {
  margin-bottom: 30px;
}
.six-points .point-box__wrap .point-box .line__box-green .line__box__inner h6 {
  font-weight: 700;
  margin-bottom: 25px;
  padding-left: 15px;
  position: relative;
}
.six-points .point-box__wrap .point-box .line__box-green .line__box__inner h6::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  background-color: #000;
  border-radius: 50%;
}
.six-points .point-box__wrap .point-box .line__box-green .line__box__inner h6 .font_red {
  font-size: 75%;
}
.six-points .point-box__wrap .point-box .line__box-green .line__box__inner .procedure-box__wrap {
  display: flex;
  flex-wrap: wrap;
}
.six-points .point-box__wrap .point-box .line__box-green .line__box__inner .procedure-box__wrap .procedure-box {
  width: calc(29% - 78px);
  margin: 0 78px 20px 0;
}
.six-points .point-box__wrap .point-box .line__box-green .line__box__inner .procedure-box__wrap .procedure-box .img {
  position: relative;
}
.six-points .point-box__wrap .point-box .line__box-green .line__box__inner .procedure-box__wrap .procedure-box .img::after {
  position: absolute;
  content: "";
  width: 17.64px;
  height: 19.6px;
  background: url(../img/common/arrow_procedure.svg) no-repeat 0 0;
  background-size: 17.64px 19.6px;
  top: 50%;
  right: -50px;
  transform: translate(0, -50%);
}
.six-points .point-box__wrap .point-box .line__box-green .line__box__inner .procedure-box__wrap .procedure-box .txt {
  margin-top: 20px;
}
.six-points .point-box__wrap .point-box .line__box-green .line__box__inner .procedure-box__wrap .procedure-box .txt .ttl {
  margin-bottom: 10px;
  display: flex;
  font-weight: 700;
}
.six-points .point-box__wrap .point-box .line__box-green .line__box__inner .procedure-box__wrap .procedure-box .txt .ttl .no {
  display: inline-block;
  line-height: 1;
  text-align: center;
  font-size: 93.8%;
  font-weight: 600;
  font-family: "Oswald", sans-serif;
  width: 24px;
  height: 16px;
  background-color: rgb(0, 153, 89);
  border-radius: 50%;
  color: #fff;
  margin-right: 5px;
  padding: 4px 0;
}
.six-points .point-box__wrap .point-box .line__box-green .line__box__inner .procedure-box__wrap .procedure-box .txt .ttl span:last-child {
  line-height: 1.3;
  width: calc(100% - 29px);
}
.six-points .point-box__wrap .point-box .line__box-green .line__box__inner .procedure-box__wrap .procedure-box .txt .ttl .font_red {
  font-size: 75%;
  font-weight: 700;
}
.six-points .point-box__wrap .point-box .line__box-green .line__box__inner .procedure-box__wrap .procedure-box .txt .comment {
  font-size: 87.5%;
}
.six-points .point-box__wrap .point-box .line__box-green .line__box__inner .procedure-box__wrap .procedure-box:last-child {
  margin-right: 0;
}
.six-points .point-box__wrap .point-box .line__box-green .line__box__inner .procedure-box__wrap .procedure-box:last-child .img::after {
  display: none;
}
.six-points .point-box__wrap .point-box .line__box-green .line__box__inner .procedure-box__wrap .procedure-box.procedure-box02 {
  width: calc(58% - 152px);
  margin-right: 0;
}
.six-points .point-box__wrap .point-box .line__box-green .line__box__inner .note {
  margin-top: 25px;
  color: #ff0000;
  font-size: 75%;
  font-weight: 500;
}
.six-points .point-box__wrap .point-box.point-box02 h3, .six-points .point-box__wrap .point-box.point-box04 h3, .six-points .point-box__wrap .point-box.point-box06 h3 {
  margin-left: 52%;
}
.six-points .point-box__wrap .point-box.point-box02 h4, .six-points .point-box__wrap .point-box.point-box04 h4, .six-points .point-box__wrap .point-box.point-box06 h4 {
  left: initial;
  right: 0;
}
.six-points .point-box__wrap .point-box.point-box02 .point-box__contents-wrap .point-box__contents, .six-points .point-box__wrap .point-box.point-box04 .point-box__contents-wrap .point-box__contents, .six-points .point-box__wrap .point-box.point-box06 .point-box__contents-wrap .point-box__contents {
  flex-direction: row;
}
.six-points .point-box__wrap .point-box.point-box03 .point-box__contents-wrap .point-box__contents .txt {
  padding-top: 260px;
}
.six-points .point-box__wrap .point-box.point-box05 .point-box__column-wrap {
  align-items: center;
}
@media screen and (max-width: 999px) {
  .six-points .point-box__wrap .point-box__navi .img {
    text-align: center;
    padding: 0;
    margin: 0 auto 50px;
  }
  .six-points .point-box__wrap .point-box__navi ul {
    max-width: 730px;
    margin: 0 auto;
    line-height: 1.3;
  }
  .six-points .point-box__wrap .point-box__navi ul li {
    position: static;
  }
  .six-points .point-box__wrap .point-box__navi ul li a {
    padding: 5px 14px;
    display: block;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
  }
  .six-points .point-box__wrap .point-box__navi ul li a .point-ttl {
    margin: 0 0 0 20px;
  }
  .six-points .point-box__wrap .point-box h4 {
    position: static;
    width: auto;
  }
  .six-points .point-box__wrap .point-box .point-box__contents-wrap .point-box__contents {
    display: block;
  }
  .six-points .point-box__wrap .point-box .point-box__contents-wrap .point-box__contents .img {
    width: 40%;
    float: right;
    margin: 0 0 20px 30px;
  }
  .six-points .point-box__wrap .point-box .point-box__contents-wrap .point-box__contents .txt {
    width: 100%;
    padding-top: 0;
  }
  .six-points .point-box__wrap .point-box .point-box__contents-wrap .point-box__contents .txt h5 {
    display: inline;
  }
  .six-points .point-box__wrap .point-box .point-box__contents-wrap .point-box__contents .txt p {
    margin-top: 10px;
    line-height: 1.8;
  }
  .six-points .point-box__wrap .point-box .point-box__column-wrap .point-box__column {
    width: calc(33.33% - 41px);
    padding: 20px 20px 0;
  }
  .six-points .point-box__wrap .point-box .point-box__column-wrap .point-box__column h5 {
    font-size: 105%;
  }
  .six-points .point-box__wrap .point-box .point-box__column-wrap .point-box__column.point-box__column02 {
    width: calc(50% - 41px);
    padding: 20px;
  }
  .six-points .point-box__wrap .point-box .point-box__column-wrap .point-box__column.point-box__column02 .img {
    width: 150px;
    margin: 0 0 10px 15px;
  }
  .six-points .point-box__wrap .point-box.point-box02 h3, .six-points .point-box__wrap .point-box.point-box04 h3, .six-points .point-box__wrap .point-box.point-box06 h3 {
    margin-left: 0;
  }
  .six-points .point-box__wrap .point-box.point-box03 .point-box__contents-wrap .point-box__contents .txt {
    padding-top: 0;
  }
  .six-points .point-box__wrap .point-box .line__box-green .line__box__inner .procedure-box__wrap .procedure-box {
    width: calc(50% - 78px);
    margin: 0 78px 20px 0;
  }
  .six-points .point-box__wrap .point-box .line__box-green .line__box__inner .procedure-box__wrap .procedure-box.procedure-box02 {
    width: calc(100% - 152px);
  }
}
@media screen and (min-width: 1000px) {
  .six-points .point-box__wrap .point-box__contents-wrap .point-box__contents::after {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .six-points .point-box__wrap {
    margin-bottom: 50px;
  }
  .six-points .point-box__wrap .point-box__navi {
    margin-bottom: 50px;
  }
  .six-points .point-box__wrap .point-box__navi .img {
    margin: 0 auto 30px;
  }
  .six-points .point-box__wrap .point-box__navi ul li a {
    padding: 6px 10px;
    border-radius: 8.9px;
  }
  .six-points .point-box__wrap .point-box__navi ul li a .point-no {
    font-size: 100%;
    font-weight: 500;
  }
  .six-points .point-box__wrap .point-box__navi ul li a .point-no em {
    font-weight: 500;
  }
  .six-points .point-box__wrap .point-box__navi ul li a .point-ttl {
    line-height: 1.75;
    margin: 0 0 0 10px;
    padding-left: 12px;
    background-position: 0 7px;
    background-size: 8px 8px;
  }
  .six-points .point-box__wrap .point-box {
    margin-bottom: 50px;
  }
  .six-points .point-box__wrap .point-box h3 {
    padding-bottom: 10px;
  }
  .six-points .point-box__wrap .point-box h3::after {
    width: 20px;
    height: 1.6px;
  }
  .six-points .point-box__wrap .point-box h3 img {
    height: 67px;
  }
  .six-points .point-box__wrap .point-box h4 {
    margin: 15px 0;
    font-size: 166.7%;
    position: static;
    width: auto;
  }
  .six-points .point-box__wrap .point-box h5 {
    font-size: 133.4%;
  }
  .six-points .point-box__wrap .point-box .point-box__contents-wrap .point-box__contents {
    display: block;
  }
  .six-points .point-box__wrap .point-box .point-box__contents-wrap .point-box__contents .img {
    width: 150px;
    float: right;
    margin: 0 0 10px 15px;
  }
  .six-points .point-box__wrap .point-box .point-box__contents-wrap .point-box__contents .txt {
    width: 100%;
    padding-top: 0;
  }
  .six-points .point-box__wrap .point-box .point-box__contents-wrap .point-box__contents .txt h5 {
    display: inline;
  }
  .six-points .point-box__wrap .point-box .point-box__contents-wrap .point-box__contents .txt p {
    margin-top: 10px;
    line-height: 1.8;
  }
  .six-points .point-box__wrap .point-box .point-box__column-wrap {
    margin-top: 20px;
    display: block;
    border-left: 0;
    border-top: 1px solid #e9e9e9;
    width: 100%;
  }
  .six-points .point-box__wrap .point-box .point-box__column-wrap .point-box__column {
    position: relative;
    width: 100%;
    padding: 50px 0 20px;
    border-right: 0;
    border-bottom: 1px solid #e9e9e9;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .six-points .point-box__wrap .point-box .point-box__column-wrap .point-box__column h5 {
    line-height: 1.5;
    margin-bottom: 10px;
  }
  .six-points .point-box__wrap .point-box .point-box__column-wrap .point-box__column p {
    line-height: 1.8;
  }
  .six-points .point-box__wrap .point-box .point-box__column-wrap .point-box__column .txt {
    flex-grow: initial;
    width: calc(100% - 170px);
  }
  .six-points .point-box__wrap .point-box .point-box__column-wrap .point-box__column .txt h5 {
    width: 100%;
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .six-points .point-box__wrap .point-box .point-box__column-wrap .point-box__column .img {
    width: 150px;
    margin: 0;
  }
  .six-points .point-box__wrap .point-box .point-box__column-wrap .point-box__column:first-child {
    padding-top: 75px;
  }
  .six-points .point-box__wrap .point-box .point-box__column-wrap .point-box__column.point-box__column02 {
    width: 100%;
    padding: 20px 0;
  }
  .six-points .point-box__wrap .point-box .point-box__column-wrap .point-box__column.point-box__column02 .img {
    width: 150px;
    margin: 0 0 10px 15px;
  }
  .six-points .point-box__wrap .point-box .point-box__column03-wrap {
    margin-top: 40px;
  }
  .six-points .point-box__wrap .point-box .point-box__column03-wrap .point-box__column03 {
    display: block;
  }
  .six-points .point-box__wrap .point-box .point-box__column03-wrap .point-box__column03 .img {
    width: 150px;
    float: right;
    margin: 0 0 10px 15px;
  }
  .six-points .point-box__wrap .point-box .point-box__column03-wrap .point-box__column03 .txt {
    width: auto;
  }
  .six-points .point-box__wrap .point-box .point-box__column03-wrap .point-box__column03 .txt h5 {
    display: inline;
  }
  .six-points .point-box__wrap .point-box .point-box__column03-wrap .point-box__column03 .txt p {
    margin-top: 10px;
  }
  .six-points .point-box__wrap .point-box .point-box__comment {
    margin-top: 20px;
  }
  .six-points .point-box__wrap .point-box.point-box02 h3, .six-points .point-box__wrap .point-box.point-box04 h3, .six-points .point-box__wrap .point-box.point-box06 h3 {
    margin-left: 0;
  }
  .six-points .point-box__wrap .point-box.point-box03 .point-box__contents-wrap .point-box__contents .txt {
    padding-top: 0;
  }
  .six-points .point-box__wrap .point-box .line__box-green {
    margin-top: 20px;
  }
  .six-points .point-box__wrap .point-box .line__box-green .line__box__inner h5 {
    font-size: 133.4%;
    margin-bottom: 10px;
  }
  .six-points .point-box__wrap .point-box .line__box-green .line__box__inner h6 {
    font-size: 116.7%;
    margin-bottom: 10px;
    padding-left: 12px;
  }
  .six-points .point-box__wrap .point-box .line__box-green .line__box__inner h6 em {
    font-size: 10px;
  }
  .six-points .point-box__wrap .point-box .line__box-green .line__box__inner h6::before {
    width: 8px;
    height: 8px;
    top: 10px;
  }
  .six-points .point-box__wrap .point-box .line__box-green .line__box__inner .procedure-box__wrap .procedure-box {
    width: calc(50% - 16px);
    margin: 0 16px 15px 0;
  }
  .six-points .point-box__wrap .point-box .line__box-green .line__box__inner .procedure-box__wrap .procedure-box .img::after {
    width: 8.82px;
    height: 9.8px;
    background-size: 8.82px 9.8px;
    right: -13px;
  }
  .six-points .point-box__wrap .point-box .line__box-green .line__box__inner .procedure-box__wrap .procedure-box .txt {
    margin-top: 10px;
  }
  .six-points .point-box__wrap .point-box .line__box-green .line__box__inner .procedure-box__wrap .procedure-box .txt .ttl {
    margin-bottom: 6px;
  }
  .six-points .point-box__wrap .point-box .line__box-green .line__box__inner .procedure-box__wrap .procedure-box .txt .ttl .no {
    font-size: 10px;
    width: 16px;
    height: 10px;
    padding: 3px 0;
  }
  .six-points .point-box__wrap .point-box .line__box-green .line__box__inner .procedure-box__wrap .procedure-box .txt .ttl span:last-child {
    width: calc(100% - 21px);
  }
  .six-points .point-box__wrap .point-box .line__box-green .line__box__inner .procedure-box__wrap .procedure-box .txt .ttl .font_red {
    font-size: 10px;
  }
  .six-points .point-box__wrap .point-box .line__box-green .line__box__inner .procedure-box__wrap .procedure-box .txt .comment {
    font-size: 10px;
  }
  .six-points .point-box__wrap .point-box .line__box-green .line__box__inner .procedure-box__wrap .procedure-box.procedure-box02 {
    width: calc(100% - 32px);
  }
}

/*===================================
  about-us
=====================================*/
.about-us .main-contents > *:first-child {
  margin-top: 0;
}
.about-us .knowledge-navi {
  margin-top: 120px;
  padding: 0;
}
.about-us .knowledge-navi ul li a .ttl {
  margin-left: 0;
}
.about-us .lnavi {
  margin: 120px 0 0;
}
.about-us .message-box {
  margin-bottom: 105px;
  position: relative;
}
.about-us .message-box .ttl04 {
  position: absolute;
  top: 0;
  right: 0;
  width: 64%;
}
.about-us .message-box .message-box__contents {
  display: flex;
  justify-content: space-between;
}
.about-us .message-box .message-box__contents .img {
  width: 29%;
}
.about-us .message-box .message-box__contents .txt {
  padding-top: 165px;
  width: 64%;
}
.about-us .message-box .message-box__contents .txt .sign {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 30px;
}
.about-us .message-box .message-box__contents .txt .sign .ceo {
  margin-right: 25px;
}
.about-us .message-box .message-box__contents .txt .sign .name {
  font-size: 175%;
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
}
@media screen and (max-width: 999px) {
  .about-us .lnavi .box-white .lnavi__ttl {
    padding-right: 70px;
    width: auto;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .about-us .knowledge-navi {
    margin-top: 35px;
  }
  .about-us .lnavi {
    margin-top: 55px;
  }
  .about-us .lnavi .box-white .lnavi__ttl {
    width: 100%;
    padding-right: 0;
    margin-bottom: 10px;
  }
  .about-us .message-box {
    margin-bottom: 35px;
  }
  .about-us .message-box .ttl04 {
    position: static;
    width: 100%;
  }
  .about-us .message-box .message-box__contents {
    display: block;
  }
  .about-us .message-box .message-box__contents .img {
    width: 150px;
    margin: 0 15px 20px 0;
    float: left;
  }
  .about-us .message-box .message-box__contents .txt {
    padding-top: 0;
    width: auto;
  }
  .about-us .message-box .message-box__contents .txt .sign {
    margin-top: 15px;
  }
  .about-us .message-box .message-box__contents .txt .sign .ceo {
    margin-right: 8px;
    font-size: 10px;
  }
  .about-us .message-box .message-box__contents .txt .sign .name {
    font-size: 150%;
  }
}

/*** company ****/
.company .table01 th {
  width: 16%;
}
.company .table01 td {
  width: 84%;
}
@media screen and (max-width: 999px) {
  .company .table01 th {
    width: 20%;
  }
  .company .table01 td {
    width: 80%;
  }
}
@media screen and (max-width: 767px) {
  .company .table01 th {
    width: 30%;
  }
  .company .table01 td {
    width: 70%;
  }
}
.company .company-box__wrap {
  border-bottom: 1px solid #e9e9e9;
}
.company .company-box__wrap h3 {
  margin: 40px 0 15px;
  font-weight: 400;
  font-size: 112.5%;
}
.company .company-box__wrap .company-box__inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.company .company-box__wrap .company-box__inner .company-box {
  display: flex;
  flex-direction: column;
  width: 45.5%;
  margin-bottom: 55px;
}
.company .company-box__wrap .company-box__inner .company-box .company-box__info {
  flex-grow: 1;
}
.company .company-box__wrap .company-box__inner .company-box .company-box__info h4 {
  font-size: 150%;
  font-weight: 700;
  margin-bottom: 10px;
}
.company .company-box__wrap .company-box__inner .company-box .company-box__info .company-box__address {
  margin-bottom: 15px;
}
@media screen and (max-width: 999px) {
  .company .company-box__wrap .company-box__inner .company-box .company-box__map iframe {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .company .company-box__wrap h3 {
    margin: 20px 0 10px;
    font-size: 116.7%;
  }
  .company .company-box__wrap .company-box__inner {
    display: block;
  }
  .company .company-box__wrap .company-box__inner .company-box {
    display: block;
    width: 100%;
    margin-bottom: 20px;
  }
  .company .company-box__wrap .company-box__inner .company-box .company-box__info h4 {
    font-size: 133.4%;
    margin-bottom: 5px;
  }
  .company .company-box__wrap .company-box__inner .company-box .company-box__info .company-box__address {
    margin-bottom: 10px;
  }
  .company .company-box__wrap .company-box__inner .company-box .company-box__map iframe {
    width: 100%;
    height: 215px;
  }
}

/*** sdgs ****/
.sdgs {
  /*	
  	.sdgs-box02 {
  		.sdgs-box02__header {
  			margin-bottom: 40px;
  			border-bottom: 1px solid color(12);
  			.knowledge-summary {
  				max-width: 810px;
  				padding: 0;
  				margin-bottom: 30px;
  			}
  		}
  		.sdgs-img {
  			width: 194px;
  			margin: 0 auto 20px;
  		}
  		.columns-detail__wrap {
  			border-bottom: 1px solid color(12);
  		}

  		@include -sm {
  			.sdgs-box02__header {
  				margin-bottom: 15px;
  				.knowledge-summary {
  					margin-bottom: 15px;
  				}
  			}
  			.sdgs-img {
  				float: right;
  				margin: 0 0 15px 10px;
  				width: 94px;
  			}
  			.columns-detail__wrap {
  				.columns-detail {
  					.page-ttl07 {
  						display: inline;
  					}
  					.flex-box {
  						margin-top: 20px;
  					}
  				}
  			}
  		}
  	}
  */
}
.sdgs .sdgs-box {
  margin-bottom: 90px;
  position: relative;
}
.sdgs .sdgs-box .ttl04 {
  position: absolute;
  top: 0;
  left: 0;
  width: 48%;
  min-width: 470px;
}
.sdgs .sdgs-box .sdgs-box__contents {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.sdgs .sdgs-box .sdgs-box__contents .img {
  width: 48.5%;
}
.sdgs .sdgs-box .sdgs-box__contents p {
  padding-top: 100px;
  width: 48%;
}
@media screen and (max-width: 999px) {
  .sdgs .sdgs-box .sdgs-box__contents p {
    padding-top: 165px;
  }
}
@media screen and (max-width: 767px) {
  .sdgs .sdgs-box {
    margin-bottom: 30px;
  }
  .sdgs .sdgs-box .ttl04 {
    position: static;
    width: 100%;
  }
  .sdgs .sdgs-box .sdgs-box__contents {
    display: block;
  }
  .sdgs .sdgs-box .sdgs-box__contents .img {
    width: 150px;
    margin: 0 0 20px 15px;
    float: right;
  }
  .sdgs .sdgs-box .sdgs-box__contents p {
    padding-top: 0;
    width: auto;
  }
}
.sdgs .sdgs-box02 .box-white__contents .txt {
  padding-top: 43px;
  width: 60%;
}
.sdgs .sdgs-box02 .box-white__contents .txt p {
  width: auto;
  padding-top: 0;
}
.sdgs .sdgs-box02 .box-white__contents .txt .btn a {
  margin: 20px 0 0;
}
@media screen and (max-width: 767px) {
  .sdgs .sdgs-box02 .box-white__contents .img {
    float: none;
    margin: 0 auto 15px;
  }
  .sdgs .sdgs-box02 .box-white__contents .txt {
    padding-top: 0;
    width: 100%;
  }
  .sdgs .sdgs-box02 .box-white__contents .txt p {
    font-feature-settings: "palt";
  }
  .sdgs .sdgs-box02 .box-white__contents .txt .btn {
    font-feature-settings: normal;
  }
  .sdgs .sdgs-box02 .box-white__contents .txt .btn a {
    margin: 15px auto;
  }
}

/*** company-history ****/
.company-history .table01 th {
  width: 12%;
}
.company-history .table01 td {
  width: 88%;
}
@media screen and (max-width: 999px) {
  .company-history .table01 th {
    width: 20%;
  }
  .company-history .table01 td {
    width: 80%;
  }
}
@media screen and (max-width: 767px) {
  .company-history .table01 th {
    width: 30%;
  }
  .company-history .table01 td {
    width: 70%;
  }
}

/*===================================
  product
=====================================*/
.product .blog-entry .blog-body h2.border_b,
.products .blog-entry .blog-body h2.border_b {
  position: relative;
  padding-bottom: 15px;
}
.product .blog-entry .blog-body h2.border_b:after,
.products .blog-entry .blog-body h2.border_b:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  background-color: #009959;
  z-index: 10;
}
.product .main h2:first-child,
.products .main h2:first-child {
  margin-top: 0;
}
.product .knowledge-navi,
.products .knowledge-navi {
  padding: 0;
}
.product .product-summary,
.products .product-summary {
  margin-bottom: 90px !important;
  margin-top: 30px;
  font-size: 100% !important;
}
.product .product-summary a,
.products .product-summary a {
  font-size: 18px;
  font-weight: bold;
  color: #009959;
}
.product .product-summary a .catalog-name,
.products .product-summary a .catalog-name {
  display: inline-block;
  width: 125px;
}
.product .product-summary a .date,
.products .product-summary a .date {
  font-size: 12px;
  color: #000;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .product .product-summary,
  .products .product-summary {
    margin-top: 15px;
    margin-bottom: 30px !important;
  }
}
.product .product-main,
.products .product-main {
  margin-bottom: 100px;
}
@media screen and (max-width: 999px) {
  .product .product-main,
  .products .product-main {
    margin-bottom: 60px;
  }
}
.product .product-main .ttl02,
.products .product-main .ttl02 {
  font-feature-settings: "palt";
}
.product .product-box__wrap,
.products .product-box__wrap {
  margin-bottom: 80px;
  margin-right: 10px;
  margin-left: 10px;
  display: flex;
  flex-wrap: wrap;
}
.product .product-box__wrap .product-box,
.products .product-box__wrap .product-box {
  color: #000;
  text-decoration: none;
  width: 47%;
  padding: 0 3% 30px 0;
  border-bottom: 1px solid #e9e9e9;
  display: flex;
  flex-direction: column;
}
.product .product-box__wrap .product-box:nth-child(2n),
.products .product-box__wrap .product-box:nth-child(2n) {
  padding: 0 0 40px 3%;
}
.product .product-box__wrap .product-box h2,
.products .product-box__wrap .product-box h2 {
  color: rgb(0, 153, 89);
  font-size: 200%;
  margin: 40px 0 20px;
  padding-left: 40px;
  background: url(../img/common/arrow_right.svg) no-repeat 0 10px;
  background-size: 24px 24px;
}
.product .product-box__wrap .product-box .product-box__contents,
.products .product-box__wrap .product-box .product-box__contents {
  flex-grow: 1;
  display: flex;
  flex-direction: column-reverse;
}
.product .product-box__wrap .product-box .product-box__contents p,
.products .product-box__wrap .product-box .product-box__contents p {
  flex-grow: 1;
  margin: 0 0 15px;
}
@media screen and (max-width: 767px) {
  .product .product-box__wrap,
  .products .product-box__wrap {
    margin-bottom: 20px;
    display: block;
  }
  .product .product-box__wrap .product-box,
  .products .product-box__wrap .product-box {
    width: 100%;
    padding: 0 0 20px 0;
    display: block;
  }
  .product .product-box__wrap .product-box:nth-child(2n),
  .products .product-box__wrap .product-box:nth-child(2n) {
    padding: 0 0 20px 0;
  }
  .product .product-box__wrap .product-box h2,
  .products .product-box__wrap .product-box h2 {
    font-size: 133.4%;
    margin: 20px 0 10px;
    padding-left: 20px;
    background-position: 0 6px;
    background-size: 10px 10px;
  }
  .product .product-box__wrap .product-box .product-box__contents,
  .products .product-box__wrap .product-box .product-box__contents {
    display: block;
  }
  .product .product-box__wrap .product-box .product-box__contents .img,
  .products .product-box__wrap .product-box .product-box__contents .img {
    float: right;
    width: 150px;
    margin: 0 0 20px 15px;
  }
  .product .product-box__wrap .product-box .product-box__contents p,
  .products .product-box__wrap .product-box .product-box__contents p {
    margin-bottom: 0;
    line-height: 1.75;
  }
}
.product .product-menu__wrap,
.products .product-menu__wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.product .product-menu__wrap .product-menu,
.products .product-menu__wrap .product-menu {
  text-decoration: none;
  width: 48%;
  margin-bottom: 30px;
}
.product .product-menu__wrap .product-menu p,
.products .product-menu__wrap .product-menu p {
  font-size: 112.5%;
  color: rgb(0, 153, 89);
  font-weight: 700;
  margin-top: 10px;
}
.product .product-menu__wrap .product-menu:hover,
.products .product-menu__wrap .product-menu:hover {
  opacity: 0.6;
}
@media screen and (max-width: 767px) {
  .product .product-menu__wrap,
  .products .product-menu__wrap {
    margin-bottom: 45px;
  }
  .product .product-menu__wrap .product-menu,
  .products .product-menu__wrap .product-menu {
    margin-bottom: 15px;
  }
  .product .product-menu__wrap .product-menu p,
  .products .product-menu__wrap .product-menu p {
    font-size: 116.7%;
    line-height: 1.4;
    margin-top: 5px;
  }
}
.product .product-benefit__summary .disc_green::before,
.products .product-benefit__summary .disc_green::before {
  top: 8px;
}
.product .product-benefit__wrap,
.products .product-benefit__wrap {
  margin-top: 30px;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.product .product-benefit__wrap .product-benefit,
.products .product-benefit__wrap .product-benefit {
  text-decoration: none;
  width: 100%;
  margin-bottom: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.product .product-benefit__wrap .product-benefit .img,
.products .product-benefit__wrap .product-benefit .img {
  text-align: center;
  width: 180px;
  margin-right: 20px;
}
.product .product-benefit__wrap .product-benefit p,
.products .product-benefit__wrap .product-benefit p {
  width: calc(100% - 200px);
  font-size: 112.5%;
  color: rgb(0, 153, 89);
  font-weight: 700;
  line-height: 1.5;
}
.product .product-benefit__wrap .product-benefit:hover,
.products .product-benefit__wrap .product-benefit:hover {
  opacity: 0.6;
}
@media screen and (max-width: 767px) {
  .product .product-benefit__wrap,
  .products .product-benefit__wrap {
    margin-top: 20px;
    margin-left: 5px;
    margin-right: 5px;
    display: block;
  }
  .product .product-benefit__wrap .product-benefit,
  .products .product-benefit__wrap .product-benefit {
    width: 100%;
  }
  .product .product-benefit__wrap .product-benefit .img,
  .products .product-benefit__wrap .product-benefit .img {
    width: 80px;
    margin-right: 15px;
  }
  .product .product-benefit__wrap .product-benefit .img img,
  .products .product-benefit__wrap .product-benefit .img img {
    max-height: 80px;
  }
  .product .product-benefit__wrap .product-benefit p,
  .products .product-benefit__wrap .product-benefit p {
    width: calc(100% - 95px);
    font-size: 116.7%;
    line-height: 1.4;
  }
}
.product .product-navi__btn a,
.products .product-navi__btn a {
  display: block;
  margin: 0 auto 120px;
}
.product .product-navi__btn a:hover,
.products .product-navi__btn a:hover {
  opacity: 0.6;
}
.product .product-navi__btn a .box-white,
.products .product-navi__btn a .box-white {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.product .product-navi__btn a .box-white .txt,
.products .product-navi__btn a .box-white .txt {
  width: 58%;
}
.product .product-navi__btn a .box-white .txt h2,
.products .product-navi__btn a .box-white .txt h2 {
  color: rgb(0, 153, 89);
  font-size: 150%;
  margin: 0 0 15px;
  padding-left: 30px;
  background: url(../img/common/arrow_right.svg) no-repeat 0 8px;
  background-size: 16px 16px;
}
.product .product-navi__btn a .box-white .txt p,
.products .product-navi__btn a .box-white .txt p {
  font-size: 87.5%;
}
.product .product-navi__btn a .box-white .img,
.products .product-navi__btn a .box-white .img {
  width: 39%;
}
@media screen and (max-width: 767px) {
  .product .product-navi__btn a,
  .products .product-navi__btn a {
    margin-bottom: 60px;
  }
  .product .product-navi__btn a .box-white,
  .products .product-navi__btn a .box-white {
    display: block;
  }
  .product .product-navi__btn a .box-white .txt,
  .products .product-navi__btn a .box-white .txt {
    width: auto;
  }
  .product .product-navi__btn a .box-white .txt h2,
  .products .product-navi__btn a .box-white .txt h2 {
    display: inline;
    font-size: 116.7%;
    padding-left: 12px;
    background-position: 0 6px;
    background-size: 8px 8px;
  }
  .product .product-navi__btn a .box-white .txt p,
  .products .product-navi__btn a .box-white .txt p {
    margin-top: 8px;
    font-size: 100%;
    line-height: 1.75;
  }
  .product .product-navi__btn a .box-white .img,
  .products .product-navi__btn a .box-white .img {
    float: right;
    width: 120px;
    margin: 30px 0 20px 15px;
  }
}
@media screen and (max-width: 999px) {
  .product .blog-navi dl,
  .products .blog-navi dl {
    width: 32%;
  }
}
@media screen and (max-width: 767px) {
  .product .blog-navi dl,
  .products .blog-navi dl {
    width: 100%;
  }
}
.product .product-list,
.products .product-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 20px;
}
.product .product-list .product-list__item,
.products .product-list .product-list__item {
  padding-bottom: 30px;
  width: 48%;
}
.product .product-list .product-list__item.leg.mr-w,
.products .product-list .product-list__item.leg.mr-w {
  margin-right: 20%;
}
.product .product-list .product-list__item .img__wrap,
.products .product-list .product-list__item .img__wrap {
  display: block;
  position: relative;
}
.product .product-list .product-list__item .img__wrap .icon-picup,
.products .product-list .product-list__item .img__wrap .icon-picup {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: #ff0000;
  color: #fff;
  font-size: 87.5%;
  font-weight: 700;
  padding: 0 4px;
  line-height: 1.8;
}
.product .product-list .product-list__item .img__wrap .img,
.products .product-list .product-list__item .img__wrap .img {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
}
.product .product-list .product-list__item .img__wrap .img::before,
.products .product-list .product-list__item .img__wrap .img::before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.1349693252%;
}
.product .product-list .product-list__item .img__wrap .img > .content,
.products .product-list .product-list__item .img__wrap .img > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.product .product-list .product-list__item a.img__wrap:hover,
.products .product-list .product-list__item a.img__wrap:hover {
  position: relative;
}
.product .product-list .product-list__item a.img__wrap:hover::after,
.products .product-list .product-list__item a.img__wrap:hover::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
}
.product .product-list .product-list__item a.img__wrap:hover::after,
.products .product-list .product-list__item a.img__wrap:hover::after {
  z-index: 110;
}
.product .product-list .product-list__item .txt,
.products .product-list .product-list__item .txt {
  margin-top: 15px;
}
.product .product-list .product-list__item .txt .product-type,
.products .product-list .product-list__item .txt .product-type {
  font-size: 87.5%;
  font-weight: 500;
  line-height: 1.7;
  font-feature-settings: "palt";
}
.product .product-list .product-list__item .txt .product-ttl,
.products .product-list .product-list__item .txt .product-ttl {
  font-size: 112.5%;
  font-weight: 700;
  line-height: 1.7;
}
.product .product-list .product-list__item .txt .product-ttl a,
.products .product-list .product-list__item .txt .product-ttl a {
  color: rgb(0, 153, 89);
}
.product .product-list .product-list__item .txt .product-benefit,
.products .product-list .product-list__item .txt .product-benefit {
  font-feature-settings: "palt";
  font-size: 75%;
  color: #999;
  line-height: 1.5;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding-left: 8px;
}
.product .product-list .product-list__item .txt .product-benefit::before,
.products .product-list .product-list__item .txt .product-benefit::before {
  position: absolute;
  content: "【";
  top: 0;
  left: 0;
}
.product .product-list .product-list__item .txt .product-benefit li,
.products .product-list .product-list__item .txt .product-benefit li {
  position: relative;
  padding-right: 14px;
}
.product .product-list .product-list__item .txt .product-benefit li::after,
.products .product-list .product-list__item .txt .product-benefit li::after {
  position: absolute;
  content: "／";
  top: 0;
  right: 0;
}
.product .product-list .product-list__item .txt .product-benefit li:last-child,
.products .product-list .product-list__item .txt .product-benefit li:last-child {
  padding-right: 8px;
}
.product .product-list .product-list__item .txt .product-benefit li:last-child::after,
.products .product-list .product-list__item .txt .product-benefit li:last-child::after {
  content: "】";
}
.product .product-list .product-list__item .txt .product-rank,
.products .product-list .product-list__item .txt .product-rank {
  font-size: 75%;
  color: #999;
  line-height: 1.5;
}
.product .product-list.product-list_pickup,
.products .product-list.product-list_pickup {
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .product .product-list,
  .products .product-list {
    display: block;
    padding-top: 10px;
  }
  .product .product-list .product-list__item,
  .products .product-list .product-list__item {
    padding-bottom: 20px;
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .product .product-list .product-list__item.leg.mr-w,
  .products .product-list .product-list__item.leg.mr-w {
    margin-right: 0;
  }
  .product .product-list .product-list__item .img__wrap,
  .products .product-list .product-list__item .img__wrap {
    width: 150px;
  }
  .product .product-list .product-list__item .img__wrap .icon-picup,
  .products .product-list .product-list__item .img__wrap .icon-picup {
    font-size: 10px;
    padding: 0 7px;
  }
  .product .product-list .product-list__item .img__wrap .img,
  .products .product-list .product-list__item .img__wrap .img {
    position: relative;
  }
  .product .product-list .product-list__item .img__wrap .img::before,
  .products .product-list .product-list__item .img__wrap .img::before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56%;
  }
  .product .product-list .product-list__item .img__wrap .img > .content,
  .products .product-list .product-list__item .img__wrap .img > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .product .product-list .product-list__item .txt,
  .products .product-list .product-list__item .txt {
    width: calc(100% - 165px);
    margin-top: 0;
  }
  .product .product-list .product-list__item .txt .product-type,
  .products .product-list .product-list__item .txt .product-type {
    font-size: 100%;
    line-height: 1.5;
  }
  .product .product-list .product-list__item .txt .product-ttl,
  .products .product-list .product-list__item .txt .product-ttl {
    font-size: 116.7%;
    line-height: 1.4;
    margin: 10px 0 5px;
  }
  .product .product-list .product-list__item .txt .product-ttl a,
  .products .product-list .product-list__item .txt .product-ttl a {
    color: rgb(0, 153, 89);
  }
  .product .product-list .product-list__item .txt .product-benefit,
  .products .product-list .product-list__item .txt .product-benefit {
    font-size: 10px;
    position: relative;
    padding-left: 6px;
  }
  .product .product-list .product-list__item .txt .product-benefit li,
  .products .product-list .product-list__item .txt .product-benefit li {
    padding-right: 10px;
  }
  .product .product-list .product-list__item .txt .product-benefit li:last-child,
  .products .product-list .product-list__item .txt .product-benefit li:last-child {
    padding-right: 6px;
  }
  .product .product-list .product-list__item .txt .product-rank,
  .products .product-list .product-list__item .txt .product-rank {
    font-size: 10px;
  }
}
.product .blog-entry .blog-header,
.products .blog-entry .blog-header {
  padding-bottom: 0;
  border-bottom: 0;
}
.product .blog-entry .blog-header h1,
.products .blog-entry .blog-header h1 {
  font-size: 175%;
}
.product .blog-entry .blog-header h1 span,
.products .blog-entry .blog-header h1 span {
  display: block;
  color: #000;
  font-weight: 500;
  font-size: 50%;
  font-feature-settings: "palt";
  margin-bottom: 10px;
}
.product .blog-entry .product-benefit__wrap,
.products .blog-entry .product-benefit__wrap {
  justify-content: flex-start;
}
.product .blog-entry .product-benefit__wrap .product-benefit,
.products .blog-entry .product-benefit__wrap .product-benefit {
  width: auto;
  margin-right: 30px;
  margin-bottom: 10px;
}
.product .blog-entry .product-benefit__wrap .product-benefit .img,
.products .blog-entry .product-benefit__wrap .product-benefit .img {
  width: 100px;
  margin-right: 10px;
}
.product .blog-entry .product-benefit__wrap .product-benefit p,
.products .blog-entry .product-benefit__wrap .product-benefit p {
  width: auto;
  margin: 0;
  font-size: 16px;
}
.product .blog-entry .product-benefit__wrap .product-benefit:last-child,
.products .blog-entry .product-benefit__wrap .product-benefit:last-child {
  margin-right: 0;
}
.product .blog-entry table,
.products .blog-entry table {
  border: 1px solid #000;
}
.product .blog-entry table th,
.products .blog-entry table th {
  background-color: #000;
  text-align: center;
  color: #fff;
  padding: 0;
}
.product .blog-entry table td,
.products .blog-entry table td {
  text-align: center;
  padding: 0;
  vertical-align: middle;
  border-top: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
  border-bottom: 0;
}
.product .blog-entry table td:last-child,
.products .blog-entry table td:last-child {
  border-right: 0;
}
.product .blog-entry .btn a,
.products .blog-entry .btn a {
  color: #fff;
  text-decoration: none;
  margin: 0;
}
.product .blog-entry .inner-link,
.products .blog-entry .inner-link {
  background-color: #fff;
  padding-top: 6px;
  display: flex;
  flex-wrap: wrap;
  margin-top: -20px;
}
.product .blog-entry .inner-link li,
.products .blog-entry .inner-link li {
  padding-left: 15px;
  margin-left: 30px;
  margin-bottom: 6px;
}
.product .blog-entry .inner-link li a,
.products .blog-entry .inner-link li a {
  text-decoration: none;
  font-size: 12px;
  font-weight: 500;
}
.product .blog-entry .inner-link li:before,
.products .blog-entry .inner-link li:before {
  width: 10px;
  height: 10px;
  border-radius: 0;
  background: url(../img/common/arrow_select.svg) no-repeat 0 0;
  background-size: 10px 10px;
  top: 10px;
  left: 0;
}
@media screen and (max-width: 767px) {
  .product .blog-entry .blog-header h1,
  .products .blog-entry .blog-header h1 {
    font-size: 200%;
  }
  .product .blog-entry .blog-header h1 span,
  .products .blog-entry .blog-header h1 span {
    font-size: 58%;
    margin-bottom: 8px;
  }
  .product .blog-entry .product-benefit__wrap,
  .products .blog-entry .product-benefit__wrap {
    display: flex;
  }
  .product .blog-entry .inner-link,
  .products .blog-entry .inner-link {
    padding-top: 4px;
  }
  .product .blog-entry .inner-link li,
  .products .blog-entry .inner-link li {
    margin-left: 20px;
    margin-bottom: 4px;
  }
  .product .blog-entry .inner-link li::before,
  .products .blog-entry .inner-link li::before {
    top: 7px;
  }
}
.product .blog-body .blog-related .blog-list,
.products .blog-body .blog-related .blog-list {
  margin: 0 10px;
  flex-wrap: wrap;
}
.product .blog-body .blog-related .blog-list a,
.products .blog-body .blog-related .blog-list a {
  text-decoration: none;
}
.product .blog-body .blog-related .blog-list p,
.products .blog-body .blog-related .blog-list p {
  margin: 0;
}
.product .blog-body .blog-related .blog-list .blog-list__item .blog-info .blog-cat,
.products .blog-body .blog-related .blog-list .blog-list__item .blog-info .blog-cat {
  margin: 0;
}
.product .blog-body .blog-related .blog-list .blog-list__item .blog-info .blog-cat li,
.products .blog-body .blog-related .blog-list .blog-list__item .blog-info .blog-cat li {
  padding-left: 0;
}
.product .blog-body .blog-related .blog-list .blog-list__item .blog-info .blog-cat li::before,
.products .blog-body .blog-related .blog-list .blog-list__item .blog-info .blog-cat li::before {
  display: none;
}
.product .blog-body .blog-related .blog-list .blog-list__item .txt .blog-ttl,
.products .blog-body .blog-related .blog-list .blog-list__item .txt .blog-ttl {
  font-size: 100%;
}
.product .blog-body .blog-related .blog-list .blog-list__item .txt .blog-tag,
.products .blog-body .blog-related .blog-list .blog-list__item .txt .blog-tag {
  margin: 0;
}
.product .blog-body .blog-related .blog-list .blog-list__item .txt .blog-tag li,
.products .blog-body .blog-related .blog-list .blog-list__item .txt .blog-tag li {
  padding-left: 0;
}
.product .blog-body .blog-related .blog-list .blog-list__item .txt .blog-tag li::before,
.products .blog-body .blog-related .blog-list .blog-list__item .txt .blog-tag li::before {
  display: none;
}
.product .blog-body .blog-related .blog-list .blog-list__item:nth-child(n+4),
.products .blog-body .blog-related .blog-list .blog-list__item:nth-child(n+4) {
  display: none;
}
.product .blog-pager,
.products .blog-pager {
  border-top: 1px solid #e9e9e9;
  padding-top: 40px;
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .product .blog-pager,
  .products .blog-pager {
    padding-top: 20px;
  }
}

/*   modal
-------------------------------------*/
body .smartphoto {
  z-index: 9999;
}

/*　　cad
-------------------------------------*/
@media screen and (max-width: 767px) {
  .cad .knowledge-navi {
    padding: 0;
  }
}

.cad-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 10px 80px;
}
.cad-list dl {
  width: 48.5%;
  border-bottom: 1px solid #e9e9e9;
  display: flex;
  padding: 15px 0;
  margin-right: 0 !important;
  margin-left: 0 !important;
  font-size: 100% !important;
}
.cad-list dl.w-full {
  width: 100%;
}
.cad-list dl dt {
  max-width: 160px;
  width: 33%;
  padding-top: 0 !important;
  font-size: 100% !important;
  font-weight: 400 !important;
  border-top: 0 !important;
  color: #000 !important;
}
.cad-list dl dd {
  width: calc(100% - 160px);
  padding-bottom: 0 !important;
}
.cad-list dl dd a {
  background-color: rgb(0, 153, 89);
  width: -moz-max-content;
  width: max-content;
  padding: 0 16px;
  margin-bottom: 10px;
  display: inline-block;
  text-align: center;
  margin-right: 15px;
  color: #fff !important;
  font-size: 87.5%;
  font-weight: 500;
  border-radius: 14px;
  text-decoration: none !important;
}
.cad-list dl dd a span {
  padding-left: 15px;
  background: url(../img/common/arrow_right-white.svg) no-repeat 0 center;
  background-size: 12px 12px;
}
.cad-list dl dd a:hover {
  position: relative;
}
.cad-list dl dd a:hover::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
}
@media screen and (max-width: 767px) {
  .cad-list {
    display: block;
    margin-bottom: 40px;
  }
  .cad-list dl {
    width: 100%;
    padding: 20px 0;
  }
  .cad-list dl dt {
    width: 80px;
  }
  .cad-list dl dd {
    width: calc(100% - 80px);
  }
  .cad-list dl dd a {
    width: 64px;
    margin-right: 5px;
    font-size: 100%;
    border-radius: 10px;
  }
  .cad-list dl dd a span {
    padding-left: 12px;
    background-size: 10px 10px;
  }
  .cad-list dl dd a:hover {
    position: relative;
  }
  .cad-list dl dd a:hover::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
  }
}

/*　　books
-------------------------------------*/
@media screen and (max-width: 767px) {
  .books .knowledge-navi {
    padding: 0;
  }
}

.pdf-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin: 0 10px 80px !important;
  line-height: 1.3;
}
.pdf-list li {
  width: 48.5%;
  min-height: 62px;
  border-bottom: 1px solid #e9e9e9;
  display: flex;
  align-items: center;
  font-size: 100% !important;
  padding-left: 0 !important;
}
.pdf-list li::before {
  display: none !important;
}
.pdf-list li a {
  display: block;
  text-decoration: none !important;
  color: #000 !important;
}
.pdf-list li a .icon-pdf {
  display: block;
  padding: 10px 0 10px 28px;
  padding-left: 28px;
  background: url(../img/common/icon_pdf.png) no-repeat 0 center;
  background-size: 24px 24px;
}
.pdf-list li a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .pdf-list {
    margin-bottom: 40px;
  }
  .pdf-list li {
    min-height: 42px;
    width: 47.5%;
  }
  .pdf-list li a .icon-pdf {
    padding: 7px 0 7px 28px;
  }
}

/*　　vtr
-------------------------------------*/
@media screen and (max-width: 767px) {
  .vtr .knowledge-navi {
    padding: 0;
  }
}

.vtr-list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  margin: 40px 10px;
}
.vtr-list .vtr-item {
  width: 31.3%;
  margin-right: 3.05%;
  margin-bottom: 40px;
}
.vtr-list .vtr-item:nth-child(3n) {
  margin-right: 0;
}
.vtr-list .vtr-item .vtr-ttl {
  margin: 0 0 12px !important;
  font-size: 100% !important;
}
.vtr-list .vtr-item .vtr-ttl .vtr-time {
  display: block;
}
.vtr-list .vtr-item .vtr-movie {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.vtr-list .vtr-item .vtr-movie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
@media screen and (max-width: 999px) {
  .vtr-list {
    justify-content: space-between;
  }
  .vtr-list .vtr-item {
    width: 47.6%;
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .vtr-list {
    margin: 20px 0;
  }
  .vtr-list .vtr-item {
    margin-bottom: 20px;
  }
  .vtr-list .vtr-item .vtr-ttl {
    margin-bottom: 8px !important;
  }
}

/*===================================
  privacy
=====================================*/
.privacy .privacy-box {
  margin-top: 35px;
  border-top: 1px solid #e9e9e9;
}
.privacy .privacy-box .page-ttl07 {
  margin-top: 35px;
}
.privacy .privacy-box .privacy-box__tel {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .privacy .privacy-box {
    margin-top: 25px;
  }
  .privacy .privacy-box .page-ttl07 {
    margin-top: 25px;
  }
  .privacy .privacy-box .privacy-box__tel {
    margin-top: 25px;
  }
}

/*===================================
  news
=====================================*/
.news .news-index {
  border-top: 1px solid #e9e9e9;
}
.news .news-index .news_detal {
  border-bottom: 1px solid #e9e9e9;
  padding: 25px 0;
  display: flex;
  justify-content: space-between;
}
.news .news-index .news_detal .news-info {
  width: 225px;
  margin-right: 15px;
  display: flex;
}
.news .news-index .news_detal .news-info .news-date {
  font-size: 14px;
  color: #999;
}
.news .news-index .news_detal .news-info .news-cat {
  line-height: 1.75;
  display: flex;
  flex-wrap: wrap;
  margin-left: 15px;
}
.news .news-index .news_detal .news-info .news-cat li {
  margin-left: 10px;
}
.news .news-index .news_detal .news-info .news-cat li a {
  display: inline-block;
  background-color: rgb(0, 153, 89);
  color: #fff;
  font-size: 12px;
  border-radius: 10px;
  text-align: center;
  padding: 0 10px;
}
.news .news-index .news_detal .news-info .news-cat li a:hover {
  position: relative;
}
.news .news-index .news_detal .news-info .news-cat li a:hover::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
}
.news .news-index .news_detal .news-ttl {
  width: calc(100% - 240px);
  color: rgb(0, 153, 89);
  font-weight: 700;
}
.news .news-index .news_detal .news-ttl a {
  display: block;
  color: rgb(0, 153, 89);
  font-weight: 700;
  padding-right: 60px;
  background: url(../img/common/arrow_right.svg) no-repeat right bottom 8px;
  background-size: 16px 16px;
}
.news .news-index .news_detal .news-ttl a:hover {
  text-decoration: underline;
}
.news .news-index .news_detal .news-ttl a .icon-new {
  padding-right: 45.69px;
  background: url(../img/common/icon_new02.svg) no-repeat right center;
  background-size: 35.69px 11.91px;
}
@media screen and (max-width: 767px) {
  .news .news-index .news_detal {
    padding: 14px 0;
    display: block;
  }
  .news .news-index .news_detal .news-info {
    align-items: center;
    width: 100%;
    margin-right: 0;
  }
  .news .news-index .news_detal .news-info .news-date {
    font-size: 12px;
  }
  .news .news-index .news_detal .news-info .news-cat {
    margin-left: 0;
  }
  .news .news-index .news_detal .news-ttl {
    width: 100%;
  }
  .news .news-index .news_detal .news-ttl a {
    font-size: 116.7%;
    padding-right: 30px;
    background-size: 12px 12px;
  }
  .news .news-index .news_detal .news-ttl a .icon-new {
    background-position: right 7px;
    padding-right: 29.3px;
    background-size: 22.3px 7.44px;
  }
}

/*===================================
  yuka
=====================================*/
.yuka-index li a {
  position: relative;
  display: block;
  border-bottom: 1px solid #e9e9e9;
  padding: 25px 160px 25px 0;
  color: rgb(0, 153, 89);
  font-weight: 700;
  background: url(../img/common/arrow_right.svg) no-repeat right top 33px;
  background-size: 16px 16px;
}
.yuka-index li a:hover {
  text-decoration: underline;
}
.yuka-index li a span.date {
  position: absolute;
  right: 60px;
  top: 33px;
  color: #000;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .yuka-index li a {
    font-size: 116.7%;
    padding: 12px 30px 12px 0;
    background-position: right top 20px;
    background-size: 12px 12px;
  }
  .yuka-index li a span.date {
    position: relative;
    top: initial;
    right: initial;
    display: block;
    margin-top: 10px;
  }
}

.yuka-pickup {
  display: flex;
  justify-content: space-between;
}
.yuka-pickup .yuka-pickup_item {
  display: block;
  width: calc((100% - 160px) / 4);
  border: 1px solid rgb(0, 153, 89);
  border-radius: 10px;
  height: 100px;
  padding: 0 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.yuka-pickup .yuka-pickup_item dl {
  text-align: center;
}
.yuka-pickup .yuka-pickup_item dl dt {
  color: rgb(0, 153, 89);
  font-size: 18px;
  font-weight: 900;
  font-feature-settings: "palt";
  line-height: 1.3;
}
.yuka-pickup .yuka-pickup_item dl dt span {
  padding-left: 20px;
  background: url(../img/common/arrow_right.svg) no-repeat 0 center;
  background-size: 14px 14px;
}
.yuka-pickup .yuka-pickup_item dl dd {
  font-size: 12px;
  line-height: 1.5;
  margin-top: 12px;
}
.yuka-pickup .yuka-pickup_item:hover {
  background-color: rgb(0, 153, 89);
}
.yuka-pickup .yuka-pickup_item:hover dl dt {
  color: #fff;
}
.yuka-pickup .yuka-pickup_item:hover dl dt span {
  background-image: url(../img/common/arrow_right-white.svg);
}
@media screen and (max-width: 767px) {
  .yuka-pickup {
    display: block;
  }
  .yuka-pickup .yuka-pickup_item {
    width: calc(100% - 30px);
    margin-bottom: 15px;
    height: 80px;
  }
}

/*　　yukaken
-------------------------------------*/
.yukaken .page-summary {
  margin-bottom: 60px;
}
.yukaken .knowledge-navi {
  padding: 0;
}
.yukaken .blog-entry {
  border-bottom: 1px solid #e9e9e9;
}
.yukaken .blog-pager {
  margin-bottom: 80px;
}
.yukaken .knowledge-navi {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .yukaken .page-summary {
    margin-bottom: 30px;
  }
  .yukaken .blog-pager {
    margin-bottom: 40px;
  }
  .yukaken .knowledge-navi {
    margin-top: 40px;
  }
}

/*　　yukayoshi
-------------------------------------*/
.yukayoshi .knowledge-navi {
  padding: 0;
}
.yukayoshi .blog-entry {
  border-bottom: 1px solid #e9e9e9;
}
.yukayoshi .blog-pager {
  margin-bottom: 80px;
}
.yukayoshi .knowledge-navi {
  margin-top: 80px;
}
.yukayoshi .lnavi {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .yukayoshi .blog-pager {
    margin-bottom: 40px;
  }
  .yukayoshi .knowledge-navi {
    margin-top: 40px;
  }
  .yukayoshi .lnavi {
    margin: 60px 0 0;
  }
}

/*===================================
  product
=====================================*/
.recruit .recruit-summary {
  margin-bottom: 50px !important;
  margin-top: 30px;
  font-size: 100% !important;
}
@media screen and (max-width: 767px) {
  .recruit .recruit-summary {
    margin-bottom: 20px !important;
    margin-top: 0;
  }
}
.recruit .recruit-box__wrap {
  margin-right: 10px;
  margin-left: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.recruit .recruit-box__wrap .recruit-box {
  color: #000;
  text-decoration: none;
  width: 47%;
}
.recruit .recruit-box__wrap .recruit-box h2 {
  color: #000;
  font-size: 200%;
  margin: 40px 0 20px;
}
.recruit .recruit-box__wrap .recruit-box h2 a {
  text-decoration: none;
}
.recruit .recruit-box__wrap .recruit-box h2 a:hover {
  opacity: 0.6;
}
.recruit .recruit-box__wrap .recruit-box .recruit-box__contents p {
  font-size: 100%;
  margin: 0 0 15px;
}
.recruit .recruit-box__wrap .recruit-box .recruit-box__contents .job h3 {
  margin: 0;
  color: #000;
  font-size: 150%;
}
.recruit .recruit-box__wrap .recruit-box .recruit-box__contents .job h3 span {
  font-weight: 400;
  font-size: 16px;
}
.recruit .recruit-box__wrap .recruit-box .recruit-box__contents .img {
  margin-bottom: 30px;
}
.recruit .recruit-box__wrap .recruit-box .recruit-box__contents .entry-btn {
  margin-top: 25px;
  max-width: 346px;
}
@media screen and (max-width: 767px) {
  .recruit .recruit-box__wrap {
    margin-right: 5px;
    margin-left: 5px;
    display: block;
  }
  .recruit .recruit-box__wrap .recruit-box {
    width: 100%;
    display: block;
    margin-bottom: 50px;
  }
  .recruit .recruit-box__wrap .recruit-box h2 {
    font-size: 133.4%;
    font-weight: 900;
    margin: 20px 0 10px;
    padding-left: 0px;
    background-position: 0 6px;
    background-size: 10px 10px;
  }
  .recruit .recruit-box__wrap .recruit-box .recruit-box__contents p {
    margin: 0 0 10px;
  }
  .recruit .recruit-box__wrap .recruit-box .recruit-box__contents .job h3 {
    font-size: 133.4%;
  }
  .recruit .recruit-box__wrap .recruit-box .recruit-box__contents .job h3 span {
    font-size: 12px;
  }
  .recruit .recruit-box__wrap .recruit-box .recruit-box__contents .img {
    margin-bottom: 12px;
  }
  .recruit .recruit-box__wrap .recruit-box .recruit-box__contents .entry-btn {
    margin-top: 0;
  }
  .recruit .recruit-box__wrap .recruit-box .recruit-box__contents .entry-btn + .entry-btn {
    margin-top: 10px;
  }
  .recruit .recruit-box__wrap .recruit-box:last-child {
    margin-bottom: 0;
  }
}

/*===================================
  product
=====================================*/
.system .main h2:first-child {
  margin-top: 0;
}
.system .knowledge-navi {
  padding: 0;
}
.system .product-summary {
  margin-bottom: 90px !important;
  margin-top: 30px;
  font-size: 100% !important;
}
.system .product-summary .notice {
  font-size: 10px;
}
.system .product-summary a {
  font-size: 18px;
  font-weight: bold;
  color: rgb(0, 153, 89);
}
.system .product-summary a .catalog-name {
  display: inline-block;
  width: 125px;
}
.system .product-summary a .date {
  font-size: 12px;
  color: #000;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .system .product-summary {
    margin-top: 15px;
    margin-bottom: 30px !important;
  }
}
.system .product-main {
  margin-bottom: 100px;
}
@media screen and (max-width: 999px) {
  .system .product-main {
    margin-bottom: 60px;
  }
}
.system .product-main .ttl02 {
  font-feature-settings: "palt";
}
.system .product-box__wrap {
  margin-bottom: 80px;
  margin-right: 10px;
  margin-left: 10px;
  display: flex;
  flex-wrap: wrap;
}
.system .product-box__wrap .product-box {
  color: #000;
  text-decoration: none;
  width: 47%;
  padding: 0 3% 30px 0;
  border-bottom: 1px solid #e9e9e9;
  display: flex;
  flex-direction: column;
}
.system .product-box__wrap .product-box:nth-child(2n) {
  padding: 0 0 40px 3%;
}
.system .product-box__wrap .product-box h2 {
  color: rgb(0, 153, 89);
  font-size: 200%;
  margin: 40px 0 20px;
  padding-left: 40px;
  background: url(../img/common/arrow_right.svg) no-repeat 0 10px;
  background-size: 24px 24px;
}
.system .product-box__wrap .product-box .product-box__contents {
  flex-grow: 1;
  display: flex;
  flex-direction: column-reverse;
}
.system .product-box__wrap .product-box .product-box__contents p {
  flex-grow: 1;
  margin: 0 0 15px;
}
@media screen and (max-width: 767px) {
  .system .product-box__wrap {
    margin-bottom: 20px;
    display: block;
  }
  .system .product-box__wrap .product-box {
    width: 100%;
    padding: 0 0 20px 0;
    display: block;
  }
  .system .product-box__wrap .product-box:nth-child(2n) {
    padding: 0 0 20px 0;
  }
  .system .product-box__wrap .product-box h2 {
    font-size: 133.4%;
    margin: 20px 0 10px;
    padding-left: 20px;
    background-position: 0 6px;
    background-size: 10px 10px;
  }
  .system .product-box__wrap .product-box .product-box__contents {
    display: block;
  }
  .system .product-box__wrap .product-box .product-box__contents .img {
    float: right;
    width: 150px;
    margin: 0 0 20px 15px;
  }
  .system .product-box__wrap .product-box .product-box__contents p {
    margin-bottom: 0;
    line-height: 1.75;
  }
}
.system .product-menu__wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.system .product-menu__wrap .product-menu {
  text-decoration: none;
  width: 48%;
  margin-bottom: 30px;
}
.system .product-menu__wrap .product-menu p {
  font-size: 112.5%;
  color: rgb(0, 153, 89);
  font-weight: 700;
  margin-top: 10px;
}
.system .product-menu__wrap .product-menu:hover {
  opacity: 0.6;
}
@media screen and (max-width: 767px) {
  .system .product-menu__wrap {
    margin-bottom: 45px;
  }
  .system .product-menu__wrap .product-menu {
    margin-bottom: 15px;
  }
  .system .product-menu__wrap .product-menu p {
    font-size: 116.7%;
    line-height: 1.4;
    margin-top: 5px;
  }
}
.system .product-benefit__summary .disc_green::before {
  top: 8px;
}
.system .product-benefit__wrap {
  margin-top: 30px;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.system .product-benefit__wrap .product-benefit {
  text-decoration: none;
  width: 48%;
  margin-bottom: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.system .product-benefit__wrap .product-benefit .img {
  text-align: center;
  width: 100px;
  margin-right: 20px;
}
.system .product-benefit__wrap .product-benefit .img img {
  max-height: 100px;
}
.system .product-benefit__wrap .product-benefit p {
  width: calc(100% - 120px);
  font-size: 112.5%;
  color: rgb(0, 153, 89);
  font-weight: 700;
  line-height: 1.5;
}
.system .product-benefit__wrap .product-benefit:hover {
  opacity: 0.6;
}
@media screen and (max-width: 767px) {
  .system .product-benefit__wrap {
    margin-top: 20px;
    margin-left: 5px;
    margin-right: 5px;
    display: block;
  }
  .system .product-benefit__wrap .product-benefit {
    width: 100%;
  }
  .system .product-benefit__wrap .product-benefit .img {
    width: 80px;
    margin-right: 15px;
  }
  .system .product-benefit__wrap .product-benefit .img img {
    max-height: 80px;
  }
  .system .product-benefit__wrap .product-benefit p {
    width: calc(100% - 95px);
    font-size: 116.7%;
    line-height: 1.4;
  }
}
.system .product-navi__btn a {
  display: block;
  margin: 0 auto 120px;
}
.system .product-navi__btn a:hover {
  opacity: 0.6;
}
.system .product-navi__btn a .box-white {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.system .product-navi__btn a .box-white .txt {
  width: 58%;
}
.system .product-navi__btn a .box-white .txt h2 {
  font-size: 150%;
  margin: 0 0 15px;
  padding-left: 30px;
  background: url(../img/common/arrow_right.svg) no-repeat 0 8px;
  background-size: 16px 16px;
}
.system .product-navi__btn a .box-white .txt p {
  font-size: 87.5%;
}
.system .product-navi__btn a .box-white .img {
  width: 39%;
}
@media screen and (max-width: 767px) {
  .system .product-navi__btn a {
    margin-bottom: 60px;
  }
  .system .product-navi__btn a .box-white {
    display: block;
  }
  .system .product-navi__btn a .box-white .txt {
    width: auto;
  }
  .system .product-navi__btn a .box-white .txt h2 {
    display: inline;
    font-size: 116.7%;
    padding-left: 12px;
    background-position: 0 6px;
    background-size: 8px 8px;
  }
  .system .product-navi__btn a .box-white .txt p {
    margin-top: 8px;
    font-size: 100%;
    line-height: 1.75;
  }
  .system .product-navi__btn a .box-white .img {
    float: right;
    width: 120px;
    margin: 30px 0 20px 15px;
  }
}
@media screen and (max-width: 767px) {
  .system .blog-navi dl {
    width: 100%;
  }
}
.system .product-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 20px;
}
.system .product-list .product-list__item {
  padding-bottom: 30px;
  width: 48%;
}
.system .product-list .product-list__item .img__wrap {
  display: block;
  position: relative;
}
.system .product-list .product-list__item .img__wrap .icon-picup {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: #ff0000;
  color: #fff;
  font-size: 87.5%;
  font-weight: 700;
  padding: 0 4px;
  line-height: 1.8;
}
.system .product-list .product-list__item .img__wrap .img {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
}
.system .product-list .product-list__item .img__wrap .img::before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.1349693252%;
}
.system .product-list .product-list__item .img__wrap .img > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.system .product-list .product-list__item a.img__wrap:hover {
  position: relative;
}
.system .product-list .product-list__item a.img__wrap:hover::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
}
.system .product-list .product-list__item a.img__wrap:hover::after {
  z-index: 110;
}
.system .product-list .product-list__item .txt {
  margin-top: 15px;
}
.system .product-list .product-list__item .txt .product-type {
  font-size: 87.5%;
  font-weight: 500;
  line-height: 1.7;
  font-feature-settings: "palt";
}
.system .product-list .product-list__item .txt .product-ttl {
  font-size: 112.5%;
  font-weight: 700;
  line-height: 1.7;
}
.system .product-list .product-list__item .txt .product-benefit {
  font-feature-settings: "palt";
  font-size: 75%;
  color: #999;
  line-height: 1.5;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding-left: 8px;
}
.system .product-list .product-list__item .txt .product-benefit::before {
  position: absolute;
  content: "【";
  top: 0;
  left: 0;
}
.system .product-list .product-list__item .txt .product-benefit li {
  position: relative;
  padding-right: 14px;
}
.system .product-list .product-list__item .txt .product-benefit li::after {
  position: absolute;
  content: "／";
  top: 0;
  right: 0;
}
.system .product-list .product-list__item .txt .product-benefit li:last-child {
  padding-right: 8px;
}
.system .product-list .product-list__item .txt .product-benefit li:last-child::after {
  content: "】";
}
.system .product-list .product-list__item .txt .product-rank {
  font-size: 75%;
  color: #999;
  line-height: 1.5;
}
.system .product-list.product-list_pickup {
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .system .product-list {
    display: block;
    padding-top: 10px;
  }
  .system .product-list .product-list__item {
    padding-bottom: 20px;
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .system .product-list .product-list__item .img__wrap {
    width: 150px;
  }
  .system .product-list .product-list__item .img__wrap .icon-picup {
    font-size: 10px;
    padding: 0 7px;
  }
  .system .product-list .product-list__item .img__wrap .img {
    position: relative;
  }
  .system .product-list .product-list__item .img__wrap .img::before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56%;
  }
  .system .product-list .product-list__item .img__wrap .img > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .system .product-list .product-list__item .txt {
    width: calc(100% - 165px);
    margin-top: 0;
  }
  .system .product-list .product-list__item .txt .product-type {
    font-size: 100%;
    line-height: 1.5;
  }
  .system .product-list .product-list__item .txt .product-ttl {
    font-size: 116.7%;
    line-height: 1.4;
    margin: 10px 0 5px;
  }
  .system .product-list .product-list__item .txt .product-benefit {
    font-size: 10px;
    position: relative;
    padding-left: 6px;
  }
  .system .product-list .product-list__item .txt .product-benefit li {
    padding-right: 10px;
  }
  .system .product-list .product-list__item .txt .product-benefit li:last-child {
    padding-right: 6px;
  }
  .system .product-list .product-list__item .txt .product-rank {
    font-size: 10px;
  }
}
.system .blog-entry .blog-header {
  padding-bottom: 0;
  margin-bottom: 25px;
  border-bottom: 0;
}
.system .blog-entry .blog-header h1 {
  font-size: 175%;
}
.system .blog-entry .blog-header h1 span {
  display: block;
  color: #000;
  font-weight: 500;
  font-size: 50%;
  font-feature-settings: "palt";
  margin-bottom: 10px;
}
.system .blog-entry .product-benefit__wrap {
  justify-content: flex-start;
}
.system .blog-entry .product-benefit__wrap .product-benefit {
  width: auto;
  margin-right: 30px;
  margin-bottom: 10px;
}
.system .blog-entry .product-benefit__wrap .product-benefit .img {
  width: 40px;
  margin-right: 10px;
}
.system .blog-entry .product-benefit__wrap .product-benefit .img img {
  max-height: 40px;
}
.system .blog-entry .product-benefit__wrap .product-benefit p {
  width: auto;
  margin: 0;
  font-size: 12px;
}
.system .blog-entry .product-benefit__wrap .product-benefit:last-child {
  margin-right: 0;
}
.system .blog-entry table {
  border: 1px solid #000;
}
.system .blog-entry table th {
  background-color: #000;
  text-align: center;
  color: #fff;
  padding: 0;
}
.system .blog-entry table td {
  text-align: center;
  padding: 0;
  vertical-align: middle;
  border-top: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
  border-bottom: 0;
}
.system .blog-entry table td:last-child {
  border-right: 0;
}
.system .blog-entry .btn a {
  color: #fff;
  text-decoration: none;
  margin: 0;
}
.system .blog-entry .inner-link {
  background-color: #fff;
  padding-top: 6px;
  display: flex;
  flex-wrap: wrap;
  margin-top: -20px;
}
.system .blog-entry .inner-link li {
  padding-left: 15px;
  margin-left: 30px;
  margin-bottom: 6px;
}
.system .blog-entry .inner-link li a {
  text-decoration: none;
  font-size: 12px;
  font-weight: 500;
}
.system .blog-entry .inner-link li:before {
  width: 10px;
  height: 10px;
  border-radius: 0;
  background: url(../img/common/arrow_select.svg) no-repeat 0 0;
  background-size: 10px 10px;
  top: 10px;
  left: 0;
}
@media screen and (max-width: 767px) {
  .system .blog-entry .blog-header h1 {
    font-size: 200%;
  }
  .system .blog-entry .blog-header h1 span {
    font-size: 58%;
    margin-bottom: 8px;
  }
  .system .blog-entry .product-benefit__wrap {
    display: flex;
  }
  .system .blog-entry .inner-link {
    padding-top: 4px;
  }
  .system .blog-entry .inner-link li {
    margin-left: 20px;
    margin-bottom: 4px;
  }
  .system .blog-entry .inner-link li::before {
    top: 7px;
  }
}
.system .blog-body {
  display: flex;
  justify-content: space-between;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .system .blog-body {
    display: block;
  }
}
.system .blog-body > div {
  width: calc(57.6023391813% - 30px);
  min-width: 290px;
  padding-left: 30px;
}
@media screen and (max-width: 767px) {
  .system .blog-body > div {
    width: 100%;
    padding-left: 0;
  }
}
.system .blog-body > div:first-of-type {
  width: calc(42.3976608187% - 30px);
  border-right: 1px solid #fff;
  padding-left: 0;
  padding-right: 30px;
}
@media screen and (max-width: 767px) {
  .system .blog-body > div:first-of-type {
    width: 100%;
    padding-right: 0;
    border-right: none;
  }
}
.system .blog-body .info-area {
  display: flex;
  font-size: 18px;
  font-weight: 600;
}
.system .blog-body .info-area > div {
  margin-left: 4px;
}
.system .blog-body .info-area p {
  margin: 0;
  line-height: 1.4;
  font-size: 18px;
}
.system .blog-body .info-area p.info_product-height {
  font-size: 12px;
}
.system .blog-body .img {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .system .blog-body .img {
    margin-bottom: 20px;
  }
}
.system .blog-body .content > p {
  margin: 0;
  display: flex;
}
.system .blog-body .content > p.align_end {
  align-items: flex-end;
}
.system .blog-body .content > p span {
  width: calc(100% - 150px);
}
.system .blog-body .content > p span:first-of-type {
  width: 150px;
  display: inline-block;
  font-weight: 500;
}
.system .blog-body .related_product {
  margin: 30px 0 0;
}
.system .blog-body .related_product dt {
  background-color: rgb(0, 153, 89);
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  padding: 9px 12px;
}
.system .blog-body .related_product dd {
  background-color: #fff;
  padding: 14px 12px;
}
.system .blog-body .related_product dd p {
  margin: 0;
  font-size: 14px;
}
.system .blog-body .related_product dd p.product_name {
  font-weight: bold;
  font-size: 16px;
}
.system .blog-body .related_product dd .notice {
  font-size: 10px;
  display: inline-block;
}
.system .blog-pager {
  border-top: 1px solid #e9e9e9;
  padding-top: 40px;
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .system .blog-pager {
    padding-top: 20px;
  }
}
.system .blog-navi .serial-nav .serial-nav-item-next + .serial-nav-item-prev {
  margin-top: 20px;
}
.system .blog-navi .serial-nav a p {
  font-size: 16px;
  font-weight: bold;
  color: rgb(0, 153, 89);
}
.system .blog-navi dl dt {
  padding: 9px 10px;
}
.system .blog-navi dl dd select:nth-of-type(2) {
  margin-top: 30px;
}
.system .blog-navi .btn {
  margin-top: 30px;
}
.system .blog-navi .btn a {
  width: 100%;
}
.system .d-none {
  display: none;
}
.system .search-box {
  background-color: #fff;
  padding: 30px;
  display: flex;
  justify-content: space-between;
}
.system .search-box h2 {
  color: rgb(0, 153, 89);
}
@media screen and (max-width: 767px) {
  .system .search-box {
    display: block;
  }
}
.system .search-box > div {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .system .search-box > div {
    max-width: 100%;
  }
}
.system .search-box .catalog-navi {
  margin: 0;
  padding-top: 0;
  padding-left: 30px;
  margin-left: 30px;
  max-width: 300px;
  width: 100%;
  border-left: 1px solid #f7f6f5;
}
@media screen and (max-width: 767px) {
  .system .search-box .catalog-navi {
    margin-top: 15px;
    border-left: none;
    max-width: 100%;
    padding-left: 0;
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .system .search-box .catalog-navi ul {
    margin-top: 15px;
  }
}
.system .search-box h2 {
  font-size: 18px;
}
.system .search-box .select-area {
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
}
.system .search-box .select-area .index-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  background: transparent;
  font-size: 100%;
  width: 100%;
  max-width: calc(50% - 15px);
  margin-right: 30px;
  padding: 10px 15px;
  background: url(../img/common/arrow_select.svg) no-repeat right 15px center #e9e9e9;
  background-size: 12px 12px;
}
.system .search-box .select-area .index-select:last-of-type {
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  .system .search-box .select-area .index-select {
    max-width: 100%;
    width: 100%;
    margin-right: 0;
  }
  .system .search-box .select-area .index-select:last-of-type {
    margin-top: 30px;
  }
}
.system .search-box .select-area + .btn {
  margin-top: 50px;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .system .search-box .select-area + .btn {
    max-width: 100%;
  }
}
.system .search-box .select-area + .btn a {
  width: 294px;
}
@media screen and (max-width: 767px) {
  .system .search-box .select-area + .btn a {
    width: 100%;
  }
}
.system .search-box .select-area + .btn + p {
  margin-top: 50px;
  font-size: 10px;
}

/*　　cad
-------------------------------------*/
@media screen and (max-width: 767px) {
  .cad .knowledge-navi {
    padding: 0;
  }
}

.cad-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 10px 80px;
}
.cad-list dl {
  width: 48.5%;
  border-bottom: 1px solid #e9e9e9;
  display: flex;
  padding: 15px 0;
  margin-right: 0 !important;
  margin-left: 0 !important;
  font-size: 100% !important;
}
.cad-list dl.w-full {
  width: 100%;
}
.cad-list dl dt {
  max-width: 160px;
  width: 33%;
  padding-top: 0 !important;
  font-size: 100% !important;
  font-weight: 400 !important;
  border-top: 0 !important;
  color: #000 !important;
}
.cad-list dl dd {
  width: calc(100% - 160px);
  padding-bottom: 0 !important;
}
.cad-list dl dd a {
  background-color: rgb(0, 153, 89);
  width: -moz-max-content;
  width: max-content;
  padding: 0 16px;
  margin-bottom: 10px;
  display: inline-block;
  text-align: center;
  margin-right: 15px;
  color: #fff !important;
  font-size: 87.5%;
  font-weight: 500;
  border-radius: 14px;
  text-decoration: none !important;
}
.cad-list dl dd a span {
  padding-left: 15px;
  background: url(../img/common/arrow_right-white.svg) no-repeat 0 center;
  background-size: 12px 12px;
}
.cad-list dl dd a:hover {
  position: relative;
}
.cad-list dl dd a:hover::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
}
@media screen and (max-width: 767px) {
  .cad-list {
    display: block;
    margin-bottom: 40px;
  }
  .cad-list dl {
    width: 100%;
    padding: 10px 0;
  }
  .cad-list dl dt {
    width: 80px;
  }
  .cad-list dl dd {
    width: calc(100% - 80px);
  }
  .cad-list dl dd a {
    max-width: calc(100% - 30px);
    margin-right: 5px;
    font-size: 100%;
    border-radius: 20px;
  }
  .cad-list dl dd a span {
    padding-left: 12px;
    background-size: 10px 10px;
  }
  .cad-list dl dd a:hover {
    position: relative;
  }
  .cad-list dl dd a:hover::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
  }
}

/*　　books
-------------------------------------*/
@media screen and (max-width: 767px) {
  .books .knowledge-navi {
    padding: 0;
  }
}

.pdf-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin: 0 10px 80px !important;
  line-height: 1.3;
}
.pdf-list li {
  width: 48.5%;
  min-height: 62px;
  border-bottom: 1px solid #e9e9e9;
  display: flex;
  align-items: center;
  font-size: 100% !important;
  padding-left: 0 !important;
}
.pdf-list li::before {
  display: none !important;
}
.pdf-list li a {
  display: block;
  text-decoration: none !important;
  color: #000 !important;
}
.pdf-list li a .icon-pdf {
  display: block;
  padding: 10px 0 10px 28px;
  padding-left: 28px;
  background: url(../img/common/icon_pdf.png) no-repeat 0 center;
  background-size: 24px 24px;
}
.pdf-list li a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .pdf-list {
    margin-bottom: 40px;
  }
  .pdf-list li {
    min-height: 42px;
    width: 47.5%;
  }
  .pdf-list li a .icon-pdf {
    padding: 7px 0 7px 28px;
  }
}

/*　　vtr
-------------------------------------*/
@media screen and (max-width: 767px) {
  .vtr .knowledge-navi {
    padding: 0;
  }
}

.vtr-list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  margin: 40px 10px;
}
.vtr-list .vtr-item {
  width: 31.3%;
  margin-right: 3.05%;
  margin-bottom: 40px;
}
.vtr-list .vtr-item:nth-child(3n) {
  margin-right: 0;
}
.vtr-list .vtr-item .vtr-ttl {
  margin: 0 0 12px !important;
  font-size: 100% !important;
}
.vtr-list .vtr-item .vtr-ttl .vtr-time {
  display: block;
}
.vtr-list .vtr-item .vtr-movie {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.vtr-list .vtr-item .vtr-movie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
@media screen and (max-width: 999px) {
  .vtr-list {
    justify-content: space-between;
  }
  .vtr-list .vtr-item {
    width: 47.6%;
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .vtr-list {
    margin: 20px 0;
  }
  .vtr-list .vtr-item {
    margin-bottom: 20px;
  }
  .vtr-list .vtr-item .vtr-ttl {
    margin-bottom: 8px !important;
  }
}

@media screen and (max-width: 999px) {
  .main-contents .main.main__right .cad-list dl dd a {
    text-align: left;
  }
}
@media screen and (max-width: 999px) {
  .pc-only {
    display: none;
  }
}
@media screen and (min-width: 1000px) {
  .sp-only {
    display: none;
  }
}
/*===================================
  product
=====================================*/
.blog-pager.off {
  display: none;
}

.partner h2.ttl05 {
  padding-bottom: 24px;
  margin-top: 32px;
}
@media screen and (max-width: 767px) {
  .partner h2.ttl05 {
    padding-bottom: 20px;
  }
}
.partner .toggle-btn {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-flex;
  font-size: 14px;
  border-radius: 20px;
  overflow: hidden;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .partner .toggle-btn {
    top: -4px;
    font-size: 12px;
  }
}
.partner .toggle-btn .current {
  background: #009959;
  color: #fff;
  pointer-events: none;
}
.partner .toggle-btn li {
  padding: 2px 12px;
  background: #E9E9E9;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .partner .toggle-btn li {
    padding: 4px 10px;
  }
}
.partner .search-detail {
  background-color: #fff;
  padding: 30px;
  margin-top: 76px;
}
@media screen and (max-width: 767px) {
  .partner .search-detail {
    margin-top: 26px;
  }
}
.partner .search-detail h2 {
  color: #009959;
  font-size: 18px;
  font-weight: 500;
}
.partner .search-detail .btn {
  margin-top: 32px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .partner .search-detail .btn {
    text-align: center;
  }
}
.partner .search-detail .btn .disabled {
  filter: initial;
  background-color: #afafaf;
  border-color: #afafaf;
  color: #fff;
  pointer-events: none;
}
.partner .search-detail .btn .reset {
  color: #009959;
  text-decoration: underline;
  cursor: pointer;
  position: absolute;
  bottom: 14px;
  right: calc(50% - 300px);
  font-size: 14px;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .partner .search-detail .btn .reset {
    position: relative;
    right: initial;
    bottom: initial;
    margin-top: 24px;
  }
}
.partner .search-detail .current-area {
  display: flex;
  margin-top: 30px;
  padding-top: 24px;
  border-top: 1px solid #E9E9E9;
}
@media screen and (max-width: 767px) {
  .partner .search-detail .current-area {
    display: block;
  }
}
.partner .search-detail .current-area h3 {
  padding-top: 10px;
}
.partner .search-detail .current-area__btn {
  margin-left: 24px;
}
@media screen and (max-width: 767px) {
  .partner .search-detail .current-area__btn {
    margin-left: 0;
    margin-top: 12px;
  }
}
.partner .search-detail .current-area__btn br {
  display: none;
}
@media screen and (max-width: 767px) {
  .partner .search-detail .current-area__btn br {
    display: initial;
  }
}
.partner .search-detail .current-area__btn p {
  margin-top: 10px;
  font-size: 12px;
}
.partner .search-detail .current-area__btn button {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(0, 153, 89);
  background-color: rgb(0, 153, 89);
  color: #fff;
  font-weight: 700;
  text-align: center;
  font-size: 16px;
  padding: 9px 0;
  width: 224px;
  border-radius: 29px;
  filter: drop-shadow(5px 5px 10px rgba(0, 102, 51, 0.6));
  transition: all 0.5s ease 0s;
}
.partner .search-detail .current-area__btn button:hover {
  filter: drop-shadow(3px 3px 5px rgba(0, 102, 51, 0.6));
}
.partner .search-detail .current-area__btn button:before {
  content: url(../img/partner/icon-location.svg);
  margin-right: 10px;
}
.partner .search-detail h3 {
  font-size: 16px;
  font-weight: 500;
}
.partner .search-detail h4 {
  font-size: 12px;
  position: relative;
  padding-left: 10px;
  line-height: 1.5;
  margin-top: 24px;
  margin-bottom: 16px;
  font-weight: 500;
}
.partner .search-detail h4:before {
  background: #009959;
  content: "";
  display: inline-block;
  width: 3px;
  height: 8px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.partner .search-detail .area-search select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  background: transparent;
  font-size: 100%;
  width: 100%;
  margin-right: 30px;
  padding: 10px 15px;
  background: url(../img/common/arrow_select.svg) no-repeat right 15px center #e9e9e9;
  background-size: 12px 12px;
}
.partner .search-detail .title-label {
  color: #009959;
  font-weight: 500;
}
.partner .search-detail .conditional-search {
  margin-top: 24px;
  padding-top: 14px;
}
.partner .search-detail .conditional-search .area-search {
  margin-top: 20px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .partner .search-detail .conditional-search .area-search {
    display: block;
  }
}
.partner .search-detail .conditional-search .area-search .select-area {
  max-width: 255px;
  width: 100%;
  margin-left: 40px;
}
@media screen and (max-width: 767px) {
  .partner .search-detail .conditional-search .area-search .select-area {
    margin-left: 0;
    max-width: 100%;
  }
}
.partner .search-detail .conditional-search .area-search .select-area select {
  font-size: 12px;
  margin-right: 0;
  padding: 13px 15px;
}
.partner .search-detail .area-search__switch {
  margin-top: 32px;
  position: relative;
  display: inline-block;
  padding-right: 24px;
}
.partner .search-detail .more-detail {
  margin-top: 9px;
  padding-top: 24px;
  border-top: 1px solid #E9E9E9;
}
@media screen and (max-width: 767px) {
  .partner .search-detail .more-detail .acms-margin-bottom-medium {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
}
.partner .search-detail .more-detail .checkbox {
  font-weight: 500;
  font-size: 1rem;
  display: block;
  margin-bottom: 16px;
  min-width: 140px;
}
@media screen and (max-width: 767px) {
  .partner .search-detail .more-detail .checkbox {
    min-width: initial;
    width: 100%;
    font-size: 14px;
  }
}
.partner .search-detail .more-detail .checkbox .label {
  display: inline-block;
  margin-left: 8px;
}
.partner .search-detail .more-detail .checkbox label {
  line-height: 1.6;
  padding-left: 30px;
  position: relative;
  margin-right: 20px;
  display: inline-block;
  background: transparent;
  font-weight: 500;
}
.partner .search-detail .more-detail .checkbox label span {
  font-weight: 400;
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  .partner .search-detail .more-detail .checkbox label {
    margin-right: 0;
  }
}
.partner .search-detail .more-detail .checkbox label:before {
  content: "";
  width: 13px;
  height: 18px;
  padding-left: 5px;
  display: inline-block;
  position: absolute;
  top: 14px;
  left: 0;
  transform: translate(0, -50%);
  background-color: #fff;
  border: 1px solid rgb(157, 157, 157);
}
@media screen and (max-width: 767px) {
  .partner .search-detail .more-detail .checkbox label:before {
    top: 4px;
    transform: translate(0, -6%);
  }
}
.partner .search-detail .more-detail .checkbox input[type=checkbox] {
  visibility: hidden;
  height: 1;
  width: 0;
  margin: 0;
  position: absolute;
}
.partner .search-detail .more-detail .checkbox input[type=checkbox]:checked + label:before {
  content: "✓";
  font-size: 12px;
  color: rgb(0, 153, 89);
}
.partner #pointlist li {
  padding: 10px 0;
  border-bottom: 1px solid #E9E9E9;
  font-size: 14px;
}
.partner #pointlist li > span {
  font-size: 10px;
  display: inline-block;
  margin-top: 10px;
}
.partner #pointlist li .name {
  font-weight: bold;
  display: block;
  font-size: 16px;
  margin-bottom: 10px;
}
.partner #pointlist li .name > span {
  margin-right: 10px;
}
@media screen and (max-width: 767px) {
  .partner #pointlist li .name {
    margin-bottom: 10px;
  }
}
.partner #pointlist li .notice {
  display: block;
  font-size: 10px;
  margin-top: 6px;
  color: #ff0000;
}
.partner #pointlist li .tel {
  margin-left: 24px;
}
@media screen and (max-width: 767px) {
  .partner #pointlist li .tel {
    margin-left: 0;
  }
}
.partner #pointlist li .fax {
  margin-left: 10px;
}
.partner #pointlist li br {
  display: none;
}
.partner #pointlist li br.d-inline {
  display: inline;
}
@media screen and (max-width: 767px) {
  .partner #pointlist li br {
    display: initial;
  }
}
.partner #pointlist li .name a {
  color: #009959;
}
.partner #pointlist li .name a.nolink {
  pointer-events: none;
  color: #000;
}
.partner #pointlist li .comment {
  display: inline-block;
  margin-top: 10px;
}
.partner #pointlist li .map-link {
  background: #009959;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 8px;
  border-radius: 20px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  margin-right: 10px;
  width: 94px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .partner #pointlist li .map-link {
    display: block;
    margin-bottom: 12px;
  }
}
.partner #pointlist li .map-link:before {
  content: url(../img/partner/icon-map.svg);
  margin-right: 6px;
  margin-top: 1px;
}
.partner .current {
  background-color: #ECE7E1;
}
.partner .product-main {
  margin-bottom: 100px;
  position: relative;
}
.partner .flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.partner .shop-list {
  width: 100%;
  scrollbar-color: #ccc;
}
.partner .map-area {
  width: 100%;
}
.partner .hidden {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.partner .ttl05 {
  color: #009959;
  font-size: 24px;
  border-bottom: 1px solid #009959;
}
@media screen and (max-width: 767px) {
  .partner .ttl05 {
    font-size: 18px;
  }
}
.partner .ttl05 .count {
  font-size: 24px;
  display: inline;
  margin-left: 20px;
}
@media screen and (max-width: 767px) {
  .partner .ttl05 .count {
    font-size: 18px;
    margin-left: 10px;
  }
}
.partner .search-box {
  border-top: 4px solid #009959;
  position: absolute;
  top: 0;
  z-index: 1;
  right: 0;
  padding: 14px;
  background-color: #fff;
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
  max-width: 377px;
  width: 100%;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .partner .search-box {
    max-width: 100%;
  }
}
.partner .search-box form {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.partner .search-box form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  background: transparent;
  font-size: 100%;
  width: 100%;
  max-width: 295px;
  padding: 10px 15px;
  background: url(../img/common/arrow_select.svg) no-repeat right 15px center #e9e9e9;
  background-size: 12px 12px;
}
@media screen and (max-width: 767px) {
  .partner .search-box form select {
    max-width: calc(100% - 50px);
  }
}
.partner .search-box form .acms-btn-admin {
  background-color: #009959;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .partner .search-box form .acms-btn-admin {
    width: 36px;
    height: 36px;
  }
}
.partner #map_canvas {
  width: 100% !important;
  height: inherit !important;
  aspect-ratio: 5/4;
}
@media screen and (max-width: 767px) {
  .partner #map_canvas {
    aspect-ratio: 4/5;
  }
}
.partner #map_canvas .gm-style-iw-d > div {
  padding: 5px;
}
.partner #map_canvas .gm-style-iw-d + button {
  display: none !important;
}
.partner #map_canvas .gm-style-iw-t {
  transition: 0.4s;
  opacity: 0;
  transform: translate(0, 10px);
}
.partner #map_canvas .gm-style-iw-t.on {
  opacity: 1;
  transform: translate(0, 0);
}
.partner .gm-style-iw-d a {
  color: #009959;
  padding-left: 20px;
  background: url(../img/common/arrow_right.svg) no-repeat 0 center;
  display: inline-block;
  font-weight: 600;
  transition: 0.6s;
}
.partner .gm-style-iw-d a:hover {
  opacity: 0.65;
}
.partner .label {
  display: block;
}
.partner .label span {
  padding: 6px 8px;
  display: inline-block;
  background: #009959;
  font-size: 12px;
  line-height: 1;
  border-radius: 4px;
  color: #fff;
  font-weight: 500;
}
.partner .label span + span {
  margin-left: 12px;
}

.pdf-btn {
  display: flex;
  margin-top: 30px;
  flex-wrap: wrap;
}
.pdf-btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(0, 153, 89);
  background-color: rgb(0, 153, 89);
  color: #fff;
  font-weight: 700;
  text-align: center;
  font-size: 16px;
  padding: 9px 0;
  width: 224px;
  border-radius: 29px;
  filter: drop-shadow(5px 5px 10px rgba(0, 102, 51, 0.6));
  transition: all 0.5s ease 0s;
  margin-left: 20px;
}
.pdf-btn a:first-of-type {
  margin-left: 0;
}
@media screen and (max-width: 767px) {
  .pdf-btn a {
    width: 100%;
    margin-left: 0;
  }
  .pdf-btn a:first-of-type {
    margin-bottom: 20px;
  }
}
.pdf-btn a:hover {
  filter: drop-shadow(3px 3px 5px rgba(0, 102, 51, 0.6));
}/*# sourceMappingURL=style.css.map */