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


/* contents==========================

	1.for contents style

*/
/* 1.for contents style ==============================================*/

/* ----------------------------------------------------
メディアクエリ設定 All
------------------------------------.life .ex dd---------------- */
.bg-title {
	margin-bottom: 0;
}
.bg-title h1 {
	color: #333;
}

/*
.index
----------------------------------- */
.s-box {
	max-width: 980px;
	margin: 0 auto;
	line-height: 1.8;
}
.s-box p {
	margin-bottom: 30px;
}
.brackets-list {
	margin-left: 1.5em;
}
.brackets-list > li {
	text-indent: -2.5em;
	padding-left: 2.5em;
	margin-bottom: 30px;
}
.brackets-list table {
	text-indent: 0;
	padding-left: 0;
}
p.decimal-list, .decimal-list li {
	text-indent: -1.6em;
	padding-left: 1.6em;
	margin-bottom: 30px;
}
.decimal-list02 li {
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: 30px;
}
p.note, .note li {
	text-indent: -1em;
	padding-left: 1em;
}
.btn-list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.btn-list li {
	width: calc(400/980*100%);
	margin: 0 15px;
}
.btn-list a {
	width: 100%;
}
.page-link {
	margin-top: 50px;
}
.page-link li a {
	position: relative;
	margin-left: 20px;
	margin-bottom: 5px;
	display: inline-block;
}
.page-link li a::before {
	content: "";
	display: block;
	position: absolute;
	left: -20px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 7px;
	height: 7px;
	border-top: 2px solid #B40200;
	border-right: 2px solid #B40200;
	transform: rotate(135deg);
}
.page-link a:hover {
	text-decoration: underline;
}

.index .s-box p a {
	text-decoration: underline;
}
.index .license-list table {
	width: 100%;
	border: 1px solid #DDDDDD;
	margin-bottom: 30px;
}
.index .license-list th {
	font-weight: bold;
	background: #EFEFEF;
	text-align: center;
	padding: 8px 10px;
	border: 1px solid #DDDDDD;
	vertical-align: middle;
	line-height: 1.4;
}
.index .license-list td {
	padding: 5px 10px;
	vertical-align: middle;
	border: 1px solid #DDDDDD;
}
.index .license-list a,
.index .s-box p a {
	text-decoration: underline;
}
.index .license-list a:hover,
.index .s-box p a:hover {
	text-decoration: none;
}
.index .btn-black-s a {
	margin: 0 auto;
	max-width: 550px;
	line-height: 1.4;
}
.index .btn-black-l span, .eu .btn-list span {
	background: url(/common/img/ico_pdf.png) left center / 30px auto no-repeat;
	padding: 6px 0 6px 50px;
	display: inline-block;
	line-height: 1.5;
}
.index .btn-list {
	margin-top: 60px;
}



.eu table {
	margin-top: 15px;
	border: 1px solid #D3D3D3;
	font-size: 14px;
	font-size: 1.4rem;
}
.eu table th {
	font-weight: bold;
}
.eu table th, .eu table td {
	border: 1px solid #D3D3D3;
	padding: 10px;
	vertical-align: middle;
}
.eu table th + td {
	width: 8.5em;
}
.eu .brackets-list li ul {
	margin-top: 15px;
}
.eu .brackets-list li li {
	margin-bottom: 0;
}
.eu .btn-list span {
	padding: 10px 0 10px 50px;
}
.eu .tit-linebtm, .past .tit-linebtm {
	margin-top: 50px;
}
.eu .content p a, .past .content p a, .eu .content li a {
	text-decoration: underline;
}
.eu .content p a:hover, .past .content p a:hover, .eu .content li a:hover {
	text-decoration: none;
}
.eu #jump01 .link-list {
	padding-left: 1.6em;
	margin-bottom: 40px;
}
.eu #jump01 .link-list li {
	margin-bottom: 0;
}
.eu #jump01 .link-list li + li {
	margin-top: 0.3em;
}
.eu #jump01 .link-list a {
	font-size: 1.7rem;
	line-height: 1.5;
}
.eu #jump01 .link-list a::before {
	border-width: 5px 0 5px 5px;
	margin: 7px 6px 0 3px;
}
.eu #jump05 {
	margin-bottom: 80px;
}
.eu #jump07 dt {
	font-weight: bold;
}
.eu #jump07 dl {
	margin-bottom: 70px;
}

