@charset "UTF-8";
/*

全サイト共通初期設定
----------------------------------------
コンテンツ最大幅：1200px
PC: 769px〜
SP: 〜768px

　黄　：#FFF352：レモンイエロー：パンくず背景色
　赤　：#FF1D25：会員ログイン他リンクボタン背景色
ピンク：#FF7BAC：キャンペーンカテアイコン背景色
 黄 緑 ：#7AC943：お知らせカテアイコン背景色
 水 色 ：#3FA9F5：トピックスカテアイコン背景色
　橙　：#FF6600：ロゴマークカラー
　緑　：#D1DE4C：レタスグリーン：表
　青　：#0066CC：リンク文字

　茶　：#996600：rgb(153,102,0)：リンク背景色、フッター背景色
 赤 茶 ：#820000：rgb(130,0,0)：アイコン背景色、注釈背景色
濃赤茶：#330000：rgb(51,0,0)：リンク文字、フッターコピー背景色 ← ほぼ黒
  薄 茶 ：#ccb27f：見出し下線

*/

a:hover {opacity: .7;}
a.btnRed,
.footerWrapper a.btnRed {
padding: .2em 1em;
display: inline-block;
background-color: #FF1D25;
color: #FFFFFF;
font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
	a.btnRed,
	.footerWrapper a.btnRed {
	font-size: 12px;
	}
}
main a {
  color: #0066CC;
}
header a[target="_blank"]::after,
body:not(.home) main a[target="_blank"]::after,
footer a[target="_blank"]::after {
    content: "\f35d";
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    padding-left: .3em;
}
body:not(.home) main .acrobatNote a[target="_blank"]::after {
    content: "";
    padding-left: 0;
}
body:not(.home) main a {
  position: relative;
  padding: 0px 5px;
  display: inline-block;
  transition: .3s;
  text-decoration: none;/*元々のアンダーラインを非表示にしておく*/
}
body:not(.home) main .acrobatNote a {
  padding: 0px;
}
/*hover時の表示*/
body:not(.home) main a::before {
position: absolute;
bottom: 0;
left: 50%;
content: '';
width: 0;
height: 1px;
background-color: #0066CC;
transition: .3s;
transform: translateX(-50%);
}
body:not(.home) main a:hover::before {
width: 100%;
}
body main .linkTitle a {
padding-left: 1em;
font-size: 2rem;
font-weight: bold;
}
body main .linkTitle a::after {
content: '';
width: 10px;
height: 10px;
border-top: 3px solid #0066CC;
border-right: 3px solid #0066CC;
transform: rotate(45deg) translateY(-50%);
position: absolute;
top: calc(50% - 1px);
left: 0;
border-radius: 1px;
transition: 0.3s ease-in-out;
margin-left: -2px;
}
@media screen and (max-width: 768px) {
	body main .linkTitle a::after {
	margin-left: -4px;
	}
}
body {
display: grid;
grid-template-rows: auto 1fr auto;
grid-template-columns: 100%;
min-height: 100vh;
}
.acrobatNote {
background-color: #EEEEEE;
padding: 1em;
text-align: left;
}


/* ツールバーを消す（WP Members導入で消せない為）
------------------------------------------------------------*/
#wpadminbar {
display: none;
}
html {margin-top: 0 !important;}

/* PAGETOP用 
------------------------------------------------------------*/
@media {
	#pageTop {
		position: fixed;
		width: 50px;
		height: 50px;
		bottom: 60px;
		right: 10px;
		z-index: 9999;
		background-color: white;
		border: 1px solid #CCCCCC;
	}
}
@media screen and (max-width: 768px) {
	#pageTop {
	bottom: 10px;
	right: 10px;
	}
}

@media screen and (max-width: 768px) {
	.flexBoxC,
	.flexBoxR,
	.flexBoxL,
	.flexBoxB,
	.flexBoxA {display: block;}
	img {max-width:100%;}
}

