@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;600&display=swap');

.oswald {
  font-family: 'Oswald', sans-serif;
}
.pc { display: block;}
.sp { display: none;}
.cf:after,
.cf::after {
	content: "";
	display: table;
	clear: both;
}
.cf > .left  { float: left;}
.cf > .right { float: right;}
.mw700      { width: 90%;  max-width:  700px; margin: 0 auto;}
.mw750      { width: 90%;  max-width:  750px; margin: 0 auto;}
.mw800      { width: 90%;  max-width:  800px; margin: 0 auto;}
.mw960      { width: 90%;  max-width:  960px; margin: 0 auto;}
.mw1000    { width: 90%;  max-width: 1000px; margin: 0 auto;}
.mw1100    { width: 90%;  max-width: 1100px; margin: 0 auto;}
.mw1200    { width: 90%;  max-width: 1200px; margin: 0 auto;}
.mw1300    { width: 90%;  max-width: 1300px; margin: 0 auto;}
.mw1380    { width: 90%;  max-width: 1380px; margin: 0 auto;}
.mw1500    { width: 90%;  max-width: 1500px; margin: 0 auto;}
.content-wrap {
  width: 100vw;
}
.content-wrap .content {
  padding: 0;
  max-width: 100%;
  box-sizing: border-box;
}

/* ---------------------------------------------------------------------------- observe */
.observe {
  opacity: 0;
}
.observe.on {
  transition-delay: 0.25s !important;
  transition-duration: 1.5s !important;
  opacity: 1 !important;
}

@media only screen and (max-width:640px) {
  .pc { display: none;}
  .sp { display: block;}
  .sns_btn_wrap.head {
    margin-bottom: 0;
  }
  
}

@media print {
  .observe {
    opacity: 1 !important;
  }
}