@import url(sanitize.css);

body {
    /* background-color: #f9fff9; */
	font-family: BIZ UDGothic,AXIS,Meiryo UI,sans-serif;
/*    font-family:'Meiryo', sans-serif; */
}
h1 {
	font-size: 16px;
    margin: 0;
}
label {
    display: block;
    margin-bottom: .5em;
}

.copy {
	font-family: sans-serif;
}

.address {
	display: flex;
	flex-direction: column;
	width: 366px;
/*	min-width: 366px;	*/
	margin: 0;
	padding: 0 0 10px 0;
}
#content {
    background-color: #fff;
    width: 990px;
    margin: 10px auto;
    /* border: 1px solid #d1d1d1; */
    padding: 30px;
}
header {
    background-color: #fff;
    width: 100%;
}
#menuarea {
    background-color: #fff;
	/* width: 260px; */
	/* width: 490px; */
/*    border: 1px solid #000;
	float: left;	*/
}

/* ハンセン病について・看護部　メニューに使用(一部お知らせに使用) */
.container{
	table-layout: fixed; /* 各列の幅を均等にする */
	text-align: center; 
    width: 100%; /* 親要素いっぱいにテーブルを広げる */
}
.equal{
	margin: auto; 
	width: auto; /* 各列の幅を均等にする */
	border: 1px solid #C0C0C0; /* セルに境界線を追加 */
	border-top: none; /* 上の線消去 */
}

.container .equal{
	/* ハンセン病とはの高さ セル全てをリンクにするのでpadding不可 */
	height: 40px;
}
.pc_only .equal{
	/* 看護部のセル部分の高さ */
	height: 48.4;
}

tr .equal a{
	/* セル部分をリンクにする */
	display: block;
	height: 100%;
}

.equal .widelink{
	/* 看護部 セル部分の文字位置調整 */
	padding: 1em 0 0 0; 
}
.equal .widelink_p { 
	/* 看護部 セル部分の文字位置調整 */
	padding: 0.4em 0 0 0; 
}

.equal a,
.other tr td a{ 
	text-decoration: none; /* リンクの下線を消す */
}
.equal:hover,
.other tr td:hover,
.reverse:hover,
.menu button:hover,
#modoru button:hover{ 
	/* マウスオーバー */
	background-color: #B4E9A1;
}
.reverse {
	background-color: #e0efe7f2;
}

/* 看護インターンシップに使用 */
.internship_box {
	padding: 0.5em 1.5em; /* 上下 左右 */
	margin: 0em 0 0 0em;
	font-weight: 600;
	color: #000000; /*文字色*/
	background: #ffffff;
	border: solid 3px #ff66cc; /*線*/
	border-radius: 1.5em; /*角の丸み*/
	display: inline-block;
}
.kango{
	font-size: 105%;
}
.kango th{
	white-space: nowrap; /* 勝手に折り返さない */
	vertical-align: top; /* 上詰め */
	padding: 0.5em; /* 上下 左右 */
	text-align-last: justify; /* 均等割り付け */
}
.kango td{
	vertical-align: top; /* 上詰め */
	padding: 0.5em; /* 上下 左右 */

}

/* 看護体験に使用 */
.box_green {
	padding: 0.5em 1em; /* 上下 左右 */
	margin: 1em 0 0 1em;
	font-weight: 600;
	color: #000000; /*文字色*/
	background: #ffffff;
	border: solid 3px #99cc66; /*線*/
	display: inline-block;
}

