*{
	margin:0;padding:0;
	webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','Meiryo', 'メイリオ', sans-serif;
}
::selection {background: #FC0; color: #121212;}
::-moz-selection {background: #FC0; color: #121212;}

header,footer,article,section{display:block;}

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}
.cl {clear:both;}

/*  */
html{font-size:62.5%;}
body{background-image: url(../images/bg.png);}
img{border: 0;}

.logo{position:absolute;left:20px;top:20px;width:100px;z-index:101;}
.logo img{width: 100%;}
.utils{position:absolute;right:10px;top:20px;width:120px;z-index:102;}
.utils ul {width:120px;}
.utils ul li{list-style: none;display:block;float:left;width:30px;margin-right:10px;}
.utils ul li img{width:100%;}
.futils{display:none;}

.keyvisual{position: relative;width:100%;height:auto;z-index:10;top:0px;overflow: hidden;margin:0;padding:0;}

.keyvisual h1{position:absolute;bottom:70px;left:50%;z-index:100;width:220px;margin-left:-110px;opacity:0;}
.keyvisual h1 img{width:100%;}

.keyvisual h2{position:absolute;width:600px;height:auto;top:200px;left:50%;margin-left:-300px;z-index:101;color:#fff;}
.keyvisual h3{position:absolute;width:524px;height:auto;top:50%;left:50%;margin-top:-30px;margin-left:-262px;z-index:102;color:#fff;opacity:0;}
.keyvisual h3 img{width:100%;}

.keyvisual .visual{opacity:0;position:absolute;width:100%;height:auto;z-index:10;top:50%;left: 50%;margin-top:-600px;margin-left:-900px;}
.keyvisual .visual img{width:100%;}

.keyvisual .scroller{position:absolute;z-index:1000;bottom:40px;left:50%;margin-left: -30px;opacity:0;}

.info{position:relative;width:510px;margin:0 auto;display:none;opacity:0;}
.info h2{font-size:24px;font-size:2.4rem;color:#857b49;margin:50px 0 0 0;}
.mail{position: relative;}
.notice{font-size: 11px;font-size:1.1rem;color:#464646;}

.media{margin:50px 0;}

form p{margin:20px 0;}

input[type=text],textarea{-webkit-appearance: none;width:100%;padding:10px;border:1px solid #ccc;font-size:18px;font-size:1.8rem;}
input[type="button"],input[type="submit"],.bt a {
    -webkit-appearance: none;
    border-radius: 0px;
    background-color: #857b49;
    color:#fff;
    padding:10px;
    font-size:14px;font-size:1.4rem;
    border:0;
    width:100%;
    display: block;
    text-align: center;
    text-decoration: none;;
}

.complete,.loading{
    border-radius: 0px;
    font-weight:bold;
    color:#464646;
    padding:10px;
    font-size:14px;font-size:1.4rem;
    border:0;
    width:100%;
    display: block;
    text-align: center;
    text-decoration: none;;

}

.error{position:absolute;top: 10px;
    left: 10px;
    color: #C00;
    font-size: 18px;font-size:1.8rem;display:none;opacity:0;}
.rights{display:none;font-size: 10px;font-size:1.0rem; text-align: right;padding:20px;clear:both;}
.rights a{color:#464646;}

.sp{display: none;}
@media screen and (max-width: 768px) {

.logo{position:absolute;left:20px;top:20px;width:40px;z-index:101;}
.keyvisual h1{bottom: 60px;
    left: 50%;
    z-index: 100;
    width: 90px;
    margin-left: -45px;}
.keyvisual h3{top:40%}
.pc{display: inline;}
.sp{display: none;}
}

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

.logo{position:absolute;left:20px;top:20px;width:40px;z-index:101;}

.keyvisual{width:100%;}
.keyvisual h1{opacity:1;bottom: 20px;
    left: 50%;
    z-index: 100;
    width: 90px;
    margin-left: -45px;}
.keyvisual h1 img{width:100%;}
.keyvisual h3{width:300px;margin-left: -150px;opacity:1;}
.keyvisual h3 img{width:100%;}
.keyvisual .visual{opacity:1;}

.info{margin:15px;width:auto;display:block;opacity:1;}
.info h2{font-size:16px;}
input[type=text],textarea{width:100%;padding:10px;border:1px solid #ccc;font-size:18px;}

.utils {display:none;}
.futils{display:block;clear:both;}
.futils ul {width:180px;margin:0 auto;}
.futils ul li{list-style: none;display:block;float:left;width:50px;margin:0 5px;}
.futils ul li img{width:100%;}

.rights{text-align: center;}
.pc{display: inline;}
.sp{display: none;}
}