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

#574671
rgba(87,70,113,0.7)

*/

/* ----------------------------------------------------------------------
   technical_info
---------------------------------------------------------------------- */

#bdid_technical_info #main_head{
	margin:0 0 30px;
	}
	#bdid_technical_info #main_head h2{
		font-size:2.0rem;
	}
	#bdid_technical_info #main_head #rsmimg{
		margin:-80px 0 0 -40px;
		width:calc(100% + 80px);
}

#bdid_technical_info #principle{
	}
	#bdid_technical_info #principle h3{
		margin:0px;
	}
	#bdid_technical_info #principle div{
		padding:5px 0;
		border-bottom:1px solid #574671;

}

#bdid_technical_info #example{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-around;
	flex-wrap:wrap;
}

#bdid_technical_info #wrange{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-around;
	flex-wrap:wrap;
	}
	#bdid_technical_info #wrange div{
		width:48%;
	}
	#bdid_technical_info #wrange div#wrange_detail{
	}
	#bdid_technical_info #wrange div#wrange_detail ul{
		margin-left:20px;
	}
	#bdid_technical_info #wrange div#wrange_detail ul li{
		margin:0px;
}
.video_title{
	margin-left: 100px !important;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	#bdid_technical_info #wrange{
		display:block;
	}
	#bdid_technical_info #wrange div img{
		width:100%;
	}
	#bdid_technical_info #wrange div{
		width:100%;
	}
}

#movie_sample{
	display:-webkit-flex;
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
	width:100%;
	margin:0 0 40px;
	}
	#movie{
		position:relative;
		width:720px;
		max-width:100%;
		margin:0 auto;
		}
		#movie div{
			position:relative;
			width:100%;
			height:0px;
			padding-top:56.25%;
			background:#000;
		}
		#movie div iframe{
			position:absolute;
			top:0px;
			left:0px;
			width:100%;
			height:100%;
		}
		#movie div video{
			position:absolute;
			top:0px;
			left:0px;
			width:100%;
			height:100%;
}



/* --- responsive --- */
@media screen and (max-width:767px){
	#bdid_technical_info #main_head{
	}
}

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

.shibu_table tr th{
	width: 200px;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	.shibu_table tr th{
		width: 70px;
	}
	
}

/* ----------------------------------------------------------------------
   新年の挨拶
---------------------------------------------------------------------- */
.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;
  }
}

/* -----------------------------------------------------------------
   news
----------------------------------------------------------------- */

.news_box{
	position:relative;
	margin-bottom:15px;
	padding:0px 15px 20px;
	border-bottom:2px dotted #574671;
}
.news_box .date{
	display:inline-block;
	position:relative;
	left:-15px;
	margin-bottom:10px;
	padding:1px 10px 0px;
	font-size:0.85rem;
	background:#574671;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	color:#FFF;
}
.news_box p{
	position:relative;
	margin-bottom:7px;
	font-size:0.9rem;
}
.news_box .news_title p{
	color: #574671;
	font-weight: bold !important;
	font-size: 1.1rem !important;
}

.news_box p.link{
}
.news_box p.link a{
	position:relative;
	padding-left:28px;
	z-index: 100;
}
.news_box p.link a:before,
.news_box p.link a:after{
	content:" ";
	position:absolute;
	width:14px;
	height:8px;
	border:1px solid #574671;
	border-top:2px solid #574671;
	}
	.news_box p.link a:before{
		top:3px;
		left:6px;
		background:rgba(255,255,255,0.4);
	}
	.news_box p.link a:after{
		top:8px;
		left:0px;
		background:rgba(255,255,255,1);
}

ul.photo_list{
	display:flex;
	display:-webkit-flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	margin:0 0 10px !important;
	padding:0px !important;
	list-style:none;
	}
	ul.photo_list:after{
	    content:" ";
	    display:block;
	    clear:both;
}

ul.photo_list li{
	display:block;
	width:100%;
	margin:0 0 10px !important;
	padding:0px !important;
}

.photo_list.col2 li{
	width:48%;
}
.photo_list.col3 li{
	width:32.5%;
}

.photo_list.row3 li{
	width:auto;
}
.photo_list.row3.rrc li:nth-of-type(1){width:25.7%;}
.photo_list.row3.rrc li:nth-of-type(2){width:25.7%;}
.photo_list.row3.rrc li:nth-of-type(3){width:45.6%;}
.photo_list.row3.rcr li:nth-of-type(1){width:25.7%;}
.photo_list.row3.rcr li:nth-of-type(2){width:45.6%;}
.photo_list.row3.rcr li:nth-of-type(3){width:25.7%;}
.photo_list.row3.crr li:nth-of-type(1){width:45.6%;}
.photo_list.row3.crr li:nth-of-type(2){width:25.7%;}
.photo_list.row3.crr li:nth-of-type(3){width:25.7%;}

.photo_list.row3.rcc li:nth-of-type(1){width:21.3%;}
.photo_list.row3.rcc li:nth-of-type(2){width:37.85%;}
.photo_list.row3.rcc li:nth-of-type(3){width:37.85%;}
.photo_list.row3.crc li:nth-of-type(1){width:37.85%;}
.photo_list.row3.crc li:nth-of-type(2){width:21.3%;}
.photo_list.row3.crc li:nth-of-type(3){width:37.85%;}
.photo_list.row3.ccr li:nth-of-type(1){width:37.85%;}
.photo_list.row3.ccr li:nth-of-type(2){width:37.85%;}
.photo_list.row3.ccr li:nth-of-type(3){width:21.3%;}

.photo_list li img{
	width:100%;
	height:auto;
}

.anchor {
	display: block;
	padding-top: 80px;
	margin-top: -80px;
}

/* --- responsive --- */
@media(max-width:767px){
	ul.photo_list{
		display:block;
	}
	.photo_list.col2 li,
	.photo_list.col3 li,
	.photo_list.row3 li
	{
		width:100% !important;
	}
	.photo_list li img{
		margin-bottom:10px;
	}
}

/* ----------------------------------------------------------------------
   役員の報酬等規程
---------------------------------------------------------------------- */
.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;
}
.table_style_3 {
	/* empty-cells: show; */
	font-size: 85%;
	/* margin: 5px 10px 10px 5px; */
}
.danraku {
	text-indent: 1em;
	text-align: justify;
}

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

.table_style_2 th {
	padding: 3px;
	vertical-align: top;
}

.table_style_2 td {
	padding: 3px;
	vertical-align: top;
}
.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;
	}	
}


.video_title{
	margin-left: 100px !important;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	.video_title{
		margin-left: 0px !important;
	}
}