/* 診療科に使用 */
.sinryoka .list th, td{
	border: 2px solid #fff;
}
.sinryoka .list th {
	background-color: #1cade4; 
	color: #fff;
	height: 30px;
	padding: 0.5em; /* 上下 左右 */
}
.sinryoka .list td {
	height: 22px;
	padding: 0.5em; /* 上下 左右 */
}
.sinryoka .dark {
	background-color: #cce3f5;
	color: #000;
}
.sinryoka .pale {
	background-color: #e7f1fa;
	color: #000;
}
/* お知らせメニュー */
.other{
	height: 44px; /*高さ*/
	margin: auto; /*中央指定*/
	text-align: center; /*文字を中心に*/
	width: 100%; /* 親要素いっぱいにテーブルを広げる */
}
.other tr td{
	border: 1px solid #C0C0C0; /* セルに境界線を追加 */
}
.other tr td.nbsp1:hover,
.other tr td.nbsp2:hover,
.other tr td.range2:hover {
    background-color: #f9fff9; /* 背景色を同じに */
}
.other tr td.nbsp1,
.other tr td.nbsp2,
.other tr td.range2 {
    background-color: #f9fff9; /* 背景色を同じに */
}
.other .widelink { /* セルをリンクにする */
	display: block;
	height: 100%;
	padding: 0.7em 0 0 0; 
}

.other .widelink_t { 
	display: block;
	height: 100%;
	padding: 0.6em 0 0 0; 
}


/* 調達情報 */
.chotatsu_box {
	padding: 0.5em 0.5em; /* 上下 左右 */
	margin: 0em 0 0 0em;
	background: #ffffff;
	border: solid 1px #000; /*線*/
	display: inline-block;
	width: 95%; /* 親要素の幅の95% */
}
/* 年報、啓発資料 */
.nenpou_box {
	display: inline-block; /* 幅が内容に合わせて変わるようにする */
	line-height: 1.3em;
	background: #5D94E7;
	border: 1px solid #4169E1;
	font-family: BIZ UDGothic, AXIS, Meiryo UI, sans-serif;
	font-weight: 600;
	color: #FFFFFF;
	margin: 5px auto;
	padding: 0.5em 0.8em; /* 上下 左右 */
}

/* 採用情報 */
.moji_mds {
	font-size: 105%;
	font-weight: 600;
}
h2{
	font-size: 1.5em;
	text-align: center;
}

/* ポインタ変更 */
.yubisasi{
    cursor: pointer;
}

#mainarea {
   background-color: #fff;
   width: 620px;
/*    border: 1px solid #000;
   float: right;	*/
}
newsarea {
    background-color: #fff;
    width: 100%;
}

input {
    border: none;
    border-bottom: 1px solid #d1d1d1;
    font-size: 16px;
    padding: 8px;
    width: 100%;
}

.green_border {
	height: 0px;
	/* border: 1px solid; */
	color: #339999;	/*#439D23;*/
	margin-top: 0;
	margin-bottom: 0.5em;
}

.button {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	line-height: 1.3em;
	width: 200px;
	min-width: 200px;
	height: 30px;
	border: 1px solid #4169E1;
	margin: 0.5px; /* 上右下左 */
}

.button a {
	display: flex;
	justify-content: center;
	align-items: center; 
	text-align: center;
	vertical-align: middle;
	/* color: #FFFFFF; */
	/* color: #000000; */
	text-decoration: none;
	width: 100%;
	height: 100%;
}

.button.m_green {
	background: #7EC492;
	border: 1px solid #339999;
}

.button.d_blue {
	background: #5D94E7;
}

.button.d_purple {
	background: #6662A4;
}

.button a:hover {
	background: #4169E1;
	color: #FFFFFF;
}


button {
/* //    width: 100%; */
    width: 260px;
	height: 50px;
    background-color: #7EC492;	/*33FF99*/
    color: #000;
    font-family:'Meiryo', sans-serif;
	font-size: 20px;
    font-weight: bold;
    border: 6px outset #339999;	/*3399CC (3399FF)33CCCC*/
    /* border: 3px solid #117EA7; */
    /* border: 5px groove #117EA7; */
    /* border: 6px ridge #3399CC; */
    padding: 3px;
    margin: 0 0 10px 0;
    border-radius: 0;
    /* border-radius: 3px; */
    /* box-shadow: 0 0 8px rgba(0, 0, 0, .4); */
}

.modoru {
	width: 200px;
	min-width: 200px;
	height: 40px;
	margin: 5px;
}
.mailbutton {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	vertical-align: middle;
	/* color: #000000; */
	text-decoration: none;
	/* width: 100%; */
	/* height: 100%; */
    width: 260px;
    color: #000;
    font-family:'Meiryo', sans-serif;
	font-size: 20px;
    font-weight: bold;
    border: 5px solid #FF3333;
    padding: 5px;
    margin: 0 0 10px 0;
    border-radius: 0;
}
.mailbutton a {
	color: #000000;
	text-decoration: none;
}
.underline{
	text-decoration: none;
}

