@charset "utf-8";

/* ========================================
  外来
======================================== */

  /**RIGHT**/
  
  #out_contents{
    padding: 50px 50px 100px 50px;
  }
  
  .out_card_area{
    max-width: 100%;
  }
  
  .out_card_box{
    display: flex;
    justify-content: center;
  }
  
  .out_card_item{
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
    width: 45%;
    display: inline-block;
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid #d4d5d5;
    border-radius: 3px;
    box-sizing: border-box;
    z-index: 0;
  }

   .out_card_item::after{
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-left: 6px solid transparent;
    border-right: 6px solid rgba(0,117,185);
    border-bottom: 6px solid rgba(0,117,185);
    bottom: 5px;
    right: 5px;
    word-break: break-all;
  }

  .out_card_item:last-child::after{
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-left: 6px solid transparent;
    border-right: 6px solid rgba(189,29,32);
    border-bottom: 6px solid rgba(189,29,32);
    bottom: 5px;
    right: 5px;
    word-break: break-all;
  }
  
  .out_card_name{
    font-size: 140%;
    color: #0075b9;
}

  .out_card_name_red{
    font-size: 140%;
    color: rgba(189,29,32);
  }
  
  .out_item,
  .out_item_red{
    padding-top: 20px;
    box-sizing: border-box;
  }
  
  .out_item img{
    padding-bottom: 10px;
    border-bottom: 1px solid #0075b9;
    box-sizing: border-box;
  }

  .out_item_red img{
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(189,29,32);
    box-sizing: border-box;
  }
  
  .out_text_red,
  .out_text_blue{
    padding-top: 20px;
    font-size: 90%;
    line-height: 1.3;
    box-sizing: border-box;
  }

  .out_text_red{
    color:  rgba(189,29,32);
  }

  .out_text_blue{
    color:  #0075b9;
  }
  
  .out_card_item a{
    padding: 60px 40px;
    display: block;
    text-decoration: none;
  }
  
  .out_card_item .blue{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(137, 179, 203, 0.2));
    box-sizing: border-box;
    z-index: -1;
  }

  .out_card_item .red{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(100,29,32,0.1));
    box-sizing: border-box;
    z-index: -1;
  }
  
  .category_title{
    padding-bottom: 10px;
    margin-top: 30px;
    margin-bottom: 20px;
    max-width: 100%;
    font-size: 150%;
    font-weight: normal;
    color: #371b09;
    text-align: left;
    vertical-align: middle;
	line-height: 150%;
    box-sizing: border-box;
    border-bottom: 1px solid #371b09;
  }
  
  .category_title span{
    margin-left: 10px;
  }
  
  .category_title img{
    margin-left: 10px;
    max-width: 40px;
    vertical-align: middle;
    box-sizing: border-box;
  }
  
  .category_item{
    padding: 10px;
    max-width: 100%;
  }
  
  .category_item div{
    padding: 10px 5px;
    width: 24%;
    border: 1px solid #0075b9;
    display: inline-block;
    box-sizing: border-box;
  }
  
  .inbox{
    padding: 0px 2.5%;
  }
 
  .out_card_list{
    display: none;
  }

  .out_card_list_area{
    display: none;
  }

#out_navi_area{
    display: none;
  }

.acd_navi_area{
    display: none;
  }

.acd_navi_area a{
  text-decoration: none;
}

