@charset "UTF-8";
/*
 * another_layout.css
 *
 */

/* Link */

 p.link a {
 	display:inline-block;
 	padding:0.5em 1.4em 0.5em 2em;
 	background:#429e3b;
 	border:1px solid #429e3b;
 	border-radius:25px;
 	color:#FFF;
 	line-height:1.4;
 	transition: all 0.5s ease;
 	position:relative;
 }
 p.link a:after {
 	font-family: FontAwesome;
 	content:"\f105";
 	margin-left:1em;
 	color:#FFF;
 	transition: all 0.5s ease;
 }
 	p.link a:hover:after {
 	color:#429e3b;
 }
 	p.link a:hover {
 		background:#FFF;
 		color:#429e3b;
 	}


 /* !病院概要
 ---------------------------------------------------------- */
 .aboutBox {
 	width:auto;
 	max-width:1200px;
 	position:relative;
 	margin:0 auto 100px auto;
 }

 #sec05_facility_info h2.tit_basic01 {
   font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3" , "Hiragino Kaku Gothic ProN" , 'メイリオ' ,Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic" , Verdana, Arial, Helvetica, sans-serif;
 	font-size:28px;
 	font-weight:normal;
  color:#47AADA;
 	text-align:center;
  margin-bottom:50px;
 }
 #sec05_facility_info  h2.tit_basic01 span {
 	display:inline-block;
  padding:0.6em 1.6em;
  letter-spacing:0.06em;
  line-height:1.2;
 	border-top:2px solid #47AADA;
 	border-bottom:2px solid #47AADA;
 	}
	#sec05_facility_info  h2.tit_basic01 span:before {
		position:absolute;
		display:none;
		content:"";
		width:0;
		height:0;
		background:#0072C4;
		border-radius:50%;
		top:0;
		left:0;
	}
	#sec05_facility_info  h2.tit_basic01 span:after {
		position:absolute;
		display:none;
		content:"";
    width:0;
		height:0;
		background:#0072C4;
		border-radius:50%;
		top:0;
		right:0;
	}

/* Greeting */

 p.aboutGreeting-name {
   line-height:1.6;
 }
 p.aboutGreeting-name span {
     font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E, "游ゴシック", YuGothic,メイリオ,Meiryo,serif;
     font-size:18px;
     font-weight:bold;
     letter-spacing:0.08em;
   }

/* Philosophy */

   	p.aboutPhilosophy-philosophy {
   		font-size:20px;
   		text-align:center;
   		margin-bottom:40px;
   	}
   	div.aboutPhilosophy-policyBox {
   		background:#f2f2f2;
   		padding:50px 60px;
   		margin:0 auto;
   		border-radius:16px;
   	}
   	div.aboutPhilosophy-policyBox h3 {
   			font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E, "游ゴシック", YuGothic,メイリオ,Meiryo,serif;
   			font-size:22px;
   			font-weight:bold;
   			text-align:center;
   			margin-bottom:30px;
   		}
   	div.aboutPhilosophy-policyBox p {
   			font-size:17px;
   			margin-bottom:10px;
   		}

      /* Doctor */

      div.aboutDoctor-doctorBox {
    		background:#F2F2F2;
    		padding:50px 60px;
    		border-radius:16px;
    		margin:0 auto;
    	}
    	div.aboutDoctor-doctorBox p.post {
    		margin-bottom:15px;
    	}
    	div.aboutDoctor-doctorBox p.post span {
    		display:inline-block;
    		font-weight:bold;
    		color:#FFF;
    		line-height:1;
    		padding:0.6em 0.8em;
    		background:#4C9CD6;
    	}
    	div.aboutDoctor-doctorBox h3 {
    		font-size:20px;
    		font-weight:bold;
    	}
    	div.aboutDoctor-doctorBox h3 span {
    		font-size:14px;
    		font-weight:normal;
    	}
    	div.aboutDoctor-doctorBox p.depart {
    		color:#4C9BD6;
    		margin-bottom:20px;
    	}
      div.aboutDoctor-doctorBox p.depart::before {
        margin-right: 10px;
        color:#4C9BD6;
        font-family: "FontAwesome";
        content: '\f2c3';
    	}
    	div.aboutDoctor-doctorBox p.depart i.fa {
    		margin-right:.6em;
    	}
    	div.aboutDoctor-doctorBox dl {
    		width:100%;
    		border-top:1px solid #DFDFDF;
    		padding-top:1em;
    	}
    	div.aboutDoctor-doctorBox dl dt {
    		width:100px;
    		float:left;
    	}
    	div.aboutDoctor-doctorBox dl dd {
    		margin-left:100px;
    	}

      /* History */

      div.aboutHistory-historyBox {
      	background:#E5F1F9;
      	padding:60px;
      	margin:0 auto;
      }

      dl.history {
      	width:100%;
      	margin:0 auto;
      	background:url('http://www.kiso-hospital.or.jp/wp-kiso-hospital/wp-content/themes/kiso-hp/about/img/history_bg.gif') 120px 0 repeat-y;
      	background-size:1px 2px;
      }
      dl.history dt {
      	display: block;
      	width:120px;
      	float:left;
      }
      dl.history dd {
      	position:relative;
      	display: block;
      	width:auto;
      	margin-left:120px;
      	padding-left:50px;
      	margin-bottom:20px;
      }
      dl.history dd:last-child {
      	margin-bottom:0;
      }
      dl.history dd:before {
      	position:absolute;
      	display:inline-block;
      	content:"";
      	width:13px;
      	height:13px;
      	background:#FFF;
      	border:2px solid #0072C4;
      	border-radius:50%;
      	top:7px;
      	left:-8px;
      }

        /* Profile */

        div.aboutProfile01 {
          width:auto;
          max-width:1200px;
          position:relative;
          background:url('../img/dot_line01.png') 0 bottom repeat-x;
          background-size:5px 1px;
          padding-bottom:50px;
          margin:0 auto 50px auto;
        }
        div.aboutProfile01 h3 {
          font-size:18px;
          font-weight:bold;
          color:#FFF;
          text-align:center;
          line-height:120px;
          width:120px;
          height:120px;
          background:#4C9CD6;
          border-radius:50%;
        }



          /* !外来のご案内
          ---------------------------------------------------------- */
          .patientBox {
          	width:auto;
          	max-width:1200px;
          	background:#F2F2F2;
          	padding:50px 60px;
          	border-radius:16px;
          	margin:0 auto;
          }
          .patientBox div.inner {
          		width:100%;
          }
          .patientBox div.inner dl {
          	width:100%;
          	background:url('../img/dot_line01.png') left bottom repeat-x;
          	background-size:5px 1px;
          }
          .patientBox div.inner dl.top {
          	width:100%;
          	background:url('../img/dot_line01.png') left bottom repeat-x, url('../img/dot_line01.png') left top repeat-x;
          	background-size:5px 1px, 5px 1px;
          }
          .patientBox div.inner dl dt {
          	width:15%;
          	float:left;
          	font-weight:bold;
          	line-height:1.8;
          	padding:0.8em 0;
          }
          .patientBox div.inner dl dd {
          	width:85%;
          	float:left;
          	line-height:1.8;
          	padding:0.8em 0;
          }


