@charset "utf-8";
/* ******************************************************************
 *	File name		: page.css
 *	Summary			: css style
 * ******************************************************************
 */

/* ----------------------------------------------------------------------
   about
---------------------------------------------------------------------- */

#bdid_about #about_vision::before{
	content:" ";
	position:absolute;
	top:0px;
	left:calc(50% - 25px);
	width:50px;
	height:50px;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	background:rgba(51,161,219,1);
	-moz-box-shadow: 0px 0px 5px rgba(51,161,219,1);
	-webkit-box-shadow: 0px 0px 5px rgba(51,161,219,1);
	box-shadow: 0px 0px 40px 40px rgba(51,161,219,1);
	z-index:-1;
	opacity:0.8;
}
#bdid_about #about_vision h2{
	text-align:center;
	border:none;
	font-size:2.0rem;
	margin:0 0 15px;
	padding:0px;
	background:none;
	z-index:10;
	}
	#bdid_about #about_vision h2::before,
	#bdid_about #about_vision h2::after{
		display:none;
}
#bdid_about #about_vision p{
	text-align:center;
}
#bdid_about #about_vision ul#vision_sentence{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	position:relative;
	list-style:none;
	margin:20px 0 0;
	}
	#bdid_about #about_vision ul#vision_sentence li{
		position:relative;
		width:32%;
		min-height:215px;
		padding:16px 10px 16px;
		margin-left: -10px;
	}
	#bdid_about #about_vision ul#vision_sentence li:nth-child(3n+2):last-child{
		margin-right:calc(32% + 23px);
	}
	#bdid_about #about_vision ul#vision_sentence li:nth-child(1){background:url(../../image/page/vision_1.png) no-repeat 8px 20px #004EA2;}
	#bdid_about #about_vision ul#vision_sentence li:nth-child(2){background:url(../../image/page/vision_2.png) no-repeat 8px 20px #004EA2;}
	#bdid_about #about_vision ul#vision_sentence li:nth-child(3){background:url(../../image/page/vision_3.png) no-repeat 8px 20px #004EA2;}
	#bdid_about #about_vision ul#vision_sentence li:nth-child(4){background:url(../../image/page/vision_4.png) no-repeat 8px 20px #004EA2;}
	#bdid_about #about_vision ul#vision_sentence li:nth-child(5){background:url(../../image/page/vision_5.png) no-repeat 8px 20px #004EA2;}

	#bdid_about #about_vision ul#vision_sentence li strong{
		display:-webkit-flex;
		display:flex;
		justify-content:flex-start;
		align-items:center;
		position:relative;
		left:58px;
		width:calc(100% - 58px);
		min-height:75px;
		margin:0 0 15px;
		font-weight:normal;
		font-size:1.05rem;
	}
	#bdid_about #about_vision ul#vision_sentence li p{
		margin:0px;
		text-align:left;
		font-size:0.84rem;
	}

#greeting_nav .box{
	position: relative;
	}
	#greeting_nav .bottom-left {
		position: absolute;
		bottom: 5px;
		left: 320px;
		}
	#greeting_nav .bottom-left b{
		font-size:1.2rem;
}


/* --- responsive --- */
@media screen and (max-width:767px){
	#bdid_about #about_vision h2{
		font-size:1.3rem;
	}
	#bdid_about #about_vision h2 + p br{
		display:none;
	}

	#bdid_about #about_vision ul#vision_sentence li{
		position:relative;
		width:100%;
		min-height:0px;
		}
		#bdid_about #about_vision ul#vision_sentence li:nth-child(3n+2):last-child{
			margin-right:0px;
	}
	#greeting_nav .box{
		position: relative;
		font-size:0.7rem;
		}
	#greeting_nav .bottom-left {
		position: absolute;
		bottom: 5px;
		left: 35px;
		}
	#greeting_nav .bottom-left b{
		font-size:0.85rem;
		}
}

/* ----------------------------------------------------------------------
   維持員
---------------------------------------------------------------------- */

#bdid_about_member section ul{
	column-count: 2;
	list-style:none;
	}
	#bdid_about_member section ul li{
		position:relative;
		width:100%;
		padding:5px 5px 5px 5px;
		border:1px solid rgba(0,0,0,0.2);
	}
	#bdid_about_member section ul li a{
		display:block;
		position:relative;
		width:calc(100% + 10px);
		height:calc(100% + 10px);
		margin:-5px -5px -5px -5px;
		padding:5px 25px 5px 5px;
		font-size:0.84rem;
		text-decoration:none;
		transition-duration:0.5s;
		color:#000;
	}
	#bdid_about_member section ul li a::after{
		content:" ";
		position:absolute;
		top:calc(50% - 6px);
		right:5px;
		border: 6px solid transparent;
		border-left: 6px solid rgba(0,0,0,0.5);
	}
	#bdid_about_member section ul li a:hover{
		background:rgba(0,0,0,0.1);
}

#sct_list{
	position: relative;
	font-size:0.85rem;
	text-align:left;
	margin:0 0 20px 0;
	}
	#sct_list #list_table{
		display: flex;
		width:920px;
		height:auto;
		margin:0;
	}
	#sct_list #list_table .list_th{
		display: flex;
		align-items: center;
		background-color:#E2E3B2;
		width:200px;
		margin:0 4px 5px 0;
		padding:10px;
		vertical-align:top;
	}
	#sct_list #list_table .list_td{
		display: flex;
		align-items: center;
		background-color:#fff;
		width:710px;
		margin:0 0 5px 0;
		padding:10px;
		vertical-align:top;
}


/* --- responsive --- */
@media screen and (max-width:767px){
	#bdid_about_member section ul{
		column-count:1;
	}
	#bdid_about_member section ul li,
	#bdid_about_member section ul li a{
		font-size:0.77rem;
	}
	#sct_list #list_table{
		display: block;
		width:100%;
	}
	#sct_list #list_table .list_th{
		width:100%;
		margin:0 2px 0 0;
		padding:5px 10px;
	}
	#sct_list #list_table .list_td{
		width:100%;
		margin:0 0 12px 0;
		padding:5px 10px;
	}

}

