@charset "UTF-8";
/* *****************************
 *
 * Import file to Scss or Sass.
 *
 **************************** */
/* ----------------------------------------------------------------
* reset *
----------------------------------------------------------------- */
hrml, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, figure {
  margin: 0;
  padding: 0; }

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

ul {
  list-style: none; }

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

caption, th {
  text-align: left; }

q:before, q:after {
  content: ''; }

object, embed {
  vertical-align: top; }

legend {
  display: none; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%; }

img, abbr, acronym, fieldset {
  border: 0; }

body {
  font-family: "Zen Kaku Gothic New", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Verdana, Arial, sans-serif; }

a {
  text-decoration: none; }

a:active, a:focus, input:active, input:focus {
  outline: 0; }

section {
  width: 100%; }

.wrap {
  overflow: hidden;
  position: relative; }

/* リセット */
/* Scss Document */
/* ----------------------------------------------------------------
ブレークポイント設定
----------------------------------------------------------------- */
@media (max-width: 1480px) {
  /*  1480px  */
  /*  1480px  */ }
@media (max-width: 1280px) {
  /*  1280px  */
  /*  1280px  */ }
@media (max-width: 1024px) {
  /*  1024px  */
  /*  1024px  */ }
@media (max-width: 768px) {
  /*  768px  */
  /*  768px  */ }
@media (max-width: 480px) {
  /*  480px  */
  /*  480px  */ }
@media (max-width: 320px) {
  /*  320px  */
  /*  320px  */ }
/* mixin */
/* Scss Document */
/* ----------------------------------------------------------------
共通パーツ
----------------------------------------------------------------- */
html {
  font-size: 62.5%;
  color: #333333;
  scrollbar-width: none;
  -webkit-text-size-adjust: 100%; }

/*body { アクセスしたときにふわっと表示する
	display: none;
}*/
img {
  display: block;
  width: 100%;
  height: auto;
  image-rendering: -webkit-optimize-contrast; }

.fadein {
  opacity: 0;
  transform: translate(0, 50px);
  transition: all 0.5s; }

.fadein.scrollin {
  opacity: 1;
  transform: translate(0, 0); }

.pcClass {
  display: block; }
  @media (max-width: 1280px) {
    .pcClass {
      /*  1280px  */
      /*  1280px  */
      display: block; } }
  @media (max-width: 1024px) {
    .pcClass {
      /*  1024px  */
      /*  1024px  */
      display: none; } }
  @media (max-width: 768px) {
    .pcClass {
      /*  768px  */
      /*  768px  */
      display: none; } }
  @media (max-width: 480px) {
    .pcClass {
      /*  480px  */
      /*  480px  */
      display: none; } }
  @media (max-width: 320px) {
    .pcClass {
      /*  320px  */
      /*  320px  */
      display: none; } }

.spClass {
  display: none; }
  @media (max-width: 1280px) {
    .spClass {
      /*  1280px  */
      /*  1280px  */
      display: none; } }
  @media (max-width: 1024px) {
    .spClass {
      /*  1024px  */
      /*  1024px  */
      display: block; } }
  @media (max-width: 768px) {
    .spClass {
      /*  768px  */
      /*  768px  */
      display: block; } }
  @media (max-width: 480px) {
    .spClass {
      /*  480px  */
      /*  480px  */
      display: block; } }
  @media (max-width: 320px) {
    .spClass {
      /*  320px  */
      /*  320px  */
      display: block; } }

p {
  font-size: 1.6rem;
  line-height: 2;
  font-weight: 400; }
  @media (max-width: 768px) {
    p {
      /*  768px  */
      /*  768px  */
      font-size: 1.4rem; } }

* a {
  color: #333333;
  transition: 0.3s; }

span.red {
  color: #dc2800; }

span.bold {
  font-weight: bold; }

.link-arrow {
  color: #009481;
  font-size: 1.6rem;
  padding: 0 0 0 25px;
  position: relative; }
  .link-arrow::before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(../img/mm-icon.svg) no-repeat;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    z-index: 10; }

