@charset "utf-8";
/* CSS Document */

/* =======================================
  ・ #secPhilosophy (SP)
========================================== */
#secPhilosophy {
  padding-top: 48px;
  padding-bottom: 48px;
  background-color: rgba(233, 173, 200, 0.3);
}
#secPhilosophy h2 {
  margin-bottom: 40px;
  font-size: 2.4rem;
  color: #e86ea6;
  line-height: 1.3;
  text-align: left;
}
#secPhilosophy ol {
  list-style-position: inside;
  text-align: left;
}
#secPhilosophy ol li {
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: 1em;
}
#secPhilosophy {
  background: rgba(233, 173, 200, 0.3) url("../images/about/bg_img_ribbon_pc.png") right 10% bottom no-repeat;
  background-size: contain;
}
/* =======================================
  ・ #secPhilosophySub (SP)
========================================== */
#secPhilosophySub {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #e9adc8;
  color: #fff;
}
#secPhilosophySub h2 {
  display: inline-block;
  border: 1px solid #fff;
  padding: 20px 44px;
  font-size: 2.6rem;
  text-align: center;
  line-height: 1em;
}
#secPhilosophySub p {
  margin-bottom: .5em;
  font-size: 1.4rem;
}
#secPhilosophySub p.caution {
  padding-left: 1em;
  text-indent: -1em;
}
/* =======================================
  ・ #secGreetings (SP)
========================================== */
#secGreetings {
  padding-top: 80px;
  padding-bottom: 40px;
}
#secGreetings p {
  margin-bottom: 1.5em;
  font-feature-settings: 1.4rem;
  text-align: justify;
}
#secGreetings p.signature {
  font-size: 1.8rem;
  text-align: right;
}
/* =======================================
  ・ #secBiography (SP)
========================================== */
#secBiography {
  padding-top: 40px;
  padding-bottom: 80px;
}
/* =======================================
  ・ #wrapSection (SP)
========================================== */
#wrapSection {
  padding-top: 70px;
  padding-bottom: 0;
}
#secMedicalCourses {
  padding: 0;
}
#secAffiliatedHospital {
  padding: 0;
}
#secAffiliatedHospital .styleCircle {
  margin-bottom: 1em;
}
#secAffiliatedHospital .caution {
  font-size: 1.4rem;
}
/* =======================================
  ・ #secFlow (SP)
========================================== */
#secFlow {
  padding-top: 80px;
  padding-bottom: 80px;
}
#secFlow ol {
  list-style: none;
}
#secFlow ol>li {
  margin-bottom: 10px;
  padding: 20px;
  border-radius: 6px;
	background-color: rgba(233,173,200,.3);
}
#secFlow ol>li h3 {
  margin-bottom: 18px;
  font-size: 2.4rem;
  line-height: 1;
}
#secFlow ol>li a {
  font-size: 2.0rem;
  color: #e86ea6;
}
#secFlow ol>li ul {
  padding-left: 1em;
  text-indent: -.5em;
  text-align: left;
}
@media screen and (min-width:600px) {
	/*　for タブレット 　*/
/* =======================================
  ・ #secPhilosophy (min-width:600px)
========================================== */
  #secPhilosophy h2 {
    font-size: 2.8rem;
  }
  #secPhilosophy ol {
    list-style-position: inside;
    text-align: left;
  }
  #secPhilosophy ol li {
    text-indent: -1em;
    padding-left: 1em;
    margin-bottom: 1em;
  }
/* =======================================
  ・ #secFlow (min-width:600px)
========================================== */
  #secFlow ol>li h3 {
    text-align: left;
  }
}

@media screen and (min-width:960px) {

/* =======================================
  ・ #secPhilosophy (min-width:960px) 
========================================== */
  #secPhilosophy {
    background: rgba(233, 173, 200, 0.3) url("../images/about/bg_img_ribbon_pc.png") right 10% top no-repeat;
    background-size: contain;
  }
/* =======================================
  ・ #secPhilosophySub (min-width:960px) 
========================================== */
  #secPhilosophySub {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  #secPhilosophySub .secInner {
    display: table;
  }
  #secPhilosophySub .row01 {
    display: table-cell;
    vertical-align: middle;
    width: 260px;
  }
  #secPhilosophySub .row02 {
    display: table-cell;
    vertical-align: middle;
    width: calc(100% - 260px);
    padding-left: 40px;
  }
  #secPhilosophySub h2 {
    margin-bottom: 0;
  }
  #secPhilosophySub p {
    font-size: 1.4rem;
  }

/* =======================================
  ・ #secGreetings (min-width:960px) 
========================================== */
  #secGreetings .boxFlexPc>div {
    width: 48%;
  }
/* =======================================
  ・ #secBiography (min-width:960px) 
========================================== */
  #secBiography .boxFlexPc>div {
    width: 48.5%;    
  }
/* =======================================
  ・ #wrapSection (min-width:960px)
========================================== */
  #wrapSection .boxFlexPc>section {
    width: 48%;    
  }
/* =======================================
  ・ #secFlow (min-width:960px)
========================================== */
  #secFlow ol>li {
    padding: 20px 50px;
  }
}