@media screen and (max-width:1000px){
  
  #out_contents{
    padding: 25px 25px 50px 25px;
  }
  
  #out_navi_area{
    margin-top: 40px;
    width: 100%;
    display: inline-block;
    background-color: rgba(229,229,229,0.7);
  }
  
  #out_navi{
    padding-top: 10px;
    padding-bottom: 10px;
    background: #371b09;
    box-sizing: border-box;
  }
  
  .out_navi{
    padding-top: 20px;
    padding-bottom: 20px;
    background: #371b09;
    box-sizing: border-box;
  }
  
  #out_navi img{
    margin-right: 5px;
    max-width: 40px;
  }
  
  .out_acd{
    margin: 0 auto;
    display: inline-block;
  }
  
  .out_acd span{
    display: inline-block;
    color: #ffffff;
    vertical-align: middle;
  }
  
  .bottom_arrow{
    margin: 0 auto;
    display: block;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top:10px solid #371b09;
  }
  
  .acd_navi_area{
    padding-bottom: 10px;
    display: block;
    background-color: rgba(229,229,229,0.7);
    box-sizing: border-box;
  }
  
  .acd_navi_box{
    margin: 10px 10px 0 10px;
    background: #ffffff;
  }
  
  .co_blue{
    color: #0075b9!important;
  }
  
  .co_blue::before,
  .co_blue::after{
    background-color: #0075b9!important;
  }
  
  .acd_title{
    padding-top: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    display: block;
    color: #000000;
    text-align: left;
    font-size: 110%;
    border-top: 1px solid rgba(255,255,255,1.00);
    border-bottom: 1px solid rgba(202,201,200,1.00);
    box-sizing: border-box;
  }
  
  .acd_title_ins{
    position: relative;
    padding-top: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    display: block;
    color: #000000;
    text-align: left;
    font-size: 110%;
    border-top: 1px solid rgba(255,255,255,1.00);
    border-bottom: 1px solid rgba(202,201,200,1.00);
    box-sizing: border-box;
  }
  
  .acd_title_ins_last{
    position: relative;
    padding-top: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    display: block;
    color: #000000;
    text-align: left;
    font-size: 110%;
    border-top: 1px solid rgba(255,255,255,1.00);
    box-sizing: border-box;
  }
  
  .acd_title_on{
    padding-top: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    display: block;
    color: #000000;
    text-align: left;
    font-size: 110%;
    box-sizing: border-box;
  }
  
  .acd_title:last-of-type,
  .acd_title_on:last-of-type{
    border-bottom: none;
  }
	
  .acd_title_f:last-of-type{
    border-bottom: 1px solid rgba(202,201,200,1.00);
  }
  
  .acd_title::after,
  .acd_title_on::after{
    content: "";
    position: absolute;
    margin: auto;
    right: 30px;
    top: 0;
    bottom: 0;
    width: 2px;
    height: 15px;
    background-color: #000000;
    transition: all 0.3s;
  }
  
   .acd_title::before,
   .acd_title_on::before{
    content: "";
    position: absolute;
    margin: auto;
    margin-right: 10px;
    right: 20px;
    top: 0;
    bottom: 0;
    width: 2px;
    height: 15px;
    background-color: #000000;
    transition: all 0.3s;
  }
  
  .acd_title_ins::before,
  .acd_title_ins::after{
    display: none;
  }
  
  .acd_content{
    margin: 0;
    max-height: 0;
    overflow: hidden;
  }
  
  .acd_content_on{
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    background: #ffffff;
    max-height: 800px;
    overflow: hidden;
  }

  .acd_content p,
  .acd_content_on p{
    position: relative;
    margin: 0;
    padding: 20px 20px 0px 30px;
    font-size: 90%;
    color: #0075b9;
    text-align: left;
    line-height: 1.5;
  }
  
  .acd_content .out_select,
  .acd_content_on .out_select{
    margin: 0;
    padding: 20px;
    display: block;
    font-size: 90%;
    color: #000000;
    text-align: left;
    text-decoration: none;
    border-bottom: 1px solid #bbcdda;
    line-height: 1.5;
  }
  
  .acd_content .out_select:last-child,
  .acd_content_on .out_select:last-child{
    border-bottom: none;
  }
  
  .acd_content p a,
  .acd_content_on p a{
    color: #371b09;
    text-decoration: none;
  }
  
  .acd_content p:last-child,
  .acd_content_on p:last-child{
    padding-bottom: 20px;
  }
  
  .acd_content p::before,
  .acd_content_on p::before{
    position: absolute;
    content: "";
    width: 3px;
    height: 3px;
    background: #371b09;
    border-radius: 5px;
    top: 30px;
    left: 20px;
  }
  
  .acd_check,
  .acd_check_on{
    display: none;
  }
  
  .acd_title, .acd_content{
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    transition: all 0.3s;
  }
  
  .acd_title_on, .acd_content_on{
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    transition: all 1.5s;
  }
  
  .acd_check:checked ~ .acd_title{
    border-bottom: none;
  }
  
  .acd_check_on:checked ~ .acd_title_on{
    border-top: 1px solid rgba(255,255,255,1.00);
    border-bottom: 1px solid rgba(202,201,200,1.00);
  }
  
  .acd_check_on:checked ~ .acd_title_on:first-of-type{
    border-top: none;
  }
  
  .acd_check:checked + .acd_title + .acd_content {
    max-height: 800px;
    transition: all 1.5s;
  }
  
  .acd_check_on:checked + .acd_title_on + .acd_content_on {
    max-height: 0px;
    transition: all 0.3s;
  }
  
  .acd_check:checked + .acd_title::after {
    transform: rotate(225deg) !important;
  }
  
  .acd_check_on:checked + .acd_title_on::after {
    transform: rotate(90deg) !important;
  }
  
  .acd_check:checked + .acd_title::before {
    transform: rotate(135deg) !important;
  }
  
  .acd_check_on:checked + .acd_title_on::before {
    transform: rotate(0deg) !important;
  }
  
  .acd_title::after {
    transform: rotate(90deg);
  }
  
  .acd_title_on::after {
    transform: rotate(225deg);
  }
  
  .acd_title::before {
    transform: rotate(0deg);
  }
  
  .acd_title_on::before {
    transform: rotate(135deg);
  }
  
  .acd_check:checked ~ .acd_content{
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    background: #ffffff;
  }
  
  .acd_check_on:checked ~ .acd_content_on{
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }
  
  .acd_check:checked ~ .acd_content:last-child{
    margin-bottom: 0;
  }
  
  .acd_check_on:checked ~ .acd_content_on:last-child{
    margin-bottom: 20px;
  }
  
}

