/* クリニック紹介
------------------------------------------------ */
.introduction .mt40{
    margin-top: 40px;
}
.introduction .theme{
	margin: 0 0 50px 0;
	font-size: 114%;
}
.introduction .theme h2{
	margin: 0 0 20px 0;
    background: none;
}
.introduction .theme h3{
	font-size: 120%;
	margin: 0 0 5px 0;
	font-weight: bold;
}
.introduction .theme span{
	display: block;
}
.introduction .theme .orange{
	color: #efaa55;
	width: 222px;
	float: left;
	margin: 0 15px 0 0;
	padding: 70px 45px;
	text-align: center;
	background: url(../images/introduction/bg_theme001.png) no-repeat center center;
}
.introduction .theme .green{
	color: #46ab78;
	width: 223px;
	float: left;
	margin: 0 15px 0 0;
	padding: 70px 50px;
	text-align: center;
	background: url(../images/introduction/bg_theme002.png) no-repeat center center;
}
.introduction .theme .blue{
	color: #42a6d4;
	width: 215px;
	padding: 70px 50px;
	float: left;
	text-align: center;
	background: url(../images/introduction/bg_theme003.png) no-repeat center center;
}

/* 呼吸器
------------------------------------------------ */
.respiratory .page-title {
    background: url(../images/respiratory/bg_h1.jpg) center no-repeat;
    background-size: cover;
}
.respiratory img{
    max-width: 100%;
    height: auto;
}
.respiratory .symptoms{
    margin: 0 0 0 -2%;
}
.respiratory .symptoms .Box{
    width: 31%;
    margin: 2% 0 0 2%;
    float: left;
}
.respiratory .symptoms .Box p{
    margin: 10px 0 0 0;
    text-align: center;
}

.respiratory .col2{
    margin: 2% 0 0 0;
}
.respiratory .col2 .imgArea{
    width: 48%;
    float: left;
}
.respiratory .col2 .textArea{
    width: 48%;
    float: right;
}
.respiratory .col2 .textArea h4.frast{
    margin: 0 0 10px 0;
}
.respiratory .col2 .textArea h4{
    margin: 25px 0 10px 0;
}
.respiratory .col2 ul{
    margin: 0;
}

.respiratory .flow_design .flow {
  padding-left: 0;
  border-bottom: solid 1px #E1E8ED;
}
.respiratory .flow_design .flow > li {
  list-style-type: none;
  display: flex;
  padding: 20px 0;
  border-top: solid 1px #E1E8ED;
}
.respiratory .flow_design .flow > li dl dt {
  font-size: 1.2em;
  line-height: 2;
  font-weight: bold;
  margin-bottom: 10px;
}
.respiratory .flow_design .flow > li .icon {
  line-height: 1;
  font-size: 2em;
  font-weight: bold;
  color: #0f9265;
  text-align: center;
  width: 70px;
  position: relative;
  margin-top: 0;
}
.respiratory .flow_design .flow > li .icon::before {
  content: 'STEP';
  font-size: 0.3em;
  display: block;
  margin-bottom: 3px;
  letter-spacing: 1px;
}
.respiratory .flow_design .flow > li .icon::after {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 40px);
  background-color: #0f9265;
  position: absolute;
  left: 0;
  right: 0;
  top: 60px;
  margin: auto;
}
.respiratory .flow_design .flow > li dl dd {
  margin: 0;
}
.respiratory .flow_design .flow > li dl {
  width: calc(100% - 70px);
  margin-top: 0.8em;
}
.respiratory .flow_design .flow > li p.img img{
  width: 350px;
}
.respiratory .flow_design .flow > li.caution{
  text-align: center;
  background: #f00;
  color: #fff;
  padding: 15px 0;
  display: block;
  font-weight: bold;
  font-size: 120%;
}

/* 皮膚科
------------------------------------------------ */
.dermatology .page-title {
    background: url(../images/dermatology/bg_h1.jpg) center no-repeat;
    background-size: cover;
}
.dermatology img{
    max-width: 100%;
    height: auto;
}
.dermatology .symptoms{
    margin: 0 0 0 -2%;
}
.dermatology .symptoms .Box{
    width: 31%;
    margin: 2% 0 0 2%;
    float: left;
}
.dermatology .symptoms .Box p{
    margin: 10px 0 0 0;
    text-align: center;
}

.dermatology .waku{
    border: #DDABA7 solid 2px;
    background: #FDE6DF;
    padding: 2%;
    margin: 40px 0 0 0;
}
.dermatology .waku .col2{
    margin: 0;
}