.kochira {
	width: 220px;
	min-width: 220px;
	height: 40px;
    margin: 10px 0 0 10px; /* 上・右・下・左 */
}

.required {
    background-color: #fee;
    color: #f33;
    padding: 3px;
    font-size: .9em;
    font-weight: bold;
    margin-left: .3em;
}

.contents, .contents2 img {
	/* width: auto; */
	width: 100vw;
	/* max-width: 100%; */
	/* height: auto; */
	/* display: block; */
	margin-left: auto;
	margin-right: auto;
}

.moji_130 {
	font-size: 130%;
}

.moji_120 {
	font-size: 120%;
}

.moji_110 {
	font-size: 110%;
}

.moji_105 {
	font-size: 105%;
}

.moji_95 {
	font-size: 95%;
}

.moji_90 {
	font-size: 90%;
}

.moji_85 {
	font-size: 85%;
}

.moji_80 {
	font-size: 80%;
}

.moji_75 {
	font-size: 75%;
}

.moji_b {
	font-weight: 600;
}

.moji_b2 {
	font-weight: 550;
}

.moji_u {
	text-decoration: underline;
}

.moji_bu {
	font-weight: 600;
	text-decoration: underline;
}

.moji_red {
	color: #FF0033;
}

.moji_blue {
	color: #0070C0;
}

.moji_blue_sd {
	color: #0070C0;
	text-shadow: 1px 1px 3px #6699FF;	/* #1CADE4; */
}

.moji_black {
	color: #000000;
}

.moji_white {
	color: #FFFFFF;
}

.moji_white_sd {
	color: #FFFFFF;
	text-shadow: 1px 1px 3px #000080;
}

.moji_green1 {
	color: #52BF2B;
}

.moji_green1_sd {
	color: #339999; /*#196C0E;	*/
	text-shadow: 1px 1px 3px #7EC492;	/* #52BF2B; */
}

.moji_green2 {
	color: #196C0E;
}

.moji_dblue {
	color: #003366;
}

.moji_mail {
	font-weight: normal;
}

.nowrap {
	white-space: nowrap; /* 勝手に折り返さない */
}

.right {
	float: right;
}

.left {
	float: left;
}

.lh0 {
	line-height: 0
}

.lh3 {
	line-height: 0.3em;
}

.lh5 {
	line-height: 0.5em;
}

.lh7 {
	line-height: 0.7em;
}

.lh8 {
	line-height: 0.8em;
}

.lh10 {
	line-height: 1em;
}

.lh12 {
	line-height: 1.2em;
}

.lh13 {
	line-height: 1.3em;
}

.lh15 {
	line-height: 1.5em;
}

.lh17 {
	line-height: 1.7em;
}

.lh20 {
	line-height: 2em;
}

.mg1 {
	margin: 0.1em 0 0 0.1em;
}

.mg2 {
	margin: 0.2em 0 0 0.2em;
}

.mg5 {
	margin: 0.5em;
}

.mg5_rbl {
	margin: 0 0.5em; /* 上下 左右 */
}

.mg10 {
	margin: 1em;
}

.mg10_rbl {
	margin: 0 1em; /* 上下 左右 */
}

.indent0 {
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0;
}

.indent102 {
	padding-left: 0.2em;
	margin-top: 0px;
	margin-bottom: 0px;
}

.indent103 {
	padding-left: 0.3em;
	margin-top: 0px;
	margin-bottom: 0px;
}

.indent1 {
	padding-left: 0.5em;
	margin-top: 0px;
	margin-bottom: 0px;
}

.indent2 {
	padding-left: 1em;
	margin-top: 0px;
	margin-bottom: 0px;
}

.indent3 {
	padding-left: 1.5em;
	margin-top: 0px;
	margin-bottom: 0px;
}

