/* Y'S GEAR : manual.css */


/*======================================================================*
 *  [ 共通 ] 
 *======================================================================*/

.contentsWidth { font-size: 1.4rem; }

.contentsWidth > section { margin: 70px 0; }
.contentsWidth .indent { padding: 0 20px; }
.contentsWidth p, 
.contentsWidth dl, 
.contentsWidth ul, 
.contentsWidth table, 
.contentsWidth figure { margin: 25px 0; }
.contentsWidth figure { text-align: center; }

.contentsWidth b, 
.contentsWidth span { display: inline-block; }

.txtrd { color: #ff0000; }
.txtbl { color: #005193; }

.txtcr { text-align: center; }

a.linklb, 
a.linkbl { text-decoration: underline; }
a.linklb:hover, 
a.linklb:active, 
a.linkbl:hover, 
a.linkbl:active { text-decoration: none; }
a.linklb, 
a.linklb:hover, 
a.linklb:active { color: #4794cf !important; }
a.linkbl, 
a.linkbl:hover, 
a.linkbl:active { color: #005193 !important; }

@media screen and (max-width: 980px) {
	.contentsWidth .indent { padding: 0; }
} /* */

@media screen and (max-width: 568px) {
	.contentsWidth > section { margin: 40px 0; }
	.contentsWidth > section section h3 { margin-top: 20px; }
	.contentsWidth p, 
	.contentsWidth dl, 
	.contentsWidth ul, 
	.contentsWidth table, 
	.contentsWidth figure { margin: 15px 0; }
} /* */

/*======================================================================*
 *  [ outline | 概要 ] 
 *======================================================================*/

.outline .bg {
	margin-bottom: 0;
	padding: 15px 20px;
	background: #eee;
	font-size: 1.6rem;
	line-height: 1.6;
}
.outline .txtrd {
	margin-top: 10px;
	font-size: 1.2rem;
	text-align: center;
}

@media screen and (max-width: 568px) {
	.outline .bg {
		padding: 10px 15px;
		font-size: 1.4rem;
	}
	.outline .txtrd { text-align: left; }
} /* */

/*======================================================================*
 *  [ radar | レーダー ] 
 *======================================================================*/

section.radar { margin-top: 40px; }

.radar h2 {
	font-size: 1.6rem;
	text-align: center;
}

.radar ul {
	display: -webkit-flex;
	display: flex;
}
.radar li {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	width: calc(50% - 10px);
	padding: 0 5px;
	border: 1px solid #ccc;
	border-radius: 10px;
	color: #000;
	box-sizing: border-box;
}
.radar li + li { margin-left: 20px; }
.radar li figure {
	width: 60%;
	margin-right: 5px;
	text-align: center;
}
.radar ul + p { padding: 0 50px; }

@media screen and (max-width: 980px) {
	.radar ul + p { padding: 0; }
} /* */

@media screen and (max-width: 568px) {
	section.radar { margin-top: 30px; }
	
	.radar h2 {
		font-size: 1.5rem;
		text-align: left;
	}
	
	.radar ul {
		display: block;
		margin-right: 0;
		margin-left: 0;
	}
	.radar li { width: 100%; }
	.radar li + li { margin: 10px 0 0; }
	.radar li a { padding: 0 10px; }
	.radar li figure {
		width: 30%;
		margin-right: 10px;
	}
} /* */

/*======================================================================*
 *  [ price | 費用 ] 
 *======================================================================*/

dl.price { padding-left: 17em; }
dl.price dt {
	float: left;
	margin-left: -17em;
	font-weight: bold;
}
dl.price dt::before {
	display: inline-block;
	width: 1em;
	text-align: center;
	content: "●";
}
dl.price dd {
	padding-left: 1em;
	text-indent: -1em;
}
dl.price dd + dd { margin-top: 5px; }
dl.price dd::before {
	display: inline-block;
	width: 1em;
	text-align: center;
	text-indent: 0;
	content: "・";
}
dl.price dd b { text-indent: 0; }

@media screen and (max-width: 568px) {
	dl.price { padding-left: 0; }
	dl.price dt {
		float: none;
		margin: 0 0 10px;
	}
} /* */

/*======================================================================*
 *  [ download | ダウンロード ] 
 *======================================================================*/

table.download, 
table.download th,
table.download td {
	width: 100%;
	border: 1px solid #ddd;
	text-align: left;
	box-sizing: border-box;
}
table.download th,
table.download td { padding: 10px; }
table.download th {
	width: 35%;
	background: #f4f4f4;
	font-size: 1.6rem;
}
table.download td { width: 65%; }
table.download td p { margin: 0; }
table.download td p + p { margin-top: 10px; }
table.download td > b { margin-top: 10px; }

/* [ button ] */
table.download ul.btn { margin: 5px 0; }
table.download p + ul.btn { margin-top: 10px; }
table.download ul.btn li { display: inline-block; }
table.download ul.btn li + li { margin-left: 5px; }
table.download ul.btn a {
	display: block;
	padding: 3px 5px;
	box-sizing: border-box;
	font-weight: bold;
	text-align: center;
}
table.download ul.btn .app a {
	width: 86px;
	background: #005193;
}
table.download ul.btn .app a, 
table.download ul.btn .app a:hover, 
table.download ul.btn .app a:active { color: #fff !important; }
table.download ul.btn .app a:hover, 
table.download ul.btn .app a:active { background: #407dae; }
table.download ul.btn .ex a {
	width: 86px;
	background: #626262;
}
table.download ul.btn .ex a, 
table.download ul.btn .ex a:hover, 
table.download ul.btn .ex a:active { color: #fff !important; }
table.download ul.btn .ex a:hover, 
table.download ul.btn .ex a:active { background: #898989; }
table.download ul.btn .code a {
	width: 98px;
	padding: 2px 4px;
	color: #666;
}
table.download ul.btn .code a, 
table.download ul.btn .code a:hover, 
table.download ul.btn .code a:active { border: 1px solid #999 !important; }
table.download ul.btn .code a:hover, 
table.download ul.btn .code a:active { background: #f4f4f4; }
table.download ul.btn a::before {
	margin-right: 5px;
	vertical-align: middle;
	content: url(../img/icon_pdf.png);
}

@media screen and (max-width: 568px) {
	table.download, 
	table.download th,
	table.download td {
		display: block;
		width: 100%;
	}
	table.download th,
	table.download td { border: none; }
	table.download tr + tr th { border-top: 1px solid #ddd; }
	
	/* [ button ] */
	table.download ul.btn .app a, 
	table.download ul.btn .ex a { width: 80px; }
	table.download ul.btn .code a { width: 90px; }
} /* */

/*======================================================================*
 *  [ notes | 注釈 ] 
 *======================================================================*/

/* [ span ] */
span.notes {
	padding-left: 1em;
	text-indent: -1em;
	font-size: 1.2rem;
}

/* [ dl ] */
dl.notes {
	padding: 15px 20px;
	background: #f8f7f7;
	border: 1px solid #e6e6e6;
	color: #333;
}
dl.notes dt {
	font-size: 1.4rem;
	font-weight: bold;
}
dl.notes dd {
	margin-top: 10px;
	padding-left: 1em;
	text-indent: -1em;
	font-size: 1.2rem;
}
dl.notes dd::before {
	display: inline-block;
	width: 1em;
	text-align: center;
	text-indent: 0;
	content: "●";
}

/* [ ul ] */
ul.notes { font-size: 1.2rem; }
ul.notes li {
	padding-left: 1em;
	text-indent: -1em;
}
ul.notes li + li { margin-top: 5px; }
ul.notes li::before { content: "※"; }

@media screen and (max-width: 568px) {
	/* [ dl ] */
	dl.notes { padding: 15px 10px; }
} /* */

/*======================================================================*
 *  [ reader | リーダー ] 
 *======================================================================*/

.reader a {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	max-width: 695px;
	margin: 40px auto;
	padding: 15px;
	border: 1px solid #b9b9b9;
	box-sizing: border-box;
}
.reader figure { margin: 0; }
.reader p {
	margin: 0 0 0 10px;
	font-size: 1.3rem;
}

@media screen and (max-width: 568px) {
	.reader a {
		display: block;
		margin: 30px auto;
		padding: 10px;
	}
	.reader p { margin: 5px 0 0 0; }
} /* */

/*======================================================================*
 *  [ sendlist | 申請書送付先 ] 
 *======================================================================*/

table.sendlist, 
table.sendlist tr, 
table.sendlist th, 
table.sendlist td { box-sizing: border-box; }
table.sendlist {
	width: 100%;
	border: 1px solid #ddd;
	font-size: 1.3rem;
}
table.sendlist th, 
table.sendlist td { padding: 10px; }
table.sendlist thead {
	background: #f4f4f4;
	border-bottom: 1px solid #ddd;
}
table.sendlist tbody { text-align: left; }
table.sendlist tbody tr + tr { border-top: 1px solid #ddd; }
table.sendlist .name, 
table.sendlist .tel { white-space: nowrap; }

@media screen and (max-width: 568px) {
	table.sendlist tr, 
	table.sendlist th, 
	table.sendlist td {
		display: block;
		border: none;
		width: 100%;
		text-align: left;
	}
	table.sendlist thead { display: none; }
	table.sendlist tbody tr {
		padding: 10px;
	}
	table.sendlist tbody tr th, 
	table.sendlist tbody tr td { padding: 0 0 0 5em; }
	table.sendlist tbody tr td { margin-top: 10px; }
	table.sendlist tbody tr th::before, 
	table.sendlist tbody tr td::before {
		display: inline-block;
		width: 5em;
		margin-left: -5em;
		font-weight: bold;
	}
	table.sendlist .name::before { content: "名称"; }
	table.sendlist .add::before  { content: "住所"; }
	table.sendlist .area::before { content: "管轄区域"; }
	table.sendlist .tel::before  { content: "電話番号"; }
} /* */








