@charset "UTF-8";
/* Scss Document */
html {
  box-sizing: border-box;
  font-size: 2.66666667vw; }

@media only screen and (min-width: 46.875em) {
  html {
    font-size: 1.66666667vw; } }
@media only screen and (min-width: 75em) {
  html {
    font-size: 125%; } }
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold; }
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100; }
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200; }
body {
  overflow-x: hidden;
  line-height: 1.75;
  font-family: 'Noto Sans JP', sans-serif;
  font-style: normal;
  color: #4D4D4D;
  font-weight: 400; }

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

svg {
  height: 100%;
  width: 100%; }

img[srcset] {
  width: 100%; }

.st-Layout * {
  color: inherit;
  font-size: 1em;
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-decoration: none;
  transition-duration: .5s;
  transition-property: none;
  transition-timing-function: ease-in-out; }
  .st-Layout *::before, .st-Layout *::after {
    transition-duration: inherit;
    transition-property: inherit;
    transition-timing-function: inherit; }
.st-Layout li {
  list-style-type: inherit; }

/*------------------------------------------------------
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Oswald', sans-serif;
Noto+Sans+JP:400,500,700,900
Oswald:400,500,600,700
-------------------------------------------------------*/
.mincho {
  font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif; }

.st-Wrapper {
  overflow: hidden;
  position: relative; }

.st-Width {
  width: 100%; }

@media only screen and (min-width: 46.875em) {
  .st-Width {
    padding-right: calc(20rem / 20);
    padding-left: calc(20rem / 20);
    width: 100%; } }
@media only screen and (min-width: 75em) {
  .st-Width {
    padding-right: calc(20rem / 20);
    padding-left: calc(20rem / 20);
    margin-left: auto;
    margin-right: auto;
    width: calc(1200rem / 20); } }