/* ヘッダー
------------------------------------------------------------*/
@media {
	.headerWrapper {
	z-index: 5;
	}
	.headerWrapper .inner {
	padding: 20px 0;
	}
	.headerWrapper nav {
	font-size: 1.8rem;
	font-weight: bold;
	}
	.headerWrapper a {
	color: #000000;
	}
	.headerWrapper a:hover {
	opacity: .7;
	}
}
@media print, screen and (min-width: 769px) {
	.headerWrapper nav ul {
	list-style-type: none;
	line-height: 1;
	}
	.headerWrapper nav ul li:not(:last-child) {
	margin-right: 1em;
	}
}
@media screen and (max-width: 768px) {
	.headerWrapper .inner {
	padding: 10px 0;
	width: 96%;
	}
	.headerWrapper h1 {
	}
	.headerWrapper h1 img {
	width: 240px;
	}
	.headerWrapper nav {
	font-size: 1.5rem;
	font-weight: normal;
	}
	.headerWrapper nav > ul > li,
	.headerWrapper nav > ul > li:last-child {
	padding-right: 0;
	margin-bottom: 0;
	}
	.headerWrapper ul li > ul {
	display: block;
	}
	.headerWrapper nav > ul {
	margin-bottom: 1em;
	}
	header nav ul li a {
    padding: 8px 2em;
	border-bottom: 1px dotted #999999;
	}
	header nav ul li ul li a:before {
    content: " - ";
	}
	.headerWrapper div.notePopup p {
	font-size: 120%;
	font-weight: bold;
	}
	.headerWrapper div.notePopup p a {
	padding: .25em .2em 0 .3em;
	font-weight: bold;
	}
	.headerWrapper div.notePopup {
	position: static;
	}
	.headerWrapper div.memberLogin {
	position: relative;
	}
	.headerWrapper div.notePopup:checked div.noteViewBox {
	visibility: visible;
	opacity: 1;
	}
	.headerWrapper div.notePopup div.noteViewBox {
	position: absolute;
	top: 50px;
	right: 0;
	left: 0;
	}
}

/* ページナビ（パンくずリスト、ページタイトル）
------------------------------------------------------------*/
@media {
	.contents .pageNavi {
	border-top: 1px solid #EEEEEE;
	background-color: #FFF352;
	padding: 8px 0;
	}
	.contents .breadCrumb {
	color: #330000;
	}
	.contents .breadCrumb a {
	color: #330000;
	}
	.contents .breadCrumb a::after {
	content: ">";
	margin: 0 .5em;
	}
	.contents .breadCrumb ul {
	list-style: none;
	font-size:0;
	}
	.contents .breadCrumb ul li {
	display: inline-block;
	font-size: 1.2rem;
	}
	.contents .pageNavi h1 {
	font-size: 1.2rem;
	font-weight: normal;
	}
}

/* フッター
------------------------------------------------------------*/
@media {
	.footerWrapper {
	background-color: #EFEFEF;
	}
	.footerWrapper .inner {
	padding: 30px 0;
	}
	.footerWrapper nav {
	margin-bottom: 3rem;
	}
	.footerWrapper a {
	color: #000000;
	}
	.footerWrapper a:hover {
	opacity: .7;
	}
	.footerWrapper ul {
	list-style-type: none;
	list-style-position: inside;
	}
	.footerWrapper ul li {
	position: relative;
	}
	.footerWrapper ul li > ul {
	padding-left:1em;
	}
	.footerWrapper nav > ul > li {
	margin-bottom: 1em;

	}
	.footerWrapper ul li::before {
	content: "";
	display: block;
	width: 7px;
	height: 7px;
	background: #000;
	position: absolute;
	left: -13px;
	top: 10px;
	}
	.footerWrapper nav > ul > li > ul > li::before {
	border-radius: 50%;
	}
	.footerWrapper .comInfo {
	line-height: 1.4;
	}
	.footerWrapper .comName {
	margin-bottom: .3em;
	}
	.footerWrapper small {
	display: inline-block;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	padding: 10px;
	background-color: #FFFFFF;
	}
	@media screen and (max-width: 768px) {
		.footerWrapper .inner {
		padding: 20px 0;
		}
		.footerWrapper nav {
		margin-bottom: 5rem;
		}
		.footerWrapper ul {
		padding-left:1.5em;
		line-height: 2.5;
		}
		.footerWrapper ul li::before {
		width: 6px;
		height: 6px;
		left: -11px;
		top: 13px;
		}
		.footerWrapper nav > ul,
		.footerWrapper nav > div,
		.footerWrapper nav > p {
		float: left;
		width: 50%;
		}
		.footerWrapper nav > p {
		text-align: center;
		margin-top: 2.5em;
		}
		.footerWrapper .flexBoxR {
		text-align: center;
		}
		.footerWrapper .comInfo {
		display: inline-block;
		margin: 0 auto;
		text-align: left;
		}
	}
	.inner {max-width: 1200px;margin: 0 auto;padding: 5rem 0;}
	@media screen and (max-width: 768px) {
		.inner {max-width: 96%;}
	}
}


