@charset "utf-8";

.l-ctVisual {
  background-image:url(../image/ctVisual.jpg?d=04061749);
}

@media print,screen and (min-width:641px) {
  .sec {
    padding-top:80px;
    padding-bottom:100px;
  }
}

@media screen and (max-width:640px) {
  .sec {
    padding-top:0.5em;
    padding-bottom:2.5em;
  }
}


/*----------------------------------------------------------------------------------------------------

  こんな不安はありませんか？
  
----------------------------------------------------------------------------------------------------*/

.ex,
.ex2 {
  background-color:#fff3e3;
}

.ex__txt,
.ex__txt2 {
  text-align:left;
}
  
.ex__txt .fuan {
  background-color:#fff;
}

.ex__txt .hdline {
  line-height:1.4;
  color:#ff942c;
  font-weight:700;
}

.ex__txt ul {
  list-style:none;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  line-height:1.4;
  margin-right:-1.5em;
  padding-top:0.25em;
}

.ex__txt li {
  background:url(../../image/icon/check.svg) no-repeat left top 0.25em;
  background-size:auto 0.9em;
  padding-left:1.5em;
  padding-right:1.5em;
  margin-top:0.75em;
}

.ex__txt2 p:not(:first-of-type) {
  padding-top:1em;
}

@media print,screen and (min-width:1000px) and (max-width:1180px) {
  .ex__txt ul {
    font-size:1.5vw;
  }
}

@media print,screen and (min-width:641px) and (max-width:999px) {
  .ex__txt ul {
    font-size:0.9em;
  }
}

@media print,screen and (min-width:641px) {
  .ex {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:5%;
  }
  
  .ex2 {
    padding:5%;
    margin-top:-5%;
  }

  .ex__img {
    width:25%;
    padding-left:5%;
    align-self:flex-end;
  }
  
  .ex__img img {
    width:100%;
    max-width:200px;
    margin-bottom:-15%;
  }
  
  .ex__txt {
    width:75%;
  }
  
  .ex__txt .fuan {
    padding:1.75em;
    margin-bottom:2em;
  }

  .ex__txt li {
    width:50%;
  }
}

@media screen and (max-width:640px) {
  .ex {
    margin-left:-1.25em;
    margin-right:-1.25em;
    padding:1.25em 1.25em 2em 1.25em;
    position:relative;
  }
  
  .ex:after {
    content:"";
    width:25%;
    height:100%;
    position:absolute;
    right:1.25em;
    top:0;
    background:url(../image/ex_img.png) no-repeat right bottom 2em;
    background-size:contain;
  }
  
  .ex2 {
    margin-left:-1.25em;
    margin-right:-1.25em;
    padding:0 1.25em 2em 1.25em;
  }
  
  .ex__img {
    display:none;
  }
  
  .ex__txt .fuan {
    padding:1.5em;
    margin-bottom:1.5em;
  }
  
  .ex__txt li {
    width:100%;
  }
  
  .ex__txt p {
    padding-right:-webkit-calc(25% + 2em);
    padding-right:calc(25% + 2em);
  }
}

@media screen and (max-width:400px) {
  .ex__txt {
    font-size:3.8vw;
  }
}

@media screen and (max-width:320px) {
  .ex__txt {
    font-size:0.88em;
  }
}


/*----------------------------------------------------------------------------------------------------

  ナビ
  
----------------------------------------------------------------------------------------------------*/

.pgNav ul {
  width:100%;
  list-style:none;
  background-color:#ffac3a;
  color:#fff;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  line-height:1.4;
  font-size:1.05em;
  font-weight:500;
}

.pgNav li,
.pgNav li a {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
}

.pgNav li {
  -webkit-box-flex:2;
  -ms-flex-positive:2;
  flex-grow:2;
  background:url(../../image/icon/arT-down_white.svg) no-repeat center bottom 0.5em;
  background-size:auto 0.5em;
}

.pgNav li a {
  width:100%;
  height:100%;
  padding:1em 1em 1.75em 1em;
}

.pgNav li:not(:first-child) {
  border-left:1px solid #ffc048;
}
  