/* ----------------------------------------------------------------------
   事務局
---------------------------------------------------------------------- */

#bdid_jim-office address{
	display:inline-block;
	margin:0 auto 25px;
	padding:7px 15px;
	background:rgba(13,48,138,0.1);
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}

#bdid_jim-office #map{
	display:inline-block;
	width:100%;
	padding:5px;
	border:5px solid rgba(13,48,138,0.5);
	}
	#bdid_jim-office #map iframe{
		width:100%;
		height:100%;
		min-height:450px;
		border:0;
}

/* ----------------------------------------------------------------------
   支部
---------------------------------------------------------------------- */

#bdid_shibu section h3{
	margin:0px;
}
#bdid_shibu section table tr th{
	width: 200px;
}
/* --- responsive --- */
@media screen and (max-width:767px){
}


/* ----------------------------------------------------------------------
   event
---------------------------------------------------------------------- */
/* event_title */
#event_title{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	}
	#event_title h2{
		width:calc(100% - 220px);
	}
	#event_title p{
		width:200px;
		margin:0 0 15px;
		background:rgba(220,55,55,1);
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		line-height:1.3rem;
		color:#FFF;
	}
	#event_title p a{
		display:block;
		position:relative;
		width:100%;
		height:100%;
		padding:15px 15px 10px 30px !important;
		font-weight:normal;
		font-family:'Kosugi Maru', sans-serif;
		font-size:1.0rem;
		text-align:center;
		text-decoration:none;
		color:#FFF;
		transition-duration:0.5s;
		}
		#event_title p a *{
			font-weight:normal;
			font-family:'Kosugi Maru', sans-serif;
	}
	#event_title p a:hover{
		background:rgba(0,0,0,0.1);
	}
	#event_title p a::before,
	#event_title p a::after{
		content:" ";
		position:absolute;
		}
		#event_title p a::before{
			top:0px;
			left:0px;
			width:100%;
			height:100%;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
			border-radius:4px;
			border:3px solid rgba(0,0,0,0.2);
		}
		#event_title p a::after{
			content:" ";
			position:absolute;
			top:calc(50% - 8px);
			left:5px;
			border:8px solid transparent;
			border-right:8px solid rgba(255,255,255,1);
}

.event_style img{
	width:25% !important;
	float:left;
	margin:0 20px 20px 0;
	}

/* --- responsive --- */
@media screen and (max-width:767px){
	#event_title h2{
		margin:0 0 15px;
		padding:7px 15px 7px 30px !important;
		width:calc(100% - 120px);
	}
	#event_title p{
		width:110px;
		margin:0 0 15px;
		background:rgba(220,55,55,1);
		}
		#event_title p a{
			padding:10px 10px 5px 25px !important;
			font-size:0.80rem;
		}
		#event_title p a span{
			display:none;
	}
.event_style img{
	width:100% !important;
	margin:0 0px 20px 0;
	}
.event_style p{
	float:left;
	}
}



/* news_list_box */
#bdid_event #news_list_box{
	position:relative;
	margin:0 auto 25px;
	border-bottom:2px dotted #CCC;
}
#bdid_event #news_list{
	position:relative;
	width:100%;
	margin-bottom:25px;
	padding:5px;
	background:rgba(13,48,138,0.1);
	border:2px solid rgba(13,48,138,0.5);
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	}
	#bdid_event #news_list ul{
		position:relative;
		width:100%;
		height:250px;
		padding:10px;
		background:rgba(255,255,255,0.95);
		border:1px solid rgba(13,48,138,0.5);
		overflow-y:scroll;
		}
		#bdid_event #news_list ul li{
			position:relative;
			width:100%;
			margin:0px;
			padding:5px 10px 5px 100px;
			border-bottom:1px solid rgba(13,48,138,0.5);
		}
		#bdid_event #news_list ul li .news_day{
			display:-webkit-flex;
			display:flex;
			justify-content:center;
			align-items:center;
			position:absolute;
			top:5px;
			left:0px;
			width:85px;
			font-size:0.77rem;
			background:rgba(13,48,138,0.8);
			color:#FFF;
		}
		#bdid_event #news_list ul li a{
			text-decoration:none;
		}
		#bdid_event #news_list ul li a:hover{
			text-decoration:underline;
	}
	#bdid_event #news_list_box ul::-webkit-scrollbar {
	    width: 10px;
	}
	#bdid_event #news_list_box ul::-webkit-scrollbar-track {
	    background-color:rgba(13,48,138,0.2);
	}
	#bdid_event #news_list_box ul::-webkit-scrollbar-thumb {
	    background-color:rgba(13,48,138,0.5);
	    box-shadow: inset 0 0 6px rgba(13,48,138, 0.3);
}

#bdid_event .event_list_box > ul{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	list-style:none;
	}
	#bdid_event .event_list_box > ul > li{
		position:relative;
		width:32%;
		margin:0 0 15px;
		padding:10px;
		border:1px solid rgba(0,0,0,0.2);
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
	}
	#bdid_event .event_list_box > ul > li:nth-child(3n+2):last-child{
		margin:0 34% 15px 0;
	}
	#bdid_event .event_list_box ul li h3{
		display:block;
		position:relative;
		width:calc(100% + 10px);
		margin:0 0 3px -10px;
		padding:3px 0px 3px 15px;
		font-weight:normal;
		font-family:'Kosugi Maru', sans-serif;
		font-size:1.0rem;
		text-align:left;
		line-height:1.45;
		background:none;
		color:#000;
		overflow:hidden;
		}
		#bdid_event .event_list_box ul li h3::before{
			content:" ";
			position:absolute;
			left:0px;
			top:0px;
			width:7px;
			height:calc(100%);
			border:none;
			background:rgba(0,0,0,0.5);
		}
		#bdid_event .event_list_box ul li h3::after{
			display:none;
	}
	#bdid_event .event_list_box > ul > li .photo{
		position:relative;
		height:130px;
		margin:0 0 7px;
		overflow:hidden;
	}
	#bdid_event .event_list_box > ul > li .photo img{
		position:relative;
		top:-12px;
	}
	#bdid_event .event_list_box > ul > li p{
		margin:0px;
		font-size:0.8rem;
		line-height:1.35;
	}
	#bdid_event .event_list_box ul li a{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		transition-duration:0.5s;
		text-indent:-999px;
		overflow:hidden;
	}
	#bdid_event .event_list_box ul li a:hover{
		background:rgba(0,0,0,0.05);
}
/* --- responsive --- */
@media screen and (max-width:767px){
	#bdid_event .event_list_box > ul > li{
		width:100%;
	}
	#bdid_event .event_list_box > ul > li:nth-child(3n+2):last-child{
		margin:0 0 15px;
	}
}

