@charset "UTF-8";
/* CSS Document */


 .service-article-ginc__function {
    padding: 118px 8% 88px;
  }
   .service-article-ginc__function h2 {
    font-size: 34px;
    padding-bottom: 65px;
	line-height: 1.35em;
  }
  . .service-article-ginc__function ul {
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 5px;
  }
  . .service-article-ginc__function ul li {
    border: 1px solid #D6D6D6;
    width: 31.3%;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 30px;
    border-radius: 20px;
  }
  .service-article__function ul li:nth-of-type(3n + 2) {
    /*margin: 0 !important;*/
  }
	. .service-article-ginc__function ul li .image-wapper {
	  background-image: url("images/service-article-function-illust.png");
		background-position: center center;
		background-size: 80px;
	}
	. .service-article-ginc__function ul li .image-wapper img {
    margin: auto;
    display: block;
    padding-top: 0px;
  }
  . .service-article-ginc__function ul li .card-bottom {
    padding: 18px 17px 30px;
  }

/* 配置、間隔など -------------------------------------- */
#sub-h{color:#d47713!important;}

.tax-txt{text-align:left;margin-left:8%;}
.tax-txt2{text-align:left!important;}
.sub-txt{text-align:left;margin:0 8% 0 8%;}
.sub-li{text-align:left;list-style-type: disc!important;margin:5px 8% 0 10%;line-height:1.4;#000;}
.sub-li-s{text-align:left;list-style-type: disc!important;margin:10px 8% 0 5%!important;line-height:1.5;#000;}
.mTB20{margin:20px 0!important;}
.mT10{margin:20px 0!important;}
.mB10{margin-bottom:10px;}
.mL10{margin-left:10px!important;}
.mL20{margin-left:20px!important;}
.service-article__function .arrow 
{display: inline-block;margin-right: 8px;width: 8px;height: 8px;border-top: solid 3px #697b91;
  border-right: solid 3px #697b91;-webkit-transform: rotate(45deg);transform: rotate(45deg);}






/* 表組 -------------------------------------- */
table{
	border-collapse:collapse;border-spacing:0px;
	/*width:100%;*/
	margin:50px 0 0px 0;
	clear:both;
	border:1px solid #ccc;
	font-size:1.0rem;
}
table th {
	/*padding:15px 20px 13px 20px;*/
	padding:10px 20px 10px 15px;
	border:1px solid #ccc;
	border-right:0;
	text-align:left;
	background:#f2f2f2;
	vertical-align:top;
	
}
table td {
	/*padding:25px 20px 25px 20px;*/
	/* width:78%; */
	border:1px solid #ccc;
	border-left:0;
	line-height:1.4;
	text-align:left;
	height:20%;
}

td, th {
/*padding: 10px 20px;*/
padding: 10px 8px;
border:1px solid #333;
}

.wpcf7-form .contact-form-page .border_red {
    border: 2px solid #f00 !important;

}

.wpcf7-form .contact-form-page .border_red_select {
    border: 2px solid #f00 !important;
	color: #f00;

}

.border_red::placeholder {

	color: #f00;
}

#form_6_reg {

    color: #f00;
}
#wpcf7-f2719-p2750-o1 .wpcf7-not-valid-tip {

    display: none !important;
}
#wpcf7-f188-p158-o1 .wpcf7-not-valid-tip {

    display: none !important;
}

#wpcf7-f2719-p2750-o1 #errors {

    text-align: center;
    margin-bottom: 20px;
    color: #f00;
}
#wpcf7-f188-p158-o1 #errors {

    text-align: center;
    margin-bottom: 20px;
    color: #f00;
}
.caution_renraku {

    font-size: 1.5em;
    color: #CC0303;
	line-height: normal;
}
.Equally_spaced {

    justify-content: space-evenly !important;
}