/* ------ */
.st-Header {
  /* position: absolute;
   top: 0;
   left: 0;*/
  position: relative;
  z-index: 2;
  background: #fff;
  width: 100%;
  border-bottom: 1px solid #00A08C; }
  .st-Header .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    height: calc(120rem / 20);
    padding-left: calc(50rem / 20); }
  .st-Header .logo {
    width: calc(200rem / 20);
    height: calc(38rem / 20);
    margin-bottom: calc(25rem / 20);
    margin-right: calc(50rem / 20); }
  .st-Header .st-Navi {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    width: 100%;
    position: relative; }
    .st-Header .st-Navi .list {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      align-items: center; }
      .st-Header .st-Navi .list li {
        font-size: calc(16rem / 20);
        font-weight: 700;
        margin-right: calc(6rem / 20);
        position: relative; }
        .st-Header .st-Navi .list li a {
          background: #00A08C;
          border-left: 1px solid #00A08C;
          border-right: 1px solid #00A08C;
          border-top: 1px solid #00A08C;
          color: #fff;
          display: block;
          height: calc(70rem / 20);
          width: calc(180rem / 20);
          display: -webkit-box;
          display: -webkit-flex;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          align-items: center;
          -webkit-box-pack: center;
          -webkit-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          transition: .3s; }
          .st-Header .st-Navi .list li a:hover {
            background: #fff;
            color: #00A08C; }
    .st-Header .st-Navi .list-sec {
      position: absolute;
      top: calc(62rem / 20); }
      .st-Header .st-Navi .list-sec li {
        margin-bottom: calc(2rem / 20); }
        .st-Header .st-Navi .list-sec li a {
          border-left: none;
          border-right: none;
          border-top: none;
          background: #00BEAA; }
    .st-Header .st-Navi .sns-etc-box {
      margin-left: auto;
      margin-right: calc(25rem / 20); }
    .st-Header .st-Navi .etc {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: start;
      -webkit-flex-pack: start;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
      margin-left: auto;
      margin-bottom: calc(20rem / 20); }
      .st-Header .st-Navi .etc li {
        font-size: calc(15rem / 20);
        position: relative;
        line-height: 1; }
        .st-Header .st-Navi .etc li:first-child {
          border-right: 1px solid #000; }
        .st-Header .st-Navi .etc li a {
          padding-left: calc(20rem / 20);
          padding-right: calc(20rem / 20); }
    .st-Header .st-Navi .sns {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: end;
      -webkit-flex-pack: end;
      -webkit-justify-content: flex-end;
      justify-content: flex-end;
      margin-top: calc(25rem / 20);
      margin-bottom: calc(22rem / 20);
      margin-right: calc(10rem / 20); }
      .st-Header .st-Navi .sns li {
        width: calc(29rem / 20);
        margin-left: calc(8rem / 20);
        margin-right: calc(8rem / 20); }
    .st-Header .st-Navi .tel {
      width: calc(130rem / 20); }
      .st-Header .st-Navi .tel img {
        width: calc(54rem / 20); }
      .st-Header .st-Navi .tel a {
        display: block;
        background: #B68C45;
        height: calc(120rem / 20);
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        color: #fff;
        font-weight: 700;
        transition: .3s; }
        .st-Header .st-Navi .tel a:hover {
          background: #7C541A; }
    .st-Header .st-Navi .contact {
      width: calc(130rem / 20);
      margin-left: calc(6rem / 20); }
      .st-Header .st-Navi .contact img {
        width: calc(54rem / 20); }
      .st-Header .st-Navi .contact a {
        display: block;
        background: #B68C45;
        height: calc(120rem / 20);
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        color: #fff;
        font-weight: 700;
        transition: .3s; }
        .st-Header .st-Navi .contact a:hover {
          background: #7C541A; }
  .st-Header .sp-list {
    display: none; }
  .st-Header .sp-sns {
    display: none; }

@media only screen and (max-width: 100em) {
  .st-Header .inner {
    height: calc(120vw / 16);
    padding-left: calc(50vw / 16); }
  .st-Header .logo {
    width: calc(200vw / 16);
    height: calc(38vw / 16);
    margin-bottom: calc(25vw / 16);
    margin-right: calc(50vw / 16); }
  .st-Header .st-Navi .list li {
    font-size: calc(16vw / 16);
    margin-right: calc(6vw / 16); }
    .st-Header .st-Navi .list li a {
      height: calc(70vw / 16);
      width: calc(180vw / 16); }
  .st-Header .st-Navi .etc {
    margin-bottom: calc(20vw / 16); }
    .st-Header .st-Navi .etc li {
      font-size: calc(15vw / 16); }
      .st-Header .st-Navi .etc li a {
        padding-left: calc(20vw / 16);
        padding-right: calc(20vw / 16); }
  .st-Header .st-Navi .tel {
    width: calc(130vw / 16); }
    .st-Header .st-Navi .tel span {
      font-size: calc(17vw / 16); }
    .st-Header .st-Navi .tel a {
      height: calc(120vw / 16); }
  .st-Header .st-Navi .contact {
    width: calc(130vw / 16);
    margin-left: calc(6vw / 16); }
    .st-Header .st-Navi .contact span {
      font-size: calc(17vw / 16); }
    .st-Header .st-Navi .contact a {
      height: calc(120vw / 16); } }
@media only screen and (max-width: 46.875em) {
  .st-Header {
    position: fixed;
    border-bottom: none;
    top: 0;
    left: 0; }
    .st-Header .inner {
      height: auto;
      padding-left: 0;
      -webkit-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap; }
    .st-Header .logo {
      height: calc(39rem / 20);
      margin-bottom: 0;
      padding-top: calc(54rem / 20);
      padding-left: calc(25rem / 20);
      margin-right: auto;
      padding-bottom: calc(54rem / 20);
      background: #fff;
      border-bottom: 1px solid #00A08C;
      width: 100%;
      z-index: 1; }
      .st-Header .logo img {
        width: calc(265rem / 20); }
    .st-Header .st-Navi {
      -webkit-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -webkit-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      align-items: flex-start;
      position: absolute;
      width: 100%;
      top: -220vw;
      background: #e5f5f4;
      padding-bottom: calc(50rem / 20);
      transition: .3s; }
      .st-Header .st-Navi.menu-expanded {
        top: calc(100rem / 20); }
      .st-Header .st-Navi .list {
        display: none; }
      .st-Header .st-Navi .sns {
        display: none; }
      .st-Header .st-Navi .sp-list {
        display: block;
        width: 100%;
        padding-left: calc(40rem / 20);
        padding-right: calc(40rem / 20); }
        .st-Header .st-Navi .sp-list .sp-unit1 {
          padding-top: calc(70rem / 20);
          border-bottom: 1px solid #666666;
          padding-bottom: calc(50rem / 20); }
          .st-Header .st-Navi .sp-list .sp-unit1 ul {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-lines: multiple;
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: center;
            -webkit-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            padding-left: calc(50rem / 20);
            padding-right: calc(50rem / 20); }
            .st-Header .st-Navi .sp-list .sp-unit1 ul li {
              font-size: calc(24rem / 20); }
              .st-Header .st-Navi .sp-list .sp-unit1 ul li a {
                display: block;
                padding-left: calc(25rem / 20);
                padding-right: calc(25rem / 20);
                padding-top: calc(15rem / 20);
                padding-bottom: calc(15rem / 20); }
        .st-Header .st-Navi .sp-list .sp-ttl1 {
          width: calc(232rem / 20);
          margin-left: auto;
          margin-right: auto;
          margin-bottom: calc(30rem / 20); }
          .st-Header .st-Navi .sp-list .sp-ttl1 img {
            transform: scale(1); }
        .st-Header .st-Navi .sp-list .sp-ttl2 {
          width: calc(200rem / 20);
          margin-left: auto;
          margin-right: auto;
          margin-bottom: calc(30rem / 20); }
        .st-Header .st-Navi .sp-list .sp-btn {
          font-size: calc(24rem / 20);
          text-align: center;
          margin-top: calc(30rem / 20);
          margin-bottom: calc(30rem / 20); }
          .st-Header .st-Navi .sp-list .sp-btn a {
            display: block;
            padding-top: calc(15rem / 20);
            padding-bottom: calc(15rem / 20); }
      .st-Header .st-Navi .etc {
        display: none; }
      .st-Header .st-Navi .tel {
        width: calc(330rem / 20); }
        .st-Header .st-Navi .tel img {
          width: calc(83rem / 20);
          margin-right: calc(48rem / 20); }
        .st-Header .st-Navi .tel a {
          height: calc(110rem / 20);
          display: -webkit-box;
          display: -webkit-flex;
          display: flex;
          -webkit-box-direction: normal;
          -webkit-box-orient: horizontal;
          -webkit-flex-direction: row;
          flex-direction: row;
          -webkit-box-pack: center;
          -webkit-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
          align-items: center; }
        .st-Header .st-Navi .tel span {
          font-size: calc(30rem / 20); }
      .st-Header .st-Navi .contact {
        width: calc(330rem / 20); }
        .st-Header .st-Navi .contact img {
          width: calc(77rem / 20);
          margin-right: calc(20rem / 20); }
        .st-Header .st-Navi .contact a {
          height: calc(110rem / 20);
          display: -webkit-box;
          display: -webkit-flex;
          display: flex;
          -webkit-box-direction: normal;
          -webkit-box-orient: horizontal;
          -webkit-flex-direction: row;
          flex-direction: row;
          -webkit-box-pack: center;
          -webkit-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
          align-items: center; }
        .st-Header .st-Navi .contact span {
          font-size: calc(30rem / 20);
          letter-spacing: .1rem; }
      .st-Header .st-Navi .sp-sns {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -webkit-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        margin-top: calc(50rem / 20); }
        .st-Header .st-Navi .sp-sns li {
          width: calc(53rem / 20);
          margin-left: calc(12rem / 20);
          margin-right: calc(12rem / 20); } }
.menu-trigger {
  display: none; }

@media only screen and (max-width: 46.875em) {
  .menu-trigger {
    display: block;
    width: calc(123rem / 20);
    height: calc(123rem / 20);
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999; }
    .menu-trigger span {
      display: inline-block;
      transition: all .4s;
      box-sizing: border-box;
      position: absolute;
      left: calc(26rem / 20);
      height: 2px;
      background-color: #00A08C;
      width: calc(60rem / 20);
      left: calc(40rem / 20); }
      .menu-trigger span:nth-of-type(1) {
        top: calc(40rem / 20); }
      .menu-trigger span:nth-of-type(2) {
        top: calc(60rem / 20); }
      .menu-trigger span:nth-of-type(3) {
        top: calc(80rem / 20); }
    .menu-trigger.active span:nth-of-type(1) {
      -webkit-transform: translateY(0.65em) rotate(-45deg);
      transform: translateY(0.65em) rotate(-45deg); }
    .menu-trigger.active span:nth-of-type(2) {
      opacity: 0; }
    .menu-trigger.active span:nth-of-type(3) {
      -webkit-transform: translateY(-1.25rem) rotate(45deg);
      transform: translateY(-1.25rem) rotate(45deg); } }
/*----------------------*/
@media only screen and (max-width: 46.875em) {
  .st-Main {
    padding-top: calc(110rem / 20); } }
@media only screen and (max-width: 100em) {
  .home-Fv {
    position: relative; }
    .home-Fv .inner {
      height: calc(980vw / 16); }
    .home-Fv .slider {
      height: calc(980vw / 16); }
    .home-Fv .slick-track {
      height: calc(980vw / 16); }
    .home-Fv .slick-list {
      height: calc(980vw / 16); } }
/* スライドショー */
.home-Fv {
  position: relative; }
  .home-Fv .inner {
    height: calc(980rem / 20); }
  .home-Fv .slider {
    height: calc(980rem / 20); }
  .home-Fv .slick-track {
    height: calc(980rem / 20); }
  .home-Fv .slick-list {
    height: calc(980rem / 20); }
  .home-Fv .home-slider {
    height: calc(980rem / 20); }
    .home-Fv .home-slider li {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -webkit-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      align-items: center; }
      .home-Fv .home-slider li .sl1-box {
        position: relative; }
        .home-Fv .home-slider li .sl1-box .sl1-txt1 {
          width: calc(564rem / 20);
          height: calc(47rem / 20);
          margin-bottom: calc(100rem / 20); }
          .home-Fv .home-slider li .sl1-box .sl1-txt1 img {
            transform: scale(1); }
        .home-Fv .home-slider li .sl1-box .sl1-txt2 {
          width: calc(539rem / 20);
          margin-bottom: calc(100rem / 20); }
          .home-Fv .home-slider li .sl1-box .sl1-txt2 img {
            transform: scale(1); }
        .home-Fv .home-slider li .sl1-box .sl1-txt3 {
          width: calc(533rem / 20);
          margin-top: calc(103rem / 20); }
          .home-Fv .home-slider li .sl1-box .sl1-txt3 img {
            transform: scale(1); }
        .home-Fv .home-slider li .sl1-box .sl1-txt4 {
          width: calc(162rem / 20);
          position: absolute;
          right: calc(-225rem / 20);
          bottom: calc(40rem / 20); }
          .home-Fv .home-slider li .sl1-box .sl1-txt4 img {
            transform: scale(1); }
      .home-Fv .home-slider li .sl2-txt1 {
        width: calc(536rem / 20);
        margin-top: calc(504rem / 20); }
        .home-Fv .home-slider li .sl2-txt1 img {
          transform: scale(1) !important; }
    .home-Fv .home-slider .img {
      height: 100%;
      width: 100%;
      object-fit: cover;
      font-family: 'object-fit: cover;';
      transform: scale(1);
      transition: 9s cubic-bezier(0.47, 0, 0.745, 0.715);
      position: absolute;
      top: 0;
      left: 0; }
    .home-Fv .home-slider .slick-slide .img img {
      height: 100%;
      width: 100%;
      object-fit: cover;
      font-family: 'object-fit: cover;';
      transform: scale(1);
      position: absolute;
      top: 0;
      left: 0; }
    .home-Fv .home-slider .slick-slide.moving .img img {
      			/*-webkit-animation: fv-img-out-left 1.7s cubic-bezier(0.550, 0.085, 0.680, 0.530) 6.5s forwards;
              animation: fv-img-out-left 1.7s cubic-bezier(0.550, 0.085, 0.680, 0.530) 6.5s forwards;*/
      -webkit-animation: fv-img-out-left 8.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0s forwards;
      animation: fv-img-out-left 8.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0s forwards; }
  .home-Fv .list-btn {
    bottom: 0;
    z-index: 1;
    width: 100%;
    background: #00A08C;
    color: #fff; }
    .home-Fv .list-btn ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      padding-left: calc(100rem / 20);
      padding-right: calc(100rem / 20); }
      .home-Fv .list-btn ul li {
        width: 50%;
        position: relative; }
        .home-Fv .list-btn ul li::before {
          content: '';
          background: #fff;
          width: 2px;
          height: calc(60rem / 20);
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          left: 0; }
        .home-Fv .list-btn ul li:last-of-type::after {
          content: '';
          background: #fff;
          width: 2px;
          height: calc(60rem / 20);
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          right: 0; }
        .home-Fv .list-btn ul li a {
          display: -webkit-box;
          display: -webkit-flex;
          display: flex;
          -webkit-box-direction: normal;
          -webkit-box-orient: vertical;
          -webkit-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: center;
          -webkit-align-items: center;
          align-items: center;
          -webkit-box-pack: center;
          -webkit-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          height: calc(120rem / 20);
          font-weight: 700;
          font-size: calc(22rem / 20);
          transition: .3s; }
          .home-Fv .list-btn ul li a:hover {
            background: #00BEAA; }
            .home-Fv .list-btn ul li a:hover::after {
              right: calc(70rem / 20); }
          .home-Fv .list-btn ul li a::after {
            content: "";
            background: url("../img/ico_cl.png") no-repeat;
            background-size: calc(24rem / 20);
            width: calc(24rem / 20);
            height: calc(24rem / 20);
            right: calc(75rem / 20);
            top: 50%;
            transform: translateY(-50%);
            position: absolute; }
          .home-Fv .list-btn ul li a span {
            font-size: calc(14rem / 20); }

/**
 * ----------------------------------------
 * animation fade-out-left
 * ----------------------------------------
*/
@-webkit-keyframes fv-img-out-left {
  0% {
    -webkit-transform: translateX(1.5rem);
    transform: translateX(1.5rem);
    opacity: 0; }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  60% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(-1.5rem);
    transform: translateX(-1.5rem);
    opacity: 0; } }
@keyframes fv-img-out-left {
  0% {
    -webkit-transform: translateX(1.5rem);
    transform: translateX(1.5rem);
    opacity: 0; }
  20% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  80% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(-1.5rem);
    transform: translateX(-1.5rem);
    opacity: 0; } }
@media only screen and (max-width: 46.875em) {
  .home-Fv {
    position: relative; }
    .home-Fv .inner {
      height: calc(1041rem / 20); }
    .home-Fv .slider {
      height: calc(1041rem / 20); }
    .home-Fv .slick-track {
      height: calc(1041rem / 20); }
    .home-Fv .slick-list {
      height: calc(1041rem / 20); }
    .home-Fv .home-slider {
      height: calc(1041rem / 20); }
      .home-Fv .home-slider li .sl1-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        flex-direction: column;
        margin-bottom: calc(100rem / 20); }
        .home-Fv .home-slider li .sl1-box img {
          -webkit-transform: translateX(0);
          transform: translateX(0); }
        .home-Fv .home-slider li .sl1-box .sl1-txt1 {
          width: calc(393rem / 20);
          height: auto;
          margin-left: auto;
          margin-right: auto;
          margin-bottom: calc(100rem / 20);
          margin-top: calc(92rem / 20);
          -webkit-box-ordinal-group: -1;
          -webkit-flex-order: -1;
          -webkit-order: -1;
          order: -1; }
        .home-Fv .home-slider li .sl1-box .sl1-txt2 {
          width: calc(580rem / 20);
          margin-bottom: calc(100rem / 20);
          margin-left: calc(37rem / 20);
          -webkit-box-ordinal-group: 0;
          -webkit-flex-order: 0;
          -webkit-order: 0;
          order: 0; }
        .home-Fv .home-slider li .sl1-box .sl1-txt3 {
          margin-top: 0;
          width: calc(663rem / 20);
          -webkit-box-ordinal-group: 2;
          -webkit-flex-order: 2;
          -webkit-order: 2;
          order: 2; }
          .home-Fv .home-slider li .sl1-box .sl1-txt3 img {
            width: 100%; }
        .home-Fv .home-slider li .sl1-box .sl1-txt4 {
          width: calc(403rem / 20);
          margin-bottom: calc(45rem / 20);
          position: relative;
          right: auto;
          bottom: auto;
          margin-left: auto;
          margin-right: auto;
          -webkit-box-ordinal-group: 1;
          -webkit-flex-order: 1;
          -webkit-order: 1;
          order: 1; }
      .home-Fv .home-slider li .sl2-txt1 {
        width: calc(536rem / 20); }
      .home-Fv .home-slider .img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        font-family: 'object-fit: cover;';
        transform: scale(1);
        transition: 9s cubic-bezier(0.47, 0, 0.745, 0.715);
        position: absolute;
        top: 0;
        left: 0; }
        .home-Fv .home-slider .img img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          transform-origin: top left;
          transform: scale(1); }
      .home-Fv .home-slider .slick-slide .img img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        transform-origin: top left;
        transform: scale(1.5); }
      .home-Fv .home-slider .slick-slide.moving .img img {
        transform: scale(1.5);
        height: auto;
        -webkit-animation: slide-left 8s cubic-bezier(0.47, 0, 0.745, 0.715) both;
        animation: slide-left 8s cubic-bezier(0.47, 0, 0.745, 0.715) both; }
    .home-Fv .list-btn {
      bottom: 0;
      z-index: 1;
      width: 100%;
      background: #00A08C;
      color: #fff; }
      .home-Fv .list-btn ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding-left: 0;
        padding-right: 0; }
        .home-Fv .list-btn ul li {
          width: 50%;
          position: relative; }
          .home-Fv .list-btn ul li::before {
            background: none;
            width: 0; }
          .home-Fv .list-btn ul li:last-of-type::after {
            background: #fff;
            width: 2px;
            right: auto;
            left: 0; }
          .home-Fv .list-btn ul li a {
            height: calc(170rem / 20);
            font-size: calc(31rem / 20); }
            .home-Fv .list-btn ul li a::after {
              background-size: calc(40rem / 20);
              width: calc(40rem / 20);
              height: calc(40rem / 20);
              right: calc(40rem / 20); }
            .home-Fv .list-btn ul li a span {
              font-size: calc(20rem / 20); }
            .home-Fv .list-btn ul li a:hover {
              background: #00A08C; }
              .home-Fv .list-btn ul li a:hover::after {
                right: calc(40rem / 20); } }
/**
 * ----------------------------------------
 * animation slide-left
 * ----------------------------------------
 */
@-webkit-keyframes slide-left {
  0% {
    -webkit-transform: translateX(0) scale(1.5);
    transform: translateX(0) scale(1.5); }
  100% {
    -webkit-transform: translateX(-18.5rem) scale(1.5);
    transform: translateX(-18.5rem) scale(1.5); } }
@keyframes slide-left {
  0% {
    -webkit-transform: translateX(0) scale(1.5);
    transform: translateX(0) scale(1.5); }
  100% {
    -webkit-transform: translateX(-18.5rem) scale(1.5);
    transform: translateX(-18.5rem) scale(1.5); } }
/*****/
.home-Sec1 {
  padding-top: calc(172rem / 20);
  padding-bottom: calc(120rem / 20);
  margin-bottom: calc(168rem / 20);
  position: relative; }
  .home-Sec1::before {
    content: '';
    background: #e5f5f3;
    width: 100%;
    height: calc(938rem / 20);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1; }
  .home-Sec1 .ttl {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: calc(135rem / 20); }
    .home-Sec1 .ttl img {
      width: calc(252rem / 20); }
    .home-Sec1 .ttl span {
      font-size: calc(20rem / 20);
      border-bottom: #B68C45 .2rem solid;
      margin-top: calc(35rem / 20); }
  .home-Sec1 .img-box {
    width: calc(645rem / 20);
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-bottom: calc(160rem / 20);
    position: relative; }
    /* .home-Sec1 .img-box::before {
      content: "";
      background: url("../img/sec1_txt1.png") no-repeat;
      background-size: calc(284rem / 20);
      width: calc(284rem / 20);
      height: calc(88rem / 20);
      top: calc(-77rem / 20);
      right: 0;
      position: absolute; } */
    .home-Sec1 .img-box .img-txt {
      background: #fff;
      position: absolute;
      bottom: 0;
      z-index: 1;
      width: 100%;
      padding-top: calc(21rem / 20);
      padding-bottom: calc(21rem / 20); }
      .home-Sec1 .img-box .img-txt img {
        width: calc(474rem / 20); }
    .home-Sec1 .img-box .img {
      width: calc(657rem / 20);
      margin-bottom: calc(130rem / 20); }
  .home-Sec1 .sub-ttl {
    padding-top: calc(21rem / 20);
    padding-bottom: calc(21rem / 20);
    text-align: center;
    background: #fff;
    width: calc(840rem / 20);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: calc(92rem / 20); }
    .home-Sec1 .sub-ttl img {
      width: calc(733rem / 20); }
  .home-Sec1 .txt {
    width: calc(690rem / 20);
    margin-left: auto;
    margin-right: auto;
    font-size: calc(17rem / 20);
    line-height: 2.2;
    margin-bottom: calc(92rem / 20); }
  .home-Sec1 .btn {
    color: #00A08C;
    font-size: calc(16rem / 20);
    font-weight: 700;
    width: calc(300rem / 20);
    border: #00A08C 1px solid;
    margin-left: auto;
    margin-right: auto;
    position: relative; }
    .home-Sec1 .btn a {
      display: block;
      height: calc(70rem / 20);
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      padding-right: calc(35rem / 20);
      transition: .3s; }
      .home-Sec1 .btn a::after {
        content: "";
        background: url("../img/ico_cl2.png") no-repeat;
        background-size: calc(24rem / 20);
        width: calc(24rem / 20);
        height: calc(24rem / 20);
        right: calc(60rem / 20);
        top: 50%;
        transform: translateY(-50%);
        position: absolute; }
      .home-Sec1 .btn a:hover {
        background: #00A08C;
        color: #fff; }
        .home-Sec1 .btn a:hover::after {
          right: calc(55rem / 20); }
          .home-Sec1 .youtube{
            text-align: center;
            margin-bottom: calc(120rem / 20);
            width: 80%; /* 横幅変更 */
            padding: 0;
            box-sizing: border-box;
            margin-left: auto;
            margin-right: auto;
              }
              .home-Sec1 .youtube .inner{
                padding-top: 56.25%;
                position: relative;
                height: 0;
                overflow: hidden;
                  }
              .home-Sec1 .youtube iframe{
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                  }

@media only screen and (max-width: 46.875em) {
  .home-Sec1::before {
    content: '';
    background: #e5f5f3;
    width: 100%;
    height: calc(1070rem / 20);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1; }
  .home-Sec1 .ttl {
    margin-bottom: calc(65rem / 20); }
    .home-Sec1 .ttl img {
      width: calc(380rem / 20); }
    .home-Sec1 .ttl span {
      font-size: calc(24rem / 20); }
  .home-Sec1 .img-box {
    width: calc(645rem / 20);
    margin-bottom: calc(146rem / 20);
    position: relative; }
    .home-Sec1 .img-box::before {
      background-size: calc(284rem / 20*1.5);
      width: calc(284rem / 20*1.5);
      height: calc(88rem / 20*1.5);
      top: calc(-100rem / 20);
      right: auto;
      left: 50%;
      transform: translateX(-50%);
      position: absolute;
      z-index: -1; }
    .home-Sec1 .img-box .img-txt {
      background: #fff;
      position: absolute;
      bottom: 0;
      z-index: 1;
      width: 100%;
      padding-top: calc(21rem / 20);
      padding-bottom: calc(21rem / 20); }
      .home-Sec1 .img-box .img-txt img {
        width: calc(587rem / 20); }
    .home-Sec1 .img-box .img {
      width: calc(597rem / 20); }
  .home-Sec1 .sub-ttl {
    padding-top: 0;
    padding-bottom: 0;
    background: none;
    width: calc(586rem / 20);
    margin-bottom: calc(73rem / 20); }
    .home-Sec1 .sub-ttl img {
      width: calc(735rem / 20); }
  .home-Sec1 .txt {
    width: calc(620rem / 20);
    font-size: calc(24rem / 20);
    margin-bottom: calc(80rem / 20); }
  .home-Sec1 .btn {
    font-size: calc(24rem / 20);
    font-weight: 700;
    width: calc(460rem / 20);
    border: #00A08C 1px solid;
    margin-left: auto;
    margin-right: auto;
    position: relative; }
    .home-Sec1 .btn a {
      height: calc(105rem / 20);
      padding-right: 0; }
      .home-Sec1 .btn a::after {
        background-size: calc(37rem / 20);
        width: calc(37rem / 20);
        height: calc(37rem / 20);
        right: calc(75rem / 20); }
      .home-Sec1 .btn a:hover {
        background: #00A08C;
        color: #fff; } }
.home-Sec2 {
  margin-bottom: calc(164rem / 20);
  overflow-x: hidden; }
  .home-Sec2 .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-left: calc(100rem / 20);
    padding-right: calc(100rem / 20); }
    .home-Sec2 .inner .ttl {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      align-items: flex-start;
      width: calc(420rem / 20);
      position: relative;
      padding-top: calc(130rem / 20); }
      .home-Sec2 .inner .ttl::before {
        content: "";
        background: url(../img/sec2_img1.png) no-repeat;
        background-size: calc(288rem / 20);
        width: calc(288rem / 20);
        height: calc(249rem / 20);
        top: calc(265rem / 20);
        right: 0;
        position: absolute; }
      .home-Sec2 .inner .ttl img {
        width: calc(215rem / 20); }
      .home-Sec2 .inner .ttl span {
        font-size: calc(20rem / 20);
        border-bottom: #B68C45 .2rem solid;
        margin-top: calc(35rem / 20); }
    .home-Sec2 .inner .txt-area {
      width: calc(550rem / 20);
      padding-top: calc(130rem / 20);
      padding-left: calc(75rem / 20);
      position: relative; }
      .home-Sec2 .inner .txt-area::before {
        content: '';
        background: #e5f5f3;
        width: 150%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1; }
      .home-Sec2 .inner .txt-area .area-ttl {
        width: calc(312rem / 20);
        margin-bottom: calc(62rem / 20); }
      .home-Sec2 .inner .txt-area .txt {
        font-size: calc(17rem / 20);
        line-height: 2.2;
        margin-bottom: calc(92rem / 20); }

@media only screen and (max-width: 46.875em) {
  .home-Sec2 {
    margin-bottom: calc(164rem / 20); }
    .home-Sec2 .inner {
      padding-left: calc(80rem / 20);
      padding-right: calc(80rem / 20); }
      .home-Sec2 .inner .ttl {
        width: 100%;
        padding-top: 0;
        margin-bottom: calc(80rem / 20); }
        .home-Sec2 .inner .ttl::before {
          background: url(../img/sp/sec2_img1.png) no-repeat;
          background-size: calc(431rem / 20);
          width: calc(431rem / 20);
          height: calc(283rem / 20);
          top: calc(20rem / 20);
          right: calc(-40rem / 20);
          position: absolute;
          z-index: 1; }
        .home-Sec2 .inner .ttl img {
          width: calc(320rem / 20); }
        .home-Sec2 .inner .ttl span {
          font-size: calc(24rem / 20);
          border-bottom: #B68C45 .2rem solid;
          margin-top: calc(35rem / 20); }
      .home-Sec2 .inner .txt-area {
        position: relative; }
        .home-Sec2 .inner .txt-area::before {
          content: '';
          background: #e5f5f3;
          width: 122%;
          height: 100%;
          position: absolute;
          top: 0;
          right: 0;
          z-index: -1; }
        .home-Sec2 .inner .txt-area .area-ttl {
          width: calc(475rem / 20);
          margin-bottom: calc(62rem / 20); }
        .home-Sec2 .inner .txt-area .txt {
          font-size: calc(24rem / 20); } }
.home-Sec3, .home-sec4 {
  margin-bottom: calc(130rem / 20); }
  .home-Sec3 .inner, .home-sec4 .inner {
    padding-left: calc(100rem / 20);
    padding-right: calc(100rem / 20); }
  .home-Sec3 .ttl, .home-sec4 .ttl {
    width: calc(197rem / 20);
    border-bottom: #666666 .3rem solid;
    padding-bottom: calc(3rem / 20);
    margin-left: auto;
    margin-bottom: calc(20rem / 20); }
  .home-Sec3 .box, .home-sec4 .box {
    position: relative;
    margin-bottom: calc(60rem / 20); }
    .home-Sec3 .box .img, .home-sec4 .box .img {
      width: calc(550rem / 20);
      position: absolute;
      right: 0;
      top: 0; }
    .home-Sec3 .box .box-ttl1, .home-sec4 .box .box-ttl1 {
      width: calc(326rem / 20);
      margin-bottom: calc(45rem / 20); }
  .home-Sec3 .list, .home-sec4 .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
    .home-Sec3 .list li, .home-sec4 .list li {
      background: #F2F2F2;
      color: #506666;
      width: calc(240rem / 20);
      height: calc(60rem / 20);
      margin-bottom: calc(10rem / 20);
      font-size: calc(15rem / 20);
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -webkit-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      align-items: center; }
  .home-Sec3 .box-btn, .home-sec4 .box-btn {
    background: #00A08C;
    width: calc(550rem / 20);
    position: relative;
    z-index: 1;
    padding-left: calc(50rem / 20);
    padding-right: calc(50rem / 20);
    padding-top: calc(60rem / 20);
    padding-bottom: calc(50rem / 20);
    box-shadow: .2rem .2rem .3rem -.2rem #000000; }
    .home-Sec3 .box-btn .btn-ttl, .home-sec4 .box-btn .btn-ttl {
      color: #fff;
      font-size: calc(30rem / 20);
      margin-bottom: calc(35rem / 20); }
    .home-Sec3 .box-btn .btn-box, .home-sec4 .box-btn .btn-box {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between; }
      .home-Sec3 .box-btn .btn-box .btn, .home-sec4 .box-btn .btn-box .btn {
        color: #fff;
        font-size: calc(16rem / 20);
        font-weight: 700;
        width: calc(220rem / 20);
        border: #fff 1px solid;
        margin-left: auto;
        margin-right: auto;
        position: relative; }
        .home-Sec3 .box-btn .btn-box .btn.contact, .home-sec4 .box-btn .btn-box .btn.contact {
          border: #B68C45 1px solid; }
          .home-Sec3 .box-btn .btn-box .btn.contact a, .home-sec4 .box-btn .btn-box .btn.contact a {
            background: #B68C45;
            padding-left: calc(100rem / 20); }
            .home-Sec3 .box-btn .btn-box .btn.contact a::after, .home-sec4 .box-btn .btn-box .btn.contact a::after {
              content: "";
              background: url("../img/ico_mail.png") no-repeat;
              background-size: calc(43rem / 20);
              width: calc(43rem / 20);
              height: calc(28rem / 20);
              left: calc(37rem / 20);
              top: 50%;
              transform: translateY(-50%);
              position: absolute; }
            .home-Sec3 .box-btn .btn-box .btn.contact a:hover, .home-sec4 .box-btn .btn-box .btn.contact a:hover {
              background: rgba(182, 140, 69, 0.8); }
        .home-Sec3 .box-btn .btn-box .btn a, .home-sec4 .box-btn .btn-box .btn a {
          display: block;
          height: calc(70rem / 20);
          display: -webkit-box;
          display: -webkit-flex;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          align-items: center;
          padding-left: calc(30rem / 20);
          transition: .3s; }
          .home-Sec3 .box-btn .btn-box .btn a::after, .home-sec4 .box-btn .btn-box .btn a::after {
            content: "";
            background: url("../img/ico_cl.png") no-repeat;
            background-size: calc(24rem / 20);
            width: calc(24rem / 20);
            height: calc(24rem / 20);
            right: calc(20rem / 20);
            top: 50%;
            transform: translateY(-50%);
            position: absolute; }
          .home-Sec3 .box-btn .btn-box .btn a:hover, .home-sec4 .box-btn .btn-box .btn a:hover {
            background: rgba(255, 255, 255, 0.3); }
            .home-Sec3 .box-btn .btn-box .btn a:hover::after, .home-sec4 .box-btn .btn-box .btn a:hover::after {
              right: calc(17rem / 20); }

@media only screen and (max-width: 46.875em) {
  .home-Sec3, .home-sec4 {
    margin-bottom: calc(130rem / 20);
    overflow-x: hidden; }
    .home-Sec3 .inner, .home-sec4 .inner {
      padding-left: 0;
      padding-right: 0;
      position: relative; }
    .home-Sec3 .ttl, .home-sec4 .ttl {
      width: calc(197rem / 20);
      border-bottom: #666666 .3rem solid;
      padding-bottom: calc(3rem / 20);
      margin-left: auto;
      margin-bottom: 0;
      transform: rotate(-90deg);
      position: absolute;
      left: calc(20rem / 20);
      top: calc(248rem / 20); }
    .home-Sec3 .box, .home-sec4 .box {
      position: relative;
      margin-bottom: calc(60rem / 20); }
      .home-Sec3 .box .img, .home-sec4 .box .img {
        width: calc(585rem / 20);
        position: absolute;
        right: 0;
        top: calc(170rem / 20); }
      .home-Sec3 .box .box-ttl1, .home-sec4 .box .box-ttl1 {
        width: calc(500rem / 20);
        margin-bottom: calc(45rem / 20);
        margin-left: calc(80rem / 20); }
    .home-Sec3 .list, .home-sec4 .list {
      padding-left: calc(40rem / 20);
      padding-right: calc(40rem / 20); }
      .home-Sec3 .list li, .home-sec4 .list li {
        width: calc(330rem / 20);
        height: calc(65rem / 20);
        margin-bottom: calc(10rem / 20);
        font-size: calc(20rem / 20);
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -webkit-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center; }
    .home-Sec3 .box-btn, .home-sec4 .box-btn {
      width: calc(660rem / 20);
      margin-top: calc(400rem / 20);
      padding-left: calc(82rem / 20);
      padding-right: calc(60rem / 20);
      padding-top: calc(60rem / 20);
      padding-bottom: calc(50rem / 20); }
      .home-Sec3 .box-btn .btn-ttl, .home-sec4 .box-btn .btn-ttl {
        font-size: calc(40rem / 20);
        margin-bottom: calc(50rem / 20); }
      .home-Sec3 .box-btn .btn-box, .home-sec4 .box-btn .btn-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between; }
        .home-Sec3 .box-btn .btn-box .btn, .home-sec4 .box-btn .btn-box .btn {
          font-size: calc(24rem / 20);
          width: calc(375rem / 20); }
          .home-Sec3 .box-btn .btn-box .btn.contact, .home-sec4 .box-btn .btn-box .btn.contact {
            width: calc(107rem / 20); }
            .home-Sec3 .box-btn .btn-box .btn.contact a, .home-sec4 .box-btn .btn-box .btn.contact a {
              padding-left: calc(100rem / 20);
              color: transparent; }
              .home-Sec3 .box-btn .btn-box .btn.contact a::after, .home-sec4 .box-btn .btn-box .btn.contact a::after {
                background-size: calc(52rem / 20);
                width: calc(52rem / 20);
                height: calc(37rem / 20);
                top: 50%;
                left: 50%;
                transform: translateY(-50%) translateX(-50%);
                position: absolute; }
              .home-Sec3 .box-btn .btn-box .btn.contact a:hover, .home-sec4 .box-btn .btn-box .btn.contact a:hover {
                background: rgba(182, 140, 69, 0.8); }
          .home-Sec3 .box-btn .btn-box .btn a, .home-sec4 .box-btn .btn-box .btn a {
            height: calc(107rem / 20);
            padding-left: calc(60rem / 20);
            transition: .3s; }
            .home-Sec3 .box-btn .btn-box .btn a::after, .home-sec4 .box-btn .btn-box .btn a::after {
              background-size: calc(37rem / 20);
              width: calc(37rem / 20);
              height: calc(37rem / 20);
              right: calc(27rem / 20); } }
.home-sec4 .ttl {
  margin-left: 0; }
.home-sec4 .box {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end; }
  .home-sec4 .box .img {
    right: auto;
    left: 0; }
  .home-sec4 .box .box-ttl1 {
    width: calc(355rem / 20); }
.home-sec4 .list li {
  width: calc(192rem / 20); }

@media only screen and (max-width: 46.875em) {
  .home-sec4 .ttl {
    margin-left: 0;
    left: auto;
    right: calc(20rem / 20);
    top: calc(248rem / 20);
    transform: rotate(90deg); }
  .home-sec4 .box {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end; }
    .home-sec4 .box .img {
      right: auto;
      left: 0; }
    .home-sec4 .box .box-ttl1 {
      width: calc(545rem / 20);
      margin-left: calc(80rem / 20);
      margin-right: auto; }
  .home-sec4 .list li {
    width: calc(330rem / 20); } }
.home-Sec5 {
  background: #e5f5f3;
  padding-top: calc(95rem / 20);
  padding-bottom: calc(98rem / 20); }
  .home-Sec5 .inner {
    padding-left: calc(100rem / 20);
    padding-right: calc(100rem / 20); }
  .home-Sec5 .ttl {
    text-align: center;
    color: #00A08C;
    font-size: calc(20rem / 20);
    margin-bottom: calc(50rem / 20); }
  .home-Sec5 .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(1000rem / 20);
    margin-left: auto;
    margin-right: auto; }
    .home-Sec5 .list .unit {
      width: calc(324rem / 20);
      border: 1px solid #00A08C;
      background: #fff;
      margin-bottom: calc(13rem / 20); }
      .home-Sec5 .list .unit .ico {
        width: calc(68rem / 20);
        margin-left: calc(42rem / 20);
        margin-top: calc(15rem / 20); }
      .home-Sec5 .list .unit:nth-child(2) .ico {
        width: calc(54rem / 20);
        margin-top: calc(20rem / 20);
        margin-left: calc(37rem / 20); }
      .home-Sec5 .list .unit:nth-child(3) .ico {
        width: calc(60rem / 20);
        margin-top: calc(15rem / 20);
        margin-left: calc(40rem / 20); }
      .home-Sec5 .list .unit:nth-child(4) .ico {
        width: calc(42rem / 20);
        margin-top: calc(20rem / 20);
        margin-left: calc(40rem / 20); }
      .home-Sec5 .list .unit a {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        height: calc(135rem / 20);
        transition: .3s; }
        .home-Sec5 .list .unit a:hover .btn {
          background: #1AC6AD; }
          .home-Sec5 .list .unit a:hover .btn::after {
            right: calc(35rem / 20); }
      .home-Sec5 .list .unit .txt-area {
        width: calc(200rem / 20);
        text-align: center;
        margin-top: calc(17rem / 20); }
      .home-Sec5 .list .unit .area-ttl {
        font-size: calc(20rem / 20);
        color: #00A08C; }
      .home-Sec5 .list .unit .area-txt {
        font-size: calc(14rem / 20); }
      .home-Sec5 .list .unit .btn {
        margin-top: auto;
        width: 100%;
        text-align: center;
        font-size: calc(14rem / 20);
        font-weight: 600;
        background: #00A08C;
        color: #fff;
        padding-bottom: calc(10rem / 20);
        padding-top: calc(10rem / 20);
        position: relative;
        transition: .3s; }
        .home-Sec5 .list .unit .btn::after {
          content: "";
          background: url("../img/ico_cl.png") no-repeat;
          background-size: calc(24rem / 20);
          width: calc(24rem / 20);
          height: calc(24rem / 20);
          right: calc(38rem / 20);
          top: 50%;
          transform: translateY(-50%);
          position: absolute; }
        .home-Sec5 .list .unit .btn br {
          display: none; }

@media only screen and (max-width: 46.875em) {
  .home-Sec5 {
    padding-top: calc(80rem / 20);
    padding-bottom: calc(80rem / 20); }
    .home-Sec5 .inner {
      padding-left: calc(80rem / 20);
      padding-right: calc(80rem / 20); }
    .home-Sec5 .ttl {
      font-size: calc(24rem / 20);
      margin-bottom: calc(60rem / 20); }
    .home-Sec5 .list {
      -webkit-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 100%; }
      .home-Sec5 .list .unit {
        width: 100%;
        margin-bottom: calc(20rem / 20); }
        .home-Sec5 .list .unit .ico {
          width: calc(96rem / 20);
          margin-left: calc(38rem / 20);
          margin-top: calc(28rem / 20); }
        .home-Sec5 .list .unit:nth-child(2) .ico {
          width: calc(71rem / 20);
          margin-top: calc(40rem / 20);
          margin-left: calc(37rem / 20); }
        .home-Sec5 .list .unit:nth-child(3) .ico {
          width: calc(78rem / 20);
          margin-top: calc(35rem / 20);
          margin-left: calc(30rem / 20); }
        .home-Sec5 .list .unit:nth-child(4) .ico {
          width: calc(62rem / 20);
          margin-top: calc(32rem / 20);
          margin-left: calc(40rem / 20); }
        .home-Sec5 .list .unit a {
          -webkit-box-lines: single;
          -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
          -webkit-box-align: stretch;
          -webkit-align-items: stretch;
          align-items: stretch;
          height: calc(140rem / 20); }
          .home-Sec5 .list .unit a:hover .btn {
            background: #00A08C; }
            .home-Sec5 .list .unit a:hover .btn::after {
              right: calc(20rem / 20); }
        .home-Sec5 .list .unit .txt-area {
          width: calc(400rem / 20);
          text-align: center;
          margin-top: calc(17rem / 20); }
        .home-Sec5 .list .unit .area-ttl {
          font-size: calc(30rem / 20);
          color: #00A08C; }
        .home-Sec5 .list .unit .area-txt {
          font-size: calc(21rem / 20); }
        .home-Sec5 .list .unit .btn {
          height: 100%;
          padding-left: calc(20rem / 20);
          width: calc(205rem / 20);
          text-align: left;
          font-size: calc(18rem / 20);
          padding-top: calc(40rem / 20); }
          .home-Sec5 .list .unit .btn::after {
            background-size: calc(27rem / 20);
            width: calc(27rem / 20);
            height: calc(27rem / 20);
            right: calc(20rem / 20);
            top: calc(44rem / 20);
            transform: translateY(0); }
          .home-Sec5 .list .unit .btn br {
            display: block; } }
.home-Sec6 {
  padding-top: calc(145rem / 20);
  padding-bottom: calc(98rem / 20); }
  .home-Sec6 .inner {
    padding-left: calc(100rem / 20);
    padding-right: calc(100rem / 20); }
  .home-Sec6 .unit {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
    .home-Sec6 .unit .ttl {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      align-items: center;
      position: relative;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: calc(75rem / 20);
      width: 100%; }
      .home-Sec6 .unit .ttl img {
        width: calc(542rem / 20); }
      .home-Sec6 .unit .ttl span {
        font-size: calc(24rem / 20);
        border-bottom: #B68C45 .2rem solid;
        margin-top: calc(35rem / 20); }
      .home-Sec6 .unit .ttl.s2 {
        width: 100%; }
      .home-Sec6 .unit .ttl.s2 img {
        width: calc(400rem / 20); }


      .home-Sec6 .unit .ttl.s7 {
        width: 100%; }
      .home-Sec6 .unit .ttl.s7 img {
        width: calc(400rem / 20); }



    .home-Sec6 .unit .box {
      width: calc(460rem / 20);
      margin-bottom: calc(100rem / 20); }
      .home-Sec6 .unit .box .txt {
        font-size: calc(17rem / 20);
        margin-bottom: calc(35rem / 20); }
      .home-Sec6 .unit .box .box-ttl {
        background: #506666;
        text-align: center;
        font-size: calc(17rem / 20);
        padding-top: calc(15rem / 20);
        padding-bottom: calc(15rem / 20);
        color: #fff;
        margin-bottom: calc(22rem / 20); }
      .home-Sec6 .unit .box .list {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap; }
        .home-Sec6 .unit .box .list li {
          width: calc(210rem / 20); }
      .home-Sec6 .unit .box .list2 {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap; }
        .home-Sec6 .unit .box .list2 li {
          width: 50%;
          display: -webkit-box;
          display: -webkit-flex;
          display: flex;
          -webkit-box-direction: normal;
          -webkit-box-orient: vertical;
          -webkit-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: center;
          -webkit-align-items: center;
          align-items: center;
          -webkit-box-pack: center;
          -webkit-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          border-bottom: 1px solid #00A08C;
          margin-bottom: calc(8rem / 20);
          margin-top: calc(8rem / 20);
          height: calc(172rem / 20);
          position: relative; }
          .home-Sec6 .unit .box .list2 li:nth-child(2n)::before {
            content: '';
            position: absolute;
            width: 1px;
            height: calc(140rem / 20);
            background: #00A08C;
            left: 0; }
          .home-Sec6 .unit .box .list2 li:nth-last-child(1) {
            border-bottom: none; }
          .home-Sec6 .unit .box .list2 li:nth-last-child(2) {
            border-bottom: none; }
          .home-Sec6 .unit .box .list2 li .ico1 {
            width: calc(53rem / 20);
            height: calc(60rem / 20); }
          .home-Sec6 .unit .box .list2 li .ico2 {
            width: calc(47rem / 20);
            height: calc(60rem / 20); }
          .home-Sec6 .unit .box .list2 li .ico3 {
            width: calc(73rem / 20);
            height: calc(60rem / 20); }
          .home-Sec6 .unit .box .list2 li .ico4 {
            width: calc(60rem / 20);
            height: calc(60rem / 20); }
          .home-Sec6 .unit .box .list2 li .ico5 {
            width: calc(77rem / 20);
            height: calc(54rem / 20); }
          .home-Sec6 .unit .box .list2 li .ico6 {
            width: calc(67rem / 20);
            height: calc(60rem / 20); }
          .home-Sec6 .unit .box .list2 li .ico-txt {
            font-size: calc(15rem / 20);
            margin-top: calc(15rem / 20); }
      .home-Sec6 .unit .box .ico7 {
        width: calc(130rem / 20);
        margin-left: auto;
        margin-right: auto;
        padding-top: calc(35rem / 20);
        margin-bottom: calc(75rem / 20); }
        .home-Sec6 .unit .box .ico7 .ico-txt {
          font-size: calc(15rem / 20);
          margin-top: calc(15rem / 20); }
      .home-Sec6 .unit .box .btn-s {
        width: 100%;
        text-align: center;
        font-size: calc(17rem / 20);
        font-weight: 600;
        background: #00A08C;
        color: #fff;
        position: relative;
        margin-bottom: calc(35rem / 20); }
        .home-Sec6 .unit .box .btn-s a {
          display: block;
          padding-top: calc(13rem / 20);
          padding-bottom: calc(13rem / 20);
          transition: .3s; }
          .home-Sec6 .unit .box .btn-s a:hover {
            background: #1AC6AD; }
            .home-Sec6 .unit .box .btn-s a:hover::after {
              right: calc(32rem / 20); }
          .home-Sec6 .unit .box .btn-s a::after {
            content: "";
            background: url("../img/ico_cl.png") no-repeat;
            background-size: calc(24rem / 20);
            width: calc(24rem / 20);
            height: calc(24rem / 20);
            right: calc(35rem / 20);
            top: 50%;
            transform: translateY(-50%);
            position: absolute; }
      .home-Sec6 .unit .box .ico8 {
        margin-left: auto;
        margin-right: auto;
        padding-top: calc(55rem / 20);
        margin-bottom: calc(75rem / 20);
        text-align: center; }
        .home-Sec6 .unit .box .ico8 img {
          width: calc(112rem / 20); }
        .home-Sec6 .unit .box .ico8 .ico-txt {
          font-size: calc(15rem / 20);
          margin-top: calc(15rem / 20); }

@media only screen and (max-width: 46.875em) {
  .home-Sec6 {
    padding-top: calc(160rem / 20);
    padding-bottom: calc(98rem / 20); }
    .home-Sec6 .inner {
      padding-left: calc(40rem / 20);
      padding-right: calc(40rem / 20); }
    .home-Sec6 .unit:first-child {
      margin-bottom: calc(160rem / 20); }
    .home-Sec6 .unit .ttl {
      margin-bottom: calc(75rem / 20); }
      .home-Sec6 .unit .ttl img {
        width: calc(420rem / 20); }
      .home-Sec6 .unit .ttl span {
        font-size: calc(24rem / 20);
        margin-top: calc(35rem / 20); }
      .home-Sec6 .unit .ttl.s2 {
        width: 100%; }
      .home-Sec6 .unit .ttl.s2 img {
        width: calc(600rem / 20); }

      .home-Sec6 .unit .ttl.s7 {
        width: 100%; }
      .home-Sec6 .unit .ttl.s7 img {
        width: calc(600rem / 20); }


    .home-Sec6 .unit .box {
      width: 100%;
      margin-bottom: calc(100rem / 20); }
      .home-Sec6 .unit .box .txt {
        font-size: calc(24rem / 20);
        margin-bottom: calc(35rem / 20);
        padding-left: calc(40rem / 20);
        padding-right: calc(40rem / 20); }
      .home-Sec6 .unit .box .box-ttl {
        font-size: calc(28rem / 20);
        margin-bottom: calc(50rem / 20); }
      .home-Sec6 .unit .box .list li {
        width: 50%;
        padding-left: calc(40rem / 20);
        padding-right: calc(40rem / 20); }
      .home-Sec6 .unit .box .list2 li {
        width: 50%;
        height: calc(240rem / 20);
        position: relative; }
        .home-Sec6 .unit .box .list2 li:nth-child(2n)::before {
          content: '';
          position: absolute;
          width: 1px;
          height: calc(210rem / 20);
          background: #00A08C;
          left: 0; }
        .home-Sec6 .unit .box .list2 li .ico1 {
          width: calc(80rem / 20);
          height: calc(91rem / 20); }
        .home-Sec6 .unit .box .list2 li .ico2 {
          width: calc(72rem / 20);
          height: calc(91rem / 20); }
        .home-Sec6 .unit .box .list2 li .ico3 {
          width: calc(108rem / 20);
          height: calc(91rem / 20); }
        .home-Sec6 .unit .box .list2 li .ico4 {
          width: calc(90rem / 20);
          height: calc(91rem / 20); }
        .home-Sec6 .unit .box .list2 li .ico5 {
          width: calc(113rem / 20);
          height: calc(91rem / 20); }
        .home-Sec6 .unit .box .list2 li .ico6 {
          width: calc(102rem / 20);
          height: calc(91rem / 20); }
        .home-Sec6 .unit .box .list2 li .ico-txt {
          font-size: calc(24rem / 20); }
      .home-Sec6 .unit .box .ico7 {
        width: calc(190rem / 20); }
        .home-Sec6 .unit .box .ico7 .ico-txt {
          font-size: calc(22rem / 20); }
      .home-Sec6 .unit .box .btn-s {
        width: 100%;
        text-align: center;
        font-size: calc(24rem / 20);
        margin-bottom: calc(35rem / 20); }
        .home-Sec6 .unit .box .btn-s a {
          padding-top: calc(20rem / 20);
          padding-bottom: calc(20rem / 20);
          transition: .3s; }
          .home-Sec6 .unit .box .btn-s a::after {
            content: "";
            background: url("../img/ico_cl.png") no-repeat;
            background-size: calc(35rem / 20);
            width: calc(35rem / 20);
            height: calc(35rem / 20);
            right: calc(42rem / 20); }
      .home-Sec6 .unit .box .ico8 img {
        width: calc(160rem / 20); }
      .home-Sec6 .unit .box .ico8 .ico-txt {
        font-size: calc(24rem / 20); } }
.st-Footer .st-Contact {
  width: 100%;
  background: #B68C45; }
  .st-Footer .st-Contact a {
    display: block;
    padding-top: calc(73rem / 20);
    padding-bottom: calc(55rem / 20);
    transition: .3s; }
    .st-Footer .st-Contact a:hover {
      background: #C49755; }
  .st-Footer .st-Contact .ttl {
    position: relative;
    width: calc(273rem / 20);
    height: auto;
    margin-left: auto;
    margin-right: auto; }
    .st-Footer .st-Contact .ttl span {
      font-size: calc(13rem / 20);
      border-bottom: #fff .2rem solid;
      margin-top: calc(15rem / 20);
      color: #fff;
      margin-left: calc(139rem / 20); }
    .st-Footer .st-Contact .ttl .img {
      position: absolute;
      width: calc(107rem / 20);
      right: calc(-147rem / 20);
      top: 50%;
      transform: translateY(-50%); }
.st-Footer .st-Add {
  text-align: center;
  background: #F5F5F5;
  padding-top: calc(100rem / 20);
  padding-bottom: calc(65rem / 20); }
  .st-Footer .st-Add .logo {
    width: calc(163rem / 20);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: calc(35rem / 20); }
  .st-Footer .st-Add .txt {
    font-size: calc(15rem / 20);
    line-height: 2; }
    .st-Footer .st-Add .txt span {
      display: none; }
  .st-Footer .st-Add .sns-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: calc(25rem / 20); }
    .st-Footer .st-Add .sns-list li {
      width: calc(29rem / 20);
      margin-left: calc(8rem / 20);
      margin-right: calc(8rem / 20); }

.st-Footer .st-Footer_List {
  padding-top: calc(32rem / 20);
  padding-bottom: calc(35rem / 20); }
  .st-Footer .st-Footer_List .inner {
    padding-left: calc(100rem / 20);
    padding-right: calc(100rem / 20);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }

  .st-Footer .footer-list ul {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    font-size: calc(14rem / 20);
    margin-top: calc(40rem / 20);
    margin-bottom: calc(40rem / 20); }
    .st-Footer .footer-list ul li {
      border-left: 1px solid #666666;
      line-height: 1; }
      .st-Footer .footer-list ul li:first-child {
        border-left: none; }
      .st-Footer .footer-list ul li a {
        padding-left: calc(18rem / 20);
        padding-right: calc(18rem / 20); }
/* フッターメニューend */

  .st-Footer .st-Footer_List .pdf {
    width: 60%;
    font-size: calc(12rem / 20);
    position: relative; }
    .st-Footer .st-Footer_List .pdf::before {
      content: 'PDF';
      border: 1px solid #666666;
      padding-left: calc(5rem / 20);
      padding-right: calc(5rem / 20);
      margin-right: calc(15rem / 20); }
  .st-Footer .st-Footer_List .copy {
    width: 35%;
    font-size: calc(12rem / 20);
    margin-left: auto; }

@media only screen and (max-width: 46.875em) {
  .st-Footer .st-Contact a {
    padding-top: calc(57rem / 20);
    padding-bottom: calc(47rem / 20); }
  .st-Footer .st-Contact .ttl {
    width: calc(290rem / 20);
    margin-left: calc(180rem / 20); }
    .st-Footer .st-Contact .ttl span {
      font-size: calc(20rem / 20); }
    .st-Footer .st-Contact .ttl .img {
      position: absolute;
      width: calc(125rem / 20);
      right: calc(-170rem / 20); }
  /* .st-Footer .map iframe {
    height: calc(375rem / 20); } */
  .st-Footer .st-Add {
    padding-top: calc(80rem / 20);
    padding-bottom: calc(80rem / 20); }
    .st-Footer .st-Add .logo {
      width: calc(220rem / 20);
      margin-bottom: calc(40rem / 20); }
    .st-Footer .st-Add .txt {
      font-size: calc(20rem / 20);
      line-height: 2; }
      .st-Footer .st-Add .txt span {
        display: block; }
    .st-Footer .st-Add .sns-list {
      margin-top: calc(25rem / 20); }
      .st-Footer .st-Add .sns-list li {
        width: calc(53rem / 20);
        margin-left: calc(12rem / 20);
        margin-right: calc(12rem / 20); }
  .st-Footer .st-Footer_List {
    padding-top: calc(32rem / 20);
    padding-bottom: calc(35rem / 20); }
    .st-Footer .st-Footer_List .inner {
      padding-left: calc(100rem / 20);
      padding-right: calc(100rem / 20);
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -webkit-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap; }
    .st-Footer .list ul {
      display: none; }
    .st-Footer .st-Footer_List .pdf {
      width: 100%;
      font-size: calc(20rem / 20);
      position: relative;
      margin-bottom: calc(45rem / 20);
      padding-left: calc(75rem / 20); }
      .st-Footer .st-Footer_List .pdf::before {
        content: 'PDF';
        border: 1px solid #666666;
        padding-left: calc(10rem / 20);
        padding-right: calc(10rem / 20);
        padding-top: calc(10rem / 20);
        padding-bottom: calc(10rem / 20);
        margin-right: calc(10rem / 20);
        position: absolute;
        font-weight: 600;
        left: 0;
        top: calc(5rem / 20); }
    .st-Footer .st-Footer_List .copy {
      width: 100%;
      font-size: calc(20rem / 20);
      margin-left: auto;
      margin-right: auto;
      text-align: center; } }
.pagetop {
  display: none;
  position: fixed;
  right: 0;
  bottom: calc(120rem / 20);
  background: #00A08C;
  width: calc(50rem / 20);
  height: calc(150rem / 20);
  transition: .3s;
  z-index: 1; }
  .pagetop:hover {
    background: #1AC6AD; }
  .pagetop img {
    width: calc(22rem / 20); }
  .pagetop a {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: calc(50rem / 20);
    height: calc(150rem / 20); }

@media only screen and (max-width: 46.875em) {
  .pagetop {
    display: none; } }
#map_canvas {
  width: 100%;
  height: calc(400rem / 20); }

/*------------------------------
second-Ttl
--------------------------------------------------------------------------------------------------*/
.second-Ttl {
  position: relative; }
  .second-Ttl .inner {
    height: calc(570rem / 20);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center; }
  .second-Ttl .ttl {
    width: calc(400rem / 20);
    height: calc(260rem / 20);
    background: #00A08C;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center; }
    .second-Ttl .ttl img {
      width: calc(263rem / 20); }

@media only screen and (max-width: 46.875em) {
  .second-Ttl .inner {
    height: calc(470rem / 20); } }
/*------------------------------
about
--------------------------------------------------------------------------------------------------*/
.about-Nav {
  margin-bottom: calc(164rem / 20); }
  .about-Nav .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center; }
    .about-Nav .list li {
      width: calc(168rem / 20);
      font-size: calc(15rem / 20);
      border-left: 1px solid #00A08C;
      line-height: 1;
      position: relative; }
      .about-Nav .list li:first-child {
        border-left: none; }
      .about-Nav .list li span {
        transform: scale(0.9);
        font-size: calc(12rem / 18);
        font-weight: 600;
        letter-spacing: .05rem;
        margin-top: calc(11rem / 18); }
      .about-Nav .list li a {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        height: calc(150rem / 20);
        padding-bottom: calc(25rem / 20);
        transition: .3s; }
        .about-Nav .list li a::before {
          content: "";
          background: url("../img/about/ico1.png") no-repeat;
          background-size: calc(20rem / 20);
          width: calc(20rem / 20);
          height: calc(20rem / 20);
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          bottom: calc(22rem / 20); }
        .about-Nav .list li a:hover {
          background: #F5FCFB; }
          .about-Nav .list li a:hover::before {
            bottom: calc(18rem / 20); }

@media only screen and (max-width: 46.875em) {
  .about-Nav {
    margin-bottom: calc(164rem / 20); }
    .about-Nav .list {
      -webkit-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap; }
      .about-Nav .list li {
        width: auto;
        font-size: calc(26rem / 20);
        line-height: 1;
        padding-left: calc(40rem / 20);
        padding-right: calc(40rem / 20);
        margin-bottom: calc(40rem / 20); }
        .about-Nav .list li:nth-child(4) {
          border-left: none; }
        .about-Nav .list li span {
          display: none; }
        .about-Nav .list li a {
          height: auto;
          padding-bottom: 0;
          font-weight: 600; }
          .about-Nav .list li a::before {
            content: "";
            background: none;
            background-size: 0;
            width: 0;
            height: 0; }
          .about-Nav .list li a:hover::before {
            bottom: 0; } }
.about-Sec1 .inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start; }
  .about-Sec1 .inner .txt-area {
    width: calc(550rem / 20);
    padding-right: calc(98rem / 20); }
    .about-Sec1 .inner .txt-area .ttl {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      align-items: flex-start;
      width: calc(420rem / 20);
      position: relative;
      margin-bottom: calc(90rem / 20); }
      .about-Sec1 .inner .txt-area .ttl img {
        width: calc(250rem / 20); }
      .about-Sec1 .inner .txt-area .ttl span {
        font-size: calc(20rem / 20);
        border-bottom: #B68C45 .2rem solid;
        margin-top: calc(25rem / 20); }
    .about-Sec1 .inner .txt-area .sub-ttl1 {
      width: calc(414rem / 20);
      position: relative;
      margin-bottom: calc(66rem / 20);
      margin-left: calc(15rem / 20); }
      .about-Sec1 .inner .txt-area .sub-ttl1::before {
        content: '';
        background: #e5f5f3;
        width: calc(460rem / 20);
        height: calc(50rem / 20);
        position: absolute;
        top: calc(19rem / 20);
        left: calc(-15rem / 20);
        z-index: -1; }
    .about-Sec1 .inner .txt-area .sub-ttl2 {
      width: calc(298rem / 20);
      position: relative;
      margin-bottom: calc(110rem / 20);
      margin-left: calc(15rem / 20); }
      .about-Sec1 .inner .txt-area .sub-ttl2::before {
        content: '';
        background: #e5f5f3;
        width: calc(370rem / 20);
        height: calc(50rem / 20);
        position: absolute;
        top: calc(19rem / 20);
        left: calc(-15rem / 20);
        z-index: -1; }
    .about-Sec1 .inner .txt-area .txt {
      font-size: calc(17rem / 20);
      line-height: 2.2;
      margin-bottom: calc(75rem / 20); }
    .about-Sec1 .inner .txt-area .name {
      font-size: calc(17rem / 20);
      line-height: 2.2;
      margin-left: calc(268rem / 20); }
  .about-Sec1 .inner .img-area {
    position: relative;
    width: calc(540rem / 20);
    height: calc(934rem / 20); }
    .about-Sec1 .inner .img-area::before {
      content: '';
      background: #e5f5f3;
      width: calc(452rem / 20);
      height: calc(564rem / 20);
      position: absolute;
      bottom: 0;
      right: 0;
      z-index: -1; }
    .about-Sec1 .inner .img-area::after {
      content: "";
      background: url("../img/about/img1.jpg") no-repeat;
      background-size: calc(690rem / 20);
      width: calc(690rem / 20);
      height: calc(660rem / 20);
      top: calc(35rem / 20);
      left: calc(-215rem / 20);
      position: absolute; }
    .about-Sec1 .inner .img-area .img2 {
      position: absolute;
      bottom: calc(90rem / 20);
      right: calc(-30rem / 20);
      width: calc(331rem / 20); }

@media only screen and (max-width: 46.875em) {
  .about-Sec1 .inner {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
    position: relative;
    padding-top: calc(255rem / 20); }
    .about-Sec1 .inner .txt-area {
      width: 100%;
      padding-right: calc(40rem / 20);
      padding-left: calc(40rem / 20); }
      .about-Sec1 .inner .txt-area .ttl {
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0; }
        .about-Sec1 .inner .txt-area .ttl img {
          width: calc(377rem / 20); }
        .about-Sec1 .inner .txt-area .ttl span {
          font-size: calc(24rem / 20); }
      .about-Sec1 .inner .txt-area .sub-ttl1 {
        width: calc(437rem / 20);
        margin-bottom: calc(66rem / 20);
        margin-left: calc(17rem / 20); }
        .about-Sec1 .inner .txt-area .sub-ttl1::before {
          width: calc(480rem / 20);
          height: calc(60rem / 20);
          left: calc(-17rem / 20); }
      .about-Sec1 .inner .txt-area .sub-ttl2 {
        width: calc(312rem / 20);
        margin-bottom: calc(120rem / 20);
        margin-left: calc(17rem / 20); }
        .about-Sec1 .inner .txt-area .sub-ttl2::before {
          width: calc(370rem / 20);
          height: calc(60rem / 20);
          left: calc(-17rem / 20); }
      .about-Sec1 .inner .txt-area .txt {
        font-size: calc(24rem / 20);
        line-height: 2.5; }
      .about-Sec1 .inner .txt-area .name {
        font-size: calc(24rem / 20);
        line-height: 2.5;
        margin-left: 0; }
        .about-Sec1 .inner .txt-area .name br {
          display: none; }
        .about-Sec1 .inner .txt-area .name span {
          margin-left: calc(30rem / 20); }
    .about-Sec1 .inner .img-area {
      position: relative;
      width: 100%;
      height: calc(482rem / 20);
      margin-bottom: calc(106rem / 20); }
      .about-Sec1 .inner .img-area::before {
        content: '';
        background: #e5f5f3;
        width: calc(585rem / 20);
        height: calc(375rem / 20);
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: -1; }
      .about-Sec1 .inner .img-area::after {
        background: url("../img/sp/about/img1.jpg") no-repeat;
        background-size: calc(665rem / 20);
        width: calc(668rem / 20);
        height: calc(420rem / 20);
        top: 0;
        left: 0;
        position: absolute; }
      .about-Sec1 .inner .img-area .img2 {
        position: absolute;
        bottom: calc(-240rem / 20);
        right: calc(30rem / 20);
        width: calc(269rem / 20); } }
.about-Sec2 {
  padding-top: calc(137rem / 20);
  margin-bottom: calc(125rem / 20); }
  .about-Sec2 .inner {
    background: #e5f5f3;
    position: relative;
    padding-top: calc(75rem / 20);
    padding-bottom: calc(75rem / 20);
    padding-left: calc(90rem / 20);
    padding-right: calc(90rem / 20); }
    .about-Sec2 .inner::before {
      content: "";
      background: url("../img/about/txt4.png") no-repeat;
      background-size: calc(323rem / 20);
      width: calc(323rem / 20);
      height: calc(144rem / 20);
      position: absolute;
      top: calc(-76rem / 20);
      left: calc(-25rem / 20); }
    .about-Sec2 .inner .ttl-area {
      position: relative;
      z-index: 1;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      align-items: flex-start;
      -webkit-box-align: center;
      -webkit-align-items: center;
      align-items: center;
      margin-bottom: calc(65rem / 20); }
      .about-Sec2 .inner .ttl-area .ttl {
        font-size: calc(20rem / 20);
        border-bottom: #B68C45 .2rem solid;
        margin-right: calc(58rem / 20); }
      .about-Sec2 .inner .ttl-area .ttl-txt {
        background: #fff;
        width: calc(640rem / 20);
        height: calc(82rem / 20);
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center; }
        .about-Sec2 .inner .ttl-area .ttl-txt img {
          width: calc(542rem / 20); }
    .about-Sec2 .inner .txt {
      font-size: calc(17rem / 20);
      line-height: 2.2;
      width: calc(420rem / 20); }
    .about-Sec2 .inner .img {
      position: absolute;
      width: calc(500rem / 20);
      bottom: 0;
      right: calc(97rem / 20);
      z-index: 0; }

@media only screen and (max-width: 77.8125em) {
  .about-Sec2 .inner::before {
    left: 0; } }
@media only screen and (max-width: 46.875em) {
  .about-Sec2 {
    margin-bottom: calc(440rem / 20);
    padding-left: calc(20rem / 20);
    padding-right: calc(20rem / 20); }
    .about-Sec2 .inner {
      padding-top: calc(100rem / 20);
      padding-bottom: calc(100rem / 20);
      padding-left: 0;
      padding-right: 0; }
      .about-Sec2 .inner::before {
        background: url("../img/about/txt4.png") no-repeat;
        background-size: calc(161rem / 20);
        width: calc(161rem / 20);
        height: calc(82rem / 20);
        top: auto;
        bottom: calc(-200rem / 20);
        left: calc(25rem / 20); }
      .about-Sec2 .inner .ttl-area {
        -webkit-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: calc(65rem / 20); }
        .about-Sec2 .inner .ttl-area .ttl {
          font-size: calc(30rem / 20);
          margin-right: 0;
          margin-left: calc(60rem / 20);
          margin-bottom: calc(35rem / 20); }
        .about-Sec2 .inner .ttl-area .ttl-txt {
          width: calc(680rem / 20);
          height: calc(95rem / 20); }
          .about-Sec2 .inner .ttl-area .ttl-txt img {
            width: calc(610rem / 20); }
      .about-Sec2 .inner .txt {
        font-size: calc(24rem / 20);
        line-height: 2.2;
        width: 100%;
        padding-left: calc(60rem / 20);
        padding-right: calc(60rem / 20); }
      .about-Sec2 .inner .img {
        position: absolute;
        width: calc(522rem / 20);
        bottom: calc(-270rem / 20);
        right: calc(-20rem / 20);
        z-index: 0; } }
.about-Sec3 {
  background: #e5f5f3;
  padding-top: calc(100rem / 20);
  padding-bottom: calc(100rem / 20); }
  .about-Sec3 .inner {
    text-align: center; }
  .about-Sec3 .ttl {
    font-size: calc(20rem / 20);
    border-bottom: #B68C45 .2rem solid;
    display: inline-block;
    margin-bottom: calc(60rem / 20); }
  .about-Sec3 .sub-ttl {
    width: calc(498rem / 20);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: calc(50rem / 20);
    position: relative; }
    .about-Sec3 .sub-ttl::after {
      content: "";
      background: url(../img/about/txt6.png) no-repeat;
      background-size: calc(144rem / 20);
      width: calc(144rem / 20);
      height: calc(89rem / 20);
      position: absolute;
      top: calc(-80rem / 20);
      right: calc(-180rem / 20); }
  .about-Sec3 .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: calc(436rem / 20); }
    .about-Sec3 .list .unit {
      width: calc(335rem / 20);
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      align-items: center;
      border-left: 2px solid #fff; }
      .about-Sec3 .list .unit.n2 .ico {
        width: calc(104rem / 20);
        height: calc(100rem / 20); }
      .about-Sec3 .list .unit.n3 {
        border-right: 2px solid #fff; }
        .about-Sec3 .list .unit.n3 .ico {
          width: calc(157rem / 20); }
        .about-Sec3 .list .unit.n3 .unit-ttl {
          width: calc(233rem / 20); }
      .about-Sec3 .list .unit .num {
        width: calc(66rem / 20);
        height: calc(89rem / 20);
        margin-left: auto;
        margin-right: auto;
        margin-bottom: calc(52rem / 20); }
      .about-Sec3 .list .unit .ico {
        width: calc(126rem / 20);
        height: calc(99rem / 20);
        margin-left: auto;
        margin-right: auto;
        margin-bottom: calc(52rem / 20); }
      .about-Sec3 .list .unit .unit-ttl {
        width: calc(237rem / 20);
        margin-bottom: calc(15rem / 20); }
      .about-Sec3 .list .unit .unit-txt {
        font-size: calc(15rem / 20);
        text-align: left;
        width: calc(230rem / 20);
        line-height: 2.2;
        margin-left: auto;
        margin-right: auto; }
      .about-Sec3 .list .unit .txt-area {
        margin-top: auto; }

@media only screen and (max-width: 46.875em) {
  .about-Sec3 {
    padding-left: calc(80rem / 20);
    padding-right: calc(80rem / 20); }
    .about-Sec3 .ttl {
      font-size: calc(30rem / 20); }
    .about-Sec3 .sub-ttl {
      width: calc(565rem / 20); }
      .about-Sec3 .sub-ttl::after {
        background-size: calc(128rem / 20);
        width: calc(128rem / 20);
        height: calc(81rem / 20);
        top: calc(-130rem / 20);
        right: 0; }
    .about-Sec3 .list {
      -webkit-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      height: auto; }
      .about-Sec3 .list .unit {
        -webkit-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        padding-top: calc(65rem / 20);
        padding-bottom: calc(65rem / 20);
        width: 100%;
        border-bottom: 2px solid #fff;
        border-left: none;
        position: relative; }
        .about-Sec3 .list .unit.n2 {
          border-top: none; }
          .about-Sec3 .list .unit.n2 .ico {
            width: calc(104rem / 20);
            left: calc(50rem / 20); }
        .about-Sec3 .list .unit.n3 {
          border-top: none;
          border-bottom: none;
          border-right: none; }
          .about-Sec3 .list .unit.n3 .ico {
            width: calc(157rem / 20);
            border-right: none;
            left: calc(20rem / 20); }
          .about-Sec3 .list .unit.n3 .unit-ttl {
            width: calc(315rem / 20); }
        .about-Sec3 .list .unit .num {
          width: calc(68rem / 20);
          margin-left: auto;
          margin-right: auto;
          margin-bottom: calc(52rem / 20);
          -webkit-box-ordinal-group: -1;
          -webkit-flex-order: -1;
          -webkit-order: -1;
          order: -1;
          margin-left: calc(65rem / 20);
          margin-right: calc(65rem / 20); }
        .about-Sec3 .list .unit .ico {
          width: calc(126rem / 20);
          margin-left: auto;
          margin-right: auto;
          margin-bottom: calc(52rem / 20);
          -webkit-box-ordinal-group: 1;
          -webkit-flex-order: 1;
          -webkit-order: 1;
          order: 1;
          position: absolute;
          top: calc(180rem / 20);
          left: calc(36rem / 20); }
        .about-Sec3 .list .unit .unit-ttl {
          width: calc(316rem / 20);
          margin-bottom: calc(30rem / 20);
          text-align: left; }
        .about-Sec3 .list .unit .unit-txt {
          font-size: calc(22rem / 20);
          text-align: left;
          width: 100%;
          line-height: 2.2;
          margin-left: auto;
          margin-right: auto; }
        .about-Sec3 .list .unit .txt-area {
          width: calc(350rem / 20);
          margin-top: 0;
          -webkit-box-ordinal-group: 0;
          -webkit-flex-order: 0;
          -webkit-order: 0;
          order: 0; } }
.about-sec4 {
  padding-top: calc(160rem / 20);
  padding-bottom: calc(170rem / 20); }
  .about-sec4 .inner {
    padding-left: calc(100rem / 20);
    padding-right: calc(100rem / 20); }
  .about-sec4 .ttl {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: calc(55rem / 20);
    width: 100%; }
    .about-sec4 .ttl img {
      width: calc(231rem / 20); }
    .about-sec4 .ttl span {
      font-size: calc(20rem / 20);
      border-bottom: #B68C45 .2rem solid;
      margin-top: calc(35rem / 20); }
  .about-sec4 .sub-ttl {
    width: calc(438rem / 20);
    margin-left: auto;
    margin-right: auto; }
  .about-sec4 .unit {
    margin-top: calc(130rem / 20);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    position: relative; }
    .about-sec4 .unit.s2 {
      -webkit-box-direction: reverse;
      -webkit-box-orient: horizontal;
      -webkit-flex-direction: row-reverse;
      flex-direction: row-reverse; }
      .about-sec4 .unit.s2 .img {
        width: calc(340rem / 20);
        margin-right: calc(63rem / 20);
        margin-left: calc(72rem / 20); }
        .about-sec4 .unit.s2 .img::after {
          content: "";
          background: url("../img/about/m_s2_txt1.png") no-repeat;
          background-size: calc(257rem / 20);
          width: calc(257rem / 20);
          height: calc(127rem / 20);
          position: absolute;
          top: calc(-90rem / 20);
          right: calc(-50rem / 20);
          left: auto; }
      .about-sec4 .unit.s2::after {
        content: '';
        background: #fff;
        width: calc(360rem / 20);
        height: calc(180rem / 20);
        position: absolute;
        bottom: calc(340rem / 20);
        right: 0;
        left: auto; }
      .about-sec4 .unit.s2 .unit-chach {
        width: calc(296rem / 20); }
      .about-sec4 .unit.s2::before {
        height: calc(515rem / 20); }
    .about-sec4 .unit.s3 .img {
      width: calc(320rem / 20);
      margin-right: calc(72rem / 20);
      margin-left: calc(72rem / 20); }
      .about-sec4 .unit.s3 .img::after {
        content: "";
        background: url("../img/about/m_s3_txt1.png") no-repeat;
        background-size: calc(305rem / 20);
        width: calc(305rem / 20);
        height: calc(108rem / 20);
        position: absolute;
        top: calc(-40rem / 20);
        left: calc(-65rem / 20); }
    .about-sec4 .unit.s3::after {
      bottom: calc(243rem / 20); }
    .about-sec4 .unit.s3::before {
      height: calc(383rem / 20); }
    .about-sec4 .unit.s4 {
      -webkit-box-direction: reverse;
      -webkit-box-orient: horizontal;
      -webkit-flex-direction: row-reverse;
      flex-direction: row-reverse; }
      .about-sec4 .unit.s4 .img {
        width: calc(340rem / 20);
        margin-right: calc(63rem / 20);
        margin-left: calc(72rem / 20); }
        .about-sec4 .unit.s4 .img::after {
          content: "";
          background: url("../img/about/m_s4_txt1.png") no-repeat;
          background-size: calc(261rem / 20);
          width: calc(261rem / 20);
          height: calc(116rem / 20);
          position: absolute;
          top: calc(-90rem / 20);
          right: calc(-50rem / 20);
          left: auto; }
      .about-sec4 .unit.s4::after {
        content: '';
        background: #fff;
        width: calc(360rem / 20);
        height: calc(180rem / 20);
        position: absolute;
        bottom: calc(267rem / 20);
        right: 0;
        left: auto; }
      .about-sec4 .unit.s4 .unit-chach {
        width: calc(323rem / 20); }
      .about-sec4 .unit.s4::before {
        height: calc(440rem / 20); }
    .about-sec4 .unit.s5 .img {
      width: calc(360rem / 20);
      margin-right: calc(72rem / 20);
      margin-left: calc(53rem / 20); }
      .about-sec4 .unit.s5 .img::after {
        content: "";
        background: url("../img/about/m_s5_txt1.png") no-repeat;
        background-size: calc(191rem / 20);
        width: calc(191rem / 20);
        height: calc(111rem / 20);
        position: absolute;
        top: calc(-10rem / 20);
        left: calc(-40rem / 20); }
    .about-sec4 .unit.s5::before {
      height: calc(450rem / 20); }
    .about-sec4 .unit.s5 .unit-chach {
      width: calc(249rem / 20); }
    .about-sec4 .unit.s5 .unit-name {
      width: calc(196rem / 20); }
    .about-sec4 .unit.s6 {
      -webkit-box-direction: reverse;
      -webkit-box-orient: horizontal;
      -webkit-flex-direction: row-reverse;
      flex-direction: row-reverse; }
      .about-sec4 .unit.s6 .img {
        width: calc(346rem / 20);
        margin-right: calc(63rem / 20);
        margin-left: calc(72rem / 20); }

        .about-sec4 .unit.s8 {
          -webkit-box-direction: reverse;
          -webkit-box-orient: horizontal;
          -webkit-flex-direction: row-reverse;
          flex-direction: row-reverse; }
          .about-sec4 .unit.s8 .img {
            width: calc(346rem / 20);
            margin-right: calc(63rem / 20);
            margin-left: calc(72rem / 20); }


        .about-sec4 .unit.s7 {
          -webkit-box-direction: reverse;
          -webkit-box-orient: horizontal;
          -webkit-flex-direction: row-reverse;
          flex-direction: row-reverse; }
          .about-sec4 .unit.s7 .img {
            width: calc(340rem / 20);
            margin-right: calc(63rem / 20);
            margin-left: calc(72rem / 20); }
            .about-sec4 .unit.s7 .img::after {
              content: "";
              background: url("../img/about/m_s7_txt1.png") no-repeat;
              background-size: calc(211rem / 20);
              width: calc(211rem / 20);
              height: calc(119rem / 20);
              position: absolute;
              top: calc(-35rem / 20);
              right: calc(-75rem / 20);
              left: auto; }
          .about-sec4 .unit.s7::after {
            content: '';
            background: #fff;
            width: calc(360rem / 20);
            height: calc(180rem / 20);
            position: absolute;
            bottom: calc(340rem / 20);
            right: 0;
            left: auto; }
          .about-sec4 .unit.s7 .unit-chach {
            width: calc(350rem / 20); }
          .about-sec4 .unit.s7::before {
            height: calc(515rem / 20); }


        @media only screen and (min-width: 46.875em) {
          .about-sec4 .unit.s6 .img::after {
            content: "";
            background: url("../img/about/m_s6_txt1.png") no-repeat;
            }
          .about-sec4 .unit.s8 .img::after {
            content: "";
            background: url("../img/about/m_s8_txt1.png") no-repeat;
            }
        }

        .about-sec4 .unit.s6 .img::after {
          content: "";
          background: none;
          background-size: calc(307rem / 20);
          width: calc(307rem / 20);
          height: calc(135rem / 20);
          position: absolute;
          top: calc(-90rem / 20);
          right: calc(-50rem / 20);
          left: auto; }
      .about-sec4 .unit.s6::after {
        content: '';
        background: #fff;
        width: calc(360rem / 20);
        height: calc(180rem / 20);
        position: absolute;
        bottom: calc(305rem / 20);
        right: 0;
        left: auto; }
      .about-sec4 .unit.s6 .unit-chach {
        width: calc(375rem / 20); }
      .about-sec4 .unit.s6 .unit-name {
        width: calc(197rem / 20); }
      .about-sec4 .unit.s6::before {
        height: calc(485rem / 20); }

        .about-sec4 .unit.s8 .img::after {
          content: "";
          background: url("../img/about/m_s8_txt1.png") no-repeat;
          background-size: calc(387rem / 20);
          width: calc(387rem / 20);
          height: calc(159rem / 20);
          position: absolute;
          top: calc(-90rem / 20);
          right: calc(-70rem / 20);
          left: auto; }
      .about-sec4 .unit.s8::after {
        content: '';
        background: #fff;
        width: calc(360rem / 20);
        height: calc(180rem / 20);
        position: absolute;
        bottom: calc(305rem / 20);
        right: 0;
        left: auto; }
      .about-sec4 .unit.s8 .unit-chach {
        width: calc(276rem / 20); }
      .about-sec4 .unit.s8 .unit-name {
        width: calc(197rem / 20); }
      .about-sec4 .unit.s8::before {
        height: calc(485rem / 20); }

    .about-sec4 .unit::before {
      content: '';
      background: #e5f5f3;
      width: 100%;
      height: calc(478rem / 20);
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: -2; }
    .about-sec4 .unit::after {
      content: '';
      background: #fff;
      width: calc(360rem / 20);
      height: calc(180rem / 20);
      position: absolute;
      bottom: calc(306rem / 20);
      left: 0;
      z-index: -2; }
    .about-sec4 .unit .img {
      width: calc(370rem / 20);
      position: relative;
      margin-left: calc(30rem / 20); }
      .about-sec4 .unit .img::after {
        content: "";
        background: url("../img/about/m_s_txt1.png") no-repeat;
        background-size: calc(257rem / 20);
        width: calc(257rem / 20);
        height: calc(127rem / 20);
        position: absolute;
        top: calc(-50rem / 20);
        left: calc(-40rem / 20);
        z-index: -1; }
    .about-sec4 .unit .txt-area {
      width: calc(440rem / 20);
      margin-left: calc(30rem / 20);
      padding-bottom: calc(55rem / 20); }
    .about-sec4 .unit .unit-chach {
      width: calc(300rem / 20);
      margin-bottom: calc(35rem / 20); }
    .about-sec4 .unit .unit-name {
      width: calc(200rem / 20);
      margin-bottom: calc(45rem / 20); }
    .about-sec4 .unit .unit-txt {
      font-size: calc(16rem / 20);
      line-height: 2.2;
      margin-bottom: calc(40rem / 20); }
    .about-sec4 .unit .unit-txt2 {
      font-size: calc(14rem / 20);
      line-height: 2; }

@media only screen and (max-width: 46.875em) {
  .about-sec4 .inner {
    padding-left: calc(20rem / 20);
    padding-right: calc(20rem / 20); }
  .about-sec4 .ttl {
    margin-bottom: calc(55rem / 20);
    width: 100%; }
    .about-sec4 .ttl img {
      width: calc(350rem / 20); }
    .about-sec4 .ttl span {
      font-size: calc(26rem / 20);
      margin-top: calc(50rem / 20); }
  .about-sec4 .sub-ttl {
    width: calc(460rem / 20); }
  .about-sec4 .unit {
    margin-top: calc(88rem / 20);
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
    .about-sec4 .unit.s2 .img {
      width: calc(442rem / 20);
      margin-right: auto;
      margin-left: calc(20rem / 20); }
      .about-sec4 .unit.s2 .img::after {
        background-size: calc(343rem / 20);
        width: calc(343rem / 20);
        height: calc(181rem / 20);
        position: absolute;
        top: calc(107rem / 20);
        right: calc(-260rem / 20);
        left: auto; }
    .about-sec4 .unit.s2::after {
      width: calc(160rem / 20);
      height: calc(530rem / 20);
      bottom: auto;
      top: 0;
      right: 0;
      left: auto; }
    .about-sec4 .unit.s2 .unit-chach {
      width: calc(454rem / 20); }
    .about-sec4 .unit.s2::before {
      height: calc(1725rem / 20); }
    .about-sec4 .unit.s3 .img {
      width: calc(370rem / 20);
      margin-right: calc(20rem / 20);
      margin-left: auto; }
      .about-sec4 .unit.s3 .img::after {
        background: url("../img/about/m_s3_txt1.png") no-repeat;
        background-size: calc(370rem / 20);
        width: calc(370rem / 20);
        height: calc(146rem / 20);
        top: calc(160rem / 20);
        left: calc(-270rem / 20); }
    .about-sec4 .unit.s3::before {
      height: calc(1350rem / 20); }
    .about-sec4 .unit.s3 .unit-txt2 br {
      display: none; }
    .about-sec4 .unit.s4 .img {
      width: calc(405rem / 20);
      margin-right: auto;
      margin-left: calc(45rem / 20); }
      .about-sec4 .unit.s4 .img::after {
        background-size: calc(343rem / 20);
        width: calc(343rem / 20);
        height: calc(181rem / 20);
        position: absolute;
        top: calc(107rem / 20);
        right: calc(-220rem / 20);
        left: auto; }
    .about-sec4 .unit.s4::after {
      width: calc(160rem / 20);
      height: calc(530rem / 20);
      bottom: auto;
      top: 0;
      right: 0;
      left: auto; }
    .about-sec4 .unit.s4 .unit-chach {
      width: calc(490rem / 20); }
    .about-sec4 .unit.s4 .unit-name {
      width: calc(270rem / 20); }
    .about-sec4 .unit.s4::before {
      height: calc(1420rem / 20); }
    .about-sec4 .unit.s5 .img {
      width: calc(420rem / 20);
      margin-right: calc(20rem / 20);
      margin-left: auto; }
      .about-sec4 .unit.s5 .img::after {
        background-size: calc(260rem / 20);
        width: calc(260rem / 20);
        height: calc(140rem / 20);
        top: calc(160rem / 20);
        left: calc(-200rem / 20); }
    .about-sec4 .unit.s5::before {
      height: calc(1550rem / 20); }
    .about-sec4 .unit.s5::after {
      height: calc(544rem / 20); }
    .about-sec4 .unit.s5 .unit-chach {
      width: calc(395rem / 20); }
    .about-sec4 .unit.s5 .unit-name {
      width: calc(270rem / 20); }
    .about-sec4 .unit.s5 .unit-txt2 br {
      display: none; }
    .about-sec4 .unit.s6 .img {
      width: calc(386rem / 20);
      margin-right: auto;
      margin-left: calc(45rem / 20); }
      .about-sec4 .unit.s6 .img::before {
        content: "";
        background: url(../img/about/m_s6_txt1-sp.png) no-repeat;
        background-size: calc(390rem / 20);
        width: calc(390rem / 20);
        height: calc(190rem / 20);
        position: absolute;
        top: calc(77rem / 20);
        right: calc(-280rem / 20);
        left: auto; }
    .about-sec4 .unit.s6::after {
      width: calc(160rem / 20);
      height: calc(417rem / 20);
      bottom: auto;
      top: 0;
      right: 0;
      left: auto; }
    .about-sec4 .unit.s6 .unit-chach {
      width: calc(570rem / 20); }
    .about-sec4 .unit.s6 .unit-name {
      width: calc(267rem / 20); }
    .about-sec4 .unit.s6::before {
      height: calc(1520rem / 20); }


    .about-sec4 .unit.s7 .img {
      width: calc(442rem / 20);
      margin-right: auto;
      margin-left: calc(20rem / 20); }
      .about-sec4 .unit.s7 .img::before {
        background-size: calc(343rem / 20);
        width: calc(343rem / 20);
        height: calc(181rem / 20);
        position: absolute;
        top: calc(107rem / 20);
        right: calc(-260rem / 20);
        left: auto; }
    .about-sec4 .unit.s7::after {
      width: calc(160rem / 20);
      height: calc(598rem / 20);
      bottom: auto;
      top: 5px;
      right: 0;
      left: auto; }
    .about-sec4 .unit.s7 .unit-chach {
      width: calc(530rem / 20); }
    .about-sec4 .unit.s7::before {
      height: calc(1725rem / 20); }



      .about-sec4 .unit.s7 .img::after {
        content: "";
        background: url("../img/about/m_s7_txt1.png") no-repeat;
        background-size: calc(240rem / 20);
        width: calc(240rem / 20);
        height: calc(119rem / 20);
        position: absolute;
        top: calc(120rem / 20);
        right: calc(-130rem / 20);
        left: auto; }



      .about-sec4 .unit.s8 .img {
        width: calc(386rem / 20);
        margin-right: auto;
        margin-left: calc(45rem / 20); }
        .about-sec4 .unit.s8 .img::after {
          content: "";
          background: url(../img/about/m_s8_txt1-sp.png) no-repeat;
          background-size: calc(390rem / 20);
          width: calc(390rem / 20);
          height: calc(190rem / 20);
          position: absolute;
          top: calc(77rem / 20);
          right: calc(-280rem / 20);
          left: auto; }
      .about-sec4 .unit.s8::after {
        width: calc(160rem / 20);
        height: calc(432rem / 20);
        bottom: auto;
        top: -8px;
        right: 0;
        left: auto; }
      .about-sec4 .unit.s8 .unit-chach {
        width: calc(418rem / 20); }
      .about-sec4 .unit.s8 .unit-name {
        width: calc(267rem / 20); }
      .about-sec4 .unit.s8::before {
        height: calc(1520rem / 20); }


    .about-sec4 .unit::before {
      content: '';
      background: #e5f5f3;
      width: 100%;
      height: calc(1500rem / 20);
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: -2; }
    .about-sec4 .unit::after {
      content: '';
      background: #fff;
      width: calc(180rem / 20);
      height: calc(520rem / 20);
      position: absolute;
      top: 0;
      bottom: auto;
      left: 0;
      z-index: -2; }
    .about-sec4 .unit .img {
      width: calc(422rem / 20);
      position: relative;
      margin-left: auto;
      margin-right: calc(50rem / 20); }
      .about-sec4 .unit .img::after {
        background-size: calc(310rem / 20);
        width: calc(310rem / 20);
        height: calc(160rem / 20);
        top: calc(140rem / 20);
        left: calc(-180rem / 20); }
    .about-sec4 .unit .txt-area {
      width: 100%;
      margin-left: 0;
      padding-right: calc(60rem / 20);
      padding-left: calc(60rem / 20);
      padding-bottom: calc(100rem / 20);
      padding-top: calc(100rem / 20); }
    .about-sec4 .unit .unit-chach {
      width: calc(457rem / 20);
      margin-bottom: calc(40rem / 20); }
    .about-sec4 .unit .unit-name {
      width: calc(280rem / 20);
      margin-bottom: calc(65rem / 20); }
    .about-sec4 .unit .unit-txt {
      font-size: calc(24rem / 20);
      line-height: 3;
      margin-bottom: calc(40rem / 20); }
    .about-sec4 .unit .unit-txt2 {
      font-size: calc(21rem / 20);
      line-height: 2.5; }




    }
.about-Sec5 .inner {
  background: #e5f5f3;
  padding-top: calc(120rem / 20);
  padding-bottom: calc(120rem / 20); }
  .about-Sec5 .inner .ttl {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: calc(55rem / 20);
    width: 100%; }
    .about-Sec5 .inner .ttl img {
      width: calc(276rem / 20); }
    .about-Sec5 .inner .ttl span {
      font-size: calc(20rem / 20);
      border-bottom: #B68C45 .2rem solid;
      margin-top: calc(35rem / 20); }
  .about-Sec5 .inner .table {
    width: calc(760rem / 20);
    margin-left: auto;
    margin-right: auto;
    font-size: calc(16rem / 20); }
    .about-Sec5 .inner .table tr {
      border-bottom: 1px solid #fff; }
      .about-Sec5 .inner .table tr:first-child {
        border-top: 1px solid #fff; }
    .about-Sec5 .inner .table th {
      font-weight: 400;
      text-align: right;
      width: calc(175rem / 20);
      padding-top: calc(30rem / 20);
      padding-bottom: calc(30rem / 20); }
    .about-Sec5 .inner .table td {
      padding-left: calc(120rem / 20);
      padding-top: calc(30rem / 20);
      padding-bottom: calc(30rem / 20); }

@media only screen and (max-width: 46.875em) {
  .about-Sec5 .inner {
    padding-top: calc(165rem / 20);
    padding-bottom: calc(165rem / 20);
    padding-left: calc(80rem / 20);
    padding-right: calc(80rem / 20); }
    .about-Sec5 .inner .ttl {
      margin-bottom: calc(55rem / 20); }
      .about-Sec5 .inner .ttl img {
        width: calc(420rem / 20); }
      .about-Sec5 .inner .ttl span {
        font-size: calc(26rem / 20);
        margin-top: calc(40rem / 20); }
    .about-Sec5 .inner .table {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      font-size: calc(22rem / 20);
      line-height: 2.5; }
      .about-Sec5 .inner .table tr {
        border-bottom: 2px solid #fff; }
        .about-Sec5 .inner .table tr:first-child {
          border-top: 2px solid #fff; }
      .about-Sec5 .inner .table th {
        width: calc(150rem / 20);
        text-align: left;
        vertical-align: text-top; }
      .about-Sec5 .inner .table td {
        padding-left: 0; } }
.about-Sec6 {
  padding-top: calc(160rem / 20);
  padding-bottom: calc(150rem / 20); }
  .about-Sec6 .ttl {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: calc(55rem / 20);
    width: 100%; }
    .about-Sec6 .ttl img {
      width: calc(203rem / 20); }
    .about-Sec6 .ttl span {
      font-size: calc(20rem / 20);
      border-bottom: #B68C45 .2rem solid;
      margin-top: calc(35rem / 20); }
  .about-Sec6 .img {
    width: calc(760rem / 20);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: calc(55rem / 20); }
  .about-Sec6 .txt {
    text-align: center;
    font-size: calc(16rem / 20);
    line-height: 2.2;
    margin-bottom: calc(80rem / 20); }
  .about-Sec6 .unit-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center; }
    .about-Sec6 .unit-area .unit {
      width: calc(320rem / 20);
      text-align: center;
      margin-left: calc(10rem / 20);
      margin-right: calc(10rem / 20); }
      .about-Sec6 .unit-area .unit .unit-ttl {
        font-size: calc(26rem / 20);
        background: #506666;
        color: #fff; }
      .about-Sec6 .unit-area .unit .unit-txt1 {
        font-size: calc(36rem / 20);
        font-weight: 600;
        letter-spacing: .1rem;
        color: #506666;
        margin-top: calc(10rem / 20); }
      .about-Sec6 .unit-area .unit .unit-txt2 {
        letter-spacing: .05rem;
        color: #506666;
        font-size: calc(16rem / 20); }
      .about-Sec6 .unit-area .unit .unit-txt3 {
        font-size: calc(29rem / 20);
        margin-top: calc(20rem / 20);
        letter-spacing: .05rem;
        color: #506666;
        font-weight: 600; }
  .about-Sec6 .sub-ttl {
    width: 100%;
    text-align: center;
    font-size: calc(20rem / 20);
    margin-bottom: calc(30rem / 20);
    color: #506666; }

@media only screen and (max-width: 46.875em) {
  .about-Sec6 .ttl {
    margin-bottom: calc(55rem / 20); }
    .about-Sec6 .ttl img {
      width: calc(310rem / 20); }
    .about-Sec6 .ttl span {
      font-size: calc(26rem / 20);
      margin-top: calc(50rem / 20); }
  .about-Sec6 .img {
    width: 100%;
    margin-bottom: calc(80rem / 20); }
  .about-Sec6 .txt {
    font-size: calc(20rem / 20);
    line-height: 3;
    margin-bottom: calc(140rem / 20); }
  .about-Sec6 .unit-area {
    padding-left: calc(40rem / 20);
    padding-right: calc(40rem / 20); }
    .about-Sec6 .unit-area .unit {
      width: 100%;
      margin-left: 0;
      margin-right: 0; }
      .about-Sec6 .unit-area .unit .unit-ttl {
        font-size: calc(40rem / 20);
        padding-top: calc(10rem / 20);
        padding-bottom: calc(20rem / 20); }
      .about-Sec6 .unit-area .unit .unit-txt1 {
        font-size: calc(60rem / 20);
        letter-spacing: .1rem;
        margin-top: calc(30rem / 20); }
      .about-Sec6 .unit-area .unit .unit-txt2 {
        font-size: calc(32rem / 20);
        padding-bottom: calc(60rem / 20); }
      .about-Sec6 .unit-area .unit .unit-txt3 {
        font-size: calc(58rem / 20);
        margin-top: calc(40rem / 20);
        letter-spacing: .1rem; }
  .about-Sec6 .sub-ttl {
    font-size: calc(38rem / 20);
    margin-bottom: calc(60rem / 20); } }
/**-------------------------------------
family
------------------------------------------------------------------------------*/
.second-Ttl.family {
  background: url("../img/family/main_img.jpg") no-repeat center;
  background-size: cover; }
  .second-Ttl.family .ttl {
    background: rgba(0, 160, 140, 0.5); }
    .second-Ttl.family .ttl img {
      width: calc(198rem / 20); }

@media only screen and (max-width: 46.875em) {
  .second-Ttl.family .ttl img {
    width: calc(187rem / 20); } }
.family-Nav {
  bottom: 0;
  z-index: 1;
  width: 100%;
  background: #00A08C;
  color: #fff; }
  .family-Nav .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-left: calc(120rem / 20);
    padding-right: calc(120rem / 20); }
    .family-Nav .list li {
      width: 33%;
      position: relative; }
      .family-Nav .list li::before {
        content: '';
        background: #fff;
        width: 2px;
        height: calc(60rem / 20);
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0; }
      .family-Nav .list li:last-of-type::after {
        content: '';
        background: #fff;
        width: 2px;
        height: calc(60rem / 20);
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0; }
      .family-Nav .list li a {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        height: calc(120rem / 20);
        font-weight: 700;
        font-size: calc(22rem / 20);
        transition: .3s; }
        .family-Nav .list li a:hover {
          background: #00BEAA; }
          .family-Nav .list li a:hover::after {
            top: 52%; }
        .family-Nav .list li a::after {
          content: "";
          background: url("../img/family/list_ico.png") no-repeat;
          background-size: calc(20rem / 20);
          width: calc(20rem / 20);
          height: calc(20rem / 20);
          right: calc(17rem / 20);
          top: 50%;
          transform: translateY(-50%);
          position: absolute; }
        .family-Nav .list li a span {
          font-size: calc(14rem / 20); }

@media only screen and (max-width: 46.875em) {
  .family-Nav .list {
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: calc(80rem / 20);
    padding-right: calc(80rem / 20); }
    .family-Nav .list li {
      width: 100%;
      border-bottom: 1px solid #fff; }
      .family-Nav .list li::before {
        background: none;
        width: 0;
        height: 0; }
      .family-Nav .list li:last-of-type::after {
        background: none;
        width: 0;
        height: 0; }
      .family-Nav .list li a {
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -webkit-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        height: auto;
        padding-top: calc(30rem / 20);
        padding-bottom: calc(30rem / 20);
        font-size: calc(30rem / 20); }
        .family-Nav .list li a:hover {
          background: #00A08C; }
          .family-Nav .list li a:hover::after {
            top: 52%; }
        .family-Nav .list li a::after {
          background-size: calc(30rem / 20);
          width: calc(30rem / 20);
          height: calc(30rem / 20);
          right: 0;
          position: absolute; }
        .family-Nav .list li a span {
          font-size: calc(16rem / 20);
          margin-left: calc(30rem / 20);
          letter-spacing: .05rem; }
      .family-Nav .list li:last-child {
        border-bottom: none; } }
.family-Sec1, .business-Sec1 {
  padding-top: calc(165rem / 20);
  padding-bottom: calc(165rem / 20); }
  .family-Sec1 .ttl, .business-Sec1 .ttl {
    width: calc(468rem / 20);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: calc(80rem / 20); }
  .family-Sec1 .txt, .business-Sec1 .txt {
    text-align: center;
    font-size: calc(17rem / 20);
    line-height: 2.2; }
    .family-Sec1 .txt .sp, .business-Sec1 .txt .sp {
      display: none; }

@media only screen and (max-width: 46.875em) {
  .family-Sec1, .business-Sec1 {
    padding-left: calc(80rem / 20);
    padding-right: calc(80rem / 20);
    padding-bottom: calc(130rem / 20); }
    .family-Sec1 .ttl, .business-Sec1 .ttl {
      width: calc(508rem / 20); }
    .family-Sec1 .txt, .business-Sec1 .txt {
      text-align: center;
      font-size: calc(22rem / 20);
      line-height: 2.2; }
      .family-Sec1 .txt .sp, .business-Sec1 .txt .sp {
        display: block; } }
.family-Sec2, .business-Sec2 {
  background: #e5f5f3;
  padding-top: calc(110rem / 20);
  padding-bottom: calc(110rem / 20); }
  .family-Sec2 .ttl, .business-Sec2 .ttl {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: calc(135rem / 20); }
    .family-Sec2 .ttl img, .business-Sec2 .ttl img {
      width: calc(292rem / 20); }
    .family-Sec2 .ttl span, .business-Sec2 .ttl span {
      font-size: calc(20rem / 20);
      border-bottom: #B68C45 .2rem solid;
      margin-top: calc(35rem / 20); }
  .family-Sec2 .list, .business-Sec2 .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-left: calc(110rem / 20);
    padding-right: calc(110rem / 20); }
    .family-Sec2 .list .unit, .business-Sec2 .list .unit {
      width: calc(200rem / 20);
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -webkit-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      align-items: center;
      height: calc(240rem / 20);
      margin-bottom: calc(50rem / 20); }
      .family-Sec2 .list .unit.num7 a, .business-Sec2 .list .unit.num7 a {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        height: calc(240rem / 20);
        width: 100%;
        transition: .3s; }
        .family-Sec2 .list .unit.num7 a:hover .ico::before, .business-Sec2 .list .unit.num7 a:hover .ico::before {
          right: calc(-60rem / 20); }
      .family-Sec2 .list .unit.num7 .unit-ttl, .business-Sec2 .list .unit.num7 .unit-ttl {
        background: #00A08C;
        color: #fff; }
      .family-Sec2 .list .unit.num7 .ico, .business-Sec2 .list .unit.num7 .ico {
        position: relative; }
        .family-Sec2 .list .unit.num7 .ico::before, .business-Sec2 .list .unit.num7 .ico::before {
          content: "";
          background: url("../img/family/list_ico3.png") no-repeat;
          background-size: calc(30rem / 20);
          width: calc(30rem / 20);
          height: calc(30rem / 20);
          right: calc(-50rem / 20);
          top: 50%;
          transform: translateY(-50%);
          position: absolute; }
      .family-Sec2 .list .unit.num8 a, .business-Sec2 .list .unit.num8 a {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        height: calc(240rem / 20);
        width: 100%; }
        .family-Sec2 .list .unit.num8 a:hover .ico::before, .business-Sec2 .list .unit.num8 a:hover .ico::before {
          right: calc(-60rem / 20); }
      .family-Sec2 .list .unit.num8 .unit-ttl, .business-Sec2 .list .unit.num8 .unit-ttl {
        background: #00A08C;
        color: #fff; }
      .family-Sec2 .list .unit.num8 .ico, .business-Sec2 .list .unit.num8 .ico {
        position: relative; }
        .family-Sec2 .list .unit.num8 .ico::before, .business-Sec2 .list .unit.num8 .ico::before {
          content: "";
          background: url("../img/family/list_ico3.png") no-repeat;
          background-size: calc(30rem / 20);
          width: calc(30rem / 20);
          height: calc(30rem / 20);
          right: calc(-50rem / 20);
          top: 50%;
          transform: translateY(-50%);
          position: absolute; }
      .family-Sec2 .list .unit .unit-ttl, .business-Sec2 .list .unit .unit-ttl {
        background: #fff;
        font-size: calc(16rem / 20);
        text-align: center;
        padding-top: calc(5rem / 20);
        padding-bottom: calc(5rem / 20);
        width: 100%;
        margin-bottom: auto; }
      .family-Sec2 .list .unit .ico, .business-Sec2 .list .unit .ico {
        width: calc(90rem / 20);
        height: calc(80rem / 20); }
      .family-Sec2 .list .unit .txt, .business-Sec2 .list .unit .txt {
        margin-top: auto;
        font-size: calc(15rem / 20); }

@media only screen and (max-width: 46.875em) {
  .family-Sec2, .business-Sec2 {
    padding-top: calc(130rem / 20);
    padding-bottom: calc(30rem / 20); }
    .family-Sec2 .ttl, .business-Sec2 .ttl {
      margin-bottom: calc(70rem / 20); }
      .family-Sec2 .ttl img, .business-Sec2 .ttl img {
        width: calc(430rem / 20); }
      .family-Sec2 .ttl span, .business-Sec2 .ttl span {
        font-size: calc(30rem / 20);
        margin-top: calc(35rem / 20); }
    .family-Sec2 .list, .business-Sec2 .list {
      padding-left: calc(40rem / 20);
      padding-right: calc(40rem / 20); }
      .family-Sec2 .list .unit, .business-Sec2 .list .unit {
        width: 50%;
        height: calc(330rem / 20);
        margin-bottom: calc(50rem / 20);
        border-bottom: 2px solid #fff;
        padding-right: calc(25rem / 20);
        position: relative; }
        .family-Sec2 .list .unit:nth-child(2n), .business-Sec2 .list .unit:nth-child(2n) {
          padding-left: calc(25rem / 20);
          padding-right: 0; }
          .family-Sec2 .list .unit:nth-child(2n)::before, .business-Sec2 .list .unit:nth-child(2n)::before {
            content: '';
            position: absolute;
            background: #fff;
            width: 2px;
            height: calc(285rem / 20);
            top: 0;
            left: 0; }
        .family-Sec2 .list .unit.num7, .business-Sec2 .list .unit.num7 {
          border-bottom: none; }
          .family-Sec2 .list .unit.num7 a, .business-Sec2 .list .unit.num7 a {
            height: calc(330rem / 20); }
          .family-Sec2 .list .unit.num7 .unit-ttl, .business-Sec2 .list .unit.num7 .unit-ttl {
            text-align: left;
            position: relative; }
            .family-Sec2 .list .unit.num7 .unit-ttl::before, .business-Sec2 .list .unit.num7 .unit-ttl::before {
              content: "";
              background: url("../img/family/list_ico3.png") no-repeat;
              background-size: calc(30rem / 20);
              width: calc(30rem / 20);
              height: calc(30rem / 20);
              right: calc(20rem / 20);
              top: 50%;
              transform: translateY(-50%);
              position: absolute; }
          .family-Sec2 .list .unit.num7 .ico::before, .business-Sec2 .list .unit.num7 .ico::before {
            content: "";
            background: none;
            background-size: 0;
            width: 0;
            height: 0;
            right: 0; }
        .family-Sec2 .list .unit.num8, .business-Sec2 .list .unit.num8 {
          border-bottom: none; }
          .family-Sec2 .list .unit.num8 a, .business-Sec2 .list .unit.num8 a {
            height: calc(330rem / 20); }
            .family-Sec2 .list .unit.num8 a:hover .ico::before, .business-Sec2 .list .unit.num8 a:hover .ico::before {
              content: "";
              background: none;
              background-size: 0;
              width: 0;
              height: 0;
              right: 0; }
          .family-Sec2 .list .unit.num8 .unit-ttl, .business-Sec2 .list .unit.num8 .unit-ttl {
            position: relative;
            text-align: left; }
            .family-Sec2 .list .unit.num8 .unit-ttl::before, .business-Sec2 .list .unit.num8 .unit-ttl::before {
              content: "";
              background: url("../img/family/list_ico3.png") no-repeat;
              background-size: calc(30rem / 20);
              width: calc(30rem / 20);
              height: calc(30rem / 20);
              right: calc(20rem / 20);
              top: 50%;
              transform: translateY(-50%);
              position: absolute; }
          .family-Sec2 .list .unit.num8 .ico, .business-Sec2 .list .unit.num8 .ico {
            position: relative; }
            .family-Sec2 .list .unit.num8 .ico::before, .business-Sec2 .list .unit.num8 .ico::before {
              content: "";
              background: none;
              background-size: 0;
              width: 0;
              height: 0;
              right: 0; }
        .family-Sec2 .list .unit .unit-ttl, .business-Sec2 .list .unit .unit-ttl {
          font-size: calc(26rem / 20);
          padding-top: calc(10rem / 20);
          padding-bottom: calc(10rem / 20);
          padding-left: calc(20rem / 20);
          position: relative; }
        .family-Sec2 .list .unit .ico, .business-Sec2 .list .unit .ico {
          width: calc(120rem / 20);
          height: calc(108rem / 20); }
        .family-Sec2 .list .unit .txt, .business-Sec2 .list .unit .txt {
          font-size: calc(22rem / 20);
          margin-bottom: calc(45rem / 20); } }
.family-sec4 .inner, .business-sec4 .inner {
  padding-top: calc(170em / 20);
  padding-left: calc(100em / 20);
  padding-right: calc(100em / 20);
  margin-bottom: calc(150em / 20); }
  .family-sec4 .inner .ttl, .business-sec4 .inner .ttl {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: calc(50rem / 20); }
    .family-sec4 .inner .ttl img, .business-sec4 .inner .ttl img {
      width: calc(331rem / 20); }
    .family-sec4 .inner .ttl span, .business-sec4 .inner .ttl span {
      font-size: calc(20rem / 20);
      border-bottom: #B68C45 .2rem solid;
      margin-top: calc(35rem / 20); }
  .family-sec4 .inner .txt, .business-sec4 .inner .txt {
    text-align: center;
    font-size: calc(17rem / 20);
    line-height: 2.2; }
  .family-sec4 .inner .list, .business-sec4 .inner .list {
    margin-top: calc(120rem / 20);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
    .family-sec4 .inner .list .list-ttl, .business-sec4 .inner .list .list-ttl {
      text-align: center;
      color: #00A08C;
      font-size: calc(22rem / 20);
      margin-bottom: calc(40rem / 20);
      width: 100%; }
    .family-sec4 .inner .list .btn, .business-sec4 .inner .list .btn {
      width: calc(320rem / 20);
      border: 1px solid #00A08C;
      margin-bottom: calc(16rem / 20);
      position: relative; }
      .family-sec4 .inner .list .btn.t1 a, .business-sec4 .inner .list .btn.t1 a {
        padding-right: calc(30rem / 20); }
      .family-sec4 .inner .list .btn a, .business-sec4 .inner .list .btn a {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        height: calc(72rem / 20);
        color: #506666;
        font-weight: 600;
        font-size: calc(18rem / 20);
        transition: .3s; }
        .family-sec4 .inner .list .btn a:hover, .business-sec4 .inner .list .btn a:hover {
          background: #00A08C;
          color: #fff; }
          .family-sec4 .inner .list .btn a:hover::after, .business-sec4 .inner .list .btn a:hover::after {
            content: "";
            background: url("../img/family/list_ico.png") no-repeat;
            background-size: calc(30rem / 20);
            width: calc(30rem / 20);
            height: calc(30rem / 20);
            right: calc(17rem / 20);
            top: 50%;
            transform: translateY(-50%);
            position: absolute; }
        .family-sec4 .inner .list .btn a::after, .business-sec4 .inner .list .btn a::after {
          content: "";
          background: url("../img/family/list_ico2.png") no-repeat;
          background-size: calc(30rem / 20);
          width: calc(30rem / 20);
          height: calc(30rem / 20);
          right: calc(17rem / 20);
          top: 50%;
          transform: translateY(-50%);
          position: absolute; }

@media only screen and (max-width: 46.875em) {
  .family-sec4 .inner, .business-sec4 .inner {
    padding-top: calc(120rem / 20);
    padding-left: calc(20rem / 20);
    padding-right: calc(20rem / 20);
    margin-bottom: calc(150rem / 20); }
    .family-sec4 .inner .ttl, .business-sec4 .inner .ttl {
      margin-bottom: calc(70rem / 20); }
      .family-sec4 .inner .ttl img, .business-sec4 .inner .ttl img {
        width: calc(490rem / 20); }
      .family-sec4 .inner .ttl span, .business-sec4 .inner .ttl span {
        font-size: calc(30rem / 20);
        margin-top: calc(30rem / 20); }
    .family-sec4 .inner .txt, .business-sec4 .inner .txt {
      text-align: left;
      width: calc(590rem / 20);
      margin-left: auto;
      margin-right: auto;
      font-size: calc(26rem / 20); }
      .family-sec4 .inner .txt br, .business-sec4 .inner .txt br {
        display: none; }
    .family-sec4 .inner .list, .business-sec4 .inner .list {
      margin-top: calc(120rem / 20); }
      .family-sec4 .inner .list .list-ttl, .business-sec4 .inner .list .list-ttl {
        font-size: calc(30rem / 20);
        margin-bottom: calc(40rem / 20); }
      .family-sec4 .inner .list .btn, .business-sec4 .inner .list .btn {
        width: calc(350rem / 20);
        margin-bottom: calc(20rem / 20);
        position: relative; }
        .family-sec4 .inner .list .btn.t1 a, .business-sec4 .inner .list .btn.t1 a {
          padding-right: 0; }
        .family-sec4 .inner .list .btn a, .business-sec4 .inner .list .btn a {
          height: calc(135rem / 20);
          font-size: calc(24rem / 20);
          padding-bottom: calc(24rem / 20); }
          .family-sec4 .inner .list .btn a:hover, .business-sec4 .inner .list .btn a:hover {
            background: #00A08C;
            color: #fff; }
            .family-sec4 .inner .list .btn a:hover::after, .business-sec4 .inner .list .btn a:hover::after {
              background-size: calc(35rem / 20);
              width: calc(35rem / 20);
              height: calc(35rem / 20);
              right: auto;
              left: 50%;
              transform: translateX(-50%);
              top: calc(80rem / 20); }
          .family-sec4 .inner .list .btn a::after, .business-sec4 .inner .list .btn a::after {
            content: "";
            background: url("../img/family/list_ico2.png") no-repeat;
            background-size: calc(35rem / 20);
            width: calc(35rem / 20);
            height: calc(35rem / 20);
            right: auto;
            left: 50%;
            transform: translateX(-50%);
            top: calc(80rem / 20); } }
.family-Sec5 .inner, .business-Sec5 .inner {
  padding-left: calc(100em / 20);
  padding-right: calc(100em / 20);
  margin-bottom: calc(150em / 20); }
.family-Sec5 .unit, .business-Sec5 .unit {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: calc(35em / 20); }
  .family-Sec5 .unit.comment, .business-Sec5 .unit.comment {
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-bottom: calc(120em / 20); }
    .family-Sec5 .unit.comment .box-subttl, .business-Sec5 .unit.comment .box-subttl {
      background: #f8f3ec;
      color: #B68C45; }
    .family-Sec5 .unit.comment .case-txt, .business-Sec5 .unit.comment .case-txt {
      background: #fdf6ea; }
      .family-Sec5 .unit.comment .case-txt::before, .business-Sec5 .unit.comment .case-txt::before {
        content: '';
        position: absolute;
        top: calc(282em / 20);
        right: calc(-52em / 20);
        left: auto;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: .875rem 0 .875rem 2.6rem;
        border-color: transparent transparent transparent #fdf6ea; }
    .family-Sec5 .unit.comment .txt-ttl, .business-Sec5 .unit.comment .txt-ttl {
      color: #B68C45; }
    .family-Sec5 .unit.comment .txt-txt, .business-Sec5 .unit.comment .txt-txt {
      font-size: calc(16em / 20);
      line-height: 2.5; }
  .family-Sec5 .unit .case-box, .business-Sec5 .unit .case-box {
    width: calc(420em / 20);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding-top: calc(55em / 20); }
  .family-Sec5 .unit .case-txt, .business-Sec5 .unit .case-txt {
    width: calc(580em / 20);
    background: #e5f5f3;
    padding-left: calc(75em / 20);
    padding-right: calc(75em / 20);
    padding-top: calc(60em / 20);
    padding-bottom: calc(70em / 20);
    border-radius: 1rem;
    position: relative; }
    .family-Sec5 .unit .case-txt::before, .business-Sec5 .unit .case-txt::before {
      content: '';
      position: absolute;
      top: calc(300em / 20);
      left: calc(-52em / 20);
      width: 0;
      height: 0;
      border-style: solid;
      border-width: .875rem 2.6rem .875rem 0;
      border-color: transparent #e5f5f3 transparent transparent; }
  .family-Sec5 .unit .box-ttl, .business-Sec5 .unit .box-ttl {
    width: calc(120em / 20);
    margin-bottom: calc(30em / 20); }
  .family-Sec5 .unit .box-subttl, .business-Sec5 .unit .box-subttl {
    background: #00A08C;
    color: #fff;
    display: inline-block;
    padding-left: calc(45em / 20);
    padding-right: calc(45em / 20);
    padding-top: calc(5em / 20);
    padding-bottom: calc(5em / 20);
    margin-bottom: calc(14em / 20); }
  .family-Sec5 .unit .img, .business-Sec5 .unit .img {
    width: calc(164em / 20);
    margin-top: calc(50em / 20); }
  .family-Sec5 .unit .txt-ttl, .business-Sec5 .unit .txt-ttl {
    color: #00A08C;
    font-size: calc(20em / 20);
    margin-bottom: calc(15em / 20); }
  .family-Sec5 .unit .txt-list, .business-Sec5 .unit .txt-list {
    font-size: calc(16em / 20);
    line-height: 2.5; }
    .family-Sec5 .unit .txt-list li, .business-Sec5 .unit .txt-list li {
      position: relative; }
      .family-Sec5 .unit .txt-list li::before, .business-Sec5 .unit .txt-list li::before {
        content: '\025cf';
        color: #00A08C; }

@media only screen and (max-width: 46.875em) {
  .family-Sec5 .inner, .business-Sec5 .inner {
    padding-left: calc(25em / 20);
    padding-right: calc(25em / 20); }
  .family-Sec5 .unit, .business-Sec5 .unit {
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: calc(85em / 20); }
    .family-Sec5 .unit#c1, .business-Sec5 .unit#c1 {
      margin-top: calc(-150rem / 20);
      padding-top: calc(150rem / 20); }
    .family-Sec5 .unit#c2, .business-Sec5 .unit#c2 {
      margin-top: calc(-150rem / 20);
      padding-top: calc(150rem / 20); }
    .family-Sec5 .unit#c3, .business-Sec5 .unit#c3 {
      margin-top: calc(-150rem / 20);
      padding-top: calc(150rem / 20); }
    .family-Sec5 .unit#c4, .business-Sec5 .unit#c4 {
      margin-top: calc(-150rem / 20);
      padding-top: calc(150rem / 20); }
    .family-Sec5 .unit#c5, .business-Sec5 .unit#c5 {
      margin-top: calc(-150rem / 20);
      padding-top: calc(150rem / 20); }
    .family-Sec5 .unit#c6, .business-Sec5 .unit#c6 {
      margin-top: calc(-150rem / 20);
      padding-top: calc(150rem / 20); }
    .family-Sec5 .unit.num5 .box-subttl, .business-Sec5 .unit.num5 .box-subttl {
      margin-top: 0; }
    .family-Sec5 .unit.comment, .business-Sec5 .unit.comment {
      margin-bottom: calc(120em / 20); }
      .family-Sec5 .unit.comment .case-box, .business-Sec5 .unit.comment .case-box {
        -webkit-box-direction: reverse;
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse; }
      .family-Sec5 .unit.comment .box-subttl, .business-Sec5 .unit.comment .box-subttl {
        background: #f8f3ec;
        color: #B68C45; }
      .family-Sec5 .unit.comment .box-ttl, .business-Sec5 .unit.comment .box-ttl {
        left: auto;
        right: calc(120em / 20);
        margin-bottom: 0;
        margin-top: calc(29em / 20); }
      .family-Sec5 .unit.comment .case-txt, .business-Sec5 .unit.comment .case-txt {
        background: #fdf6ea; }
        .family-Sec5 .unit.comment .case-txt::before, .business-Sec5 .unit.comment .case-txt::before {
          content: '';
          position: absolute;
          top: calc(282em / 20);
          right: calc(-52em / 20);
          top: -3.5rem;
          left: 55%;
          transform: translateX(-55%);
          border-width: 0 3rem 3.5rem 0;
          border-color: transparent transparent #fdf6ea transparent; }
      .family-Sec5 .unit.comment .txt-ttl, .business-Sec5 .unit.comment .txt-ttl {
        color: #B68C45; }
        .family-Sec5 .unit.comment .txt-ttl br, .business-Sec5 .unit.comment .txt-ttl br {
          display: none; }
      .family-Sec5 .unit.comment .txt-txt, .business-Sec5 .unit.comment .txt-txt {
        font-size: calc(26rem / 20);
        line-height: 2.5;
        padding-left: calc(55rem / 20);
        padding-right: calc(55rem / 20); }
      .family-Sec5 .unit.comment .img, .business-Sec5 .unit.comment .img {
        margin-right: calc(25em / 20);
        margin-left: 0; }
    .family-Sec5 .unit .case-box, .business-Sec5 .unit .case-box {
      width: 100%;
      -webkit-box-direction: normal;
      -webkit-box-orient: horizontal;
      -webkit-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: center;
      -webkit-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      padding-top: 0;
      position: relative;
      margin-bottom: calc(90rem / 20); }
    .family-Sec5 .unit .case-txt, .business-Sec5 .unit .case-txt {
      width: 100%;
      padding-left: 0;
      padding-right: 0;
      padding-top: calc(100rem / 20);
      padding-bottom: calc(100rem / 20); }
      .family-Sec5 .unit .case-txt::before, .business-Sec5 .unit .case-txt::before {
        content: '';
        position: absolute;
        top: -3.5rem;
        left: 55%;
        transform: translateX(-55%);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 3.5rem 3rem;
        border-color: transparent transparent #e5f5f3 transparent; }
    .family-Sec5 .unit .box-ttl, .business-Sec5 .unit .box-ttl {
      margin-bottom: calc(30em / 20);
      position: absolute;
      top: 0;
      left: calc(140em / 20);
      width: calc(175em / 20); }
    .family-Sec5 .unit .box-subttl, .business-Sec5 .unit .box-subttl {
      width: calc(420rem / 20);
      font-size: calc(30rem / 20);
      padding-left: 0;
      padding-right: 0;
      padding-top: calc(15rem / 20);
      padding-bottom: calc(15rem / 20);
      margin-bottom: 0;
      text-align: center;
      margin-top: calc(70rem / 20); }
      .family-Sec5 .unit .box-subttl.sub2, .business-Sec5 .unit .box-subttl.sub2 {
        position: absolute;
        left: calc(14rem / 20);
        bottom: calc(-17rem / 20); }
    .family-Sec5 .unit .img, .business-Sec5 .unit .img {
      width: calc(227em / 20);
      margin-top: 0;
      margin-left: calc(25em / 20); }
    .family-Sec5 .unit .txt-ttl, .business-Sec5 .unit .txt-ttl {
      font-size: calc(30em / 20);
      margin-bottom: calc(15em / 20);
      text-align: center; }
    .family-Sec5 .unit .txt-list, .business-Sec5 .unit .txt-list {
      font-size: calc(24em / 20);
      padding-left: calc(55rem / 20);
      padding-right: calc(55rem / 20); } }
.family-Sec6 {
  margin-bottom: calc(170em / 20); }
  .family-Sec6 .inner {
    padding-left: calc(100em / 20);
    padding-right: calc(100em / 20); }
  .family-Sec6 .box {
    padding-bottom: calc(60em / 20);
    padding-top: calc(90em / 20);
    border: 1px solid #B68C45; }
  .family-Sec6 .ttl {
    text-align: center;
    color: #B68C45;
    font-size: calc(26rem / 20);
    margin-bottom: calc(50rem / 20); }
  .family-Sec6 .txt {
    text-align: center;
    font-size: calc(17rem / 20);
    line-height: 2.2;
    margin-bottom: calc(40rem / 20); }
  .family-Sec6 .btn {
    width: calc(600rem / 20);
    margin-left: auto;
    margin-right: auto; }
    .family-Sec6 .btn a {
      background: #B68C45;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -webkit-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      align-items: center;
      height: calc(120rem / 20);
      transition: .3s; }
      .family-Sec6 .btn a:hover {
        background: #D6A661; }
    .family-Sec6 .btn .btn-txt1 {
      width: calc(275rem / 20);
      margin-right: calc(30rem / 20); }
    .family-Sec6 .btn .btn-txt2 {
      width: calc(80rem / 20); }

@media only screen and (max-width: 46.875em) {
  .family-Sec6 {
    margin-bottom: calc(170em / 20); }
    .family-Sec6 .inner {
      padding-left: calc(40em / 20);
      padding-right: calc(40em / 20); }
    .family-Sec6 .box {
      padding-bottom: calc(70em / 20);
      padding-top: calc(90em / 20);
      padding-left: calc(40em / 20);
      padding-right: calc(40em / 20);
      border: 1px solid #B68C45; }
    .family-Sec6 .ttl {
      font-size: calc(32rem / 20);
      margin-bottom: calc(40rem / 20); }
    .family-Sec6 .txt {
      text-align: left;
      font-size: calc(24rem / 20);
      line-height: 2.2;
      margin-bottom: calc(40rem / 20); }
      .family-Sec6 .txt br {
        display: none; }
    .family-Sec6 .btn {
      width: 100%;
      margin-left: auto;
      margin-right: auto; }
      .family-Sec6 .btn a {
        height: calc(190rem / 20); }
      .family-Sec6 .btn .btn-txt1 {
        width: calc(285rem / 20);
        margin-right: calc(30rem / 20); }
      .family-Sec6 .btn .btn-txt2 {
        width: calc(128rem / 20); } }
.family-Sec7 {
  margin-bottom: calc(164rem / 20);
  overflow-x: hidden; }
  .family-Sec7 .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-left: calc(100rem / 20);
    padding-right: calc(100rem / 20); }
    .family-Sec7 .inner .ttl {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      align-items: flex-start;
      width: calc(233rem / 20);
      position: relative;
      padding-top: calc(130rem / 20); }
      .family-Sec7 .inner .ttl::before {
        content: "";
        background: url("../img/family/s_img.png") no-repeat;
        background-size: calc(288rem / 20);
        width: calc(288rem / 20);
        height: calc(249rem / 20);
        top: calc(265rem / 20);
        right: calc(-180rem / 20);
        position: absolute; }
      .family-Sec7 .inner .ttl img {
        width: calc(215rem / 20); }
      .family-Sec7 .inner .ttl span {
        font-size: calc(20rem / 20);
        border-bottom: #B68C45 .2rem solid;
        margin-top: calc(35rem / 20); }
    .family-Sec7 .inner .txt-area {
      width: calc(550rem / 20);
      padding-top: calc(130rem / 20);
      padding-left: calc(75rem / 20);
      position: relative; }
      .family-Sec7 .inner .txt-area::before {
        content: '';
        background: #e5f5f3;
        width: 150%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1; }
      .family-Sec7 .inner .txt-area .area-ttl {
        width: calc(312rem / 20);
        margin-bottom: calc(62rem / 20); }
      .family-Sec7 .inner .txt-area .txt {
        font-size: calc(17rem / 20);
        line-height: 2.2;
        margin-bottom: calc(92rem / 20); }

@media only screen and (max-width: 46.875em) {
  .family-Sec7 {
    margin-bottom: calc(164rem / 20); }
    .family-Sec7 .inner {
      padding-left: calc(80rem / 20);
      padding-right: calc(80rem / 20); }
      .family-Sec7 .inner .ttl {
        width: 100%;
        padding-top: 0;
        margin-bottom: calc(80rem / 20); }
        .family-Sec7 .inner .ttl::before {
          background: url(../img/sp/sec2_img1.png) no-repeat;
          background-size: calc(431rem / 20);
          width: calc(431rem / 20);
          height: calc(283rem / 20);
          top: calc(20rem / 20);
          right: calc(-40rem / 20);
          position: absolute; }
        .family-Sec7 .inner .ttl img {
          width: calc(320rem / 20); }
        .family-Sec7 .inner .ttl span {
          font-size: calc(24rem / 20);
          border-bottom: #B68C45 .2rem solid;
          margin-top: calc(35rem / 20); }
      .family-Sec7 .inner .txt-area {
        position: relative; }
        .family-Sec7 .inner .txt-area::before {
          content: '';
          background: #e5f5f3;
          width: 122%;
          height: 100%;
          position: absolute;
          top: 0;
          right: 0;
          z-index: -1; }
        .family-Sec7 .inner .txt-area .area-ttl {
          width: calc(475rem / 20);
          margin-bottom: calc(62rem / 20); }
        .family-Sec7 .inner .txt-area .txt {
          font-size: calc(24rem / 20); } }
.family-Sec8, .business-Sec8 {
  background: #e5f5f3; }
  .family-Sec8 .inner, .business-Sec8 .inner {
    padding-top: calc(130rem / 20);
    padding-bottom: calc(185rem / 20);
    padding-left: calc(205rem / 20);
    padding-right: calc(205rem / 20);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center; }
    .family-Sec8 .inner .ttl, .business-Sec8 .inner .ttl {
      font-size: calc(20rem / 20);
      border-bottom: #B68C45 .2rem solid;
      margin-bottom: calc(60rem / 20);
      position: relative; }
      .family-Sec8 .inner .ttl::before, .business-Sec8 .inner .ttl::before {
        content: "";
        background: url(../img/family/f_ico.png) no-repeat;
        background-size: calc(110rem / 20);
        width: calc(110rem / 20);
        height: calc(110rem / 20);
        left: calc(-140rem / 20);
        top: 50%;
        transform: translateY(-50%);
        position: absolute; }
    .family-Sec8 .inner .txt, .business-Sec8 .inner .txt {
      font-size: calc(17rem / 20);
      line-height: 2.2;
      margin-bottom: calc(92rem / 20);
      margin-bottom: calc(80rem / 20); }
    .family-Sec8 .inner .sub-ttl, .business-Sec8 .inner .sub-ttl {
      background: #fff;
      width: 100%;
      text-align: center;
      padding-top: calc(10rem / 20);
      padding-bottom: calc(10rem / 20);
      color: #00A08C;
      margin-bottom: calc(50rem / 20); }
    .family-Sec8 .inner .unit, .business-Sec8 .inner .unit {
      font-size: calc(20rem / 20);
      margin-bottom: calc(50rem / 20);
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
      align-items: flex-end;
      width: 100%; }
      .family-Sec8 .inner .unit.num1 .txt-area .num, .business-Sec8 .inner .unit.num1 .txt-area .num {
        width: calc(55rem / 20); }
      .family-Sec8 .inner .unit.num2 .txt-area .num, .business-Sec8 .inner .unit.num2 .txt-area .num {
        width: calc(71rem / 20); }
      .family-Sec8 .inner .unit.num3 .txt-area .num, .business-Sec8 .inner .unit.num3 .txt-area .num {
        width: calc(69rem / 20); }
      .family-Sec8 .inner .unit.num4 .txt-area .num, .business-Sec8 .inner .unit.num4 .txt-area .num {
        width: calc(77rem / 20); }
      .family-Sec8 .inner .unit.num5, .business-Sec8 .inner .unit.num5 {
        margin-bottom: calc(105rem / 20); }
        .family-Sec8 .inner .unit.num5 .txt-area .num, .business-Sec8 .inner .unit.num5 .txt-area .num {
          width: calc(72rem / 20); }
        .family-Sec8 .inner .unit.num5 .img, .business-Sec8 .inner .unit.num5 .img {
          width: calc(263rem / 20);
          margin-left: calc(125rem / 20); }
      .family-Sec8 .inner .unit .img, .business-Sec8 .inner .unit .img {
        width: calc(368rem / 20); }
      .family-Sec8 .inner .unit .txt-area, .business-Sec8 .inner .unit .txt-area {
        width: calc(330rem / 20);
        border-left: #fff .3rem solid;
        padding-left: calc(35rem / 20); }
        .family-Sec8 .inner .unit .txt-area .num, .business-Sec8 .inner .unit .txt-area .num {
          width: calc(64rem / 20);
          margin-bottom: calc(25rem / 20); }
        .family-Sec8 .inner .unit .txt-area .area-ttl, .business-Sec8 .inner .unit .txt-area .area-ttl {
          font-size: calc(24rem / 20);
          margin-bottom: calc(28rem / 20);
          font-weight: 400;
          color: #00A08C;
          line-height: 2; }
        .family-Sec8 .inner .unit .txt-area .area-txt, .business-Sec8 .inner .unit .txt-area .area-txt {
          font-size: calc(16rem / 20);
          line-height: 2.2; }
    .family-Sec8 .inner .unit-step, .business-Sec8 .inner .unit-step {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      margin-bottom: calc(45rem / 20);
      width: 100%; }
      .family-Sec8 .inner .unit-step.s1 .step-area_ttl, .business-Sec8 .inner .unit-step.s1 .step-area_ttl {
        width: calc(292rem / 20); }
      .family-Sec8 .inner .unit-step.s2 .step-area_ttl, .business-Sec8 .inner .unit-step.s2 .step-area_ttl {
        width: calc(246rem / 20); }
      .family-Sec8 .inner .unit-step.s3 .step-area_ttl, .business-Sec8 .inner .unit-step.s3 .step-area_ttl {
        width: calc(267rem / 20); }
      .family-Sec8 .inner .unit-step .step-ttl, .business-Sec8 .inner .unit-step .step-ttl {
        width: calc(320rem / 20);
        height: calc(190rem / 20);
        color: #fff;
        background: #00A08C;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center; }
        .family-Sec8 .inner .unit-step .step-ttl .step, .business-Sec8 .inner .unit-step .step-ttl .step {
          font-size: calc(16rem / 20); }
        .family-Sec8 .inner .unit-step .step-ttl .step2, .business-Sec8 .inner .unit-step .step-ttl .step2 {
          font-size: calc(24rem / 20); }
      .family-Sec8 .inner .unit-step .step-area, .business-Sec8 .inner .unit-step .step-area {
        width: calc(360rem / 20); }
        .family-Sec8 .inner .unit-step .step-area .step-area_ttl, .business-Sec8 .inner .unit-step .step-area .step-area_ttl {
          margin-bottom: calc(25rem / 20); }
        .family-Sec8 .inner .unit-step .step-area .area-txt, .business-Sec8 .inner .unit-step .step-area .area-txt {
          font-size: calc(16rem / 20);
          line-height: 2.2; }
    .family-Sec8 .inner .unit-point, .business-Sec8 .inner .unit-point {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
      align-items: flex-end;
      margin-bottom: calc(275rem / 20);
      width: 100%;
      position: relative; }
      .family-Sec8 .inner .unit-point.p2 .point-img, .business-Sec8 .inner .unit-point.p2 .point-img {
        width: calc(304rem / 20); }
      .family-Sec8 .inner .unit-point.p3, .business-Sec8 .inner .unit-point.p3 {
        margin-bottom: 0; }
        .family-Sec8 .inner .unit-point.p3 .point-img, .business-Sec8 .inner .unit-point.p3 .point-img {
          width: calc(282rem / 20); }
        .family-Sec8 .inner .unit-point.p3::before, .business-Sec8 .inner .unit-point.p3::before {
          content: '';
          background: none;
          height: 0; }
      .family-Sec8 .inner .unit-point::before, .business-Sec8 .inner .unit-point::before {
        content: '';
        background: #fff;
        height: calc(100rem / 20);
        width: calc(6rem / 20);
        position: absolute;
        bottom: calc(-168rem / 20);
        left: 50%;
        transform: translateX(-50%); }
      .family-Sec8 .inner .unit-point .point-img, .business-Sec8 .inner .unit-point .point-img {
        width: calc(294rem / 20);
        margin-left: calc(20rem / 20); }
    .family-Sec8 .inner .point-area, .business-Sec8 .inner .point-area {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -webkit-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      align-items: center;
      background: #ceece8;
      width: calc(400rem / 20);
      border-radius: 1rem;
      width: calc(400rem / 20);
      height: calc(210rem / 20);
      position: relative; }
      .family-Sec8 .inner .point-area::before, .business-Sec8 .inner .point-area::before {
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: calc(-28em / 20);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: .475rem 1.4rem .475rem 0;
        border-color: transparent #ceece8 transparent transparent; }
      .family-Sec8 .inner .point-area .point-area_ttl, .business-Sec8 .inner .point-area .point-area_ttl {
        font-size: calc(16rem / 20);
        background: #00A08C;
        color: #fff;
        border-radius: 1rem;
        padding-left: calc(30rem / 20);
        padding-right: calc(30rem / 20);
        padding-top: calc(5rem / 20);
        padding-bottom: calc(5rem / 20);
        margin-bottom: calc(20rem / 20); }
      .family-Sec8 .inner .point-area .area-txt, .business-Sec8 .inner .point-area .area-txt {
        color: #00A08C;
        font-weight: 600;
        font-size: calc(17rem / 20);
        line-height: 2;
        text-align: center; }

@media only screen and (max-width: 46.875em) {
  .family-Sec8 .inner, .business-Sec8 .inner {
    padding-top: calc(100rem / 20);
    padding-bottom: calc(160rem / 20);
    padding-left: calc(40rem / 20);
    padding-right: calc(40rem / 20); }
    .family-Sec8 .inner .ttl, .business-Sec8 .inner .ttl {
      font-size: calc(30rem / 20); }
    .family-Sec8 .inner .txt, .business-Sec8 .inner .txt {
      font-size: calc(24rem / 20);
      margin-bottom: calc(92rem / 20);
      margin-bottom: calc(80rem / 20); }
      .family-Sec8 .inner .txt br, .business-Sec8 .inner .txt br {
        display: none; }
    .family-Sec8 .inner .sub-ttl, .business-Sec8 .inner .sub-ttl {
      font-size: calc(30rem / 20);
      padding-top: calc(10rem / 20);
      padding-bottom: calc(10rem / 20);
      color: #00A08C;
      margin-bottom: calc(50rem / 20); }
    .family-Sec8 .inner .unit, .business-Sec8 .inner .unit {
      width: 100%; }
      .family-Sec8 .inner .unit.num1 .txt-area .num, .business-Sec8 .inner .unit.num1 .txt-area .num {
        width: calc(84rem / 20); }
      .family-Sec8 .inner .unit.num2 .txt-area .num, .business-Sec8 .inner .unit.num2 .txt-area .num {
        width: calc(105rem / 20); }
      .family-Sec8 .inner .unit.num3 .txt-area .num, .business-Sec8 .inner .unit.num3 .txt-area .num {
        width: calc(100rem / 20); }
      .family-Sec8 .inner .unit.num4 .txt-area .num, .business-Sec8 .inner .unit.num4 .txt-area .num {
        width: calc(112rem / 20); }
      .family-Sec8 .inner .unit.num5, .business-Sec8 .inner .unit.num5 {
        margin-bottom: calc(105rem / 20); }
        .family-Sec8 .inner .unit.num5 .txt-area .num, .business-Sec8 .inner .unit.num5 .txt-area .num {
          width: calc(111rem / 20); }
        .family-Sec8 .inner .unit.num5 .txt-area .area-ttl, .business-Sec8 .inner .unit.num5 .txt-area .area-ttl {
          width: 100%; }
        .family-Sec8 .inner .unit.num5 .img, .business-Sec8 .inner .unit.num5 .img {
          width: calc(270rem / 20);
          margin-left: calc(40rem / 20);
          margin-bottom: calc(55rem / 20); }
        .family-Sec8 .inner .unit.num5 .area-ttl, .business-Sec8 .inner .unit.num5 .area-ttl {
          width: 100%; }
      .family-Sec8 .inner .unit .img, .business-Sec8 .inner .unit .img {
        width: calc(270rem / 20); }
      .family-Sec8 .inner .unit .txt-area, .business-Sec8 .inner .unit .txt-area {
        width: calc(380rem / 20);
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center; }
        .family-Sec8 .inner .unit .txt-area .num, .business-Sec8 .inner .unit .txt-area .num {
          width: calc(90rem / 20);
          margin-bottom: calc(30rem / 20);
          margin-right: calc(20rem / 20); }
        .family-Sec8 .inner .unit .txt-area .area-ttl, .business-Sec8 .inner .unit .txt-area .area-ttl {
          font-size: calc(26rem / 20);
          margin-bottom: calc(28rem / 20);
          width: calc(165rem / 20);
          -webkit-box-align: center;
          -webkit-align-items: center;
          align-items: center; }
        .family-Sec8 .inner .unit .txt-area .area-txt, .business-Sec8 .inner .unit .txt-area .area-txt {
          font-size: calc(24rem / 20); }
    .family-Sec8 .inner .unit-step, .business-Sec8 .inner .unit-step {
      -webkit-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 100%; }
      .family-Sec8 .inner .unit-step.s1 .step-area_ttl, .business-Sec8 .inner .unit-step.s1 .step-area_ttl {
        width: calc(479rem / 20);
        margin-left: auto;
        margin-right: auto; }
      .family-Sec8 .inner .unit-step.s2 .step-area_ttl, .business-Sec8 .inner .unit-step.s2 .step-area_ttl {
        width: calc(404rem / 20);
        margin-left: auto;
        margin-right: auto; }
      .family-Sec8 .inner .unit-step.s3 .step-area_ttl, .business-Sec8 .inner .unit-step.s3 .step-area_ttl {
        width: calc(409rem / 20);
        margin-left: auto;
        margin-right: auto; }
      .family-Sec8 .inner .unit-step .step-ttl, .business-Sec8 .inner .unit-step .step-ttl {
        width: calc(585rem / 20);
        height: calc(130rem / 20);
        margin-left: auto;
        margin-right: auto;
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -webkit-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        margin-bottom: calc(70rem / 20); }
        .family-Sec8 .inner .unit-step .step-ttl .step, .business-Sec8 .inner .unit-step .step-ttl .step {
          font-size: calc(24rem / 20);
          font-weight: 600;
          letter-spacing: .05rem;
          margin-right: calc(24rem / 20); }
        .family-Sec8 .inner .unit-step .step-ttl .step2, .business-Sec8 .inner .unit-step .step-ttl .step2 {
          font-size: calc(30rem / 20); }
      .family-Sec8 .inner .unit-step .step-area, .business-Sec8 .inner .unit-step .step-area {
        width: 100%;
        margin-top: calc(265rem / 20); }
        .family-Sec8 .inner .unit-step .step-area .step-area_ttl, .business-Sec8 .inner .unit-step .step-area .step-area_ttl {
          font-size: calc(27rem / 20);
          text-align: center; }
        .family-Sec8 .inner .unit-step .step-area .area-txt, .business-Sec8 .inner .unit-step .step-area .area-txt {
          font-size: calc(24rem / 20); }
    .family-Sec8 .inner .unit-point, .business-Sec8 .inner .unit-point {
      margin-bottom: calc(200rem / 20);
      width: 100%;
      position: relative; }
      .family-Sec8 .inner .unit-point.p2 .point-img, .business-Sec8 .inner .unit-point.p2 .point-img {
        width: calc(304rem / 20); }
      .family-Sec8 .inner .unit-point.p3, .business-Sec8 .inner .unit-point.p3 {
        margin-bottom: 0; }
        .family-Sec8 .inner .unit-point.p3 .point-img, .business-Sec8 .inner .unit-point.p3 .point-img {
          width: calc(282rem / 20); }
        .family-Sec8 .inner .unit-point.p3::before, .business-Sec8 .inner .unit-point.p3::before {
          content: '';
          background: none;
          height: 0; }
      .family-Sec8 .inner .unit-point::before, .business-Sec8 .inner .unit-point::before {
        height: calc(80rem / 20);
        width: calc(6rem / 20);
        bottom: calc(-145rem / 20);
        left: 50%;
        transform: translateX(-50%); }
      .family-Sec8 .inner .unit-point .point-img, .business-Sec8 .inner .unit-point .point-img {
        width: calc(294rem / 20);
        margin-left: calc(20rem / 20);
        position: absolute;
        top: calc(-605rem / 20);
        left: 50%;
        transform: translateX(-50%); }
    .family-Sec8 .inner .point-area, .business-Sec8 .inner .point-area {
      width: 100%;
      border-radius: 1rem;
      padding-top: calc(60rem / 20);
      padding-bottom: calc(60rem / 20);
      height: auto;
      position: relative; }
      .family-Sec8 .inner .point-area::before, .business-Sec8 .inner .point-area::before {
        left: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0;
        border-color: transparent; }
      .family-Sec8 .inner .point-area .point-area_ttl, .business-Sec8 .inner .point-area .point-area_ttl {
        font-size: calc(28rem / 20);
        border-radius: 4rem;
        padding-left: calc(100rem / 20);
        padding-right: calc(100rem / 20);
        padding-top: calc(10rem / 20);
        padding-bottom: calc(10rem / 20);
        margin-bottom: calc(20rem / 20); }
      .family-Sec8 .inner .point-area .area-txt, .business-Sec8 .inner .point-area .area-txt {
        font-size: calc(24rem / 20);
        line-height: 2;
        text-align: center; } }
.family-contact {
  width: calc(393rem / 20);
  margin-left: auto;
  margin-right: auto;
  margin-top: calc(62rem / 20);
  margin-bottom: calc(40rem / 20); }

@media only screen and (max-width: 46.875em) {
  .family-contact {
    width: calc(580rem / 20); } }
.fix-list {
  display: none;
  position: fixed;
  right: calc(50rem / 20);
  z-index: 3;
  top: 30%;
  font-size: calc(12rem / 20);
  text-align: right; }
  .fix-list li {
    color: #ccc;
    position: relative;
    transition: .3s; }
    .fix-list li::before {
      content: '';
      background: #00A08C;
      width: calc(11rem / 20);
      height: 1px;
      right: calc(-30rem / 20);
      top: 50%;
      transform: translateY(-50%);
      position: absolute; }
    .fix-list li.on-list {
      color: #000; }
      .fix-list li.on-list::before {
        width: calc(24rem / 20);
        right: calc(-30rem / 20); }
    .fix-list li a {
      display: block;
      padding-top: calc(10rem / 20);
      padding-bottom: calc(10rem / 20); }

@media only screen and (max-width: 46.875em) {
  .fix-list {
    display: none !important; } }
/*--------------------------
business
-------------------------------------------------*/
.second-Ttl.business {
  background: url("../img/business/main_img.jpg") no-repeat center;
  background-size: cover; }
  .second-Ttl.business .ttl {
    background: rgba(0, 160, 140, 0.5); }
    .second-Ttl.business .ttl img {
      width: calc(252rem / 20); }

@media only screen and (max-width: 46.875em) {
  .second-Ttl.business .ttl img {
    width: calc(246rem / 20); } }
.business-Sec1 .ttl {
  width: calc(488rem / 20); }
.business-Sec1 .txt br.sp {
  display: none; }

@media only screen and (max-width: 46.875em) {
  .business-Sec1 .ttl {
    width: calc(545rem / 20); }
  .business-Sec1 .txt br.sp {
    display: block; } }
.business-Sec2 .list .unit.num9 {
  border-bottom: none; }
.business-Sec2 .list .unit.num10 {
  margin-right: auto;
  margin-left: calc(45rem / 20);
  border-bottom: none; }

@media only screen and (max-width: 46.875em) {
  .business-Sec2 .list .unit.num10 {
    margin-right: auto;
    margin-left: 0; } }
.business-sec4 .inner .list .btn.b1 {
  margin-left: auto;
  margin-right: calc(10rem / 20); }
.business-sec4 .inner .list .btn.b2 {
  margin-right: auto;
  margin-left: calc(10rem / 20); }

@media only screen and (max-width: 46.875em) {
  .business-sec4 .inner .list .btn.b1 {
    margin-right: 0; }
  .business-sec4 .inner .list .btn.b2 {
    margin-right: 0;
    margin-left: 0; } }
.business-Sec5 .unit .txt-ttl span {
  display: block;
  color: #4D4D4D;
  font-size: calc(16rem / 20);
  font-weight: 400; }
.business-Sec5 .unit .txt-ttl2 {
  font-size: calc(16rem / 20);
  margin-bottom: calc(5rem / 20);
  color: #00A08C; }
.business-Sec5 .unit .txt-ttl {
  margin-bottom: calc(40rem / 20); }
.business-Sec5 .unit .txt-list2 {
  font-size: calc(16rem / 20);
  line-height: 2.5;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: calc(5rem / 20); }
  .business-Sec5 .unit .txt-list2 li {
    margin-right: calc(16rem / 20); }
    .business-Sec5 .unit .txt-list2 li::before {
      content: '\025cf';
      color: #00A08C; }
    .business-Sec5 .unit .txt-list2 li.last::before {
      content: ''; }
    .business-Sec5 .unit .txt-list2 li.w100 {
      width: 100%; }
.business-Sec5 .unit.comment .txt-ttl3 {
  font-size: calc(16rem / 20);
  margin-bottom: calc(5rem / 20);
  margin-top: calc(30rem / 20);
  color: #B68C45; }
.business-Sec5 .unit.comment .txt-list li::before {
  color: #B68C45; }
.business-Sec5 .unit.comment .txt-list2 li::before {
  color: #B68C45; }

@media only screen and (max-width: 46.875em) {
  .business-Sec5 .unit .txt-ttl span {
    font-size: calc(26rem / 20); }
  .business-Sec5 .unit .txt-ttl2 {
    font-size: calc(26rem / 20);
    padding-left: calc(55rem / 20);
    padding-right: calc(55rem / 20); }
  .business-Sec5 .unit .txt-ttl {
    margin-bottom: calc(40rem / 20); }
  .business-Sec5 .unit .txt-list2 {
    font-size: calc(24em / 20);
    padding-left: calc(55rem / 20);
    padding-right: calc(55rem / 20); }
    .business-Sec5 .unit .txt-list2 li {
      margin-right: calc(16rem / 20); }
  .business-Sec5 .unit.comment .txt-ttl3 {
    font-size: calc(26rem / 20);
    padding-left: calc(55rem / 20);
    padding-right: calc(55rem / 20); }
  .business-Sec5 .unit.comment .txt-ttl br {
    display: block; }
  .business-Sec5 .unit.comment .txt-list li::before {
    color: #B68C45; }
  .business-Sec5 .unit.comment .txt-list2 li::before {
    color: #B68C45; } }
.business-Sec8 .inner .unit-step.s2 .step-area_ttl {
  width: calc(245rem / 20); }
.business-Sec8 .inner .unit-step.s3 .step-area_ttl {
  width: calc(246rem / 20); }
.business-Sec8 .inner .unit-step.s4 .step-area_ttl {
  width: calc(267rem / 20); }
.business-Sec8 .inner .point-area.b3 {
  height: calc(278rem / 20); }
  .business-Sec8 .inner .point-area.b3 .area-txt {
    text-align: left; }

@media only screen and (max-width: 46.875em) {
  .business-Sec8 .inner .unit-step.s2 .step-area_ttl {
    width: calc(390rem / 20); }
  .business-Sec8 .inner .unit-step.s3 .step-area_ttl {
    width: calc(404rem / 20); }
  .business-Sec8 .inner .unit-step.s4 .step-area_ttl {
    width: calc(407rem / 20);
    margin-left: auto;
    margin-right: auto; }
  .business-Sec8 .inner .point-area.b3 {
    height: auto; } }
/*--------------------------
contact
-------------------------------------------------*/
.contact-Sec1 {
  background: #00A08C; }
  .contact-Sec1 .inner {
    padding-top: calc(150rem / 20);
    padding-bottom: calc(80rem / 20);
    padding-left: calc(100rem / 20);
    padding-right: calc(100rem / 20); }
    .contact-Sec1 .inner .ttl {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      align-items: center;
      margin-bottom: calc(87rem / 20);
      position: relative; }
      .contact-Sec1 .inner .ttl img {
        width: calc(287rem / 20); }
      .contact-Sec1 .inner .ttl span {
        color: #fff;
        font-size: calc(20rem / 20);
        border-bottom: #fff .2rem solid;
        margin-top: calc(35rem / 20); }
      .contact-Sec1 .inner .ttl::after {
        content: "";
        background: url("../img/contact/ico1.png") no-repeat;
        background-size: calc(162rem / 20);
        width: calc(162rem / 20);
        height: calc(162rem / 20);
        left: 0;
        top: 0;
        position: absolute; }
    .contact-Sec1 .inner .txt {
      background: #B68C45;
      color: #fff;
      font-size: calc(16rem / 20);
      text-align: center;
      padding-top: calc(16rem / 20);
      padding-bottom: calc(16rem / 20); }
  .contact-Sec1 .thanks-txt {
    text-align: center;
    color: #fff; }
  .contact-Sec1 .contct-table {
    color: #fff;
    width: 100%; }
    .contact-Sec1 .contct-table tr {
      border-top: 1px solid #fff; }
      .contact-Sec1 .contct-table tr.last {
        border-top: none; }
    .contact-Sec1 .contct-table th {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      padding-top: calc(30rem / 20);
      padding-bottom: calc(30rem / 20);
      padding-left: calc(40rem / 20);
      width: calc(370rem / 20);
      font-weight: 400;
      font-size: calc(16rem / 20);
      text-align: left;
      vertical-align: text-top; }
      .contact-Sec1 .contct-table th span {
        width: calc(170rem / 20); }
    .contact-Sec1 .contct-table td {
      padding-top: calc(30rem / 20);
      padding-bottom: calc(30rem / 20); }
      .contact-Sec1 .contct-table td.birth {
        font-size: calc(16rem / 20); }
        .contact-Sec1 .contct-table td.birth input[type="text"] {
          width: calc(100rem / 20);
          margin-right: calc(5rem / 20);
          margin-left: calc(5rem / 20); }
      .contact-Sec1 .contct-table td.sex {
        font-size: calc(16rem / 20); }
        .contact-Sec1 .contct-table td.sex input[type="radio"] {
          margin-right: calc(5rem / 20);
          margin-left: calc(5rem / 20); }
    .contact-Sec1 .contct-table input[type="text"] {
      background: #fff;
      font-size: calc(16rem / 20);
      color: #4D4D4D;
      height: calc(40rem / 20);
      padding-top: calc(5rem / 20);
      padding-bottom: calc(5rem / 20);
      padding-left: calc(5rem / 20);
      width: 100%; }
    .contact-Sec1 .contct-table input[type="email"] {
      background: #fff;
      font-size: calc(16rem / 20);
      color: #4D4D4D;
      height: calc(40rem / 20);
      padding-top: calc(5rem / 20);
      padding-bottom: calc(5rem / 20);
      padding-left: calc(5rem / 20);
      width: 100%; }
    .contact-Sec1 .contct-table textarea {
      background: #fff;
      font-size: calc(16rem / 20);
      color: #4D4D4D;
      width: 100%; }
    .contact-Sec1 .contct-table .country {
      font-size: calc(16rem / 20);
      line-height: 1; }
      .contact-Sec1 .contct-table .country input {
        margin-right: calc(5rem / 20); }
    .contact-Sec1 .contct-table .table-txt {
      font-size: calc(14rem / 20);
      margin-top: calc(5rem / 20); }
    .contact-Sec1 .contct-table .list {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
      .contact-Sec1 .contct-table .list .list-box1 {
        width: calc(220rem / 20);
        font-size: calc(16rem / 20); }
      .contact-Sec1 .contct-table .list .list-ttl {
        margin-bottom: calc(5rem / 20); }
      .contact-Sec1 .contct-table .list ul li {
        margin-bottom: calc(5rem / 20); }
        .contact-Sec1 .contct-table .list ul li input {
          margin-right: calc(5rem / 20); }
    .contact-Sec1 .contct-table .submit-btn {
      width: calc(260rem / 20);
      height: calc(72rem / 20);
      margin-bottom: calc(20rem / 20);
      background: #B68C45; }
      .contact-Sec1 .contct-table .submit-btn button {
        display: block;
        width: calc(260rem / 20);
        height: calc(72rem / 20); }
    .contact-Sec1 .contct-table .submit-check {
      font-size: calc(16rem / 20); }
      .contact-Sec1 .contct-table .submit-check input {
        margin-right: calc(5rem / 20); }
      .contact-Sec1 .contct-table .submit-check a {
        border-bottom: 2px solid #fff; }

@media only screen and (max-width: 46.875em) {
  .contact-Sec1 {
    background: #00A08C; }
    .contact-Sec1 .inner {
      padding-left: calc(25rem / 20);
      padding-right: calc(25rem / 20); }
      .contact-Sec1 .inner .ttl img {
        width: calc(355rem / 20); }
      .contact-Sec1 .inner .ttl span {
        font-size: calc(28rem / 20); }
      .contact-Sec1 .inner .ttl::after {
        background: none;
        background-size: 0;
        width: 0;
        height: 0; }
      .contact-Sec1 .inner .txt {
        font-size: calc(24rem / 20);
        padding-top: calc(20rem / 20);
        padding-bottom: calc(20rem / 20); }
        .contact-Sec1 .inner .txt span {
          display: block; }
    .contact-Sec1 .contct-table {
      width: 100%; }
      .contact-Sec1 .contct-table tr {
        border-top: none; }
      .contact-Sec1 .contct-table th {
        border-top: 1px solid #fff;
        display: block;
        width: 100%;
        padding-top: calc(40rem / 20);
        padding-bottom: 0;
        padding-left: 0;
        font-size: calc(26rem / 20); }
        .contact-Sec1 .contct-table th span {
          width: auto;
          margin-left: calc(140rem / 20); }
      .contact-Sec1 .contct-table td {
        display: block;
        width: 100%;
        padding-top: calc(30rem / 20);
        padding-bottom: calc(30rem / 20); }
        .contact-Sec1 .contct-table td.birth {
          border-top: 1px solid #fff;
          width: calc(400rem / 20);
          font-size: calc(26rem / 20); }
          .contact-Sec1 .contct-table td.birth input[type="text"] {
            width: calc(160rem / 20);
            padding-left: calc(5rem / 20); }
            .contact-Sec1 .contct-table td.birth input[type="text"].birth-txt1 {
              width: calc(100rem / 20); }
        .contact-Sec1 .contct-table td.sex {
          border-top: 1px solid #fff;
          width: calc(400rem / 20);
          font-size: calc(26rem / 20); }
        .contact-Sec1 .contct-table td.country {
          border-top: 1px solid #fff;
          width: calc(400rem / 20);
          font-size: calc(26rem / 20); }
      .contact-Sec1 .contct-table .t-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: row;
        flex-direction: row; }
        .contact-Sec1 .contct-table .t-box th {
          width: calc(299rem / 20);
          padding-bottom: calc(50rem / 20); }
      .contact-Sec1 .contct-table input[type="text"] {
        font-size: calc(26rem / 20);
        height: calc(70rem / 20);
        padding-left: calc(25rem / 20);
        width: 100%; }
      .contact-Sec1 .contct-table input[type="email"] {
        font-size: calc(26rem / 20);
        height: calc(70rem / 20);
        padding-left: calc(25rem / 20);
        width: 100%; }
      .contact-Sec1 .contct-table textarea {
        font-size: calc(26rem / 20);
        width: 100%; }
      .contact-Sec1 .contct-table .table-txt {
        font-size: calc(20rem / 20);
        text-align: center;
        padding-left: calc(120rem / 20);
        padding-right: calc(120rem / 20);
        margin-top: calc(50rem / 20); }
      .contact-Sec1 .contct-table .list {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex; }
        .contact-Sec1 .contct-table .list .list-box1 {
          width: 50%;
          font-size: calc(26rem / 20); }
        .contact-Sec1 .contct-table .list .list-ttl {
          margin-bottom: calc(5rem / 20); }
        .contact-Sec1 .contct-table .list ul li {
          margin-bottom: calc(5rem / 20); }
          .contact-Sec1 .contct-table .list ul li input {
            margin-right: calc(5rem / 20); }
      .contact-Sec1 .contct-table .submit-btn {
        width: calc(335rem / 20);
        height: calc(110rem / 20);
        margin-bottom: calc(20rem / 20);
        margin-left: auto;
        margin-right: auto; }
        .contact-Sec1 .contct-table .submit-btn button {
          display: block;
          width: calc(335rem / 20);
          height: calc(110rem / 20);
          font-size: calc(26rem / 20); }
      .contact-Sec1 .contct-table .submit-check {
        font-size: calc(30rem / 20);
        text-align: center; } }
.contact-Sec2 {
  background: #00A08C;
  padding-bottom: calc(70rem / 20); }
  .contact-Sec2 .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding-left: calc(100rem / 20);
    padding-right: calc(100rem / 20); }
    .contact-Sec2 .inner .unit {
      width: calc(320rem / 20);
      margin-left: calc(8rem / 20);
      margin-right: calc(8rem / 20); }
      .contact-Sec2 .inner .unit .ttl {
        background: #fff;
        color: #00A08C;
        font-size: calc(26rem / 20);
        padding-top: calc(5rem / 20);
        padding-bottom: calc(5rem / 20);
        margin-bottom: calc(30rem / 20);
        text-align: center;
        letter-spacing: .05rem; }
      .contact-Sec2 .inner .unit .img1 {
        width: calc(260rem / 20);
        margin-left: auto;
        margin-right: auto; }
      .contact-Sec2 .inner .unit .img2 {
        width: calc(258rem / 20);
        margin-left: auto;
        margin-right: auto; }
      .contact-Sec2 .inner .unit .img3 {
        width: calc(301rem / 20);
        margin-left: auto;
        margin-right: auto; }
      .contact-Sec2 .inner .unit .txt {
        color: #fff;
        font-size: calc(16rem / 20);
        text-align: center;
        margin-top: calc(15rem / 20); }

@media only screen and (max-width: 46.875em) {
  .contact-Sec2 {
    padding-bottom: calc(70rem / 20); }
    .contact-Sec2 .inner {
      -webkit-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      padding-left: calc(25rem / 20);
      padding-right: calc(25rem / 20); }
      .contact-Sec2 .inner .unit {
        width: 100%;
        margin-bottom: calc(50rem / 20); }
        .contact-Sec2 .inner .unit .ttl {
          font-size: calc(34rem / 20); }
        .contact-Sec2 .inner .unit .img1 {
          width: calc(460rem / 20);
          margin-left: auto;
          margin-right: auto; }
        .contact-Sec2 .inner .unit .img2 {
          width: calc(455rem / 20);
          margin-left: auto;
          margin-right: auto; }
        .contact-Sec2 .inner .unit .img3 {
          width: calc(572rem / 20);
          margin-left: auto;
          margin-right: auto; }
        .contact-Sec2 .inner .unit .txt {
          font-size: calc(26rem / 20); } }
/* ------ */
.clearfix:after {
  clear: both;
  content: '';
  display: block; }

@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important; }
    *::before, *::after, *::first-letter, *::first-line {
      background: transparent !important;
      color: #000 !important;
      box-shadow: none !important;
      text-shadow: none !important; }

  a {
    text-decoration: underline; }
    a:visited {
      text-decoration: underline; }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr {
    page-break-inside: avoid; }

  img {
    page-break-inside: avoid;
    max-width: 100% !important; }

  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3 {
    page-break-after: avoid; } }

  .about-Sec6 .map{
    width: 80%;
    height: 450px;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
    /* margin-top: 4rem; */
    position: relative;
    clip-path: polygon(0 25%, 100% 25%, 100% 100%, 0 100%);
    margin-top: -120px;
  }
  .about-Sec6 .map iframe{
    width: 100%;
    height: 600px;
    margin-top: -40px;
  }
  .about-Sec6 .add_map{
    font-size: calc(16rem / 20);
    line-height: 2.2;
    display: flex;
    justify-content: center;
    margin-top: 2rem;
    margin-bottom: 3rem;

  }
  .about-Sec6 .add_map .add-left{
    border-right: solid #0fa08b 1px;
    padding: 0.5rem;
  }
  .about-Sec6 .add_map .add-left .map-name{
    font-size: 20px;
    margin-bottom: 3rem;
    margin-right: 3rem;
  }
  .about-Sec6 .add_map .add-left .map-name span{
    padding-right: 1rem;
    font-size: calc(14rem / 20);
  }
  .about-Sec6 .add_map .add-left a{
    padding-right: 1rem;
    font-size: calc(12rem / 20);
  }

  .about-Sec6 .add_map .add-right{
    padding: 1rem;
    margin-left: 0.5rem;
  }

  @media only screen and (max-width: 46.875em) {
    .about-Sec6 .map {
      width: 90%;
      height: 300px;
      margin-top: -60px;
    }
    .about-Sec6 .map iframe{
      height: 460px;
    }
    .about-Sec6 .add_map{
      display: block;
      font-size: calc(24rem / 20);
    }
    .about-Sec6 .add_map .add-left{
      border-right:0;
      border-bottom: solid #0fa08b 1px;
      margin: 0 3rem;
      text-align: center;
    }
    .about-Sec6 .add_map .add-left a{
      font-size: calc(24rem / 20);
    }
    .about-Sec6 .add_map .add-left .map-name{
      font-size: calc(36rem / 20);
      margin-bottom: 1rem;
      margin-right: 0;
    }
    .about-Sec6 .add_map .add-left .map-name span{
      font-size: calc(24rem / 20);
    }
    .about-Sec6 .add_map .add-left .bigmap{
      margin-bottom: 1rem;
    }
    .about-Sec6 .add_map .add-right{
      margin: 0 2rem;
    }


    .st-Footer .footer-list ul{
      display: flex;
      justify-content: space-around;
      flex-wrap: wrap;
    font-size: calc(24rem / 20);
    }
    .st-Footer .footer-list ul li{
      margin-bottom: 2rem;
    }

  }