/* コンテンツ共通設定
------------------------------------------------------------*/
video {
    width: 100%;
    vertical-align: bottom;
}
.contents main {
text-align: center;
}
body.home .contents main h2 {
font-size: 2.4rem;
text-align: center;
margin-bottom: 3rem;
}
body:not(.home) .contents main h2 {
font-size: 2.4rem;
position: relative;
text-align: center;
display: inline-block;
padding: 5px 1.5em 5px;
margin-bottom: 5rem;
color: #FF6600;
}
body:not(.home) .contents main h2:before,
body:not(.home) .contents main h2:after {
position: absolute;
top: 0;
left: 0;
content:"";
width: 100%;
height: 5px;
background-image: repeating-linear-gradient(45deg, #FF6600, #FF6600 1px, transparent 3px, transparent 5px);
background-size: 7px 7px;
background-repeat: repeat-x;
}
body:not(.home) .contents main h2:after {
top: auto;
bottom: 0;
}
body:not(.home) .contents main h2 +p {
margin-top: -3rem;
margin-bottom: 5rem;
}
.contents main h3 {
position: relative;
font-size: 2.0rem;
display: inline-block;
min-width: 6em;
padding: 5px 1.5em 0;
border-bottom: 2px dotted #FF6600;
margin-bottom: 5rem;
}
.contents main h3:before,
.contents main h3:after {
position: absolute;
bottom: -6px;
left: 0;
content: "";
height: 10px;
width: 10px;
background-color: #FF6600;
border-radius: 10px;
}
.contents main h3:after {
position: absolute;
left: auto;
right: 0;
}
.contents main h3 + p {
margin-top: -3rem;
margin-bottom: 5rem;
}
.contents main h4 {
color: #FF6600;
}
.contents main table {
width: 100%;
}
.contents main table th,
.contents main table td {
text-align: left;
padding: .5em 1em;
border-bottom: 1px dotted #D1DE4C;
}
.contents main table th {
border-bottom: 1px solid #D1DE4C;
text-align: center;
}
.contents main table thead th {
font-size: 1.8rem;
background-color: #D1DE4C;
}
.contents main table tbody th a {
font-size: 2rem;
}
.contents main table td span {
display: inline-block;
}
.contents main ol,
.contents main ul{
padding-left:2em;
}
.contents main .border1px {
border: 1px solid #D1DE4C;
}
.contents main .boxTitle { /*上記th参考*/
    font-size: 1.8rem;
    background-color: #D1DE4C;
    color: #FFFFFF;
	padding: .5em 1em;
	font-weight: bold;
}

/*.contents main .linkBtn {
color: #820000;
font-weight: bold;
height: 60px;
text-align: left;
font-size: 1.8rem;
padding-left: 70px;
background-image: url("images/common-JPB-icon.png");
background-size: contain;
margin-bottom: 2rem;
display: flex;
align-items: center;
}
.contents main .linkBtn.pdf {
background-image: url("images/common-PDF-icon.png");
}
.contents main .linkBtn.excel {
background-image: url("images/common-EXCEL-icon.png");
}
.contents main .linkBtn.word {
background-image: url("images/common-WORD-icon.png");
}
.contents main .linkBtn p {
line-height: 1.3;
padding-top: 2px;
}*/



/* トップページ body.home
カテページ一覧 body.category
記事ページ一覧 body.single
------------------------------------------------------------*/
@media  {
	.home main .inner {
	padding-top: 0;
	}
	.home main h2 {
	margin-bottom: 2rem;
	}
	.home .campaign {
	margin-bottom: 5rem;
	}
	.home .information .entryList {
	margin-bottom:5rem;
	text-align: left;
	}
	.home .information .entryList p {
	line-height: 1.4;
	}
	.home .information .entryList > div {
	margin-bottom: 2rem;
	}
	.home .information p.entryCateStylePink,
	.home .information p.entryCateStyleGreen,
	.home .information p.entryCateStyleBlue {
	padding: .7em 1em;
	display: inline-block;
	color: #FFFFFF;
	background-color: #FF7BAC;
	font-size: 1.4rem;
	width: 6em;
	box-sizing: content-box;
	text-align: center;
	}
	.home .information p.entryCateStyleGreen {
	background-color: #7AC943;
	}
	.home .information p.entryCateStyleBlue {
	background-color: #3FA9F5;
	}
	.home .information p.entryDate {
	color: #999999;
	font-size: 1.4rem;

	}
	.home .information p.entryTitle a,
	.home .information p.entryTitle {
	color: #000000;
	font-size: 2rem;
	font-weight: bold;
	}
	@media screen and (max-width: 768px) {
		.home main .inner {
		padding-bottom: 3.5rem;
		}
		video {
			width: 100vw;
			margin-left: -2%;
		}
		.home .information {
		margin-bottom: 5rem;
		}
		.home .information .entryList {
		margin-bottom:0;
		}
		.home .information .entryList .flexBoxL.alignItemsC {
		display: flex;
		align-items: flex-start;
		}
		.home .information p.entryCateStylePink, 
		.home .information p.entryCateStyleGreen, 
		.home .information p.entryCateStyleBlue {
		width: 90px;
		box-sizing: border-box;
		padding: 1em 0;
		}
		.home .information .entryList .flexBoxL .marginL1em {
		margin-left: 10px !important;
		width: calc(100% - 100px);
		}
		.home .topics .flexBoxB,
		.home .topics .flexBoxC {
		display: flex;
		}
		.home .topics .flexBoxB > p,
		.home .topics .flexBoxC > p {
		width: 48%;
		}
		.home .topics .marginB30 {
		margin-bottom: 15px !important;
		}
	}
}

/*カテゴリページのページネーション*/
/*.category .contents main div.post-pagination-wrapper ul {
display: flex;
justify-content: center;
align-items: center;
list-style: none;
}
.category .contents main div.post-pagination-wrapper ul li a,
.category .contents main div.post-pagination-wrapper ul li span {
list-style: none;
margin: 0 .3em;
background-color:transparent;
padding: .5em 1em;
display: block;
border: 1px dotted #996600;
}
.category .contents main div.post-pagination-wrapper ul li a.next,
.category .contents main div.post-pagination-wrapper ul li a.prev {
border: none;
}
.category .contents main div.post-pagination-wrapper ul li span,
.category .contents main div.post-pagination-wrapper ul li a:hover {
background-color: rgba(153,102,0,.3);
}
.category .contents main div.post-pagination-wrapper ul li a.next:hover,
.category .contents main div.post-pagination-wrapper ul li a.prev:hover {
background-color: rgba(153,102,0,.0);
}*/


/* 協会についてページ body.aboutus
------------------------------------------------------------*/
@media  {
	.aboutus .contents main table tbody tr td:nth-child(3) {
	text-align: center;
	}
	.aboutus .contents main table tbody tr th:first-child {
	width: 15em;
	}
	.aboutus .contents main .connectLine {
	content: "";
	width: 100px;
	height: 28px;
	border-bottom: 6px dashed #D1DE4C;
	margin: 0;
	}
	.aboutus .contents main .underDivision {
	content: "";
	width: 6px;
	height: 30px;
	background-color: #D1DE4C;
	margin: 0 auto;
	}
	.aboutus .contents main .boxTitle + div {
	padding: 1em
	}
	@media screen and (max-width: 768px) {
		.aboutus .contents main table#table2 tbody tr:first-child {
		display: none;
		}
		.aboutus .contents main table tbody tr td:nth-child(3) {
		text-align: left;
		}
		.aboutus .contents main table tbody tr td:nth-child(3)::before {
		content: "管轄：";
		vertical-align: top;
		}
		.aboutus .contents main table tbody tr th:first-child {
		width: auto;
		}
		.aboutus .contents main table tbody tr,
		.aboutus .contents main table tbody th,
		.aboutus .contents main table tbody td {
		text-align: left;
		display: block;
		}
		.aboutus .contents main table tbody th,
		.aboutus .contents main table tbody td {
		border-bottom-width: 0;
		padding-top: 0;
		padding-bottom: 0;
		}
		.aboutus .contents main table tbody td {
		padding-left: 2em;
		}
		.aboutus .contents main table tbody tr td:last-child {
		border-bottom-width: 1px;
		border-bottom-style: solid;
		padding-bottom: .5em
		}
		.aboutus .contents main table tbody tr th:first-child {
		padding-top: .5em;
		}
		.aboutus .contents main table tbody tr th:first-child::before {
		content: "■";
		vertical-align: top;
		}
		.aboutus .contents main table tbody tr th a {
		margin-top: -2.5px;
		padding: 0;
		}
	}
}


