@charset "utf-8";
/* --------------------------------------------------------------------------------
共通
-------------------------------------------------------------------------------- */
/* ---------- レスポンシブテーブル	---------- */
.l-table {
	margin: 0 auto 20px;
	border: 1px solid #888;
}

.l-table div {
	width: 100%;
}

.l-table h4,
.l-table h5 {
    margin-bottom: 1.5em;
	padding: 0.5em 0;
	text-align: center;
	background-color: #eee;
	border-bottom: 1px solid #888;
}

.l-table div:last-child h4,
.l-table div:last-child h5 {
	border-top: 1px solid #888;
}

/* ---------- デザイン見出し	---------- */
.level2 {
	width: 100%;
	margin-bottom: 1em;
	padding: 0.4em 1em;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
    line-height: 1.2;
	text-align: left;
	border-radius: 5px;
}

.level2 img {
    margin-right: 0.5em;
    vertical-align: middle;
    width: 22px;
    height: 22px;
}

/* --------------------------------------------------------------------------------
トップページ
-------------------------------------------------------------------------------- */
#visual {
	margin-top: 15px;
	text-align: center;
}

#toppage  .l-container:nth-child(n+2) {
	margin-bottom: 1.5em;
}

#toppage .text_box h3:nth-of-type(2) {
    margin-top: 1.5em;
}

/* ---------- Adobe Reader ダウンロード	---------- */
#info_adobe {
	padding: 1em;
	margin-bottom: 2em;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.5;
	border: 1px solid #888;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
}

#info_adobe p:first-child {
	text-align: center;
	margin-bottom: 1em;
}

/* ---------- 県からのお知らせ／広告バナー	---------- */
#bnr_pref {
    margin-bottom: 2em;
}

.banner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
}

.banner li {
	margin-bottom: 1em;
	text-align: center;
	min-width: 160px;
}

#bnr_pref .banner li:nth-child(n+5) {
	margin-bottom: 0;
}

#bnr_corp {
	margin: 0 auto 2em;
	font-size: 14px;
	font-size: 1.4rem;
	border: 2px solid #187EC3;
}

#bnr_corp p {
	padding: 0.5em 1em;
}

/* --------------------------------------------------------------------------------
窓口一覧
本所（横浜）
川崎支所
県央支所（厚木）
小田原出張所
横須賀出張窓口
平塚出張窓口
横浜市センター南パスポートセンター
相模大野パスポートセンター
橋本パスポートセンター
湘南パスポートセンター
-------------------------------------------------------------------------------- */
#mado .table_data tbody tr:nth-child(2n+1) td:first-child {
	width: 100%;
}

#mado .table_data tr:nth-child(2) th {
	width: 3em;
	min-width: 3em;
}

#mado .table_data tr:nth-child(2) th:last-child,
#mado .table_data tbody tr:nth-child(2n+1) td:last-child,
#mado .table_data tbody tr:nth-child(2n) td:nth-child(8),
#mado .table_data tbody tr:nth-child(2n) td.choice {
	width: 16em;
	min-width: 16em;
}

#mado .table_data tbody tr:nth-child(2n+1) td:nth-child(2),
#mado .table_data tbody tr:nth-child(2n) td:first-child {
	width: 3em;
	min-width: 3em;
	font-weight: bold;
	text-align: center;
}

#mado .table_data tbody tr:nth-child(2n+1) td:nth-child(n+2) {
	background: #FFFFE5;
}

#mado .table_data tbody tr:nth-child(2n+1) td:last-child {
	background: none;
}

#mado .table_data tbody tr:nth-child(2n+1) td:nth-child(n+3),
#mado .table_data tbody tr:nth-child(2n) td:nth-child(n+2) {
	text-align: center;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
}

#mado .table_data tbody tr:nth-child(2n+1) td:last-child,
#mado .table_data tbody tr:nth-child(2n) td:nth-child(8),
#mado .table_data tbody tr:nth-child(2n) td.choice {
	text-align: left;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: normal;
}

#mado .table_data tbody tr:nth-child(2n) td.closed {
	font-size: 16px;
	font-size: 1.6rem;
}

#mado .table_data tbody td.choice {
    white-space: normal;
}

#mado .table_data tbody tr:nth-child(2n+1) td:first-child p:first-child {
    margin-bottom: 0.2em;
	font-weight: bold;
}

.mado p.center {
	margin: 0 auto 0.5em;
	text-align: center;
	font-size: 20px;
	font-size: 2.0rem;
    font-weight: bold;
    /*text-decoration: underline double;*/
}

.mado p.center:last-of-type {
	margin: 1em auto 0.5em;
}

.mado #access {
	padding: 0 0.5em;
}

.mado #access dl {
	margin-bottom: 1.5em;
}

.mado #access i {
	margin-right: 0.5em;
}

.mado #googlemap {
	margin: 0 auto;
	text-align: center;
}

