@font-face {
  font-display: swap;
  font-family: 'Canela';
  font-style: normal;
  font-weight: 300;
  src:
    url('../fonts/canela_light.woff') format('woff'),
    url('../fonts/canela_light.woff2') format('woff2'),
    url('../fonts/canela_light.svg#canela_light') format('svg'),
    url('../fonts/canela_light.eot'),
    url('../fonts/canela_light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/canela_light.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Canela';
  font-style: normal;
  font-weight: normal;
  src:
    url('../fonts/canela_regular.woff') format('woff'),
    url('../fonts/canela_regular.woff2') format('woff2'),
    url('../fonts/canela_regular.svg#canela_regular') format('svg'),
    url('../fonts/canela_regular.eot'),
    url('../fonts/canela_regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/canela_regular.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Canela';
  font-style: normal;
  font-weight: 500;
  src:
    url('../fonts/canela_medium.woff') format('woff'),
    url('../fonts/canela_medium.woff2') format('woff2'),
    url('../fonts/canela_medium.svg#canela_medium') format('svg'),
    url('../fonts/canela_medium.eot'),
    url('../fonts/canela_medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/canela_medium.ttf') format('truetype');
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  margin-bottom: 1.5em;
}

h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.8em;
}

h3 {
  font-size: 1.6em;
}

h4 {
  font-size: 1.4em;
}

h5 {
  font-size: 1.2em;
}

h6 {
  font-size: 1em;
}

ol,
ul {
  margin-bottom: 1.5em;
  padding-left: 1.5em;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 1.5em;
  width: 100%;
}

table th,
table td {
  border: 1px solid #000;
  padding: 0.5em;
}

table th {
  font-weight: bold;
}

caption,
table th,
table td {
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
}

q,
blockquote {
  quotes: none;
}

q::before,
q::after,
blockquote::before,
blockquote::after {
  content: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

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

body * {
  max-height: 99999em;
  word-break: break-word;
}

p {
  margin-bottom: 1.5em;
}

a {
  color: inherit;
}

a:hover {
  text-decoration: none;
}

img {
  display: inline-block;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

a img {
  border: none;
}

input,
label,
select,
button {
  line-height: inherit;
}

input,
label,
select,
button,
textarea {
  background: none;
  border: 0;
  display: inline-block;
  font: inherit;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  white-space: normal;
  word-break: normal;
  -webkit-appearance: none;
}

button {
  color: inherit;
}

textarea {
  line-height: 1.5;
  overflow: auto;
  resize: none;
  white-space: pre-line;
}

button:focus {
  outline: 0;
}

input:focus,
textarea:focus,
select:focus {
  outline: auto;
}

input[type='search'] {
  -webkit-appearance: textfield;
}

::-webkit-search-decoration {
  display: none;
}

@media print {
  /* Remove all backgrounds and enforce black text */
  * {
    background: transparent !important;
    box-shadow: none !important;
    color: #000 !important;
    text-shadow: none !important;
  }
  /* Remove useless UI */
  nav,
  aside,
  header,
  footer,
  form,
  button,
  input,
  textarea,
  iframe,
  audio,
  video {
    display: none !important;
  }
  /* Reset links to show URLs */
  a {
    color: #000 !important;
    text-decoration: underline !important;
  }
  a[href]::after {
    content: ' (' attr(href) ')';
    font-size: 90%;
  }
  /* Images only if needed */
  img {
    max-width: 100% !important;
    page-break-inside: avoid;
  }
  /* Tables */
  table {
    border-collapse: collapse !important;
  }
  th,
  td {
    border: 1px solid #000 !important;
    padding: 4px;
  }
  /* Typography adjustments */
  body {
    font: 12pt/1.5 serif !important;
    margin: 0;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: bold !important;
    page-break-after: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-before: avoid;
  }
  /* Avoid cutting important blocks */
  blockquote,
  pre {
    page-break-inside: avoid;
  }
  /* Reset page margins (browser default often adds its own) */
  @page {
    margin: 0;
    size: 11in 14.028in;
  }
  @page :left {
    margin: 0;
  }
  @page :right {
    margin: 0;
  }
  @page :first {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767.98px) {
  .u-pc {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .u-sp {
    display: none !important;
  }
}

@media only screen and (max-width: 1279.98px) {
  .u-pc-layout {
    display: none !important;
  }
}

@media (min-width: 1280px) {
  .u-sp-layout {
    display: none !important;
  }
}

.u-trans {
  cursor: pointer;
  transition: opacity 0.5s ease;
}

.u-trans:hover {
  opacity: 0.8;
}

.u-hidden {
  display: none;
}

.u-image {
  display: block;
  height: auto;
  width: 100%;
}

.u-object {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

html {
  -webkit-font-smoothing: antialiased;
  line-height: 1;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}
@media (min-width: 768px) {
  html {
    font-size: 6.25%;
  }
  html.is-browser-safari.is-device-macos.is-device-mac { font-size: 1px; }
}
@media only screen and (max-width: 767.98px) {
  html {
    font-size: 0.2666666667dvw;
  }
}

a {
  text-decoration: none;
}

img,
svg {
  image-rendering: smooth;
  shape-rendering: geometricprecision;
}

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

input,
textarea,
select {
  color: inherit;
  display: block;
  font: inherit;    outline: none !important;
}

.l-body {
  color: #313131;
  font-family: 'Mona Sans', serif;
  font-size: 14rem;
  font-weight: 400;
  line-height: 1.4285714286;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.l-main {
  min-height: 100dvh;
}
@media (min-width: 768px) {
  .l-main {
    padding-top: calc(92rem + 1px);
  }
}
@media only screen and (max-width: 767.98px) {
  .l-main {
    padding-top: calc(80rem + 1px);
  }
}

.l-main::before {
  background: url(../img/common/logo_primary_03.svg) 50% 0% / auto auto
    no-repeat;
  content: '';
  height: 100%;
  left: 0;
  min-height: 100dvh;
  opacity: 0.05;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .l-main::before {
    background-size: calc(60vw + 46px) auto;
  }
}
@media only screen and (max-width: 767.98px) {
  .l-main::before {
    background-size: calc(100% - 40rem) auto;
  }
}

.l-wrapper {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .l-wrapper {
    max-width: 1860px;
    width: calc(100% - 60rem);
  }
}
@media only screen and (max-width: 767.98px) {
  .l-wrapper {
    width: calc(100% - 40rem);
  }
}

@keyframes animationHeader01Start {
  0% {
    width: 40rem;
  }
  100% {
    width: 300rem;
  }
}
@keyframes animationHeader01End {
  0% {
    pointer-events: none;
    width: 300rem;
  }
  99% {
    pointer-events: none;
  }
  100% {
    pointer-events: auto;
    width: 40rem;
  }
}
.l-header {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: height 0.3s ease;
  z-index: 10000;
}
@media (min-width: 1280px) {
  .l-header {
    height: calc(92rem + 1px);
  }
  .l-header.scrolled {
    height: calc(73rem + 1px);
  }
}
@media only screen and (max-width: 1279.98px) {
  .l-header {
    height: calc(80rem + 1px);
  }
  .l-header.scrolled {
    height: calc(65rem + 1px);
  }
}

.l-header::before {
  background-color: rgba(255, 255, 255, 0.502);
  border-bottom: 1px solid #f0f0f0;
  border-radius: 0 0 20rem 20rem;
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: background 0.5s ease;
}
@media (min-width: 1280px) {
  .l-header::before {
    z-index: 0;
  }
}
@media only screen and (max-width: 1279.98px) {
  .l-header::before {
    z-index: 1;
  }
}

.l-header:has(.l-button-header-burger.is-click-active)::before {
  background-color: #fff;
}
.l-header:has(.l-button-header-burger.is-click-active) .l-navigation-header {
  opacity: 1;
  pointer-events: auto;
}

.l-logo-header {
  display: block;
  margin: 0;
  position: absolute;
  z-index: 3;
}
.l-logo-header .l-logo-header__wrapper {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 100%;
}
.l-logo-header .u-image {
  flex: 0 0 auto;
  position: relative;
}
.l-logo-header .u-image:nth-child(1) {
  width: 36.8421052632%;
}
.l-logo-header .u-image:nth-child(2) {
  width: 51.8218623482%;
}
@media (min-width: 1280px) {
  .l-logo-header {
    left: 35rem;
    top: calc(50% - 20rem);
    width: 247rem;
  }
}
@media only screen and (min-width: 1279.98px) and (max-width: 1439.98px) {
  .l-logo-header {
    left: 30rem;
    top: calc(50% - 18rem);
    width: calc(247rem * 0.875);
  }
}
@media only screen and (max-width: 1279.98px) {
  .l-logo-header {
    left: 20rem;
    top: calc(50% - 17rem);
    width: 200rem;
  }
}

@media (min-width: 1280px) {
  .l-navigation-header {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
  }
  .l-navigation-header .l-navigation-header__wrapper {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: flex-end;
    padding: 0 80rem 0 300rem;
    width: 100%;
  }
}
@media only screen and (max-width: 1279.98px) {
  .l-navigation-header {
    background-color: #fff;
    bottom: 0;
    left: 0;
    opacity: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: calc(110rem + 1px) 20rem 60rem;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 0;
  }
  html:not(.is-state-resize) .l-navigation-header {
    transition: opacity 0.5s ease;
  }
  .l-navigation-header .l-navigation-header__wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 50rem;
    justify-content: center;
    min-height: 100%;
  }
}

.l-menu-header {
  font-weight: 700;
}
.l-menu-header .l-menu-header__item {
  position: relative;
}
.l-menu-header .l-menu-header__item-link {
  cursor: pointer;
  position: relative;
  transition: all 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.l-menu-header .l-menu-header__item-link:hover {
  color: #f96b31;
  opacity: 1;
}
.l-menu-header
  .l-menu-header__item-link:hover
  .l-menu-header__link-label::before {
  transform: scaleX(1);
}
.l-menu-header .l-menu-header__item-link.is-active {
  color: #f96b31;
  opacity: 1;
}
.l-menu-header
  .l-menu-header__item-link.is-active
  .l-menu-header__link-label::before {
  transform: scaleX(1);
}
.l-menu-header .l-menu-header__link-label {
  position: relative;    text-transform: uppercase;
}
.l-menu-header .l-menu-header__link-label::before {
  border-bottom: solid 2px #f96b31;
  bottom: -5rem;
  content: '';
  display: block;
  position: absolute;
  transform: scaleX(0);
  transition: all 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  width: 100%;
}
.l-menu-header
  .l-menu-header__item-link.l-menu-header__item-link--type-dropdown::after {
  background-color: rgba(51, 51, 51, 0.5);
  content: '';
  width: 11rem;
  -webkit-mask: url(../img/common/icon_arrow_01.svg) 50% 50%/100% auto no-repeat;
  bottom: 0;
  mask: url(../img/common/icon_arrow_01.svg) 50% 50%/100% auto no-repeat;
  position: absolute;
  right: 0;
  top: 0;
  transition:
    background 0.5s ease,
    transform 0.5s ease;
}
html.is-device-touchable
  .l-menu-header
  .l-menu-header__item-link.l-menu-header__item-link--type-dropdown.is-tabs-active::after {
  background-color: #313131;
  transform: rotate(180deg);
}

.main-search-p .info-news a{display: grid ; gap: 0em; grid-template-columns: 30% 70%; grid-template-rows: auto;}
.main-search-p .des-s{padding-left: 4em}
.t-search{margin-bottom: 1em;}
.main-search-p .info-news .t-news{margin-bottom: 1em;}
.thumb-s { border-radius: 20rem; overflow: hidden; padding-top: 63.5434412266%; position: relative; z-index: 0; }
  .thumb-s img{left: 0; position: absolute; top: 0; z-index: 0; transition: transform 3s cubic-bezier(0, 0.6, 0.45, 1);}
  .g-search strong{    font-weight: bold;}
@media (min-width: 1280px) {
  .l-menu-header {
    font-size: 16rem;
    height: 100%;
    position: relative;
  }
  .l-menu-header .l-menu-header__wrapper {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 41.5rem;
    height: 100%;
    justify-content: flex-start;
  }
  .l-menu-header .l-menu-header__item {
    height: 100%;
  }
  .l-menu-header .l-menu-header__item:hover .l-list-header {
    opacity: 1;
    pointer-events: auto;
  }
  .l-menu-header
    .l-menu-header__item:hover
    .l-menu-header__item-link.l-menu-header__item-link--type-dropdown::after {
    background-color: #313131;
    transform: rotate(180deg);
  }
  .l-menu-header .l-menu-header__item-link {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: flex-start;
  }
  .l-menu-header
    .l-menu-header__item-link.l-menu-header__item-link--type-dropdown::after {
    right: -21rem;
  }
}
@media only screen and (min-width: 1279.98px) and (max-width: 1439.98px) {
  .l-menu-header {
    font-size: calc(16rem * 0.875);
  }
  .l-menu-header .l-menu-header__wrapper {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: calc(41.5rem * 0.875);
    justify-content: flex-start;
  }
  .l-menu-header
    .l-menu-header__item-link.l-menu-header__item-link--type-dropdown::after {
    right: calc(-21rem * 0.875);
  }
}
@media only screen and (max-width: 1279.98px) {
  .l-menu-header {
    font-size: 20rem;
  }
  .l-menu-header .l-menu-header__link-label::before {
    display: none;
  }
  .l-menu-header .l-menu-header__wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 20rem;
    justify-content: flex-start;
  }
  .l-menu-header .l-menu-header__item-link {
    padding: 0 20rem;
  }
  .l-menu-header
    .l-menu-header__item-link.l-menu-header__item-link--type-dropdown::after {
    right: 0;
  }
}

.l-list-header {
  font-size: 16rem;
  font-weight: 600;
  line-height: 1.5;
}
.l-list-header .l-list-header__wrapper {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.l-list-header .l-list-header__item-wrapper {
  display: block;
  position: relative;
  transition: color 0.5s ease;
}
.l-list-header .l-list-header__item-wrapper:hover {
  color: #f96b31;
}
@media (min-width: 1280px) {
  .l-list-header {
    background-color: #fffcfa;
    border-radius: 16rem;
    box-shadow:
      0 1px 0 0 #f0f0f0,
      inset 0 3px 0 0 #f96b31;
    left: -23rem;
    opacity: 0;
    padding: 26rem 24rem 25rem;
    pointer-events: none;
    position: absolute;
    top: 100%;
    transition: opacity 0.5s ease;
    width: 230rem;
  }
  .l-list-header .l-list-header__wrapper {
    gap: 12rem;
  }
}
@media only screen and (max-width: 1279.98px) {
  .l-list-header {
    display: none;
    padding: 15rem 0;
    width: 100%;
  }
  .l-list-header .l-list-header__wrapper {
    align-items: center;
    gap: 15rem;
  }
}

@media (min-width: 1280px) {
  .l-list-header.is-tabs-active html:not(.is-device-touchable) {
    opacity: 1;
    pointer-events: auto;
  }
}
@media only screen and (max-width: 1279.98px) {
  .l-list-header.is-tabs-active {
    display: block;
  }
}

.l-list-header-language {
  background-color: #f0f0f0;
  border: 2px solid #f0f0f0;
  border-radius: 20rem;
  color: rgba(49, 49, 49, 0.8);
  font-size: 16rem;
  text-align: center;
  width: 100rem;
}
.l-list-header-language .l-list-header-language__wrapper {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.l-list-header-language .l-list-header-language__item {
  flex: 1 1 0;
}
.l-list-header-language
  .l-list-header-language__item:first-child
  .l-list-header-language__item-link {
  margin-left: 0;
  width: calc(100% + 2px);
}
.l-list-header-language
  .l-list-header-language__item:last-child
  .l-list-header-language__item-link {
  margin-right: 0;
  width: calc(100% + 2px);
}
.l-list-header-language .l-list-header-language__item-link {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  margin: 0 -2px;
  min-height: 36rem;
  padding: 5rem;
  width: calc(100% + 4rem);
}
.l-list-header-language
  .l-list-header-language__item-link.l-list-header-language__item-link--status-active {
  background-color: #fff;
  border-radius: 18rem;
  color: #313131;
  flex: 0 0 auto;
}
@media (min-width: 1280px) {
  .l-list-header-language {
    margin-left: 63rem;
  }
}
@media only screen and (min-width: 1279.98px) and (max-width: 1439.98px) {
  .l-list-header-language {
    font-size: calc(16rem * 0.875);
    margin-left: calc(63rem * 0.875);
    width: 100rem;
  }
}

.l-input-header-search {
  background-color: #fff;
  border: 1px solid #c9c9c9;
  border-radius: 20rem;
  height: 40rem;
  overflow: hidden;
  transition: box-shadow 0.5s ease;
}
.l-input-header-search .l-input-header-search__field {
  bottom: 0;
  height: 100%;
  left: 0;
  outline: none;
  padding: 0 40rem 0 20rem;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
.l-input-header-search .l-input-header-search__toggle {
  background-color: #313131;
  bottom: 0;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: calc(40rem - 2px);
  z-index: 2;
  -webkit-mask: url(../img/common/icon_search_01.svg) 50% 50%/18rem auto
    no-repeat;
  cursor: pointer;
  mask: url(../img/common/icon_search_01.svg) 50% 50%/18rem auto no-repeat;
}
@media (min-width: 1280px) {
  .l-input-header-search {
    bottom: 0;
    margin: auto;
    position: absolute;
    right: 20rem;
    top: 0;
    width: 40rem;
    z-index: 1;
  }
}
@media only screen and (max-width: 1279.98px) {
  .l-input-header-search {
    max-width: 360rem;
    position: relative;
    width: 100%;
  }
}

@media (min-width: 1280px) {
  .l-input-header-search.is-hover-over {
    box-shadow: 0 0 5rem rgba(0, 0, 0, 0.2);
  }
  html.is-state-resize .l-input-header-search.is-hover-over {
    animation: animationHeader01Start 0s linear forwards;
  }
  html:not(.is-state-resize) .l-input-header-search.is-hover-over {
    animation: animationHeader01Start 0.5s ease forwards;
  }
}

@media (min-width: 1280px) {
  html.is-state-resize .l-input-header-search.is-hover-out {
    animation: animationHeader01End 0s linear forwards;
  }
  html:not(.is-state-resize) .l-input-header-search.is-hover-out {
    animation: animationHeader01End 0.5s ease forwards;
  }
}

@media (min-width: 1280px) {
  html.is-device-touchable .l-input-header-search.is-click-active {
    box-shadow: 0 0 5rem rgba(0, 0, 0, 0.2);
  }
  html.is-state-resize
    html.is-device-touchable
    .l-input-header-search.is-click-active {
    animation: animationHeader01Start 0s linear forwards;
  }
  html:not(.is-state-resize)
    html.is-device-touchable
    .l-input-header-search.is-click-active {
    animation: animationHeader01Start 0.5s ease forwards;
  }
}

.l-button-header-burger {
  bottom: 0;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  width: 70rem;
  z-index: 2;
}
.l-button-header-burger .l-button-header-burger__line {
  background-color: #313131;
  border-radius: 2rem;
  height: 4rem;
  left: 20rem;
  position: absolute;
  right: 20rem;
  top: calc(50% - 2rem);
  transition:
    transform 0.5s ease,
    opacity 0.5s ease;
}
.l-button-header-burger .l-button-header-burger__line:first-child {
  transform: translateY(-10rem);
}
.l-button-header-burger .l-button-header-burger__line:last-child {
  transform: translateY(10rem);
}

.l-button-header-burger.is-click-active
  .l-button-header-burger__line:first-child {
  transform: rotate(135deg);
}
.l-button-header-burger.is-click-active
  .l-button-header-burger__line:nth-child(2) {
  opacity: 0;
}
.l-button-header-burger.is-click-active
  .l-button-header-burger__line:last-child {
  transform: rotate(45deg);
}

.l-footer {
  position: relative;
}

.l-navigation-footer {
  margin: 0 auto;
  padding-top: 20rem;
  position: relative;
}
.l-navigation-footer .l-wrapper {
  position: relative;
  z-index: 2;
}
@media (min-width: 1280px) {
  .l-navigation-footer {
    max-width: 1920rem;
  }
  .l-navigation-footer .l-wrapper {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0 30rem;
    justify-content: space-between;
    max-width: 1723rem;
    padding-top: 100rem;
  }
}
@media only screen and (max-width: 1279.98px) {
  .l-navigation-footer .l-wrapper {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 50rem;
    justify-content: flex-start;
    padding-top: 60rem;
  }
}

.l-navigation-footer::before,
.l-navigation-footer::after {
  border-radius: 20rem 20rem 0 0;
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.l-navigation-footer::before {
  background-color: #e97342;
  left: 20rem;
  right: 20rem;
  z-index: 0;
}

.l-navigation-footer::after {
  box-shadow: 0 -10rem 0 #f4f0ed;
  top: 20rem;
  z-index: 0;
}
@media (min-width: 1280px) {
  .l-navigation-footer::after {
    background: #fff url(../img/common/background_footer_01.jpg) 50% 100% / auto
      578rem no-repeat;
  }
}
@media only screen and (max-width: 1279.98px) {
  .l-navigation-footer::after {
    background: #fff url(../img/common/background_footer_01.jpg) 30% 100% / auto
      578rem no-repeat;
  }
}
@media only screen and (max-width: 767.98px) {
  .l-navigation-footer::after {
    background: #fff url(../img/common/background_footer_01.jpg) 15% 100% / auto
      578rem no-repeat;
  }
}

.l-block-footer-information {
  position: relative;
  z-index: 1;
}
.l-block-footer-information .l-block-footer-information__slogan {
  font-family: 'Canela', serif;
  font-weight: 300;
}
@media (min-width: 1280px) {
  .l-block-footer-information {
    flex: 1 1 0;
    max-width: 500rem;
    padding-bottom: 100rem;
  }
  .l-block-footer-information .l-block-footer-information__slogan {
    font-size: 33rem;
    line-height: 1.3636363636;
    margin-bottom: 62rem;
  }
}
@media only screen and (max-width: 1279.98px) {
  .l-block-footer-information .l-block-footer-information__slogan {
    font-size: 30rem;
    line-height: 1.5;
    margin-bottom: 50rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .l-block-footer-information .l-block-footer-information__slogan {
    font-size: 27rem;
    line-height: 1.3333333333;
    text-align: center;
  }
}

.l-block-footer-terms {
  align-items: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  position: relative;
  width: 100%;
  z-index: 1;
}
.l-block-footer-terms .l-block-footer-terms__credits strong {
  font-weight: 600;
}
@media (min-width: 1280px) {
  .l-block-footer-terms {
    align-items: flex-start;
    margin-top: -73rem;
    padding: 0 500rem 49rem 0;
  }
  .l-block-footer-terms .l-block-footer-terms__link {
    font-size: 16rem;
    line-height: 1.375;
    margin-bottom: 55rem;
  }
  .l-block-footer-terms .l-block-footer-terms__credits {
    font-size: 18rem;
    line-height: 1.2222222222;
  }
}
@media only screen and (max-width: 1279.98px) {
  .l-block-footer-terms {
    max-width: 500rem;
    padding-bottom: 60rem;
  }
  .l-block-footer-terms .l-block-footer-terms__link {
    font-size: 14rem;
    line-height: 1.4285714286;
    margin-bottom: 20rem;
  }
  .l-block-footer-terms .l-block-footer-terms__credits {
    font-size: 16rem;
    line-height: 1.25;
  }
}
@media only screen and (max-width: 767.98px) {
  .l-block-footer-terms {
    align-items: center;
    text-align: center;
  }
}

.l-contact-footer {
  max-width: 500rem;
  position: relative;
  z-index: 2;
}
.l-contact-footer .l-contact-footer__detail p {
  margin: 0;
}
.l-contact-footer .l-contact-footer__detail a,
.l-contact-footer .l-contact-footer__detail strong {
  font-weight: 600;
}
@media (min-width: 1280px) {
  .l-contact-footer {
    flex: 1 1 0;
  }
  .l-contact-footer .l-contact-footer__logo {
    margin: 7rem 3rem 39rem;
    max-width: 128rem;
  }
  .l-contact-footer .l-contact-footer__address {
    font-size: 18rem;
    line-height: 1.4444444444;
    margin: 0 3rem 35rem;
    max-width: 420rem;
  }
  .l-contact-footer .l-contact-footer__detail {
    font-size: 18rem;
    line-height: 1.9444444444;
    margin: 0 3rem;
  }
}
@media only screen and (max-width: 1279.98px) {
  .l-contact-footer .l-contact-footer__logo {
    margin-bottom: 30rem;
    max-width: 100rem;
  }
  .l-contact-footer .l-contact-footer__address {
    font-size: 16rem;
    line-height: 1.5;
    margin-bottom: 30rem;
  }
  .l-contact-footer .l-contact-footer__detail {
    font-size: 16rem;
    line-height: 1.875;
    margin: 0 3rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .l-contact-footer {
    text-align: center;
  }
  .l-contact-footer .l-contact-footer__logo {
    margin: 0 auto 30rem;
  }
}

.l-link-footer-contact {
  align-items: center;
  border-bottom: 1px solid #f1f1f1;
  color: #a2a2a2;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  position: relative;
}
.l-link-footer-contact .l-link-footer-contact__label {
  position: relative;
}
@media (min-width: 1280px) {
  .l-link-footer-contact {
    font-size: 26rem;
    line-height: 1.5384615385;
    padding: 13rem 20rem 13rem 0;
  }
  .l-link-footer-contact .l-link-footer-contact__label {
    top: -2rem;
  }
}
@media only screen and (max-width: 1279.98px) {
  .l-link-footer-contact {
    font-size: 20rem;
    line-height: 1.5;
    padding: 10rem 0;
  }
  .l-link-footer-contact .l-link-footer-contact__label {
    top: -1rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .l-link-footer-contact {
    justify-content: center;
  }
}

.l-link-footer-contact::after {
  background-color: #e97342;
  content: '';
  height: 30rem;
  -webkit-mask: url(../img/common/icon_arrow_05.svg) 50% 50%/100% auto no-repeat;
  flex: 0 0 auto;
  mask: url(../img/common/icon_arrow_05.svg) 50% 50%/100% auto no-repeat;
  position: relative;
  transition: transform 0.5s ease;
}
@media (min-width: 1280px) {
  .l-link-footer-contact::after {
    margin-left: 40rem;
    width: 54rem;
  }
}
@media only screen and (max-width: 1279.98px) {
  .l-link-footer-contact::after {
    margin-left: 20rem;
    width: 30rem;
  }
}

@media (min-width: 1280px) {
  .l-link-footer-contact:hover::after {
    transform: translateX(20rem);
  }
}
@media only screen and (max-width: 1279.98px) {
  .l-link-footer-contact:hover::after {
    transform: translateX(10rem);
  }
}

.l-list-footer-sns {
  align-items: center;
  border-top: 1px solid #f1f1f1;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.l-list-footer-sns .l-list-footer-sns__item-link {
  background: #fff 50% 50%/100% auto no-repeat;
  border-radius: 50%;
  display: block;
  height: 45rem;
  width: 45rem;
}
.l-list-footer-sns
  .l-list-footer-sns__item-link.l-list-footer-sns__item-link--facebook {
  background-image: url(../img/common/icon_sns_facebook.svg);
}
.l-list-footer-sns
  .l-list-footer-sns__item-link.l-list-footer-sns__item-link--youtube {
  background-image: url(../img/common/icon_sns_youtube.svg);
}
.l-list-footer-sns
  .l-list-footer-sns__item-link.l-list-footer-sns__item-link--tiktok {
  background-image: url(../img/common/icon_sns_tiktok.svg);
}
.l-list-footer-sns
  .l-list-footer-sns__item-link.l-list-footer-sns__item-link--instagram {
  background-image: url(../img/common/icon_sns_instagram.svg);
}
.l-list-footer-sns
  .l-list-footer-sns__item-link.l-list-footer-sns__item-link--in {
  background-image: url(../img/common/icon_sns_in.svg);
}
@media (min-width: 1280px) {
  .l-list-footer-sns {
    gap: 17rem;
    margin-top: 34rem;
    padding: 44rem 3rem 0;
  }
}
@media only screen and (max-width: 1279.98px) {
  .l-list-footer-sns {
    gap: 15rem;
    margin-top: 30rem;
    padding-top: 30rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .l-list-footer-sns {
    justify-content: center;
  }
}

.c-button-top {
  align-items: center;
  border: 1rem solid rgb(216, 212, 209);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  opacity: 0;
  position: fixed;
  text-align: center;
  transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
  z-index: 599;
}
.c-button-top.is-stuck {
  bottom: auto;
  position: absolute;
  top: auto;
}
.c-button-top.is-stuck::before {
  background-color: #000 !important;
}
.c-button-top::before {
  border-radius: 50%;
  content: '';
  display: block;
  position: absolute;
  -webkit-mask: url(../img/common/button_top_01.svg) 50% 50%/100% auto no-repeat;
  background-color: #000;
  mask: url(../img/common/button_top_01.svg) 50% 50%/100% auto no-repeat;
  transition:
    opacity 0.35s ease,
    background-color 0.35s ease;
}
.c-button-top:hover {
  opacity: 0.8;
}
.c-button-top:hover::before {
  opacity: 0.8;
}
.c-button-top.is-over-img::before,
.c-button-top.is-over-bg::before {
  background-color: #fff;
}
@media (min-width: 768px) {
  .c-button-top {
    bottom: 24rem;
    height: 60rem;
    right: 24rem;
    width: 60rem;
  }
  .c-button-top.is-stuck {
    bottom: calc(100% - 110rem);
  }
  .c-button-top::before {
    height: 60rem;
    width: 60rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-button-top {
    bottom: 40rem;
    height: 40rem;
    right: 20rem;
    width: 40rem;
  }
  .c-button-top.is-stuck {
    bottom: calc(100% - 75rem);
  }
  .c-button-top::before {
    height: 40rem;
    width: 40rem;
  }
}

.c-button-top.is-active {
  opacity: 1;
}

.c-navigation-social {
  display: flex;
  flex-direction: column;
  gap: 15rem;
  position: fixed;
  z-index: 599;
}
.c-navigation-social .c-navigation-social__link {
  display: block;
  overflow: hidden;
  position: relative;
}
.c-navigation-social .c-navigation-social__link::before {
  background: 50% 50%/100% auto no-repeat;
  border-radius: 50%;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.c-navigation-social .c-navigation-social__link--zalo::before {
  background-image: url(../img/common/icon_contact_zalo.svg);
}
.c-navigation-social .c-navigation-social__link--hostline::before {
  background-image: url(../img/common/icon_contact_hotline.svg);
}
@media (min-width: 768px) {
  .c-navigation-social {
    bottom: 137rem;
    right: 18rem;
  }
  .c-navigation-social .c-navigation-social__link {
    height: 52rem;
    width: 52rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-navigation-social {
    bottom: 100rem;
    right: 20rem;
  }
  .c-navigation-social .c-navigation-social__link {
    height: 40rem;
    width: 40rem;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(100rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes transformButtonBefore {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(100%);
  }
}
@keyframes transformButtonAfter {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes movelr {
  0% {
    opacity: 0;
    transform: translateX(-10px);
  }
  50% {
    opacity: 1;
    transform: translateX(0px);
  }
  100% {
    opacity: 0;
    transform: translateX(10px);
  }
}
.wow {
  opacity: 0;
  visibility: hidden;
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

.c-animation-fadeinup {
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
  animation-name: fadeInUp;
}

.c-bar-share {
  align-items: center;
  display: flex;
}
.c-bar-share .c-bar-share__line {
  flex: 1;
  position: relative;
}
.c-bar-share .c-bar-share__line::before,
.c-bar-share .c-bar-share__line::after {
  background-color: rgb(228, 228, 228);
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.c-bar-share .c-bar-share__line::before {
  height: 1rem;
  left: 0;
  width: 100%;
}
.c-bar-share .c-bar-share__line::after {
  border-radius: 50%;
  height: 9rem;
  right: 0;
  width: 9rem;
}
.c-bar-share .c-bar-share__wrapper {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.c-bar-share .c-bar-share__label {
  margin: 0;
}
@media (min-width: 768px) {
  .c-bar-share .c-bar-share__wrapper {
    margin-right: -4rem;
    padding-left: 43rem;
  }
  .c-bar-share .c-bar-share__label {
    font-size: 16rem;
    line-height: 1.5625;
    margin-right: 14rem;
  }
  .c-bar-share .c-bar-share__icon {
    margin-left: 3rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-bar-share .c-bar-share__wrapper {
    padding-left: 15rem;
  }
  .c-bar-share .c-bar-share__label {
    font-size: 14rem;
    line-height: 1.5714285714;
    margin-right: 10rem;
  }
  .c-bar-share .c-bar-share__icon {
    margin-left: 3rem;
    width: 44rem;
  }
}

.c-block-projects-information .c-block-projects-information__description {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-weight: 300;
  gap: 5rem 20rem;
  justify-content: space-between;
}
.c-block-projects-information .c-block-projects-information__description-entry {
  flex: 0 0 auto;
  max-width: 100%;
}
.c-block-projects-information .c-block-projects-information__entry-label,
.c-block-projects-information .c-block-projects-information__entry-content {
  display: inline;
  position: relative;
}
.c-block-projects-information .c-block-projects-information__entry-content {
  font-weight: 600;
}
.c-block-projects-information .c-block-projects-information__location {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-weight: 300;
  gap: 5rem 20rem;
  justify-content: space-between;
}
.c-block-projects-information .c-block-projects-information__location-item {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 10rem;
  justify-content: flex-start;
  max-width: 100%;
}
.c-block-projects-information
  .c-block-projects-information__location-item::before {
  background: 50% 50%/100% auto no-repeat;
  content: '';
  flex: 0 0 auto;
  height: 18rem;
  position: relative;
  width: 14rem;
}
.c-block-projects-information
  .c-block-projects-information__location-item.c-block-projects-information__location-item--address::before {
  background-image: url(../img/common/icon_projects_01.svg);
}
.c-block-projects-information
  .c-block-projects-information__location-item.c-block-projects-information__location-item--type::before {
  background-image: url(../img/common/icon_projects_02.svg);
}
@media (min-width: 768px) {
  .c-block-projects-information .c-block-projects-information__description {
    font-size: 16rem;
    line-height: 1.0909090909;
  }
  .c-block-projects-information .c-block-projects-information__entry-content {
    font-size: 22rem;
  }
  .c-block-projects-information .c-block-projects-information__location {
    font-size: 16rem;
    line-height: 1.5;
  }
  .c-block-projects-information
    .c-block-projects-information__location-item.c-block-projects-information__location-item--address::before {
    margin-left: 2rem;
  }
  .c-block-projects-information
    .c-block-projects-information__location-item.c-block-projects-information__location-item--type::before {
    height: 20rem;
    width: 20rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279.98px) {
  .c-block-projects-information .c-block-projects-information__description {
    font-size: 13rem;
    line-height: 1.3333333333;
  }
  .c-block-projects-information .c-block-projects-information__entry-content {
    font-size: 18rem;
  }
  .c-block-projects-information .c-block-projects-information__location {
    flex-direction: column;
    font-size: 13rem;
    line-height: 1.8461538462;
  }
  .c-block-projects-information
    .c-block-projects-information__location-item.c-block-projects-information__location-item--address::before {
    margin: 0;
  }
  .c-block-projects-information
    .c-block-projects-information__location-item.c-block-projects-information__location-item--type::before {
    margin: 0;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-block-projects-information .c-block-projects-information__description {
    font-size: 13rem;
    line-height: 1.3333333333;
  }
  .c-block-projects-information .c-block-projects-information__location {
    flex-direction: column;
  }
  .c-block-projects-information .c-block-projects-information__entry-content {
    font-size: 18rem;
  }
  .c-block-projects-information .c-block-projects-information__location {
    font-size: 13rem;
    line-height: 1.8461538462;
  }
  .c-block-projects-information
    .c-block-projects-information__location-item.c-block-projects-information__location-item--address::before {
    margin-left: 4rem;
  }
  .c-block-projects-information
    .c-block-projects-information__location-item.c-block-projects-information__location-item--type::before {
    height: 20rem;
    width: 20rem;
  }
}

@media (min-width: 768px) {
  .c-block-projects-information.c-block-projects-information--style-default
    .c-block-projects-information__description {
    margin-bottom: 37rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279.98px) {
  .c-block-projects-information.c-block-projects-information--style-default
    .c-block-projects-information__description {
    margin-bottom: 20rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-block-projects-information.c-block-projects-information--style-default
    .c-block-projects-information__description {
    margin-bottom: 15rem;
  }
}

.c-block-projects-information.c-block-projects-information--style-highlight
  .c-block-projects-information__description {
  border-bottom: 1px solid #e4e4e4;
}
.c-block-projects-information.c-block-projects-information--style-highlight
  .c-block-projects-information__description-entry {
  padding-left: 24rem;
  position: relative;
}
.c-block-projects-information.c-block-projects-information--style-highlight
  .c-block-projects-information__description-entry::before {
  background-color: #e97342;
  border: 5rem solid #f2efec;
  border-radius: 50%;
  content: '';
  height: 18rem;
  position: absolute;
  top: 3rem;
  width: 18rem;
}
.c-block-projects-information.c-block-projects-information--style-highlight
  .c-block-projects-information__entry-label,
.c-block-projects-information.c-block-projects-information--style-highlight
  .c-block-projects-information__entry-content {
  position: relative;
  top: -2rem;
}
@media (min-width: 768px) {
  .c-block-projects-information.c-block-projects-information--style-highlight {
    background-color: #fff;
    border-radius: 18rem;
    flex: 1 1 0;
    max-width: 550rem;
  }
  .c-block-projects-information.c-block-projects-information--style-highlight
    .c-block-projects-information__description {
    padding: 25rem 30rem 22rem;
  }
  .c-block-projects-information.c-block-projects-information--style-highlight
    .c-block-projects-information__description-entry {
    top: 2rem;
  }
  .c-block-projects-information.c-block-projects-information--style-highlight
    .c-block-projects-information__description-entry::before {
    left: -1rem;
  }
  .c-block-projects-information.c-block-projects-information--style-highlight
    .c-block-projects-information__location {
    padding: 25rem 30rem 22rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279.98px) {
  .c-block-projects-information.c-block-projects-information--style-highlight {
    max-width: none;
    width: 100%;
  }
  .c-block-projects-information.c-block-projects-information--style-highlight
    .c-block-projects-information__description {
    padding: 20rem;
  }
  .c-block-projects-information.c-block-projects-information--style-highlight
    .c-block-projects-information__description-entry {
    top: 0;
  }
  .c-block-projects-information.c-block-projects-information--style-highlight
    .c-block-projects-information__description-entry::before {
    left: 0;
  }
  .c-block-projects-information.c-block-projects-information--style-highlight
    .c-block-projects-information__location {
    padding: 20rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-block-projects-information.c-block-projects-information--style-highlight {
    background-color: #f0f0f0;
    border-radius: 10rem;
    width: 100%;
  }
  .c-block-projects-information.c-block-projects-information--style-highlight
    .c-block-projects-information__description {
    padding: 30rem 20rem 15rem;
  }
  .c-block-projects-information.c-block-projects-information--style-highlight
    .c-block-projects-information__description-entry::before {
    border-color: #fff;
    left: 0;
  }
  .c-block-projects-information.c-block-projects-information--style-highlight
    .c-block-projects-information__location {
    padding: 15rem 20rem 30rem;
  }
}

.c-block-projects-information.c-block-projects-information--style-detail
  .c-block-projects-information__description-entry {
  padding-left: 24rem;
  position: relative;
}
.c-block-projects-information.c-block-projects-information--style-detail
  .c-block-projects-information__description-entry::before {
  background-color: #e97342;
  border: 5rem solid #f2efec;
  border-radius: 50%;
  content: '';
  height: 18rem;
  position: absolute;
  top: 3rem;
  width: 18rem;
}
.c-block-projects-information.c-block-projects-information--style-detail
  .c-block-projects-information__entry-label,
.c-block-projects-information.c-block-projects-information--style-detail
  .c-block-projects-information__entry-content {
  position: relative;
  top: -2rem;
}
.c-block-projects-information.c-block-projects-information--style-detail
  .c-block-projects-information__location {
  border-bottom: 1px solid #e4e4e4;
}
@media (min-width: 768px) {
  .c-block-projects-information.c-block-projects-information--style-detail {
    background-color: #fff;
    border-radius: 18rem;
    flex: 1 1 0;
    max-width: 550rem;
  }
  .c-block-projects-information.c-block-projects-information--style-detail
    .c-block-projects-information__description {
    padding: 20rem 30rem 27rem;
  }
  .c-block-projects-information.c-block-projects-information--style-detail
    .c-block-projects-information__description-entry {
    top: 2rem;
  }
  .c-block-projects-information.c-block-projects-information--style-detail
    .c-block-projects-information__description-entry::before {
    left: -1rem;
  }
  .c-block-projects-information.c-block-projects-information--style-detail
    .c-block-projects-information__location {
    padding: 25rem 30rem 22rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279.98px) {
  .c-block-projects-information.c-block-projects-information--style-detail {
    max-width: none;
    width: 100%;
  }
  .c-block-projects-information.c-block-projects-information--style-detail
    .c-block-projects-information__description {
    padding: 20rem;
  }
  .c-block-projects-information.c-block-projects-information--style-detail
    .c-block-projects-information__description-entry {
    top: 0;
  }
  .c-block-projects-information.c-block-projects-information--style-detail
    .c-block-projects-information__description-entry::before {
    left: 0;
  }
  .c-block-projects-information.c-block-projects-information--style-detail
    .c-block-projects-information__location {
    padding: 20rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-block-projects-information.c-block-projects-information--style-detail {
    background-color: #f0f0f0;
    border-radius: 10rem;
    width: 100%;
  }
  .c-block-projects-information.c-block-projects-information--style-detail
    .c-block-projects-information__description {
    padding: 15rem 20rem 30rem;
  }
  .c-block-projects-information.c-block-projects-information--style-detail
    .c-block-projects-information__description-entry::before {
    border-color: #fff;
    left: 0;
  }
  .c-block-projects-information.c-block-projects-information--style-detail
    .c-block-projects-information__location {
    padding: 30rem 20rem 15rem;
  }
}

.c-button-primary {
  align-items: center;
  background-color: #e97342;
  border-radius: 30rem;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-weight: 700;
  justify-content: center;
  padding: 10rem 20rem;
}
@media (min-width: 768px) {
  .c-button-primary {
    font-size: 19rem;
    line-height: 1.2;
    min-height: 60rem;
    width: 300rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-button-primary {
    font-size: 16rem;
    line-height: 1.2;
    min-height: 40rem;
    width: 100%;
  }
}

.c-button-secondary {
  align-items: center;
  border: 1rem solid rgb(216, 212, 209);
  border-radius: 99999rem;
  display: flex;
  justify-content: center;
  position: relative;
  transition: border-color 0.5s ease-in-out;
}
.c-button-secondary::after {
  background-color: #e97342;
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-mask: url(../img/common/icon_arrow_05.svg) 50% 50% / contain no-repeat;
  height: 20rem;
  margin-right: 20rem;
  mask: url(../img/common/icon_arrow_05.svg) 50% 50% / contain no-repeat;
  transition: margin-right 0.5s ease-in-out;
  width: 40rem;
}
.c-button-secondary:hover {
  border-color: #e97342;
}
.c-button-secondary:hover::after {
  margin-right: 8rem;
}
@media (min-width: 768px) {
  .c-button-secondary {
    font-size: 18rem;
    line-height: 1.7777777778;
    min-height: 50rem;
    padding: 5rem 50rem 6rem 5rem;
    width: 209rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-button-secondary {
    font-size: 16rem;
    line-height: 1.5;
    min-height: 50rem;
    padding: 5rem 50rem 6rem 5rem;
    width: 100%;
  }
}

.c-button-tertiary {
  align-items: center;
  background: #fff;
  border-radius: 99999rem;
  cursor: pointer;
  display: flex;
  font-weight: 500;
  justify-content: center;
  position: relative;
  text-transform: uppercase;
}
.c-button-tertiary::after {
  /*background: url(../../../img/common/icon_arrow_04.svg) center center/contain
    no-repeat;*/
  content: '';
  display: block;
  margin-right: 24rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.4s ease;
}
.c-button-tertiary:hover::after {
  transform: translateY(calc(-50% + 4rem));
}
@media (min-width: 768px) {
  .c-button-tertiary {
    font-size: 18rem;
    line-height: 1.7777777778;
    min-height: 50rem;
    padding: 9rem 46rem 8rem 20rem;
    width: 209rem;
  }
  .c-button-tertiary::after {
    height: 19rem;
    width: 18rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-button-tertiary {
    font-size: 15rem;
    line-height: 1.6;
    min-height: 40rem;
    padding: 9rem 46rem 8rem 20rem;
    width: 200rem;
  }
  .c-button-tertiary::after {
    height: 17rem;
    width: 16rem;
  }
}

.c-card-introduction {
  left: 0;
  position: absolute;
  top: 0;
}
.c-card-introduction .c-card-introduction__wrapper {
  background-color: #fff;
  border-radius: 20rem;
  position: relative;
  z-index: 1;
}
.c-card-introduction .c-card-introduction__detail p {
  margin: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1439.98px) {
  .c-card-introduction .c-card-introduction__detail {
    font-size: 16rem;
    line-height: 1.5;
    padding: 20rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-card-introduction {
    display: none;
    margin-top: 15rem;
    opacity: 1;
    position: relative;
    z-index: 0;
  }
  .c-card-introduction .c-card-introduction__detail {
    font-size: 16rem;
    line-height: 1.5;
    padding: 15rem;
  }
  .c-card-introduction
    .c-thumbnail.c-thumbnail--style-snippet
    .c-icon-accordion {
    display: none;
  }
}

.c-card-introduction.c-card-introduction--style-full
  .c-card-introduction__wrapper {
  background-color: #fff;
  border-radius: 20rem;
  position: relative;
  z-index: 1;
}
.c-card-introduction.c-card-introduction--style-full
  .c-card-introduction__detail
  p {
  margin: 0;
}
@media (min-width: 768px) {
  .c-card-introduction.c-card-introduction--style-full {
    top: -49rem;
  }
  .c-card-introduction.c-card-introduction--style-full
    .c-card-introduction__detail {
    font-size: 19rem;
    line-height: 1.4736842105;
    padding: 29rem 40rem 26rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1439.98px) {
  .c-card-introduction.c-card-introduction--style-full
    .c-card-introduction__detail {
    font-size: 16rem;
    line-height: 1.5;
    padding: 20rem;
  }
}

.c-card-introduction.c-card-introduction--style-full::before {
  background: inherit;
  border-radius: 20rem;
  bottom: 0;
  content: '';
  left: 0;
  mix-blend-mode: multiply;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 768px) {
  .c-card-introduction.c-card-introduction--style-full::before {
    box-shadow: 5rem 0 43rem 0 rgba(0, 0, 0, 0.2);
  }
}
@media only screen and (max-width: 767.98px) {
  .c-card-introduction.c-card-introduction--style-full::before {
    box-shadow: 5rem 0 20rem 0 rgba(0, 0, 0, 0.2);
  }
}

@media (min-width: 768px) {
  .c-card-introduction.c-card-introduction--style-snippet {
    top: calc(100% - 40rem);
  }
  .c-card-introduction.c-card-introduction--style-snippet
    .c-card-introduction__detail {
    font-size: 20rem;
    line-height: 1.4;
    padding: 76rem 40rem 32rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1439.98px) {
  .c-card-introduction.c-card-introduction--style-snippet
    .c-card-introduction__detail {
    font-size: 16rem;
    line-height: 1.5;
    padding: 60rem 20rem 20rem;
  }
}

.c-card-projects {
  position: relative;
}
.c-card-projects .c-card-projects__title {
  margin: 0;
  position: relative;
}
.c-card-projects .c-card-projects__title-wrapper {
  -webkit-line-clamp: 2;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
}

.c-card-projects.c-card-projects--style-default {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: flex-start;
}
.c-card-projects.c-card-projects--style-default .c-card-projects__title {
  font-weight: 600;
}
@media (min-width: 768px) {
  .c-card-projects.c-card-projects--style-default .c-card-projects__wrapper {
    align-items: stretch;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 26rem 13rem 21rem;
  }
  .c-card-projects.c-card-projects--style-default .c-card-projects__title {
    font-size: 24rem;
    line-height: 1.5;
    margin-bottom: 15rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279.98px) {
  .c-card-projects.c-card-projects--style-default .c-card-projects__wrapper {
    padding: 20rem 10rem;
  }
  .c-card-projects.c-card-projects--style-default .c-card-projects__title {
    font-size: 20rem;
    line-height: 1.5;
    margin-bottom: 10rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-card-projects.c-card-projects--style-default .c-card-projects__wrapper {
    padding: 20rem 0;
  }
  .c-card-projects.c-card-projects--style-default .c-card-projects__title {
    font-size: 20rem;
    line-height: 1.5;
    margin-bottom: 15rem;
  }
}

.c-card-projects.c-card-projects--style-slider {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: flex-start;
}
.c-card-projects.c-card-projects--style-slider .c-card-projects__title {
  font-weight: 600;
}
.c-card-projects.c-card-projects--style-slider .c-card-projects__location-item {
  gap: 2rem;
}
@media (min-width: 768px) {
  .c-card-projects.c-card-projects--style-slider .c-card-projects__wrapper {
    align-items: stretch;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 27rem 21rem 20rem 18rem;
  }
  .c-card-projects.c-card-projects--style-slider .c-card-projects__title {
    font-size: 24rem;
    line-height: 1.5;
    margin-bottom: 15rem;
  }
  .c-card-projects.c-card-projects--style-slider
    .c-block-projects-information
    .c-block-projects-information__description {
    margin-bottom: 37rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279.98px) {
  .c-card-projects.c-card-projects--style-slider .c-card-projects__wrapper {
    padding: 20rem 10rem;
  }
  .c-card-projects.c-card-projects--style-slider .c-card-projects__title {
    font-size: 20rem;
    line-height: 1.5;
    margin-bottom: 10rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-card-projects.c-card-projects--style-slider .c-card-projects__wrapper {
    padding: 20rem 0;
  }
  .c-card-projects.c-card-projects--style-slider .c-card-projects__title {
    font-size: 20rem;
    line-height: 1.5;
    margin-bottom: 15rem;
  }
}

.c-card-projects.c-card-projects--style-highlight .c-card-projects__wrapper {
  display: flex;
  flex: 1 1 auto;
  position: relative;
}
.c-card-projects.c-card-projects--style-highlight .c-card-projects__title {
  font-weight: 700;
}
.c-card-projects.c-card-projects--style-highlight
  .c-card-projects__title::after {
  content: '';
  -webkit-mask: url(../img/common/icon_arrow_05.svg) 50% 50%/100% auto no-repeat;
  bottom: 0;
  mask: url(../img/common/icon_arrow_05.svg) 50% 50%/100% auto no-repeat;
  position: absolute;
  right: 0;
  top: 0;
  transition: transform 0.5s ease;
}
.c-card-projects.c-card-projects--style-highlight
  .c-card-projects__title-wrapper {
  background: linear-gradient(
      to right,
      transparent 0%,
      transparent 50%,
      #e97342 50%,
      #e97342 100%
    ) -100%
    100%/200% 15rem repeat-x;
  display: inline;
  transition: background 0.5s ease;
}
.c-card-projects.c-card-projects--style-highlight .c-thumbnail-product::before {
  display: none;
}
@media (min-width: 768px) {
  .c-card-projects.c-card-projects--style-highlight {
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .c-card-projects.c-card-projects--style-highlight::after {
    content: '';
    flex: 0 0 auto;
    min-height: 540rem;
    padding-top: 39.247311828%;
  }
  .c-card-projects.c-card-projects--style-highlight .c-card-projects__wrapper {
    align-items: flex-start;
    gap: 30rem;
    justify-content: space-between;
    padding: 40rem 40rem 40rem 80rem;
  }
  .c-card-projects.c-card-projects--style-highlight .c-card-projects__title {
    color: #fff;
    font-size: 56rem;
    line-height: 1.25;
    margin: -10rem 0;
    max-width: calc(50% - 15rem);
    padding-right: 125rem;
  }
  .c-card-projects.c-card-projects--style-highlight
    .c-card-projects__title::after {
    background-color: #fff;
    right: 20rem;
    width: 54rem;
  }
  .c-card-projects.c-card-projects--style-highlight
    .c-card-projects__title-wrapper {
    background-position: -100% calc(100% - 10rem);
  }
  .c-card-projects.c-card-projects--style-highlight .c-thumbnail-product {
    border-radius: 30rem;
    bottom: 0;
    left: 0;
    padding-top: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279.98px) {
  .c-card-projects.c-card-projects--style-highlight .c-card-projects__wrapper {
    align-items: center;
    flex-direction: column;
    padding: 30rem;
  }
  .c-card-projects.c-card-projects--style-highlight .c-card-projects__title {
    font-size: 48rem;
    line-height: 1.25;
    margin: -10rem 0;
    max-width: none;
    padding-right: 80rem;
  }
  .c-card-projects.c-card-projects--style-highlight
    .c-card-projects__title::after {
    right: 20rem;
    width: 40rem;
  }
  .c-card-projects.c-card-projects--style-highlight
    .c-card-projects__title-wrapper {
    background-position: -100% calc(100% - 5rem);
  }
}
@media only screen and (max-width: 767.98px) {
  .c-card-projects.c-card-projects--style-highlight .c-card-projects__wrapper {
    align-items: center;
    flex-direction: column;
    gap: 20rem;
    padding-top: 20rem;
  }
  .c-card-projects.c-card-projects--style-highlight .c-card-projects__title {
    font-size: 32rem;
    line-height: 1.5;
    margin: -10rem 0;
    padding-right: 50rem;
  }
  .c-card-projects.c-card-projects--style-highlight
    .c-card-projects__title::after {
    background-color: #313131;
    right: 10rem;
    width: 30rem;
  }
  .c-card-projects.c-card-projects--style-highlight
    .c-card-projects__title-wrapper {
    background-position: -100% calc(100% - 5rem);
  }
}

@media (min-width: 768px) {
  .c-card-projects.c-card-projects--style-highlight:hover
    .c-card-projects__title::after {
    transform: translateX(20rem);
  }
  .c-card-projects.c-card-projects--style-highlight:hover
    .c-card-projects__title-wrapper {
    background-position: -300% calc(100% - 10rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279.98px) {
  .c-card-projects.c-card-projects--style-highlight:hover
    .c-card-projects__title-wrapper {
    background-position: -300% calc(100% - 5rem);
  }
}
@media only screen and (max-width: 767.98px) {
  .c-card-projects.c-card-projects--style-highlight:hover
    .c-card-projects__title::after {
    transform: translateX(10rem);
  }
  .c-card-projects.c-card-projects--style-highlight:hover
    .c-card-projects__title-wrapper {
    background-position: -300% calc(100% - 5rem);
  }
}

.c-contact .c-contact__wrapper {
  background-color: #fbf7f4;
  border: 5rem solid #fbf7f4;
  border-radius: 20rem;
}
.c-contact .wpcf7-spinner{position: absolute;}
.c-contact .c-form-contact__controller-wrapper p{margin-bottom: 0}
.c-contact .c-contact__information {
  background-color: #fff;
  border-radius: 8rem 8rem 18rem 18rem;
  border-top: 1rem solid #e0dcda;
}
.c-contact .c-contact__information-label {
  font-weight: 500;
  margin: 0;
  text-transform: uppercase;
}
.c-contact .c-contact__item-link {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 10rem;
  justify-content: flex-start;
  position: relative;
}
.c-contact .c-contact__item-link::before {
  background: 50% 50%/100% auto no-repeat;
  border-radius: 50%;
  content: '';
  flex: 0 0 auto;
  height: 50rem;
  width: 50rem;
}
.c-contact .c-contact__item-link.c-contact__item-link--zalo::before {
  background-image: url(../img/common/icon_contact_zalo.svg);
}
.c-contact .c-contact__item-link.c-contact__item-link--whatsapp::before {
  background-image: url(../img/common/icon_contact_whatsapp.svg);
}
.c-contact .c-contact__item-link.c-contact__item-link--hotline::before {
  background-image: url(../img/common/icon_contact_hotline.svg);
}
.c-contact .c-contact__item-label {
  display: block;
  font-weight: 400;
}
.c-contact .c-contact__item-content {
  display: block;
  font-weight: 600;
}
@media (min-width: 768px) {
  .c-contact {
    padding: 113rem 0 90rem;
  }
  .c-contact .c-contact__wrapper {
    margin: 0 auto;
    max-width: 1110rem;
  }
  .c-contact .c-contact__information {
    padding: 10rem 43rem;
  }
  .c-contact .c-contact__information-wrapper {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 45rem;
    justify-content: flex-start;
  }
  .c-contact .c-contact__information-label {
    flex: 0 0 auto;
    font-size: 20rem;
    line-height: 1.5;
    max-width: 250rem;
  }
  .c-contact .c-contact__list-wrapper {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 31rem;
    justify-content: flex-start;
  }
  .c-contact .c-contact__item-label {
    font-size: 16rem;
    line-height: 1.5;
  }
  .c-contact .c-contact__item-content {
    font-size: 18rem;
    line-height: 1.3333333333;
  }
  .c-contact .c-title-second {
    margin-bottom: 50rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279.98px) {
  .c-contact {
    padding: 100rem 0;
  }
  .c-contact .c-contact__information {
    padding: 10rem 20rem;
  }
  .c-contact .c-contact__information-wrapper {
    gap: 20rem;
  }
  .c-contact .c-contact__information-label {
    font-size: 18rem;
    line-height: 1.6666666667;
  }
  .c-contact .c-contact__list-wrapper {
    gap: 20rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-contact {
    padding: 60rem 0;
  }
  .c-contact .c-title-second {
    margin-bottom: 30rem;
  }
  .c-contact .c-contact__information {
    padding: 20rem;
  }
  .c-contact .c-contact__information-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 20rem;
    justify-content: flex-start;
  }
  .c-contact .c-contact__information-label {
    font-size: 18rem;
    line-height: 1.3333333333;
    text-align: center;
  }
  .c-contact .c-contact__list-wrapper {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 20rem;
    justify-content: flex-start;
  }
  .c-contact .c-contact__information-label {
    flex: 0 0 auto;
    font-size: 20rem;
    line-height: 1.5;
    max-width: 250rem;
  }
  .c-contact .c-contact__item-label {
    font-size: 14rem;
    line-height: 1.4285714286;
  }
  .c-contact .c-contact__item-content {
    font-size: 16rem;
    line-height: 1.5;
  }
}

@media (min-width: 768px) {
  .c-contact.c-contact--style-projects {
    margin-bottom: 75rem;
    padding: 0;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-contact.c-contact--style-projects {
    margin-bottom: 60rem;
    padding: 0;
  }
}

.c-input,
.c-input-file,
.c-select {
  position: relative;
}
.c-input::after,
.c-input-file::after,
.c-select::after {
  background-color: #d3cfcd;
  bottom: 0;
  content: '';
  height: 3px;
  left: 0;
  position: absolute;
  transition:
    width 0.5s ease,
    background 0.5s ease;
  z-index: 1;
}
.c-input:focus-within::after,
.c-input-file:focus-within::after,
.c-select:focus-within::after {
  background-color: #e97342;
  width: 100%;
}
@media (min-width: 768px) {
  .c-input,
  .c-input-file,
  .c-select {
    font-size: 18rem;
    line-height: 1.9444444444;
  }
  .c-input::after,
  .c-input-file::after,
  .c-select::after {
    width: 35rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-input,
  .c-input-file,
  .c-select {
    font-size: 16rem;
    line-height: 1.5;
  }
  .c-input::after,
  .c-input-file::after,
  .c-select::after {
    width: 30rem;
  }
}

.c-input input {
  border-bottom: 1px solid #d3cfcd;
  font: inherit;
  outline: none;
  position: relative;
  width: 100%;
  z-index: 0;
}
@media (min-width: 768px) {
  .c-input input {
    padding: 7rem 10rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-input input {
    padding: 5rem 10rem;
  }
}

.c-input-file {
  position: relative;
}
.c-input-file input {
  bottom: 0;
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
.c-input-file .c-input-file__wrapper {
  align-items: stretch;
  border-bottom: 1px solid #d3cfcd;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font: inherit;
  gap: 10rem;
  justify-content: flex-start;
  outline: none;
  position: relative;
  width: 100%;
}
.c-input-file .c-input-file__wrapper::after {
  background-color: #e97342;
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-mask: url(../img/common/icon_file_pdf.svg) calc(100% - 12rem) 50% /
    auto auto no-repeat;
  mask: url(../img/common/icon_file_pdf.svg) calc(100% - 12rem) 50% / auto auto
    no-repeat;
}
.c-input-file .c-input-file__label {
  flex: 1 1 auto;
  position: relative;
  z-index: 0;
}
.c-input-file .c-input-file__button {
  flex: 0 0 auto;
  height: 35rem;
  position: relative;
  width: 35rem;
  z-index: 1;
}
.c-input-file .c-input-file__button.c-input-file__button--delete::before,
.c-input-file .c-input-file__button.c-input-file__button--delete::after {
  background-color: #313131;
  border-radius: 1rem;
  content: '';
  height: 2rem;
  left: 10rem;
  position: absolute;
  right: 10rem;
  top: calc(50% - 1rem);
}
.c-input-file .c-input-file__button.c-input-file__button--delete::before {
  transform: rotate(135deg);
}
.c-input-file .c-input-file__button.c-input-file__button--delete::after {
  transform: rotate(45deg);
}
@media (min-width: 768px) {
  .c-input-file .c-input-file__wrapper {
    padding: 7rem 40rem 7rem 10rem;
  }
  .c-input-file .c-input-file__wrapper::after {
    -webkit-mask-size: 23rem;
    mask-size: 23rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-input-file .c-input-file__wrapper {
    padding: 5rem 40rem 10rem 10rem;
  }
  .c-input-file .c-input-file__wrapper::after {
    -webkit-mask-size: 15rem;
    mask-size: 15rem;
    -webkit-mask-position: calc(100% - 10rem) 50%;
    mask-position: calc(100% - 10rem) 50%;
  }
}

.c-select select {
  background: url(../img/common/icon_arrow_03.svg) calc(100% - 10rem) 50% / auto
    auto no-repeat;
  border-bottom: 1px solid #d3cfcd;
  cursor: pointer;
  font: inherit;
  outline: none;
  position: relative;
  width: 100%;
  z-index: 0;
}
.c-select option {
  font-size: 16rem;
}
@media (min-width: 768px) {
  .c-select select {
    background-size: 18rem;
    padding: 7rem 40rem 7rem 10rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-select select {
    background-size: 15rem;
    padding: 10rem 40rem 10rem 10rem;
  }
}
.c-form-contact .c-input p,.c-form-contact .c-select p,.c-form-contact__controller-label p{margin-bottom: 0}
.c-form-contact .c-form-contact__wrapper {
  display: flex;
  flex-direction: column;
}
.c-form-contact .c-form-contact__controller-label {
  font-style: italic;
  margin: 0;
}
@media (min-width: 768px) {
  .c-form-contact {
    padding: 32rem 32rem 41rem;
  }
  .c-form-contact .c-form-contact__wrapper {
    gap: 29rem;
  }
  .c-form-contact .c-form-contact__segment {
    display: grid;
    gap: 30rem 50rem;
  }
  .c-form-contact .c-form-contact__controller {
    padding: 43rem 3rem 0 14rem;
  }
  .c-form-contact .c-form-contact__controller-wrapper {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 30rem;
    justify-content: space-between;
  }
  .c-form-contact .c-form-contact__controller-label {
    flex: 0 0 auto;
    font-size: 18rem;
    line-height: 1.5555555556;
    width: 41.8918918919%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279.98px) {
  .c-form-contact {
    padding: 30rem 20rem;
  }
  .c-form-contact .c-form-contact__wrapper {
    gap: 20rem;
  }
  .c-form-contact .c-form-contact__segment {
    gap: 20rem;
  }
  .c-form-contact .c-form-contact__controller {
    padding: 40rem 0 0;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-form-contact {
    padding: 30rem 20rem;
  }
  .c-form-contact .c-form-contact__wrapper {
    gap: 15rem;
  }
  .c-form-contact .c-form-contact__segment {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 15rem;
    justify-content: flex-start;
  }
  .c-form-contact .c-form-contact__controller {
    padding-top: 30rem;
  }
  .c-form-contact .c-form-contact__controller-wrapper {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 20rem;
    justify-content: flex-start;
  }
  .c-form-contact .c-form-contact__controller-label {
    font-size: 16rem;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 575px){
  .c-form-contact {
    padding: 10rem 0rem 30rem;
  }
  .p-list-recruitment{overflow: hidden;}
  .p-list-recruitment-information .p-list-recruitment-information__label { font-size: 17rem;    line-height: 1.4;   }
}
@media (min-width: 768px) {
  .c-form-contact.c-form-contact--services
    .c-form-contact__segment:nth-child(1) {
    grid-template-columns: 33.4401709402% 24.1452991453% 1fr;
  }
  .c-form-contact.c-form-contact--services
    .c-form-contact__segment:nth-child(2) {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279.98px) {
  .c-form-contact.c-form-contact--services
    .c-form-contact__segment:nth-child(1) {
    grid-template-columns: 1fr;
  }
}

.c-icon-accordion {
  background-color: #e97342;
  border-radius: 50%;
  position: absolute;
  z-index: 2;
}
@media (min-width: 768px) {
  .c-icon-accordion {
    height: 40rem;
    left: calc(100% - 20rem);
    top: calc(50% - 20rem);
    width: 40rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-icon-accordion {
    height: 30rem;
    left: calc(100% - 15rem);
    top: calc(50% - 15rem);
    width: 30rem;
  }
}

.c-icon-accordion::before,
.c-icon-accordion::after {
  background-color: #fff;
  content: '';
  height: 2px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: calc(50% - 1px);
  transition: transform 0.5s ease;
  width: 40%;
}

.c-icon-accordion::after {
  transform: rotate(90deg);
}

.c-icon-services {
  background-color: #e97342;
  border-radius: 50%;
  display: block;
  position: relative;
}
@media (min-width: 768px) {
  .c-icon-services {
    height: 68rem;
    width: 68rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1439.98px) {
  .c-icon-services {
    height: calc(68rem * 0.875);
    width: calc(68rem * 0.875);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279.98px) {
  .c-icon-services {
    height: calc(68rem * 0.6);
    width: calc(68rem * 0.6);
  }
}
@media only screen and (max-width: 767.98px) {
  .c-icon-services {
    height: 40rem;
    width: 40rem;
  }

}

.c-icon-services::before {
  background-color: #424242;
  content: '';
  height: calc(100% + 2rem);
  width: 100%;
  -webkit-mask: 50% 50% / auto 100% no-repeat;
  mask: 50% 50% / auto 100% no-repeat;
  position: absolute;
  top: -14rem;
  z-index: 1;
}

.c-icon-services.c-icon-services--advise::before {
  -webkit-mask-image: url(../img/common/icon_service_01.svg);
  left: -42.6470588235%;
  mask-image: url(../img/common/icon_service_01.svg);
}

.c-icon-services.c-icon-services--search::before {
  -webkit-mask-image: url(../img/common/icon_service_02.svg);
  left: -30.8823529412%;
  mask-image: url(../img/common/icon_service_02.svg);
}

.c-icon-services.c-icon-services--support-loan::before {
  -webkit-mask-image: url(../img/common/icon_service_03.svg);
  left: -41.1764705882%;
  mask-image: url(../img/common/icon_service_03.svg);
}

.c-icon-services.c-icon-services--support-exchange::before {
  -webkit-mask-image: url(../img/common/icon_service_04.svg);
  left: -41.1764705882%;
  mask-image: url(../img/common/icon_service_04.svg);
}

.c-list {
  position: relative;
}
.c-list .c-list__item {
  position: relative;
}
.c-list .c-list__item::before,
.c-list .c-list__item::after {
  background-color: #e4e1e0;
  bottom: 0;
  content: '';
  display: block;
  height: 1rem;
  left: 0;
  position: absolute;
  transition:
    opacity 0.5s ease,
    height 0.5s ease;
  width: 100%;
}
.c-list .c-list__item::before {
  background-color: #e97342;
  height: 5rem;
  opacity: 0;
  transform: scale(1, 0);
  transform-origin: 50% 100%;
  transition:
    transform 0.5s ease,
    opacity 0.5s ease;
}
.c-list .c-list__item:hover::before {
  opacity: 1;
  transform: scale(1, 1);
}
.c-list .c-list__item:hover .c-thumbnail-product::before {
  opacity: 1;
}
@media (min-width: 768px) {
  .c-list .c-list__wrapper {
    display: grid;
    gap: 40rem 30rem;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279.98px) {
  .c-list .c-list__wrapper {
    gap: 32rem 20rem;
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-list .c-list__wrapper {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 30rem;
    justify-content: flex-start;
  }
}

.c-list.c-list--style-slider .c-list__controller {
  display: flex;
  justify-content: flex-end;
}
.c-list.c-list--style-slider .swiper-button-next,
.c-list.c-list--style-slider .swiper-button-prev {
  border: 1px solid #e4e1e0;
  flex: 0 0 auto;
  position: relative;
}
.c-list.c-list--style-slider .swiper-button-next::after,
.c-list.c-list--style-slider .swiper-button-prev::after {
  background-color: #313131;
  bottom: 0;
  content: '';
  left: 0;
  -webkit-mask: url(../img/common/icon_arrow_07.svg) 50% 50% / auto auto
    no-repeat;
  mask: url(../img/common/icon_arrow_07.svg) 50% 50% / auto auto no-repeat;
  position: absolute;
  right: 0;
  top: 0;
  transition: background 0.5s ease;
}
.c-list.c-list--style-slider .swiper-button-next:hover::after,
.c-list.c-list--style-slider .swiper-button-prev:hover::after {
  background-color: #e97342;
}
.c-list.c-list--style-slider .swiper-button-next::after {
  transform: scale(-1, 1);
}
@media (min-width: 768px) {
  .c-list.c-list--style-slider .c-list__controller {
    gap: 36rem;
    left: 50%;
    max-width: 1306rem;
    position: absolute;
    top: -81rem;
    transform: translateX(-50%);
    width: 100%;
  }
  .c-list.c-list--style-slider .swiper-button-next,
  .c-list.c-list--style-slider .swiper-button-prev {
    border-radius: 24rem;
    height: 48rem;
    width: 48rem;
  }
  .c-list.c-list--style-slider .swiper-button-next::after,
  .c-list.c-list--style-slider .swiper-button-prev::after {
    -webkit-mask-size: 18rem auto;
    mask-size: 18rem auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279.98px) {
  .c-list.c-list--style-slider .c-list__controller {
    top: -45rem;
  }
  .c-list.c-list--style-slider .swiper-button-next,
  .c-list.c-list--style-slider .swiper-button-prev {
    border-radius: 18rem;
    height: 36rem;
    width: 36rem;
  }
  .c-list.c-list--style-slider .swiper-button-next::after,
  .c-list.c-list--style-slider .swiper-button-prev::after {
    -webkit-mask-size: 16rem auto;
    mask-size: 16rem auto;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-list.c-list--style-slider .c-list__controller {
    gap: 24rem;
    margin-bottom: 16rem;
  }
  .c-list.c-list--style-slider .swiper-button-next,
  .c-list.c-list--style-slider .swiper-button-prev {
    border-radius: 18rem;
    height: 36rem;
    width: 36rem;
  }
  .c-list.c-list--style-slider .swiper-button-next::after,
  .c-list.c-list--style-slider .swiper-button-prev::after {
    -webkit-mask-size: 16rem auto;
    mask-size: 16rem auto;
  }
}

.c-list-enterprise .c-list-enterprise__wrapper {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.c-list-enterprise .c-list-enterprise__item-wrapper {
  background: #fff;
  border-radius: 20rem;
  height: 100%;
}
.c-list-enterprise .c-list-enterprise__item-icon {
  align-items: stretch;
  background: linear-gradient(to right, #d8d4d1, #d8d4d1) 50% 50%/100% 1px
    no-repeat;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  position: relative;
}
.c-list-enterprise .c-list-enterprise__item-icon::before,
.c-list-enterprise .c-list-enterprise__item-icon::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
}
.c-list-enterprise .c-list-enterprise__item-icon::before {
  background-color: #d8d4d1;
  border-radius: 50%;
  height: 11rem;
  left: 0;
  transform: translate(-50%, -50%);
  width: 11rem;
}
.c-list-enterprise .c-list-enterprise__item-icon::after {
  background: url(../img/common/icon_arrow_02.svg) 50% 50%/100% auto no-repeat;
  height: 19rem;
  right: 0;
  transform: translateY(-50%);
  width: 12rem;
}
.c-list-enterprise .c-list-enterprise__icon-wrapper {
  flex: 1 1 auto;
  max-width: 100rem;
}
.c-list-enterprise .c-list-enterprise__icon-image {
  background-color: #fff;
  padding-top: 60%;
  position: relative;
}
.c-list-enterprise .c-list-enterprise__icon-image .u-object {
  left: 0;
  position: absolute;
  top: 0;
}
@media (min-width: 768px) {
  .c-list-enterprise .c-list-enterprise__wrapper {
    gap: 30rem;
    justify-content: center;
  }
  .c-list-enterprise .c-list-enterprise__item {
    flex: 1 1 calc(50% - 15rem);
    max-width: 432.5rem;
  }
  .c-list-enterprise .c-title-third {
    padding: 29rem 20rem 16rem 20rem;
  }
  .c-list-enterprise .c-paragraph-primary {
    padding: 28rem 20rem 42rem 20rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1365.98px) {
  .c-list-enterprise .c-list-enterprise__item {
    flex: none;
    max-width: none;
  }
  .c-list-enterprise .c-list-enterprise__wrapper {
    display: block;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-list-enterprise .c-list-enterprise__wrapper {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 20rem;
    justify-content: flex-start;
  }
  .c-list-enterprise .c-title-third {
    padding: 20rem;
  }
  .c-list-enterprise .c-paragraph-primary {
    padding: 20rem;
  }
}

.c-pagination {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
}
.c-pagination .c-pagination__arrow {
  border: 1px solid #e4e1e0;
  flex: 0 0 auto;
  position: relative;
}
.c-pagination .c-pagination__arrow::after {
  background-color: #313131;
  content: '';
  -webkit-mask: url(../img/common/icon_arrow_07.svg) 50% 50% / auto auto
    no-repeat;
  bottom: 0;
  left: 0;
  mask: url(../img/common/icon_arrow_07.svg) 50% 50% / auto auto no-repeat;
  position: absolute;
  right: 0;
  top: 0;
  transition: background 0.5s ease;
}
.c-pagination .c-pagination__arrow:hover::after {
  background-color: #e97342;
}
.c-pagination .c-pagination__arrow.c-pagination__arrow--next::after {
  transform: scale(-1, 1);
}
.c-pagination .c-pagination__wrapper {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.c-pagination .c-pagination__entry-number {
  align-items: center;
  background-color: transparent;
  border: 1px solid transparent;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  transition:
    border 0.5s ease,
    background 0.5s ease,
    color 0.5s ease;
}
.c-pagination .c-pagination__entry-number:hover {
  color: #e97342;
}
.c-pagination
  .c-pagination__entry-number.c-pagination__entry-number--state-active {
  background-color: #e97342;
  border: 1px solid #e97342;
  color: #fff;
}
.c-pagination .c-pagination__entry-label {
  position: relative;
}
@media (min-width: 768px) {
  .c-pagination {
    gap: 15rem;
    margin-top: 50rem;
  }
  .c-pagination .c-pagination__arrow {
    border-radius: 24rem;
    height: 48rem;
    width: 48rem;
  }
  .c-pagination .c-pagination__arrow::after {
    -webkit-mask-size: 18rem auto;
    mask-size: 18rem auto;
  }
  .c-pagination .c-pagination__wrapper {
    gap: 15rem 10rem;
  }
  .c-pagination .c-pagination__entry-number {
    border-radius: 24rem;
    font-size: 18rem;
    line-height: 1.5555555556;
    min-height: 48rem;
    min-width: 48rem;
    padding: 8rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-pagination {
    gap: 10rem;
    margin-top: 30rem;
  }
  .c-pagination .c-pagination__arrow {
    border-radius: 18rem;
    height: 36rem;
    width: 36rem;
  }
  .c-pagination .c-pagination__arrow::after {
    -webkit-mask-size: 16rem auto;
    mask-size: 16rem auto;
  }
  .c-pagination .c-pagination__wrapper {
    gap: 10rem 5rem;
  }
  .c-pagination .c-pagination__entry-number {
    border-radius: 18rem;
    font-size: 16rem;
    line-height: 1.5;
    min-height: 36rem;
    min-width: 36rem;
    padding: 4rem;
  }
}

.c-paragraph-primary p:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .c-paragraph-primary {
    font-size: 18rem;
    line-height: 1.5555555556;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1439.98px) {
  .c-paragraph-primary {
    font-size: calc(18rem * 0.875);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279.98px) {
  .c-paragraph-primary {
    font-size: 14rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-paragraph-primary {
    font-size: 14rem;
    line-height: 1.7142857143;
  }
}

.c-section-about {
  background: #fff url(../img/common/background_about_01.jpg) 50% 0% / auto 100%
    no-repeat;
  position: relative;
}
.c-section-about .c-section-about__title {
  font-family: 'Canela', serif;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
}
.c-section-about .c-section-about__title span {
  display: block;
}
.c-section-about .c-section-about__title-sub {
  font-family: 'Raleway', sans-serif;
}
.c-section-about .c-section-about__title-sub strong {
  font-weight: 700;
}
.c-section-about .c-section-about__title-main {
  color: #e97342;
}
.c-section-about .c-section-about__banner {
  position: relative;
}
.c-section-about .c-section-about__banner:last-child {
  margin-bottom: 0;
}
.c-section-about .c-section-about__banner-wrapper {
  border-radius: 20rem;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 0;
}
.c-section-about .c-section-about__banner-wrapper .u-object {
  left: 0;
  position: absolute;
  top: 0;
}
.c-section-about .c-section-about__content p {
  margin: 0;
}
@media (min-width: 768px) {
  .c-section-about {
    padding: 114rem 0 93rem;
  }
  .c-section-about .c-section-about__title {
    font-size: 41rem;
    margin-bottom: 94rem;
  }
  .c-section-about .c-section-about__title-sub {
    font-size: 30rem;
    margin-bottom: 3rem;
  }
  .c-section-about .c-section-about__title-main {
    font-size: 68rem;
  }
  .c-section-about .c-section-about__title-label {
    margin-top: -2rem;
  }
  .c-section-about .c-section-about__banner {
    margin-bottom: 74rem;
  }
  .c-section-about .c-section-about__banner-wrapper {
    padding-top: 40.625%;
  }
  .c-section-about .c-section-about__wrapper {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 140rem;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1108rem;
  }
  .c-section-about .c-section-about__content {
    flex: 1 1 0;
    font-size: 18rem;
    line-height: 1.5555555556;
  }
  .c-section-about .l-wrapper {
    max-width: 1600rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1439.98px) {
  .c-section-about {
    padding: calc(114rem * 0.875) 0 calc(93rem * 0.875);
  }
  .c-section-about .c-section-about__title {
    font-size: calc(41rem * 0.875);
    margin-bottom: calc(94rem * 0.875);
  }
  .c-section-about .c-section-about__title-sub {
    font-size: calc(30rem * 0.875);
    margin-bottom: calc(3rem * 0.875);
  }
  .c-section-about .c-section-about__title-main {
    font-size: calc(68rem * 0.875);
  }
  .c-section-about .c-section-about__banner {
    margin-bottom: calc(74rem * 0.875);
  }
  .c-section-about .c-section-about__wrapper {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: calc(140rem * 0.875);
    justify-content: space-between;
  }
  .c-section-about .c-section-about__content {
    font-size: calc(18rem * 0.875);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279.98px) {
  .c-section-about {
    padding: calc(114rem * 0.6) 0 calc(93rem * 0.6);
  }
  .c-section-about .c-section-about__title {
    font-size: calc(41rem * 0.6);
    margin-bottom: calc(94rem * 0.6);
  }
  .c-section-about .c-section-about__title-sub {
    font-size: calc(30rem * 0.6);
    margin-bottom: calc(3rem * 0.6);
  }
  .c-section-about .c-section-about__title-main {
    font-size: calc(68rem * 0.6);
  }
  .c-section-about .c-section-about__banner {
    margin-bottom: calc(74rem * 0.6);
  }
  .c-section-about .c-section-about__wrapper {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: calc(140rem * 0.6);
    justify-content: space-between;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-section-about {
    padding: 60rem 0;
  }
  .c-section-about .c-section-about__title {
    font-size: 24rem;
    line-height: 1.25;
    margin-bottom: 30rem;
  }
  .c-section-about .c-section-about__title-sub {
    font-size: 20rem;
    line-height: 1.5;
    margin-bottom: 5rem;
  }
  .c-section-about .c-section-about__title-main {
    font-size: 40rem;
    line-height: 1.25;
    margin-bottom: 10rem;
  }
  .c-section-about .c-section-about__banner {
    margin-bottom: 30rem;
  }
  .c-section-about .c-section-about__banner-wrapper {
    padding-top: 68.3760683761%;
  }
  .c-section-about .c-section-about__wrapper {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 30rem;
    justify-content: flex-start;
  }
  .c-section-about .c-section-about__content {
    flex: 1 1 0;
    font-size: 18rem;
    line-height: 1.5555555556;
  }
}

.c-section-about.c-section-about--style-top {
  background: url(../img/common/background_about_02.jpg) 50% 0% / auto auto
    no-repeat;
  z-index: 1;
}
.c-section-about.c-section-about--style-top .c-section-about__detail {
  margin: 0 auto;
  text-align: center;
}
.c-section-about.c-section-about--style-top .c-section-about__detail p {
  margin-bottom: 0;
}
.c-section-about.c-section-about--style-top .c-section-about__banner {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  overflow: visible;
}
.c-section-about.c-section-about--style-top .c-section-about__banner-button {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  position: relative;
  text-align: center;
  z-index: 1;
}
.c-section-about.c-section-about--style-top
  .c-section-about__banner-button:hover
  .c-section-about__button-icon::before {
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-name: movelr;
  animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94);
  color: #f28021;
}
.c-section-about.c-section-about--style-top .c-section-about__button-icon {
  background-color: #e97342;
  border-radius: 50%;
  display: block;
  flex: 0 0 auto;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.c-section-about.c-section-about--style-top
  .c-section-about__button-icon::before {
  background-color: #fff;
  content: '';
  margin: 0 auto;
  -webkit-mask: url(../img/common/icon_arrow_05.svg) 50% 50%/43.4782608696% auto
    no-repeat;
  bottom: 0;
  left: 0;
  mask: url(../img/common/icon_arrow_05.svg) 50% 50%/43.4782608696% auto
    no-repeat;
  position: absolute;
  right: 0;
  top: 0;
}
.c-section-about.c-section-about--style-top .c-section-about__button-label {
  position: relative;
}
@media (min-width: 768px) {
  .c-section-about.c-section-about--style-top {
    margin-bottom: -84rem;
    padding-bottom: 0;
  }
  .c-section-about.c-section-about--style-top .c-section-about__title {
    margin-bottom: 66rem;
  }
  .c-section-about.c-section-about--style-top .c-section-about__detail {
    font-size: 19rem;
    line-height: 1.5789473684;
    margin-bottom: 93rem;
    max-width: 650rem;
  }
  .c-section-about.c-section-about--style-top .c-section-about__banner-button {
    font-size: 18rem;
    line-height: 1.6666666667;
    margin-bottom: -44rem;
  }
  .c-section-about.c-section-about--style-top .c-section-about__button-icon {
    height: 92rem;
    margin-top: 14rem;
    width: 92rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1439.98px) {
  .c-section-about.c-section-about--style-top {
    margin-bottom: calc(-84rem * 0.875);
  }
  .c-section-about.c-section-about--style-top .c-section-about__title {
    margin-bottom: calc(66rem * 0.875);
  }
  .c-section-about.c-section-about--style-top .c-section-about__detail {
    font-size: calc(19rem * 0.875);
    margin-bottom: calc(93rem * 0.875);
  }
  .c-section-about.c-section-about--style-top .c-section-about__banner-button {
    font-size: calc(18rem * 0.875);
    margin-bottom: calc(-44rem * 0.875);
  }
  .c-section-about.c-section-about--style-top .c-section-about__button-icon {
    height: calc(92rem * 0.875);
    margin-top: calc(14rem * 0.875);
    width: calc(92rem * 0.875);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279.98px) {
  .c-section-about.c-section-about--style-top {
    margin-bottom: calc(-84rem * 0.6);
  }
  .c-section-about.c-section-about--style-top .c-section-about__title {
    margin-bottom: calc(66rem * 0.6);
  }
  .c-section-about.c-section-about--style-top .c-section-about__detail {
    margin-bottom: calc(93rem * 0.6);
  }
  .c-section-about.c-section-about--style-top .c-section-about__banner-button {
    margin-bottom: calc(-44rem * 0.6);
  }
  .c-section-about.c-section-about--style-top .c-section-about__button-icon {
    height: calc(92rem * 0.6);
    margin-top: calc(14rem * 0.6);
    width: calc(92rem * 0.6);
  }
}
@media only screen and (max-width: 767.98px) {
  .c-section-about.c-section-about--style-top {
    background: none;
    margin-bottom: -60rem;
    padding-bottom: 0;
  }
  .c-section-about.c-section-about--style-top .c-section-about__title {
    margin-bottom: 30rem;
  }
  .c-section-about.c-section-about--style-top .c-section-about__detail {
    font-size: 14rem;
    line-height: 1.7142857143;
    margin-bottom: 30rem;
  }
  .c-section-about.c-section-about--style-top .c-section-about__banner-button {
    font-size: 14rem;
    line-height: 1.7142857143;
    margin-bottom: -20rem;
  }
  .c-section-about.c-section-about--style-top .c-section-about__button-icon {
    height: 40rem;
    margin-top: 10rem;
    width: 40rem;
  }
}

.c-section-enterprise {
  align-items: stretch;
  background: url(../img/common/background_enterprise_01.jpg) 50% 50% / cover
    no-repeat;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  overflow: hidden;
  position: relative;
}
.c-section-enterprise .l-wrapper {
  align-items: stretch;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .c-section-enterprise {
    border-radius: 30rem;
    margin: 0 auto;
    max-width: 1920rem;
    min-height: 980rem;
    padding: 122rem 0 50rem;
  }
  .c-section-enterprise .l-wrapper {
    max-width: 1820rem;
  }
  .c-section-enterprise .c-title-second {
    margin-bottom: 50rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279.98px) {
  .c-section-enterprise .c-section-enterprise__item {
    margin-bottom: 20rem;
    width: 50%;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-section-enterprise {
    border-radius: 20rem;
    padding: 60rem 0;
  }
  .c-section-enterprise .c-title-second {
    margin-bottom: 30rem;
  }
}

.c-section-introduction {
  background: #fff url(../img/common/background_introduction_01.jpg) 50% 50% /
    cover no-repeat;
  position: relative;
  z-index: 10;
}
.c-section-introduction .c-section-introduction__heading {
  margin: 0 auto;
  position: relative;
  z-index: 0;
}
.c-section-introduction .c-section-introduction__heading .c-thumbnail {
  margin: 0 auto;
  z-index: 1;
}
.c-section-introduction
  .c-section-introduction__heading
  .c-thumbnail
  .c-thumbnail__wrapper {
  padding-top: 128.7301587302%;
}
.c-section-introduction .c-section-introduction__heading-position {
  margin: 0 auto 0 0;
}
.c-section-introduction .c-section-introduction__heading-detail {
  margin: 0 0 0 auto;
}
.c-section-introduction .c-section-introduction__heading-detail p {
  margin: 0;
}
.c-section-introduction .c-section-introduction__accordion {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  position: relative;
}
.c-section-introduction .c-section-introduction__accordion-entry {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  position: relative;
}
.c-section-introduction
  .c-section-introduction__accordion-entry:has(
    .c-section-introduction__entry-wrapper.is-hover-over
  ) {
  z-index: 100;
}
.c-section-introduction
  .c-section-introduction__accordion-entry:has(
    .c-section-introduction__entry-wrapper.is-hover-over
  )
  .c-section-introduction__entry-toggle {
  box-shadow: 0 5rem 0 0 #e97342;
}
html.is-device-mobile
  .c-section-introduction
  .c-section-introduction__accordion-entry:has(
    .c-section-introduction__entry-wrapper.is-click-active
  ),
html.is-device-touchable
  .c-section-introduction
  .c-section-introduction__accordion-entry:has(
    .c-section-introduction__entry-wrapper.is-click-active
  ) {
  z-index: 100;
}
html.is-device-mobile
  .c-section-introduction
  .c-section-introduction__accordion-entry:has(
    .c-section-introduction__entry-wrapper.is-click-active
  )
  .c-icon-accordion::after,
html.is-device-touchable
  .c-section-introduction
  .c-section-introduction__accordion-entry:has(
    .c-section-introduction__entry-wrapper.is-click-active
  )
  .c-icon-accordion::after {
  transform: rotate(0deg);
}
html.is-device-mobile
  .c-section-introduction
  .c-section-introduction__accordion-entry:has(
    .c-section-introduction__entry-wrapper.is-click-active
  )
  .c-section-introduction__entry-toggle,
html.is-device-touchable
  .c-section-introduction
  .c-section-introduction__accordion-entry:has(
    .c-section-introduction__entry-wrapper.is-click-active
  )
  .c-section-introduction__entry-toggle {
  box-shadow: 0 5rem 0 0 #e97342;
}
.c-section-introduction .c-section-introduction__entry-toggle {
  cursor: pointer;
}
.c-section-introduction .c-section-introduction__accordion-entry:nth-child(2) {
  justify-content: flex-end;
}
.c-section-introduction .c-section-introduction__accordion-entry:nth-child(4) {
  justify-content: center;
}
.c-section-introduction .c-section-introduction__accordion-entry:nth-child(5) {
  justify-content: flex-end;
}
.c-section-introduction .c-section-introduction__entry-wrapper {
  flex: 0 0 auto;
  position: relative;
}
.c-section-introduction .c-section-introduction__entry-toggle {
  align-items: center;
  background-color: #fff;
  border-radius: 20rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-weight: 600;
  justify-content: flex-start;
  position: relative;
  transition: box-shadow 0.5s ease;
  z-index: 0;
}
.c-section-introduction .c-section-introduction__entry-toggle .c-thumbnail {
  border-radius: 50%;
  flex: 0 0 auto;
  overflow: hidden;
}
.c-section-introduction .c-section-introduction__toggle-label {
  position: relative;
  z-index: 0;
}
.c-section-introduction .c-title-first {
  font-family: 'Canela', serif;
  font-weight: 400;
  margin: 0;
}
@media (min-width: 768px) {
  .c-section-introduction {
    border-radius: 30rem;
    margin: calc(-92rem - 1px) auto 0;
    max-width: 1920rem;
    padding: 12.34375% 0 3.75%;
  }
  .c-section-introduction .c-section-introduction__heading {
    max-width: 1180rem;
  }
  .c-section-introduction .c-section-introduction__heading .c-thumbnail {
    margin-top: -25.0847457627%;
    width: 53.3898305085%;
  }
  .c-section-introduction .c-section-introduction__heading-position {
    font-size: 18rem;
    line-height: 1.6666666667;
    margin: 0 0 4.6610169492% 14.4915254237%;
    width: 21.186440678%;
  }
  .c-section-introduction .c-section-introduction__heading-detail {
    font-size: 19rem;
    line-height: 1.5789473684;
    max-width: 30.0847457627%;
  }
  .c-section-introduction .c-section-introduction__accordion {
    margin: -17.3655913978% auto 0;
    max-width: 1820rem;
  }
  .c-section-introduction .c-section-introduction__accordion-entry {
    transition: z-index 0.5s ease;
    z-index: 0;
  }
  .c-section-introduction
    .c-section-introduction__accordion-entry
    .c-card-introduction {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s ease;
    z-index: 0;
  }
  .c-section-introduction
    .c-section-introduction__accordion-entry:has(
      .c-section-introduction__entry-wrapper.is-hover-over
    ) {
    transition: none;
  }
  .c-section-introduction
    .c-section-introduction__accordion-entry:has(
      .c-section-introduction__entry-wrapper.is-hover-over
    )
    .c-icon-accordion::after {
    transform: rotate(0deg);
  }
  .c-section-introduction
    .c-section-introduction__accordion-entry:has(
      .c-section-introduction__entry-wrapper.is-hover-over
    )
    .c-card-introduction {
    opacity: 1;
    pointer-events: auto;
    transition: opacity 0.5s ease;
  }
  html.is-device-touchable
    .c-section-introduction
    .c-section-introduction__accordion-entry:has(
      .c-section-introduction__entry-wrapper.is-click-active
    )
    .c-card-introduction {
    opacity: 1;
    pointer-events: auto;
  }
  .c-section-introduction .c-section-introduction__accordion-entry:nth-child(1),
  .c-section-introduction
    .c-section-introduction__accordion-entry:nth-child(2) {
    flex: 0 0 50%;
    padding-bottom: 5.2197802198%;
  }
  .c-section-introduction
    .c-section-introduction__accordion-entry:nth-child(1)
    .c-section-introduction__entry-wrapper,
  .c-section-introduction
    .c-section-introduction__accordion-entry:nth-child(2)
    .c-section-introduction__entry-wrapper {
    width: 57.1428571429%;
  }
  .c-section-introduction .c-section-introduction__accordion-entry:nth-child(3),
  .c-section-introduction .c-section-introduction__accordion-entry:nth-child(4),
  .c-section-introduction
    .c-section-introduction__accordion-entry:nth-child(5) {
    flex: 0 0 33.3333333333%;
  }
  .c-section-introduction
    .c-section-introduction__accordion-entry:nth-child(3)
    .c-section-introduction__entry-wrapper,
  .c-section-introduction
    .c-section-introduction__accordion-entry:nth-child(4)
    .c-section-introduction__entry-wrapper,
  .c-section-introduction
    .c-section-introduction__accordion-entry:nth-child(5)
    .c-section-introduction__entry-wrapper {
    width: 85.7142857143%;
  }
  .c-section-introduction
    .c-section-introduction__accordion-entry:nth-child(3)
    .c-section-introduction__entry-wrapper {
    margin-left: 10.3846153846%;
  }
  .c-section-introduction
    .c-section-introduction__accordion-entry:nth-child(4) {
    padding-top: 7.7472527473%;
  }
  .c-section-introduction
    .c-section-introduction__accordion-entry:nth-child(4)
    .c-section-introduction__entry-wrapper {
    margin-left: -1.6483516484%;
  }
  .c-section-introduction
    .c-section-introduction__accordion-entry:nth-child(5)
    .c-section-introduction__entry-wrapper {
    margin-right: 13.8461538462%;
  }
  .c-section-introduction .c-section-introduction__entry-wrapper {
    margin-right: 10rem;
  }
  .c-section-introduction .c-section-introduction__entry-toggle {
    font-size: 16rem;
    line-height: 1.75;
    padding: 20rem 34rem 20rem 20rem;
    z-index: 1;
  }
  .c-section-introduction .c-section-introduction__entry-toggle .c-thumbnail {
    margin-right: 20rem;
    padding-top: 26.0869565217%;
    width: 26.0869565217%;
  }
  .c-section-introduction .c-title-first {
    font-size: 100rem;
    line-height: 1.2;
    margin: 0 13.6440677966% 1.6949152542%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1365.98px) {
  .c-section-introduction {
    padding: calc(152rem + 1px) 0 60rem;
  }
  .c-section-introduction .c-section-introduction__heading {
    width: 72.8813559322%;
  }
  .c-section-introduction .c-section-introduction__heading .c-thumbnail {
    margin-top: 0;
  }
  .c-section-introduction .c-section-introduction__heading-position {
    font-size: 15rem;
    margin: 0 auto 20rem;
    max-width: 500rem;
    padding: 0;
    text-align: center;
    width: auto;
  }
  .c-section-introduction .c-section-introduction__heading-detail {
    font-size: 16rem;
    margin: 0 auto 30rem;
    max-width: 500rem;
    padding: 0;
    width: auto;
  }
  .c-section-introduction .c-section-introduction__accordion-entry:nth-child(1),
  .c-section-introduction
    .c-section-introduction__accordion-entry:nth-child(2) {
    padding-bottom: 50rem;
  }
  .c-section-introduction
    .c-section-introduction__accordion-entry:nth-child(3)
    .c-section-introduction__entry-wrapper {
    margin-left: 30rem;
  }
  .c-section-introduction
    .c-section-introduction__accordion-entry:nth-child(4)
    .c-section-introduction__entry-wrapper {
    margin-left: 0;
  }
  .c-section-introduction
    .c-section-introduction__accordion-entry:nth-child(5)
    .c-section-introduction__entry-wrapper {
    margin-right: 30rem;
  }
  .c-section-introduction .c-section-introduction__entry-wrapper {
    margin-right: 0;
  }
  .c-section-introduction .c-section-introduction__entry-toggle {
    font-size: 18rem;
    line-height: 1.6666666667;
    padding: 20rem 40rem 20rem 20rem;
  }
  .c-section-introduction .c-title-first {
    font-size: 80rem;
    margin: 0 auto 20rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279.98px) {
  .c-section-introduction {
    border-radius: 20rem;
    margin-top: calc(-80rem - 1px);
    padding: calc(140rem + 1px) 0 60rem;
  }
  .c-section-introduction .c-section-introduction__heading {
    width: auto;
  }
  .c-section-introduction .c-section-introduction__heading .c-thumbnail {
    max-width: 440rem;
    width: 100%;
  }
  .c-section-introduction .c-section-introduction__accordion {
    align-items: stretch;
    gap: 30rem;
    justify-content: center;
    margin: 50rem 0 0;
  }
  .c-section-introduction .c-section-introduction__accordion-entry:nth-child(1),
  .c-section-introduction .c-section-introduction__accordion-entry:nth-child(2),
  .c-section-introduction .c-section-introduction__accordion-entry:nth-child(3),
  .c-section-introduction .c-section-introduction__accordion-entry:nth-child(4),
  .c-section-introduction
    .c-section-introduction__accordion-entry:nth-child(5) {
    flex: 0 0 auto;
    margin: 0;
    padding: 0;
    width: 330rem;
  }
  .c-section-introduction
    .c-section-introduction__accordion-entry:nth-child(1)
    .c-section-introduction__entry-wrapper,
  .c-section-introduction
    .c-section-introduction__accordion-entry:nth-child(2)
    .c-section-introduction__entry-wrapper,
  .c-section-introduction
    .c-section-introduction__accordion-entry:nth-child(3)
    .c-section-introduction__entry-wrapper,
  .c-section-introduction
    .c-section-introduction__accordion-entry:nth-child(4)
    .c-section-introduction__entry-wrapper,
  .c-section-introduction
    .c-section-introduction__accordion-entry:nth-child(5)
    .c-section-introduction__entry-wrapper {
    margin: 0;
    max-width: none;
    padding: 0;
    width: 100%;
  }
  .c-section-introduction .c-section-introduction__entry-toggle {
    font-size: 16rem;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-section-introduction {
    margin-top: calc(-80rem - 1px);
    padding: calc(120rem + 1px) 0 60rem;
  }
  .c-section-introduction .c-section-introduction__heading .c-thumbnail {
    max-width: 300rem;
    width: 100%;
  }
  .c-section-introduction .c-section-introduction__heading-position {
    font-size: 15rem;
    margin: 0 auto 10rem;
    text-align: center;
  }
  .c-section-introduction .c-section-introduction__heading-detail {
    font-size: 16rem;
    margin: 0 auto 30rem;
  }
  .c-section-introduction .c-section-introduction__accordion {
    align-items: stretch;
    gap: 30rem;
    justify-content: center;
    margin: 50rem 0 0;
  }
  .c-section-introduction
    .c-section-introduction__accordion-entry
    .c-card-introduction {
    display: none;
  }
  .c-section-introduction
    .c-section-introduction__accordion-entry:has(
      .c-section-introduction__entry-wrapper.is-click-active
    )
    .c-card-introduction {
    display: block;
  }
  .c-section-introduction .c-section-introduction__entry-wrapper {
    width: 100%;
  }
  .c-section-introduction .c-section-introduction__entry-toggle {
    border: 1px solid #e9e9e7;
    font-size: 15rem;
    line-height: 1.6;
    opacity: 1;
    padding: 14rem 24rem 14rem 14rem;
    z-index: 1;
  }
  .c-section-introduction .c-section-introduction__entry-toggle .c-thumbnail {
    margin-right: 15rem;
    padding-top: 24.3902439024%;
    width: 24.3902439024%;
  }
  .c-section-introduction .c-title-first {
    font-size: 56rem;
    margin: 0 auto 20rem;
  }
}

.c-section-introduction.c-section-introduction--style-top {
  background: url(../img/common/background_introduction_02.jpg) 50% 50% / cover
    no-repeat;
}
@media (min-width: 768px) {
  .c-section-introduction.c-section-introduction--style-top {
    border-radius: 30rem;
    margin-top: -86rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-section-introduction.c-section-introduction--style-top {
    border-radius: 20rem;
    margin-top: -60rem;
  }
}

@media (min-width: 768px) {
  .c-section-services {
    padding: 145rem 0 84rem;
  }
  .c-section-services .c-title-first {
    margin-bottom: 85rem;
  }
}

.c-slider-services {
  overflow: hidden;
  position: relative;
}
.c-slider-services .c-slider-services__container {
  overflow: visible;
}
.c-slider-services .c-slider-services__viewport {
  overflow: visible;
}
.c-slider-services .c-slider-services__wrapper {
  align-items: stretch;
  overflow: visible !important;
}
.c-slider-services .c-slider-services__item {
  height: auto;
}
.c-slider-services .c-slider-services__item-wrapper {
  background: #fff;
  border-radius: 20rem;
  height: 100%;
  overflow: hidden;
}
.c-slider-services .c-slider-services__label {
  align-items: stretch;
  color: #b1b1b1;
  display: block;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.c-slider-services .c-slider-services__label-wrapper {
  position: relative;
}
.c-slider-services .c-slider-services__pagination {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10rem;
  justify-content: center;
  left: 0;
  margin: 0;
  padding: 0;
  position: relative;
  right: 0;
  top: 0;
}
.c-slider-services .swiper-pagination-bullet {
  background-color: #e9e6e4;
  border-radius: 2rem;
  height: 4rem;
  margin: 0 !important;
  opacity: 1;
  padding: 0;
  transition: background 0.5s ease;
  width: 30rem;
}
.c-slider-services .swiper-pagination-bullet-active {
  background-color: #e97342;
  opacity: 1;
}
.c-slider-services .c-icon-services {
  flex: 0 0 auto;
}
@media (min-width: 768px) {
  .c-slider-services {
    padding-bottom: 55rem;
  }
  .c-slider-services .c-slider-services__container {
    padding-left: calc(50% - 930rem);
  }
  .c-slider-services .c-slider-services__viewport {
    padding-right: 87rem;
  }
  .c-slider-services .c-slider-services__item {
    padding-left: 30rem;
    width: 447rem;
  }
  .c-slider-services .c-slider-services__item-wrapper {
    padding: 33rem 39rem 35rem;
  }
  .c-slider-services .c-slider-services__label {
    font-size: 24rem;
    line-height: 1.25;
    margin-bottom: 38rem;
  }
  .c-slider-services .c-slider-services__pagination {
    margin-top: 50rem;
  }
  .c-slider-services .c-icon-services {
    margin: 17rem 1rem 0 40rem;
  }
  .c-slider-services .c-title-second {
    margin-bottom: 67rem;
  }
  .c-slider-services .c-title-third {
    margin-bottom: 83rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1439.98px) {
  .c-slider-services {
    padding-bottom: calc(55rem * 0.875);
  }
  .c-slider-services .c-slider-services__viewport {
    padding-right: calc(87rem * 0.875);
  }
  .c-slider-services .c-slider-services__item {
    padding-left: calc(30rem * 0.875);
    width: calc(447rem * 0.875);
  }
  .c-slider-services .c-slider-services__item-wrapper {
    padding: calc(33rem * 0.875) calc(39rem * 0.875) calc(35rem * 0.875);
  }
  .c-slider-services .c-slider-services__label {
    font-size: calc(24rem * 0.875);
    margin-bottom: calc(38rem * 0.875);
  }
  .c-slider-services .c-slider-services__pagination {
    margin-top: calc(50rem * 0.875);
  }
  .c-slider-services .c-icon-services {
    margin: calc(17rem * 0.875) 1rem 0 calc(40rem * 0.875);
  }
  .c-slider-services .c-title-second {
    margin-bottom: calc(67rem * 0.875);
  }
  .c-slider-services .c-title-third {
    margin-bottom: calc(83rem * 0.875);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279.98px) {
  .c-slider-services {
    padding-bottom: calc(55rem * 0.6);
  }
  .c-slider-services .c-slider-services__viewport {
    padding-right: calc(87rem * 0.6);
  }
  .c-slider-services .c-slider-services__item {
    padding-left: calc(30rem * 0.6);
    width: calc(447rem * 0.6);
  }
  .c-slider-services .c-slider-services__item-wrapper {
    padding: calc(33rem * 0.6) calc(39rem * 0.6) calc(35rem * 0.6);
  }
  .c-slider-services .c-slider-services__label {
    font-size: calc(24rem * 0.6);
    margin-bottom: calc(38rem * 0.6);
  }
  .c-slider-services .c-slider-services__pagination {
    margin-top: calc(50rem * 0.6);
  }
  .c-slider-services .c-icon-services {
    margin: calc(17rem * 0.6) 1rem 0 calc(40rem * 0.6);
  }
  .c-slider-services .c-title-second {
    margin-bottom: calc(67rem * 0.6);
  }
  .c-slider-services .c-title-third {
    margin-bottom: calc(83rem * 0.6);
  }
}
@media only screen and (max-width: 767.98px) {
  .c-slider-services {
    padding-bottom: 50rem;
  }
  .c-slider-services .c-slider-services__container {
    padding: 0 20rem 0 0;
  }
  .c-slider-services .c-slider-services__item {
    padding-left: 20rem;
    width: 100%;
  }
  .c-slider-services .c-slider-services__item-wrapper {
    padding: 30rem 20rem;
  }
  .c-slider-services .c-slider-services__label {
    font-size: 20rem;
    line-height: 1.5;
    margin-bottom: 30rem;
  }
  .c-slider-services .c-slider-services__pagination {
    margin-top: 30rem;
  }
  .c-slider-services .c-icon-services {
    margin: 0 0 0 40rem;
  }
  .c-slider-services .c-title-second {
    margin-bottom: 30rem;
  }
  .c-slider-services .c-title-third {
    margin-bottom: 50rem;
  }
}

.c-slider-services::before {
  background: url(../img/common/background_services_01.png) 50% 100%/100% auto
    no-repeat;
  bottom: 0;
  content: '';
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 768px) {
  .c-slider-services::before {
    border-radius: 30rem;
    max-width: 1860px;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-slider-services::before {
    background-size: 100% 100%;
    border-radius: 20rem;
  }
}

@media (min-width: 768px) {
  .c-slider-services.c-slider-services--style-top {
    margin: -84rem 0 85rem;
    padding-top: 179rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1439.98px) {
  .c-slider-services.c-slider-services--style-top {
    margin: calc(-84rem * 0.875) 0 calc(85rem * 0.875);
    padding-top: calc(179rem * 0.875);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279.98px) {
  .c-slider-services.c-slider-services--style-top {
    margin: calc(-84rem * 0.6) 0 calc(85rem * 0.6);
    padding-top: calc(179rem * 0.6);
  }
}
@media only screen and (max-width: 767.98px) {
  .c-slider-services.c-slider-services--style-top {
    margin: -60rem 0 60rem;
    padding-top: 120rem;
  }
}

.c-slider-services.c-slider-services--style-top::before {
  background: #fbf7f4;
}

.c-thumbnail {
  overflow: hidden;
  position: relative;
}
.c-thumbnail .c-thumbnail__wrapper {
  position: relative;
}
.c-thumbnail .u-object {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 0;
}

.c-thumbnail.c-thumbnail--style-snippet {
  align-items: flex-end;
  border-radius: 20rem;
  box-shadow: 0 5rem 0 0 #e97342;
  color: #fff;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-weight: 600;
  justify-content: flex-start;
  overflow: visible;
}
.c-thumbnail.c-thumbnail--style-snippet .c-thumbnail__wrapper {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}
.c-thumbnail.c-thumbnail--style-snippet .c-thumbnail__wrapper::after {
  background: url(../img/common/mask_introduction_01.png) 50% 100%/100% auto
    no-repeat;
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.c-thumbnail.c-thumbnail--style-snippet .c-thumbnail__label {
  display: block;
  position: relative;
  z-index: 2;
}
.c-thumbnail.c-thumbnail--style-snippet .u-object {
  z-index: 0;
}
@media (min-width: 768px) {
  .c-thumbnail.c-thumbnail--style-snippet {
    font-size: 20rem;
    line-height: 1.5;
  }
  .c-thumbnail.c-thumbnail--style-snippet .c-thumbnail__label {
    padding: 14rem 41rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1439.98px) {
  .c-thumbnail.c-thumbnail--style-snippet {
    font-size: 18rem;
    line-height: 1.6666666667;
  }
  .c-thumbnail.c-thumbnail--style-snippet .c-thumbnail__label {
    padding: 15rem 20rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279.98px) {
  .c-thumbnail.c-thumbnail--style-snippet {
    font-size: 16rem;
    line-height: 1.5;
  }
  .c-thumbnail.c-thumbnail--style-snippet .c-thumbnail__label {
    padding: 15rem 20rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-thumbnail.c-thumbnail--style-snippet {
    font-size: 16rem;
    line-height: 1.5;
  }
  .c-thumbnail.c-thumbnail--style-snippet .c-thumbnail__label {
    padding: 15rem;
  }
}

.c-thumbnail.c-thumbnail--style-snippet::after {
  content: '';
  flex: 0 0 auto;
  padding-top: 50%;
  width: 0;
}

.c-thumbnail-product {
  border-radius: 20rem;
  overflow: hidden;
  padding-top: 63.5434412266%;
  position: relative;
  z-index: 0;
}
.c-thumbnail-product .u-object {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 0;
}

.c-thumbnail-product::before {
  background: #e97342 url(../img/common/icon_plus_01.svg) 50% 50% / contain
    no-repeat;
  border-radius: 50%;
  content: '';
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition: opacity 0.5s ease;
  z-index: 1;
}
@media (min-width: 768px) {
  .c-thumbnail-product::before {
    height: 88rem;
    left: calc(50% - 44rem);
    top: calc(50% - 44rem);
    width: 88rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1439.98px) {
  .c-thumbnail-product::before {
    height: calc(88rem * 0.875);
    left: calc(50% - 44rem * 0.875);
    top: calc(50% - 44rem * 0.875);
    width: calc(88rem * 0.875);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279.98px) {
  .c-thumbnail-product::before {
    height: calc(88rem * 0.6);
    left: calc(50% - 44rem * 0.6);
    top: calc(50% - 44rem * 0.6);
    width: calc(88rem * 0.6);
  }
}
@media only screen and (max-width: 767.98px) {
  .c-thumbnail-product::before {
    height: 44rem;
    left: calc(50% - 22rem);
    top: calc(50% - 22rem);
    width: 44rem;
  }
}

.c-thumbnail-product:hover::before {
  opacity: 1;
}

.c-time {
  align-items: center;
  display: flex;
}
.c-time .c-time__label {
  color: #707070;
}
.c-time .c-time__label strong {
  color: #e97342;
  font-weight: 600;
}
@media (min-width: 768px) {
  .c-time .c-time__label {
    font-size: 16rem;
  }
  .c-time .c-time__label strong {
    font-size: 24rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-time .c-time__label {
    font-size: 14rem;
  }
  .c-time .c-time__label span {
    font-size: 20rem;
  }
}

.c-time::before {
  background: url(../img/common/icon_date_01.svg) 50% 50%/100% auto no-repeat;
  content: '';
  flex: 0 0 auto;
  height: 20rem;
  margin-right: 8rem;
  position: relative;
  width: 20rem;
}
@media only screen and (max-width: 767.98px) {
  .c-time::before {
    top: -2rem;
  }
}

.c-title-first {
  color: #e97342;
  font-family: 'Canela', serif;
  font-weight: 500;
  margin: 0;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  z-index: 1;
}
@media (min-width: 768px) {
  .c-title-first {
    font-size: 100rem;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1439.98px) {
  .c-title-first {
    font-size: calc(100rem * 0.875);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279.98px) {
  .c-title-first {
    font-size: calc(100rem * 0.6);
  }
}
@media only screen and (max-width: 767.98px) {
  .c-title-first {
    font-size: 48rem;
    line-height: 1.1666666667;
  }
}

.c-title-first.c-title-first--style-black {
  color: #313131;
}

.c-title-second {
  font-family: 'Canela', serif;
  font-weight: 500;
  margin: 0;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  z-index: 1;
}
.c-title-second .c-title-second__sub {
  display: block;
  font-family: 'Mona Sans', serif;
}
@media (min-width: 768px) {
  .c-title-second {
    font-size: 45rem;
    line-height: 1.2444444444;
  }
  .c-title-second .c-title-second__sub {
    font-size: 24rem;
    line-height: 1.5;
    margin-bottom: 13rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1439.98px) {
  .c-title-second {
    font-size: calc(45rem * 0.875);
  }
  .c-title-second .c-title-second__sub {
    font-size: calc(24rem * 0.875);
    margin-bottom: calc(13rem * 0.875);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279.98px) {
  .c-title-second {
    font-size: calc(45rem * 0.6);
  }
  .c-title-second .c-title-second__sub {
    font-size: calc(24rem * 0.875);
    margin-bottom: calc(13rem * 0.875);
  }
}
@media only screen and (max-width: 767.98px) {
  .c-title-second {
    font-size: 25rem;
  }
  .c-title-second .c-title-second__sub {
    font-size: 18rem;
    margin-bottom: 10rem;
  }
}

.c-title-second.c-title-second--style-white {
  color: #fff;
}

.c-title-third {
  display: block;
  font-weight: 600;
  margin: 0;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .c-title-third {
    font-size: 23rem;
    line-height: 1.5652173913;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1439.98px) {
  .c-title-third {
    font-size: calc(19rem * 0.875);
  }
  
}
@media only screen and (min-width: 768px) and (max-width: 1279.98px) {
  .c-title-third {
    font-size: 16rem;
  }
  .c-title-third br {
    display: none;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-title-third {
    font-size: 18rem;
    line-height: 1.3333333333;
  }
}

.c-title-fourth {
  font-family: 'Canela', serif;
  font-weight: 500;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  z-index: 1;
}
.c-title-fourth .is-orange {
  color: #e97342;
}
@media (min-width: 768px) {
  .c-title-fourth {
    font-size: 45rem;
    margin-bottom: 44rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-title-fourth {
    font-size: 28rem;
    margin-bottom: 32rem;
  }
  .c-contact .c-contact__information-wrapper { align-items: start;}
}

.c-title-fifth {
  color: #e97342;
  font-family: 'Canela', serif;
  font-weight: 500;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  z-index: 1;
}
@media (min-width: 768px) {
  .c-title-fifth {
    font-size: 68rem;
    margin-bottom: 32rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-title-fifth {
    font-size: 28rem;
    margin-bottom: 32rem;
  }
  .main-search-p .info-news .t-news {
    margin-bottom: 1em;
    font-size: 1em;
  }
  .thumb-s { border-radius: 1em; }
  .main-search-p  .des-new.c-paragraph-primary { line-height: 1.2em; font-size: 13rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; height: 125px; }
  .main-search-p .des-s { padding-left: 2em; }
}
@media only screen and (max-width:550px) {
  .main-search-p .info-news a { gap: 1em; grid-template-columns: auto; grid-template-rows: auto; }
  .main-search-p .des-s { padding-left: 0em; }
  .main-search-p  .des-new.c-paragraph-primary { line-height: 1.4em; font-size: 13rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; height: 5.5em; }
  .main-search-p .info-news{margin-bottom: 2em !important}
}
/*# sourceMappingURL=styles.css.map */