/* ----------------------------------------------------------------------
   講演大会関係
---------------------------------------------------------------------- */

#bdid_lecture{}

/* figure */
#bdid_lecture main figure{
	position:relative;
}
#bdid_lecture main figure figcaption{
	display:block;
	position:relative;
	font-size:0.80rem;
	}
	#bdid_lecture main figure figcaption::before{
		content:" ";
		display:inline-block;
		position:relative;
		width:10px;
		height:10px;
		margin:0 3px 0 0;
		background:#CF9B2B;
		-moz-border-radius:50%;
		-webkit-border-radius:50%;
		border-radius:50%;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	#bdid_lecture main figure{
		width:100%;
		text-align:center;
	}
}


/* left right */
#bdid_lecture main .flex_left,
#bdid_lecture main .flex_right{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	flex-wrap:wrap;
}
#bdid_lecture main .flex_left{
	justify-content:flex-start;
}
#bdid_lecture main .flex_right{
	justify-content:flex-end;
}
#bdid_lecture .report_photo{
	display:inline-block;
	position:relative;
	max-width:920px;
	margin:0 0 0px;
	}
	#bdid_lecture .report_photo figure{
		display:inline-block;
		margin:0 0px 10px 0;
}

.txt_bg {
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.4em;
	padding: 10px;
	background:#FFD9D7;
	margin:10px 0 10px 0;
}

.txt_bg_y {
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.4em;
	padding: 10px;
	background:#FAEAAB;
	margin:10px 0 10px 0;
}
.txt_bg_b {
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.4em;
	padding: 10px;
	background:#C8DDED;
	margin:10px 0 10px 0;
}
.txt_bg_g {
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.4em;
	padding: 10px;
	background:#C8E5D8;
	margin:10px 0 10px 0;
}
.txt_bg_gl {
	width:90%;
	line-height: 1.0em;
	padding: 15px;
	background:#E0E0E0;
	margin:10px auto 10px;
}


.past_lecture_btn{
	display:inline-block;
	position:relative;
	}
	.past_lecture_btn a{
		display:inline-block;
		padding:10px 30px;
		font-weight:bold;
		font-size:1.0rem;
		text-decoration:none;
		background:#CF9B2B;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		color:#FFF;
		transition-duration:0.5s;
	}
	.past_lecture_btn a:hover{
		-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4) inset;
		-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4) inset;
		box-shadow: 0px 0px 5px rgba(0,0,0,0.4) inset;
}

/* 報告ページ */

#bdid_lecture_report main h2{
	padding:20px 20px !important;
	background:#0E3E80;
	border:none;
	border-bottom:4px solid #CF9B2B;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	color:#FFF;
	}
	#bdid_lecture_report main h2::before,
	#bdid_lecture_report main h2::after{
		display:none;
}
#bdid_lecture_report main h3{
	display:block;
	max-width:100%;
	padding:7px 10px;
	background:linear-gradient(90deg, rgba(207,155,43,1), rgba(207,155,43,1), rgba(207,155,43,0));
	color:#000;
	}
	#bdid_lecture_report main h3::before,
	#bdid_lecture_report main h3::after{
		display:none;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	#bdid_lecture_report main h2{
		padding:10px 20px !important;
	}
	#bdid_lecture_report main h3{
		padding:5px 10px;
	}
}

#bdid_lecture_report main .report_lead{
	margin:-15px 0 0 0;
	padding-top:15px;
	}
	#bdid_lecture_report main .report_lead strong{
		font-size:1.1rem;
}
#bdid_lecture_report main .report_bg1{
	background:url(../../image/event/lecture/bg_01.png) no-repeat center top;
}
#bdid_lecture_report main .report_bg2{
	background:url(../../image/event/lecture/bg_02.png) no-repeat left top;
}
#bdid_lecture_report main .report_bg3{
	background:url(../../image/event/lecture/bg_03.png) no-repeat right 150px;
}
#bdid_lecture_report main .report_bg_23au1{
	background:url(../../event/lecture/2023autm/img/bg_01.png) no-repeat center top;
}
#bdid_lecture_report main .report_bg_23au2{
	background:url(../../event/lecture/2023autm/img/bg_02.png) no-repeat center top;
}
#bdid_lecture_report main .report_bg_24spr1{
	background:url(../../event/lecture/2024spr/img/bg_01.png) no-repeat center top;
}
#bdid_lecture_report main .report_bg_24spr2{
	background:url(../../event/lecture/2024spr/img/bg_02.png) no-repeat center top;
}
#bdid_lecture_report main .orange{
	color:#CF9B2B !important;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	#bdid_lecture_report main .report_bg2,
	#bdid_lecture_report main .report_bg3{
		background:none;
	}
}

/* figure */
#bdid_lecture_report main figure{
	position:relative;
}
#bdid_lecture_report main figure figcaption{
	display:block;
	position:relative;
	font-size:0.80rem;
	}
	#bdid_lecture_report main figure figcaption::before{
		content:" ";
		display:inline-block;
		position:relative;
		width:10px;
		height:10px;
		margin:0 3px 0 0;
		background:#CF9B2B;
		-moz-border-radius:50%;
		-webkit-border-radius:50%;
		border-radius:50%;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	#bdid_lecture_report main figure{
		width:100%;
		text-align:center;
	}
}

