/* ==========================================================================
    Typograpgy
   ========================================================================== */
   @import url("https://use.typekit.net/bnf7jzd.css");

   @media (max-width: 767px) {
     .lp * {
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
     }
   }
   html {
     font-size: 62.5%;
   }
   
   * {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
   }
   
   img,
   video,
   svg {
     width: 100%;
     height: auto;
   }
/****************************/

/* for pc */
#Contents {
  max-width: 1600px;
  width: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center -122px;
  height: auto;
  margin: 0 auto;
  /*background-image: url(../img/page_pc.png);*/
}
.main_container {
  margin: 0 auto;
  margin-top: 60px;
  width: 100%;
  font-family: toppan-bunkyu-mincho-pr6n, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 2.15;
  letter-spacing: 0.11em;
  color: #343434;
  font-feature-settings: "palt";
  text-align: left;
}

.heading{
  width: 1200px;
  margin:0 auto;
  margin-bottom: 92px;
}

.heading_img{
  width: 1200px;
  margin:0 auto;
  margin-bottom: 45px;
}

.heading_ttl{
  font-size: 34px;
  line-height: 1.323;
  letter-spacing: 0.1em;
  text-align: center;
  margin:0 auto;
  margin-bottom: 35px;
}

.heading_txt{
  font-size: 20px;
  line-height: 1.75;
  letter-spacing: 0.15em;
  text-align: center;
  margin:0 auto;
}

/*1段目*/

.section{
  margin:0 auto;
}

.sec01{
  width: 850px;
  margin-bottom: 43px;
}

.content_list{
  width: 850px;
  margin:0 auto;
  display: flex;
}

.list1{
  margin-left: -28px;
}

.content_inner{
  margin:0 auto;
}

.content_inner_list{
  display:block;
  margin:0 auto;
}

.inner_list1{
  width: 451px;
  margin:0 auto;
}

.content_img{
  margin:0 auto;
}

.img1{
  width: 451px;
  margin:0 auto;
  margin-bottom: 102px;
}

.content_txt{
  margin:0 auto;
}

.txt1{
  margin:0 auto;
  margin-left: 70px;
}

.inner_list2{
  margin:0 auto;
  margin-top: 224px;
  margin-left: 52px;
}

.txt2{
  margin:0 auto;
  margin-bottom: 222px;
}

.img2{
  width: 350px;
  margin:0 auto;
  margin-bottom: 2px;  
}

.price{
  font-size: 14px;
  line-height: 2.14;
  letter-spacing: 0.12em;
}

/*2段目*/

.sec02{
  width: 1600px;
  margin-left: 25px;
  margin-bottom: 141px;
}

.img3{
  width: 350px;
  margin-bottom: 131px;
}

.txt3{
  margin-left: 8px;
}

.inner_list4{
  margin-left: 50px;
}

.img4{
  margin-top: 233px;
}

/*all_item*/
.all_item{
  width: 460px;
  margin:0 auto;
  margin-bottom: 100px;
}

@media only screen and (min-width: 767px){
  .sp_only{
    display:none;
  }
}