.indent10 {
	padding-left: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.indent15 {
	padding-left: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.indent20 {
	padding-left: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.tume {
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.al_right {
	text-align: right;
}

.al_center {
	text-align: center;
}

.al_left {
	text-align: left;
	align-items: left;
}
.val_bottom {
	vertical-align: text-bottom;
	vertical-align: bottom;
}

.val_middle {
	vertical-align: text-middle;
	vertical-align: middle;
}

.inquiry {
	text-align: left;
	display: block;
	margin-left: 10px;
}

.inquiry p {
	text-align: left;
	display: inline-block;
	margin-right: 100px;
}



.scroll_bar{
   background-color: #fff;
   border: 1px #999999 solid;
   overflow-y: scroll;
	/* overflow: scroll; */
   width: auto;
   height: 300px; 
}
/*
.scroll_bar::-webkit-scrollbar{
   width: 16px;
}
.scroll_bar::-webkit-scrollbar-track{
   background-color: #fff;
   border: 2px solid #ccc;
}
.scroll_bar::-webkit-scrollbar-thumb{
   background-color: #1CADE4;
}
.scroll_bar::-webkit-scrollbar-button{
   background-color: #1CADE4;
   border: 3px solid #fff;
   border-radius: 20px;
}
*/

.title_bar {
	display: flex;
	flex-direction: column;
	justify-content: center;
	line-height: 1.3em;
	width: 100%;
	min-width: 100%;
	background: #7EC492;		/* #5D94E7; */
	border: 1px solid #339999;	/* #4169E1; */
	font-family: BIZ UDGothic,AXIS,Meiryo UI,sans-serif;
	font-weight: 600;
	font-size: 110%;
	color: #000000;		/* #FFFFFF; */
	margin: 5px auto;
	padding: 0.5em 0 0.5em 0.8em; /* 上右下左 */
}

.title_bar a {
	color: #FFFFFF;
	text-decoration: none;
}

.title_bar2 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	line-height: 1.3em;
	width: 100%;
	min-width: 100%;
	height: 45px;
    background-color: #7EC492;	/*33FF99*/
    color: #000;
    font-family:'Meiryo', sans-serif;
	font-weight: 600;
	font-size: 110%;
    border: 6px outset #339999;	/*3399CC (3399FF)33CCCC*/
    padding: 3px;
    /* margin: 0 0 10px 0; */
    border-radius: 0;
	margin: 2% auto;
	padding: 0.75em 0 0.5em 0.5em; /* 上右下左 */
}

.title_bar2 a {
	color: #FFFFFF;
	text-decoration: none;
}

.btmmenu {
	-js-display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	max-width: 990px;
}

.btmdish {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	line-height: 1.3em;
	margin: 2px;
}

.btmdish a {
	display: flex;
	flex-direction: column;
	align-items: center; 
	text-align: center;
	text-decoration: none;
	line-height: 1.3em;
	margin: 2px;
}
.info_img img ,
.access_img img {
    max-width: 100%; /* 親要素の幅に合わせて最大幅を調整 */
    height: auto; /* アスペクト比を維持 */
}
.saiyo_img{
	max-width: 30%;
	height: auto;
	float: right;
}

.byoto img{
	max-width: 40%;
	height: auto;
	float: right;
}

.link_img,
.nenpou_img{
	max-width: 50%;
	height: auto;
}
/* お知らせハンセン病コ メディカル */
.hansen-medical{
	max-width: 75%; /* 親要素の幅に合わせて最大幅を調整 */
	height: auto;
}

/*PCの設定 display990以上*/
@media screen and (min-width: 990px) {
/*	.pc_only{ display: block }	*/
	.sp_only {
		display: none
	}
	#content {
	    border: 1px solid #d1d1d1;
	}

	body {
		background-color: #f9fff9;
		width: 990px;
		margin-right: auto;
		margin-left: auto;
	}

	#viewarea {
		background: #ffffff;
		width: 100%;
		border: 1px solid #cccccc;
		margin: 2% auto;
	}

	#header {
		padding: 15px 15px 5px 15px; /* 上右下左 */
	}

	#footer {
		padding: 0px 15px 5px 15px; /* 上右下左 */
	}

	#contents {
		background: #ffffff;
		width: 90%;
		padding: 10px;
		border: 1px solid #cccccc;
		margin: 2% auto;
		font-family: BIZ UDGothic,AXIS,Meiryo UI,sans-serif;
		line-height: 1.5em;
	}

	#contents2, #modoru {
		background: #ffffff;
		width: 96%;
		padding: 10px;
		margin: 2% auto;
		/* padding: 0; */
		/* font-family: BIZ UDGothic,AXIS,Meiryo UI,sans-serif; */
		line-height: 1.5em;
	}

	#guide {
		background: #ffffff;
		width: 80%;
		padding: 10px;
		border: 1px solid #cccccc;
		margin: 2% auto;
	}

	.concept p {
		position: absolute; /*絶対配置*/
		font-weight: 600; /*太字に*/
		top: 2em;
		left: 1.5em;
		margin: 0;
		padding: 0;
	}

	/* フッター */
	.footer_flex{
		display: flex;
	}
    .footer_left, .footer_right {
        width: 50%; /* 幅を50%に設定 */
    }
    .footer_right {
        text-align: right; /* 右揃え */
		margin: 10px 0; /* 各要素の上下にマージンを設定 */
    }
	
    /* 診療科 */
    .sinryoka .rangeL {
        width: 219px; /*左側の幅*/
    }
    .sinryoka .rangeR {
        width: 657px; /*右側の幅*/
    }

	/* お知らせなど */
	.other .info{
		width: 110px;
	}
	.other .nbsp1{
		width: 80px;
	}
	.other .guest{
		width: 124px;
	}
	.other .nbsp2{
		width: 49px;
	}
	.other .adoption{
		width: 99px;
	}
	.other .range2{
		width: 32px;
	}
	.other .chotatsu{
		width: 123px;
	}
	.other .link{
		width: 73px;
	}
	.other .annals{
		width: 165px;
	}
	.hansen-medical{
		max-width: 75%; /* 親要素の幅に合わせて最大幅を調整 */
		height: auto;
	}
	
	/* 来客の方へ */
	.guest_flex{
		display: flex;
	}
	.guest_left{
		width: 35%;
	}
	.guest_right{
		width: 65%;
	}

	/* 来客の方へ */
	.bosyu_flex{
		display: flex;
	}
	.bosyu_left{
		width: 65%;
	}
	.bosyu_right{
		width: 35%;
	}


	/* 採用情報 */
	.saiyou_flex{
		display: flex;
	}
	.saiyou_left{
		width: 40%;
	}
	.saiyou_right{
		width: 60%;
	}

	/* 年報、啓発資料 */
	.nenpou_flex{
		display: flex;
	}
	.nenpou_left{
		width: 45%;
	}
	.nenpou_right{
		width: 55%;
	}
	.link_img{
		float: right;
	}

	/* ハンセン病とは */
	.equal .widelink_h{
		/* ハンセン病とは セル部分の文字位置調整 */
		padding: 0.6em 0 0 0; 
	}	

}

