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

@media screen and (max-width:768px){
/*
introduction
------------------------------------*/
#introduction h1 {
    font-size: 18px;
    padding: 15px;
    margin: 20px 0;
	border-left: none;
	border-right: none;
}

#introduction p {
    padding: 0 10px;
}
	
#introduction .link {
	text-align: left;
}
	
#introduction .link a {
    background: url(/consul/images/consulArrow01.svg) no-repeat 0 15%;
	background-size: 15px 15px;
    display: block;
}
	
#introduction .box01 {
	padding: 0 10px;
}

#introduction .box01 .left {
	width: auto;
	float: none;
}
#introduction .box01 .left p {
	padding: 0;
}

#introduction .box01 .right {
	width: 40%;
	float: none;
	margin: 10px auto 0;
}

/*
Embassy
------------------------------------*/
#Embassy .detail {
	padding: 0 10px;
}
	
#Embassy .detail .link {
	text-align: left;
}
	
#Embassy .detail .link a {
    background: url(/consul/images/consulArrow01.svg) no-repeat 0 15%;
	background-size: 15px 15px;
    display: block;
}
	
/*
fee
------------------------------------*/
#fee .kind {
	border-spacing: 4px 0;
}

#fee .kind li {
	background-size: 15%;
}
	
#fee .kind li a {
	font-size: 14px;
}
	
#fee .packCharge table {
	margin: 15px 10px 0;
	width: auto;
	font-size: 12px;
}
	
#fee .packCharge table th,
#fee .packCharge table td {
	padding: 5px;
}
	
#fee .packCharge ul {
	margin: 15px 10px 0;
}

/*chinaIndex
------------------------------------*/
.chinaIndex #keyVisual {
    background: url(/china/images/mainVisual01.png) no-repeat 0 0;
    background-size: 200%;
    padding: 5% 10% 0;
}
	
.chinaIndex .txt02 {
    margin: 1.5em 10px 0;
    font-size: 16px;
}	

.chinaIndex #case {
	margin: 0 10px;
}

.chinaIndex #case li dl dd {
    padding: 0.5em 2%;
    font-size: 14px;
	line-height: 1.3;
}

.chinaIndex #contact {
    padding: 5% 10px 5%;
    margin: 30px 0;
}
	
.chinaIndex #contact .list02 li:first-child {
    width: auto;
    margin: 0 0 15px;
	float: none;
}
	
.chinaIndex #contact .list02 li:last-child {
    width: auto;
	float: none;
}
	
.chinaIndex #contact .list01 li {
	margin: 0 0.1em;
	width: 22%;
}
	
.chinaIndex #contact .list02 li strong {
    font-size: 150%;
}

.chinaIndex #flow01 {
    margin: 0 10px;
}
	
.chinaIndex #flow01 h2 {
    font-size: 16px;
    padding: 2.5% 10px 3%;
}

.chinaIndex #flow01 .chart01 {
    margin: 15px auto 0;
    width: 80%;
}	
	
.chinaIndex #flow01 .baloon {
    top: -10px;
    right: -10px;
    width: 30%;
}	
	
.chinaIndex #flow01 .box01, .chinaIndex #flow02 .box01 {
    margin-top: 15px;
}	
	
.chinaIndex .bnr01 a {
    font-size: 100%;
}	
	
.chinaIndex #flow02 {
    margin: 30px 10px 0;
}	
	
.chinaIndex #flow02 h2 {
    font-size: 16px;
    padding: 2.5% 10px 3%;
}
	
.chinaIndex #flow02 .chart01 {
    margin-top: 15px;
}
	
.chinaIndex #flow02 .baloon {
    top: -15px;
    right: -10px;
    width: 30%;
}	
	
.chinaIndex #flow03 {
    margin: 30px 10px 0;
}

.chinaIndex #flow03 h2 {
    font-size: 16px;
    padding: 2.5% 10px 3%;
}
	
.chinaIndex #flow03 ul li {
    margin: 15px 2px 0 20px;
}

.chinaIndex #flow03 ul li:last-child {
	width: 50%;
}
	
.chinaIndex #flow03 ul li.long {
    width: 90%;
    margin-left: 0;
}

.chinaIndex #flow03 ul li span {
	font-size: 11px;
}
	
.chinaIndex #single {
    margin: 30px 10px 0;
}

.chinaIndex #single .singleBox01 dt {
    margin-bottom: 0;
}
	
.chinaIndex #single .singleBox01 {
    margin-bottom: 0.8em;
}
	
.chinaIndex #fee {
    margin: 30px 10px 0;
}
	
	

	
	
	
}