@charset "utf-8";

/*========================================================================================================================


  ◇◆◇ 糖尿病治療 ◇◆◇
  
  
========================================================================================================================*/

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

  糖尿病について
  
----------------------------------------------------------------------------------------------------*/

#dm-about {
  padding-top:60px;
  padding-bottom:60px;
}

#dm-about .l-hdline {
  text-align:center;
}

.dm-about_blockB {
  padding-top:35px;
  padding-bottom:20px;
}

.dm-about_blockB a,
.dm-about_blockB a:visited,
.dm-about_blockB a:hover {
  color:#389f60;
  text-decoration:none;
}

.dm-about_blockB a sup {  margin:0 0.25em; }
.dm-about_blockB a span { text-decoration:underline; margin-left:0.25em; }
.dm-about_blockB a:hover span { text-decoration:none; }

@media screen and (max-width:640px) {
  #dm-about {
    padding-top:2rem;
    padding-bottom:2rem;
  }
  
  .dm-about_blockB {
    padding-top:1.25rem;
    padding-bottom:0.25rem;
  }
}


.dm-about_blockS {
  background-color:#fff;
  margin-top:30px;
}

.dm-about_blockS.colsL {
  width:535px;
  float:left;
}

.dm-about_blockS.colsR {
  width:535px;
  float:right;
}

.dm-about_blockS_hd {
  background-color:#60b280;
  color:#fff;
  font-family:"NotoSerif";
  font-weight:400;
  font-size:131.3%;
  padding:0.5em 1em;
}

.dm-about_blockS_hd .no {
  font-size:62.5%;
  display:inline-block;
  background-color:#fff;
  color:#389f60;
  line-height:1;
  padding:0.3em;
  margin-right:1em;
  vertical-align:middle;
  margin-top:-0.3em;
}

.dm-about_blockS_body {
  padding:25px;
}

@media screen and (max-width:640px) {
  .dm-about_blockS {
    margin-top:1.5rem;
  }
  
  .dm-about_blockS.colsL,
  .dm-about_blockS.colsR {
    width:100%;
    float:none;
  }
  
  .dm-about_blockS_hd {
    padding:0.5rem 1rem;
  }
  
  .dm-about_blockS_body {
    padding:1.25rem;
  }
}


/*-----------------------------------------------------------------------------------
  症状
-----------------------------------------------------------------------------------*/

.dm-about_blockS_body #syojo {
  background-color:#e7f4ec;
  padding:25px;
  margin-top:1.5em;
  margin-top:1.5rem;
}

.dm-about_blockS_body #syojo dt {
  color:#389f60;
}

.dm-about_blockS_body #syojo dd { position:relative; }

.dm-about_blockS_body #syojo .cut {
  line-height:0;
  display:inline-block;
  position:absolute;
  right:0;
  bottom:0;
}

.dm-about_blockS_body #syojo ul {
  list-style:none;
  padding-top:0.5em;
  display:inline-block;
  float:left;
  margin-right:2em;
}

.dm-about_blockS_body #syojo li {
  background:url(../image/dm/cbox_s.png) no-repeat left 0.25em;
  padding-left:35px;
  margin-top:0.25em;
}

@media screen and (max-width:640px) {
  .dm-about_blockS_body #syojo { padding:1.5rem; }
  
  .dm-about_blockS_body #syojo dd .cut {
    display:block;
    position:inherit;
    right:inherit;
    bottom:inherit;
    text-align:center;
  }
  
  .dm-about_blockS_body #syojo ul {
    display:inherit;
    float:none;
    margin-right:0;
    padding-top:0;
  }
  
  .dm-about_blockS_body #syojo li {
    background:url(../image/dm/cbox.png) no-repeat left 0.15em;
    background-size:24px 20px;
  }
  
  .dm-about_blockS_body #syojo li br { display:none; }
}


/*-----------------------------------------------------------------------------------
  合併症について
-----------------------------------------------------------------------------------*/

