@charset "UTF-8";

.doc_list{
	list-style: none;
}
.doc_list a{
	display: block; border: 1px solid #6D6C6C; border-radius: 12px; padding: 1em;
}
.doc_list li + li{
	margin-top: 10px;
}
.doc_list a[href$=".pdf"]::after{
	font-family: "Font Awesome 5 Free"; content: ""; font-weight: bold; margin-left: 5px;
}

.doc_list02{
	list-style: none;
}
.doc_list02 li{
	border: 1px solid #6D6C6C; border-radius: 12px; padding: 1em;
}
.doc_list02 li + li{
	margin-top: 10px;
}

.doc_list02 a[href$=".pdf"]::after{
	content: "";
}
.doc_list02 a[href*=".doc"]::after{
	content: "";
}

.doc_list02 .note{
	font-size: .85em; margin: 5px 0 1.5em 1em;
}
.doc_list02 figure{
	margin: .5em 0 .5em 0;
}
.doc_list02 figure img{
	max-width: 100%;
}
}

/* ---------------------------------------------------------------------------------------------
	index.html
---------------------------------------------------------------------------------------------*/

#index section{
	margin: 1em auto;
}
#index main a{
	color: #1F2C5C;
}
 
@media screen and ( min-width:1024px ), print {
	#index section{
	margin: 3em auto;
}
}
}
/* ----- ----- ----- ----- ----- ----- ----- ----- */
	/* 医療機関を探す */
/* ----- ----- ----- ----- ----- ----- ----- ----- */

#search_area{
	color: #fff;
}
#search_area > div{
	position: relative; background: #f4a460; background-position: 100% 50%; padding: 1.5em 1.5em 1.5em 22vw;
}
#search_area > div .link a{
	display: block; color: #fff; background: #f4a460; font-size: 1.2em; font-weight: bold; text-align: center; text-decoration: none; border-radius: 7px; border: 1px solid #fff; margin-bottom: .8em; padding: .8em;
}
#search_area > div .link a:hover{
	background: #f8b500;
}

@media screen and ( min-width:271px ) and ( max-width:1023px ) {
	#search_area > div{padding: 2em 2em 2em 2em; }

	#search_area > div br{display: none;}
}


#search_area2{
	color: #000;
}
#search_area2 > div{
	position: relative ; background: #f8b500; background-position: 100% 50%; padding: 1.5em 1.5em 1.5em 22vw;
}
#search_area2 > div .link a{
	display: block ; color: #fff; background: #f8b500; font-size: 1.2em; font-weight: bold; text-align: center; text-decoration: none; border-radius: 7px; border: 1px solid #fff; margin-bottom: .8em; padding: .8em;
}
#search_area2 > div .link a:hover{
	background: #f8b500;
}

@media screen and ( min-width:271px ) and ( max-width:1023px ) {
	#search_area2 > div{padding: 2em 2em 2em 2em; }

	#search_area2 > div br{display: none;}
}


/* ----- ----- ----- ----- ----- ----- ----- ----- */
	/* 医師会からのお知らせ */
/* ----- ----- ----- ----- ----- ----- ----- ----- */

#news_area h3{
	color: #1F2C5C; font-size: 1.25em; border: 1px solid #f4a460; border-top: 1px solid #f4a460; padding: .8em 1.5em;
}
#news_area .news_wrap{
	background: #FFF; border: 1.2px solid #f4a460; 
}

/*カテゴリー*/
[class^="cat_"]::before{
	width: 10em; color: #fff; text-align: center; border-radius: 4px; display: block; padding: 4px 0; margin: 0 0 10px 0;
}
.cat_old::before{
	content: "---"; background:#fff; color: #fff;
}
.cat_off::before{
	content: "事務局"; background: #6ea6c6; color: #fff;
}
.cat_chisan::before{
	content: "産業保健"; background: #87c93e; color: #fff;
}
.cat_new::before{
	content: "NEW"; background:#df8100; color: #fff;
}
.cat_c::before{
	content: ""; background:#F2F2F2; color: #fff;
}

