@charset "UTF-8";
/* CSS Document */
/*
html,body {
	height: 100%;
}
#wrapper {
	height: 100%;
	border: none;
}
#container {
	height: 100%;
	background: #ffffff;
	border-left: solid 1px lightgray;
	border-right: solid 1px lightgray;
}
#footer {
  position: sticky;
  top: 100vh;
	}
*/

#contents_area h2#catch {
	font-size: 1.8rem;
	line-height: 1.5;
	margin: 30px auto;
	text-align: left;
}


#contents_area h3 {
	font-size: 1.3em;
	line-height: 1.5;
	border-bottom: dotted 2px #777777;
}


#contents_area h4 {
	font-size: 1.2em;
	line-height: 1.5;
	font-weight: bold;
	margin: 1rem 0 0.2rem;
}

#contents_area p {
	line-height: 1.7;
	margin: 0 0 3rem 0;
	padding: 0;
}

#contents_area p span {
	line-height: 1.7;
	margin: 0 0 -1rem 0;
	padding: 0;
	display: block;
}

#contents_area .img_bg {
	margin: -2rem 0 2rem 0;
	/*background: #202833;*/
}

#contents_area .img_bg img {
	width: 100%;
	margin: 0 2rem 0 0;
}

#contents_area .img_flex {
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 0;
	margin: -1rem 0 1rem 0;
}

#contents_area .img_flex li {
	width: 50%;
	list-style: none;
}

#contents_area .img_flex span {
	display: block;
	text-align: center;
	font-size: 85%;
	font-weight: 500;
}

#contents_area .img_flex li img {
	width: 98.5%;
}

#contents_area table {
	width: 100%;
	margin: 0 0 2rem 0;
}

#contents_area table td {
	font-size: 0.95em;
	line-height: 1.2;
	vertical-align: top;
	padding-bottom: 0.7rem;
}

#contents_area table tr {
}

#topimage h1 {
	background-image:url(/dark/j/img/top_image.jpg);
	width: 100%;
}




/*
#headimage h1 {
	background-image:url(../img/head_image_bg.png);

	background-color:#999;

}
*/


/* タブの切り替え */
.tab-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.tab-label {
	margin: 0 1rem;
	padding: 3px 0;
	order: -1;
	
/*	
	color: #0064b5;
*/

}

.tab-label:hover {
	cursor: pointer;
	color: #008cff;
}

.tab-label a {
	margin: 0 1rem;
	padding: 3px 10px;
	order: -1;
	border-bottom: dotted 4px #777777;
	text-decoration: none;
}

.tab-content {
	width: 100%;
	display: none;
	margin: 2rem 0 3rem;
}



/* アクティブなタブ */
/*
.tab-switch:checked+.tab-label {
	font-weight: bold;
}
*/
.tab-switch:checked+.tab-label+.tab-content {
	display: block;
}

.tab-switch {
	display: none;
}

/* report */
.report {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap; 
	width: 100%;
	margin: 0;
	padding: 0;
}
.report li {
	list-style: none;
	width: 48%;
	margin-bottom: 2rem;
	position: relative;
}
.report p.no {
	position: absolute;
	display: inline;
	top: 0;
	left: 0;
	background: #ffffff;
	opacity: 0.7;
	padding: 0.2rem 1.5rem;
}
.report li:hover {
	opacity: 0.5;
}
.report li a {
	text-decoration: none;
	color: #555;
}

.report img {
	width: 100%;
}
.report li span:nth-child(2) {
	display: block;
	margin-top: 0;
	text-align: right;
}
.report li span:nth-child(3) {
	display: block;
	margin: 0.75rem 0 0 1rem;
	font-weight: 500;
	font-size: 120%;
}
.report .wn_chousa {
	background: url("../report/img/label1.jpg");
	background-repeat: no-repeat;
	background-position: 5px 248px;
	background-size: 25%;
}
.report .wn_event {
	background: url("../report/img/label2.jpg");
	background-repeat: no-repeat;
	background-position: 5px 248px;
	background-size: 25%;
}
.report .wn_sonota {
	background: url("../report/img/label3.jpg");
	background-repeat: no-repeat;
	background-position: 5px 248px;
	background-size: 25%;
}

.report h3 {
	width: 100%;
	background: #C7E4FF;
	border-left: solid 10px #013256;
	border-bottom: none!important;
}
.report h3 span:nth-child(1){
	display: block;
	font-size: 70%;
	padding: 0.3rem 0 0 0.3rem;
}
.report h3 span:nth-child(2){
	display: block;
	font-size: 1em!important;
	padding: 0.2rem;
	font-weight: bold;
}
.report h4 {
	padding: 0.2em 0 0 0.5rem;
	margin: 1em 0 1rem 0!important;
	border-left: solid 8px #C7E4FF;
	font-weight: bold!important;
	font-size: 1.3em!important;
}
.report .img_100p {
	width: 100%;
	margin: 0 0 1rem 0;
}
.report .img_100p img {
	width: 100%;
}
.report .img_100p span {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 90%;
}
.report .fukidashi {
	width: 100%;
	margin: -1rem 0 0 0;
	padding: 1.2rem 0 3rem 1rem;
	background-size: contain!important;
	background: url("/dark/j/report/20240710/img/fukidasi.png");
	background-repeat: no-repeat;
	padding-top: 15.6%;
	position: relative;
}
.report .fukidashi_m {
	width: 100%;
	margin: 0;
	padding: 1.5rem 0 1rem 1rem;
	background-size: contain!important;
	background: url("/dark/j/report/20250210/img/fukidasi_m.png");
	background-repeat: no-repeat;
	padding-top: 21.4%;
	position: relative;
}
.report .fukidashi_l {
	width: 100%;
	margin: 0;
	padding: 1rem 0 1rem 1rem;
	background-size: contain!important;
	background: url("/dark/j/report/20250210/img/fukidasi_l.png");
	background-repeat: no-repeat;
	padding-top: 26.4%;
	position: relative;
}
.report .fukidashi p,
.report .fukidashi_m p,
.report .fukidashi_l p {
	position: absolute;
	width: 80%;
	top: 4%;
	left: 2%;
}