.mado #googlemap iframe {
	width: 100%;
	height: 250px;
	border: 0;
	background-color: transparent;
	overflow: hidden;
}

.mado th,
.mado td {
	border: none;
}

.mado th {
	width: 100%;
	border-bottom: 1px solid #888;
	display: block;
}

.mado td {
	width: 100%;
	padding: 0.5em;
	display: block;
}

.mado .indent {
    margin: 0.5em 1em 1.5em 2em;
    margin-left: 2em;
    text-indent: -1em;
}

/* --------------------------------------------------------------------------------
横浜市センター南パスポートセンター			2020/07/14
-------------------------------------------------------------------------------- */
#rule_yokohama {
	margin: 0 1em 1.5em;
}

#rule_yokohama dt {
	font-weight: bold;
}

#rule_yokohama dd {
	padding-left: 1em;
}

/* --------------------------------------------------------------------------------
申請手続きガイド／旅券法改正
-------------------------------------------------------------------------------- */
#sinsei .l-container {
    margin-bottom: 2em;
}

#sinsei hr.type {
	margin: 0 0 2em 0;
}

/* --------------------------------------------------------------------------------
氏名・本籍などの変更
-------------------------------------------------------------------------------- */
#teiseito .tbl-scroll {
	white-space: normal;
}

#teiseito .table_data {
	width: 83.0078%;	/* col10 */
}

#teiseito .table_data td {
	text-align: center;
}

#teiseito .table_data th {
	width: 18em;
	min-width: 18em;
}

#teiseito .table_data tr td:first-child {
	font-weight: bold;
	background-color: #FFFFE5;
}

#teiseito .table_data tr:nth-child(7) td {
	font-weight: normal;
	background-color: transparent;
}

#teiseito .table_data .notes {
	margin-top: 0.2em;
	margin-left: 1em;
	text-indent: -1em;
	text-align: left;
}

#teiseito .table_data .data_head {
	width: 10em;
	min-width: 10em;
	padding-left: 1em;
	text-align: left;
	border-right: none;
}

#teiseito .table_data .data_fee {
	width: 7em;
	min-width: 7em;
	padding-right: 1em;
	text-align: right;
	border-left: none;
}

#teiseito p.lead:last-of-type {
    margin-top: 1.5em;
}

/* --------------------------------------------------------------------------------
未成年者等の申請
-------------------------------------------------------------------------------- */
#under20 .disc {
	margin: 0 1em;
}

#under20 .disc dt {
    margin-bottom: 0.5em;
}

#under20 .disc dd:last-child {
	padding-left: 1em;
	text-indent: -1em;
}

#under20 .sample {
	margin-right: 1em;
	margin-bottom: 1em;
}

/* --------------------------------------------------------------------------------
代理提出
-------------------------------------------------------------------------------- */
#dairi .l-container .btn_box.btn_L {
    margin-bottom: 0;
}

/* --------------------------------------------------------------------------------
居所申請
-------------------------------------------------------------------------------- */
#kyosho .level2 {
    padding: 0.4em 1em 0.4em 3em;
    text-indent: -32px;
}

/* --------------------------------------------------------------------------------
受取ガイド
-------------------------------------------------------------------------------- */
#uketori .l-table p {
	margin-bottom: 0.5em;
	padding: 0 1em;
}

#uketori .tbl-scroll th {
	width: 12em;
	min-width: 12em;
}

#uketori .tbl-scroll td {
	text-align: center;
}

#uketori .tbl-scroll tr:nth-child(2) td,
#uketori .tbl-scroll tr:nth-child(6) td,
#uketori .tbl-scroll tr:nth-child(7) td {
	background: #FFFFE5;
}

#uketori .l-container .btn_box.btn_L:nth-child(n+3) {
	margin-bottom: 0;
}

/* --------------------------------------------------------------------------------
受取までの日数
-------------------------------------------------------------------------------- */
#nissu .table_data {
	width: 83.0078%;   /* col10 */
    white-space: nowrap;
}

#nissu .table_data th:nth-child(-n+2) {
	width: 11em;
	min-width: 11em;
}

#nissu .table_data:last-child th:nth-child(3) {
	width: 17em;
	min-width: 17em;
}

#nissu .table_data td {
	text-align: center;
}

/* --------------------------------------------------------------------------------
手数料一覧
-------------------------------------------------------------------------------- */
#fee .table_data {
	width: 83.0078%;   /* col10 */
}

#fee .table_data td {
	text-align: center;
}

#fee .age {
	width: 10em;
	min-width: 10em;
}

#fee .charge {
	padding-right: 1em;
	width: 9em;
	min-width: 9em;
	text-align: right !important;
}

#fee .text_side {
    margin-top: 0.5em;
    margin-bottom: 0;
}
/* --------------------------------------------------------------------------------
パスポート用写真
-------------------------------------------------------------------------------- */
#shashin .photo {
	margin: 0 auto 1.5em;
	text-align: center;
}

