* {
outline:none;
font-size:1px;
line-height:1;
}

.forPC {
display:none !important;
}

img {
height:auto;
}

body {
padding:0;
margin:0;
text-align:center;
font-family:sans-serif;
}

.wrap {
width:96%;
margin:0 auto;
}

.content {
box-shadow:0 0 3px #dddddd;
border:solid 1px #dddddd;
padding:2vw;
}

.headline:after {
content:"";
display:block;
clear:both;
height:15px;
}

.headline {
padding:10px 1%;
vertical-align:middle;
font-size:0;
}

.headline h2 {
width:60%;
display:inline-block;
vertical-align:middle;
text-align:left;
}

.headline h2 .ETCCARD {
width:12%;
display:inline-block;
vertical-align:middle;
margin-right:2%;
}

.headline h2 .headlineText {
width:80%;
display:inline-block;
vertical-align:middle;
}

.headline h3 {
width:40%;
display:inline-block;
vertical-align:middle;
text-align:right;
}

.headline h3 img {
width:70%;
display:inline-block;
vertical-align:middle;
}

.nav {
margin-bottom:20px;
}

.nav:after {
content:"";
display:none;
clear:both;
height:0;
}

.nav ul {
text-align:center;
font-size:0;
}

.nav ul li {
display:inline-block;
width:28%;
border:solid 2px #ffffff;
border-radius:5px;
box-shadow:0 0 3px #c0c0c0;
margin:0 1%;
transition:all .3s ease;
line-height:1;
font-size:1px;
}

.nav ul li a {
display:block;
padding:2.5vw 0 2.5vw 0;
transition:all .3s ease;
}

.nav ul li img {
height:3.3vw;
width:auto;
}

.active {
background:#fafafa;
}

.active {
border-color:#649c18 !important;
border-radius:5px;
}

.noCredit {
width:100%;
padding-bottom:21.8%;
background:url(../images/no-credit_bg.jpg) left top no-repeat;
background-size:contain;
position:relative;
}

.noCredit img {
display:inline-block;
position:absolute;
top:28%;
left:5%;
width:40%;
}

.TITLE {
padding:20px 0 5px 0;
}

.TITLE img {
width:98%;
}

.noCreditText {
padding:10px 0;
margin-bottom:20px;
}

.noCreditText img {
width:95%;
}

.etcSpeed {
padding:0 0 20px 0;
}

.etcSpeed img {
width:90%;
}

.etcWaribiki {
padding:0 0;
vertical-align:middle;
}

.etcWaribiki h2 {
display:block;
width:80%;
margin:0 10% 20px;
vertical-align:middle;
}

.etcWaribiki h3 {
display:block;
width:80%;
margin:0 10%;
vertical-align:middle;
}

.toForm {
padding:25px 5% 35px;
}

.toForm img {
width:100%;
transition:all .3s ease;
}

.aboutETC {
padding-top:30px;
}

.aboutETC h2 {
padding:0 5%;
}

.aboutETC h2 img {
width:100%;
}

.aboutETC h3 {
padding:30px 0 0 0;
}

.ETCfeature {
padding:10px 0 40px;
vertical-align:middle;
}

.ETCfeature h2 {
display:block;
width:80%;
margin:0 10% 20px;
vertical-align:middle;
}

.ETCfeature div {
display:inline-block;
width:80%;
margin:0 10%;
vertical-align:middle;
}

.ETCfeature div h3 {
margin-bottom:13px;
vertical-align:middle;
}

.etcInfo {
font-size:0;
text-align:left;
}

.box01 {
}

.box02 {
}

.box01 table {

}

.box01 table th {
white-space:nowrap;
padding-right:15px;
}

.box01 table th,
.box01 table td {
font-size:3.5vw !important;
line-height:1.31;
padding-bottom:10px;
}

.etcInfo h2 {
background:#549b35;
color:#fff;
font-size:5vw;
font-weight:600;
padding:10px 10px;
margin-bottom:10px;
}

.etcInfo p {
font-size:4vw;
line-height:1.41;
margin-bottom:5px;
}

.etcInfo div {
padding:0 0 5px 0;
}

.etcInfo h3 {
padding:10px 0 15px 0;
font-size:3vw;
color:#505050;
text-align:center;
line-height:1.41;
}

.copyright {
padding:30px 0 20px 0;
font-size:3vw;
color:#333;
}

.aboutus {
padding:20px 5%;
}

.aboutusTitle {
margin-bottom:30px;
}

.aboutusTitle img {
width:250px;
max-width:90%;
}

.aboutus p {
text-align:left;
font-size:3.5vw;
line-height:1.61;
margin-bottom:20px;
}

.aboutus h3 {
padding:20px 0 10px 0;
}

.aboutus h3 span {
display:block;
padding:15px 15px 13px 15px;
background:#ffffff;
font-size:4vw;
font-weight:600;
border:solid 2px #649c18;
}

.aboutus .uTable {
text-align:left;
}

.aboutus .uTable th {
padding:15px 20px 15px 0;
white-space:nowrap;
border-bottom:solid 1px #649c18;
font-size:3.5vw;
line-height:1.41;
}

.aboutus .uTable td {
width:100%;
padding:15px 0 15px 0;
border-bottom:solid 1px #c0c0c0;
font-size:3.5vw;
line-height:1.41;
}

.uSpace {
height:30px;
}

.listTable {

}

.listTable table {
text-align:left;
}

.listTable table th {
white-space:nowrap;
padding:10px 10px 0 0;
font-size:3.5vw;
line-height:1.41;
}

.listTable table td {
padding:10px 0px 0 0;
font-size:3.5vw;
line-height:1.41;
}

.policyTable h4 {
text-align:left;
font-size:4vw;
line-height:1.41;
margin-bottom:30px;
}

.policyTable h5 {
text-align:left;
font-size:4vw;
line-height:1.41;
font-weight:600;
margin-top:20px;
margin-bottom:10px;
}

.policyTable h5:before {
content:"■";
}

.policyTable table {
text-align:left;
}

.policyTable table td {
font-size:3.5vw;
line-height:1.41;
}

.policyTable h6 {
padding:30px 0 0 0;
font-size:4vw;
font-weight:600;
margin-bottom:10px;
}