body {
  background-color: #ffffff;
}
#Contents {
  padding: 0;
  margin: 0;
}

/************ fade **********/
.fade {
  -webkit-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
  opacity: 0;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
}
.fade.onView {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
/****************************/

#coat_201015 {
  font-family: toppan-bunkyu-mincho-pr6n, serif;
  font-weight: 400;
  font-style: normal;
  font-feature-settings: "palt";
  background-repeat: no-repeat;
  color: #343434;
}
#coat_201015 figure {
  width: 100%;
  margin: 0;
}
#coat_201015 img {
  width: 100%;
}
#coat_201015 h1,
#coat_201015 h2,
#coat_201015 h3,
#coat_201015 h4,
#coat_201015 h5 {
  font-weight: normal;
}
#coat_201015 a {
  text-decoration: none;
  color:#a9a9a9 !important;
}
#coat_201015 .lead {
  line-break: anywhere;
}

/* for pc */
@media screen and (min-width: 1026px) {
  .sp_only {
    display: none;
  }
  .bredlist.lp {
    margin: 60px auto 20px;
    width: 860px;
    font-size: 12px;
  }

  #coat_201015 {
    margin-top: 84px;
    margin-bottom: 142px;
    background-size: 1600px;
    /* background-image: url(../img/page02_pc01.jpg); */
    background-position: center -216px;
  }
  
  #coat_201015 .sec{
    margin-left: auto;
    margin-right: auto;
  }
  #coat_201015 .sec._01{
    max-width: 850px;
  }
  #coat_201015 .sec._02{
    max-width: 500px;
    margin-top: 50px;
  }
  #coat_201015 .sec._03{
    max-width: 500px;
    margin-top: 48px;
  }

  #coat_201015 .sec._01 figure{
    max-width: 850px;
  }
  #coat_201015 .sec._01 .ttl{
    margin-top: 39px;
    font-size: 25px;
    line-height: 1.8;
    letter-spacing: 0.16em;
    text-align: center;
  }
  #coat_201015 .lead{
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.13em;
  }
  #coat_201015 .sec._01 .lead{
    margin-top: 25px;
    text-align: center;
  }
  #coat_201015 .sec._02 .img_area._01 .lead{
    margin-top: 35px;
  }
  #coat_201015 .sec._02 .img_area._02 .lead{
    margin-top: 32px;
  }
  #coat_201015 .sec._02 .img_area._03 .lead{
    max-width: 492px;
    margin-top: 37px;
  }

  #coat_201015 .sec._02 .img_area._02{
    margin-top: 38px;
  }
  #coat_201015 .sec._02 .img_area._03{
    margin-top: 45px;
  }
  #coat_201015 .sec._02 .img_area figure{
    max-width: 500px;
  }
  
  #coat_201015 .sec._03 .img_area._04{
    display: flex;
  }
  #coat_201015 .sec._03 .img_area._04 figure{
    max-width: 250px;
  }
  #coat_201015 .credit{
    margin-top: 20px;
    font-size: 13px;
    line-height: 1.6923076923;
    letter-spacing: 0.15em;
  }
}

/*IE用css*/
@media all and (-ms-high-contrast: none) {
  #coat_201015 .sec._02{
    margin-top: 43px;
  }
  #coat_201015 .sec._03{
    margin-top: 41px;
  }
  
  #coat_201015 .sec._01 .ttl{
    margin-top: 50px;
  }
  #coat_201015 .sec._01 .lead{
    margin-top: 21px;
  }
  #coat_201015 .sec._02 .img_area._01 .lead{
    margin-top: 42px;
  }
  #coat_201015 .sec._02 .img_area._02 .lead{
    margin-top: 38px;
  }
  #coat_201015 .sec._02 .img_area._03 .lead{
    max-width: 493px;
    margin-top: 44px;
  }

  #coat_201015 .sec._02 .img_area._02{
    margin-top: 32px;
  }
  #coat_201015 .sec._02 .img_area._03{
    margin-top: 38px;
  }

  #coat_201015 .credit{
    margin-top: 26px;
  }
}

