@charset "UTF-8";

/*   病院紹介（hospital.css）   */

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

Main

------------------------------------------------- */
#Main .Section {
	margin: 0 0 120px;
	position: relative;
	overflow: hidden;	
}
#Main .Section:last-child {
	margin: 0 0 50px;
}
@media screen and (max-width: 898px)  {
#Main .Section {
	margin: 0 0 100px;
}
}
@media screen and (max-width: 480px)  {
#Main .Section {
	margin: 0 0 80px;
}
}
@media print {
#Main .Section {
	overflow:visible;
}
#Main .Section:last-child {
	/*padding-bottom: 100px;*/
}
}


/* Greeting__Box（挨拶）
================================================== */
.Greeting__Box	{
	display: flex;
	justify-content: space-between;
}
.Greeting__Box .photo	{
	flex-basis: 300px;
	margin-right: 100px;
}
.Greeting__Box .photo img	{
	width: 300px;
	border-radius: 10px;
}
.Greeting__Box .photo p	{
	font-size: 2rem;
	margin-top: 15px;
	text-align: center;
}
.Greeting__Box .photo .name	{
	display: block;
	font-size: 1.4rem !important;
	margin-bottom: 5px !important;
}
.Greeting__Box .text	{
	flex-basis: calc(100% - 300px); 
	line-height: 2;
}
.Greeting__Box .text p	{
	font-size: 1.8rem;
	margin-bottom: 20px;
}
.Greeting__Box .text .CC	{
	color: #e6989e;
	font-size: 2.6rem !important;
	margin-bottom: 30px !important;
	font-weight: bold;
}
@media screen and (max-width: 1200px)  {
.Greeting__Box .photo	{
	margin-right: 50px;
}
.Greeting__Box .text .CC br	{
	display: none;
}
}
@media screen and (max-width: 980px)  {
.Greeting__Box .photo	{
	flex-basis: 240px;
}
.Greeting__Box .text	{
	flex-basis: calc(100% - 240px); 
}
.Greeting__Box .photo img	{
	width: 100%;
}
}
@media screen and (max-width: 768px)  {
.Greeting__Box	{
	flex-direction: column;
}
.Greeting__Box .photo	{
	flex-basis: 100%;
	margin-right: 0px;
	text-align: center;
	order: 2;
}
.Greeting__Box .photo img	{
	width: auto;
}
.Greeting__Box .text	{
	flex-basis: 100%; 
	margin-bottom: 30px;
	order: 1;
}
.Greeting__Box .text p	{
	font-size: 1.6rem;
}
.Greeting__Box .text .CC	{
	font-size: 2.2rem !important;
}
.Greeting__Box .text .CC br	{
	display: block;
}
}
@media screen and (max-width: 568px)  {
.Greeting__Box .text .CC br	{
	display: none;
}
}
@media screen and (max-width: 480px)  {
.Greeting__Box .photo img	{
	max-width: 150px;
	width: 100%;
}
.Greeting__Box .text p	{
	font-size: 1.4rem;
}
.Greeting__Box .text .CC	{
	font-size: 1.8rem !important;
}
}

/* table__column02（2列）※スマホでは縦長
================================================== */
table.table__column02 {
	max-width: 700px;
	width: 100%;
 border-spacing: 0;
 box-sizing: border-box;
	border-collapse:	collapse;
}
table.table__column02 th	{
	/*background-color:#F8F8F8;*/
 padding: 20px 0;
	/*vertical-align: middle;*/
	color:	#888888;
	width:100px;
 border-bottom: solid 1px #cccccc;
	font-weight: 500;
}
table.table__column02 tr:first-child th	{
 padding: 0 0 20px;
}
table.table__column02 th.le_space	{
 letter-spacing:1em;/*文字間隔を広く*/
 text-indent:1em;/*文字下げ*/
}
table.table__column02 td	{
 border-bottom: solid 1px #cccccc;
 padding: 20px 0;
	/*vertical-align:text-top;*/
}
table.table__column02 tr:first-child td	{
 padding: 0 20px 20px 0px;
}
table.table__column02 td > p	{
	padding:3px 0 !important;
	margin: 0;
}
@media screen and (max-width: 768px)  {
table.table__column02 th	{
	/*width:30%;*/
}
}
@media screen and (max-width: 480px)  {
table.table__column02 {
	font-size: 1.4rem;
}
table.table__column02 th	{
 padding: 10px;
	width:100%;
	display: block;
	text-align: left;
}
table.table__column02 tr:first-child th	{
 padding: 10px;
}
table.table__column02 th.le_space	{
 letter-spacing:1em;/*文字間隔を広く*/
 text-indent:0em;/*文字下げ*/
}
table.table__column02 td	{
	width:100%;
	display: block;
 padding: 15px 10px;
 border-top: none;
 border-bottom: none;
}
table.table__column02 tr:first-child td	{
 padding: 15px 10px;
}
}