#shashin .check,
#shashin .disc,
#shashin .times {
    margin-bottom: 0;
}

/* --------------------------------------------------------------------------------
本人確認書類
-------------------------------------------------------------------------------- */
#honnin .group_id {
	margin: 0 0 1.5em;
	padding: 20px;
	border: 1px solid #888;
}

#honnin .group_id:nth-of-type(1) {
	background-color: #FFFFF4;
}

#honnin .group_id:nth-of-type(2) {
	background-color: #F4FFF4;
}

#honnin .level2 {
    padding: 0.4em 0.5em 0.4em 3em;
    text-indent: -32px;
}

#honnin .group_id ul {
	margin: 0;
}

#honnin .group_id:nth-of-type(2) ol li {
	margin-left: 2em;
	list-style: decimal;
}

#honnin .group_id:nth-of-type(2) ol li:before {
	content: none;
}

/* --------------------------------------------------------------------------------
一般旅券発給申請書（新規・切替用）
一般旅券発給申請書（記載事項変更用）
一般旅券査証欄増補申請書
紛失一般旅券等届出書
※代理申請の「委任申出書」欄の記入例を含む
-------------------------------------------------------------------------------- */
/* ---------- 記入例ページ共通	---------- */
.papers .sample {
	margin: 0 auto 1.5em;
	text-align: center;
}

.papers .writing {
	padding: 0 0.5em;
	width: 100%;
}

.papers .writing dt img {
    width: 1em;
    height: auto;
	margin-right: 0.5em;
	vertical-align: -2px;
}

.papers .writing dd {
	margin: 0 0 1em 1.5em;
}

.papers .writing dd:last-child {
	margin-bottom: 0;
}

/* ---------- 新規・切替／記載事項変更共通 ---------- */
#form_ippan h4 {
	text-align: center;
}

#form_ippan .text_box {
	margin: 0 auto 1.5em;
	border-radius: 0;
}

#form_ippan .text_box:last-child {
	margin-bottom: 0;
}

#form_ippan .text_box ul {
	margin: 0;
}

/* --------------------------------------------------------------------------------
ダウンロード申請書
-------------------------------------------------------------------------------- */
#mofainfo p:nth-child(2) {
    margin-top: 1em;
    margin-bottom: 1em;
}

/* --------------------------------------------------------------------------------
ヘボン式ローマ字
-------------------------------------------------------------------------------- */
#hepburn .tbl-scroll {
	margin-bottom: 1.5em;
}

#hepburn .tbl-scroll:last-child {
	margin-bottom: 0;
}

#hepburn .table_data {
	empty-cells: hide;
	line-height: 1;
}

#hepburn .table_data tr {
	border: none;
}

#hepburn .table_data th {
	border-bottom: none;
	background-color: #E9F4FD;
}

#hepburn .table_data tr:first-child th {
	padding-left: 1em;
	font-size: 18px;
	font-size: 1.8rem;
	text-align: left;
	background-color: #C0C0C0;
}

#hepburn .table_data th,
#hepburn .table_data td {
	width: 4em;
	min-width: 4em;
	text-align: center;
}

#hepburn .table_data td {
	font-size: 18px;
	font-size: 1.8rem;
	border-top: none;
}

#hepburn .table_data th.caution {
	border-top: 3px solid #C00;
	border-right: 3px solid #C00;
	border-left: 3px solid #C00;
}

#hepburn .table_data td.caution {
	font-weight: bold;
	border-right: 3px solid #C00;
	border-bottom: 3px solid #C00;
	border-left: 3px solid #C00;
}

#hepburn .disc {
	margin: 0 0 1em;
}

#hepburn .disc:last-child {
    margin-bottom: 0;
}

#hepburn dd.indent {
    padding-left: 3em;
    text-indent: -3em;
}

#hepburn dt {
    margin-bottom: 0.2em;
}

/* --------------------------------------------------------------------------------
ヘボン式ローマ字と異なる場合（非ヘボン式ローマ字）
-------------------------------------------------------------------------------- */
#hihepburn span.note {
	padding-left: 1em;
	text-indent: -1em;
	font-weight: normal;
}

#hihepburn .table_data th {
	width: 10em;
	min-width: 10em;
}

#hihepburn .table_data th:last-child {
	width: 12em;
	min-width: 12em;
}

#hihepburn .table_data td:nth-child(2),
#hihepburn .table_data td:nth-child(3) {
	font-size: 17px;
	font-size: 1.7rem;
}

#hihepburn .l-container .btn_box.btn_L {
    margin-bottom: 0;
}

/* --------------------------------------------------------------------------------
別名併記
-------------------------------------------------------------------------------- */
#betsumei p.close {
    margin-bottom: 0.5em;
}

#betsumei dl.entries {
    margin-bottom: 1em;
}

#betsumei dl.entries:last-child {
    margin-bottom: 0;
}

