@charset "UTF-8";
#mainImg { background-image: url("../img/about/bg_mainimg01_sp.jpg"); }

@media screen and (min-width: 600px) { #mainImg { background-image: url("../img/about/bg_mainimg01_pc.jpg"); } }

/*  #message
================================================ */
#message { background-image: url("../img/common/bg_concept01.png"); background-position: top -30px right -28px; background-repeat: no-repeat; background-size: 168px; }

#message .inner { padding-bottom: 27px; }

#message .img { position: relative; padding-right: 15px; padding-bottom: 15px; }

#message .img .name { position: absolute; right: 0; bottom: 0; width: 161px; }

#message .listData { padding-bottom: 45px; }

#message .data + .data { margin-top: 24px; }

#message .data .titData { padding: 5px; text-align: center; background: #7faf20; color: #fff; font-weight: 600; border-radius: 4px; }

#message .data .list { margin-top: 13px; }

#message .data .list li { text-indent: -1em; padding-left: 1em; }

#message .data .list li:before { content: "・"; color: #7faf20; }

#message .history .list li { text-indent: -6.25em; padding-left: 6.25em; }

#message .history .list li + li { margin-top: 8px; }

#message .history .list li:before { display: none; }

#message .history .list .year { margin-right: 1em; }

@media screen and (min-width: 600px) { #message { background-position: left center; background-repeat: no-repeat; background-size: 516px; }
  #message .inner { padding-bottom: 50px; }
  #message .img { padding-right: 20px; padding-bottom: 20px; }
  #message .img > img { width: 600px; margin: 0 0 0 -20px; }
  #message .img .name { width: 237px; }
  #message .listData { padding-bottom: 90px; }
  #message .listData .innerData { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #message .data { width: calc(50% - 25px); }
  #message .data + .data { margin: 0 0 0 50px; }
  #message .data .titData { padding: 4px; }
  #message .data .list { margin-top: 20px; }
  #message .data .list li + li { margin-top: 8px; } }

/*  #clinic
================================================ */
#clinic .inner { padding-top: 45px; padding-bottom: 45px; }

#clinic .listData { margin-top: 20px; }

#clinic .mapWrap { border: 3px solid #fff; }

#clinic .map { position: relative; }

#clinic .map:before { content: ""; display: block; width: 100%; padding-top: 89%; }

#clinic .map iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; }

#clinic .car { display: inline-block; margin-top: 10px; padding: 6px 8px; text-align: center; font-size: 1.1rem; font-weight: 700; line-height: 1.09; letter-spacing: .02em; color: #fff; border-radius: 3px; background: -webkit-gradient(linear, left top, right top, color-stop(50%, #7faf20), color-stop(50%, #8cb737)); background: linear-gradient(90deg, #7faf20 50%, #8cb737 50%); }

#clinic .data { margin-top: 25px; }

#clinic .timeTable { margin-top: 20px; }

#clinic .date { margin-top: 12px; font-size: 1.2rem; line-height: 1.58; }

@media screen and (min-width: 600px) { #clinic .inner { padding-top: 94px; padding-bottom: 100px; }
  #clinic .listData { margin-top: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #clinic .areaMap { width: calc(50% - 25px); }
  #clinic .map:before { padding-top: 462px; }
  #clinic .car { padding: 6px 10px; font-size: 1.3rem; }
  #clinic .data { width: calc(50% - 25px); margin: 0 0 0 50px; }
  #clinic .timeTable { margin-top: 30px; }
  #clinic .date { margin-top: 10px; font-size: 1.4rem; } }

/*  #introduction
================================================ */
#introduction .inner { padding-top: 45px; padding-bottom: 40px; }

#introduction .slideWrap { margin: 20px -15px 0; }

#introduction .slider { text-align: center; }

#introduction .slider .slick-prev, #introduction .slider .slick-next { z-index: 2; width: 32px; height: 32px; margin-top: -16px; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); background: no-repeat center; background-size: contain; }

#introduction .slider .slick-prev:before, #introduction .slider .slick-next:before { display: none; }

#introduction .slider .slick-prev { left: 32px; background-image: url("../img/common/btn_prev01.png"); }

#introduction .slider .slick-next { right: 32px; background-image: url("../img/common/btn_next01.png"); }

#introduction .slider .item { padding: 0 5px; font-size: 1.3rem; }

#introduction .slider .img { position: relative; }

#introduction .slider .img .name { position: absolute; top: 0; left: 0; display: inline-block; padding: 2px 16px; color: #fff; background: #7faf20; font-size: 1.3rem; letter-spacing: .06em; }

#introduction .slider .txt { margin-top: 10px; }

@media screen and (min-width: 600px) { #introduction .inner { padding-top: 90px; padding-bottom: 84px; }
  #introduction .slideWrap { margin: 52px -540px 0; }
  #introduction .slick-list { overflow: inherit; }
  #introduction .slider .slick-prev, #introduction .slider .slick-next { width: 54px; height: 54px; margin-top: -18px; }
  #introduction .slider .slick-prev, #introduction .slider .slick-next { right: auto; left: 50%; }
  #introduction .slider .slick-prev { margin-left: -390px; }
  #introduction .slider .slick-next { margin-left: 334px; }
  #introduction .slider .item { padding: 0 13px; font-size: 1.6rem; }
  #introduction .slider .img .name { padding: 1px 24px; font-size: 1.5rem; }
  #introduction .slider .txt { margin-top: 20px; } }