@charset "utf-8";
/* CSS Document */


.h2_basic01Wrap .h2_basic01 {
  padding: 10px 0 10px 30px !important;
  background-size: 20px 20px !important;
}

.h2_basic01Wrap .h2_basic01.ico01 {
  background: url(/socialmedia/images/ico_index_01.gif) no-repeat left 0.8em;
  background: url(/socialmedia/images/ico_index_01_legacy.gif) no-repeat left 0.8em;
}

.h2_basic01Wrap .h2_basic01.ico02 {
  background: url(/socialmedia/images/ico_index_02.gif) no-repeat left 0.8em;
  background: url(/socialmedia/images/ico_index_02_legacy.gif) no-repeat left 0.8em;
}

.h2_basic01Wrap .h2_basic01.ico03 {
  display: flex;
  align-items: center;
  padding-left: 0 !important;
}

.h2_basic01Wrap .h2_basic01.ico03::before {
  content: "";
  flex: 20px 0 0;
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border-radius: 3px;
  background: #000 url(/common/images/icons/icon_x-logo_white.svg) no-repeat center center;
  background-size: 12px 12px;
}

.h2_basic01Wrap .h2_basic01.ico04 {
  background: url(/socialmedia/images/ico_index_04.gif) no-repeat left 0.8em;
  background: url(/socialmedia/images/ico_index_04_legacy.gif) no-repeat left 0.8em;
}

#main .txt01 {
  margin-top: 15px;
}


.urgency-box {
  margin: 30px auto;
  padding: 20px;
  width: 60%;
  background-color: #000;
  color: #ffeb00;
}

.urgency-box > p {
  font-size: 1.5em;
  font-weight: 600 !important;
  text-align: center;
  line-height: 2em;
}

.urgency-box .inner {
  margin-top: 20px;
  padding: 20px;
  background-color: #fff;
  color: #000;
}

.urgency-box .inner .box{
  border: 2px solid #000;
  margin-top: 20px;
  padding: 20px;
  text-align: center;
  font-size: 1.3em;
}

@media screen and (max-width: 767px) {
  .h2_basic01Wrap {
    margin-bottom: 0 !important;
  }

  .indexBox01Wrap > ul > li:first-child .indexBox01 {
    border-top: none;
  }

  .border {
    border-bottom: 2px solid #e5e5e5;
  }

  .urgency-box {
    width: 90%;
    margin: 10px auto;
  }

  .urgency-box > p {
    font-size: 1.2em;
    line-height: 2.5em;
  }
}