@charset "utf-8";

/* NEWS ++++++++++ */

#news article .important{
	display: inline;
	margin-bottom: 16px;
	padding: 8px;
	width: auto;
	font-size: 20px;
	color: #000;
	border: #7396ff solid 1px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

#news article.box p:last-child{
/* 	padding-top: 20px;
 */}
 
 .newsBox span.tar{
	 display: block;
	 padding-top: 12px;
	 text-align: right;
 }
 
 section#news .newsBox em.tar{
	 display: block;
	 padding: 4px 0 8px;
	 text-align: right;
	 color: unset;
 }
 

@media only screen and (max-width: 380px){

	#news article .important{
	font-size: 16px;
		
	}
		
}

#news h3.subject{
	display: table;
	/* padding-right: 100px; */
	width: 100%;
	font-size: 14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}

#news h3.subject em{
	display: table-cell;
	width: 100px;
	vertical-align: top;
}

#news h3.subject strong{
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
}

#top main #news .box{
	margin-bottom: 48px;
	border-bottom: none;
}

#top main #news .box:last-child{
	margin-bottom: 0;
	border-bottom: none;
}

#top main #news .box h1 .contentsDate{
	display: block;
	margin-bottom: 20px;
	text-align: right;
	font-size: 14px;
	line-height: 14px;
}

#top main #news .box .moredsp{
	/* position: absolute;
	z-index: 111;
	bottom: -6px;
	right: 0; 
	margin-top: -25px;*/
}

#top main #scrollContents #faq .box h3 b
{
	color: #b7612f;
}

#scrollContents #faq .box .bold{
	color: #000;
	font-weight: bold;
}

.sponly{
	display: none;
}

#scrollContents .box
{
	margin-bottom: 24px;
	padding-bottom: 4px;
	border-bottom: var(--border-color) solid 1px;
}

#scrollContents #serviceBlc{
	margin-bottom: 32px;
}

#scrollContents .box h3{
	margin-bottom: 16px;
	font-size: 14px;
	color: var(--key-color);
	color: #000;
}

.moredsp{
	text-align: left;
}

.moredsp a
{
	display: inline-block;
	margin-bottom: 4px;
	padding: 4px;
	height: 12px;
	line-height: 14px;
	font-size: 12px;
	color: var(--key-color);
	vertical-align: middle;
	background: #f8f8f8;
	border: var(--key-color) solid 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	float: right;
}

.shutup a{
	display: block;
margin-top: 0;
	padding: 4px 4px 4px 0;
text-align: right;
}



.moredsp a:hover{
	color: #000000;
	background: #e5f3be;
}

.shutup a:hover{
	color: #50a121;
	background: #e5f3be;
}

#scrollContents .box .contents{
	margin-bottom: 4px;
}

#scrollContents .box .contents .wrapper{
	display: table;
	width: 100%;
	vertical-align: top;
}

#scrollContents .box .contents.dn{
	display: none;
}

#scrollContents .box .contents p,
#scrollContents .box .contents img{
	display: table-cell;
	vertical-align: top;
}

#scrollContents .box .contents p{
	border-right: transparent solid 8px;
}

#scrollContents .box .contents img{
	width: 148px;
	height: auto;
}

section#news article.box div.newsBox p b,
#scrollContents .box div.contents div.wrapper p b{
	color: #b7612f;
	font-size: 1.14em;
}

section#news article.box.normal div.newsBox p b
{
	color: #000;
	font-size: 1em;
}

section#news article.box.normal div.newsBox p b.green
{
	color: #5ea832;
}

#scrollContents .clm2 .bdimg .box{
	line-height: 24px;
	font-size: 14px;
}

#scrollContents .clm2 dl{
	display: table;
	width: 100%;
	vertical-align: top;
	
}

#scrollContents .clm2 dl dt,
#scrollContents .clm2 dl dd{
	display: table-cell;
	vertical-align: top;
}

#scrollContents .clm2 dl dt{
	border-right: #fff solid 16px;
}

#scrollContents .clm2 dl dd{
	width: 124px;
}

#scrollContents .clm2 dl dd p{
	font-size: 12px;
	text-align: right;
}

p.tar{
	text-align: right;
}

#scrollContents #aboutus .box.profile .contents .wrapper,
#scrollContents #aboutus .box.profile .contents .wrapper p{
	display: block;
	width: 100%;
	height: auto;
}

#scrollContents #aboutus .box.profile .contents .wrapper p.career{
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: #b3b3b3 dotted 1px;
}

#scrollContents #aboutus .box.profile .contents .wrapper p b{
	display: block;
	margin-bottom: 8px;
}

#scrollContents #aboutus .box.idea .contents .wrapper{
	margin-bottom: 24px;
	box-sizing: border-box;
}

.box.idea div.contents div.wrapper{
	padding: 16px;
	font-size: 14px;
	background: #fcfdf1;
	border: var(--border-color) solid 1px;
	border-radius: 8px;
	box-sizing: border-box;
}

.box.idea div.contents div.wrapper:first-child{
	padding: 16px;
	font-size: 14px;
	background: transparent;
	border: none;
	border-radius: 0;
}

#scrollContents #aboutus .box.idea .contents .wrapper p b{
	display: block;
	margin-bottom: 8px;
	color: #000;
}

#scrollContents #aboutus .box.idea .contents .wrapper img{
	padding-top: 28px;
}

#map{
	margin-bottom: 20px;
	height: 50%;
	height: 300px;
	border: #cccccc solid 1px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

#scrollContents #transfer dl dd{
	width: 50%;

}

#scrollContents #transfer b,
#scrollContents #transfer dl dt b{
	display: block;
	margin-bottom: 8px;
	color: #000;
}

#scrollContents #transfer dl dd img{
	width: 100%;
	max-width: 392px;
	height: auto;
	border: #cccccc solid 1px;

}

#scrollContents #equipment .box .wrapper{
	margin-bottom: 16px;
}



@media only screen and (max-width: 767px){

	#scrollContents #transfer dl{
		display: block;
	}

	#scrollContents #transfer dl dt,
	#scrollContents #transfer dl dd
	{
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
		border-right: 0;
	}

	#scrollContents #transfer dl dt img{
		display: block;
		width: 100%;
		max-width: 392px;
		
	}

}

@media only screen and (max-width: 479px){

	#scrollContents .box .contents .wrapper{
		display: block;
		width: 100%;
		vertical-align: top;
	}

	#scrollContents .box .contents p,
	#scrollContents .box .contents img{
		display: block;
		margin-bottom: 8px;
		vertical-align: top;
	}

	#scrollContents #aboutus .box.idea .contents .wrapper img{
		margin-bottom: 28px;
		padding-top: 0px;
		width: 148px;
		height: auto;
	}
	
	#scrollContents .clm2 dl dt,
	#scrollContents .clm2 dl dd{
		display: block;
		vertical-align: top;
		margin: 0 auto;
	}

}