@media screen and (max-width:640px){
  
  #out_contents{
    padding: 10px 10px 25px 10px;
  }
  
  .out_card_list_area{
    padding-top: 40px;
    padding-bottom: 20px;
    display: block;
    border-top: 1px solid rgba(202,201,200,1.00);
    border-bottom: 1px solid rgba(202,201,200,1.00);
    box-sizing: border-box;
  }
  
  .out_card_list{
    margin: 0 auto;
    position: relative;
    margin-bottom: 20px;
    width: 90%;
    display: block;
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid #d4d5d5;
    border-radius: 3px;
    box-sizing: border-box;
    box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.15);
  }
  
  .out_card_list:last-child{
    margin-bottom: none;
  }
  
  .out_card_list a{
    padding: 25px 10px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    text-decoration: none;
    box-sizing: border-box;
  }
  
  .card_img{
    height: 70px;
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
  }

  .card_img img{
    max-width: 100%;
    height: auto;
  }
  
  .line_area,
  .line_area_red{
    width: 5%;
    z-index: 1;
  }
  
  .line_area span,
  .line_area_red span{
    margin: 0 auto;
    display: inline-block;
    width: 1px;
    height: 20px;
    background: #0075b9;
  }
  
  .line_area_red span{
    background: rgba(189,29,32);
  }
  
  .card_title,
  .card_title_red{
    width: 30%;
    text-align: left;
    font-size: 110%;
    color: #0075b9;
    z-index: 1;
  }
  
  .card_title_red{
    color: rgba(189,29,32);
  }
  
  .card_sub_text,
  .card_sub_text_red{
    width: 45%;
    text-align: left;
    color: #0075b9;
    line-height: 20px;
    font-size: 90%;
    z-index: 1;
  }
  
  .card_sub_text_red{
    color: rgba(189,29,32);
  }
  
  .list_blue::before,
  .list_red::before{
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    width: 100%;
    height: 3px;
    border-radius: 3px; 
    border-bottom: 1px solid rgba(255,255,255,0.6);
  }
  
  .list_blue::after,
  .list_red::after{
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-left: 6px solid transparent;
    border-right: 6px solid rgba(0,117,185);
    border-bottom: 6px solid rgba(0,117,185);
    bottom: 5px;
    right: 5px;
    word-break: break-all;
  }
  
  .list_red::after{
    border-right: 6px solid rgba(189,29,32);
    border-bottom: 6px solid rgba(189,29,32);
  }
  
  .back_grade{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(137, 179, 203, 0.2));
    box-sizing: border-box;
    z-index: 0;
  }
  
  .back_grade_red{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(100,29,32,0.1));
    box-sizing: border-box;
    z-index: 0;
  }
  
  .out_card_area{
    display: none;
  }
  
}
  