.report .check_mark {
	margin: 0 0 -2rem 1rem;
	padding: 0.2rem 0.75rem;
	background: orange;
	color: #ffffff;
	border-radius: 0.3rem;
	z-index: 999;
}



.report .check {
	margin: 1rem 0 0 0;
	padding: 2rem 1rem 0 1rem;
	width: 100%;
	border: solid 1px orange;
	border-radius: 0.5rem;
	justify-content: space-between;
}
.report .check + p {
	margin: 0.5rem 0 3rem 1rem!important;
	font-size: 0.9em;
}
.report .check .check_con {
	display: flex;
	width: 100%;
}
.report .check .check_con1 {
	width: 73%;
	font-weight: bold;
	font-size: 120%;
	padding: 1rem 0 0 0;
}
.report .check .check_con2 {
	width: 27%;
	margin: 0 1rem 0 0;
}
.report .check .check_con2 img {
	width: 100%;
}
.report .check span:nth-child(1) {
	display: block;
	padding: 0;
	margin: -0.5rem 0 -1rem 0;
	font-size: 0.9em;
}
.report .check span:nth-child(2) {
	display: block;
	padding: 0;
	margin: -1rem 0 1rem 0;
	font-size: 0.9em;
}






/* gallery */
.gallery {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap; 
	width: 100%;
	margin: 0;
	padding: 0;
}
.gallery li {
	list-style: none;
	width: 48%;
	margin-bottom: 1rem;
}
.gallery img {
	width: 100%;
}
.gallery img:hover {
	opacity: 0.5;
}
.gallery li span {
	display: block;
	margin-top: -0.35rem;
}



#news_area_title {
	margin:0;
	height:40px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background-image:url(../img/top_news_bg.png);
}

#news_area_title ul {
	margin: 0;
	padding: 0;
	display: inline-block;
	float:left;
}


#news_area_title ul li {
	margin:0;
	padding:0;
	height:40px;
	list-style:none;
	display:inline;
	float:left;
	border-right:1px solid #D9D9D9;
}

#news_area_title a {
	height:40px;
	display:block;
	text-indent:-9999px;
}

#news_area_title a:hover {
	background-image:url(../img/top_news_on.png);
}


a#na_topics {
	width:105px;
	background-position:center 0px;
	background-image:url(../img/top_news_on.png);
}

a#na_event {
	width:124px;
	background-position:center -40px;
	background-image:url(../img/top_news_off.png);
}

a#na_seminar {
	width:165px;
	background-position:center -80px;
	background-image:url(../img/top_news_off.png);
}



#news_area {
	margin: 0 0 18px 0;
	padding: 5px 15px;
	border:1px solid #CCCCCC;
	border-top:none;
	height:300px;
	overflow:auto;
}



#topics, #event, #seminar, #recruit {
	margin:0;
	padding:0;
}

#topics, #event, #seminar, #recruit {
	display:none;
}

#topics {
	display:block;
}

/*追加*/
#chousa, #seibutsu, #sonota {
	margin:0;
	padding:0;
}

#chousa, #seibutsu, #sonota {
	display:none;
}

#topics {
	display:block;
}




.goall {
	float:right;
	font-size:80%;
}

.goall a {
	padding-left:18px;
	background: url("/j/cmn/img/arrow_orange_off.png") no-repeat 0 center;
}

.goall a:hover {
	background: url("/j/cmn/img/arrow_orange_on.png") no-repeat 0 center;
}

.noborder {
	border:none;
}






dd.wn_news {
	background:url("/j/cmn/img/wn_news.png") no-repeat 0 0.5ex;
}

dd.wn_topics {
	background:url("/j/cmn/img/wn_topics.png") no-repeat 0 0.5ex;
}

dd.wn_recruit {
	background:url("/j/cmn/img/wn_recruit.png") no-repeat 0 0.5ex;
}

dd.wn_event {
	background:url("/j/cmn/img/wn_event.png") no-repeat 0 0.5ex;
}



#topics dl, #recruit dl, #seminar dl {
	margin:0;
	padding:30px 0;
/*
	border-bottom: 1px dotted #AAAAAA;
*/
}

#topics dl dt, #recruit dl dt, #seminar dl dt {
	float:left;
	width:8em;
	margin: 0;
	margin-bottom: 20px;
}


#topics dl dd {
	margin:0;
	margin-left:8em;
	margin-bottom:20px;
	padding-left:60px;
}

#recruit dl dd, #seminar dl dd {
	margin:0;
	margin-left:8em;
	margin-bottom:20px;
}



#event dl {
	margin:0;
	padding:20px 0;
	border-bottom: 1px dotted #AAAAAA;
}

#event dl dt {
	margin: 0;
	margin-bottom: 20px;
}

#event dl dt:before {
	content:"開催日 ";
}

#event dl dd {
	margin:0;
	margin-bottom:20px;
}

#sns {
	border: dotted 3px gray;
	text-align: right;
	height: 2.8rem;
}
#sns ul {
	display: flex;
	justify-content: flex-end;
	list-style-type: none;
	margin: 0.2rem -0.7rem 0 0;
}
#sns li p {
	margin-top: 0.5rem;
}
#sns li a:hover {
	opacity: 0.5;
}
#sns img {
	padding-left: 0.5rem;
}

.end {
	color:#C00;
}