@charset 'UTF8';


/* --- ソフト保守サービス関連 start ---. */
.highlight {
    background: linear-gradient(transparent 70%, #eef526 108%);
}
.mt-40{
	margin-top:40px;
}
.support-caption span {
    display: inline-block;
    background-color: white;
    padding: 20px;
    border-radius: 20px;
    margin: 20px;
}
.support-caption span {
    width: 500px;
}
.support-classification {
	margin: 0 auto;
}
.support-classification .classification {
    margin: 10px;
    font-size: 1.5rem;
}
.support-explanation {
    
}
.support-explanation .support-item {
    margin: 10px;
    padding: 10px;
}
.support-explanation .title {
    position: relative;
    background: #e5edf4;
    padding: 2px 5px 2px 25px;
    font-size: 2.0rem;
    color: #474747;
    border-radius: 0 10px 10px 0;
}
.support-explanation .title::before {
    content: " ";
    display: inline-block;
    line-height: 40px;
    position: absolute;
    padding: 0em;
    color: white;
    background: #0093d7 url("../img/logistics_product/support/good.png") no-repeat center center / 20px 20px;
    width: 45px;
    height: 45px;
    line-height: 40px;
    left: -1.35em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white; 
    border-radius: 50%;
}
.support-explanation .description {
    padding: 5px 10px;
    background-color: #e1e6e7;
    margin-bottom: 20px;
    font-size: 1.6rem;
}
.support-explanation .explanation {
    font-size: 1.6rem;
}
.support-rate-table div {
    margin-bottom: 20px;
}
.support-rate-table .size-90-per {
    width:90% ;
    margin: auto;
}
.support-rate-table table {
	width: 100%;
	max-width: 100%;
    border: 1px solid #e1e6e7;
    margin-bottom: 10px;
    font-size: 1.5rem;
}
.support-rate-table tr {
    text-align: center;
}
.support-rate-table th {
    background-color: #E2F0D9;
    font-weight: 600;
    vertical-align: middle;
    border: 1px solid #e1e6e7;
    height: 55px;
}
.support-rate-table td {
    vertical-align: middle;
    border: 1px solid #e1e6e7;
    height: 55px;
}
.support-rate-table .standard-configuration {
    color: white;
    font-weight: 600;
    background-color: #4ED12F;
    width: 30%;
}
.support-rate-table .product-name {
    width: 17.5%;
}
@media screen and (max-width: 850px) {
	.support-explanation .title {
	    position: relative;
	    background: #e5edf4;
	    padding: 2px 5px 2px 25px;
	    font-size: 1.2rem;
	    color: #474747;
	    border-radius: 0 10px 10px 0;
	}
	.support-explanation .title::before {
	    content: " ";
	    display: inline-block;
	    line-height: 40px;
	    position: absolute;
	    padding: 0em;
	    color: white;
	    background: #0093d7 url("../img/logistics_product/support/good.png") no-repeat center center / 20px 20px;
	    width: 30px;
	    height: 30px;
	    line-height: 40px;
	    left: -1.35em;
	    top: 50%;
	    -webkit-transform: translateY(-50%);
	    transform: translateY(-50%);
	    border: solid 3px white; 
	    border-radius: 50%;
	}
	.support-explanation .explanation {
	    font-size: 1.2rem;
	}
	.support-explanation .description {
	    padding: 5px 10px;
	    background-color: #e1e6e7;
	    margin-bottom: 20px;
	    font-size: 1.2rem;
	}
	.support-rate-table table {
		width: 100%;
		max-width: 100%;
	    border: 1px solid #e1e6e7;
	    margin-bottom: 10px;
	    font-size: 1.2rem;
	}
}