/* アクセス　googlemap
================================================== */
.map {
  position: relative;
  width: 100%;
  padding-top: 56.25% !important;
}
.map iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
@media all and (max-width: 480px) {
.map {
  padding-top: 100% !important;
}
}
@media print {
.map {
  padding-top: 100% !important;
}
}


/* 理念
================================================== */
.philosophy	{
	margin-top: -20px;
 position: relative;
}
.philosophy p	{
	font-size: 1.8rem;
	line-height: 2;
	margin-bottom: 10px;
}
.philosophy .List	{
	width: 484px;
	margin: 0 auto 50px;
}
.philosophy .List p	{
	font-size: 2.4rem !important;
	font-weight: 700 !important;
	color: #e6989e;
	padding-left:2em;
	text-indent:-2.2em;
	margin-bottom: 10px;
}
.philosophy .Logo	{
	text-align: center;
	margin: 50px 0;
}
@media all and (max-width: 768px) {
.philosophy	{
	margin-top: 0px;
}
.philosophy p	{
	font-size: 1.6rem;
}
.philosophy .List	{
	width: 404px;
	margin: 0 auto 30px;
}
.philosophy .List p	{
	font-size: 2rem !important;
	margin-bottom: 5px;
}
.philosophy .Logo img	{
	width: 300px;
}
}
@media all and (max-width: 568px) {
.philosophy .List	{
	width: 100%;
	margin: 0 0 30px;
}
}
@media all and (max-width: 480px) {
.philosophy p	{
	font-size: 1.4rem;
}
.philosophy .List p	{
	font-size: 1.6rem !important;
	margin-bottom: 5px;
}
.philosophy .Logo	{
	margin: 30px 0;
}
.philosophy .Logo img	{
	width: 200px;
}
}


/* 経歴／プロフィール
================================================== */
.stepbar {
  margin: 0 auto;
  width: 95%;
}
.stepbar .stepbarwrap {
  padding: 0 0 40px;
  position: relative;
}
.stepbar .stepbarwrap .steptitle {
  display: flex;
}
.stepbar .stepbarwrap .steptitle .stepcircle {
  display: inline-block;
		flex-basis: 16px;
  width: 16px !important;
  height: 16px !important;
		margin-right: 25px;
  content: "";
  border-radius: 50%;
  background-color: #6bb7c7;
  border: 1px solid #6bb7c7;
}
.stepbar .stepbarwrap .steptxt {
  flex-basis: calc(100% - 16px);
		display: flex;
}
.stepbar .stepbarwrap .steptxt .title {
		flex-basis: 120px;
  margin: -0.5em 20px 0.5em 0;
  font-weight: 400;
  font-size: 4rem;
		color: #43b1c8;
		font-family: "Kaisei Decol", serif;
		letter-spacing: 0.1rem;
}
.stepbar .stepbarwrap .steptxt .txt {
		flex-basis: calc(100% - 120px);
  font-size: 1.6rem;
		margin: -0.5em 0 0.5em;
}
.stepbar .stepbarwrap .steptxt .txt strong {
 font-size: 2rem;
	font-weight: 500;
	margin: 0 0 0.5em;
	display: block;
}
.stepbar .stepbarwrap .stepline {
  width: 1px;
  height: calc(100% + 1em);
  background-color: #6bb7c7;
  position: absolute;
  top: 1em;
  left: 0.5em;
  z-index: 1;
}
.stepbarwrap:last-of-type .stepline:last-of-type {
	background-color: #ccc;
}

@media screen and (max-width: 768px) {
.stepbar .stepbarwrap .steptitle .stepcircle {
		margin-right: 15px;
}
.stepbar .stepbarwrap .steptxt .title {
	margin: -0.44444em 20px 0.5em 0;
  font-size: 3rem;
		flex-basis: 80px;
}
.stepbar .stepbarwrap .steptxt .txt strong {
  font-size: 1.8rem;
}
}
@media screen and (max-width: 480px) {
.stepbar {
  width: 100%;
}
.stepbar .stepbarwrap .steptxt {
		display:block;
}
.stepbar .stepbarwrap .steptxt .title {
		margin: -0.36666em 20px 0.5em 0;
  font-size: 2.6rem;
}
.stepbar .stepbarwrap .steptxt .txt {
		font-size: 1.4rem;
}
.stepbar .stepbarwrap .steptxt .txt strong {
  font-size: 1.8rem;
}
}


/* 資格
================================================== */
.licenseList {
	list-style: circle;
 /*list-style:disc;*/
	padding-left: 50px; 
	margin-top: -20px;
	font-size: 1.8rem;
}
.licenseList li {
 margin-bottom: 10px;
}
.licenseList li:last-child	{
	margin-bottom: 0px;
}
@media all and (max-width: 768px) {
.licenseList {
	padding-left: 40px; 
	margin-top: -10px;
	font-size: 1.6rem;
}
}
@media all and (max-width: 480px) {
.licenseList	{	
	font-size: 1.4rem;
	padding-left: 30px;
}
}