@charset "UTF-8";
/*! ========================================
このCSSファイルはSassから生成しております。
編集する際はSassファイルより編集を行ってください。
========================================= */
/*===========================================
	grayArrowBox
=============================================*/
.grayArrowBox {
  background: #e8e8e8;
  width: 100%;
  padding: 33px 0 45px;
  box-sizing: border-box;
  text-align: center;
  position: relative; }

.grayArrowBox:before {
  content: "";
  position: absolute;
  bottom: -26px;
  left: 48%;
  width: 0;
  height: 0;
  border-top: 26px solid #e8e8e8;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent; }

/*===========================================
	systemArea
=============================================*/
.systemArea {
  width: 100%;
  height: auto; }
  .systemArea img {
    width: 100%;
    height: auto; }

/*===========================================
	setsubiTable
=============================================*/
.setsubiTable {
  border-collapse: collapse;
  border-spacing: 0;
  border-top: solid 2px #282828;
  box-sizing: border-box;
  font-size: 17px; }
  .setsubiTable td.setsubiR {
    width: 730px;
    padding: 13px 0 13px 105px;
    border-bottom: solid 1px #282828;
    box-sizing: border-box;
    vertical-align: middle; }
  .setsubiTable td.setsubiL {
    width: 270px;
    padding: 13px 0;
    border-bottom: solid 1px #282828;
    border-right: solid 1px #282828;
    box-sizing: border-box;
    vertical-align: middle;
    letter-spacing: 1em;
    text-align: center; }

/*===========================================
	blackBoxTitle
=============================================*/
.blackBoxTitle {
  width: 100%;
  height: 55px;
  background: #484848;
  padding: 12px;
  box-sizing: border-box;
  color: #fff;
  font-weight: 500; }

/*===========================================
	PlanBox
=============================================*/
.planBox {
  width: 391px;
  height: auto;
  padding: 35px 15px 20px;
  box-sizing: border-box;
  position: relative; }
  .planBox .planTitle {
    width: 365px;
    height: 38px;
    line-height: 38px;
    color: #ffffff;
    font-size: 25px;
    font-weight: 500;
    position: absolute;
    top: -19px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 99; }
  .planBox .planSubTitle {
    font-size: 13px;
    margin-left: 10px;
    vertical-align: top;
    font-weight: 400; }
  .planBox .fukidashi {
    width: 110px;
    height: 104px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center; }
    .planBox .fukidashi .fukidashiTxt {
      color: #fff; }

.planBox.planBlue {
  border: 2px solid #175777; }
  .planBox.planBlue .planTitle {
    background: #175777; }
  .planBox.planBlue .fukidashi {
    background: url(/rentalserver/img/rentalserver_cut02.jpg) center center no-repeat;
    background-size: cover; }

.planBox.planRed {
  border: 2px solid #98383b; }
  .planBox.planRed .planTitle {
    background: #98383b; }
  .planBox.planRed .fukidashi {
    background: url(/rentalserver/img/rentalserver_cut03.jpg) center center no-repeat;
    background-size: cover; }

.planBox.planGreen {
  border: 2px solid #478f6b; }
  .planBox.planGreen .planTitle {
    background: #478f6b; }
  .planBox.planGreen .fukidashi {
    background: url(/rentalserver/img/rentalserver_cut04.jpg) center center no-repeat;
    background-size: cover; }

/*===========================================
	priceTable03
=============================================*/
.priceTable03 {
  width: 580px;
  border-collapse: collapse;
  border-spacing: 0;
  border-top: solid 1px #c4c4c4;
  border-left: solid 1px #c4c4c4;
  border-right: solid 1px #c4c4c4;
  font-size: 20px;
  color: #515151; }
  .priceTable03 th {
    padding: 14px 15px;
    height: 88px;
    font-weight: bold;
    line-height: 120%;
    white-space: nowrap;
    border-bottom: solid 1px #c4c4c4;
    vertical-align: middle;
    border-right: solid 1px #c4c4c4;
    font-size: 26px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .priceTable03 td {
    padding: 14px 15px;
    border-bottom: solid 1px #c4c4c4;
    vertical-align: middle;
    border-right: solid 1px #c4c4c4; }
  .priceTable03 td span.priceNum {
    font-size: 30px; }