@charset "utf-8";
/*--
中 font-size:96%;
小 font-size:88%;
--*/
/*loading*/
.loading {
background:#fff;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1000;
}
.loading_txt {
width: 600px;
height: 600px;
background-size:cover;
top: 50%;
left: 50%;
margin-left: -150px;
margin-top: -150px;
}
#index .loading_txt {
background: url("../images/common/fade-logo.png") center center no-repeat;
}
#page.about .loading_txt {
background: url("../images/page/fade-aboutttl.png") center center no-repeat;
}
#page.contact .loading_txt {
background: url("../images/page/fade-contactttl.png") center center no-repeat;
}
#page.thanks .loading_txt {
background: url("../images/page/fade-thanksttl.png") center center no-repeat;
}
#page.privacy .loading_txt {
background: url("../images/page/fade-privacyttl.png") center center no-repeat;
}
#page.notfound .loading_txt {
background: url("../images/page/fade-notfoundttl.png") center center no-repeat;
}
.loading_txt:before {
content: '';
background: url("../images/common/bg-top.jpg") center center no-repeat;
background-size:cover;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.loading_txt.androidLoading {
position: absolute;
background-size: 300px 300px;
width: 300px;
height: 300px;
}
.loading_txt.androidLoading:before {
display: none;
}
.loading canvas {
width: 300px;
height: 300px;
z-index: 1 !important;
}
/*pageCommon*/
.pageCommon{
margin-top: 300px;
}
@media screen and (max-width:767px){
.pageCommon{
margin-top: 200px;
}
}
/*btn*/
.btn .btnIn{
width: 100%;
max-width: 400px;
height: 40px;
line-height: 40px;
border: 1px solid #000;
}
.btn .btnIn:hover,
.btn .btnIn.none{
border: 1px solid #999;
}
/*about*/
#about .information .ttl{
width: 40%;
}
@media screen and (max-width:767px){
#about .information .ttl{
width: 100%;
margin-bottom: 30px;
}
}
#about .information.top .ttl{
padding-top: 100px;
}
@media screen and (max-width:767px){
#about .information.top .ttl{
border-top: 1px solid #c5c5c5;
padding-top: 70px;
}
}
#about .information .note{
width: 60%;
}
@media screen and (max-width:767px){
#about .information .note{
width: 100%;
}
}
#about .information.top .note{
border-top: 1px solid #c5c5c5;
padding-top: 100px;
}
@media screen and (max-width:767px){
#about .information.top .note{
border-top:none;
padding-top: 0;
}
}
#about .information.bottom .note{
border-bottom: 1px solid #c5c5c5;
padding-bottom: 100px;
}
@media screen and (max-width:767px){
#about .information.bottom .note{
border-top:none;
padding-bottom: 70px;
}
}
#about .imgBg{
bottom: 0;
left: 0;
width: 45%;
height: 0;
padding-top: 30.5%;
transform: translate(-33.5%,0);
background: url("../images/page/img-about01.jpg") no-repeat center;
background-size: cover;
}
@media screen and (max-width:980px){
#about .imgBg{
transform: translate(-25%,0);
}
}
@media screen and (max-width:767px){
#about .img{
margin-left: -5.5vw;
width: 111vw;
}
#about .img img{
max-width: 111vw;
}
}