@charset "UTF-8";
/* CSS Document */

.contents-bg {
background: url("../img/main-bg.png") no-repeat ;
background-size: 100%;
}
.contents {
width: 1080px;
margin: 0 auto;
}
.contents h1 {
width: 630px;
margin: 0 auto;
padding-top: 85px;
}

.logo {
margin-right: 100px;
}

.btn {
display: flex;
justify-content: center;
margin-bottom: 60px;
gap:70px;
}

.btn li {
text-align: center;
}

.btn li img {
/*width: 55%;*/
	/*display: block;*/
	height: 65px;
	width: auto;
	
}

footer {
background-color: #1E93A8;
} 

.foot-cont {
width: 900px;
margin: 0 auto;
}

.foot-cont ul {
display: flex;
justify-content: space-between;
padding-top: 60px;
margin-bottom: 30px;
}
.foot-cont ul img {
width: 90%;
}

.mail {
text-align: center;
}
.mail img{
width: 65%;
}

.copy {
width: 250px;
margin: 0 auto;
padding: 30px 0px 30px 0px;
}

/* smartdevice-------------------------------------------------------------- */
@media screen and (max-width:768px) {

img {
width: 100%;
}

.contents {
width: 80%;
margin: 0 auto;
}

.contents h1 {
width: 60%;
padding-top: 30px;
}

.logo {
margin-right: 35px;
}
	
.foot-cont {
width: 70%;
margin: 0 auto;
}

.foot-cont ul {
padding-top: 20px;
margin-bottom: 10px 
}
	
.copy {
width: 100px;
margin: 0 auto;
padding: 10px 0px 10px 0px;
}

/* ---ローディング--- */
#loading {
  margin: 230px auto;
}

}