@charset "UTF-8";*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:62.5%;scroll-behavior:smooth}
body{min-height:100vh;background:#f4f2eb;color:#3c3c3c;font-family:"Zen Maru Gothic", sans-serif;font-size:1.6rem;font-weight:500;line-height:1.8;letter-spacing:.04em;font-feature-settings:"palt" on;overflow-x:hidden;-webkit-text-size-adjust:100%}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
input,button,textarea,select{font:inherit;border:none;background:transparent}ul,ol{list-style:none}
@media (min-width:1366px){body{font-size:1.8rem}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}
 
/* header
================================================= */
header {
  width: 100%; 
  padding: 10% 0;
  /*background-color: #B8EDF1;*/
  background-color: #d4face;
}
header .logo {
  margin: 0 auto 5%;
  width: 60%;
}
header .set {
  margin: -30px auto 0;
  width: 80%;
}
@media screen and (min-width: 768px) {/*768以上*/
  header {
  padding: 8% 0 5%;
}
header .logo {
  margin: 0 0 0 52%;
  width: 40%;
}
header .set {
  margin: -160px auto 0;
  width: 98%;
}
}
@media screen and (min-width: 1024px) {/*1024以上*/
  header {
  padding: 3% 0 0;
}
header .logo {
  margin: 0 0 0 52%;
  width: 30%;
}
header .set {
  margin: -130px auto 0;
  width: 70%;
}
}
@media screen and (min-width: 1366px) {/*1366以上*/
header .set {
  margin: -180px auto 0;
}
}
@media screen and (min-width: 1536px) {/*1536以上*/
header .set {
  margin: -200px auto 0;
}
}
@media screen and (min-width: 1920px) {/*1920以上*/
header .set {
  margin: -240px auto 0;
}
}

/*footer
*****************************************************************/
footer {
    padding: 18% 0 10%;
    background:#FFCDF2 url("../img/bg_footer.svg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto, cover;
  
}
.footer_logo{
    width:70%;
    margin: 0 auto 5%;
}
 address {
  text-align: center;
    font: inherit;
    font-size: 0.7em;
    margin-top: 7%;
}


@media screen and (min-width: 768px) {
  footer {
    padding: 14% 0 8%;
  
}
   .footer_logo{
    width:60%;
    margin: 0 auto 5%;
}
 address {
    font-size: 0.9em;
    margin-top: 5%;
}
}
@media screen and (min-width: 1024px) {/*1024以上*/
  footer {
    padding: 12% 0 3%;
  
}
   .footer_logo{
    width:30%;
    margin: 0 auto 3%;
}
 address {
    font-size: 0.9em;
    margin-top: 3%;
}
}