@charset "UTF-8";

/*
========================================

	/about/css/about_add.css
 
========================================
*/

body.about {
	/*background-color: #f5f7fb;=base_color
	background-image: url(/about/img/bg_about_bottom.png) no-repeat right bottom 880px ;
	background-size:contain;*/
}

body.about > main {
	background-image: url(/about/img/bg_about_top.png) no-repeat left top 480px ;
	background-size:contain;
}

/*----------------------
  base layout
----------------------*/

#gr_contents h2 {
    display: flex;
	margin-top: 1.5rem;
    margin-bottom: 2rem;
	font-weight: 700;
}

#gr_contents h2.line {
	display: flex;
	align-items: center;
}

@media (min-width: 1024px) {

	#gr_contents h2.line {
		display: flex;
		align-items: center;
		position: relative;
		border-bottom: 1px solid #fff;
		padding-bottom: 1rem;
	}

	#gr_contents h2.line::after {
		content: '';
		position: absolute;
		bottom: -1px;
		left: 0;
		width: 35%;
		max-width: 240px;
		height: 7px;
		background: linear-gradient(45deg, #93a5cf 25%, transparent 100%);
	}

}

#gr_contents h3 {
    margin-bottom: 1.5rem;
 }

 #gr_contents h4 {
    margin-bottom: 1rem;
 }

 #gr_contents dl dt {
    margin-bottom: 1rem;
    /*font-weight: 700;*/
}

#gr_contents dl dd {
     margin:0 0.5rem 1rem 0.5rem;
   /*background-color: #f6f6f6;*/
}

#gr_contents table {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

/*category top*/

.contents_list_box.message {
	background: url(/about/img/bg_message.jpg) no-repeat 0 0 ;
	background-size: cover;
}

/*pr*/

#gr_contents .news_card p.text {
	margin-bottom: 0;
}
#gr_contents .news_card p.news_tag {
	display:none;
} 
/*
#gr_contents .site_card p {
	margin-bottom: 0;
}*/

/*history*/

#gr_contents .history dt.year::before {
	content: "";
	margin: auto;
	position: absolute;/*relative -->.history dt.year -->about_dist.css*/
	top: 0;
	bottom: 0;
	margin: auto;
	left: -15px;
	width: 16px;
	height: 16px;
	background: #4682b4;
	border-radius: 50%;
} 

@media (min-width: 640px) {

	#gr_contents .history dt.year::before {
		left: -18px;
		width: 21px;
		height: 21px;
	} 	

}

@media (min-width: 1024px) {

	#gr_contents .history dt.year::before {
		left: -20px;
		width: 24px;
		height: 24px;
	} 	

}
/*
#gr_contents .history a.link_extlink {
	position: relative;
	display: inline-block;
	padding-right: 20px;
}

#gr_contents .history a.link_extlink::before {
	position: absolute; relative-->a.link_extlink
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(/common/cmn_img/icon/icon_link.svg) no-repeat ;
	background-position:center;
	background-size: 100%;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

main.change_title div#gr_contents.mtop {	
	margin-top: 520px;common.css 60px + div.gr_inner_nav_lineの高さ 120px ・・・？？？　後でデザインに応じて決める
}*/
/*
@media (min-width: 1024px) {

	main.change_title div#gr_contents.mtop {	
		margin-top: 150px;common.css 90px + div.gr_inner_nav_lineの高さ 60px・・・？？？　後でデザインに応じて決める
		scroll-padding-top: 360px;
	}

}*/



.contents_item a {/*あとでもとから消すほうがいい*/
    border:0;
}