/* --------------------------------------------------------------------------------
同意書など添付書類一覧
-------------------------------------------------------------------------------- */
#download dl {
	margin: 0 0.5em 1.5em;
}

#download .arrow:last-child {
    margin-bottom: 0;
}

/* --------------------------------------------------------------------------------
よくあるご質問
-------------------------------------------------------------------------------- */
#faq .headline {
	margin: 0 1em 1.5em;
	display: flex;
	flex-wrap: wrap;
}

#faq .headline li {
	width: 100%;
	display: block;
}

#faq .accordion_set {
	overflow: hidden;
	margin: 0 0.5em;
}

#faq .accordion_set dt,
#faq .accordion_set dd {
    padding-left: 1.5em;
    text-indent: -1.5em;
}

#faq .accordion_set dt {
	color: #04C;
	cursor: pointer;
}

#faq .accordion_set dt:nth-child(n+2) {
	margin-top: 0.5em;
}

#faq .accordion_set dd {
    margin-top: 0.5em;
    padding-bottom: 0.5em;
	display: none;
}

#faq .accordion_set dd:last-child {
    padding-bottom: 0;
}

#faq .accordion_set dt:before {
	content: url(../img/icon/question.gif);
    margin-right: 0.5em;
    position: relative;
    top: 0.1em;
    width: 1em;
    height: auto;
}

#faq .accordion_set dd:before {
	content: url(../img/icon/answer.gif);
    margin-right: 0.5em;
    position: relative;
    top: 0.1em;
}

#faq .accordion_set dd ol {
    margin-top: 0.5em;
    list-style-type: decimal;
    padding-left: 2em;
    text-indent: 0;
}

/* --------------------------------------------------------------------------------
申請書の配布場所
-------------------------------------------------------------------------------- */
#haifu .check {
	margin: 0.5em 0 1.5em 2em;
}

#haifu .entries ul {
	margin: 0 0 0 1em;
}

#haifu .entries li {
	margin-bottom: 0.2em;
}

/* --------------------------------------------------------------------------------
パスポートの読みかた等
-------------------------------------------------------------------------------- */
#AboutPassport .img {
	margin: 0 auto 20px;
	text-align: center;
}

#AboutPassport .table_data {
	width: 14em;
	margin: 0 auto 20px;
	font-size: 15px;
	font-size: 1.5rem;
}

#AboutPassport .table_data th,
#AboutPassport .table_data td {
	width: 50%;
	padding: 0.2em;
	text-align: center;
	font-weight: normal;
}

#AboutPassport .writing dd {
	margin-bottom: 1em;
}

#AboutPassport .writing:last-child dd:last-child {
	margin-bottom: 0;
}

/* --------------------------------------------------------------------------------
お問い合わせ
-------------------------------------------------------------------------------- */
#inquiry .check_box {
	margin-bottom: 1.5em;
	padding: 0 1em;
}

#inquiry .btn_box {
	margin-right: 0;
    margin-bottom: 0;
	padding: 1.2em;
}

#inquiry .btn_box .btn_inner {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}

#inquiry .btn_box .btn_inner img {
	width: 60px;
	height: 60px;
	margin-right: 20px;
}

#inquiry .btn_box .btn_inner p {
	font-size: 18px;
	font-size: 1.8rem;
}

#tel {
	margin: 0 auto;
	text-align: center;
}

p.attention {
	margin: 0.5em 0 1em;
	font-size: 18px;
	font-size: 1.8rem;
	text-align: center;
}

#inquiry dl dt,
#support dl dt,
.corona dl dt,
#peak dl dt {
	font-weight: bold;
	font-size: 17px;
	font-size: 1.7rem;
}

/* --------------------------------------------------------------------------------
サイトマップ（トップページのサイトマップ部含む）
-------------------------------------------------------------------------------- */
#sitenavi {
	overflow: hidden;
    margin-bottom: 2em;
}

#sitenavi .map_inner {
	line-height: 1.4;
}

#sitenavi .map_inner dl {
	margin-bottom: 1.5em;
}

#sitenavi .map_inner:last-child dl:last-child {
    margin-bottom: 0;
}

#sitenavi .map_inner dt {
	margin-bottom: 0.5em;
	font-weight: bold;
	font-size: 15px;
	font-size: 1.5rem;
}

#sitenavi .map_inner dd {
	margin: 0 0 0.5em 1em;
	font-size: 14px;
	font-size: 1.4rem;
	position: relative;
}

#sitenavi .map_inner dd:last-child {
	margin-bottom: 0;
}

/* --------------------------------------------------------------------------------
遠隔手話通訳サービス
-------------------------------------------------------------------------------- */
#support p.text {
    margin: 0 1em 20px;
    width: 100%;
}

#support p.img {
    margin: 0 auto 20px;
    width: 50%;
}

/* --------------------------------------------------------------------------------
バナー広告募集
-------------------------------------------------------------------------------- */
#ad dl.disc {
	margin: 0 2em 1em;
}

