@charset "utf-8";

/*各コンテンツブロック設定 背景 背景パターンと境界線の組み合わせで設定*/


/* panel link色 */
.panel .link:link,.panel .link:visited{
  color: #000;
}
.panel .link:hover,
.panel .link:active {
  color: #ff6c00;
}

.contentBlock {
  padding: 20px 35px 20px;
  position: relative;
}
.topBlock {
  padding: 20px 35px;
  background: #3366ff;
  border-radius: 10px 10px 0 0;
}
.bgWhile01{
  position: absolute;
  bottom: -1px;
  margin: 0 -35px;
  width: 100%;
  background-size: 21px 13px;
  height: 12px;
}
.bgWhile02{
  position: absolute;
  bottom: -1px;
  margin: 0 -35px;
  width: 100%;
  background-size: 21px 13px;
  height: 12px;
}
.bgWhile03{
  position: absolute;
  bottom: -1px;
  margin: 0 -35px;
  width: 100%;
  background-size: 21px 13px;
  height: 12px;
}

.bgWhile04{
  bottom: -1px;
  margin: -10px -35px;
  padding-top: 10px;
  background-size: 21px 13px;
  height: 2px;
}

/*各コンテンツブロック設定 背景　 768px以下*/

@media screen and (max-width:768px) {
  .contentBlock {
    padding: 20px 5px;
  }

  .bgWhile01,.bgWhile02,.bgWhile03{
    margin: 0 0 0 -5px;
  }

  .bgWhile04{
    margin: -12px -5px;
  }
  .marginCler{
    margin: 0;
  }
}

/*bannerArea*/

.bannerArea{
  padding: 20px 35px 10px;
  background: #6699ff;
}
.bannerBlock01{
  margin-bottom: 15px;
}
.bannerBlock01 .img{
  float: left;
  width: 470px;
  height: 140px;
  margin-left: 20px;
}
.bannerBlock01 .img01{
  margin-left: 0;
}
.bannerBlock02 .img{
  float: left;
  width: 310px;
  height: 100px;
  margin-left: 15px;
}
.bannerBlock02 .img01{
  margin-left: 0;
}

/*bannerArea 768px以下*/

@media screen and (max-width:768px) {
  .bannerArea{
    padding: 10px 5px;
  }
  .bannerBlock01 .img{
    float: none;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 0 5px 0;
  }
  .bannerBlock01 .img02{
    margin: 0;
  }
  .bannerBlock02 {
    text-align: center;
  }
  .bannerBlock02 .img{
    float: none;
    width: 58%;
    height: auto;
    margin: 0 auto 5px;
  }
  .bannerBlock02 .img03{
    margin: 0 auto;
  }
}

/* クレジット表記 */
.credit01{
 margin: 10px 0 0;
 text-align: center;
 font-size: 11px;
 font-size: 1.1rem;
 color: #fff;
}
.credit02{
 margin: 10px 0 -10px;
 text-align: center;
 font-size: 11px;
 font-size: 1.1rem;
 color: #fff;
}
.credit03{
 margin: 10px 0 0;
 padding: 0 5px;
 text-align: center;
 font-size: 11px;
 font-size: 1.1rem;
 color: #fff;
}