@charset "UTF-8";
/****************************************************************************************
初期設定
*****************************************************************************************/
/****************************************************************************************
ページ個別
*****************************************************************************************/
/*========================================
トップ
=========================================*/
.l-top {
  width: 95%;
  margin: 0 auto;
}

.l-top .c-top-block h2 {
  margin: 40px 0 10px;
}

.l-top .c-top-block h2 img {
  max-width: 100%;
  height: auto;
}

.l-top .c-top-block p {
  font-size: 13px;
}

.l-top .c-top-block1, .l-top .c-top-block2, .l-top .c-top-block3, .l-top .c-top-block4, .l-top .c-top-block5,
.l-top .c-top-block6, .l-top .c-top-block7, .l-top .c-top-block8, .l-top .c-top-block9 {
  margin: 30px 0;
}

.l-top .c-top-block1 h3, .l-top .c-top-block2 h3, .l-top .c-top-block3 h3, .l-top .c-top-block4 h3, .l-top .c-top-block5 h3,
.l-top .c-top-block6 h3, .l-top .c-top-block7 h3, .l-top .c-top-block8 h3, .l-top .c-top-block9 h3 {
  font-size: 125%;
  font-weight: normal;
  color: #FFF;
  padding: 25px 0 22px 80px;
}

@media (min-width: 320px) and (max-width: 390px) {
  .l-top .c-top-block1 h3, .l-top .c-top-block2 h3, .l-top .c-top-block3 h3, .l-top .c-top-block4 h3, .l-top .c-top-block5 h3,
  .l-top .c-top-block6 h3, .l-top .c-top-block7 h3, .l-top .c-top-block8 h3, .l-top .c-top-block9 h3 {
    padding: 15px 0 14px 60px;
  }
}

.l-top .c-top-block1 h4, .l-top .c-top-block2 h4, .l-top .c-top-block3 h4, .l-top .c-top-block4 h4, .l-top .c-top-block5 h4,
.l-top .c-top-block6 h4, .l-top .c-top-block7 h4, .l-top .c-top-block8 h4, .l-top .c-top-block9 h4 {
  font-weight: normal;
  color: #FFF;
  padding: 18px 0 10px 80px;
}

@media (min-width: 320px) and (max-width: 390px) {
  .l-top .c-top-block1 h4, .l-top .c-top-block2 h4, .l-top .c-top-block3 h4, .l-top .c-top-block4 h4, .l-top .c-top-block5 h4,
  .l-top .c-top-block6 h4, .l-top .c-top-block7 h4, .l-top .c-top-block8 h4, .l-top .c-top-block9 h4 {
    padding: 23px 0 14px 60px;
  }
}

.l-top .c-top-block1 p img, .l-top .c-top-block2 p img, .l-top .c-top-block3 p img, .l-top .c-top-block4 p img, .l-top .c-top-block5 p img,
.l-top .c-top-block6 p img, .l-top .c-top-block7 p img, .l-top .c-top-block8 p img, .l-top .c-top-block9 p img {
  margin: 10px 0;
}

.l-top .c-top-block1 ul, .l-top .c-top-block2 ul, .l-top .c-top-block3 ul, .l-top .c-top-block4 ul, .l-top .c-top-block5 ul,
.l-top .c-top-block6 ul, .l-top .c-top-block7 ul, .l-top .c-top-block8 ul, .l-top .c-top-block9 ul {
  margin: 10px 0;
}

.l-top .c-top-block1 ul li, .l-top .c-top-block2 ul li, .l-top .c-top-block3 ul li, .l-top .c-top-block4 ul li, .l-top .c-top-block5 ul li,
.l-top .c-top-block6 ul li, .l-top .c-top-block7 ul li, .l-top .c-top-block8 ul li, .l-top .c-top-block9 ul li {
  color: #FF008E;
}

.l-top .c-top-block1 h3 {
  background: url("/common/img/top_img02.png") left center no-repeat;
  background-size: 100% auto;
}

.l-top .c-top-block1 h4 {
  background: url("/common/img/top_img03.png") left center no-repeat;
  background-size: 100% auto;
}

.l-top .c-top-block2 h3 {
  background: url("/common/img/top_img05.png") left center no-repeat;
  background-size: 100% auto;
  padding: 25px 0 22px 15px;
}

@media (min-width: 320px) and (max-width: 390px) {
  .l-top .c-top-block2 h3 {
    font-size: 105%;
    padding: 20px 0 19px 10px;
  }
}

.l-top .c-top-block2 h4 {
  background: url("/common/img/top_img06.png") left center no-repeat;
  background-size: 100% auto;
}