.dm-about_blockS_body #gappei { padding-top:10px; padding-bottom:10px; }

.dm-about_blockS_body #gappei dl {
  width:50%;
  float:left;
  box-sizing:border-box;
}

.dm-about_blockS_body #gappei dl.gappei1 {
  padding-right:25px;
}

.dm-about_blockS_body #gappei dl.gappei2 {
  border-left:1px solid #e6e4e1;
  padding-left:25px;
}

.dm-about_blockS_body #gappei dt {
  color:#389f60;
  padding-bottom:1em;
  text-align:center;
}

.dm-about_blockS_body #gappei dd {
  text-align:center;
  line-height:0;
}

@media screen and (max-width:640px) {
  .dm-about_blockS_body #gappei { padding-top:0; padding-bottom:0.25rem; }
  
  .dm-about_blockS_body #gappei dl {
    width:100%;
    float:none;
  }
  
  .dm-about_blockS_body #gappei dl.gappei1 {
    padding-right:0;
  }
  
  .dm-about_blockS_body #gappei dl.gappei2 {
    border-left:0;
    padding-left:0;
    border-top:1px solid #e6e4e1;
    margin-top:1.25rem;
    padding-top:1.25rem;
  }
}


/*-----------------------------------------------------------------------------------
  診断
-----------------------------------------------------------------------------------*/

.dm-about_blockS_body #shindan { text-align:center; }

.dm-about_blockS_body #shindan dt {
  position:relative;
  padding-top:1.5em;
  padding-top:1.5rem;
}

.dm-about_blockS_body #shindan dt:first-child { padding-top:0; }

.dm-about_blockS_body #shindan dt:after {
  border:solid transparent;
  content:"";
  height:0;
  width:0;
  position:absolute;
  bottom:-32px;
  left:50%;
  border-top-color:#f2b84a;
  border-width:12px;
  margin-left:-12px;
  z-index:2;
}

.dm-about_blockS_body #shindan dt span {
  font-size:87.5%;
  display:inline-block;
  border:1px solid #f2b84a;
  color:#f3aa20;
  padding:0.3em 0.5em;
  margin:0 3px;
}

.dm-about_blockS_body #shindan dd {
  padding-top:1.75em;
  padding-top:1.75rem;
}


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

  治療について
  
----------------------------------------------------------------------------------------------------*/

#dm-chiryo-warp {
  background:url(../image/dm/chiryo_bg.jpg) no-repeat right bottom;
  background-color:#ebe9df;
  padding-top:50px;
  padding-bottom:60px;
}

#dm-chiryo {
  padding-top:35px;
}

#dm-chiryo .photo {
  line-height:0;
  display:inline-block;
  float:left;
  margin-right:50px;
}

#dm-chiryo p { padding-bottom:1em; margin-left:450px; }
#dm-chiryo p.start { padding-top:1em; }
#dm-chiryo p:last-child { padding-bottom:0; }


@media screen and (max-width:640px) {
  #dm-chiryo-warp {
    padding-top:2rem;
    padding-bottom:2rem;
    background-image:none;
  }
  
  #dm-chiryo { padding-top:1.5rem; }
  
  #dm-chiryo .photo {
    display:block;
    margin-right:0;
    float:none;
    text-align:center;
    margin-bottom:1.5rem;
  }
  
  #dm-chiryo .photo img { width:60%; }
  
  #dm-chiryo p { margin-left:0; }
  #dm-chiryo p.start { padding-top:0; }
}


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

  相談
  
----------------------------------------------------------------------------------------------------*/

#dm-spdan {
  text-align:center;
  padding-top:50px;
  padding-bottom:60px;
}

#dm-spdan p {
  padding-bottom:1.75em;
  padding-bottom:1.75rem;
}

@media screen and (max-width:640px) {
  #dm-spdan {
    padding-top:2rem;
    padding-bottom:2rem;
  }
  
  #dm-spdan p { padding-bottom:1.5rem; }
}