/* reoprt_lr */
#bdid_lecture_report main .reoprt_lr{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	}
	#bdid_lecture_report main .reoprt_lr .lr_left{
		padding-right:10px;
	}
	#bdid_lecture_report main .reoprt_lr .lr_right{
		padding-left:10px;
	}
	#bdid_lecture_report main .reoprt_lr .flex1{
		flex:1;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	#bdid_lecture_report main .reoprt_lr{
		display:block;
		}
		#bdid_lecture_report main .reoprt_lr .lr_left{
			padding-right:0px;
		}
		#bdid_lecture_report main .reoprt_lr .lr_right{
			padding-left:0px;
		}
		#bdid_lecture_report main .reoprt_lr .flex1{
			flex:0;
	}
}

/* left right */
#bdid_lecture_report main .flex_left,
#bdid_lecture_report main .flex_right{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	flex-wrap:wrap;
}
#bdid_lecture_report main .flex_left{
	justify-content:flex-start;
}
#bdid_lecture_report main .flex_right{
	justify-content:flex-end;
}
#bdid_lecture_report .report_photo{
	display:inline-block;
	position:relative;
	max-width:770px;
	margin:0 0 15px;
	}
	#bdid_lecture_report .report_photo figure{
		display:inline-block;
		margin:0 5px 10px 0;
}
#bdid_lecture_report .report_photo_all{
	display:inline-block;
	position:relative;
	max-width:970px;
	margin:0 0 0px;
	}
	#bdid_lecture_report .report_photo_all figure{
		display:inline-block;
		margin:0 0px 10px 0;
}

/* end */
#report_end{
	padding-top:10px;
	border-top:4px solid #CF9B2B;
}




/* ----------------------------------------------------------------------
   刊行物
---------------------------------------------------------------------- */

#bdid_publication #publication_list{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-around;
	flex-wrap:wrap;
	list-style:none;
	margin:25px 0 0 0;
	}
	#bdid_publication #publication_list li{
		position:relative;
		width:222px;
		text-align:center;
	}
	#bdid_publication #publication_list li a{
		text-decoration:none;
		color:#000;
	}
	#bdid_publication #publication_list li img{
		position:relative;
		width:222px;
		padding:10px;
		border:1px solid rgba(0,0,0,0.5);
		background:rgba(255,255,255,0.8);
		transition-duration:0.5s;
		}
		#bdid_publication #publication_list li:hover img{
			background:rgba(13,48,138,0.2);
	}
	#bdid_publication #publication_list li span{
		display:block;
		width:100%;
		margin:5px 0 0;
		padding:3px 5px;
		font-weight:bold;
		background:rgba(0,0,0,0.1);
		transition-duration:0.5s;
		}
		#bdid_publication #publication_list li:hover span{
			background:rgba(13,48,138,0.2);
}

/* pub_idx */
#bdid_pub_idx .pub_box{
	margin:0 0 10px;
}
#bdid_pub_idx .pub_box table{
	margin:0 0 10px;
}

/* ----------------------------------------------------------------------
   刊行物 セカンド
---------------------------------------------------------------------- */

.bdcs_publication #pub_introduction_box{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	margin:0 0 10px;
	}
	.bdcs_publication #pub_introduction_box #pub_cover{
		width:202px;
		}
		.bdcs_publication #pub_introduction_box #pub_cover img{
				border:1px solid rgba(0,0,0,0.3);
	}
	.bdcs_publication #pub_introduction_box #pub_detail{
		width:calc(100% - 222px);
	}

#pub_title{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	}	
#pub_title h2{
		width:calc(100% - 210px);
	}
	#pub_title p img{
		margin:9px 10px;
		vertical-align: middle;
	}
	#pub_title p{
		width:194px;
		margin:0 0 15px;
		background:rgba(220,55,55,1);
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		line-height:1.3rem;
		color:#FFF;
	}
	#pub_title p a{
		display:block;
		position:relative;
		width:100%;
		height:100%;
		font-weight:bold;
		font-family:'Kosugi Maru', sans-serif;
		font-size:1.0rem;
		text-align:left;
		text-decoration:none;
		color:#FFF;
		transition-duration:0.5s;
		}
		#pub_title p a *{
			font-weight:normal;
			font-family:'Kosugi Maru', sans-serif;
		}
	#pub_title p a:hover{
		background:rgba(0,0,0,0.1);
	}

/* --- responsive --- */
@media screen and (max-width:767px){
	#pub_title h2{
		margin:0 0 15px;
		width:calc(100% - 70px);
	}
	#pub_title p{
		width:65px;
		margin:0 0 17px;
		background:rgba(220,55,55,1);
		}
		#pub_title p a{
			padding:5px !important;
			font-size:0.6rem;
			line-height:0.85rem;
			text-align:center;
		}
	#pub_title p img{
		margin: 6px 4px 4px 0;
		text-align: center;
		vertical-align: middle;
	}
}
/* ----------------------------------------------------------------------
   research_menu
---------------------------------------------------------------------- */

#bdid_research_menu .rm_box > ul{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	list-style:none;
	}
	#bdid_research_menu .rm_box > ul > li{
		position:relative;
		width:48%;
		margin:0 0 15px;
		padding:10px;
		border:1px solid rgba(0,0,0,0.2);
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
	}
	#bdid_research_menu .rm_box > ul > li:nth-child(3n+2):last-child{
		margin:0 34% 15px 0;
	}
	#bdid_research_menu .rm_box ul li h3{
		display:block;
		position:relative;
		width:calc(100% + 10px);
		margin:0 0 3px -10px;
		padding:4px 0px 3px 15px;
		font-weight:normal;
		font-family:'Kosugi Maru', sans-serif;
		font-size:1.0rem;
		text-align:left;
		line-height:1.45;
		background:none;
		color:#000;
		overflow:hidden;
		}
		#bdid_research_menu .rm_box ul li h3::before{
			content:" ";
			position:absolute;
			left:0px;
			top:0px;
			width:7px;
			height:calc(100%);
			border:none;
			background:rgba(0,0,0,0.5);
		}
		#bdid_research_menu .rm_box ul li h3::after{
			display:none;
	}
	#bdid_research_menu .rm_box > ul > li .photo{
		position:relative;
		height:130px;
		margin:0 0 7px;
		overflow:hidden;
	}
	#bdid_research_menu .rm_box > ul > li .photo img{
		position:relative;
		top:-12px;
	}
	#bdid_research_menu .rm_box > ul > li p{
		margin:0px;
		font-size:0.8rem;
		line-height:1.35;
	}
	#bdid_research_menu .rm_box ul li a{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		transition-duration:0.5s;
		text-indent:-999px;
		overflow:hidden;
	}
	#bdid_research_menu .rm_box ul li a:hover{
		background:rgba(0,0,0,0.05);
}

