@charset "UTF-8";
/* -----------------------------------------------
* common style
/service/download/

 1.layout
 2.table

----------------------------------------------- */
/* -----------------------------------------------
	#page-header
----------------------------------------------- */
#page-header .headline span {
	font-size: 36px;
}
@media only screen and (max-width: 767px) {
	#page-header .headline span {
		padding: 0 20px;
	}
}

/* -----------------------------------------------
	layout
----------------------------------------------- */
/*
	headline
----------------------------------------------- */
.content .main .headline span .ruby {
	font-size: 14px;
	padding: 0;
	margin: 0;
}
.content .main .subheadline span .ruby {
	font-size: 12px;
	padding: 0;
}
/*
	.subheadline
----------------------------------------------- */
#item-area.content .main .section .subheadline {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
#item-area.content .main .section .subheadline span {
	font-size: 24px;
}
#item-area.content .main .section .minheadline {
	margin-bottom: 10px;
}
#item-area.content .main .section .minheadline span {
	font-size: 20px;
}

/*
	.section
----------------------------------------------- */
.content .main .section {
	margin-bottom: 50px;
}
/*
	.pdf
----------------------------------------------- */
.content .table a.pdf {
	display: block;
}
/*
	.bread-container
----------------------------------------------- */
.content .bread-container ul li:before {
	display: none;
}


/* -----------------------------------------------
	.table
----------------------------------------------- */
/*
	.table.border-black
----------------------------------------------- */
.content .main .table.border-black,
.content .main .table.border-black th,
.content .main .table.border-black td {
	border-color: #666;
	vertical-align: middle;
}
.content .main .table.border-black .yellow {
	background-color: #FFB700;
}
.content .main .table.border-black .yellow.service_name {
	text-align: center;
}
.content .main .table.border-black .service_name {
	width: 30%;
	text-align: left;
	font-size: 14px;
}
.content .main .table.border-black .service_name .rubi {
	font-size: 12px;
}
.content .main .table.border-black .pdf_list {
	vertical-align: middle;
}

/* -----------------------------------------------
	#item-area
----------------------------------------------- */
/*
	#item-area
----------------------------------------------- */
#item-area .headline {
	margin: 0;
	position: relative;
}
#item-area .headline span {
	font-size: 36px;
}
#item-area .headline span a {
	position: relative;
	left: -30px;
}
#item-area .subheadline {
	margin: 0 0 10px 0;
}
#item-area .item-list {
	display: block;
	width: 100%;
}
#item-area .item-list::after {
	display: block;
	content: "";
	clear: both;
}
#item-area .item-list .item {
	float: left;
	width: 50%;
	display: block;
}
#item-area .item-list .item .inner {
	display: block;
	min-height: 70px;
	padding: 20px 20px 20px 0;
}
#item-area .item-list .item:nth-child(2n) .inner {
	border-right: none;
}
#item-area .item-list .item .inner .click_area {
	background-color: transparent;
	display: block;
	color: #333;
}
#item-area .item-list .item .inner .item-title {
	font-size: 24px;
	color: #333;
}
#item-area .item-list .item .inner .item-title .ruby {
	font-size: 12px;
	padding-left: 10px;
}
#item-area .item-list .item .sub-list-area {
	background-color: none;
	color: #333;
	padding: 10px 0 0 10px;
}
#item-area .item-list .item .sub-list-area li {
	position: relative;
	margin-bottom: 5px;
}
#item-area .item-list .item .sub-list-area li::before {
	display: block;
	content: "・";
	position: absolute;
	left: -18px;
	top: 0;
	font-size: 16px;
	font-weight: 800;
}
#item-area .item-list .item .sub-list-area li:last-child {
	margin-bottom: 0;
}
#item-area .item-list .item .sub-list-area .click_list {
	color: #333;
	text-decoration: none;
	font-size: 16px;
	font-weight: 400;
}
#item-area .item-list .item .sub-list-area .click_list:hover {
	text-decoration: underline;
}
@media only screen and (max-width: 767px) {
	#item-area .item-list .item {
		width: 100%;
		clear: both;
		float: none;
	}
	#item-area .item-list .item .inner {
		border-right: none;
	}
	#item-area .item-list .item .inner .item-title .ruby {
		display: block;
		padding-left: 0;
	}
	#item-area .headline {
		left: 0;
	}
}
/*
	#item-area .list-area.sub-category-area
----------------------------------------------- */
#item-area .list-area.sub-categry-area .item-list .item {
	width: 100%;
	float: none;
}
#item-area .list-area.sub-categry-area .item-list .item .inner {
	min-height: auto;
	height: auto;
	max-height: auto;
}
#item-area .list-area.sub-categry-area .item-list .item .sub-list-area li {
	position: relative;
	margin-bottom: 5px;
}
#item-area .list-area.sub-categry-area .item-list .item .sub-list-area li::before {
	display: block;
	content: "・";
	position: absolute;
	left: -20px;
	top: 0;
	font-size: 20px;
	font-weight: 800;
}
#item-area .list-area.sub-categry-area .item-list .item .sub-list-area .click_list {
	color: #333;
	text-decoration: none;
	font-size: 20px;
	font-weight: 800;
}
#item-area .list-area.sub-categry-area .item-list .item .sub-list-area .click_list:hover {
	text-decoration: underline;
}


/* -----------------------------------------------
	#document
----------------------------------------------- */
/*
	#document
----------------------------------------------- */
#document {
	padding: 0 0 50px 0;
}
#document.content .headline {
	margin: 0 0 10px 0;
}
#document.content .headline span {
	font-size: 36px;
}
#document.content .subheadline {
	margin: 0 0 10px 0;
}