.l-top .c-top-block3 h3 {
  background: url("/common/img/top_img08.png") left center no-repeat;
  background-size: 100% auto;
}

@media (min-width: 320px) and (max-width: 390px) {
  .l-top .c-top-block3 h3 {
    font-size: 115%;
    padding: 20px 0 18px 60px;
  }
}

.l-top .c-top-block3 h4 {
  background: url("/common/img/top_img03.png") left center no-repeat;
  background-size: 100% auto;
}

.l-top .c-top-block4 h3 {
  background: url("/common/img/top_img10.png") left center no-repeat;
  background-size: 100% auto;
  padding: 25px 0 22px 15px;
}

@media (min-width: 320px) and (max-width: 390px) {
  .l-top .c-top-block4 h3 {
    padding: 15px 0 14px 15px;
  }
}

.l-top .c-top-block4 h4 {
  background: url("/common/img/top_img06.png") left center no-repeat;
  background-size: 100% auto;
}

.l-top .c-top-block5 h3 {
  background: url("/common/img/top_img12.png") left center no-repeat;
  background-size: 100% auto;
}

.l-top .c-top-block5 h4 {
  font-size: 80%;
  background: url("/common/img/top_img03.png") left center no-repeat;
  background-size: 100% auto;
  padding: 18px 0 10px 65px;
}

@media (min-width: 320px) and (max-width: 390px) {
  .l-top .c-top-block5 h4 {
    font-size: 65%;
    padding: 23px 0 14px 55px;
  }
}

.l-top .c-top-block5 h4 span {
  font-size: 80%;
}

.l-top .c-top-block6 h3 {
  background: url("/common/img/top_img14.png") left center no-repeat;
  background-size: 100% auto;
  padding: 25px 0 22px 15px;
}

@media (min-width: 320px) and (max-width: 390px) {
  .l-top .c-top-block6 h3 {
    padding: 15px 0 14px 15px;
  }
}

.l-top .c-top-block6 h4 {
  background: url("/common/img/top_img06.png") left center no-repeat;
  background-size: 100% auto;
}

.l-top .c-top-block7 h3 {
  background: url("/common/img/top_img16.png") left center no-repeat;
  background-size: 100% auto;
}

.l-top .c-top-block7 h4 {
  background: url("/common/img/top_img03.png") left center no-repeat;
  background-size: 100% auto;
}

.l-top .c-top-block8 h3 {
  background: url("/common/img/top_img18.png") left center no-repeat;
  background-size: 100% auto;
  padding: 25px 0 22px 15px;
}

@media (min-width: 320px) and (max-width: 390px) {
  .l-top .c-top-block8 h3 {
    padding: 15px 0 14px 15px;
  }
}

.l-top .c-top-block8 h4 {
  background: url("/common/img/top_img06.png") left center no-repeat;
  background-size: 100% auto;
}

@media (min-width: 320px) and (max-width: 390px) {
  .l-top .c-top-block8 h4 {
    font-size: 90%;
  }
}

.l-top .c-top-block9 h3 {
  background: url("/common/img/top_img20.png") left center no-repeat;
  background-size: 100% auto;
}

.l-top .c-top-block9 h4 {
  background: url("/common/img/top_img03.png") left center no-repeat;
  background-size: 100% auto;
}

@media (min-width: 320px) and (max-width: 390px) {
  .l-top .c-top-block9 h4 {
    font-size: 90%;
  }
}