/*=========================================*/
/* CKD */
/*=========================================*/

/* CKDロゴ - index */
	#ckd_logo{
		display: -webkit-flex;
		display: flex;
	}

	#ckd_logo dt{
		border-bottom: none;
	}

	#ckd_logo dd{
		border-bottom: none;
	}


@media screen and (min-width: 1001px){
	#ckd_logo{
		flex-flow: row;
	}

	#ckd_logo dt{
		flex-basis: auto;
		padding: 0px 30px 0px 0px;
	}

	#ckd_logo dd{
		flex-basis: auto;
		width: 100%;
	}
}

@media screen and (max-width: 1000px){
	#ckd_logo{
		flex-flow: row;
	}

	#ckd_logo dt{
		flex-basis: auto;
		padding: 0px 25px 0px 0px;
	}

	#ckd_logo dd{
		flex-basis: auto;
		width: 100%;
	}
}

@media screen and (max-width: 640px){
	#ckd_logo{
		flex-flow: column;
	}

	#ckd_logo dt{
		flex-basis: 100%;
		width: 100%;
		max-width: 200px;
		margin: 0px auto 20px auto;
		padding: 0px 0px 0px 0px;
	}

	#ckd_logo dd{
		flex-basis: 100%;
		width: 100%;
	}
}


/* CKDステージ - index */
#ckd_stage{
	border-collapse: collapse;
	margin: auto;
}

#ckd_stage tr th{
	background-color: #F0F0C8;
}

#ckd_stage tr td{
	background-color: #fff;
}

#ckd_stage tr th:first-of-type,
#ckd_stage tr td:first-of-type{
	vertical-align: middle;
}

#ckd_stage tr td img{
	display: block;
}


@media screen and (min-width: 1321px){
	#ckd_stage tr th,
	#ckd_stage tr td{
		box-sizing: border-box;
		width: calc(100% / 7);
		padding: 15px 20px;
		border: 1px solid #cccccc;
		font-size: 13px;
		line-height: 1.6;
	}

	#ckd_stage tr th{
		text-align: center;
	}

	#ckd_stage tr td img{
		margin: 0px auto 5px auto;
	}

	#ckd_stage tr td p{
		text-align: center;
	}
}

@media screen and (max-width: 1320px){
	#ckd_stage tr th,
	#ckd_stage tr td{
		box-sizing: border-box;
		width: calc(100% / 7);
		padding: 15px;
		border: 1px solid #cccccc;
		font-size: 12px;
		line-height: 1.6;
	}

	#ckd_stage tr th{
		text-align: left;
	}

	#ckd_stage tr td img{
		margin: 0px auto 5px auto;
	}

	#ckd_stage tr td p{
		margin: 5px 0px 0px 0px;
		text-align: left;
	}
}

@media screen and (max-width: 700px){
	.scroll{
		overflow: scroll;
		white-space: nowrap;
	}

	#ckd_stage {
		min-width: 700px;
		margin-bottom: 10px;
	}


	#ckd_stage tr th,
	#ckd_stage tr td{
		box-sizing: border-box;
		width: calc(100% / 7);
		padding: 13px;
		border: 1px solid #cccccc;
		font-size: 11px;
		line-height: 1.6;
	}

	#ckd_stage tr th{
		text-align: left;
	}

	#ckd_stage tr td img{
		margin: 0px auto 5px auto;
	}

	#ckd_stage tr td p{
		margin: 5px 0px 0px 0px;
		text-align: left;
	}
}

