@charset "UTF-8";
main {
  background-color: #FEFBF0; }

/****************************************/
.page_mv_txt a, .page_mv_txt span {
  text-decoration: none;
  text-decoration: none;
  color: #89655A;
  display: block; }
.page_mv_txt .white,
.page_mv_txt .black {
  font: 2em/1em "Noto Sans JP", "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  font-weight: 500;
  width: 231px;
  position: relative; }
.page_mv_txt .white {
  background: url("../images/dog_w_praice.svg") top left no-repeat;
  margin: 40px 0 15px;
  padding: 5px 0 20px 50px;
  background-size: 37px;
  border-bottom: 1px solid #89655A; }
.page_mv_txt .black {
  padding: 5px 0 5px 50px;
  background: url("../images/dog_b_praice.svg") center left no-repeat;
  background-size: 37px;
  margin: 0 0 15px; }
.page_mv_txt .sub {
  font: 1.8em/1em "Noto Sans JP", "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  font-weight: 500;
  margin: 0 0 20px 67px;
  padding: 0 0 0 25px;
  position: relative; }
  .page_mv_txt .sub:before {
    position: absolute;
    content: "●";
    left: 5px;
    font: 0.8em/1.2em "Noto Sans JP", "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    font-weight: 500; }

.page_mv_slide {
  border-radius: 50px 0 0 50px;
  background: url("../images/price_mv.jpg") center center no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%; }

@media (max-width: 480px) {
  .page_mv {
    padding-bottom: 0; }
    .page_mv:before {
      height: calc(100% - 112px); } }
/*max-width:480px*/
/****************************************/
.presence {
  padding: 100px 0 140px;
  margin: 0;
  position: relative;
  z-index: 50; }
  .presence h1 {
    font: 3.6rem/1em "Noto Sans JP", "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    font-weight: 500;
    margin: 0 0 50px;
    padding: 0 0 0 90px;
    position: relative; }
    .presence h1:before {
      background: url("../images/dog_w.svg") center center no-repeat;
      background-size: contain;
      position: absolute;
      content: "";
      display: block;
      top: 50%;
      left: 0%;
      transform: translate(0%, -50%);
      aspect-ratio: 100/71;
      width: 100%;
      max-width: 70px;
      height: auto; }

.presence_box {
  max-width: 1000px;
  width: calc(100% - 120px);
  margin: 0 auto; }
  .presence_box p {
    margin: 0 auto 35px;
    font: 1.8rem/2em "Noto Sans JP", "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    font-weight: 500;
    text-align: justify;
    text-justify: inter-ideograph; }
  .presence_box .js-scrollable th {
    padding: 25px 0;
    border: 1px solid #89655A;
    background-color: #E9E5E3; }
  .presence_box .js-scrollable td {
    padding: 35px 0;
    border: 1px solid #89655A;
    background-color: #fff; }

/*max-width:1280px*/
@media (max-width: 1024px) {
  .presence_box {
    max-width: 1000px;
    width: calc(100% - 80px); }
    .presence_box .js-scrollable::-webkit-scrollbar {
      height: 5px; }
    .presence_box .js-scrollable::-webkit-scrollbar-track {
      background-color: #fff; }
    .presence_box .js-scrollable::-webkit-scrollbar-thumb {
      background-color: #E9E5E3;
      border-radius: 8px; } }
/*max-width:1024px*/
@media (max-width: 768px) {
  .presence {
    padding: 100px 0 140px; }
    .presence h1 {
      font: 3.2rem/1em "Noto Sans JP", "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
      font-weight: 500;
      margin: 0 0 50px;
      padding: 0 0 0 75px; }
      .presence h1:before {
        max-width: 60px; }

  .presence_box {
    max-width: 1000px;
    width: calc(100% - 60px); } }
/*max-width:768px*/
@media (max-width: 480px) {
  .presence_box {
    max-width: 1000px;
    width: calc(100% - 40px); }

  .presence {
    padding: 70px 0 140px; }
    .presence h1 {
      font: 2.8rem/1em "Noto Sans JP", "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
      font-weight: 500;
      margin: 0 0 50px;
      padding: 0 0 0 75px; }
      .presence h1:before {
        max-width: 60px; } }
/*max-width:480px*/
/****************************************/
.support {
  position: relative;
  padding: 0 0 90px;
  margin: 0 0 150px; }
  .support:before {
    background: url("../images/nice_bg.png") center top no-repeat;
    background-size: 1920px 67px;
    width: 100%;
    height: 67px;
    position: absolute;
    content: "";
    top: auto;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    /* Safari用 */
    transform: translate(-50%, 0%);
    z-index: 1; }
  .support h1 {
    font: 3.6rem/1em "Noto Sans JP", "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    font-weight: 500;
    margin: 0 0 95px;
    padding: 0 0 0 90px;
    position: relative;
    color: #DF816E; }
    .support h1:before {
      background: url("../images/dog_b.svg") center center no-repeat;
      background-size: contain;
      position: absolute;
      content: "";
      display: block;
      top: 50%;
      left: 0%;
      transform: translate(0%, -50%);
      aspect-ratio: 100/71;
      width: 100%;
      max-width: 70px;
      height: auto; }

.support_box {
  max-width: 1000px;
  width: calc(100% - 120px);
  margin: 0 auto; }

@media (min-width: 1920px) {
  .support:before {
    background: url("../images/nice_bg.png") center top no-repeat;
    background-size: 100% 67px; } }
/*max-width:1280px*/
@media (max-width: 1024px) {
  .support_box {
    width: calc(100% - 80px); } }
/*max-width:1024px*/
@media (max-width: 768px) {
  .support_box {
    width: calc(100% - 60px); }

  .support {
    position: relative;
    padding: 0 0 90px;
    margin: 0 0 150px; }
    .support h1 {
      font: 3.2rem/1em "Noto Sans JP", "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
      font-weight: 500;
      margin: 0 0 70px;
      padding: 0 0 0 75px;
      position: relative; }
      .support h1:before {
        max-width: 60px; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .support_box {
    max-width: 1000px;
    width: calc(100% - 40px);
    margin: 0 auto; }

  .support {
    position: relative;
    padding: 0 0 20px;
    margin: 0 0 100px; }
    .support h1 {
      font: 2.8rem/1em "Noto Sans JP", "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
      font-weight: 500; } }
/*max-width:480px*/
/****************************************/
.proprietor,
.corporation {
  margin: 0 0 100px;
  width: 100%;
  position: relative; }
  .proprietor h2,
  .corporation h2 {
    text-align: center;
    font: 3.6rem/1em "Noto Sans JP", "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    font-weight: 500;
    margin: 0 0 50px; }
  .proprietor p,
  .corporation p {
    margin: 0 auto 35px;
    font: 1.8rem/2em "Noto Sans JP", "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    font-weight: 500;
    text-align: justify;
    text-justify: inter-ideograph; }
  .proprietor .js-scrollable th:nth-of-type(2), .proprietor .js-scrollable th:nth-of-type(5),
  .corporation .js-scrollable th:nth-of-type(2),
  .corporation .js-scrollable th:nth-of-type(5) {
    width: 150px; }

.proprietor h2,
.proprietor p {
  color: #DF816E; }
.proprietor .js-scrollable th {
  border: 1px solid #DF816E;
  color: #DF816E;
  background-color: #FFF9F8; }
.proprietor .js-scrollable td {
  border: 1px solid #DF816E;
  background-color: #fff; }

.corporation h2,
.corporation p {
  color: #89655A; }
.corporation .js-scrollable th {
  border: 1px solid #89655A;
  color: #89655A;
  background-color: #E9E5E3; }
.corporation .js-scrollable td {
  border: 1px solid #89655A;
  background-color: #fff; }

@media (max-width: 1024px) {
  .corporation .js-scrollable::-webkit-scrollbar {
    height: 5px; }
  .corporation .js-scrollable::-webkit-scrollbar-track {
    background-color: #fff; }
  .corporation .js-scrollable::-webkit-scrollbar-thumb {
    background-color: #89655A;
    border-radius: 8px; }

  .proprietor .js-scrollable::-webkit-scrollbar {
    height: 5px; }
  .proprietor .js-scrollable::-webkit-scrollbar-track {
    background-color: #fff; }
  .proprietor .js-scrollable::-webkit-scrollbar-thumb {
    background-color: #DF816E;
    border-radius: 8px; } }
/*max-width:1024px*/
/*max-width:1280px*/
/*max-width:1024px*/
@media (max-width: 768px) {
  .proprietor,
  .corporation {
    margin: 0 0 80px;
    width: 100%;
    position: relative; }
    .proprietor h2,
    .corporation h2 {
      text-align: center;
      font: 3.2rem/1em "Noto Sans JP", "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
      font-weight: 500;
      margin: 0 0 50px; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .proprietor,
  .corporation {
    margin: 0 0 80px;
    width: 100%;
    position: relative; }
    .proprietor h2,
    .corporation h2 {
      text-align: center;
      font: 2.8rem/1em "Noto Sans JP", "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
      font-weight: 500;
      margin: 0 0 35px; }
    .proprietor p,
    .corporation p {
      margin: 0 auto 35px;
      font: 1.6rem/2em "Noto Sans JP", "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
      font-weight: 500; } }
/*max-width:480px*/
/****************************************/
.js-scrollable {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 10px;
  overflow: hidden !important; }
  .js-scrollable table {
    width: 100%;
    text-align: center;
    margin: 0 0 5px;
    font: 1.6rem/1.5em "Noto Sans JP", "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    font-weight: 400; }
  .js-scrollable .tani {
    color: #89655A;
    text-align: right;
    display: block;
    font: 1.5rem/1em "Noto Sans JP", "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    font-weight: 400; }
  .js-scrollable th {
    padding: 10px 0; }
  .js-scrollable td {
    padding: 15px 0;
    background-color: #fff; }
  .js-scrollable .bg {
    background-color: #FFFEE4; }

.kome {
  counter-reset: kome; }
  .kome li {
    font: 1.6rem/2em "Noto Sans JP", "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    font-weight: 400;
    color: #727171;
    position: relative;
    padding: 0 0 0 30px; }
    .kome li:before {
      position: absolute;
      counter-increment: kome;
      content: "※" counter(kome);
      left: 0; }

@media (max-width: 1024px) {
  .js-scrollable {
    overflow-x: scroll !important;
    overflow-y: hidden !important;
    padding: 0 0 5px; }
    .js-scrollable table {
      width: 1000px; }
    .js-scrollable .tani {
      width: 1000px; }

  .kome {
    max-width: 1000px; } }