* {
outline:none;
}

.forSP {
display:none !important;
}

img {
height:auto;
border:none;
}

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

.wrap {
width:1140px;
max-width:100%;
margin:0 auto;

}

.content {

box-shadow:0 0 3px #dddddd;
border:solid 1px #dddddd;
padding:20px;
}

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

.headline {
font-size:0;
}

.headline h2 {
width:50%;
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:70%;
display:inline-block;
vertical-align:middle;
}

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

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

.nav {
margin-bottom:30px;
}

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

.nav ul {
text-align:center;
}

.nav ul li {
display:inline-block;
width:28%;
box-shadow:0 0 5px #aaaaaa;
border-radius:5px !important;
margin:0 0.5%;
transition:all .3s ease;
border:solid 2px #ffffff;
}

.nav ul li a {
display:block;
padding:12px 0 16px 0;
transition:all .3s ease;
}

.nav ul li img {
height:20px;
width:auto;
}

.nav li:hover,
.active {
background:#fafafa;
border:solid 2px #649c18 !important;
}


.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:29%;
left:5%;
width:35%;
}

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

.TITLE img {
width:95%;
}

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

.noCreditText img {
width:93%;
}

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

.etcSpeed img {
width:85%;
}


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

.etcWaribiki h2 {
display:inline-block;
width:43%;
margin-right:3%;
vertical-align:middle;
}

.etcWaribiki h3 {
display:inline-block;
width:52%;
vertical-align:middle;
}

.toForm {
padding:55px 10% 70px;
}

.toForm a {
width:80%;
display:inline-block;
background:#e5e5e5;
padding:10px;
border-radius:15px;
transition:all .3s ease;
}

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

.toForm a:hover {
background:#dddddd;
}

.aboutETC {
padding-top:50px;
}

.aboutETC h2 {
padding:0 10%;
}

.aboutETC h2 img {
width:100%;
}

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

.ETCfeature {
padding:10px 3% 70px;
vertical-align:middle;
}

.ETCfeature h2 {
display:inline-block;
width:50%;
margin-right:3%;
vertical-align:middle;
}

.ETCfeature div {
display:inline-block;
width:45%;
vertical-align:middle;
}

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

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

.box01 {
display:inline-block;
width:49%;
vertical-align:top;
margin:0 2% 0 0;
}

.box02 {
display:inline-block;
width:49%;
vertical-align:top;
}

.box01 table {
font-size:0.9rem !important;
}

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

.box01 table th,
.box01 table td {
font-size:0.9rem !important;
}

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

.etcInfo p {
font-size:0.95rem;
line-height:1.51;
margin-bottom:15px;
}

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

.etcInfo h3 {
padding:10px 0 15px 0;
font-size:0.85rem;
color:#505050;
text-align:right;
}

.copyright {
padding:30px 0 20px 0;
font-size:0.85rem;
color:#444;
}

.aboutus {
padding:30px 50px;
}

.aboutusTitle {
margin-bottom:60px;
}

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

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

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

.aboutus h3 span {
display:block;
padding:15px 15px 13px 15px;
background:#ffffff;
font-size:1.3rem;
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;
min-width:120px;
}

.aboutus .uTable td {
width:100%;
padding:15px 0 15px 0;
border-bottom:solid 1px #c0c0c0;
}

.uSpace {
height:50px;
}

.listTable {

}

.listTable table {
text-align:left;
}

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

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

.policyTable h4 {
text-align:left;
font-size:1rem;
margin-bottom:30px;
}

.policyTable h5 {
text-align:left;
font-size:1.2rem;
font-weight:600;
margin-top:20px;
margin-bottom:10px;
}

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

.policyTable table {
text-align:left;
}

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