#ad dt {
    margin-bottom: 0.2em;
}

#ad .table_data {
	width: 83.0078%;   /* col10 */
	margin-bottom: 1.5em;
}

#ad .table_data caption {
	margin-bottom: 0.5em;
}

#ad .access {
	width: 12em;
	min-width: 12em;
	text-align: center;
}

#ad dd img {
	margin-left: 1em;
}

/* --------------------------------------------------------------------------------
本所（横浜）の申請窓口の待ち時間（目安）
-------------------------------------------------------------------------------- */
#mado_honsho #crowd p.lead {
	margin: 0 auto 1em;
	padding: 0.2em 0;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	text-align: center;
}

#mado_honsho #crowd p.waiting {
	font-size: 28px;
	font-size: 2.8rem;
	background-color: #FFCC99;
	border-radius: 10px;
}

/* --------------------------------------------------------------------------------
繁忙期（ＧＷ／夏期／年末年始）
-------------------------------------------------------------------------------- */
#peak_gw ul.legend,
#peak_summer ul.legend,
#holiday ul.legend {
	margin: 0 2em 1.5em;
}

#peak_gw h4,
#peak_summer h4 {
    margin: 0 0 1em;
}

#peak_gw .table_data,
#peak_summer .table_data,
#holiday .table_data {
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.3;
}

#peak_gw .table_data th,
#peak_summer .table_data th,
#holiday .table_data th {
	padding: 0.2em 0;
}

#peak_gw .table_data th,
#peak_gw .table_data td,
#peak_summer .table_data th,
#peak_summer .table_data td,
#holiday .table_data th,
#holiday .table_data td {
    min-width: 5em;
	text-align: center;
}

#peak_gw .table_data td,
#peak_summer .table_data td,
#holiday .table_data td {
	padding: 0.4em 0.2em;
}

#peak_gw .calender img,
#peak_summer .calender img,
#holiday .calender img {
	width: 50px;
	height: 50px;
}

/* --------------------------------------------------------------------------------
年末年始の窓口業務案内
-------------------------------------------------------------------------------- */
#holiday h5 {
	margin-top: 1em;
	margin-bottom: 10px;
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: bold;
}

#holiday p.close {
    margin: 0 0.5em 10px;
}

#holiday .services .table_data.fix {
    margin-bottom: 0;
}

#holiday .services .table_data th:nth-child(1) {
    min-width: 9em;
}

#holiday .services .table_data th:nth-child(2) {
    min-width: 12em;
}

#holiday .services .table_data th:nth-child(3) {
    min-width: 11em;
}

#holiday .services .table_data td {
	text-align: center;
}

#holiday .table_data th,
#holiday .table_data td {
	min-width: 5em;
	text-align: center;
}





/* --------------------------------------------------------------------------------
横浜マラソン開催に伴う交通規制のお知らせ
-------------------------------------------------------------------------------- */
#marathon #sponsor {
	padding: 10px;
	margin: 0 0 20px;
	text-align: center;
	border: #F00 solid 2px;
}

#marathon #sponsor strong.event {
	font-size: 17px;
	font-size: 1.7rem;
	color: #C00;
}

#marathon #sponsor dl {
	font-weight: bold;
}

#marathon #sponsor dd {
	margin-bottom: 5px;
}

/* --------------------------------------------------------------------------------
最新情報
-------------------------------------------------------------------------------- */
#toppage .updatenews,
.notice {
	margin: 2em 0;
	padding: 20px 1em;
	border: 2px solid #0E5FA6;
	border-radius: 10px;
}

#toppage .updatenews ol {
    padding-top: 20px;
    padding-left: 1.5em;
    text-indent: -1.5em;
	list-style: decimal inside;
	font-weight: bold;
	color: #C00;
}

.updatenews p:first-child,
.notice p:first-child {
	padding-bottom: 0.5em;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	text-align: center;
	color: #0E5FA6;
}

/* --------------------------------------------------------------------------------
緊急ページ
-------------------------------------------------------------------------------- */
.corona dl.inner,
#inquiry dl.inner {
    margin: 0 0 1em 1em;
}

.announce {
	margin-bottom: 1.5em;
	padding: 20px 1em;
	border: 2px solid #C00;
	border-radius: 10px;
}

#toppage .announce {
	margin: 2em 0;
}

#toppage .announce ol {
    padding-top: 20px;
    padding-left: 1.5em;
    text-indent: -1.5em;
	list-style: decimal inside;
	font-weight: bold;
	color: #C00;
}

.announce p:first-child {
	padding-bottom: 0.5em;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	color: #C00;
}

/* --------------------------------------------------------------------------------
オンライン申請
-------------------------------------------------------------------------------- */
#online ol.flow {
	margin: 0 1em 0;
}

#online ol.flow li {
	margin: 0 0 1em;
	padding: 20px 1em;
    position: relative;
    box-sizing: border-box;
	border: 2px solid #888;
	border-radius: 15px;
}

