@media screen and (max-width: 860px) {
  br.sp {
    display: none; } }
br.removeSP {
  display: none; }
  @media screen and (max-width: 660px) {
    br.removeSP {
      display: block; } }

.AdditionalNotesStyle2 dt {
  width: 2em; }
.AdditionalNotesStyle2 dd {
  margin: -1.55em 0 4px 2.1em; }

.Section h2 {
  font-size: 100%;
  font-weight: bold;
  padding: 0; }
.Section h3 {
  font-weight: bold;
  font-size: 100%; }

.AnnotationWrap {
  margin-top: 60px;
  padding: 20px 30px;
  text-align: center;
  background: #e6e6e6;
  margin-bottom: 20px; }
  .AnnotationWrap dl {
    text-align: left; }
  .AnnotationWrap dt {
    font-size: 81.25%; }
  .AnnotationWrap dd {
    margin-top: 10px; }
  .AnnotationWrap .LinkListStyle2 {
    margin-bottom: 0; }
    .AnnotationWrap .LinkListStyle2 li {
      max-width: 100%;
      word-break: break-all; }
    .AnnotationWrap .LinkListStyle2 a {
      word-break: break-all; }
  .AnnotationWrap + .Annotation {
    margin-top: 20px;
    font-size: 81.25%; }

.Annotation {
  font-size: 81.25%; }

@media screen and (max-width: 767px) {
  .AnnotationWrap {
    margin-bottom: 50px;
    padding: 10px 15px; } }
@media screen and (max-width: 579px) {
  .AnnotationWrap .LinkListStyle2 li {
    text-align: left; } }
@media screen and (max-width: 767px) {
  .JS h2 {
    margin: 0 0 5px; } }
.listGrurpWrap {
  margin-top: -20px; }
  .listGrurpWrap ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .listGrurpWrap ul li {
      width: calc(33% - 10px);
      margin-top: 20px;
      background: #f0f0f0; }
  .listGrurpWrap dl dt {
		font-size: 95%;
    background: #346cc3;
    color: #fff;
    text-align: center;
    font-weight: bold;
    line-height: calc(1em);
    padding: 15px 0; }
  .listGrurpWrap dl dd .ImgOnlyStyle {
    margin: 15px auto 0;
    width: 210px; }
    .listGrurpWrap dl dd .ImgOnlyStyle img {
      width: 100%; }
  .listGrurpWrap dl dd .TextStyle1 {
    padding: 0px 20px 15px; }

@media screen and (max-width: 925px) {
  .listGrurpWrap ul li {
    width: calc(50% - 10px); }
  .listGrurpWrap dl dd img {
    width: auto; } }
@media screen and (max-width: 579px) {
  .listGrurpWrap {
    margin-top: 0px; }
    .listGrurpWrap ul {
      display: block; }
      .listGrurpWrap ul li {
        width: 100%; }
    .listGrurpWrap dl dd img {
      width: auto; } }
.FeatureWrap {
  padding: 10px 0px;
  text-align: center;
  margin-bottom: 20px; }
  .FeatureWrap h2 {
    color: #212121;
    font-size: 137.5%;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px; }
    .FeatureWrap h2:after {
      content: '';
      display: block;
      width: 60px;
      height: 3px;
      margin: 10px auto;
      background: #e60127; }
  .FeatureWrap h3 {
    text-align: left;
    color: #333; }
  .FeatureWrap dl {
    display: inline-block;
    text-align: left;
    font-size: 90%; }
  .FeatureWrap dt {
    color: #e60127;
    font-weight: bold;
    font-size: 100%; }
  .FeatureWrap ul li {
    margin-top: 10px; }
    .FeatureWrap ul li:first-child {
      margin-top: 0px; }
  .FeatureWrap * {
    text-align: left; }

.CaseExapmple .BoxPatternA {
  padding: 0; }
  .CaseExapmple .BoxPatternA + .BoxPatternA {
    margin: 0;
    margin-top: 30px; }
  .CaseExapmple .BoxPatternA .Inner {
    padding: 30px 25px;
    background: #f2f2f2;
    display: flex;
    align-items: center; }
    .CaseExapmple .BoxPatternA .Inner .ImageBlock {
      margin: 20px; }
      .CaseExapmple .BoxPatternA .Inner .ImageBlock img {
        display: block;
        width: 200px; }
    .CaseExapmple .BoxPatternA .Inner .DetailBlock {
      width: calc(100%); }
      .CaseExapmple .BoxPatternA .Inner .DetailBlock h3 {
        font-size: 112.5%;
        font-weight: bold;
        min-height: auto;
        margin: 0 0 10px;
        padding: 0;
        background: none;
        color: #212121; }
      .CaseExapmple .BoxPatternA .Inner .DetailBlock p {
        font-size: 81.25%;
        padding: 0;
        margin: 0; }
  .CaseExapmple .BoxPatternA .ListStyle2 {
    list-style: none;
    margin: 0;
    padding: 0; }
    .CaseExapmple .BoxPatternA .ListStyle2 li {
      margin: 0;
      margin-top: 5px;
      padding: 0;
      padding-left: 1em;
      text-indent: -1em;
      background: none; }

@media screen and (max-width: 994px) {
  .FeatureWrap h2 {
    padding-bottom: 0;
    margin-bottom: 20px !important; }

  .CaseExapmple .Example {
    height: auto; }
  .CaseExapmple .BoxPatternA .Inner {
    height: auto; } }
@media screen and (max-width: 767px) {
  .FeatureWrap {
    padding-bottom: 40px; }
    .FeatureWrap h2 {
      font-size: 112.5% !important; }

  .CaseExapmple .Example {
    flex-direction: column; }
    .CaseExapmple .Example .DetailBlock {
      padding: 0; }
      .CaseExapmple .Example .DetailBlock h3 {
        font-size: 93.75%; }
  .CaseExapmple .BoxPatternA .Inner {
    flex-direction: column; }
    .CaseExapmple .BoxPatternA .Inner .DetailBlock {
      padding: 0; }
      .CaseExapmple .BoxPatternA .Inner .DetailBlock h3 {
        font-size: 93.75%; } }