* {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

html {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
html body {
  margin: 0;
}

main {
  display: block;
}

p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

address {
  font-style: inherit;
}

a {
  background-color: transparent;
  text-decoration: none;
  color: #6AC179;
  transition: 0.3s 0s;
}

abbr[title] {
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img,
embed,
object,
iframe {
  vertical-align: bottom;
}

button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
}

button,
input {
  /* 1 */
  overflow: visible;
}

button,
select {
  /* 1 */
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

button[disabled],
[type=button][disabled],
[type=reset][disabled],
[type=submit][disabled] {
  cursor: default;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

select::-ms-expand {
  display: none;
}

option {
  padding: 0;
}

fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

label[for] {
  cursor: pointer;
}

details {
  display: block;
}

summary {
  display: list-item;
}

[contenteditable] {
  outline: none;
}

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

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

@font-face {
  font-family: "noto-sans-jp";
  src: url("/assets/font/noto_sans_jp/NotoSansJP-Regular.woff") format("woff"), url("/assets/font/noto_sans_jp/NotoSansJP-Regular.woff2") format("woff2");
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: "noto-sans-jp";
  src: url("/assets/font/noto_sans_jp/NotoSansJP-Bold.woff") format("woff"), url("/assets/font/noto_sans_jp/NotoSansJP-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "oswald";
  src: url("/assets/font/oswald/Oswald-Regular.woff") format("woff"), url("/assets/font/oswald/Oswald-Regular.woff2") format("woff2");
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: "oswald";
  src: url("/assets/font/oswald/Oswald-Bold.woff") format("woff"), url("/assets/font/oswald/Oswald-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
.animateTarget {
  transform: translateY(-15px);
  opacity: 0;
  transition-duration: 0.7s;
}
.animateTarget.animateOn {
  transform: translateY(0px);
  opacity: 1;
}
.animateTarget.animateInit {
  transform: translateY(0px);
}

.label {
  font-size: 1.4rem;
  color: #ffffff;
  line-height: 1;
  padding: 3px 2em;
  width: auto;
  transform: skewX(-10deg);
  background-color: #6AC179;
  display: inline-block;
  text-align: center;
  transition: 0.3s 0s;
}
@media screen and (max-width: 576px) {
  .label {
    font-size: 1.2rem;
  }
}
.label:hover {
  text-decoration: none;
}
.label > .inner {
  display: block;
  width: 100%;
  height: 100%;
  transform: skewX(10deg);
}
.label.label-activity {
  background-color: #54A189;
}
.label.label-activity:hover {
  background-color: #437f6c;
}
.label.label-adoption {
  background-color: #006E4F;
}
.label.label-adoption:hover {
  background-color: #003b2a;
}
.label.label-winner {
  background-color: #6E93AF;
}
.label.label-winner:hover {
  background-color: #537a97;
}
.label.label-press {
  background-color: #757575;
}
.label.label-press:hover {
  background-color: #5c5c5c;
}
.label.label-kikou {
  background-color: #002c76;
}
.label.label-kikou:hover {
  background-color: #224f97;
}
.label.label-normal {
  background-color: #777777;
}
.label.label-normal:hover {
  background-color: #aaa;
}

.label-2 {
  font-size: 1.4rem;
  color: #ffffff;
  line-height: 1;
  padding: 3px 7px;
  /*width: 80px;*/
  background-color: #6AC179;
  display: inline-block;
  text-align: center;
}
.label-2.label-activity {
  background-color: #54A189;
}
.label-2.label-activity:hover {
  background-color: #437f6c;
}
.label-2.label-adoption {
  background-color: #006E4F;
}
.label-2.label-adoption:hover {
  background-color: #003b2a;
}
.label-2.label-winner {
  background-color: #6E93AF;
}
.label-2.label-winner:hover {
  background-color: #537a97;
}
.label-2.label-press {
  background-color: #757575;
}
.label-2.label-press:hover {
  background-color: #5c5c5c;
}
.label-2.label-kikou {
  background-color: #002c76;
}
.label-2.label-kikou:hover {
  background-color: #224f97;
}
.label-2.label-normal {
  background-color: #777777;
}
.label-2.label-normal:hover {
  background-color: #aaa;
}

.label-2.label-lg {
  font-size: 1.8rem;
  padding: 8px 1em;
  width: auto
  display: inline-block;;
}

@media screen and (max-width: 992px) {
  .label-2.label-lg {
    font-size: 1.4rem;
    line-height: 1;
    padding: 3px 7px;
    width: 80px;
  }
}

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

.bg-skew-mv {
  position: relative;
}
.bg-skew-mv:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  background: linear-gradient(45deg, #6EE27E 0%, #207038 100%);
  transform: skewY(-10deg);
  transform-origin: bottom left;
}

.font-family-base {
  font-family: "noto-sans-jp", sans-serif;
}

.font-family-english {
  font-family: "oswald", sans-serif;
}

a > img {
  opacity: 1;
  transition: 0.3s 0s;
}
a:hover {
  text-decoration: underline;
}
a:hover > img {
  opacity: 0.7;
}

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

.position-relative {
  position: relative;
}

.z-index-0 {
  position: relative;
  z-index: 0;
}

.z-index-1 {
  position: relative;
  z-index: 1;
}

.z-index-2 {
  position: relative;
  z-index: 2;
}

.font-size-xxl {
  font-size: 2.2rem;
}

.font-size-xl {
  font-size: 2rem;
}

.font-size-lg {
  font-size: 1.8rem;
}

.font-size-base {
  font-size: 1.6rem;
}

.font-size-sm {
  font-size: 1.4rem;
}

.font-size-xs {
  font-size: 1.2rem;
}

.font-size-xxs {
  font-size: 1rem;
}

.text-left {
  text-align: left;
}

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

.text-right {
  text-align: right;
}

.section-skew {
  position: relative;
  padding-top: 21.69vw;
  padding-bottom: 21.69vw;
  margin-top: -8.13375vw;
}
.section-skew .skew-inner {
  position: relative;
  z-index: 1;
}
.section-skew.padding-small {
  padding-top: 15vw;
  padding-bottom: 15vw;
}
.section-skew.padding-middle {
  padding-top: 20vw;
  padding-bottom: 15vw;
}

.bg-skew {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.bg-skew:before, .bg-skew:after {
  content: "";
  display: block;
  width: calc(100% + 2px);
  padding-top: 21.69%;
  position: absolute;
  background: left top url("../images/common/bg-skew-part-white.svg") no-repeat;
  background-size: contain;
  left: -2px;
  top: -1px;
}
.bg-skew:after {
  top: auto;
  left: auto;
  bottom: -1px;
  right: -2px;
  transform: rotate(180deg);
}
.bg-skew.bg-vision {
  background: center center url("../images/index/bg-vision.png") no-repeat;
  background-size: cover;
  opacity: 0.7;
}
.bg-skew.bg-type-1 {
  background: linear-gradient(-45deg, #D3E4D0 0%, #91E29F 100%);
}
.bg-skew.bg-type-1 > .inner {
  width: 100%;
  height: 100%;
}
.bg-skew.bg-type-1 > .inner:before, .bg-skew.bg-type-1 > .inner:after {
  content: "";
  width: 751px;
  height: 303px;
  background: center center url("../images/common/bg-skew-type-1.svg") no-repeat;
  background-size: contain;
  position: absolute;
  z-index: 2;
}
@media screen and (max-width: 992px) {
  .bg-skew.bg-type-1 > .inner:before, .bg-skew.bg-type-1 > .inner:after {
    width: 50%;
    height: 50%;
  }
}
.bg-skew.bg-type-1 > .inner:before {
  left: 0px;
  top: 180px;
  background-position: left top;
}
@media screen and (max-width: 1180px) {
  .bg-skew.bg-type-1 > .inner:before {
    top: 90px;
  }
}
@media screen and (max-width: 992px) {
  .bg-skew.bg-type-1 > .inner:before {
    top: 60px;
  }
}
@media screen and (max-width: 576px) {
  .bg-skew.bg-type-1 > .inner:before {
    top: 0%;
  }
}
.bg-skew.bg-type-1 > .inner:after {
  right: 0px;
  bottom: 180px;
  transform: rotate(180deg);
  background-position: left top;
}
@media screen and (max-width: 1180px) {
  .bg-skew.bg-type-1 > .inner:after {
    bottom: 90px;
  }
}
@media screen and (max-width: 992px) {
  .bg-skew.bg-type-1 > .inner:after {
    bottom: 60px;
  }
}
@media screen and (max-width: 576px) {
  .bg-skew.bg-type-1 > .inner:after {
    bottom: 0%;
  }
}
.bg-skew.bg-type-2 {
  background: right top url("../images/common/bg-skew-type-2.png") no-repeat;
  background-size: cover;
}
.bg-skew.bg-type-2:before, .bg-skew.bg-type-2:after {
  content: "";
  width: 602px;
  height: 525px;
  background: center center url("../images/common/bg-skew-type-2-top.png") no-repeat;
  background-size: contain;
  position: absolute;
  z-index: 2;
  padding-top: 0px;
}
@media screen and (max-width: 992px) {
  .bg-skew.bg-type-2:before, .bg-skew.bg-type-2:after {
    transform: scale(0.5);
    transform-origin: right top;
  }
}
.bg-skew.bg-type-2:before {
  right: -40px;
  top: 0px;
  left: auto;
}
.bg-skew.bg-type-2:after {
  background: center center url("../images/common/bg-skew-type-2-bottom.png") no-repeat;
  background-size: contain;
  width: 667px;
  height: 314px;
  left: -40px;
  top: auto;
  bottom: 0px;
}
@media screen and (max-width: 992px) {
  .bg-skew.bg-type-2:after {
    transform-origin: left bottom;
  }
}
.bg-skew.bg-type-2 > .inner {
  z-index: 3;
  position: relative;
  height: 100%;
}
.bg-skew.bg-type-2 > .inner:before, .bg-skew.bg-type-2 > .inner:after {
  content: "";
  display: block;
  width: calc(100% + 2px);
  padding-top: 21.69%;
  position: absolute;
  background: left top url("../images/common/bg-skew-part-white.svg") no-repeat;
  background-size: contain;
  left: -2px;
  top: -1px;
}
.bg-skew.bg-type-2 > .inner:after {
  top: auto;
  left: auto;
  bottom: -1px;
  right: -2px;
  transform: rotate(180deg);
}
.bg-skew.bg-type-3 {
  background: #C4E6CB center center url("../images/common/bg-skew-type-3.svg") no-repeat;
  background-size: contain;
}
.bg-skew.bg-type-3:before, .bg-skew.bg-type-3:after {
  display: none;
}
.bg-skew.bg-type-3 > .inner {
  z-index: 3;
  position: relative;
  height: 100%;
}
.bg-skew.bg-type-3 > .inner:before, .bg-skew.bg-type-3 > .inner:after {
  content: "";
  display: block;
  width: calc(100% + 2px);
  padding-top: 21.69%;
  position: absolute;
  background: left top url("../images/common/bg-skew-part-white.svg") no-repeat;
  background-size: contain;
  left: -2px;
  top: -1px;
}
.bg-skew.bg-type-3 > .inner:after {
  top: auto;
  left: auto;
  bottom: -1px;
  right: -2px;
  transform: rotate(180deg);
}

.bg-skew-green {
  width: 100%;
  position: absolute;
  top: 15px;
  left: -20px;
  z-index: 0;
  transform: skewY(-12.2deg);
  height: 121.69%;
}
@media screen and (max-width: 992px) {
  .bg-skew-green {
    height: 100%;
  }
}
.bg-skew-green.right {
  transform-origin: left top;
  background: linear-gradient(90deg, #207038 0%, #6EE27E 100%);
}
@media screen and (max-width: 992px) {
  .bg-skew-green.right {
    transform-origin: center center;
    left: -15px;
  }
}
.bg-skew-green.right-2 {
  transform-origin: left top;
  background: linear-gradient(90deg, #207038 0%, #6EE27E 100%);
  left: -45px;
  top: -15px;
}
@media screen and (max-width: 992px) {
  .bg-skew-green.right-2 {
    height: 110%;
    left: -15px;
    transform-origin: center center;
  }
}
.bg-skew-green.left {
  transform: skewY(-12.2deg);
  top: -160px;
  left: auto;
  right: -60px;
  transform-origin: right top;
  background: linear-gradient(-90deg, #207038 0%, #6EE27E 100%);
}
@media screen and (max-width: 1340px) {
  .bg-skew-green.left {
    transform-origin: center center;
    top: -50px;
  }
}
@media screen and (max-width: 1180px) {
  .bg-skew-green.left {
    transform-origin: center center;
    top: -40px;
  }
}
@media screen and (max-width: 992px) {
  .bg-skew-green.left {
    transform-origin: center center;
    top: 0px;
    left: -15px;
  }
}
.bg-skew-green.left-2 {
  height: 160.38%;
  transform: skewY(-12.2deg);
  top: -90px;
  left: auto;
  right: -60px;
  transform-origin: right top;
  background: linear-gradient(-90deg, #207038 0%, #6EE27E 100%);
}
@media screen and (max-width: 992px) {
  .bg-skew-green.left-2 {
    height: 110%;
    transform-origin: center center;
    top: 0px;
    right: auto;
    left: -15px;
  }
}
.bg-skew-green.bg-type-2 {
  overflow: hidden;
}
.bg-skew-green.bg-type-2:before {
  content: "";
  width: 100%;
  height: 160%;
  top: -30%;
  position: absolute;
  background: right center url("../images/common/bg-skew-polygon.png") no-repeat;
  background-size: 200% auto;
  transform: skewY(12.2deg);
}
.bg-skew-green.bg-type-3 {
  overflow: hidden;
  background: none;
  background-color: #49AC5D;
}
.bg-skew-green.bg-type-3:before {
  content: "";
  width: 100%;
  height: 160%;
  position: absolute;
  transform: skewY(12.2deg);
}
.bg-skew-green.bg-type-3.right:before {
  bottom: -40%;
  right: 0px;
  background: right -200px bottom -20px url("../images/common/bg-skew-line-right.svg") no-repeat;
  background-size: auto 120%;
}
.bg-skew-green.bg-type-3.left:before {
  bottom: -40%;
  right: auto;
  left: 0px;
  background: left -200px bottom -20px url("../images/common/bg-skew-line-left.svg") no-repeat;
  background-size: auto 120%;
}

.hidden-xs {
  display: block;
}

@media screen and (max-width: 576px) {
  .hidden-xs {
    display: none;
  }
}
.visible-xs {
  display: none;
}

@media screen and (max-width: 576px) {
  .visible-xs {
    display: block;
  }
}
.hidden-sm {
  display: block;
}

@media screen and (max-width: 768px) {
  .hidden-sm {
    display: none;
  }
}
.visible-sm {
  display: none;
}

@media screen and (max-width: 768px) {
  .visible-sm {
    display: block;
  }
}
.hidden-md {
  display: block;
}

@media screen and (max-width: 992px) {
  .hidden-md {
    display: none;
  }
}
.visible-md {
  display: none;
}

@media screen and (max-width: 992px) {
  .visible-md {
    display: block;
  }
}
.hidden-lg {
  display: block;
}

@media screen and (max-width: 1180px) {
  .hidden-lg {
    display: none;
  }
}
.visible-lg {
  display: none;
}

@media screen and (max-width: 1180px) {
  .visible-lg {
    display: block;
  }
}
.hidden-xl {
  display: block;
}

@media screen and (max-width: 1340px) {
  .hidden-xl {
    display: none;
  }
}
.visible-xl {
  display: none;
}

@media screen and (max-width: 1340px) {
  .visible-xl {
    display: block;
  }
}
.hidden-xxl {
  display: block;
}

@media screen and (max-width: 1520px) {
  .hidden-xxl {
    display: none;
  }
}
.visible-xxl {
  display: none;
}

@media screen and (max-width: 1520px) {
  .visible-xxl {
    display: block;
  }
}
.hidden-xxxl {
  display: block;
}

@media screen and (max-width: 1800px) {
  .hidden-xxxl {
    display: none;
  }
}
.visible-xxxl {
  display: none;
}

@media screen and (max-width: 1800px) {
  .visible-xxxl {
    display: block;
  }
}
.ml-180 {
  margin-left: 180px;
}

.mr-180 {
  margin-right: 180px;
}

.mt-180 {
  margin-top: 180px;
}

.mb-180 {
  margin-bottom: 180px;
}

.mx-180 {
  margin-left: 180px;
  margin-right: 180px;
}

.my-180 {
  margin-top: 180px;
  margin-bottom: 180px;
}

.pl-180 {
  padding-left: 180px;
}

.pr-180 {
  padding-right: 180px;
}

.pt-180 {
  padding-top: 180px;
}

.pb-180 {
  padding-bottom: 180px;
}

.px-180 {
  padding-left: 180px;
  padding-right: 180px;
}

.py-180 {
  padding-top: 180px;
  padding-bottom: 180px;
}

@media screen and (max-width: 1180px) {
  .ml-lg-180 {
    margin-left: 180px;
  }
  .mr-lg-180 {
    margin-right: 180px;
  }
  .mt-lg-180 {
    margin-top: 180px;
  }
  .mb-lg-180 {
    margin-bottom: 180px;
  }
  .mx-lg-180 {
    margin-left: 180px;
    margin-right: 180px;
  }
  .my-lg-180 {
    margin-top: 180px;
    margin-bottom: 180px;
  }
  .pl-lg-180 {
    padding-left: 180px;
  }
  .pr-lg-180 {
    padding-right: 180px;
  }
  .pt-lg-180 {
    padding-top: 180px;
  }
  .pb-lg-180 {
    padding-bottom: 180px;
  }
  .px-lg-180 {
    padding-left: 180px;
    padding-right: 180px;
  }
  .py-lg-180 {
    padding-top: 180px;
    padding-bottom: 180px;
  }
}
@media screen and (max-width: 992px) {
  .ml-md-180 {
    margin-left: 180px;
  }
  .mr-md-180 {
    margin-right: 180px;
  }
  .mt-md-180 {
    margin-top: 180px;
  }
  .mb-md-180 {
    margin-bottom: 180px;
  }
  .mx-md-180 {
    margin-left: 180px;
    margin-right: 180px;
  }
  .my-md-180 {
    margin-top: 180px;
    margin-bottom: 180px;
  }
  .pl-md-180 {
    padding-left: 180px;
  }
  .pr-md-180 {
    padding-right: 180px;
  }
  .pt-md-180 {
    padding-top: 180px;
  }
  .pb-md-180 {
    padding-bottom: 180px;
  }
  .px-md-180 {
    padding-left: 180px;
    padding-right: 180px;
  }
  .py-md-180 {
    padding-top: 180px;
    padding-bottom: 180px;
  }
}
@media screen and (max-width: 768px) {
  .ml-sm-180 {
    margin-left: 180px;
  }
  .mr-sm-180 {
    margin-right: 180px;
  }
  .mt-sm-180 {
    margin-top: 180px;
  }
  .mb-sm-180 {
    margin-bottom: 180px;
  }
  .mx-sm-180 {
    margin-left: 180px;
    margin-right: 180px;
  }
  .my-sm-180 {
    margin-top: 180px;
    margin-bottom: 180px;
  }
  .pl-sm-180 {
    padding-left: 180px;
  }
  .pr-sm-180 {
    padding-right: 180px;
  }
  .pt-sm-180 {
    padding-top: 180px;
  }
  .pb-sm-180 {
    padding-bottom: 180px;
  }
  .px-sm-180 {
    padding-left: 180px;
    padding-right: 180px;
  }
  .py-sm-180 {
    padding-top: 180px;
    padding-bottom: 180px;
  }
}
@media screen and (max-width: 576px) {
  .ml-xs-180 {
    margin-left: 180px;
  }
  .mr-xs-180 {
    margin-right: 180px;
  }
  .mt-xs-180 {
    margin-top: 180px;
  }
  .mb-xs-180 {
    margin-bottom: 180px;
  }
  .mx-xs-180 {
    margin-left: 180px;
    margin-right: 180px;
  }
  .my-xs-180 {
    margin-top: 180px;
    margin-bottom: 180px;
  }
  .pl-xs-180 {
    padding-left: 180px;
  }
  .pr-xs-180 {
    padding-right: 180px;
  }
  .pt-xs-180 {
    padding-top: 180px;
  }
  .pb-xs-180 {
    padding-bottom: 180px;
  }
  .px-xs-180 {
    padding-left: 180px;
    padding-right: 180px;
  }
  .py-xs-180 {
    padding-top: 180px;
    padding-bottom: 180px;
  }
}
.ml-150 {
  margin-left: 150px;
}

.mr-150 {
  margin-right: 150px;
}

.mt-150 {
  margin-top: 150px;
}

.mb-150 {
  margin-bottom: 150px;
}

.mx-150 {
  margin-left: 150px;
  margin-right: 150px;
}

.my-150 {
  margin-top: 150px;
  margin-bottom: 150px;
}

.pl-150 {
  padding-left: 150px;
}

.pr-150 {
  padding-right: 150px;
}

.pt-150 {
  padding-top: 150px;
}

.pb-150 {
  padding-bottom: 150px;
}

.px-150 {
  padding-left: 150px;
  padding-right: 150px;
}

.py-150 {
  padding-top: 150px;
  padding-bottom: 150px;
}

@media screen and (max-width: 1180px) {
  .ml-lg-150 {
    margin-left: 150px;
  }
  .mr-lg-150 {
    margin-right: 150px;
  }
  .mt-lg-150 {
    margin-top: 150px;
  }
  .mb-lg-150 {
    margin-bottom: 150px;
  }
  .mx-lg-150 {
    margin-left: 150px;
    margin-right: 150px;
  }
  .my-lg-150 {
    margin-top: 150px;
    margin-bottom: 150px;
  }
  .pl-lg-150 {
    padding-left: 150px;
  }
  .pr-lg-150 {
    padding-right: 150px;
  }
  .pt-lg-150 {
    padding-top: 150px;
  }
  .pb-lg-150 {
    padding-bottom: 150px;
  }
  .px-lg-150 {
    padding-left: 150px;
    padding-right: 150px;
  }
  .py-lg-150 {
    padding-top: 150px;
    padding-bottom: 150px;
  }
}
@media screen and (max-width: 992px) {
  .ml-md-150 {
    margin-left: 150px;
  }
  .mr-md-150 {
    margin-right: 150px;
  }
  .mt-md-150 {
    margin-top: 150px;
  }
  .mb-md-150 {
    margin-bottom: 150px;
  }
  .mx-md-150 {
    margin-left: 150px;
    margin-right: 150px;
  }
  .my-md-150 {
    margin-top: 150px;
    margin-bottom: 150px;
  }
  .pl-md-150 {
    padding-left: 150px;
  }
  .pr-md-150 {
    padding-right: 150px;
  }
  .pt-md-150 {
    padding-top: 150px;
  }
  .pb-md-150 {
    padding-bottom: 150px;
  }
  .px-md-150 {
    padding-left: 150px;
    padding-right: 150px;
  }
  .py-md-150 {
    padding-top: 150px;
    padding-bottom: 150px;
  }
}
@media screen and (max-width: 768px) {
  .ml-sm-150 {
    margin-left: 150px;
  }
  .mr-sm-150 {
    margin-right: 150px;
  }
  .mt-sm-150 {
    margin-top: 150px;
  }
  .mb-sm-150 {
    margin-bottom: 150px;
  }
  .mx-sm-150 {
    margin-left: 150px;
    margin-right: 150px;
  }
  .my-sm-150 {
    margin-top: 150px;
    margin-bottom: 150px;
  }
  .pl-sm-150 {
    padding-left: 150px;
  }
  .pr-sm-150 {
    padding-right: 150px;
  }
  .pt-sm-150 {
    padding-top: 150px;
  }
  .pb-sm-150 {
    padding-bottom: 150px;
  }
  .px-sm-150 {
    padding-left: 150px;
    padding-right: 150px;
  }
  .py-sm-150 {
    padding-top: 150px;
    padding-bottom: 150px;
  }
}
@media screen and (max-width: 576px) {
  .ml-xs-150 {
    margin-left: 150px;
  }
  .mr-xs-150 {
    margin-right: 150px;
  }
  .mt-xs-150 {
    margin-top: 150px;
  }
  .mb-xs-150 {
    margin-bottom: 150px;
  }
  .mx-xs-150 {
    margin-left: 150px;
    margin-right: 150px;
  }
  .my-xs-150 {
    margin-top: 150px;
    margin-bottom: 150px;
  }
  .pl-xs-150 {
    padding-left: 150px;
  }
  .pr-xs-150 {
    padding-right: 150px;
  }
  .pt-xs-150 {
    padding-top: 150px;
  }
  .pb-xs-150 {
    padding-bottom: 150px;
  }
  .px-xs-150 {
    padding-left: 150px;
    padding-right: 150px;
  }
  .py-xs-150 {
    padding-top: 150px;
    padding-bottom: 150px;
  }
}
.ml-140 {
  margin-left: 140px;
}

.mr-140 {
  margin-right: 140px;
}

.mt-140 {
  margin-top: 140px;
}

.mb-140 {
  margin-bottom: 140px;
}

.mx-140 {
  margin-left: 140px;
  margin-right: 140px;
}

.my-140 {
  margin-top: 140px;
  margin-bottom: 140px;
}

.pl-140 {
  padding-left: 140px;
}

.pr-140 {
  padding-right: 140px;
}

.pt-140 {
  padding-top: 140px;
}

.pb-140 {
  padding-bottom: 140px;
}

.px-140 {
  padding-left: 140px;
  padding-right: 140px;
}

.py-140 {
  padding-top: 140px;
  padding-bottom: 140px;
}

@media screen and (max-width: 1180px) {
  .ml-lg-140 {
    margin-left: 140px;
  }
  .mr-lg-140 {
    margin-right: 140px;
  }
  .mt-lg-140 {
    margin-top: 140px;
  }
  .mb-lg-140 {
    margin-bottom: 140px;
  }
  .mx-lg-140 {
    margin-left: 140px;
    margin-right: 140px;
  }
  .my-lg-140 {
    margin-top: 140px;
    margin-bottom: 140px;
  }
  .pl-lg-140 {
    padding-left: 140px;
  }
  .pr-lg-140 {
    padding-right: 140px;
  }
  .pt-lg-140 {
    padding-top: 140px;
  }
  .pb-lg-140 {
    padding-bottom: 140px;
  }
  .px-lg-140 {
    padding-left: 140px;
    padding-right: 140px;
  }
  .py-lg-140 {
    padding-top: 140px;
    padding-bottom: 140px;
  }
}
@media screen and (max-width: 992px) {
  .ml-md-140 {
    margin-left: 140px;
  }
  .mr-md-140 {
    margin-right: 140px;
  }
  .mt-md-140 {
    margin-top: 140px;
  }
  .mb-md-140 {
    margin-bottom: 140px;
  }
  .mx-md-140 {
    margin-left: 140px;
    margin-right: 140px;
  }
  .my-md-140 {
    margin-top: 140px;
    margin-bottom: 140px;
  }
  .pl-md-140 {
    padding-left: 140px;
  }
  .pr-md-140 {
    padding-right: 140px;
  }
  .pt-md-140 {
    padding-top: 140px;
  }
  .pb-md-140 {
    padding-bottom: 140px;
  }
  .px-md-140 {
    padding-left: 140px;
    padding-right: 140px;
  }
  .py-md-140 {
    padding-top: 140px;
    padding-bottom: 140px;
  }
}
@media screen and (max-width: 768px) {
  .ml-sm-140 {
    margin-left: 140px;
  }
  .mr-sm-140 {
    margin-right: 140px;
  }
  .mt-sm-140 {
    margin-top: 140px;
  }
  .mb-sm-140 {
    margin-bottom: 140px;
  }
  .mx-sm-140 {
    margin-left: 140px;
    margin-right: 140px;
  }
  .my-sm-140 {
    margin-top: 140px;
    margin-bottom: 140px;
  }
  .pl-sm-140 {
    padding-left: 140px;
  }
  .pr-sm-140 {
    padding-right: 140px;
  }
  .pt-sm-140 {
    padding-top: 140px;
  }
  .pb-sm-140 {
    padding-bottom: 140px;
  }
  .px-sm-140 {
    padding-left: 140px;
    padding-right: 140px;
  }
  .py-sm-140 {
    padding-top: 140px;
    padding-bottom: 140px;
  }
}
@media screen and (max-width: 576px) {
  .ml-xs-140 {
    margin-left: 140px;
  }
  .mr-xs-140 {
    margin-right: 140px;
  }
  .mt-xs-140 {
    margin-top: 140px;
  }
  .mb-xs-140 {
    margin-bottom: 140px;
  }
  .mx-xs-140 {
    margin-left: 140px;
    margin-right: 140px;
  }
  .my-xs-140 {
    margin-top: 140px;
    margin-bottom: 140px;
  }
  .pl-xs-140 {
    padding-left: 140px;
  }
  .pr-xs-140 {
    padding-right: 140px;
  }
  .pt-xs-140 {
    padding-top: 140px;
  }
  .pb-xs-140 {
    padding-bottom: 140px;
  }
  .px-xs-140 {
    padding-left: 140px;
    padding-right: 140px;
  }
  .py-xs-140 {
    padding-top: 140px;
    padding-bottom: 140px;
  }
}
.ml-120 {
  margin-left: 120px;
}

.mr-120 {
  margin-right: 120px;
}

.mt-120 {
  margin-top: 120px;
}

.mb-120 {
  margin-bottom: 120px;
}

.mx-120 {
  margin-left: 120px;
  margin-right: 120px;
}

.my-120 {
  margin-top: 120px;
  margin-bottom: 120px;
}

.pl-120 {
  padding-left: 120px;
}

.pr-120 {
  padding-right: 120px;
}

.pt-120 {
  padding-top: 120px;
}

.pb-120 {
  padding-bottom: 120px;
}

.px-120 {
  padding-left: 120px;
  padding-right: 120px;
}

.py-120 {
  padding-top: 120px;
  padding-bottom: 120px;
}

@media screen and (max-width: 1180px) {
  .ml-lg-120 {
    margin-left: 120px;
  }
  .mr-lg-120 {
    margin-right: 120px;
  }
  .mt-lg-120 {
    margin-top: 120px;
  }
  .mb-lg-120 {
    margin-bottom: 120px;
  }
  .mx-lg-120 {
    margin-left: 120px;
    margin-right: 120px;
  }
  .my-lg-120 {
    margin-top: 120px;
    margin-bottom: 120px;
  }
  .pl-lg-120 {
    padding-left: 120px;
  }
  .pr-lg-120 {
    padding-right: 120px;
  }
  .pt-lg-120 {
    padding-top: 120px;
  }
  .pb-lg-120 {
    padding-bottom: 120px;
  }
  .px-lg-120 {
    padding-left: 120px;
    padding-right: 120px;
  }
  .py-lg-120 {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
@media screen and (max-width: 992px) {
  .ml-md-120 {
    margin-left: 120px;
  }
  .mr-md-120 {
    margin-right: 120px;
  }
  .mt-md-120 {
    margin-top: 120px;
  }
  .mb-md-120 {
    margin-bottom: 120px;
  }
  .mx-md-120 {
    margin-left: 120px;
    margin-right: 120px;
  }
  .my-md-120 {
    margin-top: 120px;
    margin-bottom: 120px;
  }
  .pl-md-120 {
    padding-left: 120px;
  }
  .pr-md-120 {
    padding-right: 120px;
  }
  .pt-md-120 {
    padding-top: 120px;
  }
  .pb-md-120 {
    padding-bottom: 120px;
  }
  .px-md-120 {
    padding-left: 120px;
    padding-right: 120px;
  }
  .py-md-120 {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
@media screen and (max-width: 768px) {
  .ml-sm-120 {
    margin-left: 120px;
  }
  .mr-sm-120 {
    margin-right: 120px;
  }
  .mt-sm-120 {
    margin-top: 120px;
  }
  .mb-sm-120 {
    margin-bottom: 120px;
  }
  .mx-sm-120 {
    margin-left: 120px;
    margin-right: 120px;
  }
  .my-sm-120 {
    margin-top: 120px;
    margin-bottom: 120px;
  }
  .pl-sm-120 {
    padding-left: 120px;
  }
  .pr-sm-120 {
    padding-right: 120px;
  }
  .pt-sm-120 {
    padding-top: 120px;
  }
  .pb-sm-120 {
    padding-bottom: 120px;
  }
  .px-sm-120 {
    padding-left: 120px;
    padding-right: 120px;
  }
  .py-sm-120 {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
@media screen and (max-width: 576px) {
  .ml-xs-120 {
    margin-left: 120px;
  }
  .mr-xs-120 {
    margin-right: 120px;
  }
  .mt-xs-120 {
    margin-top: 120px;
  }
  .mb-xs-120 {
    margin-bottom: 120px;
  }
  .mx-xs-120 {
    margin-left: 120px;
    margin-right: 120px;
  }
  .my-xs-120 {
    margin-top: 120px;
    margin-bottom: 120px;
  }
  .pl-xs-120 {
    padding-left: 120px;
  }
  .pr-xs-120 {
    padding-right: 120px;
  }
  .pt-xs-120 {
    padding-top: 120px;
  }
  .pb-xs-120 {
    padding-bottom: 120px;
  }
  .px-xs-120 {
    padding-left: 120px;
    padding-right: 120px;
  }
  .py-xs-120 {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.ml-100 {
  margin-left: 100px;
}

.mr-100 {
  margin-right: 100px;
}

.mt-100 {
  margin-top: 100px;
}

.mb-100 {
  margin-bottom: 100px;
}

.mx-100 {
  margin-left: 100px;
  margin-right: 100px;
}

.my-100 {
  margin-top: 100px;
  margin-bottom: 100px;
}

.pl-100 {
  padding-left: 100px;
}

.pr-100 {
  padding-right: 100px;
}

.pt-100 {
  padding-top: 100px;
}

.pb-100 {
  padding-bottom: 100px;
}

.px-100 {
  padding-left: 100px;
  padding-right: 100px;
}

.py-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

@media screen and (max-width: 1180px) {
  .ml-lg-100 {
    margin-left: 100px;
  }
  .mr-lg-100 {
    margin-right: 100px;
  }
  .mt-lg-100 {
    margin-top: 100px;
  }
  .mb-lg-100 {
    margin-bottom: 100px;
  }
  .mx-lg-100 {
    margin-left: 100px;
    margin-right: 100px;
  }
  .my-lg-100 {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .pl-lg-100 {
    padding-left: 100px;
  }
  .pr-lg-100 {
    padding-right: 100px;
  }
  .pt-lg-100 {
    padding-top: 100px;
  }
  .pb-lg-100 {
    padding-bottom: 100px;
  }
  .px-lg-100 {
    padding-left: 100px;
    padding-right: 100px;
  }
  .py-lg-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 992px) {
  .ml-md-100 {
    margin-left: 100px;
  }
  .mr-md-100 {
    margin-right: 100px;
  }
  .mt-md-100 {
    margin-top: 100px;
  }
  .mb-md-100 {
    margin-bottom: 100px;
  }
  .mx-md-100 {
    margin-left: 100px;
    margin-right: 100px;
  }
  .my-md-100 {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .pl-md-100 {
    padding-left: 100px;
  }
  .pr-md-100 {
    padding-right: 100px;
  }
  .pt-md-100 {
    padding-top: 100px;
  }
  .pb-md-100 {
    padding-bottom: 100px;
  }
  .px-md-100 {
    padding-left: 100px;
    padding-right: 100px;
  }
  .py-md-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 768px) {
  .ml-sm-100 {
    margin-left: 100px;
  }
  .mr-sm-100 {
    margin-right: 100px;
  }
  .mt-sm-100 {
    margin-top: 100px;
  }
  .mb-sm-100 {
    margin-bottom: 100px;
  }
  .mx-sm-100 {
    margin-left: 100px;
    margin-right: 100px;
  }
  .my-sm-100 {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .pl-sm-100 {
    padding-left: 100px;
  }
  .pr-sm-100 {
    padding-right: 100px;
  }
  .pt-sm-100 {
    padding-top: 100px;
  }
  .pb-sm-100 {
    padding-bottom: 100px;
  }
  .px-sm-100 {
    padding-left: 100px;
    padding-right: 100px;
  }
  .py-sm-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 576px) {
  .ml-xs-100 {
    margin-left: 100px;
  }
  .mr-xs-100 {
    margin-right: 100px;
  }
  .mt-xs-100 {
    margin-top: 100px;
  }
  .mb-xs-100 {
    margin-bottom: 100px;
  }
  .mx-xs-100 {
    margin-left: 100px;
    margin-right: 100px;
  }
  .my-xs-100 {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .pl-xs-100 {
    padding-left: 100px;
  }
  .pr-xs-100 {
    padding-right: 100px;
  }
  .pt-xs-100 {
    padding-top: 100px;
  }
  .pb-xs-100 {
    padding-bottom: 100px;
  }
  .px-xs-100 {
    padding-left: 100px;
    padding-right: 100px;
  }
  .py-xs-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.ml-90 {
  margin-left: 90px;
}

.mr-90 {
  margin-right: 90px;
}

.mt-90 {
  margin-top: 90px;
}

.mb-90 {
  margin-bottom: 90px;
}

.mx-90 {
  margin-left: 90px;
  margin-right: 90px;
}

.my-90 {
  margin-top: 90px;
  margin-bottom: 90px;
}

.pl-90 {
  padding-left: 90px;
}

.pr-90 {
  padding-right: 90px;
}

.pt-90 {
  padding-top: 90px;
}

.pb-90 {
  padding-bottom: 90px;
}

.px-90 {
  padding-left: 90px;
  padding-right: 90px;
}

.py-90 {
  padding-top: 90px;
  padding-bottom: 90px;
}

@media screen and (max-width: 1180px) {
  .ml-lg-90 {
    margin-left: 90px;
  }
  .mr-lg-90 {
    margin-right: 90px;
  }
  .mt-lg-90 {
    margin-top: 90px;
  }
  .mb-lg-90 {
    margin-bottom: 90px;
  }
  .mx-lg-90 {
    margin-left: 90px;
    margin-right: 90px;
  }
  .my-lg-90 {
    margin-top: 90px;
    margin-bottom: 90px;
  }
  .pl-lg-90 {
    padding-left: 90px;
  }
  .pr-lg-90 {
    padding-right: 90px;
  }
  .pt-lg-90 {
    padding-top: 90px;
  }
  .pb-lg-90 {
    padding-bottom: 90px;
  }
  .px-lg-90 {
    padding-left: 90px;
    padding-right: 90px;
  }
  .py-lg-90 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media screen and (max-width: 992px) {
  .ml-md-90 {
    margin-left: 90px;
  }
  .mr-md-90 {
    margin-right: 90px;
  }
  .mt-md-90 {
    margin-top: 90px;
  }
  .mb-md-90 {
    margin-bottom: 90px;
  }
  .mx-md-90 {
    margin-left: 90px;
    margin-right: 90px;
  }
  .my-md-90 {
    margin-top: 90px;
    margin-bottom: 90px;
  }
  .pl-md-90 {
    padding-left: 90px;
  }
  .pr-md-90 {
    padding-right: 90px;
  }
  .pt-md-90 {
    padding-top: 90px;
  }
  .pb-md-90 {
    padding-bottom: 90px;
  }
  .px-md-90 {
    padding-left: 90px;
    padding-right: 90px;
  }
  .py-md-90 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media screen and (max-width: 768px) {
  .ml-sm-90 {
    margin-left: 90px;
  }
  .mr-sm-90 {
    margin-right: 90px;
  }
  .mt-sm-90 {
    margin-top: 90px;
  }
  .mb-sm-90 {
    margin-bottom: 90px;
  }
  .mx-sm-90 {
    margin-left: 90px;
    margin-right: 90px;
  }
  .my-sm-90 {
    margin-top: 90px;
    margin-bottom: 90px;
  }
  .pl-sm-90 {
    padding-left: 90px;
  }
  .pr-sm-90 {
    padding-right: 90px;
  }
  .pt-sm-90 {
    padding-top: 90px;
  }
  .pb-sm-90 {
    padding-bottom: 90px;
  }
  .px-sm-90 {
    padding-left: 90px;
    padding-right: 90px;
  }
  .py-sm-90 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media screen and (max-width: 576px) {
  .ml-xs-90 {
    margin-left: 90px;
  }
  .mr-xs-90 {
    margin-right: 90px;
  }
  .mt-xs-90 {
    margin-top: 90px;
  }
  .mb-xs-90 {
    margin-bottom: 90px;
  }
  .mx-xs-90 {
    margin-left: 90px;
    margin-right: 90px;
  }
  .my-xs-90 {
    margin-top: 90px;
    margin-bottom: 90px;
  }
  .pl-xs-90 {
    padding-left: 90px;
  }
  .pr-xs-90 {
    padding-right: 90px;
  }
  .pt-xs-90 {
    padding-top: 90px;
  }
  .pb-xs-90 {
    padding-bottom: 90px;
  }
  .px-xs-90 {
    padding-left: 90px;
    padding-right: 90px;
  }
  .py-xs-90 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.ml-80 {
  margin-left: 80px;
}

.mr-80 {
  margin-right: 80px;
}

.mt-80 {
  margin-top: 80px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mx-80 {
  margin-left: 80px;
  margin-right: 80px;
}

.my-80 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.pl-80 {
  padding-left: 80px;
}

.pr-80 {
  padding-right: 80px;
}

.pt-80 {
  padding-top: 80px;
}

.pb-80 {
  padding-bottom: 80px;
}

.px-80 {
  padding-left: 80px;
  padding-right: 80px;
}

.py-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

@media screen and (max-width: 1180px) {
  .ml-lg-80 {
    margin-left: 80px;
  }
  .mr-lg-80 {
    margin-right: 80px;
  }
  .mt-lg-80 {
    margin-top: 80px;
  }
  .mb-lg-80 {
    margin-bottom: 80px;
  }
  .mx-lg-80 {
    margin-left: 80px;
    margin-right: 80px;
  }
  .my-lg-80 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .pl-lg-80 {
    padding-left: 80px;
  }
  .pr-lg-80 {
    padding-right: 80px;
  }
  .pt-lg-80 {
    padding-top: 80px;
  }
  .pb-lg-80 {
    padding-bottom: 80px;
  }
  .px-lg-80 {
    padding-left: 80px;
    padding-right: 80px;
  }
  .py-lg-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 992px) {
  .ml-md-80 {
    margin-left: 80px;
  }
  .mr-md-80 {
    margin-right: 80px;
  }
  .mt-md-80 {
    margin-top: 80px;
  }
  .mb-md-80 {
    margin-bottom: 80px;
  }
  .mx-md-80 {
    margin-left: 80px;
    margin-right: 80px;
  }
  .my-md-80 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .pl-md-80 {
    padding-left: 80px;
  }
  .pr-md-80 {
    padding-right: 80px;
  }
  .pt-md-80 {
    padding-top: 80px;
  }
  .pb-md-80 {
    padding-bottom: 80px;
  }
  .px-md-80 {
    padding-left: 80px;
    padding-right: 80px;
  }
  .py-md-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 768px) {
  .ml-sm-80 {
    margin-left: 80px;
  }
  .mr-sm-80 {
    margin-right: 80px;
  }
  .mt-sm-80 {
    margin-top: 80px;
  }
  .mb-sm-80 {
    margin-bottom: 80px;
  }
  .mx-sm-80 {
    margin-left: 80px;
    margin-right: 80px;
  }
  .my-sm-80 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .pl-sm-80 {
    padding-left: 80px;
  }
  .pr-sm-80 {
    padding-right: 80px;
  }
  .pt-sm-80 {
    padding-top: 80px;
  }
  .pb-sm-80 {
    padding-bottom: 80px;
  }
  .px-sm-80 {
    padding-left: 80px;
    padding-right: 80px;
  }
  .py-sm-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 576px) {
  .ml-xs-80 {
    margin-left: 80px;
  }
  .mr-xs-80 {
    margin-right: 80px;
  }
  .mt-xs-80 {
    margin-top: 80px;
  }
  .mb-xs-80 {
    margin-bottom: 80px;
  }
  .mx-xs-80 {
    margin-left: 80px;
    margin-right: 80px;
  }
  .my-xs-80 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .pl-xs-80 {
    padding-left: 80px;
  }
  .pr-xs-80 {
    padding-right: 80px;
  }
  .pt-xs-80 {
    padding-top: 80px;
  }
  .pb-xs-80 {
    padding-bottom: 80px;
  }
  .px-xs-80 {
    padding-left: 80px;
    padding-right: 80px;
  }
  .py-xs-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.ml-70 {
  margin-left: 70px;
}

.mr-70 {
  margin-right: 70px;
}

.mt-70 {
  margin-top: 70px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mx-70 {
  margin-left: 70px;
  margin-right: 70px;
}

.my-70 {
  margin-top: 70px;
  margin-bottom: 70px;
}

.pl-70 {
  padding-left: 70px;
}

.pr-70 {
  padding-right: 70px;
}

.pt-70 {
  padding-top: 70px;
}

.pb-70 {
  padding-bottom: 70px;
}

.px-70 {
  padding-left: 70px;
  padding-right: 70px;
}

.py-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

@media screen and (max-width: 1180px) {
  .ml-lg-70 {
    margin-left: 70px;
  }
  .mr-lg-70 {
    margin-right: 70px;
  }
  .mt-lg-70 {
    margin-top: 70px;
  }
  .mb-lg-70 {
    margin-bottom: 70px;
  }
  .mx-lg-70 {
    margin-left: 70px;
    margin-right: 70px;
  }
  .my-lg-70 {
    margin-top: 70px;
    margin-bottom: 70px;
  }
  .pl-lg-70 {
    padding-left: 70px;
  }
  .pr-lg-70 {
    padding-right: 70px;
  }
  .pt-lg-70 {
    padding-top: 70px;
  }
  .pb-lg-70 {
    padding-bottom: 70px;
  }
  .px-lg-70 {
    padding-left: 70px;
    padding-right: 70px;
  }
  .py-lg-70 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
@media screen and (max-width: 992px) {
  .ml-md-70 {
    margin-left: 70px;
  }
  .mr-md-70 {
    margin-right: 70px;
  }
  .mt-md-70 {
    margin-top: 70px;
  }
  .mb-md-70 {
    margin-bottom: 70px;
  }
  .mx-md-70 {
    margin-left: 70px;
    margin-right: 70px;
  }
  .my-md-70 {
    margin-top: 70px;
    margin-bottom: 70px;
  }
  .pl-md-70 {
    padding-left: 70px;
  }
  .pr-md-70 {
    padding-right: 70px;
  }
  .pt-md-70 {
    padding-top: 70px;
  }
  .pb-md-70 {
    padding-bottom: 70px;
  }
  .px-md-70 {
    padding-left: 70px;
    padding-right: 70px;
  }
  .py-md-70 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
@media screen and (max-width: 768px) {
  .ml-sm-70 {
    margin-left: 70px;
  }
  .mr-sm-70 {
    margin-right: 70px;
  }
  .mt-sm-70 {
    margin-top: 70px;
  }
  .mb-sm-70 {
    margin-bottom: 70px;
  }
  .mx-sm-70 {
    margin-left: 70px;
    margin-right: 70px;
  }
  .my-sm-70 {
    margin-top: 70px;
    margin-bottom: 70px;
  }
  .pl-sm-70 {
    padding-left: 70px;
  }
  .pr-sm-70 {
    padding-right: 70px;
  }
  .pt-sm-70 {
    padding-top: 70px;
  }
  .pb-sm-70 {
    padding-bottom: 70px;
  }
  .px-sm-70 {
    padding-left: 70px;
    padding-right: 70px;
  }
  .py-sm-70 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
@media screen and (max-width: 576px) {
  .ml-xs-70 {
    margin-left: 70px;
  }
  .mr-xs-70 {
    margin-right: 70px;
  }
  .mt-xs-70 {
    margin-top: 70px;
  }
  .mb-xs-70 {
    margin-bottom: 70px;
  }
  .mx-xs-70 {
    margin-left: 70px;
    margin-right: 70px;
  }
  .my-xs-70 {
    margin-top: 70px;
    margin-bottom: 70px;
  }
  .pl-xs-70 {
    padding-left: 70px;
  }
  .pr-xs-70 {
    padding-right: 70px;
  }
  .pt-xs-70 {
    padding-top: 70px;
  }
  .pb-xs-70 {
    padding-bottom: 70px;
  }
  .px-xs-70 {
    padding-left: 70px;
    padding-right: 70px;
  }
  .py-xs-70 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
.ml-60 {
  margin-left: 60px;
}

.mr-60 {
  margin-right: 60px;
}

.mt-60 {
  margin-top: 60px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mx-60 {
  margin-left: 60px;
  margin-right: 60px;
}

.my-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.pl-60 {
  padding-left: 60px;
}

.pr-60 {
  padding-right: 60px;
}

.pt-60 {
  padding-top: 60px;
}

.pb-60 {
  padding-bottom: 60px;
}

.px-60 {
  padding-left: 60px;
  padding-right: 60px;
}

.py-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

@media screen and (max-width: 1180px) {
  .ml-lg-60 {
    margin-left: 60px;
  }
  .mr-lg-60 {
    margin-right: 60px;
  }
  .mt-lg-60 {
    margin-top: 60px;
  }
  .mb-lg-60 {
    margin-bottom: 60px;
  }
  .mx-lg-60 {
    margin-left: 60px;
    margin-right: 60px;
  }
  .my-lg-60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .pl-lg-60 {
    padding-left: 60px;
  }
  .pr-lg-60 {
    padding-right: 60px;
  }
  .pt-lg-60 {
    padding-top: 60px;
  }
  .pb-lg-60 {
    padding-bottom: 60px;
  }
  .px-lg-60 {
    padding-left: 60px;
    padding-right: 60px;
  }
  .py-lg-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 992px) {
  .ml-md-60 {
    margin-left: 60px;
  }
  .mr-md-60 {
    margin-right: 60px;
  }
  .mt-md-60 {
    margin-top: 60px;
  }
  .mb-md-60 {
    margin-bottom: 60px;
  }
  .mx-md-60 {
    margin-left: 60px;
    margin-right: 60px;
  }
  .my-md-60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .pl-md-60 {
    padding-left: 60px;
  }
  .pr-md-60 {
    padding-right: 60px;
  }
  .pt-md-60 {
    padding-top: 60px;
  }
  .pb-md-60 {
    padding-bottom: 60px;
  }
  .px-md-60 {
    padding-left: 60px;
    padding-right: 60px;
  }
  .py-md-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 768px) {
  .ml-sm-60 {
    margin-left: 60px;
  }
  .mr-sm-60 {
    margin-right: 60px;
  }
  .mt-sm-60 {
    margin-top: 60px;
  }
  .mb-sm-60 {
    margin-bottom: 60px;
  }
  .mx-sm-60 {
    margin-left: 60px;
    margin-right: 60px;
  }
  .my-sm-60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .pl-sm-60 {
    padding-left: 60px;
  }
  .pr-sm-60 {
    padding-right: 60px;
  }
  .pt-sm-60 {
    padding-top: 60px;
  }
  .pb-sm-60 {
    padding-bottom: 60px;
  }
  .px-sm-60 {
    padding-left: 60px;
    padding-right: 60px;
  }
  .py-sm-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 576px) {
  .ml-xs-60 {
    margin-left: 60px;
  }
  .mr-xs-60 {
    margin-right: 60px;
  }
  .mt-xs-60 {
    margin-top: 60px;
  }
  .mb-xs-60 {
    margin-bottom: 60px;
  }
  .mx-xs-60 {
    margin-left: 60px;
    margin-right: 60px;
  }
  .my-xs-60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .pl-xs-60 {
    padding-left: 60px;
  }
  .pr-xs-60 {
    padding-right: 60px;
  }
  .pt-xs-60 {
    padding-top: 60px;
  }
  .pb-xs-60 {
    padding-bottom: 60px;
  }
  .px-xs-60 {
    padding-left: 60px;
    padding-right: 60px;
  }
  .py-xs-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.ml-50 {
  margin-left: 50px;
}

.mr-50 {
  margin-right: 50px;
}

.mt-50 {
  margin-top: 50px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mx-50 {
  margin-left: 50px;
  margin-right: 50px;
}

.my-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.pl-50 {
  padding-left: 50px;
}

.pr-50 {
  padding-right: 50px;
}

.pt-50 {
  padding-top: 50px;
}

.pb-50 {
  padding-bottom: 50px;
}

.px-50 {
  padding-left: 50px;
  padding-right: 50px;
}

.py-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media screen and (max-width: 1180px) {
  .ml-lg-50 {
    margin-left: 50px;
  }
  .mr-lg-50 {
    margin-right: 50px;
  }
  .mt-lg-50 {
    margin-top: 50px;
  }
  .mb-lg-50 {
    margin-bottom: 50px;
  }
  .mx-lg-50 {
    margin-left: 50px;
    margin-right: 50px;
  }
  .my-lg-50 {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .pl-lg-50 {
    padding-left: 50px;
  }
  .pr-lg-50 {
    padding-right: 50px;
  }
  .pt-lg-50 {
    padding-top: 50px;
  }
  .pb-lg-50 {
    padding-bottom: 50px;
  }
  .px-lg-50 {
    padding-left: 50px;
    padding-right: 50px;
  }
  .py-lg-50 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 992px) {
  .ml-md-50 {
    margin-left: 50px;
  }
  .mr-md-50 {
    margin-right: 50px;
  }
  .mt-md-50 {
    margin-top: 50px;
  }
  .mb-md-50 {
    margin-bottom: 50px;
  }
  .mx-md-50 {
    margin-left: 50px;
    margin-right: 50px;
  }
  .my-md-50 {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .pl-md-50 {
    padding-left: 50px;
  }
  .pr-md-50 {
    padding-right: 50px;
  }
  .pt-md-50 {
    padding-top: 50px;
  }
  .pb-md-50 {
    padding-bottom: 50px;
  }
  .px-md-50 {
    padding-left: 50px;
    padding-right: 50px;
  }
  .py-md-50 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 768px) {
  .ml-sm-50 {
    margin-left: 50px;
  }
  .mr-sm-50 {
    margin-right: 50px;
  }
  .mt-sm-50 {
    margin-top: 50px;
  }
  .mb-sm-50 {
    margin-bottom: 50px;
  }
  .mx-sm-50 {
    margin-left: 50px;
    margin-right: 50px;
  }
  .my-sm-50 {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .pl-sm-50 {
    padding-left: 50px;
  }
  .pr-sm-50 {
    padding-right: 50px;
  }
  .pt-sm-50 {
    padding-top: 50px;
  }
  .pb-sm-50 {
    padding-bottom: 50px;
  }
  .px-sm-50 {
    padding-left: 50px;
    padding-right: 50px;
  }
  .py-sm-50 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 576px) {
  .ml-xs-50 {
    margin-left: 50px;
  }
  .mr-xs-50 {
    margin-right: 50px;
  }
  .mt-xs-50 {
    margin-top: 50px;
  }
  .mb-xs-50 {
    margin-bottom: 50px;
  }
  .mx-xs-50 {
    margin-left: 50px;
    margin-right: 50px;
  }
  .my-xs-50 {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .pl-xs-50 {
    padding-left: 50px;
  }
  .pr-xs-50 {
    padding-right: 50px;
  }
  .pt-xs-50 {
    padding-top: 50px;
  }
  .pb-xs-50 {
    padding-bottom: 50px;
  }
  .px-xs-50 {
    padding-left: 50px;
    padding-right: 50px;
  }
  .py-xs-50 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.ml-40 {
  margin-left: 40px;
}

.mr-40 {
  margin-right: 40px;
}

.mt-40 {
  margin-top: 40px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mx-40 {
  margin-left: 40px;
  margin-right: 40px;
}

.my-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.pl-40 {
  padding-left: 40px;
}

.pr-40 {
  padding-right: 40px;
}

.pt-40 {
  padding-top: 40px;
}

.pb-40 {
  padding-bottom: 40px;
}

.px-40 {
  padding-left: 40px;
  padding-right: 40px;
}

.py-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

@media screen and (max-width: 1180px) {
  .ml-lg-40 {
    margin-left: 40px;
  }
  .mr-lg-40 {
    margin-right: 40px;
  }
  .mt-lg-40 {
    margin-top: 40px;
  }
  .mb-lg-40 {
    margin-bottom: 40px;
  }
  .mx-lg-40 {
    margin-left: 40px;
    margin-right: 40px;
  }
  .my-lg-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .pl-lg-40 {
    padding-left: 40px;
  }
  .pr-lg-40 {
    padding-right: 40px;
  }
  .pt-lg-40 {
    padding-top: 40px;
  }
  .pb-lg-40 {
    padding-bottom: 40px;
  }
  .px-lg-40 {
    padding-left: 40px;
    padding-right: 40px;
  }
  .py-lg-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 992px) {
  .ml-md-40 {
    margin-left: 40px;
  }
  .mr-md-40 {
    margin-right: 40px;
  }
  .mt-md-40 {
    margin-top: 40px;
  }
  .mb-md-40 {
    margin-bottom: 40px;
  }
  .mx-md-40 {
    margin-left: 40px;
    margin-right: 40px;
  }
  .my-md-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .pl-md-40 {
    padding-left: 40px;
  }
  .pr-md-40 {
    padding-right: 40px;
  }
  .pt-md-40 {
    padding-top: 40px;
  }
  .pb-md-40 {
    padding-bottom: 40px;
  }
  .px-md-40 {
    padding-left: 40px;
    padding-right: 40px;
  }
  .py-md-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .ml-sm-40 {
    margin-left: 40px;
  }
  .mr-sm-40 {
    margin-right: 40px;
  }
  .mt-sm-40 {
    margin-top: 40px;
  }
  .mb-sm-40 {
    margin-bottom: 40px;
  }
  .mx-sm-40 {
    margin-left: 40px;
    margin-right: 40px;
  }
  .my-sm-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .pl-sm-40 {
    padding-left: 40px;
  }
  .pr-sm-40 {
    padding-right: 40px;
  }
  .pt-sm-40 {
    padding-top: 40px;
  }
  .pb-sm-40 {
    padding-bottom: 40px;
  }
  .px-sm-40 {
    padding-left: 40px;
    padding-right: 40px;
  }
  .py-sm-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 576px) {
  .ml-xs-40 {
    margin-left: 40px;
  }
  .mr-xs-40 {
    margin-right: 40px;
  }
  .mt-xs-40 {
    margin-top: 40px;
  }
  .mb-xs-40 {
    margin-bottom: 40px;
  }
  .mx-xs-40 {
    margin-left: 40px;
    margin-right: 40px;
  }
  .my-xs-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .pl-xs-40 {
    padding-left: 40px;
  }
  .pr-xs-40 {
    padding-right: 40px;
  }
  .pt-xs-40 {
    padding-top: 40px;
  }
  .pb-xs-40 {
    padding-bottom: 40px;
  }
  .px-xs-40 {
    padding-left: 40px;
    padding-right: 40px;
  }
  .py-xs-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.ml-30 {
  margin-left: 30px;
}

.mr-30 {
  margin-right: 30px;
}

.mt-30 {
  margin-top: 30px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mx-30 {
  margin-left: 30px;
  margin-right: 30px;
}

.my-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.pl-30 {
  padding-left: 30px;
}

.pr-30 {
  padding-right: 30px;
}

.pt-30 {
  padding-top: 30px;
}

.pb-30 {
  padding-bottom: 30px;
}

.px-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.py-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

@media screen and (max-width: 1180px) {
  .ml-lg-30 {
    margin-left: 30px;
  }
  .mr-lg-30 {
    margin-right: 30px;
  }
  .mt-lg-30 {
    margin-top: 30px;
  }
  .mb-lg-30 {
    margin-bottom: 30px;
  }
  .mx-lg-30 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .my-lg-30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .pl-lg-30 {
    padding-left: 30px;
  }
  .pr-lg-30 {
    padding-right: 30px;
  }
  .pt-lg-30 {
    padding-top: 30px;
  }
  .pb-lg-30 {
    padding-bottom: 30px;
  }
  .px-lg-30 {
    padding-left: 30px;
    padding-right: 30px;
  }
  .py-lg-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 992px) {
  .ml-md-30 {
    margin-left: 30px;
  }
  .mr-md-30 {
    margin-right: 30px;
  }
  .mt-md-30 {
    margin-top: 30px;
  }
  .mb-md-30 {
    margin-bottom: 30px;
  }
  .mx-md-30 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .my-md-30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .pl-md-30 {
    padding-left: 30px;
  }
  .pr-md-30 {
    padding-right: 30px;
  }
  .pt-md-30 {
    padding-top: 30px;
  }
  .pb-md-30 {
    padding-bottom: 30px;
  }
  .px-md-30 {
    padding-left: 30px;
    padding-right: 30px;
  }
  .py-md-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .ml-sm-30 {
    margin-left: 30px;
  }
  .mr-sm-30 {
    margin-right: 30px;
  }
  .mt-sm-30 {
    margin-top: 30px;
  }
  .mb-sm-30 {
    margin-bottom: 30px;
  }
  .mx-sm-30 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .my-sm-30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .pl-sm-30 {
    padding-left: 30px;
  }
  .pr-sm-30 {
    padding-right: 30px;
  }
  .pt-sm-30 {
    padding-top: 30px;
  }
  .pb-sm-30 {
    padding-bottom: 30px;
  }
  .px-sm-30 {
    padding-left: 30px;
    padding-right: 30px;
  }
  .py-sm-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 576px) {
  .ml-xs-30 {
    margin-left: 30px;
  }
  .mr-xs-30 {
    margin-right: 30px;
  }
  .mt-xs-30 {
    margin-top: 30px;
  }
  .mb-xs-30 {
    margin-bottom: 30px;
  }
  .mx-xs-30 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .my-xs-30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .pl-xs-30 {
    padding-left: 30px;
  }
  .pr-xs-30 {
    padding-right: 30px;
  }
  .pt-xs-30 {
    padding-top: 30px;
  }
  .pb-xs-30 {
    padding-bottom: 30px;
  }
  .px-xs-30 {
    padding-left: 30px;
    padding-right: 30px;
  }
  .py-xs-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.ml-20 {
  margin-left: 20px;
}

.mr-20 {
  margin-right: 20px;
}

.mt-20 {
  margin-top: 20px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mx-20 {
  margin-left: 20px;
  margin-right: 20px;
}

.my-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.pl-20 {
  padding-left: 20px;
}

.pr-20 {
  padding-right: 20px;
}

.pt-20 {
  padding-top: 20px;
}

.pb-20 {
  padding-bottom: 20px;
}

.px-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.py-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

@media screen and (max-width: 1180px) {
  .ml-lg-20 {
    margin-left: 20px;
  }
  .mr-lg-20 {
    margin-right: 20px;
  }
  .mt-lg-20 {
    margin-top: 20px;
  }
  .mb-lg-20 {
    margin-bottom: 20px;
  }
  .mx-lg-20 {
    margin-left: 20px;
    margin-right: 20px;
  }
  .my-lg-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .pl-lg-20 {
    padding-left: 20px;
  }
  .pr-lg-20 {
    padding-right: 20px;
  }
  .pt-lg-20 {
    padding-top: 20px;
  }
  .pb-lg-20 {
    padding-bottom: 20px;
  }
  .px-lg-20 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .py-lg-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 992px) {
  .ml-md-20 {
    margin-left: 20px;
  }
  .mr-md-20 {
    margin-right: 20px;
  }
  .mt-md-20 {
    margin-top: 20px;
  }
  .mb-md-20 {
    margin-bottom: 20px;
  }
  .mx-md-20 {
    margin-left: 20px;
    margin-right: 20px;
  }
  .my-md-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .pl-md-20 {
    padding-left: 20px;
  }
  .pr-md-20 {
    padding-right: 20px;
  }
  .pt-md-20 {
    padding-top: 20px;
  }
  .pb-md-20 {
    padding-bottom: 20px;
  }
  .px-md-20 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .py-md-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .ml-sm-20 {
    margin-left: 20px;
  }
  .mr-sm-20 {
    margin-right: 20px;
  }
  .mt-sm-20 {
    margin-top: 20px;
  }
  .mb-sm-20 {
    margin-bottom: 20px;
  }
  .mx-sm-20 {
    margin-left: 20px;
    margin-right: 20px;
  }
  .my-sm-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .pl-sm-20 {
    padding-left: 20px;
  }
  .pr-sm-20 {
    padding-right: 20px;
  }
  .pt-sm-20 {
    padding-top: 20px;
  }
  .pb-sm-20 {
    padding-bottom: 20px;
  }
  .px-sm-20 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .py-sm-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 576px) {
  .ml-xs-20 {
    margin-left: 20px;
  }
  .mr-xs-20 {
    margin-right: 20px;
  }
  .mt-xs-20 {
    margin-top: 20px;
  }
  .mb-xs-20 {
    margin-bottom: 20px;
  }
  .mx-xs-20 {
    margin-left: 20px;
    margin-right: 20px;
  }
  .my-xs-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .pl-xs-20 {
    padding-left: 20px;
  }
  .pr-xs-20 {
    padding-right: 20px;
  }
  .pt-xs-20 {
    padding-top: 20px;
  }
  .pb-xs-20 {
    padding-bottom: 20px;
  }
  .px-xs-20 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .py-xs-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.ml-15 {
  margin-left: 15px;
}

.mr-15 {
  margin-right: 15px;
}

.mt-15 {
  margin-top: 15px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mx-15 {
  margin-left: 15px;
  margin-right: 15px;
}

.my-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.pl-15 {
  padding-left: 15px;
}

.pr-15 {
  padding-right: 15px;
}

.pt-15 {
  padding-top: 15px;
}

.pb-15 {
  padding-bottom: 15px;
}

.px-15 {
  padding-left: 15px;
  padding-right: 15px;
}

.py-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

@media screen and (max-width: 1180px) {
  .ml-lg-15 {
    margin-left: 15px;
  }
  .mr-lg-15 {
    margin-right: 15px;
  }
  .mt-lg-15 {
    margin-top: 15px;
  }
  .mb-lg-15 {
    margin-bottom: 15px;
  }
  .mx-lg-15 {
    margin-left: 15px;
    margin-right: 15px;
  }
  .my-lg-15 {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .pl-lg-15 {
    padding-left: 15px;
  }
  .pr-lg-15 {
    padding-right: 15px;
  }
  .pt-lg-15 {
    padding-top: 15px;
  }
  .pb-lg-15 {
    padding-bottom: 15px;
  }
  .px-lg-15 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .py-lg-15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 992px) {
  .ml-md-15 {
    margin-left: 15px;
  }
  .mr-md-15 {
    margin-right: 15px;
  }
  .mt-md-15 {
    margin-top: 15px;
  }
  .mb-md-15 {
    margin-bottom: 15px;
  }
  .mx-md-15 {
    margin-left: 15px;
    margin-right: 15px;
  }
  .my-md-15 {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .pl-md-15 {
    padding-left: 15px;
  }
  .pr-md-15 {
    padding-right: 15px;
  }
  .pt-md-15 {
    padding-top: 15px;
  }
  .pb-md-15 {
    padding-bottom: 15px;
  }
  .px-md-15 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .py-md-15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 768px) {
  .ml-sm-15 {
    margin-left: 15px;
  }
  .mr-sm-15 {
    margin-right: 15px;
  }
  .mt-sm-15 {
    margin-top: 15px;
  }
  .mb-sm-15 {
    margin-bottom: 15px;
  }
  .mx-sm-15 {
    margin-left: 15px;
    margin-right: 15px;
  }
  .my-sm-15 {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .pl-sm-15 {
    padding-left: 15px;
  }
  .pr-sm-15 {
    padding-right: 15px;
  }
  .pt-sm-15 {
    padding-top: 15px;
  }
  .pb-sm-15 {
    padding-bottom: 15px;
  }
  .px-sm-15 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .py-sm-15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 576px) {
  .ml-xs-15 {
    margin-left: 15px;
  }
  .mr-xs-15 {
    margin-right: 15px;
  }
  .mt-xs-15 {
    margin-top: 15px;
  }
  .mb-xs-15 {
    margin-bottom: 15px;
  }
  .mx-xs-15 {
    margin-left: 15px;
    margin-right: 15px;
  }
  .my-xs-15 {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .pl-xs-15 {
    padding-left: 15px;
  }
  .pr-xs-15 {
    padding-right: 15px;
  }
  .pt-xs-15 {
    padding-top: 15px;
  }
  .pb-xs-15 {
    padding-bottom: 15px;
  }
  .px-xs-15 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .py-xs-15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.ml-10 {
  margin-left: 10px;
}

.mr-10 {
  margin-right: 10px;
}

.mt-10 {
  margin-top: 10px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mx-10 {
  margin-left: 10px;
  margin-right: 10px;
}

.my-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.pl-10 {
  padding-left: 10px;
}

.pr-10 {
  padding-right: 10px;
}

.pt-10 {
  padding-top: 10px;
}

.pb-10 {
  padding-bottom: 10px;
}

.px-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.py-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

@media screen and (max-width: 1180px) {
  .ml-lg-10 {
    margin-left: 10px;
  }
  .mr-lg-10 {
    margin-right: 10px;
  }
  .mt-lg-10 {
    margin-top: 10px;
  }
  .mb-lg-10 {
    margin-bottom: 10px;
  }
  .mx-lg-10 {
    margin-left: 10px;
    margin-right: 10px;
  }
  .my-lg-10 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .pl-lg-10 {
    padding-left: 10px;
  }
  .pr-lg-10 {
    padding-right: 10px;
  }
  .pt-lg-10 {
    padding-top: 10px;
  }
  .pb-lg-10 {
    padding-bottom: 10px;
  }
  .px-lg-10 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .py-lg-10 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 992px) {
  .ml-md-10 {
    margin-left: 10px;
  }
  .mr-md-10 {
    margin-right: 10px;
  }
  .mt-md-10 {
    margin-top: 10px;
  }
  .mb-md-10 {
    margin-bottom: 10px;
  }
  .mx-md-10 {
    margin-left: 10px;
    margin-right: 10px;
  }
  .my-md-10 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .pl-md-10 {
    padding-left: 10px;
  }
  .pr-md-10 {
    padding-right: 10px;
  }
  .pt-md-10 {
    padding-top: 10px;
  }
  .pb-md-10 {
    padding-bottom: 10px;
  }
  .px-md-10 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .py-md-10 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 768px) {
  .ml-sm-10 {
    margin-left: 10px;
  }
  .mr-sm-10 {
    margin-right: 10px;
  }
  .mt-sm-10 {
    margin-top: 10px;
  }
  .mb-sm-10 {
    margin-bottom: 10px;
  }
  .mx-sm-10 {
    margin-left: 10px;
    margin-right: 10px;
  }
  .my-sm-10 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .pl-sm-10 {
    padding-left: 10px;
  }
  .pr-sm-10 {
    padding-right: 10px;
  }
  .pt-sm-10 {
    padding-top: 10px;
  }
  .pb-sm-10 {
    padding-bottom: 10px;
  }
  .px-sm-10 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .py-sm-10 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 576px) {
  .ml-xs-10 {
    margin-left: 10px;
  }
  .mr-xs-10 {
    margin-right: 10px;
  }
  .mt-xs-10 {
    margin-top: 10px;
  }
  .mb-xs-10 {
    margin-bottom: 10px;
  }
  .mx-xs-10 {
    margin-left: 10px;
    margin-right: 10px;
  }
  .my-xs-10 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .pl-xs-10 {
    padding-left: 10px;
  }
  .pr-xs-10 {
    padding-right: 10px;
  }
  .pt-xs-10 {
    padding-top: 10px;
  }
  .pb-xs-10 {
    padding-bottom: 10px;
  }
  .px-xs-10 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .py-xs-10 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.ml-5 {
  margin-left: 5px;
}

.mr-5 {
  margin-right: 5px;
}

.mt-5 {
  margin-top: 5px;
}

.mb-5 {
  margin-bottom: 5px;
}

.mx-5 {
  margin-left: 5px;
  margin-right: 5px;
}

.my-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.pl-5 {
  padding-left: 5px;
}

.pr-5 {
  padding-right: 5px;
}

.pt-5 {
  padding-top: 5px;
}

.pb-5 {
  padding-bottom: 5px;
}

.px-5 {
  padding-left: 5px;
  padding-right: 5px;
}

.py-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

@media screen and (max-width: 1180px) {
  .ml-lg-5 {
    margin-left: 5px;
  }
  .mr-lg-5 {
    margin-right: 5px;
  }
  .mt-lg-5 {
    margin-top: 5px;
  }
  .mb-lg-5 {
    margin-bottom: 5px;
  }
  .mx-lg-5 {
    margin-left: 5px;
    margin-right: 5px;
  }
  .my-lg-5 {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .pl-lg-5 {
    padding-left: 5px;
  }
  .pr-lg-5 {
    padding-right: 5px;
  }
  .pt-lg-5 {
    padding-top: 5px;
  }
  .pb-lg-5 {
    padding-bottom: 5px;
  }
  .px-lg-5 {
    padding-left: 5px;
    padding-right: 5px;
  }
  .py-lg-5 {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
@media screen and (max-width: 992px) {
  .ml-md-5 {
    margin-left: 5px;
  }
  .mr-md-5 {
    margin-right: 5px;
  }
  .mt-md-5 {
    margin-top: 5px;
  }
  .mb-md-5 {
    margin-bottom: 5px;
  }
  .mx-md-5 {
    margin-left: 5px;
    margin-right: 5px;
  }
  .my-md-5 {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .pl-md-5 {
    padding-left: 5px;
  }
  .pr-md-5 {
    padding-right: 5px;
  }
  .pt-md-5 {
    padding-top: 5px;
  }
  .pb-md-5 {
    padding-bottom: 5px;
  }
  .px-md-5 {
    padding-left: 5px;
    padding-right: 5px;
  }
  .py-md-5 {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
@media screen and (max-width: 768px) {
  .ml-sm-5 {
    margin-left: 5px;
  }
  .mr-sm-5 {
    margin-right: 5px;
  }
  .mt-sm-5 {
    margin-top: 5px;
  }
  .mb-sm-5 {
    margin-bottom: 5px;
  }
  .mx-sm-5 {
    margin-left: 5px;
    margin-right: 5px;
  }
  .my-sm-5 {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .pl-sm-5 {
    padding-left: 5px;
  }
  .pr-sm-5 {
    padding-right: 5px;
  }
  .pt-sm-5 {
    padding-top: 5px;
  }
  .pb-sm-5 {
    padding-bottom: 5px;
  }
  .px-sm-5 {
    padding-left: 5px;
    padding-right: 5px;
  }
  .py-sm-5 {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
@media screen and (max-width: 576px) {
  .ml-xs-5 {
    margin-left: 5px;
  }
  .mr-xs-5 {
    margin-right: 5px;
  }
  .mt-xs-5 {
    margin-top: 5px;
  }
  .mb-xs-5 {
    margin-bottom: 5px;
  }
  .mx-xs-5 {
    margin-left: 5px;
    margin-right: 5px;
  }
  .my-xs-5 {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .pl-xs-5 {
    padding-left: 5px;
  }
  .pr-xs-5 {
    padding-right: 5px;
  }
  .pt-xs-5 {
    padding-top: 5px;
  }
  .pb-xs-5 {
    padding-bottom: 5px;
  }
  .px-xs-5 {
    padding-left: 5px;
    padding-right: 5px;
  }
  .py-xs-5 {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
.ml-none {
  margin-left: 0px;
}

.mr-none {
  margin-right: 0px;
}

.mt-none {
  margin-top: 0px;
}

.mb-none {
  margin-bottom: 0px;
}

.mx-none {
  margin-left: 0px;
  margin-right: 0px;
}

.my-none {
  margin-top: 0px;
  margin-bottom: 0px;
}

.pl-none {
  padding-left: 0px;
}

.pr-none {
  padding-right: 0px;
}

.pt-none {
  padding-top: 0px;
}

.pb-none {
  padding-bottom: 0px;
}

.px-none {
  padding-left: 0px;
  padding-right: 0px;
}

.py-none {
  padding-top: 0px;
  padding-bottom: 0px;
}

@media screen and (max-width: 1180px) {
  .ml-lg-none {
    margin-left: 0px;
  }
  .mr-lg-none {
    margin-right: 0px;
  }
  .mt-lg-none {
    margin-top: 0px;
  }
  .mb-lg-none {
    margin-bottom: 0px;
  }
  .mx-lg-none {
    margin-left: 0px;
    margin-right: 0px;
  }
  .my-lg-none {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .pl-lg-none {
    padding-left: 0px;
  }
  .pr-lg-none {
    padding-right: 0px;
  }
  .pt-lg-none {
    padding-top: 0px;
  }
  .pb-lg-none {
    padding-bottom: 0px;
  }
  .px-lg-none {
    padding-left: 0px;
    padding-right: 0px;
  }
  .py-lg-none {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
@media screen and (max-width: 992px) {
  .ml-md-none {
    margin-left: 0px;
  }
  .mr-md-none {
    margin-right: 0px;
  }
  .mt-md-none {
    margin-top: 0px;
  }
  .mb-md-none {
    margin-bottom: 0px;
  }
  .mx-md-none {
    margin-left: 0px;
    margin-right: 0px;
  }
  .my-md-none {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .pl-md-none {
    padding-left: 0px;
  }
  .pr-md-none {
    padding-right: 0px;
  }
  .pt-md-none {
    padding-top: 0px;
  }
  .pb-md-none {
    padding-bottom: 0px;
  }
  .px-md-none {
    padding-left: 0px;
    padding-right: 0px;
  }
  .py-md-none {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
@media screen and (max-width: 768px) {
  .ml-sm-none {
    margin-left: 0px;
  }
  .mr-sm-none {
    margin-right: 0px;
  }
  .mt-sm-none {
    margin-top: 0px;
  }
  .mb-sm-none {
    margin-bottom: 0px;
  }
  .mx-sm-none {
    margin-left: 0px;
    margin-right: 0px;
  }
  .my-sm-none {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .pl-sm-none {
    padding-left: 0px;
  }
  .pr-sm-none {
    padding-right: 0px;
  }
  .pt-sm-none {
    padding-top: 0px;
  }
  .pb-sm-none {
    padding-bottom: 0px;
  }
  .px-sm-none {
    padding-left: 0px;
    padding-right: 0px;
  }
  .py-sm-none {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
@media screen and (max-width: 576px) {
  .ml-xs-none {
    margin-left: 0px;
  }
  .mr-xs-none {
    margin-right: 0px;
  }
  .mt-xs-none {
    margin-top: 0px;
  }
  .mb-xs-none {
    margin-bottom: 0px;
  }
  .mx-xs-none {
    margin-left: 0px;
    margin-right: 0px;
  }
  .my-xs-none {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .pl-xs-none {
    padding-left: 0px;
  }
  .pr-xs-none {
    padding-right: 0px;
  }
  .pt-xs-none {
    padding-top: 0px;
  }
  .pb-xs-none {
    padding-bottom: 0px;
  }
  .px-xs-none {
    padding-left: 0px;
    padding-right: 0px;
  }
  .py-xs-none {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
html {
  font-size: 62.5%;
  font-feature-settings: "palt";
  background-color: #ffffff;
  width: 100%;
  overflow-x: hidden;
}
html body {
  font-size: 1.6rem;
  font-family: "noto-sans-jp", sans-serif;
  line-height: 2;
  color: #262626;
  background-color: #FBFBFB;
  padding-top: 209px;
  width: 100%;
  overflow-x: hidden;
}
@media screen and (max-width: 1520px) {
  html body {
    padding-top: 198px;
  }
}
@media screen and (max-width: 992px) {
  html body {
    padding-top: 78px;
  }
}
@media screen and (max-width: 576px) {
  html body {
    padding-top: 49px;
    font-size: 1.4rem;
  }
}

.container {
  width: 1400px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1520px) {
  .container {
    width: 1280px;
  }
}
@media screen and (max-width: 1340px) {
  .container {
    width: 1120px;
  }
}
@media screen and (max-width: 1180px) {
  .container {
    width: 962px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 992px) {
  .container {
    width: calc(100% + 30px);
  }
}
.container.container-sm {
  width: 1200px;
}
@media screen and (max-width: 1340px) {
  .container.container-sm {
    width: 1120px;
  }
}
@media screen and (max-width: 1180px) {
  .container.container-sm {
    width: 962px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 992px) {
  .container.container-sm {
    width: calc(100% + 30px);
  }
}
.container.container-xs {
  width: 962px;
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (max-width: 992px) {
  .container.container-xs {
    width: calc(100% + 30px);
  }
}

.col {
  display: flex;
  flex-wrap: wrap;
}
.col > .col-item.align-self-bottom {
  align-self: flex-end;
}
.col.col-2 > .col-item {
  width: 50%;
}
@media screen and (max-width: 992px) {
  .col.col-2 > .col-item {
    width: 100%;
  }
}
.col.col-3 > .col-item {
  width: 33.3333%;
}
@media screen and (max-width: 992px) {
  .col.col-3 > .col-item {
    width: 33.3333%;
  }
}
.col.col-4 > .col-item {
  width: 25%;
}
@media screen and (max-width: 992px) {
  .col.col-4 > .col-item {
    width: 25%;
  }
}
.col.col-size-6p-4p > .col-item:nth-of-type(2n + 1) {
  width: 60%;
}
@media screen and (max-width: 768px) {
  .col.col-size-6p-4p > .col-item:nth-of-type(2n + 1) {
    width: 100%;
  }
}
.col.col-size-6p-4p > .col-item:nth-of-type(2n + 0) {
  width: 40%;
}
@media screen and (max-width: 768px) {
  .col.col-size-6p-4p > .col-item:nth-of-type(2n + 0) {
    width: 100%;
  }
}
.col.col-size-66p-33p > .col-item:nth-of-type(2n + 1) {
  width: 66.6666%;
}
@media screen and (max-width: 768px) {
  .col.col-size-66p-33p > .col-item:nth-of-type(2n + 1) {
    width: 100%;
  }
}
.col.col-size-66p-33p > .col-item:nth-of-type(2n + 0) {
  width: 33.3333%;
}
@media screen and (max-width: 768px) {
  .col.col-size-66p-33p > .col-item:nth-of-type(2n + 0) {
    width: 100%;
  }
}
.col.col-size-3p-7p > .col-item:nth-of-type(2n + 1) {
  width: 30%;
}
@media screen and (max-width: 992px) {
  .col.col-size-3p-7p > .col-item:nth-of-type(2n + 1) {
    width: 100%;
  }
}
.col.col-size-3p-7p > .col-item:nth-of-type(2n + 0) {
  width: 70%;
}
@media screen and (max-width: 992px) {
  .col.col-size-3p-7p > .col-item:nth-of-type(2n + 0) {
    width: 100%;
  }
}
.col.col-size-206 > .col-item:nth-of-type(2n + 1) {
  width: calc(100% - 206px);
}
@media screen and (max-width: 576px) {
  .col.col-size-206 > .col-item:nth-of-type(2n + 1) {
    width: 100%;
  }
}
.col.col-size-206 > .col-item:nth-of-type(2n + 0) {
  width: 206px;
}
@media screen and (max-width: 576px) {
  .col.col-size-206 > .col-item:nth-of-type(2n + 0) {
    width: 100%;
  }
}
.col.col-size-920 > .col-item:nth-of-type(2n + 1) {
  width: calc(100% - 920px);
}
@media screen and (max-width: 992px) {
  .col.col-size-920 > .col-item:nth-of-type(2n + 1) {
    width: 100%;
  }
}
.col.col-size-920 > .col-item:nth-of-type(2n + 0) {
  width: 920px;
}
@media screen and (max-width: 992px) {
  .col.col-size-920 > .col-item:nth-of-type(2n + 0) {
    width: 100%;
  }
}
.col.col-size-648 > .col-item:nth-of-type(2n + 1) {
  width: calc(100% - 648px);
}
@media screen and (max-width: 992px) {
  .col.col-size-648 > .col-item:nth-of-type(2n + 1) {
    width: 100%;
  }
}
.col.col-size-648 > .col-item:nth-of-type(2n + 0) {
  width: 648px;
}
@media screen and (max-width: 992px) {
  .col.col-size-648 > .col-item:nth-of-type(2n + 0) {
    width: 100%;
  }
}
.col.col-gutter-60 {
  margin-left: -30px;
  margin-right: -30px;
}
@media screen and (max-width: 1340px) {
  .col.col-gutter-60 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.col.col-gutter-60 > .col-item {
  padding-left: 30px;
  padding-right: 30px;
}
@media screen and (max-width: 1340px) {
  .col.col-gutter-60 > .col-item {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.col.col-gutter-40 {
  margin-left: -20px;
  margin-right: -20px;
}
@media screen and (max-width: 1340px) {
  .col.col-gutter-40 {
    margin-left: -10px;
    margin-right: -10px;
  }
}
.col.col-gutter-40 > .col-item {
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 1340px) {
  .col.col-gutter-40 > .col-item {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.col.col-gutter-30 {
  margin-left: -15px;
  margin-right: -15px;
}
@media screen and (max-width: 1340px) {
  .col.col-gutter-30 {
    margin-left: -10px;
    margin-right: -10px;
  }
}
.col.col-gutter-30 > .col-item {
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (max-width: 1340px) {
  .col.col-gutter-30 > .col-item {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 1180px) {
  .col.col-break-lg > .col-item {
    width: 100% !important;
  }
}
.col.col-mb-40 > .col-item {
  margin-bottom: 40px;
}
@media screen and (max-width: 1340px) {
  .col.col-mb-40 > .col-item {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 992px) {
  .col.col-md-mb-20 > .col-item {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 992px) {
  .col.col-md-mb-20 > .col-item:nth-last-of-type(1) {
    margin-bottom: 0px;
  }
}

.dl-type-1 > dt {
  font-size: 2.8rem;
  font-weight: bold;
  margin-bottom: 20px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .dl-type-1 > dt {
    font-size: 2.4rem;
  }
}
.btn-white {
  font-size: 1.4rem;
  line-height: 1.5;
  padding: 10px 40px;
  border: 1px solid #2DAA43;
  background-color: #ffffff;
  border-radius: 100px;
  color: #2DAA43;
  display: inline-flex;
  align-items: center;
  transition: 0.3s 0s;
}
.btn-white:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #2DAA43;
}
.btn-white .icon {
  margin-left: 5px;
  position: relative;
}
.btn-white:hover .icon:after {
  opacity: 1;
  z-index: 1;
}

.btn-outline-green {
  font-size: 1.4rem;
  line-height: 1.5;
  padding: 10px 40px;
  background: #ffffff;
  border-radius: 100px;
  color: #006E4F !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s 0s;
  position: relative;
  overflow: hidden;
  border: 1px solid #006E4F;
}
.btn-outline-green:before {
  content: "";
  display: block;
  width: 20px;
  height: 1px;
  background-color: #006E4F;
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 1;
}
.btn-outline-green:hover {
  text-decoration: none;
  background: #006E4F;
  color: #ffffff !important;
}
.btn-outline-green:hover:before {
  background: #ffffff;
}
.btn-outline-green:hover:before {
  opacity: 1;
}
.btn-outline-green:hover .icon:after {
  opacity: 1;
}
.btn-outline-green .icon {
  margin-left: 5px;
  top: 0.2em;
}
.btn-outline-green .icon.before {
  position: relative;
  top: 0.2em;
  margin-left: 0px;
  margin-right: 5px;
}
.btn-outline-green.lighter {
  color: #2DAA43 !important;
  border: 1px solid #2DAA43;
}
.btn-outline-green.lighter:before {
  background-color: #2DAA43;
}
.btn-outline-green.lighter:hover {
  color: #ffffff !important;
  border: 1px solid #2DAA43;
  background: #2DAA43;
}
.btn-outline-green.lighter:hover:before {
  background-color: #ffffff;
}

.btn-green-simple {
  background-color: #006E4F;
  padding: 10px 25px;
  color: #ffffff;
  text-decoration: none !important;
}
.btn-green-simple:hover {
  background-color: #003b2a;
}

.btn-white[target=_blank]:after,
.btn-outline-green[target=_blank]:after,
.btn-outline-green.lighter[target=_blank]:after,
.btn-green-simple[target=_blank]:after {
  content: "";
  display: inline-block;
  margin-left: 5px;
  width: 18.28px;
  height: 17.1px;
  background-repeat: no-repeat;
  background-image: url("/assets/images/common/icon-new-window.svg");
  background-size: contain;
  position: relative;
  transition: 0.3s 0s;
}
.btn-white[href$=".pdf"]:after,
.btn-outline-green[href$=".pdf"]:after,
.btn-outline-green.lighter[href$=".pdf"]:after,
.btn-green-simple[href$=".pdf"]:after {
  width: 18.28px;
  height: 17.1px;
  background-image: url("/assets/images/common/icon-pdf.svg");
  position: relative;
}
.btn-white:hover[target=_blank]:after,
.btn-outline-green:hover[target=_blank]:after,
.btn-outline-green.lighter:hover[target=_blank]:after,
.btn-green-simple:hover[target=_blank]:after {
  background-image: url("/assets/images/common/icon-new-window-on.svg");
}
.btn-white:hover[href$=".pdf"]:after,
.btn-outline-green:hover[href$=".pdf"]:after,
.btn-outline-green.lighter:hover[href$=".pdf"]:after,
.btn-green-simple:hover[href$=".pdf"]:after {
  background-image: url("/assets/images/common/icon-pdf-white.svg");
}

.btn-outline-green[target=_blank]:after {
  background-image: url("/assets/images/common/icon-new-window-darker.svg");
}
.btn-outline-green[href$=".pdf"]:after {
  background-image: url("/assets/images/common/icon-pdf-darken.svg");
}
.btn-outline-green:hover[target=_blank]:after {
  background-image: url("/assets/images/common/icon-new-window-on.svg");
}
.btn-outline-green:hover[href$=".pdf"]:after {
  background-image: url("/assets/images/common/icon-pdf-white.svg");
}

.btn-icon {
  display: inline-block;
  text-align: center;
  width: 110px;
  padding-top: 7px;
  padding-bottom: 7px;
  color: #ffffff;
  font-size: 1.4rem;
}
@media screen and (max-width: 1520px) {
  .btn-icon {
    width: 90px;
    font-size: 1.2rem;
  }
}
.btn-icon.green {
  background-color: #54A189;
}
.btn-icon.green:hover {
  background-color: #437f6c;
}
.btn-icon.gray {
  background-color: #757575;
}
.btn-icon.gray:hover {
  background-color: #5c5c5c;
}
.btn-icon.blue {
  background-color: #6E93AF;
}
.btn-icon.blue:hover {
  background-color: #537a97;
}
.btn-icon .head {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.btn-icon .text {
  display: block;
  margin-top: 5px;
}
.btn-icon:hover {
  text-decoration: none;
}

.btn-hamb {
  width: 29px;
  height: 29px;
  position: relative;
}
.btn-hamb > i {
  display: block;
  width: 29px;
  height: 3px;
  border-radius: 100px;
  background-color: #006E4F;
  position: relative;
  transition: 0.3s 0s;
}
.btn-hamb > i:nth-of-type(1) {
  top: 11px;
}
.btn-hamb > i:nth-of-type(3) {
  bottom: 11px;
}

.btn-toggle {
  display: block;
  width: 15px;
  height: 15px;
  position: relative;
  transition: 0.3s 0s;
}
.btn-toggle:before, .btn-toggle:after {
  content: "";
  background-color: #6AC179;
  display: block;
  position: absolute;
}
.btn-toggle:before {
  width: 15px;
  height: 1px;
  top: calc(50% - 1px);
  left: 0px;
}
.btn-toggle:after {
  width: 1px;
  height: 15px;
  left: calc(50% - 1px);
  top: 0px;
}
.btn-toggle.on {
  transform: rotate(135deg);
}

.btn-next,
.btn-prev {
  display: block;
  width: 35px;
  height: 35px;
  border: 1px solid #6AC179;
  border-radius: 100%;
  position: relative;
  background-color: #ffffff;
  transition: 0.3s 0s;
}
.btn-next:hover,
.btn-prev:hover {
  background-color: #6AC179;
}
.btn-next:hover:before, .btn-next:hover:after,
.btn-prev:hover:before,
.btn-prev:hover:after {
  background-color: #ffffff;
}
.btn-next:before,
.btn-prev:before {
  content: "";
  display: block;
  width: 14px;
  height: 1px;
  background-color: #6AC179;
  position: absolute;
  bottom: calc(50% - 3px);
}
.btn-next:after,
.btn-prev:after {
  content: "";
  display: block;
  width: 19px;
  height: 1px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-color: #6AC179;
  bottom: calc(50% - 3px);
}
.btn-next.slick-disabled,
.btn-prev.slick-disabled {
  opacity: 0.3;
}

.btn-next:before {
  transform: rotate(45deg);
  transform-origin: right bottom;
  right: 7px;
}

.btn-prev:before {
  transform: rotate(-45deg);
  transform-origin: left bottom;
  left: 7px;
}

.block-page-top {
  background: #E2F3E4;
  padding: 7px;
  text-align: center;
  display: block;
  width: 100%;
  color: #262626;
}
.block-page-top > .inner {
  font-family: "oswald", sans-serif;
  display: inline-block;
  position: relative;
  padding-left: 20px;
}
.block-page-top > .inner:before {
  content: "";
  display: block;
  width: 10px;
  height: 6px;
  background: center center url("../images/common/icon-arrow-2.svg") no-repeat;
  background-size: contain;
  position: absolute;
  left: 0px;
  top: 7px;
}

.block-mv {
  padding-top: 50px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1180px) {
  .block-mv {
    padding-top: 25px;
  }
}
@media screen and (max-width: 576px) {
  .block-mv {
    padding-top: 15px;
  }
}
.block-mv .slick-track {
  line-height: 0;
}
.block-mv .item {
  padding-left: 35px;
  padding-right: 35px;
}
@media screen and (max-width: 992px) {
  .block-mv .item {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 576px) {
  .block-mv .item {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.block-mv .item a {
  display: block;
  background: #FFFFFF;
}
.block-mv .item a img {
  width: 100%;
  height: auto;
}




.block-mv .btn-next,
.block-mv .btn-prev {
  position: absolute;
  bottom: -10px;
}
.block-mv .btn-next {
  right: calc(20% + 40px);
}
@media screen and (max-width: 1800px) {
  .block-mv .btn-next {
    right: calc(15% + 40px);
  }
}
@media screen and (max-width: 1340px) {
  .block-mv .btn-next {
    right: calc(10% + 40px);
  }
}
.block-mv .btn-prev {
  left: calc(20% + 40px);
}
@media screen and (max-width: 1800px) {
  .block-mv .btn-prev {
    left: calc(15% + 40px);
  }
}
@media screen and (max-width: 1340px) {
  .block-mv .btn-prev {
    left: calc(10% + 40px);
  }
}

.slick-dots {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  width: 100%;
}
@media screen and (max-width: 576px) {
  .slick-dots {
    margin-top: 12px;
  }
}
.slick-dots > li {
  margin-left: 10px;
  margin-right: 10px;
}
.slick-dots > li > button {
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  background-color: #ffffff;
  border: 1px solid #757575;
  overflow: hidden;
  text-indent: -99999px;
}
@media screen and (max-width: 576px) {
  .slick-dots > li > button {
    width: 10px;
    height: 10px;
  }
}
.slick-dots > li.slick-active > button {
  background-color: #6AC179;
}

.block-important-notice {
  border: 1px solid #6AC179;
  display: flex;
  line-height: 1.5;
  width: 100%;
  margin-top: 70px;
  position: relative;
  z-index: 1;
  background-color: #ffffff;
}
@media screen and (max-width: 992px) {
  .block-important-notice {
    display: block;
  }
}
.block-important-notice > .title {
  font-size: 2rem;
  background-color: #6AC179;
  color: #ffffff;
  padding: 1em 18px;
  width: 180px;
  text-align: center;
}
@media screen and (max-width: 1520px) {
  .block-important-notice > .title {
    font-size: 1.6rem;
    padding: 1em 18px;
  }
}
@media screen and (max-width: 992px) {
  .block-important-notice > .title {
    width: auto;
    padding: 5px 10px;
    font-size: 1.4rem;
  }
}
.block-important-notice > .body {
  display: flex;
  width: calc(100% - 180px);
}
@media screen and (max-width: 992px) {
  .block-important-notice > .body {
    display: block;
    width: auto;
  }
}
.block-important-notice > .body > li {
  font-size: 2.2rem;
  border-right: 1px solid #6AC179;

  padding:1em 30px;
}
@media screen and (max-width: 1520px) {
  .block-important-notice > .body > li {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 992px) {
  .block-important-notice > .body > li {
    border-right: 0;
    border-bottom: 1px solid #6AC179;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 12px;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 1.4rem;
  }
}
.block-important-notice > .body > li:last-child {
  border-right: 0px;
}
@media screen and (max-width: 992px) {
  .block-important-notice > .body > li:last-child {
    border-bottom: 0;
   /* padding-bottom: 0px; */
  }
}
.block-important-notice > .body > li a {
  display: block;
  padding-left: 50px;
  position: relative;
  color: #262626;
}
@media screen and (max-width: 992px) {
  .block-important-notice > .body > li a {
    padding-left: 25px;
  }
}
.block-important-notice > .body > li a > .icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
}
@media screen and (max-width: 992px) {
  .block-important-notice > .body > li a > .icon.icon-important {
    width: 19px;
    height: 17px;
  }
  .block-important-notice > .body > li a > .icon.icon-info {
    width: 16px;
    height: 16px;
  }
}

.block-anchor-nav {
  display: none;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .block-anchor-nav {
    display: block;
    margin-top: 30px;
  }
}
.block-anchor-nav > .list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -3px;
  margin-right: -3px;
  font-size: 1.2rem;
  line-height: 1.5;
}
.block-anchor-nav > .list > li {
  width: 50%;
  padding-left: 3px;
  padding-right: 3px;
  margin-bottom: 6px;
}
.block-anchor-nav > .list > li > a {
  display: block;
  padding: 5px 30px 5px 15px;
  border: 1px solid #006E4F;
  border-radius: 100px;
  color: #006E4F;
  position: relative;
  background-color: #ffffff;
}
.block-anchor-nav > .list > li > a:after {
  content: "";
  width: 10px;
  height: 6px;
  background: center center url("../images/common/icon-anchor-green.svg") no-repeat;
  background-size: contain;
  position: absolute;
  right: 17px;
  top: 50%;
  transform: translateY(-50%);
}

.block-youtube {
  padding-top: 56.25%;
  width: 100%;
  position: relative;
}
.block-youtube iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}

.block-type-1 {
  padding: 30px;
  background-color: #E2F3E4;
}
@media screen and (max-width: 768px) {
  .block-type-1 {
    padding: 20px 10px;
  }
}

.block-type-2 {
  padding: 30px;
  background-color: #ffffff;
  position: relative;
  display: block;
}
@media screen and (max-width: 768px) {
  .block-type-2 {
    padding: 20px 10px;
  }
}
.block-type-2:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: #ffffff;
}
.block-type-2:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: -10px;
  bottom: -10px;
  background: linear-gradient(-180deg, #D3E4D0 0%, #91E29F 100%);
  transition: 0.3s 0s;
}
.block-type-2 > .inner {
  position: relative;
  z-index: 1;
}
.block-type-2 .no-padding {
  width: calc(100% + 60px);
  margin-left: -30px;
  margin-top: -30px;
}
@media screen and (max-width: 768px) {
  .block-type-2 .no-padding {
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-top: -20px;
  }
}
.block-type-2.button {
  color: #262626;
  transition: 0.3s 0s;
}
.block-type-2.button img, .block-type-2.button .icon {
  opacity: 1;
  transition: 0.3s 0s;
}
.block-type-2.button:hover {
  text-decoration: none;
  transform: scale(1.025);
}
.block-type-2.button:hover img, .block-type-2.button:hover .icon {
  opacity: 0.7;
}
.block-type-2.button:hover:before {
  left: -15px;
  bottom: -15px;
}
.block-type-2.button > .inner {
  position: relative;
}
.block-type-2.button > .inner .icon-arrow-gray {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
}
.block-type-2.button .no-padding {
  width: calc(100% + 60px);
  margin-left: -30px;
  margin-top: -30px;
}
@media screen and (max-width: 768px) {
  .block-type-2.button .no-padding {
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-top: -20px;
  }
}

.block-type-3 {
  padding: 30px;
}
@media screen and (max-width: 768px) {
  .block-type-3 {
    padding: 20px 10px;
  }
}

.block-grid-left {
  display: grid;
  grid-template-columns: 66.666% 1fr;
}
@media screen and (max-width: 992px) {
  .block-grid-left {
    display: block;
  }
}
.block-grid-left > .left {
  position: relative;
  z-index: 1;
}
.block-grid-left > .right {
  position: relative;
  z-index: 0;
}
.block-grid-left > .right > .bg-skew-green.right, .block-grid-left > .right > .bg-skew-green.right-2 {
  width: calc((100vw - 1400px) / 2 + 100% + 40px);
}
@media screen and (max-width: 1520px) {
  .block-grid-left > .right > .bg-skew-green.right, .block-grid-left > .right > .bg-skew-green.right-2 {
    width: calc((100vw - 1280px) / 2 + 100% + 40px);
  }
}
@media screen and (max-width: 1340px) {
  .block-grid-left > .right > .bg-skew-green.right, .block-grid-left > .right > .bg-skew-green.right-2 {
    width: calc((100vw - 1120px) / 2 + 100% + 40px);
  }
}
@media screen and (max-width: 1180px) {
  .block-grid-left > .right > .bg-skew-green.right, .block-grid-left > .right > .bg-skew-green.right-2 {
    width: calc((100vw - 992px + 80px) / 2 + 100% + 40px);
  }
}
@media screen and (max-width: 992px) {
  .block-grid-left > .right > .bg-skew-green.right, .block-grid-left > .right > .bg-skew-green.right-2 {
    width: calc(100% + 30px);
  }
}
.block-grid-left.modify-position > .right {
  top: 40px;
}
@media screen and (max-width: 992px) {
  .block-grid-left.modify-position > .right {
    position: relative;
    top: 60px;
  }
}

.block-grid-right {
  display: grid;
  grid-template-columns: 1fr 66.666%;
}
@media screen and (max-width: 992px) {
  .block-grid-right {
    display: block;
  }
}
.block-grid-right > .right {
  position: relative;
  z-index: 1;
}
.block-grid-right > .left {
  position: relative;
  z-index: 0;
}
.block-grid-right > .left > .bg-skew-green.left {
  width: calc((100vw - 1400px) / 2 + 100% + 52px);
}
@media screen and (max-width: 1520px) {
  .block-grid-right > .left > .bg-skew-green.left {
    width: calc((100vw - 1280px) / 2 + 100% + 52px);
  }
}
@media screen and (max-width: 1340px) {
  .block-grid-right > .left > .bg-skew-green.left {
    width: calc((100vw - 1120px) / 2 + 100% + 52px);
  }
}
@media screen and (max-width: 1180px) {
  .block-grid-right > .left > .bg-skew-green.left {
    width: calc((100vw - 992px) / 2 + 100% + 82px);
  }
}
@media screen and (max-width: 992px) {
  .block-grid-right > .left > .bg-skew-green.left {
    width: calc(100% + 30px);
  }
}

.block-grid-custom-1 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 40px;
}
@media screen and (max-width: 992px) {
  .block-grid-custom-1 {
    display: block;
  }
}
@media screen and (max-width: 992px) {
  .block-grid-custom-1 > .grid-item {
    margin-bottom: 30px;
  }
}
.block-grid-custom-1 > .grid-item:nth-of-type(1) {
  grid-column: 1/2;
  grid-row: 1/2;
}
.block-grid-custom-1 > .grid-item:nth-of-type(2) {
  grid-column: 2/3;
  grid-row: 1/3;
}
.block-grid-custom-1 > .grid-item:nth-of-type(3) {
  grid-column: 1/2;
  grid-row: 2/3;
}
.block-grid-custom-1 > .grid-item:nth-of-type(3) > .bg-skew-green.left {
  width: calc((100vw - 1400px + 20px) / 2 + 100% + 60px);
}
@media screen and (max-width: 1520px) {
  .block-grid-custom-1 > .grid-item:nth-of-type(3) > .bg-skew-green.left {
    width: calc((100vw - 1280px + 20px) / 2 + 100% + 60px);
  }
}
@media screen and (max-width: 1340px) {
  .block-grid-custom-1 > .grid-item:nth-of-type(3) > .bg-skew-green.left {
    width: calc((100vw - 1120px + 20px) / 2 + 100% + 60px);
  }
}
@media screen and (max-width: 1180px) {
  .block-grid-custom-1 > .grid-item:nth-of-type(3) > .bg-skew-green.left {
    width: calc((100vw - 992px + 80px) / 2 + 100% + 60px);
  }
}
@media screen and (max-width: 992px) {
  .block-grid-custom-1 > .grid-item:nth-of-type(3) > .bg-skew-green.left {
    width: calc(100% + 30px);
  }
}

.block-fact-data {
  color: #ffffff;
  line-height: 1.5;
}
.block-fact-data > .head {
  font-family: "oswald", sans-serif;
  font-size: 1.8rem;
  text-align: center;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 30px;
}
@media screen and (max-width: 576px) {
  .block-fact-data > .head {
    font-size: 1.4rem;
  }
}
.block-fact-data > .head:after {
  content: "";
  display: block;
  width: 40px;
  height: 1px;
  background-color: #ffffff;
  position: absolute;
  left: 50%;
  bottom: 0px;
  transform: translateX(-50%);
}
.block-fact-data > .body .title {
  font-size: 2.2rem;
}
@media screen and (max-width: 576px) {
  .block-fact-data > .body .title {
    font-size: 1.6rem;
  }
}
.block-fact-data > .body .title > .small {
  font-size: 1.8rem;
  display: block;
}
@media screen and (max-width: 576px) {
  .block-fact-data > .body .title > .small {
    font-size: 1.4rem;
  }
}
.block-fact-data > .body .number {
  font-family: "oswald", sans-serif;
  font-size: 10rem;
  line-height: 1.2;
  padding-left: 10px;
  padding-right: 10px;
}
@media screen and (max-width: 576px) {
  .block-fact-data > .body .number {
    font-size: 7.6rem;
  }
}
.block-fact-data > .body .unit {
  font-weight: bold;
  font-size: 4.6rem;
}
@media screen and (max-width: 576px) {
  .block-fact-data > .body .unit {
    font-size: 3.5rem;
  }
}
.block-fact-data > .body .aside {
  display: inline-block;
  position: relative;
  font-size: 2.2rem;
  top: -25px;
}
@media screen and (max-width: 576px) {
  .block-fact-data > .body .aside {
    font-size: 1.6rem;
    top: 15px;
  }
}
.block-fact-data > .body .annotation {
  display: block;
  text-align: right;
  font-size: 1.2rem;
}
.block-fact-data > .body .text-position-center {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 992px) {
  .block-fact-data > .body .text-position-center {
    justify-content: center;
  }
}
.block-fact-data > .body .text-position-center.reverse {
  flex-direction: row-reverse;
}
.block-fact-data.fact-data-1 {
  text-align: center;
  padding-top: 60px;
  position: relative;
}
@media screen and (max-width: 992px) {
  .block-fact-data.fact-data-1 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.block-fact-data.fact-data-1:before {
  content: "";
  display: block;
  width: 185px;
  height: 166px;
  background: center center url("../images/index/icon-fact-1.svg") no-repeat;
  background-size: contain;
  position: absolute;
  right: 0px;
  top: 30px;
}
@media screen and (max-width: 576px) {
  .block-fact-data.fact-data-1:before {
    width: 130px;
    height: 117px;
  }
}
.block-fact-data.fact-data-2 {
  text-align: center;
  padding-top: 0px;
  position: relative;
}
@media screen and (max-width: 992px) {
  .block-fact-data.fact-data-2 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.block-fact-data.fact-data-2:before {
  content: "";
  display: block;
  width: 200px;
  height: 212px;
  background: center center url("../images/index/icon-fact-2.svg") no-repeat;
  background-size: contain;
  position: absolute;
  left: -20px;
  top: 0px;
}
@media screen and (max-width: 576px) {
  .block-fact-data.fact-data-2:before {
    width: 123px;
    height: 130px;
    top: 60px;
    left: 10px;
  }
}
.block-fact-data.fact-data-2 > .head {
  margin-bottom: 10px;
}
@media screen and (max-width: 992px) {
  .block-fact-data.fact-data-2 > .head {
    margin-bottom: 30px;
  }
}
.block-fact-data.fact-data-2 > .body {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 992px) {
  .block-fact-data.fact-data-2 > .body {
    display: block;
  }
}
.block-fact-data.fact-data-2 > .body > .title {
  width: 50%;
}
@media screen and (max-width: 992px) {
  .block-fact-data.fact-data-2 > .body > .title {
    width: 100%;
  }
}
.block-fact-data.fact-data-2 > .body > .content {
  width: 50%;
}
@media screen and (max-width: 992px) {
  .block-fact-data.fact-data-2 > .body > .content {
    width: 100%;
    margin-top: 20px;
  }
}
.block-fact-data.fact-data-2 > .body > .content .number {
  line-height: 1;
}
.block-fact-data.fact-data-3 {
  margin-top: 30px;
}
@media screen and (max-width: 992px) {
  .block-fact-data.fact-data-3 {
    padding-top: 40px;
  }
}
.block-fact-data.fact-data-3:before {
  content: "";
  display: block;
  width: 174.67px;
  height: 177.12px;
  background: center center url("../images/index/icon-fact-3.svg") no-repeat;
  background-size: contain;
  position: absolute;
  right: -20px;
  top: 30px;
}
@media screen and (max-width: 992px) {
  .block-fact-data.fact-data-3:before {
    right: 20px;
  }
}
@media screen and (max-width: 576px) {
  .block-fact-data.fact-data-3:before {
    width: 99px;
    height: 100.39px;
  }
}
.block-fact-data.fact-data-3 > .body .text-position-center {
  justify-content: center;
}
.block-fact-data.fact-data-3 > .body .text-position-center > .title {
  position: relative;
  top: 10px;
}
@media screen and (max-width: 1800px) {
  .block-fact-data.fact-data-4 {
    padding-left: 80px;
  }
}
@media screen and (max-width: 992px) {
  .block-fact-data.fact-data-4 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.block-fact-data.fact-data-4:before {
  content: "";
  display: block;
  width: 257.02px;
  height: 282.69px;
  /* background: center center url("../images/index/icon-fact-4.svg") no-repeat; */
  background-size: contain;
  position: absolute;
  left: -110px;
  top: 40px;
}
@media screen and (max-width: 1800px) {
  .block-fact-data.fact-data-4:before {
    width: 197.02px;
    height: 215.2px;
    left: -80px;
  }
}
@media screen and (max-width: 1340px) {
  .block-fact-data.fact-data-4:before {
    left: -70px;
  }
}
@media screen and (max-width: 992px) {
  .block-fact-data.fact-data-4:before {
    top: 80px;
    left: 20px;
  }
}
@media screen and (max-width: 576px) {
  .block-fact-data.fact-data-4:before {
    width: 156.75px;
    height: 172.26px;
    top: 60px;
    left: 10px;
  }
}
.block-fact-data.fact-data-4 > .body {
  text-align: center;
}
.block-fact-data.fact-data-5 {
  width: 340px;
  max-width: 80%;
  text-align: center;
  margin: 0 auto;
}
@media screen and (max-width: 992px) {
  .block-fact-data.fact-data-5 {
    padding-top: 40px;
  }
}
@media screen and (max-width: 576px) {
  .block-fact-data.fact-data-5 {
    width: 260px;
  }
}
.block-fact-data.fact-data-5:before {
  content: "";
  display: block;
  width: 162.1px;
  height: 206.32px;
  background: center center url("../images/index/icon-fact-5.svg") no-repeat;
  background-size: contain;
  position: absolute;
  left: -30px;
  top: 20px;
}
@media screen and (max-width: 992px) {
  .block-fact-data.fact-data-5:before {
    left: 20px;
    top: 50px;
  }
}
@media screen and (max-width: 576px) {
  .block-fact-data.fact-data-5:before {
    width: 93.88px;
    height: 119.48px;
    top: 70px;
  }
}
@media screen and (max-width: 1180px) {
  .block-fact-data.fact-data-5 .number {
    font-size: 7.6rem;
  }
}
@media screen and (max-width: 1180px) {
  .block-fact-data.fact-data-5 .aside {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 576px) {
  .block-fact-data.fact-data-5 .aside {
    top: -15px;
  }
}
@media screen and (max-width: 1180px) {
  .block-fact-data.fact-data-5 .unit {
    font-size: 2.2rem;
  }
}
.block-fact-data.fact-data-6 {
  width: 340px;
  max-width: 80%;
  text-align: center;
  margin: 0 auto;
}
@media screen and (max-width: 992px) {
  .block-fact-data.fact-data-6 {
    padding-top: 40px;
  }
}
@media screen and (max-width: 576px) {
  .block-fact-data.fact-data-6 {
    width: 260px;
  }
}
.block-fact-data.fact-data-6:before {
  content: "";
  display: block;
  width: 165.79px;
  height: 175.44px;
  background: center center url("../images/index/icon-fact-6.svg") no-repeat;
  background-size: contain;
  position: absolute;
  left: -30px;
  top: 20px;
}
@media screen and (max-width: 992px) {
  .block-fact-data.fact-data-6:before {
    left: 20px;
  }
}
@media screen and (max-width: 576px) {
  .block-fact-data.fact-data-6:before {
    width: 115.65px;
    height: 122.38px;
    top: 70px;
  }
}
.block-fact-data.fact-data-7 {
  width: 340px;
  max-width: 85%;
  text-align: center;
  margin: 0 auto;
  padding-top: 20px;
}
@media screen and (max-width: 1180px) {
  .block-fact-data.fact-data-7 {
    padding-top: 20px;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 992px) {
  .block-fact-data.fact-data-7 {
    padding-top: 60px;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 576px) {
  .block-fact-data.fact-data-7 {
    width: 260px;
  }
}
.block-fact-data.fact-data-7:before {
  content: "";
  display: block;
  width: 165.79px;
  height: 175.44px;
  background: center center url("../images/index/icon-fact-7.svg") no-repeat;
  background-size: contain;
  position: absolute;
  right: -30px;
  top: -60px;
}
@media screen and (max-width: 992px) {
  .block-fact-data.fact-data-7:before {
    right: 20px;
    top: 20px;
  }
}
@media screen and (max-width: 576px) {
  .block-fact-data.fact-data-7:before {
    width: 90.78px;
    height: 112.06px;
    top: 70px;
  }
}
.block-fact-data.fact-data-8 {
  width: 340px;
  max-width: 80%;
  text-align: center;
  margin: 0 auto;
}
@media screen and (max-width: 992px) {
  .block-fact-data.fact-data-8 {
    padding-top: 40px;
  }
}
@media screen and (max-width: 576px) {
  .block-fact-data.fact-data-8 {
    width: 260px;
  }
}
.block-fact-data.fact-data-8:before {
  content: "";
  display: block;
  width: 164.17px;
  height: 164.87px;
  background: center center url("../images/index/icon-fact-8.svg") no-repeat;
  background-size: contain;
  position: absolute;
  left: -30px;
  top: 20px;
}
@media screen and (max-width: 992px) {
  .block-fact-data.fact-data-8:before {
    left: 20px;
  }
}
@media screen and (max-width: 576px) {
  .block-fact-data.fact-data-8:before {
    width: 110.5px;
    height: 110.97px;
    top: 70px;
  }
}

.block-section-sdgs .lead .description {
  margin-left: 30px;
}
@media screen and (max-width: 992px) {
  .block-section-sdgs .lead .description {
    margin-right: 30px;
  }
}

.block-text-1 {
  display: inline-flex;
  justify-content: center;
  line-height: 1.5;
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  .block-text-1 {
    font-size: 1.4rem;
  }
}
.block-text-1 > .icon {
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  .block-text-1 > .icon.icon-search {
    width: 19px;
    height: 19px;
  }
}

.block-sdgs {
  display: flex;
}
@media screen and (max-width: 992px) {
  .block-sdgs {
    display: block;
  }
}
.block-sdgs > .block-sdgs-head {
  width: 180px;
  text-align: left;
  position: relative;
  left: -15px;
  padding-top: 15px;
}
@media screen and (max-width: 992px) {
  .block-sdgs > .block-sdgs-head {
    width: 100%;
    left: 0px;
    padding-top: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 992px) {
  .block-sdgs > .block-sdgs-head > .left {
    display: block;
    width: calc(100% - 90px);
    text-align: left;
  }
}
@media screen and (max-width: 992px) {
  .block-sdgs > .block-sdgs-head > .right {
    width: 90px;
  }
}
.block-sdgs > .right {
  width: calc(100% - 180px);
}
@media screen and (max-width: 992px) {
  .block-sdgs > .right {
    width: 100%;
  }
}

.block-grid-custom-2 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr;
  gap: 30px;
}
@media screen and (max-width: 992px) {
  .block-grid-custom-2 {
    display: block;
  }
}
@media screen and (max-width: 992px) {
  .block-grid-custom-2 > .grid-item {
    margin-bottom: 30px;
  }
}
.block-grid-custom-2 > .grid-item:nth-of-type(3) {
  grid-column: 3/4;
  grid-row: 1/3;
}
.block-grid-custom-2 > .grid-item:nth-of-type(3) .right-2 {
  width: calc((100vw - 1400px) / 2 + 100% + 100px);
}
@media screen and (max-width: 1520px) {
  .block-grid-custom-2 > .grid-item:nth-of-type(3) .right-2 {
    width: calc((100vw - 1280px) / 2 + 100% + 100px);
  }
}
@media screen and (max-width: 1340px) {
  .block-grid-custom-2 > .grid-item:nth-of-type(3) .right-2 {
    width: calc((100vw - 1120px) / 2 + 100% + 100px);
  }
}
@media screen and (max-width: 1180px) {
  .block-grid-custom-2 > .grid-item:nth-of-type(3) .right-2 {
    width: calc((100vw - 992px) / 2 + 100% + 180px);
  }
}
@media screen and (max-width: 992px) {
  .block-grid-custom-2 > .grid-item:nth-of-type(3) .right-2 {
    width: calc(100% + 30px);
  }
}
.block-grid-custom-2 > .grid-item:nth-of-type(9) .left-2 {
  width: calc((100vw - 1400px) / 2 + 100% + 150px);
}
@media screen and (max-width: 1520px) {
  .block-grid-custom-2 > .grid-item:nth-of-type(9) .left-2 {
    width: calc((100vw - 1280px) / 2 + 100% + 150px);
  }
}
@media screen and (max-width: 1340px) {
  .block-grid-custom-2 > .grid-item:nth-of-type(9) .left-2 {
    width: calc((100vw - 1120px) / 2 + 100% + 150px);
  }
}
@media screen and (max-width: 1180px) {
  .block-grid-custom-2 > .grid-item:nth-of-type(9) .left-2 {
    width: calc((100vw - 992px) / 2 + 100% + 130px);
  }
}
@media screen and (max-width: 992px) {
  .block-grid-custom-2 > .grid-item:nth-of-type(9) .left-2 {
    width: calc(100% + 30px);
  }
}

.block-class-item {
  position: relative;
  padding-left: 120px;
}
.block-class-item > .icon {
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
}

.block-poster {
  display: inline-block;
  position: relative;
  color: #ffffff;
  transition: 0.3s 0s;
}
.block-poster > .title {
  content: "";
  display: block;
  width: 100%;
  padding: 80px 0 40px 0;
  background: linear-gradient(0deg, #000000 0%, transparent 100%);
  position: absolute;
  bottom: 0px;
}
.block-poster:hover {
  opacity: 0.7;
}

.block-headline-set-1 {
  display: flex;
  align-items: center;
}
.block-headline-set-1 > .button {
  margin-left: 40px;
}

.block-headline-set-2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.slick-banners .slick-arrow {
  position: absolute;
  bottom: -10px;
  left: 30px;
}
.slick-banners .slick-arrow.btn-next {
  left: auto;
  right: 30px;
}
@media screen and (max-width: 768px) {
  .slick-banners .slick-arrow.btn-next {
    left: auto;
    right: 15px;
  }
}
@media screen and (max-width: 768px) {
  .slick-banners .slick-arrow.btn-prev {
    left: 15px;
  }
}

.slick-facility {
  width: calc(100% + 30px);
  padding-bottom: 50px;
  margin-left: -15px;
}
.slick-facility .slick-arrow {
  position: absolute;
  bottom: 0px;
  left: 15px;
}
@media screen and (max-width: 768px) {
  .slick-facility .slick-arrow {
    bottom: auto;
    top: -55px;
  }
}
.slick-facility .slick-arrow.btn-next {
  left: auto;
  right: 15px;
}
@media screen and (max-width: 768px) {
  .slick-facility .slick-arrow.btn-next {
    left: auto;
    right: 15px;
  }
}
@media screen and (max-width: 768px) {
  .slick-facility .slick-arrow.btn-prev {
    left: auto;
    right: 70px;
  }
}
.slick-facility .slick-list {
  overflow: visible !important;
}
@media screen and (max-width: 992px) {
  .slick-facility .slick-list {
    overflow: hidden !important;
  }
}
.slick-facility .slick-item {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 15px;
}
.slick-facility .slick-item .block-type-2 {
  height: 100%;
}

.block-image-set-1 {
  text-align: center;
}
@media screen and (max-width: 576px) {
  .block-image-set-1 {
    margin-top: 30px;
  }
}
.block-image-set-1 > .caption {
  margin-top: 10px;
  font-size: 1.2rem;
  line-height: 1.5;
  text-align: left;
}

.block-event-thumb {
  display: flex;
  flex-direction: row-reverse;
}

.block-event-thumb .title{
  width: 100%;
}


@media screen and (max-width: 576px) {
  .block-event-thumb {
    display: block;
  }
}
.block-event-thumb > .image {
  display: block;
  width: 216px;
  flex-shrink: 0;
}
@media screen and (max-width: 1520px) {
  .block-event-thumb > .image {
    width: 180px;
  }
}
@media screen and (max-width: 576px) {
  .block-event-thumb > .image {
    width: 100%;
    margin-bottom: 10px;
  }
}
.block-event-thumb > .content {
  line-height: 1.5;
  width: calc(100% - 216px);
  padding-right: 30px;
}
@media screen and (max-width: 1520px) {
  .block-event-thumb > .content {
    width: calc(100% - 180px);
    padding-right: 15px;
  }
}
@media screen and (max-width: 576px) {
  .block-event-thumb > .content {
    width: 100%;
  }
}
.block-event-thumb > .content > .head {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
  line-height: 1.2;
}
@media screen and (max-width: 1340px) {
  .block-event-thumb > .content > .head {
    display: block;
  }
}
.block-event-thumb > .content > .head .label {
  margin-right: 10px;
}
.block-event-thumb > .content > .head .event-date {
  width: calc(100% - 110px - 10px);
}
@media screen and (max-width: 1340px) {
  .block-event-thumb > .content > .head .event-date {
    width: 100%;
    margin-top: 5px;
  }
}
.block-event-thumb > .content > .head .event-time {
  width: 100%;
  margin-top: 10px;
}
@media screen and (max-width: 1340px) {
  .block-event-thumb > .content > .head .event-time {
    margin-top: 5px;
  }
}
.block-event-thumb > .content > .head .date {
  font-family: "oswald", sans-serif;
}
.block-event-thumb > .content > .title {
  display: block;
  font-size: 1.8rem;
  font-weight: bold;
  color: #262626;
  margin-top: 15px;
}
.block-event-thumb > .content > .title[target=_blank]:after {
  content: "";
  display: inline-block;
  margin-left: 5px;
  width: 18.28px;
  height: 17.1px;
  background-repeat: no-repeat;
  background-image: url("/assets/images/common/icon-new-window.svg");
  background-size: contain;
  position: relative;
  top: 1px;
}
.block-event-thumb > .content > .title[href$=".pdf"]:after {
  width: 18.28px;
  height: 17.1px;
  background-image: url("/assets/images/common/icon-pdf.svg");
  position: relative;
    content: "";
display: inline-block;
background-repeat: no-repeat;
margin-left:0.5em;
}
.block-event-thumb > .content > .title > .icon {
  position: relative;
  top: 3px;
  margin-left: 5px;
}

.block-n-discovery {
  width: 100%;
  text-align: center;
  padding: 60px 15px;
  background: center center url("../images/common/bg-discovery.png") no-repeat;
  background-size: cover;
}
@media screen and (max-width: 992px) {
  .block-n-discovery {
    padding: 40px 15px;
  }
}
.block-n-discovery > .title {
  line-height: 1;
  font-family: "oswald", sans-serif;
  font-size: 9.2rem;
  color: #ffffff;
}
@media screen and (max-width: 992px) {
  .block-n-discovery > .title {
    font-size: 5rem;
  }
}

.block-info-thumb .image {
  text-align: center;
}
.block-info-thumb .image > a {
  display: block;
}
.block-info-thumb > .content > .title {
  display: block;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.5;
  padding: 20px 0px;
  color: #262626;
}
@media screen and (max-width: 992px) {
  .block-info-thumb > .content > .title {
    font-size: 1.6rem;
  }
}

.block-topback {
  font-weight: bold;
  font-size: 1.4rem;
  font-family: "oswald", sans-serif;
  display: flex;
  align-items: center;
  color: #ffffff !important;
  transform: rotate(-90deg);
  transform-origin: left bottom;
}
.block-topback:after {
  content: "";
  width: 80px;
  height: 1px;
  background-color: #ffffff;
  margin-left: 15px;
}

.block-mv-pages-image {
  height: 383px;
  overflow: hidden;
}
@media screen and (max-width: 1340px) {
  .block-mv-pages-image {
    height: 300px;
  }
}
@media screen and (max-width: 992px) {
  .block-mv-pages-image {
    height: 280px;
  }
}
@media screen and (max-width: 768px) {
  .block-mv-pages-image {
    height: 200px;
  }
}
@media screen and (max-width: 576px) {
  .block-mv-pages-image {
    height: 102px;
  }
}
.block-mv-pages-image > .inner {
  width: 100%;
  height: 100%;
  position: relative;
}
.block-mv-pages-image > .inner:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: rgba(29, 120, 62, 0.44);
}
.block-mv-pages-image > .inner > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.block-mv-pages-image > .inner > .title {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 4.6rem;
  font-weight: bold;
  color: #ffffff;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .block-mv-pages-image > .inner > .title {
    font-size: 3rem;
  }
}
@media screen and (max-width: 576px) {
  .block-mv-pages-image > .inner > .title {
    font-size: 2.5rem;
  }
}

.block-mv-category {
  background-color: #E2F3E4;
  line-height: 1.5;
}
.block-mv-category > .inner {
  padding-top: 48px;
  padding-bottom: 48px;
  text-align: center;
}
.block-mv-category > .inner > .english {
  font-family: "oswald", sans-serif;
  font-size: 3.2rem;
  display: block;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .block-mv-category > .inner > .english {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 576px) {
  .block-mv-category > .inner > .english {
    font-size: 2rem;
  }
}
.block-mv-category > .inner > .title {
  font-size: 4.6rem;
  color: #006E4F;
}
@media screen and (max-width: 768px) {
  .block-mv-category > .inner > .title {
    font-size: 3rem;
  }
}
@media screen and (max-width: 576px) {
  .block-mv-category > .inner > .title {
    font-size: 2.5rem;
  }
}

.block-search-form {
  padding: 40px 120px;
  background-color: #EFF5F0;
  clear: bottom;
  overflow: hidden;
}
@media screen and (max-width: 1340px) {
  .block-search-form {
    padding: 40px 80px;
  }
}
@media screen and (max-width: 992px) {
  .block-search-form {
    padding: 40px;
  }
}
@media screen and (max-width: 768px) {
  .block-search-form {
    padding: 20px;
  }
}
.block-search-form .search-item {
  display: flex;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .block-search-form .search-item {
    display: block;
    margin-bottom: 10px;
  }
}
.block-search-form .search-item:nth-last-of-type(2) {
  margin-bottom: 0px;
}
.block-search-form .search-item label {
  width: 180px;
  display: inline-block;
  padding-right: 20px;
  padding-top: 5px;
  text-align: right;
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .block-search-form .search-item label {
    display: block;
    width: 100%;
    text-align: left;
    padding-top: 0px;
    font-size: 1.6rem;
  }
}
.block-search-form .search-item input {
  width: calc(82% - 180px);
}
@media screen and (max-width: 768px) {
  .block-search-form .search-item input {
    width: 100%;
  }
}
.block-search-form .search-item.year {
  width: calc(100% - 160px);
  float: left;
}
@media screen and (max-width: 768px) {
  .block-search-form .search-item.year {
    float: none;
    width: 100%;
  }
}
.block-search-form .search-item.year select {
  width: calc(100% - 180px);
}
@media screen and (max-width: 768px) {
  .block-search-form .search-item.year select {
    width: 100%;
  }
}
.block-search-form .button {
  width: 160px;
  float: right;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .block-search-form .button {
    float: none;
    width: 100%;
    text-align: center;
    margin-top: 20px;
  }
}
.block-search-form .button button[type=submit] {
  display: inline-block;
  line-height: 1.2;
  font-size: 1.6rem;
  background-color: #006E4F;
  color: #ffffff;
  padding: 14px 40px;
  border-radius: 100px;
  position: relative;
}
.block-search-form .button button[type=submit]:before {
  content: "";
  width: 15.1px;
  height: 15.43px;
  display: inline-block;
  position: relative;
  background: center center url("../images/common/icon-search-white.svg") no-repeat;
  background-size: contain;
  margin-right: 10px;
  top: 0.1em;
}
.block-search-form .button button[type=submit]:after {
  content: "";
  width: 20px;
  height: 1px;
  background: #ffffff;
  position: absolute;
  top: calc(50% - 1px);
  right: 0px;
}

.block-pagination > ul {
  display: flex;
  flex-wrap: wrap;
  font-size: 1.4rem;
  line-height: 1.2;
  justify-content: center;
  align-items: center;
}
.block-pagination > ul > li {
  margin-left: 20px;
  margin-right: 20px;
}
@media screen and (max-width: 992px) {
  .block-pagination > ul > li {
    margin-left: 5px;
    margin-right: 5px;
  }
}
.block-pagination > ul > li > a {
  color: #262626;
  display: inline-block;
  padding: 3px 8px;
  background: transparent;
}
.block-pagination > ul > li.prev > a:hover, .block-pagination > ul > li.next > a:hover, .block-pagination > ul > li.number > a:hover {
  background: #006E4F;
  color: #ffffff;
  text-decoration: none;
}
.block-pagination > ul > li.active > a {
  background: #006E4F;
  color: #ffffff;
  text-decoration: none;
}

.block-mv-page-bg {
  position: relative;
}
.block-mv-page-bg:before {
  content: "";
  display: block;
  width: 100%;
  height: 400px;
  transform: skewY(-10.2deg);
  transform-origin: left top;
  background: #E2F3E4;
  position: absolute;
  top: -180px;
  left: 0px;
  z-index: 0;
}
@media screen and (max-width: 1800px) {
  .block-mv-page-bg:before {
    top: -200px;
  }
}
@media screen and (max-width: 1520px) {
  .block-mv-page-bg:before {
    top: -230px;
  }
}
@media screen and (max-width: 1180px) {
  .block-mv-page-bg:before {
    top: -250px;
  }
}
@media screen and (max-width: 992px) {
  .block-mv-page-bg:before {
    top: -280px;
  }
}
@media screen and (max-width: 768px) {
  .block-mv-page-bg:before {
    top: -300px;
  }
}

.block-mv-pages-simple {
  background-color: #E2F3E4;
  margin-bottom: 65px;
}
@media screen and (max-width: 992px) {
  .block-mv-pages-simple {
    margin-bottom: 30px;
  }
}
.block-mv-pages-simple h1 {
  position: relative;
  z-index: 1;
  font-size: 4.6rem;
  color: #006E4F;
  text-align: center;
  line-height: 1.5;
  padding: 60px 0px;
}
@media screen and (max-width: 768px) {
  .block-mv-pages-simple h1 {
    font-size: 3rem;
  }
}
@media screen and (max-width: 576px) {
  .block-mv-pages-simple h1 {
    font-size: 2.5rem;
  }
}

.blog-content {
  position: relative;
  z-index: 1;
  font-size: 1.8rem;
  line-height: 1.75;
}
@media screen and (max-width: 992px) {
  .blog-content {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 576px) {
  .blog-content {
    font-size: 1.4rem;
  }
}
.blog-content h1,
.blog-content h2,
.blog-content h3,
.blog-content h4,
.blog-content h5,
.blog-content h6 {
  line-height: 1.5;
  margin-bottom: 0.5em;
  position: relative;
}
.blog-content h1 {
  font-size: 2.4rem;
  font-weight: bold;
  background: #ffffff;
  padding: 16px 16px;
  margin-left: 3px;
}
@media screen and (max-width: 768px) {
  .blog-content h1 {
    font-size: 1.6rem;
  }
}
.blog-content h1:before, .blog-content h1:after {
  content: "";
  background: #006E4F;
  position: absolute;
}
.blog-content h1:before {
  width: 3px;
  height: 100%;
  left: -3px;
  top: 3px;
}
.blog-content h1:after {
  width: 100%;
  height: 3px;
  bottom: -3px;
  left: -3px;
}
.blog-content h2 {
  font-size: 2rem;
  color: #ffffff;
  padding: 8px 16px;
  background: #006E4F;
}
@media screen and (max-width: 768px) {
  .blog-content h2 {
    font-size: 1.4rem;
  }
}
.blog-content h3 {
  font-size: 2rem;
  background: #E2F3E4;
  padding: 8px 16px 8px 22px;
}
@media screen and (max-width: 768px) {
  .blog-content h3 {
    font-size: 1.4rem;
  }
}
.blog-content h3:before {
  content: "";
  width: 4px;
  height: calc(100% - 10px);
  background: #54A189;
  position: absolute;
  left: 10px;
  top: 5px;
}
.blog-content h4 {
  font-size: 2rem;
  padding: 0px 0px 8px 0px;
  border-bottom: 1px solid #6AC179;
}
@media screen and (max-width: 768px) {
  .blog-content h4 {
    font-size: 1.4rem;
  }
}
.blog-content h5 {
  font-size: 2rem;
  padding-left: 15px;
}
@media screen and (max-width: 768px) {
  .blog-content h5 {
    font-size: 1.4rem;
  }
}
.blog-content h5:before {
  content: "";
  width: 4px;
  height: 100%;
  background: #006E4F;
  position: absolute;
  left: 0px;
  top: 0px;
}
.blog-content h6, .blog-content .h6 {
  font-size: 2rem;
  padding-left: 20px;
  color: #006E4F;
}
@media screen and (max-width: 768px) {
  .blog-content h6, .blog-content .h6 {
    font-size: 1.4rem;
  }
}
.blog-content h6:before, .blog-content .h6:before {
  content: "";
  width: 12px;
  height: 12px;
  background: #9AD0A3;
  position: absolute;
  left: 0px;
  top: 0.35em;
  border-radius: 100%;
}
.blog-content strong {
  /* color: #8D1414; */
  font-weight: bold;
}
.blog-content a {
  color: #2996B2;
  text-decoration: underline;
}
.blog-content a:hover {
  color: #1f7389;
}

.blog-content a[href$=".pdf"]:after {
  background-image: url("https://www.nagoya-u.ac.jp/assets/images/common/icon-pdf.svg");
  display: inline-block;
width: 21px;
height: 20px;
content: "";
background-repeat: no-repeat;
margin-left: 0.2em;
  }
  


.blog-content figure {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}
.blog-content figure figcaption {
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: center;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .blog-content figure figcaption {
    font-size: 1.4rem;
  }
}
.blog-content .image-single {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}
.blog-content .image-single > p {
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: center;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .blog-content .image-single > p {
    font-size: 1.4rem;
  }
}
.blog-content p {
 /* margin-bottom: 1em;*/
  text-indent: 1em;
  line-height: 2;
}
.blog-content img {
 /* display: block; */
  margin: 0 auto 1em auto;
}
.blog-content small {
  font-size: 1.4rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .blog-content small {
    font-size: 1.2rem;
  }
}
.blog-content table {
  width: 100%;
  margin-bottom: 1em;
}
.blog-content table th,
.blog-content table td {
  border: 1px solid #CCDFD9;
  line-height: 1.5;
  background: #ffffff;
  padding: 1em;
  font-weight: normal;
}
.blog-content table th p,
.blog-content table td p{
  text-indent: 0;
}
@media screen and (max-width: 1180px) {
  .blog-content table th,
  .blog-content table td {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .blog-content table th,
  .blog-content table td {
    font-size: 1.4rem;
    padding: 1em;
  }
}
@media screen and (max-width: 576px) {
  .blog-content table th,
  .blog-content table td {
    font-size: 1.2rem;
    padding: 1em;
  }
}
.blog-content table th {
  background: #E2F3E4;
  width: 14em;
}
@media screen and (max-width: 576px) {
  .blog-content table th {
    width: 10em;
  }
}
.blog-content ul:not(.list-type-circle) > li {
  padding-left: 16px;
  position: relative;
  margin-bottom: 10px;
}
.blog-content ul:not(.list-type-circle) > li:before {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  background: #006E4F;
  position: absolute;
  left: 0px;
  top: 0.9em;
}
.blog-content ol {
  counter-reset: item;
  list-style-type: none;
  padding-left: 0;
}
.blog-content ol > li {
 /* padding-left: 1.5em; */
  position: relative;
  line-height: 1.5;
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .blog-content ol > li {
    padding-left: 1.8em;
  }
}
.blog-content ol > li:before {
  font-size: 1.4rem;
  counter-increment: item;
  content: counter(item);
  color: #ffffff;
  background: #006E4F;
  padding: 1px 7px;
  /* position: absolute;
  top: 0.1em;
  left: 0px; */
  margin-right: 0.5em;
}
@media screen and (max-width: 768px) {
  .blog-content ol > li:before {
    top: 0em;
  }
}
.blog-content .box-bordered {
  padding: 40px;
  border: 1px solid #E2F3E4;
  margin-top: 1em;
  margin-bottom: 1em;
}
@media screen and (max-width: 1180px) {
  .blog-content .box-bordered {
    padding: 30px;
  }
}
@media screen and (max-width: 768px) {
  .blog-content .box-bordered {
    padding: 15px;
  }
}
.blog-content .block-related-post {
  margin-top: 3em;
  margin-bottom: 1em;
}
.blog-content .block-related-post > dt {
  border-bottom: 2px solid #8AC995;
  font-size: 2rem;
  padding-bottom: 7px;
  margin-bottom: 20px;
}
.blog-content .button {
  margin-top: 3em;
  margin-bottom: 1em;
  text-align: center;
}
.blog-content .button.button-horizontal > a {
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 10px;
}
.blog-content .btn-green,
.blog-content .btn-outline-green {
  color: #ffffff;
  text-decoration: none;
  width: 260px;
  max-width: 100%;
}
.blog-content .btn-green:hover,
.blog-content .btn-outline-green:hover {
  color: #ffffff;
}
.blog-content div {
  overflow: hidden;
  clear: both;
}
.blog-content .image-right {
  float: right;
  margin-left: 20px;
  max-width: 50%;
}
@media screen and (max-width: 768px) {
  .blog-content .image-right {
    width: 100%;
    max-width: 100%;
    float: none;
    margin-left: 0px;
  }
}
.blog-content .image-right > p {
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: center;
  font-size: 1.6rem;
}
.blog-content .image-left {
  float: left;
  margin-right: 20px;
  max-width: 50%;
}
@media screen and (max-width: 768px) {
  .blog-content .image-left {
    width: 100%;
    max-width: 100%;
    float: none;
    margin-right: 0px;
  }
}
.blog-content .image-left > p {
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: center;
  font-size: 1.6rem;
}

.block-breadcrumb {
  z-index: 1;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  line-height: 1.5;
  font-size: 1.4rem;
  padding-top: 15px;
  padding-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .block-breadcrumb {
    font-size: 1.2rem;
    padding-bottom: 30px;
  }
}
.block-breadcrumb > li:after {
  content: ">";
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.block-breadcrumb > li:last-child:after {
  display: none;
}
.block-breadcrumb > li a {
  color: #262626;
}

.block-mv-news {
  margin-bottom: 40px;
}
.block-mv-news > .inner {
  overflow: hidden;
  clear: both;
}
.block-mv-news > .inner > .content .title {
  line-height: 1.5;
  font-size: 3.2rem;
  color: #006E4F;
}
@media screen and (max-width: 992px) {
  .block-mv-news > .inner > .content .title {
    font-size: 3rem;
  }
}
@media screen and (max-width: 576px) {
  .block-mv-news > .inner > .content .title {
    font-size: 2rem;
  }
}
.block-mv-news > .inner > .content .date {
  font-size: 1.8rem;
  margin-top: 15px;
  margin-bottom: 15px;
}
@media screen and (max-width: 992px) {
  .block-mv-news > .inner > .content .date {
    font-size: 1.4rem;
  }
}
.block-mv-news > .inner > .image {
  display: none;
}
.block-mv-news.with-image > .inner > .content {
/*  float: left;
  width: calc(50% - 20px); */
}
@media screen and (max-width: 992px) {
  .block-mv-news.with-image > .inner > .content {
    width: calc(50% - 5px);
  }
}
@media screen and (max-width: 768px) {
  .block-mv-news.with-image > .inner > .content {
    width: 100%;
    float: none;
  }
}
.block-mv-news.with-image > .inner > .image {
  display: block;
  float: right;
  width: calc(50% - 20px);
  
  margin-left: 1em;
  
}
@media screen and (max-width: 992px) {
  .block-mv-news.with-image > .inner > .image {
    width: calc(50% - 5px);
  }
}
@media screen and (max-width: 768px) {
  .block-mv-news.with-image > .inner > .image {
    width: 100%;
    float: none;
    margin-bottom: 20px;
    margin-left: 0;
  }
}

.block-sns {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.block-sns > dt {
  font-family: "oswald", sans-serif;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.5;
  color: #006E4F;
}
.block-sns > dd {
  line-height: 0;
  font-size: 0;
}
.block-sns > dd > .sns {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.block-sns > dd > .sns > li {
  margin-left: 15px;
}

.block-news-bottom {
  background: #EFF5F0;
  margin-top: 60px;
  margin-bottom: -150px;
  padding-top: 60px;
  padding-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .block-news-bottom {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.block-mv-pages .title {
  line-height: 1.5;
  font-size: 4.6rem;
  color: #006E4F;
  margin-bottom: 60px;
}
@media screen and (max-width: 992px) {
  .block-mv-pages .title {
    font-size: 3rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 576px) {
  .block-mv-pages .title {
    font-size: 2rem;
    margin-bottom: 20px;
  }
}
.block-mv-pages .lead {
  margin-top: 20px;
  margin-bottom: 30px;
  text-indent: 1em;
  font-size: 1.8rem;
}
@media screen and (max-width: 992px) {
  .block-mv-pages .lead {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 576px) {
  .block-mv-pages .lead {
    font-size: 1.4rem;
  }
}

.block-pages-bottom-nav {
  background: #EFF5F0;
  padding-top: 70px;
  padding-bottom: 100px;
  margin-bottom: -150px;
}
@media screen and (max-width: 992px) {
  .block-pages-bottom-nav {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.block-pages-bottom-nav .category-nav {
  background: #ffffff;
  padding: 40px;
}
.block-pages-bottom-nav .category-nav .title {
  font-size: 3rem;
  color: #006E4F;
  margin-bottom: 40px;
}
@media screen and (max-width: 992px) {
  .block-pages-bottom-nav .category-nav .title {
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 576px) {
  .block-pages-bottom-nav .category-nav .title {
    font-size: 1.6rem;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 992px) {
  .block-pages-bottom-nav .category-nav {
    padding: 20px;
  }
}
@media screen and (max-width: 576px) {
  .block-pages-bottom-nav .category-nav {
    padding: 15px;
  }
}

.headline-vision {
  font-size: 3.2rem;
  text-align: center;
  line-height: 1.5;
  position: relative;
  letter-spacing: 0.15em;
  margin-bottom: 60px;
}
@media screen and (max-width: 992px) {
  .headline-vision {
    font-size: 2rem;
  }
}
@media screen and (max-width: 576px) {
  .headline-vision {
    font-size: 1.4rem;
    letter-spacing: 0;
    margin-bottom: 20px;
  }
}
.headline-vision:after {
  content: "";
  height: 40px;
  width: 1px;
  background-color: #262626;
  display: block;
  margin: 15px auto 0 auto;
}
@media screen and (max-width: 576px) {
  .headline-vision:after {
    height: 20px;
  }
}
.headline-vision > strong {
  font-weight: normal;
  display: inline-block;
  position: relative;
}
.headline-vision > strong:before, .headline-vision > strong:after {
  content: "";
  background-color: #006E4F;
  position: absolute;
  left: 0;
  top: 0;
}
.headline-vision > strong:before {
  width: 20px;
  height: 1px;
}
@media screen and (max-width: 576px) {
  .headline-vision > strong:before {
    width: 10px;
  }
}
.headline-vision > strong:after {
  width: 1px;
  height: 50px;
}
@media screen and (max-width: 576px) {
  .headline-vision > strong:after {
    height: 20px;
  }
}
.headline-vision > strong > span {
  display: inline-block;
  padding: 15px 35px;
}
@media screen and (max-width: 576px) {
  .headline-vision > strong > span {
    padding: 5px 20px;
  }
}
.headline-vision > strong > span:before, .headline-vision > strong > span:after {
  content: "";
  background-color: #006E4F;
  position: absolute;
  right: 0;
  bottom: 0;
}
.headline-vision > strong > span:before {
  width: 20px;
  height: 1px;
}
@media screen and (max-width: 576px) {
  .headline-vision > strong > span:before {
    width: 10px;
  }
}
.headline-vision > strong > span:after {
  width: 1px;
  height: 50px;
}
@media screen and (max-width: 576px) {
  .headline-vision > strong > span:after {
    height: 20px;
  }
}

.headline-type-1 {
  text-align: center;
  line-height: 1.5;
}
.headline-type-1 > .english {
  font-family: "oswald", sans-serif;
  display: block;
  position: relative;
  font-size: 3.2rem;
}
@media screen and (max-width: 1340px) {
  .headline-type-1 > .english {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 576px) {
  .headline-type-1 > .english {
    margin-bottom: 10px;
    font-size: 1.8rem;
  }
}
.headline-type-1 > .english:after {
  content: "";
  height: 40px;
  width: 1px;
  background-color: #262626;
  display: block;
  margin: 15px auto 0 auto;
}
@media screen and (max-width: 768px) {
  .headline-type-1 > .english:after {
    height: 20px;
  }
}
.headline-type-1 > .title {
  font-size: 6rem;
  font-weight: bold;
  padding: 15px 0px;
}
@media screen and (max-width: 1340px) {
  .headline-type-1 > .title {
    font-size: 4rem;
  }
}
@media screen and (max-width: 768px) {
  .headline-type-1 > .title {
    padding: 5px 0px 10px 0px;
  }
}
@media screen and (max-width: 576px) {
  .headline-type-1 > .title {
    font-size: 3rem;
  }
}
.headline-type-1 > .subtitle {
  font-size: 1.8rem;
  font-weight: normal;
  display: inline-block;
  position: relative;
}
@media screen and (max-width: 768px) {
  .headline-type-1 > .subtitle {
    font-size: 1.4rem;
  }
}
.headline-type-1 > .subtitle:before, .headline-type-1 > .subtitle:after {
  content: "";
  background-color: #006E4F;
  position: absolute;
  left: 0;
  top: 0;
}
.headline-type-1 > .subtitle:before {
  width: 7px;
  height: 1px;
}
@media screen and (max-width: 576px) {
  .headline-type-1 > .subtitle:before {
    width: 6px;
  }
}
.headline-type-1 > .subtitle:after {
  width: 1px;
  height: 20px;
}
@media screen and (max-width: 576px) {
  .headline-type-1 > .subtitle:after {
    height: 16px;
  }
}
.headline-type-1 > .subtitle > .inner {
  display: inline-block;
  padding: 0px 10px;
}
@media screen and (max-width: 576px) {
  .headline-type-1 > .subtitle > .inner {
    padding: 0px 10px;
  }
}
.headline-type-1 > .subtitle > .inner:before, .headline-type-1 > .subtitle > .inner:after {
  content: "";
  background-color: #006E4F;
  position: absolute;
  right: 0;
  bottom: 0;
}
.headline-type-1 > .subtitle > .inner:before {
  width: 7px;
  height: 1px;
}
@media screen and (max-width: 576px) {
  .headline-type-1 > .subtitle > .inner:before {
    width: 6px;
  }
}
.headline-type-1 > .subtitle > .inner:after {
  width: 1px;
  height: 20px;
}
@media screen and (max-width: 576px) {
  .headline-type-1 > .subtitle > .inner:after {
    height: 16px;
  }
}
.headline-type-1 > .lead {
  margin-top: 40px;
}

.headline {
  line-height: 1.5;
  font-weight: bold;
  display: block;
}
.headline.headline-line-1 {
  position: relative;
  font-size: 2.2rem;
}
@media screen and (max-width: 768px) {
  .headline.headline-line-1 {
    font-size: 1.8rem;
  }
}
.headline.headline-line-1:before {
  content: "";
  width: 40px;
  height: 1px;
  background-color: #006E4F;
  position: absolute;
  left: -50px;
  top: 0.75em;
}
@media screen and (max-width: 768px) {
  .headline.headline-line-1:before {
    left: -45px;
  }
}
.headline.headline-line-under {
  font-size: 1.8rem;
  border-bottom: 1px solid #006E4F;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .headline.headline-line-under {
    font-size: 1.6rem;
  }
}
.headline.headline-english {
  text-align: center;
  font-family: "oswald", sans-serif;
  font-size: 3.2rem;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .headline.headline-english {
    font-size: 1.6rem;
  }
}
.headline.headline-size-60 {
  font-size: 6rem;
}
@media screen and (max-width: 1340px) {
  .headline.headline-size-60 {
    font-size: 4rem;
  }
}
.headline.headline-size-32 {
  font-size: 3.2rem;
}
@media screen and (max-width: 1340px) {
  .headline.headline-size-32 {
    font-size: 1.8rem;
  }
}
.headline.headline-size-26 {
  font-size: 2.6rem;
}
@media screen and (max-width: 768px) {
  .headline.headline-size-26 {
    font-size: 2rem;
  }
}
.headline.headline-size-18 {
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .headline.headline-size-18 {
    font-size: 1.6rem;
  }
}
.headline.no-box {
  margin-left: 30px;
}
@media screen and (max-width: 768px) {
  .headline.no-box {
    margin-left: 10px;
  }
}
.headline a {
  color: #262626;
}

.headline-type-2 {
  font-weight: bold;
  font-size: 2.2rem;
  color: #ffffff;
  line-height: 1.5;
  padding: 20px;
  background-color: #1D783E;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .headline-type-2 {
    font-size: 1.8rem;
    padding: 10px;
  }
}
.headline-type-2.green-lighter {
  background-color: #58B26A;
}

@media screen and (max-width: 768px) {
  .logo-nu {
    height: 19px;
    width: auto;
  }
}

.list-default > li {
  margin-bottom: 15px;
}
.list-default > li:last-child {
  margin-bottom: 0px;
}

.list-type-circle > li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 15px;
}
.list-type-circle > li:before {
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  background: rgba(75, 136, 168, 0.56);
  border-radius: 100%;
  position: absolute;
  top: 0.8em;
  left: 0px;
}
.list-type-circle > li .icon {
  position: relative;
  top: 2px;
  margin-left: 10px;
}

.list-nav-tabs > ul {
  display: flex;
  flex-wrap: wrap;
}
.list-nav-tabs > ul > li {
  flex-grow: 1;
  margin-right: 10px;
}
@media screen and (max-width: 1180px) {
  .list-nav-tabs > ul > li {
    margin-right: 5px;
  }
}
@media screen and (max-width: 768px) {
  .list-nav-tabs > ul > li {
    width: 33.333%;
    flex-grow: inherit;
    margin-right: 0px;
  }
}
.list-nav-tabs > ul > li:last-child {
  margin-right: 0px;
}
.list-nav-tabs > ul > li > a {
  display: block;
  background: #EBF5EC;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  color: #006E4F;
  line-height: 1.2;
  transition: 0.3s 0s;
}
@media screen and (max-width: 1180px) {
  .list-nav-tabs > ul > li > a {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 768px) {
  .list-nav-tabs > ul > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 1.2rem;
  }
}
.list-nav-tabs > ul > li > a:hover {
  text-decoration: none;
  background: #006E4F;
  color: #ffffff;
}
.list-nav-tabs > ul > li.active > a {
  background: #006E4F;
  color: #ffffff;
}

.list-pages-1 {
  line-height: 1.5;
}
.list-pages-1 > li > a {
  display: block;
  font-size: 2rem;
  padding: 25px 15px 25px 40px;
  background-color: #58B26A;
  color: #ffffff;
  transition: 0.3s 0s;
  position: relative;
}
@media screen and (max-width: 1180px) {
  .list-pages-1 > li > a {
    font-size: 1.8rem;
    padding: 18px 18px 18px 30px;
  }
}
@media screen and (max-width: 576px) {
  .list-pages-1 > li > a {
    font-size: 1.6rem;
    padding: 12px 12px 12px 20px;
  }
}
.list-pages-1 > li > a:hover {
  text-decoration: none;
  background-color: #006E4F;
}
.list-pages-1 > li > a:before {
  content: "";
  width: 30px;
  height: 1px;
  background-color: #ffffff;
  position: absolute;
  left: 0px;
  top: calc(50% + 1px);
}
@media screen and (max-width: 1180px) {
  .list-pages-1 > li > a:before {
    width: 20px;
  }
}
@media screen and (max-width: 576px) {
  .list-pages-1 > li > a:before {
    width: 10px;
  }
}
.list-pages-1 > li > ul {
  padding: 1em 0 ;
}
@media screen and (max-width: 1180px) {
  .list-pages-1 > li > ul {
    padding: 1em 0;
  }
}

.list-arrow-simple {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; 
}
.list-arrow-simple > li {
  width: calc(50% - 10px);
  padding: 1em 0;
  border-bottom: solid 1px #ccc;
}
@media screen and (max-width: 576px) {
  .list-arrow-simple > li {
    width: 100%;
  }
}
.list-arrow-simple > li > a ,
.list-arrow-simple > li > span {
  display: inline-block;
  position: relative;
  font-size: 1.8rem;
  padding-left: 20px;
  color: #262626;
}
@media screen and (max-width: 1180px) {
  .list-arrow-simple > li > a,
.list-arrow-simple > li > span {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 576px) {
  .list-arrow-simple > li > a,
.list-arrow-simple > li > span {
    font-size: 1.4rem;
    padding-left: 15px;
  }
}
.list-arrow-simple > li > a:before ,
.list-arrow-simple > li > span:before {
  content: "";
  display: block;
  width: 9px;
  height: 17px;
  background: center center url("../images/common/icon-arrow-black.svg") no-repeat;
  background-size: contain;
  position: absolute;
  left: 0px;
  top: 0.5em;
}
@media screen and (max-width: 576px) {
  .list-arrow-simple > li > a:before ,
.list-arrow-simple > li > span:before{
    top: 0.08em;
    width: 7px;
    height: 14px;
  }
}
.list-arrow-simple.col-3 > li {
  width: calc(33.3333% - 10px);
}
@media screen and (max-width: 992px) {
  .list-arrow-simple.col-3 > li {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 768px) {
  .list-arrow-simple.col-3 > li {
    width: 100%;
  }
}


.list-arrow-naka {
 /*  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; */
}
.list-arrow-naka > li {
 /* width: calc(50% - 10px); */
  padding: 1em 0;
  border-bottom: solid 1px #ccc;
}
@media screen and (max-width: 576px) {
  .list-arrow-naka > li {
    width: 100%;
  }
}
.list-arrow-naka > li > a ,
.list-arrow-naka > li > span {
  display: inline-block;
  position: relative;
  font-size: 1.8rem;
  padding-left: 20px;
  color: #262626;
}
@media screen and (max-width: 1180px) {
  .list-arrow-naka > li > a,
.list-arrow-naka > li > span {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 576px) {
  .list-arrow-naka > li > a,
.list-arrow-naka > li > span {
    font-size: 1.4rem;
    padding-left: 15px;
  }
}
.list-arrow-naka > li > a:before ,
.list-arrow-naka > li > span:before {
  content: "";
  display: block;
  width: 9px;
  height: 17px;
  background: center center url("../images/common/icon-arrow-black.svg") no-repeat;
  background-size: contain;
  position: absolute;
  left: 0px;
  top: 0.5em;
}
@media screen and (max-width: 576px) {
  .list-arrow-naka > li > a:before ,
.list-arrow-naka > li > span:before{
    top: 0.08em;
    width: 7px;
    height: 14px;
  }
}
.list-arrow-naka.col-3 > li {
  width: calc(33.3333% - 10px);
}
@media screen and (max-width: 992px) {
  .list-arrow-naka.col-3 > li {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 768px) {
  .list-arrow-naka.col-3 > li {
    width: 100%;
  }
}

.list-footer > li {
  margin-bottom: 15px;
}
.list-footer > li:last-child {
  margin-bottom: 0px;
}

.list-icon-labels {
  display: flex;
  justify-content: flex-end;
}
.list-icon-labels > li {
  font-size: 1.4rem;
  white-space: nowrap;
  display: flex;
  align-items: center;
  margin-right: 30px;
}
@media screen and (max-width: 576px) {
  .list-icon-labels > li {
    font-size: 1.2rem;
  }
}
.list-icon-labels > li:last-child {
  margin-right: 0px;
}
.list-icon-labels > li > .icon {
  margin-right: 10px;
}

.list-program {
  display: flex;
  flex-wrap: wrap;
}
.list-program > li {
  width: 16.6666%;
  text-align: center;
}
@media screen and (max-width: 576px) {
  .list-program > li {
    width: 33.3333%;
  }
}

.list-spotlight {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin-left: -20px;
  margin-right: -20px;
}
@media screen and (max-width: 1180px) {
  .list-spotlight {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media screen and (max-width: 576px) {
  .list-spotlight {
    margin-left: 0px;
    margin-right: 0px;
  }
}
.list-spotlight .slick-item {
  width: 33.3333%;
  /* padding-left: 20px; */
  /* padding-right: 20px; */
  padding-left: 0.5em;
  padding-right: 0.5em;
}
@media screen and (max-width: 1180px) {
  .list-spotlight .slick-item {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 576px) {
  .list-spotlight .slick-item {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.list-spotlight .slick-arrow {
  bottom: -55px;
  position: absolute;
}
.list-spotlight .btn-prev {
  left: 35px;
}
.list-spotlight .btn-next {
  right: 35px;
}

.list-banners {
  margin-left: -20px;
  margin-right: -20px;
  line-height: 0;
}
@media screen and (max-width: 768px) {
  .list-banners {
    margin-left: -10px;
    margin-right: -10px;
  }
}
.list-banners .slick-item {
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .list-banners .slick-item {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.list-banners .slick-item > a {
  display: block;
  text-align: center;
}
.list-banners .slick-item > a img {
  width: 100%;
  height: auto;
}
.list-banners .slick-slide > div {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .list-banners .slick-slide > div {
    margin-bottom: 20px;
  }
}
.list-banners .slick-slide > div:nth-of-type(2) {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .list-banners .slick-slide > div:nth-of-type(2) {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .list-banners .slick-slide > div:nth-of-type(3) {
    margin-bottom: 0px;
  }
}

.list-event-tumb {
  position: relative;
  display: flex;
flex-wrap: wrap;
}
.list-event-tumb .slick-item {
  position: relative;
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 25px;
margin: 1em 1%;
width: 46%;
}
@media screen and (max-width: 768px) {
  .list-event-tumb .slick-item {

    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 460px) {
  .list-event-tumb .slick-item {
    width: 100%;
  }
}
.list-event-tumb .slick-item:last-child {
  border-bottom: 0px;
}
.list-event-tumb .slick-arrow {
  position: absolute;
  top: 30%;
  z-index: 1;
}
.list-event-tumb .btn-prev {
  left: 0px;
}
.list-event-tumb .btn-next {
  right: 0px;
}
.list-event-tumb .slick-dots {
  margin-bottom: 30px;
  margin-top: 30px;
}

.list-grid-sdgs-icon {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: 1fr 1fr;
  gap: 2px;
}
@media screen and (max-width: 576px) {
  .list-grid-sdgs-icon {
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: 1fr 1fr 1fr;
  }
}
.list-grid-sdgs-icon a {
  opacity: 1;
  transition: 0.3s 0s;
}
.list-grid-sdgs-icon a:hover {
  opacity: 0.7;
}
.list-grid-sdgs-icon img {
  width: 100%;
  height: auto;
}

.list-news {
  line-height: 1.5;
}
.list-news > li {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #DCE9E5;
}
.list-news > li:last-child {
  margin-bottom: 0px;
  border-bottom: 0;
}
.list-news > li .head {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  margin-bottom: 0.75e;
}
.list-news > li .head > .time {
  margin-right: 15px;
}
.list-news > li .body > .title {
  display: block;
  font-size: 1.8rem;
  color: #262626;
  margin-bottom: 0.7em;
  line-height: 1.75;
  margin-top: 0.7em;
}
@media screen and (max-width: 768px) {
  .list-news > li .body > .title {
    font-size: 1.6rem;
  }
}
.list-news > li .body > .title[target=_blank]:after {
  content: "";
  display: inline-block;
  margin-left: 5px;
  width: 18.28px;
  height: 17.1px;
  background-repeat: no-repeat;
  background-image: url("/assets/images/common/icon-new-window.svg");
  background-size: contain;
  position: relative;
  top: 1px;
}
.list-news > li .body > .title[href$=".pdf"]:after {
  width: 18.28px;
  height: 17.1px;
  background-image: url("/assets/images/common/icon-pdf.svg");
  position: relative;
  content: "";
display: inline-block;
background-repeat: no-repeat;
margin-left:0.5em;
}
.list-news > li .body > .description {
  margin-top: 15px;
  line-height: 1.75;
}
.list-news > li .body > .lead {
  line-height: 1.75;
  color: #999;
}
.list-news > li.with-image {
  display: flex;
}
@media screen and (max-width: 768px) {
  .list-news > li.with-image {
    align-items: flex-start;
  }
}
.list-news > li.with-image > .content {
  width: calc(100% - 110px);
  padding-right: 20px;
}

@media screen and (max-width: 768px) {

.list-news > li.with-image {
  display: block;
  margin-top:1em;
}

.list-news > li.with-image > .content {
  width: 100%;
  padding-right: 20px;
}
}




.list-news > li.with-image > .image {
  width: 200px;
}
.list-news.lg-image > li.with-image > .content {
 /* width: calc(100% - 180px); */
  padding-right: 20px;
}
.list-news.lg-image > li.with-image > .image {
  width: 180px;
}

@media screen and (max-width: 768px) {
.list-news.lg-image > li.with-image > .image {
  width: 180px;
  margin-top: 1em;
}
}

.list-news.lg-image > li.with-image > .image img {
  width: 100%;
  height: auto;
}

.list-attention {
  font-size: 1.2rem;
  line-height: 1.5;
}
.list-attention > li {
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: 5px;
}
.list-attention > li:last-child {
  margin-bottom: 0px;
}

.dl-type-2 > dt {
  font-size: 2.2rem;
  border-bottom: 1px solid #006E4F;
  line-height: 1.5;
  padding-bottom: 15px;
  margin-bottom: 15px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .dl-type-2 > dt {
    font-size: 1.8rem;
  }
}
.dl-type-2 > dt:after {
  content: "";
  display: block;
  background-color: #006E4F;
  width: 30px;
  height: 1px;
  transform: rotate(45deg);
  transform-origin: right center;
  position: absolute;
  right: 0px;
  bottom: -1px;
}
input[type=text],
input[type=tel],
input[type=number],
input[type=password],
input[type=email],
input[type=search],
select,
.input-filter {
  display: inline-block;
  font-size: 1.6rem;
  border: 1px solid #DCE9E5;
  background-color: #ffffff;
  height: 47px;
  line-height: 47px;
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
  text-align: left;
}
input[type=text]:focus, input[type=text]:active,
input[type=tel]:focus,
input[type=tel]:active,
input[type=number]:focus,
input[type=number]:active,
input[type=password]:focus,
input[type=password]:active,
input[type=email]:focus,
input[type=email]:active,
input[type=search]:focus,
input[type=search]:active,
select:focus,
select:active,
.input-filter:focus,
.input-filter:active {
  border: 1px solid #262626;
}
input[type=text]::placeholder,
input[type=tel]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=email]::placeholder,
input[type=search]::placeholder,
select::placeholder,
.input-filter::placeholder {
  color: #cccccc;
  font-size: 1.2rem;
}
input[type=text].max-width-50,
input[type=tel].max-width-50,
input[type=number].max-width-50,
input[type=password].max-width-50,
input[type=email].max-width-50,
input[type=search].max-width-50,
select.max-width-50,
.input-filter.max-width-50 {
  max-width: 50%;
}
@media screen and (max-width: 992px) {
  input[type=text].max-width-50,
  input[type=tel].max-width-50,
  input[type=number].max-width-50,
  input[type=password].max-width-50,
  input[type=email].max-width-50,
  input[type=search].max-width-50,
  select.max-width-50,
  .input-filter.max-width-50 {
    max-width: 100%;
  }
}
input[type=text].width-80px,
input[type=tel].width-80px,
input[type=number].width-80px,
input[type=password].width-80px,
input[type=email].width-80px,
input[type=search].width-80px,
select.width-80px,
.input-filter.width-80px {
  width: 100px;
  max-width: 100%;
}
@media screen and (max-width: 992px) {
  input[type=text].width-80px,
  input[type=tel].width-80px,
  input[type=number].width-80px,
  input[type=password].width-80px,
  input[type=email].width-80px,
  input[type=search].width-80px,
  select.width-80px,
  .input-filter.width-80px {
    width: 100%;
    max-width: 100%;
  }
}

input[type=search]:focus, input[type=search]:active {
  border: 1px solid #262626;
}

.input-filter {
  cursor: pointer;
  padding-right: 28px;
  position: relative;
  font-size: 1.2rem;
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-image: url(/assets/css/"data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229.863%22%20height%3D%2212.501%22%20viewBox%3D%220%200%209.863%2012.501%22%3E%3Cdefs%3E%3Cstyle%3E.a%2C.b%7Bfill%3Anone%3Bstroke%3A%23020202%3B%7D.a%7Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate(80.755%20-450.267)%22%3E%3Cline%20class%3D%22a%22%20x2%3D%229%22%20transform%3D%22translate(-80.255%20453.358)%22%2F%3E%3Cpath%20class%3D%22b%22%20d%3D%22M-80.255%2C450.267v6%22%2F%3E%3Cpath%20class%3D%22b%22%20d%3D%22M0%2C0H9%22%20transform%3D%22translate(-80.255%20460.266)%22%2F%3E%3Cline%20class%3D%22a%22%20y2%3D%225%22%20transform%3D%22translate(-71.392%20457.768)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@media screen and (max-width: 992px) {
  .input-filter {
    font-size: 1.6rem;
  }
}

select {
  cursor: pointer;
  padding-right: 28px;
  position: relative;
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-image: url(/assets/css/"data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%225%22%20viewBox%3D%220%200%2010%205%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3A%23020202%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22a%22%20d%3D%22M.776%2C10%2C0%2C9.412%2C3.727%2C5%2C0%2C.588.776%2C0%2C5%2C5Z%22%20transform%3D%22translate(10)%20rotate(90)%22%2F%3E%3C%2Fsvg%3E");
}
select:focus, select:active {
  border: 1px solid #262626;
}

textarea {
  min-height: 15em;
  display: block;
  font-size: 1.6rem;
  border: 1px solid #aaaaaa;
  background-color: #ffffff;
  width: 100%;
  padding: 10px;
  text-align: left;
}
textarea:focus, textarea:active {
  border: 1px solid #17a2b8;
}
textarea.sm {
  min-height: 7em;
}
textarea::placeholder {
  color: #cccccc;
  font-size: 1.2rem;
}

.header {
  background-color: #ffffff;
  line-height: 1.2;
  position: fixed;
  width: 100%;
  top: 0px;
  left: 0px;
  z-index: 500;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
  transition: 0.3s 0s;
}
.header .header-line-1 {
  padding: 20px 20px 10px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.4rem;
  border-bottom: 1px solid #006E4F;
}
@media screen and (max-width: 992px) {
  .header .header-line-1 {
    border-bottom: 0;
    padding: 20px 20px 20px 20px;
  }
}
@media screen and (max-width: 576px) {
  .header .header-line-1 {
    border-bottom: 0;
    padding: 10px;
  }
}
.header .header-line-1 .left {
  display: flex;
}
.header .header-line-1 .left > .logo-tokai {
  display: block;
  width: 140.97px;
  height: 50.05px;
  margin-right: 34px;
}
@media screen and (max-width: 1180px) {
  .header .header-line-1 .left > .logo-tokai {
    width: 114.54px;
    height: 41.03px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 576px) {
  .header .header-line-1 .left > .logo-tokai {
    width: 81.34px;
    height: 30.44px;
  }
}
.header .header-line-1 .left > .logo-tokai img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.header .header-line-1 .left > .logo-nagoya {
  display: block;
  width: 212.21px;
  height: 47.18px;
}
@media screen and (max-width: 1180px) {
  .header .header-line-1 .left > .logo-nagoya {
    width: 172.41px;
    height: 38.33px;
  }
}
@media screen and (max-width: 576px) {
  .header .header-line-1 .left > .logo-nagoya {
    width: 120.72px;
    height: 26.84px;
  }
}
.header .header-line-1 .left > .logo-nagoya img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.header .header-line-1 .right {
  display: flex;
  align-items: center;
  margin-top: -10px;
}
@media screen and (max-width: 992px) {
  .header .header-line-1 .right {
    margin-top: 0px;
  }
}
.header .header-line-1 .right > .lang-switch {
  display: flex;
  margin-right: 24px;
}
@media screen and (max-width: 1180px) {
  .header .header-line-1 .right > .lang-switch {
    margin-right: 15px;
  }
}
@media screen and (max-width: 992px) {
  .header .header-line-1 .right > .lang-switch {
   /* display: none; */
  }
}
.header .header-line-1 .right > .lang-switch > li a {
  display: block;
  border: 1px solid #9F9F9F;
  padding: 6px 12px 6px 18px;
  border-radius: 100px 0 0 100px;
  text-decoration: none !important;
  color: #262626;
}
.header .header-line-1 .right > .lang-switch > li a:hover {
  background-color: #262626;
  color: #ffffff;
}
.header .header-line-1 .right > .lang-switch > li:last-child a {
  padding: 6px 18px 6px 12px;
  border-radius: 0 100px 100px 0;
  margin-left: -1px;
}
.header .header-line-1 .right > .nav-useful {
  margin-right: 25px;
}
@media screen and (max-width: 1180px) {
  .header .header-line-1 .right > .nav-useful {
    margin-right: 15px;
  }
}
@media screen and (max-width: 992px) {
  .header .header-line-1 .right > .nav-useful {
    display: none;
  }
}
.header .header-line-1 .right > .nav-useful > ul {
  display: flex;
}
.header .header-line-1 .right > .nav-useful > ul > li {
  margin-right: 37px;
  align-items: center;
}
@media screen and (max-width: 1180px) {
  .header .header-line-1 .right > .nav-useful > ul > li {
    margin-right: 10px;
  }
}
.header .header-line-1 .right > .nav-useful > ul > li:nth-last-of-type(1) {
  margin-right: 0;
}
.header .header-line-1 .right > .nav-useful > ul > li > a {
  color: #262626;
}
.header .header-line-1 .right > .sns {
  display: flex;
  margin-right: 25px;
  align-items: center;
}
@media screen and (max-width: 1180px) {
  .header .header-line-1 .right > .sns {
    margin-right: 15px;
  }
}
@media screen and (max-width: 992px) {
  .header .header-line-1 .right > .sns {
    display: none;
  }
}
.header .header-line-1 .right > .sns > li {
  margin-right: 18px;
}
@media screen and (max-width: 1180px) {
  .header .header-line-1 .right > .sns > li {
    margin-right: 10px;
  }
}
.header .header-line-1 .right > .sns > li:nth-last-of-type(1) {
  margin-right: 0;
}
.header .header-line-1 .right > .sns > li a {
  opacity: 1;
  transition: 0.3s 0s;
}
.header .header-line-1 .right > .sns > li a:hover {
  opacity: 0.7;
}
@media screen and (max-width: 992px) {
  .header .header-line-1 .right > .button {
    display: none;
  }
}
.header .header-line-1 .right > .btn-hamb {
  display: none;
}
@media screen and (max-width: 992px) {
  .header .header-line-1 .right > .btn-hamb {
    display: block;
  }
}
.header .header-line-2 {
  text-align: center;
  position: relative;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1520px) {
  .header .header-line-2 {
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 992px) {
  .header .header-line-2 {
    display: none;
  }
}
.header .header-line-2 .global-nav {
  display: flex;
  justify-content: center;
  font-size: 1.8rem;
  font-weight: bold;
}
@media screen and (max-width: 1520px) {
  .header .header-line-2 .global-nav {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1340px) {
  .header .header-line-2 .global-nav {
    padding-right: 270px;
  }
}
.header .header-line-2 .global-nav > li {
  padding-left: 40px;
  padding-right: 40px;
}
@media screen and (max-width: 1800px) {
  .header .header-line-2 .global-nav > li {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.header .header-line-2 .global-nav > li a {
  display: block;
  color: #262626;
  position: relative;
  padding-top: 22px;
  padding-bottom: 22px;
}
.header .header-line-2 .global-nav > li a:after {
  content: "";
  display: block;
  width: 35px;
  height: 0px;
  background-color: #006E4F;
  position: absolute;
  bottom: 0;
  left: calc(50% - 17px);
  transition: 0.3s 0s;
}
.header .header-line-2 .global-nav > li:last-child {
  padding-right: 0px;
}
.header .header-line-2 .global-nav > li:first-child {
  padding-left: 0px;
}
.header .header-line-2 .global-nav > li > .megamenu {
  width: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  z-index: 2;
  opacity: 0;
  transition: 0.16s 0s;
}
.header .header-line-2 .global-nav > li > .megamenu .header-line-3 {
  text-align: center;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
@media screen and (max-width: 992px) {
  .header .header-line-2 .global-nav > li > .megamenu .header-line-3 {
    display: none;
  }
}
.header .header-line-2 .global-nav > li > .megamenu .header-line-3 .sub-nav {
  display: flex;
  justify-content: center;
  font-size: 1.8rem;
  font-weight: normal;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1520px) {
  .header .header-line-2 .global-nav > li > .megamenu .header-line-3 .sub-nav {
    font-size: 1.6rem;
  }
}
.header .header-line-2 .global-nav > li > .megamenu .header-line-3 .sub-nav > li a {
  display: block;
  padding: 22px 25px;
  color: #ffffff;
}
@media screen and (max-width: 1340px) {
  .header .header-line-2 .global-nav > li > .megamenu .header-line-3 .sub-nav > li a {
    padding: 22px 10px;
  }
}
.header .header-line-2 .global-nav > li > .megamenu .header-line-3 .sub-nav > li a:hover {
  text-decoration: underline;
}
.header .header-line-2 .global-nav > li > .megamenu .header-line-3 .sub-nav > li:last-child a {
  padding-right: 0px;
}
.header .header-line-2 .global-nav > li > .megamenu .header-line-3 .sub-nav > li:first-child a {
  padding-left: 0px;
}
.header .header-line-2 .global-nav > li:hover a {
  color: #006E4F;
  text-decoration: none;
}
.header .header-line-2 .global-nav > li:hover a:after {
  height: 6px;
}
.header .header-line-2 .global-nav > li:hover > .megamenu {
  z-index: 1;
  opacity: 1;
}
.header .header-line-2 .button {
  display: flex;
  position: absolute;
  right: 0;
  top: 0px;
}
.header .header-line-3 {
  text-align: center;
  background-color: #006E4F;
}
@media screen and (max-width: 992px) {
  .header .header-line-3 {
    display: none;
  }
}
.header .header-line-3 .sub-nav {
  display: flex;
  justify-content: center;
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1520px) {
  .header .header-line-3 .sub-nav {
    font-size: 1.6rem;
  }
}
.header .header-line-3 .sub-nav > li a {
  display: block;
  padding: 22px 25px;
  color: #ffffff;
}
@media screen and (max-width: 1340px) {
  .header .header-line-3 .sub-nav > li a {
    padding: 22px 10px;
  }
}
.header .header-line-3 .sub-nav > li:last-child a {
  padding-right: 0px;
}
.header .header-line-3 .sub-nav > li:first-child a {
  padding-left: 0px;
}

.megamenu {
  background-color: #006E4F;
  font-size: 1.6rem;
  font-weight: normal;
}
.megamenu > .inner {
  width: 1090px;
  margin: 0 auto;
  padding-top: 45px;
  padding-bottom: 20px;
}
.megamenu > .inner > .global-sub-nav {
  display: flex;
  flex-wrap: wrap;
  text-align: left;
}
.megamenu > .inner > .global-sub-nav > li {
  width: 33.3333%;
  margin-bottom: 25px;
  position: relative;
}
.megamenu > .inner > .global-sub-nav > li > a {
  color: #ffffff !important;
  padding: 0 0 0 22px;
  position: relative;
}
.megamenu > .inner > .global-sub-nav > li > a:after {
  display: none;
}
.megamenu > .inner > .global-sub-nav > li > a:before {
  content: "";
  display: block;
  width: 7.5px;
  height: 12px;
  background: center center url("../images/common/icon-arrow-white.svg") no-repeat;
  background-size: contain;
  position: absolute;
  top: 0.25em;
  left: 0px;
}
.megamenu > .inner > .global-sub-nav > li > a:hover {
  text-decoration: underline;
}

.hamb-body {
  position: fixed;
  width: 100%;
  overflow: hidden;
  height: 0%;
  top: 0px;
  transition: 0.3s 0s;
  opacity: 0;
  background-color: #FBFBFB;
  z-index: 490;
}
.hamb-body > .inner {
  height: 100%;
  overflow-y: auto;
  padding: 18px;
}
.hamb-body > .inner > .button-1 .btn-green-simple {
  display: block;
  text-align: center;
}
.hamb-body > .inner > .button-2 {
  display: flex;
  margin: 15px 0px;
}
.hamb-body > .inner > .button-2 > li {
  width: 33.3333%;
}
.hamb-body > .inner > .button-2 .btn-icon {
  width: 100%;
}
.hamb-body .global-nav > li {
  border-bottom: 1px solid #6AC179;
}
.hamb-body .global-nav > li > span {
  display: block;
  font-size: 1.8rem;
  font-weight: bold;
  padding: 15px 35px 15px 5px;
  color: #262626;
  position: relative;
}
.hamb-body .global-nav > li > span > .btn-toggle {
  position: absolute;
  right: 15px;
  top: 1.5em;
}
.hamb-body .global-nav > li .sub-nav-wrap {
  visibility: collapse;
  opacity: 0;
  height: 0;
  transition: 0.3s 0s;
}
.hamb-body .global-nav > li .sub-nav-wrap .global-sub-nav {
  padding-bottom: 30px;
  padding-left: 15px;
}
.hamb-body .global-nav > li .sub-nav-wrap .global-sub-nav > li a {
  color: #262626;
  display: block;
  position: relative;
  padding: 0 0 0 22px;
}
.hamb-body .global-nav > li .sub-nav-wrap .global-sub-nav > li a:before {
  content: "";
  display: block;
  width: 7.5px;
  height: 12px;
  background: center center url("../images/common/icon-arrow-green.svg") no-repeat;
  background-size: contain;
  position: absolute;
  top: 0.65em;
  left: 0px;
}
.hamb-body .global-nav > li.on .sub-nav-wrap {
  visibility: visible;
  opacity: 1;
}
.hamb-body .nav-useful {
  padding: 0px 5px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.hamb-body .nav-useful > ul > li {
  margin-bottom: 10px;
}
.hamb-body .nav-useful > ul > li a {
  color: #262626;
}
.hamb-body .sns {
  display: flex;
  align-items: center;
}
.hamb-body .sns li {
  margin-right: 35px;
}
.hamb-body .sns li:last-child {
  margin-right: 0px;
}
/*
body:after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0px;
  left: 0px;
  visibility: collapse;
  opacity: 0;
  z-index: 1;
  transition: 0.15s 0s;
}
body.megamenu-on:after {
  opacity: 1;
  visibility: visible;
  transition: 0.3s 0s;
}
*/
body.hamb-on .btn-hamb > i:nth-of-type(1) {
  top: 3px;
  transform: rotate(-135deg);
}
body.hamb-on .btn-hamb > i:nth-of-type(2) {
  opacity: 0;
}
body.hamb-on .btn-hamb > i:nth-of-type(3) {
  bottom: 3px;
  transform: rotate(135deg);
}

.bottom-nav {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  line-height: 1.2;
  z-index: 510;
  display: none;
}
@media screen and (max-width: 992px) {
  .bottom-nav {
    display: block;
  }
}
.bottom-nav > .sub-nav {
  background-color: #006E4F;
  display: flex;
  justify-content: space-between;
  text-align: center;
}
.bottom-nav > .sub-nav > li {
  border-right: 1px solid #E2F3E4;
  flex-grow: 1;
}
.bottom-nav > .sub-nav > li:last-child {
  border-right: 0px;
}
.bottom-nav > .sub-nav > li > a {
  color: #ffffff;
  display: block;
  font-size: 1.4rem;
  padding: 30px 11px;
}
@media screen and (max-width: 576px) {
  .bottom-nav > .sub-nav > li > a {
    font-size: 1rem;
    padding: 11px;
  }
}

.footer {
  padding-top: 100px;
  padding-bottom: 30px;
  margin-top: 150px;
  background: linear-gradient(-45deg, #D3E4D0 0%, #91E29F 100%);
}
@media screen and (max-width: 992px) {
  .footer {
    padding-top: 30px;
    padding-bottom: 140px;
  }
}
.footer.footer-type-1 {
  position: relative;
}
.footer.footer-type-1:before {
  content: "";
  width: 751px;
  height: 303px;
  background: center center url("../images/common/bg-skew-type-1.svg") no-repeat;
  background-size: contain;
  position: absolute;
  transform: rotate(180deg);
  top: -80px;
  right: 0px;
  z-index: 2;
}
@media screen and (max-width: 992px) {
  .footer.footer-type-1:before {
    display: none;
    width: 375px;
    height: 151px;
  }
}
.footer a {
  color: #757575;
}
.footer .footer-nav {
  font-size: 1.4rem;
}
@media screen and (max-width: 992px) {
  .footer .footer-nav {
    display: none;
  }
}
.footer .sns {
  display: flex;
  margin-top: 60px;
  justify-content: center;
}
.footer .sns > li {
  margin-right: 9px;
  margin-left: 9px;
}
.footer .footer-logo {
  display: flex;
  justify-content: center;
  margin-top: 80px;
}
@media screen and (max-width: 992px) {
  .footer .footer-logo {
    display: none;
  }
}
.footer .footer-logo .logo-tokai {
  width: 144px;
  height: 54px;
  display: block;
  margin-right: 15px;
}
.footer .footer-logo .logo-nagoya {
  width: 212px;
  height: 48px;
  display: block;
  margin-left: 15px;
}



.footer .footer-logo .logo-tokai1 {
  width: 144px;

  display: block;

}
.footer .footer-logo .logo-nagoya1 {
  width: 90px;
 margin-left:7px;
  display: block;

}


.footer .footer-address {
  text-align: center;
  font-size: 1.4rem;
  margin: 20px 0px;
}
@media screen and (max-width: 992px) {
  .footer .footer-address {
    display: none;
  }
}
.footer .footer-credit {
  font-family: "oswald", sans-serif;
  font-weight: normal;
  font-size: 1.2rem;
  text-align: center;
}
.footer > .inner {
  position: relative;
  padding-left: 100px;
  padding-right: 100px;
}
@media screen and (max-width: 1180px) {
  .footer > .inner {
    padding-left: 50px;
    padding-right: 5px;
  }
}
@media screen and (max-width: 992px) {
  .footer > .inner {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.footer > .inner .block-topback {
  position: absolute;
  left: 30px;
  top: 130px;
}
@media screen and (max-width: 992px) {
  .footer > .inner .block-topback {
    display: none;
  }
}

.icon {
  display: inline-block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.icon.icon-facebook-1 {
  width: 30px;
  height: 30px;
  background-image: url("/assets/images/common/icon-facebook-1.svg");
}
.icon.icon-instagram-1 {
  width: 30px;
  height: 30px;
  background-image: url("/assets/images/common/icon-instagram-1.png");
}
.icon.icon-twitter-1 {
  width: 30px;
  height: 30px;
  background-image: url("/assets/images/common/icon-twitter-1.svg");
}
.icon.icon-youtube-1 {
  width: 30px;
  height: 30px;
  background-image: url("/assets/images/common/icon-youtube-1.svg");
}
.icon.icon-linkedin-1 {
  width: 30px;
  height: 30px;
  background-image: url("/assets/images/common/icon-in.png");
}
.icon.icon-pencil {
  width: 30px;
  height: 30px;
  background-image: url("/assets/images/common/icon-pencil.svg");
}
.icon.icon-report {
  width: 23.57px;
  height: 30px;
  background-image: url("/assets/images/common/icon-report.svg");
}
.icon.icon-calendar {
  width: 19.72px;
  height: 18.08px;
  background-image: url("/assets/images/common/icon-calendar.svg");
}
.icon.icon-hand {
  width: 35.32px;
  height: 22.32px;
  background-image: url("/assets/images/common/icon-hand.svg");
}
.icon.icon-important {
  width: 36px;
  height: 32.35px;
  background-image: url("/assets/images/common/icon-important.svg");
}
.icon.icon-info {
  width: 30px;
  height: 30px;
  background-image: url("/assets/images/common/icon-info.svg");
}
.icon.icon-new-window {
  width: 18.28px;
  height: 17.1px;
  background-image: url("/assets/images/common/icon-new-window.svg");
  position: relative;
}
.icon.icon-new-window:after {
  content: "";
  display: block;
  width: 18.28px;
  height: 17.1px;
  background-image: url("/assets/images/common/icon-new-window-on.svg");
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.icon.icon-new-window-darker {
  width: 18.28px;
  height: 17.1px;
  background-image: url("/assets/images/common/icon-new-window-darker.svg");
  position: relative;
}
.icon.icon-new-window-darker:after {
  content: "";
  display: block;
  width: 18.28px;
  height: 17.1px;
  background-image: url("/assets/images/common/icon-new-window-on.svg");
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.icon.icon-new-window-white {
  width: 18.28px;
  height: 17.1px;
  background-image: url("/assets/images/common/icon-new-window-white.svg");
}
.icon.icon-pdf-darker {
  width: 17px;
  height: 17px;
  background-image: url("/assets/images/common/icon-pdf-darker.svg");
}
.icon.icon-search {
  width: 27.84px;
  height: 27.79px;
  background-image: url("/assets/images/common/icon-search.svg");
}
.icon.icon-arrow-gray {
  width: 8.86px;
  height: 21.76px;
  background-image: url("/assets/images/common/icon-arrow-gray.svg");
}
.icon.icon-class-1 {
  width: 110px;
  height: 110px;
  background-image: url("/assets/images/common/icon-class-1@2x.png");
}
.icon.icon-class-2 {
  width: 110px;
  height: 110px;
  background-image: url("/assets/images/common/icon-class-2@2x.png");
}
.icon.icon-class-3 {
  width: 110px;
  height: 110px;
  background-image: url("/assets/images/common/icon-class-3@2x.png");
}
.icon.icon-class-4 {
  width: 110px;
  height: 110px;
  background-image: url("/assets/images/common/icon-class-4@2x.png");
}
.icon.icon-class-5 {
  width: 110px;
  height: 110px;
  background-image: url("/assets/images/common/icon-class-5@2x.png");
}
.icon.icon-class-6 {
  width: 110px;
  height: 110px;
  background-image: url("/assets/images/common/icon-class-6@2x.png");
}
.icon.icon-class-7 {
  width: 110px;
  height: 110px;
  background-image: url("/assets/images/common/icon-class-7@2x.png");
}
.icon.icon-class-8 {
  width: 110px;
  height: 110px;
  background-image: url("/assets/images/common/icon-class-8@2x.png");
}
.icon.icon-class-9 {
  width: 110px;
  height: 110px;
  background-image: url("/assets/images/common/icon-class-9@2x.png");
}

.blog-content .urlbox{
    border: 1px #E3E3E3 solid;
    border-width:1px;
    text-indent: 0px;
    width: auto;
    overflow: hidden;
	clear: both;
}

.blog-content .urlbox::before {
  content: "URL";
    float: left;
    line-height: 2;
    background: #eee;
    padding: 0em 1em;
    margin-right: 1em;
    
}

.pic-box{
display: block;
padding-top: 60%;
position: relative;
overflow: hidden;}

.pic-box img {
  object-fit: cover;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}



.list-movie {
  display: flex;
  flex-wrap: wrap;
  gap: 2% 2%;
}

.list-movie li{
    width: 32%;
    margin-bottom: 1em;

}

.list-movie li .movie-box{
   background: #eee;
   padding:1em

}

.list-movie li .movie-box time{
display: block;
}


.list-movie li .movie-box .box-img{
   margin-bottom:0.5em;

}
.list-movie iframe{
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
}


@media screen and (max-width: 768px) {
  .list-movie li{
    width: 100%;

}
}

.btn-lists{margin:0.5em 0 ;
display: flex;}


.btn-lists li{margin:0 1em 0.5em 0 ;}

@media screen and (max-width: 560px) {
.container  iframe{
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
}

.btn-lists{margin:0.5em 0 ;
display: block;}
.btn-lists li{margin:0 0 0.5em 0 ;}

}




.liststitle a[href$=".pdf"]:after {
content: " ";
display: inline-block;
width: 23px;
height: 16px;
margin-left: 0.5em;
    background: url(/assets/images/common/icon-pdf.svg) no-repeat;
}


.content .box01{
    padding: 1em;
    border: 1px #DADADA solid;
    background-color:#F9F9F9;
   
}

.content .box02{
    padding: 1em;
    border: 3px #D5325A solid;
     text-indent: 0px;
}

.content .box03{
    padding: 1em;
    border: 1px #ccc solid;
    background-color:#fff;
    text-indent: 0px;
}

.container .box01{
    padding: 1em;
    border: 1px #DADADA solid;
    background-color:#F9F9F9;
   
}

.container .box02{
    padding: 1em;
    border: 3px #D5325A solid;
     text-indent: 0px;
}

.container .box03{
    padding: 1em;
    border: 1px #ccc solid;
    background-color:#fff;
    text-indent: 0px;
}


.google-search-box{
width: 200px;
  display: flex;
}

.google-search-box .search-input{
height: 30px;
}

.google-search-box .search-submit{
padding: 0 1em;
  background: #eee;
  margin-right: 1em;
  height: 30px;
  }
  



.google-search-box-sp{

  display: flex;
  
  margin-bottom: 1em;
}

.google-search-box-sp .search-input-sp{

}

.google-search-box-sp .search-submit-sp{
padding: 0 1em;
  background: #eee;

  }


.toppage-navi{
position: fixed;
  right: 0;
  bottom: 30%;
  padding: 1em;
  background: rgba(0,110,79,0.8);
  z-index: 999;
  border-radius: 10px 0 0 10px;
  }
  
  .toppage-navi a{
 color: #fff;
 text-align: center;
  display: block;
  }
 
 
   @media screen and (max-width: 600px) {


.google-search-box{
width: 200px;
  display: none;
}

.toppage-navi{
  display: none;
  }
  
  
}

.wakate-box{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.wakate-box li{
flex-basis: 32%;
margin-bottom:1em;
}

.wakate{
padding: 1em;
  background: #fff;
  border: solid 1px #eee;
}