/* 検査入院 画像 - inspection */
.page_contents_area .inbox img.ins_img{
	width: 100%;
	max-width: 700px;
	height: auto;
	border: 1px solid #cccccc;
}


/*=========================================*/
/* アンケート */
/*=========================================*/

body{
	background-image: url(../images/background.gif);
}


/*----- clearfix -----*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
	/**/

#survey_area{
	width:100%;
	background-color:#fff;
	margin:20px auto;
	padding:30px 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
	overflow:hidden;
	text-align: left;
}


/*▼区別用なので邪魔な時は削除してください▼*/
#survey_area ul li.none{display:none;}
/*▲区別用なので邪魔な時は削除してください▲*/

#survey_title{
	text-align:center;
	margin-bottom:20px;
}

#survey_clouse{
	position:absolute;
	margin-left:530px;
}

p.survey_text{
	font-size:14px;
	color:#646464;
	line-height:180%;
	width: calc(100% - 50px);
	margin:0 auto 20px !important;
}

#survey_cdk_flow{
	text-align:center;
}

#survey_cdk_flow img{
	width: calc(100% - 50px);
	max-width: 596px;
}

#survey_cdk_flow img.survey_cdk_flow_pc{
	display: inline;
}

#survey_cdk_flow img.survey_cdk_flow_sp{
	display: none;
}

#survey_clouse{
	text-align:center;
}

#survey_form_area{
	width: calc(100% - 60px);
	max-width: 566px;
	margin:0 auto 20px;
	padding:15px;
	background-color:#fff;
	border:solid 1px #ccc;
}

.survey_form_box{
	margin-bottom:10px;
	padding:3px 0px;
}

.survey_form_box_left{
	float:left;
	text-align:right;
	width:240px;
	padding-right:20px;
}

.survey_form_box_left img{
	margin-top:3px;
}

.survey_form_box_right{
	vertical-align:middle;
}

.survey_form_box_right input[type="text"]{
	margin-right:5px;
	padding:5px;
	border:solid 1px #ccc;
	color:#646464;
	width:70px;
	text-align:right;
}

.survey_form_box_right input[type="text"]:hover{
	border:solid 1px #969696;
}

.survey_form_box_right input[type="text"]:focus{
	background-color:#fafaf0;
}



.survey_form_box_right input[type="radio"]{
	position:absolute;
	top:0;
	opacity: 0;
}

.survey_form_box_right input[type="radio"] + label {
	background-image:url(../survey/images/radio_off.gif);
	background-size:31px 27px;
	background-position:left center;
	background-repeat:no-repeat;
	padding:5px 5px 13px 35px;
	margin-right:15px;
}

.survey_form_box_right input[type="radio"]:checked + label{
	background-image:url(../survey/images/radio_on.gif);
}

#survey_form_btn_area{
	padding-top:10px;
}

#survey_form_btn_check{
	text-align: center;
}

.survey_form_box_right img{
	padding-top:3px;
}


@media screen and (max-width: 600px) {

#survey_form_area form{
	width:240px;
	margin-left: auto;
	margin-right: auto;
}


.survey_form_box_left{
	width:auto;
}

#survey_form_area .survey_form_box:nth-of-type(3) .survey_form_box_left{
	float: none;
	width:166px;
	margin-bottom: 10px;
}

#survey_form_area .survey_form_box:nth-of-type(3) .survey_form_box_right{
	margin-left: 57px;
}

#survey_cdk_flow img.survey_cdk_flow_pc{
	display: none;
}

#survey_cdk_flow img.survey_cdk_flow_sp{
	display: inline;
	max-width:341px;
}

#survey_cdk_flow img.survey_cdk_flow_sptate{
	width:243px;
}

#kekka_bottom_comment {
    margin: 0 !important;
}

}



/* 診断結果 */
.kekka_title{
	text-align:center;
}