#news_area .news_wrap{
	padding: 0 .8em;
}
#news_area .news_wrap > div{
	padding: .8em 0;
}
#news_area .news_wrap > div > div { display: flex; }
#news_area .news_wrap > div > div a:hover{
	text-decoration: underline;
}
#news_area .news_wrap > div + div{
	border-top: 2px dotted #f4a460;
}
#news_area .news_wrap > div span{
	margin-right: 1em;
}
#news_area .news_list_btn{
	text-align: right;
}
#news_area .news_list_btn a{
	display: inline-block; border: 1px solid #f4a460; border-radius: 4px; text-align: center; padding: 0 10px; margin: 0 auto 0 0 ;
}
#news_area .news_list_btn a:hover{
	background: #f4a460; color: #FFF;
}

@media screen and ( min-width:1024px ), print {
	[class^="cat_"]::before{
	width: 10em; display: inline-block; margin: 0 1em 0 0; padding: 2px 10px;
}
	#news_area .news_wrap > div > div{
	display: inline;
}
	#news_area .news_wrap > div p{
	display: inline;
}
}

@media screen and ( min-width:1024px ), print {
	#search_area > div{
	background : linear-gradient(to right, #f4a460 50%, transparent 65%) 100% center / 100% auto repeat scroll padding-box border-box, url(../img/searchbanner.jpg) 100% 60% / 55% auto repeat scroll padding-box border-box transparent; padding : 2em;
}
	#search_area > div::before{
	font-size: 4em; left: 10px;
}
	#search_area > div .link a{
	display: inline-block; width: 16em;
}
	#search_area > div br{
	display: none;
}
}

@media screen and ( min-width:1024px ), print {
	#search_area2 > div{
	background : linear-gradient(to right, #b7d8d8 50%, transparent 65%) 100% center / 100% auto repeat scroll padding-box border-box, url(../img/searchbanner2.jpg) 100% 10% / 100% auto repeat scroll padding-box border-box transparent; padding : 2em;
}
	#search_area2 > div::before{
	font-size: 4em; left: 10px;
}
	#search_area2 > div .link a{
	display: inline-block; width: 16em ;
}
	#search_area2 > div br{
	display: none;
}
}

/* ----- ----- ----- ----- ----- ----- ----- ----- */
	/* 関連コンテンツ */
/* ----- ----- ----- ----- ----- ----- ----- ----- */

.related_contents_item{
	position: relative; display: flex; justify-content: center; flex-wrap: wrap; grid-gap: 1em; background : url(../img/bk.jpg) 
}
.related_contents_item a{
	width: 100%; position: relative; border-radius: 7px; padding: 3em 0;
}
.related_contents_item a:hover{
	box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3);
}
.related_contents_item figure{
	text-align: center;
}
.related_contents_item figcaption{
	position: relative; font-size: 1.1em; text-align: center; top: 1.5em;}
.related_contents_item img{
	max-width: 100%; transition: .6s;
}
.related_contents_item a:hover img { transform: scale(1.2); transition: .6s; }

.parent {
  display: flex;
}

@media screen and ( min-width:670px ), print {
	.related_contents_item { flex-wrap: nowrap; column-gap: 1em; }
}
@media screen and ( max-width:669px ) {
 
.related_contents_item a{
	width: 46%; 
}

}
 


/* ---------------------------------------------------------------------------------------------
	about.html - 医師会について
---------------------------------------------------------------------------------------------*/

#About section{
	font-size: 1rem; margin: 0 auto 3em auto;
}
#About figure img{
	max-width: 100%;
}
#About .map{
	margin: 0 0 1em 0;
}
#About .map iframe{
	width: 100%; height: 450px;
}
#About #officer_list table{
	white-space: nowrap;
}

@media screen and ( min-width:1024px ), print {
	#About section{
	margin: 0 auto 4em auto;
}
	#About figure.jurisdiction{
	width: 80%; margin: 0 auto;
}
	#About figure.jurisdiction img { image-rendering: -webkit-optimize-contrast; }
}

/*top-p*/

}#greeting .photo2{
	text-align: center;
}
#greeting .photo2 figcaption{
	text-align: center;  font-weight: bold; margin: .5em 0 1em 0;
}
#greeting .photo2 img{
	max-width: 70%;
}
#greeting p{
	line-height: 2; margin-bottom: 1.5em;
}
#greeting p a{
	text-decoration: underline;
}
#greeting p a:hover{
	text-decoration: none;
}
#greeting .reverse { display: flex; flex-wrap: wrap; flex-direction: column-reverse; }
#greeting .float_none{
	clear: both;
}

