.teikibin h3 {
 font-family: 'Noto Sans JP', sans-serif;
 font-weight: 100!important;
 font-size: 38px!important;
 letter-spacing: 0.04em;
 margin-bottom: 8px;
}
.teikibin h4 {
 font-family: 'Noto Sans JP', sans-serif;
 font-size: 2em;
 margin-bottom: 8px;
 position: relative;
 padding-left: 1.1em;
}
.teikibin h4:before {
  content: "";
  position: absolute;
  top: .3em;
  left: 0;
  width: 1em;
  height: 1em;
  background-color: #298cc6;
  border-radius: 50%;
}

.teikibin h5 {
 font-family: 'Noto Sans JP', sans-serif;
 font-size: 1.5em;
 border-left: 5px solid #298cc6;
 margin-bottom: 16px;
 padding: 0 0 0 7px;

}
.teikibin p,
.teikibin img,
.teikibin ul {
 font-family: 'Noto Sans JP', sans-serif;
 font-size: 16px!important;
 line-height: 1.8em;
 margin-bottom: 2em;
}
.teikibin .logo img {
 margin: 20px 0 0;
}
.teikibin p.pLast {
 margin-bottom: 0;
}
span.txtCapsule {
 margin: 0;
 padding: 4px 15px;
 border-radius: 20px;
 background-color: #fff;
}

.teikibin .yajirushi {
 text-align: center;
}
.teikibin .yajirushi img {
 margin: 0;
}
.teikibin div.ftContainer {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 margin: 0;
 padding: 0;
}

.teikibin div.ftColumnL {
 display: flex;
 flex-direction: column;
 align-items:stretch;
 width: calc(50% - 20px);
 margin: 0;
 padding: 0;
}
.teikibin div.ftColumnR {
 display:flex;
 
 align-items:stretch;
 width: calc(50% - 20px);
 margin: 0;
 padding: 0;
}

.teikibin div.features {
 display:block;
 width:calc(100% - 50px);


 background: url(/blog/testspace/img/bg_wave@2x.png) #eeeded;
 background-repeat: no-repeat;
 background-position: center bottom;
 background-size: cover;
 background-size: 100% auto;
	
 border-radius: 8px;
 margin: 0 0 20px;
 padding: 2em 25px 20px;
}
.teikibin div.features figure {

 text-align: center;
}

.teikiKiyaku {
 width: 680px;
 height: 240px;
 padding: 40px;
 overflow: scroll;
 margin: 80px auto;
 border: 1px solid #ccc;
}

.teikiKiyaku h4 {
 text-align: center;
 margin: 0 0 1.4em;
 font-size: 1.4em;
}
.teikiKiyaku h5 {
 margin: 0 0 0.2em;
 font-size: 1.2em;
}
.teikiKiyaku p,
.teikiKiyaku ul,
.teikiKiyaku ol {
 margin: 0 0 1em;
}
.teikiKiyaku ul {
 list-style-type: disc!important;
}
.teikiKiyaku ol {
 list-style-type: decimal!important;
}

.pcNonbr {
 display: none;
}

@media screen and (max-width: 768px) {
 .teikibin h3,
 .teikibin h5,
 .teikibin p {
  text-align: left;
  padding: 0 17px;
 }
 .teikibin h3 {
  font-size: 30px!important;
  letter-spacing: 0;
  text-align: center;
 }
 .teikibin h4 {
  text-align: left;
  font-size: 22px;
  position: relative;
  margin: 0 22px 6px;
  padding-left: 1.1em;
 }
 .teikibin h5 {
  font-size: 20px;
  margin: 0 13px 16px;
  padding: 0 0 0 7px;
 }
 .pcNonbr {
  display: block;
 }
 .teikibin .logo img {
  margin: 20px 0 6px;
 }
 .teikibin div.features {
  width: calc(100% - 58px);
  border-radius: 8px;
  margin: 0 auto 40px;
  padding: 2em 8px 20px;
 }
 .teikibin div.ftSingle {
  width: calc(100% - 37px);
 }
 .teikibin div.features figure {
  margin: 0 0;
 }
 .teikibin .yajirushi img {
  margin: 12px 0 0;
 }
 .teikiKiyaku {
  width: 80%;
  padding: 30px 20px;
  margin: 20px auto 60px;
  border: 1px solid #ccc;
 }
 .teikiKiyaku h4 {
  text-align: center;
  margin: 0 0 1.4em;
  font-size: 1.4em;
 }
 .teikiKiyaku h5 {
  text-align: left;
  margin: 0 0 0.2em;
  font-size: 1.2em;
 }
 .teikiKiyaku p {
  text-align: left;
  margin: 0 0 1em;
  line-height: 1.8em;
 }
 .teikiKiyaku ul,
 .teikiKiyaku ol {
  text-align: left;
  margin: 0 0 1em;
  padding-left: 2em;
  line-height: 1.8em;
 }
}