/* for tablet */
@media only screen and (min-width: 751px) and (max-width: 1025px) {
  .sp_only {
    display: none;
  }
  .bredlist.lp {
    margin: calc(60 * (100vw / 1025)) auto calc(20 * (100vw / 1025));
    width: calc(860 * (100vw / 1025));
    font-size: calc(12 * (100vw / 1025));
  }

  .coat_201015 {
    margin-top: calc(84 * (100vw / 1025));
    margin-bottom: calc(142 * (100vw / 1025));
    background-size: calc(1025 * (100vw / 1025));
    /* background-image: url(../img/page02_pc01.jpg); */
    background-position: center -263px;
  }

  #coat_201015 .sec{
    margin-left: auto;
    margin-right: auto;
  }
  #coat_201015 .sec._01{
    width: calc(850*(100vw / 1025));
  }
  #coat_201015 .sec._02{
    width: calc(500*(100vw / 1025));
    margin-top: calc(50*(100vw / 1025));
  }
  #coat_201015 .sec._03{
    width: calc(500*(100vw / 1025));
    margin-top: calc(48*(100vw / 1025));
  }

  #coat_201015 .sec._01 figure{
    width: calc(850*(100vw / 1025));
  }
  #coat_201015 .sec._01 .ttl{
    margin-top: calc(39*(100vw / 1025));
    font-size: calc(25*(100vw / 1025));
    line-height: 1.8;
    letter-spacing: 0.16em;
    text-align: center;
  }
  #coat_201015 .lead{
    font-size: calc(15*(100vw / 1025));
    line-height: 2;
    letter-spacing: 0.13em;
  }
  #coat_201015 .sec._01 .lead{
    margin-top: calc(25*(100vw / 1025));
    text-align: center;
  }
  #coat_201015 .sec._02 .img_area._01 .lead{
    margin-top: calc(35*(100vw / 1025));
  }
  #coat_201015 .sec._02 .img_area._02 .lead{
    margin-top: calc(32*(100vw / 1025));
  }
  #coat_201015 .sec._02 .img_area._03 .lead{
    width: calc(492*(100vw / 1025));
    margin-top: calc(37*(100vw / 1025));
  }

  #coat_201015 .sec._02 .img_area._02{
    margin-top: calc(38*(100vw / 1025));
  }
  #coat_201015 .sec._02 .img_area._03{
    margin-top: calc(45*(100vw / 1025));
  }
  #coat_201015 .sec._02 .img_area figure{
    width: calc(500*(100vw / 1025));
  }
  
  #coat_201015 .sec._03 .img_area._04{
    display: flex;
  }
  #coat_201015 .sec._03 .img_area._04 figure{
    width: calc(250*(100vw / 1025));
  }
  #coat_201015 .credit{
    margin-top: calc(20*(100vw / 1025));
    font-size: calc(13*(100vw / 1025));
    line-height: 1.6923076923;
    letter-spacing: 0.15em;
  }
}

/* for sp */
@media only screen and (max-width: 750px) {
  .pc_only {
    display: none;
  }
  .bredlist.lp {
    line-height: calc(40 * (100vw / 750));
    font-size: calc(20 * (100vw / 750));
    margin: calc(25 * (100vw / 750)) auto;
    width: 92.592%;
    text-align: left;
    padding: 0;
  }

  #coat_201015 {
    background-size: calc(750 * (100vw / 750));
    /* background-image: url(../img/page02_sp01.jpg); */
    background-position: center -90px;
  }

  #coat_201015 .sec._01{
  }
  #coat_201015 .sec._02{
    width: calc(610*(100vw / 750));
    margin-top: calc(84*(100vw / 750));
    margin-left: auto;
    margin-right: auto;
  }
  #coat_201015 .sec._03{
    width: calc(610*(100vw / 750));
    margin-top: calc(66*(100vw / 750));
    margin-left: auto;
    margin-right: auto;
  }

  #coat_201015 .sec._01 figure{
    width: calc(610*(100vw / 750));
    margin-left: auto;
    margin-right: auto;
  }
  #coat_201015 .sec._01 .ttl{
    width: calc(610*(100vw / 750));
    margin-top: calc(70*(100vw / 750));
    margin-left: auto;
    margin-right: auto;
    padding-bottom: calc(42*(100vw / 750));
    font-size: calc(34*(100vw / 750));
    line-height: 1.7058823529;
    letter-spacing: 0.16em;
    border-bottom: 1px solid #535353;
    text-align: center;
  }
  #coat_201015 .lead{
    font-size: calc(25*(100vw / 750));
    line-height: 1.95;
    letter-spacing: 0.1em;
  }
  #coat_201015 .sec._01 .lead{
    width: calc(613*(100vw / 750));
    margin-top: calc(42*(100vw / 750));
    margin-left: auto;
    margin-right: auto;
  }
  #coat_201015 .sec._02 .img_area._01 .lead{
    width: calc(614*(100vw / 750));
    margin-top: calc(46*(100vw / 750));
    margin-left: auto;
    margin-right: auto;
  }
  #coat_201015 .sec._02 .img_area._02 .lead{
    width: calc(610*(100vw / 750));
    margin-top: calc(54*(100vw / 750));
  }
  #coat_201015 .sec._02 .img_area._03 .lead{
    width: calc(612*(100vw / 750));
    margin-top: calc(61*(100vw / 750));
  }

  #coat_201015 .sec._02 .img_area._02{
    margin-top: calc(70*(100vw / 750));
  }
  #coat_201015 .sec._02 .img_area._03{
    margin-top: calc(56*(100vw / 750));
  }
  #coat_201015 .sec._02 .img_area figure{
    width: calc(610*(100vw / 750));
    margin-left: auto;
    margin-right: auto;
  }

  
  #coat_201015 .sec._03 .img_area._04 figure{
    width: calc(610*(100vw / 750));
    margin-left: auto;
    margin-right: auto;
  }
  #coat_201015 .credit{
    margin-top: calc(26*(100vw / 750));
    margin-bottom: calc(64*(100vw / 750));
    font-size: calc(25*(100vw / 750));
    line-height: 1.84;
    letter-spacing: 0.14em;
  }
}