#online ol.flow li:not(:last-child){
    margin-bottom: 3.5em;
}

#online ol.step li {
	border: none;
    margin-bottom: 0;
	padding: 0 0 20px;
}

#online ol.step li:last-child {
	padding: 0;
}

#online ol.step li:not(:last-child){
    margin-bottom: 0;
}

#online ol.step li p {
	margin-top: 0.5em;
	margin-left: 1em;
}

#online ol.flow li:after {
	/* ---------- ナビゲーションアイコン：Navi_down.png ---------- */
	margin: 0 0.5rem;
	content: url(../img/icon/Navi_down.png);
	display: block;
    position: absolute;
    left: 20%;
    bottom: -3.5em;
}

#online ol.flow li:last-child:after,
#online ol.step li:after {
	content: normal;
}

#online dl.step {
	margin: 0 1em 1.5em;
}

#online dl.step dd {
	margin-left: 1em;
}

#online .announce p:first-child,
#haifu .announce p:first-child {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: left;
	color: #C00;
}

#online p.text {
    margin: 0 1em 20px;
    width: 100%;
}

#online p.img {
    margin: 0 auto;
    width: 90%;
}

#online #myna ol {
	margin: 0 1em 1.5em;
}

#online #myna ol li {
	margin-left: 2em;
	list-style: decimal;
}

.credit .announce p:first-child {
	padding-bottom: 0;
	text-align: left;
}

@media print, screen and (min-width: 768px) {
/* --------------------------------------------------------------------------------
共通
-------------------------------------------------------------------------------- */
	#sonsho .l-table,
	#uketori .l-table {
		width: 83.0078%;  /* col10 */
	}

	#sonsho .l-table div,
	#uketori .l-table div {
		width: 50%;
	}

	#sonsho .l-table div:last-child,
	#uketori .l-table div:last-child {
		border-left: 1px solid #888;
	}

	#sonsho .l-table div:last-child h4,
	#uketori .l-table div:last-child h5 {
		border-top: none;
	}

	#hepburn dl.disc,
	#download dl {
		margin: 0 1em 1em;
	}

	#faq .accordion_set {
		margin: 0 1em;
	}

    #kyosho h4,
    #uketori h4,
    #honnin h4,
    #form_ippan h4,
    #hepburn h4 {
        font-size: 18px;
        font-size: 1.8rem;
    }

/* --------------------------------------------------------------------------------
トップページ
-------------------------------------------------------------------------------- */
	#toppage .btn_box.btn_L .btn_inner p {
		font-size: 22px;
		font-size: 2.2rem;
	}

    #toppage  .btn_box.btn_S {
        margin-bottom: 0;
    }
  
    #bnr_pref {
        margin-bottom: 2.5em;
    }

	#bnr_pref .banner li:nth-child(n+4) {
		margin-bottom: 0;
	}

/* ---------- Adobe Reader ダウンロード	---------- */
	#info_adobe {
    	margin-bottom: 2.5em;
  		padding: 1em 1.5em;
		flex-wrap: nowrap;
		justify-content: flex-start;
	}

	#info_adobe p:first-child {
		margin-right: 1.5em;
		margin-bottom: 0;
	}

	#info_adobe p:last-child {
		flex-grow: 1;
		flex-shrink: 1;
	}
	
	#info_adobe img {
		max-width: none;
	}

/* ---------- 広告バナー	---------- */
#bnr_corp {
	margin: 0 auto 2.5em;
}

/* --------------------------------------------------------------------------------
本所（横浜）
川崎支所
県央支所（厚木）
小田原出張所
横須賀出張窓口
平塚出張窓口
湘南パスポートセンター
相模大野パスポートセンター
橋本パスポートセンター
-------------------------------------------------------------------------------- */
    #mado .table_data tbody tr:nth-child(2n+1) td:first-child {
        width: 22em;
        min-width: 22em;
    }

	.mado .table_data {
		width: 83.0078%;  /* col10 */
	}

	.mado #access,
	.mado #googlemap {
		width: 49.0234%;  /* col6 */
	}

    .mado #access {
        padding: 0 1em;
      }

	.mado #googlemap iframe {
		height: 350px;
	}

	.mado th {
		width: 20%;
		display: table-cell;
		border-right: 1px solid #888;
	}
	
	.mado td {
		padding: 0.5em 1em;
		text-align: left;
		display: table-cell;
	}

    .mado .indent {
        margin: 0.5em 2em 1.5em 3em;
        text-indent: -1em;
    }

/* --------------------------------------------------------------------------------
横浜市センター南パスポートセンター			2020/07/14
-------------------------------------------------------------------------------- */
	#rule_yokohama {
		margin: 0 2em 1.5em;
	}