@media screen and (max-width:1039px){
  p.link a:hover:after {
    color:#FFF;
  }
  p.link a:hover {
    background:#429e3b;
    color:#FFF;
  }


   .aboutBox {
   	margin:0 auto 80px auto;
   }
   p.aboutGreeting-name span {
     font-size:16px;
   }

   p.aboutPhilosophy-philosophy {
 		font-size:18px;
 	}
 		div.aboutPhilosophy-policyBox h3 {
 			font-size:20px;
 		}
 		div.aboutPhilosophy-policyBox p {
 			font-size:16px;
 		}

    div.aboutDoctor-doctorBox {
  		padding:40px;
  	}
  	div.aboutDoctor-doctorBox h3 {
  		font-size:18px;
  	}

    div.aboutHistory-historyBox {
  		max-width:800px;
  	}

  }

  @media screen and (max-width:767px){
  p.link a {
    padding:0.5em 1em 0.5em 1.6em;
  }

  .patientBox div.inner img {
    display:block;
    width:100%;
    max-width:320px;
    margin:0 auto;
  }

  .aboutBox {
  	margin:0 auto 70px auto;
  }
  figure.aboutGreeting-photo {
    max-width:320px;
    margin:0 auto 20px auto;
  }
  figure.aboutGreeting-photo img {
    width: 100%;
  }
  p.aboutGreeting-name {
    text-align:center;
  }
  p.aboutGreeting-name span {
    font-size:16px;
  }

  p.aboutPhilosophy-philosophy {
		font-size:15px;
		text-align:left;
	}
	div.aboutPhilosophy-policyBox {
		padding:30px 20px;
		border-radius:14px;
	}
	div.aboutPhilosophy-policyBox h3 {
			font-size:17px;
			margin-bottom:25px;
		}
	div.aboutPhilosophy-policyBox p {
			font-size:14px;
		}

    div.aboutDoctor-doctorBox {
  		padding:30px 20px;
  	}
  	div.aboutDoctor-doctorBox p.post {
  		margin-bottom:12px;
  	}
  	div.aboutDoctor-doctorBox h3 {
  		font-size:16px;
  	}
  	div.aboutDoctor-doctorBox dl dt {
  		width:60px;
  	}
  	div.aboutDoctor-doctorBox dl dd {
  		margin-left:60px;
  	}

    div.aboutHistory-historyBox {
  		padding:20px;
  	}

    .aboutProfile01 h3 {
			font-size:15px;
			line-height:100px;
			width:100px;
			height:100px;
			margin:0 auto;
		}

  }