.eu #jump07 .btn-black-s span,
.eu .btn-black-s .pdf span {
	line-height: 1.5;
	background: none;
	padding: 0;
	display: inline-flex;
	align-items: center;
}
.eu #jump07 .btn-black-s span::before,
.eu .btn-black-s .pdf span::before {
	content: "";
	display: block;
	width: 30px;
	height: 36px;
	background: url(/common/img/ico_pdf.png) left center / 30px auto no-repeat;
	flex-shrink: 0;
	margin-right: 10px;
}
.eu #jump07 .btn-black-s a,
.eu .btn-black-s .pdf {
	padding: 15px 0;
	max-width: 480px;
}
.eu .btn-black-s + .btn-black-s {
	margin-top: 25px;
}
.btn-list .btn-black-s + .btn-black-s {
	margin-top: 0;
}
.eu .s-box strong {
	font-weight: bold;
}
/*All END*/


/* ----------------------------------------------------
メディアクエリ設定 (PC) 1000px～
---------------------------------------------------- */
@media screen and (min-width: 1000px) {

	/* (PC) 1000px～  END*/
}


/* ----------------------------------------------------
メディアクエリ設定 (smartPhone only)   0～999px
---------------------------------------------------- */
@media screen and (max-width: 999px) {}

/* ----------------------------------------------------
メディアクエリ設定 (tablet and PC) 769px～
---------------------------------------------------- */
@media only screen and (min-width: 769px) {

	.sp-only {
		display: none;
	}

	/*(tablet and PC) 769px～  END*/
}

/* ----------------------------------------------------
メディアクエリ設定 (tablet　smartPhone)  0～960px
---------------------------------------------------- */
@media only screen and (max-width: 960px) {
	/*0～960px*/

}



/* ----------------------------------------------------
メディアクエリ設定 (smartPhone only)   0～768px
---------------------------------------------------- */
@media screen and (max-width: 768px) {
	.bg-title {
		margin-bottom: 30px;
	}
	.s-box p, .brackets-list li, .decimal-list li, .decimal-list02 li {
		margin-bottom: 15px;
	}
	.btn-list li {
		width: 100%;
		margin: 0 0 10px;
	}
	.page-link {
		margin-top: 30px;
	}
	.page-link li a::before {
		margin: 0;
		top: 10px;
		bottom: auto;
	}

	.scroll {
		width: 100%;
		overflow-y: hidden;
		overflow-x: auto;
	}
	.scroll::-webkit-scrollbar {
		height: 5px;
	}
	.scroll::-webkit-scrollbar-thumb {
		background: #aaa;
	}
	.scroll::-webkit-scrollbar-track {
		background: #ccc;
	}
	.index .license-list table {
		font-size: 1.2rem;
		margin-bottom: 15px;
	}

	.index .btn-list {
		margin-top: 40px;
	}
	.eu .tit-linebtm, .past .tit-linebtm {
		margin-top: 30px;
	}
	.eu #jump01 .link-list {
		margin-bottom: 25px;
	}
	.eu #jump01 .link-list a::before {
		margin-top: 5px;
	}
	.eu #jump05 {
		margin-bottom: 40px;
	}
	.eu table {
		width: 200%;
		font-size: 12px;
		font-size: 1.2rem;
	}
	.eu table th, .eu table th {
		padding: 5px;
	}
	.eu #jump07 dl {
		margin-bottom: 40px;
	}
	.eu .btn-black-s + .btn-black-s {
		margin-top: 15px;
	}

	/*smartPhone END*/
}