/*スマートフォンの設定 display 989以下*/
@media screen and (max-width: 989px) {
	.pc_only {
		display: none
	}

	.sp_only {
		display: block
	}

	#content{
		width: 100%;
	}

	#menuarea {
		width: 100%;
		height: auto;
		margin-left: 0.5px;
		margin-right: 0.5px;
		font-family: BIZ UDGothic,AXIS,Meiryo UI,sans-serif;
		font-weight: 600;
		font-size: 100%;
		padding: 0;
		display: block;
		position: relative;
	}

	header .sp_only {
		display: block;
		position: relative;
/*		background: #93FFAB;	*/
		text-align: right;
	}

	#rectbox {
		width: 10%;
		height: 5vh;
		float: left;
		background: #439D23;
		/* background: #7EC492; */
		position: relative;
		transition: 1s;
		cursor: pointer;
	}

		#rectbox:before {
			content: "";
			display: inline-block;
			padding-top: 100%;
		}

	.rect-menu {
		width: 90%;
		height: 5vh;
		/* background: #93FFAB; */
		background: #7EC492;
		font-size: 1.2rem;
		display: flex;
		position: relative;
		vertical-align: middle;
		text-align: left;
		align-items: center;
	}

		.rect-menu:before {
			content: "";
			display: inline-block;
			padding-top: 11.12%;
		}

	.inner_line {
		top: 0;
		left: 25%;
		width: 50%;
		height: 10%;
		background-color: #ffffff;
		transition: 1s;
		border: 1px solid gray;
		border-radius: 4px;
		margin: 1px auto;
		display: inline-block;
		position: absolute;
		transition: 1s;
		box-sizing: border-box;
	}

	#line1 {
		top: 15%;
	}

	#line2 {
		top: 40%;
	}

	#line3 {
		top: 65%;
	}

	.in {
		transform: translateX(100%);
		position: relative;
		width: 100%;
	}

	.line_1, .line_2, .line_3 {
		background: #000000;
	}

	.line_1 {
		transform: translateY(250%) rotate(45deg);
	}

	.line_2 {
		opacity: 0;
	}

	.line_3 {
		transform: translateY(-250%)rotate(-45deg);
	}

	header nav {
		position: absolute;
		overflow-x: hidden;
		transition: .5s;
		width: 0;
		left: -100%;
		float: none;
		padding: 0; /* nav要素のパディングをリセット */
		margin: 0;  /* nav要素のマージンをリセット */
	}

		header nav .in.open-menu {
			width: 100%;
			height: auto;
		}

		header nav a {
			color: black;
			text-decoration: none;
			white-space: nowrap;
			display: block;
		}

	header .koumoku {
		padding: 0;
		margin: 0; /* ul要素のマージンをリセット */
		margin-bottom: 1em; /* ul要素の下にスペースを追加 */
	}

		header .koumoku li {
			text-indent: 1.5em;
			padding-top: 0.3%;
			padding-bottom: 0.3%;
			list-style: none;
			border: 1px solid #439D23;
		}

	header a {
		color: #000000;
	}

	.header img {
		width: auto;
		height: auto;
		display: block;
		margin-left: auto;
		margin-right: auto;
		z-index: 1;
	}

	#header {
		padding: 5px;
	}

	#footer {
		padding: 0px 5px 5px 5px; /* 上右下左 */
	}

	#contents {
		font-family: BIZ UDGothic,AXIS,Meiryo UI,sans-serif;
		line-height: 1.3em;
	}

	#contents2 {
		font-family: BIZ UDGothic,AXIS,Meiryo UI,sans-serif;
		line-height: 1.3em;
		padding: 0px 5px 5px 5px; /* 上右下左 */
	}

	#address {
		font-size: 100%;
		margin-bottom: 3%;
	}

	#address span {
		display: inline-block;
	}

	.address{
		width: 100%;
		margin: 0;
		padding: 0 0 10px 0;
	}

	.green_border {
		height: 0px;
		color: #339999;	/* #439D23; */
		margin-top: 0;
		margin-bottom: 0.5em;
	}

	.title_bar, .title_bar2 {
		width: 96%;
		min-width: 96%;
	}

	.concept p {
		display: block;
		position: absolute; /*絶対配置*/
		font-weight: 600; /*太字に*/
		font-family: BIZ UDGothic,AXIS,Meiryo UI,sans-serif;
		top: 2em;
		font-size: 80%;
		margin: 0;
		padding: 0;
	}

	.concept img {
		width: auto;
		height: auto;
		display: inherit;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
	}

	.moji_mail {
		font-size: 85%;
	}

	.box_maru {
		font-size: 95%;
	}

	.box_blue {
		font-size: 95%;
	}

	.box_green {
		font-size: 95%;
	}

	.tbl_01_mob th, .tbl_01_mob td {
		font-size: 92%;
	}

	.tbl_02 {
		/*width: 90%;*/
		font-size: 90%;
	}

		.tbl_02 tr {
			display: block;
			float: left;
		}

			.tbl_02 tr td,
			.tbl_02 tr th {
				border-left: none;
				display: block;
			}

		.tbl_02 thead {
			display: block;
			float: left;
			/*width: 30%;*/
		}

			.tbl_02 thead tr {
				width: 100%;
			}

		.tbl_02 tbody {
			display: block;
			float: left;
			/*width: 70%;*/
		}

		.tbl_02 tr td + td {
			border-left: none;
		}

		.tbl_02 tbody td: last-child {
			border-bottom: solid 1px #666666;
		}

	.tbl_04 th, .tbl_04 td {
		display: block; /* ブロックレベル要素化する */
		border-top: 1px solid #666666; /* セルの境界線を実線で指定する */
	}

	.tbl_05 th, .tbl_05 td {
		border-top: none;
		display: table-cell; /* ブロックレベル要素化を無効化する */
		font-size: 85%;
		font-size: 85%;
	}

	.tbl_04_mob td {
		font-size: 92%;
	}

	/* トップページ画像 */
    .container {
        flex-direction: row;
        flex-wrap: wrap; /* 必要に応じて画像が折り返されるように設定 */
        justify-content: center; /* 画像を水平方向に中央揃え */
        padding: 0 10px; /* 画面の端から少し余白を取る */
    }

    .container img {
        flex: 1 1 calc(33.333% - 20px); /* 画像を小さくする */
        height: auto; /* 画像の高さを自動に設定 */
        margin: 10px; /* 画像間のスペースを調整 */
    }

	#menuarea .mailbutton {
        width: 45%; /* 幅を40%に設定 */
        font-size: 16px; /* フォントサイズを小さく */
        padding: 4px; /* パディングを小さく */
		border: 3px solid #FF3333;
	}

	/* 診療科に使用 */
	.sinryoka .list {
		width: 88%;
	}
	.sinryoka .rangeL {
		width: 23%; /*左側の幅*/
	}
	.sinryoka .rangeR {
		width: 67%; /*右側の幅*/
	}

	/* ハンセン病とは */
	.equal .widelink_h{
		/* ハンセン病とは セル部分の文字位置調整 */
		padding: 0.4em 0 0 0; 
	}	
	
}

