@charset "UTF-8";
@import url("../css");
@import url("../releases/v5.0.6/css/all.css");
.blue {
  color: #004695;
}

.lightblue {
  color: #6699CC;
}

.pink {
  color: #F19FB9;
}

.red {
  color: #FC0E1C;
}

/* __________________________________________________ サービストップ */
#service .sec {
  padding: 0;
  text-align: center !important;
}
#service .sec .ttl1 {
  margin: 3.125rem auto 1.875rem !important;
}
#service .sec ul.svList {
  list-style: none;
  margin: auto;
  padding: 0;
  display: flex;
  justify-content: space-between;
  justify-content: flex-start;
  flex-wrap: wrap;
  max-width: 1240px;
}
@media screen and (max-width: 767px) {
  #service .sec ul.svList {
    margin: 0 -7px;
  }
}
#service .sec ul.svList li {
  flex-basis: 31.670822942643392%;
  flex-basis: 33.333%;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  #service .sec ul.svList li {
    flex-basis: 50%;
    margin-bottom: 15px;
  }
}
#service .sec ul.svList li a {
  display: block;
  text-decoration: none !important;
  padding: 0 3.333%;
}
#service .sec ul.svList li a figure {
  margin: 0;
  padding: 0;
}
#service .sec ul.svList li a figure img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}
#service .sec ul.svList li a figure figcaption {
  text-align: left;
  padding: 1rem 0 0 10px;
  line-height: 1.3;
  font-size: 1.125rem;
  /*18px*/
  color: #000;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  #service .sec ul.svList li a figure figcaption {
    font-size: 12px;
    padding: 5px 0 0 0;
  }
}
#service .sec ul.svList li a figure figcaption::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f105';
  color: #FFA6BE;
  margin-right: 5px;
}
#service .sec ul.svList li a figure p {
  text-align: left;
  color: #000;
  padding-top: 0.5em;
  font-size: 0.875rem;
  /*14px*/
  line-height: 1.6;
}
#service .sec #hoiku ul.svList {
  justify-content: center;
}
#service #sogo {
  max-width: 960px;
  text-align: center;
  padding: 0 0px 30px;
  margin: 0 auto;
}
#service #sogo .ttl1 {
  margin: 50px auto 30px;
}
#service #sogo ul {
  list-style: none;
  margin: auto;
  padding: 60px 0px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  #service #sogo ul {
    padding: 20px 5px 20px;
    display: block;
  }
}
#service #sogo ul li {
  flex-basis: 33.333%;
  max-width: 33.333%;
  padding: 10px;
}
@media screen and (max-width: 767px) {
  #service #sogo ul li {
    max-width: none;
    padding: 5px;
  }
}
#service #sogo ul li a {
  display: block;
  text-decoration: none !important;
  background: #fff;
  color: #000;
  font-size: 18px;
  font-weight: bold;
  line-height: 100px;
  border-radius: 10px;
  position: relative;
}
@media screen and (max-width: 640px) {
  #service #sogo ul li a {
    line-height: 50px;
    font-size: 13px;
  }
}
#service #sogo ul li a:hover {
  opacity: 0.7;
}
#service #sogo ul li a::after {
  content: '\f054';
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #004695;
  font-size: 12px;
}

/* __________________________________________________ 訪問介護 */
#houmon #main #pageTtl {
  background-image: url(img/houmon_main.jpg);
}

/* __________________________________________________ レンタル */
#rental #main #pageTtl {
  background-image: url(img/rental_main.jpg);
}
#rental #main #sec01 {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 991px) {
  #rental #main #sec01 {
    flex-wrap: wrap;
  }
}
#rental #main #sec02 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767px) {
  #rental #main #sec02 {
    display: block;
  }
}
#rental #main #sec02 div {
  flex-basis: 47%;
  max-width: 47%;
  align-self: stretch;
  border: 3px solid #F7BAC1;
  background: #fff;
  padding: 30px 40px;
  border-radius: 10px;
  position: relative;
}
@media screen and (max-width: 767px) {
  #rental #main #sec02 div {
    max-width: 100%;
    padding: 15px 20px;
  }
}
#rental #main #sec02 div h3 {
  font-size: 1rem;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
#rental #main #sec02 div ul {
  margin: 0 0 0 2em;
  padding: 0;
}
#rental #main #sec02 figure {
  flex-basis: 6%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #rental #main #sec02 figure img {
    height: 50px;
    width: auto;
    transform: rotate(90deg);
    margin: auto;
  }
}

/* __________________________________________________ ショートステイ */
#short #main #pageTtl {
  background-image: url(img/short_main.jpg);
}

/* __________________________________________________ デイサービス */
#day #main #pageTtl {
  background-image: url(img/day_main.jpg);
}

/* __________________________________________________ サービス付き高齢者向け住宅 */
#home #main #pageTtl {
  background-image: url(img/home_main.jpg);
}

