@charset "UTF-8";

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

/* CSS Document */

#main {
	width:90%;
	margin:0 auto;
	padding-bottom:20px;
}

#main h2 {
	font-size:3.6em;
	margin-top:30px;
	margin-bottom:20px;
}

#main h2 span {
	display:inline-block;
	border: #000 solid 1px;
	font-size:0.65em;
	padding-left:10px;
	line-height:1.8;
}

#main h3 {
	font-size:2.4em;
	margin-top:30px;
	margin-left:0;
	margin-bottom:8px;
}

.privacy ,
.handling {
	margin-top:20px;
	margin-bottom:50px;
}

.add {
	text-align:right;
}

.inquiry {
	/*font-size:2.0em;*/
	padding:20px;
	padding-top:30px;
	border: solid 4px #CFD8DC;
	margin-bottom:160px;
}

.inquiry p {
	font-size:2.0em;
	margin-bottom:20px;
}

.inquiry p a {
	text-decoration:underline;
	font-weight:bold;
}

.main_head p,
.privacy p ,
.handling p {
	font-size:2.0em;
	margin-bottom:30px;
}

.privacy h4 ,
.handling h4,
.inquiry h4 {
	font-size:2.8em;
}


.privacy ol li h5,
.handling ol li h5 {
	font-size:1.1em;
	display:inline;
}

.handling ol,
.handling > ul {
	font-size:1.4em;
	margin-bottom:30px;
	padding-left:20px;
	counter-reset: list-count;
	list-style: none;
}

.handling ol > li::before {
	content: counter(list-count) ".";
	counter-increment: list-count;
	font-weight:bold;
}


.handling ul li {
	margin-bottom:10px;
}

.handling ul li h5 {
	font-size:1.1em;
}

.handling > ul li {
	font-size:1.4em;
}

.privacy ol,
.handling ol {
	font-size:2.0em;
	margin-bottom:30px;
	list-style:decimal;
}

.privacy ol {
	padding-left:20px;
}

.handling ol {
	list-style-type:none;
}

.privacy ol ul,
.handling ol ul {
	list-style-type: disc;
	padding-left:1.0em;
	margin-top:10px;
	margin-bottom:40px;
}

.privacy ol li ,
.handling ol li {
	margin-bottom:10px;
}

.privacy h5 ,
.handling h5 {
	font-size:2.6em;
	margin-top:15px;
}


/********** occupations **********/

.occupations {
	width:96%;
	margin:20px auto 50px;
	padding-bottom:50px;
	border-bottom:#ccc solid 1px;
}

.occupations p {
	font-size:2.0em;
	margin-bottom:20px;
}

.occupations h4 {
	font-size:2.2em;
}


.occupations table {
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border: #757575 solid 1px;
	margin-top:-20px;
	margin-bottom:50px;
}

.occupations table th,
.occupations table td {
	font-size:2.0em;
	padding:10px;
	vertical-align:top;
}

.occupations table th {
	border-bottom: #757575 solid 1px;
	background:#EEEEEE;
}

.occupations table th.table_item {
	width:30%;
}

.occupations table th.table_content {
	width:70%;
	border-left: #757575 solid 1px;
}

.occupations table td {

}

.occupations table td span {
	width:100%;
	display:inline-block;
	text-align:right;
	padding:0;
	text-decoration:underline;
}

.occupations table td:nth-of-type(even){
	border-left: #757575 solid 1px;
	}

.occupations table td.b_bottom {
	border-bottom: #757575 solid 1px;
}


/********** action **********/

.action {
	padding-bottom:50px;
}

.action p {
	font-size:2.0em;
	margin-bottom:20px;
}

.action h4 {
	font-size:2.0em;
	margin-bottom:4px;
}

.action ul {
	font-size:2.0em;
	margin-bottom:20px;
	padding-left:2.0em;
}
.action ul li {
	line-height:1.6em;
	margin-bottom:6px;
}




}