/* 事務所・支所ページ body.aboutusChild .office他
------------------------------------------------------------*/
@media  {

	@media screen and (max-width: 768px) {
		.aboutusChild .contents main h2 + p {
		text-align: left;
		}
		.aboutusChild .contents main h2 + p > span {
		display: inline-block;
		}
	}
}


/* 会員紹介ページ body.member
------------------------------------------------------------*/
@media  {
	.member .contents main ul.tabWrapper {
	width: 100%;
	padding-left: 0;
	list-style: none;
	}
	.member .contents main ul.tabWrapper li img {
	cursor: pointer;
	}
	.member .contents main ul.tabWrapper li span {
	display: block;
	padding: .3em;
	width: 200px;
	margin: 0 auto;
	font-size: 1.4rem;
	}
	.member .contents main ul.tabWrapper li.active span {
	background-color: #D1DE4C;
	font-weight: bold;
	}
	.member .contents main .mmbrList {display: none;}
	.member .contents main .mmbrList.show {display: block;}
	@media screen and (max-width: 768px) {
		.member .contents main ul.tabWrapper {
		display: flex;
		}
		.member .contents main ul.tabWrapper li img,
		.member .contents main ul.tabWrapper li span {
		width: 150px;
		}
		.member .contents main ul.tabWrapper li {
		width: 50% !important;
		}
		.member .contents main table tbody tr:first-child {
		display: none;
		}
		.member .contents main table tbody tr,
		.member .contents main table tbody th,
		.member .contents main table tbody td {
		text-align: left;
		display: block;
		}
		.member .contents main table tbody th,
		.member .contents main table tbody td {
		border-bottom-width: 0;
		padding-top: 0;
		padding-bottom: 0;
		}
		.member .contents main table tbody td span {
		display: inline-block;
		}
		.member .contents main table tbody tr th:first-child {
		padding-top: .5em
		}
		.member .contents main table tbody tr td:last-child {
		border-bottom-width: 1px;
		border-bottom-style: solid;
		padding-bottom: .5em
		}
	}
}


