@charset "utf-8";
/* ===================================================================
CSS information

 file name  :seo.css
 style info :SEOサービス専用
 last update:2013.02
=================================================================== */

.floatRight{
 float: right;
 display: inline;
 margin: 10px;
 }
.marginRight{
 margin-right: 10px;
 }

#contentsWrapper p{ margin: 10px 0 20px; line-height: 1.7em; padding: 0 5px;}

#pageTop {
padding: 0px;
}

h4.greenLine{
 border-left: 4px solid #66bd00;
 margin: 15px auto;
 color: #333;
 font-size:130%;
 padding-left: 5px;
 }

div#pointWrap{
 border: 3px solid #cff0ff;
 background: #f6ffff;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 }
 div.pointDetail{
  border-right: 3px solid #cff0ff;
  width:33%;
  float: left;
  display: inline;
  padding: 5px;
  box-sizing: border-box;
  }
  div.pointDetail h4 img{
    width: 100%;
  }
#contentsWrapper div.pointDetail p{
  margin: 0 ;
  }
div.noneborder{
 border: none !important;
 }
ul.priceImg {
    margin-bottom: 20px;
}
ul.priceImg li {
    float: left;
    width: 49%;
    margin-right: 2%;
}
ul.priceImg li img{
    width: 100%;
}
ul.priceImg li:last-of-type {
    margin-right: 0;
}
div#planWrap{
 background: url(../img/seo_bg_graph.gif) no-repeat center;
 margin: 10px auto 20px;
 }
div#planWrap .planListBox{
    padding: 10px;
    border-bottom: 1px dotted #000000;
}
div#planWrap .planListBox .planListItem{
    font-size: 115%;
    font-weight: 900;
    color: #333;
    float: left;
    margin-right: 10px;
    width: 30%;
    padding-left: 50px;
    position: relative;
}
div#planWrap .planListBox .planListItem span{
    color: #1bbdea;
    display: block;
}
div#planWrap .planListBox .planListItem::before{
    content: url(../img/seo_img_arrow.gif);
    position: absolute;
    top: 5px;
    left: 0;
}
div#planWrap .planListBox p {
    margin: 0;
    padding: 0;
    float: right;
    width: 59%;
}
table.planList{
 width: 100%;
 border: none;
 }
 table.planList th{
  font-size: 115%;
  color: #333;
  vertical-align: middle;
  padding-top: 15px;
  }
 table.planList th.bgDot{
  background: url(../img/cmn_bg_dot.gif) repeat-x bottom;
  color: #1bbdea;
  vertical-align: middle;
  padding-top: 0;
  }
 table.planList td{
  background: url(../img/cmn_bg_dot.gif) repeat-x bottom;
  padding: 15px 10px;
  }

  .f_corporate p {
line-height   : 140%  ;
}
@media screen and (max-width: 640px) {
    .floatRight{
        float: none;
        display: block;
        margin: 0 auto;
    }
    div#pointWrap{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    div.pointDetail{
        width:100%;
        border-right: none;
        border-bottom: 3px solid #cff0ff;
    }
    div.pointDetail h4 img{
        width: 75%;
        display: block;
    }
    ul.priceImg li {
        float: none;
        width: 100%;
        margin-right: 0;
    }
    ul.priceImg li:first-of-type{
        margin-bottom: 10px;
    }
    div#planWrap .planListBox .planListItem{
        float: none;
        margin-right: 0;
        width: auto;
    }
    div#planWrap .planListBox p {
        float: none;
        width: 100%;
    }

}