@charset "UTF-8";

@media screen and (min-width: 960px) {
	.keyvisual__title {
		margin-bottom: 24px;
	}
}

@media screen and (max-width: 959px) {
	.keyvisual--nobg .keyvisual__txt {
		padding-top: 26.5px;
	}
}

/* infoList
-------------------------------------------------- */
.infoList .block {
	display: block;
	border-bottom: 1px solid #cccccc;
}

.infoList .block:hover {
	text-decoration: none;
}

.infoList .block .title {
	margin-bottom: 0px;
	line-height: 1.5;
}

.infoList .block .title a {
	color: #333333;
}

.infoList .block:hover .title {
	color: #c3303c;
	text-decoration: underline;
}

.infoList .block:hover .date {
	color: #000000;
}

.infoList .block .date {
	line-height: 1;
	color: #666666;
	display: block;
}

@media screen and (min-width: 960px) {
	.infoList {
		margin-top: 79px;
		margin-bottom: 119px;
	}
	.relationLink {
		padding-bottom: 115px;
	}

	.infoList .block {
		margin-bottom: 29px;
		padding-bottom: 27px;
	}

	.infoList .block .title {
		font-size: 16px;
	}

	.infoList .block .date {
		font-size: 14px;
		margin-bottom: 14px;
	}

	.margin_pc60 {
		margin-bottom: 60px;
	}
}

@media screen and (max-width: 959px) {
	.title--xl.infoList_title {
		margin: 46.5px 0 41px;
	}
	.infoList {
		margin-bottom: 60px;
	}

	.infoList .block {
		padding-bottom: 11.5px;
		margin-bottom: 14.5px;
	}

	.infoList .block .title {
		font-size: 14px;
	}
	.infoList .block .date {
		margin-bottom: 10px;
		font-size: 10px;
	}
	.margin_sp30 {
		margin-bottom: 30px;
	}
}

.listAsterlisk__list .listDecimal li {
	margin-left: 0;
	text-indent: 0;
}

.myDiv_title {
	font-weight: bold;
	text-align: center;
}
#myDiv {
	padding: 0;
	margin: 0;
}
#myDiv .rn_SearchArea {
	padding-bottom: 0;
	display: flex;
	justify-content: space-between;
	border-radius: 4px;
	box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.3);
}
#myDiv .rn_SearchBox,
#myDiv .rn_SearchButton {
	display: block;
}
#myDiv input#rn_Queryskw_0,
#mainArea #myDiv input#rn_Queryskw_0 {
	margin: 0;
	border: 0;
	background: #fff;
	border-radius: 4px 0 0 4px;
}
#myDiv .rn_SearchButton input#rn_SearchButtonskw_0 {
	color: #fff;
	font-weight: bold;
	border: none;
	background: #c3303c;
	border-radius: 0 4px 4px 0;
}
.rn_SearchSuggestion {
	line-height: 1.5;
}
.relationLink a {
	display: inline;
	text-decoration: underline;
	font-weight: normal;
}
.relationLink a:not( :first-child ) {
	padding: 0 0 0 1em;
	margin: 0 0 0 1em;
	border-left: 1px solid #666;
}
#mainArea ul#rn_ContentListskw_0 {
	margin: 0;
}
#rn_ContentListskw_0 li,
#mainArea .menuBox ul#rn_ContentListskw_0 li {
	padding: 0;
	text-indent: 0;
	display: inherit;
}
div.rn_Content .rn_List li.rn_Item span.rn_Title {
	width: 100%;
}
#rn_ContentListskw_0 li a,
#mainArea .menuBox ul#rn_ContentListskw_0 li a {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 10px;
	background: none;
	display: block;
}
#rn_Suggestionsskw_0,
#rn_ContentListskw_0 {
	margin: 0;
}
#rn_Navigationskw_0 {
	margin: -33px 0 10px;
	padding: 0;
}
#rn_Navigationskw_0 a {
	padding: 0;
	background: none;
}
#rn_Navigationskw_0 a:before {
	display: none;
}
.sectionTypeGray .contactBlock_btn__cv_typeblack {
	margin-bottom: 0;
	padding: 5px 0;
	text-align: center;
	list-style: none;
	line-height: 1.5;
}

