@charset "utf-8";

/* *************************************************************************************************
   * dayservice
************************************************************************************************* */

.page-dayservice #main .body {
  max-width: 1220px;
}

.page-dayservice #main .layout-3 > .item {
  padding: 10px 10px 20px;
  background: #e7f8ec;
  border-radius: 6px;
  margin-bottom: 50px;
}

.page-dayservice #main .item .photo img{
  width: 100%;
}

.page-dayservice #main .item .title {
  font-size: 1.3em;
  color: #5b3c4b;
  text-align: center;
}

.page-dayservice #main .item .category {
  width: 80%;
  line-height: 1.2;
  color: #fff;
  text-align: center;
  padding: 0.25em;
  background: #2ba26e;
  border-radius: 1em;
  margin-left: auto;
  margin-right: auto;
}

.page-dayservice #main .item .tel:before {
  content: url(../../_image/shisetsu/dayservice/icon-tel.png);
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.4em;
}

.page-dayservice #main .item .tel {
  font-size: 1.1em;
  color: #221815;
  text-align: center;
}

.page-dayservice #main .item .tel a {
  color: inherit;
  text-decoration: none;
}

.page-dayservice #main .item table {
  width: 100%;
}

.page-dayservice #main .item table tr ~ tr > * {
  padding-top: 1em;
}

.page-dayservice #main .item table th {
  vertical-align: top;
  font-weight: normal;
  text-align: right;
  padding-right: 1em;
}

.page-dayservice #main .item table td {
  vertical-align: top;
}

/* :::::::: ブレイクポイント :::::::: */

@media screen and (min-width:737px) {
  .page-dayservice #main .layout-3 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .page-dayservice #main .layout-3::after{
      content: "";
      display: block;
      width: 30%;
  }
  .page-dayservice #main .layout-3 > .item {
    width: 30%;
  }
}

/* *************************************************************************************************
   * index
************************************************************************************************* */

.page-index #main .body {
  max-width: 1220px;
}

.page-index #main .layout-3 > .item {
  padding: 10px 10px 20px;
  background: #ffe6f7;
  border-radius: 6px;
  margin-bottom: 50px;
}

.page-index #main .layout-3 > .item.cat-2 {
  background: #e5edff;
}

.page-index #main .item .photo {
  overflow: hidden;
}

.page-index #main .item .photo img {
  width: 100%;
  transition: 1s transform;
}

.page-index #main .item .photo:hover img {
  transform: scale(1.1);
}

.page-index #main .item .title {
  position: relative;
  display: block;
  font-size: 1.3em;
  color: #5b3c4b;
  text-decoration: none;
  text-align: center;
  margin: 1em 0;
}

.page-index #main .item .title:after {
  position: absolute;
  top: 50%;
  right: 1em;
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border-top: 3px solid #a5959e;
  border-right: 3px solid #a5959e;
  transform: rotate(45deg);
  margin-top: -5px;
}

.page-index #main .item .category {
  width: 80%;
  line-height: 1.2;
  color: #fff;
  text-align: center;
  padding: 0.25em;
  background: #cd4ea4;
  border-radius: 1em;
  margin-left: auto;
  margin-right: auto;
}

.page-index #main .item.cat-2 .category {
  background: #857ac6;
}

.page-index #main .item .tel:before {
  content: url(../../_image/shisetsu/dayservice/icon-tel.png);
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.4em;
}

.page-index #main .item table {
  width: 100%;
}

.page-index #main .item table tr ~ tr > * {
  padding-top: 1em;
}

.page-index #main .item table th {
  vertical-align: middle;
  font-weight: normal;
  text-align: right;
  padding-right: 1em;
}

.page-index #main .item table td {
  vertical-align: top;
}

/* :::::::: ブレイクポイント :::::::: */

@media screen and (min-width:737px) {
  .page-index #main .layout-3 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .page-index #main .layout-3::after{
    content:"";
    display: block;
    width:30%;
  }
  .page-index #main .layout-3 > .item {
    width: 30%;
  }
}

/* *************************************************************************************************
   * detail
************************************************************************************************* */

.page-detail #header {
  border-bottom: 1px solid #ddd;
}

.page-detail #eyecatch img {
  height: 150px;
  visibility: hidden;
}

.page-detail #eyecatch div.flow-content {
  padding-top: 73px;
}

.page-detail #eyecatch div.flow-content h2 {
  color: #5b3c4b;
  text-shadow: none;
}

.page-detail #eyecatch div.flow-content h2 small {
  color: #bc599c;
}

@media screen and (min-width:737px) {
  .page-detail #eyecatch div.flow-content {
    padding-top: 120px;
  }
}

.page-detail #main .header {
  max-width: 1020px;
  line-height: 2;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: auto;
  margin-right: auto;
}

.page-detail #main .header .layout-2 {
  text-align: center;
  margin: 30px 0;
}

.page-detail #main .header .layout-2 > .item {
  text-align: left;
}

