@charset "utf-8";
.lower-contents #main-contents p{
  margin-bottom: 2em;
}

.lower-contents #main-contents a{
  text-decoration:underline;
}

.lower-contents #wrap{
  padding: 0;
}

.lower-contents #main-contents h1{
  font-size: 2.4rem;
  background-color: #ff8c00;
  color: #fff;
  padding: 20px;
  margin-bottom: 40px;
}
.lower-contents #main-contents h4{
border-left: 4px solid #ff8c00;
padding: 0 0 0 .5rem;
margin: 2.8em 0 1.2em;
}


.lower-contents #main-contents .wrap{
  padding: 80px 0 0;
}

.lower-contents #main-visual{
  animation: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.about #main-visual{
  background-image: url("../img/about-visual.jpg");
}

.acupuncture #main-visual{
  background-image: url("../img/acupuncture-visual.jpg");
}


.menu #main-visual{
  background-image: url("../img/menu-visual.jpg");
}

.access #main-visual{
  background-image: url("../img/access-visual.jpg");
}

.flow #main-visual{
  background-image: url("../img/flow-visual.jpg");
}

.faq #main-visual{
  background-image: url("../img/faq-visual.jpg");
}

.voice #main-visual{
  background-image: url("../img/voice-visual.jpg");
}

.recruit #main-visual{
  background-image: url("../img/recruit-visual.jpg");
}

.traffic_accident #main-visual{
  background-image: url("../img/traffic_accident-visual.jpg");
}

.house_call #main-visual{
  background-image: url("../img/house_call-visual.jpg");
}

.childbirth_care #main-visual{
  background-image: url("../img/childbirth_care-visual.jpg");
}


.list-box {
  border: solid 2px #ff8c00;
  padding: 1em 1.5em;
  margin-bottom: 2em;
}

.list-box li {
  line-height: 1.5;
  font-size: 1.5rem;
  padding: 0.5em 0;
  list-style-type: none!important;/*ポチ消す*/
  display: flex;
}

.list-box li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  color: #ff8c00; /*アイコン色*/
  margin-right: 8px;
}

/* 問診の流れ */
.lower-contents #main-contents .flow-box{
  display: flex;
  border-top: 1px dotted #ccc;
  padding: 40px 0;
}

.lower-contents #main-contents .flow-box:last-of-type{
  padding: 40px 0 0;
}

.lower-contents #main-contents .flow-box .flow-image{
  width: 200px;
  margin-bottom: 0;
}

.lower-contents #main-contents .flow-box .flow-right{
  width: 500px;
  padding-left: 20px;
}

.lower-contents #main-contents .flow-box .flow-right .flow-title{
  font-weight: bold;
  font-size: 2rem;
  line-height: 1.5;
  color: #ff8c00;
}

.lower-contents #main-contents .flow-box .flow-right .flow-title,
.lower-contents #main-contents .flow-box .flow-right .flow-text p{
  margin-bottom: 0.5em;
}

.lower-contents #main-contents .flow-box .flow-right .flow-text p:last-of-type{
  margin-bottom: 0;
}


/* よくある質問 */
.lower-contents #main-contents .faq-box{
  border-bottom: 1px dotted #ccc;
  padding: 40px 0;
}

.lower-contents #main-contents .faq-box:last-of-type{
  padding: 0 0 40px;
}

.lower-contents #main-contents .faq-box:last-of-type{
  padding: 40px 0 0;
  border-bottom: none;
}


.lower-contents #main-contents .faq-box dt{
  display: flex;
  margin-bottom: 20px;
  align-items: center;
  font-weight: bold;
}

.lower-contents #main-contents .faq-box dt:before{
  content: "Q";
  padding: 10px;
  margin-right: 10px;
  line-height: 1;
  color: #fff;
  background-color: #ff8c00;
}

.lower-contents #main-contents .faq-box dd p:last-of-type{
  margin-bottom: 0;
}


/* レスポンシブ */

/* タブレット */
@media screen and (max-width: 768px) {
  .lower-contents #main-visual {
    height: 300px;
  }

  .lower-contents #wrap{
    padding: 0 20px;
  }
}




@media screen and (max-width: 480px) {
  .lower-contents #main-visual {
    height: 150px;
    }
  .lower-contents #wrap{
    padding: 0 10px;
  }
  .lower-contents #wrap h1{
    font-size: 2.0rem;
    padding: 10px;
  }

  .list-box {
    border: solid 2px #ff8c00;
    padding: 1em 1.2em;
    margin-bottom: 2em;
  }

  /* 問診の流れ */
  .lower-contents #main-contents .flow-box{
    flex-direction: column;
  }
  .lower-contents #main-contents .flow-box .flow-right{
    width: 100%;
    padding-left: 0;
  }
  .lower-contents #main-contents .flow-box .flow-right .flow-title{
    margin-top: 1em;
    text-align: center;
  }
  .lower-contents #main-contents .flow-box .flow-image{
    width: 100%;
  }

}