text-align: center;
letter-spacing: 1em;
text-indent: 1em;

.side_banner {
    width: calc(100% + 26px); //(右：親サイズに合わせる100%　左：左右親以上の大きさ（右１３px 左１３px）)
    margin: 0 -13px;　//−１３px左の半分のサイズを記入
}

CardItem__pushPoint_content p,
.CardItem__pushPoint_content ul li {
	word-break: keep-all;
	overflow-wrap: break-word;
}
※必要な箇所に<wbr>を設置

    <picture>
      <source :srcset="'/images/header.png'" media="(max-width:600px)">
      <source :srcset="'/images/header_min980.png'" media="(max-width:980px)">
      <img
        class="header_img"
        :class = "isShow"
        :src="'/images/header.png'"
        alt=""
      />
    </picture>

* {
	outline: 1px solid magenta;
}

<li class="SearchFormService__ListItem">
    <label for="used_service_4" class="SearchFormService__List-checkbox">
        <input id="used_service_4" class="used_service" type="checkbox" name="used_service_option" 
        value="4">
        <span class="u-ml-5">アコム</span>
    </label>
</li>

.SearchFormService__List-checkbox input[type="checkbox"] {
  display: none;
}
.SearchFormService__List-checkbox {
	display: none;
	cursor: pointer;
	display: inline-block;
	position: relative;
	padding-left: 25px;
	padding-right: 10px;
}
.SearchFormService__List-checkbox span::before {
	content: "";
	position: absolute;
	display: block;
	box-sizing: border-box;
	width: 1.3rem;
	height: 1.3rem;
	margin-top: -10px;
	left: 0;
	top: 55%;
	border: 2px solid #0c5ed4; 
	background-color: #dfe7f3;
}
.SearchFormService__List label input[type="checkbox"]:checked 
+ span::before {
	background-color: #0c5ed4;
}
.SearchFormService__List label input[type="checkbox"]:checked 
+ span::after {
	content: "";
	position: absolute;
	display: block;
	box-sizing: border-box;
	width: 16px;
	height: 7px;
	margin-top: -8px;
	top: 49%;
	left: 1px;
	transform: rotate(310deg);
	border-bottom: 2px solid;
	border-left: 2px solid;
	border-color:  #fff; 
}