/* --------------------------------------------------------------------------------
申請手続きガイド／旅券法改正
-------------------------------------------------------------------------------- */
	#sinsei .l-container {
		align-items: flex-start;
	}

	#sinsei .check_box,
	#sinsei div.lead 	{
		width: 57.5195%;  /* col7 */
	}

	#sinsei .btn_M,
	#sinsei .gov_img {
		width: 40.5273%;  /* col5 */
		margin-right: 1.9531% !important;
	}

    #sinsei  ul.check,
    #sinsei  ul.check li:last-child {
        margin-bottom: 0;
    }

/* --------------------------------------------------------------------------------
氏名・本籍などの変更
-------------------------------------------------------------------------------- */
    #teiseito .l-container .btn_M {
        margin-bottom: 0;
    }

/* --------------------------------------------------------------------------------
紛失届
-------------------------------------------------------------------------------- */
    #funshitsu .l-container .btn_box.btn_S:nth-child(n+3) {
        margin-bottom: 0;
    }

/* --------------------------------------------------------------------------------
未成年者等の申請
-------------------------------------------------------------------------------- */
    #under20 .sample,
	#under20 .l-container .btn_box.btn_M:nth-child(n+3) {
        margin-bottom: 0;
    }

/* --------------------------------------------------------------------------------
代理提出
-------------------------------------------------------------------------------- */
    #dairi .l-container .btn_box.btn_M:nth-child(n+3) {
        margin-bottom: 0;
    }

/* --------------------------------------------------------------------------------
居所申請
-------------------------------------------------------------------------------- */
    #kyosho .l-container .btn_box.btn_M:nth-child(n+3) {
        margin-bottom: 0;
    }

/* --------------------------------------------------------------------------------
受取ガイド
-------------------------------------------------------------------------------- */
    #uketori .tbl-scroll th {
        width: 16em;
        min-width: 16em;
    }

	#uketori .l-container .btn_box.btn_L:nth-child(3) {
		margin-bottom: 1.5em;
	}

/* --------------------------------------------------------------------------------
パスポート用写真
-------------------------------------------------------------------------------- */
	#shashin .photo {
		width: 40.5273%;  /* col5 */
        margin-bottom: 0;
	}

	#shashin .check,
	#shashin .times {
		width: 57.5195%;  /* col7 */
		margin: 0 1.9531% 0 0;
	}

/* --------------------------------------------------------------------------------
本人確認書類
-------------------------------------------------------------------------------- */
    #honnin .group_id {
        width: 91.5039%;  /* col11 */
        margin: 0 auto 1.5em;
    }

    #honnin .group_id ul {
        margin: 0 1em;
    }

/* --------------------------------------------------------------------------------
一般旅券発給申請書（新規・切替用）
一般旅券発給申請書（記載事項変更用）
-------------------------------------------------------------------------------- */
	.papers .sample,
	.papers .writing {
		width: 49.0234%;  /* col6 */
        margin-bottom: 0;
	}

	#form_ippan .text_box {
		margin: 0;
	}

/* --------------------------------------------------------------------------------
ヘボン式ローマ字
-------------------------------------------------------------------------------- */
	#hepburn .tbl-scroll {
		margin-bottom: 2.5em;
	}

    #hepburn .table_data {
        margin: 0 0 0 1em;
	}

/* --------------------------------------------------------------------------------
ヘボン式ローマ字と異なる場合（非ヘボン式ローマ字）
-------------------------------------------------------------------------------- */
	#hihepburn .table_data th {
		width: 12em;
		min-width: 12em;
	}

/* --------------------------------------------------------------------------------
別名併記
-------------------------------------------------------------------------------- */
	#betsumei .l-container .btn_box.btn_L {
		margin-bottom: 0;
	}

/* --------------------------------------------------------------------------------
よくあるご質問
-------------------------------------------------------------------------------- */
	#faq .headline li {
		width: 32.0313%;  /* col4 */
		margin-right: 1.9531%;
	}

	#faq .headline li:nth-child(3n) {
		margin-right: 0;
	}

	#faq .headline li:nth-child(n+13) {
		margin-bottom: 0;
	}

/* --------------------------------------------------------------------------------
申請書の配布場所
-------------------------------------------------------------------------------- */
	#haifu .entries ul {
		display: flex;
		flex-wrap: wrap;
	}

	#haifu .entries ul li {
		width: 32.0313%;  /* col4 */
		margin-right: 1.9531%;
	}

	#haifu .entries ul li:nth-child(3n) {
		margin-right: 0;
	}

/* --------------------------------------------------------------------------------
パスポートの読みかた等
-------------------------------------------------------------------------------- */
	#AboutPassport .img {
		width: 66.0156%;  /* col8 */
	}

	#AboutPassport .table_data {
		width: 23.5352%;  /* col3 */
	}

