@charset "UTF-8";
/* CSS Document */

/*子ページ用のトップイメージ*/
#header .ch_topimage {
	/*common.css　上書き*/
	background-image:url(../images/title_img02.jpg);
}
#header .ch_topimage .title {
	height:70px;
}

@media screen and (min-width: 481px) {
	
	/*活動実績*/
	.box {
		display: block;
		width:100%;
		overflow: hidden;
		padding-top: 30px;
		padding-bottom: 30px;
		border-bottom: solid #dcdcdc 3px;
	}
	/*イメージボックス：背景画像*/
	.box .img {
		float:left;
		width:213px;
		height: 213px;
		border: solid #dcdcdc 3px;
		line-height: 213px;
		background-size:cover;
		background-position: center;
	}
	/*イメージボックス：実画像を使用する場合。ただし完璧なフィットはしない
	.box .img {
		float:left;
		width:213px;
		height: 213px;
		border: solid #dcdcdc 3px;
		line-height: 213px;
		overflow: hidden;
		position:relative;
	}
	.box .img img {
		width: 100%;
		height: auto;
		position: absolute;
		 top: 0;
		 left: 0;
		 right: 0;
		 bottom: 0;
		 margin: auto;
	}
	*/
	.box .text {
		float:right;
		width: 640px;
	}
	#contents .box h2 {
		margin: 2px 0 15px 0;
		color:#513c80;
	}
	#contents .box .text ul.tag {
		display: block;
		padding: 0;
	}
	.box .text ul.tag li {
		display: inline-block;
		color:#FFF;
		font-weight: bold;
		padding: 8px 16px;
		margin:0 10px 0 0;
		vertical-align: middle;
		background-color:#513c80;
		border-radius: 6px;
	}
	
	/* タブ 1707追加 start */
	ul.contents_tab {
		width: 100%;
		margin: 0;
		padding: 0;
		clear: both;
		border-bottom: solid #494949 2px;
		overflow: hidden;
	}
	#contents ul.contents_tab li {
		float:left;
		list-style: none;
		width: 48%;
		height: auto;
		margin: 0 2% 0 0;
		padding: 0;
		border:solid #cfcfcf 1px;
		border-bottom: none;
	}
	#contents ul.contents_tab li:hover {
		background-color: rgba(81,60,129,0.1);
	}
	#contents ul.contents_tab li.current {
		border:solid #513c80 1px;
		border-bottom: none;
		background-color:#513c80;
		color:#FFF;
		font-weight: normal;
	}
	#contents .contents_tab li h2,
	.contents_tab li div {
		width: 98%;
		text-align: center;
		line-height: 1.2;
		margin: 0 0;
		padding: 18px 1%;
		text-decoration: none;
		font-size: 115%;
	}
	.contents_tab li div a {
		font-size: 100%;
		text-decoration: none;
	}
	#contents .contents_tab li:first-child {
		margin-left: -1%;
	}
	#contents .contents_tab li h2::before,
	.contents_tab li div a::before {
		content: "";
		display: inline-block;
		border: 5px solid transparent;
		border-left-color: #FFF;
		margin-right: 10px;
	}
	.contents_tab li div a::before {
		border-left-color: #513c80;
	}
	/* タブ 1707追加 end */
	
}


@media screen and (min-width: 481px) and (max-width: 1520px) {
	
	.box .text {
		width: 65%;
	}
	.box .img {
		width:28%;
		height: 27vw;
	}
	
}


@media screen and (max-width: 480px) {
	
	/*活動実績*/
	.box {
		display: block;
		width:auto;
		overflow: hidden;
		padding-top: 30px;
		padding-bottom: 15px;
		border-bottom: solid #dcdcdc 3px;
	}
	/*イメージボックス：背景画像*/
	.box .img {
		display: block;
		width:auto;
		height: 70vw;
		border: solid #dcdcdc 3px;
		line-height: 303px;
		background-size:cover;
	}
	.box .text {
		display: block;
		width: auto;
	}
	#contents .box h2 {
		margin: 25px 0 15px 0;
		color:#513c80;
		line-height: 1.4;
	}
	#contents .box .text ul.tag {
		display: block;
		padding: 0;
		margin: 0;
	}
	.box .text ul.tag li {
		display: inline-block;
		color:#FFF;
		font-weight: bold;
		padding: 8px 16px;
		margin:10px 10px 0 0;
		vertical-align: middle;
		background-color:#513c80;
		border-radius: 6px;
	}
	
	/* タブ 1707追加 start */
	#contents ul.contents_tab {
		width: auto;
		margin: 20px auto 0;
		padding: 0;
		clear: both;
		border-bottom: solid #494949 2px;
		overflow: hidden;
	}
	#contents ul.contents_tab li {
		display: block;
		list-style: none;
		width: auto;
		height: auto;
		margin: auto;
		padding: 0;
		border:solid #cfcfcf 1px;
		border-bottom: none;
	}
	#contents ul.contents_tab li:hover {
		background-color: rgba(81,60,129,0.1);
	}
	#contents ul.contents_tab li.current {
		border:solid #513c80 1px;
		border-bottom: none;
		background-color:#513c80;
		color:#FFF;
		font-weight: normal;
	}
	#contents .contents_tab li h2,
	.contents_tab li div {
		width: auto;
		text-align: center;
		line-height: 1.2;
		margin: 0 0;
		padding: 18px 1%;
		text-decoration: none;
		font-size: 115%;
	}
	.contents_tab li div a {
		font-size: auto;
		text-decoration: none;
		padding: 4px 1%;
		box-sizing: content-box;/*AutoHeight無効化*/
	}
	#contents .contents_tab li h2::before,
	.contents_tab li div a::before {
		content: "";
		display: inline-block;
		border: 5px solid transparent;
		border-left-color: #FFF;
		margin-right: 10px;
	}
	.contents_tab li div a::before {
		border-left-color: #513c80;
	}
	/* タブ 1707追加 end */
	
}