/* -----------------------------------------------------------
　余白
----------------------------------------------------------- */
.mNone { margin: 0 !important; }
.mT0  { margin-top: 0px !important; }
.mT5  { margin-top: 5px !important; }
.mT10 { margin-top: 10px !important; }
.mT15 { margin-top: 15px !important; }
.mT20 { margin-top: 20px !important; }
.mT25 { margin-top: 25px !important; }
.mT30 { margin-top: 30px !important; }
.mT35 { margin-top: 35px !important; }
.mT40 { margin-top: 40px !important; }
.mT45 { margin-top: 45px !important; }
.mT50 { margin-top: 50px !important; }
.mB0  { margin-bottom: 0px !important; }
.mB5  { margin-bottom: 5px !important; }
.mB10 { margin-bottom: 10px !important; }
.mB15 { margin-bottom: 15px !important; }
.mB20 { margin-bottom: 20px !important; }
.mB25 { margin-bottom: 25px !important; }
.mB30 { margin-bottom: 30px !important; }
.mB35 { margin-bottom: 35px !important; }
.mB40 { margin-bottom: 40px !important; }
.mB45 { margin-bottom: 45px !important; }
.mB50 { margin-bottom: 50px !important; }
.mL0  { margin-left: 0px !important; }
.mL5  { margin-left: 5px !important; }
.mL10 { margin-left: 10px !important; }
.mL15 { margin-left: 15px !important; }
.mL20 { margin-left: 20px !important; }
.mL25 { margin-left: 25px !important; }
.mL30 { margin-left: 30px !important; }
.mL35 { margin-left: 35px !important; }
.mL40 { margin-left: 40px !important; }
.mL45 { margin-left: 45px !important; }
.mL50 { margin-left: 50px !important; }
.mL95 { margin-left: 95px !important; }
.mR0  { margin-right: 0px !important; }
.mR5  { margin-right: 5px !important; }
.mR10 { margin-right: 10px !important; }
.mR15 { margin-right: 15px !important; }
.mR20 { margin-right: 20px !important; }
.mR25 { margin-right: 25px !important; }
.mR30 { margin-right: 30px !important; }
.mR35 { margin-right: 35px !important; }
.mR40 { margin-right: 40px !important; }
.mR45 { margin-right: 45px !important; }
.mR50 { margin-right: 50px !important; }
.pNone { padding: 0 !important; }
.pT0  { padding-top: 0px !important; }
.pT5  { padding-top: 5px !important; }
.pT10 { padding-top: 10px !important; }
.pT15 { padding-top: 15px !important; }
.pT20 { padding-top: 20px !important; }
.pT25 { padding-top: 25px !important; }
.pT30 { padding-top: 30px !important; }
.pT35 { padding-top: 35px !important; }
.pT40 { padding-top: 40px !important; }
.pT45 { padding-top: 45px !important; }
.pT50 { padding-top: 50px !important; }
.pT60 { padding-top: 60px !important; }
.pB0  { padding-bottom: 0px !important; }
.pB5  { padding-bottom: 5px !important; }
.pB10 { padding-bottom: 10px !important; }
.pB15 { padding-bottom: 15px !important; }
.pB20 { padding-bottom: 20px !important; }
.pB25 { padding-bottom: 25px !important; }
.pB30 { padding-bottom: 30px !important; }
.pB35 { padding-bottom: 35px !important; }
.pB40 { padding-bottom: 40px !important; }
.pB45 { padding-bottom: 45px !important; }
.pB50 { padding-bottom: 50px !important; }
.pL0  { padding-left: 0px !important; }
.pL5  { padding-left: 5px !important; }
.pL10 { padding-left: 10px !important; }
.pL15 { padding-left: 15px !important; }
.pL20 { padding-left: 20px !important; }
.pL25 { padding-left: 25px !important; }
.pL30 { padding-left: 30px !important; }
.pL35 { padding-left: 35px !important; }
.pL40 { padding-left: 40px !important; }
.pL45 { padding-left: 45px !important; }
.pL50 { padding-left: 50px !important; }
.pR0  { padding-right: 0px !important; }
.pR5  { padding-right: 5px !important; }
.pR10 { padding-right: 10px !important; }
.pR15 { padding-right: 15px !important; }
.pR20 { padding-right: 20px !important; }
.pR25 { padding-right: 25px !important; }
.pR30 { padding-right: 30px !important; }
.pR35 { padding-right: 35px !important; }
.pR40 { padding-right: 40px !important; }
.pR45 { padding-right: 45px !important; }
.pR50 { padding-right: 50px !important; }



@media screen and (max-width: 1023px){
.service-article__function ul li { margin: 0 0 30px !important; padding: 15px !important;}
.service-article__price-plan h4.oneline {line-height: normal;}
.service-article__price-plan__calc-price__running__license_oneline span {line-height: normal;}
.service-article-ginc__function h2 {line-height: 1.35em;}
.service-article-ginc__function ul li .card-bottom h4 {line-height: 1.35em;}
}

@media screen and (max-width: 671px){
.hosting_table_max671_width{
    
	width: 100%!important;
}
.hosting_table_max671_display{
    
	display: block!important;
}
.hosting_table_max671_padding{
    
	padding: 0!important;
}
}



/* contact-areaボタン横並び -------------------------------------- */
@media screen and (min-width: 1024px){
    .flexbox_contact-area{
	
	  display: flex;
	}
}