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


  ！！！！！注意！！！！！

  index.cssはSassから生成されていますので、
  直接編集しないようご注意ください

  ！！！！！注意！！！！！


  
--------------------*/
/* -------------------
  VARIABLES
--------------------*/
.font-a {
  font-family: "Oswald", sans-serif; }

.font-b {
  font-family: "Noto Sans JP", "游ゴシック", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
  font-style: normal; }

/* -------------------
  MIXIN
--------------------*/
/*タブレット*/
/* 
.example {
  font-size: vw(12);
}
*/
/* 
.example {
  font-size: fs(12); <- 12px quite
}
*/
/* 
.example {
  @include mq() {
    width: 100%;
  }
}
*/
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-tap-highlight-color: transparent;
  outline: 0;
  vertical-align: baseline;
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important; }

select,
button,
input,
textarea,
button {
  border: 1px solid #333; }

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

/*table,td,th {
  border: 1px solid #333;
}*/
td,
th {
  line-height: 1.5;
  padding: 0.3em 0.4em; }

th {
  font-weight: bold;
  font-size: 1.05em; }

html {
  font-size: 100%;
  background-color: #ffffff;
  word-break: break-word; }

body {
  min-height: 100vh;
  color: #000000;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  font: normal normal normal 14px/1.6 "Helvetica", "Arial", sans-serif;
  background-color: #ffffff; }

hr {
  overflow: visible;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  margin: 1em 0;
  height: 0;
  border-top: 1px solid #ccc; }

button:disabled {
  cursor: default; }

a,
a:active,
a:link,
a:visited {
  text-decoration: none; }

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

audio,
canvas,
iframe,
img,
svg,
video {
  display: inline-block;
  vertical-align: middle; }

[hidden],
dialog:not([open]),
template {
  display: none; }

button,
input,
select,
textarea {
  font-family: inherit;
  border-radius: 0; }

textarea {
  resize: vertical; }

audio,
canvas,
progress,
video {
  display: inline-block; }

input,
select {
  vertical-align: middle; }

button {
  vertical-align: inherit;
  line-height: inherit;
  cursor: pointer; }

button,
select {
  text-transform: none; }

code,
kbd,
pre,
samp {
  /*  font-family: monospace, sans-serif;
  font-size: 1em;*/ }

mark {
  background-color: #ff0; }

small {
  font-size: 80%; }

sub,
sup {
  position: relative;
  font-size: 70%;
  line-height: 0; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

ul {
  list-style: none; }

picture,
img {
  width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  /*image-rendering: -webkit-optimize-contrast;*/ }

svg:not(:root) {
  overflow: hidden; }

a {
  color: inherit;
  -moz-transition: all 0.26s ease-out;
  -o-transition: all 0.26s ease-out;
  -webkit-transition: all 0.26s ease-out;
  -ms-transition: all 0.26s ease-out; }

a:hover {
  opacity: 0.5;
  -moz-transition: all 0.26s ease-out;
  -o-transition: all 0.26s ease-out;
  -webkit-transition: all 0.26s ease-out;
  -ms-transition: all 0.26s ease-out; }

h1,
h2,
h3,
h4,
h5 {
  font-weight: 500; }

input,
select,
textarea {
  font-family: "Noto Sans JP", "游ゴシック", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", Osaka, sans-serif; }

/*-----------------------------------------------------------
cmn
-------------------------------------------------------------*/
.ef {
  -moz-transition: all 0.26s ease-out;
  -o-transition: all 0.26s ease-out;
  -webkit-transition: all 0.26s ease-out;
  -ms-transition: all 0.26s ease-out; }

html {
  width: 100%;
  font-size: calc(100vw / 1366 * 10); }

@media screen and (max-width: 899px) and (min-width: 599px) {
  /* ============== TABLET LAYOUT ============== */
  html {
    width: 100%;
    font-size: calc(100vw / 899 * 10); }
  a {
    color: inherit;
    -moz-transition: all 0s ease-out;
    -o-transition: all 0s ease-out;
    -webkit-transition: all 0s ease-out;
    -ms-transition: all 0s ease-out; }
  a:hover {
    opacity: 0.5;
    -moz-transition: all 0s ease-out;
    -o-transition: all 0s ease-out;
    -webkit-transition: all 0s ease-out;
    -ms-transition: all 0s ease-out; } }

@media only screen and (max-width: 599px) {
  html {
    width: 100%;
    font-size: calc(100vw / 390 * 10); }
  a {
    color: inherit;
    -moz-transition: all 0s ease-out;
    -o-transition: all 0s ease-out;
    -webkit-transition: all 0s ease-out;
    -ms-transition: all 0s ease-out; }
  a:hover {
    opacity: 0.5;
    -moz-transition: all 0s ease-out;
    -o-transition: all 0s ease-out;
    -webkit-transition: all 0s ease-out;
    -ms-transition: all 0s ease-out; } }

body {
  position: relative;
  width: 100%;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  font-family: "Noto Sans JP", "游ゴシック", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  font-style: normal;
  line-height: 2;
  letter-spacing: 0.1em;
  background-color: #fff;
  color: #2f2f2f; }

@media only screen and (min-width: 900px) {
  /*::-webkit-scrollbar {
  width: 6px;
  background-color: #f3f3f3;
  border-left: 1px solid #dddddd;
}

::-webkit-scrollbar:hover {
  background-color: #f3f3f3;
}

::-webkit-scrollbar-thumb {
  cursor: pointer;
  background-color: #716046;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #716046;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
  display: none;
}*/
  a[href^="tel:"] {
    pointer-events: none; } }

.is_pc {
  display: block !important; }

.is_pcOnly {
  display: block !important; }

.is_sp {
  display: none !important; }

.is_tb {
  display: none !important; }

.is_tbsp {
  display: none !important; }

@media screen and (max-width: 899px) and (min-width: 599px) {
  /* ============== TABLET LAYOUT ============== */
  .is_tb {
    display: block !important; }
  .is_tbsp {
    display: block !important; }
  .is_pcOnly {
    display: none !important; } }

@media only screen and (max-width: 599px) {
  /* ============== SP LAYOUT ============== */
  .is_pc {
    display: none !important; }
  .is_sp {
    display: block !important; }
  .is_tb {
    display: none !important; }
  .is_tbsp {
    display: block !important; }
  .is_pcOnly {
    display: none !important; }
  body {
    font-size: 1.4rem; } }

.f_en {
  font-family: "Oswald", sans-serif; }

/*-----------------------------------------------------------

component

-------------------------------------------------------------*/
.c_grn {
  color: #4b9955; }

.c_wh {
  color: #fff; }

.c_gray {
  color: #a7a7a7; }

/*-----------------------------------------------------------

cmn laypout

-------------------------------------------------------------*/
/* header */
.header.transform {
  top: 0;
  background: #fff; }

.header.headerSub {
  top: 0;
  background: #fff; }

.header {
  position: fixed;
  width: 100%;
  top: 0rem;
  transition: 0.4s ease-out;
  z-index: 100;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  padding: 1rem;
  box-shadow: 0 3px 6px #00000030; }

.header_logo {
  display: flex;
  align-items: center;
  width: 10rem;
  color: #003288; }

.headerNav {
  width: 88%;
  display: flex;
  justify-content: flex-end;
  align-items: stretch; }

.headerNav_list01 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 60%; }

.headerNav_list01_item {
  height: 5rem;
  display: flex;
  align-items: center;
  margin-right: 3rem; }

.headerNav_list01_item > a {
  color: #868686;
  font-size: 1.4rem;
  font-weight: 900; }
  .headerNav_list01_item > a .exlink {
    width: 0.95168vw;
    position: relative;
    top: -9px;
    margin-left: 5px; }
    @media screen and (max-width: 899px) {
      .headerNav_list01_item > a .exlink {
        width: 3.33333vw; } }

.headerNav_list01_item > a:hover {
  color: #4b9955;
  opacity: 1; }

.headerNav_list02 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 35%; }

.headerNav_list02_item {
  width: 48%; }

.headerNav_list02_itemLink:hover {
  opacity: 1; }

.headerNav_list02_item .headerNav_list02_itemLink {
  background: #fff;
  height: 4.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  border-radius: 100px;
  font-size: 1.4rem;
  font-weight: 600;
  color: #e26a2a;
  border: 1px solid #e26a2a; }

.headerNav_list02_item .headerNav_list02_itemLink:hover {
  background: #e26a2a;
  color: #fff; }

.headerNav_list02_item02 .headerNav_list02_itemLink {
  background: #e26a2a;
  color: #fff; }

.headerNav_list02_item02 .headerNav_list02_itemLink:hover {
  background: #fff;
  color: #e26a2a; }

/* dropdown */
.headerNav_list01Menu {
  position: absolute;
  width: 100%;
  top: 7.7rem;
  left: 0;
  z-index: 1;
  display: none; }

.hnavBox {
  width: 100%;
  padding: 5rem 0;
  background: #4b9955; }

.hnavBoxInner {
  width: 90%;
  margin: 0 auto; }

.hnavBoxInnerL {
  display: flex;
  align-items: center;
  gap: 1.0981vw;
  margin-bottom: 1.46413vw; }

.hnavBoxInnerL_en {
  font-size: 2.92826vw;
  font-weight: 900;
  line-height: 1; }

.hnavBoxInnerL_jp {
  font-size: 1.46413vw;
  font-weight: 600; }

.hnavBoxInnerR {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 2.19619vw; }

.hnavBoxInnerR_sep {
  width: calc((100% - 8.78477vw) / 4); }

.hnavBoxInnerR_sepList li {
  margin-bottom: 2rem; }

.hnavBoxInnerR_sepList li a {
  height: 6rem;
  background: #fff;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 2rem;
  color: #4b9955;
  font-size: 1.8rem;
  font-weight: 600; }

.hnavBoxInnerR_sepList li.child a {
  background: none;
  color: #fff;
  font-size: 1.1713vw;
  position: relative;
  height: auto; }

.hnavBoxInnerR_sepList li.child a:before {
  content: "";
  width: 10px;
  height: 1px;
  background: #fff;
  position: absolute;
  left: 0;
  top: 1.1713vw; }

.hnavBoxInnerR_sepList li a img {
  width: 1.5rem; }

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

.hnavBoxInnerR_sepList02 li {
  width: 46%;
  margin: 0.5rem 0; }

.hnavBoxInnerR_sepList02 li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff; }

.hnavBoxInnerR_sepList02 li a img {
  width: 1.5rem; }

/* footer */
.footer {
  position: relative; }

.ftTop {
  background: #4b9955;
  padding: 3rem 0 8rem; }

/*.ftTop_en{
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #fff;
  color: #4B9955;
  font-size: 7.3rem;
  text-align: center;
  line-height: 1;
  margin-bottom: 2rem;
  font-weight: 900;
}*/
.ft_top_txt {
  width: 95%;
  margin: 0 auto 2rem; }

.ft_top_intro {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 600;
  color: #fff;
  margin-bottom: 4rem; }

.ftTopContact {
  width: 90%;
  margin: 0 auto; }

.ftTopContactList {
  display: flex;
  justify-content: space-between;
  align-items: stretch; }

.ftTopContactList_item {
  width: 33.33333%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 0; }

.ftTopContactList_item:nth-child(2) {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff; }

.ftTopContactList_item_ico {
  width: 3.5rem;
  height: 5rem; }

.ftTopContactList_itemBox {
  color: #fff;
  text-align: center;
  margin-bottom: 2rem; }

.ftTopContactList_itemBox_txt01 {
  font-size: 2rem;
  font-weight: 600; }

.ftBtn01 {
  background: #4b9955;
  height: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  border-radius: 100px;
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
  border: 1px solid #fff;
  width: 32rem;
  font-size: 3.5rem; }

.ftBtn01:hover {
  background: #4b9955;
  color: #fff;
  opacity: 1; }

.ftBtn02 {
  border: 1px solid #fff;
  background: #fff;
  width: 32rem;
  height: 5rem;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  font-size: 1.6rem;
  font-weight: 600;
  position: relative; }

.ftBtn02:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.5rem 0 0.5rem 1rem;
  border-color: transparent transparent transparent #4b9955;
  position: absolute;
  right: 2rem;
  top: 0;
  bottom: 0;
  margin: auto; }

.ftBtn02:hover {
  border: 1px solid #fff;
  background: #4b9955;
  color: #fff;
  opacity: 1; }

.ftBtn02:hover:after {
  border-color: transparent transparent transparent #fff; }

.ftBtm {
  background: #fff;
  padding: 8rem 0; }

.ftBtmTop {
  width: 95%;
  margin: 0 auto 8rem;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.ftBtmTop_logo {
  width: 20rem;
  display: block; }

.ftBtmTopList {
  width: 80%;
  display: flex;
  justify-content: space-between;
  align-items: stretch; }

.ftBtmTopList_item {
  border-left: 5px solid #4b9955;
  padding-left: 2rem; }

.ftBtmTopList_itemtxt01 {
  font-weight: 600; }

.ftBtmTopList_itemtxt02 {
  line-height: 1.8; }

.ftBtmLinks {
  width: 80%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between; }

.ftBtmLinksL {
  width: 48%; }

.ftBtmLinksLBox {
  margin-bottom: 2rem;
  display: flex;
  justify-content: space-between; }

.ftBtmLinksL_list {
  width: 50%; }

.ftBtmLinksL_list li {
  margin-bottom: 2rem;
  line-height: 1; }

.ftBtmLinksL_list li a {
  display: flex;
  align-items: center;
  height: 3rem; }

.ftBtmLinksL_list li a img {
  width: 1.5rem;
  margin-left: 1rem; }

.ftBtmLinksL_list .parent {
  font-size: 1.8rem;
  color: #4b9955;
  font-weight: 600; }

.ftBtmLinksL_sub {
  display: flex;
  align-items: center; }

.ftBtmLinksL_sub li {
  margin-right: 0.6rem;
  color: #9b9b9b; }

.ftBtmLinksR {
  width: 48%; }

.ftBtmLinksR_ttl {
  font-size: 1.8rem;
  color: #4b9955;
  font-weight: 600;
  margin-bottom: 2rem; }

.ftBtmLinksR_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-left: -1rem; }

.ftBtmLinksR_list li {
  width: 48%;
  margin-bottom: 2rem; }

.copyRight {
  text-align: center;
  color: #fff;
  background: #4b9955;
  padding: 1rem 0; }

.fixBtn {
  position: fixed;
  right: 2rem;
  bottom: 3rem;
  width: 8rem;
  display: none;
  z-index: 100; }

.headerNav_open,
.navBox,
.ft_tgl {
  display: none; }

@media screen and (max-width: 899px) and (min-width: 599px) {
  /* ============== TABLET LAYOUT ============== */
  /* header */
  .header.transform {
    top: 0;
    background: #fff; }
  .header.headerSub {
    top: 0;
    background: #fff; }
  .header {
    position: fixed;
    width: 100%;
    top: 0rem;
    transition: 0.4s ease-out;
    z-index: 200;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    box-shadow: 0 3px 6px #00000030; }
  .header_logo {
    display: flex;
    align-items: center;
    width: 10rem;
    color: #003288; }
  .headerNav {
    width: 80%;
    display: flex;
    justify-content: flex-end;
    align-items: stretch; }
  .headerNav_list01 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 60%;
    display: none; }
  .headerNav_list02 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 35%;
    display: none; }
  .headerNav_open {
    width: 4.5rem;
    line-height: 1;
    display: block; }
  /* humb */
  .navBox {
    visibility: hidden;
    z-index: 9999;
    position: fixed;
    top: 0rem;
    right: 0rem;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: 0.3s ease;
    padding: 0rem 0rem;
    display: block;
    background: #fff;
    padding-bottom: 0rem; }
  .navBox.active {
    visibility: visible;
    opacity: 1;
    overflow: auto;
    transition: 0.5s ease;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-x: hidden; }
  .navBox.active::-webkit-scrollbar {
    display: none; }
  .navBoxInner {
    background: #fff;
    display: flex;
    flex-direction: column;
    padding-bottom: 4rem; }
  .navBoxHeader {
    width: 100%;
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 3px 6px #00000030;
    margin-bottom: 4rem; }
  .navBoxHeader_logo {
    display: flex;
    align-items: center;
    width: 10rem;
    color: #003288; }
  .navTglClose {
    width: 4.5rem;
    display: block; }
  .navBoxInnerBox {
    margin-bottom: 0rem;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 85%;
    margin: 0 auto; }
  .navBoxInner_list {
    width: 100%;
    border-bottom: 1px solid #4b9955; }
  .navBoxInner_list li {
    line-height: 1; }
  .navBoxInner_list li a {
    display: flex;
    align-items: center;
    height: 3rem; }
  .navBoxInner_list li a img {
    width: 1.5rem;
    margin-left: 1rem; }
  .navBoxInner_list .parent {
    font-size: 1.8rem;
    color: #4b9955;
    font-weight: 600;
    padding: 2rem 0;
    border-top: 1px solid #4b9955; }
  .navBoxInner_list .child {
    padding: 1rem 0; }
  .ftTopContact {
    width: 95%;
    margin: 0 auto; }
  .ftBtn01 {
    background: #4b9955;
    height: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    border-radius: 100px;
    font-size: 1.4rem;
    font-weight: 600;
    color: #fff;
    border: 1px solid #fff;
    width: 26rem;
    font-size: 2.5rem; }
  .ftBtn02 {
    border: 1px solid #fff;
    background: #fff;
    width: 26rem;
    height: 5rem;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    font-size: 1.6rem;
    font-weight: 600;
    position: relative; }
  .ftBtmTop {
    width: 90%;
    margin: 0 auto 8rem;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .ftBtmTop_logo {
    width: 13rem;
    display: block; }
  .ftBtmTopList {
    width: 81%;
    display: flex;
    justify-content: space-between;
    align-items: stretch; }
  .ftBtmTopList_item {
    border-left: 3px solid #4b9955;
    padding-left: 1rem; }
  .ftBtmLinks {
    width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between; }
  .ftBtmLinksL {
    width: 53%; }
  .ftBtmLinksL_list li {
    margin-bottom: 3rem;
    line-height: 1; }
  .ftBtmLinksR {
    width: 46%; }
  .ftBtmLinksR {
    width: 34%; }
  .ftBtmLinksR_list li {
    width: 100%;
    margin-bottom: 0rem; }
  .ftBtmLinksL {
    width: 61%; }
  .fixBtn {
    position: fixed;
    right: 1rem;
    bottom: 2rem;
    width: 8rem;
    display: none;
    z-index: 100; } }

@media only screen and (max-width: 599px) {
  /* ============== SP LAYOUT ============== */
  /* header */
  .header.transform {
    top: 0;
    background: #fff; }
  .header.headerSub {
    top: 0;
    background: #fff; }
  .header {
    position: fixed;
    width: 100%;
    top: 0rem;
    transition: 0.4s ease-out;
    z-index: 200;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    padding: 1rem;
    box-shadow: 0 3px 6px #00000030; }
  .header_logo {
    display: flex;
    align-items: center;
    width: 7rem;
    color: #003288; }
  .headerNav {
    width: 80%;
    display: flex;
    justify-content: flex-end;
    align-items: stretch; }
  .headerNav_list01 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 60%;
    display: none; }
  .headerNav_list01_item {
    height: 5rem;
    display: flex;
    align-items: center;
    margin-right: 3rem; }
  .headerNav_list01_item > a {
    color: #868686;
    font-size: 1.4rem;
    font-weight: 900; }
  .headerNav_list01_item > a:hover {
    color: #4b9955;
    opacity: 1; }
  .headerNav_list02 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 35%;
    display: none; }
  .headerNav_list02_item {
    width: 48%; }
  .headerNav_list02_itemLink:hover {
    opacity: 1; }
  .headerNav_list02_item .headerNav_list02_itemLink {
    background: #fff;
    height: 4.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    border-radius: 100px;
    font-size: 1.4rem;
    font-weight: 600;
    color: #4b9955;
    border: 1px solid #4b9955; }
  .headerNav_list02_item .headerNav_list02_itemLink:hover {
    background: #4b9955;
    color: #fff; }
  .headerNav_list02_item02 .headerNav_list02_itemLink {
    background: #4b9955;
    color: #fff; }
  .headerNav_list02_item02 .headerNav_list02_itemLink:hover {
    background: #fff;
    color: #4b9955; }
  .headerNav_open {
    width: 4.5rem;
    line-height: 1;
    display: block; }
  /* humb */
  .navBox {
    visibility: hidden;
    z-index: 9999;
    position: fixed;
    top: 0rem;
    right: 0rem;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: 0.3s ease;
    padding: 0rem 0rem;
    display: block;
    background: #fff;
    padding-bottom: 0rem; }
  .navBox.active {
    visibility: visible;
    opacity: 1;
    overflow: auto;
    transition: 0.5s ease;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-x: hidden; }
  .navBox.active::-webkit-scrollbar {
    display: none; }
  .navBoxInner {
    background: #fff;
    display: flex;
    flex-direction: column;
    padding-bottom: 4rem; }
  .navBoxHeader {
    width: 100%;
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 3px 6px #00000030;
    margin-bottom: 4rem; }
  .navBoxHeader_logo {
    display: flex;
    align-items: center;
    width: 7rem;
    color: #003288; }
  .navTglClose {
    width: 4.5rem;
    display: block; }
  .navBoxInnerBox {
    margin-bottom: 0rem;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 85%;
    margin: 0 auto; }
  .navBoxInner_list {
    width: 100%;
    border-bottom: 1px solid #4b9955; }
  .navBoxInner_list li {
    line-height: 1; }
  .navBoxInner_list li a {
    display: flex;
    align-items: center;
    height: 3rem; }
  .navBoxInner_list li a img {
    width: 1.5rem;
    margin-left: 1rem; }
  .navBoxInner_list .parent {
    font-size: 1.8rem;
    color: #4b9955;
    font-weight: 600;
    padding: 2rem 0;
    border-top: 1px solid #4b9955; }
  .navBoxInner_list .child {
    padding: 1rem 0; }
  /* footer */
  .footer {
    position: relative; }
  .ftTop {
    background: #4b9955;
    padding: 5rem 0 2rem; }
  /*.ftTop_en{
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #fff;
  color: #4B9955;
  font-size: 7.3rem;
  text-align: center;
  line-height: 1;
  margin-bottom: 2rem;
  font-weight: 900;
}*/
  .ft_top_txt {
    width: 85%;
    margin: 0 auto 2rem; }
  .ft_top_intro {
    text-align: center;
    font-size: 2rem;
    font-weight: 600;
    color: #fff;
    margin-bottom: 0rem; }
  .ftTopContact {
    width: 90%;
    margin: 0 auto; }
  .ftTopContactList {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: column; }
  .ftTopContactList_item {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 3rem 0; }
  .ftTopContactList_item:nth-child(2) {
    border-left: none;
    border-right: none;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff; }
  .ftTopContactList_item_ico {
    width: 3.5rem;
    height: 4rem; }
  .ftTopContactList_itemBox {
    color: #fff;
    text-align: center;
    margin-bottom: 2rem; }
  .ftTopContactList_itemBox_txt01 {
    font-size: 2rem;
    font-weight: 600; }
  .ftBtn01 {
    background: #4b9955;
    height: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    border-radius: 100px;
    font-size: 1.4rem;
    font-weight: 600;
    color: #fff;
    border: 1px solid #fff;
    width: 32rem;
    font-size: 3.5rem; }
  .ftBtn01:hover {
    background: #4b9955;
    color: #fff;
    opacity: 1; }
  .ftBtn02 {
    border: 1px solid #fff;
    background: #fff;
    width: 32rem;
    height: 5rem;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    font-size: 1.6rem;
    font-weight: 600;
    position: relative; }
  .ftBtn02:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.5rem 0 0.5rem 1rem;
    border-color: transparent transparent transparent #4b9955;
    position: absolute;
    right: 2rem;
    top: 0;
    bottom: 0;
    margin: auto; }
  .ftBtn02:hover {
    border: 1px solid #fff;
    background: #4b9955;
    color: #fff;
    opacity: 1; }
  .ftBtn02:hover:after {
    border-color: transparent transparent transparent #fff; }
  .ftBtm {
    background: #fff;
    padding: 4rem 0; }
  .ftBtmTop {
    width: 85%;
    margin: 0 auto 3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column; }
  .ftBtmTop_logo {
    width: 18rem;
    display: block;
    margin-bottom: 3rem; }
  .ftBtmTopList {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: column; }
  .ftBtmTopList_item {
    border-left: 5px solid #4b9955;
    padding-left: 2rem;
    margin-bottom: 3rem; }
  .ftBtmTopList_itemtxt01 {
    font-weight: 600; }
  .ftBtmTopList_itemtxt02 {
    line-height: 1.8; }
  .ftBtmLinks {
    width: 85%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-direction: column; }
  .ftBtmLinksL {
    width: 100%; }
  .ftBtmLinksLBox {
    margin-bottom: 0rem;
    display: flex;
    justify-content: space-between;
    flex-direction: column; }
  .ftBtmLinksL_list {
    width: 100%; }
  .ftBtmLinksL_list li {
    margin-bottom: 2rem;
    line-height: 1; }
  .ftBtmLinksL_list li a {
    display: flex;
    align-items: center;
    height: 3rem; }
  .ftBtmLinksL_list li a img {
    width: 1.5rem;
    margin-left: 1rem; }
  .ftBtmLinksL_list .parent {
    font-size: 1.8rem;
    color: #4b9955;
    font-weight: 600; }
  .ftBtmLinksL_sub {
    display: flex;
    align-items: center;
    display: none; }
  .ftBtmLinksL_sub li {
    margin-right: 0.6rem;
    color: #9b9b9b; }
  .ftBtmLinksR {
    width: 100%; }
  .ftBtmLinksR_ttl {
    font-size: 1.8rem;
    color: #4b9955;
    font-weight: 600;
    margin-bottom: 2rem; }
  .ftBtmLinksR_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-left: -1rem;
    flex-direction: column; }
  .ftBtmLinksR_list li {
    width: 55%;
    margin-bottom: 1rem; }
  .ftBtmLinksL_subSP li {
    color: #9b9b9b; }
  .copyRight {
    text-align: center;
    color: #fff;
    background: #4b9955;
    padding: 1rem 0;
    font-size: 1.2rem;
    padding-bottom: 8rem; }
  .fixBtn {
    position: fixed;
    right: 0rem;
    bottom: 0rem;
    width: 100%;
    display: none;
    z-index: 100; }
  .fixBtnList {
    display: flex;
    justify-content: flex-end;
    padding-right: 1rem; }
  .fixBtnList li {
    width: 7rem; }
  .fixBtnCta {
    display: flex;
    justify-content: space-between;
    box-shadow: 0 -3px 6px #00000030; }
  .fixBtnCta li {
    width: 50%; } }

/*-----------------------------------------------------------

TOP

-------------------------------------------------------------*/
.mainContent {
  position: relative;
  overflow: hidden; }

.mainV {
  margin-top: 7.8rem;
  position: relative;
  height: 69rem;
  overflow: hidden;
  z-index: 1; }

.mainV_cont {
  width: 100%;
  height: 69rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1; }

.mainV_contBox {
  position: absolute;
  left: 4rem;
  bottom: 4rem;
  color: #fff;
  z-index: 1; }

.mainV_contBox_jp {
  font-size: 5.5rem;
  font-weight: 600; }

.mainV_contBox_en {
  font-size: 3rem;
  font-weight: 900;
  line-height: 1.1; }

.mainV_contBox_en span {
  color: #047230; }

.mainV_cont_mask {
  position: absolute;
  top: 0;
  left: 0; }

.main_slide {
  width: 150%; }

.topAbout {
  padding: 4rem 0 10rem;
  position: relative; }

.topAboutInner {
  width: 80%;
  margin: 0 auto;
  position: relative;
  z-index: 1; }

.topAboutInnerTipsList {
  width: 80%;
  margin: 0 auto 6rem;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.topAboutInnerTipsList li {
  width: 32%; }

.topAboutInnerCont {
  margin-bottom: 8rem; }

.cmnTtl01Box {
  display: flex;
  margin-bottom: 3rem; }

.cmnTtl01Box--c {
  justify-content: center; }

.cmnTtl01 {
  display: flex;
  flex-direction: column; }

.cmnTtl01.center {
  align-items: center; }

.cmnTtl01Box--c .cmnTtl01 {
  align-items: center; }

.cmnTtl01_en {
  font-size: 6rem;
  font-weight: 900;
  line-height: 1.2;
  margin-bottom: 0.6rem; }

.cmnTtl01_en.uppercase {
  text-transform: uppercase; }

.cmnTtl01_jp {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.4; }

.topAboutInnerCont_txt {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 600; }

.topAboutInnerPoint {
  margin-bottom: 4rem; }

.topAboutInnerPointList {
  display: flex;
  justify-content: space-between; }

.topAboutInnerPointList_item {
  width: 31%; }

.topAboutInnerPointList_itemNum {
  font-size: 2rem;
  margin-bottom: 1rem;
  line-height: 1; }

.topAboutInnerPointList_itemNum span {
  font-size: 3rem; }

.topAboutInnerPointList_itemImg {
  margin-bottom: 1rem; }

.topAboutInnerPointList_itemCont_ttl {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 1rem;
  font-size: 2rem;
  font-weight: 600; }

.topAboutInnerPointList_itemCont_ttl span {
  color: #fff;
  background: #4b9955;
  padding: 0.8rem;
  line-height: 1;
  margin-bottom: 0.3rem; }

.cmnBtn01Box {
  display: flex; }

.cmnBtn01Box--c {
  justify-content: center; }

.cmnBtn01 {
  border: 1px solid #2f2f2f;
  width: 31rem;
  height: 5.5rem;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  font-size: 1.6rem;
  font-weight: 600;
  position: relative; }

.cmnBtn01:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.5rem 0 0.5rem 1rem;
  border-color: transparent transparent transparent #4b9955;
  position: absolute;
  right: 2rem;
  top: 0;
  bottom: 0;
  margin: auto; }

.cmnBtn01:hover {
  border: 1px solid #4b9955;
  background: #4b9955;
  color: #fff;
  opacity: 1; }

.cmnBtn01:hover:after {
  border-color: transparent transparent transparent #fff; }

.top_about_bg {
  position: absolute;
  left: -10rem;
  top: -13rem;
  width: 100rem; }

.topService {
  padding: 14rem 0 10rem;
  background: #e6e6e6;
  position: relative; }

.topServicePage {
  padding-left: 10%;
  display: flex;
  justify-content: space-between;
  height: 80rem;
  position: relative;
  z-index: 1; }

.topServicePageL {
  width: 45%; }

.topServicePageLList_item {
  border-bottom: 1px solid #707070;
  margin-bottom: 2rem; }

.topServicePageLList_itemLink {
  display: flex;
  align-items: center;
  height: 7rem;
  line-height: 1;
  position: relative; }

.topServicePageLList_itemLink:hover {
  opacity: 1; }

.topServicePageLList_itemLink_num {
  width: 15%;
  font-size: 4.5rem;
  color: #fff;
  font-weight: 900; }

.topServicePageLList_itemLink_txt {
  font-size: 2.5rem;
  font-weight: 600;
  width: 60%;
  display: flex;
  align-items: center; }

.topServicePageLList_itemLink_txt img {
  width: 1.5rem;
  margin-left: 1rem; }

.topServicePageLList_itemLink_more {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 1.6rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  padding-right: 2rem;
  opacity: 0;
  transition: 0.3s ease; }

.topServicePageLList_itemLink_more:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.5rem 0 0.5rem 1rem;
  border-color: transparent transparent transparent #4b9955;
  position: absolute;
  right: 0rem;
  top: 0;
  bottom: 0;
  margin: auto; }

.topServicePageLList_itemLink.active .topServicePageLList_itemLink_more {
  opacity: 1; }

.topServicePageR {
  width: 77rem;
  margin-right: -17rem;
  margin-top: -5rem; }

.topServicePageRList {
  background: url(../img/top_service_img01.png) 0 0 no-repeat;
  background-size: 100% 100%;
  width: 77rem;
  height: 77rem; }

.topServicePageRList_item {
  position: relative;
  display: none;
  height: 77rem; }

.topServicePageRList_item.active {
  display: block; }

.topServicePageRList_itemCont {
  width: 29rem;
  height: 29rem;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: #4b9955;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -3rem;
  margin: auto; }

.topServicePageRList_itemCont_ttl {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.6;
  margin-bottom: 1rem; }

.topServicePageRList_itemCont_txt {
  text-align: center; }

.topServiceNeeds {
  width: 80%;
  margin: 0 auto;
  margin-top: -8rem; }

.topServiceNeeds_ttl {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 1rem; }

.topServiceNeedsList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 4rem; }

.topServiceNeedsList_item {
  width: 32%;
  margin-bottom: 1.6rem; }

.topServiceNeedsList_itemLink {
  background: #fff;
  border-radius: 10px;
  padding: 0 2rem;
  height: 8.3rem;
  display: flex;
  align-items: center;
  position: relative; }

.topServiceNeedsList_itemLink:after {
  content: "";
  width: 2.3rem;
  height: 2.3rem;
  background: url(../img/top_service_ar01.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 1rem;
  top: 0;
  bottom: 0;
  margin: auto; }

.topServiceNeedsList_itemLink_ico {
  width: 6.5rem;
  margin-right: 1.5rem; }

.topServiceNeedsList_itemLink_txt {
  line-height: 1.6;
  font-weight: 600; }

.topServiceNeedsAbout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 3rem;
  background: #fff;
  border-radius: 10px;
  height: 21rem;
  position: relative; }

.topServiceNeedsAbout:after {
  content: "";
  width: 6.3rem;
  height: 6.3rem;
  background: url(../img/top_service_ar02.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 3rem;
  top: 0;
  bottom: 0;
  margin: auto; }

.topServiceNeedsAboutL {
  width: 33rem;
  position: relative;
  bottom: 3rem; }

.topServiceNeedsAboutR {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 64%; }

.topServiceNeedsAboutR_txt01 {
  font-size: 4rem;
  font-weight: 600; }

.top_service_line {
  position: absolute;
  width: 115rem;
  right: -60rem;
  top: -26rem; }

.topCase {
  padding: 8rem 0 26rem;
  background: #e6e6e6;
  position: relative; }

.topCaseIntro {
  margin-bottom: 4rem;
  position: relative;
  z-index: 1; }

.cmnTtl01Box--topCase {
  margin-bottom: 1rem; }

.topCaseIntro_txt {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 600; }

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

.topCaseInnerList {
  margin-bottom: 8rem; }

.topCaseInnerList .slick-prev {
  left: 23.5rem;
  width: 2rem;
  height: 3.5rem;
  top: 15rem; }

.topCaseInnerList .slick-prev:before {
  content: "";
  background: url(../img/slick_prev01.png) 0 0 no-repeat;
  background-size: 100% 100%;
  width: 2rem;
  height: 3.5rem;
  display: block; }

.topCaseInnerList .slick-next {
  right: 23.5rem;
  width: 2rem;
  height: 3.5rem;
  top: 15rem; }

.topCaseInnerList .slick-next:before {
  content: "";
  background: url(../img/slick_next01.png) 0 0 no-repeat;
  background-size: 100% 100%;
  width: 2rem;
  height: 3.5rem;
  display: block; }

.topCaseInnerList .slick-dots {
  bottom: -4rem; }

.topCaseInnerList .slick-dots li {
  position: relative;
  display: inline-block;
  width: 4rem;
  height: 5px;
  margin: 0 0.7rem;
  padding: 0;
  cursor: pointer; }

.topCaseInnerList .slick-dots li button:before {
  font-family: unset !important;
  font-size: 5px;
  line-height: 5px;
  position: absolute;
  top: 0;
  left: 0;
  width: 4rem;
  height: 5px;
  content: "•";
  text-align: center;
  color: #fff;
  background: #fff;
  border-radius: 100px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border: 1px solid #fff; }

.topCaseInnerList .slick-dots li.slick-active button:before {
  color: #4b9955;
  border-radius: 100px;
  background: #4b9955;
  border: 1px solid #4b9955; }

.topCaseInnerList .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 4rem;
  height: 5px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent; }

.topCaseInnerList_item {
  padding: 0 3rem; }

.topCaseInnerList_itemLink {
  background: #fff;
  border-radius: 100rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2rem;
  padding-right: 10rem; }

.topCaseInnerList_itemLink:hover {
  background: #bebebe;
  opacity: 1; }

.topCaseInnerList_itemLink_img {
  width: 25.8rem;
  height: 25.8rem;
  position: relative;
  overflow: hidden;
  display: block;
  border-radius: 50%; }

.topCaseInnerList_itemLink_img img {
  position: absolute;
  object-fit: cover;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  margin: auto; }

.topCaseInnerList_itemLink_cont {
  width: 60%; }

.topCaseInnerList_itemLink_contTop {
  margin-bottom: 1rem; }

.topCaseInnerList_itemLink_contTop_cat {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-left: -0.6rem; }

.topCaseInnerList_itemLink_contTop_cat li {
  line-height: 1;
  border-radius: 100px;
  padding: 0.6rem;
  border: 1px solid #4b9955;
  margin-right: 1rem;
  margin-bottom: 1rem;
  font-size: 1.2rem; }

.topCaseInnerList_itemLink_contTop_comp {
  font-weight: 600; }

.topCaseInnerList_itemLink_contBtm_ttl {
  font-size: 1.8rem;
  font-weight: 600; }

.top_case_line {
  width: 63rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: auto; }

.topFaq {
  position: relative;
  padding: 0rem 0 10rem; }

.topFaq:before {
  content: "";
  width: 100%;
  height: 15rem;
  position: absolute;
  left: 0;
  top: -15rem;
  background: url(../img/top_faq_wave.png) 0 0 no-repeat;
  background-size: 100% 100%; }

.topFaqInner {
  width: 60%;
  margin: 0 auto;
  position: relative;
  z-index: 1; }

.topFaqInnerList {
  margin-bottom: 6rem; }

.topFaqInnerList_item {
  margin-bottom: 4rem; }

.topFaqInnerList_itemTtl {
  border: 1px solid #4b9955;
  padding: 1rem;
  border-radius: 10px;
  display: flex;
  align-items: center;
  background: url(../img/faq_ac_on.png) 98% center no-repeat;
  background-size: 2.4rem 2.4rem; }

.topFaqInnerList_itemTtl.on {
  background: url(../img/faq_ac_off.png) 98% center no-repeat;
  background-size: 2.4rem 2.4rem; }

.topFaqInnerList_itemTtl_q {
  width: 4rem;
  margin-right: 2rem; }

.topFaqInnerList_itemTtl_txt {
  font-size: 1.8rem; }

.topFaqInnerList_itemBox {
  display: none; }

.topFaqInnerList_itemBoxIn {
  padding-top: 2rem; }

.top_faq_line {
  position: absolute;
  left: 0;
  top: -26rem;
  width: 19rem;
  z-index: 1; }

.topDoc {
  padding: 0 0 15rem; }

.topDocInner {
  width: 80%;
  margin: 0 auto; }

.topDocInnerList {
  margin-bottom: 6rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap; }

.topDocInnerList::after {
  content: "";
  display: block;
  width: 32%; }

.topDocInnerList_item {
  width: 32%; }

.topDocInnerList_itemLink {
  display: block;
  padding: 2rem;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 3px 6px #00000030; }

.topDocInnerList_itemLink_img {
  width: 100%;
  height: 17.8rem;
  position: relative;
  overflow: hidden;
  display: block;
  margin-bottom: 1rem;
  border-radius: 8px; }

.topDocInnerList_itemLink_img img {
  position: absolute;
  object-fit: cover;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  margin: auto; }

.topDocInnerList_itemLink_infoCat {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-left: -0.6rem; }

.topDocInnerList_itemLink_infoCat li {
  line-height: 1;
  border-radius: 100px;
  padding: 0.6rem;
  border: 1px solid #4b9955;
  margin-right: 1rem;
  margin-bottom: 1rem;
  font-size: 1.2rem; }

.topDocInnerList_itemLink_infoTtl {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.6; }

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

.topInfoBnr {
  display: flex;
  align-items: center;
  position: relative;
  height: 35rem; }

.topInfoBnr:hover {
  opacity: 1; }

.topInfoBnr:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #000000ad;
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.3s ease; }

.topInfoBnr:hover:before {
  opacity: 0; }

.topInfoBnr:after {
  content: "";
  width: 12.3rem;
  height: 12.3rem;
  background: url(../img/top_info_ar.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 4rem;
  top: 0;
  bottom: 0;
  margin: auto; }

.topInfoBnrInner {
  width: 80%;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1; }

.topInfoBnrInner_txt {
  color: #fff;
  font-weight: 600; }

.topNews {
  padding: 10rem 0 10rem;
  background: #e6e6e6;
  position: relative; }

.topNewsInner {
  width: 80%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1; }

.topNewsInnerL {
  width: 25%; }

.topNewsInnerR {
  width: 70%; }

.topNewsInnerRList_item {
  border-bottom: 1px solid #707070;
  padding-bottom: 2rem;
  margin-bottom: 3rem; }

.topNewsInnerRList_item a {
  display: block; }

.topNewsInnerRList_item a time {
  display: inline-block;
  font-weight: 600; }

.topNewsInnerRList_item a p {
  font-weight: 600; }

.top_info_line {
  position: absolute;
  width: 81rem;
  right: -50rem;
  top: -52rem; }

.topBtm {
  padding: 3rem 0 10rem;
  background: #e6e6e6;
  position: relative; }

.topBtmInner {
  width: 80%;
  margin: 0 auto;
  position: relative;
  z-index: 1; }

.topBtmInnerList01 {
  margin-bottom: 4rem;
  display: flex;
  justify-content: space-between; }

.topBtmInnerList01_item {
  width: 48%; }

.topBtmInnerList01_itemLink {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 17rem;
  background: #fff;
  border-radius: 10px;
  position: relative; }

.topBtmInnerList01_itemLink:after {
  content: "";
  width: 6.3rem;
  height: 6.3rem;
  background: url(../img/top_service_ar02.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 3rem;
  top: 0;
  bottom: 0;
  margin: auto; }

.topBtmInnerList01_itemLink_box {
  width: 80%; }

.topBtmInnerList01_itemLink_boxTxt01 {
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.6; }

.topBtmInnerList02 {
  margin-bottom: 4rem;
  display: flex;
  justify-content: space-between;
  flex-direction: column; }

.topBtmInnerList02_item {
  width: 100%;
  margin-bottom: 4rem; }

.topBtmInnerList02_itemLink {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 23rem;
  background: #fff;
  border-radius: 10px;
  position: relative;
  overflow: hidden; }

.topBtmInnerList02_itemLink:after {
  content: "";
  width: 6.3rem;
  height: 6.3rem;
  background: url(../img/top_service_ar02.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 3rem;
  top: 0;
  bottom: 0;
  margin: auto; }

.topBtmInnerList02_itemLink_img {
  width: 45%; }

.topBtmInnerList02_itemLink_box {
  width: 50%; }

.cmnTtl01Box--topBtm {
  margin-bottom: 1rem; }

.topBtmInnerList02_itemLink_boxTxt01 {
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.6; }

.top_page_line {
  width: 24rem;
  left: 0;
  bottom: 0;
  position: absolute; }

@media screen and (max-width: 899px) and (min-width: 599px) {
  /* ============== TABLET LAYOUT ============== */
  .mainV {
    margin-top: 7.8rem;
    position: relative;
    height: 45.6rem;
    overflow: hidden;
    z-index: 1; }
  .mainV_cont {
    width: 100%;
    height: 45.6rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; }
  .mainV_contBox {
    position: absolute;
    left: 3rem;
    bottom: 3rem;
    color: #fff;
    z-index: 1; }
  .mainV_contBox_jp {
    font-size: 4.5rem;
    font-weight: 600; }
  .mainV_contBox_en {
    font-size: 2.5rem;
    font-weight: 900;
    line-height: 1.1; }
  .mainV_cont_mask {
    position: absolute;
    top: 0;
    left: 0; }
  .main_slide {
    width: 150%; }
  .cmnTtl01_en {
    font-size: 4rem;
    font-weight: 900;
    line-height: 1.2;
    margin-bottom: 0.6rem; }
  .topAboutInner {
    width: 90%;
    margin: 0 auto;
    position: relative;
    z-index: 1; }
  .topAboutInnerTipsList {
    width: 100%;
    margin: 0 auto 6rem;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .top_about_bg {
    position: absolute;
    left: -10rem;
    top: -6rem;
    width: 80rem; }
  .cmnTtl01Box--topService {
    justify-content: center; }
  .cmnTtl01Box--topService .cmnTtl01 {
    align-items: center; }
  .topService {
    padding: 8rem 0 10rem;
    background: #e6e6e6;
    position: relative; }
  .topServicePage {
    padding-left: 0;
    display: flex;
    justify-content: space-between;
    height: auto;
    position: relative;
    z-index: 1;
    flex-direction: column;
    align-items: center;
    margin-bottom: 8rem; }
  .topServicePageR {
    width: 90%;
    margin-right: 0rem;
    margin-top: 0rem;
    position: relative;
    padding-top: 36rem;
    margin: 0 auto 4rem; }
  .topServicePageR:before {
    content: "";
    width: 31.8rem;
    height: 31.8rem;
    background: url(../img/sp/top_service_img01@2x.png) 0 0 no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto; }
  .topServicePageRList {
    background: none;
    background-size: 100% 100%;
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
  .topServicePageRList_item {
    position: relative;
    display: block;
    height: auto;
    width: 48%;
    margin-bottom: 4rem; }
  .topServicePageRList_item.active {
    display: block; }
  .topServicePageRList_itemCont {
    width: 100%;
    height: auto;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    color: #000;
    background: none;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0rem;
    margin: auto; }
  .topServicePageRList_itemCont_ttl {
    text-align: left;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: 1rem;
    background: none;
    background-size: 1rem 1rem;
    width: 100%;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid #707070;
    display: flex;
    align-items: center; }
  .topServicePageRList_itemCont_ttl:before {
    content: "01";
    position: relative;
    font-size: 3rem;
    color: #fff;
    margin-right: 1rem; }
  #ts01 .topServicePageRList_itemCont_ttl:before {
    content: "01"; }
  #ts02 .topServicePageRList_itemCont_ttl:before {
    content: "02"; }
  #ts03 .topServicePageRList_itemCont_ttl:before {
    content: "03"; }
  #ts04 .topServicePageRList_itemCont_ttl:before {
    content: "04"; }
  #ts05 .topServicePageRList_itemCont_ttl:before {
    content: "05"; }
  #ts06 .topServicePageRList_itemCont_ttl:before {
    content: "06"; }
  .topServicePageRList_itemCont_ttl.on {
    background: url(../img/sp/top_service_ar_off@2x.png) 98% 45% no-repeat;
    background-size: 1rem 1rem; }
  .topServicePageRList_itemCont_ttl br {
    display: none !important; }
  .topServicePageRList_itemCont_txtBox {
    padding-bottom: 3rem;
    display: block; }
  .topServicePageRList_itemCont_txt {
    text-align: left;
    margin-bottom: 2rem;
    height: 6rem; }
  .topServicePageRList_itemCont_txt br {
    display: none !important; }
  .topServicePageRList_itemImg {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 3rem; }
  .cmnBtn01Box--topServiceBlank .cmnBtn01:after {
    background: url(../img/blank_green.png) 0 0 no-repeat;
    background-size: 100% 98%;
    width: 1.5rem;
    height: 1.5rem;
    border: none; }
  .top_service_line {
    position: absolute;
    width: 75rem;
    right: -26rem;
    top: -10rem; }
  .topServiceNeeds {
    width: 90%;
    margin: 0 auto;
    margin-top: -13rem; }
  .topServiceNeeds_ttl {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 1rem;
    text-align: center; }
  .topServiceNeedsList_item {
    width: 49%;
    margin-bottom: 1.6rem; }
  .topServiceNeedsAboutL {
    width: 23rem;
    position: relative;
    bottom: 1rem; }
  .topServiceNeedsAboutR_txt01 {
    font-size: 3rem;
    font-weight: 600; }
  .topCaseInnerList .slick-prev {
    left: 23.5rem;
    width: 2rem;
    height: 3.5rem;
    top: 33rem; }
  .topCaseInnerList .slick-next {
    right: 23.5rem;
    width: 2rem;
    height: 3.5rem;
    top: 33rem; }
  .topFaqInner {
    width: 90%;
    margin: 0 auto;
    position: relative;
    z-index: 2; }
  .topFaqInnerList_itemTtl {
    background-color: #fff; }
  .topFaqInnerList_itemTtl.on {
    background-color: #fff; }
  .topDocInner {
    width: 90%;
    margin: 0 auto; }
  .topDocInnerList_itemLink_img {
    width: 100%;
    height: 13.8rem;
    position: relative;
    overflow: hidden;
    display: block;
    margin-bottom: 1rem;
    border-radius: 8px; }
  .topInfoBnr:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #000000ad;
    position: absolute;
    left: 0;
    top: 0;
    transition: 0.3s ease;
    z-index: 1; }
  .topInfoBnr:after {
    content: "";
    width: 12.3rem;
    height: 12.3rem;
    background: url(../img/top_info_ar.png) 0 0 no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 4rem;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1; }
  .top_info_img {
    width: 100%;
    height: 34.8rem;
    position: relative;
    overflow: hidden;
    display: block; }
  .top_info_img img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto; }
  .topNewsInner {
    width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 1; }
  .topBtmInner {
    width: 90%;
    margin: 0 auto;
    position: relative;
    z-index: 1; }
  .topBtmInnerList01 {
    margin-bottom: 0rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
  .topBtmInnerList01_item {
    width: 100%;
    margin-bottom: 4rem; }
  .topBtmInnerList02_itemLink_img {
    width: 45%;
    height: 23.8rem;
    position: relative;
    overflow: hidden;
    display: block; }
  .topBtmInnerList02_itemLink_img img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto; }
  .topBtmInnerList02_itemLink_boxTxt02 {
    width: 73%; }
  .topBtmInnerList02_itemLink_boxTxt02 br {
    display: none !important; } }

@media only screen and (max-width: 599px) {
  /* ============== SP LAYOUT ============== */
  .mainContent {
    position: relative;
    overflow: hidden; }
  .mainV {
    margin-top: 5.8rem;
    position: relative;
    height: 55.6rem;
    overflow: hidden;
    z-index: 1; }
  .mainV_cont {
    width: 100%;
    height: 55.6rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; }
  .mainV_contBox {
    position: absolute;
    left: 2rem;
    bottom: 2rem;
    color: #fff;
    z-index: 1; }
  .mainV_contBox_jp {
    font-size: 4rem;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 1rem; }
  .mainV_contBox_en {
    font-size: 1.6rem;
    font-weight: 900;
    line-height: 1.1; }
  .mainV_cont_mask {
    position: absolute;
    top: 0;
    left: 0; }
  .main_slide {
    width: 670%;
    height: 55.6rem; }
  .topAbout {
    padding: 4rem 0 10rem;
    position: relative; }
  .topAboutInner {
    width: 90%;
    margin: 0 auto;
    position: relative;
    z-index: 1; }
  .topAboutInnerTipsList {
    width: 100%;
    margin: 0 auto 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column; }
  .topAboutInnerTipsList li {
    width: 100%;
    margin-bottom: 0rem; }
  .topAboutInnerCont {
    margin-bottom: 4rem; }
  .cmnTtl01Box {
    display: flex;
    margin-bottom: 3rem; }
  .cmnTtl01Box--c {
    justify-content: center; }
  .cmnTtl01 {
    display: flex;
    flex-direction: column; }
  .cmnTtl01Box--c .cmnTtl01 {
    align-items: center; }
  .cmnTtl01_en {
    font-size: 3.5rem;
    font-weight: 900;
    line-height: 1.2;
    margin-bottom: 0.6rem; }
  .cmnTtl01_jp {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.4; }
  .topAboutInnerCont_txt {
    text-align: center;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.6; }
  .topAboutInnerPoint {
    margin-bottom: 4rem; }
  .topAboutInnerPointList {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto 9rem; }
  .topAboutInnerPointList .slick-prev {
    left: 1rem;
    width: 2rem;
    height: 3.5rem;
    top: unset;
    bottom: -7rem; }
  .topAboutInnerPointList .slick-prev:before {
    content: "";
    background: url(../img/sp/slick_prev02@2x.png) 0 0 no-repeat;
    background-size: 100% 100%;
    width: 2rem;
    height: 3.5rem;
    display: block; }
  .topAboutInnerPointList .slick-next {
    right: 1rem;
    width: 2rem;
    height: 3.5rem;
    top: unset;
    bottom: -7rem; }
  .topAboutInnerPointList .slick-next:before {
    content: "";
    background: url(../img/sp/slick_next02@2x.png) 0 0 no-repeat;
    background-size: 100% 100%;
    width: 2rem;
    height: 3.5rem;
    display: block; }
  .topAboutInnerPointList .slick-dots {
    bottom: -4rem; }
  .topAboutInnerPointList .slick-dots li {
    position: relative;
    display: inline-block;
    width: 4rem;
    height: 5px;
    margin: 0 0.7rem;
    padding: 0;
    cursor: pointer; }
  .topAboutInnerPointList .slick-dots li button:before {
    font-family: unset !important;
    font-size: 5px;
    line-height: 5px;
    position: absolute;
    top: 0;
    left: 0;
    width: 4rem;
    height: 5px;
    content: "•";
    text-align: center;
    color: #a7a7a7;
    background: #a7a7a7;
    border-radius: 100px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: 1px solid #a7a7a7; }
  .topAboutInnerPointList .slick-dots li.slick-active button:before {
    color: #4b9955;
    border-radius: 100px;
    background: #4b9955;
    border: 1px solid #4b9955; }
  .topAboutInnerPointList .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 4rem;
    height: 5px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent; }
  .topAboutInnerPointList_item {
    width: 31%;
    padding: 0 1rem; }
  .topAboutInnerPointList_itemNum {
    font-size: 2rem;
    margin-bottom: 1rem;
    line-height: 1; }
  .topAboutInnerPointList_itemNum span {
    font-size: 3rem; }
  .topAboutInnerPointList_itemImg {
    margin-bottom: 1rem; }
  .topAboutInnerPointList_itemCont_ttl {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 1rem;
    font-size: 2rem;
    font-weight: 600; }
  .topAboutInnerPointList_itemCont_ttl span {
    color: #fff;
    background: #4b9955;
    padding: 0.8rem;
    line-height: 1;
    margin-bottom: 0.3rem; }
  .cmnBtn01Box {
    display: flex; }
  .cmnBtn01Box--c {
    justify-content: center; }
  .cmnBtn01 {
    border: 1px solid #2f2f2f;
    width: 31.8rem;
    height: 5.5rem;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    font-size: 1.6rem;
    font-weight: 600;
    position: relative; }
  .cmnBtn01:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.5rem 0 0.5rem 1rem;
    border-color: transparent transparent transparent #4b9955;
    position: absolute;
    right: 2rem;
    top: 0;
    bottom: 0;
    margin: auto; }
  .cmnBtn01:hover {
    border: 1px solid #4b9955;
    background: #4b9955;
    color: #fff;
    opacity: 1; }
  .cmnBtn01:hover:after {
    border-color: transparent transparent transparent #fff; }
  .top_about_bg {
    position: absolute;
    left: -10rem;
    top: 29rem;
    width: 42rem; }
  .topService {
    padding: 7rem 0 5rem;
    background: #e6e6e6;
    position: relative; }
  .topServicePage {
    padding-left: 0;
    display: flex;
    justify-content: space-between;
    height: auto;
    position: relative;
    z-index: 1;
    flex-direction: column; }
  .topServicePageL {
    width: 100%; }
  .cmnTtl01Box--topService {
    justify-content: center; }
  .cmnTtl01Box--topService .cmnTtl01 {
    align-items: center; }
  .topServicePageLList_item {
    border-bottom: 1px solid #707070;
    margin-bottom: 2rem; }
  .topServicePageLList_itemLink {
    display: flex;
    align-items: center;
    height: 7rem;
    line-height: 1;
    position: relative; }
  .topServicePageLList_itemLink:hover {
    opacity: 1; }
  .topServicePageLList_itemLink_num {
    width: 15%;
    font-size: 4.5rem;
    color: #fff;
    font-weight: 900; }
  .topServicePageLList_itemLink_txt {
    font-size: 2.5rem;
    font-weight: 600;
    width: 60%;
    display: flex;
    align-items: center; }
  .topServicePageLList_itemLink_txt img {
    width: 1.5rem;
    margin-left: 1rem; }
  .topServicePageLList_itemLink_more {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 1.6rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    padding-right: 2rem;
    opacity: 0;
    transition: 0.3s ease; }
  .topServicePageLList_itemLink_more:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.5rem 0 0.5rem 1rem;
    border-color: transparent transparent transparent #4b9955;
    position: absolute;
    right: 0rem;
    top: 0;
    bottom: 0;
    margin: auto; }
  .topServicePageLList_itemLink.active .topServicePageLList_itemLink_more {
    opacity: 1; }
  .topServicePageR {
    width: 85%;
    margin-right: 0rem;
    margin-top: 0rem;
    position: relative;
    padding-top: 36rem;
    margin: 0 auto 4rem; }
  .topServicePageR:before {
    content: "";
    width: 31.8rem;
    height: 31.8rem;
    background: url(../img/sp/top_service_img01@2x.png) 0 0 no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto; }
  .topServicePageRList {
    background: none;
    background-size: 100% 100%;
    width: 31.8rem;
    height: auto;
    margin: 0 auto; }
  .topServicePageRList_item {
    position: relative;
    display: block;
    height: auto; }
  .topServicePageRList_item.active {
    display: block; }
  .topServicePageRList_itemCont {
    width: 100%;
    height: auto;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    color: #000;
    background: none;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0rem;
    margin: auto; }
  .topServicePageRList_itemCont_ttl {
    text-align: left;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: 1rem;
    background: url(../img/sp/top_service_ar@2x.png) 98% 45% no-repeat;
    background-size: 1rem 1rem;
    width: 100%;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid #707070;
    display: flex;
    align-items: center; }
  .topServicePageRList_itemCont_ttl:before {
    content: "01";
    position: relative;
    font-size: 3rem;
    color: #fff;
    margin-right: 1rem; }
  #ts01 .topServicePageRList_itemCont_ttl:before {
    content: "01"; }
  #ts02 .topServicePageRList_itemCont_ttl:before {
    content: "02"; }
  #ts03 .topServicePageRList_itemCont_ttl:before {
    content: "03"; }
  #ts04 .topServicePageRList_itemCont_ttl:before {
    content: "04"; }
  #ts05 .topServicePageRList_itemCont_ttl:before {
    content: "05"; }
  #ts06 .topServicePageRList_itemCont_ttl:before {
    content: "06"; }
  .topServicePageRList_itemCont_ttl.on {
    background: url(../img/sp/top_service_ar_off@2x.png) 98% 45% no-repeat;
    background-size: 1rem 1rem; }
  .topServicePageRList_itemCont_txtBox {
    padding-bottom: 3rem;
    display: none; }
  .topServicePageRList_itemCont_txt {
    text-align: left;
    margin-bottom: 2rem; }
  .topServicePageRList_itemCont_txt br {
    display: none !important; }
  .topServicePageRList_itemImg {
    margin-bottom: 3rem; }
  .cmnBtn01Box--topServiceBlank .cmnBtn01:after {
    background: url(../img/blank_green.png) 0 0 no-repeat;
    background-size: 100% 98%;
    width: 1.5rem;
    height: 1.5rem;
    border: none; }
  .topServiceNeeds {
    width: 85%;
    margin: 0 auto;
    margin-top: 0rem; }
  .topServiceNeeds_ttl {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 1rem;
    text-align: center; }
  .topServiceNeedsList {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 7rem; }
  .topServiceNeedsList_item {
    width: 100%;
    margin-bottom: 1.6rem; }
  .topServiceNeedsList_itemLink {
    background: #fff;
    border-radius: 10px;
    padding: 0 1rem;
    height: 8.3rem;
    display: flex;
    align-items: center;
    position: relative; }
  .topServiceNeedsList_itemLink:after {
    content: "";
    width: 2.3rem;
    height: 2.3rem;
    background: url(../img/top_service_ar01.png) 0 0 no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 1rem;
    top: 0;
    bottom: 0;
    margin: auto; }
  .topServiceNeedsList_itemLink_ico {
    width: 6.5rem;
    margin-right: 1.5rem; }
  .topServiceNeedsList_itemLink_txt {
    line-height: 1.6;
    font-weight: 600; }
  .topServiceNeedsAbout {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 0rem;
    background: #fff;
    border-radius: 10px;
    height: 27rem;
    position: relative;
    flex-direction: column; }
  .topServiceNeedsAbout:after {
    content: "";
    width: 11.5rem;
    height: 2.5rem;
    background: url(../img/sp/sp_viewmore01@2x.png) 0 0 no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    left: 0;
    top: unset;
    bottom: 2rem;
    margin: auto; }
  .topServiceNeedsAboutL {
    width: 21rem;
    position: relative;
    bottom: unset;
    margin-top: -8rem;
    margin-bottom: 1rem; }
  .topServiceNeedsAboutR {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%; }
  .topServiceNeedsAboutR_txt01 {
    font-size: 2rem;
    font-weight: 600;
    text-align: center; }
  .topServiceNeedsAboutR_txt02 {
    text-align: center;
    line-height: 1.6; }
  .top_service_line {
    position: absolute;
    width: 49rem;
    right: -30rem;
    top: -10rem; }
  .topCase {
    padding: 5rem 0 10rem;
    background: #e6e6e6;
    position: relative; }
  .topCaseIntro {
    margin-bottom: 4rem;
    position: relative;
    z-index: 1; }
  .cmnTtl01Box--topCase {
    margin-bottom: 1rem; }
  .topCaseIntro_txt {
    text-align: center;
    font-size: 2rem;
    font-weight: 600; }
  .topCaseInner {
    position: relative;
    z-index: 1; }
  .topCaseInnerList {
    margin-bottom: 10rem; }
  .topCaseInnerList .slick-prev {
    left: 3rem;
    width: 2rem;
    height: 3.5rem;
    top: unset;
    bottom: -8rem; }
  .topCaseInnerList .slick-prev:before {
    content: "";
    background: url(../img/sp/slick_prev02@2x.png) 0 0 no-repeat;
    background-size: 100% 100%;
    width: 2rem;
    height: 3.5rem;
    display: block; }
  .topCaseInnerList .slick-next {
    right: 3rem;
    width: 2rem;
    height: 3.5rem;
    top: unset;
    bottom: -8rem; }
  .topCaseInnerList .slick-next:before {
    content: "";
    background: url(../img/sp/slick_next02@2x.png) 0 0 no-repeat;
    background-size: 100% 100%;
    width: 2rem;
    height: 3.5rem;
    display: block; }
  .topCaseInnerList .slick-dots {
    bottom: -5rem; }
  .topCaseInnerList .slick-dots li {
    position: relative;
    display: inline-block;
    width: 4rem;
    height: 5px;
    margin: 0 0.7rem;
    padding: 0;
    cursor: pointer; }
  .topCaseInnerList .slick-dots li button:before {
    font-family: unset !important;
    font-size: 5px;
    line-height: 5px;
    position: absolute;
    top: 0;
    left: 0;
    width: 4rem;
    height: 5px;
    content: "•";
    text-align: center;
    color: #fff;
    background: #fff;
    border-radius: 100px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: 1px solid #fff; }
  .topCaseInnerList .slick-dots li.slick-active button:before {
    color: #4b9955;
    border-radius: 100px;
    background: #4b9955;
    border: 1px solid #4b9955; }
  .topCaseInnerList .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 4rem;
    height: 5px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent; }
  .topCaseInnerList_item {
    padding: 0 3rem; }
  .topCaseInnerList_itemLink {
    background: #fff;
    border-radius: 100rem 100rem 5rem 5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem;
    flex-direction: column; }
  .topCaseInnerList_itemLink_img {
    width: 27.8rem;
    height: 27.8rem;
    position: relative;
    overflow: hidden;
    display: block;
    border-radius: 50%;
    margin-bottom: 2rem; }
  .topCaseInnerList_itemLink_img img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto; }
  .topCaseInnerList_itemLink_cont {
    width: 100%; }
  .topCaseInnerList_itemLink_contTop {
    margin-bottom: 1rem; }
  .topCaseInnerList_itemLink_contTop_cat {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-left: -0.6rem; }
  .topCaseInnerList_itemLink_contTop_cat li {
    line-height: 1;
    border-radius: 100px;
    padding: 0.6rem;
    border: 1px solid #4b9955;
    margin-right: 1rem;
    margin-bottom: 1rem;
    font-size: 1.2rem;
    letter-spacing: 0; }
  .topCaseInnerList_itemLink_contTop_comp {
    font-weight: 600; }
  .topCaseInnerList_itemLink_contBtm_ttl {
    font-size: 1.8rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    line-height: 1.6;
    margin-bottom: 1rem; }
  .top_case_line {
    width: 51rem;
    position: absolute;
    left: -50%;
    right: -50%;
    top: 0;
    margin: auto; }
  .topFaq {
    position: relative;
    padding: 0rem 0 6rem; }
  .topFaq:before {
    content: "";
    width: 100%;
    height: 4.2rem;
    position: absolute;
    left: 0;
    top: -4.1rem;
    background: url(../img/sp/top_faq_wave@2x.png) 0 0 no-repeat;
    background-size: 100% 100%; }
  .topFaqInner {
    width: 85%;
    margin: 0 auto;
    position: relative;
    z-index: 1; }
  .topFaqInnerList {
    margin-bottom: 4rem; }
  .topFaqInnerList_item {
    margin-bottom: 2rem; }
  .topFaqInnerList_itemTtl {
    border: 1px solid #4b9955;
    padding: 1rem;
    border-radius: 10px;
    display: flex;
    align-items: center;
    background: url(../img/faq_ac_on.png) 98% center no-repeat;
    background-size: 2.4rem 2.4rem; }
  .topFaqInnerList_itemTtl.on {
    background: url(../img/faq_ac_off.png) 98% center no-repeat;
    background-size: 2.4rem 2.4rem; }
  .topFaqInnerList_itemTtl_q {
    width: 2.5rem;
    margin-right: 1rem;
    line-height: 1; }
  .topFaqInnerList_itemTtl_txt {
    font-size: 1.6rem; }
  .topFaqInnerList_itemBox {
    display: none; }
  .topFaqInnerList_itemBoxIn {
    padding-top: 2rem; }
  .top_faq_line {
    position: absolute;
    left: 0;
    top: -20rem;
    width: 9rem;
    z-index: 0; }
  .topDoc {
    padding: 0 0 8rem; }
  .topDocInner {
    width: 85%;
    margin: 0 auto; }
  .topDocInnerList {
    margin-bottom: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap; }
  .topDocInnerList::after {
    content: "";
    display: block;
    width: 100%; }
  .topDocInnerList_item {
    width: 100%;
    margin-bottom: 4rem; }
  .topDocInnerList_itemLink {
    display: block;
    padding: 2rem;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 3px 6px #00000030; }
  .topDocInnerList_itemLink_img {
    width: 100%;
    height: 17.8rem;
    position: relative;
    overflow: hidden;
    display: block;
    margin-bottom: 1rem;
    border-radius: 8px; }
  .topDocInnerList_itemLink_img img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto; }
  .topDocInnerList_itemLink_infoCat {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-left: -0.6rem; }
  .topDocInnerList_itemLink_infoCat li {
    line-height: 1;
    border-radius: 100px;
    padding: 0.6rem;
    border: 1px solid #4b9955;
    margin-right: 1rem;
    margin-bottom: 1rem;
    font-size: 1.2rem; }
  .topDocInnerList_itemLink_infoTtl {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.6; }
  .topInfo {
    position: relative;
    z-index: 1; }
  .topInfoBnr {
    display: flex;
    align-items: center;
    position: relative;
    height: 35rem; }
  .topInfoBnr:hover {
    opacity: 1; }
  .topInfoBnr:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #000000ad;
    position: absolute;
    left: 0;
    top: 0;
    transition: 0.3s ease; }
  .topInfoBnr:hover:before {
    opacity: 0; }
  .topInfoBnr:after {
    content: "";
    width: 11.5rem;
    height: 2.5rem;
    background: url(../img/sp/sp_viewmore02@2x.png) 0 0 no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    left: 0;
    top: unset;
    bottom: 3rem;
    margin: auto; }
  .topInfoBnrInner {
    width: 80%;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    top: 3rem; }
  .cmnTtl01Box--topInfo {
    justify-content: center;
    text-align: center;
    margin-bottom: 2rem; }
  .cmnTtl01Box--topInfo .cmnTtl01 {
    align-items: center; }
  .topInfoBnrInner_txt {
    color: #fff;
    font-weight: 600;
    text-align: center; }
  .topNews {
    padding: 6rem 0 5rem;
    background: #e6e6e6;
    position: relative; }
  .topNewsInner {
    width: 85%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 1;
    flex-direction: column; }
  .topNewsInnerL {
    width: 100%; }
  .topNewsInnerR {
    width: 100%; }
  .topNewsInnerRList {
    margin-bottom: 4rem; }
  .topNewsInnerRList_item {
    border-bottom: 1px solid #707070;
    padding-bottom: 2rem;
    margin-bottom: 2rem; }
  .topNewsInnerRList_item a {
    display: block; }
  .topNewsInnerRList_item a time {
    display: inline-block;
    font-weight: 600; }
  .topNewsInnerRList_item a p {
    font-weight: 600; }
  .top_info_line {
    position: absolute;
    width: 28rem;
    right: -17rem;
    top: -43rem; }
  .topBtm {
    padding: 3rem 0 1rem;
    background: #e6e6e6;
    position: relative; }
  .topBtmInner {
    width: 85%;
    margin: 0 auto;
    position: relative;
    z-index: 1; }
  .topBtmInnerList01 {
    margin-bottom: 0rem;
    display: flex;
    justify-content: space-between;
    flex-direction: column; }
  .topBtmInnerList01_item {
    width: 100%;
    margin-bottom: 4rem; }
  .topBtmInnerList01_itemLink {
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    background: none;
    border-radius: 10px;
    position: relative; }
  .topBtmInnerList01_itemLink:after {
    content: "";
    width: 3.5rem;
    height: 3.5rem;
    background: url(../img/top_service_ar02.png) 0 0 no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 2rem;
    top: 2.3rem;
    bottom: unset;
    margin: auto; }
  .topBtmInnerList01_itemLink_box {
    width: 100%; }
  .topBtmInnerList01_itemLink_boxTxt01 {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.6;
    background: #fff;
    text-align: center;
    height: 8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    margin-bottom: 1rem; }
  .topBtmInnerList02 {
    margin-bottom: 4rem;
    display: flex;
    justify-content: space-between;
    flex-direction: column; }
  .topBtmInnerList02_item {
    width: 100%;
    margin-bottom: 4rem; }
  .topBtmInnerList02_itemLink {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    background: #fff;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    flex-direction: column;
    padding-bottom: 6rem; }
  .topBtmInnerList02_itemLink:after {
    content: "";
    width: 11.5rem;
    height: 2.5rem;
    background: url(../img/sp/sp_viewmore01@2x.png) 0 0 no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    left: 0;
    top: unset;
    bottom: 2rem;
    margin: auto; }
  .topBtmInnerList02_itemLink_img {
    width: 100%;
    margin-bottom: 1rem; }
  .topBtmInnerList02_itemLink_box {
    width: 85%; }
  .cmnTtl01Box--topBtm {
    margin-bottom: 1rem; }
  .topBtmInnerList02_itemLink_boxTxt01 {
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 1.6; }
  .topBtmInnerList02_itemLink_boxTxt02 {
    line-height: 1.6; }
  .top_page_line {
    width: 24rem;
    left: 0;
    bottom: 0;
    position: absolute; } }

/*-----------------------------------------------------------

PUNKUZ

-------------------------------------------------------------*/
.punkuz {
  width: 98%;
  margin: 0rem auto 2rem;
  display: flex;
  align-items: center;
  white-space: nowrap;
  position: relative;
  z-index: 1; }

.punkuz li {
  font-size: 1rem;
  margin-right: 0.2rem;
  color: #4b9955; }

.punkuz li a {
  display: block; }

.punkuz li br {
  display: none; }

@media screen and (max-width: 899px) and (min-width: 599px) {
  /* ============== TABLET LAYOUT ============== */
  .punkuz {
    width: 95%;
    margin: 0rem auto 2rem;
    display: flex;
    align-items: center;
    white-space: nowrap;
    position: relative;
    z-index: 1;
    padding-top: 2rem; } }

@media only screen and (max-width: 599px) {
  /* ============== SP LAYOUT ============== */
  .punkuz {
    width: 90%;
    margin: 0rem auto 2rem;
    display: flex;
    align-items: center;
    white-space: normal;
    position: relative;
    z-index: 1;
    padding-top: 0rem;
    flex-wrap: wrap; }
  .punkuz li {
    font-size: 1rem;
    margin-right: 0.8rem;
    color: #4b9955; }
  .punkuz li a {
    display: block; }
  .punkuz li br {
    display: none; } }

/*-----------------------------------------------------------

ABOUT

-------------------------------------------------------------*/
.mainVSub {
  padding-top: 9rem;
  position: relative;
  z-index: 1; }

.mainVSubInner {
  width: 85%;
  margin: 5rem auto 6rem; }

.mainVSub_ttl {
  display: flex;
  flex-direction: column;
  line-height: 1; }

.mainVSub_ttl_en {
  color: #a7a7a7;
  font-size: 6rem;
  font-weight: 900;
  margin-bottom: 1rem; }

.mainVSub_ttl_jp {
  font-size: 2rem;
  font-weight: 600;
  padding-left: 0.5rem; }

.aboutIntro {
  height: 94rem;
  position: relative;
  margin-top: -15rem;
  margin-bottom: 6rem; }

.aboutIntroInner {
  width: 80%;
  margin: 0 auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  position: relative;
  z-index: 1; }

.aboutIntroInner_cont {
  width: 38%; }

.aboutIntroInner_contTtl {
  font-size: 2.5rem;
  font-weight: 600;
  margin-bottom: 1rem; }

.aboutIntroInner_contTxt {
  line-height: 2.4; }

.aboutIntro_img {
  position: absolute;
  width: 94rem;
  height: 94rem;
  left: -6rem;
  top: 0; }

.aboutFeature {
  position: relative;
  margin-bottom: 18rem; }

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

.aboutFeature_intro {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 600;
  margin-bottom: 5rem; }

.aboutFeaturePoint {
  width: 85%;
  margin: 0 auto 8rem; }

.aboutFeaturePointList {
  display: flex;
  justify-content: space-between; }

.aboutFeaturePointList_item {
  width: 31%; }

.aboutFeaturePointList_itemAnch {
  padding-bottom: 3rem;
  position: relative;
  display: block; }

.aboutFeaturePointList_itemAnch:after {
  content: "";
  width: 3.5rem;
  height: 1.8rem;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/about_feature_arrow.png) 0 0 no-repeat;
  background-size: 100% 100%; }

.aboutFeaturePointList_itemNum {
  font-size: 2rem;
  margin-bottom: 1rem;
  line-height: 1; }

.aboutFeaturePointList_itemNum span {
  font-size: 3rem; }

.aboutFeaturePointList_itemImg {
  margin-bottom: 1.6rem; }

.aboutFeaturePointList_itemCont_txt {
  font-size: 3rem;
  line-height: 1;
  margin-bottom: 1.6rem;
  font-weight: 900; }

.aboutFeaturePointList_itemCont_ttl {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 1rem;
  font-size: 2rem;
  font-weight: 600; }

.aboutFeaturePointList_itemCont_ttl span {
  color: #fff;
  background: #4b9955;
  padding: 0.8rem;
  line-height: 1;
  margin-bottom: 0.3rem; }

.aboutFeaturePoint {
  width: 85%;
  margin: 0 auto 6rem; }

.aboutFeaturePointMain {
  margin-bottom: 4rem;
  position: relative; }

.cmnTtl01Box--aboutFeaturePoint {
  position: absolute;
  bottom: 5rem;
  left: 0;
  right: 0;
  margin: auto; }

.aboutFeaturePointCont {
  display: flex;
  justify-content: space-between;
  align-items: flex-start; }

.aboutFeaturePointContL {
  width: 40%; }

.aboutFeaturePointContR {
  width: 57%; }

.aboutFeaturePointContR_ttl {
  line-height: 1.4;
  font-size: 2.5rem;
  font-weight: 600;
  margin-bottom: 2rem; }

.aboutFeaturePointContR_ttl span {
  display: inline;
  font-size: 2.5rem;
  color: #4b9955; }

.aboutFeaturePointContR_txt {
  line-height: 1.8; }

.about_feature_line01 {
  width: 56rem;
  position: absolute;
  right: -26rem;
  top: -8rem; }

.about_feature_line02 {
  width: 62rem;
  position: absolute;
  left: -46rem;
  top: 88rem; }

.about_feature_line03 {
  width: 42rem;
  position: absolute;
  right: -15rem;
  top: 157rem; }

.about_feature_line04 {
  width: 67rem;
  position: absolute;
  left: -19rem;
  bottom: 19rem; }

.aboutData {
  background: #e6e6e6;
  padding: 10rem 0; }

.cmnTtl01Box--aboutData {
  margin-bottom: 6rem; }

.aboutDataList {
  width: 89rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }

.aboutDataList_item:nth-child(1) {
  width: 42rem;
  margin-bottom: 4rem; }

.aboutDataList_item:nth-child(2) {
  width: 42rem;
  margin-bottom: 4rem; }

.aboutDataList_item:nth-child(3) {
  width: 32rem; }

.aboutDataList_item:nth-child(4) {
  width: 52rem; }

.cmnDocBnr {
  padding: 10rem 0;
  width: 80%;
  margin: 0 auto; }

.cmnDocBnr .topBtmInnerList02 {
  margin-bottom: 0; }

.cmnDocBnr .topBtmInnerList02_itemLink {
  background: #f5f5f5; }

.cmnDocBnr .topBtmInnerList02_item {
  margin-bottom: 0; }

.cmnDocBnr .topBtmInnerList02_itemLink:after {
  mix-blend-mode: darken; }

@media screen and (max-width: 899px) and (min-width: 599px) {
  /* ============== TABLET LAYOUT ============== */
  .mainVSubInner {
    width: 90%;
    margin: 5rem auto 6rem; }
  .mainVSub_ttl_en {
    color: #a7a7a7;
    font-size: 5rem;
    font-weight: 900;
    margin-bottom: 1rem; }
  .aboutIntro {
    height: 64rem;
    position: relative;
    margin-top: -15rem;
    margin-bottom: 6rem; }
  .aboutIntroInner {
    width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    position: relative;
    z-index: 1; }
  .aboutIntroInner_cont {
    width: 53%; }
  .aboutIntro_img {
    position: absolute;
    width: 64rem;
    height: 64rem;
    left: -12rem;
    top: 0; }
  .aboutFeaturePoint {
    width: 90%;
    margin: 0 auto 6rem; }
  .aboutFeaturePointList_itemCont_ttl {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 1rem;
    font-size: 1.6rem;
    font-weight: 600; }
  .aboutFeaturePointContR_ttl {
    line-height: 1.4;
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 2rem; }
  .aboutFeaturePointContR_ttl span {
    display: inline;
    font-size: 2rem;
    color: #4b9955; }
  .aboutDataList {
    width: 79rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
  .aboutDataList_item:nth-child(1) {
    width: 37rem;
    margin-bottom: 4rem; }
  .aboutDataList_item:nth-child(2) {
    width: 37rem;
    margin-bottom: 4rem; }
  .aboutDataList_item:nth-child(3) {
    width: 28rem; }
  .aboutDataList_item:nth-child(4) {
    width: 46rem; }
  .cmnDocBnr {
    padding: 10rem 0;
    width: 90%;
    margin: 0 auto; } }

@media only screen and (max-width: 599px) {
  /* ============== SP LAYOUT ============== */
  .mainVSub {
    padding-top: 7rem;
    position: relative;
    z-index: 1; }
  .mainVSubInner {
    width: 85%;
    margin: 0rem auto 0rem;
    height: 14rem;
    display: flex;
    align-items: center;
    padding-bottom: 2rem; }
  .mainVSub_ttl {
    display: flex;
    flex-direction: column;
    line-height: 1; }
  .mainVSub_ttl_en {
    color: #a7a7a7;
    font-size: 3.5rem;
    font-weight: 900;
    margin-bottom: 1rem; }
  .mainVSub_ttl_jp {
    font-size: 1.6rem;
    font-weight: 600;
    padding-left: 0rem; }
  .aboutIntro {
    height: auto;
    position: relative;
    margin-top: 0rem;
    margin-bottom: 6rem; }
  .aboutIntroInner {
    width: 85%;
    margin: 0 auto;
    padding-top: 10rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    position: relative;
    z-index: 1; }
  .aboutIntroInner_cont {
    width: 100%; }
  .aboutIntroInner_contTtl {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 1rem; }
  .aboutIntroInner_contTxt {
    line-height: 2.4; }
  .aboutIntro_img {
    position: absolute;
    width: 39rem;
    height: 39rem;
    left: unset;
    top: -17rem;
    right: -10rem; }
  .aboutFeature {
    position: relative;
    margin-bottom: 8rem; }
  .aboutFeatureWrap {
    position: relative;
    z-index: 1; }
  .aboutFeature_intro {
    text-align: center;
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 3rem; }
  .aboutFeaturePoint {
    width: 85%;
    margin: 0 auto 2rem; }
  .aboutFeaturePointAnch {
    margin: 0 auto 2rem; }
  .aboutFeaturePointList {
    display: flex;
    justify-content: space-between;
    flex-direction: column; }
  .aboutFeaturePointList_item {
    width: 100%;
    margin-bottom: 5rem; }
  .aboutFeaturePointList_itemAnch {
    padding-bottom: 3rem;
    position: relative;
    display: block; }
  .aboutFeaturePointList_itemAnch:after {
    content: "";
    width: 3.5rem;
    height: 1.8rem;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: url(../img/about_feature_arrow.png) 0 0 no-repeat;
    background-size: 100% 100%; }
  .aboutFeaturePointList_itemNum {
    font-size: 2rem;
    margin-bottom: 1rem;
    line-height: 1; }
  .aboutFeaturePointList_itemNum span {
    font-size: 3rem; }
  .aboutFeaturePointList_itemImg {
    margin-bottom: 1.6rem; }
  .aboutFeaturePointList_itemCont_txt {
    font-size: 3rem;
    line-height: 1;
    margin-bottom: 1.6rem;
    font-weight: 900; }
  .aboutFeaturePointList_itemCont_ttl {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 1rem;
    font-size: 2rem;
    font-weight: 600; }
  .aboutFeaturePointList_itemCont_ttl span {
    color: #fff;
    background: #4b9955;
    padding: 0.8rem;
    line-height: 1;
    margin-bottom: 0.3rem; }
  .aboutFeaturePoint {
    width: 85%;
    margin: 0 auto 6rem; }
  .aboutFeaturePointMain {
    margin-bottom: 4rem;
    position: relative; }
  .cmnTtl01Box--aboutFeaturePoint {
    position: absolute;
    bottom: 2rem;
    left: 0;
    right: 0;
    margin: auto; }
  .aboutFeaturePointCont {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column-reverse; }
  .aboutFeaturePointContL {
    width: 100%; }
  .aboutFeaturePointContR {
    width: 100%;
    margin-bottom: 3rem; }
  .aboutFeaturePointContR_ttl {
    line-height: 1.6;
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 2rem;
    text-align: center; }
  .aboutFeaturePointContR_ttl span {
    display: inline-block;
    font-size: 2rem;
    color: #4b9955; }
  .aboutFeaturePointContR_txt {
    line-height: 1.8; }
  .about_feature_line01 {
    width: 56rem;
    position: absolute;
    right: -26rem;
    top: -8rem;
    display: none; }
  .about_feature_line02 {
    width: 62rem;
    position: absolute;
    left: -46rem;
    top: 88rem;
    display: none; }
  .about_feature_line03 {
    width: 42rem;
    position: absolute;
    right: -15rem;
    top: 157rem;
    display: none; }
  .about_feature_line04 {
    width: 67rem;
    position: absolute;
    left: -19rem;
    bottom: 19rem;
    display: none; }
  .aboutData {
    background: #e6e6e6;
    padding: 10rem 0; }
  .cmnTtl01Box--aboutData {
    margin-bottom: 3rem; }
  .aboutDataList {
    width: 85%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
  .aboutDataList_item:nth-child(1) {
    width: 100%;
    margin-bottom: 4rem; }
  .aboutDataList_item:nth-child(2) {
    width: 100%;
    margin-bottom: 4rem; }
  .aboutDataList_item:nth-child(3) {
    width: 100%;
    margin-bottom: 4rem; }
  .aboutDataList_item:nth-child(4) {
    width: 100%; }
  .cmnDocBnr {
    padding: 10rem 0;
    width: 85%;
    margin: 0 auto; }
  .cmnDocBnr .topBtmInnerList02 {
    margin-bottom: 0; }
  .cmnDocBnr .topBtmInnerList02_itemLink {
    background: #f5f5f5; }
  .cmnDocBnr .topBtmInnerList02_item {
    margin-bottom: 0; } }

/*-----------------------------------------------------------

COMPANY

-------------------------------------------------------------*/
.companyPhil {
  background: url(../img/company_phil_bg.png) 0 0 no-repeat;
  background-size: 100% 100%;
  height: 81rem; }

.companyPhilInner {
  padding-top: 8rem; }

.companyPhilInner_contTtl {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 600; }

.companyPhilInner_contTxt {
  text-align: center;
  line-height: 2.4; }

.companyGreeting {
  position: relative;
  padding: 1rem 0 18rem;
  z-index: 1; }

.companyGreeting:before {
  content: "";
  width: 100%;
  height: 15.1rem;
  position: absolute;
  left: 0;
  top: -15rem;
  background: url(../img/top_faq_wave.png) 0 0 no-repeat;
  background-size: 100% 100%; }

.companyGreetingBox {
  width: 80%;
  margin: -6rem auto 0;
  position: relative;
  z-index: 1; }

.companyGreetingTop {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8rem; }

.companyGreetingTopL {
  width: 53%; }

.companyGreetingTopR {
  width: 43%; }

.companyGreetingTopR_ttl {
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.8;
  margin-bottom: 1rem; }

.companyGreetingTopR_txt01 {
  margin-bottom: 1rem;
  line-height: 1.8; }

.companyGreetingTopR_txt02 {
  font-weight: 600; }

.companyGreetingTopR_txt03 {
  font-size: 2.5rem;
  font-weight: 600; }

.companyGreetingBtm {
  display: flex;
  justify-content: space-between; }

.companyGreetingBtmL {
  width: 48%; }

.companyGreetingBtmR {
  width: 48%; }

.companyInfo {
  padding: 10rem 0;
  background: #e6e6e6; }

.companyInfoInner {
  width: 85%;
  margin: 0 auto;
  background: #fff;
  padding: 6rem 10rem;
  border-radius: 10px; }

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

.companyInfoList li {
  width: 100%;
  border-bottom: 1px solid #c4c4c4;
  padding-bottom: 2rem;
  margin-bottom: 3rem;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.companyInfoList li h4 {
  width: 15%;
  font-weight: 600; }

.companyInfoList li div {
  width: 85%; }

.companyInfo02 {
  padding: 10rem 0;
  background: #e6e6e6; }

.companyInfo02Inner {
  width: 85%;
  margin: 0 auto;
  background: #fff;
  padding: 6rem 10rem;
  border-radius: 10px; }

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

.companyInfo02List li {
  width: 100%;
  border-bottom: 1px solid #c4c4c4;
  padding-bottom: 2rem;
  margin-bottom: 3rem;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.companyInfo02List li h4 {
  width: 25%;
  font-weight: 600; }

.companyInfo02List li div {
  width: 75%; }

.companyHistory {
  padding: 10rem 0;
  background: #e6e6e6; }

.companyHistoryInner {
  width: 70%;
  margin: 0 auto; }

.companyHistoryInnerList {
  position: relative; }

.companyHistoryInnerList:before {
  content: "";
  width: 1px;
  height: 100%;
  background: #4b9955;
  position: absolute;
  left: 9rem;
  top: 0; }

.companyHistoryInnerList_item {
  background: #fff;
  border-radius: 10px;
  padding: 4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4rem;
  position: relative;
  z-index: 1; }

.companyHistoryInnerList_itemYear {
  width: 12%;
  text-align: center;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.6; }

.companyHistoryInnerList_itemCont {
  width: 84%; }

.companyHistoryInnerList_itemCont_ttl {
  font-size: 2rem;
  font-weight: 600; }

.companyHistoryInnerList_itemCont_ttl.ch_indent {
  padding-left: 1em;
  text-indent: -1em; }

.companyCsr {
  padding: 10rem 0; }

.companyCsrBox01 {
  position: relative;
  width: 80%;
  margin: 0 auto; }

.companyCsrBox01Inner_item01 {
  font-size: 2.5rem;
  font-weight: 600;
  position: absolute;
  right: 12rem;
  top: 14rem; }

.companyCsrBox01Inner_item02 {
  position: absolute;
  left: 8rem;
  top: 9rem; }

.companyCsrBox01Inner_item02_ttl {
  font-size: 2.5rem;
  font-weight: 600;
  text-align: center;
  line-height: 1.6;
  margin-bottom: 1rem; }

.companyCsrBox01Inner_item02_txt {
  text-align: center;
  line-height: 1.8; }

.companyCsrBox01Inner_item02_link {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 600;
  margin-top: 27rem; }

.companyCsrBox01Inner_item02_link a {
  display: flex;
  align-items: center; }

.companyCsrBox01Inner_item02_link a img {
  width: 1.5rem;
  margin-left: 1rem; }

.companyCsrBox01Inner_item03 {
  position: absolute;
  left: 55rem;
  top: 31rem; }

.companyCsrBox01Inner_item03_ttl {
  font-size: 2.5rem;
  font-weight: 600;
  text-align: center;
  line-height: 1.6;
  margin-bottom: 1rem; }

.companyCsrBox01Inner_item03_txt {
  text-align: left;
  line-height: 1.8; }

.companyCsrBox01Inner_item04 {
  position: absolute;
  left: 35rem;
  bottom: 7rem; }

.companyCsrBox01Inner_item04_ttl {
  font-size: 2.5rem;
  font-weight: 600;
  text-align: left;
  line-height: 1.6;
  margin-bottom: 1rem; }

.companyCsrBox01Inner_item04_txt {
  text-align: left;
  line-height: 1.8; }

.companyCsrBox02 {
  position: relative;
  width: 60%;
  margin: 0 auto; }

.companyCsrBox02Inner_item01 {
  font-size: 2.5rem;
  font-weight: 600;
  position: absolute;
  left: 6rem;
  top: 24rem; }

.companyCsrBox02Inner_item02 {
  position: absolute;
  right: 6rem;
  top: 6rem;
  width: 43%; }

.companyCsrBox02Inner_item02_ttl {
  font-size: 2.5rem;
  font-weight: 600;
  text-align: center;
  line-height: 1.6;
  margin-bottom: 1rem; }

.companyCsrBox02Inner_item02_txt {
  text-align: center;
  line-height: 1.8; }

.companyCsrBox03 {
  position: relative;
  width: 70%;
  margin: 0 auto; }

.companyCsrBox03Inner_item01 {
  font-size: 2.5rem;
  font-weight: 600;
  position: absolute;
  left: 12rem;
  bottom: 18rem; }

.companyCsrBox03Inner_item02 {
  position: absolute;
  left: 12rem;
  top: 25rem; }

.companyCsrBox03Inner_item02_ttl {
  font-size: 2.5rem;
  font-weight: 600;
  text-align: center;
  line-height: 1.6;
  margin-bottom: 1rem; }

.companyCsrBox03Inner_item02_txt {
  text-align: center;
  line-height: 1.8; }

.companyCsrBox03Inner_item03 {
  position: absolute;
  right: 8rem;
  top: 8rem; }

.companyCsrBox03Inner_item03_ttl {
  font-size: 2.5rem;
  font-weight: 600;
  text-align: center;
  line-height: 1.6;
  margin-bottom: 1rem; }

.companyCsrBox03Inner_item03_txt {
  text-align: center;
  line-height: 1.8; }

.companyCsrBox03Inner_item04 {
  position: absolute;
  right: 21rem;
  bottom: 17rem; }

.companyCsrBox03Inner_item04_ttl {
  font-size: 2.5rem;
  font-weight: 600;
  text-align: center;
  line-height: 1.6;
  margin-bottom: 1rem; }

.companyCsrBox03Inner_item04_txt {
  text-align: center;
  line-height: 1.8; }

@media screen and (max-width: 899px) and (min-width: 599px) {
  /* ============== TABLET LAYOUT ============== */
  .companyPhil {
    background: url(../img/company_phil_bg.png) 50% 0 no-repeat;
    background-size: 130% 100%;
    height: 75rem; }
  .companyGreetingBox {
    width: 90%;
    margin: -6rem auto 0;
    position: relative;
    z-index: 1; }
  .companyGreetingTopR_ttl br {
    display: none !important; }
  .companyInfoInner {
    width: 90%;
    margin: 0 auto;
    background: #fff;
    padding: 6rem 6rem;
    border-radius: 10px; }
  .companyInfo02Inner {
    width: 90%;
    margin: 0 auto;
    background: #fff;
    padding: 6rem 6rem;
    border-radius: 10px; }
  .companyHistoryInner {
    width: 90%;
    margin: 0 auto; }
  .companyCsrBox01 {
    position: relative;
    width: 95%;
    margin: 0 auto; }
  .companyCsrBox01Inner_item01 {
    font-size: 2rem;
    font-weight: 600;
    position: absolute;
    right: 10rem;
    top: 10rem; }
  .companyCsrBox01Inner_item02 {
    position: absolute;
    left: 3rem;
    top: 7rem; }
  .companyCsrBox01Inner_item02_ttl {
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
    line-height: 1.6;
    margin-bottom: 1rem; }
  .companyCsrBox01Inner_item02_link {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: 600;
    margin-top: 19rem; }
  .companyCsrBox01Inner_item03 {
    position: absolute;
    left: 43rem;
    top: 23rem; }
  .companyCsrBox01Inner_item03_ttl {
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
    line-height: 1.6;
    margin-bottom: 1rem; }
  .companyCsrBox01Inner_item03_txt {
    text-align: left;
    line-height: 1.6;
    letter-spacing: 0;
    font-size: 1.2rem; }
  .companyCsrBox01Inner_item04 {
    position: absolute;
    left: 28rem;
    bottom: 3rem; }
  .companyCsrBox01Inner_item04_ttl {
    font-size: 2rem;
    font-weight: 600;
    text-align: left;
    line-height: 1.6;
    margin-bottom: 1rem; }
  .companyCsrBox01Inner_item04_txt {
    text-align: left;
    line-height: 1.8;
    width: 28%; }
  .companyCsrBox01Inner_item04_txt br {
    display: none !important; }
  .companyCsrBox02 {
    position: relative;
    width: 90%;
    margin: 0 auto; }
  .companyCsrBox02Inner_item01 {
    font-size: 2rem;
    font-weight: 600;
    position: absolute;
    left: 8rem;
    top: 24rem; }
  .companyCsrBox02Inner_item02 {
    position: absolute;
    right: 5rem;
    top: 7rem;
    width: 43%; }
  .companyCsrBox02Inner_item02_ttl {
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
    line-height: 1.6;
    margin-bottom: 1rem; }
  .companyCsrBox03 {
    position: relative;
    width: 95%;
    margin: 0 auto; }
  .companyCsrBox03Inner_item01 {
    font-size: 2rem;
    font-weight: 600;
    position: absolute;
    left: 12rem;
    bottom: 16rem; }
  .companyCsrBox03Inner_item02 {
    position: absolute;
    left: 10rem;
    top: 21rem; }
  .companyCsrBox03Inner_item02_ttl {
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
    line-height: 1.6;
    margin-bottom: 1rem; }
  .companyCsrBox03Inner_item03 {
    position: absolute;
    right: 5.5rem;
    top: 6rem; }
  .companyCsrBox03Inner_item03_ttl {
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
    line-height: 1.6;
    margin-bottom: 1rem; }
  .companyCsrBox03Inner_item04 {
    position: absolute;
    right: 17rem;
    bottom: 16rem; }
  .companyCsrBox03Inner_item04_ttl {
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
    line-height: 1.6;
    margin-bottom: 1rem; } }

@media only screen and (max-width: 599px) {
  /* ============== SP LAYOUT ============== */
  .companyPhil {
    background: url(../img/sp/company_phil_bg@2x.png) 0 0 no-repeat;
    background-size: 100% 100%;
    height: 89rem; }
  .companyPhilInner {
    padding-top: 8rem; }
  .companyPhilInner_contTtl {
    text-align: center;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: 1rem; }
  .companyPhilInner_contTxt {
    text-align: center;
    line-height: 2.4; }
  .companyGreeting {
    position: relative;
    padding: 1rem 0 8rem;
    z-index: 1; }
  .companyGreeting:before {
    content: "";
    width: 100%;
    height: 4.2rem;
    position: absolute;
    left: 0;
    top: -4.1rem;
    background: url(../img/sp/top_faq_wave@2x.png) 0 0 no-repeat;
    background-size: 100% 100%; }
  .companyGreetingBox {
    width: 85%;
    margin: 1rem auto 0;
    position: relative;
    z-index: 1; }
  .companyGreetingTop {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8rem;
    flex-direction: column; }
  .companyGreetingTopL {
    width: 100%;
    margin-bottom: 2rem; }
  .companyGreetingTopR {
    width: 100%; }
  .companyGreetingTopR_ttl {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.8;
    margin-bottom: 1rem; }
  .companyGreetingTopR_txt01 {
    margin-bottom: 1rem;
    line-height: 1.8; }
  .companyGreetingTopR_txt02 {
    font-weight: 600; }
  .companyGreetingTopR_txt03 {
    font-size: 2.5rem;
    font-weight: 600; }
  .companyGreetingBtm {
    display: flex;
    justify-content: space-between;
    flex-direction: column; }
  .companyGreetingBtmL {
    width: 100%; }
  .companyGreetingBtmR {
    width: 100%;
    margin-bottom: 2rem; }
  .companyInfo {
    padding: 6rem 0 2rem;
    background: #e6e6e6; }
  .companyInfoInner {
    width: 85%;
    margin: 0 auto;
    background: #fff;
    padding: 2rem 2rem;
    border-radius: 10px; }
  .companyInfoList {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
  .companyInfoList li {
    width: 100%;
    border-bottom: 1px solid #c4c4c4;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column; }
  .companyInfoList li h4 {
    width: 100%;
    font-weight: 600; }
  .companyInfoList li div {
    width: 100%; }
  .companyInfo02 {
    padding: 6rem 0 2rem;
    background: #e6e6e6; }
  .companyInfo02Inner {
    width: 85%;
    margin: 0 auto;
    background: #fff;
    padding: 2rem 2rem;
    border-radius: 10px; }
  .companyInfo02List {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
  .companyInfo02List li {
    width: 100%;
    border-bottom: 1px solid #c4c4c4;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column; }
  .companyInfo02List li h4 {
    width: 100%;
    font-weight: 600; }
  .companyInfo02List li div {
    width: 100%; }
  .companyHistory {
    padding: 6rem 0;
    background: #e6e6e6; }
  .companyHistoryInner {
    width: 85%;
    margin: 0 auto; }
  .companyHistoryInnerList {
    position: relative; }
  .companyHistoryInnerList:before {
    content: "";
    width: 1px;
    height: 100%;
    background: #4b9955;
    position: absolute;
    left: 0rem;
    right: 0;
    top: 0;
    margin: auto; }
  .companyHistoryInnerList_item {
    background: #fff;
    border-radius: 10px;
    padding: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4rem;
    position: relative;
    z-index: 1;
    flex-direction: column; }
  .companyHistoryInnerList_itemYear {
    width: 100%;
    text-align: left;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.6; }
  .companyHistoryInnerList_itemYear br {
    display: none !important; }
  .companyHistoryInnerList_itemCont {
    width: 100%; }
  .companyHistoryInnerList_itemCont_ttl {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.6; }
  .companyHistoryInnerList_itemCont_ttl.ch_indent {
    padding-left: 0;
    text-indent: 0; }
  .companyCsr {
    padding: 10rem 0 0; }
  .companyCsrBox01 {
    position: relative;
    width: 85%;
    margin: 0 auto 6rem;
    height: 172rem; }
  .companyCsrBox01Inner_item01 {
    font-size: 2rem;
    font-weight: 600;
    position: absolute;
    right: 0rem;
    top: 0rem;
    text-align: center;
    width: 100%; }
  .companyCsrBox01Inner_item02 {
    position: absolute;
    left: 0rem;
    top: 19rem;
    z-index: 1;
    width: 100%; }
  .companyCsrBox01Inner_item02_ttl {
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
    line-height: 1.6;
    margin-bottom: 1rem; }
  .companyCsrBox01Inner_item02_txt {
    text-align: center;
    line-height: 1.8; }
  .companyCsrBox01Inner_item02_link {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: 600;
    margin-top: 22rem; }
  .companyCsrBox01Inner_item02_link a {
    display: flex;
    align-items: center; }
  .companyCsrBox01Inner_item02_link a img {
    width: 1.5rem;
    margin-left: 1rem; }
  .companyCsrBox01Inner_item03 {
    position: absolute;
    left: 0;
    top: 69rem;
    z-index: 1;
    width: 100%; }
  .companyCsrBox01Inner_item03_ttl {
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
    line-height: 1.6;
    margin-bottom: 1rem; }
  .companyCsrBox01Inner_item03_txt {
    text-align: center;
    line-height: 1.8; }
  .companyCsrBox01Inner_item04 {
    position: absolute;
    left: 0;
    bottom: 27rem;
    z-index: 1;
    width: 100%; }
  .companyCsrBox01Inner_item04_ttl {
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
    line-height: 1.6;
    margin-bottom: 1rem; }
  .companyCsrBox01Inner_item04_txt {
    text-align: center;
    line-height: 1.8; }
  .companyCsrBox01_img {
    position: absolute;
    bottom: 0; }
  .companyCsrBox02 {
    position: relative;
    width: 85%;
    margin: 0 auto 6rem;
    height: 64rem; }
  .companyCsrBox02Inner_item01 {
    font-size: 2rem;
    font-weight: 600;
    position: absolute;
    left: 0rem;
    top: 0rem;
    width: 100%;
    text-align: center; }
  .companyCsrBox02Inner_item02 {
    position: absolute;
    right: 0;
    top: 21rem;
    width: 100%;
    z-index: 1; }
  .companyCsrBox02Inner_item02_ttl {
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
    line-height: 1.6;
    margin-bottom: 1rem; }
  .companyCsrBox02Inner_item02_txt {
    text-align: center;
    line-height: 1.8; }
  .companyCsrBox02_img {
    position: absolute;
    bottom: 0; }
  .companyCsrBox03 {
    position: relative;
    width: 85%;
    margin: 0 auto;
    height: 139rem; }
  .companyCsrBox03Inner_item01 {
    font-size: 2rem;
    font-weight: 600;
    position: absolute;
    left: 0;
    bottom: unset;
    top: 0;
    width: 100%;
    text-align: center; }
  .companyCsrBox03Inner_item02 {
    position: absolute;
    left: 0;
    top: 35rem;
    width: 100%;
    z-index: 1; }
  .companyCsrBox03Inner_item02_ttl {
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
    line-height: 1.6;
    margin-bottom: 1rem; }
  .companyCsrBox03Inner_item02_txt {
    text-align: center;
    line-height: 1.7;
    letter-spacing: 0.05em; }
  .companyCsrBox03Inner_item03 {
    position: absolute;
    right: 0;
    top: 72rem;
    width: 100%;
    z-index: 1; }
  .companyCsrBox03Inner_item03_ttl {
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
    line-height: 1.6;
    margin-bottom: 1rem; }
  .companyCsrBox03Inner_item03_txt {
    text-align: center;
    line-height: 1.8; }
  .companyCsrBox03Inner_item04 {
    position: absolute;
    right: 0;
    bottom: 8rem;
    width: 100%;
    z-index: 1; }
  .companyCsrBox03Inner_item04_ttl {
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
    line-height: 1.6;
    margin-bottom: 1rem; }
  .companyCsrBox03Inner_item04_txt {
    text-align: center;
    line-height: 1.8; }
  .companyCsrBox03_img {
    position: absolute;
    bottom: 0; } }

/*-----------------------------------------------------------

AFFILIATE

-------------------------------------------------------------*/
.affiliateBox {
  padding: 10rem 0;
  background: #e6e6e6; }

.affiliateBoxList {
  width: 80%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }

.affiliateBoxList::after {
  content: "";
  display: block;
  width: 31%; }

.affiliateBoxList_item {
  width: 31%;
  margin-bottom: 6rem; }

.affiliateBoxList_itemLink {
  display: block; }

.affiliateBoxList_itemLink_img {
  margin-bottom: 1rem;
  filter: drop-shadow(0 3px 10px #00000020); }

.affiliateBoxList_itemLink_ttl {
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  font-weight: 600; }

.affiliateBoxList_itemLink_ttl img {
  width: 1.5rem;
  margin-left: 1rem; }

@media screen and (max-width: 899px) and (min-width: 599px) {
  /* ============== TABLET LAYOUT ============== */
  .affiliateBoxList {
    width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; } }

@media only screen and (max-width: 599px) {
  /* ============== SP LAYOUT ============== */
  .affiliateBox {
    padding: 4rem 0;
    background: #e6e6e6; }
  .affiliateBoxList {
    width: 85%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
  .affiliateBoxList::after {
    content: "";
    display: block;
    width: 100%; }
  .affiliateBoxList_item {
    width: 100%;
    margin-bottom: 6rem; }
  .affiliateBoxList_itemLink {
    display: block; }
  .affiliateBoxList_itemLink_img {
    margin-bottom: 1rem;
    filter: drop-shadow(0 3px 10px #00000020); }
  .affiliateBoxList_itemLink_ttl {
    display: flex;
    align-items: center;
    font-size: 1.8rem;
    font-weight: 600; }
  .affiliateBoxList_itemLink_ttl img {
    width: 1.5rem;
    margin-left: 1rem; } }

/*-----------------------------------------------------------

SPECIAL SKILL SYSTEM

-------------------------------------------------------------*/
.spssIntro {
  position: relative;
  padding: 0 0 26rem;
  background: #e6e6e6; }

.spssIntro:before {
  content: "";
  width: 93rem;
  height: 93rem;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  left: -13rem;
  top: -26rem; }

.spssIntro_ttlBox {
  height: 16rem;
  background: #4b9955;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 8rem;
  position: relative;
  z-index: 1; }

.spssIntro_ttl {
  line-height: 1;
  font-size: 3rem;
  font-weight: 600; }

.spssIntro_box {
  width: 80%;
  margin: 0 auto 12rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 1; }

.spssIntro_boxL {
  width: 45%; }

.spssIntro_boxL_ttl {
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.6;
  margin-bottom: 2rem; }

.spssIntro_boxR {
  width: 50%; }

.spssAnch {
  display: flex;
  flex-direction: column;
  align-items: center; }

.spssAnch_txt {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 600;
  margin-bottom: 4rem; }

.spssAnch_txt span {
  display: inline-block;
  padding: 1rem;
  color: #fff;
  border-radius: 5px;
  background: #4b9955;
  line-height: 1;
  margin-right: 1rem; }

.spssAnchList {
  display: flex;
  justify-content: space-between;
  width: 80%; }

.spssAnchList li {
  width: 48%; }

.spssAnchList li a {
  background: #4b9955;
  height: 7.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  color: #fff;
  font-size: 2rem;
  font-weight: 600;
  width: 100%;
  border-radius: 10px;
  position: relative; }

.spssAnchList li a:after {
  content: "";
  width: 3.5rem;
  height: 1.8rem;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3rem;
  margin: auto;
  background: url(../img/spss_arrow.png) 0 0 no-repeat;
  background-size: 100% 100%; }

.spssType {
  position: relative;
  padding: 1rem 0 12rem;
  z-index: 1; }

.spssType:before {
  content: "";
  width: 100%;
  height: 15.1rem;
  position: absolute;
  left: 0;
  top: -15rem;
  background: url(../img/top_faq_wave.png) 0 0 no-repeat;
  background-size: 100% 100%; }

.spssTypeInner {
  width: 80%;
  margin: 0rem auto 0;
  position: relative;
  z-index: 1; }

.spssTypeInner01 {
  margin: -6rem auto 0; }

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

.cmnTtl01Box--spssType .cmnTtl01_jp {
  background: #4b9955;
  color: #fff;
  width: 39rem;
  height: 7rem;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center; }

.spssTypeInner_intro {
  text-align: center;
  margin-bottom: 5rem; }

.spssTypeListBox {
  margin-bottom: 8rem; }

.spssTypeListBox_ttl {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 600;
  margin-bottom: 2rem; }

.spssTypeList {
  border-radius: 5px 5px 0 0;
  border: 1px solid #4b9955;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap; }

.spssTypeList_item {
  width: 50%;
  height: 14rem;
  border-bottom: 1px solid #4b9955;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }

.spssTypeList_item:nth-child(odd) {
  border-right: 1px solid #4b9955; }

.spssTypeList_itemTtl {
  font-size: 2rem;
  font-weight: 600;
  text-align: center; }

.spssTypeList_itemTxt {
  display: flex;
  align-items: center;
  height: 5rem;
  text-align: center; }

.spssTypeListBoxNote {
  background: #4b9955;
  border-radius: 0 0 5px 5px;
  padding: 2rem 0;
  display: flex;
  justify-content: center;
  line-height: 1; }

.spssTypeListBoxNote div {
  width: 3rem;
  margin-right: 1rem; }

.spssTypeListBoxNote p {
  color: #fff;
  font-size: 2.5rem;
  font-weight: 600; }

.spssTypeListBoxNote p span {
  border-bottom: 2px solid #fff; }

.spssTypePost {
  width: 80%;
  margin: 0 auto; }

.spssTypePostIntro {
  margin-bottom: 6rem; }

.spssTypePostIntro_ttl {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 600;
  margin-bottom: 1rem; }

.spssTypePostIntro_txt {
  text-align: center; }

.spssTypePostList {
  display: flex;
  justify-content: center;
  flex-wrap: wrap; }

.spssTypePostList_item {
  width: 21%;
  margin: 0 2rem 4rem; }

.spssTypePostList_itemLink {
  background: #f0f0f0;
  filter: drop-shadow(0 3px 3px #00000020);
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 5px;
  padding: 2rem 0 4rem;
  position: relative;
  overflow: hidden; }

.spssTypePostList_itemLink:before {
  content: "";
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background: #4b9955;
  position: absolute;
  right: -2rem;
  bottom: -2rem; }

.spssTypePostList_itemLink:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.6rem 0 0.6rem 1rem;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  right: 0.7rem;
  bottom: 0.8rem; }

.spssTypePostList_itemLink_img {
  width: 12rem;
  height: 12rem;
  position: relative;
  overflow: hidden;
  display: block;
  margin-bottom: 1.6rem; }

.spssTypePostList_itemLink_img img {
  position: absolute;
  object-fit: cover;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  margin: auto; }

.spssTypePostList_itemLink_ttl {
  font-weight: 600;
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  line-height: 1.6; }

.spssService {
  padding: 10rem 0 6rem;
  background: #e6e6e6; }

.spssService_intro {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 600;
  margin-bottom: 7rem; }

.spssServiceinner {
  width: 80%;
  margin: 0 auto; }

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

.spssServiceinnerList_item {
  width: 48%;
  margin-bottom: 6rem; }

.spssServiceinnerList_itemLink {
  position: relative;
  height: 12rem;
  background: #fff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-end; }

.spssServiceinnerList_itemLink:after {
  content: "";
  width: 2.3rem;
  height: 2.3rem;
  background: url(../img/top_service_ar01.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 3rem;
  top: 0;
  bottom: 0;
  margin: auto; }

.spssServiceinnerList_itemLink_ico {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 10rem; }

.spssServiceinnerList_item:nth-child(1) .spssServiceinnerList_itemLink_ico {
  width: 11rem;
  left: 5rem;
  bottom: 1rem; }

.spssServiceinnerList_item:nth-child(2) .spssServiceinnerList_itemLink_ico {
  width: 14.5rem;
  left: 3rem;
  bottom: 1rem; }

.spssServiceinnerList_item:nth-child(3) .spssServiceinnerList_itemLink_ico {
  width: 14rem;
  left: 3rem;
  bottom: 1rem; }

.spssServiceinnerList_item:nth-child(4) .spssServiceinnerList_itemLink_ico {
  width: 11.5rem;
  left: 5rem;
  bottom: 1rem; }

.spssServiceinnerList_itemLink_txt {
  font-size: 2.5rem;
  font-weight: 600;
  width: 55%; }

@media screen and (max-width: 899px) and (min-width: 599px) {
  /* ============== TABLET LAYOUT ============== */
  .spssIntro_box {
    width: 90%;
    margin: 0 auto 12rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 1; }
  .spssIntro_boxL_ttl br {
    display: none !important; }
  .spssAnchList {
    display: flex;
    justify-content: space-between;
    width: 90%; }
  .spssTypeInner {
    width: 90%;
    margin: 0rem auto 0;
    position: relative;
    z-index: 1; }
  .spssTypePost {
    width: 90%;
    margin: 0 auto; }
  .spssTypePostList_item {
    width: 22%;
    margin: 0 1rem 4rem; }
  .spssServiceinner {
    width: 90%;
    margin: 0 auto; }
  .spssServiceinnerList_itemLink_txt {
    font-size: 2rem;
    font-weight: 600;
    width: 53%; } }

@media only screen and (max-width: 599px) {
  /* ============== SP LAYOUT ============== */
  .spssIntro {
    position: relative;
    padding: 0 0 6rem;
    background: #e6e6e6; }
  .spssIntro:before {
    content: "";
    width: 93rem;
    height: 93rem;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    left: -50%;
    right: -50%;
    top: unset;
    bottom: 0;
    margin: auto;
    display: none; }
  .spssIntro_ttlBox {
    height: 11rem;
    background: #4b9955;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0rem;
    position: relative;
    z-index: 1; }
  .spssIntro_ttl {
    line-height: 1;
    font-size: 2.5rem;
    font-weight: 600; }
  .spssIntro_box {
    width: 100%;
    margin: 0 auto 12rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 1;
    flex-direction: column-reverse;
    background: #fff;
    padding: 6rem 7% 2rem; }
  .spssIntro_box:after {
    content: "";
    width: 100%;
    height: 5.7rem;
    position: absolute;
    left: 0;
    bottom: -5rem;
    background: url(../img/sp/bottom_wave@2x.png) 0 0 no-repeat;
    background-size: 100% 100%; }
  .spssIntro_boxL {
    width: 100%; }
  .spssIntro_boxL_ttl {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: 2rem; }
  .spssIntro_boxR {
    width: 100%;
    margin-bottom: 2rem; }
  .spssAnch {
    display: flex;
    flex-direction: column;
    align-items: center; }
  .spssAnch_txt {
    text-align: center;
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 4rem; }
  .spssAnch_txt span {
    display: inline-block;
    padding: 1rem;
    color: #fff;
    border-radius: 5px;
    background: #4b9955;
    line-height: 1;
    margin-right: 0rem;
    margin: 0.5rem 0; }
  .spssAnchList {
    display: flex;
    justify-content: space-between;
    width: 85%;
    flex-direction: column; }
  .spssAnchList li {
    width: 100%;
    margin-bottom: 6rem; }
  .spssAnchList li a {
    background: #4b9955;
    height: 7.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    color: #fff;
    font-size: 2rem;
    font-weight: 600;
    width: 100%;
    border-radius: 10px;
    position: relative; }
  .spssAnchList li a:after {
    content: "";
    width: 3.5rem;
    height: 1.8rem;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3rem;
    margin: auto;
    background: url(../img/spss_arrow.png) 0 0 no-repeat;
    background-size: 100% 100%; }
  .spssType {
    position: relative;
    padding: 1rem 0 8rem;
    z-index: 1; }
  .spssType:before {
    content: "";
    width: 100%;
    height: 4.2rem;
    position: absolute;
    left: 0;
    top: -4.1rem;
    background: url(../img/sp/top_faq_wave@2x.png) 0 0 no-repeat;
    background-size: 100% 100%; }
  .spssTypeInner {
    width: 85%;
    margin: 0rem auto 0;
    position: relative;
    z-index: 1; }
  .spssTypeInner01 {
    margin: 2rem auto 0; }
  .cmnTtl01Box--spssType {
    text-align: center;
    white-space: nowrap; }
  .cmnTtl01Box--spssType .cmnTtl01_en {
    font-size: 3rem;
    margin-bottom: 2rem; }
  .cmnTtl01Box--spssType .cmnTtl01_jp {
    background: #4b9955;
    color: #fff;
    width: 28rem;
    height: 6rem;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center; }
  .spssTypeInner_intro {
    text-align: center;
    margin-bottom: 5rem; }
  .spssTypeListBox {
    margin-bottom: 8rem; }
  .spssTypeListBox_ttl {
    text-align: center;
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 2rem; }
  .spssTypeList {
    border-radius: 5px 5px 0 0;
    border: 1px solid #4b9955;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap; }
  .spssTypeList_item {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #4b9955;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 0; }
  .spssTypeList_item:nth-child(odd) {
    border-right: none; }
  .spssTypeList_itemTtl {
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 1rem; }
  .spssTypeList_itemTxt {
    display: flex;
    align-items: center;
    height: auto;
    text-align: center; }
  .spssTypeListBoxNote {
    background: #4b9955;
    border-radius: 0 0 5px 5px;
    padding: 2rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.6;
    text-align: center;
    flex-direction: column; }
  .spssTypeListBoxNote div {
    width: 3rem;
    margin-right: 0;
    margin-bottom: 1rem; }
  .spssTypeListBoxNote p {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 600; }
  .spssTypeListBoxNote p span {
    border-bottom: 2px solid #fff; }
  .spssTypePost {
    width: 90%;
    margin: 0 auto; }
  .spssTypePostIntro {
    margin-bottom: 4rem; }
  .spssTypePostIntro_ttl {
    text-align: center;
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 1rem; }
  .spssTypePostIntro_txt {
    text-align: center; }
  .spssTypePostList {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
  .spssTypePostList_item {
    width: 44%;
    margin: 0 1rem 2rem; }
  .spssTypePostList_itemLink {
    background: #f0f0f0;
    filter: drop-shadow(0 3px 3px #00000020);
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 5px;
    padding: 2rem 0 2rem;
    position: relative;
    overflow: hidden;
    transform: translateZ(0); }
  .spssTypePostList_itemLink:before {
    content: "";
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background: #4b9955;
    position: absolute;
    right: -2.5rem;
    bottom: -2.5rem; }
  .spssTypePostList_itemLink:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.4rem 0 0.4rem 0.6rem;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    right: 0.6rem;
    bottom: 0.6rem; }
  .spssTypePostList_itemLink_img {
    width: 8rem;
    height: 8rem;
    position: relative;
    overflow: hidden;
    display: block;
    margin-bottom: 1.6rem; }
  .spssTypePostList_itemLink_img img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto; }
  .spssTypePostList_itemLink_ttl {
    font-weight: 600;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 1.4;
    font-size: 1.4rem;
    width: 90%; }
  .spssService {
    padding: 5rem 0 2rem;
    background: #e6e6e6; }
  .spssService_intro {
    text-align: center;
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 4rem; }
  .spssServiceinner {
    width: 85%;
    margin: 0 auto; }
  .spssServiceinnerList {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
  .spssServiceinnerList_item {
    width: 100%;
    margin-bottom: 4rem; }
  .spssServiceinnerList_itemLink {
    position: relative;
    height: 10rem;
    background: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-end; }
  .spssServiceinnerList_itemLink:after {
    content: "";
    width: 2.3rem;
    height: 2.3rem;
    background: url(../img/top_service_ar01.png) 0 0 no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 3rem;
    top: 0;
    bottom: 0;
    margin: auto; }
  .spssServiceinnerList_itemLink_ico {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 10rem; }
  .spssServiceinnerList_item:nth-child(1) .spssServiceinnerList_itemLink_ico {
    width: 8rem;
    left: 3rem;
    bottom: 1rem; }
  .spssServiceinnerList_item:nth-child(2) .spssServiceinnerList_itemLink_ico {
    width: 11rem;
    left: 1rem;
    bottom: 1rem; }
  .spssServiceinnerList_item:nth-child(3) .spssServiceinnerList_itemLink_ico {
    width: 10rem;
    left: 1rem;
    bottom: 1rem; }
  .spssServiceinnerList_item:nth-child(4) .spssServiceinnerList_itemLink_ico {
    width: 8rem;
    left: 3rem;
    bottom: 1rem; }
  .spssServiceinnerList_itemLink_txt {
    font-size: 2rem;
    font-weight: 600;
    width: 61%; } }

/*-----------------------------------------------------------

SPECIAL SKILL SYSTEM DETAIL

-------------------------------------------------------------*/
.spssDBox {
  position: relative;
  padding: 0 0 10rem;
  background: #e6e6e6; }

.spssDBox:before {
  content: "";
  width: 75rem;
  height: 75rem;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  left: -43rem;
  top: -26rem; }

.spssDBox_ttlBox {
  height: 16rem;
  background: #4b9955;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 8rem;
  position: relative;
  z-index: 1; }

.spssDBox_ttl {
  line-height: 1;
  font-size: 3rem;
  font-weight: 600; }

.spssDBoxico {
  position: absolute;
  left: 4rem;
  top: 20rem;
  width: 12rem; }

.spssDBoxCont {
  width: 80%;
  margin: 0 auto;
  padding-left: 18%; }

.spssDBoxCont_inner01 {
  margin-bottom: 4rem; }

.spssDBoxCont_inner01_ttl {
  font-size: 2.5rem;
  font-weight: 600;
  margin-bottom: 2rem; }

.spssDBoxCont_inner01_txt {
  background: #fff;
  border-radius: 10px;
  padding: 2rem 3rem; }

.spssDBoxCont_inner02 {
  margin-bottom: 4rem; }

.spssDBoxCont_inner02_ttl {
  font-size: 2.5rem;
  font-weight: 600;
  margin-bottom: 2rem; }

.spssDBoxCont_inner02_item {
  display: flex;
  align-items: stretch;
  justify-content: space-between; }

.spssDBoxCont_inner02_itemTtl {
  background: #4b9955;
  width: 25%;
  border-bottom: 1px solid #fff;
  padding: 2rem 0;
  text-align: center;
  color: #fff;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center; }

.spssDBoxCont_inner02_itemTxt {
  background: #fff;
  width: 75%;
  border-bottom: 1px solid #4b9955;
  padding: 2rem;
  display: flex;
  align-items: center; }

.spssDBoxCont_inner02_item:first-of-type {
  border-radius: 10px 10px 0 0;
  overflow: hidden; }

.spssDBoxCont_inner02_item:last-of-type {
  border-radius: 0 0 10px 10px;
  overflow: hidden; }

.spssDBoxCont_inner02_item:last-of-type .spssDBoxCont_inner02_itemTtl {
  border-bottom: none; }

.spssDBoxCont_inner02_item:last-of-type .spssDBoxCont_inner02_itemTxt {
  border-bottom: none; }

.spssDBoxCont_inner02_link {
  margin-top: 2rem; }

.spssDBoxCont_inner02_link a {
  display: inline-block;
  color: #38b4cb; }

.cmnBtn01Box--spssDBoxCont .cmnBtn01:after {
  right: unset;
  left: 2rem;
  transform: rotateY(180deg); }

.spssTypeD {
  padding: 10rem 0 12rem; }

.spssTypeD:before {
  display: none; }

@media screen and (max-width: 899px) and (min-width: 599px) {
  /* ============== TABLET LAYOUT ============== */
  .spssDBoxico {
    position: absolute;
    left: 4rem;
    top: 20rem;
    width: 10rem; }
  .spssDBox:before {
    content: "";
    width: 70rem;
    height: 70rem;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    left: -43rem;
    top: -26rem; }
  .spssDBoxCont {
    width: 90%;
    margin: 0 auto;
    padding-left: 22%; } }

@media only screen and (max-width: 599px) {
  /* ============== SP LAYOUT ============== */
  .spssDBox {
    position: relative;
    padding: 0 0 6rem;
    background: #e6e6e6; }
  .spssDBox:before {
    content: "";
    width: 75rem;
    height: 75rem;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    left: -50%;
    top: -41rem; }
  .spssDBox_ttlBox {
    height: 11rem;
    background: #4b9955;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8rem;
    position: relative;
    z-index: 1; }
  .spssDBox_ttl {
    line-height: 1;
    font-size: 2.5rem;
    font-weight: 600; }
  .spssDBoxico {
    position: absolute;
    left: 0;
    top: 15rem;
    right: 0;
    width: 9rem;
    margin: auto; }
  .spssDBoxCont {
    width: 85%;
    margin: 0 auto;
    padding-left: 0;
    margin-top: 25rem; }
  .spssDBoxCont_inner01 {
    margin-bottom: 4rem; }
  .spssDBoxCont_inner01_ttl {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 1rem; }
  .spssDBoxCont_inner01_txt {
    background: #fff;
    border-radius: 10px;
    padding: 2rem 3rem; }
  .spssDBoxCont_inner02 {
    margin-bottom: 4rem; }
  .spssDBoxCont_inner02_ttl {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 2rem; }
  .spssDBoxCont_inner02_item {
    display: flex;
    align-items: stretch;
    justify-content: space-between; }
  .spssDBoxCont_inner02_itemTtl {
    background: #4b9955;
    width: 25%;
    border-bottom: 1px solid #fff;
    padding: 2rem 0;
    text-align: center;
    color: #fff;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center; }
  .spssDBoxCont_inner02_itemTxt {
    background: #fff;
    width: 75%;
    border-bottom: 1px solid #4b9955;
    padding: 2rem;
    display: flex;
    align-items: center; }
  .spssDBoxCont_inner02_item:first-of-type {
    border-radius: 10px 10px 0 0;
    overflow: hidden; }
  .spssDBoxCont_inner02_item:last-of-type {
    border-radius: 0 0 10px 10px;
    overflow: hidden; }
  .spssDBoxCont_inner02_item:last-of-type .spssDBoxCont_inner02_itemTtl {
    border-bottom: none; }
  .spssDBoxCont_inner02_item:last-of-type .spssDBoxCont_inner02_itemTxt {
    border-bottom: none; }
  .spssDBoxCont_inner02_link {
    margin-top: 2rem; }
  .spssDBoxCont_inner02_link a {
    display: inline-block;
    color: #38b4cb; }
  .cmnBtn01Box--spssDBoxCont .cmnBtn01:after {
    right: unset;
    left: 2rem;
    transform: rotateY(180deg); }
  .spssTypeD {
    padding: 5rem 0 6rem; }
  .spssTypeD:before {
    display: none; } }

/*-----------------------------------------------------------

CASE

-------------------------------------------------------------*/
.caseWrap {
  position: relative;
  padding: 5rem 0 10rem;
  background: #e6e6e6; }

.postSearchBox {
  width: 80%;
  margin: 0 auto 8rem; }

.postSearchBox .info-tab__list {
  display: flex;
  gap: 24px;
  padding: 50px 0; }

.postSearchBox .info-tab__item {
  width: calc((100% - 24px) / 2); }

.postSearchBox .info-tab__item a {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #a7a7a7;
  background: #fff;
  border-radius: 10px;
  height: 75px;
  font-size: 20px;
  font-weight: bold;
  text-align: center; }

.postSearchBox .info-tab__item.active a {
  background: #4b9955;
  color: #fff;
  position: relative; }

.postSearchBox .info-tab__item.active a:before {
  content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 29px 16.5px 0 16.5px;
  border-color: #4b9955 transparent transparent transparent;
  transform: rotate(0deg);
  position: absolute;
  left: 50%;
  top: -40px;
  transform: translate(-50%, 0); }

.postSearchBox_ttl {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.6;
  margin-bottom: 2rem; }

.postSearchBox_innerInput {
  background: #fff;
  padding: 2rem 3rem;
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 4rem; }

.postSearchBox_innerInput label {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  justify-content: flex-start;
  margin: 0.6rem 0;
  margin-right: 3rem;
  color: #4b9955;
  font-weight: 600; }

.postSearchBox_innerInput input {
  margin-right: 1rem;
  -webkit-appearance: none;
  width: 1.6rem;
  height: 1.6rem;
  border: 1px solid #4b9955;
  background: #fff;
  border-radius: 2px;
  padding: 0;
  line-height: 1em;
  position: relative; }

.postSearchBox_innerInput input[type="checkbox"]:checked:after {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #4b9955;
  font-size: 1.6rem;
  line-height: 1;
  position: absolute;
  width: 1.6rem;
  height: 1.6rem;
  top: 0;
  bottom: 0;
  margin: auto; }

.postSearchBox_innerSend {
  display: flex;
  justify-content: center; }

.postSearchBox_innerSend input {
  -webkit-appearance: none;
  cursor: pointer;
  width: 31rem;
  display: block;
  background: #4b9955;
  border: 1px solid #4b9955;
  text-align: center;
  height: 5.5rem;
  color: #fff;
  position: relative;
  border-radius: 100px;
  font-size: 1.4rem;
  font-weight: 600;
  margin: 0 1rem; }

.postSearchBox_innerSend input[type="reset"] {
  background: none;
  color: #4b9955;
  border: 1px solid #4b9955; }

.caseBox {
  margin-bottom: 10rem; }

.caseBox_ttl {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 5rem; }

.caseBox_ttl_in {
  border-bottom: 3px solid #4b9955;
  padding-bottom: 1rem; }

.caseBox_ttl_in span {
  font-size: 3rem; }

.caseBoxInnerList {
  width: 80%;
  margin: 0 auto 6rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }

.caseBoxInnerList_item {
  width: 48%;
  margin-bottom: 6rem; }

.caseBoxInnerList_itemLink {
  background: #fff;
  border-radius: 100rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.6rem;
  padding-right: 4rem; }

.caseBoxInnerList_itemLink_img {
  width: 13.8rem;
  height: 13.8rem;
  position: relative;
  overflow: hidden;
  display: block;
  border-radius: 50%; }

.caseBoxInnerList_itemLink_img img {
  position: absolute;
  object-fit: cover;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  margin: auto; }

.caseBoxInnerList_itemLink_cont {
  width: 66%; }

.caseBoxInnerList_itemLink_contTop {
  margin-bottom: 0.5rem; }

.caseBoxInnerList_itemLink_contTop_cat {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-left: -0.6rem; }

.caseBoxInnerList_itemLink_contTop_cat li {
  line-height: 1;
  border-radius: 100px;
  padding: 0.6rem;
  border: 1px solid #4b9955;
  margin-right: 1rem;
  margin-bottom: 1rem;
  font-size: 1.2rem;
  letter-spacing: 0.05em; }

.caseBoxInnerList_itemLink_contTop_comp {
  font-weight: 600; }

.caseBoxInnerList_itemLink_contBtm_ttl {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.6; }

.wp-pagenavi {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0rem auto;
  position: relative;
  z-index: 1; }

.wp-pagenavi a {
  color: #707070;
  width: 3.3rem;
  height: 3.3rem;
  border: 1px solid #707070;
  border-radius: 50%; }

.wp-pagenavi a:hover {
  opacity: 0.5; }

.wp-pagenavi .first {
  display: flex;
  padding-left: 2rem;
  margin: 0 1rem;
  position: relative;
  align-items: center;
  font-size: 1.2rem; }

.wp-pagenavi .first:before {
  content: "";
  width: 1rem;
  height: 1rem;
  border-top: 1px solid #707070;
  border-right: 1px solid #707070;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  position: absolute;
  left: 50%; }

.wp-pagenavi .first:after {
  content: "";
  width: 1rem;
  height: 1rem;
  border-top: 1px solid #707070;
  border-right: 1px solid #707070;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  position: absolute;
  left: 0.8rem; }

.wp-pagenavi .last {
  display: flex;
  padding-right: 2rem;
  margin: 0 1rem;
  position: relative;
  align-items: center;
  font-size: 1.2rem; }

.wp-pagenavi .last:before {
  content: "";
  width: 1rem;
  height: 1rem;
  border-top: 1px solid #707070;
  border-right: 1px solid #707070;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  right: 50%; }

.wp-pagenavi .last:after {
  content: "";
  width: 1rem;
  height: 1rem;
  border-top: 1px solid #707070;
  border-right: 1px solid #707070;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  right: 0.8rem; }

.previouspostslink {
  display: flex;
  padding-left: 2rem;
  margin: 0 1rem;
  position: relative;
  align-items: center; }

.previouspostslink:before {
  content: "";
  width: 1rem;
  height: 1rem;
  border-top: 1px solid #707070;
  border-right: 1px solid #707070;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  position: absolute;
  left: 40%; }

.nextpostslink {
  display: flex;
  padding-right: 2rem;
  margin: 0 1rem;
  position: relative;
  align-items: center; }

.nextpostslink:before {
  content: "";
  width: 1rem;
  height: 1rem;
  border-top: 1px solid #707070;
  border-right: 1px solid #707070;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  right: 40%; }

.wp-pagenavi .page {
  margin: 0 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  letter-spacing: 0px;
  color: #707070;
  width: 3.3rem;
  height: 3.3rem;
  border: 1px solid #707070;
  border-radius: 50%;
  font-size: 1.4rem;
  padding-top: 0.2rem; }

.wp-pagenavi .current {
  color: #fff;
  margin: 0 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  letter-spacing: 0px;
  width: 3.3rem;
  height: 3.3rem;
  border: 1px solid #4b9955;
  border-radius: 50%;
  font-size: 1.4rem;
  padding-top: 0.2rem;
  background: #4b9955; }

.caseDocBox {
  width: 80%;
  margin: 0 auto; }

@media screen and (max-width: 899px) and (min-width: 599px) {
  /* ============== TABLET LAYOUT ============== */
  .postSearchBox {
    width: 90%;
    margin: 0 auto 8rem; }
  .caseBoxInnerList {
    width: 90%;
    margin: 0 auto 6rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
  .caseBoxInnerList_item {
    width: 100%;
    margin-bottom: 2rem; }
  .caseBoxInnerList_itemLink_cont {
    width: 78%; }
  .caseDocBox {
    width: 90%;
    margin: 0 auto; } }

@media only screen and (max-width: 599px) {
  /* ============== SP LAYOUT ============== */
  .caseWrap {
    position: relative;
    padding: 5rem 0 2rem;
    background: #e6e6e6; }
  .postSearchBox {
    width: 85%;
    margin: 0 auto 8rem; }
  .postSearchBox .info-tab__list {
    gap: 14px;
    padding: 10px 0 35px; }
  .postSearchBox .info-tab__item {
    width: calc((100% - 14px) / 2); }
  .postSearchBox .info-tab__item a {
    border-radius: 5px;
    height: 72px;
    font-size: 14px; }
  .postSearchBox .info-tab__item.active a:before {
    border-width: 17px 9.5px 0 9.5px;
    top: -20px; }
  .postSearchBox_ttl {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: 2rem; }
  .postSearchBox_innerInput {
    background: #fff;
    padding: 2rem 3rem;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 3rem;
    flex-direction: column; }
  .postSearchBox_innerInput label {
    display: flex;
    align-items: flex-start;
    font-size: 1.4rem;
    justify-content: flex-start;
    margin: 1rem 0;
    margin-right: 3rem;
    color: #4b9955;
    font-weight: 600;
    width: 100%; }
  .postSearchBox_innerInput input {
    margin-right: 1rem;
    -webkit-appearance: none;
    width: 1.6rem;
    height: 1.6rem;
    border: 1px solid #4b9955;
    background: #fff;
    border-radius: 2px;
    padding: 0;
    line-height: 1em;
    position: relative;
    margin-top: 0.3rem; }
  .postSearchBox_innerInput span {
    width: 90%;
    line-height: 1.6; }
  .postSearchBox_innerInput input[type="checkbox"]:checked:after {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #4b9955;
    font-size: 1.6rem;
    line-height: 1;
    position: absolute;
    width: 1.6rem;
    height: 1.6rem;
    top: 0;
    bottom: 0;
    margin: auto; }
  .postSearchBox_innerSend {
    display: flex;
    justify-content: center;
    flex-direction: column; }
  .postSearchBox_innerSend input {
    -webkit-appearance: none;
    cursor: pointer;
    width: 31rem;
    display: block;
    background: #4b9955;
    border: 1px solid #4b9955;
    text-align: center;
    height: 5.5rem;
    color: #fff;
    position: relative;
    border-radius: 100px;
    font-size: 1.4rem;
    font-weight: 600;
    margin: 0 0rem 2rem; }
  .postSearchBox_innerSend input[type="reset"] {
    background: none;
    color: #4b9955;
    border: 1px solid #4b9955; }
  .caseBox {
    margin-bottom: 5rem; }
  .caseBox_ttl {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 5rem; }
  .caseBox_ttl_in {
    border-bottom: 3px solid #4b9955;
    padding-bottom: 1rem; }
  .caseBox_ttl_in span {
    font-size: 3rem; }
  .caseBoxInnerList {
    width: 85%;
    margin: 0 auto 2rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
  .caseBoxInnerList_item {
    width: 100%;
    margin-bottom: 3rem; }
  .caseBoxInnerList_itemLink {
    background: #fff;
    border-radius: 100rem 100rem 5rem 5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.6rem 1.6rem 3rem;
    flex-direction: column; }
  .caseBoxInnerList_itemLink_img {
    width: 27.8rem;
    height: 27.8rem;
    position: relative;
    overflow: hidden;
    display: block;
    border-radius: 50%;
    margin-bottom: 2rem; }
  .caseBoxInnerList_itemLink_img img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto; }
  .caseBoxInnerList_itemLink_cont {
    width: 90%; }
  .caseBoxInnerList_itemLink_contTop {
    margin-bottom: 0.5rem; }
  .caseBoxInnerList_itemLink_contTop_cat {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-left: -0.6rem; }
  .caseBoxInnerList_itemLink_contTop_cat li {
    line-height: 1;
    border-radius: 100px;
    padding: 0.6rem;
    border: 1px solid #4b9955;
    margin-right: 1rem;
    margin-bottom: 1rem;
    font-size: 1.2rem;
    letter-spacing: 0.05em; }
  .caseBoxInnerList_itemLink_contTop_comp {
    font-weight: 600; }
  .caseBoxInnerList_itemLink_contBtm_ttl {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.6; }
  .wp-pagenavi {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0rem auto;
    position: relative;
    z-index: 1; }
  .wp-pagenavi a {
    color: #707070;
    width: 3.3rem;
    height: 3.3rem;
    border: 1px solid #707070;
    border-radius: 50%; }
  .wp-pagenavi a:hover {
    opacity: 0.5; }
  .wp-pagenavi .first {
    display: flex;
    padding-left: 2rem;
    margin: 0 0.5rem;
    position: relative;
    align-items: center;
    font-size: 1.2rem; }
  .wp-pagenavi .first:before {
    content: "";
    width: 1rem;
    height: 1rem;
    border-top: 1px solid #707070;
    border-right: 1px solid #707070;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    position: absolute;
    left: 50%; }
  .wp-pagenavi .first:after {
    content: "";
    width: 1rem;
    height: 1rem;
    border-top: 1px solid #707070;
    border-right: 1px solid #707070;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    position: absolute;
    left: 0.8rem; }
  .wp-pagenavi .last {
    display: flex;
    padding-right: 2rem;
    margin: 0 0.5rem;
    position: relative;
    align-items: center;
    font-size: 1.2rem; }
  .wp-pagenavi .last:before {
    content: "";
    width: 1rem;
    height: 1rem;
    border-top: 1px solid #707070;
    border-right: 1px solid #707070;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 50%; }
  .wp-pagenavi .last:after {
    content: "";
    width: 1rem;
    height: 1rem;
    border-top: 1px solid #707070;
    border-right: 1px solid #707070;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 0.8rem; }
  .previouspostslink {
    display: flex;
    padding-left: 2rem;
    margin: 0 0.5rem;
    position: relative;
    align-items: center; }
  .previouspostslink:before {
    content: "";
    width: 1rem;
    height: 1rem;
    border-top: 1px solid #707070;
    border-right: 1px solid #707070;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    position: absolute;
    left: 40%; }
  .nextpostslink {
    display: flex;
    padding-right: 2rem;
    margin: 0 0.5rem;
    position: relative;
    align-items: center; }
  .nextpostslink:before {
    content: "";
    width: 1rem;
    height: 1rem;
    border-top: 1px solid #707070;
    border-right: 1px solid #707070;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 40%; }
  .wp-pagenavi .page {
    margin: 0 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    letter-spacing: 0px;
    color: #707070;
    width: 3.3rem;
    height: 3.3rem;
    border: 1px solid #707070;
    border-radius: 50%;
    font-size: 1.4rem;
    padding-top: 0.2rem; }
  .wp-pagenavi .current {
    color: #fff;
    margin: 0 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    letter-spacing: 0px;
    width: 3.3rem;
    height: 3.3rem;
    border: 1px solid #4b9955;
    border-radius: 50%;
    font-size: 1.4rem;
    padding-top: 0.2rem;
    background: #4b9955; }
  .caseDocBox {
    width: 80%;
    margin: 0 auto; } }

/*-----------------------------------------------------------

CASE DETAIL

-------------------------------------------------------------*/
.caseDMain {
  position: relative;
  padding: 6rem 0 26rem;
  background: #4b9955; }

.caseDMainCont {
  width: 70%;
  margin: 0 auto 9rem;
  display: flex;
  justify-content: space-between; }

.caseDMainContL {
  width: 36.8rem;
  height: 36.8rem;
  position: relative;
  overflow: hidden;
  display: block;
  border-radius: 50%; }

.caseDMainContL img {
  position: absolute;
  object-fit: cover;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  margin: auto; }

.caseDMainContR {
  width: 56%; }

.caseDMainContR_cat {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-left: -0.6rem; }

.caseDMainContR_cat li {
  line-height: 1;
  border-radius: 100px;
  padding: 0.6rem 1rem;
  border: 1px solid #fff;
  background: #fff;
  color: #4b9955;
  margin-right: 1rem;
  margin-bottom: 1rem;
  font-size: 1.2rem;
  letter-spacing: 0.05em; }

.caseDMainContR_comp {
  font-weight: 600;
  margin-bottom: 2rem; }

.caseDMainContR_ttl {
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.6;
  margin-bottom: 1rem; }

.caseDAnchList {
  display: flex;
  justify-content: space-between;
  width: 60%;
  margin: 0 auto; }

.caseDAnchList li {
  width: 48%; }

.caseDAnchList li a {
  background: #fff;
  height: 7.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  color: #4b9955;
  font-size: 2rem;
  font-weight: 600;
  width: 100%;
  border-radius: 10px;
  position: relative; }

.caseDAnchList li a:after {
  content: "";
  width: 3.5rem;
  height: 1.8rem;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3rem;
  margin: auto;
  background: url(../img/case_d_arrow.png) 0 0 no-repeat;
  background-size: 100% 100%; }

.caseDWave {
  position: relative;
  padding: 1rem 0 12rem;
  z-index: 1; }

.caseDWave:before {
  content: "";
  width: 100%;
  height: 15.1rem;
  position: absolute;
  left: 0;
  top: -15rem;
  background: url(../img/top_faq_wave.png) 0 0 no-repeat;
  background-size: 100% 100%; }

.caseSec01 {
  width: 80%;
  margin: 0rem auto 16rem;
  position: relative;
  z-index: 1; }

.caseSec_ttl {
  display: flex;
  justify-content: center;
  font-size: 2.5rem;
  font-weight: 600;
  margin-bottom: 8rem; }

.caseSec_ttl span {
  background: #4b9955;
  color: #fff;
  width: 39rem;
  height: 7rem;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center; }

.caseSec01Top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6rem; }

.caseSec01TopL {
  width: 55%;
  height: 42.8rem;
  position: relative;
  overflow: hidden;
  display: block;
  border-radius: 10px; }

.caseSec01TopL img {
  position: absolute;
  object-fit: cover;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  margin: auto; }

.caseSec01TopR {
  width: 42%;
  padding-right: 8%; }

.caseSec01TopR_txt {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.6; }

.caseSec01TopR_ttl {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.6;
  margin-bottom: 2rem; }

.caseSec01TopRList li {
  margin-bottom: 3rem; }

.caseSec01TopRList h3 {
  position: relative;
  font-size: 1.4rem;
  line-height: 1;
  padding-left: 2rem;
  margin-bottom: 1rem; }

.caseSec01TopRList h3:before {
  content: "";
  width: 1.4rem;
  height: 1.4rem;
  background: #4b9955;
  border-radius: 50%;
  position: absolute;
  left: 0; }

.caseSec01Inner {
  width: 70%;
  margin: 0 auto; }

.tocBox {
  background: #f4f4f4;
  padding: 2rem 3rem;
  margin-bottom: 5rem;
  border-radius: 20px; }

.tocBox_ttl {
  font-weight: 600;
  margin: 0;
  padding: 0;
  font-size: 1.7rem;
  margin-bottom: 1rem; }

.tocBoxInner ul li {
  margin: 0.8rem 0; }

#toc_container {
  background: #f4f4f4 !important;
  border: 1px solid #f7f7f7 !important;
  padding: 4rem !important;
  margin-bottom: 1em;
  width: auto;
  display: table;
  font-size: 1.4rem !important;
  border-radius: 20px;
  margin-bottom: 5rem !important;
  width: 100% !important; }

#toc_container p.toc_title {
  text-align: left !important;
  font-weight: 600;
  margin: 0;
  padding: 0;
  font-size: 1.7rem;
  margin-bottom: 1rem; }

#toc_container ul {
  margin-bottom: 0rem; }

#toc_container ul li {
  margin-bottom: 0rem; }

#toc_container ul li:before {
  display: none; }

#toc_container ul a {
  margin-bottom: 1rem;
  display: block; }

#toc_container ul li ul {
  padding-left: 2rem; }

#toc_container > ul > li > a {
  font-size: 1.4rem;
  font-weight: 500; }

.caseSecInnerCont {
  margin-bottom: 10rem; }

.caseSecInnerCont p {
  margin-bottom: 4rem; }

.caseSecInnerCont img {
  margin-bottom: 3rem; }

.caseSecInnerCont h2 {
  margin-bottom: 2rem;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.6;
  position: relative;
  color: #4b9955; }

.caseSecInnerCont h3 {
  position: relative;
  font-size: 1.4rem;
  line-height: 1;
  padding-left: 2rem;
  margin-bottom: 1rem; }

.caseSecInnerCont h3:before {
  content: "";
  width: 1.4rem;
  height: 1.4rem;
  background: #4b9955;
  border-radius: 50%;
  position: absolute;
  left: 0; }

.caseSecInnerCont h4 {
  margin-bottom: 0.5rem;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.6;
  position: relative;
  color: #4b9955; }

.caseSecInnerCont mark {
  background: linear-gradient(transparent 60%, #fff0b3 60%); }

.caseSec02 {
  width: 80%;
  margin: -14rem auto 16rem;
  position: relative;
  z-index: 1; }

.caseSec02Top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6rem; }

.caseSec02TopL {
  width: 55%;
  height: 42.8rem;
  position: relative;
  overflow: hidden;
  display: block;
  border-radius: 10px; }

.caseSec02TopL img {
  position: absolute;
  object-fit: cover;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  margin: auto; }

.caseSec02TopR {
  width: 42%;
  padding-right: 8%; }

.caseSec02TopR_txt {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.6;
  margin-bottom: 2rem; }

.caseSec02TopRList li {
  margin-bottom: 3rem; }

.caseSec02TopRList figure {
  width: 7rem;
  height: 7rem;
  position: relative;
  overflow: hidden;
  display: block;
  border-radius: 50%;
  margin-bottom: 1rem; }

.caseSec02TopRList figure img {
  position: absolute;
  object-fit: cover;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  margin: auto; }

.caseSec02TopRList h3 {
  position: relative;
  font-size: 1.4rem;
  line-height: 1;
  padding-left: 2rem;
  margin-bottom: 1rem; }

.caseSec02TopRList h3:before {
  content: "";
  width: 1.4rem;
  height: 1.4rem;
  background: #4b9955;
  border-radius: 50%;
  position: absolute;
  left: 0; }

.caseSec02TopRList div {
  line-height: 1.6; }

.caseSec02Inner {
  width: 70%;
  margin: 0 auto; }

.caseSec03 {
  width: 80%;
  margin: 0rem auto 16rem;
  position: relative;
  z-index: 1; }

.caseSec03Inner {
  width: 70%;
  margin: 0 auto; }

.caseOther {
  position: relative;
  padding: 8rem 0 8rem;
  background: #e6e6e6; }

.caseOtherTtl {
  display: flex;
  justify-content: center;
  position: relative;
  line-height: 1;
  width: 80%;
  margin: 0 auto 3rem;
  font-size: 2rem;
  font-weight: 600; }

.caseOtherTtl:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #4b9955;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0; }

.caseOtherTtl span {
  position: relative;
  z-index: 1;
  padding: 1rem;
  background: #e6e6e6; }

.caseOther .caseBoxInnerList_item {
  margin-bottom: 0; }

@media screen and (max-width: 899px) and (min-width: 599px) {
  /* ============== TABLET LAYOUT ============== */
  .caseDMainCont {
    width: 90%;
    margin: 0 auto 9rem;
    display: flex;
    justify-content: space-between; }
  .caseDMainContL {
    width: 30.8rem;
    height: 30.8rem;
    position: relative;
    overflow: hidden;
    display: block;
    border-radius: 50%; }
  .caseDAnchList {
    display: flex;
    justify-content: space-between;
    width: 80%;
    margin: 0 auto; }
  .caseSec01 {
    width: 90%;
    margin: -14rem auto 16rem;
    position: relative;
    z-index: 1; }
  .caseSec01TopL {
    width: 46%;
    height: 26.8rem;
    position: relative;
    overflow: hidden;
    display: block;
    border-radius: 10px; }
  .caseSec01TopR {
    width: 50%;
    padding-right: 0%; }
  .caseSec01Inner {
    width: 90%;
    margin: 0 auto; }
  .caseSec02 {
    width: 90%;
    margin: 0rem auto 26rem;
    position: relative;
    z-index: 1; }
  .caseSec02TopL {
    width: 46%;
    height: 25.8rem;
    position: relative;
    overflow: hidden;
    display: block;
    border-radius: 10px; }
  .caseSec02TopR {
    width: 50%;
    padding-right: 0; }
  .caseSec02Inner {
    width: 90%;
    margin: 0 auto; }
  .caseSec03 {
    width: 90%;
    margin: 0rem auto 16rem;
    position: relative;
    z-index: 1; }
  .caseSec03Inner {
    width: 90%;
    margin: 0 auto; }
  .caseOther .caseBoxInnerList_item {
    margin-bottom: 2rem; } }

@media only screen and (max-width: 599px) {
  /* ============== SP LAYOUT ============== */
  .caseDMain {
    position: relative;
    padding: 4rem 0 7rem;
    background: #4b9955; }
  .caseDMainCont {
    width: 85%;
    margin: 0 auto 6rem;
    display: flex;
    justify-content: space-between; }
  .caseDMainContL {
    width: 31.8rem;
    height: 31.8rem;
    position: relative;
    overflow: hidden;
    display: block;
    border-radius: 50%;
    margin: 0 auto 2rem; }
  .caseDMainContL img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto; }
  .caseDMainContR {
    width: 100%; }
  .caseDMainContR_cat {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-left: -0.6rem; }
  .caseDMainContR_cat li {
    line-height: 1;
    border-radius: 100px;
    padding: 0.6rem 1rem;
    border: 1px solid #fff;
    background: #fff;
    color: #4b9955;
    margin-right: 1rem;
    margin-bottom: 1rem;
    font-size: 1.2rem;
    letter-spacing: 0.05em; }
  .caseDMainContR_comp {
    font-weight: 600;
    margin-bottom: 1rem; }
  .caseDMainContR_ttl {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: 2rem; }
  .caseDAnchList {
    display: flex;
    justify-content: space-between;
    width: 85%;
    margin: 0 auto;
    flex-direction: column; }
  .caseDAnchList li {
    width: 100%;
    margin-bottom: 6rem; }
  .caseDAnchList li a {
    background: #fff;
    height: 6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    color: #4b9955;
    font-size: 2rem;
    font-weight: 600;
    width: 100%;
    border-radius: 10px;
    position: relative; }
  .caseDAnchList li a:after {
    content: "";
    width: 3.5rem;
    height: 1.8rem;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3rem;
    margin: auto;
    background: url(../img/case_d_arrow.png) 0 0 no-repeat;
    background-size: 100% 100%; }
  .caseDWave {
    position: relative;
    padding: 1rem 0 2rem;
    z-index: 1; }
  .caseDWave:before {
    content: "";
    width: 100%;
    height: 4.2rem;
    position: absolute;
    left: 0;
    top: -4.1rem;
    background: url(../img/sp/top_faq_wave@2x.png) 0 0 no-repeat;
    background-size: 100% 100%; }
  .caseSec01 {
    width: 85%;
    margin: 2rem auto 6rem;
    position: relative;
    z-index: 1; }
  .caseSec_ttl {
    display: flex;
    justify-content: center;
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 4rem; }
  .caseSec_ttl span {
    background: #4b9955;
    color: #fff;
    width: 32rem;
    height: 6rem;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center; }
  .caseSec01Top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 6rem;
    flex-direction: column; }
  .caseSec01TopL {
    width: 100%;
    height: 21.8rem;
    position: relative;
    overflow: hidden;
    display: block;
    border-radius: 10px;
    margin-bottom: 3rem; }
  .caseSec01TopL img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto; }
  .caseSec01TopR {
    width: 100%;
    padding-right: 0; }
  .caseSec01TopR_txt {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.6; }
  .caseSec01TopR_ttl {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: 2rem; }
  .caseSec01TopRList li {
    margin-bottom: 3rem; }
  .caseSec01TopRList h3 {
    position: relative;
    font-size: 1.4rem;
    line-height: 1;
    padding-left: 2rem;
    margin-bottom: 1rem; }
  .caseSec01TopRList h3:before {
    content: "";
    width: 1.4rem;
    height: 1.4rem;
    background: #4b9955;
    border-radius: 50%;
    position: absolute;
    left: 0; }
  .caseSec01Inner {
    width: 100%;
    margin: 0 auto; }
  #toc_container {
    background: #f4f4f4 !important;
    border: 1px solid #f7f7f7 !important;
    padding: 3rem !important;
    margin-bottom: 1em;
    width: auto;
    display: table;
    font-size: 1.4rem !important;
    border-radius: 20px;
    margin-bottom: 5rem !important;
    width: 100% !important; }
  #toc_container p.toc_title {
    text-align: left !important;
    font-weight: 600;
    margin: 0;
    padding: 0;
    font-size: 1.7rem;
    margin-bottom: 1rem; }
  #toc_container ul {
    margin-bottom: 0rem; }
  #toc_container ul li {
    margin-bottom: 0rem; }
  #toc_container ul li:before {
    display: none; }
  #toc_container ul a {
    margin-bottom: 1rem;
    display: block; }
  #toc_container ul li ul {
    padding-left: 2rem; }
  #toc_container > ul > li > a {
    font-size: 1.4rem;
    font-weight: 500; }
  .caseSecInnerCont {
    margin-bottom: 10rem; }
  .caseSecInnerCont p {
    margin-bottom: 4rem; }
  .caseSecInnerCont img {
    margin-bottom: 3rem; }
  .caseSecInnerCont h2 {
    margin-bottom: 2rem;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.6;
    position: relative;
    color: #4b9955; }
  .caseSecInnerCont h3 {
    position: relative;
    font-size: 1.4rem;
    line-height: 1;
    padding-left: 2rem;
    margin-bottom: 1rem; }
  .caseSecInnerCont h3:before {
    content: "";
    width: 1.4rem;
    height: 1.4rem;
    background: #4b9955;
    border-radius: 50%;
    position: absolute;
    left: 0; }
  .caseSecInnerCont h4 {
    margin-bottom: 0.5rem;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.6;
    position: relative;
    color: #4b9955; }
  .caseSecInnerCont mark {
    background: linear-gradient(transparent 60%, #fff0b3 60%); }
  .caseSec02 {
    width: 85%;
    margin: 0rem auto 6rem;
    position: relative;
    z-index: 1; }
  .caseSec02Top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 6rem;
    flex-direction: column; }
  .caseSec02TopL {
    width: 100%;
    height: 21.8rem;
    position: relative;
    overflow: hidden;
    display: block;
    border-radius: 10px;
    margin-bottom: 2rem; }
  .caseSec02TopL img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto; }
  .caseSec02TopR {
    width: 100%;
    padding-right: 0%; }
  .caseSec02TopR_txt {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: 2rem; }
  .caseSec02TopRList li {
    margin-bottom: 3rem; }
  .caseSec02TopRList figure {
    width: 7rem;
    height: 7rem;
    position: relative;
    overflow: hidden;
    display: block;
    border-radius: 50%;
    margin-bottom: 1rem; }
  .caseSec02TopRList figure img {
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto; }
  .caseSec02TopRList h3 {
    position: relative;
    font-size: 1.4rem;
    line-height: 1;
    padding-left: 2rem;
    margin-bottom: 1rem; }
  .caseSec02TopRList h3:before {
    content: "";
    width: 1.4rem;
    height: 1.4rem;
    background: #4b9955;
    border-radius: 50%;
    position: absolute;
    left: 0; }
  .caseSec02TopRList div {
    line-height: 1.6; }
  .caseSec02Inner {
    width: 100%;
    margin: 0 auto; }
  .caseSec03 {
    width: 85%;
    margin: 0rem auto 6rem;
    position: relative;
    z-index: 1; }
  .caseSec03Inner {
    width: 100%;
    margin: 0 auto; }
  .caseOther {
    position: relative;
    padding: 8rem 0 8rem;
    background: #e6e6e6; }
  .caseOtherTtl {
    display: flex;
    justify-content: center;
    position: relative;
    line-height: 1;
    width: 85%;
    margin: 0 auto 3rem;
    font-size: 2rem;
    font-weight: 600; }
  .caseOtherTtl:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #4b9955;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0; }
  .caseOtherTtl span {
    position: relative;
    z-index: 1;
    padding: 1rem;
    background: #e6e6e6; }
  .caseOther .caseBoxInnerList_item {
    margin-bottom: 4rem; } }

/*-----------------------------------------------------------

FAQ

-------------------------------------------------------------*/
.faqWrap {
  padding: 10rem 0 6rem;
  background: #e6e6e6; }

.faqAnch {
  width: 80%;
  margin: 0 auto 8rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-left: 1px solid #707070; }

.faqAnch li {
  border-right: 1px solid #707070; }

.faqAnch li a {
  color: #4b9955;
  font-weight: 600;
  padding: 0.4rem 2.6rem;
  white-space: nowrap; }

.faqSec {
  width: 70%;
  margin: 0 auto 10rem; }

.faqSec_ttl {
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 5rem; }

.faqSec_ttl span {
  border-bottom: 1px solid #4b9955;
  padding-bottom: 1rem; }

.faqSecList {
  margin-bottom: 6rem; }

.faqSecList_item {
  margin-bottom: 4rem; }

.faqSecList_itemTtl {
  padding: 1rem;
  border-radius: 10px;
  display: flex;
  align-items: center;
  background: #fff url(../img/faq_ac_on.png) 98% center no-repeat;
  background-size: 2.4rem 2.4rem; }

.faqSecList_itemTtl.on {
  background: #fff url(../img/faq_ac_off.png) 98% center no-repeat;
  background-size: 2.4rem 2.4rem; }

.faqSecList_itemTtl_q {
  width: 4rem;
  margin-right: 2rem; }

.faqSecList_itemTtl_txt {
  font-size: 1.8rem; }

.faqSecList_itemBox {
  display: none; }

.faqSecList_itemBoxIn {
  padding-top: 2rem; }

@media screen and (max-width: 899px) and (min-width: 599px) {
  /* ============== TABLET LAYOUT ============== */
  .faqAnch {
    width: 90%;
    margin: 0 auto 8rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-left: none;
    flex-wrap: wrap; }
  .faqAnch li {
    border-right: 1px solid #707070;
    margin-bottom: 2rem; }
  .faqSec {
    width: 90%;
    margin: 0 auto 10rem; } }

@media only screen and (max-width: 599px) {
  /* ============== SP LAYOUT ============== */
  .faqWrap {
    padding: 4rem 0 2rem;
    background: #e6e6e6; }
  .faqAnch {
    width: 85%;
    margin: 0 auto 6rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-left: none;
    flex-direction: column; }
  .faqAnch li {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #707070; }
  .faqAnch li a {
    color: #4b9955;
    font-weight: 600;
    padding: 1rem 0rem;
    white-space: nowrap;
    display: block;
    background: url(../img/sp/faq_anch_ar@2x.png) 98% center no-repeat;
    background-size: 1.3rem 0.8rem; }
  .faqSec {
    width: 85%;
    margin: 0 auto 6rem; }
  .faqSec_ttl {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 3rem; }
  .faqSec_ttl span {
    border-bottom: 1px solid #4b9955;
    padding-bottom: 1rem; }
  .faqSecList {
    margin-bottom: 6rem; }
  .faqSecList_item {
    margin-bottom: 2rem; }
  .faqSecList_itemTtl {
    padding: 1rem;
    border-radius: 10px;
    display: flex;
    align-items: center;
    background: #fff url(../img/faq_ac_on.png) 98% center no-repeat;
    background-size: 1.5rem 1.5rem; }
  .faqSecList_itemTtl.on {
    background: #fff url(../img/faq_ac_off.png) 98% center no-repeat;
    background-size: 1.5rem 1.5rem; }
  .faqSecList_itemTtl_q {
    width: 2.8rem;
    margin-right: 1.6rem; }
  .faqSecList_itemTtl_txt {
    font-size: 1.6rem;
    width: 80%;
    line-height: 1.6; }
  .faqSecList_itemBox {
    display: none; }
  .faqSecList_itemBoxIn {
    padding-top: 2rem; } }

/*-----------------------------------------------------------

INFO

-------------------------------------------------------------*/
.infoWrap {
  position: relative;
  padding: 5rem 0 10rem;
  background: #e6e6e6; }

.infoBox {
  margin-bottom: 10rem; }

.infoBox_ttl {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 5rem; }

.infoBox_ttl_in {
  border-bottom: 3px solid #4b9955;
  padding-bottom: 1rem; }

.infoBox_ttl_in span {
  font-size: 3rem; }

.infoBoxList {
  width: 80%;
  margin: 0 auto 6rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap; }

.infoBoxList::after {
  content: "";
  display: block;
  width: 30%; }

.infoBoxList_item {
  width: 30%;
  margin-bottom: 6rem; }

.infoBoxList_itemLink {
  display: block;
  padding: 2rem;
  background: #fff;
  border-radius: 10px;
  height: 100%; }

.infoBoxList_itemLink_img {
  width: 100%;
  height: 16rem;
  position: relative;
  overflow: hidden;
  display: block;
  margin-bottom: 1rem;
  border-radius: 8px; }

.infoBoxList_itemLink_img img {
  position: absolute;
  object-fit: contain;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  margin: auto; }

.infoBoxList_itemLink_movie {
  width: 100%;
  height: 16rem;
  position: relative;
  overflow: hidden;
  display: block;
  margin-bottom: 1rem;
  border-radius: 8px; }

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

.infoBoxList_itemLink_infoCat {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-left: -0.6rem; }

.infoBoxList_itemLink_infoCat li {
  line-height: 1;
  border-radius: 100px;
  padding: 0.6rem;
  border: 1px solid #4b9955;
  margin-right: 1rem;
  margin-bottom: 1rem;
  font-size: 1.2rem; }

.infoBoxList_itemLink_infoTtl {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.6; }

.infoBoxList_itemLink_infoDate {
  font-size: 0.87848vw;
  color: #959595;
  margin-top: 1.0981vw; }
  @media screen and (max-width: 899px) {
    .infoBoxList_itemLink_infoDate {
      font-size: 3.07692vw;
      margin-top: 3.84615vw; } }

@media screen and (max-width: 899px) and (min-width: 599px) {
  /* ============== TABLET LAYOUT ============== */
  .infoBoxList {
    width: 90%;
    margin: 0 auto 6rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap; }
  .infoBoxList_item {
    width: 32%;
    margin-bottom: 3rem; }
  .infoBoxList_itemLink_img {
    width: 100%;
    height: 14.8rem;
    position: relative;
    overflow: hidden;
    display: block;
    margin-bottom: 1rem;
    border-radius: 8px; } }

@media only screen and (max-width: 599px) {
  /* ============== SP LAYOUT ============== */
  .infoWrap {
    position: relative;
    padding: 4rem 0 2rem;
    background: #e6e6e6; }
  .infoBox {
    margin-bottom: 5rem; }
  .infoBox_ttl {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 5rem; }
  .infoBox_ttl_in {
    border-bottom: 3px solid #4b9955;
    padding-bottom: 1rem; }
  .infoBox_ttl_in span {
    font-size: 3rem; }
  .infoBoxList {
    width: 85%;
    margin: 0 auto 3rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap; }
  .infoBoxList::after {
    content: "";
    display: block;
    width: 100%; }
  .infoBoxList_item {
    width: 100%;
    margin-bottom: 4rem; }
  .infoBoxList_itemLink {
    display: block;
    padding: 2rem;
    background: #fff;
    border-radius: 10px; }
  .infoBoxList_itemLink_img {
    width: 100%;
    height: 16rem;
    position: relative;
    overflow: hidden;
    display: block;
    margin-bottom: 1rem;
    border-radius: 8px; }
  .infoBoxList_itemLink_img img {
    position: absolute;
    object-fit: contain;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto; }
  .infoBoxList_itemLink_infoCat {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-left: -0.6rem; }
  .infoBoxList_itemLink_infoCat li {
    line-height: 1;
    border-radius: 100px;
    padding: 0.6rem;
    border: 1px solid #4b9955;
    margin-right: 1rem;
    margin-bottom: 1rem;
    font-size: 1.2rem; }
  .infoBoxList_itemLink_infoTtl {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.6; } }

/*-----------------------------------------------------------

INFO DETAIL

-------------------------------------------------------------*/
.infoDWrap {
  position: relative;
  padding: 8rem 0 10rem;
  background: #e6e6e6; }

.infoDBox {
  width: 80%;
  margin: 0 auto 10rem;
  display: flex;
  justify-content: space-between; }

.infoDBoxSec {
  width: 65%;
  background: #fff;
  padding: 3rem;
  padding-bottom: 8rem;
  border-radius: 10px; }

.infoDBoxSec_top {
  margin-bottom: 3rem; }

.infoDBoxSec_topTime {
  display: block;
  font-weight: 600;
  margin-bottom: 1rem; }

.infoDBoxSec_topCat {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-left: -0.6rem; }

.infoDBoxSec_topCat li {
  line-height: 1;
  border-radius: 100px;
  padding: 0.6rem;
  border: 1px solid #4b9955;
  margin-right: 1rem;
  margin-bottom: 1rem;
  font-size: 1.2rem; }

.infoDBoxSec_topTtl {
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.6; }

.infoDBoxSec_topImg {
  width: 100%;
  /*height: 41.8rem;*/
  position: relative;
  overflow: hidden;
  display: block;
  margin-bottom: 3rem;
  border-radius: 10px; }

/*.infoDBoxSec_topImg img {
  position: absolute;
  object-fit: cover;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  margin: auto;
}*/
.infoDBoxCont {
  margin-bottom: 5rem; }

.infoDBoxCont p {
  margin-bottom: 2rem; }

.infoDBoxCont a {
  text-decoration: underline;
  color: #003288; }

.infoDBoxCont img {
  margin-bottom: 3rem;
  width: auto; }

/*.20240521追加*/
.infoDBoxCont .wp-caption img {
  margin-bottom: 0; }

.infoDBoxCont h2 {
  margin-bottom: 3rem;
  padding: 2rem 0;
  border-top: 2px solid #4b9955;
  border-bottom: 2px solid #4b9955;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.6; }

.infoDBoxCont h3 {
  margin-bottom: 3rem;
  padding-left: 1rem;
  border-left: 2px solid #4b9955;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.6; }

.infoDBoxCont h4 {
  font-weight: 700;
  margin-bottom: 3rem; }

.infoDBoxCont h4:before {
  content: "■"; }

.infoDBoxCont ul {
  margin-bottom: 3rem;
  font-size: 1.6rem;
  font-weight: 600; }

.infoDBoxCont ul li:before {
  content: "●";
  color: #4b9955;
  margin-right: 0.6rem; }

.infoDBoxCont .movie {
  margin-bottom: 2rem; }

.infoDBoxCont .movie iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 560 / 315; }

.infoDBoxSide {
  width: 30%; }

.infoDBoxSide_ttl {
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 2rem; }

.infoDBoxSide .infoBoxList {
  width: 100%; }

.infoDBoxSide .infoBoxList .infoBoxList_item {
  width: 100%;
  margin-bottom: 4rem; }

@media screen and (max-width: 899px) and (min-width: 599px) {
  /* ============== TABLET LAYOUT ============== */
  .mainContentInfo {
    overflow: unset; }
  .infoDBox {
    width: 97%;
    margin: 0 auto 10rem;
    display: flex;
    justify-content: space-between;
    position: relative;
    align-items: flex-start; }
  .infoDBoxSec_topImg {
    width: 100%;
    /*height: 34.8rem;*/
    position: relative;
    overflow: hidden;
    display: block;
    margin-bottom: 3rem;
    border-radius: 10px; }
  .infoDBoxSec {
    width: 68%;
    background: #fff;
    padding: 3rem;
    padding-bottom: 8rem;
    border-radius: 10px; }
  .infoDBoxSide {
    width: 30%;
    position: sticky;
    top: 10rem; }
  .infoDBoxSide .infoBoxList .infoBoxList_item {
    width: 100%;
    margin-bottom: 1rem; }
  .infoDBoxSide .infoBoxList_itemLink_img {
    width: 100%;
    height: 12.8rem;
    position: relative;
    overflow: hidden;
    display: block;
    margin-bottom: 1rem;
    border-radius: 8px; }
  .infoDBoxSide .infoBoxList_itemLink_infoTtl {
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.6; }
  .infoDBoxSide .infoBoxList_item p {
    display: none; }
  .infoDBoxCont iframe {
    width: 100%; } }

@media only screen and (max-width: 599px) {
  /* ============== SP LAYOUT ============== */
  .infoDWrap {
    position: relative;
    padding: 4rem 0 2rem;
    background: #e6e6e6; }
  .infoDBox {
    width: 85%;
    margin: 0 auto 0rem;
    display: flex;
    justify-content: space-between;
    flex-direction: column; }
  .infoDBoxSec {
    width: 100%;
    background: #fff;
    padding: 2rem;
    padding-bottom: 4rem;
    border-radius: 10px;
    margin-bottom: 6rem; }
  .infoDBoxSec_top {
    margin-bottom: 3rem; }
  .infoDBoxSec_topTime {
    display: block;
    font-weight: 600;
    margin-bottom: 1rem; }
  .infoDBoxSec_topCat {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-left: -0.6rem; }
  .infoDBoxSec_topCat li {
    line-height: 1;
    border-radius: 100px;
    padding: 0.6rem;
    border: 1px solid #4b9955;
    margin-right: 1rem;
    margin-bottom: 1rem;
    font-size: 1.2rem; }
  .infoDBoxSec_topTtl {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.6; }
  .infoDBoxSec_topImg {
    width: 100%;
    /*height: 20.8rem;*/
    position: relative;
    overflow: hidden;
    display: block;
    margin-bottom: 3rem;
    border-radius: 10px; }
  /*.infoDBoxSec_topImg img {
  position: absolute;
  object-fit: cover;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  margin: auto;
}*/
  .infoDBoxCont {
    margin-bottom: 5rem; }
  .infoDBoxCont p {
    margin-bottom: 2rem; }
  .infoDBoxCont img {
    margin-bottom: 3rem; }
  /*.20240521追加*/
  .infoDBoxCont .wp-caption img {
    margin-bottom: 0; }
  .infoDBoxCont h2 {
    margin-bottom: 3rem;
    padding: 2rem 0;
    border-top: 2px solid #4b9955;
    border-bottom: 2px solid #4b9955;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.6; }
  .infoDBoxCont h3 {
    margin-bottom: 3rem;
    padding-left: 1rem;
    border-left: 2px solid #4b9955;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.6; }
  .infoDBoxCont h4 {
    font-weight: 700;
    margin-bottom: 3rem;
    font-size: 1.4rem; }
  .infoDBoxCont h4:before {
    content: "■"; }
  .infoDBoxCont ul {
    margin-bottom: 3rem;
    font-size: 1.4rem;
    font-weight: 600; }
  .infoDBoxCont ul li:before {
    content: "●";
    color: #4b9955;
    margin-right: 0.6rem; }
  .infoDBoxSide {
    width: 100%; }
  .infoDBoxSide_ttl {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 2rem; }
  .infoDBoxSide .infoBoxList {
    width: 100%; }
  .infoDBoxSide .infoBoxList .infoBoxList_item {
    width: 100%;
    margin-bottom: 4rem; } }

/*-----------------------------------------------------------

NEWS

-------------------------------------------------------------*/
.newsWrap {
  position: relative;
  padding: 5rem 0 2rem;
  background: #e6e6e6; }

.newsBox {
  margin-bottom: 10rem; }

.newsBoxList {
  width: 70%;
  margin: 0 auto 8rem; }

.newsBoxList_item {
  border-bottom: 1px solid #707070;
  padding-bottom: 2rem;
  margin-bottom: 3rem; }

.newsBoxList_item a {
  display: block; }

.newsBoxList_item a time {
  display: inline-block;
  font-weight: 600; }

.newsBoxList_item a p {
  font-weight: 600; }

@media screen and (max-width: 899px) and (min-width: 599px) {
  /* ============== TABLET LAYOUT ============== */
  .newsBoxList {
    width: 80%;
    margin: 0 auto 8rem; } }

@media only screen and (max-width: 599px) {
  /* ============== SP LAYOUT ============== */
  .newsWrap {
    position: relative;
    padding: 5rem 0 2rem;
    background: #e6e6e6; }
  .newsBox {
    margin-bottom: 5rem; }
  .newsBoxList {
    width: 85%;
    margin: 0 auto 5rem; }
  .newsBoxList_item {
    border-bottom: 1px solid #707070;
    padding-bottom: 2rem;
    margin-bottom: 3rem; }
  .newsBoxList_item a {
    display: block; }
  .newsBoxList_item a time {
    display: inline-block;
    font-weight: 600; }
  .newsBoxList_item a p {
    font-weight: 600; } }

/*-----------------------------------------------------------

NEWS DETAIL

-------------------------------------------------------------*/
.newsDBox {
  width: 65%; }

.newsDBox .infoDBoxSec {
  width: 100%; }

.newsDBox .infoDBoxSec_topImg {
  height: 51.8rem; }

@media screen and (max-width: 899px) and (min-width: 599px) {
  /* ============== TABLET LAYOUT ============== */
  .newsDBox {
    width: 90%; } }

@media only screen and (max-width: 599px) {
  /* ============== SP LAYOUT ============== */
  .newsDBox {
    width: 85%; }
  .newsDBox .infoDBoxSec {
    width: 100%; }
  .newsDBox .infoDBoxSec_topImg {
    height: 20.8rem; } }

/*-----------------------------------------------------------

DOCUMENT DETAIL

-------------------------------------------------------------*/
.docWrap {
  position: relative;
  padding: 5rem 0 10rem;
  background: #e6e6e6; }

.docIntro {
  width: 70%;
  margin: 0 auto 8rem; }

.docIntro_top {
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #4b9955; }

.docIntro_topCat {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-left: -0.6rem; }

.docIntro_topCat li {
  line-height: 1;
  border-radius: 100px;
  padding: 0.6rem;
  border: 1px solid #4b9955;
  margin-right: 1rem;
  margin-bottom: 1rem;
  font-size: 1.2rem; }

.docIntro_topTtl {
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.6; }

.docIntro_img {
  margin-bottom: 3rem; }

.docIntro_txt01 {
  margin-bottom: 3rem; }

.docIntro_txt02 h2 {
  font-size: 1.4rem;
  font-weight: 600; }

.docForm {
  width: 70%;
  margin: 0 auto;
  background: #fff;
  padding: 4rem 3rem;
  padding-bottom: 6rem;
  border-radius: 10px; }

.cmnTtl01Box--docForm .cmnTtl01_jp {
  font-size: 2rem; }

.docForm_txt {
  text-align: center; }

.docFormBox {
  width: 100%;
  height: auto;
  /* 初期の高さ */
  overflow: hidden; }

.docFormBox iframe {
  width: 100%;
  height: 100%;
  border: 0; }

@media screen and (max-width: 899px) and (min-width: 599px) {
  /* ============== TABLET LAYOUT ============== */
  .docIntro {
    width: 80%;
    margin: 0 auto 8rem; }
  .docForm {
    width: 80%;
    margin: 0 auto;
    background: #fff;
    padding: 4rem 3rem;
    padding-bottom: 6rem;
    border-radius: 10px; } }

@media only screen and (max-width: 599px) {
  /* ============== SP LAYOUT ============== */
  .docWrap {
    position: relative;
    padding: 4rem 0 10rem;
    background: #e6e6e6; }
  .docIntro {
    width: 85%;
    margin: 0 auto 4rem; }
  .docIntro_top {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #4b9955; }
  .docIntro_topCat {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-left: -0.6rem; }
  .docIntro_topCat li {
    line-height: 1;
    border-radius: 100px;
    padding: 0.6rem;
    border: 1px solid #4b9955;
    margin-right: 1rem;
    margin-bottom: 1rem;
    font-size: 1.2rem; }
  .docIntro_topTtl {
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 1.6; }
  .docIntro_img {
    margin-bottom: 3rem; }
  .docIntro_txt01 {
    margin-bottom: 3rem; }
  .docIntro_txt02 h2 {
    font-size: 1.4rem;
    font-weight: 600; }
  .docForm {
    width: 90%;
    margin: 0 auto;
    background: #fff;
    padding: 4rem 1rem;
    padding-bottom: 6rem;
    border-radius: 10px; }
  .cmnTtl01Box--docForm .cmnTtl01_jp {
    font-size: 2rem; }
  .docForm_txt {
    text-align: center;
    margin-bottom: 4rem; }
  .docFormBox {
    width: 100%;
    height: auto;
    /* 初期の高さ */
    overflow: hidden; }
  .docFormBox div {
    height: 150rem !important; }
  .docFormBox iframe {
    width: 100%;
    border: 0; } }

/*-----------------------------------------------------------

POLICY

-------------------------------------------------------------*/
.subWrap {
  position: relative;
  padding: 5rem 0 10rem;
  background: #e6e6e6; }

.policyIntro {
  width: 70%;
  margin: 0 auto 4rem; }

.policySec {
  width: 70%;
  margin: 0 auto 4rem;
  background: #fff;
  padding: 4rem;
  border-radius: 10px; }

.policySec_ttl {
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 2rem; }

.policySec_txt01 {
  margin-bottom: 2rem; }

.policySec_txt02 {
  text-align: right; }

.policySec_txt03 {
  margin-bottom: 2rem;
  padding-left: 2rem; }

@media screen and (max-width: 899px) and (min-width: 599px) {
  /* ============== TABLET LAYOUT ============== */
  .policyIntro {
    width: 90%;
    margin: 0 auto 4rem; }
  .policySec {
    width: 90%;
    margin: 0 auto 4rem;
    background: #fff;
    padding: 4rem;
    border-radius: 10px; } }

@media only screen and (max-width: 599px) {
  /* ============== SP LAYOUT ============== */
  .subWrap {
    position: relative;
    padding: 5rem 0 5rem;
    background: #e6e6e6; }
  .policyIntro {
    width: 85%;
    margin: 0 auto 4rem; }
  .policySec {
    width: 85%;
    margin: 0 auto 4rem;
    background: #fff;
    padding: 2rem;
    border-radius: 10px; }
  .policySec_ttl {
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 2rem; }
  .policySec_txt01 {
    margin-bottom: 2rem; }
  .policySec_txt02 {
    text-align: right; }
  .policySec_txt03 {
    margin-bottom: 2rem;
    padding-left: 0rem; } }

/*-----------------------------------------------------------

TERMS

-------------------------------------------------------------*/
.termsIntro {
  width: 70%;
  margin: 0 auto 4rem; }

.termsSec {
  width: 70%;
  margin: 0 auto 4rem;
  background: #fff;
  padding: 4rem;
  border-radius: 10px; }

.termsSec_txt01 {
  margin-bottom: 2rem; }

.termsSec_txt01:before {
  content: "●";
  color: #4b9955; }

@media screen and (max-width: 899px) and (min-width: 599px) {
  /* ============== TABLET LAYOUT ============== */
  .termsIntro {
    width: 90%;
    margin: 0 auto 4rem; }
  .termsSec {
    width: 90%;
    margin: 0 auto 4rem;
    background: #fff;
    padding: 4rem;
    border-radius: 10px; } }

@media only screen and (max-width: 599px) {
  /* ============== SP LAYOUT ============== */
  .termsIntro {
    width: 85%;
    margin: 0 auto 4rem; }
  .termsSec {
    width: 85%;
    margin: 0 auto 4rem;
    background: #fff;
    padding: 2rem;
    border-radius: 10px; }
  .termsSec_txt01 {
    margin-bottom: 2rem; }
  .termsSec_txt01:before {
    content: "●";
    color: #4b9955; } }

/*-----------------------------------------------------------

SITEMAP

-------------------------------------------------------------*/
.subWrap--sitemp {
  padding: 8rem 0 4rem; }

.sitemapLinks {
  display: flex;
  justify-content: center; }

.sitemapLinksBox {
  margin-bottom: 2rem;
  display: flex;
  justify-content: space-between; }

.sitemapLinks_list {
  margin: 0 6rem; }

.sitemapLinks_list li {
  margin-bottom: 3rem;
  line-height: 1; }

.sitemapLinks_list li a {
  display: flex;
  align-items: center; }

.sitemapLinks_list li a img {
  width: 1.5rem;
  margin-left: 1rem; }

.sitemapLinks_list .parent {
  font-size: 1.8rem;
  color: #4b9955;
  font-weight: 600; }

@media screen and (max-width: 899px) and (min-width: 599px) {
  /* ============== TABLET LAYOUT ============== */ }

@media only screen and (max-width: 599px) {
  /* ============== SP LAYOUT ============== */
  .subWrap--sitemp {
    padding: 4rem 0 4rem; }
  .sitemapLinks {
    display: flex;
    justify-content: center;
    flex-direction: column; }
  .sitemapLinksBox {
    margin-bottom: 2rem;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center; }
  .sitemapLinks_list {
    margin: 0 0rem;
    width: 85%; }
  .sitemapLinks_list li {
    margin-bottom: 3rem;
    line-height: 1; }
  .sitemapLinks_list li a {
    display: flex;
    align-items: center; }
  .sitemapLinks_list li a img {
    width: 1.5rem;
    margin-left: 1rem; }
  .sitemapLinks_list .parent {
    font-size: 1.8rem;
    color: #4b9955;
    font-weight: 600; } }

/*-----------------------------------------------------------

404

-------------------------------------------------------------*/
.nfBox {
  position: relative;
  padding: 0rem 0 11.6rem;
  background: #e6e6e6 url(../img/nf_bg.png) 0 0 no-repeat;
  background-size: 100% 49.5rem;
  height: 49.5rem; }

.nfBoxInner {
  padding-top: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }

.cmnTtl01Box--nfBox {
  margin-bottom: 2rem; }

.nfBoxInner_txt {
  text-align: center;
  margin-bottom: 3rem; }

@media screen and (max-width: 899px) and (min-width: 599px) {
  /* ============== TABLET LAYOUT ============== */
  .nfBox {
    position: relative;
    padding: 0rem 0 11.6rem;
    background: #e6e6e6 url(../img/nf_bg.png) 50% 0 no-repeat;
    background-size: 150% 49.5rem;
    height: 49.5rem; } }

@media only screen and (max-width: 599px) {
  /* ============== SP LAYOUT ============== */
  .nfBox {
    position: relative;
    padding: 0rem 0 11.6rem;
    background: #e6e6e6 url(../img/sp/nf_bg@2x.png) 0 0 no-repeat;
    background-size: 100% 84.5rem;
    height: 84.5rem; }
  .nfBoxInner {
    padding-top: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 63.5rem; }
  .cmnTtl01Box--nfBox {
    margin-bottom: 2rem;
    text-align: center; }
  .nfBoxInner_txt {
    text-align: center;
    margin-bottom: 3rem; } }

/*-----------------------------------------------------------

SERVICE

-------------------------------------------------------------*/
.serviceIntro {
  position: relative;
  padding: 0 0 26rem;
  background: #e6e6e6; }

.serviceIntro:before {
  content: "";
  width: 93rem;
  height: 93rem;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  left: -13rem;
  top: -26rem; }

.serviceIntro_ttlBox {
  height: 16rem;
  background: #4b9955;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 8rem;
  position: relative;
  z-index: 1; }

.serviceIntro_ttl {
  line-height: 1;
  font-size: 3rem;
  font-weight: 600; }

.serviceIntro_box {
  width: 80%;
  margin: 0 auto 12rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 1; }

.serviceIntro_boxL {
  width: 45%; }

.serviceIntro_boxL_ttl {
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.6;
  margin-bottom: 2rem; }

.serviceIntro_boxL_btn {
  margin-top: 1rem;
  display: block; }

.serviceIntro_boxR {
  width: 50%; }

.serviceIntro_type {
  width: 80%;
  margin: 0 auto 5rem; }

.serviceIntro_typeTxt {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 600;
  margin-bottom: 4rem; }

.serviceIntro_typeTxt span {
  display: inline-block;
  padding: 1rem;
  color: #fff;
  border-radius: 5px;
  background: #4b9955;
  line-height: 1;
  margin-right: 1rem; }

.serviceIntro_typeBox {
  background: #fff;
  border-radius: 10px;
  padding: 3rem; }

.serviceIntro_typeBox_ttl {
  text-align: center;
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 1rem; }

.serviceIntro_typeBox_txt {
  text-align: center;
  font-weight: 600; }

.serviceAnch {
  width: 80%;
  margin: 0 auto 2rem; }

.serviceAnch_ttl {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 600;
  margin-bottom: 4rem; }

.serviceAnchList {
  display: flex;
  justify-content: space-between;
  width: 100%; }

.serviceAnchList li {
  width: 32%; }

.serviceAnchList li a {
  background: #4b9955;
  height: 7.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  color: #fff;
  font-size: 2rem;
  font-weight: 600;
  width: 100%;
  border-radius: 10px;
  position: relative; }

.serviceAnchList li a:after {
  content: "";
  width: 3.5rem;
  height: 1.8rem;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3rem;
  margin: auto;
  background: url(../img/spss_arrow.png) 0 0 no-repeat;
  background-size: 100% 100%; }

.serviceAnchList li a span {
  font-size: 2.5rem;
  display: block;
  text-align: center;
  font-weight: 900;
  position: absolute;
  top: -2.2rem;
  line-height: 1; }

.servicePoint {
  position: relative;
  padding: 1rem 0 12rem;
  z-index: 1; }

.servicePoint:before {
  content: "";
  width: 100%;
  height: 15.1rem;
  position: absolute;
  left: 0;
  top: -15rem;
  background: url(../img/top_faq_wave.png) 0 0 no-repeat;
  background-size: 100% 100%; }

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

.cmnTtl01Box--servicePoint .cmnTtl01_jp {
  background: #4b9955;
  color: #fff;
  width: 39rem;
  height: 7rem;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center; }

.cmnTtl01Box--servicePoint01 {
  position: relative; }

.cmnTtl01Box--servicePoint01 .cmnTtl01 {
  position: relative; }

.cmnTtl01Box--servicePoint01 .cmnTtl01:after {
  content: "";
  width: 13rem;
  height: 11.6rem;
  background: url(../img/service01_point01_ico01.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: -15rem;
  bottom: 0; }

.servicePoint01_box {
  margin-bottom: 10rem; }

.servicePoint01_boxInner {
  display: flex;
  flex-direction: column;
  align-items: center; }

.servicePoint01_boxInner_txt01 {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 600;
  margin-bottom: 2rem; }

.servicePoint01_boxInner_img--service01 {
  width: 52rem;
  margin-bottom: 3rem; }

.servicePoint01_boxInner_txt02 {
  text-align: center; }

.servicePoint02_box {
  margin-bottom: 10rem; }

.servicePoint02_boxInner {
  display: flex;
  flex-direction: column;
  align-items: center; }

.servicePoint02_boxInner_txt01 {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 600;
  margin-bottom: 2rem; }

.servicePoint02_boxInner_img {
  width: 80%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 3rem; }

.servicePoint02_boxInner_img li {
  width: 32%; }

.servicePoint02_boxInner_txt02 {
  text-align: center;
  margin-bottom: 4rem; }

.servicePoint02_boxInnerInfo {
  width: 80%;
  margin: 0 auto 6rem; }

.servicePoint02_boxInnerInfo_txt {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 2rem;
  font-weight: 600;
  position: relative;
  margin-bottom: 3rem; }

.servicePoint02_boxInnerInfo_txt:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #4b9955;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

.servicePoint02_boxInnerInfo_txt span {
  position: relative;
  z-index: 1;
  background: #fff;
  display: inline-block;
  padding: 0 2rem; }

.servicePoint02_boxInnerInfoList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 3rem; }

.servicePoint02_boxInnerInfoList li {
  width: 19%;
  border: 1px solid #4b9955;
  border-radius: 10px;
  height: 7rem;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.6;
  font-weight: 600;
  font-size: 1.6rem;
  text-align: center;
  margin-bottom: 1rem; }

.servicePoint02_boxInnerInfoBnr {
  display: block; }

.servicePoint03_box {
  margin-bottom: 2rem; }

.servicePoint03_boxInner {
  display: flex;
  flex-direction: column;
  align-items: center; }

.servicePoint03_boxInner_txt01 {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 600;
  margin-bottom: 2rem; }

.servicePoint03_boxInner_img {
  width: 52rem;
  margin-bottom: 3rem; }

.servicePoint03_boxInner_txt02 {
  text-align: center; }

.topCase--serviceCase {
  background: #fff;
  padding: 10rem 0 14rem; }

.topCase--serviceCase .topCaseIntro_txt {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.5;
  margin-top: 5rem; }

.topCase--serviceCase .topCaseIntro_txt span {
  position: relative; }

.topCase--serviceCase .topCaseIntro_txt span:before {
  content: "";
  width: 2.7rem;
  height: 6rem;
  background: url(../img/service_case_tips01.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: -4rem;
  top: 0.6rem;
  bottom: 0;
  margin: auto; }

.topCase--serviceCase .topCaseIntro_txt span:after {
  content: "";
  width: 2.7rem;
  height: 6rem;
  background: url(../img/service_case_tips02.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: -4rem;
  top: 0.6rem;
  bottom: 0;
  margin: auto; }

.topCase--serviceCase .topCaseInnerList_itemLink {
  background: #f4f4f4; }

.topCase--serviceCase .topCaseInnerList .slick-prev:before {
  background: url(../img/slick_prev02.png) 0 0 no-repeat;
  background-size: 100% 100%; }

.topCase--serviceCase .topCaseInnerList .slick-next:before {
  background: url(../img/slick_next02.png) 0 0 no-repeat;
  background-size: 100% 100%; }

.topCase--serviceCase .topCaseInnerList .slick-dots li button:before {
  color: #e6e6e6;
  background: #e6e6e6;
  border: 1px solid #e6e6e6; }

.topCase--serviceCase .topCaseInnerList .slick-dots li.slick-active button:before {
  color: #4b9955;
  background: #4b9955;
  border: 1px solid #4b9955; }

.serviceBtm {
  padding: 10rem 0 6rem;
  background: #e6e6e6; }

.serviceBtmSupport {
  width: 80%;
  margin: 0 auto 10rem; }

.serviceBtmSupport_txt {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 600;
  margin-bottom: 3rem; }

.serviceBtmFlow {
  width: 80%;
  margin: 0 auto 10rem; }

.topFaqInner--serviceBtm {
  margin-bottom: 10rem; }

.topFaqInner--serviceBtm .topFaqInnerList_itemTtl {
  background-color: #fff;
  border: none; }

.serviceBtmDoc {
  width: 80%;
  margin: 0 auto; }

@media screen and (max-width: 899px) and (min-width: 599px) {
  /* ============== TABLET LAYOUT ============== */
  .serviceIntro_box {
    width: 90%;
    margin: 0 auto 12rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 1; }
  .serviceIntro_boxL_ttl br {
    display: none !important; }
  .serviceIntro_type {
    width: 90%;
    margin: 0 auto 5rem; }
  .serviceAnch {
    width: 95%;
    margin: 0 auto 2rem; }
  .serviceAnchList li a {
    background: #4b9955;
    height: 7.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 600;
    width: 100%;
    border-radius: 10px;
    position: relative; }
  .servicePoint02_boxInner_img {
    width: 95%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 3rem; }
  .servicePoint02_boxInnerInfo {
    width: 95%;
    margin: 0 auto 6rem; }
  .servicePoint02_boxInnerInfoList li {
    width: 49%;
    border: 1px solid #4b9955;
    border-radius: 10px;
    height: 7rem;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.6;
    font-weight: 600;
    font-size: 1.6rem;
    text-align: center;
    margin-bottom: 1rem; }
  .serviceBtmSupport {
    width: 95%;
    margin: 0 auto 10rem; }
  .serviceBtmFlow {
    width: 95%;
    margin: 0 auto 10rem; }
  .serviceBtmDoc {
    width: 90%;
    margin: 0 auto; } }

@media only screen and (max-width: 599px) {
  /* ============== SP LAYOUT ============== */
  .serviceIntro {
    position: relative;
    padding: 0 0 3rem;
    background: #e6e6e6; }
  .serviceIntro:before {
    content: "";
    width: 93rem;
    height: 93rem;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    left: -13rem;
    top: -26rem;
    display: none; }
  .serviceIntro_ttlBox {
    height: 11rem;
    background: #4b9955;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0rem;
    position: relative;
    z-index: 1; }
  .serviceIntro_ttl {
    line-height: 1;
    font-size: 2.5rem;
    font-weight: 600; }
  .serviceIntro_box {
    width: 100%;
    margin: 0 auto 12rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 1;
    flex-direction: column-reverse;
    background: #fff;
    padding: 6rem 7% 2rem; }
  .serviceIntro_box:after {
    content: "";
    width: 100%;
    height: 5.7rem;
    position: absolute;
    left: 0;
    bottom: -5rem;
    background: url(../img/sp/bottom_wave@2x.png) 0 0 no-repeat;
    background-size: 100% 100%; }
  .serviceIntro_boxL {
    width: 100%; }
  .serviceIntro_boxL_ttl {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: 1rem;
    white-space: nowrap; }
  .serviceIntro_boxL_btn {
    margin-top: 1rem;
    display: block; }
  .serviceIntro_boxR {
    width: 100%;
    margin-bottom: 2rem; }
  .serviceIntro_type {
    width: 85%;
    margin: 0 auto 5rem; }
  .serviceIntro_typeTxt {
    text-align: center;
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 4rem; }
  .serviceIntro_typeTxt span {
    display: inline-block;
    padding: 1rem;
    color: #fff;
    border-radius: 5px;
    background: #4b9955;
    line-height: 1;
    margin-right: 1rem;
    margin: 0.5rem; }
  .serviceIntro_typeBox {
    background: #fff;
    border-radius: 10px;
    padding: 3rem; }
  .serviceIntro_typeBox_ttl {
    text-align: center;
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 1rem; }
  .serviceIntro_typeBox_txt {
    text-align: left;
    font-weight: 600; }
  .serviceAnch {
    width: 85%;
    margin: 0 auto 2rem; }
  .serviceAnch_ttl {
    text-align: center;
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 4rem; }
  .serviceAnchList {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap; }
  .serviceAnchList li {
    width: 100%;
    margin-bottom: 6rem; }
  .serviceAnchList li a {
    background: #4b9955;
    height: 6.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 600;
    width: 100%;
    border-radius: 10px;
    position: relative; }
  .serviceAnchList li a:after {
    content: "";
    width: 3.5rem;
    height: 1.8rem;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3rem;
    margin: auto;
    background: url(../img/spss_arrow.png) 0 0 no-repeat;
    background-size: 100% 100%; }
  .serviceAnchList li a span {
    font-size: 2.5rem;
    display: block;
    text-align: center;
    font-weight: 900;
    position: absolute;
    top: -2.2rem;
    line-height: 1; }
  .servicePoint {
    position: relative;
    padding: 1rem 0 4rem;
    z-index: 1; }
  .servicePoint:before {
    content: "";
    width: 100%;
    height: 4.2rem;
    position: absolute;
    left: 0;
    top: -4.1rem;
    background: url(../img/sp/top_faq_wave@2x.png) 0 0 no-repeat;
    background-size: 100% 100%; }
  .cmnTtl01Box--servicePoint {
    text-align: center; }
  .cmnTtl01Box--servicePoint .cmnTtl01_jp {
    background: #4b9955;
    color: #fff;
    width: 32.8rem;
    height: 7rem;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center; }
  .cmnTtl01Box--servicePoint01 {
    position: relative; }
  .cmnTtl01Box--servicePoint01 .cmnTtl01 {
    position: relative; }
  .cmnTtl01Box--servicePoint01 .cmnTtl01 .cmnTtl01_jp {
    padding-right: 5rem; }
  .cmnTtl01Box--servicePoint01 .cmnTtl01:after {
    content: "";
    width: 8.6rem;
    height: 8.6rem;
    background: url(../img/sp/service01_point01_ico01@2x.png) 0 0 no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: -1.5rem;
    bottom: -0.8rem; }
  .servicePoint01_box {
    margin-bottom: 4rem; }
  .servicePoint01_boxInner {
    display: flex;
    flex-direction: column;
    align-items: center; }
  .servicePoint01_boxInner_txt01 {
    text-align: left;
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 2rem;
    width: 85%;
    margin: 0 auto 2rem;
    white-space: nowrap; }
  .servicePoint01_boxInner_img--service01 {
    width: 85%;
    margin: 0 auto 3rem; }
  .servicePoint01_boxInner_txt02 {
    text-align: left;
    width: 85%;
    margin: 0 auto 3rem; }
  .servicePoint02_box {
    margin-bottom: 4rem; }
  .servicePoint02_boxInner {
    display: flex;
    flex-direction: column;
    align-items: center; }
  .servicePoint02_boxInner_txt01 {
    text-align: left;
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 2rem;
    width: 85%;
    margin: 0 auto 2rem;
    white-space: nowrap; }
  .servicePoint02_boxInner_img {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 3rem; }
  .servicePoint02_boxInner_img li {
    width: 32%;
    padding: 0 0.6rem; }
  .servicePoint02_boxInner_txt02 {
    text-align: left;
    width: 85%;
    margin: 0 auto 3rem; }
  .servicePoint02_boxInnerInfo {
    width: 85%;
    margin: 0 auto 6rem; }
  .servicePoint02_boxInnerInfo_txt {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-size: 2rem;
    font-weight: 600;
    position: relative;
    margin-bottom: 3rem; }
  .servicePoint02_boxInnerInfo_txt:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #4b9955;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto; }
  .servicePoint02_boxInnerInfo_txt span {
    position: relative;
    z-index: 1;
    background: #fff;
    display: inline-block;
    padding: 0 2rem; }
  .servicePoint02_boxInnerInfoList {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 3rem; }
  .servicePoint02_boxInnerInfoList li {
    width: 48%;
    border: 1px solid #4b9955;
    border-radius: 10px;
    height: 6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.6;
    font-weight: 600;
    font-size: 1.2rem;
    text-align: center;
    margin-bottom: 1rem; }
  .servicePoint02_boxInnerInfoBnr {
    display: block; }
  .servicePoint03_box {
    margin-bottom: 2rem; }
  .servicePoint03_boxInner {
    display: flex;
    flex-direction: column;
    align-items: center; }
  .servicePoint03_boxInner_txt01 {
    text-align: left;
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 2rem;
    width: 85%;
    margin: 0 auto 2rem; }
  .servicePoint03_boxInner_img {
    width: 52rem;
    margin-bottom: 3rem; }
  .servicePoint03_boxInner_txt02 {
    text-align: left;
    width: 85%;
    margin: 0 auto 3rem; }
  .topCase--serviceCase {
    background: #fff;
    padding: 7rem 0 8rem; }
  .topCase--serviceCase .topCaseIntro_txt {
    text-align: center;
    font-size: 1.8rem;
    font-weight: 600;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.5;
    margin-top: 5rem; }
  .topCase--serviceCase .topCaseIntro_txt span {
    position: relative; }
  .topCase--serviceCase .topCaseIntro_txt span:before {
    content: "";
    width: 3.7rem;
    height: 9rem;
    background: url(../img/service_case_tips01.png) 0 0 no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: -5rem;
    top: 0.6rem;
    bottom: 0;
    margin: auto; }
  .topCase--serviceCase .topCaseIntro_txt span:after {
    content: "";
    width: 3.7rem;
    height: 9rem;
    background: url(../img/service_case_tips02.png) 0 0 no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: -5rem;
    top: 0.6rem;
    bottom: 0;
    margin: auto; }
  .topCase--serviceCase .topCaseInnerList_itemLink {
    background: #f4f4f4; }
  .topCase--serviceCase .topCaseInnerList .slick-prev:before {
    background: url(../img/slick_prev02.png) 0 0 no-repeat;
    background-size: 100% 100%; }
  .topCase--serviceCase .topCaseInnerList .slick-next:before {
    background: url(../img/slick_next02.png) 0 0 no-repeat;
    background-size: 100% 100%; }
  .topCase--serviceCase .topCaseInnerList .slick-dots li button:before {
    color: #e6e6e6;
    background: #e6e6e6;
    border: 1px solid #e6e6e6; }
  .topCase--serviceCase .topCaseInnerList .slick-dots li.slick-active button:before {
    color: #4b9955;
    background: #4b9955;
    border: 1px solid #4b9955; }
  .serviceBtm {
    padding: 6rem 0 6rem;
    background: #e6e6e6; }
  .cmnTtl01Box--serviceBtm {
    white-space: nowrap; }
  .serviceBtmSupport {
    width: 85%;
    margin: 0 auto 6rem; }
  .serviceBtmSupport_txt {
    text-align: center;
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 3rem; }
  .serviceBtmFlow {
    width: 85%;
    margin: 0 auto 10rem; }
  .serviceBtmSupport_img {
    width: 23rem;
    margin: 0 auto; }
  .topFaqInner--serviceBtm {
    margin-bottom: 10rem; }
  .topFaqInner--serviceBtm .topFaqInnerList_itemTtl {
    background-color: #fff; }
  .serviceBtmDoc {
    width: 85%;
    margin: 0 auto; } }

/*-----------------------------------------------------------

SERVICE01

-------------------------------------------------------------*/
.service01_tips {
  width: 45%;
  margin: -2rem auto 6rem;
  position: relative;
  z-index: 1; }

@media screen and (max-width: 899px) and (min-width: 599px) {
  /* ============== TABLET LAYOUT ============== */
  .service01_tips {
    width: 65%;
    margin: -2rem auto 6rem;
    position: relative;
    z-index: 1; } }

@media only screen and (max-width: 599px) {
  /* ============== SP LAYOUT ============== */
  .service01_tips {
    width: 90%;
    margin: 4rem auto -17rem;
    position: relative;
    z-index: 2; }
  .serviceIntro_box--service01 {
    padding-top: 21rem;
    background: #e6e6e6;
    margin-bottom: 6rem; }
  .serviceIntro_box--service01:before {
    content: "";
    width: 100%;
    height: 4.2rem;
    position: absolute;
    left: 0;
    top: -4.1rem;
    background: url(../img/sp/top_faq_wave@2x.png) 0 0 no-repeat;
    background-size: 100% 100%; }
  .mainContent--service01 .serviceIntro_box--service01:before {
    display: none; }
  .mainContent--service01 .serviceIntro_box:after {
    display: none; } }

/*-----------------------------------------------------------

SERVICE02

-------------------------------------------------------------*/
.service02Intro_cont {
  margin-bottom: 6rem; }

.service02Intro_cont h3 {
  text-align: center;
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 2rem; }

.service02Intro_cont p {
  text-align: center; }

.cmnTtl01Box--serviceD {
  flex-direction: column;
  align-items: center; }

.cmnTtl01Box--serviceD_txt {
  background: #4b9955;
  color: #fff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.5rem;
  font-weight: 600;
  text-align: center;
  margin-top: 2rem;
  padding: 2rem 4rem;
  line-height: 1.4; }

.servicePoint01_boxInner_img {
  width: 80%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 3rem;
  margin-top: 3rem; }

.servicePoint01_boxInner_img li {
  width: 32%; }

.service02_point02_ico01 {
  width: 52rem;
  margin-bottom: 3rem; }

.servicePoint03_boxInner_img {
  width: 80%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 3rem;
  margin-top: 3rem; }

.servicePoint03_boxInner_img li {
  width: 32%; }

.serviceBtmFlowCont {
  margin-bottom: 3rem; }

.serviceBtmFlowCont_ttl {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 600;
  margin-bottom: 2rem; }

.serviceBtmFlowContBox {
  background: #fff;
  border-radius: 10px;
  padding: 3rem; }

.serviceBtmFlowContBox_ttl {
  text-align: center;
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 1rem; }

.serviceBtmFlowContBox_txt {
  text-align: center;
  font-weight: 600; }

.servicePoint02_boxInnerInfo--service02 {
  width: 70%;
  margin-top: -3rem; }

@media screen and (max-width: 899px) and (min-width: 599px) {
  /* ============== TABLET LAYOUT ============== */
  .servicePoint01_boxInner_img {
    width: 95%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 3rem;
    margin-top: 3rem; }
  .servicePoint03_boxInner_img {
    width: 95%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 3rem;
    margin-top: 3rem; }
  .servicePoint02_boxInnerInfo--service02 {
    width: 100%;
    margin-top: -3rem; } }

@media only screen and (max-width: 599px) {
  /* ============== SP LAYOUT ============== */
  .service02Intro_cont {
    margin-bottom: 6rem; }
  .service02Intro_cont h3 {
    text-align: left;
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 1rem;
    line-height: 1.8; }
  .service02Intro_cont p {
    text-align: left; }
  .cmnTtl01Box--serviceD {
    flex-direction: column;
    align-items: center; }
  .cmnTtl01Box--serviceD_txt {
    background: #4b9955;
    color: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
    margin-top: 2rem;
    padding: 2rem 0rem;
    line-height: 1.4;
    width: 32.8rem; }
  .wrapSP {
    white-space: normal; }
  .servicePoint01_boxInner_img {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 3rem;
    margin-top: 3rem; }
  .servicePoint01_boxInner_img li {
    width: 32%;
    padding: 0 0.6rem; }
  .service02_point02_ico01 {
    width: 85%;
    margin-bottom: 3rem;
    margin: 0 auto 3rem; }
  .servicePoint03_boxInner_img {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 3rem;
    margin-top: 3rem; }
  .servicePoint03_boxInner_img li {
    width: 32%;
    padding: 0 0.6rem; }
  .serviceBtmFlowCont {
    margin-bottom: 3rem; }
  .serviceBtmFlowCont_ttl {
    text-align: center;
    font-size: 2.5rem;
    font-weight: 600;
    margin-bottom: 2rem; }
  .serviceBtmFlowContBox {
    background: #fff;
    border-radius: 10px;
    padding: 3rem; }
  .serviceBtmFlowContBox_ttl {
    text-align: center;
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 1rem; }
  .serviceBtmFlowContBox_txt {
    text-align: left;
    font-weight: 600; }
  .servicePoint02_boxInnerInfo--service02 {
    width: 100%;
    margin-top: -3rem; } }

/*-----------------------------------------------------------

SERVICE03

-------------------------------------------------------------*/
.serviceAnch--service03 .serviceAnchList li a {
  text-align: center;
  line-height: 1.6;
  height: 9.5rem; }

.serviceBtmFlowCont--service03 {
  margin-bottom: 10rem; }

@media screen and (max-width: 899px) and (min-width: 599px) {
  /* ============== TABLET LAYOUT ============== */ }

@media only screen and (max-width: 599px) {
  /* ============== SP LAYOUT ============== */
  .serviceAnch--service03 .serviceAnchList li a {
    text-align: center;
    line-height: 1.6;
    height: 9.5rem; }
  .serviceBtmFlowCont--service03 {
    margin-bottom: 10rem; }
  .serviceBtm--service03 .serviceBtmFlowCont_ttl {
    font-size: 2rem; } }

/*-----------------------------------------------------------

SERVICE04

-------------------------------------------------------------*/
.serviceAnch--service04 .serviceAnchList li {
  width: 23%; }

.serviceAnch--service04 .serviceAnchList li small {
  font-size: 1.4rem; }

.servicePoint--service04 .cmnTtl01_jp small {
  font-size: 1.8rem; }

.servicePoint--service04 .cmnTtl01Box--servicePoint .cmnTtl01_jp {
  padding: 0 3rem;
  width: auto; }

.service04SecImg {
  width: 80%;
  margin: 5rem auto 4rem; }

.service04Btm {
  width: 80%;
  margin: 0 auto 8rem; }

.service04BtmInner {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4rem; }

.service04BtmInnerL {
  width: 53%; }

.service04BtmInnerR {
  width: 43%; }

.service04BtmInnerR_ttl {
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.8;
  margin-bottom: 1rem; }

.service04BtmInnerR_txt01 {
  background: #4b9955;
  color: #fff;
  border-radius: 10px;
  display: inline-block;
  font-size: 2.5rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 2rem;
  padding: 2rem 3rem;
  line-height: 1.4; }

@media screen and (max-width: 899px) and (min-width: 599px) {
  /* ============== TABLET LAYOUT ============== */
  .service04SecImg {
    width: 95%;
    margin: 5rem auto 4rem; }
  .service04Btm {
    width: 90%;
    margin: 0 auto 8rem; }
  .service04BtmInnerL {
    width: 47%; }
  .service04BtmInnerR {
    width: 49%; } }

@media only screen and (max-width: 599px) {
  /* ============== SP LAYOUT ============== */
  .serviceIntro_typeTxt--service04 {
    white-space: nowrap; }
  .serviceAnch--service04 .serviceAnch_ttl {
    margin-bottom: 2rem; }
  .serviceAnch--service04 .serviceAnchList li {
    width: 100%;
    margin-bottom: 5rem; }
  .serviceAnch--service04 .serviceAnchList li small {
    font-size: 1.4rem; }
  .servicePoint--service04 .cmnTtl01_jp small {
    font-size: 1.8rem; }
  .servicePoint--service04 .cmnTtl01Box--servicePoint .cmnTtl01_jp {
    padding: 0 3rem;
    width: auto;
    height: 5rem; }
  .service04SecImg {
    width: 85%;
    margin: 0rem auto 4rem; }
  .service04Btm {
    width: 85%;
    margin: 0 auto 8rem; }
  .service04BtmInner {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4rem;
    flex-direction: column-reverse; }
  .service04BtmInnerL {
    width: 100%; }
  .service04BtmInnerR {
    width: 100%;
    margin-bottom: 3rem; }
  .service04BtmInnerR_ttl {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.8;
    margin-bottom: 1rem;
    text-align: center; }
  .service04BtmInnerR_txt01 {
    background: #4b9955;
    color: #fff;
    border-radius: 10px;
    display: block;
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 2rem;
    padding: 2rem 3rem;
    line-height: 1.4; } }

/*-----------------------------------------------------------

SKILL

-------------------------------------------------------------*/
.skillIntro {
  position: relative;
  padding: 0 0 6rem; }

.skillIntro_ttlBox {
  height: 16rem;
  background: #4b9955;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 6rem;
  position: relative;
  z-index: 1; }

.skillIntro_ttl {
  line-height: 1;
  font-size: 3rem;
  font-weight: 600;
  width: 85%; }

.skillIntroBox01 {
  width: 80%;
  margin: 0 auto -15rem;
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1; }

.skillIntroBox01L {
  width: 57%; }

.skillIntroBox01L_ttl {
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.6;
  margin-bottom: 1rem; }

.skillIntroBox01R {
  width: 43rem;
  position: relative;
  top: -12rem; }

.skillIntroBox02 {
  width: 80%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1; }

.skillIntroBox02L {
  width: 50%;
  position: relative; }

.skillIntroBox02R {
  width: 46%; }

.skillIntroBox02R_ttl {
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.6;
  margin-bottom: 1rem; }

.skillInfo {
  padding: 10rem 0 16rem;
  background: #e6e6e6; }

.skillInfoBox {
  width: 60%;
  margin: 0 auto 8rem; }

.skillInfoBox_ttl {
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.6;
  margin-bottom: 1rem;
  text-align: center; }

.skillInfoBox_txt {
  text-align: center;
  margin-bottom: 3rem; }

.skillInfoBoxList {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap; }

.skillInfoBoxList_item {
  background: #fff;
  padding: 2rem;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 48%;
  margin-bottom: 2rem; }

.skillInfoBoxList_itemInner_ttl {
  font-size: 1.8rem;
  font-weight: 600;
  text-align: center;
  line-height: 1.6; }

.skillInfoBoxList_itemInner_txt {
  text-align: center; }

.skillFeature {
  position: relative;
  padding: 1rem 0 3rem;
  z-index: 1; }

.skillFeature:before {
  content: "";
  width: 100%;
  height: 15.1rem;
  position: absolute;
  left: 0;
  top: -15rem;
  background: url(../img/top_faq_wave.png) 0 0 no-repeat;
  background-size: 100% 100%; }

.cmnTtl01Box--skillFeature .cmnTtl01_jp {
  background: #4b9955;
  color: #fff;
  width: auto;
  height: 7rem;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 3rem; }

.skillFeatureBox {
  width: 80%;
  margin: 0 auto 8rem; }

.skillFeatureBoxList {
  display: flex;
  justify-content: space-between; }

.skillFeatureBoxList_item {
  width: 31%; }

.skillFeatureBoxList_itemNum {
  font-size: 2rem;
  margin-bottom: 1rem;
  line-height: 1; }

.skillFeatureBoxList_itemNum span {
  font-size: 3rem; }

.skillFeatureBoxList_itemImg {
  margin-bottom: 1rem; }

.skillFeatureBoxList_itemCont_ttl {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 1rem;
  font-size: 2rem;
  font-weight: 600; }

.skillFeatureBoxList_itemCont_ttl span {
  color: #fff;
  background: #4b9955;
  padding: 0.8rem;
  line-height: 1;
  margin-bottom: 0.3rem;
  white-space: nowrap; }

.skillMerit {
  padding: 0rem 0 6rem;
  min-height: 78rem; }

.cmnTtl01Box--skillMerit {
  margin-bottom: 5rem;
  position: relative;
  z-index: 1; }

.cmnTtl01Box--skillMerit .cmnTtl01_jp {
  background: #4b9955;
  color: #fff;
  width: auto;
  height: 7rem;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 3rem; }

.skillMeritBox {
  width: 80%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  position: relative; }

.skillMeritBox:before {
  content: "";
  width: 64rem;
  height: 64rem;
  background: #f5f5f5;
  position: absolute;
  left: -4rem;
  top: -4rem;
  bottom: 0;
  margin: auto;
  border-radius: 50%; }

.skillMeritBoxL {
  width: 48%;
  display: flex;
  justify-content: center; }

.skillMeritBoxLList_item {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.5;
  margin: 2rem 0;
  position: relative;
  padding-left: 4rem; }

.skillMeritBoxLList_item:before {
  content: "";
  width: 2.7rem;
  height: 2.7rem;
  background: url(../img/skill01_merit_ico.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0.3rem; }

.skillMeritBoxR {
  width: 48%;
  position: relative;
  z-index: 1; }

.topCase--skill {
  padding-bottom: 6rem; }

.skillBtm {
  padding: 10rem 0 1rem;
  background: #e6e6e6; }

.skillBtmFlow {
  width: 80%;
  margin: 0 auto 10rem; }

.topFaqInner--skillBtm {
  margin-bottom: 10rem; }

.topFaqInner--skillBtm .topFaqInnerList_itemTtl {
  background-color: #fff; }

.skillDocNote {
  display: flex; }

.skillDocNote_list a {
  color: #38b4cb; }

@media screen and (max-width: 899px) and (min-width: 599px) {
  /* ============== TABLET LAYOUT ============== */
  .skillIntroBox01 {
    width: 90%;
    margin: 0 auto -8rem;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 1; }
  .skillIntroBox02 {
    width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 1; }
  .skillInfoBox {
    width: 90%;
    margin: 0 auto 8rem; }
  .skillFeatureBox {
    width: 90%;
    margin: 0 auto 8rem; }
  .skillFeatureBoxList_itemCont_ttl {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 1rem;
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: 0.03em; }
  .skillMeritBox {
    width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    position: relative; }
  .skillMeritBoxLList_item {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.5;
    margin: 2rem 0;
    position: relative;
    padding-left: 4rem; }
  .skillBtmFlow {
    width: 96%;
    margin: 0 auto 2rem; } }

@media only screen and (max-width: 599px) {
  /* ============== SP LAYOUT ============== */
  .skillIntro {
    position: relative;
    padding: 0 0 6rem; }
  .skillIntro_ttlBox {
    height: 18rem;
    background: #4b9955;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 6rem;
    position: relative;
    z-index: 1;
    padding-top: 4rem; }
  .skillIntro_ttl {
    line-height: 1;
    font-size: 2.5rem;
    font-weight: 600;
    width: 85%;
    text-align: center; }
  .skillIntroBox01 {
    width: 85%;
    margin: 0 auto 3rem;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 1;
    flex-direction: column-reverse;
    align-items: center; }
  .skillIntroBox01L {
    width: 100%;
    position: relative;
    z-index: 1; }
  .skillIntroBox01L_ttl {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: 1rem; }
  .skillIntroBox01R {
    width: 27rem;
    position: relative;
    top: -14rem;
    margin-bottom: -15rem; }
  .skillIntroBox02 {
    width: 85%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 1;
    flex-direction: column; }
  .skillIntroBox02L {
    width: 100%;
    position: relative;
    margin-bottom: 2rem; }
  .skillIntroBox02R {
    width: 100%; }
  .skillIntroBox02R_ttl {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: 1rem; }
  .skillInfo {
    padding: 5rem 0 3rem;
    background: #e6e6e6; }
  .skillInfoBox {
    width: 85%;
    margin: 0 auto 5rem; }
  .skillInfoBox_ttl {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: 1rem;
    text-align: center; }
  .skillInfoBox_txt {
    text-align: center;
    margin-bottom: 3rem; }
  .skillInfoBoxList {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap; }
  .skillInfoBoxList_item {
    background: #fff;
    padding: 2rem 1rem;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 2rem; }
  .skillInfoBoxList_itemInner_ttl {
    font-size: 1.8rem;
    font-weight: 600;
    text-align: center;
    line-height: 1.6; }
  .skillInfoBoxList_itemInner_txt {
    text-align: center; }
  .skillFeature {
    position: relative;
    padding: 1rem 0 3rem;
    z-index: 1; }
  .skillFeature:before {
    content: "";
    width: 100%;
    height: 4.2rem;
    position: absolute;
    left: 0;
    top: -4.1rem;
    background: url(../img/sp/top_faq_wave@2x.png) 0 0 no-repeat;
    background-size: 100% 100%; }
  .cmnTtl01Box--skillFeature .cmnTtl01_jp {
    background: #4b9955;
    color: #fff;
    width: auto;
    height: auto;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    font-size: 2rem;
    text-align: center; }
  .skillFeatureBox {
    width: 90%;
    margin: 0 auto 8rem; }
  .skillFeatureBoxList {
    display: flex;
    justify-content: space-between; }
  .skillFeatureBoxList .slick-prev {
    left: 1rem;
    width: 2rem;
    height: 3.5rem;
    top: unset;
    bottom: -7rem; }
  .skillFeatureBoxList .slick-prev:before {
    content: "";
    background: url(../img/sp/slick_prev02@2x.png) 0 0 no-repeat;
    background-size: 100% 100%;
    width: 2rem;
    height: 3.5rem;
    display: block; }
  .skillFeatureBoxList .slick-next {
    right: 1rem;
    width: 2rem;
    height: 3.5rem;
    top: unset;
    bottom: -7rem; }
  .skillFeatureBoxList .slick-next:before {
    content: "";
    background: url(../img/sp/slick_next02@2x.png) 0 0 no-repeat;
    background-size: 100% 100%;
    width: 2rem;
    height: 3.5rem;
    display: block; }
  .skillFeatureBoxList .slick-dots {
    bottom: -4rem; }
  .skillFeatureBoxList .slick-dots li {
    position: relative;
    display: inline-block;
    width: 4rem;
    height: 5px;
    margin: 0 0.7rem;
    padding: 0;
    cursor: pointer; }
  .skillFeatureBoxList .slick-dots li button:before {
    font-family: unset !important;
    font-size: 5px;
    line-height: 5px;
    position: absolute;
    top: 0;
    left: 0;
    width: 4rem;
    height: 5px;
    content: "•";
    text-align: center;
    color: #a7a7a7;
    background: #a7a7a7;
    border-radius: 100px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: 1px solid #a7a7a7; }
  .skillFeatureBoxList .slick-dots li.slick-active button:before {
    color: #4b9955;
    border-radius: 100px;
    background: #4b9955;
    border: 1px solid #4b9955; }
  .skillFeatureBoxList .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 4rem;
    height: 5px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent; }
  .skillFeatureBoxList_item {
    width: 31%;
    padding: 0 1rem; }
  .skillFeatureBoxList_itemNum {
    font-size: 2rem;
    margin-bottom: 1rem;
    line-height: 1; }
  .skillFeatureBoxList_itemNum span {
    font-size: 3rem; }
  .skillFeatureBoxList_itemImg {
    margin-bottom: 1rem; }
  .skillFeatureBoxList_itemCont_ttl {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 1rem;
    font-size: 2rem;
    font-weight: 600; }
  .skillFeatureBoxList_itemCont_ttl span {
    color: #fff;
    background: #4b9955;
    padding: 0.8rem;
    line-height: 1;
    margin-bottom: 0.3rem;
    white-space: nowrap; }
  .skillMerit {
    padding: 0rem 0 6rem;
    min-height: 78rem; }
  .cmnTtl01Box--skillMerit {
    margin-bottom: 5rem;
    position: relative;
    z-index: 1; }
  .cmnTtl01Box--skillMerit .cmnTtl01_jp {
    background: #4b9955;
    color: #fff;
    width: auto;
    height: auto;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    font-size: 2rem;
    text-align: center; }
  .skillMeritBox {
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    position: relative;
    flex-direction: column; }
  .skillMeritBox:before {
    content: "";
    width: 64rem;
    height: 64rem;
    background: #f5f5f5;
    position: absolute;
    left: -4rem;
    top: -4rem;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    display: none; }
  .skillMeritBoxL {
    width: 100%;
    display: flex;
    justify-content: center; }
  .skillMeritBoxLList {
    width: 100%; }
  .skillMeritBoxLList_item {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.5;
    margin: 2rem 0;
    position: relative;
    padding-left: 4rem;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAYAAADjAO9DAAAAAXNSR0IArs4c6QAAABZJREFUGFdjLCgo+D9hwgRGBihA5wMAproIAtqPrTUAAAAASUVORK5CYII=) 0 bottom repeat-x; }
  .skillMeritBoxLList_item:before {
    content: "";
    width: 2.7rem;
    height: 2.7rem;
    background: url(../img/skill01_merit_ico.png) 0 0 no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: -2rem;
    bottom: 0;
    margin: auto; }
  .skillMeritBoxR {
    width: 100%;
    position: relative;
    z-index: 1; }
  .topCase--skill {
    padding-bottom: 6rem; }
  .skillBtm {
    padding: 3rem 0 1rem;
    background: #e6e6e6; }
  .skillBtmFlow {
    width: 80%;
    margin: 0 auto 1rem; }
  .topFaqInner--skillBtm {
    margin-bottom: 10rem; }
  .topFaqInner--skillBtm .topFaqInnerList_itemTtl {
    background-color: #fff; }
  .skillDocNote {
    display: flex;
    flex-direction: column; }
  .skillDocNote_txt {
    width: 100%; }
  .skillDocNote_list {
    width: 100%; }
  .skillDocNote_list li {
    margin-bottom: 1rem; }
  .skillDocNote_list a {
    color: #38b4cb; } }

/*-----------------------------------------------------------

SKILL02

-------------------------------------------------------------*/
.skillInfo--skill02 .skillInfoBox {
  width: 80%; }

.skill02InfoBox {
  width: 100%;
  margin: 6rem auto 6rem;
  border: 1px solid #707070;
  border-radius: 10px;
  padding: 1rem 2rem 2rem; }

.skill02InfoBox_ttl {
  margin-top: -3rem;
  margin-bottom: 3rem;
  display: flex;
  justify-content: center;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1; }

.skill02InfoBox_ttl span {
  padding: 0 2rem;
  background: #e6e6e6; }

.skill02InfoBox_note {
  text-align: center;
  letter-spacing: 0; }

.skillInfoBoxList3Col .skillInfoBoxList_item {
  width: 32.2%; }

.skillInfoBoxList1Col .skillInfoBoxList_item {
  width: 100%; }

@media screen and (max-width: 899px) and (min-width: 599px) {
  /* ============== TABLET LAYOUT ============== */
  .skillInfo--skill02 .skillInfoBox {
    width: 90%; } }

@media only screen and (max-width: 599px) {
  /* ============== SP LAYOUT ============== */
  .skillInfo--skill02 .skillInfoBox {
    width: 90%; }
  .skill02InfoBox {
    width: 100%;
    margin: 6rem auto 6rem;
    border: 1px solid #707070;
    border-radius: 10px;
    padding: 1rem 2rem 2rem; }
  .skill02InfoBox_ttl {
    margin-top: -2rem;
    margin-bottom: 3rem;
    display: flex;
    justify-content: center;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1; }
  .skill02InfoBox_ttl span {
    padding: 0 2rem;
    background: #e6e6e6; }
  .skill02InfoBox_note {
    text-align: center;
    letter-spacing: 0; }
  .skillInfoBoxList3Col .skillInfoBoxList_item {
    width: 100%; }
  .skillInfoBoxList1Col .skillInfoBoxList_item {
    width: 100%; } }

/*-----------------------------------------------------------

SKILL03

-------------------------------------------------------------*/
.skillInfo--skill03 .skillInfoBox {
  width: 80%; }

.skillInfo--skill03 .skillInfoBox_ttl {
  margin-bottom: 4rem; }

.skillInfoBoxList_itemFull {
  width: 100%; }

@media screen and (max-width: 899px) and (min-width: 599px) {
  /* ============== TABLET LAYOUT ============== */
  .skillInfo--skill03 .skillInfoBox {
    width: 90%; } }

@media only screen and (max-width: 599px) {
  /* ============== SP LAYOUT ============== */
  .skillInfo--skill03 .skillInfoBox {
    width: 80%; }
  .skillInfo--skill03 .skillInfoBox_ttl {
    margin-bottom: 4rem; }
  .skillInfoBoxList_itemFull {
    width: 100%; }
  .skillInfoBoxList_itemFull .skillInfoBoxList_itemInner_txt {
    text-align: left;
    width: 90%;
    margin: 0 auto; } }

/*-----------------------------------------------------------

SKILL04

-------------------------------------------------------------*/
.skillInfo--skill04 .skillInfoBox {
  width: 80%; }

.skillInfo--skill04 .skillInfoBoxList_itemFull .skillInfoBoxList_itemInner_txt + .skillInfoBoxList_itemInner_txt {
  margin-top: 1rem; }

.skillInfo--skill04 .skillInfoBox_ttl {
  margin-bottom: 4rem; }

@media screen and (max-width: 899px) and (min-width: 599px) {
  /* ============== TABLET LAYOUT ============== */
  .skillInfo--skill04 .skillInfoBox {
    width: 90%; } }

@media only screen and (max-width: 599px) {
  /* ============== SP LAYOUT ============== */
  .skillInfo--skill04 .skillInfoBox {
    width: 85%; }
  .skillInfo--skill04 .skillInfoBoxList_itemFull .skillInfoBoxList_itemInner_txt {
    text-align: center;
    width: 100%; }
  .skillInfo--skill04 .skillInfoBoxList_itemFull .skillInfoBoxList_itemInner_txt + .skillInfoBoxList_itemInner_txt {
    margin-top: 1rem; }
  .skillInfo--skill04 .skillInfoBox_ttl {
    margin-bottom: 4rem; } }

/*-----------------------------------------------------------

OTHER

-------------------------------------------------------------*/
.noPost {
  text-align: center;
  margin: 4rem 0; }

/*-----------------------------------------------------------

EFFECT

-------------------------------------------------------------*/
/*------------- section全体　---------------*/
.ivSec {
  opacity: 0;
  transform: translateY(4rem); }

.fadeUp {
  animation-name: fadeUpAnime;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-delay: 0.2s; }

@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(4rem); }
  to {
    opacity: 1;
    transform: translateY(0); } }

/*------------- fadeIN　---------------*/
.fadeIn {
  animation-name: fadeInAnime;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  opacity: 0; }

@keyframes fadeInAnime {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/*------------- top　---------------*/
.fadeR {
  opacity: 0; }

.fadeR.on {
  animation-name: fadeRAnime;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-delay: 0.2s; }

@keyframes fadeRAnime {
  from {
    opacity: 0;
    transform: translateX(-4rem); }
  to {
    opacity: 1;
    transform: translateX(0); } }

.fadeL {
  opacity: 0; }

.fadeL.on {
  animation-name: fadeLAnime;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-delay: 0.2s; }

@keyframes fadeLAnime {
  from {
    opacity: 0;
    transform: translateX(4rem); }
  to {
    opacity: 1;
    transform: translateX(0); } }

/*------------- 2025/06/27　追加　---------------*/
.ff-bnr {
  position: fixed;
  right: 20px;
  bottom: 160px;
  width: 400px;
  height: auto;
  z-index: 100;
  display: none; }

@media only screen and (max-width: 599px) {
  .ff-bnr {
    right: auto;
    left: 1.5rem;
    bottom: 19vw;
    width: calc(100% - 10.5rem); } }

.ff-bnr-inner {
  width: 100%;
  height: 100%;
  position: relative; }

.ff-bnr__close {
  background-color: rgba(255, 255, 255, 0.49);
  border-radius: 50%;
  cursor: pointer;
  padding: 5px 9px;
  position: absolute;
  right: 0;
  top: -23px;
  width: 20px;
  height: 20px; }

@media only screen and (max-width: 599px) {
  .ff-bnr__close {
    top: -43px;
    width: 40px;
    height: 40px; } }

.ff-bnr__close-inner {
  width: 100%;
  height: 100%;
  position: relative; }

.ff-bnr__close .line-1,
.ff-bnr__close .line-2 {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  height: 10px;
  width: 2px;
  transform: translate(-50%, -50%) rotate(45deg);
  background-color: black; }

@media only screen and (max-width: 599px) {
  .ff-bnr__close .line-1,
  .ff-bnr__close .line-2 {
    height: 20px; } }

.ff-bnr__close .line-2 {
  transform: translate(-50%, -50%) rotate(-45deg); }

.ff-bnr-cnt {
  border-radius: 10px;
  background: #a7a7a7;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }

.ff-bnr-cnt a {
  display: block; }

.ff-bnr__img {
  border-radius: 10px 10px 0 0;
  overflow: hidden; }

.ff-bnr__btn {
  padding: 12px; }

.ff-bnr__btn span {
  background: #4b9955;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  border-radius: 8px;
  padding: 5px 20px;
  display: block;
  text-align: center; }

.cmnTtl01Box--servicePoint01 .cmnTtl01::after {
  display: none; }

.headerNav_list01 {
  width: 65%; }

.headerNav_list01 a {
  white-space: nowrap; }

.topCase {
  padding-bottom: 10em; }

.custom_info {
  padding-bottom: 5em;
  padding-top: 5em;
  background: #fff;
  margin-bottom: 8em; }

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

.custom_info-wrap .custom_info-wrap-left {
  width: 50%; }

.custom_info-wrap .custom_info-wrap-left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0px 30px 30px 0px; }

.custom_info-wrap .custom_info-wrap-right {
  width: 50%;
  padding-left: 5%; }

.custom_info-wrap .custom_info-wrap-right a:hover p {
  color: #fff !important; }

.custom_info-wrap .custom_info-wrap-right p {
  color: #2f2f2f; }

@media screen and (max-width: 600px) {
  .custom_info {
    padding-top: 0px; }
  .custom_info-wrap .custom_info-wrap-left {
    width: 100%; }
  .custom_info-wrap .custom_info-wrap-left img {
    border-radius: 0px; }
  .custom_info-wrap .cmnBtn01Box--topAbout {
    justify-content: center; }
  .custom_info-wrap .custom_info-wrap-right {
    width: 100%;
    padding-left: 0%;
    padding-top: 5%; } }

/*-----------------------------------------------------------

header.php

-------------------------------------------------------------*/
#toc_container .toc_list li a {
  font-weight: 500 !important; }

#toc_container ul li ul {
  margin-left: 0 !important; }

#toc_container .toc_list ul li a {
  font-size: 1.4rem !important; }

#toc_container ul a {
  margin: 0px !important; }

/* -------------------
  COMMON
--------------------*/
html {
  scroll-behavior: smooth; }

a {
  transition: all 0.3s ease 0s;
  cursor: pointer; }
  a[href^="tel:"] {
    pointer-events: none; }
    @media screen and (max-width: 899px) {
      a[href^="tel:"] {
        pointer-events: auto; } }
  a:hover {
    opacity: 0.5; }

img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto; }
  img.pc-only {
    display: inline; }
    @media screen and (max-width: 899px) {
      img.pc-only {
        display: none; } }
  img.sp-only {
    display: none; }
    @media screen and (max-width: 899px) {
      img.sp-only {
        display: inline; } }

.pc-only {
  display: block; }
  @media screen and (max-width: 899px) {
    .pc-only {
      display: none; } }

.sp-only {
  display: none; }
  @media screen and (max-width: 899px) {
    .sp-only {
      display: block; } }

.pc-only2 {
  display: inline; }
  @media screen and (max-width: 899px) {
    .pc-only2 {
      display: none; } }

.sp-only2 {
  display: none; }
  @media screen and (max-width: 899px) {
    .sp-only2 {
      display: inline; } }

.adj-10:before {
  content: "";
  display: block;
  height: 10px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -10px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-15:before {
  content: "";
  display: block;
  height: 15px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -15px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-20:before {
  content: "";
  display: block;
  height: 20px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -20px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-25:before {
  content: "";
  display: block;
  height: 25px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -25px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-30:before {
  content: "";
  display: block;
  height: 30px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -30px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-35:before {
  content: "";
  display: block;
  height: 35px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -35px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-40:before {
  content: "";
  display: block;
  height: 40px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -40px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-45:before {
  content: "";
  display: block;
  height: 45px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -45px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-50:before {
  content: "";
  display: block;
  height: 50px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -50px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-55:before {
  content: "";
  display: block;
  height: 55px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -55px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-60:before {
  content: "";
  display: block;
  height: 60px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -60px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-65:before {
  content: "";
  display: block;
  height: 65px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -65px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-70:before {
  content: "";
  display: block;
  height: 70px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -70px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-75:before {
  content: "";
  display: block;
  height: 75px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -75px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-80:before {
  content: "";
  display: block;
  height: 80px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -80px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-85:before {
  content: "";
  display: block;
  height: 85px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -85px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-90:before {
  content: "";
  display: block;
  height: 90px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -90px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-95:before {
  content: "";
  display: block;
  height: 95px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -95px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-100:before {
  content: "";
  display: block;
  height: 100px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -100px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-105:before {
  content: "";
  display: block;
  height: 105px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -105px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-110:before {
  content: "";
  display: block;
  height: 110px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -110px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-115:before {
  content: "";
  display: block;
  height: 115px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -115px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-120:before {
  content: "";
  display: block;
  height: 120px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -120px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-125:before {
  content: "";
  display: block;
  height: 125px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -125px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-130:before {
  content: "";
  display: block;
  height: 130px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -130px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-135:before {
  content: "";
  display: block;
  height: 135px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -135px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-140:before {
  content: "";
  display: block;
  height: 140px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -140px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-145:before {
  content: "";
  display: block;
  height: 145px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -145px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-150:before {
  content: "";
  display: block;
  height: 150px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -150px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-155:before {
  content: "";
  display: block;
  height: 155px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -155px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-160:before {
  content: "";
  display: block;
  height: 160px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -160px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-165:before {
  content: "";
  display: block;
  height: 165px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -165px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-170:before {
  content: "";
  display: block;
  height: 170px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -170px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-175:before {
  content: "";
  display: block;
  height: 175px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -175px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-180:before {
  content: "";
  display: block;
  height: 180px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -180px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-185:before {
  content: "";
  display: block;
  height: 185px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -185px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-190:before {
  content: "";
  display: block;
  height: 190px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -190px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-195:before {
  content: "";
  display: block;
  height: 195px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -195px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-200:before {
  content: "";
  display: block;
  height: 200px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -200px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-205:before {
  content: "";
  display: block;
  height: 205px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -205px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-210:before {
  content: "";
  display: block;
  height: 210px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -210px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-215:before {
  content: "";
  display: block;
  height: 215px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -215px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-220:before {
  content: "";
  display: block;
  height: 220px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -220px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-225:before {
  content: "";
  display: block;
  height: 225px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -225px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-230:before {
  content: "";
  display: block;
  height: 230px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -230px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-235:before {
  content: "";
  display: block;
  height: 235px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -235px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-240:before {
  content: "";
  display: block;
  height: 240px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -240px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-245:before {
  content: "";
  display: block;
  height: 245px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -245px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-250:before {
  content: "";
  display: block;
  height: 250px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -250px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-255:before {
  content: "";
  display: block;
  height: 255px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -255px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-260:before {
  content: "";
  display: block;
  height: 260px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -260px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-265:before {
  content: "";
  display: block;
  height: 265px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -265px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-270:before {
  content: "";
  display: block;
  height: 270px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -270px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-275:before {
  content: "";
  display: block;
  height: 275px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -275px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-280:before {
  content: "";
  display: block;
  height: 280px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -280px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-285:before {
  content: "";
  display: block;
  height: 285px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -285px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-290:before {
  content: "";
  display: block;
  height: 290px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -290px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.adj-295:before {
  content: "";
  display: block;
  height: 295px;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -295px;
  /* heightと同じ分のネガティブマージン */
  visibility: hidden; }

.c-width {
  max-width: 79.64861vw !important;
  margin: 0 auto; }
  @media screen and (max-width: 899px) {
    .c-width {
      max-width: 84% !important; } }

.c-width-700 {
  max-width: 700px !important;
  margin: 0 auto; }

.c-width-710 {
  max-width: 710px !important;
  margin: 0 auto; }

.c-width-720 {
  max-width: 720px !important;
  margin: 0 auto; }

.c-width-730 {
  max-width: 730px !important;
  margin: 0 auto; }

.c-width-740 {
  max-width: 740px !important;
  margin: 0 auto; }

.c-width-750 {
  max-width: 750px !important;
  margin: 0 auto; }

.c-width-760 {
  max-width: 760px !important;
  margin: 0 auto; }

.c-width-770 {
  max-width: 770px !important;
  margin: 0 auto; }

.c-width-780 {
  max-width: 780px !important;
  margin: 0 auto; }

.c-width-790 {
  max-width: 790px !important;
  margin: 0 auto; }

.c-width-800 {
  max-width: 800px !important;
  margin: 0 auto; }

.c-width-810 {
  max-width: 810px !important;
  margin: 0 auto; }

.c-width-820 {
  max-width: 820px !important;
  margin: 0 auto; }

.c-width-830 {
  max-width: 830px !important;
  margin: 0 auto; }

.c-width-840 {
  max-width: 840px !important;
  margin: 0 auto; }

.c-width-850 {
  max-width: 850px !important;
  margin: 0 auto; }

.c-width-860 {
  max-width: 860px !important;
  margin: 0 auto; }

.c-width-870 {
  max-width: 870px !important;
  margin: 0 auto; }

.c-width-880 {
  max-width: 880px !important;
  margin: 0 auto; }

.c-width-890 {
  max-width: 890px !important;
  margin: 0 auto; }

.c-width-900 {
  max-width: 900px !important;
  margin: 0 auto; }

.c-width-910 {
  max-width: 910px !important;
  margin: 0 auto; }

.c-width-920 {
  max-width: 920px !important;
  margin: 0 auto; }

.c-width-930 {
  max-width: 930px !important;
  margin: 0 auto; }

.c-width-940 {
  max-width: 940px !important;
  margin: 0 auto; }

.c-width-950 {
  max-width: 950px !important;
  margin: 0 auto; }

.c-width-960 {
  max-width: 960px !important;
  margin: 0 auto; }

.c-width-970 {
  max-width: 970px !important;
  margin: 0 auto; }

.c-width-980 {
  max-width: 980px !important;
  margin: 0 auto; }

.c-width-990 {
  max-width: 990px !important;
  margin: 0 auto; }

.c-width-1000 {
  max-width: 1000px !important;
  margin: 0 auto; }

.c-width-1010 {
  max-width: 1010px !important;
  margin: 0 auto; }

.c-width-1020 {
  max-width: 1020px !important;
  margin: 0 auto; }

.c-width-1030 {
  max-width: 1030px !important;
  margin: 0 auto; }

.c-width-1040 {
  max-width: 1040px !important;
  margin: 0 auto; }

.c-width-1050 {
  max-width: 1050px !important;
  margin: 0 auto; }

.c-width-1060 {
  max-width: 1060px !important;
  margin: 0 auto; }

.c-width-1070 {
  max-width: 1070px !important;
  margin: 0 auto; }

.c-width-1080 {
  max-width: 1080px !important;
  margin: 0 auto; }

.c-width-1090 {
  max-width: 1090px !important;
  margin: 0 auto; }

.c-width-1100 {
  max-width: 1100px !important;
  margin: 0 auto; }

.c-width-1110 {
  max-width: 1110px !important;
  margin: 0 auto; }

.c-width-1120 {
  max-width: 1120px !important;
  margin: 0 auto; }

.c-width-1130 {
  max-width: 1130px !important;
  margin: 0 auto; }

.c-width-1140 {
  max-width: 1140px !important;
  margin: 0 auto; }

.c-width-1150 {
  max-width: 1150px !important;
  margin: 0 auto; }

.c-width-1160 {
  max-width: 1160px !important;
  margin: 0 auto; }

.c-width-1170 {
  max-width: 1170px !important;
  margin: 0 auto; }

.c-width-1180 {
  max-width: 1180px !important;
  margin: 0 auto; }

.c-width-1190 {
  max-width: 1190px !important;
  margin: 0 auto; }

.c-width-1200 {
  max-width: 1200px !important;
  margin: 0 auto; }

.c-width-1210 {
  max-width: 1210px !important;
  margin: 0 auto; }

.c-width-1220 {
  max-width: 1220px !important;
  margin: 0 auto; }

.c-width-1230 {
  max-width: 1230px !important;
  margin: 0 auto; }

.c-width-1240 {
  max-width: 1240px !important;
  margin: 0 auto; }

.c-width-1250 {
  max-width: 1250px !important;
  margin: 0 auto; }

.c-width-1260 {
  max-width: 1260px !important;
  margin: 0 auto; }

.c-width-1270 {
  max-width: 1270px !important;
  margin: 0 auto; }

.c-width-1280 {
  max-width: 1280px !important;
  margin: 0 auto; }

.c-width-1290 {
  max-width: 1290px !important;
  margin: 0 auto; }

.c-width-1300 {
  max-width: 1300px !important;
  margin: 0 auto; }

section > .sect-inner {
  max-width: 79.64861vw;
  margin: 0 auto; }
  @media screen and (max-width: 899px) {
    section > .sect-inner {
      max-width: 100%;
      padding: 0px 7.69231vw; } }

.cmnBtn02 {
  display: flex; }
  .cmnBtn02-inner,
  .cmnBtn02 a {
    border-bottom: 1px solid #2f2f2f;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px; }
    .cmnBtn02-inner .label,
    .cmnBtn02 a .label {
      font-size: 1.1713vw;
      font-weight: bold; }
      @media screen and (max-width: 899px) {
        .cmnBtn02-inner .label,
        .cmnBtn02 a .label {
          font-size: 4.10256vw; } }
    .cmnBtn02-inner .arrow,
    .cmnBtn02 a .arrow {
      display: block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0.47584vw 0 0.47584vw 0.65886vw;
      border-color: transparent transparent transparent #4b9955;
      transform: rotate(0deg);
      position: relative;
      top: 1px; }
      @media screen and (max-width: 899px) {
        .cmnBtn02-inner .arrow,
        .cmnBtn02 a .arrow {
          border-width: 1.66667vw 0 1.66667vw 2.30769vw; } }

.pagettl__en {
  color: #a7a7a7;
  font-size: 4.39239vw;
  font-weight: 900;
  margin-bottom: 1rem; }
  @media screen and (max-width: 899px) {
    .pagettl__en {
      font-size: 8.97436vw; } }

.pagettl__jp {
  font-size: 1.46413vw;
  font-weight: 600;
  padding-left: 0.5rem;
  color: #4b9955; }
  @media screen and (max-width: 899px) {
    .pagettl__jp {
      font-size: 4.10256vw; } }

.l-footer {
  position: relative;
  z-index: 1; }
  .l-footer-upper {
    background: #4b9955;
    position: relative;
    text-align: center;
    padding: 7.32064vw 0 5.85652vw; }
    @media screen and (max-width: 899px) {
      .l-footer-upper {
        padding: 17.94872vw 0 7.69231vw; } }
    .l-footer-upper__fukidashi {
      background: #fff;
      color: #4b9955;
      font-size: 2.19619vw;
      font-weight: bold;
      border: 4px solid #4b9955;
      border-radius: 100vh;
      position: absolute;
      width: auto;
      height: 6.73499vw;
      min-width: 32.9429vw;
      padding: 0 2.19619vw;
      left: 50%;
      top: 0;
      transform: translate(-50%, -50%);
      line-height: 1.3; }
      @media screen and (max-width: 899px) {
        .l-footer-upper__fukidashi {
          width: 66.66667vw;
          height: auto;
          font-size: 5.12821vw;
          padding: 2.5641vw 5.12821vw; } }
      .l-footer-upper__fukidashi-inner {
        width: 100%;
        height: 100%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center; }
        .l-footer-upper__fukidashi-inner::before {
          content: "";
          display: block;
          position: absolute;
          left: 50%;
          bottom: -2.19619vw;
          transform: translate(-50%, 0);
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 3.4407vw 1.42753vw 0px 1.42753vw;
          border-color: #fff transparent transparent transparent; }
          @media screen and (max-width: 899px) {
            .l-footer-upper__fukidashi-inner::before {
              bottom: -6.41026vw;
              border-width: 5.89744vw 2.5641vw 0px 2.5641vw; } }
    .l-footer-upper-wcu {
      color: #fff;
      font-weight: bold; }
      .l-footer-upper-wcu__ttl {
        font-size: 2.92826vw;
        margin-bottom: 4.39239vw; }
        @media screen and (max-width: 899px) {
          .l-footer-upper-wcu__ttl {
            font-size: 5.12821vw;
            line-height: 1.25; } }
      .l-footer-upper-wcu-flex {
        display: flex;
        margin-bottom: 5.85652vw; }
        @media screen and (max-width: 899px) {
          .l-footer-upper-wcu-flex {
            flex-direction: column;
            padding-bottom: 5.12821vw; } }
        .l-footer-upper-wcu-flex-txt {
          text-align: left;
          width: 47%;
          padding-right: 2.92826vw;
          line-height: 1.78; }
          @media screen and (max-width: 899px) {
            .l-footer-upper-wcu-flex-txt {
              width: 100%;
              padding-right: 0;
              padding-bottom: 7.69231vw; } }
          .l-footer-upper-wcu-flex-txt .ttl {
            font-size: 1.46413vw;
            background: #fff;
            color: #4b9955;
            padding: 0.21962vw 0.73206vw;
            text-align: center;
            border-radius: 5px;
            margin-bottom: 1.0981vw; }
            @media screen and (max-width: 899px) {
              .l-footer-upper-wcu-flex-txt .ttl {
                font-size: 5.12821vw;
                line-height: 1.25;
                padding: 2.5641vw;
                margin-bottom: 3.84615vw; } }
          .l-footer-upper-wcu-flex-txt .body .upper {
            font-size: 1.1713vw;
            border-bottom: 1px solid #fff;
            margin-bottom: 1.0981vw;
            padding-bottom: 1.0981vw; }
            @media screen and (max-width: 899px) {
              .l-footer-upper-wcu-flex-txt .body .upper {
                font-size: 4.10256vw;
                margin-bottom: 3.84615vw;
                padding-bottom: 3.84615vw; } }
        .l-footer-upper-wcu-flex-img {
          width: 53%; }
          @media screen and (max-width: 899px) {
            .l-footer-upper-wcu-flex-img {
              width: 100%; } }
          .l-footer-upper-wcu-flex-img ul {
            display: flex;
            gap: 1.46413vw; }
            @media screen and (max-width: 899px) {
              .l-footer-upper-wcu-flex-img ul {
                gap: 2.5641vw; } }
            .l-footer-upper-wcu-flex-img ul > li {
              width: calc((100% - 1.46413vw) / 2); }
              @media screen and (max-width: 899px) {
                .l-footer-upper-wcu-flex-img ul > li {
                  width: calc((100% - 2.5641vw) / 2); } }
    .l-footer-upper-cont {
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff; }
      @media screen and (max-width: 899px) {
        .l-footer-upper-cont {
          display: block;
          max-width: 84%;
          margin: 0 auto; } }
      .l-footer-upper-cont__ttlset {
        line-height: 1.5;
        width: 33.33%; }
        @media screen and (max-width: 899px) {
          .l-footer-upper-cont__ttlset {
            width: 100%;
            margin-bottom: 8.97436vw; } }
        .l-footer-upper-cont__ttlset .ttl {
          font-size: 4.68521vw;
          font-weight: bold; }
          @media screen and (max-width: 899px) {
            .l-footer-upper-cont__ttlset .ttl {
              font-size: 8.97436vw;
              margin-bottom: 2.5641vw; } }
        .l-footer-upper-cont__ttlset .fukidashi {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          gap: 1.46413vw;
          padding: 0 2.92826vw;
          margin-bottom: 2.19619vw; }
          @media screen and (max-width: 899px) {
            .l-footer-upper-cont__ttlset .fukidashi {
              padding: 0;
              align-items: center;
              gap: 7.69231vw;
              margin-bottom: 7.69231vw; } }
          .l-footer-upper-cont__ttlset .fukidashi .line-1,
          .l-footer-upper-cont__ttlset .fukidashi .line-2 {
            background: #fff;
            color: #4b9955;
            font-weight: bold;
            display: inline-block;
            position: relative;
            border-radius: 5px;
            padding: 1.0981vw 0.73206vw; }
            @media screen and (max-width: 899px) {
              .l-footer-upper-cont__ttlset .fukidashi .line-1,
              .l-footer-upper-cont__ttlset .fukidashi .line-2 {
                padding: 3.84615vw 2.5641vw;
                font-size: 1.3rem; } }
          .l-footer-upper-cont__ttlset .fukidashi .line-1::before {
            content: "";
            display: inline-block;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0px 0.87848vw 1.02489vw 0px;
            border-color: transparent #fff transparent transparent;
            position: absolute;
            left: 2.19619vw;
            bottom: -0.95168vw; }
            @media screen and (max-width: 899px) {
              .l-footer-upper-cont__ttlset .fukidashi .line-1::before {
                border-width: 0px 3.07692vw 3.58974vw 0px;
                left: 7.69231vw;
                bottom: -3.58974vw; } }
          .l-footer-upper-cont__ttlset .fukidashi .line-2 {
            margin-left: auto; }
            .l-footer-upper-cont__ttlset .fukidashi .line-2::before {
              content: "";
              display: inline-block;
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 1.02489vw 0.87848vw 0px 0px;
              border-color: #fff transparent transparent transparent;
              position: absolute;
              right: 2.19619vw;
              bottom: -0.95168vw; }
              @media screen and (max-width: 899px) {
                .l-footer-upper-cont__ttlset .fukidashi .line-2::before {
                  border-width: 3.58974vw 3.07692vw 0px 0px;
                  right: 7.69231vw;
                  bottom: -3.58974vw; } }
        .l-footer-upper-cont__ttlset .txt {
          font-size: 1.46413vw;
          font-weight: bold; }
          @media screen and (max-width: 899px) {
            .l-footer-upper-cont__ttlset .txt {
              font-size: 4.10256vw; } }
      .l-footer-upper-cont__list {
        display: flex;
        width: 66.66%; }
        @media screen and (max-width: 899px) {
          .l-footer-upper-cont__list {
            width: 100%;
            display: block;
            margin-bottom: 8.97436vw; } }
      .l-footer-upper-cont__item {
        width: 50%;
        line-height: 1.78;
        border-left: 1px solid #fff;
        padding: 0.36603vw 0 2.19619vw; }
        @media screen and (max-width: 899px) {
          .l-footer-upper-cont__item {
            width: 100%;
            padding: 8.97436vw 0;
            border-left: none;
            border-top: 1px solid #fff; } }
        @media screen and (max-width: 899px) {
          .l-footer-upper-cont__item:last-child {
            border-bottom: 1px solid #fff; } }
        .l-footer-upper-cont__item .icon {
          height: 2.48902vw;
          display: flex;
          justify-content: center;
          align-items: center;
          margin-bottom: 1.0981vw; }
          @media screen and (max-width: 899px) {
            .l-footer-upper-cont__item .icon {
              height: auto;
              margin-bottom: 3.84615vw; } }
          .l-footer-upper-cont__item .icon img {
            width: 2.48902vw; }
            @media screen and (max-width: 899px) {
              .l-footer-upper-cont__item .icon img {
                width: 8.46154vw; } }
        .l-footer-upper-cont__item .ttl {
          font-size: 1.46413vw;
          font-weight: bold; }
          @media screen and (max-width: 899px) {
            .l-footer-upper-cont__item .ttl {
              font-size: 5.12821vw;
              margin-bottom: 2.05128vw; } }
        .l-footer-upper-cont__item .txt {
          font-size: 1.02489vw;
          font-weight: bold;
          margin-bottom: 1.46413vw; }
          @media screen and (max-width: 899px) {
            .l-footer-upper-cont__item .txt {
              font-size: 3.58974vw;
              margin-bottom: 5.12821vw; } }
        .l-footer-upper-cont__item .tel a,
        .l-footer-upper-cont__item .btn a {
          width: 32rem;
          height: 5rem;
          border-radius: 100px;
          display: inline-flex;
          justify-content: center;
          align-items: center;
          line-height: 1;
          font-weight: 600; }
        .l-footer-upper-cont__item .tel a {
          border: 1px solid #fff;
          font-size: 2.56223vw;
          padding-bottom: 4px; }
          @media screen and (max-width: 899px) {
            .l-footer-upper-cont__item .tel a {
              font-size: 8.97436vw; } }
        .l-footer-upper-cont__item .btn a {
          border: 1px solid #fff;
          background: #fff;
          color: #2f2f2f;
          position: relative; }
          @media screen and (max-width: 899px) {
            .l-footer-upper-cont__item .btn a {
              font-size: 4.10256vw; } }
          .l-footer-upper-cont__item .btn a:after {
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0.5rem 0 0.5rem 1rem;
            border-color: transparent transparent transparent #4b9955;
            position: absolute;
            right: 2rem;
            top: 0;
            bottom: 0;
            margin: auto; }
          .l-footer-upper-cont__item .btn a:hover {
            border: 1px solid #fff;
            background: #4b9955;
            color: #fff;
            opacity: 1; }
          .l-footer-upper-cont__item .btn a:hover:after {
            border-color: transparent transparent transparent #fff; }
    .l-footer-upper__bnr {
      margin: 2.92826vw auto;
      text-align: left; }
  .l-footer-lower {
    padding: 4.39239vw 0; }
    @media screen and (max-width: 899px) {
      .l-footer-lower {
        padding: 12.82051vw 0 5.12821vw; } }
    .l-footer-lower-inner {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      @media screen and (max-width: 899px) {
        .l-footer-lower-inner {
          display: block; } }
    @media screen and (max-width: 899px) {
      .l-footer-lower__logo {
        width: 55.12821vw;
        margin: 0 auto 7.69231vw; } }
  .l-footer .copyright {
    background: #4b9955;
    color: #fff;
    text-align: center;
    font-size: 1.02489vw;
    font-weight: 500;
    padding: 0.36603vw; }
    @media screen and (max-width: 899px) {
      .l-footer .copyright {
        font-size: 3.07692vw;
        padding: 1.28205vw 5px 70px; } }

.fnav {
  width: 54.17277vw; }
  @media screen and (max-width: 899px) {
    .fnav {
      width: 100%; } }
  .fnav__list {
    border-bottom: 1px solid #4b9955;
    display: flex;
    flex-wrap: wrap;
    padding: 1.46413vw 0;
    gap: 2.19619vw; }
    @media screen and (max-width: 899px) {
      .fnav__list {
        display: block;
        border-bottom: none;
        margin: 0;
        padding: 0; } }
    .fnav__list.nb {
      border-bottom: none; }
  .fnav__item {
    display: flex;
    gap: 30px; }
    @media screen and (max-width: 899px) {
      .fnav__item {
        display: block;
        margin-bottom: 5.12821vw; } }
    .fnav__item a,
    .fnav__item .label {
      font-weight: bold;
      color: #808080;
      display: flex;
      gap: 0.36603vw;
      font-size: 1.31772vw; }
      @media screen and (max-width: 899px) {
        .fnav__item a,
        .fnav__item .label {
          font-size: 4.61538vw; } }
      .fnav__item a .exlink,
      .fnav__item .label .exlink {
        width: 0.95168vw;
        position: relative;
        top: -1px; }
        @media screen and (max-width: 899px) {
          .fnav__item a .exlink,
          .fnav__item .label .exlink {
            width: 3.33333vw; } }
    .fnav__item .child-list {
      display: flex;
      flex-wrap: wrap;
      gap: 30px;
      padding-top: 0.36603vw; }
      @media screen and (max-width: 899px) {
        .fnav__item .child-list {
          display: block;
          padding-top: 5.12821vw; } }
      @media screen and (max-width: 899px) {
        .fnav__item .child-list > li {
          margin-bottom: 5.12821vw; } }
      .fnav__item .child-list > li a {
        font-size: 1.02489vw;
        color: #2f2f2f; }
        @media screen and (max-width: 899px) {
          .fnav__item .child-list > li a {
            font-size: 3.58974vw; } }
  .fnav__list-sub {
    display: flex; }
    @media screen and (max-width: 899px) {
      .fnav__list-sub {
        display: block; } }
    @media screen and (max-width: 899px) {
      .fnav__list-sub > li {
        margin-bottom: 5.12821vw; } }
    .fnav__list-sub > li a {
      font-size: 1.02489vw;
      font-weight: bold;
      color: #808080; }
      @media screen and (max-width: 899px) {
        .fnav__list-sub > li a {
          font-size: 3.58974vw; } }
      .fnav__list-sub > li a::after {
        content: " / "; }
        @media screen and (max-width: 899px) {
          .fnav__list-sub > li a::after {
            display: none; } }

/* =========================== 

	2026.02　追加分

=========================== */
.top26-wrap-1 {
  background: url(../img/top/bg-earth.png) no-repeat center/90.55637vw auto; }
  @media screen and (max-width: 899px) {
    .top26-wrap-1 {
      background: url(../img/top/bg-earth.png) no-repeat center top 82vw/191.53846vw auto; } }

/* =========================== */
.top26-kv {
  margin-top: 7.8rem;
  margin-bottom: 5rem;
  padding-top: 40px; }
  @media screen and (max-width: 899px) {
    .top26-kv {
      margin-top: 5.8rem; } }
  .top26-kv__list .slick-prev,
  .top26-kv__list .slick-next {
    width: 20px;
    height: 36px;
    top: 50%;
    bottom: auto;
    border-radius: 0;
    transform: translate(0, -50%); }
    @media screen and (max-width: 899px) {
      .top26-kv__list .slick-prev,
      .top26-kv__list .slick-next {
        width: 38px;
        height: 38px; } }
    .top26-kv__list .slick-prev:before, .top26-kv__list .slick-prev:after,
    .top26-kv__list .slick-next:before,
    .top26-kv__list .slick-next:after {
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      content: "";
      display: block;
      opacity: 1;
      width: 100%;
      height: 100%; }
  .top26-kv__list .slick-prev {
    left: calc(15% - 12px); }
    @media screen and (max-width: 899px) {
      .top26-kv__list .slick-prev {
        left: 0px; } }
    .top26-kv__list .slick-prev:before {
      background-image: url(../img/common/slick-left.svg); }
  .top26-kv__list .slick-next {
    right: calc(15% - 12px); }
    @media screen and (max-width: 899px) {
      .top26-kv__list .slick-next {
        right: 0px; } }
    .top26-kv__list .slick-next:before {
      background-image: url(../img/common/slick-right.svg); }
  .top26-kv__list .slick-dots {
    bottom: -30px;
    left: 50%;
    transform: translate(-50%, 0); }
    .top26-kv__list .slick-dots li {
      bottom: 0 !important;
      width: 10px;
      height: 10px;
      margin: 0 3px;
      padding: 0;
      opacity: 1;
      cursor: pointer; }
      .top26-kv__list .slick-dots li button {
        font-size: 0;
        line-height: 0;
        display: block;
        width: 100%;
        height: 100%;
        padding: 0;
        cursor: pointer;
        color: transparent;
        border: 0;
        outline: none;
        background: transparent; }
        .top26-kv__list .slick-dots li button:before {
          line-height: 20px;
          position: absolute;
          top: 0;
          left: 0;
          transform: translate(0, 0);
          width: 100%;
          height: 100%;
          border-radius: 100vh;
          content: "" !important;
          display: block;
          background-color: #a7a7a7;
          text-align: center;
          opacity: 1;
          color: #fff;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
      .top26-kv__list .slick-dots li.slick-active button:before {
        background-color: #4b9955;
        opacity: 1; }
  .top26-kv__item {
    margin: 0 45px; }

/* =========================== */
.top26-clientlogo {
  margin-bottom: 5rem; }
  .top26-clientlogo__slider {
    overflow: hidden;
    width: 100%;
    background: #eee; }
  .top26-clientlogo__track {
    display: flex;
    width: max-content;
    animation: scroll 50s linear infinite; }
  .top26-clientlogo__logo {
    flex: 0 0 auto; }
    .top26-clientlogo__logo img {
      height: 96px;
      display: block; }

/* 右 → 左 */
@keyframes scroll {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-50%); } }

/* =========================== */
.top26-challenge {
  text-align: center;
  margin-bottom: 4.39239vw; }
  @media screen and (max-width: 899px) {
    .top26-challenge {
      margin-bottom: 15.38462vw; } }
  .top26-challenge__lead {
    font-size: 2.19619vw;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 3rem; }
    @media screen and (max-width: 899px) {
      .top26-challenge__lead {
        font-size: 5.12821vw; } }
  .top26-challenge .cmnTtl01_en {
    text-transform: uppercase; }
  .top26-challenge__list {
    display: flex;
    gap: 1.75695vw;
    margin-top: 3.66032vw; }
    @media screen and (max-width: 899px) {
      .top26-challenge__list {
        flex-direction: column;
        gap: 6.15385vw; } }
  .top26-challenge__item {
    width: calc((100%) / 3);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: 10px;
    background: #fff;
    padding: 30px; }
    @media screen and (max-width: 899px) {
      .top26-challenge__item {
        width: 100%; } }
    .top26-challenge__item .icon {
      height: 6.8082vw;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 0.73206vw; }
      @media screen and (max-width: 899px) {
        .top26-challenge__item .icon {
          height: 23.84615vw; } }
      .top26-challenge__item .icon img.w-93 {
        width: 6.8082vw; }
        @media screen and (max-width: 899px) {
          .top26-challenge__item .icon img.w-93 {
            width: 23.84615vw; } }
      .top26-challenge__item .icon img.w-78 {
        width: 5.7101vw; }
        @media screen and (max-width: 899px) {
          .top26-challenge__item .icon img.w-78 {
            width: 20vw; } }
      .top26-challenge__item .icon img.w-83 {
        width: 6.07613vw; }
        @media screen and (max-width: 899px) {
          .top26-challenge__item .icon img.w-83 {
            width: 21.28205vw; } }
    .top26-challenge__item .ttl {
      color: #4b9955;
      font-size: 1.46413vw;
      font-weight: bold;
      line-height: 1.5;
      margin-bottom: 0.73206vw; }
      @media screen and (max-width: 899px) {
        .top26-challenge__item .ttl {
          font-size: 5.12821vw; } }
    .top26-challenge__item .body {
      text-align: left;
      font-size: 1.02489vw;
      line-height: 1.79;
      font-weight: 500; }
      @media screen and (max-width: 899px) {
        .top26-challenge__item .body {
          font-size: 3.58974vw; } }

/* =========================== */
.top26-strength {
  margin-bottom: 5.85652vw; }
  @media screen and (max-width: 899px) {
    .top26-strength {
      margin-bottom: 12.82051vw; } }
  .top26-strength__lead {
    text-align: center;
    font-size: 2.19619vw;
    font-weight: bold;
    position: relative;
    padding-top: 60px;
    margin-bottom: 3.66032vw; }
    @media screen and (max-width: 899px) {
      .top26-strength__lead {
        font-size: 5.12821vw;
        line-height: 1.6; } }
    .top26-strength__lead::before {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 30px 46px 0px 46px;
      border-color: #a7a7a7 transparent transparent transparent;
      transform: rotate(0deg);
      position: absolute;
      left: 50%;
      top: 0;
      transform: translate(-50%, 0); }
  .top26-strength__cont {
    position: relative;
    padding: 4.39239vw 0 7.32064vw; }
    @media screen and (max-width: 899px) {
      .top26-strength__cont {
        padding: 10.25641vw 0 25.64103vw; } }
    .top26-strength__cont::before {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      background: #f7f7f7;
      position: absolute;
      left: 0;
      top: 0;
      border-radius: 100vh; }
  .top26-strength .cmnTtl01 {
    position: relative; }
    @media screen and (max-width: 899px) {
      .top26-strength .cmnTtl01 {
        text-align: center; } }
  .top26-strength__list {
    display: flex;
    gap: 3.4407vw;
    margin-top: 3.66032vw;
    position: relative; }
    @media screen and (max-width: 899px) {
      .top26-strength__list {
        flex-direction: column;
        gap: 7.69231vw; } }
  .top26-strength__item {
    width: calc(100% / 3); }
    @media screen and (max-width: 899px) {
      .top26-strength__item {
        width: 100%; } }
    .top26-strength__item .img {
      margin-bottom: 1.46413vw; }
      @media screen and (max-width: 899px) {
        .top26-strength__item .img {
          margin-bottom: 5.12821vw; } }
      .top26-strength__item .img img {
        border-radius: 10px; }
    .top26-strength__item .ttl {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      margin-bottom: 1rem;
      font-size: 2rem;
      font-weight: 600; }
      .top26-strength__item .ttl > span {
        background: #4b9955;
        color: #fff;
        padding: 0.8rem;
        line-height: 1;
        margin-bottom: 0.3rem; }
    .top26-strength__item .body {
      text-align: left;
      font-size: 1.02489vw;
      line-height: 1.79;
      font-weight: 500; }
      @media screen and (max-width: 899px) {
        .top26-strength__item .body {
          font-size: 3.58974vw; } }

/* =========================== */
.top26-service {
  margin-bottom: 5.85652vw; }
  @media screen and (max-width: 899px) {
    .top26-service {
      margin-bottom: 20.51282vw; } }
  .top26-service__lead {
    text-align: center;
    font-size: 2.19619vw;
    line-height: 1.5;
    font-weight: bold;
    margin-top: 1.46413vw;
    margin-bottom: 3.66032vw; }
    @media screen and (max-width: 899px) {
      .top26-service__lead {
        font-size: 5.12821vw;
        margin-bottom: 7.69231vw; } }
  .top26-service__list {
    display: flex;
    flex-wrap: wrap;
    gap: 3.07467vw;
    position: relative; }
    @media screen and (max-width: 899px) {
      .top26-service__list {
        flex-direction: column;
        gap: 10.25641vw; } }
  .top26-service__item {
    width: calc((100% - 3.07467vw) / 2); }
    @media screen and (max-width: 899px) {
      .top26-service__item {
        width: 100%; } }
    .top26-service__item a {
      display: block;
      position: relative; }
      .top26-service__item a .upper {
        padding: 1.46413vw;
        position: relative;
        overflow: hidden; }
        @media screen and (max-width: 899px) {
          .top26-service__item a .upper {
            padding: 3.33333vw; } }
        .top26-service__item a .upper::before {
          content: "";
          display: block;
          width: 100%;
          height: 100%;
          position: absolute;
          left: 0;
          top: 0;
          border: 1px solid #4b9955;
          border-bottom: none;
          border-radius: 10px 10px 0 0;
          box-sizing: border-box;
          z-index: 1;
          transition: 0.2s; }
        .top26-service__item a .upper .number {
          position: absolute;
          left: 0;
          top: 0;
          width: 7.17423vw;
          height: 7.17423vw;
          color: #4b9955;
          font-size: 2.92826vw;
          font-weight: bold;
          line-height: 1;
          border-radius: 50%; }
          @media screen and (max-width: 899px) {
            .top26-service__item a .upper .number {
              font-size: 8.20513vw;
              width: 20.25641vw;
              height: 20.25641vw; } }
          .top26-service__item a .upper .number-inner {
            width: 100%;
            height: 100%;
            position: relative;
            padding: 1.0981vw 0 0 1.24451vw; }
            @media screen and (max-width: 899px) {
              .top26-service__item a .upper .number-inner {
                padding: 3.84615vw 0 0 4.35897vw; } }
            .top26-service__item a .upper .number-inner::before {
              content: "";
              display: block;
              width: 100%;
              height: 100%;
              background: #fff;
              position: absolute;
              left: -0.73206vw;
              top: -1.1713vw;
              border-radius: 50%; }
              @media screen and (max-width: 899px) {
                .top26-service__item a .upper .number-inner::before {
                  left: -1.28205vw;
                  top: -2.05128vw; } }
            .top26-service__item a .upper .number-inner > span {
              position: relative; }
        .top26-service__item a .upper .img {
          margin-bottom: 0.73206vw; }
          .top26-service__item a .upper .img img {
            border-radius: 10px; }
        .top26-service__item a .upper .ttl {
          color: #4b9955;
          font-size: 1.83016vw;
          font-weight: bold; }
          @media screen and (max-width: 899px) {
            .top26-service__item a .upper .ttl {
              font-size: 5.64103vw; } }
        .top26-service__item a .upper .body {
          text-align: left;
          font-size: 1.02489vw;
          line-height: 1.79;
          font-weight: 500; }
          @media screen and (max-width: 899px) {
            .top26-service__item a .upper .body {
              font-size: 3.58974vw; } }
      .top26-service__item a .lower {
        background-color: #4b9955;
        background: #4b9955;
        color: #fff;
        display: flex;
        align-items: center;
        font-size: 1.02489vw;
        font-weight: 500;
        line-height: 1.78;
        padding: 1.0981vw 0;
        border-radius: 0 0 10px 10px; }
        @media screen and (max-width: 899px) {
          .top26-service__item a .lower {
            font-size: 3.58974vw;
            display: block;
            padding: 3.33333vw; } }
        .top26-service__item a .lower .label {
          width: 9em;
          flex-shrink: 0;
          text-align: center;
          padding: 0 20px; }
          @media screen and (max-width: 899px) {
            .top26-service__item a .lower .label {
              width: 100%;
              text-align: left;
              padding: 0; } }
        .top26-service__item a .lower .cont {
          border-left: 1px solid #fff;
          padding: 0 20px; }
          @media screen and (max-width: 899px) {
            .top26-service__item a .lower .cont {
              border: none;
              padding: 0; } }
      .top26-service__item a .cmnBtn02 {
        display: none; }
        @media screen and (max-width: 899px) {
          .top26-service__item a .cmnBtn02 {
            display: flex;
            justify-content: center;
            margin-top: 2.5641vw; } }
      .top26-service__item a:hover {
        opacity: 1; }
        .top26-service__item a:hover .upper {
          border-width: 10px; }
          .top26-service__item a:hover .upper::before {
            border-width: 6px; }

/* =========================== */
.top26-success {
  margin-bottom: 5.85652vw; }
  @media screen and (max-width: 899px) {
    .top26-success {
      margin-bottom: 20.51282vw; } }
  .top26-success__list {
    display: flex;
    gap: 3.07467vw;
    margin-top: 3.66032vw;
    position: relative;
    margin-bottom: 3.66032vw; }
    @media screen and (max-width: 899px) {
      .top26-success__list {
        flex-direction: column;
        gap: 10.25641vw;
        margin-bottom: 12.82051vw; } }
  .top26-success__item {
    width: calc((100% - 6.14934vw) / 3); }
    @media screen and (max-width: 899px) {
      .top26-success__item {
        width: 100%; } }
    .top26-success__item .img {
      margin-bottom: 0.73206vw; }
      @media screen and (max-width: 899px) {
        .top26-success__item .img {
          margin-bottom: 3.84615vw; } }
      .top26-success__item .img img {
        border-radius: 10px; }
    .top26-success__item .ttl {
      color: #4b9955;
      font-size: 1.46413vw;
      font-weight: bold;
      line-height: 1.5;
      margin-bottom: 1rem; }
      @media screen and (max-width: 899px) {
        .top26-success__item .ttl {
          font-size: 5.12821vw;
          line-height: 1.25;
          margin-bottom: 2.5641vw; } }
    .top26-success__item .body {
      text-align: left;
      font-size: 1.02489vw;
      line-height: 1.79;
      font-weight: 500; }
      @media screen and (max-width: 899px) {
        .top26-success__item .body {
          font-size: 3.58974vw; } }
    .top26-success__item .cmnBtn02 {
      justify-content: center;
      margin-top: 2.92826vw; }

/* =========================== */
.top26-wrap-2 {
  background: #f7f7f7;
  padding: 5.85652vw 0; }
  @media screen and (max-width: 899px) {
    .top26-wrap-2 {
      padding: 12.82051vw 0; } }

/* =========================== */
.top26-news {
  margin-bottom: 5.85652vw; }
  @media screen and (max-width: 899px) {
    .top26-news {
      margin-bottom: 20.51282vw; } }
  .top26-news-inner {
    display: grid;
    grid-template-columns: 27% 1fr;
    grid-template-rows: auto 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px; }
    @media screen and (max-width: 899px) {
      .top26-news-inner {
        display: block; } }
  .top26-news .cmnTtl01 {
    padding: 1.46413vw 0 0; }
    @media screen and (max-width: 899px) {
      .top26-news .cmnTtl01 {
        text-align: center;
        margin-bottom: 5.12821vw; } }
  .top26-news__list {
    grid-area: 1 / 2 / 3 / 3; }
  .top26-news__item {
    border-bottom: 1px solid #707070; }
    .top26-news__item a {
      display: block;
      font-weight: bold;
      padding: 2.19619vw 0 0.73206vw; }
      .top26-news__item a .date {
        color: #4b9955; }
  .top26-news .cmnBtn02 {
    align-self: start;
    margin-top: 1.46413vw; }
    @media screen and (max-width: 899px) {
      .top26-news .cmnBtn02 {
        justify-content: center;
        margin-top: 10.25641vw; } }

/* =========================== */
.top26-info {
  margin-bottom: 5.85652vw;
  position: relative;
  padding: 4.39239vw 0 7.32064vw; }
  @media screen and (max-width: 899px) {
    .top26-info {
      margin-bottom: 41.02564vw;
      padding: 15.38462vw 0 25.64103vw; } }
  .top26-info::before {
    content: "";
    display: block;
    width: 100%;
    height: 60%;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 100vh; }
    @media screen and (max-width: 899px) {
      .top26-info::before {
        height: 100%; } }
  .top26-info-inner {
    position: relative; }
  @media screen and (max-width: 899px) {
    .top26-info .cmnTtl01 {
      text-align: center;
      margin: 0 auto 2.5641vw; } }
  .top26-info__lead {
    font-size: 1.46413vw;
    text-align: center;
    font-weight: bold;
    line-height: 1.5;
    margin: 1.46413vw 0 2.92826vw; }
    @media screen and (max-width: 899px) {
      .top26-info__lead {
        font-size: 3.58974vw;
        text-align: left;
        max-width: 84%;
        margin: 0 auto 5.12821vw; } }
  .top26-info__list {
    display: flex;
    flex-wrap: wrap;
    gap: 4.90483vw;
    margin-bottom: 2.92826vw; }
    @media screen and (max-width: 899px) {
      .top26-info__list {
        gap: 7.69231vw;
        margin-bottom: 10.25641vw; } }
  .top26-info__item {
    width: calc((100% - 9.80966vw) / 3); }
    @media screen and (max-width: 899px) {
      .top26-info__item {
        width: 100%; } }
    .top26-info__item a {
      border: 1px solid #707070;
      border-radius: 10px; }

/* =========================== */
.top26-company {
  margin-bottom: 10.98097vw;
  text-align: center;
  position: relative;
  z-index: 2; }
  @media screen and (max-width: 899px) {
    .top26-company {
      margin-bottom: 17.94872vw;
      padding: 20.51282vw 0 0; } }
  .top26-company::before {
    content: "";
    width: 100%;
    height: 15rem;
    position: absolute;
    left: 0;
    top: -15rem;
    background: url(../img/top_faq_wave.png) 0 0 no-repeat;
    background-size: 100% 100%; }
    @media screen and (max-width: 899px) {
      .top26-company::before {
        height: 4.2rem;
        top: -4.1rem;
        background: url(../img/sp/top_faq_wave@2x.png) 0 0 no-repeat;
        background-size: 100% 100%; } }
  .top26-company-inner {
    display: inline-block;
    position: relative; }
  @media screen and (max-width: 899px) {
    .top26-company .cmnTtl01 {
      margin-bottom: 5.12821vw; } }
  .top26-company__lead {
    font-size: 2.92826vw;
    font-weight: bold;
    line-height: 1.5;
    margin: 1.46413vw 0;
    display: flex;
    justify-content: center;
    text-align: left; }
    @media screen and (max-width: 899px) {
      .top26-company__lead {
        font-size: 5.12821vw;
        margin-bottom: 3.84615vw;
        line-height: 1.78; } }
  .top26-company__body {
    font-size: 1.31772vw;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 1.46413vw; }
    @media screen and (max-width: 899px) {
      .top26-company__body {
        font-size: 3.58974vw;
        margin-bottom: 7.69231vw; } }
  .top26-company__img .img {
    position: absolute; }
    .top26-company__img .img.img-1 {
      left: -19.03367vw;
      top: -8.78477vw;
      width: 20.4978vw; }
      @media screen and (max-width: 899px) {
        .top26-company__img .img.img-1 {
          display: none; } }
    .top26-company__img .img.img-2 {
      left: -27.52562vw;
      top: 10.46852vw;
      width: 16.83748vw; }
      @media screen and (max-width: 899px) {
        .top26-company__img .img.img-2 {
          display: none; } }
    .top26-company__img .img.img-3 {
      right: -28.03807vw;
      bottom: -13.90922vw;
      width: 28.03807vw; }
      @media screen and (max-width: 899px) {
        .top26-company__img .img.img-3 {
          right: auto;
          left: 50%;
          bottom: auto;
          top: -43.58974vw;
          transform: translate(-50%, 0);
          width: 38.71795vw; } }

/* =========================== */
/* =========================== */
/* =========================== */
/* =========================== */
/* =========================== 

	2026.02　追加分

=========================== */
.company26-intro {
  background: url(../img/company/intro-bg.jpg) no-repeat center/cover;
  color: #fff;
  padding: 4.39239vw 0 14.64129vw; }
  @media screen and (max-width: 899px) {
    .company26-intro {
      background: #004d1b url(../img/company/sp/intro-bg.jpg) no-repeat left top/100% auto;
      padding: 64.10256vw 0 12.82051vw; } }
  .company26-intro-unit {
    margin-bottom: 4rem; }
    .company26-intro-unit-header {
      display: flex;
      align-items: center;
      gap: 1.46413vw;
      border-bottom: 1px solid #fff;
      margin-bottom: 1.46413vw; }
      @media screen and (max-width: 899px) {
        .company26-intro-unit-header {
          flex-direction: column;
          align-items: flex-start;
          gap: 0;
          padding-bottom: 2.5641vw;
          margin-bottom: 3.84615vw; } }
      .company26-intro-unit-header .en {
        font-size: 4.39239vw;
        font-weight: bold;
        line-height: 1.6;
        text-transform: uppercase; }
        @media screen and (max-width: 899px) {
          .company26-intro-unit-header .en {
            font-size: 8.97436vw;
            line-height: 1; } }
      .company26-intro-unit-header .jp {
        font-size: 1.46413vw;
        font-weight: bold;
        padding-top: 0.73206vw; }
        @media screen and (max-width: 899px) {
          .company26-intro-unit-header .jp {
            font-size: 4.10256vw; } }
    .company26-intro-unit-cont p {
      margin-bottom: 2.5rem; }
    .company26-intro-unit.purpose .company26-intro-unit-cont {
      font-size: 2.56223vw;
      font-weight: bold; }
      @media screen and (max-width: 899px) {
        .company26-intro-unit.purpose .company26-intro-unit-cont {
          font-size: 6.41026vw;
          line-height: 1.6; } }
    .company26-intro-unit.statement .company26-intro-unit-cont {
      font-size: 1.31772vw;
      font-weight: bold; }
      @media screen and (max-width: 899px) {
        .company26-intro-unit.statement .company26-intro-unit-cont {
          font-size: 3.58974vw; } }

/* =========================== */
.company26-message {
  position: relative;
  margin-bottom: 5.85652vw; }
  @media screen and (max-width: 899px) {
    .company26-message {
      padding-top: 12.82051vw;
      margin-bottom: 12.82051vw; } }
  .company26-message::before {
    content: "";
    width: 100%;
    height: 15rem;
    position: absolute;
    left: 0;
    top: -14.5rem;
    background: url(../img/top_faq_wave.png) 0 0 no-repeat;
    background-size: 100% 100%; }
    @media screen and (max-width: 899px) {
      .company26-message::before {
        height: 4.2rem;
        top: -4.1rem;
        background: url(../img/sp/top_faq_wave@2x.png) 0 0 no-repeat;
        background-size: 100% 100%; } }
  .company26-message .sect-inner {
    overflow: hidden; }
  .company26-message-img {
    float: right;
    width: 50%;
    padding: 1.0981vw 0 1.46413vw 2.19619vw; }
    @media screen and (max-width: 899px) {
      .company26-message-img {
        float: none;
        width: 100%;
        margin-bottom: 3.84615vw; } }
  .company26-message .cmnTtl01 {
    margin-bottom: 1.46413vw; }
    @media screen and (max-width: 899px) {
      .company26-message .cmnTtl01 .cmnTtl01_en {
        text-align: center; } }
    .company26-message .cmnTtl01 .cmnTtl01_jp {
      font-size: 2.19619vw; }
      @media screen and (max-width: 899px) {
        .company26-message .cmnTtl01 .cmnTtl01_jp {
          font-size: 5.12821vw;
          text-align: left; } }
  .company26-message__body p {
    margin-bottom: 2rem; }
  .company26-message__name-set {
    text-align: right;
    font-weight: bold;
    margin-top: 2.19619vw; }
    @media screen and (max-width: 899px) {
      .company26-message__name-set {
        margin-top: 7.69231vw; } }
    .company26-message__name-set .post {
      font-size: 1.02489vw; }
      @media screen and (max-width: 899px) {
        .company26-message__name-set .post {
          font-size: 3.58974vw; } }
    .company26-message__name-set .name {
      font-size: 1.46413vw; }
      @media screen and (max-width: 899px) {
        .company26-message__name-set .name {
          font-size: 5.12821vw; } }

/* =========================== */
.company26-point {
  position: relative;
  margin-bottom: 5.85652vw; }
  @media screen and (max-width: 899px) {
    .company26-point {
      margin-bottom: 12.82051vw; } }
  .company26-point__lead {
    text-align: center;
    color: #4b9955;
    font-size: 1.61054vw;
    font-weight: bold;
    line-height: 1.8;
    margin-bottom: 2.19619vw; }
    @media screen and (max-width: 899px) {
      .company26-point__lead {
        font-size: 4.10256vw;
        line-height: 1.9;
        margin-bottom: 5.12821vw; } }
  .company26-point__list {
    display: flex;
    gap: 3.51391vw; }
    @media screen and (max-width: 899px) {
      .company26-point__list {
        flex-direction: column;
        gap: 10.25641vw; } }
  .company26-point__item {
    width: calc((100% - 7.02782vw) / 3);
    position: relative; }
    @media screen and (max-width: 899px) {
      .company26-point__item {
        width: 100%; } }
    .company26-point__item .badge {
      position: absolute;
      left: 0;
      top: 0;
      background-color: #4b9955;
      color: #fff;
      border-radius: 10px 0 5px 0;
      font-family: "Oswald", sans-serif;
      font-size: 1.1713vw;
      padding: 0 6px; }
      @media screen and (max-width: 899px) {
        .company26-point__item .badge {
          font-size: 3.84615vw; } }
    .company26-point__item .img img {
      border-radius: 10px; }
    .company26-point__item .ttl {
      color: #4b9955;
      display: flex;
      align-items: center;
      gap: 0.73206vw; }
      @media screen and (max-width: 899px) {
        .company26-point__item .ttl {
          gap: 2.5641vw; } }
      .company26-point__item .ttl .en {
        font-family: "Oswald", sans-serif;
        font-size: 2.19619vw; }
        @media screen and (max-width: 899px) {
          .company26-point__item .ttl .en {
            font-size: 7.69231vw; } }
      .company26-point__item .ttl .jp {
        font-size: 1.46413vw;
        font-weight: bold; }
        @media screen and (max-width: 899px) {
          .company26-point__item .ttl .jp {
            font-size: 4.61538vw; } }
    .company26-point__item .body {
      line-height: 1.78; }

/* =========================== */
.company26-wrap-1 {
  background: #f7f7f7;
  padding: 0.73206vw 0; }

/* =========================== */
.company26-profile {
  position: relative;
  padding: 5.85652vw 0 0; }
  @media screen and (max-width: 899px) {
    .company26-profile {
      padding: 12.82051vw 0 17.94872vw; } }
  .company26-profile .cmnTtl01 {
    margin-bottom: 2.19619vw; }
    @media screen and (max-width: 899px) {
      .company26-profile .cmnTtl01 {
        text-align: center;
        margin-bottom: 5.12821vw; } }
  @media screen and (max-width: 899px) {
    .company26-profile .companyInfoInner {
      width: 100%; } }
  .company26-profile .companyInfoList li {
    line-height: 1.57;
    align-items: center;
    padding-bottom: 2.5rem;
    margin-bottom: 2.5rem; }
    @media screen and (max-width: 899px) {
      .company26-profile .companyInfoList li {
        align-items: flex-start;
        padding-bottom: 2rem;
        margin-bottom: 2rem; } }
    .company26-profile .companyInfoList li h4 {
      width: 25%; }
      @media screen and (max-width: 899px) {
        .company26-profile .companyInfoList li h4 {
          width: 100%;
          margin-bottom: 0.5rem; } }
    .company26-profile .companyInfoList li > div {
      width: 75%; }
      @media screen and (max-width: 899px) {
        .company26-profile .companyInfoList li > div {
          width: 100%; } }

/* =========================== */
.company26-locations {
  position: relative;
  margin-bottom: 5.85652vw;
  background: url(../img/company/locations-bg.svg) no-repeat left -42.0205vw top/108.12592vw auto;
  padding: 11.71303vw 0 0; }
  @media screen and (max-width: 899px) {
    .company26-locations {
      background: url(../img/company/locations-bg.svg) no-repeat left -140.25641vw bottom;
      background-size: 292.05128vw auto;
      margin-bottom: 0;
      padding: 0 0 138.46154vw; } }
  .company26-locations .sect-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 2.92826vw 0; }
    @media screen and (max-width: 899px) {
      .company26-locations .sect-inner {
        flex-direction: column; } }
  .company26-locations .cmnTtl01 {
    background-color: #fff;
    border-radius: 100vh;
    width: 36.60322vw;
    height: 13.25037vw;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media screen and (max-width: 899px) {
      .company26-locations .cmnTtl01 {
        width: 100%;
        background: none; } }
  @media screen and (max-width: 899px) {
    .company26-locations-unit {
      margin-bottom: 10.25641vw; } }
  .company26-locations-unit-header {
    color: #4b9955;
    border-bottom: 1px solid #4b9955;
    font-size: 1.46413vw;
    font-weight: bold;
    margin-bottom: 0.73206vw; }
    @media screen and (max-width: 899px) {
      .company26-locations-unit-header {
        font-size: 5.12821vw;
        margin-bottom: 5.12821vw;
        padding-bottom: 1.53846vw; } }
  .company26-locations-unit-cont ul {
    display: flex; }
    @media screen and (max-width: 899px) {
      .company26-locations-unit-cont ul {
        flex-direction: column;
        gap: 10.25641vw; } }
    .company26-locations-unit-cont ul li {
      flex: 1; }
      .company26-locations-unit-cont ul li .name {
        font-size: 1.31772vw;
        font-weight: bold;
        color: #4b9955; }
        @media screen and (max-width: 899px) {
          .company26-locations-unit-cont ul li .name {
            font-size: 4.61538vw; } }
      .company26-locations-unit-cont ul li .address {
        line-height: 1.78; }
  .company26-locations-unit.head, .company26-locations-unit.overseas {
    width: 50%; }
    @media screen and (max-width: 899px) {
      .company26-locations-unit.head, .company26-locations-unit.overseas {
        width: 100%; } }
  .company26-locations-unit.domestic {
    width: 100%; }
  .company26-locations-unit.overseas {
    margin-left: auto; }
    .company26-locations-unit.overseas .company26-locations-unit-cont .area-wrap {
      border-bottom: 1px solid #4b9955;
      padding: 1.46413vw 0 0.73206vw; }
      @media screen and (max-width: 899px) {
        .company26-locations-unit.overseas .company26-locations-unit-cont .area-wrap {
          padding: 5.12821vw 0 2.5641vw; } }
      .company26-locations-unit.overseas .company26-locations-unit-cont .area-wrap:last-child {
        border-bottom: none;
        padding-bottom: 0; }
        @media screen and (max-width: 899px) {
          .company26-locations-unit.overseas .company26-locations-unit-cont .area-wrap:last-child {
            border-bottom: 1px solid #4b9955;
            padding: 5.12821vw 0 2.5641vw; } }
      .company26-locations-unit.overseas .company26-locations-unit-cont .area-wrap .area {
        color: #4b9955;
        font-size: 1.31772vw;
        font-weight: bold;
        margin-bottom: 0.73206vw; }
        @media screen and (max-width: 899px) {
          .company26-locations-unit.overseas .company26-locations-unit-cont .area-wrap .area {
            font-size: 4.61538vw;
            line-height: 1.67; } }
    .company26-locations-unit.overseas .company26-locations-unit-cont ul {
      display: block; }
      .company26-locations-unit.overseas .company26-locations-unit-cont ul li {
        margin-bottom: 1.46413vw; }
        .company26-locations-unit.overseas .company26-locations-unit-cont ul li .name {
          font-size: 1.0981vw; }
          @media screen and (max-width: 899px) {
            .company26-locations-unit.overseas .company26-locations-unit-cont ul li .name {
              font-size: 3.84615vw; } }

/* =========================== */
.company26-group {
  position: relative;
  margin-bottom: 8.05271vw; }
  @media screen and (max-width: 899px) {
    .company26-group {
      margin-top: -56.41026vw;
      margin-bottom: 12.82051vw; } }
  .company26-group .cmnTtl01 {
    margin-bottom: 2.19619vw; }
  .company26-group-inner {
    margin: 0 auto;
    background: #fff;
    padding: 6rem 10rem;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    gap: 3.66032vw; }
    @media screen and (max-width: 899px) {
      .company26-group-inner {
        width: 100%;
        max-width: 100% !important;
        display: block;
        padding: 5.12821vw 5.12821vw 7.69231vw; } }
  .company26-group__list {
    width: calc(100% - 215px); }
    @media screen and (max-width: 899px) {
      .company26-group__list {
        width: 100%;
        margin-bottom: 5.12821vw; } }
  .company26-group__item {
    border-bottom: 1px solid #d9d9d9; }
    .company26-group__item a {
      display: flex;
      align-items: flex-start;
      gap: 0.73206vw;
      font-size: 1.0981vw;
      font-weight: bold;
      color: #4b9955;
      padding: 0.73206vw 0; }
      @media screen and (max-width: 899px) {
        .company26-group__item a {
          font-size: 3.58974vw;
          padding: 2.5641vw 0; } }
      .company26-group__item a .exlink {
        width: 1.02489vw;
        height: auto;
        display: flex;
        align-items: center;
        position: relative;
        top: 0.43924vw; }
        @media screen and (max-width: 899px) {
          .company26-group__item a .exlink {
            width: 3.58974vw;
            top: 1.53846vw; } }
  .company26-group .bnr-list {
    flex: 0 0 215px; }
    @media screen and (max-width: 899px) {
      .company26-group .bnr-list {
        display: flex;
        flex-wrap: wrap;
        gap: 1.53846vw; } }
    .company26-group .bnr-list > li {
      margin-bottom: 20px;
      display: block;
      background: #fff;
      box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }
      @media screen and (max-width: 899px) {
        .company26-group .bnr-list > li {
          width: calc((100% - 1.53846vw) / 2);
          margin: 0; } }

/* =========================== */
.company26-history {
  margin-bottom: 8.05271vw; }
  @media screen and (max-width: 899px) {
    .company26-history {
      margin-bottom: 12.82051vw; } }
  .company26-history .sect-inner {
    background: #4b9955;
    color: #fff;
    border-radius: 10px;
    cursor: pointer;
    position: relative; }
    @media screen and (max-width: 899px) {
      .company26-history .sect-inner {
        max-width: 84%;
        padding: 1.28205vw; } }
    .company26-history .sect-inner .cmnTtl01 {
      margin-bottom: 2.19619vw;
      padding: 1.46413vw 2.92826vw 2.19619vw; }
      .company26-history .sect-inner .cmnTtl01 .cmnTtl01_en {
        color: #fff; }
        @media screen and (max-width: 899px) {
          .company26-history .sect-inner .cmnTtl01 .cmnTtl01_en {
            margin: 0;
            line-height: 1.1; } }
      .company26-history .sect-inner .cmnTtl01 .cmnTtl01_jp {
        color: #fff; }
    .company26-history .sect-inner .status {
      position: absolute;
      background: #fff;
      border-radius: 50%;
      width: 3.3675vw;
      height: 3.3675vw;
      right: 2.19619vw;
      top: 50%;
      transform: translate(0, -50%); }
      @media screen and (max-width: 899px) {
        .company26-history .sect-inner .status {
          width: 6.66667vw;
          height: 6.66667vw; } }
      .company26-history .sect-inner .status-inner {
        width: 100%;
        height: 100%;
        position: relative; }
        .company26-history .sect-inner .status-inner .line-1,
        .company26-history .sect-inner .status-inner .line-2 {
          background: #4b9955;
          position: absolute;
          left: 50%;
          top: 50%;
          width: 1.53734vw;
          height: 0.29283vw;
          transform: translate(-50%, -50%);
          border-radius: 100vh; }
          @media screen and (max-width: 899px) {
            .company26-history .sect-inner .status-inner .line-1,
            .company26-history .sect-inner .status-inner .line-2 {
              width: 3.07692vw;
              height: 0.51282vw; } }
        .company26-history .sect-inner .status-inner .line-2 {
          transform: translate(-50%, -50%) rotate(90deg); }
  .company26-history .modal__container .cmnTtl01 {
    text-align: center; }
    @media screen and (max-width: 899px) {
      .company26-history .modal__container .cmnTtl01 {
        margin-bottom: 5.12821vw; } }
  .company26-history__list {
    margin-bottom: 2.92826vw; }
    @media screen and (max-width: 899px) {
      .company26-history__list {
        border-top: 1px solid #707070; } }
  .company26-history__item {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #707070;
    padding: 1.46413vw 0;
    line-height: 1.78; }
    @media screen and (max-width: 899px) {
      .company26-history__item {
        display: block;
        padding: 3.84615vw 0; } }
    .company26-history__item .date {
      color: #4b9955;
      font-size: 1.46413vw;
      font-weight: bold;
      width: 28%; }
      @media screen and (max-width: 899px) {
        .company26-history__item .date {
          width: 100%;
          font-size: 3.84615vw;
          margin-bottom: 1.28205vw; } }
    .company26-history__item .cont {
      width: 72%; }
      @media screen and (max-width: 899px) {
        .company26-history__item .cont {
          width: 100%; } }
      .company26-history__item .cont .ttl {
        font-size: 1.1713vw;
        font-weight: bold; }
        @media screen and (max-width: 899px) {
          .company26-history__item .cont .ttl {
            font-size: 4.10256vw; } }
        .company26-history__item .cont .ttl ul {
          margin: 0; }
          .company26-history__item .cont .ttl ul li {
            position: relative;
            padding-left: 2rem; }
            .company26-history__item .cont .ttl ul li::before {
              content: "・";
              position: absolute;
              left: 0;
              top: 0; }
      .company26-history__item .cont > ul li:not(last-child) {
        margin-bottom: 1.46413vw; }
      .company26-history__item .cont > ul li .ttl.dot {
        position: relative;
        padding-left: 2rem; }
        .company26-history__item .cont > ul li .ttl.dot::before {
          content: "・";
          position: absolute;
          left: 0;
          top: 0; }

/* =========================== */
/* モーダル本体 */
.modal__wrapper,
.modal__wrapper-sp {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 120;
  width: 100%;
  height: 100%;
  z-index: 1001;
  /* モーダルを閉じるボタン */ }
  .modal__wrapper .modal__layer,
  .modal__wrapper .modal__layer-sp,
  .modal__wrapper-sp .modal__layer,
  .modal__wrapper-sp .modal__layer-sp {
    height: 100%;
    background: rgba(50, 50, 50, 0.7);
    cursor: pointer; }
  .modal__wrapper .modal__container,
  .modal__wrapper .modal__container-sp,
  .modal__wrapper-sp .modal__container,
  .modal__wrapper-sp .modal__container-sp {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1088px;
    max-height: 90%;
    height: 100%;
    padding: 70px 65px;
    padding-right: 0;
    background: #fff;
    border-radius: 10px;
    overflow: auto; }
    @media screen and (max-width: 899px) {
      .modal__wrapper .modal__container,
      .modal__wrapper .modal__container-sp,
      .modal__wrapper-sp .modal__container,
      .modal__wrapper-sp .modal__container-sp {
        width: 90%;
        padding: 30px 20px;
        padding-right: 0; } }
    .modal__wrapper .modal__container .modal__container-2,
    .modal__wrapper .modal__container-sp .modal__container-2,
    .modal__wrapper-sp .modal__container .modal__container-2,
    .modal__wrapper-sp .modal__container-sp .modal__container-2 {
      width: 100%;
      height: 100%;
      position: relative; }
    .modal__wrapper .modal__container .modal__inner,
    .modal__wrapper .modal__container-sp .modal__inner,
    .modal__wrapper-sp .modal__container .modal__inner,
    .modal__wrapper-sp .modal__container-sp .modal__inner {
      position: relative;
      height: 100%;
      overflow: auto;
      padding-right: 65px; }
      @media screen and (max-width: 899px) {
        .modal__wrapper .modal__container .modal__inner,
        .modal__wrapper .modal__container-sp .modal__inner,
        .modal__wrapper-sp .modal__container .modal__inner,
        .modal__wrapper-sp .modal__container-sp .modal__inner {
          padding-right: 20px; } }
      .modal__wrapper .modal__container .modal__inner .modal__content,
      .modal__wrapper .modal__container-sp .modal__inner .modal__content,
      .modal__wrapper-sp .modal__container .modal__inner .modal__content,
      .modal__wrapper-sp .modal__container-sp .modal__inner .modal__content {
        max-width: 904px;
        margin: 0 auto; }
  .modal__wrapper .modal__close,
  .modal__wrapper .modal__close-sp,
  .modal__wrapper-sp .modal__close,
  .modal__wrapper-sp .modal__close-sp {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-self: center; }
    .modal__wrapper .modal__close .label,
    .modal__wrapper .modal__close-sp .label,
    .modal__wrapper-sp .modal__close .label,
    .modal__wrapper-sp .modal__close-sp .label {
      font-size: 1.46413vw;
      font-weight: bold; }
      @media screen and (max-width: 899px) {
        .modal__wrapper .modal__close .label,
        .modal__wrapper .modal__close-sp .label,
        .modal__wrapper-sp .modal__close .label,
        .modal__wrapper-sp .modal__close-sp .label {
          font-size: 4.10256vw; } }
    .modal__wrapper .modal__close .icon,
    .modal__wrapper .modal__close-sp .icon,
    .modal__wrapper-sp .modal__close .icon,
    .modal__wrapper-sp .modal__close-sp .icon {
      position: relative;
      top: 0.36603vw; }
      .modal__wrapper .modal__close .icon img.w-20,
      .modal__wrapper .modal__close-sp .icon img.w-20,
      .modal__wrapper-sp .modal__close .icon img.w-20,
      .modal__wrapper-sp .modal__close-sp .icon img.w-20 {
        width: 1.75695vw; }
        @media screen and (max-width: 899px) {
          .modal__wrapper .modal__close .icon img.w-20,
          .modal__wrapper .modal__close-sp .icon img.w-20,
          .modal__wrapper-sp .modal__close .icon img.w-20,
          .modal__wrapper-sp .modal__close-sp .icon img.w-20 {
            width: 6.15385vw; } }
      .modal__wrapper .modal__close .icon img.w-40,
      .modal__wrapper .modal__close-sp .icon img.w-40,
      .modal__wrapper-sp .modal__close .icon img.w-40,
      .modal__wrapper-sp .modal__close-sp .icon img.w-40 {
        width: 2.92826vw; }
        @media screen and (max-width: 899px) {
          .modal__wrapper .modal__close .icon img.w-40,
          .modal__wrapper .modal__close-sp .icon img.w-40,
          .modal__wrapper-sp .modal__close .icon img.w-40,
          .modal__wrapper-sp .modal__close-sp .icon img.w-40 {
            width: 10.25641vw; } }
    .modal__wrapper .modal__close.modal__close-top,
    .modal__wrapper .modal__close-sp.modal__close-top,
    .modal__wrapper-sp .modal__close.modal__close-top,
    .modal__wrapper-sp .modal__close-sp.modal__close-top {
      position: fixed;
      right: 10px;
      top: 10px; }

/* =========================== */
.company26-activities {
  margin-bottom: 7.32064vw;
  padding: 5.85652vw 0 0;
  /* モーダル本体 */ }
  @media screen and (max-width: 899px) {
    .company26-activities {
      margin-bottom: 12.82051vw; } }
  .company26-activities .cmnTtl01 {
    margin-bottom: 4.39239vw; }
    @media screen and (max-width: 899px) {
      .company26-activities .cmnTtl01 {
        text-align: center; } }
  .company26-activities__lead {
    font-size: 1.83016vw;
    font-weight: bold;
    line-height: 1.6;
    margin-bottom: 1.46413vw; }
    @media screen and (max-width: 899px) {
      .company26-activities__lead {
        font-size: 4.61538vw; } }
  .company26-activities__list {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #4b9955;
    padding-bottom: 4.39239vw;
    margin-bottom: 4.39239vw; }
    .company26-activities__list.no-flex {
      display: block; }
    .company26-activities__list__lead {
      font-size: 1.83016vw;
      font-weight: bold;
      line-height: 1.6;
      width: 54%;
      margin-bottom: 2.19619vw;
      margin-left: auto;
      padding-left: 2.19619vw; }
      @media screen and (max-width: 899px) {
        .company26-activities__list__lead {
          font-size: 4.61538vw;
          width: 100%;
          padding: 0; } }
  .company26-activities__item.item-1 {
    width: 31.18594vw; }
  .company26-activities__item.item-2 {
    width: 21.08346vw; }
  .company26-activities__item.item-3 {
    width: 19.76574vw; }
  .company26-activities__item .img {
    margin-bottom: 1.0981vw;
    display: flex;
    align-items: flex-end; }
    .company26-activities__item .img img {
      border-radius: 10px; }
  .company26-activities__item .ttl {
    font-size: 1.61054vw;
    font-weight: bold;
    color: #4b9955;
    line-height: 1.36;
    margin-bottom: 0.73206vw; }
    @media screen and (max-width: 899px) {
      .company26-activities__item .ttl {
        font-size: 5.64103vw;
        margin: 2.5641vw 0; } }
  .company26-activities__item.item-4 .flex {
    display: flex;
    align-items: flex-end;
    margin-top: -10.98097vw; }
    @media screen and (max-width: 899px) {
      .company26-activities__item.item-4 .flex {
        display: block;
        margin-top: 0; } }
  .company26-activities__item.item-4 .img {
    width: 46%;
    margin: 0; }
    @media screen and (max-width: 899px) {
      .company26-activities__item.item-4 .img {
        width: 100%; } }
  .company26-activities__item.item-4 .txt {
    width: 54%;
    padding-left: 2.19619vw; }
    @media screen and (max-width: 899px) {
      .company26-activities__item.item-4 .txt {
        width: 100%;
        padding-left: 0; } }
  .company26-activities__item.w-100 {
    width: 100%; }
  .company26-activities__other__ttl {
    text-align: center;
    font-size: 1.83016vw;
    font-weight: bold;
    margin-bottom: 2.19619vw; }
    @media screen and (max-width: 899px) {
      .company26-activities__other__ttl {
        font-size: 4.61538vw;
        text-align: left;
        line-height: 1.6; } }
  .company26-activities__other__list {
    display: flex;
    flex-wrap: wrap;
    gap: 2.78184vw; }
  .company26-activities__other__item {
    width: calc((100% - 5.56369vw) / 3);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: 10px;
    padding: 2.19619vw; }
    @media screen and (max-width: 899px) {
      .company26-activities__other__item {
        box-shadow: none; } }
    .company26-activities__other__item .ttl {
      font-size: 1.61054vw;
      font-weight: bold;
      color: #4b9955;
      line-height: 1.36;
      margin-bottom: 0.73206vw;
      text-align: center; }
      @media screen and (max-width: 899px) {
        .company26-activities__other__item .ttl {
          font-size: 5.64103vw;
          margin-bottom: 2.5641vw; } }
  .company26-activities .modal__wrapper-sp {
    display: block;
    position: static;
    width: 100%;
    height: 100%;
    z-index: 1001; }
    @media screen and (max-width: 899px) {
      .company26-activities .modal__wrapper-sp {
        display: none;
        position: fixed; } }
    .company26-activities .modal__wrapper-sp .modal__layer-sp {
      height: auto;
      background: none;
      cursor: auto; }
      @media screen and (max-width: 899px) {
        .company26-activities .modal__wrapper-sp .modal__layer-sp {
          height: 100%;
          background: rgba(50, 50, 50, 0.7);
          cursor: pointer; } }
    .company26-activities .modal__wrapper-sp .modal__container-sp {
      position: static;
      transform: translate(0, 0);
      width: 100%;
      height: auto;
      padding: 0;
      padding-right: 0;
      background: none;
      border-radius: 0;
      overflow: visible; }
      @media screen and (max-width: 899px) {
        .company26-activities .modal__wrapper-sp .modal__container-sp {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 90%;
          height: auto;
          padding: 30px 20px;
          padding-right: 0;
          background: #fff;
          border-radius: 10px;
          overflow: auto; } }
      .company26-activities .modal__wrapper-sp .modal__container-sp .modal__container-2 {
        width: 100%;
        height: 100%;
        position: relative; }
      .company26-activities .modal__wrapper-sp .modal__container-sp .modal__inner {
        position: relative;
        height: 100%;
        overflow: visible;
        padding-right: 0; }
        @media screen and (max-width: 899px) {
          .company26-activities .modal__wrapper-sp .modal__container-sp .modal__inner {
            padding-right: 20px;
            overflow: auto; } }
        .company26-activities .modal__wrapper-sp .modal__container-sp .modal__inner .modal__content {
          max-width: 100%;
          margin: 0 auto; }
    .company26-activities .modal__wrapper-sp .modal__close-sp {
      display: none; }
      @media screen and (max-width: 899px) {
        .company26-activities .modal__wrapper-sp .modal__close-sp {
          display: flex;
          margin-top: 7.69231vw; } }
  @media screen and (max-width: 899px) {
    .company26-activities .csr-list {
      display: flex;
      flex-direction: column;
      gap: 5.12821vw;
      margin: 5.12821vw 0; }
      .company26-activities .csr-list > li {
        border: 1px solid #4b9955;
        border-radius: 100vh;
        color: #4b9955;
        position: relative;
        font-weight: bold;
        padding: 5.12821vw 5.12821vw;
        display: flex;
        align-items: center;
        line-height: 1.57; }
        .company26-activities .csr-list > li .status {
          position: absolute;
          background: #fff;
          border-radius: 50%;
          width: 3.3675vw;
          height: 3.3675vw;
          right: 2.19619vw;
          top: 50%;
          transform: translate(0, -50%); } }
      @media screen and (max-width: 899px) and (max-width: 899px) {
        .company26-activities .csr-list > li .status {
          width: 6.66667vw;
          height: 6.66667vw; } }
  @media screen and (max-width: 899px) {
          .company26-activities .csr-list > li .status-inner {
            width: 100%;
            height: 100%;
            position: relative; }
            .company26-activities .csr-list > li .status-inner .line-1,
            .company26-activities .csr-list > li .status-inner .line-2 {
              background: #4b9955;
              position: absolute;
              left: 50%;
              top: 50%;
              width: 1.53734vw;
              height: 0.29283vw;
              transform: translate(-50%, -50%);
              border-radius: 100vh; } }
          @media screen and (max-width: 899px) and (max-width: 899px) {
            .company26-activities .csr-list > li .status-inner .line-1,
            .company26-activities .csr-list > li .status-inner .line-2 {
              width: 3.07692vw;
              height: 0.51282vw; } }
  @media screen and (max-width: 899px) {
            .company26-activities .csr-list > li .status-inner .line-2 {
              transform: translate(-50%, -50%) rotate(90deg); } }

/* =========================== */
.company26-infographic {
  text-align: center;
  background: #f7f7f7;
  padding: 7.32064vw 0 10.98097vw; }
  @media screen and (max-width: 899px) {
    .company26-infographic {
      padding: 15.38462vw 0 25.64103vw; } }
  .company26-infographic__list {
    display: flex;
    gap: 2.70864vw;
    margin: 5.85652vw 0 0; }
    @media screen and (max-width: 899px) {
      .company26-infographic__list {
        flex-direction: column;
        margin: 17.94872vw 0 0;
        gap: 15.38462vw; } }
  .company26-infographic__item {
    width: calc((100% - 5.41728vw) / 3);
    background: #fff;
    position: relative;
    border-radius: 0 0 10px 10px; }
    @media screen and (max-width: 899px) {
      .company26-infographic__item {
        width: 100%; } }
    .company26-infographic__item .en {
      font-size: 2.19619vw;
      font-weight: bold;
      color: #4b9955;
      position: absolute;
      left: 0;
      top: -2.92826vw;
      width: 100%;
      text-align: center;
      font-weight: 900; }
      @media screen and (max-width: 899px) {
        .company26-infographic__item .en {
          font-size: 7.69231vw;
          top: -10.25641vw; } }
    .company26-infographic__item .head {
      background: #4b9955;
      color: #fff;
      font-size: 1.46413vw;
      font-weight: bold;
      border-radius: 10px 10px 0 0; }
      @media screen and (max-width: 899px) {
        .company26-infographic__item .head {
          font-size: 5.12821vw;
          padding: 10px; } }
    .company26-infographic__item .cont {
      padding: 2.19619vw 0.73206vw; }
      @media screen and (max-width: 899px) {
        .company26-infographic__item .cont {
          padding: 7.69231vw 2.5641vw; } }
    .company26-infographic__item .icon {
      margin-bottom: 1.46413vw; }
      @media screen and (max-width: 899px) {
        .company26-infographic__item .icon {
          margin-bottom: 5.12821vw; } }
      .company26-infographic__item .icon img.w-233 {
        width: 17.0571vw; }
        @media screen and (max-width: 899px) {
          .company26-infographic__item .icon img.w-233 {
            width: 59.74359vw; } }
      .company26-infographic__item .icon img.w-247 {
        width: 18.08199vw; }
        @media screen and (max-width: 899px) {
          .company26-infographic__item .icon img.w-247 {
            width: 63.33333vw; } }
      .company26-infographic__item .icon img.w-206 {
        width: 15.08053vw; }
        @media screen and (max-width: 899px) {
          .company26-infographic__item .icon img.w-206 {
            width: 52.82051vw; } }
    .company26-infographic__item .txt {
      font-size: 1.31772vw;
      font-weight: bold;
      line-height: 1.67; }
      @media screen and (max-width: 899px) {
        .company26-infographic__item .txt {
          font-size: 4.61538vw; } }

/* =========================== */
/* =========================== 

	2026.02　追加分

=========================== */
.sgr-header {
  background: url(../img/sgr/header-bg.jpg) no-repeat center/cover;
  color: #fff;
  padding-bottom: 1px; }
  @media screen and (max-width: 899px) {
    .sgr-header {
      background: url(../img/sgr/sp/header-bg.jpg) no-repeat center/cover; } }
  .sgr-header .punkuz li {
    color: #fff; }
  .sgr-header-inner {
    width: 85%;
    margin: 5rem auto 6rem; }
    .sgr-header-inner-head {
      border-bottom: 1px solid #fff;
      padding-bottom: 2.19619vw;
      margin-bottom: 2.19619vw; }
      @media screen and (max-width: 899px) {
        .sgr-header-inner-head {
          padding-bottom: 5.12821vw;
          margin-bottom: 5.12821vw; } }
      .sgr-header-inner-head__en {
        font-size: 1.46413vw;
        font-weight: 900;
        text-transform: uppercase; }
        @media screen and (max-width: 899px) {
          .sgr-header-inner-head__en {
            font-size: 3.58974vw;
            margin-bottom: 2.5641vw; } }
      .sgr-header-inner-head__ttl {
        font-weight: bold;
        display: flex;
        align-items: center;
        gap: 1.0981vw; }
        @media screen and (max-width: 899px) {
          .sgr-header-inner-head__ttl {
            flex-direction: column;
            align-items: flex-start;
            gap: 0;
            line-height: 1.7;
            margin-bottom: 2.5641vw; } }
        .sgr-header-inner-head__ttl .t1 {
          background: #fff;
          color: #4b9955;
          font-size: 1.46413vw;
          border-radius: 100vh;
          padding: 0 0.73206vw; }
          @media screen and (max-width: 899px) {
            .sgr-header-inner-head__ttl .t1 {
              font-size: 3.84615vw;
              padding: 0 2.5641vw; } }
        .sgr-header-inner-head__ttl .t2 {
          font-size: 2.92826vw; }
          @media screen and (max-width: 899px) {
            .sgr-header-inner-head__ttl .t2 {
              font-size: 6.41026vw; } }
        .sgr-header-inner-head__ttl .t3 {
          font-size: 1.1713vw; }
          @media screen and (max-width: 899px) {
            .sgr-header-inner-head__ttl .t3 {
              font-size: 3.07692vw; } }
      .sgr-header-inner-head__ttl-2 {
        font-weight: bold;
        font-size: 1.46413vw; }
        @media screen and (max-width: 899px) {
          .sgr-header-inner-head__ttl-2 {
            font-size: 3.58974vw;
            line-height: 1.57; } }
    .sgr-header-inner-bottom__txt {
      font-weight: bold;
      font-size: 1.83016vw;
      line-height: 1.6;
      margin-bottom: 1.46413vw; }
      @media screen and (max-width: 899px) {
        .sgr-header-inner-bottom__txt {
          font-size: 5.12821vw;
          margin-bottom: 3.84615vw; } }
      .sgr-header-inner-bottom__txt.small,
      .sgr-header-inner-bottom__txt .small {
        font-size: 1.31772vw;
        display: block; }
        @media screen and (max-width: 899px) {
          .sgr-header-inner-bottom__txt.small,
          .sgr-header-inner-bottom__txt .small {
            font-size: 3.58974vw; } }
      .sgr-header-inner-bottom__txt .small {
        padding-top: 0.51245vw; }
    .sgr-header-inner-bottom__occupation {
      font-weight: bold;
      font-size: 1.46413vw; }
      @media screen and (max-width: 899px) {
        .sgr-header-inner-bottom__occupation {
          font-size: 3.84615vw; } }
      .sgr-header-inner-bottom__occupation .ttl {
        margin-bottom: 0.73206vw; }
        @media screen and (max-width: 899px) {
          .sgr-header-inner-bottom__occupation .ttl {
            border: 1px solid #fff;
            text-align: center;
            border-radius: 5px;
            margin-bottom: 3.84615vw; } }
      .sgr-header-inner-bottom__occupation .list {
        display: flex;
        gap: 0.73206vw; }
        @media screen and (max-width: 899px) {
          .sgr-header-inner-bottom__occupation .list {
            flex-wrap: wrap;
            gap: 2.5641vw 4.61538vw; } }
        .sgr-header-inner-bottom__occupation .list > li {
          background: #fff;
          color: #4b9955;
          padding: 0.73206vw 1.46413vw;
          border-radius: 5px; }
          @media screen and (max-width: 899px) {
            .sgr-header-inner-bottom__occupation .list > li {
              font-size: 3.84615vw;
              width: calc((100% - 4.61538vw) / 2);
              text-align: center;
              padding: 2.5641vw; } }
  .sgr-header-img {
    position: relative;
    padding: 0 0 8.78477vw;
    width: 85%;
    margin: 0 auto; }
    @media screen and (max-width: 899px) {
      .sgr-header-img {
        width: 100%;
        padding: 0 0 23.07692vw;
        margin-top: -5.12821vw; } }
    .sgr-header-img ul {
      position: absolute;
      display: flex;
      gap: 2.19619vw; }
      @media screen and (max-width: 899px) {
        .sgr-header-img ul {
          width: 100%; } }
      .sgr-header-img ul li {
        width: calc((100% - 4.39239vw) / 3); }
        @media screen and (max-width: 899px) {
          .sgr-header-img ul li {
            margin: 2.5641vw; } }

/* =========================== */
.sgr-wrap-1 {
  background: #f7f7f7;
  padding: 1px 0; }

/* =========================== */
.sgr-c-ttl {
  text-align: center;
  color: #4b9955;
  font-size: 1.83016vw;
  font-weight: bold;
  position: relative;
  margin-bottom: 2.19619vw; }
  @media screen and (max-width: 899px) {
    .sgr-c-ttl {
      font-size: 5.12821vw;
      margin-bottom: 5.12821vw; } }
  .sgr-c-ttl::before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #4b9955;
    position: absolute;
    left: 0;
    top: 50%; }
  .sgr-c-ttl > span {
    position: relative;
    background: #f7f7f7;
    display: inline-block;
    padding: 0 20px; }

.sgr-intro {
  text-align: center;
  padding: 3.66032vw 0 0;
  margin-bottom: 5.85652vw; }
  @media screen and (max-width: 899px) {
    .sgr-intro {
      padding: 7.69231vw 0 0;
      margin-bottom: 10.25641vw; } }
  .sgr-intro__ttl {
    font-size: 1.31772vw;
    font-weight: bold;
    margin-bottom: 2.19619vw; }
    @media screen and (max-width: 899px) {
      .sgr-intro__ttl {
        font-size: 3.58974vw;
        margin-bottom: 7.69231vw; } }
  .sgr-intro__bnr {
    margin-bottom: 4.39239vw; }
    @media screen and (max-width: 899px) {
      .sgr-intro__bnr {
        margin-bottom: 7.69231vw; } }
    .sgr-intro__bnr a {
      display: block;
      width: 81rem;
      margin: 0 auto; }
      @media screen and (max-width: 899px) {
        .sgr-intro__bnr a {
          width: 100%; } }
  .sgr-intro__txt {
    font-size: 1.83016vw;
    font-weight: bold;
    line-height: 1.6; }
    @media screen and (max-width: 899px) {
      .sgr-intro__txt {
        font-size: 5.12821vw; } }

/* =========================== */
.sgr-sect1 {
  margin-bottom: 5.85652vw; }
  @media screen and (max-width: 899px) {
    .sgr-sect1 {
      margin-bottom: 12.82051vw; } }
  .sgr-sect1__list {
    display: flex;
    flex-wrap: wrap;
    gap: 3.22108vw; }
    @media screen and (max-width: 899px) {
      .sgr-sect1__list {
        flex-direction: column;
        gap: 7.69231vw; } }
  .sgr-sect1__item {
    width: calc((100% - 3.22108vw) / 2);
    background: #fff;
    border-radius: 0 0 10px 10px; }
    @media screen and (max-width: 899px) {
      .sgr-sect1__item {
        width: 100%; } }
    .sgr-sect1__item-head {
      background: #4b9955;
      color: #fff;
      text-align: center;
      line-height: 1.4;
      font-weight: bold;
      padding: 1.46413vw;
      border-radius: 10px 10px 0 0; }
      @media screen and (max-width: 899px) {
        .sgr-sect1__item-head {
          padding: 3.07692vw; } }
      .sgr-sect1__item-head .en {
        font-size: 1.46413vw;
        text-transform: uppercase; }
        @media screen and (max-width: 899px) {
          .sgr-sect1__item-head .en {
            font-size: 3.58974vw; } }
      .sgr-sect1__item-head .jp {
        font-size: 1.83016vw; }
        @media screen and (max-width: 899px) {
          .sgr-sect1__item-head .jp {
            font-size: 5.12821vw; } }
    .sgr-sect1__item-cont {
      padding: 1.46413vw;
      line-height: 1.78; }
      @media screen and (max-width: 899px) {
        .sgr-sect1__item-cont {
          padding: 5.12821vw; } }
      .sgr-sect1__item-cont .txt {
        margin-bottom: 1.46413vw;
        font-weight: 500; }
      .sgr-sect1__item-cont .bg {
        padding: 1.46413vw;
        background: #f2fcf5; }
        @media screen and (max-width: 899px) {
          .sgr-sect1__item-cont .bg {
            padding: 5.12821vw; } }
        .sgr-sect1__item-cont .bg .ttl {
          color: #4b9955;
          border-bottom: 1px solid #4b9955;
          font-weight: bold;
          padding-bottom: 0.73206vw;
          margin-bottom: 0.73206vw; }
          @media screen and (max-width: 899px) {
            .sgr-sect1__item-cont .bg .ttl {
              padding-bottom: 2.5641vw;
              margin-bottom: 2.5641vw; } }
        .sgr-sect1__item-cont .bg .body {
          font-weight: 500; }
      .sgr-sect1__item-cont .unit {
        background: #f2fcf5;
        margin-bottom: 1.46413vw;
        padding: 1.46413vw; }
        @media screen and (max-width: 899px) {
          .sgr-sect1__item-cont .unit {
            padding: 5.12821vw;
            margin-bottom: 5.12821vw; } }
        .sgr-sect1__item-cont .unit .ttl {
          color: #4b9955;
          font-size: 1.46413vw;
          font-weight: bold;
          text-align: center; }
          @media screen and (max-width: 899px) {
            .sgr-sect1__item-cont .unit .ttl {
              font-size: 4.61538vw; } }
        .sgr-sect1__item-cont .unit .btn {
          margin-top: 2.19619vw; }
          @media screen and (max-width: 899px) {
            .sgr-sect1__item-cont .unit .btn {
              margin-top: 5.12821vw; } }
          .sgr-sect1__item-cont .unit .btn a {
            background: #4b9955;
            color: #fff;
            border-radius: 100vh;
            font-weight: bold;
            display: block;
            padding: 1.46413vw 2.19619vw;
            position: relative; }
            @media screen and (max-width: 899px) {
              .sgr-sect1__item-cont .unit .btn a {
                line-height: 1.42;
                border-radius: 5px;
                padding: 4.61538vw 3.84615vw; } }
            .sgr-sect1__item-cont .unit .btn a::before {
              content: "";
              display: block;
              width: 1.75695vw;
              height: 1.75695vw;
              border: 1px solid #fff;
              border-radius: 50%;
              position: absolute;
              right: 1.75695vw;
              top: 50%;
              transform: translate(0, -50%); }
              @media screen and (max-width: 899px) {
                .sgr-sect1__item-cont .unit .btn a::before {
                  width: 6.15385vw;
                  height: 6.15385vw;
                  right: 2.5641vw; } }
            .sgr-sect1__item-cont .unit .btn a::after {
              content: "";
              display: block;
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 0.40264vw 0px 0.40264vw 0.51245vw;
              border-color: transparent transparent transparent #fff;
              position: absolute;
              right: 2.41581vw;
              top: 50%;
              transform: translate(0, -50%); }
              @media screen and (max-width: 899px) {
                .sgr-sect1__item-cont .unit .btn a::after {
                  border-width: 1.41026vw 0px 1.41026vw 1.79487vw;
                  right: 4.87179vw; } }

/* =========================== */
.sgr-sect2 {
  margin-bottom: 5.85652vw; }
  .sgr-sect2__ttl {
    text-align: center;
    font-size: 1.83016vw;
    font-weight: bold;
    line-height: 1.6;
    margin-bottom: 2.19619vw; }
    @media screen and (max-width: 899px) {
      .sgr-sect2__ttl {
        font-size: 3.58974vw;
        text-align: left;
        margin-bottom: 7.69231vw; } }
  .sgr-sect2__item-head {
    background: #4b9955;
    color: #fff;
    text-align: center;
    line-height: 1.4;
    font-weight: bold;
    padding: 0.73206vw;
    border-radius: 10px 10px 0 0; }
    .sgr-sect2__item-head .en {
      font-size: 1.46413vw;
      text-transform: uppercase; }
    .sgr-sect2__item-head .jp {
      font-size: 1.83016vw; }
  .sgr-sect2__item-cont {
    padding: 1.46413vw;
    line-height: 1.78; }
    .sgr-sect2__item-cont .txt {
      margin-bottom: 1.46413vw;
      font-weight: 500; }
    .sgr-sect2__item-cont .bg {
      padding: 1.46413vw;
      background: #f2fcf5; }
      .sgr-sect2__item-cont .bg .ttl {
        color: #4b9955;
        border-bottom: 1px solid #4b9955;
        font-weight: bold;
        padding-bottom: 0.73206vw;
        margin-bottom: 0.73206vw; }
      .sgr-sect2__item-cont .bg .body {
        font-weight: 500; }

/* =========================== */
.sgr-voice {
  margin-top: 21.96193vw;
  padding-bottom: 5.85652vw;
  position: relative;
  background: #fff; }
  @media screen and (max-width: 899px) {
    .sgr-voice {
      padding-bottom: 12.82051vw; } }
  .sgr-voice::before {
    content: "";
    width: 100%;
    height: 15rem;
    position: absolute;
    left: 0;
    top: -15rem;
    background: url(../img/top_faq_wave.png) 0 0 no-repeat;
    background-size: 100% 100%; }
    @media screen and (max-width: 899px) {
      .sgr-voice::before {
        height: 4.2rem;
        top: -4.1rem;
        background: url(../img/sp/top_faq_wave@2x.png) 0 0 no-repeat;
        background-size: 100% 100%; } }
  .sgr-voice .cmnTtl01 {
    margin-bottom: 2.19619vw; }
    @media screen and (max-width: 899px) {
      .sgr-voice .cmnTtl01 {
        margin-bottom: 7.69231vw; } }
  .sgr-voice__list {
    display: flex;
    gap: 2.19619vw; }
    @media screen and (max-width: 899px) {
      .sgr-voice__list {
        flex-direction: column;
        gap: 10.25641vw; } }
    .sgr-voice__list.col-2 .sgr-voice__item {
      width: calc((100% - 2.19619vw) / 2); }
      @media screen and (max-width: 899px) {
        .sgr-voice__list.col-2 .sgr-voice__item {
          width: 100%; } }
  .sgr-voice__item {
    width: calc((100% - 4.39239vw) / 3); }
    @media screen and (max-width: 899px) {
      .sgr-voice__item {
        width: 100%; } }
    .sgr-voice__item .img img {
      border-radius: 10px; }
    .sgr-voice__item .ttl {
      color: #4b9955;
      font-weight: bold;
      line-height: 1.5;
      margin: 0.73206vw 0; }
      @media screen and (max-width: 899px) {
        .sgr-voice__item .ttl {
          margin: 2.5641vw 0; } }
      .sgr-voice__item .ttl .line-2 {
        font-size: 1.46413vw; }
        @media screen and (max-width: 899px) {
          .sgr-voice__item .ttl .line-2 {
            font-size: 5.12821vw; } }
    .sgr-voice__item .body {
      line-height: 1.78; }

/* =========================== */
.sgr-flow {
  padding-top: 5.85652vw;
  margin-bottom: 10.98097vw; }
  @media screen and (max-width: 899px) {
    .sgr-flow {
      padding-top: 12.82051vw;
      margin-bottom: 30.76923vw; } }
  .sgr-flow .cmnTtl01 {
    margin-bottom: 2.19619vw; }
    @media screen and (max-width: 899px) {
      .sgr-flow .cmnTtl01 {
        text-align: center;
        margin-bottom: 6.41026vw; } }
  .sgr-flow-unit-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 3.22108vw; }
    @media screen and (max-width: 899px) {
      .sgr-flow-unit-wrap {
        flex-direction: column; } }
  .sgr-flow-unit {
    width: calc((100% - 3.22108vw) / 2);
    background: #fff;
    border-radius: 0 0 10px 10px;
    display: flex;
    flex-direction: column; }
    @media screen and (max-width: 899px) {
      .sgr-flow-unit {
        width: 100%; } }
    .sgr-flow-unit-header {
      background: #4b9955;
      color: #fff;
      text-align: center;
      line-height: 1.4;
      font-weight: bold;
      padding: 1.46413vw;
      border-radius: 10px 10px 0 0;
      font-size: 1.83016vw; }
      @media screen and (max-width: 899px) {
        .sgr-flow-unit-header {
          font-size: 5.12821vw;
          padding: 3.84615vw; } }
    .sgr-flow-unit-cont {
      padding: 1.46413vw;
      line-height: 1.78;
      flex-grow: 1;
      display: flex;
      justify-content: center; }
      @media screen and (max-width: 899px) {
        .sgr-flow-unit-cont {
          padding: 7.69231vw 3.84615vw; } }
      .sgr-flow-unit-cont__list {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        gap: 1.1713vw; }
        @media screen and (max-width: 899px) {
          .sgr-flow-unit-cont__list {
            gap: 5.12821vw; } }
        .sgr-flow-unit-cont__list::before {
          content: "";
          display: block;
          width: 2px;
          height: calc(100% - 2vw);
          background: #4b9955;
          position: absolute;
          left: 4.17277vw;
          top: 50%;
          transform: translate(0, -50%); }
          @media screen and (max-width: 899px) {
            .sgr-flow-unit-cont__list::before {
              left: 11.53846vw; } }
        .sgr-flow-unit-cont__list > li {
          display: flex;
          align-items: center;
          position: relative; }
          .sgr-flow-unit-cont__list > li .ttl {
            background: #4b9955;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            color: #fff;
            width: 8.63836vw;
            height: 8.63836vw;
            line-height: 1.5;
            flex-shrink: 0; }
            @media screen and (max-width: 899px) {
              .sgr-flow-unit-cont__list > li .ttl {
                width: 24.10256vw;
                height: 24.10256vw; } }
            .sgr-flow-unit-cont__list > li .ttl .line-1 {
              font-size: 1.46413vw;
              font-weight: bold; }
              @media screen and (max-width: 899px) {
                .sgr-flow-unit-cont__list > li .ttl .line-1 {
                  font-size: 3.84615vw; } }
            .sgr-flow-unit-cont__list > li .ttl .line-2 {
              font-size: 1.1713vw;
              font-weight: bold; }
              @media screen and (max-width: 899px) {
                .sgr-flow-unit-cont__list > li .ttl .line-2 {
                  font-size: 3.07692vw; } }
          .sgr-flow-unit-cont__list > li .body {
            font-weight: bold;
            line-height: 1.78;
            padding-left: 2.19619vw; }

/* =========================== */
/* =========================== */
/* =========================== */
/* =========================== */
/* =========================== */
/* =========================== 

	2026.02　追加分

=========================== */
.wcu-header {
  background: url(../img/wcu/header-bg.jpg) no-repeat center/cover; }
  @media screen and (max-width: 899px) {
    .wcu-header {
      background: url(../img/wcu/sp/header-bg.jpg) no-repeat center/cover; } }

/* =========================== */
.wcu-voice {
  margin-top: 29.28258vw; }
  @media screen and (max-width: 899px) {
    .wcu-voice {
      margin-top: 51.28205vw; } }

/* =========================== */
.wcu-flow .sgr-flow-unit.w-100 {
  width: 100%; }

.wcu-flow .sgr-flow-unit-cont {
  padding: 4.39239vw 1.46413vw; }
  @media screen and (max-width: 899px) {
    .wcu-flow .sgr-flow-unit-cont {
      display: block;
      padding: 7.69231vw 2.5641vw; } }
  .wcu-flow .sgr-flow-unit-cont-flex {
    display: flex;
    justify-content: center;
    gap: 5.12445vw; }
    @media screen and (max-width: 899px) {
      .wcu-flow .sgr-flow-unit-cont-flex {
        flex-direction: column-reverse;
        align-items: center;
        gap: 5.12821vw;
        position: relative;
        padding-bottom: 5.12821vw; }
        .wcu-flow .sgr-flow-unit-cont-flex::before {
          content: "";
          display: block;
          width: 100%;
          height: calc(100% - 12.05128vw);
          background: #f2fcf5;
          position: absolute;
          left: 0;
          bottom: 0;
          border-radius: 10px; } }
  .wcu-flow .sgr-flow-unit-cont .sgr-flow-unit-cont__list {
    gap: 5.85652vw; }
  .wcu-flow .sgr-flow-unit-cont__prior {
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column; }
    .wcu-flow .sgr-flow-unit-cont__prior::before {
      content: "";
      display: block;
      width: 100%;
      height: calc(100% - 4.31918vw);
      background: #f2fcf5;
      position: absolute;
      left: 0;
      bottom: 0;
      border-radius: 10px; }
    .wcu-flow .sgr-flow-unit-cont__prior .ttl {
      background: #4b9955;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
      color: #fff;
      width: 8.63836vw;
      height: 8.63836vw;
      margin: 0 auto;
      line-height: 1.5;
      flex-shrink: 0;
      position: relative; }
      @media screen and (max-width: 899px) {
        .wcu-flow .sgr-flow-unit-cont__prior .ttl {
          width: 24.10256vw;
          height: 24.10256vw;
          margin-bottom: 3.84615vw; } }
      .wcu-flow .sgr-flow-unit-cont__prior .ttl .line-1 {
        font-size: 1.46413vw;
        font-weight: bold; }
        @media screen and (max-width: 899px) {
          .wcu-flow .sgr-flow-unit-cont__prior .ttl .line-1 {
            font-size: 3.84615vw; } }
      .wcu-flow .sgr-flow-unit-cont__prior .ttl .line-2 {
        font-size: 1.1713vw;
        font-weight: bold; }
        @media screen and (max-width: 899px) {
          .wcu-flow .sgr-flow-unit-cont__prior .ttl .line-2 {
            font-size: 3.07692vw; } }
    .wcu-flow .sgr-flow-unit-cont__prior .body {
      font-weight: bold;
      line-height: 1.78;
      position: relative;
      flex-grow: 1;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0 3.29429vw 2.92826vw; }

/* =========================== */
/* =========================== */
/* =========================== */
/* =========================== */
/* =========================== */
/* =========================== */
/* =========================== 

	2026.02　追加分

=========================== */
.oes-header {
  background: url(../img/oes/header-bg.jpg) no-repeat center/cover; }
  @media screen and (max-width: 899px) {
    .oes-header {
      background: url(../img/oes/sp/header-bg.jpg) no-repeat center/cover; } }

/* =========================== */
.oes-intro {
  padding: 5rem 0;
  text-align: center;
  position: relative; }
  @media screen and (max-width: 899px) {
    .oes-intro {
      padding: 5rem 0 10rem; } }
  .oes-intro__ttl {
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 2;
    margin-bottom: 6rem; }
    @media screen and (max-width: 899px) {
      .oes-intro__ttl {
        font-size: 1.8rem;
        line-height: 1.7; } }
    .oes-intro__ttl > span {
      background: #4b9955;
      color: #fff;
      display: inline-block;
      border-radius: 5px;
      padding: 0rem 1rem; }
      @media screen and (max-width: 899px) {
        .oes-intro__ttl > span {
          background: none; } }
      @media screen and (max-width: 899px) {
        .oes-intro__ttl > span > span {
          background: #4b9955;
          color: #fff;
          display: inline-block;
          border-radius: 5px;
          margin-bottom: 1rem;
          padding: 0.5rem 1rem; } }
  .oes-intro__nav__ttl {
    font-size: 2.5rem;
    font-weight: bold;
    color: #4b9955;
    margin-bottom: 1rem; }
    @media screen and (max-width: 899px) {
      .oes-intro__nav__ttl {
        font-size: 2rem; } }
  .oes-intro__nav__list {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem 2.2rem;
    margin-bottom: 3rem; }
    .oes-intro__nav__list > li {
      width: calc((100% - 6.6rem) / 4); }
      @media screen and (max-width: 899px) {
        .oes-intro__nav__list > li {
          width: 100%;
          margin-bottom: 3rem; } }
      .oes-intro__nav__list > li a {
        background: #4b9955;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 2rem;
        font-weight: bold;
        border-radius: 10px;
        height: 7.5rem;
        position: relative; }
        @media screen and (max-width: 899px) {
          .oes-intro__nav__list > li a {
            line-height: 1.5;
            font-size: 1.6rem;
            height: 7rem; } }
        .oes-intro__nav__list > li a small {
          font-size: 1.4rem; }
        .oes-intro__nav__list > li a::before {
          content: "";
          display: block;
          width: 2.8rem;
          height: 1.7rem;
          position: absolute;
          left: 50%;
          bottom: -3rem;
          transform: translate(-50%, 0);
          background: url(../img/oes/nav-arrow.svg) no-repeat center/contain; }

/* =========================== */
.oes-wrap-1 {
  position: relative;
  padding-bottom: 12rem; }
  .oes-wrap-1::before {
    content: "";
    display: block;
    width: 100%;
    height: 152vw;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0; }

/* =========================== */
.oes-sect {
  margin-bottom: 16rem;
  text-align: center;
  position: relative; }
  @media screen and (max-width: 899px) {
    .oes-sect {
      margin-bottom: 8rem; } }
  .oes-sect:last-child {
    margin-bottom: 0; }
  .oes-sect .sect-inner {
    position: relative;
    z-index: 1; }
  .oes-sect .cmnTtl01 {
    margin-bottom: 3rem; }
    .oes-sect .cmnTtl01 .cmnTtl01_en {
      margin-bottom: 2rem; }
      @media screen and (max-width: 899px) {
        .oes-sect .cmnTtl01 .cmnTtl01_en {
          margin-bottom: 1rem; } }
    .oes-sect .cmnTtl01 .cmnTtl01_jp {
      background: #4b9955;
      color: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 2.5rem;
      font-weight: bold;
      border-radius: 10px;
      height: 7.5rem;
      padding: 0 3rem; }
      @media screen and (max-width: 899px) {
        .oes-sect .cmnTtl01 .cmnTtl01_jp {
          font-size: 1.8rem;
          padding: 0 3rem;
          width: auto;
          height: 5rem; } }
      .oes-sect .cmnTtl01 .cmnTtl01_jp small {
        font-size: 1.8rem; }
        @media screen and (max-width: 899px) {
          .oes-sect .cmnTtl01 .cmnTtl01_jp small {
            font-size: 1.6rem; } }
  .oes-sect__lead {
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 1.8;
    margin-bottom: 2rem; }
    @media screen and (max-width: 899px) {
      .oes-sect__lead {
        font-size: 1.4rem;
        line-height: 1.6;
        text-align: left; } }
  .oes-sect__body {
    margin-bottom: 4rem; }
    @media screen and (max-width: 899px) {
      .oes-sect__body {
        text-align: left; } }
  .oes-sect.oes-sect-1 {
    margin-top: 10.98097vw; }
    .oes-sect.oes-sect-1::after {
      content: "";
      display: block;
      width: 153.73353vw;
      height: 92.24012vw;
      border-radius: 50%;
      background: #fff;
      position: absolute;
      left: 50%;
      top: 0;
      transform: translate(-50%, 0); }

/* =========================== */
.oes-outsourcing {
  padding: 12rem 0 0;
  background: #f7f7f7;
  margin-bottom: 12rem; }
  @media screen and (max-width: 899px) {
    .oes-outsourcing {
      padding: 6rem 0 0;
      margin-bottom: 8rem; } }
  .oes-outsourcing .cmnTtl01 {
    margin-bottom: 4rem; }
  .oes-outsourcing-flex {
    display: flex;
    margin-bottom: 6rem; }
    @media screen and (max-width: 899px) {
      .oes-outsourcing-flex {
        flex-direction: column-reverse;
        gap: 1.8rem;
        margin-bottom: 4rem; } }
    .oes-outsourcing-flex-img {
      width: 53%; }
      @media screen and (max-width: 899px) {
        .oes-outsourcing-flex-img {
          width: 100%; } }
    .oes-outsourcing-flex-txt {
      width: 67%;
      padding-left: 4rem; }
      @media screen and (max-width: 899px) {
        .oes-outsourcing-flex-txt {
          width: 100%;
          padding-left: 0;
          text-align: center; } }
      .oes-outsourcing-flex-txt .ttl {
        font-size: 2.5rem;
        font-weight: bold;
        margin-bottom: 2rem; }
        @media screen and (max-width: 899px) {
          .oes-outsourcing-flex-txt .ttl {
            font-size: 1.8rem;
            line-height: 1.78; } }
      .oes-outsourcing-flex-txt .ttl-2 {
        font-size: 2.5rem;
        font-weight: bold;
        background: #4b9955;
        color: #fff;
        display: inline-flex;
        border-radius: 10px;
        margin-bottom: 2rem;
        padding: 1rem 2rem; }
        @media screen and (max-width: 899px) {
          .oes-outsourcing-flex-txt .ttl-2 {
            font-size: 1.8rem;
            line-height: 1.78;
            display: block; } }
      @media screen and (max-width: 899px) {
        .oes-outsourcing-flex-txt .body {
          text-align: left; } }
  .oes-outsourcing-bnr a {
    display: flex; }
    @media screen and (max-width: 899px) {
      .oes-outsourcing-bnr a {
        flex-direction: column; } }
    .oes-outsourcing-bnr a .txt {
      background: #4b9955;
      color: #fff;
      width: 67%;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 2.5rem;
      font-weight: bold;
      border-radius: 100vh 0 0 100vh;
      height: 11.5rem; }
      @media screen and (max-width: 899px) {
        .oes-outsourcing-bnr a .txt {
          width: 100%;
          border-radius: 10px 10px 0 0;
          font-size: 1.8rem;
          line-height: 1.6;
          height: auto;
          padding: 2rem; } }
      .oes-outsourcing-bnr a .txt .arrow {
        width: 5.1rem;
        margin: 0.5rem 0 0 1rem; }
    .oes-outsourcing-bnr a .logo {
      width: 33%;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #fff;
      border-radius: 0 100vh 100vh 0; }
      @media screen and (max-width: 899px) {
        .oes-outsourcing-bnr a .logo {
          width: 100%;
          border-radius: 0 0 10px 10px;
          border: 1px solid #4b9955; } }
      .oes-outsourcing-bnr a .logo img {
        width: 14.86091vw; }
        @media screen and (max-width: 899px) {
          .oes-outsourcing-bnr a .logo img {
            width: 20rem;
            padding: 2rem; } }

/* =========================== */
.oes-flow {
  margin-bottom: 10rem;
  /* 全体 */ }
  .oes-flow-unit {
    --green: #4b9151;
    --border: #707070;
    --text: #2b2b2b;
    margin: 24px auto;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans JP", sans-serif;
    /* 上の緑帯 */
    /* 下の工程列 */
    /* 各工程 */
    /* 右向きの矢印（シェブロン）本体 */
    /* シェブロンの枠線（グレー） */
    /* 右端の角丸に合わせてはみ出しを綺麗に */ }
    .oes-flow-unit__header {
      background: var(--green);
      color: #fff;
      text-align: center;
      font-weight: 700;
      letter-spacing: 0.05em;
      padding: 2rem;
      border-radius: 10px 10px 0 0;
      font-size: 2rem;
      line-height: 1.3; }
      @media screen and (max-width: 899px) {
        .oes-flow-unit__header small {
          font-size: 70%; } }
    .oes-flow-unit__steps {
      list-style: none;
      margin: 0;
      padding: 0;
      display: flex;
      overflow: hidden;
      border: 1px solid var(--border);
      border-top: none;
      border-radius: 0 0 10px 10px;
      background: #fff; }
      @media screen and (max-width: 899px) {
        .oes-flow-unit__steps {
          flex-direction: column; } }
    .oes-flow-unit__step {
      position: relative;
      flex: 1;
      min-width: 0;
      /* 省略や折返しが効きやすくなる */
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      color: var(--text);
      padding: 18px 10px;
      font-weight: 500;
      line-height: 1.35;
      background: #fff;
      overflow: hidden; }
      .oes-flow-unit__step > span {
        position: relative;
        z-index: 3; }
      @media screen and (max-width: 899px) {
        .oes-flow-unit__step {
          flex-direction: column;
          border-bottom: 1px solid var(--border); } }
      @media screen and (max-width: 899px) {
        .oes-flow-unit__step:last-child {
          border-bottom: none; } }
    .oes-flow-unit__step:not(:last-child)::after {
      content: "";
      position: absolute;
      top: 50%;
      right: 1px;
      /* 三角形を外に少しはみ出させる */
      transform: translateY(-50%);
      width: 0;
      height: 0;
      border-top: 620px solid transparent;
      border-bottom: 620px solid transparent;
      border-left: 260px solid #fff;
      /* 中身（白） */
      z-index: 2; }
      @media screen and (max-width: 899px) {
        .oes-flow-unit__step:not(:last-child)::after {
          display: none; } }
    .oes-flow-unit__step:not(:last-child)::before {
      content: "";
      position: absolute;
      top: 50%;
      right: -0;
      /* after より 1px 外側 */
      transform: translateY(-50%);
      width: 0;
      height: 0;
      border-top: 620px solid transparent;
      border-bottom: 620px solid transparent;
      border-left: 260px solid var(--border);
      /* 枠線 */
      z-index: 1; }
      @media screen and (max-width: 899px) {
        .oes-flow-unit__step:not(:last-child)::before {
          display: none; } }
    .oes-flow-unit__steps {
      position: relative; }
  .oes-flow-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 135px solid transparent;
    border-left: 135px solid transparent;
    border-top: 39px solid #4b9955;
    border-bottom: 0;
    margin: 0 auto; }
    @media screen and (max-width: 899px) {
      .oes-flow-arrow {
        border-right: 67px solid transparent;
        border-left: 67px solid transparent;
        border-top: 20px solid #4b9955; } }

/* =========================== */
.oes-faq {
  margin-bottom: 15rem; }
  .oes-faq .cmnTtl01 {
    margin-bottom: 3rem; }
  .oes-faq .sect-inner {
    max-width: 66.17862vw;
    margin: 0 auto; }
    @media screen and (max-width: 899px) {
      .oes-faq .sect-inner {
        max-width: 100%;
        padding: 0px 7.69231vw; } }
  .oes-faq .topFaqInnerList .topFaqInnerList_item {
    margin-bottom: 3rem; }
    .oes-faq .topFaqInnerList .topFaqInnerList_item .topFaqInnerList_itemTtl {
      background-color: #fff;
      border: none;
      padding: 1.5rem 1rem; }
      @media screen and (max-width: 899px) {
        .oes-faq .topFaqInnerList .topFaqInnerList_item .topFaqInnerList_itemTtl {
          padding-right: 3rem; } }
      @media screen and (max-width: 899px) {
        .oes-faq .topFaqInnerList .topFaqInnerList_item .topFaqInnerList_itemTtl .topFaqInnerList_itemTtl_q {
          width: 4.5rem; } }
      .oes-faq .topFaqInnerList .topFaqInnerList_item .topFaqInnerList_itemTtl .topFaqInnerList_itemTtl_txt {
        line-height: 1.78; }
        @media screen and (max-width: 899px) {
          .oes-faq .topFaqInnerList .topFaqInnerList_item .topFaqInnerList_itemTtl .topFaqInnerList_itemTtl_txt {
            line-height: 1.5; } }

/* =========================== */
/* =========================== */
/* =========================== 

	2026.02　追加分

=========================== */
.sitemap-sect {
  margin-bottom: 13rem; }
  @media screen and (max-width: 899px) {
    .sitemap-sect {
      margin-bottom: 0; } }
  @media screen and (max-width: 899px) {
    .sitemap-sect .mainVSubInner {
      height: auto;
      width: 100%;
      display: block;
      padding: 0; } }
  .sitemap-sect-flex {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media screen and (max-width: 899px) {
      .sitemap-sect-flex {
        flex-direction: column;
        align-items: stretch;
        gap: 4rem; } }
    @media screen and (max-width: 899px) {
      .sitemap-sect-flex .mainVSub_ttl {
        width: 85%;
        margin: 0 auto; } }
  @media screen and (max-width: 899px) {
    .sitemap-sect-cont {
      background: #f7f7f7;
      padding-bottom: 5rem; } }
  @media screen and (max-width: 899px) {
    .sitemap-sect-cont .fnav {
      width: 85%;
      margin: 0 auto;
      padding: 4rem 0; } }
  .sitemap-sect-cont .fnav__list.nb {
    border-bottom: none;
    padding-bottom: 0; }
  @media screen and (max-width: 899px) {
    .sitemap-sect-cont .fnav__list:first-child {
      border-top: 1px solid #4b9955; } }
  @media screen and (max-width: 899px) {
    .sitemap-sect-cont .fnav__item {
      border-bottom: 1px solid #4b9955;
      margin: 0; } }
  .sitemap-sect-cont .fnav__item a,
  .sitemap-sect-cont .fnav__item .label {
    color: #4b9955; }
    @media screen and (max-width: 899px) {
      .sitemap-sect-cont .fnav__item a,
      .sitemap-sect-cont .fnav__item .label {
        padding: 2rem 0; } }
  @media screen and (max-width: 899px) {
    .sitemap-sect-cont .fnav__item .label {
      padding-bottom: 0; } }
  @media screen and (max-width: 899px) {
    .sitemap-sect-cont .fnav__item .child-list {
      padding-top: 0;
      padding-bottom: 1rem; } }
  @media screen and (max-width: 899px) {
    .sitemap-sect-cont .fnav__item .child-list > li {
      margin: 0; } }
  @media screen and (max-width: 899px) {
    .sitemap-sect-cont .fnav__item .child-list > li a {
      padding: 1rem 0; } }

/* =========================== 

	2026.02　追加分

=========================== */
.service01-voice .cmnTtl01 {
  margin-bottom: 2.19619vw; }
  @media screen and (max-width: 899px) {
    .service01-voice .cmnTtl01 {
      margin-bottom: 7.69231vw; } }

/*# sourceMappingURL=../maps/index.css.map */