@charset "utf-8";
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
body {
    font-size: 16px;
    color: #333;
}
a,
img,
button,
input,
textarea,
 {-webkit-tap-highlight-color: rgba(255, 255, 255, 0);}
input:-webkit-autofill {transition: background-color 5000s ease-in-out 0s;}
a {text-decoration: none;color: #333;}
a:hover {text-decoration: none;}
a:focus {text-decoration: none;}
li {list-style: none;}
img {vertical-align: middle;border: none; max-width: 100%;}
i {font-style: normal;}
h1{margin: 0;padding: 0;}
input,input:focus,button,button:focus,textarea,textarea:focus,select,select:focus,select:active{border: none;box-shadow: none;outline: 0;}
.clear:after{content: '';height: 0; clear: both;display: block;}
::-webkit-input-placeholder { /* WebKit browsers */
  color: #ccc;font-size: 16px;}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #ccc;font-size: 16px;}
:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #ccc;font-size: 16px;} 
.mobile{display: none;}
@media(max-width: 768px){
.pc{display: none;}
.mobile{display: block;}
}
.pd{padding: 0 12%;}
.gz{padding: 0;}
@media(max-width: 1600px){
.pd{padding: 0 5%;}
.gz{padding: 0;}  
}
@media(max-width: 768px){
.pd{padding: 0 20px;}
.gz{padding: 0;}
}
.zindex2{z-index: 2;}