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

@import url("sub.css");
@import url("font.css");
@import url("btn.css");
@import url("flex.css");
@import url("logo.css");

body {
	margin: 0;
	padding: 0;
	font-family: "Noto Sans JP", sans-serif;
	font-size:1rem;
	line-height:1.9em;
	animation: fadeIn 2s ease 0s 2 normal;
    -webkit-animation: fadeIn 2s ease 0s 2 normal;
	background-color: #393849;
	color: #d8d7e0;
}
.header{
    margin: 0;
    padding: 0;
	font-size: 0;
}
.header img{
	width: 100%;
}
.box1{
    width: 80%;
    margin: auto;
}

.hr{
    margin: 2rem 0;
}

footer{
	color: #393849;
    background-color: #42d545;
	margin: 2rem auto 0 auto;
    padding-top:2rem;
    padding-bottom: 2rem;
}

/*--------------------------- */

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

.box1{width: 90%;}
    
/* cd */
.flex_cd{
    width: 100%;
    flex-direction: column;
    margin-top: 1rem;
}
.cd-box{
    width: 100%;
    padding: 0.5rem;
}
.cd-box img{
    margin-top: 2rem;
}


}