.pgNav li a,
.pgNav li a:visited,
.pgNav li a:hover,
.ua-pc .pgNav li a:hover { color:#fff; text-decoration:none; }

.ua-pc .pgNav li {
  transition:color 0.15s ease-out, background 0.15s ease-out, border 0.15s ease-out;
}

.ua-pc .pgNav li:hover {
  background-color:#ffc048;
}

.ua-pc .pgNav li:hover,
.ua-pc .pgNav li:hover + li {
  border-left-color:#ffc048;
}

@media screen and (max-width:640px) {
  .pgNav {
    margin-left:-1.25em;
    margin-right:-1.25em;
  }
  
  .pgNav ul {
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    font-size:90%;
  }
  
  .pgNav li {
    width:50%;
  }
  
  .pgNav li:nth-child(n+3) {
    border-top:1px solid #ffc048;
  }
}


/*----------------------------------------------------------------------------------------------------

  デイケアについて
  
----------------------------------------------------------------------------------------------------*/

.about {
  text-align:left;
}

.about .hdline {
  border-bottom:1px solid #eadbc9;
  padding-bottom:0.75em;
  font-weight:700;
  line-height:1.4;
  color:#ff942c;
}

.about .hdlineS {
  font-weight:600;
  line-height:1.4;
}

.about .hdline-line {
  font-weight:600;
  line-height:1.4;
  position:relative;
  padding-left:2rem;
}

.about .hdline-line:before {
  content:"";
  width:4px;
  height:100%;
  border-radius:4px;
  position:absolute;
  left:0;
  top:0;
  background-color:#ffac3a;
}

@media print,screen and (min-width:641px) {
  .about .hdline {
    padding-top:90px;
  }
  
  .about .hdline-line {
    margin-top:60px;
  }
}

@media screen and (max-width:640px) {
  .about .hdline {
    padding-top:1.5em;
  }
  
  .about .hdline-line {
    margin-top:2em;
  }
}


/*--------------------------------------------------------------------------------
  写真・コメント
--------------------------------------------------------------------------------*/

.about .photoSet:after {
  content:"";
  display:block;
  height:0;
  clear:both;
}

.about .photoSet .txt p:not(:first-of-type) {
  padding-top:1em;
}

@media print,screen and (min-width:641px) {
  .about .photoSet {
    padding-top:2.5em;
  }
  
  .about .photoSet .photo {
    width:40%;
    padding-left:5%;
  }
}

@media screen and (min-width:481px) and (max-width:640px) {
  .about .photoSet .photo {
    width:50%;
    max-width:250px;
    padding-left:1.5em;
  }
  
  .about .photoSet .txt-clear {
    clear:both;
    padding-top:0 !important;
  }
}

@media print,screen and (min-width:481px) {
  .about .photoSet .photo {
    padding-bottom:1.5em;
    float:right;
  }
}

@media screen and (max-width:640px) {
  .about .photoSet {
    padding-top:1.5em;
    padding-bottom:0.5em;
  }
}

@media screen and (max-width:480px) {
  .about .photoSet .photo {
    text-align:center;
    padding-top:0.25rem;
    padding-bottom:1.25em;
  }
  
  .about .photoSet .photo img {
    width:80%;
    max-width:400px;
  }
}


/*--------------------------------------------------------------------------------
  1日のスケジュール
--------------------------------------------------------------------------------*/

@media print,screen and (min-width:641px) {
  .about .schedule {
    padding-top:2.5em;
  }

  .about .schedule img {
    margin-top:1.5em;
  }
}

@media screen and (max-width:640px) {
  .about .schedule {
    padding-top:1.5em;
  }

  .about .schedule img {
    margin-top:1em;
  }
}


/*--------------------------------------------------------------------------------
  施設内設備等
--------------------------------------------------------------------------------*/

.setsubi .txt {
  padding-left:2rem;
}

.setsubi-photo {
  list-style:none;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}

.setsubi-photo li {
  line-height:1.6;
  text-align:center;
  padding-top:1.5em;
}

.setsubi-photo li img {
  margin-bottom:0.5em;
}

.setsubi-photo li .come {
  color:#9b6e50;
  display:inline-block;
  line-height:1.4;
  padding-top:0.25em;
}

@media print,screen and (min-width:641px) {
  .about .setsubi {
    padding-top:3em;
  }
  
  .setsubi .txt {
    padding-top:1.5em;
  }
  
  .setsubi-photo {
    margin-left:-1.5em;
    padding-top:0.5em;
  }
  
  .setsubi-photo li {
    max-width:calc(100% / 3);
    padding-left:1.5em;
  }
  
  .setsubi-photo--col4 li {
    max-width:calc(100% / 4);
  }
}

@media screen and (max-width:640px) {
  .about .setsubi {
    padding-top:2em;
  }
  
  .setsubi .txt {
    padding-top:1em;
  }
  
  .setsubi-photo {
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
  }

  .setsubi-photo li {
    flex-basis:calc(96% / 2);
    max-width:calc(96% / 2);
  }
}

/*--------------------------------------------------------------------------------
  持ち物
--------------------------------------------------------------------------------*/

.about .mochimono {
  width:100%;
}

.about .mochimonoList {
  list-style:none;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  line-height:1.4;
  margin-right:-10px;
}

.about .mochimonoList li {
  margin-right:10px;
  margin-bottom:10px;
  background-color:#fef9e7;
  padding:0.75em 1em;
}

.about .mochimonoList li span {
  background:url(../../image/icon/check.svg) no-repeat left top 0.25em;
  background-size:auto 0.9em;
  padding-left:1.5em;
}

.about .mochimonoList li,
.about .mochimonoList li span {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
}

@media print,screen and (min-width:641px) {
  .about .mochimono {
    padding-top:2.5em;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin-bottom:1.5em;
  }

  .about .mochimono .img {
    width:30%;
    align-self:flex-end;
    text-align:right;
    padding-bottom:10px;
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1;
  }
  
  .about .mochimono .img img {
    width:95%;
  }
  
  .about .mochimonoList {
    width:70%;
  }

  .about .mochimonoList li:nth-child(odd) {
    width:-webkit-calc(58% - 10px);
    width:calc(58% - 10px);
  }
  
  .about .mochimonoList li:nth-child(even) {
    width:-webkit-calc(42% - 10px);
    width:calc(42% - 10px);
  }
}

@media screen and (max-width:640px) {
  .about .mochimono {
    padding-top:1.5em;
    padding-bottom:1em;
  }
  
  .about .mochimonoList {
    font-size:90%;
  }
  
  .about .mochimonoList li {
    width:-webkit-calc(50% - 10px);
    width:calc(50% - 10px);
  }
  
  .about .mochimonoList li:last-child {
    width:100%;
  }
  
  .about .mochimono .img {
    padding-top:0.25em;
    padding-bottom:2em;
    text-align:center;
  }
  
  .about .mochimono .img img {
    width:50%;
    max-width:250px;
  }
}

@media screen and (max-width:480px) {
  .about .mochimono {
    padding-bottom:0.5em;
  }
  
  .about .mochimonoList li {
    width:100%;
  }
  
  .about .mochimono .img img {
    width:60%;
  }
}


/*----------------------------------------------------------------------------------------------------

  施設概要
  
----------------------------------------------------------------------------------------------------*/

.sinfo {
  border:2px dotted #ffbd61;
  text-align:left;
}

.sinfo-ttl {
  margin-bottom:0.75em;
}

.sinfo-list {
  line-height:1.6;
  text-align:left;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -ms-flex-line-pack:start;
  align-content:flex-start;
  margin-top:0.75em;
}

.sinfo-list dt:not(:first-of-type),
.sinfo-list dd:not(:first-of-type) {
  margin-top:0.5em;
}

.sinfo-list dt {
  width:4.5em;
  font-weight:500;
  text-align-last:justify;
  text-justify:inter-ideograph;
}

.sinfo-list dd {
  width:-webkit-calc(100% - 4.5em);
  width:calc(100% - 4.5em);
  padding-left:1.25em;
}

@media print,screen and (min-width:641px) {
  .sinfo {
    padding:2em 2.5em;
    margin-top:80px;
  }
}

@media screen and (max-width:640px) {
  .sinfo {
    padding:1.25em 1.5em;
    margin-top:2.5em;
  }
}