/* 各種手続きページトップ body.procedure
------------------------------------------------------------*/
@media  {
	@media screen and (max-width: 768px) {
	}
}


/*軽自動車の検査・届出ページ body.procedure-list
------------------------------------------------------------*/
@media  {
	.procedure-list .contents main ul {
	margin-bottom: 1em;
	}
	.procedure-list .contents main h3 + p {
	margin-bottom: 2rem;
	}
	.procedure-list .contents main .border1px {
	padding: 1em;
	}
	.procedure-list .contents main .border1px > p:last-child {
	padding-left: 1em;
	}
	@media screen and (max-width: 768px) {
	}
}


/*軽自動車の保管場所届出ページ body.procedure-carport
------------------------------------------------------------*/
@media  {
	.procedure-carport .contents main ul {
	margin-bottom: 1em;
	}
	.procedure-carport .contents main .border1px {
	padding: 1em;
	}
	@media screen and (max-width: 768px) {
		.procedure-carport .contents main th {
		white-space: nowrap;
		}
	}
}


/*希望ナンバー申請ページ body.procedure-number
------------------------------------------------------------*/
@media  {
	.procedure-number .contents main ul,
	.procedure-number .contents main ol {
	margin-bottom: 1em;
	}
	.procedure-number .contents main ol li span {
	display: inline-block;
	}
	.procedure-number .contents main .lotteryNumber span,
	.procedure-number .contents main .lotteryNumber2 span {
	display: inline-block;
	padding: .3em 0;
	width: 4.5em;
	box-sizing: content-box;
	border: 1px solid #CCCCCC;
	border-radius: 3px;
	text-align: center;
	margin: 0 .5em .5em 0;
	}
	.procedure-number .contents main .lotteryNumber2 span {
	width: 7.5em;
	}
		.procedure-number .contents main .lotteryNumber span {
	display: inline-block;
	padding: .3em 0;
	width: 5em;
	box-sizing: content-box;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	text-align: center;
	}
	.procedure-number .contents main .border1px {
	padding: 1em;
	}
	.procedure-number .contents main table#cost {
	table-layout: fixed;
	}
	.procedure-number .contents main table#cost td,
	.procedure-number .contents main table#cost2 td {
	text-align: center;
	}
	@media screen and (max-width: 768px) {
		.procedure-number .contents main th {
		white-space: nowrap;
		}
	}
}


/*事務所・支所案内ページ body.procedure-office-list
------------------------------------------------------------*/
@media  {
		.procedure-office-list .contents main tbody tr:nth-child(2) th {
		width: 150px;
		box-sizing: content-box;
		}
	@media screen and (max-width: 768px) {
		.procedure-office-list .contents main tbody tr:nth-child(2) th {
		width: 100px;
		}
	}
}