::selection {
  background: #009481;
  color: #FFFFFF; }

/* for Firefox */
::-moz-selection {
  background: #009481;
  color: #FFFFFF; }

.click-btn {
  font-size: 16px;
  text-align: center;
  margin: 30px 0 0 0; }
  .click-btn a {
    color: #FFFFFF;
    background-color: #009481;
    max-width: 246px;
    width: 100%;
    line-height: 72px;
    display: inline-block;
    transition: all 0.3s;
    border: solid 2px #009481;
    box-sizing: border-box;
    text-align: center; }
    .click-btn a:hover {
      color: #009481;
      background-color: #FFFFFF; }

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

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

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

/* 共通パーツCSS */
/* ----------------------------------------------------------------
header pc
----------------------------------------------------------------- */
.header-pc {
  font-weight: 700;
  display: block;
  width: 100%;
  z-index: 1000;
  position: fixed;
  transition: 0.15s;
  background-color: #FFFFFF; }
  @media (max-width: 1280px) {
    .header-pc {
      /*  1280px  */
      /*  1280px  */
      display: none; } }
  .header-pc_nav {
    margin-right: 186px;
    margin-left: 2.5%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 130px;
    transition: 0.15s; }
    @media (max-width: 1480px) {
      .header-pc_nav {
        /*  1480px  */
        /*  1480px  */
        margin-right: 125px; } }
    .header-pc_nav_logo {
      width: 430px; }
      @media (max-width: 1600px) {
        .header-pc_nav_logo {
          /*  1600px  */
          /*  1600px  */
          width: 250px; } }
    .header-pc_nav_menu {
      display: flex;
      align-items: center;
      justify-content: flex-end; }
      .header-pc_nav_menu_li {
        font-size: 1.4rem;
        transition: all 0.3s;
        text-align: left;
        line-height: 1.5;
        position: relative; }
        .header-pc_nav_menu_li::after {
          position: absolute;
          top: 50%;
          right: 0px;
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          content: "";
          width: 1px;
          height: 35px;
          background-color: #cccccc; }
        @media (max-width: 1480px) {
          .header-pc_nav_menu_li:nth-child(4) {
            /*  1480px  */
            /*  1480px  */ }
            .header-pc_nav_menu_li:nth-child(4)::after {
              content: none; } }
        .header-pc_nav_menu_li:nth-child(5)::after {
          content: none; }
        @media (max-width: 1480px) {
          .header-pc_nav_menu_li:nth-child(5) {
            /*  1480px  */
            /*  1480px  */
            display: none; } }
        .header-pc_nav_menu_li span {
          display: block; }
        .header-pc_nav_menu_li > a {
          transition: all 0.5s;
          position: relative;
          height: 130px;
          padding: 0 15px;
          display: flex;
          align-items: flex-start;
          flex-direction: column;
          align-content: flex-start;
          justify-content: center;
          color: #333333; }
          .header-pc_nav_menu_li > a:hover {
            color: #FFFFFF;
            background-color: #009481; }
        .header-pc_nav_menu_li .no-link {
          transition: all 0.5s;
          position: relative;
          height: 130px;
          padding: 0 15px;
          display: flex;
          align-items: flex-start;
          flex-direction: column;
          align-content: flex-start;
          justify-content: center;
          color: #333333;
          cursor: pointer; }
          .header-pc_nav_menu_li .no-link:hover {
            color: #FFFFFF;
            background-color: #009481; }
            .header-pc_nav_menu_li .no-link:hover::after {
              border-top: solid 2px #010E9F;
              border-right: solid 2px #010E9F; }
        .header-pc_nav_menu_li .child-block {
          display: none;
          min-width: 1024px;
          position: absolute;
          top: 100%;
          z-index: 0;
          background-color: #f9fdf9;
          padding: 30px 40px 40px 40px;
          border-radius: 0 0 15px 15px;
          box-sizing: border-box;
          box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3); }
          .header-pc_nav_menu_li .child-block * a {
            transition: 0.3s; }
            .header-pc_nav_menu_li .child-block * a:hover {
              opacity: .5; }
          .header-pc_nav_menu_li .child-block_inner .title-link {
            font-size: 2.0rem;
            margin: 0 0 20px 0;
            display: inline-block;
            position: relative;
            padding: 0 20px 0 0; }
            .header-pc_nav_menu_li .child-block_inner .title-link::before {
              content: "";
              position: absolute;
              width: 16px;
              height: 16px;
              background: url(../img/mm-icon.svg) no-repeat;
              top: 50%;
              right: 0px;
              transform: translateY(-50%);
              -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
              z-index: 10; }
          .header-pc_nav_menu_li .child-block_inner .menu-wrap {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            margin: 0 0 40px 0; }
            .header-pc_nav_menu_li .child-block_inner .menu-wrap .menu-container {
              border-right: dotted 1px #009481;
              padding: 0 20px 0 0;
              width: 30%;
              box-sizing: border-box; }
              .header-pc_nav_menu_li .child-block_inner .menu-wrap .menu-container:last-child {
                border-right: none; }
              .header-pc_nav_menu_li .child-block_inner .menu-wrap .menu-container .top-link {
                margin: 0 0 10px 0;
                font-size: 1.8rem;
                display: block;
                color: #009481; }
              .header-pc_nav_menu_li .child-block_inner .menu-wrap .menu-container .box-flex {
                display: flex;
                justify-content: space-between; }
              .header-pc_nav_menu_li .child-block_inner .menu-wrap .menu-container ul li {
                margin: 5px 0 0 0;
                padding: 0 0 0 15px;
                position: relative; }
                .header-pc_nav_menu_li .child-block_inner .menu-wrap .menu-container ul li::before {
                  content: "";
                  display: block;
                  position: absolute;
                  top: 6px;
                  left: 3px;
                  width: 5px;
                  height: 5px;
                  border-top: 1px solid #009481;
                  border-right: 1px solid #009481;
                  transform: translateX(-50%) rotate(45deg); }
                .header-pc_nav_menu_li .child-block_inner .menu-wrap .menu-container ul li ul li {
                  font-size: 1.4rem; }
                  .header-pc_nav_menu_li .child-block_inner .menu-wrap .menu-container ul li ul li::before {
                    content: "";
                    width: 10px;
                    height: 0px;
                    background-color: #009481;
                    display: block;
                    position: absolute;
                    top: 50%;
                    left: 5px;
                    transform: translateY(-50%);
                    -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    transform: translateX(-50%) rotate(0deg); }
          .header-pc_nav_menu_li .child-block_inner .bottom-wrap .bottom-link_1 {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            gap: 20px; }
            .header-pc_nav_menu_li .child-block_inner .bottom-wrap .bottom-link_1 li {
              font-size: 1.8rem; }
              .header-pc_nav_menu_li .child-block_inner .bottom-wrap .bottom-link_1 li a {
                color: #009481; }
          .header-pc_nav_menu_li .child-block_inner .bottom-wrap .bottom-link_2 {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            gap: 20px;
            margin: 20px 0 0 0; }
            .header-pc_nav_menu_li .child-block_inner .bottom-wrap .bottom-link_2 li {
              font-size: 1.6rem; }
        .header-pc_nav_menu_li .mm_1 {
          width: 65vw;
          left: -210%; }
        .header-pc_nav_menu_li .mm_2 {
          width: 65vw;
          left: -210%; }
          .header-pc_nav_menu_li .mm_2 .child-block_inner::-webkit-scrollbar-thumb {
            background-color: #cccccc;
            border-radius: 8px; }
        .header-pc_nav_menu_li .mm_3 {
          width: 65vw;
          left: -280%; }
          .header-pc_nav_menu_li .mm_3 .child-block_inner {
            height: 500px;
            overflow-x: hidden;
            overflow-y: scroll; }
            .header-pc_nav_menu_li .mm_3 .child-block_inner::-webkit-scrollbar {
              width: 8px; }
            .header-pc_nav_menu_li .mm_3 .child-block_inner::-webkit-scrollbar-thumb {
              background-color: #cccccc;
              border-radius: 8px; }
          .header-pc_nav_menu_li .mm_3 .child-block_inner .menu-wrap {
            flex-wrap: nowrap; }
            .header-pc_nav_menu_li .mm_3 .child-block_inner .menu-wrap .menu-container {
              width: 50%;
              border-right: dotted 1px #009481; }
              .header-pc_nav_menu_li .mm_3 .child-block_inner .menu-wrap .menu-container:nth-of-type(3) {
                border-right: none; }
        .header-pc_nav_menu_li .mm_4 {
          width: 65vw;
          left: -365%; }
          @media (max-width: 1600px) {
            .header-pc_nav_menu_li .mm_4 {
              /*  1600px  */
              /*  1600px  */
              left: -350%; } }
      .header-pc_nav_menu_contact {
        padding: 0 15px;
        display: none; }
        @media (max-width: 1480px) {
          .header-pc_nav_menu_contact {
            /*  1480px  */
            /*  1480px  */
            display: block; } }
        .header-pc_nav_menu_contact img {
          width: 25px; }
      .header-pc_nav_menu_search {
        padding: 0 15px; }
        .header-pc_nav_menu_search .search_l {
          max-width: 190px;
          width: 100%;
          display: block; }
          @media (max-width: 1480px) {
            .header-pc_nav_menu_search .search_l {
              /*  1480px  */
              /*  1480px  */
              display: none; } }
          .header-pc_nav_menu_search .search_l .search-form {
            position: relative; }
            .header-pc_nav_menu_search .search_l .search-form .text-area {
              padding: 5px 25px 5px 5px;
              box-sizing: border-box;
              width: 100%;
              height: 48px;
              border: solid 1px #cccccc; }
            .header-pc_nav_menu_search .search_l .search-form .submit-btn {
              border: 0px;
              width: 15px;
              height: 15px;
              background: url(../img/search-icon.svg) left no-repeat;
              position: absolute;
              top: 50%;
              right: 5px;
              transform: translateY(-50%);
              -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%); }
        .header-pc_nav_menu_search .search_m {
          width: 25px;
          display: none; }
          @media (max-width: 1480px) {
            .header-pc_nav_menu_search .search_m {
              /*  1480px  */
              /*  1480px  */
              display: block; } }
          .header-pc_nav_menu_search .search_m label.form-wrap {
            cursor: pointer; }
          .header-pc_nav_menu_search .search_m input.check-box {
            display: none; }
          .header-pc_nav_menu_search .search_m .h-form {
            overflow: hidden;
            opacity: 0;
            display: none;
            position: absolute;
            top: 100%;
            right: 140px;
            background: #FFFFFF;
            width: 380px;
            padding: 20px 20px 20px 20px;
            box-sizing: border-box;
            border-radius: 0px 0px 0px 5px;
            z-index: 10; }
            .header-pc_nav_menu_search .search_m .h-form_inner {
              position: relative; }
              .header-pc_nav_menu_search .search_m .h-form_inner input.text-area {
                display: block; }
              .header-pc_nav_menu_search .search_m .h-form_inner .search-form .text-area {
                padding: 5px;
                box-sizing: border-box;
                width: 250px;
                border: solid 1px #cccccc; }
              .header-pc_nav_menu_search .search_m .h-form_inner .search-form input {
                width: initial;
                background-color: initial;
                height: initial; }
              .header-pc_nav_menu_search .search_m .h-form_inner .close-btn {
                width: 75px;
                height: auto;
                position: absolute;
                top: 0px;
                right: 0px;
                cursor: pointer; }
            .header-pc_nav_menu_search .search_m .h-form form {
              padding: initial; }
          .header-pc_nav_menu_search .search_m input:checked ~ .form {
            height: auto;
            opacity: 1;
            display: block; }
    .header-pc_nav .float-bnr {
      position: fixed;
      top: 0;
      right: 0; }
      .header-pc_nav .float-bnr_li {
        width: 186px;
        margin: 0 0 8px 0; }
        @media (max-width: 1480px) {
          .header-pc_nav .float-bnr_li {
            /*  1480px  */
            /*  1480px  */
            width: 125px; } }
        .header-pc_nav .float-bnr_li a:hover {
          opacity: .5; }
        .header-pc_nav .float-bnr_li:last-child {
          margin: 0; }
  .header-pc .window-white {
    position: relative; }
    .header-pc .window-white:after {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 170px;
      width: 12px;
      height: 12px;
      background-image: url(../img/window-g.svg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center; }

/* ----------------------------------------------------------------
header sp
----------------------------------------------------------------- */
.header-sp {
  display: none;
  position: relative;
  width: 100%;
  background-color: #FFFFFF;
  z-index: 1000;
  position: relative;
  padding: 10px 0 10px 0;
  position: fixed;
  height: 60px;
  box-sizing: border-box; }
  @media (max-width: 1280px) {
    .header-sp {
      /*  1280px  */
      /*  1280px  */
      display: block; } }
  .header-sp_inner {
    z-index: 10; }
    .header-sp_inner_logo {
      width: 190px;
      transition: all 0.3s;
      position: absolute;
      z-index: 110;
      top: 15px;
      left: 20px; }
  .header-sp .window-green {
    position: relative; }
    .header-sp .window-green:after {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: -15px;
      width: 12px;
      height: 12px;
      background-image: url(../img/window-g.svg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center; }

.slide_btn {
  position: absolute;
  top: 8px;
  right: 10px;
  display: block;
  width: 48px;
  height: 40px; }

.topBar {
  background: #009481;
  height: 2px;
  width: 50%;
  position: absolute;
  top: 10px;
  left: 25%; }

.middleBar {
  background: #009481;
  height: 2px;
  width: 50%;
  position: absolute;
  top: 20px;
  left: 25%; }

.bottomBar {
  background: #009481;
  height: 2px;
  width: 50%;
  position: absolute;
  top: 30px;
  left: 25%; }

span.menu {
  bottom: 20px;
  font-size: 10px; }

.menu-list {
  display: none;
  position: absolute;
  z-index: 100;
  top: 60px;
  left: 0px;
  width: 100%;
  height: calc(100vh - 124px);
  background-color: #FFFFFF; }
  @media (max-width: 480px) {
    .menu-list {
      /*  480px  */
      /*  480px  */
      height: calc(100vh - 113px); } }
  .menu-list_item {
    text-align: center;
    margin-inline: auto;
    height: 315px;
    overflow: auto; }
    .menu-list_item_li {
      font-size: 1.4rem;
      font-weight: bold;
      transition: all 0.3s;
      padding: 15px 0 15px 20px;
      text-align: left;
      line-height: 1;
      border-bottom: solid 1px #e6e6e6; }
      @media (max-width: 320px) {
        .menu-list_item_li {
          /*  320px  */
          /*  320px  */
          font-size: 1.2rem; } }
    .menu-list_item .accordion-title {
      position: relative; }
      .menu-list_item .accordion-title::after {
        content: "";
        position: absolute;
        width: 12px;
        height: 12px;
        top: 50%;
        right: 25px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        z-index: 10;
        background: url(../img/menu-open-icon.svg) no-repeat; }
    .menu-list_item .accordion-title.open::after {
      background: url(../img/menu-close-icon.svg) no-repeat; }
    .menu-list_item .sub-menu {
      display: none;
      text-align: left;
      padding-top: 10px;
      padding-bottom: 10px;
      background: #EEF2ED; }
      .menu-list_item .sub-menu_li {
        font-size: 1.4rem;
        position: relative;
        margin: 0 20px 0 20px; }
        @media (max-width: 320px) {
          .menu-list_item .sub-menu_li {
            /*  320px  */
            /*  320px  */
            font-size: 1.3rem; } }
        .menu-list_item .sub-menu_li a {
          display: block;
          color: #009481;
          font-weight: bold; }
  .menu-list_search {
    margin-top: 35px;
    width: 300px;
    margin-inline: auto;
    padding: 0 0 0 0;
    background-color: #F6F6F6;
    border: 1px solid #CCCCCC; }
    .menu-list_search .search-form {
      display: flex;
      align-items: center; }
      .menu-list_search .search-form .text-area {
        padding: 10px;
        box-sizing: border-box;
        width: 88%;
        margin: 0 5px 0 0;
        border: none;
        background-color: #F6F6F6; }
      .menu-list_search .search-form .submit-btn {
        border: 0px;
        width: 16px;
        height: 16px;
        background: url(../img/search-icon-b.svg) left no-repeat; }

.menu-list_item_li:nth-last-child(-n+7) a {
  padding: 15px 0 15px 20px;
  display: block; }

.menu-list_item_li:nth-last-child(-n+7) {
  padding: 0; }

.sub-menu_li:not(:first-child) {
  background-image: radial-gradient(circle at 1px center, #009481, #009481 1px, transparent 1px, transparent 100%);
  background-position: center top;
  background-repeat: repeat-x;
  background-size: 6px 2px; }

.sub-menu_li a {
  display: block;
  padding: 15px 0; }

.sub-menu-child {
  margin-left: 20px;
  padding-bottom: 20px; }

.sub-menu-child_li a {
  display: inline-block;
  padding: 3px 0px 3px 25px;
  font-size: 1.3rem;
  font-weight: 500;
  display: block; }
  @media (max-width: 320px) {
    .sub-menu-child_li a {
      /*  320px  */
      /*  320px  */
      font-size: 1.2rem; } }

.arrow {
  position: relative; }

.sub-menu-child_li a::before {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 12px;
  width: 5px;
  height: 5px;
  border-top: 1px solid #009481;
  border-right: 1px solid #009481;
  transform: translateX(-50%) rotate(45deg); }

.menu-list_privacy {
  margin-top: 35px;
  margin-bottom: 47px;
  display: flex;
  align-items: center;
  justify-content: center; }

.menu-list_privacy li a {
  display: inline-block;
  padding: 0 20px;
  font-size: 1.2rem;
  font-weight: 400; }

.menu-list_privacy li:first-child a {
  border-right: 1px solid #E6E6E6; }

.header-sp_search-btn {
  position: absolute;
  top: 17px;
  right: 62px;
  display: block;
  width: 25px;
  height: 25px; }

.header-sp_search-btn img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

/* 検索メニューが最初は非表示になるようにする */
.search-menu {
  display: none;
  background-color: #fff;
  padding: 18px 10px 18px 18px;
  top: 60px;
  right: 0;
  width: 280px;
  position: absolute; }
  @media (max-width: 320px) {
    .search-menu {
      /*  320px  */
      /*  320px  */
      padding: 15px;
      width: 280px; } }

.search-menu-wrap {
  display: flex;
  align-items: center; }

.search-item {
  width: 80%; }

.search-item .text-area {
  padding: 10px;
  width: 195px;
  background-color: #F6F6F6;
  border: 1px solid #CCCCCC; }

.text-area::placeholder {
  color: #B3B3B3; }

.search-menu .btn {
  width: 25%; }
  @media (max-width: 320px) {
    .search-menu .btn {
      /*  320px  */
      /*  320px  */
      width: 20%; } }

.search-menu .btn .sp-close-btn {
  background-color: #fff;
  border: none;
  font-size: 1.2rem;
  font-family: "Zen Kaku Gothic New", sans-serif; }
  @media (max-width: 320px) {
    .search-menu .btn .sp-close-btn {
      /*  320px  */
      /*  320px  */
      font-size: 1rem; } }

/* ヘッダーCSS */
@media (max-width: 1280px) {
  /*  1280px  */
  /*  1280px  */ }
@media (max-width: 1024px) {
  /*  1024px  */
  /*  1024px  */ }
@media (max-width: 768px) {
  /*  768px  */
  /*  768px  */ }
@media (max-width: 480px) {
  /*  480px  */
  /*  480px  */ }
@media (max-width: 320px) {
  /*  320px  */
  /*  320px  */ }
/* ----------------------------------------------------------------
共通パーツ
----------------------------------------------------------------- */
.sec-title {
  display: inline-block;
  font-size: 3.6rem;
  margin: 0 0 30px 0;
  padding: 0 0 0 50px;
  position: relative; }
  @media (max-width: 768px) {
    .sec-title {
      /*  768px  */
      /*  768px  */
      font-size: 2.0rem;
      padding: 0 0 0 35px; } }
  .sec-title::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    z-index: 10; }

/*  モーダルの中身  */
.modal-movie {
  width: 100%;
  aspect-ratio: 16 / 9; }
  .modal-movie iframe {
    width: 100%;
    height: 100%; }

/* ----------------------------------------------------------------
TOPページ メインビジュアル
----------------------------------------------------------------- */
#top {
  padding: 130px 0 0 0;
    /* ----------------------------------------------------------------
コンテンツ
----------------------------------------------------------------- */
    /* ----------------------------------------------------------------

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

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

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

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

----------------------------------------------------------------- */ }
  #top * a:hover {
    opacity: .6; }
  @media (max-width: 1280px) {
    #top {
      /*  1280px  */
      /*  1280px  */
      padding: 60px 0 0 0; } }
  #top .top-news {
    padding: 10px 0 10px 0;
    background-color: #dcede0;
    width: 100%;
    overflow: hidden;
    margin: 0; }
    #top .top-news p {
      font-size: 1.6rem;
      display: inline-block;
      white-space: nowrap;
      transform: translateX(100%);
      animation: slide-text 20s linear infinite;
      text-align: left;
      overflow: hidden; }
      @media (max-width: 768px) {
        #top .top-news p {
          /*  768px  */
          /*  768px  */
          font-size: 1.4rem; } }
@keyframes slide-text {
  100% {
    transform: translateX(-100%); } }
  #top .kv_inner-l {
    position: relative;
    display: block; }
    @media (max-width: 768px) {
      #top .kv_inner-l {
        /*  768px  */
        /*  768px  */
        display: none; } }
    #top .kv_inner-l .pin {
      position: absolute;
      transition: transform .3s ease-in-out;
      z-index: 1; }
      #top .kv_inner-l .pin a:hover {
        opacity: 1.0; }
      #top .kv_inner-l .pin:hover {
        opacity: 1.0;
        transform: scale(1.5); }
    #top .kv_inner-l .pin_reien {
      width: 10vw;
      top: 4.5vw;
      right: 20.0vw; }
    #top .kv_inner-l .pin_senrint {
      width: 10vw;
      top: 13.0vw;
      right: 30.0vw;
      box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3); }
    #top .kv_inner-l .pin_konohana {
      width: 10vw;
      top: 22.0vw;
      right: 39.0vw;
      box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3); }
    #top .kv_inner-l .pin_chikiri {
      width: 10vw;
      top: 35.0vw;
      left: 34.0vw;
      box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3); }
    #top .kv_inner-l .pin_senboku {
      width: 10vw;
      bottom: 16.0vw;
      right: 14.0vw;
      box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3); }
    #top .kv_inner-l .pin_nakanoshima {
      width: 10vw;
      top: 20.0vw;
      right: 22.0vw;
      box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3); }
    #top .kv_inner-l .float-menu {
      gap: 10px;
      display: flex;
      flex-direction: column;
      position: absolute;
      bottom: 20.0vw;
      right: 2vw; }
      #top .kv_inner-l .float-menu li {
        width: 12vw; }
    #top .kv_inner-l .float-booklet {
      position: absolute;
      right: 3vw;
      bottom: -3.0vw; }
      @media (max-width: 1480px) {
        #top .kv_inner-l .float-booklet {
          /*  1480px  */
          /*  1480px  */
          display: none; } }
      #top .kv_inner-l .float-booklet_inner {
        width: 230px;
        height: 230px;
        background: url(../img/booklet-bg.jpg);
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: relative; }
        #top .kv_inner-l .float-booklet_inner .cover {
          width: 120px;
          position: absolute;
          top: -90px;
          transform: translateX(-50%);
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: rotate(350deg);
          transform-origin: 50% 75%;
          border: solid 10px #FFFFFF;
          box-sizing: border-box; }
        #top .kv_inner-l .float-booklet_inner h5 {
          width: 180px;
          margin: 0 0 10px 0;
          z-index: 100; }
        #top .kv_inner-l .float-booklet_inner ul li {
          font-size: 1.8rem;
          font-weight: bold;
          position: relative;
          padding: 0 0 0 13px; }
          #top .kv_inner-l .float-booklet_inner ul li::before {
            content: "";
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(-50%);
            border: 5px solid transparent;
            border-left: 8px solid #FFFFFF; }
          #top .kv_inner-l .float-booklet_inner ul li a {
            color: #FFFFFF; }
  #top .kv_inner-m {
    display: none; }
    @media (max-width: 768px) {
      #top .kv_inner-m {
        /*  768px  */
        /*  768px  */
        display: block; } }
    #top .kv_inner-m .menu-area {
      background-color: #f9fdf9; }
      #top .kv_inner-m .menu-area_inner {
        width: 85%;
        margin-inline: auto;
        padding: 0 0 60px 0;
        margin-top: -30px; }
        #top .kv_inner-m .menu-area_inner .tb-menu {
          display: flex;
          flex-wrap: wrap;
          justify-content: flex-start;
          gap: 10px 13px; }
          #top .kv_inner-m .menu-area_inner .tb-menu:first-child {
            margin: 0 0 10px 0; }
          #top .kv_inner-m .menu-area_inner .tb-menu:nth-child(2) {
            margin: 0 0 30px 0; }
          #top .kv_inner-m .menu-area_inner .tb-menu li {
            width: calc(25% - 10px); }
            @media (max-width: 480px) {
              #top .kv_inner-m .menu-area_inner .tb-menu li {
                /*  480px  */
                /*  480px  */
                width: calc(50% - 10px); } }
        #top .kv_inner-m .menu-area_inner p {
          font-size: 1.4rem; }
          #top .kv_inner-m .menu-area_inner p span {
            color: #009481; }
  #top .top-container {
    background-color: #f9fdf9;
    background-image: url(../img/top-bg.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover; }
  #top .about {
    padding: 120px 0 60px 0; }
    @media (max-width: 768px) {
      #top .about {
        /*  768px  */
        /*  768px  */
        padding: 60px 0 60px 0; } }
    #top .about_inner {
      max-width: 1540px;
      width: 90%;
      margin-inline: auto; }
      #top .about_inner .sec-title::before {
        width: 40px;
        height: 31px;
        background: url(../img/about-icon.svg) no-repeat; }
        @media (max-width: 768px) {
          #top .about_inner .sec-title::before {
            /*  768px  */
            /*  768px  */
            width: 30px;
            height: 21px; } }
      #top .about_inner .about-wrap {
        display: flex;
        gap: 30px 80px; }
        @media (max-width: 768px) {
          #top .about_inner .about-wrap {
            /*  768px  */
            /*  768px  */
            flex-direction: column-reverse; } }
        #top .about_inner .about-wrap_img {
          max-width: 735px;
          width: 100%; }
        #top .about_inner .about-wrap_text {
          max-width: 730px;
          width: 100%; }
          #top .about_inner .about-wrap_text p {
            line-height: 2.5; }
          @media (max-width: 768px) {
            #top .about_inner .about-wrap_text br {
              /*  768px  */
              /*  768px  */
              display: none; } }
          #top .about_inner .about-wrap_text .click-btn {
            text-align: left; }
            @media (max-width: 768px) {
              #top .about_inner .about-wrap_text .click-btn {
                /*  768px  */
                /*  768px  */
                text-align: center; } }
  #top .news {
    padding: 120px 0 60px 0; }
    @media (max-width: 768px) {
      #top .news {
        /*  768px  */
        /*  768px  */
        padding: 60px 0 60px 0; } }
    #top .news_inner {
      max-width: 1200px;
      width: 90%;
      margin-inline: auto;
      text-align: center; }
      #top .news_inner .sec-title::before {
        width: 40px;
        height: 31px;
        background: url(../img/news-icon.svg) no-repeat; }
        @media (max-width: 768px) {
          #top .news_inner .sec-title::before {
            /*  768px  */
            /*  768px  */
            width: 30px;
            height: 21px; } }
      #top .news_inner .news-wrap {
        display: flex; }
        @media (max-width: 768px) {
          #top .news_inner .news-wrap {
            /*  768px  */
            /*  768px  */
            flex-direction: column; } }
        #top .news_inner .news-wrap_left {
          width: 650px; }
          @media (max-width: 768px) {
            #top .news_inner .news-wrap_left {
              /*  768px  */
              /*  768px  */
              width: 100%; } }
          #top .news_inner .news-wrap_left .news-list {
            display: flex;
            gap: 30px; }
            @media (max-width: 480px) {
              #top .news_inner .news-wrap_left .news-list {
                /*  480px  */
                /*  480px  */
                flex-direction: column; } }
            #top .news_inner .news-wrap_left .news-list li {
              max-width: 310px;
              width: 100%;
              box-shadow: 0px 0px 15px -8px #777777;
              background-color: #FFFFFF; }
              #top .news_inner .news-wrap_left .news-list li a:hover img {
                transform: scale(1.2, 1.2);
                transition: all 0.3s;
                opacity: 0.8; }
              @media (max-width: 768px) {
                #top .news_inner .news-wrap_left .news-list li {
                  /*  768px  */
                  /*  768px  */
                  max-width: initial;
                  width: 50%; } }
              @media (max-width: 480px) {
                #top .news_inner .news-wrap_left .news-list li {
                  /*  480px  */
                  /*  480px  */
                  width: 100%; } }
              #top .news_inner .news-wrap_left .news-list li .img {
                overflow: hidden; }
                #top .news_inner .news-wrap_left .news-list li .img img {
                  transition: all 0.3s;
                  object-fit: cover;
                  height: 190px; }
              #top .news_inner .news-wrap_left .news-list li .text {
                padding: 30px 15px 35px 15px;
                text-align: left;
                background-color: #FFFFFF; }
                #top .news_inner .news-wrap_left .news-list li .text_box {
                  display: flex;
                  margin: 0 0 10px 0; }
                  #top .news_inner .news-wrap_left .news-list li .text_box .cat {
                    font-size: 1.4rem;
                    margin: 0 10px 0 0;
                    background-color: #333333;
                    padding: 2px 0;
                    border-radius: 5px;
                    color: #FFFFFF;
                    width: 90px;
                    text-align: center; }
                  #top .news_inner .news-wrap_left .news-list li .text_box .cat-bid {
                    background-color: #36AA9B; }
                  #top .news_inner .news-wrap_left .news-list li .text_box .cat-recruit {
                    background-color: #ED6465; }
                  #top .news_inner .news-wrap_left .news-list li .text_box .cat-seminar {
                    background-color: #F2923A; }
                  #top .news_inner .news-wrap_left .news-list li .text_box .cat-adopt {
                    background-color: #3AA1D6; }
                  #top .news_inner .news-wrap_left .news-list li .text_box .cat-info {
                    background-color: #7570B2; }
                  #top .news_inner .news-wrap_left .news-list li .text_box .cat-other {
                    background-color: #666666; }
                  #top .news_inner .news-wrap_left .news-list li .text_box .date {
                    font-size: 1.6rem;
                    color: #808080; }
                #top .news_inner .news-wrap_left .news-list li .text h4 {
                  font-size: 1.8rem; }
        #top .news_inner .news-wrap_right {
          width: 540px;
          padding: 0 0 0 45px; }
          @media (max-width: 768px) {
            #top .news_inner .news-wrap_right {
              /*  768px  */
              /*  768px  */
              padding: 30px 0 0 0;
              width: 100%; } }
          #top .news_inner .news-wrap_right .news-list {
            width: 100%;
            margin: 0 0 20px 0;
            box-sizing: border-box; }
            #top .news_inner .news-wrap_right .news-list::-webkit-scrollbar {
              width: 8px; }
            #top .news_inner .news-wrap_right .news-list::-webkit-scrollbar-thumb {
              background-color: #cccccc;
              border-radius: 8px; }
            #top .news_inner .news-wrap_right .news-list li {
              padding: 20px 0 20px 0;
              border-bottom: solid 1px #cccccc;
              font-size: 1.8rem;
              text-align: left; }
              #top .news_inner .news-wrap_right .news-list li .text-box {
                display: flex;
                margin: 0 0 10px 0; }
                #top .news_inner .news-wrap_right .news-list li .text-box .cat {
                  font-size: 1.4rem;
                  margin: 0 10px 0 0;
                  background-color: #333333;
                  padding: 2px 0;
                  border-radius: 5px;
                  color: #FFFFFF;
                  width: 90px;
                  text-align: center; }
                #top .news_inner .news-wrap_right .news-list li .text-box .cat-bid {
                  background-color: #36AA9B; }
                #top .news_inner .news-wrap_right .news-list li .text-box .cat-recruit {
                  background-color: #ED6465; }
                #top .news_inner .news-wrap_right .news-list li .text-box .cat-seminar {
                  background-color: #F2923A; }
                #top .news_inner .news-wrap_right .news-list li .text-box .cat-adopt {
                  background-color: #3AA1D6; }
                #top .news_inner .news-wrap_right .news-list li .text-box .cat-info {
                  background-color: #7570B2; }
                #top .news_inner .news-wrap_right .news-list li .text-box .cat-other {
                  background-color: #666666; }
                #top .news_inner .news-wrap_right .news-list li .text-box .date {
                  font-size: 1.6rem;
                  color: #808080; }
              #top .news_inner .news-wrap_right .news-list li h4 {
                font-size: 1.6rem; }
                #top .news_inner .news-wrap_right .news-list li h4 a:hover {
                  opacity: .6; }
  #top .bidding {
    padding: 60px 0 120px 0; }
    #top .bidding_inner {
      max-width: 1200px;
      width: 90%;
      margin-inline: auto; }
      #top .bidding_inner .bid-wrap {
        background-color: #FFFFFF;
        padding: 50px 95px 110px 95px;
        text-align: center;
        border-radius: 10px;
        position: relative;
        box-shadow: 0px 0px 15px -8px #777777; }
        @media (max-width: 768px) {
          #top .bidding_inner .bid-wrap {
            /*  768px  */
            /*  768px  */
            padding: 30px 50px 110px 50px; } }
        @media (max-width: 480px) {
          #top .bidding_inner .bid-wrap {
            /*  480px  */
            /*  480px  */
            padding: 30px 30px 110px 30px; } }
        #top .bidding_inner .bid-wrap::before {
          content: "";
          position: absolute;
          width: 95%;
          height: 90px;
          background: url(../img/bidding-bg.png) no-repeat;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%);
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          z-index: 10;
          background-size: cover;
          background-position: center; }
          @media (max-width: 480px) {
            #top .bidding_inner .bid-wrap::before {
              /*  480px  */
              /*  480px  */
              background: url(../img/bidding-bg_sp.png) no-repeat; } }
        #top .bidding_inner .bid-wrap .sec-title::before {
          width: 40px;
          height: 31px;
          background: url(../img/bid-icon.svg) no-repeat; }
          @media (max-width: 768px) {
            #top .bidding_inner .bid-wrap .sec-title::before {
              /*  768px  */
              /*  768px  */
              width: 30px;
              height: 21px; } }
        #top .bidding_inner .bid-wrap .bid-list {
          width: 100%;
          margin: 0 0 20px 0; }
          #top .bidding_inner .bid-wrap .bid-list::-webkit-scrollbar {
            width: 8px; }
          #top .bidding_inner .bid-wrap .bid-list::-webkit-scrollbar-thumb {
            background-color: #cccccc;
            border-radius: 8px; }
          #top .bidding_inner .bid-wrap .bid-list li {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            padding: 20px 40px 20px 0;
            border-bottom: solid 1px #cccccc;
            font-size: 1.8rem;
            position: relative;
            text-align: left; }
            @media (max-width: 768px) {
              #top .bidding_inner .bid-wrap .bid-list li {
                /*  768px  */
                /*  768px  */
                font-size: 1.6rem; } }
            #top .bidding_inner .bid-wrap .bid-list li::before {
              content: none;
              position: absolute;
              width: 23px;
              height: 8px;
              background: url(../img/top-arrow.svg) no-repeat;
              top: 50%;
              right: 5px;
              transform: translateY(-50%);
              -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
              z-index: 10; }
            #top .bidding_inner .bid-wrap .bid-list li span:first-child {
              margin: 0 20px 0 0; }
            #top .bidding_inner .bid-wrap .bid-list li span a {
              color: #009481; }
              #top .bidding_inner .bid-wrap .bid-list li span a:hover {
                opacity: .6; }
  #top .booklet {
    padding: 60px 0 60px 0; }
    #top .booklet_inner {
      max-width: 1200px;
      width: 90%;
      margin-inline: auto;
      text-align: center; }
      #top .booklet_inner .sec-title {
        display: none; }
        #top .booklet_inner .sec-title::before {
          width: 40px;
          height: 31px;
          background: url(../img/booklet-icon.svg) no-repeat; }
          @media (max-width: 768px) {
            #top .booklet_inner .sec-title::before {
              /*  768px  */
              /*  768px  */
              width: 30px;
              height: 21px; } }
        @media (max-width: 768px) {
          #top .booklet_inner .sec-title {
            /*  768px  */
            /*  768px  */
            display: inline-block; } }
      #top .booklet_inner .booklet-wrap {
        display: flex;
        gap: 30px 70px; }
        @media (max-width: 768px) {
          #top .booklet_inner .booklet-wrap {
            /*  768px  */
            /*  768px  */
            flex-direction: column; } }
        #top .booklet_inner .booklet-wrap_img {
          max-width: 380px;
          width: 100%;
          box-sizing: border-box; }
          @media (max-width: 768px) {
            #top .booklet_inner .booklet-wrap_img {
              /*  768px  */
              /*  768px  */
              max-width: initial; } }
        #top .booklet_inner .booklet-wrap_text {
          max-width: 745px;
          width: 100%;
          text-align: left; }
          @media (max-width: 768px) {
            #top .booklet_inner .booklet-wrap_text {
              /*  768px  */
              /*  768px  */
              max-width: initial; } }
          #top .booklet_inner .booklet-wrap_text .sec-title {
            display: block; }
            @media (max-width: 768px) {
              #top .booklet_inner .booklet-wrap_text .sec-title {
                /*  768px  */
                /*  768px  */
                display: none; } }
          #top .booklet_inner .booklet-wrap_text .click-btn {
            text-align: left; }
            @media (max-width: 768px) {
              #top .booklet_inner .booklet-wrap_text .click-btn {
                /*  768px  */
                /*  768px  */
                text-align: center; } }
          #top .booklet_inner .booklet-wrap_text h4 {
            font-size: 2.0rem;
            margin: 30px 0 10px 0; }
            @media (max-width: 768px) {
              #top .booklet_inner .booklet-wrap_text h4 {
                /*  768px  */
                /*  768px  */
                font-size: 1.8rem; } }
          #top .booklet_inner .booklet-wrap_text .booklet-list {
            width: 380px;
            height: 180px;
            overflow-x: hidden;
            overflow-y: scroll;
            margin: 0 0 20px 0;
            padding: 0 15px 0 0;
            box-sizing: border-box; }
            @media (max-width: 768px) {
              #top .booklet_inner .booklet-wrap_text .booklet-list {
                /*  768px  */
                /*  768px  */
                width: 100%; } }
            #top .booklet_inner .booklet-wrap_text .booklet-list::-webkit-scrollbar {
              width: 8px; }
            #top .booklet_inner .booklet-wrap_text .booklet-list::-webkit-scrollbar-thumb {
              background-color: #cccccc;
              border-radius: 8px; }
            #top .booklet_inner .booklet-wrap_text .booklet-list li {
              font-size: 1.8rem;
              margin: 0 0 10px 0;
              position: relative;
              display: flex;
              flex-wrap: wrap; }
              #top .booklet_inner .booklet-wrap_text .booklet-list li a {
                color: #009481;
                position: relative;
                padding: 0 20px 0 0;
                display: inline-block; }
                #top .booklet_inner .booklet-wrap_text .booklet-list li a::before {
                  content: "";
                  position: absolute;
                  background: url(../img/pdf-icon.svg) no-repeat;
                  width: 14px;
                  height: 15px;
                  top: 5px;
                  right: 0px;
                  z-index: 10; }
  #top .contact {
    padding: 30px 0 60px 0; }
    #top .contact_inner {
      max-width: 840px;
      width: 90%;
      margin-inline: auto;
      background-color: #FFFFFF;
      border-radius: 10px;
      box-shadow: 0px 0px 15px -8px #777777;
      text-align: center;
      padding: 40px 0px 40px 0px;
      box-sizing: border-box; }
      #top .contact_inner .sec-title::before {
        width: 40px;
        height: 30px;
        background: url(../img/contact-icon2.svg) no-repeat; }
        @media (max-width: 768px) {
          #top .contact_inner .sec-title::before {
            /*  768px  */
            /*  768px  */
            width: 30px;
            height: 20px; } }
      #top .contact_inner .form-area {
        display: inline-block;
        text-align: left; }
        #top .contact_inner .form-area .form form {
          box-shadow: initial; }
          #top .contact_inner .form-area .form form input {
            border-radius: initial; }

