@charset "utf-8";

/*===========================*/
/*　　　　　　渡独・離独ページ
/*===========================*/

.todoku_top_msg_zone {
width: 100%;
margin: 0 auto;
padding: 10px 10px 15px 10px;
text-align: left;
}

.todoku_top_msg_zone p {
padding: 0px 0px 3px 0px;
text-align: left;
}

.todoku_top_msg_zone ol {
padding: 0px 5px 0px 25px;
}

.todoku_top_msg_zone ol li {
padding: 0px 0px 3px 0px;
}

.todoku_top_msg_zone ol li ol {
padding: 0px 0px 0px 20px;
}

.todoku_top_msg_zone ol li ol li {
padding: 0px 0px 3px 0px;
}

.todoku_top_msg_zone ul {
list-style-type: square;
padding: 0px 5px 0px 15px;
}

.todoku_top_msg_zone ul li {
padding: 0px 0px 3px 0px;
}

.todoku_top_msg_zone .list-1 {
color: #aa0000;
}

.todoku_top_msg_zone .list-1 p {
text-indent: -1em;
margin-left: 1em;
padding: 0px 5px 3px 5px;
}

.todoku_top_msg_zone .list-1 p::before {
content:  "";     /* 空の要素作成 */
width:  8px;               /* 幅指定 */
height:  8px;              /* 高さ指定 */
display:  inline-block;     /* インラインブロックにする */
background-color: #aa0000;  /* 背景色指定 */
border-radius:  50%;        /* 要素を丸くする */
position:  relative;        /* 位置調整 */
top: -2px;                  /* 位置調整 */
margin-right: 8px;          /* 余白指定 */
}

.todoku_top_msg_zone ul li p {
text-indent: -2em;
margin-left: 2em;
counter-increment: calc-ex10;
}

.todoku_top_msg_zone ul li p:before {
content: '['counter(calc-ex10, upper-latin)']';
display: inline-block;
width: 2em;
text-indent: 0;
}

.passport_procedure_box-pc {
width: 100%;
margin: 0px auto;
text-align: center;
}

.passport_procedure_box-pc .procedure-list {
border-collapse: collapse;
background: #ffffff;
margin: 10px 10px;
}

.passport_procedure_box-pc .procedure-list thead th{
padding: 3px 5px;
border: 1px solid #aa0000;
line-height: 180%;
color: #aa0000;
background:#F2E6E6 ;
text-align: center;
vertical-align: middle;
white-space: nowrap;
}

.passport_procedure_box-pc .procedure-list tbody th {
line-height: 150%;
padding: 3px 10px 3px 10px;
border: 1px solid #aa0000;
text-align: center;
vertical-align: middle;
white-space: nowrap;
}

.passport_procedure_box-pc .procedure-list tbody td {
color: #aa0000;
line-height: 150%;
padding: 3px 15px 3px 10px;
border: 1px solid #aa0000;
text-align: left;
vertical-align: middle;
}

.passport_procedure_box-mobile {
display: none;
}

.passport_fee_box {
width: 100%;
margin: 0px auto;
padding: 0px;
}

.passport_fee_box .list-box {
display: inline-block ;
padding: 10px 20px 10px 20px;
vertical-align: top;
}

.passport_fee_box .list-box table {
border-collapse: collapse;
background: #ffffff;
}

.passport_fee_box .list-box table thead th {
font-size: 14px;
color: #000099;
padding: 5px 10px 5px 10px;
border: 1px solid #999999;
background:#e6e6e6;
text-align: center;
vertical-align: middle;
white-space: nowrap;
}

.passport_fee_box .list-box table tbody th {
font-size: 14px;
color: #000000;
padding: 5px 10px 5px 10px;
border: 1px solid #999999;
text-align: center;
vertical-align: middle;
white-space: nowrap;
}

.passport_fee_box .list-box table tbody td {
font-size: 15px;
color: #000000;
padding: 5px 5px 5px 10px;
border: 1px solid #999999;
text-align: right;
vertical-align: middle;
}

.passport_fee_box .list-box .table-pc {
border-collapse: collapse;
background: #ffffff;
}

.passport_fee_box .list-box .table-pc thead th {
font-size: 14px;
color: #000099;
padding: 5px 10px 5px 10px;
border: 1px solid #999999;
background:#e6e6e6;
text-align: center;
vertical-align: middle;
white-space: nowrap;
}