.iacooperate_title{
	color:#FFF;
	background-color:#81BDAE;
	padding: 15px 25px 10px 15px;
}

.iacooperate_box{
	background-color:#CEDED4;
	padding: 25px 35px 25px 35px;
}
.iacooperate_box ul{
	padding-left: 2em;
	text-indent: -1em;
	margin-left: -10px;
}

/* --- responsive --- */
@media screen and (max-width:767px){
	#bdid_research_menu .rm_box > ul > li{
		width:100%;
	}
	#bdid_research_menu .rm_box > ul > li:nth-child(3n+2):last-child{
		margin:0 0 15px;
	}
}


/* ----------------------------------------------------------------------
   event
---------------------------------------------------------------------- */

/* news_list_box */
#bdid_activities #activities_lead{
	position:relative;
	margin:0 auto 25px;
	border-bottom:2px dotted #CCC;
}
#bdid_activities .activities_list_box > ul{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	list-style:none;
	}
	#bdid_activities .activities_list_box > ul > li{
		position:relative;
		width:32%;
		margin:0 0 15px;
		padding:10px;
		border:1px solid rgba(0,0,0,0.2);
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
	}
	#bdid_activities .activities_list_box > ul > li:nth-child(3n+2):last-child{
		margin:0 34% 15px 0;
	}
	#bdid_activities .activities_list_box ul li h3{
		display:block;
		position:relative;
		width:calc(100% + 10px);
		margin:0 0 3px -10px;
		padding:3px 0px 3px 15px;
		font-weight:normal;
		font-family:'Kosugi Maru', sans-serif;
		font-size:1.0rem;
		text-align:left;
		line-height:1.45;
		background:none;
		color:#000;
		overflow:hidden;
		}
		#bdid_activities .activities_list_box ul li h3::before{
			content:" ";
			position:absolute;
			left:0px;
			top:0px;
			width:7px;
			height:calc(100%);
			border:none;
			background:rgba(0,0,0,0.5);
		}
		#bdid_activities .activities_list_box ul li h3::after{
			display:none;
	}
	#bdid_activities .activities_list_box > ul > li .photo{
		position:relative;
		height:130px;
		margin:0 0 7px;
		overflow:hidden;
	}
	#bdid_activities .activities_list_box > ul > li .photo img{
		position:relative;
		top:-12px;
	}
	#bdid_activities .activities_list_box > ul > li p{
		margin:0px;
		font-size:0.8rem;
		line-height:1.35;
	}
	#bdid_activities .activities_list_box ul li a{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		transition-duration:0.5s;
		text-indent:-999px;
		overflow:hidden;
	}
	#bdid_activities .activities_list_box ul li a:hover{
		background:rgba(0,0,0,0.05);
}
/* --- responsive --- */
@media screen and (max-width:767px){
	#bdid_activities .activities_list_box > ul > li{
		width:100%;
	}
	#bdid_activities .activities_list_box > ul > li:nth-child(3n+2):last-child{
		margin:0 0 15px;
	}
}

/* ----------------------------------------------------------------------
   award
---------------------------------------------------------------------- */

#bdid_award #award_list{
	}
	#bdid_award #award_list dt{
		display:-webkit-flex;
		display:flex;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		flex-wrap:wrap;
		width:100%;
		margin:0 0 10px;
		padding:5px 10px 5px 10px;
		background:rgba(0,0,0,0.05);
		border-bottom:1px solid rgba(0,0,0,0.5);
		line-height:1.5;
		}
		#bdid_award #award_list dt b{
			display:inline-block;
			position:relative;
			height:100%;
			padding-left:20px;
			font-weight:normal;
			font-family:'Kosugi Maru', sans-serif;
			font-size:1.1rem;
			}
			#bdid_award #award_list dt b::before{
				content:" ";
				display:block;
				position:absolute;
				top:calc(50% - 8px);
				left:-1px;
				width:16px;
				height:16px;
				border:1px solid rgba(13,48,138,0.8);
				-moz-border-radius:50%;
				-webkit-border-radius:50%;
				border-radius:50%;
			}
			#bdid_award #award_list dt b::after{
				content:" ";
				display:block;
				position:absolute;
				top:calc(50% - 5px);
				left:2px;
				width:10px;
				height:10px;
				background:rgba(13,48,138,0.8);
				-moz-border-radius:50%;
				-webkit-border-radius:50%;
				border-radius:50%;
		}
		#bdid_award #award_list dt span{
			display:-webkit-flex;
			display:flex;
			justify-content:center;
			align-items:center;
			font-weight:bold;
			font-size:0.70rem !important;
			color:rgba(0,0,0,0.5);
	}
	#bdid_award #award_list dd{
		position:relative;
		width:100%;
		margin:0 0 30px;
		padding:0 15px;
		font-size:0.87rem;
		text-align:left;
		line-height:1.5;
	}
	#bdid_award #award_list dd p{
		font-size:inherit;
}
#bdid_award #award_list .end{
	opacity:0.6;
}





.award_number{
	background-color: #eee;
	padding: 20px 20px 10px 10px;
}
.award_number ul{
	padding-left: 2em;
	text-indent: -2em;
	margin-left: -10px;
}
.award_number ul img{
	width: 80px;
	margin-bottom: 5px;
}