#content {
  padding: 60px 0 60px 0; }
  #content .content-inner {
    max-width: 970px;
    width: 90%;
    margin: 0 auto;
    position: relative; }

#content {
  padding: 60px 0 60px 0; }
  #content .content-inner {
    max-width: 970px;
    width: 90%;
    margin: 0 auto;
    position: relative; }

/* TOPページCSS */
/* ----------------------------------------------------------------
footer
----------------------------------------------------------------- */
.footer {
  padding: 60px 0 82px 0;
  width: 100%;
  background-color: #009481;
  color: #FFFFFF; }
  @media (max-width: 1480px) {
    .footer {
      /*  1480px  */
      /*  1480px  */
      padding: 60px 0 62px 0; } }
  .footer_inner {
    max-width: 1390px;
    width: 90%;
    margin-inline: auto;
    margin-bottom: 40px; }
  .footer .company-name {
    text-align: center; }
  .footer .copy {
    padding: 10px 0 10px 0;
    color: #FFFFFF;
    font-size: 1.4rem;
    text-align: center; }
    @media (max-width: 768px) {
      .footer .copy {
        /*  768px  */
        /*  768px  */
        font-size: 1rem; } }
  .footer a {
    color: #FFFFFF; }
  .footer a:hover {
    opacity: .6; }

.footer_banner {
  display: flex;
  justify-content: center;
  gap: 24px;
  align-items: center;
  width: 80%;
  margin-inline: auto; }
  @media (max-width: 768px) {
    .footer_banner {
      /*  768px  */
      /*  768px  */
      flex-direction: column; } }

.footer_banner li {
  aspect-ratio: 245/80;
  max-width: 243px; }

.footer_banner li img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.footer_logo {
  max-width: 400px;
  margin-inline: auto;
  margin-top: 60px; }
  @media (max-width: 768px) {
    .footer_logo {
      /*  768px  */
      /*  768px  */
      max-width: 300px; } }

.footer_logo img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.footer_items {
  margin-top: 60px; }
  @media (max-width: 768px) {
    .footer_items {
      /*  768px  */
      /*  768px  */
      display: none; } }

.footer_head {
  font-size: 1.6rem;
  font-weight: 700;
  position: relative; }

.footer_head:after {
  position: absolute;
  content: "";
  width: 28px;
  height: 11px;
  top: 58%;
  transform: translateY(-50%);
  background-image: url(../img/arrow-w.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin: 0 0 0 10px; }

.footer_wrap {
  display: flex;
  align-items: flex-start;
  gap: 8%;
  margin-top: 13px; }

.footer_item-top {
  margin-top: 13px;
  max-width: 1000px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 8px; }

.footer_item-top a {
  font-size: 1.4rem;
  font-weight: 700;
  display: block; }

.footer_item a {
  font-size: 1.4rem;
  font-weight: 700; }

.footer_item ul {
  margin-top: 7px; }

.footer_item li:not(:first-child) {
  margin-top: 5px; }

.footer_item li a {
  font-size: 1.3rem;
  padding-left: 15px;
  color: #CCEAE6; }

.footer_vertical.footer_item {
  margin-top: 20px; }

.footer_vertical .footer_item:nth-child(2) {
  margin-top: 30px; }

.footer_items-flex {
  display: flex;
  gap: 3%; }

.footer_item-right {
  display: flex;
  gap: 6%; }

.footer_item-right a {
  display: block;
  font-size: 1.4rem;
  font-weight: 700; }

.footer_item-right a:not(:first-child) {
  margin-top: 7px; }

.footer_items-flex .footer_items {
  width: 50%; }

.arrow {
  position: relative; }

.arrow::before {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 3px;
  width: 5px;
  height: 5px;
  border-top: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  transform: translateX(-50%) rotate(45deg); }

.window-green {
  position: relative; }

.window-green:after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  right: -19px;
  width: 11px;
  height: 11px;
  background-image: url(../img/window-green.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.window-white {
  position: relative; }

.window-white:after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  right: -19px;
  width: 11px;
  height: 11px;
  background-image: url(../img/window-w.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.floating {
  display: none; }
  @media (max-width: 1280px) {
    .floating {
      /*  768px  */
      display: block;
      position: fixed;
      bottom: 0;
      z-index: 10;
      width: 100%;
      height: 64px; } }
  @media (max-width: 480px) {
    .floating {
      /*  480px  */
      height: 54px; } }

.floating_items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  height: inherit; }

.floating_items li a span {
  font-size: 13px; }
  @media (max-width: 480px) {
    .floating_items li a span {
      /*  480px  */
      font-size: 11px; } }

.floating_items li a {
  color: #fff;
  height: inherit;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 64px;
  position: relative; }
  @media (max-width: 768px) {
    .floating_items li a {
      /*  768px  */
      /*  768px  */
      flex-direction: column; } }
  @media (max-width: 480px) {
    .floating_items li a {
      /*  480px  */
      height: 54px; } }

.floating_items li a img {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.floating_items li:nth-child(1) {
  background-color: #009481; }

.floating_items li:nth-child(1) a img {
  width: 200px; }
  @media (max-width: 768px) {
    .floating_items li:nth-child(1) a img {
      /*  480px  */
      width: 100px; } }

.floating_items li:nth-child(2) {
  background-color: #71C265; }

.floating_items li:nth-child(2) a img {
  width: 240px;
  top: 52%; }
  @media (max-width: 768px) {
    .floating_items li:nth-child(2) a img {
      /*  480px  */
      width: 100px; } }

.floating_items li:nth-child(3) {
  background-color: #1FA9E1; }

.floating_items li:nth-child(3) a img {
  width: 200px; }
  @media (max-width: 768px) {
    .floating_items li:nth-child(3) a img {
      /*  480px  */
      width: 100px; } }

.pagetop {
  position: fixed;
  right: 40px;
  bottom: 50px;
  z-index: 100;
  width: 60px; }
  @media (max-width: 768px) {
    .pagetop {
      /*  768px  */
      /*  768px  */
      right: 15px;
      bottom: 80px;
      width: 40px; } }
  .pagetop a {
    display: block; }
    .pagetop a:hover {
      opacity: .6; }

/* フツターCSS */