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

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

body {
	margin: 0; padding: 0;
    font-family: "Noto Sans JP", sans-serif;
	font-size:1rem;
	line-height:1.9em;
    background-image: url("../images/bg.png") ;
	background-repeat: repeat;
}
main{padding-top: 3rem;}
.box1{
    width: 80%;
    margin: auto;
}

.hr{
    margin: 2rem 0;
}

footer{
    background-color: #fff;
	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;
}

/* cd */

}