#kekka_area{
	margin:20px 0px;
	color:#646464;
	display: flex;
  justify-content: center;
}

#kekka_area_graph{
	text-align:center;
}

#kekka_area_box{
	position:absolute;
	margin-top:52px;
}

#kekka_area_img{
	text-align:center;
	max-width:650px;
}

#kekka_area_date{
	text-align:center;
	font-size:30px;
	margin:10px 0px 0px 0px;
}

#kekka_area_text{
	text-align:center;
	font-size:14px;
}

#kekka_bottom{
	width:calc(100% - 50px);
	margin:0 auto;
	padding-bottom:20px;
	color:#646464;
	text-align:center;
}

#kekka_bottom_stage{
	font-size:14px;
	margin-bottom:10px;
}

#kekka_bottom_date{
	text-align:center;
	font-size:30px;
	margin-bottom:5px;
}

#kekka_bottom_comment{
	max-width: 540px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	font-size:14px;
}

#kekka_bottom_btn{
	margin-top:20px;
	text-align:center;
}


/*=========================================*/
/* 痛風治療 */
/*=========================================*/

/*check*/
@media screen and (min-width: 1001px) {
	#check_caution p {
		font-size: 16px;
	}

	#check_caution p span {
		display: block;
		margin: 5px 0px 5px 20px;
		color: #3c1e0a;
		font-weight: bold;
	}
}

@media screen and (max-width: 1000px) {
	#check_caution p {
		font-size: 16px;
	}

	#check_caution p span {
		display: block;
		margin: 5px 0px 5px 20px;
		color: #3c1e0a;
		font-weight: bold;
	}
}

@media screen and (max-width: 640px) {
	#check_caution {
		box-sizing: border-box;
		width: 85%;
		margin: 40px auto;
		padding: 20px;
		background-color: #fff;
		border-radius: 10px;
	}

	#check_caution p {
		font-size: 14px;
	}

	#check_caution p span {
		display: block;
		margin: 3px 0px 3px 0px;
		color: #3c1e0a;
		font-weight: bold;
	}
}

@media screen and (max-width: 400px) {
	#check_caution {
		box-sizing: border-box;
		width: 100%;
		margin: 35px auto;
		padding: 15px;
		background-color: #fff;
		border-radius: 10px;
	}

	#check_caution p {
		font-size: 14px;
	}

	#check_caution p span {
		display: block;
		margin: 3px 0px 3px 0px;
		color: #3c1e0a;
		font-weight: bold;
	}
}

ul#checklist li {
	vertical-align: middle;
	border-bottom: 1px dotted #c4c2c0;
}

ul#checklist li:last-of-type {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: none;
}

ul#checklist li span {
	color: #532709;
	font-weight: bold;
}

@media screen and (min-width: 1321px) {
	ul#checklist li {
		padding: 0px 0px 18px 0px;
		margin: 0px 0px 18px 0px;
		font-size: 14px;
	}

	ul#checklist li span {
		display: inline-block;
		margin-left: 15px;
	}
}

@media screen and (max-width: 1300px) {
	ul#checklist li {
		padding: 0px 0px 15px 0px;
		margin: 0px 0px 15px 0px;
		font-size: 14px;
	}

	ul#checklist li span {
		display: inline-block;
		margin-left: 15px;
	}
}

@media screen and (max-width: 1000px) {
	ul#checklist li {
		padding: 0px 0px 15px 0px;
		margin: 0px 0px 15px 0px;
		font-size: 14px;
	}

	ul#checklist li span {
		display: inline-block;
		margin-left: 15px;
	}
}

@media screen and (max-width: 640px) {
	ul#checklist li {
		display: flex;
		padding: 0px 0px 13px 0px;
		margin: 0px 0px 13px 0px;
		font-size: 13px;
	}

	ul#checklist li span {
		display: inline-block;
		margin-left: 15px;
	}
}

/* emergency */
.page_contents_area .inbox ul.image_list {
	width: 500px;
}

