@charset "UTF-8";
/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

    version: 1.0
    created: 2017/01/01
    update : -

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
.m_btnWrap:not(:last-child) {
  margin-bottom: 36px; }

.m_btn {
  display: block;
  margin: 0 auto;
  border: 1px solid;
  border-radius: 22px;
  width: 275px;
  max-width: 100%;
  height: 44px;
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
  line-height: 44px; }
  .m_btn[class*="_main"] {
    background: #eb0a1e;
    color: #ffffff; }
  .m_btn[class*="_sub"] {
    background: transparent;
    color: #eb0a1e; }
  .m_btn + .m_btn {
    margin-top: 16px; }

/*====================================================================================================

base

====================================================================================================*/
body {
  position: relative;
  background: #eceff2;
  color: #41444a;
  font-family: "Segoe UI", Roboto, "Hiragino Sans", "Noto Sans CJK JP", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Sans Emoji";
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
  font-size: 0.875rem;
  line-height: 1.71429; }

a {
  color: #0088ff;
  text-decoration: none; }

button,
input,
select,
textarea {
  font-family: "Segoe UI", Roboto, "Hiragino Sans", "Noto Sans CJK JP", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Sans Emoji";
  font-size: 0.875rem; }

/*====================================================================================================

format

====================================================================================================*/
html {
  overflow-y: scroll; }

body {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%; }

p {
  margin-top: 0; }

ul,
ol {
  padding-left: 0;
  list-style: none;
  letter-spacing: -.5em; }

li {
  letter-spacing: 0; }

table {
  border-spacing: 0;
  border-collapse: collapse; }

table th > *:last-child,
table td > *:last-child {
  margin-bottom: 0 !important; }

hr {
  display: none; }

img {
  border: none;
  vertical-align: middle; }

li img {
  vertical-align: middle; }

button,
input,
select,
textarea {
  vertical-align: middle; }

button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
  cursor: pointer; }

button,
input[type="button"],
input[type="submit"],
input[type="reset"],
select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

button {
  display: inline-block;
  border: none;
  padding: 0;
  background: none; }

button::-moz-focus-inner {
  border: none;
  padding: 0; }

em,
address,
small {
  font-style: normal; }

em {
  font-weight: 700; }

article,
aside,
dialog,
figure,
footer,
header,
menu,
nav,
section,
mark,
audio,
video,
picture,
source,
main {
  display: block;
  margin: 0;
  border: 0;
  padding: 0;
  outline: 0; }

fieldset {
  margin: 0;
  border: none;
  padding: 0; }

.forcedUpdate {
  color: #1a1b20; }
  .forcedUpdate .announce {
    padding: 20px; }
    .forcedUpdate .announce .inner {
      border-radius: 10px;
      padding: 32px 0;
      background: #ffffff;
      text-align: center; }
    .forcedUpdate .announce .ttl {
      margin: 0 0 22px; }
      .forcedUpdate .announce .ttl .appicon {
        display: inline-block;
        margin: 0 16px 0 0; }
    .forcedUpdate .announce .body {
      color: #41444a; }
      .forcedUpdate .announce .body > strong {
        color: #eb0a1e;
        font-weight: bold; }
  .forcedUpdate .steps {
    background: #ffffff; }
    .forcedUpdate .steps .ttl {
      border-bottom: 1px solid #d4d5de;
      padding: 40px 0;
      text-align: center; }
      .forcedUpdate .steps .ttl .heading {
        margin: 0 0 6px;
        font-size: 1.25rem; }
      .forcedUpdate .steps .ttl .link {
        text-decoration: underline; }
      .forcedUpdate .steps .ttl .icn {
        display: inline-block;
        margin: 0 10px 0 0; }
    .forcedUpdate .steps .item {
      padding: 40px 30px 0; }
      .forcedUpdate .steps .item:last-child {
        padding-bottom: 40px; }
      .forcedUpdate .steps .item .heading {
        margin: 0 0 15px;
        text-align: center; }
      .forcedUpdate .steps .item .caption {
        margin: 0;
        font-weight: bold;
        text-align: center; }
      .forcedUpdate .steps .item .note {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 12px 0 0;
        color: #41444a;
        font-size: 0.75rem;
        line-height: 1.75; }
        .forcedUpdate .steps .item .note:before {
          display: block;
          margin: 0 .2em 0 0;
          width: 1em;
          content: "※"; }
      .forcedUpdate .steps .item .img {
        margin: 20px auto 0;
        text-align: center; }
        .forcedUpdate .steps .item .img > img {
          max-width: 100%;
          height: auto; }
  .forcedUpdate .manual {
    padding: 40px 20px;
    color: #41444a; }
    .forcedUpdate .manual .heading {
      margin: 0 0 24px;
      color: #1a1b20;
      text-align: center;
      font-size: 1.25rem; }
    .forcedUpdate .manual .bullet {
      margin: 0 0 25px; }
      .forcedUpdate .manual .bullet > li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .forcedUpdate .manual .bullet > li + li {
          margin-top: 26px; }
        .forcedUpdate .manual .bullet > li:before {
          display: block;
          margin: 0 .5em 0 0;
          content: "・"; }
    .forcedUpdate .manual .item {
      margin: 0 0 30px; }
      .forcedUpdate .manual .item:last-child {
        margin-bottom: 0; }
      .forcedUpdate .manual .item .subHeading {
        position: relative;
        margin: 0 0 29px; }
        .forcedUpdate .manual .item .subHeading:before {
          position: absolute;
          top: 50%;
          left: 0;
          width: 100%;
          height: 1px;
          content: "";
          background: #d4d5de; }
        .forcedUpdate .manual .item .subHeading .num {
          position: relative;
          display: block;
          margin: 0 auto;
          padding: 0 15px;
          background: #eceff2;
          text-align: center;
          z-index: 2; }
      .forcedUpdate .manual .item .media {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .forcedUpdate .manual .item .media .txt {
          margin: 0 0 0 17px;
          font-size: 0.75rem;
          line-height: 1.66667; }
        .forcedUpdate .manual .item .media .note {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          margin: 20px 0 0; }
          .forcedUpdate .manual .item .media .note:before {
            display: block;
            margin: 0 .2em 0 0;
            width: 1em;
            content: "※"; }
  .forcedUpdate .dlBtn {
    padding: 40px 0;
    background: #ffffff; }
/*# sourceMappingURL=../../../../Templates/dev/sourcemap/eneos/page/forcedupdate/css/style.css.map */
