/*/////////////////////////////////////////////////////////////////////////////////////////////////

 Section Layout

/////////////////////////////////////////////////////////////////////////////////////////////////*/


/*** セクションタイトル個別設定 ***/

.ttl_area {
  background-image:url(../img/doctor/ttl_bg.png);
  background-size: contain;
  background-position: right center;
  position: relative;
}

.ttl_area::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #e7e7e7;
  z-index: -1;
}

.ttl_area .inner {
  background-image:url(../img/doctor/ttl_bg_b.png);
}
.ttl_area .inner h2 {
  letter-spacing:-0.08em;
}
.ttl_area .inner h2 span {
  color:#728EC4;
}

section .ttl {
  background-color:#738FC4;
}
section .ttl:after {
  background:url(../img/doctor/section_ttl_arrow.png) no-repeat;
}


/*** セクション内容 ***/

section .inner h3.icon_set {
  background-image:url(../img/doctor/icon.png);
}
section .inner .textArea {
  width:560px;
}
section .inner .flipArea {
  width:440px;
}


/*** Section.01 ***/

section.sec01 .inner {
  padding-right:20px;
}
section.sec01 .inner h2 {
  padding-top:40px;
  font-size:40px;
}
section.sec01 .inner img {
  float:left;
  display:block;
  margin-right:50px;
}


/*** Section.02 ***/

section.sec02 {
  background-color:#FCFCFA;
}
section.sec02 .inner .textArea {
  float:left;
  padding:40px 40px 0 20px;
}
section.sec02 .inner .flipArea {
  float:right;
}

section.sec02 .inner h3 span {
  right: -35px;
  font-size: 90px;
}


/*** Section.03 ***/

section.sec03 {
  background-color:#FCFCFA;
}
section.sec03 .inner .textArea {
  float:right;
  padding:0 20px 0 50px;
}
section.sec03 .inner .flipArea {
  float:left;
}

section.sec03 .inner h3 span {
  right: 130px;
  font-size: 100px;
}


/*** Section.04 ***/

section.sec04 {
  background-color:#FCFCFA;
}
section.sec04 .inner .textArea {
  float:left;
  width:465px;
  padding:0 40px 0 20px;
}
section.sec04 .inner .imgArea {
  float:right;
  width:535px;
}
section.sec04 .inner .imgArea img {
  display:block;
  width:100%;
  height:auto;
}

section.sec04 .inner h3 span {
  top:190px;
  right:-40px;
  font-size:80px;
}


/*** Section.05 ***/

section .clinic_list li:after {
  background-image:url(../img/doctor/detail_arrow.png);
}
section .detailArea {
  background-color:#F2F5FA;
}
section .detailArea .ttl_text {
  color:#728EC4;
}
section .detailArea th {
  background:url(../img/doctor/th_back.gif);
}


/*** Section.06 ***/

section.sec_last {
  background-image:url(../img/doctor/sec06_back.jpg);
}


/*** Flip ***/

.flipArea .prev_btn {
  background-image:url(../img/doctor/flip_prev_btn.png);
}
.flipArea .next_btn {
  background-image:url(../img/doctor/flip_next_btn.png);
}
.flip_cntl .on_mark  {
  background-color:#738FC4;
}


/*** リンク用アイコン ***/

a.icon_link:hover {
  color:#728EC4;
}
a.icon_link:after {
  background-image:url(../img/doctor/icon_link.png);
}


/* sPhone */
@media screen and (max-width: 767px) {

section:not(.sec01) .inner {
  padding:0 10px;
}

section .inner .textArea,
section .inner .flipArea,
section .inner .imgArea {
  width:100% !important;
}

section.sec02 .inner .textArea,
section.sec03 .inner .textArea,
section.sec04 .inner .textArea {
  padding:0 0 10px;
}


/* Section.01 */

section.sec01 .ttl_box {
  width:100%;
  display:table;
}
section.sec01 .text_box {
  padding:10px 10px 0;
}

section.sec01 .inner {
  padding-right:0;
}
section.sec01 .inner h2 {
  display: table-cell;
  vertical-align: middle;
  padding: 0 15px;
  text-align: left;
}
section.sec01 .inner img {
  display: table-cell;
  vertical-align: middle;
  width: 110px;
  margin: 0;
}


/* Section.02 - 04 Icon */

section.sec02 .inner {
  padding-top:20px;
}

section.sec02 .inner h3 span {
  top:-20px;
  right:inherit;
  left:50px;
  font-size: 45px;
}
section.sec03 .inner h3 span {
  top:-20px;
  right:inherit;
  left:50px;
  font-size: 40px;
}

section.sec04 .inner h3 span {
  top:100px;
  right:0;
  font-size:40px;
}
  
}