@media screen and (max-width: 640px) {
	.page_contents_area .inbox ul.image_list {
		width: 100%;
	}
}

/* 検査入院 画像 - inspection */
.page_contents_area .inbox img.ins_img {
	width: 100%;
	max-width: 700px;
	height: auto;
}

/* ========================================
  入院
======================================== */

/*入院のご案内ボタン*/
.inbox .pdf_btn_div{
	text-align: center;
}

@media screen and (min-width: 1201px){
a.pdf_btn {
	display: inline-block;
	width: 400px;
	height: auto;
	padding: 10px 30px 10px 30px;
	margin: auto 0 auto 0;
	color: #fff;
	font-size: 14px;
	line-height: 310%;
	text-decoration: none;
	background-color: #0078b7;
	border-radius: 30px;
}
a.pdf_btn::before {
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: -3px 10px 0 0;
	background:url("../hospitalization/images/btn_icon.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
}

a.pdf_btn:hover {
	color: #fff;
	background: #00729e;
}
}
@media screen and (max-width: 1200px){
a.pdf_btn {
	display: inline-block;
	width: 270px;
	height: auto;
	padding: 10px 30px 10px 30px;
	margin: auto 0 auto 0;
	color: #fff;
	font-size: 14px;
	line-height: 250%;
	text-decoration: none;
	background-color: #0078b7;
	border-radius: 30px;
}
a.pdf_btn::before {
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	margin: -3px 10px 0 0;
	background:url("../hospitalization/images/btn_icon.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
}

a.pdf_btn:hover {
	color: #fff;
	background: #00729e;
}
}
@media screen and (max-width: 400px){
a.pdf_btn {
	display: inline-block;
	width: 200px;
	height: auto;
	padding: 10px 30px 10px 30px;
	margin: auto 0 auto 0;
	color: #fff;
	font-size: 14px;
	line-height: 250%;
	text-decoration: none;
	background-color: #0078b7;
	border-radius: 30px;
}
a.pdf_btn::before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: -3px 10px 0 0;
	background:url("../hospitalization/images/btn_icon.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
}

a.pdf_btn:hover {
	color: #fff;
	background: #00729e;
}			
}


/* ========================================
  掲示事項
======================================== */

/*掲示事項のご案内ボタン*/
.inbox .pdf_btn_div{
	text-align: center;
}

@media screen and (min-width: 1201px){
a.pdf_btn_k {
	display: inline-block;
	width: 400px;
	height: auto;
	padding: 10px 30px 10px 30px;
	margin: auto 0 auto 0;
	color: #fff;
	font-size: 14px;
	line-height: 310%;
	text-decoration: none;
	background-color: #371b09;
	border-radius: 30px;
}
a.pdf_btn_k::before {
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: -3px 10px 0 0;
	background:url("../images/btn_icon.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
}

a.pdf_btn_k:hover {
	color: #fff;
	background: #00729e;
}
}
@media screen and (max-width: 1200px){
a.pdf_btn_k {
	display: inline-block;
	width: 270px;
	height: auto;
	padding: 10px 30px 10px 30px;
	margin: auto 0 auto 0;
	color: #fff;
	font-size: 14px;
	line-height: 250%;
	text-decoration: none;
	background-color: #371b09;
	border-radius: 30px;
}
a.pdf_btn_k::before {
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	margin: -3px 10px 0 0;
	background:url("../images/btn_icon.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
}

a.pdf_btn_k:hover {
	color: #fff;
	background: #00729e;
}
}
@media screen and (max-width: 400px){
a.pdf_btn_k {
	display: inline-block;
	width: 200px;
	height: auto;
	padding: 10px 30px 10px 30px;
	margin: auto 0 auto 0;
	color: #fff;
	font-size: 14px;
	line-height: 250%;
	text-decoration: none;
	background-color: #371b09;
	border-radius: 30px;
}
a.pdf_btn_k::before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: -3px 10px 0 0;
	background:url("../images/btn_icon.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
}

a.pdf_btn_k:hover {
	color: #fff;
	background: #371b09;
}			
}