@charset "UTF-8";
/* ----------------------------------------------------------------------
 TOP COMMON・SEC-SERVICE
---------------------------------------------------------------------- */
.post_list { padding: 0; font-size:0}
.post_list .article { width: 23.333%; margin: 0 2.222% 0 0; display:inline-block; vertical-align:top}
.post_list .article:nth-child(4n) { margin-right:0}
.post_list .article a { display:block; text-decoration:none}
.post_list .article .image { width:100%; height:0; overflow:hidden; padding-top:64.285%; position:relative}
.post_list .article .image img { display:block; width:100%; height:auto; position:absolute; top:0; left:0}
.post_list .article .title { margin:10px 0 0 0; padding:0; font-size:16px; line-height:1.7; font-weight:400; height:3.4em; overflow:hidden}
.post_list .article .meta { margin:10px 0 0 0; padding:0}
@media (max-width: 768px) {
  .post_list .article { width: 100%}
  .post_list .article:nth-of-type(n+2) { margin-top: 30px}
}
a:hover { opacity: .8}
.sec-service { padding-bottom: 30px; line-height: 1.8}
.sec-service .logo { max-width: 200px; margin: auto}
.bnr.service { display: flex; justify-content: center; align-items: center; width: 100%; max-width: 800px; height: 120px; margin: 30px auto 0; color: #fff; font-size: 16px; background: url(../img/top/bnr_bg-service.jpg) top center/cover; border-radius: 6px}
.kv { width: 100%; height: auto; margin-bottom: 10px; padding: 0 20px 10px; border-radius: 6px 6px 0 0}
.kv h2 a { font-weight: normal}
.btn.link { display: flex; justify-content: center; align-items: center; width: 250px; height: 45px; color: #fff; background: #17253b; border-radius: 100vh}
@media (max-width: 768px) {
  .kv h2 { font-size: 15px; text-align: center}
  .text-link { text-align: center}
  .btn.link { margin: 20px auto 0}
}
@media (min-width: 768px) {
  .kv { position: relative; height: 160px; padding: 20px; border-radius: 12px 12px 0 0}
  .kv-text { font-size: 16px}
  .btn.link { position: absolute; bottom: 10px; right: 20px; font-size: 16px}
  .sec-service { padding-bottom: 60px}
  .bnr.service { height: 150px; font-size: 22px; border-radius: 10px}  
}
/* SLICK */
.slide { margin: 0 5px; background: #fff; border-radius: 6px}
.slide img { width: 100%; height: auto; border-radius: 6px 6px 0 0}
.slide p { min-height: 4em; padding: 10px; line-height: 1.3}
/* .sec-example > SLICK Arrows */
.slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent}
.slick-prev::before, .slick-next::before { color: #fff; font-size: 20px; line-height: 1}
.slick-prev { top: 50%; left: -15px; width: 35px; height: 35px; background:rgba(46,56,76,.95); border-radius: 100vh; z-index:10}
.slick-prev::before { content: "←"}
.slick-next { top: 50%; right: -15px; width: 35px; height: 35px; background:rgba(46,56,76,0.95); border-radius: 50px; z-index:10}
.slick-next::before { content: "→"}
@media screen and (min-width: 769px) { 
.slick-prev, .slick-next { width: 40px; height: 40px}
.slick-prev::before, .slick-next::before { font-size: 20px}
  .slick-prev { left: -20px}
  .slick-next { right: -20px}
}
/* -------------------------------
 SEC-KANGOSHI
------------------------------- */
.sec-kangoshi, .sec-hoikushi, .sec-kaigo { padding: 30px 0; line-height: 1.8}
.sec-kangoshi { background: #fae8e8}
.sec-kangoshi .kv { color: #17253b}
.sec-kangoshi h2 small, .sec-hoikushi h2 small, .sec-kaigo h2 small { font-size: 14px; line-height: 1.5}
.sec-kangoshi h3, .sec-hoikushi h3, .sec-kaigo h3 { margin-top: 30px; margin-bottom: 10px; font-size: 18px; line-height: 1.5}
@media (min-width: 768px) { 
  .sec-kangoshi, .sec-hoikushi, .sec-kaigo { padding: 60px 0}
  .sec-kangoshi .kv { background: url(../img/top/kv_kangoshi.jpg) center right/cover}
  .sec-kangoshi h2 small, .sec-hoikushi h2 small, .sec-kaigo h2 small { font-size: 16px}
  .sec-kangoshi h3, .sec-hoikushi h3, .sec-kaigo h3 { font-size: 24px}
}
/* -------------------------------
 SEC-HOIKUSHI
------------------------------- */
.sec-hoikushi { background: #fcf7e9}
.sec-hoikushi .kv { color: #352525}
.sec-hoikushi .btn.link { background: #00796d}
@media (min-width: 768px) {
  .sec-hoikushi .kv { background: url(../img/top/kv_hoikushi.jpg) center right/cover}
}
/* -------------------------------
 SEC-KAIGO
------------------------------- */
.sec-kaigo { background: #fcece1}
.sec-kaigo .kv { color: #23181d}
.sec-kaigo .btn.link { background: #2e2429}
@media (min-width: 768px) {
  .sec-kaigo .kv { background: url(../img/top/kv_kaigo.jpg) center right/cover}
}
/* -------------------------------
 SEC-FIVE
------------------------------- */
.sec-five { padding: 30px 0 0}
@media (min-width: 768px) {
  .sec-five { padding: 60px 0 0}
}