/* __________________________________________________ 居宅介護支援 */
#kyotaku #main #pageTtl {
  background-image: url(img/kyotaku_main.jpg);
}
#npokyotaku #main #pageTtl {
  background-image: url(img/npokyotaku_main.jpg);
}

/* __________________________________________________ 訪問看護 */
#houmonkango #main #pageTtl {
  background-image: url(img/massage_main.jpg);
}
#houmonkango #main .ttl2.gothic {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" !important;
  font-size: 1.125rem;
  /*18px*/
}

/* __________________________________________________ 保育園 */
#hoikuen #main {
  		/*
  <figure class="text-center mgb20"><img src="img/hoikuen_pic02.png" alt="" class="mainpic"><img src="img/hoikuen_pic04.png" alt="" class="illust"></figure>
  		*/
}
#hoikuen #main #pageTtl {
  background-image: url(img/hoikuen_main.jpg);
}
#hoikuen #main #hoikuTtl {
  padding: 50px 0 20px;
  margin-bottom: 0;
}
@media screen and (max-width: 640px) {
  #hoikuen #main #hoikuTtl {
    padding: 20px 0 0;
  }
}
#hoikuen #main #hoikuTtl h2 {
  display: flex;
  justify-content: center;
  line-height: 1.5;
  align-items: center;
  position: relative;
}
#hoikuen #main #hoikuTtl h2::before {
  content: '';
  display: inline-block;
  background: url(../common/img/icon_kira.png) no-repeat 0 0;
  background-size: cover;
  width: 39px;
  height: 34px;
  position: relative;
  left: -10px;
  top: -20px;
  margin-left: -39px;
}
@media screen and (max-width: 640px) {
  #hoikuen #main #hoikuTtl h2::before {
    width: 30px;
    height: 25px;
    margin-left: 0;
  }
}
#hoikuen #main #hoikuTtl h2 * {
  font-weight: bold;
}
#hoikuen #main #hoikuTtl h2 small {
  font-size: 16px;
  flex-shrink: 0;
}
@media screen and (max-width: 640px) {
  #hoikuen #main #hoikuTtl h2 small {
    font-size: 10px;
  }
}
#hoikuen #main #hoikuTtl h2 small strong {
  font-size: 20px;
}
@media screen and (max-width: 640px) {
  #hoikuen #main #hoikuTtl h2 small strong {
    font-size: 12px;
  }
}
#hoikuen #main #hoikuTtl h2 big {
  font-size: 60px;
  padding-left: 0.2em;
}
@media screen and (max-width: 640px) {
  #hoikuen #main #hoikuTtl h2 big {
    font-size: 30px;
  }
}
@media screen and (max-width: 640px) {
  #hoikuen #main #access iframe {
    height: 300px;
  }
}
#hoikuen #main .topics {
  border: 3px solid #F8BAC0;
  border-radius: 10px;
  background: #F8BAC0;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  overflow: hidden;
}
@media screen and (max-width: 640px) {
  #hoikuen #main .topics {
    display: block;
  }
}
#hoikuen #main .topics dt {
  flex-basis: 16%;
  max-width: 16%;
  background: #F8BAC0;
  color: #fff;
  text-align: center;
  font-size: 1.25rem;
  /*20px*/
  font-weight: bold;
}
#hoikuen #main .topics dd {
  flex-basis: 84%;
  max-width: 84%;
  background: #fff;
  padding: 20px 35px;
  margin: auto;
}
@media screen and (max-width: 640px) {
  #hoikuen #main .topics dt, #hoikuen #main .topics dd {
    max-width: 100%;
  }
}
#hoikuen #main .schedule {
  list-style: none;
  margin: auto;
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 640px) {
  #hoikuen #main .schedule {
    display: block;
  }
}
#hoikuen #main .schedule li {
  flex-basis: 49.5%;
  margin-bottom: 1.5%;
}
#hoikuen #main figure.timetable {
  position: relative;
}
#hoikuen #main figure.timetable img.illust {
  width: 40%;
  position: absolute;
  right: 1%;
  bottom: 0;
}
/*追加CSS*/