.news_list{
	margin-bottom: 4em;
}
.news_list > div{
	display: flex; padding: 5px 20px;
}
.news_list .date{
	margin-right: 20px;
}
.news_list div a[href$=".pdf"]::after{
	font-family: "Font Awesome 5 Free"; content: "\f1c1"; font-weight: bold; margin-left: .5em;
}

@media screen and ( min-width:1024px ), print {
	#greeting .photo2{
	float: right;  width: 50%; text-align: right; margin: 0 0 0 2em;
}
	#greeting .photo2 figcaption{
	white-space: nowrap;
}
	#greeting .reverse{
	display: inherit;
}
}

/*会長挨拶*/

}#greeting .photo{
	text-align: center;
}
#greeting .photo figcaption{
	text-align: center;  font-weight: bold; margin: .5em 0 1em 0;
}
#greeting .photo img{
	max-width: 100%;
}
#greeting p{
	line-height: 2; margin-bottom: 1.5em;
}
#greeting p a{
	text-decoration: underline;
}
#greeting p a:hover{
	text-decoration: none;
}
#greeting .reverse { display: flex; flex-wrap: wrap; flex-direction: column-reverse; }
#greeting .float_none{
	clear: both;
}

.news_list{
	margin-bottom: 4em;
}
.news_list > div{
	display: flex; padding: 5px 20px;
}
.news_list .date{
	margin-right: 20px;
}
.news_list div a[href$=".pdf"]::after{
	font-family: "Font Awesome 5 Free"; content: "\f1c1"; font-weight: bold; margin-left: .5em;
}

@media screen and ( min-width:1024px ), print {
	#greeting .photo{
	float: right;  width: 20%; text-align: right; margin: 0 0 0 2em;
}
	#greeting .photo figcaption{
	white-space: nowrap;
}
	#greeting .reverse{
	display: inherit;
}
}


/* ---------------------------------------------------------------------------------------------
	contact.html - お問い合わせ
---------------------------------------------------------------------------------------------*/

#Contact article{
	font-size: 1rem; margin: 0 auto 3em auto;
}

@media screen and ( max-width:670px ) {	
	#Contact table.table02 td{
	border: none;
}
	#Contact table.table02 td:nth-child(n+2){
	border: none;
}
	#Contact table.table02 .head{
	display: none;
}
	#Contact table.table02 td{
	display: block;
}
	#Contact table.table02 td:first-child{
	background: #f5f5f5; color: #666; font-weight:bold;
}
	#Contact table.table02 td::before{
	content: attr(data-label); font-weight: bold; color: #999; display: block;
}
	#Contact table.table02 td:first-child br{
	display: none;
}
}


/* ---------------------------------------------------------------------------------------------
	link.html - リンク集
---------------------------------------------------------------------------------------------*/

#Link article{
	font-size: 1rem; margin: 0 auto 3em auto;
}

#Link_list{
	list-style: none;
}
#Link_list > li{
	border-top: 1px dotted #ccc; padding: 5px 10px;
}
#Link_list:last-child > li:last-child{
	border-bottom: 1px dotted #ccc;
}
#Link_list li ul{
	margin: 2px 0 0 1.5em;
}
#Link_list li ul li{
	padding: 5px 0;
}


/* ---------------------------------------------------------------------------------------------
	sitemap.html - サイトマップ
---------------------------------------------------------------------------------------------*/

#Sitemap article{
	font-size: 1rem; margin: 0 auto 3em auto;
}

#sitemap_list ul{
	list-style: none;
}
#sitemap_list > ul > li{
	border-top: 1px dotted #ccc; padding: 5px 10px;
}
#sitemap_list > ul > li::before{
	font-family: "Font Awesome 5 Free"; content: "\f0da"; font-size: 1.1em; font-weight: 900; color: #1890CF; margin-right: 0.5em;
}
#sitemap_list > ul:last-child > li:last-child{
	border-bottom: 1px dotted #ccc;
}
#sitemap_list > ul li ul{
	margin: 2px 0 0 1.5em;
}
#sitemap_list > ul li ul li{
	padding: 5px 0;
}

