@charset "utf-8";


@media only screen and (min-width: 768px), print {


/* information
=========================================*/

	.informationBox {
		margin-top: 24px;
	}
	.informationBox .informationBoxInner {
		border-top: 1px solid #ddd;
		border-left: 1px solid #ddd;
	}
	.informationBox .informationBoxContent {
		display: flex;
	}
	.informationBox .informationBoxHead,
	.informationBox .informationBoxBody {
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}
	.informationBox .informationBoxHead {
		width: 30%;
		background-color: #f0f0f0;
		padding: 12px
	}
	.informationBox .informationBoxBody {
		width: 70%;
		flex: 1;
	}
	.informationBox .informationBoxTitle {
		font-size: 1.5rem;
		font-weight: bold;
	}
	.informationBox .informationListSelect {
		position: relative;
		display: inline-block;
		padding: 13px 12px;
	}
	.informationBox .informationListSelect::before {
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		right: 20px;
		margin: -4px 0 0 0;
		border-left: 6px solid #000;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.informationBox .informationListSelectItem {
		cursor: pointer;
		padding: 10px 30px 11px;
		width: 210px;
		z-index: 1;
		text-align: center;
		font-weight: bold;
		border-color: #000;
		font-size: 1.5rem;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background-color: #fff;
	}
	.informationBox .informationListSelectItem > option {
		text-align: left;
	}
	.informationBox .informationList {
		padding: 8px 13px 10px;
	}
	.informationBox .informationListText {
		font-size: 1.5rem;
		font-weight: bold;
	}
	.informationBox .informationListBody {
		display: flex;
		flex-wrap: wrap;
	}
	.informationBox .informationListItem {
		width: calc((100% - 62px)/3 - 0.1px);
		margin-right: 31px;
	}
	.informationBox .informationListItem:nth-child(3n) {
		margin-right: 0;
	}
	.informationBox .informationListItem:nth-child(n + 4) {
		margin-top: 5px;
	}
	.informationBox .informationListLabel {
		cursor: pointer;
	}
	.informationBox .informationListCheck {
		clip: rect(0,0,0,0);
		position: absolute;
		width: 1px;
		height: 1px;
		margin: -1px;
		padding: 0;
		overflow: hidden;
		border: 0;
	}
	.informationBox .informationListText {
		position: relative;
		padding-left: 24px;
	}
	.informationBox .informationListText::before {
		width: 15px;
		height: 15px;
		display: inline-block;
		position: absolute;
		top: 4px;
		left: 0;
		border: 1px solid #ddd;
		background-color: #fff;
		content: "";
	}
	.informationBox .informationListText::after {
		top: 5px;
		left: 5px;
		width: 5px;
		height: 8px;
		display: inline-block;
		position: absolute;
		-webkit-transform: rotate(43deg);
		transform: rotate(43deg);
		border-right: 2px solid #00418f;
		border-bottom: 2px solid #00418f;
		content: "";
		opacity: 0;
	}
	.informationBox .informationList input[type=checkbox]:checked+.informationListText:after {
		opacity: 1;
	}
	.informationBoxBodyFoot {
		margin-top: 15px;
	}
	.informationButtonWrap {
		display: flex;
		justify-content: center;
	}
	.informationBoxBodyFoot .informationButton {
		cursor: pointer;
		color: #333333;
		font-weight: bold;
		position: relative;
		line-height: 1.6;
		font-size: 1.5rem;
		text-decoration: none;
		width: 286px;
		padding: 11px 20px 9px;
		border: 1px solid #000000;
		background: url(/hc/common/img/com_ic12.png) no-repeat right bottom;
		background-color: #fff;
		background-size: 10px 10px;
	}
	.informationBoxBodyFoot .informationButton:hover {
		background-color: #717171;
		background-image: url(/hc/common/img/com_ic13.png);
		border-color: #717171;
		color: #fff;
	}
	.informationBoxBodyFoot .informationButton > span {
		position: relative;
		display: inline-block;
	}
	.informationMoreButton {
		display: none;
		cursor: pointer;
		color: #333333;
		font-weight: bold;
		position: relative;
		line-height: 1.6;
		font-size: 1.5rem;
		text-decoration: none;
		width: 286px;
		margin: 15px auto 0;
		padding: 11px 20px 9px 18px;
		border: 1px solid #000000;
		background: url(/hc/common/img/com_ic12.png) no-repeat right bottom;
		background-color: #fff;
		background-size: 10px 10px;
	}
	.informationMoreButton:hover {
		background-color: #717171;
		background-image: url(/hc/common/img/com_ic13.png);
		border-color: #717171;
		color: #fff;
	}
	.informationMoreButton > span {
		position: relative;
		display: inline-block;
		padding-right: 20px;
	}
	.informationMoreButton > span::before,
	.informationMoreButton > span::after {
		position: absolute;
		top: 50%;
		right: 0;
		width: 16px;
		height: 2px;
		background-color: #000;
		margin-top: -2px;
		content: "";
	}
	.informationMoreButton > span::after {
		transform: rotate(90deg);
	}
	.informationMoreButton:hover > span::before,
	.informationMoreButton:hover > span::after {
		background-color: #fff;
	}
/* informationAccordion
=========================================*/
	.informationAccordion > .informationAccordionTrigger {
		display: none;
	}
/* informationNews
=========================================*/
	.informationNews {
		margin-top: 2.5em;
	}
	.informationNews .informationNewsDetail {
		border-bottom: 1px solid #ddd;
	}
	.informationNews .informationNewsList {
		padding: 15px 15px 17px;
	}
	.informationNews .informationNewsProperty {
		display: flex;
	}
	.informationNews .informationDate {
		min-width: 120px;
		flex-shrink: 0;
		margin-right: 5px;
		font-size: 1.5rem;
		color: #333;
		text-decoration: none;
	}
	.informationNews .informationLink,
	.informationNews .informationBlankLink,
	.informationNews .informationPdfLink {
		text-decoration: none!important;
		display: block;
	}
	.informationNews a.informationLink:hover,
	.informationNews a.informationBlankLink:hover,
	.informationNews a.informationPdfLink:hover {
		background-color: #f0f0f0;
	}
	.informationNews .informationLink .informationCaption,
	.informationNews .informationBlankLink .informationCaption,
	.informationNews .informationPdfLink .informationCaption {
		position: relative;
	}
	.informationNews a.informationLink .informationCaption::before {
		content: "";
		position: absolute;
		top: 50%;
		right: 0;
		margin: -7px 0 0;
		width: 10px;
		height: 14px;
		background: url('/hc/common/img/com_ic02.png') no-repeat;
		background-size: 100% auto;
	}
	.informationNews a.informationBlankLink .informationCaption::before {
		content: "";
		position: absolute;
		top: 50%;
		right: 0;
		margin: -8px 0 0;
		width: 16px;
		height: 16px;
		background-repeat: no-repeat;
		background: url('/hc/common/img/com_ic03.png') no-repeat;
		background-size: 100% auto;
	}
	.informationNews a.informationPdfLink .informationCaption::before {
		content: "";
		position: absolute;
		top: 50%;
		right: 0;
		margin: -7px 0 0;
		width: 14px;
		height: 14px;
		background-repeat: no-repeat;
		background: url('/hc/common/img/com_ic04.png') no-repeat;
		background-size: 100% auto;;
	}
	.informationNews .informationCategory {
		margin: 4px -8px -7px 0;
	}
	.informationNews .informationCategory > *:last-child {
		margin-right: 0;
	}
	.informationNews .informationCategory > * {
		margin-right: 8px;
		margin-bottom: 7px;
	}
	.informationNews [class*="informationCategory--"] {
		min-width: 116px;
		height: 22px;
		padding: 1px 5px 2px;
		font-size: 1.3rem;
		font-weight: 700;
		line-height: 1.5;
		color: #333;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		font-style: normal;
		text-align: center;
		vertical-align: middle;
	}
	.informationNews .informationCategory--press01 {
		background-color: #c6ccfb;
	}
	.informationNews .informationCategory--press02 {
		background-color: #ffbfd9;
	}
	.informationNews .informationCategory--press03 {
		background-color: #c9ffc9;
	}
	.informationNews .informationCategory--press04 {
		background-color: #cafaec;
	}
	.informationNews .informationCategory--press05 {
		background-color: #ffddb5;
	}
	.informationNews .informationCategory--press06 {
		background-color: #e4ccb4;
	}
	.informationNews .informationCategory--press07 {
		background-color: #fafab0;
	}
	.informationNews .informationCategory--press08 {
		background-color: #a8e7c4;
	}
	.informationNews .informationCategory--press09 {
		background-color: #bef3fa;
	}
	.informationNews .informationCategory--press10 {
		background-color: #e4d0ff;
	}
	.informationNews .informationCategory--press11 {
		background-color: #ffe0fa;
	}
	.informationNews .informationCategory--press12 {
		background-color: #dadada;
	}
	.informationNews .informationCategory--press13 {
		background-color: #fff;
		border: 1px solid #ddd;
	}
	.informationNews .informationCaption {
		margin-top: 8px;
		padding-right: 20px;
	}
	.informationNews .informationNoLink .informationCaption {
		padding-right: 0;
	}
	.informationErrorText {
		margin: 2.5em 0 0;
		text-align: center;
	}
	.informationText {
		text-align: center;
	}
}