@charset "utf-8";
/* for PC
================================================================*/
@media (min-width: 769px) {
  #pajamasguide {
    background-image: url(../img/bg.png);
    background-position: center top;
    background-size: cover;
    background-repeat: repeat-y;
    background-attachment: fixed;
    background-color: #0064B1;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .sec-in {
    margin-left: auto;
    margin-right: auto;
    padding-left: 2rem;
    padding-right: 2rem;
    max-width: 77.5rem;
  }
  .column2d {
    width: 48%;
    margin-right: 4%;
    float: left;
  }
  .titile-img {
    margin-bottom: 4rem;
  }
  /* img
	------------------------------------------------------------ */
  .img-sec02 {
    margin-top: 8rem;
  }
  .img-sec03-2 {
    margin-top: 6rem;
  }
  .img-sec04-2 {
    margin-top: 4rem;
  }
  .img-sec05-2 {
    margin-top: 6rem;
  }
  .img-sec06 {
    max-width: 1056px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 6rem;
  }
  .img-sec07 {
    max-width: 885px;
    margin-left: auto;
    margin-right: auto;
  }
  /* --------------------------------------------------------- */
  .sec1 {
    margin-bottom: 6rem;
  }
  .sec2 {
    margin-bottom: 4rem;
  }
  .sec3 {
    margin-bottom: 4rem;
  }
  .sec4 {
    margin-bottom: 4rem;
  }
  .sec-btn {
    margin-top: 4rem;
    padding-bottom: 4rem;
  }
  .btn-product {
    margin-bottom: 4rem;
    line-height: 0;
    border-radius: 20px;
  }
  /* switcher
	------------------------------------------------------------*/
  .pc {
    display: block;
  }
  .sp {
    display: none;
  }
}
/* for TB
================================================================*/
@media (min-width: 641px) and (max-width: 768px) {
  #pajamasguide {
    background-image: url(../img/bg.png);
    background-position: center top;
    background-size: cover;
    background-repeat: repeat-y;
    background-attachment: fixed;
    background-color: #0064B1;
    padding-top: 2rem;
    margin-top: 80px;
    padding-bottom: 2rem;
  }
  .sec-in {
    margin-left: auto;
    margin-right: auto;
    padding-left: 2rem;
    padding-right: 2rem;
    max-width: 77.5rem;
  }
  .column2d {
    width: 48%;
    margin-right: 4%;
    float: left;
  }
  .titile-img {
    margin-bottom: 4rem;
  }
  /* img
	------------------------------------------------------------ */
  .img-sec02 {
    margin-top: 8rem;
  }
  .img-sec03-2 {
    margin-top: 6rem;
  }
  .img-sec04-2 {
    margin-top: 4rem;
  }
  .img-sec05-2 {
    margin-top: 6rem;
  }
  .img-sec06 {
    max-width: 1056px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 6rem;
  }
  .img-sec07 {
    max-width: 885px;
    margin-left: auto;
    margin-right: auto;
  }
  /* --------------------------------------------------------- */
  .sec1 {
    margin-bottom: 6rem;
  }
  .sec2 {
    margin-bottom: 4rem;
  }
  .sec3 {
    margin-bottom: 4rem;
  }
  .sec4 {
    margin-bottom: 4rem;
  }
  .sec-btn {
    margin-top: 4rem;
    padding-bottom: 3rem;
  }
  .btn-product {
    padding-bottom: 4rem;
  }
  /* switcher
	------------------------------------------------------------*/
  .pc {
    display: block;
  }
  .sp {
    display: none;
  }
}
/* for SP
================================================================*/
@media (max-width: 640px) {
  #pajamasguide {
    background-color: #0064B1;
    margin-top: 80px;
  }
  .sec-in {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    width: 94%;
  }
  .column2d {
    width: 100%;
    margin-right: 0;
    float: none;
  }
  .titile-img {
    margin-bottom: 4rem;
  }
  /* img
	------------------------------------------------------------ */
  .img-sec02 {
    margin-top: 2rem;
  }
  .img-sec03-2 {
    margin-top: 2rem;
  }
  .img-sec04-2 {
    margin-top: 2rem;
  }
  .img-sec05-2 {
    margin-top: 2rem;
  }
  .img-sec06 {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4rem;
  }
  .img-sec07 {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4rem;
  }
  /* --------------------------------------------------------- */
  .sec1 {
    margin-bottom: 6rem;
  }
  .sec2 {
    margin-bottom: 4rem;
  }
  .sec3 {
    margin-bottom: 4rem;
  }
  .sec4 {
    margin-bottom: 4rem;
  }
  .sec-btn {
    margin-top: 3rem;
    padding-bottom: 3rem;
  }
  .sec-btn .column2d {
    margin-bottom: 1rem;
  }
  .btn-product {}
  /* switcher
	------------------------------------------------------------*/
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
}