@charset "UTF-8";

/*----------------------------------------

	- content
	- box01
	- box02
	- box03

-----------------------------------------*/

/*----------------------------------------
	content
-----------------------------------------*/

#content {
	overflow: hidden;
}

#content>h1 {
	padding: 93px 0 118px;
	background: #e5e9e5 url(../../img/c_main_bg01.png) repeat-x center top;
	background-size: 1500px 133px;
	text-align: center;
}

#content>h1>span {
	display: block;
}

#content>h1>span br {
	display: none;
}

#content>h1>span:nth-child(2) {
	margin-top: -3px;
}

@media only screen and (max-width: 767px) {
	#content>h1 {
		padding: 64px 0 62px;
		background-size: calc(1500px/2) calc(133px/2);
	}

	#content>h1>span:nth-child(2) {
		margin-top: 2px;
	}

	#content>h1>span br {
		display: block;
	}
}

#content #l_nav {
	z-index: 110;
	width: 1000px;
	margin: -100px auto 0;
	padding-bottom: 70px;
	background: #fff;
}

#content #l_nav ul {
	padding: 27px 30px 0;
}

#content #l_nav ul+ul {
	padding-top: 20px;
}

#content #l_nav ul li {
	display: inline-block;
	padding-right: 30px;
}

@media only screen and (max-width: 767px) {
	#content #l_nav {
		/* width: 320px; */
		width: calc(100% - 30px);

		margin: -50px auto 0;
		padding: 10px 0 35px;
	}

	#content #l_nav ul {
		padding: 0 30px;
		display: flex;
	}

	#content #l_nav ul+ul {
		padding-top: 0;

	}

	#content #l_nav ul li {
		/*width: 50%;*/
		margin-top: 10px;
		padding-right: 0;
		text-align: right;
	}

	#content #l_nav ul li:nth-child(odd) {
		width: 40%;
	}

	#content #l_nav ul li:nth-child(even) {
		width: 60%;
	}
}

@media only screen and (max-width: 414px) {

	#content #l_nav ul {
		display: inline-table;
	}
}


@media only screen and (max-width:320px) {
	#content #l_nav {
		width: calc(100% - 30px);
	}

	#content #l_nav ul {
		padding: 0 20px;
	}
}

/* ページ内リンク 下向きくの字 */

.arrow {
	position: relative;
	padding: 0 24px 0 0;
	vertical-align: middle;
	text-decoration: none;
}

.arrow::before,
.arrow::after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

.downarrow::before {
	position: absolute;
	width: 16px;
	height: 16px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #9bca50;
}

.downarrow::after {
	position: absolute;
	top: -3px;
	right: 5px;
	width: 4px;
	height: 4px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

/*----------------------------------------
	box01
-----------------------------------------*/

.box01 {
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 55px;
}

.box01 h1 {
	padding-bottom: 15px;
}

.box01 ul {
	padding: 17px 20px;
	background: #f6f8f6;
}

@media only screen and (max-width:767px) {
	.box01 {
		width: calc(100% - 30px);
		padding-bottom: 35px;
	}
}

@media only screen and (max-width:320px) {
	.box01 {
		width: calc(100% - 30px);
	}
}


/*----------------------------------------
	box02
-----------------------------------------*/

.box02 {
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 55px;
}

.box02#downloads07 {
	padding-bottom: 120px;
}

.box02 h1 {
	padding-bottom: 15px;
}

.box02 table {
	width: 100%;
	border-top: solid 1px #e5e9e5;
	border-left: solid 1px #e5e9e5;
	border-collapse: collapse;
}

.box02 table th {
	width: 210px;
	padding: 15px 20px;
	background: #9bca50;
	border-right: solid 1px #e5e9e5;
	border-bottom: solid 1px #e5e9e5;
	vertical-align: top;
}

.box02 table th br {
	display: none;
}

.box02 table td {
	border-right: solid 1px #e5e9e5;
	border-bottom: solid 1px #e5e9e5;
	vertical-align: top;
}

.box02 table td p {
	padding: 15px 20px;
}

.box02 table td ul {
	padding: 15px 0;
}

.box02 table td ul li {
	padding: 0 20px;
}

.box02 table td p br,
.box02 table td ul li br {
	display: none;
}

.box02 table td ul li+li {
	margin-top: 15px;
	padding-top: 15px;
	border-top: solid 1px #e5e9e5;
}

@media only screen and (max-width:767px) {
	.box02 {
		width: calc(100% - 30px);
		padding-bottom: 35px;
	}

	.box02#downloads07 {
		padding-bottom: 55px;
	}

	.box02 table th {
		width: 140px;
		padding: 15px 10px;
	}

	.box02 table th br {
		display: block;
	}

	.box02 table td p {
		padding: 15px 10px;
	}

	.box02 table td ul {
		padding: 15px 0;
	}

	.box02 table td ul li {
		padding: 0 10px;
	}

	.box02 table td p br,
	.box02 table td ul li br {
		display: block;
	}

	.box02 table td ul li+li {
		margin-top: 15px;
		padding-top: 15px;
		border-top: solid 1px #e5e9e5;
	}
}

@media only screen and (max-width:320px) {
	.box02 {
		width: 300px;
	}
}

/*----------------------------------------
	box03
-----------------------------------------*/

.box03 {
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 55px;
}

.box03 h1 {
	padding-bottom: 15px;
}

.box03 table {
	width: 100%;
	border-top: solid 1px #e5e9e5;
	border-left: solid 1px #e5e9e5;
	border-collapse: collapse;
}

.box03 table th {
	width: 210px;
	padding: 15px 20px;
	background: #9bca50;
	border-right: solid 1px #e5e9e5;
	border-bottom: solid 1px #e5e9e5;
	vertical-align: top;
}

.box03 table th br {
	display: none;
}

.box03 table td {
	border-right: solid 1px #e5e9e5;
	border-bottom: solid 1px #e5e9e5;
	vertical-align: top;
}

.box03 table td dl dt {
	padding: 15px 20px;
	background: #f6f8f6;
}

.box03 table td dl+dl dt {
	border-top: solid 1px #e5e9e5;
}

.box03 table td dl dd {
	padding: 15px 20px;
	border-top: solid 1px #e5e9e5;
}

.box03 table td dl dd+dd {
	border-top: solid 1px #e5e9e5;
}

.box03 table td dl dd>p,
.box03 table td dl dd>ul,
.box03 table td dl dd>ul li {
	display: table-cell;
	padding-right: 25px;
	vertical-align: top;
}

@media only screen and (max-width:767px) {
	.box03 {
		width: calc(100% - 30px);
		padding-bottom: 35px;
	}

	.box03 table th {
		width: 140px;
		padding: 15px 10px;
	}

	.box03 table th br {
		display: block;
	}

	.box03 table td dl dt {
		padding: 15px 10px;
	}

	.box03 table td dl dd {
		padding: 15px 10px;
	}

	.box03 table td dl dd>p,
	.box03 table td dl dd>ul,
	.box03 table td dl dd>ul li {
		display: block;
		padding-right: 0;
	}
}

@media only screen and (max-width:320px) {
	.box03 {
		width: 300px;
	}
}