/*規格と変遷ページ body.standard-history
------------------------------------------------------------*/
@media  {
		.standard-history .contents main table thead tr:last-child td {
		border-bottom-width:5px;
		border-bottom-style: solid;
		}
		.standard-history .contents main table thead td {
		font-weight: bold;
		}
		.standard-history .contents main table td {
		text-align: center;
		}
		.standard-history .contents main table tbody tr:nth-last-child(3) th {
		background-color: rgba(209,222,76,.2);
		border-top: 1px solid #D1DE4C;
		}
		.standard-history .contents main table td ul {
		text-align: left;
		}
	@media screen and (max-width: 768px) {
		.standard-history .contents main table th, .contents main table td {
			padding: .5em;
		}
	}
}


/*統計資料ページ body.data
------------------------------------------------------------*/
@media  {
	.data .contents main ul {
	text-align: left;
	list-style: none;
	padding-left: 0;
	}
	.data .contents main ul li {
	margin-bottom: .5em;
	}
	.data .contents main ul li img {
	vertical-align: top;
	margin-top: 4px;
	margin-right: 10px;
	}
	@media screen and (max-width: 768px) {
		.data .contents main ul li img {
		height: 16px;
		width: auto;
		margin-top: 3px;
		}
		.data .contents main ul li span {
		display: inline-block;
		}
	}
}


/*キャンペーンページ body.campaign
------------------------------------------------------------*/
@media  {
	.campaign .contents main ul li img {
	vertical-align: top;
	margin-top: 4px;
	margin-right: 10px;
	}
	.campaign .contents main .campaignFlag p {
	max-width: 140px;
	margin: 0 auto 10px;
	padding: .5em;
    background-color: #FF6600;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 1.1;
	}
	.campaign .contents main .campaignFlag img {
	max-width: 140px;
	border: 1px solid #CCCCCC;
	}
	@media screen and (max-width: 768px) {
		.campaign .contents main ul li img {
		height: 16px;
		width: auto;
		margin-top: 3px;
		}
		.campaign .contents main table tbody tr,
		.campaign .contents main table tbody th,
		.campaign .contents main table tbody td {
		text-align: left;
		display: block;
		}
		.campaign .contents main table tbody th,
		.campaign .contents main table tbody td {
		border-bottom-width: 0;
		padding-top: 0;
		padding-bottom: 0;
		}
		.campaign .contents main table tbody td {
		padding-left: 2em;
		}
		.campaign .contents main table tbody tr td:last-child {
		border-bottom-width: 1px;
		border-bottom-style: solid;
		padding-bottom: .5em
		}
		.campaign .contents main table tbody tr th:first-child {
		padding-top: .5em;
		}
		.campaign .contents main table tbody tr th:first-child::before {
		content: "■";
		vertical-align: top;
		}
		.campaign .contents main table tbody tr th a {
		margin-top: -2.5px;
		padding: 0;
		}
	}
}


/*アドキットDLページ body.adkit
------------------------------------------------------------*/
@media  {
	.adkit .contents main table {
	table-layout: fixed;
	}
	.adkit .contents main table td {
	text-align: center;
	}
	.adkit .contents main table td ul {
	text-align: left;
	display:  inline-block;
	margin: 0 auto;
	}
	@media screen and (max-width: 768px) {
		body.adkit .contents main h2 {
		line-height: 1.3;
		padding: .5em;
		width: 100%;
		}
		body.adkit .contents main h2 + p {
		text-align: left;
		}
		.adkit .contents main table tbody tr,
		.adkit .contents main table tbody th,
		.adkit .contents main table tbody td {
		text-align: left;
		display: block;
		}
		.adkit .contents main table tbody th,
		.adkit .contents main table tbody td {
		border-bottom-width: 0;
		padding-top: 0;
		padding-bottom: .5em;
		}
		.adkit .contents main table tbody td {
		text-align: center;
		}
		.adkit .contents main table tbody tr td:last-child {
		border-bottom-width: 1px;
		border-bottom-style: solid;
		padding-bottom: .5em
		}
		.adkit .contents main table tbody tr th:first-child {
		padding-top: .5em;
		}
		.adkit .contents main table tbody tr th:first-child::before {
		content: "■";
		vertical-align: top;
		}
		.adkit .contents main table td ul {
		line-height:2.5;
		}
	}
}