/* ---------------------------------------------------------------------------------------------
	news.html - お知らせ一覧
---------------------------------------------------------------------------------------------*/

#News article{
	margin-bottom: 3em;
}
#News .news_wrap{
	background: none;
}

/* ---------------------------------------------------------------------------------------------
	お知らせ個別ページ
---------------------------------------------------------------------------------------------*/

#News_page article{
	font-size: 1rem; margin-bottom: 3em;
}
#News_page section + section{
	margin-top: 1em;
}
#News_page .data{
	font-weight: bold; margin-bottom: .5em;
}
/*
#News_page section a.attachment::after { margin: 0 0 0 5px; }
#News_page section a[href$=".pdf"].attachment::after { content: "\f1c1"; }
#News_page section a[href*=".doc"].attachment::after { content: "\f1c2"; }
#News_page section a[href*=".xls"].attachment::after { content: "\f1c3"; }
*/
#News_page .attachment{
	border:  solid #ccc; border-width: 1px 0 1px 0; margin-top: 1.5em; padding: 1em 0 1em 1em;
}

/* 検索結果のページ送りブロック  22.06.01 Ts Style T.Hasegawa
---------------------------------------------------------------------------*/
.nav_menu{
	text-align: center; padding: 1em; line-height: 1.75em; font-size: 1em;
}
.page_nav { justify-content: center; }
.page_nav ul{
	display: flex; justify-content: center; list-style-type: none;
}
.page_nav li{
	float: left;
}
.page_nav li + li{
	margin-left: 2em;
}
.page_nav a { /*color: #202C60;*/ }
.page_nav a::before{
	margin-right: 2px;
}
.page_nav a:hover{
	text-decoration: underline;
}


/* 検索結果のページ送りブロック  22.06.01 Ts Style T.Hasegawa
---------------------------------------------------------------------------*/
.nav_menu{
	text-align: center; padding: 1em; line-height: 1.75em; font-size: 1em;
}
.page_nav { justify-content: center; }
.page_nav ul{
	display: flex; justify-content: center; list-style-type: none;
}
.page_nav li{
	float: left;
}
.page_nav li + li{
	margin-left: 2em;
}
.page_nav a { /*color: #202C60;*/ }
.page_nav a::before{
	margin-right: 2px;
}
.page_nav a:hover{
	text-decoration: underline;
}



/* ---------------------------------------------------------------------------------------------
	member - 会員専用ページ
---------------------------------------------------------------------------------------------*/

#Member_top section{
	font-size: 1rem; margin: 0 auto 3em auto;
}
#Member_top #news_area .news_wrap{
	background: none;
}
#Member_top #news_area .news_wrap > div:last-child{
	border: none;
}
#Member_top #news_area .news_list_btn a{
	color: #1F2C5C;
}
#Member_top #news_area .news_list_btn a:hover{
	color: #fff;
}
.cat_member::before{
	content: "会員向け"; background: #9588ca; color: #fff;
}
#Member_top table.office{
	table-layout: fixed; margin-bottom: .5em;
}
#Member_top table.office th{
	font-weight: normal; text-align: left;
}
#Member_top table.office th{
	padding: 0 .5em;
}
#Member_top table.office td{
	padding: 0 1em;
}
#items_handled .item{
	margin-bottom: 1em;
}

/*
	#Member_top table.office th { display: block; width: 100%; }
	#Member_top table.office td { display: inline-block; width: 50%; height: 100%; }
*/
/*	#Member_top table.office th, #Member_top table.office td { display: block; width: 100%; }*/
	
/*	#Member_top table.office td { display: ; width: 50%; }*/
/*
	#Member_top table.office td { border: none; }
	#Member_top table.office td:nth-child(n+2) { border: none; }
	#Member_top table.office .head { display: none; }
	#Member_top table.office td { display: block; }
	#Member_top table.office td:first-child { background: #f5f5f5; color: #666; font-weight:bold; }
	#Member_top table.office td:before { content: attr(data-label); font-weight: bold; color: #999; display: block; }
	#Member_top table.office td:first-child br { display: none; }
*/
}