/* --- responsive --- */
@media screen and (max-width:767px){
	#bdid_award #award_list dd{
		padding:0 0px;
		font-size:0.77rem;
	}
}
	.award_number{
		font-size: 0.77rem;
	}

/* ----------------------------------------------------------------------
   名誉員推戴者
---------------------------------------------------------------------- */

#bdid_leader{
}

#leader_table thead th{
	width:110px;
	font-size:0.84rem;
	background:rgba(13,48,138,0.8); 
	color:#FFF;
	}
	#leader_table thead th:first-child{
		text-align:center;
}
#leader_table tbody tr{
	border-top:5px solid rgba(0,0,0,0.2);
	}
	#leader_table tbody tr.noborder,
	#leader_table tbody tr:first-child{
		border-top:none;
	}
	#leader_table tbody th{
		text-align:center;
		font-size:0.84rem;
	}
	#leader_table tbody td{
		font-size:0.84rem;
		}
		#leader_table tbody td.en{
			font-size:0.77rem;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	#leader_table thead{
		display:none;
	}
	#leader_table th,
	#leader_table td{
		display:block;
	}
}


/* ----------------------------------------------------------------------
   お問合せ
---------------------------------------------------------------------- */

#bdid_contact address{
	display:inline-block;
	margin:0 auto 25px;
	padding:7px 15px;
	background:rgba(13,48,138,0.1);
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}

#bdid_contact #map{
	display:inline-block;
	width:100%;
	padding:5px;
	border:5px solid rgba(13,48,138,0.5);
	}
	#bdid_contact #map iframe{
		width:100%;
		height:100%;
		min-height:450px;
		border:0;
}

/* ----------------------------------------------------------------------
   リンク
---------------------------------------------------------------------- */

#bdid_link section ul{
	margin-bottom:25px;
	column-count: 2;
	list-style:none;
	}
	#bdid_link section ul li{
		position:relative;
		width:100%;
		font-size:0.84rem;
		padding:5px 5px 5px 5px;
		border:1px solid rgba(0,0,0,0.2);
	}
	#bdid_link section ul li a{
		display:block;
		position:relative;
		width:calc(100% + 10px);
		height:calc(100% + 10px);
		margin:-5px -5px -5px -5px;
		padding:5px 25px 5px 5px;
		font-size:0.84rem;
		text-decoration:none;
		transition-duration:0.5s;
		color:#000;
	}
	#bdid_link section ul li a::after{
		content:" ";
		position:absolute;
		top:calc(50% - 6px);
		right:5px;
		border: 6px solid transparent;
		border-left: 6px solid rgba(0,0,0,0.5);
	}
	#bdid_link section ul li a:hover{
		background:rgba(0,0,0,0.1);
}
/* --- responsive --- */
@media screen and (max-width:767px){
	#bdid_link section ul{
		column-count:1;
	}
	#bdid_link section ul li,
	#bdid_link section ul li a{
		font-size:0.77rem;
	}
}

/* ----------------------------------------------------------------------
   以下　未　調整
---------------------------------------------------------------------- */

/* ----------------------------------------------------------------------
   新年の挨拶
---------------------------------------------------------------------- */

.yeargreeting{
	display: flex;
	padding-top: 15px;
}
.yeargreeting_image{
	padding: 0 0 0 40px;
	float: right;
	width: 30px;
	height: auto;
}
.name{
	text-align: right;
}

/* ----------------------------------------------------------------------
   名誉員推戴者
---------------------------------------------------------------------- */
.table_style_1 {
	border-collapse: collapse;
	empty-cells: show;
	font-size: 85%;
	margin: 5px 10px 10px 0px;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	.scroll {
    overflow-x: auto;
  }
}


/* ----------------------------------------------------------------------
   役員の報酬等規程
---------------------------------------------------------------------- */
.table_style_6 {
	empty-cells: show;
	font-size: 85%;
	margin: 5px 10px 10px 5px;
	border: none;
}
.table_style_6 td{
	border: none;
	display: block;
}
.table_style_6 tr{
	padding-top: 20px;
}
.table_style_6 .nowrap {
	width: 100px;
}

/* ----------------------------------------------------------------------
   情報公開
---------------------------------------------------------------------- */

.flex_style{
	text-align: left;
	display: flex;
	flex-wrap: wrap;
	padding-left: 50px;
	overflow-wrap: normal;
}
.flex_style p{
	padding-left: 10px;
}
.danraku {
	text-indent: 1em;
	text-align: justify;
}
.table_style_2 {
	/* empty-cells: show; */
	font-size: 85%;
	/* margin: 5px 10px 10px 5px; */
}

.normal_list_style {
	padding: 0 5px 5px 0px;
}

.normal_list_style ul {
	list-style: none;
	padding: 10px;
	margin: 0 auto;
}

.normal_list_style ul li {
	margin-left: 20px;
	margin-bottom: 1em;
}


.HeaderIframe {
  display: block;
  width: 100%;
  height: 60px; /* 固定値で入れとく必要あり */
  border: 0;
}

.table_style_6 {
	empty-cells: show;
	font-size: 85%;
	margin: 5px 10px 10px 5px;
}

.table_style_6 th {
	padding: 3px;
	text-align: left;
	vertical-align: top;
}

.table_style_6 td {
	padding: 3px;
	vertical-align: top;
	display: flex;
}
.materia{
	display: flex;
}
.materia p{
	padding-left: 20px;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	.materia{
		display: block;
	}	
}

.en_top_pub{
	display: flex;
	justify-content: space-between;
}
.en_top_pub a img{
	width: 100%;
	height: auto;
}
.annual_img img{
	text-align: right !important;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	.en_top_pub{
		display: block;
		text-align: center;
	}
	.en_top_pub a img{
		padding-top: 10px;
	}
}

/* ----------------------------------------------------------------------
   オンライン講座
---------------------------------------------------------------------- */

