@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Kosugi+Maru&display=swap");
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

html {
  height: 100%;
  margin: 0;
  color: #333;
  font-family: "Kosugi Maru", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Segoe UI", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 20px;
}
_:-ms-lang(x)::-ms-backdrop, html {
  font-family: 'Segoe UI', Meiryo, sans-serif;
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  min-width: 320px;
  margin: 0 auto;
  background: #FFF;
}

header {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

main {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

footer {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

p {
  margin: 0.5em 0;
}

input[type=text],
input[type=password],
textarea {
  -webkit-user-select: auto;
     -moz-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
}

a {
  color: #33F;
}
a:visited {
  color: #33F;
}
a:active {
  color: #F33;
}

.smr-button, .smr-button-alt, .smr-button--chugaku {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 44px;
  background: #CCC;
  border: 1px solid #333;
  border-radius: 44px;
  color: #333;
  font-weight: bold;
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
}
.smr-button:focus, .smr-button-alt:focus, .smr-button--chugaku:focus {
  outline: none;
}
.smr-button:hover, .smr-button-alt:hover, .smr-button--chugaku:hover {
  background: #333;
  color: #FFF;
  cursor: pointer;
}
.smr-button:active, .smr-button-alt:active, .smr-button--chugaku:active {
  background: #666;
  color: #FFF;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.smr-button-alt {
  background: #FFF;
  border-color: #666;
  color: #666;
}
.smr-button-alt:hover {
  background: #666;
}
.smr-button-alt:active {
  background: #999;
}
.smr-button--chugaku {
  background: #3366CC;
  border-color: #3366CC;
  color: #FFF;
}
.smr-button--chugaku:hover {
  background: #4775d1;
  cursor: pointer;
}
.smr-button--chugaku:active {
  background: #2952a3;
}

.smr-formPanel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 1.0rem;
}
@media screen and (min-width: 720px) {
  .smr-formPanel {
    -ms-flex-item-align: center;
        align-self: center;
    width: 100%;
    max-width: 560px;
  }
}
.smr-formPanel.smr--required {
  background: #FFF;
  border: 1px solid rgba(255, 51, 51, 0.7);
  border-radius: 0.5rem;
  margin: 0.5rem;
  padding: 0.5rem;
}
.smr-formPanel.smr--required .smr-formPanel__title {
  margin: -0.5rem -0.5rem 0;
  padding: 0.2rem 0.5rem 0.3rem;
  background: rgba(255, 51, 51, 0.7);
  border-top-left-radius: 0.45rem;
  border-top-right-radius: 0.45rem;
  color: #FFF;
}
.smr-formPanel.smr--optional {
  background: #FFF;
  border: 1px solid rgba(51, 102, 255, 0.7);
  border-radius: 0.5rem;
  margin: 0.5rem;
  padding: 0.5rem;
}
.smr-formPanel.smr--optional .smr-formPanel__title {
  margin: -0.5rem -0.5rem 0;
  padding: 0.2rem 0.5rem 0.3rem;
  background: rgba(51, 102, 255, 0.7);
  border-top-left-radius: 0.45rem;
  border-top-right-radius: 0.45rem;
  color: #FFF;
}
.smr-formPanel__title {
  font-size: 0.8rem;
}
.smr-formPanel__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0.5rem 0;
}
.smr-formPanel__subItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0.2rem 0 0.2rem 2.0rem;
}
.smr-formPanel__note {
  padding: 0 0.5rem;
  color: #666;
  font-size: 0.75rem;
}
.smr-form-caption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-bottom: 0.2rem;
  font-size: 0.8rem;
  color: #666;
  font-weight: bold;
  letter-spacing: -0.05em;
}
.smr-form-requiredBadge {
  display: inline-block;
  padding: 0.2em 0.5em 0.2em;
  background: #F66;
  border-radius: 5px;
  color: #FFF;
  font-size: 0.7rem;
}
.smr-form-example {
  padding: 0 0.5rem;
  color: #666;
  font-size: 0.75rem;
}
.smr-form-example::before {
  content: "（";
}
.smr-form-example::after {
  content: "）";
}
.smr-form-noteList {
  margin: 0;
  padding-left: 1.2em;
}
.smr-form-textfield {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0.25rem;
  background: #FFC;
  border: 2px solid #666;
  border-radius: 5px;
  font-size: 1.0rem;
}
.smr-form-textfield:focus {
  outline: none;
}
.smr-form-textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  min-height: 6em;
  max-height: 42em;
  height: 12em;
  padding: 0.3em 0.5em;
  background: #FFC;
  border: 2px solid #666;
  border-radius: 5px;
  color: #333;
  font-size: 1rem;
  line-height: 1.4em;
  resize: vertical;
}
.smr-form-textarea::-webkit-input-placeholder {
  color: #AAA;
}
.smr-form-textarea::-moz-placeholder {
  color: #777;
}
.smr-form-textarea:-ms-input-placeholder {
  color: #AAA;
}
.smr-form-textarea:hover {
  border-color: #666;
}
.smr-form-textarea:focus {
  border-color: #666;
  outline: 0;
}
.smr-form-select {
  position: relative;
  display: inline-block;
}
.smr-form-select::after {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  content: "▼";
  color: #999;
  font-weight: 900;
  font-size: 100%;
  pointer-events: none;
}
.smr-form-select > select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  min-width: 4em;
  width: 100%;
  height: 2.0em;
  padding: 0.3em 2.0em 0.3em 0.5em;
  background: #FFC;
  border: 2px solid #666;
  border-radius: 5px;
  font-size: 1rem;
  text-indent: 0.01px;
  text-overflow: '';
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.smr-form-select > select::-ms-expand {
  display: none;
}
.smr-form-select > select:hover {
  border-color: #666;
}
.smr-form-select > select:focus {
  border-color: #666;
  outline: 0;
}
.smr-form-select > select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #333;
}
.smr-form-select > select:disabled {
  background: #EEE;
  border-color: #BBB;
  color: #777;
  pointer-events: none;
}
.smr-form-select > select.smr--long {
  width: 20em;
}
.smr-form-radioPanel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0.5rem;
  background: #F7F7F7;
  border-radius: 8px;
}
.smr-form-radio__label {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  min-height: 1.5em;
  margin-left: 1.3em;
  padding: 0.1em 0.2em;
  border: 1px solid transparent;
  color: #666;
  letter-spacing: 0.05em;
  cursor: pointer;
}
.smr-form-radio__label::before {
  position: absolute;
  left: -1.2em;
  bottom: 0.6em;
  margin-bottom: -0.4em;
  display: block;
  margin-right: 0.3em;
  width: 0.8em;
  height: 0.8em;
  background: #FFF;
  border: 2px solid #999;
  border-radius: 1.0em;
  content: "";
}
.smr-form-radio__label:hover {
  color: #333;
}
.smr-form-radio__label:hover::before {
  color: #333;
}
.smr-form-radio input[type=radio] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}
.smr-form-radio input[type=radio]:checked + .smr-form-radio__label::after {
  position: absolute;
  left: -1.0em;
  bottom: 0.8em;
  margin-bottom: -0.4em;
  display: block;
  margin-right: 0.3em;
  width: 0.6em;
  height: 0.6em;
  background: #999;
  border-radius: 1.0em;
  content: "";
}
.smr-form-radio input[type=radio]:focus + .smr-form-radio__label {
  color: #666;
}
.smr-form-radio input[type=radio]:focus + .smr-form-radio__label::before {
  color: #666;
}
.smr-form-radio input[type=radio]:disabled + .smr-form-radio__label {
  color: #999;
  cursor: default;
}
.smr-form-radio input[type=radio]:disabled + .smr-form-radio__label::before {
  color: #BBB;
}
.smr-form-checkboxPanel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0.5rem;
  background: #F7F7F7;
  border-radius: 8px;
}
.smr-form-checkbox__label {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  min-height: 1.5em;
  margin-left: 1.3em;
  padding: 0.1em 0.2em;
  border: 1px solid transparent;
  color: #666;
  letter-spacing: 0.05em;
  cursor: pointer;
}
.smr-form-checkbox__label::before {
  position: absolute;
  left: -1.2em;
  top: 50%;
  margin-top: -0.3em;
  display: block;
  margin-right: 0.3em;
  width: 0.8em;
  height: 0.8em;
  background: #FFF;
  border: 2px solid #999;
  border-radius: 0.2em;
  content: "";
}
.smr-form-checkbox__label:hover {
  color: #333;
}
.smr-form-checkbox__label:hover::before {
  color: #333;
}
.smr-form-checkbox input[type=checkbox] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}
.smr-form-checkbox input[type=checkbox]:checked + .smr-form-checkbox__label::after {
  position: absolute;
  left: -1.0em;
  top: 50%;
  display: block;
  width: 0.40em;
  height: 0.2em;
  margin-top: -0.05em;
  border-left: 4px solid #333;
  border-bottom: 4px solid #333;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  content: "";
}
.smr-form-checkbox input[type=checkbox]:focus + .smr-form-checkbox__label {
  color: #666;
}
.smr-form-checkbox input[type=checkbox]:focus + .smr-form-checkbox__label::before {
  color: #666;
}
.smr-form-checkbox input[type=checkbox]:disabled + .smr-form-checkbox__label {
  color: #999;
  cursor: default;
}
.smr-form-checkbox input[type=checkbox]:disabled + .smr-form-checkbox__label::before {
  color: #BBB;
}