#main article .sec2 {
  max-width: 960px;
  margin: 0 auto;
}
#hoikuen .hoiku_oshirase{
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
#hoikuen .hoiku_oshirase li{
  width: 21%;
  height: 100%;
  margin-bottom: 5%;
}
@media screen and (max-width: 640px) {
  #hoikuen .hoiku_oshirase li {
    width: 100%;
    height: 100%;
    margin-bottom: 5%;
  }
}
#hoikuen .container_hoikuen{
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) and (max-width: 1023px) {
  #hoikuen .container_hoikuen iframe{
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 640px) {
  #hoikuen .container_hoikuen iframe{
    width: 100%;
    height: 100%;
  }
}
/*追加CSS*/
/* __________________________________________________ 学童クラブ */
#club #main #pageTtl {
  background-image: url(img/club_main.jpg);
}
#club #main .inlineDl {
  margin: 0 0 1.2rem;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 640px) {
  #club #main .inlineDl {
    display: block;
  }
}
#club #main .inlineDl dt, #club #main .inlineDl dd {
  margin: 0;
  padding: 1rem 0 1rem 30px;
  border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 640px) {
  #club #main .inlineDl dt, #club #main .inlineDl dd {
    padding: 1rem;
  }
}
#club #main .inlineDl dt {
  flex-basis: 15%;
  max-width: 15%;
  font-weight: bold;
}
@media screen and (max-width: 640px) {
  #club #main .inlineDl dt {
    border-bottom: 0;
    padding-bottom: 0;
    max-width: 100%;
  }
}
#club #main .inlineDl dd {
  flex-basis: 85%;
  max-width: 85%;
}
@media screen and (max-width: 640px) {
  #club #main .inlineDl dd {
    max-width: 100%;
  }
}
#club #main .inlineDl dd ul {
  margin: 0;
  padding: 0 0 0 1.5em;
}

/* __________________________________________________ きらら手形山 北欧の家 */
#grouphouse #pageTtl {
  background-image: url(img/grouphouse_main.jpg);
}

/* __________________________________________________ きら★りえ */
#kirarie #pageTtl {
  background-image: url(img/kirarie_main.jpg);
}

/* __________________________________________________ きららいずみ */
#izumi #pageTtl {
  background-image: url(img/izumi_main.jpg);
}

/* __________________________________________________ リハビリテーション */
#rehab #pageTtl {
  background-image: url(img/rehab_main.jpg);
}

/* __________________________________________________ 園だより */
#endayori #pageTtl {
  background-image: url(img/kirarahoikuen.jpg);
}

/* __________________________________________________ クラスだより */
#class #pageTtl {
  background-image: url(img/class.jpg);
}

/* __________________________________________________ オートモビル */
#automobile #pageTtl {
  background-image: url(img/automobile.jpg);
}

/* __________________________________________________ 薬局 */
#yakkyoku #pageTtl {
  background-image: url(img/yakkyoku_main.jpg);
}
#yakkyoku .businessTime th {
  width: 12.5%;
}
#yakkyoku .businessTime th:nth-child(1), #yakkyoku .businessTime th:nth-child(2), #yakkyoku .businessTime th:nth-child(3), #yakkyoku .businessTime th:nth-child(4), #yakkyoku .businessTime th:nth-child(5) {
  background: #f5f5f5;
}
#yakkyoku .businessTime th:nth-child(7), #yakkyoku .businessTime th:last-child {
  background: pink;
}

/* __________________________________________________ 申込書・料金表 */
#order #pamph ul {
  list-style: none;
  padding: 0.5em 2em;
}
#order #pamph ul li a {
  margin-left: 1em;
}
/* __________________________________________________ きららファーム */
#farm #pageTtl {
    background-image: url(img/farm_main.jpg);
  }
  .plofile {
    list-style: none;
    margin: 0 -10px;
    padding: 20px 0;
    display: flex;
    justify-content: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
  }

  .plofile li {
    margin: 0;
    padding: 10px;
    flex-basis: 50%;
    margin-bottom: 2em;
  }
  .plofile li p {
    font-size: 1.2rem;
    font-family: "fot-tsukuardgothic-std", sans-serif !important;
    font-weight: 700;
}

.image_circle01 {
    min-width: 483px;
    min-height:483px;
    border-radius:50%;
    background: url(img/profile_img01.jpg) center/cover;
  }
  .image_circle02 {
    min-width: 483px;
    min-height:483px;
    border-radius:50%;
    background: url(img/profile_img02.jpg) center/cover;
  }
  .question{
	color: lightslategray;
    font-size: 21px;
  }
  .image_square{
    min-width: 100%;
    min-height:400px;
    background: url(img/farm_catch.jpg) no-repeat center/contain;
  }
  .schedule{
    margin-bottom: 2em;
    padding: 0;
  }
  #farm h4{
    font-size: 1.2rem;
    margin: 0;
    font-weight: bold;
    font-family: "fot-tsukuardgothic-std", sans-serif !important;
  }
  .marB1{
    margin-bottom: 1em;
  }
  /*スマホ用CSS*/
  @media screen and (max-width: 767px) {
    .plofile {
      display: block;
    }
    .image_circle01 {
      min-width: 100%;
      min-height: 45vh;
      border-radius:50%;
      background: url(img/profile_img01.jpg) center/cover;
    }
    .image_circle02 {
      min-width: 100%;
      min-height: 45vh;
      border-radius:50%;
      background: url(img/profile_img02.jpg) center/cover;
    }
    .image_square {
      min-width: 100%;
      min-height: 20vh;
  }
  }