@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Outfit:wght@100..900&display=swap');


body {margin:0 auto; padding:0; background:#efedec;}
section {font-family:"Outfit",sans-serif; width:100%; margin:0; padding:0;}


/* element */
.bw {position:relative; width:100%; margin:0; padding:0;}
.winn {width:84%; margin:0 auto; padding:0;}
.hd-img {width:96%; margin:0 auto; padding:10px 0 0 0;}
.hd-l {width:17%; margin:0 auto; padding:30px 0 0 0;}
.mtxt,
.mtxts {font-family:"Outfit",sans-serif; padding:0; color:#111111;}
.mtxt {margin:21px 0 0 0; font-size:18px; font-weight:300; text-align:justify;}
.mtxts {margin:7px 0 0 0; font-size:13px; font-weight:600; text-align:center;}
.btn-su {width:56%; margin:70px auto 0; padding:0;}
.hd-img img,
.hd-l img,
.btn-su img {max-width:100%; height:auto;}
.btn-su a:hover {opacity:0.7;}
/* footer */
.footer {position:absolute; bottom:0; left:50%; transform:translate(-50%); width:100%; margin:0; padding:14px 0 24px 0; background:#c64444;}
.copyright {font-family:"Outfit",sans-serif; margin:0; padding:0; color:#fff; font-size:13px; font-weight:300; text-align:center;}


@media (min-width:768px){
.bw {width:640px; margin:0 auto;}
.winn {width:80%;}
.hd-img {width:100%; padding:30px 0 0 0;}
.hd-l {width:14%; padding:70px 0 0 0;}
.mtxt {margin:30px 0 0 0; font-size:19px;}
.mtxts {margin:7px 0 0 0; font-size:14px;}
.btn-su {width:50%; margin:70px auto 0; padding:0;}
/* footer */
.copyright {font-size:14px;}
}