.online_top{
	display: flex;
}
.online_top img{
	width: 2000px;
	margin-top: 5px;
}
.online_top p{
	padding-left: 20px;
}
.online_title{
	background-color: #E6D5B1;
	border-bottom: none !important;
	padding: 10px 20px !important;
	margin-top: 30px !important;
	font-weight: bold;
	color: #004EA2;
}
.online_title span{
	font-size: 0.8rem;
	color: black;
}
.online1{
	background-color: #66BF97;
	color: white;
	font-weight: bold;
	display: inline;
	margin-right: 10px;
	margin-bottom: 0px !important;
	padding: 3px 0px;
	width: 300px;
	text-align: center;
}
.online1 span{
	font-size: 0.8rem;
	font-weight: bold;
}
.online1a{
	background-color: #F7AF00;
	color: white;
	font-weight: bold;
	display: inline;
	margin-right: 10px;
	margin-bottom: 0px !important;
	padding: 3px 0px;
	width: 300px;
	text-align: center;
}
.online1a span{
	font-size: 0.8rem;
	font-weight: bold;
}
.online1b{
	background-color: #EB6663;
	color: white;
	font-weight: bold;
	display: inline;
	margin-right: 10px;
	margin-bottom: 0px !important;
	padding: 3px 0px;
	width: 300px;
	text-align: center;
}
.online1b span{
	font-size: 0.8rem;
	font-weight: bold;
}
.online1c{
	background-color: #9A3E6A;
	color: white;
	font-weight: bold;
	display: inline;
	margin-right: 10px;
	margin-bottom: 0px !important;
	padding: 3px 0px;
	width: 300px;
	text-align: center;
}
.online1c span{
	font-size: 0.8rem;
	font-weight: bold;
}
.online_flex{
	display: flex;
}
.online2{
	font-weight: bold;
	font-size: 1.2rem !important;
	margin-bottom: 0px !important;
}
.online3 span{
	color: #316BB4;
}
.online3{
	padding-left:3em;
	text-indent:-3em;
	margin-bottom: 0px !important;
}
.online_hr1{
	border-bottom: 0.5px solid grey;
	margin: 15px 0;
}

.online_table{
	border: none;
	width: 70%;
	margin: 0 auto;
}
.online_table1{
	border-bottom: solid 1px #004EA2;
}
.online_table1 td{
	font-weight: bold !important;
	text-align: right;
	border-bottom: solid 1px #004EA2;
	border-right: dotted 1px #004EA2;
}
.online_table2 th{
	font-weight: normal;
	background-color: #BBC4E4;
	border-right: dotted 1px #004EA2;
	border-bottom: none;
}
.online_table2{
	border-bottom: none;
}
.online_table1 th{
	background-color: #e6d5b1bb;
	border-bottom: solid 1px #004EA2;
	border-right: dotted 1px #004EA2;
}
.sp_only{
	display: none;
}
.online_sp_img{
	display: block;
}
.online_pc_img{
	display: flex;
	width: 200px;
	margin-right: 200px;
}
.online4{
	padding-top: 10px;
}

#ondemand ul{
	column-count: 1;
	list-style:none;
	}
	#ondemand ul li{
		position:relative;
		width:100%;
		padding:5px 5px 5px 5px;
		border:1px solid rgba(0,0,0,0.2);
	}
	#ondemand .close{
		display:block;
		position:relative;
		width:calc(100% + 10px);
		height:calc(100% + 10px);
		margin:-5px -5px -5px -5px;
		padding:10px 25px 10px 15px;
		font-size:1rem;
		text-decoration:none;
		transition-duration:0.5s;
		color:#000;
		background-color: #ddd;
	}
	#ondemand .close::after{
		content:"配信期間は終了しました";
		position:absolute;
		right:15px;
		font-size:0.75rem;
		color:#CE3921;
	}
	#ondemand ul li a{
		display:block;
		position:relative;
		width:calc(100% + 10px);
		height:calc(100% + 10px);
		margin:-5px -5px -5px -5px;
		padding:10px 25px 10px 15px;
		font-size:1rem;
		text-decoration:none;
		transition-duration:0.5s;
		color:#000;
	}
	#ondemand ul li a::after{
		content:" ";
		position:absolute;
		top:calc(50% - 6px);
		right:5px;
		border: 6px solid transparent;
		border-left: 6px solid rgba(0,0,0,0.5);
	}
	#ondemand ul li a:hover{
		background:rgba(0,0,0,0.1);
}

.ondemand_style img{
	width:20% !important;
	float:left;
	margin:0 20px 20px 0;
	}
	.ondemand_style p{
		margin:0 20px 20px 0;
}


/* --- responsive --- */
@media screen and (max-width:767px){
	#ondemand ul{
		column-count:1;
	}
	#ondemand ul li,
	#ondemand ul li a{
		font-size:0.9rem;
	}
.ondemand_style img{
	width:40% !important;
	margin:0 0 10px 28%;
	}
.ondemand_style p{
	}
}


/* --- responsive --- */
@media screen and (max-width:767px){
	.online_pc_img{
		display: flex;
		width: auto;
		margin-right: 0px;
	}
	.online_top_text p{
		padding-left: 0px;
	}
	.online_sp_img{
		display: none;
	}
	.online_top{
		display: block;
	}
	.online_top img{
		margin-top: 0px;
	}
	.online_top p{
		padding-left: 0px !important;
	}
	.sp_only{
		display: block;
	}
	.online_flex{
		display: block;
	}
	.online1{
		width: 100%;
		display: block;
	}
	.online1b{
		width: 100%;
		display: block;
	}
	.online1a{
		width: 100%;
		display: block;
	}
	.online1c{
		width: 100%;
		display: block;
	}
	.online1d{
		width: 100%;
		display: block;
	}
	.online_table{
		width: 100%;
		font-size: 0.5rem;
	}
	.online2{
		font-weight: bold;
		font-size: 1rem !important;
		margin-bottom: 0px !important;
	}
}


/* ----------------------------------------------------------------------
   国際学術交流
---------------------------------------------------------------------- */

