<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.col .attention {
  font-size: 1.4rem;
  line-height: 1.6; }
  @media (max-width: 768px) {
    .col .attention {
      margin-bottom: 10px; } }

.em {
  color: #3A8E42; }

.link {
  font-weight: normal; }
  .link:hover {
    text-decoration: underline; }
  .link:link {
    color: #3A8E42; }

p.inner_ttl {
  margin-bottom: 6px !important; }

.content {
  padding-bottom: 80px; }
  @media (max-width: 768px) {
    .content {
      padding-bottom: 40px; } }
  .content .top_txt {
    padding: 0 0 30px; }
    .content .top_txt p {
      margin-bottom: 20px; }
      .content .top_txt p:last-child {
        margin-bottom: 0; }
      @media (max-width: 768px) {
        .content .top_txt p {
          margin-bottom: 10px; } }
  .content .inner {
    padding-bottom: 20px; }
    .content .inner:last-child {
      padding-bottom: 0; }
    .content .inner p {
      margin-bottom: 10px; }
      .content .inner p:last-child {
        margin-bottom: 0; }
    .content .inner h3 {
      font-weight: normal;
      font-size: 1.8rem;
      background: #F0F7F3;
      color: #3A8E42;
      padding: 12px 14px;
      letter-spacing: 0;
      margin-bottom: 14px; }
      @media (max-width: 768px) {
        .content .inner h3 {
          font-size: 1.6rem;
          padding: 12px 10px; } }
      .content .inner h3:before {
        display: none; }
    .content .inner h4 {
      font-weight: normal;
      color: #3A8E42;
      position: relative;
      margin-top: 20px;
      margin-bottom: 10px; }
      @media (max-width: 768px) {
        .content .inner h4 {
          font-size: 1.6rem; } }
      .content .inner h4:before {
        content: "";
        display: block;
        width: 8px;
        height: 8px;
        background: #3A8E42;
        position: absolute;
        top: 7px; }
    .content .inner ul {
      margin-left: 0; }
      .content .inner ul li {
        list-style-type: none;
        font-weight: bold;
        margin-bottom: 6px; }
  .content .contact_container {
    margin: 20px auto 0;
    max-width: 480px;
    width: 100%;
    text-align: center;
    background: #F0F7F3;
    padding: 30px;
    border: solid 1px #3A8E42; }
    @media (max-width: 768px) {
      .content .contact_container {
        padding: 20px; } }
    .content .contact_container p {
      line-height: 1;
      margin-bottom: 10px; }
      .content .contact_container p:last-child {
        margin-bottom: 0; }
      @media (max-width: 768px) {
        .content .contact_container p {
          font-size: 1.4rem; } }
    .content .contact_container .tel_num {
      font-weight: 600;
      color: #3A8E42;
      font-size: 3.8rem;
      margin-bottom: 20px;
      line-height: 1; }
      @media (max-width: 768px) {
        .content .contact_container .tel_num {
          font-size: 2.8rem;
          margin-bottom: 10px; } }
      .content .contact_container .tel_num:before {
        content: "";
        background-image: url(/shiori/images/tel_g.svg);
        display: inline-block;
        background-repeat: no-repeat;
        background-size: contain;
        width: 34px;
        height: 34px;
        margin-right: 14px;
        position: relative;
        top: 4px; }
        @media (max-width: 768px) {
          .content .contact_container .tel_num:before {
            width: 24px;
            height: 24px;
            margin-right: 10px;
            top: 2px; } }
    .content .contact_container h5 {
      color: #3A8E42;
      font-weight: normal;
      font-size: 1.6rem;
      display: inline-block;
      background: #fff;
      padding: 4px 30px;
      margin: 0 0 20px; }
      @media (max-width: 768px) {
        .content .contact_container h5 {
          font-size: 1.4rem;
          padding: 4px 24px;
          margin: 0 0 10px; } }
    .content .contact_container .attention {
      line-height: 2; }
      @media (max-width: 768px) {
        .content .contact_container .attention {
          font-size: 1.2rem; } }
    .content .contact_container .tel_inner p:last-child {
      margin-bottom: 30px; }
      @media (max-width: 768px) {
        .content .contact_container .tel_inner p:last-child {
          margin-bottom: 20px; } }
    .content .contact_container .web_inner p {
      margin-top: 0;
      margin-bottom: 20px;
      line-height: 1.6; }
      @media (max-width: 768px) {
        .content .contact_container .web_inner p {
          margin-bottom: 10px; } }
    .content .contact_container .web_inner .btn {
      display: block;
      margin: 0 auto;
      width: 320px;
      line-height: 65px;
      background: #3A8E42;
      border: solid 1px #3A8E42;
      color: #fff; }
      @media (max-width: 768px) {
        .content .contact_container .web_inner .btn {
          font-size: 1.4rem;
          width: 220px;
          line-height: 49px; } }
      .content .contact_container .web_inner .btn:hover {
        background: #fff;
        color: #3A8E42;
        transition: .3s; }
    .content .contact_container .add_inner {
      text-align: left; }
      .content .contact_container .add_inner p {
        line-height: 1.8; }
        @media (max-width: 768px) {
          .content .contact_container .add_inner p {
            font-size: 1.6rem; } }
      .content .contact_container .add_inner h4 {
        margin-top: 0; }
        @media (max-width: 768px) {
          .content .contact_container .add_inner h4 {
            font-size: 1.6rem; } }
  .content .flex_container {
    display: flex;
    background: #fff;
    padding: 0;
    align-items: flex-start;
    justify-content: space-between; }
    @media (max-width: 768px) {
      .content .flex_container {
        display: flex; } }
    .content .flex_container img {
      max-width: 160px; }
      @media (max-width: 768px) {
        .content .flex_container img {
          max-width: 120px; } }
    .content .flex_container .txt {
      margin-top: 0;
      margin-left: 20px; }
      @media (max-width: 768px) {
        .content .flex_container .txt {
          margin-left: 10px; } }

ul.tab-group {
  display: flex;
  justify-content: space-between;
  margin: 0 0 30px 0 !important;
  padding: 0;
  list-style: none; }
  ul.tab-group li {
    width: 32%; }
    ul.tab-group li a {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 70px;
      background: #fff;
      border: 1px solid #E6E6E6;
      position: relative;
      text-align: center; }
      ul.tab-group li a:hover {
        color: #333;
        background: #F8F6EC;
        transition: 0.3s; }
        @media (max-width: 768px) {
          ul.tab-group li a:hover {
            background: #fff; } }
      ul.tab-group li a:link {
        color: #333;
        text-decoration: none; }
      ul.tab-group li a:after {
        content: "";
        display: block;
        position: absolute;
        bottom: 10px;
        right: 0;
        left: 0;
        margin: auto;
        width: 6px;
        height: 6px;
        border-top: 1px solid #707070;
        border-right: 1px solid #707070;
        transform: translate(0, 0) rotate(135deg);
        transition: 0.3s; }
      ul.tab-group li a span {
        display: inline-block;
        position: relative;
        line-height: 18.2px;
        text-align: center;
        font-size: 14px;
        font-size: 1.4rem;
        transform: translateY(-15%); }
</pre></body></html>