/* for tablet */
@media only screen and (min-width: 768px) and (max-width: 1200px) {

  #Contents {
    max-width: calc(1200* (100vw/1200));
    background-position: center calc(0* (100vw/1200));
    background-image: url(./img/page_pc.png);
  }
  .main_container {
    margin-top: calc(60* (100vw/1200));
    font-size: calc(14* (100vw/1200));
  }
  
  .heading{
    width: calc(1200* (100vw/1200));
    margin-bottom: calc(92* (100vw/1200));
  }
  
  .heading_img{
    width: calc(1200* (100vw/1200));
    margin-bottom: calc(45* (100vw/1200));
  }
  
  .heading_ttl{
    font-size: calc(34* (100vw/1200));
    margin-bottom: calc(35* (100vw/1200));
  }
  
  .heading_txt{
    font-size: calc(20* (100vw/1200));
  }
  
  /*1段目*/
  
  .sec01{
    width: calc(850* (100vw/1200));
    margin-bottom: calc(43* (100vw/1200));
  }
  
  .content_list{
    width: calc(850* (100vw/1200));
  }
  
  .list1{
    margin-left: calc(-28* (100vw/1200));
  }
  
  .inner_list1{
    width: calc(451* (100vw/1200));
  }

  .img1{
    width: calc(451* (100vw/1200));
    margin-bottom: calc(102* (100vw/1200));
  }
  
  .txt1{
    margin-left: calc(70* (100vw/1200));
  }
  
  .inner_list2{
    margin-top: calc(224* (100vw/1200));
    margin-left: calc(52* (100vw/1200));
  }
  
  .txt2{
    margin-bottom: calc(222* (100vw/1200));
  }
  
  .img2{
    width: calc(350* (100vw/1200));
    margin-bottom: calc(2* (100vw/1200)); 
  }
  
  .price{
    font-size: calc(14* (100vw/1200));
  }
  
  /*2段目*/
  
  .sec02{
    width: calc(1200* (100vw/1200));
    margin-left: calc(25* (100vw/1200));
    margin-bottom: calc(141* (100vw/1200));
  }
  
  .img3{
    width: calc(350* (100vw/1200));
    margin-bottom: calc(131* (100vw/1200));
  }
  
  .txt3{
    margin-left: calc(8* (100vw/1200));
  }
  
  .inner_list4{
    margin-left: calc(50* (100vw/1200));
  }
  
  .img4{
    margin-top: calc(233* (100vw/1200));
  }
  
  /*all_item*/
  .all_item{
    width: calc(460* (100vw/1200));
    margin-bottom: calc(100* (100vw/1200));
  }
}

/* for sp */
@media only screen and (max-device-width: 767px) {

.bredlist.lp {
    line-height: 5.33333vw;
    font-size: 2.66667vw;
    margin: 3.33333vw auto;
    width: 92.592%;
    text-align: left;
    padding: 0;
  }

.pc_only{
  display: none;
}

#Contents {
  max-width: calc(767* (100vw/750));
  background-position: center calc(-81* (100vw/750));
  /*background-image: url(../img/page_sp.png);*/
}
.main_container {
  margin-top: calc(48* (100vw/750));
  font-size: calc(23* (100vw/750));
  line-height: 1.636;
  letter-spacing: 0.07em;
}

.heading{
  width: calc(654* (100vw/750));
  margin-bottom: calc(96* (100vw/750));
}

.heading_img{
  width: calc(646* (100vw/750));
  margin-bottom: calc(87* (100vw/750));
}

.heading_ttl{
  font-size: calc(34* (100vw/750));
  line-height: 1.82;
  letter-spacing: 0.1em;
  margin-bottom: calc(24* (100vw/750));
}

.heading_txt{
  font-size: calc(24* (100vw/750));
  line-height: 1.875;
  letter-spacing: 0.15em;
}

/*1段目*/

.section{
  margin:0 auto;
}

.sec01{
  width: calc(750* (100vw/750));
  margin-bottom: calc(150* (100vw/750));
}

.content_img{
  margin:0 auto;
}

.img1{
  width: calc(750* (100vw/750));
  margin-bottom: calc(71* (100vw/750));
}

.txt1{
  margin-left: calc(48* (100vw/750));
  margin-bottom: calc(43* (100vw/750));
}

.txt2{
  margin-left: calc(48* (100vw/750));
  margin-bottom: calc(88* (100vw/750));
}

.img2{
  width: calc(500* (100vw/750));
  margin-bottom: calc(11* (100vw/750));
}

.price{
  font-size: calc(22* (100vw/750));
  line-height: 1.363;
  letter-spacing: 0.12em;
  margin-left: calc(273* (100vw/750));
}

/*2段目*/

.sec02{
  width: calc(750* (100vw/750));
  margin-left: 0;
  margin-bottom: calc(146* (100vw/750));
}

.img3{
  width: calc(750* (100vw/750));
  margin-bottom: calc(71* (100vw/750));
}

.txt3{
  margin-left: calc(48* (100vw/750));
  margin-bottom: calc(94* (100vw/750));
}

.img4{
  width: calc(500* (100vw/750));
  margin-top: calc(0* (100vw/750));
  margin-bottom: calc(13* (100vw/750));
}

/*all_item*/
.all_item{
  width: calc(570* (100vw/750));
  margin-bottom: calc(82* (100vw/750));
}

}