@import url("https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700;800&family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap");
/* reset */
* { box-sizing: border-box; }

html { -moz-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none; }

html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, figure, figcaption, blockquote, dl, dd, table, tr, td, th { margin: 0; padding: 0; box-sizing: border-box; font-size: 100%; }

ul, ol, li { list-style: none; }

em, i { font-style: normal; }

img, iframe, svg { max-width: 100%; }

input, button, textarea, select { font: inherit; }

a { text-decoration: none; }

sup { font-size: 10px; }

.ffm { font-family: "Noto Serif JP", serif; font-size: 1.05em; position: relative; top: 1px; }

.ffsip { font-family: "Shippori Mincho", serif; }

.pt1 { padding-top: 1em; }

.pt2 { padding-top: 2em; }

.pt3 { padding-top: 3em; }

.mt0 { margin-top: 0; }

.mb0 { margin-bottom: 0; }

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

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

.ti { text-indent: -1.4em; padding-left: 1.4em; line-height: 1.4; }

.ti05 { text-indent: -0.5em; padding-left: 0.5em; }

.ti1 { text-indent: -1em; padding-left: 1em; }

.ti2 { text-indent: -2em; padding-left: 2em; }

.notes { font-size: 0.85em; font-weight: 400; }

.d_ib { display: inline-block; }

.fadeIn { opacity: 0; transition-duration: 1.2s; }
.fadeIn.inView { visibility: visible; opacity: 1; }

.upIn { transform: translateY(40px); }
.upIn.inView { transform: translateY(0); }

.leftIn { transform: translateX(-80px); }
.leftIn.inView { transform: translateX(0); }

.rightIn { transform: translateX(80px); }
.rightIn.inView { transform: translateX(0); }

.flex { display: flex; justify-content: space-between; }

body { line-height: 1.7; font-size: 17px; font-family: 'Noto Sans JP', sans-serif; font-weight: 400; }

.container { width: 980px; max-width: 92%; margin-left: auto; margin-right: auto; }

@keyframes pop { 78% { transform: translateY(0px); }
  90% { transform: translateY(-10px); }
  100% { transform: translateY(0px); } }
@keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  20% { transform: scale3d(1.1, 1.1, 1.1); }
  40% { transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); }
  80% { transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1; transform: scaleX(1); } }
.link { padding: 4rem 0; }
.link .container { width: 1080px; }

.link-kamoku { width: 880px; max-width: 94%; margin: auto; display: flex; justify-content: center; padding-bottom: 4rem; }
.link-kamoku li { flex: 0 0 33%; }
.link-kamoku li a { display: block; color: #505050; }
.link-kamoku li em { display: block; text-align: center; font-family: "Noto Serif JP", "Shippori Mincho", serif; font-size: clamp(13px, 2vw, 1.2em); font-weight: 500; padding-bottom: 12px; line-height: 1.3; white-space: nowrap; }
.link-kamoku li i { display: block; overflow: hidden; position: relative; line-height: 0; padding: 0 20px; }
.link-kamoku li i img { transition-duration: 0.3s; }
.link-kamoku li i b { display: block; overflow: hidden; }
.link-kamoku li i span { position: absolute; left: calc(5% + 20px); bottom: 4%; width: calc(90% - 40px); }
.link-kamoku li a:hover b img { transform: scale(1.05); }
.link-kamoku.link-kamoku-slick { justify-content: space-between; }

.link-btn { padding: 1rem 0; display: flex; justify-content: space-between; }
.link-btn li { flex: 0 0 30%; }
.link-btn li a { display: block; text-align: center; padding: 16px 40px 16px 16px; background: #009c6f; border-radius: 0 16px 0 16px; color: #fff; position: relative; transition-duration: 0.3s; }
.link-btn li a:hover { background: #00a532; }
.link-btn li a.external::after { content: ""; background: url("../images/i-external.png") no-repeat 0 0/contain; display: block; width: 20px; height: 20px; position: absolute; right: 1em; top: 50%; transform: translate(0, -50%); }

.footer { background: #f3f3ee; padding: 1rem 0; }
.footer ul { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.footer li { padding: 8px 1em; font-size: .9em; }
.footer li img { height: 3rem; }

.r_footer { padding: 16px; text-align: left; }

.tb, .sp { display: none; }

@media (max-width: 1240px) { .link-btn li { flex: 0 0 32%; font-size: 0.9em; } }
@media (max-width: 768px) { .sp { display: block; }
  br.sp { display: inline; }
  .pc { display: none; }
  .flex { display: block; }
  .link .container { max-width: 100%; }
  .link-kamoku { width: auto; }
  .link-kamoku li { flex: 0 0 50%; }
  .link-kamoku li i { padding: 0 2vw; }
  .link-kamoku li i span { width: 80%; left: 10%; }
  .link-kamoku.link-kamoku-slick { max-width: 100%; }
  .link-kamoku.link-kamoku-slick li { flex: 0 0 44%; padding: 0; }
  .link-kamoku.link-kamoku-slick li i { padding: 0 3vw; }
  .link-btn { display: block; padding: 1rem 4vw; }
  .link-btn li { margin: 0 0 12px; } }
@media (max-width: 480px) { body { font-size: 15px; }
  .link-kamoku li { letter-spacing: -0.1px; } }
.slick-prev, .slick-next { width: 16px; height: 24px; background: #009474; clip-path: polygon(0 0, 100% 50%, 0 100%); transform-origin: center; z-index: 10; }

.slick-prev { left: 2.2vw; clip-path: polygon(0 50%, 100% 0, 100% 100%); }

.slick-next { right: 2.2vw; }

.slick-prev:before, .slick-next:before { content: none; }

/*# sourceMappingURL=common.css.map */