.sectionTypeGray .contactBlock_btn__cv_typeblack a {
	width: 100%;
	margin: 0;
	background-color: #000;
	border: 1px solid #000;
	font-weight: bold;
	border-radius: 4px;
	display: block;
	color: #fff;
	text-decoration: none;
}

.sectionTypeGray .contactBlock_btn__cv_typeblack a:hover {
	text-decoration: none;
}

.sectionTypeGray .contactBlock_btn__cv_typeblack a:before {
	vertical-align: middle;
	content: "";
	display: inline-block;
}

@media screen and (min-width: 960px) {
	.sectionTypeGray {
		margin-bottom: 96px;
	}
	.sectionTypeGray .title--xl {
		margin: -12px 0 44px;
	}
	.myDiv_title {
		margin-bottom: 17px;
		font-size: 24px;
	}
	#myDiv {
		margin-bottom: 111px;
	}
	#myDiv input {
		height: 57px;
	}
	#myDiv input#rn_Queryskw_0,
	#mainArea #myDiv input#rn_Queryskw_0 {
		width: 868px;
		padding: 6px 18px 7px;
		font-size: 20px;
	}
	#myDiv .rn_SearchButton input#rn_SearchButtonskw_0 {
		width: 132px;
		padding: 7px 0 8px;
		font-size: 16px;
	}
	.rn_Suggestions h3 {
		margin: 21px 0 14px;
		font-size: 16px;
		font-weight: bold;
	}
	.relationLink a {
		margin-bottom: 14px;
	}

	.sectionTypeGray .contactBlock_btn__cv_typeblack li {
		width: 530px;
		margin: 0 auto;
	}
	.sectionTypeGray .contactBlock_btn__cv_typeblack a {
		padding: 22px 0;
		font-size: 24px;
	}
	.sectionTypeGray .contactBlock_btn__cv_typeblack a:hover {
		background-color: #fff;
		border: 1px solid #c3303c;
		color: #c3303c;
	}

	.sectionTypeGray .contactBlock_btn__cv_typeblack a:before {
		margin-right: 10px;
		background: url(/element_2017/images/ico_external_3.png) no-repeat left top;
		width: 14px;
		height: 14px;
	}

	.sectionTypeGray .contactBlock_btn__cv_typeblack a:hover:before {
		background-position: left bottom;
	}
}

@media screen and (max-width: 959px) {
	.sectionTypeGray {
		margin-bottom: 51.5px;
	}
	.sectionTypeGray .title--xl {
		margin: -7px 0 20px;
	}
	.myDiv_title {
		margin-bottom: 5.5px;
		font-size: 16px;
	}
	#myDiv {
		margin-bottom: 55.5px;
	}
	#myDiv .rn_SearchBox {
		width: calc(100% - 80px);
	}
	#myDiv .rn_SearchButton {
		width: 80px;
	}
	#myDiv input#rn_Queryskw_0,
	#mainArea #myDiv input#rn_Queryskw_0 {
		width: 100%;
		padding: 6px 9px 7px;
		font-size: 14px;
	}
	#myDiv .rn_SearchButton input#rn_SearchButtonskw_0 {
		width: 100%;
		padding: 7px 0 8px;
		font-size: 12px;
		background-image: none;
		-webkit-box-sizing: content-box;
		-webkit-appearance: button;
		appearance: button;
		box-sizing: border-box;
	}
	.rn_Suggestions h3 {
		margin: 21px 0 14px;
		font-size: 16px;
		font-weight: bold;
	}
	.relationLink a {
		margin-bottom: 14px;
	}
	.sectionTypeGray .contactBlock_btn__cv_typeblack li {
		width: 100%;
		margin-bottom: 0;
	}
	.sectionTypeGray .contactBlock_btn__cv_typeblack a {
		padding: 8px 0;
		font-size: 14px;
	}
	.sectionTypeGray .contactBlock_btn__cv_typeblack a:before {
		margin-right: 10px;
		background: url(/element_2017/images/ico_external_sp_3.png) no-repeat left top /11px 11px;
		width: 11px;
		height: 11px;
		vertical-align: middle;
	}
}

/* line
-------------------------------------------------- */
@media screen and (min-width: 960px) {
    .contentBlock_line {
        border-top: 1px solid #999999;
        margin: 50px 0;
    }
}

@media screen and (max-width: 959px) {
    .contentBlock_line {
        border-top: 1px solid #999999;
        margin: 30px 0;
    }
}