.smr-inputPageTitle {
  margin: 1.0rem;
  padding: 1.0rem 0.5rem;
  background: #CCC;
}
@media screen and (min-width: 720px) {
  .smr-inputPageTitle {
    -ms-flex-item-align: center;
        align-self: center;
    width: 100%;
    max-width: 600px;
  }
}
.smr-inputPageTitle h1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.3rem;
}
.smr-donePageTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 300px;
  height: 300px;
  margin: 0 auto;
}
.smr-donePageTitle h1 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 0.1em;
}
.smr-donePageFooter {
  height: 60px;
}
.smr-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.0rem;
  letter-spacing: -0.05em;
}
@media screen and (min-width: 720px) {
  .smr-message {
    -ms-flex-item-align: center;
        align-self: center;
    width: 100%;
    max-width: 600px;
  }
}
.smr-message__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.smr-message__note {
  margin-top: 1.0em;
  font-size: 90%;
}
.smr-buttonPanel {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0.5rem 1.0rem;
}
@media screen and (min-width: 720px) {
  .smr-buttonPanel {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.smr-buttonPanel button {
  height: 44px;
  margin-bottom: 1.0rem;
}
.smr-buttonPanel button:first-child {
  margin-top: 1.0rem;
}
@media screen and (min-width: 720px) {
  .smr-buttonPanel button {
    width: 20em;
  }
}
.smr-systemTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}
.smr-systemTitle img {
  height: auto;
}
.smr-systemTitle img:nth-child(1) {
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-right: -30px;
  width: 90px;
}
.smr-systemTitle img:nth-child(2) {
  width: 240px;
}
.smr-systemTitle img:nth-child(3) {
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-top: 10px;
  margin-left: -30px;
  width: 90px;
}
.smr-topImage {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0 auto;
  min-width: 300px;
  max-width: 480px;
  text-align: center;
}
@media screen and (min-width: 720px) {
  .smr-topImage {
    -ms-flex-item-align: center;
        align-self: center;
  }
}
.smr-topImage img {
  width: 90%;
  height: auto;
}
@media screen and (min-width: 720px) {
  .smr-topImage img {
    width: 100%;
    height: auto;
  }
}
.smr-guidance {
  margin: 1.0rem auto 2.0rem;
  padding: 1.0rem;
  max-width: 720px;
  background: #F4FBDA;
  -webkit-box-shadow: 0px 0px 1.0rem 1.0rem #FFF inset;
          box-shadow: 0px 0px 1.0rem 1.0rem #FFF inset;
}
@media screen and (min-width: 720px) {
  .smr-guidance {
    -ms-flex-item-align: center;
        align-self: center;
  }
}
.smr-guidance::before {
  display: block;
  content: "";
  height: 60px;
  width: 100%;
  margin-top: -30px;
  background-image: url(top_guidance_leaf.png);
  background-size: 282px 60px;
  background-position: center;
  background-repeat: repeat-x;
  overflow: visible;
}
.smr-guidance::after {
  display: block;
  content: "";
  height: 60px;
  width: 100%;
  margin-bottom: -30px;
  background-image: url(top_guidance_leaf.png);
  background-size: 282px 60px;
  background-position: center;
  background-repeat: repeat-x;
  overflow: visible;
}
.smr-guidance__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 70px;
  background-image: url(top_guidance_title_bg.png);
  background-size: 260px 70px;
  background-position: center;
  background-repeat: no-repeat;
}
.smr-guidance__title h3 {
  margin-top: 9px;
  color: #FFF;
  font-size: 1.1rem;
  font-weight: bold;
  letter-spacing: 0.2em;
}
.smr-guidance__list {
  padding: 0rem 1.0rem 1.0rem;
}
.smr-guidance-list {
  margin: 0;
  counter-reset: guidance;
  list-style-type: none;
  padding-left: 1.5em;
  font-size: 0.9rem;
}
.smr-guidance-list li {
  position: relative;
  margin-bottom: 0.5rem;
}
.smr-guidance-list li::before {
  position: absolute;
  left: 0;
  top: 0.3em;
  display: inline-block;
  width: 1.3em;
  height: 1.2em;
  margin-left: -1.4em;
  padding-top: 0.1em;
  counter-increment: guidance;
  content: counter(guidance);
  background: #F33;
  border-radius: 2.0em;
  color: #FFF;
  font-weight: bold;
  text-align: center;
}
.smr-guidance-list__item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.smr-guidance-list__line {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.smr-guidance-domain {
  margin: 0.5rem 0em 0em -1.5em;
  text-align: center;
}
.smr-guidance-domain span {
  padding: 0.2em 0.5em;
  background: #FFF;
  border: 2px solid currentColor;
  border-radius: 5px;
  color: #F33;
  font-size: 1.0rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}
.smr-inputSection {
  border-top: 2px solid #CCC;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.smr-inputSection:first-of-type {
  margin-top: 1.0rem;
}
.smr-inputSection:last-of-type {
  border-bottom: 2px solid #CCC;
}
.smr-inputSection__title {
  -ms-flex-item-align: center;
      align-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0.5em auto 0.2em;
  padding: 0.1em 1.0em;
  background: #CCC;
  border-radius: 1.0em;
  font-size: 1.2rem;
  text-align: center;
}
.smr-inputSection__title ruby {
  -ms-flex-item-align: baseline;
      align-self: baseline;
}
.smr-attention {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 1.0rem;
}
@media screen and (min-width: 720px) {
  .smr-attention {
    -ms-flex-item-align: center;
        align-self: center;
    width: 100%;
    max-width: 560px;
  }
}
.smr-attention__title {
  -ms-flex-item-align: center;
      align-self: center;
  margin-bottom: -0.7em;
  padding: 0 0.3em;
  background: #FFF;
  color: #E33;
  font-size: 0.8rem;
  font-weight: bold;
  z-index: 2;
}
.smr-attention__body {
  padding: 1.5em 1.0em 1.0em;
  border: 2px solid #CCC;
  border-radius: 0.5rem;
  color: #666;
  font-size: 0.75rem;
}
.smr-receptionNumber {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 1.0rem 0 1.5rem;
  color: #F33;
  font-weight: bold;
}
.smr-receptionNumber__caption {
  letter-spacing: 0.1em;
}
.smr-receptionNumber__number {
  margin-top: 0.3rem;
  padding: 0.3rem 1.0rem;
  background: #FFF;
  border: 2px solid currentColor;
  border-radius: 5px;
  font-size: 125%;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}