.report_box{
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.r_each{
	width: 430px;
}
.report_box img{
	width: 100%;
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	margin-bottom: 5px;
}
.r_each p{
	text-align: center;
}
.buntou{
	padding-left:2em;
  text-indent:-2em;
}

/* ----------------------------------------------------------------------
   ユース会員
---------------------------------------------------------------------- */
#bdid_youth main h2{
	margin-top: 10px;
	padding:15px 15px !important;
	background:#0E3E80;
	border:none;
	border-left:10px solid #CF9B2B;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	color:#FFF;
	font-size: 1.25rem;
	}
	#bdid_youth main h2 .small{
		font-size: 1rem;	
	}
	#bdid_youth main h2::before,
	#bdid_youth main h2::after{
		display:none;
}
#bdid_youth .youth_table_area{
}
#bdid_youth .youth_table{
	border: none;
	border-collapse:separate;
	border-spacing: 10px 10px;
	border-bottom: #004EA2 1px dotted;
	margin-bottom: 0px !important;
	width: 80%;
	margin: auto;
	}
	#bdid_youth .youth_table td{
		border: none;
		}
	#bdid_youth .youth_table tr td span{
		font-weight: bold;
		font-size: 1.2rem;
}
#bdid_youth .youth_td_left{
	text-align: center;
	background-color: #ca9e45;
	width: 200px;
	font-weight: bold;
}
#bdid_youth .youth_image{
	text-align: center;
	margin-bottom: 10px;
	margin-top: 10px;
	}
	#bdid_youth .youth_image img{
	height: 120px;
}
#bdid_youth .youty_title_image{
	text-align: center;
	margin-bottom: 20px;
	}
	#bdid_youth .youty_title_image img{
		width: 300px;
}
#bdid_youth .lecture_image{
	text-align: center;
	}
	#bdid_youth .lecture_image img{
		margin:10px 7px;
}
#bdid_youth .orange{
	color:#CF9B2B !important;
	font-size: 1.2rem;
}
#bdid_youth .back_btn{
	width:260px;
	text-align: center;
	text-decoration: none;
	border-radius: 10px;
	color:#C99F45 !important;
	background-color:#00276F !important;
	margin:50px auto 15px;
	padding:7px 20px 9px;
}

/* --- responsive --- */
@media screen and (max-width:767px){
	#bdid_youth main h2{
		font-size: 1.1rem;
	}
	#bdid_youth main h2 .small{
		font-size: 0.8rem;	
	}
	#bdid_youth .youth_table{
		width: auto;
	}
	#bdid_youth .youth_td_left{
		text-align: center;
		background-color: #ca9e45;
		width: 80px;
	}
	#bdid_youth .orange{
		font-size: 1rem;
	}
	#bdid_youth .lecture_image img{
		width:85%;
	}
}


/* ----------------------------------------------------------------------
   取り組み SDGs
---------------------------------------------------------------------- */
.sdgs_flex{
	display: flex;
	margin-bottom: 20px;
}
.sdgs_flex img{
	width: auto;
	height: 100%;
	margin-right: 30px;
	padding-top: 10px;
}
.sdgs_number{
	background-color: #0599d921;
	padding: 20px 20px 10px 10px;
}
.sdgs_number ul{
	padding-left: 2em;
	text-indent: -2em;
	margin-left: -10px;
}
.sdgs_image{
	text-align: center;
}
.sdgs_image img{
	width: 80px;
	margin-bottom: 5px;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	.sdgs_flex{
		display: block;
		margin-bottom: 20px;
	}
	.sdgs_flex img{
		width: 100%;
		margin-right: 0px;
		padding-top: 0px;
		padding-bottom: 20px;
	}
	.sdgs_number{
		font-size: 0.77rem;
	}
	
}



/* ----------------------------------------------------------------------
   取り組み 広報
---------------------------------------------------------------------- */
.pr_logo{
	display: flex;
	text-align: center;
	margin-bottom: 30px;
}
.pr_logo_text{
	text-align: left;
	width: 500px;
}
.pr_logo_block{
	margin-left: 20px;
}
.pr_logo_block img{
	height: 200px;
	width: auto;
}
.pr_block{
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}
.pr_block_each{
	text-align: center;
	width: 49%;
}
.pr_block_each img{
	width: 300px;
}
.pr_title{
	background-color: rgba(0,0,0,0.1);
	padding: 10px 10px;
	text-align: center;
	font-weight: bold;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	.pr_logo{
		display: block;
	}
	.pr_logo_text{
		width: auto;
	}
	.pr_logo_block{
		margin-bottom: 10px;
	}
}


/* ----------------------------------------------------------------------
   member
---------------------------------------------------------------------- */
.attention{
	position:relative;
	width:820px;
	height:130px;
	margin:20px auto;
	}
	.attention p{
		padding:10px 0 0 110px;
	}
	.attention p::before{
		position: absolute;
		content: url("../../member/img/attention.png");
		left:0;
	}
	.attention p span{
		font-size:1.5rem;
		color:#EE7319;
}
.attention2{
	position:relative;
	width:820px;
	margin:20px auto;
	}
	.attention2 span{
		font-size: 0.85rem;
}
.qanda{
	position:relative;
	width:100%;
	border:solid 1px #00468D;
	padding:8px 30px;
	}
	.qanda p{
		position:relative;
		font-size:1rem;
		padding:10px 50px 10px 0;
		text-indent:-2.5rem;
		left:44px;
	}
	.qanda p.answer{
		position:relative;
		font-size:1rem;
		color:#EE7319;
		padding:10px 50px 10px 0;
		text-indent:-2.5rem;
		left:44px;
	}
	.qanda .line{
		border-bottom:solid 1px #00468D;
}


/* --- responsive --- */
@media screen and (max-width:767px){
	.attention{
		width:100%;
		height:auto;
	}
	.attention p span{
		font-size:1.2rem;
	}
	.attention2{
		width:100%;
	}
	.qanda{
		padding:8px 20px;
	}
	.qanda p{
		font-size:0.9rem;
		padding:5px 40px 5px 0;
	}
	.qanda p.answer{
		font-size:0.9rem;
		padding:5px 40px 5px 0;
	}

}