@charset "UTF-8";
/* %icomoon
----------------------------------------------------------*/
/* %icomoon02
----------------------------------------------------------*/
@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: 'icomoon02';
  src: url("fonts/icomoon.eot?ctabv3");
  src: url("fonts/icomoon.eot?ctabv3#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?ctabv3") format("truetype"), url("fonts/icomoon.woff?ctabv3") format("woff"), url("fonts/icomoon.svg?ctabv3#icomoon") format("svg"); }
/* ==========================================================================
   全体
   ========================================================================== */
#contentsArea p {
  margin-bottom: 10px;
  margin-top: 10px; }

/* ==========================================================================
   インデックス
   ========================================================================== */
#boxMain #contentsArea .article .roundTop {
  background: url(../img/bgRoundTop.gif) no-repeat left top; }

#boxMain #contentsArea .article .roundBottom {
  background: url(../img/bgRoundBottom.gif) no-repeat left bottom; }

#boxMain #contentsArea .article {
  background: url(../img/bgRoundMiddle.gif) repeat-y;
  margin: 0 auto; }

#boxMain #contentsArea .article .roundBottom h4 a {
  background: url(../../images/mark_triangle.gif) no-repeat left center; }

@media screen and (max-width: 767px) {
  #boxMain #contentsArea .article {
    width: 100%; }

  #boxMain {
    margin: 0; }

  #boxMain #contentsArea .article .roundTop,
  #boxMain #contentsArea .article .roundBottom,
  #boxMain #contentsArea .article {
    background-size: 100% auto; }

  #boxMain #contentsArea .article .roundBottom {
    padding-right: 10px; }
    #boxMain #contentsArea .article .roundBottom h4 {
      margin-bottom: 5px;
      margin-top: 10px; } }