@media screen and (min-width: 701px) and (max-width: 989px) {
	.concept.pc_only {
		display: block
	}

	.concept.sp_only {
		display: none
	}

	#menuarea .mailbutton {
        width: 30%; /* 幅を30%に設定 */
        font-size: 16px; /* フォントサイズを小さく */
        padding: 4px; /* パディングを小さく */
		border: 3px solid #FF3333;
	}
}

@media screen and (max-width: 700px) {
	.concept.pc_only {
		display: none
	}

	.concept.sp_only {
		display: block
	}

	#content{
		padding:4px;
	}

	#menuarea .menu.sp_only {
		font-size: 75%;
	}

	.moji_b.moji_105 {
		word-break: normal;
	}

	.moji_b.moji_95 {
		word-break: normal;
	}

	.moji_b.moji_90 {
		word-break: normal;
	}

	.lh20 {
		line-height: 1.5em;
	}

	.lh17 {
		line-height: 1.2em;
	}

	/* リンク集写真 */
	.link_img{
		max-width: 60%;
		height: auto;
	}
	.nenpou_img{
		max-width: 55%;
		height: auto;
	}	
}

@media screen and (max-width: 431px) {
	/* iPhone14以下の画面サイズの時 */
	.hansen-medical,
	.link_img,
	.nenpou_img,
	.byoto img{
		max-width: 100%;
		height: auto;
		float: none;
	}
}

@media screen and (max-width: 959px) and (orientation: landscape) {
	/* 横向きの場合のスタイル */
	#rectbox {
		width: 10%;
		height: 7vh;
		float: left;
		background: #439D23;
		position: relative;
		transition: 1s;
		cursor: pointer;
	}

	.rect-menu {
		width: 90%;
		height: 7vh;
		/* background: #93FFAB; */
		background: #7EC492;
		font-size: 1.2rem;
		display: flex;
		position: relative;
		vertical-align: middle;
		text-align: left;
		align-items: center;
	}

		#menuarea .mailbutton {
        width: 30%; /* 幅を30%に設定 */
        font-size: 16px; /* フォントサイズを小さく */
        padding: 4px; /* パディングを小さく */
		border: 3px solid #FF3333;
	}
}