.passport_fee_box .list-box .table-pc tbody th {
font-size: 14px;
color: #000000;
padding: 5px 10px 5px 10px;
border: 1px solid #999999;
text-align: center;
vertical-align: middle;
white-space: nowrap;
}

.passport_fee_box .list-box .table-pc tbody td {
font-size: 15px;
color: #000000;
padding: 5px 5px 5px 10px;
border: 1px solid #999999;
text-align: right;
vertical-align: middle;
}

.passport_fee_box .list-box .table-mobile {
display: none;
}

.todoku-adrs-box {
width: 100%;
margin: 0px auto;
text-align: center;
}

.todoku-adrs-box .adrs-data {
display: inline-block ;
width: 280px ;
margin: 10px 15px 10px 15px;
padding: 5px 10px 10px 5px;
border-collapse: collapse;
background: #ffffff;
border: 1px solid #cccccc;
}

.todoku-adrs-box .adrs-data img{
margin: 10px 20px 0px 20px;
}


/***************************************/
/***************************************/
@media only screen and (max-width:640px) {

.todoku_top_msg_zone {
width: 100%;
margin: 0 auto;
padding: 10px 0px 15px 0px;
text-align: left;
}

.todoku_top_msg_zone ol {
padding: 0px 5px 0px 20px;
}

.todoku_top_msg_zone ol li ol {
padding: 0px 0px 0px 15px;
}

.todoku_top_msg_zone ul {
list-style-type: square;
padding: 0px 5px 0px 10px;
}

.passport_procedure_box-pc {
display: none;
}

.passport_procedure_box-mobile {
display: block;
width: 100%;
margin: 0px auto;
padding: 0px 10px;
text-align: center;
}

.passport_procedure_box-mobile .chart {
width: 100%;
margin: 0px auto;
overflow: hidden;
text-align: center;
}

.passport_procedure_box-mobile .chart img {
 display: block;
 margin-left: auto;
 margin-right: auto;
margin-top: 5px;
}

.passport_procedure_box-mobile .chart p {
text-align: center;
}

.passport_procedure_box-mobile .chart p a {
font-size: 16px;
font-weight: bold;
}

.passport_procedure_box-mobile .chart .chart_box {
display: inline-block;
border: 1px solid #aa0000;
background: #F2E6E6;
margin-top: 20px;
padding: 6px 10px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
text-align: left;
}

.passport_procedure_box-mobile .chart .chart_box p {
color: #aa0000;
font-size: 14px;
font-weight: normal;
line-height: 150%;
}


}
/***************************************/
/***************************************/
@media only screen and (max-width:480px) {

.passport_fee_box {
width: 100%;
margin: 0px auto;
padding: 0px;
text-align: center;
}

.passport_fee_box .list-box {
display: block;
width: 100%;
margin: 0px auto;
padding: 0px;
text-align: center;
vertical-align: top;
}

.passport_fee_box .list-box table {
margin-left : auto;
margin-right : auto;
border-collapse: collapse;
background: #ffffff;
}

.passport_fee_box .list-box .table-pc {
display: none;
}

.passport_fee_box .list-box .table-mobile {
display:inline-block;
margin-left : auto;
margin-right : auto;
border-collapse: collapse;
background: #ffffff;
}

.passport_fee_box .list-box .table-mobile thead th {
font-size: 14px;
color: #000099;
padding: 5px 10px 5px 10px;
border: 1px solid #999999;
background:#e6e6e6;
text-align: center;
vertical-align: middle;
}

.passport_fee_box .list-box .table-mobile tbody th {
font-size: 14px;
color: #000000;
padding: 5px 10px 5px 10px;
border: 1px solid #999999;
text-align: center;
vertical-align: middle;
}

.passport_fee_box .list-box .table-mobile tbody td {
font-size: 15px;
color: #000000;
padding: 5px 5px 5px 10px;
border: 1px solid #999999;
text-align: right;
vertical-align: middle;
}

.todoku-adrs-box .adrs-data {
display: block ;
width: 100%;
margin: 10px auto;
padding: 5px 10px 10px 10px;
border-collapse: collapse;
background: #ffffff;
border: 1px solid #cccccc;
}


}