/* --------------------------------------------------------------------------------
お問い合わせ
-------------------------------------------------------------------------------- */
    #inquiry .btn_box .btn_inner p {
        font-size: 20px;
        font-size: 2.0rem;
    }

    #inquiry .check_box,
	#inquiry .btn_box {
		width: 49.0234%;  /* col6 */
	}
  
	#inquiry .check_box {
        padding: 0 1em 0 2em;
	}

	#inquiry .btn_box {
		margin-right: 1.9531%;
	}

	p.attention {
		font-size: 20px;
		font-size: 2.0rem;
	}

/* --------------------------------------------------------------------------------
サイトマップ（トップページのサイトマップ部含む）
-------------------------------------------------------------------------------- */
	#sitenavi {
        margin-bottom: 2.5em;
	}

	#sitenavi .map_inner {
		width: 32.0313%;  /* col4 */
		margin-right: 1.9531%;
		float: left;
	}

	#sitenavi .map_inner:nth-of-type(3) {
		margin-right: 0;
	}

	#sitenavi .map_inner dl {
		padding-left: 0;
	}

    #sitenavi .map_inner dl:last-child {
        margin-bottom: 0;
    }

/* --------------------------------------------------------------------------------
遠隔手話通訳サービス
-------------------------------------------------------------------------------- */
	#support p.text {
		width: 74.5117%;  /* col9 */
		margin: 0 auto 20px 2em;
	}

	#support p.img {
		width: 15.0391%;  /* col2 */
		margin: 0 2em 20px auto;
	}

/* --------------------------------------------------------------------------------
オンライン申請
-------------------------------------------------------------------------------- */
	#online ol.flow {
		margin: 0 2em 0;
	}
	
	#online p.text {
		width: 49.0234%;  /* col6 */
		margin: 0 auto 0 2em;
	}

	#online p.img {
		width: 40.5273%;  /* col5 */
		margin: 0 2em 0 auto;
	}

/* --------------------------------------------------------------------------------
本所（横浜）の申請窓口の待ち時間（目安）
-------------------------------------------------------------------------------- */
	#mado_honsho #crowd p.lead {
		width: 30%;
	}

/* --------------------------------------------------------------------------------
繁忙期（ＧＷ／夏期／年末年始）
-------------------------------------------------------------------------------- */
	#peak_gw ul.legend,
	#peak_summer ul.legend,
	#holiday ul.legend {
		margin: 0 2em 1.5em;
	}

	#peak_gw h4,
	#peak_summer h4 {
		margin: 0 0 1em;
	}

	#peak_gw .table_data,
	#peak_summer .table_data,
	#holiday .table_data {
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 1.5;
	}

	#peak_gw .table_data th,
	#peak_summer .table_data th,
	#holiday .table_data th {
		padding: 0.2em 0;
	}

	#peak_gw .table_data th,
	#peak_gw .table_data td,
	#peak_summer .table_data th,
	#peak_summer .table_data td,
	#holiday .table_data th,
	#holiday .table_data td {
		min-width: 8em;
		text-align: center;
	}

	#peak_gw .table_data td,
	#peak_summer .table_data td,
	#holiday .table_data td {
		padding: 0.4em 0.2em;
	}

	#peak_gw .calender img,
	#peak_summer .calender img,
	#holiday .calender img {
		width: 74px;
		height: 74px;
	}
	
/* --------------------------------------------------------------------------------
年末年始の窓口業務案内
-------------------------------------------------------------------------------- */
	#holiday h5 {
		padding-left: 1em;
	}

	#holiday p.close {
		padding-left: 2em;
	}

    #holiday .services .table_data th:nth-child(1) {
        width: 24em;
        min-width: 24em;
    }

    #holiday .services .table_data th:nth-child(2) {
        width: 17em;
        min-width: 17em;
    }

    #holiday .services .table_data th:nth-child(3) {
        width: 13em;
        min-width: 13em;
    }

/* --------------------------------------------------------------------------------
横浜マラソン開催に伴う交通規制のお知らせ
-------------------------------------------------------------------------------- */
	#marathon #sponsor {
		margin: 0 50px 20px;
	}

	#marathon #sponsor strong.event {
		font-size: 22px;
		font-size: 2.2rem;
	}

	#marathon #sponsor dl {
		display: inline-block;
		text-align: left;
		font-weight: bold;
	}

	#marathon #sponsor dt {
		width: 16em;
		float: left;
		clear: left;
		margin-right: 1em;
	}

	#marathon #sponsor dd {
		margin-bottom: 0;
		float: left;
	}
  
/* --------------------------------------------------------------------------------
緊急ページ（2020.04 コロナ）
-------------------------------------------------------------------------------- */
    .announce {
        margin-bottom: 2em;
        padding: 20px 2em;
    }

/* --------------------------------------------------------------------------------
オンライン申請
-------------------------------------------------------------------------------- */
	#online ol.step li p {
		margin-left: 4em;
	}

	#online dl.step {
		margin: 0 2em 1.5em;
	}
	
	#online dl.step dd {
		margin-left: 4em;
	}

	#online #myna ol {
		margin-left: 2em;
	}
}