.dermatology .col2{
    margin: 2% 0 0 0;
}
.dermatology .col2 .imgArea{
    width: 48%;
    float: left;
}
.dermatology .col2 .textArea{
    width: 48%;
    float: right;
}
.dermatology .col2 .textArea h4.frast{
    margin: 0 0 10px 0;
}
.dermatology .col2 .textArea h4{
    margin: 25px 0 10px 0;
}
.dermatology .col2 ul{
    margin: 0;
}

.dermatology .flow_design .flow {
  padding-left: 0;
  border-bottom: solid 1px #E1E8ED;
}
.dermatology .flow_design .flow > li {
  list-style-type: none;
  display: flex;
  padding: 20px 0;
  border-top: solid 1px #E1E8ED;
}
.dermatology .flow_design .flow > li dl dt {
  font-size: 1.2em;
  line-height: 2;
  font-weight: bold;
  margin-bottom: 10px;
}
.dermatology .flow_design .flow > li .icon {
  line-height: 1;
  font-size: 2em;
  font-weight: bold;
  color: #0f9265;
  text-align: center;
  width: 70px;
  position: relative;
  margin-top: 0;
}
.dermatology .flow_design .flow > li .icon::before {
  content: 'STEP';
  font-size: 0.3em;
  display: block;
  margin-bottom: 3px;
  letter-spacing: 1px;
}
.dermatology .flow_design .flow > li .icon::after {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 40px);
  background-color: #0f9265;
  position: absolute;
  left: 0;
  right: 0;
  top: 60px;
  margin: auto;
}
.dermatology .flow_design .flow > li dl dd {
  margin: 0;
}
.dermatology .flow_design .flow > li dl {
  width: calc(100% - 70px);
  margin-top: 0.8em;
}
.dermatology .flow_design .flow > li p.img img{
  width: 350px;
}
.dermatology .flow_design .flow > li.caution{
  text-align: center;
  background: #f00;
  color: #fff;
  padding: 15px 0;
  display: block;
  font-weight: bold;
  font-size: 120%;
}

/* オンライン診療
------------------------------------------------ */

.online .page-title {
	color: #fff;
    background: url(../images/online/img_mainvisual.jpg) center no-repeat;
    background-size: cover;
	padding: 150px 0;
	text-align: center;
}
.online .page-title h1 {
    padding: 0;
    color: #fff;
	margin: 0 0 10px 0;
}
.online .page-title p.copy {
    font-size: 200%;
}

.online .content .layout-3col {
    margin-left: -40px;
}
.online .content .layout-3col .layout-unit {
    margin-left: 40px;
}


.online dl.slidetoggle_menu dt{
	padding: 15px 0 5px 25px;
	border-bottom: #139365 dotted 1px;
	background: url(../images/online/bg_question.gif) no-repeat 0 1.1em;
}
.online dl.slidetoggle_menu dd {
	padding: 5px 0 5px 25px;
	display:none;
	background: url(../images/online/bg_answer.gif) no-repeat 0 0.6em;
}


.online .buttonArea{
	width: 560px;
	margin: 40px auto 0 auto;
}
.online .buttonArea img{
	width: 100%;
	height: auto;
}
.online .buttonArea .leftBox{
	width: 226px;
	float: left;
}
.online .buttonArea .rightBox{
	width: 280px;
	float: right;
}


.reserve .page-title {
    background: url(../images/bg_h1_introduction.jpg) center no-repeat;
    background-size: cover;
}
.reserve .prevnext{
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    -webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.reserve .prevnext:after{
    display: none;
}

.reserve table tr th{
    width:100px;
    text-align: center;
    vertical-align: middle;
}
.reserve table tr td{
    width:calc(100% - 100px);
}
.reserve table tr td p{
    line-height: 32px;
    margin-bottom: 5px;
    position: relative;
    padding-left: 100px;
    word-break: break-word;
}
.reserve table tr td p span{
    width:85px;
    text-align: center;
    line-height: 28px;
    font-size:14px;
    color:#FFFFFF;
    position: absolute;
    top:2px;
    left:0;
    display: inline-block;
    background: #000000;
    font-weight: bold;
}
.reserve table tr td p.geka span{
    background: #CC0000;
}
.reserve table tr td p.ichonaika span{
    background: #800080;
}
.reserve table tr td p.naika span{
    background: #008000;
}
.reserve table tr td p.kokyukinaika span{
    background: #FFCC00;
}
.reserve table tr td p.hifuka span{
    background: #0000FF;
}
.reserve table tr td p.hinyokika span{
    background: #00CCFF;
}
.reserve table tr td p.koumongeka span{
    background: #FF00FF;
}
.reserve table tr td p.syokakinaika span{
    background: #00CC00;
}
.reserve table tr td p.seikeigeka span{
    background: #FFa500;
}
.reserve table tr td p:last-child{
    margin-bottom: 0px;
}