@charset "UTF-8";
:root { --color-gray: #929292; --color-gray-second: #c4c4c4; --color-gray-third: #707070; --color-gray-fourth: #d8d5d5; --color-gray-fifth: #e3e3e3; --color-gray-sixth: #F6F6F6; --color-black: #000000; --color-black-second: #0d0d0d; --color-black-third: #262421; --color-white: #ffffff; --color-brown: #684117; --color-red: #ff0000; --font-noto-sans-jp: "Noto Sans JP", sans-serif; --font-noto-serif-jp: "Noto Serif JP", serif; --font-saira: "Saira Semi Condensed", sans-serif; --font-libre-baskerville: "Libre Baskerville", serif; }

:root { --color-gray: #929292; --color-gray-second: #c4c4c4; --color-gray-third: #707070; --color-gray-fourth: #d8d5d5; --color-gray-fifth: #e3e3e3; --color-gray-sixth: #F6F6F6; --color-black: #000000; --color-black-second: #0d0d0d; --color-black-third: #262421; --color-white: #ffffff; --color-brown: #684117; --color-red: #ff0000; --font-noto-sans-jp: "Noto Sans JP", sans-serif; --font-noto-serif-jp: "Noto Serif JP", serif; --font-saira: "Saira Semi Condensed", sans-serif; --font-libre-baskerville: "Libre Baskerville", serif; }

.main-visual { position: relative; text-align: center; padding: 0; z-index: 23; overflow: hidden; background: #fff6f9; padding: 22px 0 20px; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .main-visual { min-height: 680px; } }

/* ========== end △ */
.main-visual .mv-slider { height: 100%; width: 100%; position: relative; z-index: 3; margin: 0; }

.main-visual .mv-slider .slick-list { overflow: inherit; height: 100%; width: 100%; max-width: 608px; margin: 0 auto; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .main-visual .mv-slider .slick-list { max-width: 75%; } }

/* ========== end △ */
.main-visual .mv-slider .slick-track { height: 100%; }

.main-visual .mv-slider .slick-slide { height: 100%; padding: 0 15px; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .main-visual .mv-slider .slick-slide { padding: 0 7px; } }

/* ========== end △ */
.main-visual .mv-slider .slick-slide > div { height: 100%; }

.main-visual .mv-slider .slide { width: 100%; height: 100%; }

.main-visual .mv-slider .slide img { box-shadow: 0 0 5px rgba(0, 0, 0, 0.11); border-radius: 5px; }

.main-visual .slick-dots { position: relative; bottom: 0; margin: 15px 0 0; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .main-visual .slick-dots { margin: 7px 0 0; line-height: 0; } }

/* ========== end △ */
.main-visual .slick-dots li { margin: 0 13px; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .main-visual .slick-dots li { margin: 0 7px; width: 10px !important; height: 10px !important; } }

/* ========== end △ */
.main-visual .slick-dots li button { width: 20px; background: #d0c5c9; border-radius: 50%; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .main-visual .slick-dots li button { width: 10px; height: 10px; } }

/* ========== end △ */
.main-visual .slick-dots li button:before { content: ""; }

.main-visual .slick-dots li.slick-active button { background: #eeb5c8; }

/* ▽ SP layout ========== */
/* ========== end △ */
.sec01 { padding: 35px 0 8px; background: #ebe6ed; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .sec01 { padding: 20px 0 8px; } }

/* ========== end △ */
.sec02 { padding: 60px 0 56px; background: #fff; }

.sec02 .slider02 { position: relative; z-index: 3; }

.sec02 .slider02 .slick-list { overflow: inherit; height: 100%; width: 100%; max-width: 379px; margin: 0 auto; }

.sec02 .slider02 .slick-track { height: 100%; }

.sec02 .slider02 .slick-slide { height: 100%; padding: 0 15px; }

.sec02 .slider02 .slick-slide > div { height: 100%; }

.sec02 .slider02 .slick-arrow { background: #fff; width: 45px; height: 45px; border-radius: 50%; top: 50%; -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; -ms-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; margin-top: -22px; right: 50px; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .sec02 .slider02 .slick-arrow:hover { background: #dc587f; }
  .sec02 .slider02 .slick-arrow:hover:before { border-left: 2px solid #fff; border-top: 2px solid #fff; } }

/* ========== end △ */
.sec02 .slider02 .slick-prev { left: 50px; }

.sec02 .slider02 .slick-prev:before { -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; -ms-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; content: ""; position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; border-left: 2px solid #000; border-top: 2px solid #000; -moztransform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); margin: -4px 0 0 -3px; }

.sec02 .slider02 .slick-next:before { -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; -ms-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; content: ""; position: absolute; right: 50%; top: 50%; width: 8px; height: 8px; border-left: 2px solid #000; border-top: 2px solid #000; -moztransform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); margin: -4px -3px 0 0; }

.sec02 .slider02 .slide { width: 100%; height: 100%; }

.sec02 .slider02 .slide img { border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.11); }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .sec02 { padding: 30px 0 28px; }
  .sec02 .slider02 .slick-list { max-width: 65%; }
  .sec02 .slider02 .slick-slide { padding: 0 7px; }
  .sec02 .slider02 .slick-arrow { width: 30px; height: 30px; margin-top: -15px; }
  .sec02 .slider02 .slick-prev { left: 25px; }
  .sec02 .slider02 .slick-next { right: 25px; } }

/* ========== end △ */
.sec03 { padding: 83px 0 90px; background: #fbf7f8; }

.sec03 .news-box { padding: 0 25px; margin-top: 40px; }

.sec03 .news-box li { margin-bottom: 14px; }

.sec03 .news-box li:last-child { margin-bottom: 0; }

.sec03 .news-box li .meta { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.sec03 .news-box li .date { width: 142px; font-size: 23px; line-height: 1.08696; letter-spacing: 0.1em; font-weight: bold; margin-top: 4px; }

.sec03 .news-box li .cats { max-width: calc(100% - 142px); }

.sec03 .news-box li .cats .cat { display: inline-block; text-align: center; color: #fff; background: #998a9d; font-size: 18px; line-height: 1.38889; letter-spacing: 0.075em; font-weight: bold; padding: 4px 5px 4px; min-width: 161px; }

.sec03 .news-box li .cats .cat.cl02 { background: #beb596; }

.sec03 .news-box li .cats .cat.cl03 { background: #d9a6a3; }

.sec03 .news-box li .ttl { font-size: 24px; line-height: 1.5; letter-spacing: 0.1em; font-weight: 500; overflow: hidden; width: 100%; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: normal; margin-top: 24px; }

.sec03 .news-box li a { display: block; padding: 30px 0 30px; border-bottom: 1px solid #b2b1b6; text-decoration: none; }

.sec03 .news-box li a:after { clear: both; display: block; content: " "; height: 0px; visibility: hidden; }

.sec03 .news-box li .info { overflow: hidden; }

.sec03 .news-box li .thumb { width: 25%; float: right; margin-left: 10px; }

.sec03 .news-box li .thumb .c-img { position: relative; }

.sec03 .news-box li .thumb .c-img:before { display: block; content: " "; width: 100%; padding-top: 75%; }

.sec03 .news-box li .thumb .c-img > .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .sec03 { padding: 42px 0 45px; }
  .sec03 .news-box { padding: 0 12px; margin-top: 2px; }
  .sec03 .news-box li { margin-bottom: 5px; }
  .sec03 .news-box li:last-child { margin-bottom: 0; }
  .sec03 .news-box li .date { width: 80px; font-size: 12px; line-height: 1; margin-top: 2px; }
  .sec03 .news-box li .cats { max-width: calc(100% - 80px); line-height: 0; }
  .sec03 .news-box li .cats .cat { font-size: 9px; line-height: 1.55556; padding: 1px 2px 3px; min-width: 80px; }
  .sec03 .news-box li .ttl { font-size: 12px; line-height: 1.5; margin-top: 12px; }
  .sec03 .news-box li a { padding: 15px 0 15px; } }

/* ========== end △ */
.sec04 { padding: 81px 0 71px; background: #fff; }

.sec04 ul { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -6px; }

.sec04 ul li { width: 50%; text-align: center; padding: 0 15px; margin-bottom: 27px; }

.sec04 ul li a { display: block; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .sec04 { padding: 40px 0 35px; }
  .sec04 ul { margin: 0 -3px; }
  .sec04 ul li { padding: 0 7px; margin-bottom: 13px; } }

/* ========== end △ */

/*# sourceMappingURL=maps/top.css.map */