/*========================================
トップ　PC表示
=========================================*/
@media (min-width: 641px) {
  .l-top {
    width: 641px;
    margin: 0 auto;
  }
  .l-top .c-top-block h2 {
    margin: 40px 0 10px;
  }
  .l-top .c-top-block h2 img {
    max-width: 100%;
    height: auto;
  }
  .l-top .c-top-block p {
    font-size: 13px;
  }
  .l-top .c-top-block1, .l-top .c-top-block2, .l-top .c-top-block3, .l-top .c-top-block4, .l-top .c-top-block5,
  .l-top .c-top-block6, .l-top .c-top-block7, .l-top .c-top-block8, .l-top .c-top-block9 {
    margin: 30px 0;
  }
  .l-top .c-top-block1 h3, .l-top .c-top-block2 h3, .l-top .c-top-block3 h3, .l-top .c-top-block4 h3, .l-top .c-top-block5 h3,
  .l-top .c-top-block6 h3, .l-top .c-top-block7 h3, .l-top .c-top-block8 h3, .l-top .c-top-block9 h3 {
    font-size: 195%;
    font-weight: normal;
    color: #FFF;
    padding: 41px 0 38px 120px;
  }
  .l-top .c-top-block1 h4, .l-top .c-top-block2 h4, .l-top .c-top-block3 h4, .l-top .c-top-block4 h4, .l-top .c-top-block5 h4,
  .l-top .c-top-block6 h4, .l-top .c-top-block7 h4, .l-top .c-top-block8 h4, .l-top .c-top-block9 h4 {
    font-size: 120%;
    font-weight: normal;
    color: #FFF;
    padding: 32px 0 18px 130px;
  }
  .l-top .c-top-block1 p img, .l-top .c-top-block2 p img, .l-top .c-top-block3 p img, .l-top .c-top-block4 p img, .l-top .c-top-block5 p img,
  .l-top .c-top-block6 p img, .l-top .c-top-block7 p img, .l-top .c-top-block8 p img, .l-top .c-top-block9 p img {
    margin: 10px 0;
  }
  .l-top .c-top-block1 ul, .l-top .c-top-block2 ul, .l-top .c-top-block3 ul, .l-top .c-top-block4 ul, .l-top .c-top-block5 ul,
  .l-top .c-top-block6 ul, .l-top .c-top-block7 ul, .l-top .c-top-block8 ul, .l-top .c-top-block9 ul {
    margin: 10px 0;
  }
  .l-top .c-top-block1 ul li, .l-top .c-top-block2 ul li, .l-top .c-top-block3 ul li, .l-top .c-top-block4 ul li, .l-top .c-top-block5 ul li,
  .l-top .c-top-block6 ul li, .l-top .c-top-block7 ul li, .l-top .c-top-block8 ul li, .l-top .c-top-block9 ul li {
    color: #FF008E;
  }
  .l-top .c-top-block1 h3 {
    background: url("/common/img/top_img02.png") left center no-repeat;
    background-size: 100% auto;
  }
  .l-top .c-top-block1 h4 {
    background: url("/common/img/top_img03.png") left center no-repeat;
    background-size: 100% auto;
  }
  .l-top .c-top-block2 h3 {
    background: url("/common/img/top_img05.png") left center no-repeat;
    background-size: 100% auto;
    padding: 41px 0 38px 20px;
  }
  .l-top .c-top-block2 h4 {
    background: url("/common/img/top_img06.png") left center no-repeat;
    background-size: 100% auto;
  }
  .l-top .c-top-block3 h3 {
    background: url("/common/img/top_img08.png") left center no-repeat;
    background-size: 100% auto;
  }
  .l-top .c-top-block3 h4 {
    background: url("/common/img/top_img03.png") left center no-repeat;
    background-size: 100% auto;
  }
  .l-top .c-top-block4 h3 {
    background: url("/common/img/top_img10.png") left center no-repeat;
    background-size: 100% auto;
    padding: 41px 0 38px 20px;
  }
  .l-top .c-top-block4 h4 {
    background: url("/common/img/top_img06.png") left center no-repeat;
    background-size: 100% auto;
  }
  .l-top .c-top-block5 h3 {
    background: url("/common/img/top_img12.png") left center no-repeat;
    background-size: 100% auto;
  }
  .l-top .c-top-block5 h4 {
    background: url("/common/img/top_img03.png") left center no-repeat;
    background-size: 100% auto;
  }
  .l-top .c-top-block5 h4 span {
    font-size: 80%;
  }
  .l-top .c-top-block6 h3 {
    background: url("/common/img/top_img14.png") left center no-repeat;
    background-size: 100% auto;
    padding: 41px 0 38px 20px;
  }
  .l-top .c-top-block6 h4 {
    background: url("/common/img/top_img06.png") left center no-repeat;
    background-size: 100% auto;
  }
  .l-top .c-top-block7 h3 {
    background: url("/common/img/top_img16.png") left center no-repeat;
    background-size: 100% auto;
  }
  .l-top .c-top-block7 h4 {
    background: url("/common/img/top_img03.png") left center no-repeat;
    background-size: 100% auto;
  }
  .l-top .c-top-block8 h3 {
    background: url("/common/img/top_img18.png") left center no-repeat;
    background-size: 100% auto;
    padding: 41px 0 38px 20px;
  }
  .l-top .c-top-block8 h4 {
    background: url("/common/img/top_img06.png") left center no-repeat;
    background-size: 100% auto;
  }
  .l-top .c-top-block9 h3 {
    background: url("/common/img/top_img20.png") left center no-repeat;
    background-size: 100% auto;
  }
  .l-top .c-top-block9 h4 {
    background: url("/common/img/top_img03.png") left center no-repeat;
    background-size: 100% auto;
  }
}

@media (min-width: 641px) and (min-width: 320px) and (max-width: 390px) {
  .l-top .c-top-block9 h4 {
    font-size: 90%;
  }
}