.page-detail #main .header .layout-2 > .item table img {
  width: 40px;
}

@media screen and (min-width:737px) {
  .page-detail #main .header .layout-2 > .item {
    width: 36%;
    display: inline-block;
    vertical-align: top;
  }
  .page-detail #main .header .layout-2 > .item table img {
    width: 60px;
  }
  .page-detail #main .header .layout-2 > .item {
    margin: 0 15px;
  }
}

.page-detail #main .contact-bnr {
  line-height: 2;
  padding: 60px 0;
  background: #e5edff;
}

.page-detail #main .contact-bnr .body {
}

.page-detail #main .contact-bnr .title {
  color: #5b3c4b;
  text-align: left;
}

.page-detail #main .contact-bnr .title em {
  font-style: normal;
  font-size: 1.5em;
  font-weight: bold;
}

.page-detail #main .contact-bnr .layout-3 .item {
  text-align: center;
  margin: 10px 0;
}

.page-detail #main .contact-bnr span.addtel {
  font-size: 1.85em;
  font-weight: 500;
  color: #5b3c4b;
}

.page-detail #main .contact-bnr .freedial:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 20px;
  background: url(../../_image/shisetsu/_common/icon-free.png) 0 0 /contain no-repeat;
  margin-top: -4px;
  margin-right: 0.5em;
}

.page-detail #main .contact-bnr .tel:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 20px;
  background: url(../../_image/shisetsu/_common/icon-tel.png) 0 0 /contain no-repeat;
  margin-top: -12px;
}

@media screen and (min-width:737px) {
  .page-detail #main .contact-bnr .title {
    font-size: 1.4em;
    color: #5b3c4b;
    text-align: center;
  }
  .page-detail #main .contact-bnr .layout-3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .page-detail #main .contact-bnr .layout-3 .item {
    width: 33%;
  }
  .page-detail #main .contact-bnr span.addtel {
    font-size: 2em;
  }
  .page-detail #main .contact-bnr .freedial:before,
  .page-detail #main .contact-bnr .tel:before {
    width: 40px;
    height: 30px;
  }
}

.page-detail #main .facility-photo {
  max-width: 1300px;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: auto;
  margin-right: auto;
}

.page-detail #main .facility-photo .description {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2em;
}
/*
.page-detail #main .facility-photo .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.page-detail #main .facility-photo .list .item {
  width: 48%;
  margin-bottom: 15px;
}
*/

.page-detail #main .facility-photo .list .item {
  width: 48%;
}

@media screen and (min-width:737px) {
  .page-detail #main .facility-photo .list .item {
    position: relative;
    width: 15.6%;
    overflow: hidden;
    height: 0;
    padding-top: 200px;
  }
  .page-detail #main .facility-photo .list .item img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 100%;
  }
}

@media screen and (max-width:1300px) and (min-width:737px) {
  .page-detail #main .facility-photo .list .item {
    padding-top: 16vw;
  }
}

.page-detail #main .facility-photo .list .item {
  height: auto;
}

.page-detail #main .facility-info {
  max-width: 1220px;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: auto;
  margin-right: auto;
}

.page-detail #main .facility-info .layout-2 .item ~ .item {
  margin-top: 1em;
}

@media screen and (min-width:737px) {
  .page-detail #main .facility-info .layout-2 {
    display: flex;
    justify-content: space-between; 
  }
  .page-detail #main .facility-info .layout-2 .item {
    width: 58.5%;
  }
  .page-detail #main .facility-info .layout-2 .item ~ .item {
    width: 40%;
    margin-top: 0;
  }
}

.page-detail #main .map {
  max-width: 1220px;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: auto;
  margin-right: auto;
}

.page-detail #main .map iframe {
  width: 100%;
  height: 500px;
}

.page-detail #main .attention {
  max-width: 1020px;
  width: 98%;
  text-align: center;
  padding: 30px 10px;
  border: 1px solid #cd4ea4;
  border-radius: 10px;
  margin-left: auto;
  margin-right: auto;
}

.page-detail #main .attention em {
  font-weight: bold;
  font-style: normal;
}


/*20190319 youtube*/
.video-box{
width: 66.3%;
margin:0 auto 2em;
}
.video-box .video-inbox {
     position: relative;
     padding-bottom: 56.25%;
     height: 0;
     overflow: hidden;
}
 
.video-box .video-inbox iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
@media screen and (max-width:736px) {
  .video-box{
  width: 100%;
  }
}

/*202102「お気軽にお問い合わせください〜」文字サイズ*/
.page-detail #main .contact-bnr .infotext{
font-size:1.4em;
}

/*20220310 360度ビュー */
.page-detail #main .stview {
  max-width: 1220px;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: auto;
  margin-right: auto;
  text-align:center;
}

.page-detail #main .stview iframe {
  width: 70%;
  height: 600px;
}
@media screen and (max-width:736px) {
  .page-detail #main .stview iframe {
    width: 100%;
    height:  400px;
  }
}