@charset "UTF-8";
/**********************************************************
 * 転ぴたコート　Hard
 **********************************************************/
#page_header h1, #page_header #menu li, #to_top a {
  font-size: 1px;
  line-height: 1px;
  color: #f1f3de;
  text-indent: -9999px; }

#page_content #important > section h4, #page_content2 #important > section h4 {
  width: 300px;
  background: #efc39d;
  padding: 0;
  line-height: 2em; }
  #page_content #important > section h4 span, #page_content2 #important > section h4 span {
    margin: 0 1em 0 0;
    padding: 0 0.5em;
    width: 2em;
    height: 100%;
    display: inline-block;
    text-align: center;
    background: #d1543f; }
#page_content #important > section h6, #page_content2 #important > section h6 {
  color: #d1543f; }

#page_content #important .important_environ h4, #page_content2 #important .important_environ h4 {
  background: #b6ce4a; }
  #page_content #important .important_environ h4 span, #page_content2 #important .important_environ h4 span {
    background: #459b62; }

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold; }
html, body {
  margin: auto;
  padding: 0; }

p {
  margin: 0.5em auto;
  padding: 0; }

address {
  font-style: normal;
  font-weight: normal; }

blockquote {
  border-style: dashed dashed dashed solid;
  border-width: 1px 1px 1px 3px;
  padding: 0.25em 0.5em; }

hr {
  visibility: hidden;
  display: none;
  height: 1px;
  margin: 0;
  padding: 0; }

hr.visible {
  visibility: visible;
  display: block;
  position: static; }

hr.clear, hr.clearR, hr.clearL {
  display: block;
  visibility: hidden; }

hr.clear {
  clear: both; }

hr.clearR {
  clear: right; }

hr.clearL {
  clear: left; }

strong {
  font-size: 1.2em;
  font-weight: bold;
  font-style: normal; }

em {
  font-weight: normal;
  font-style: normal;
  color: #a40000; }

mark {
  font-weight: bold;
  font-style: normal; }

small {
  font-size: 0.8em;
  color: #666666; }

var {
  font-style: inherit;
  font-weight: normal; }

*[accesskey] + kbd, *[accesskey] > kbd {
  font-size: 0.8em; }

*[accesskey] + kbd:before, *[accesskey] > kbd:before {
  content: "["; }

*[accesskey] + kbd:after, *[accesskey] > kbd:after {
  content: "]"; }

figure {
  display: block;
  margin: 0 auto;
  padding: 0;
  text-align: center; }

img {
  border-style: none;
  max-width: 100%;
  backface-visibility: hidden; }

a img {
  border-style: none; }
a:hover img, a:active img, a:focus img {
  opacity: 0.7; }

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

form {
  margin: 0;
  padding: 0; }

input[required]:after,
textarea[required]:after {
  content: "[";
  color: #ff0000; }

.attention, .attention_old {
  position: fixed;
  z-index: 999;
  margin: 0;
  background: #ffffff;
  text-align: center;
  border: #e60033 solid 5px; }
  .attention h2, .attention_old h2 {
    font-size: 1.25em;
    color: #e60033; }
  .attention .content, .attention_old .content {
    line-height: 2em; }

.attention {
  bottom: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  background: rgba(254, 255, 189, 0.8); }
  .attention h2 {
    margin: 0.25em;
    padding: 0; }
  .attention .content {
    margin: 0.25em;
    padding: 0; }

.attention_old {
  top: 2%;
  left: 4%;
  width: 90%;
  min-height: 95%;
  padding: 0;
  background: #FEFFBD; }
  .attention_old h2 {
    margin: 1em;
    padding: 1em; }
  .attention_old .content {
    margin: 1em;
    padding: 1em;
    line-height: 2em; }
    .attention_old .content ul {
      width: 10em;
      margin: 0 auto;
      text-align: left; }

#page_header h1, #page_header #menu li, #to_top a {
  font-size: 1px;
  line-height: 1px;
  color: #f1f3de;
  text-indent: -9999px; }

#page_content #important > section h4, #page_content2 #important > section h4 {
  width: 300px;
  background: #efc39d;
  padding: 0;
  line-height: 2em; }
  #page_content #important > section h4 span, #page_content2 #important > section h4 span {
    margin: 0 1em 0 0;
    padding: 0 0.5em;
    width: 2em;
    height: 100%;
    display: inline-block;
    text-align: center;
    background: #d1543f; }
#page_content #important > section h6, #page_content2 #important > section h6 {
  color: #d1543f; }

#page_content #important .important_environ h4, #page_content2 #important .important_environ h4 {
  background: #b6ce4a; }
  #page_content #important .important_environ h4 span, #page_content2 #important .important_environ h4 span {
    background: #459b62; }

body, html {
  font-size: 0.9rem;
  font-family: "Yu Gothic", YuGothic, "Meiryo", "Hiragino Kaku Gothic ProN", "HiraKakuPro-W6", "MS PGothic", "Droid Sans", sans-serif;
  line-height: 1.5em; }

body {
  color: #000000;
  background: #f1f3de; }

#page_base {
  position: relative;
  width: 748px;
  margin: 0 auto;
  background: #ffffff;
  border-style: solid;
  border-width: 1px;
  border-color: #f1f3de #d8d8d8;
  box-shadow: #d8d8d8 0 0 10px 5px; }

a {
  color: #328569; }
  a:active, a:hover, a:focus {
    color: #d7a9f6; }

input, select, textarea {
  font-size: 1.14286em; }

input[type=text], select, textarea {
  border: 1px solid #c4c4c4;
  padding: 2px; }
  input[type=text]:hover, input[type=text]:focus, select:hover, select:focus, textarea:hover, textarea:focus {
    color: #0d6fb8;
    background: #e6f0f8; }
  input[type=text].error, select.error, textarea.error {
    border: 1px solid #a40000; }

input[type=button], input[type=submit], input[type=reset] {
  min-width: 150px;
  margin: 10px;
  padding: 10px;
  line-height: 2em;
  color: #000000;
  font-weight: bold;
  letter-spacing: 1em;
  background: #e2e2e2;
  border: none; }
  input[type=button]:hover, input[type=button]:focus, input[type=submit]:hover, input[type=submit]:focus, input[type=reset]:hover, input[type=reset]:focus {
    opacity: 0.7; }

label {
  display: inline-block;
  white-space: nowrap; }

.error {
  color: #a40000; }

.memo {
  text-indent: -1.5em;
  padding-left: 1.5em; }
  .memo:before {
    content: "＊ "; }

span.memo {
  display: inline-block; }

ol, ul {
  margin: 0 auto;
  padding: 0; }
  ol li, ul li {
    margin: 0 0 0 2em;
    padding: 0; }

#page_header {
  position: relative;
  overflow: hidden;
  height: 102px;
  margin: 0;
  padding: 0;
  background: transparent url("../images/common/header.jpg") no-repeat 0 0; }
  #page_header h1 {
    float: left;
    width: 200px;
    height: 100%;
    margin: 0;
    padding: 0; }
    #page_header h1 a {
      display: block;
      width: 100%;
      height: 100%; }
  #page_header h2 {
    box-sizing: border-box;
    margin: 0 0 0 auto;
    padding: 10px;
    height: 74px;
    text-align: right; }
  #page_header #menu {
    margin: 0 0 0 auto; }
    #page_header #menu ul {
      margin: 0 0 0 auto;
      padding: 0;
      display: flex;
      list-style: none;
      flex-flow: row nowrap;
      justify-content: flex-end; }
    #page_header #menu li {
      width: 104px;
      height: 28px;
      margin: 0;
      padding: 0; }
      #page_header #menu li a {
        display: block;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        background-repeat: no-repeat;
        background-position: 50% 0; }
        #page_header #menu li a:active, #page_header #menu li a:hover, #page_header #menu li a:focus {
          background-position: 50% 100%; }
      #page_header #menu li:nth-of-type(1) a {
        background-image: url("../images/common/menu_product.png"); }
      #page_header #menu li:nth-of-type(2) a {
        background-image: url("../images/common/menu_technical.png"); }
      #page_header #menu li:nth-of-type(3) a {
        background-image: url("../images/common/menu_sekou.png"); }
      #page_header #menu li:nth-of-type(4) a {
        background-image: url("../images/common/menu_test.png"); }
      #page_header #menu li:nth-of-type(5) a {
        background-image: url("../images/common/menu_profile.png"); }

#breadcrumb {
  background: #eeeced;
  margin: 0;
  padding: 0.5em 25px;
  text-align: right; }
  #breadcrumb a {
    text-decoration: underline; }
  #breadcrumb a, #breadcrumb span {
    display: inline-block;
    margin: 0 1em;
    padding: 0; }

#page_content, #page_content2 {
  position: relative;
  margin: 0 auto;
  padding: 0 25px;
  background-repeat: no-repeat;
  background-position: 50% 0; }
  #page_content h2, #page_content h3, #page_content h4, #page_content h5, #page_content h6, #page_content2 h2, #page_content2 h3, #page_content2 h4, #page_content2 h5, #page_content2 h6 {
    font-family: "Noto Sans Japanese", "Yu Gothic", YuGothic, "Meiryo", "Hiragino Kaku Gothic ProN", "HiraKakuPro-W6", "MS PGothic", "Droid Sans", sans-serif; }
  #page_content h2, #page_content h3, #page_content h4, #page_content h5, #page_content2 h2, #page_content2 h3, #page_content2 h4, #page_content2 h5 {
    margin: 0 0 15px 0;
    padding: 10px;
    font-weight: bold; }
  #page_content h2, #page_content2 h2 {
    font-size: 2.14286em;
    line-height: 1.25em;
    text-align: center;
    border-style: solid none;
    border-width: 1px;
    border-color: #0d6fb8; }
  #page_content > h2, #page_content2 > h2 {
    margin: 0 0 15px 0;
    padding: 0;
    line-height: 0;
    border: none; }
    #page_content > h2.border, #page_content2 > h2.border {
      border-style: solid none;
      border-width: 1px;
      border-color: #0d6fb8; }
  #page_content h3, #page_content2 h3 {
    font-size: 1.57143em;
    line-height: 1.5em;
    color: #0d6fb8;
    border-style: none none none solid;
    border-width: 8px;
    border-color: #0d6fb8; }
  #page_content h4, #page_content2 h4 {
    font-size: 1.57143em;
    background: #559acd;
    color: #ffffff; }
  #page_content h5, #page_content2 h5 {
    font-size: 1.42857em;
    color: #000000;
    border-style: none none solid none;
    border-width: 8px;
    border-color: #0d6fb8; }
  #page_content h6, #page_content2 h6 {
    font-size: 1.14286em;
    margin: 0;
    padding: 0; }
  #page_content article, #page_content section, #page_content2 article, #page_content2 section {
    margin: 15px auto;
    padding: 0; }
    #page_content article:first-of-type, #page_content section:first-of-type, #page_content2 article:first-of-type, #page_content2 section:first-of-type {
      margin-top: 0; }
    #page_content article:last-of-type, #page_content section:last-of-type, #page_content2 article:last-of-type, #page_content2 section:last-of-type {
      margin-bottom: 0; }
    #page_content article.border_box, #page_content section.border_box, #page_content2 article.border_box, #page_content2 section.border_box {
      border: 1px solid #0d6fb8;
      padding-bottom: 15px; }
      #page_content article.border_box h4, #page_content section.border_box h4, #page_content2 article.border_box h4, #page_content2 section.border_box h4 {
        background: #0d6fb8; }
      #page_content article.border_box .content, #page_content section.border_box .content, #page_content2 article.border_box .content, #page_content2 section.border_box .content {
        margin: 0; }
      #page_content article.border_box > section, #page_content article.border_box > .content, #page_content section.border_box > section, #page_content section.border_box > .content, #page_content2 article.border_box > section, #page_content2 article.border_box > .content, #page_content2 section.border_box > section, #page_content2 section.border_box > .content {
        margin-right: 10px;
        margin-left: 10px; }
  #page_content > article, #page_content > section, #page_content2 > article, #page_content2 > section {
    margin: 35px auto; }
    #page_content > article:first-of-type, #page_content > section:first-of-type, #page_content2 > article:first-of-type, #page_content2 > section:first-of-type {
      margin-top: 0; }
    #page_content > article:last-of-type, #page_content > section:last-of-type, #page_content2 > article:last-of-type, #page_content2 > section:last-of-type {
      margin-bottom: 0; }
  #page_content .content, #page_content2 .content {
    margin: 15px auto;
    padding: 0; }
  #page_content nav.link, #page_content2 nav.link {
    font-family: "Noto Sans Japanese", "Yu Gothic", YuGothic, "Meiryo", "Hiragino Kaku Gothic ProN", "HiraKakuPro-W6", "MS PGothic", "Droid Sans", sans-serif;
    margin: 0 auto;
    padding: 0; }
    #page_content nav.link a, #page_content2 nav.link a {
      display: block;
      max-width: 230px;
      margin: 10px 0 10px auto;
      padding: 10px 10px 10px 55px;
      font-size: 1.28571em;
      font-weight: bold;
      text-decoration: none;
      color: #0d6fb8;
      background: #ffffff url("../images/common/link_arrow.png") no-repeat 0 50%;
      border: 1px solid #0d6fb8; }
      #page_content nav.link a:active, #page_content nav.link a:hover, #page_content nav.link a:focus, #page_content2 nav.link a:active, #page_content2 nav.link a:hover, #page_content2 nav.link a:focus {
        opacity: 0.7; }
  #page_content .specification dl, #page_content2 .specification dl {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    border-style: none none dotted none;
    border-width: 1px;
    border-color: #c4c4c4; }
    #page_content .specification dl dt, #page_content .specification dl dd, #page_content2 .specification dl dt, #page_content2 .specification dl dd {
      padding: 10px 1em; }
    #page_content .specification dl dt, #page_content2 .specification dl dt {
      width: 7em;
      margin: 0 auto 0 0;
      float: left;
      clear: left; }
    #page_content .specification dl dd, #page_content2 .specification dl dd {
      margin: 0;
      padding-left: 9em;
      border-style: dotted none none none;
      border-width: 1px;
      border-color: #c4c4c4; }
    #page_content .specification dl p:first-of-type, #page_content2 .specification dl p:first-of-type {
      margin-top: 0; }
    #page_content .specification dl p:last-of-type, #page_content2 .specification dl p:last-of-type {
      margin-bottom: 0; }
  #page_content .specification table, #page_content2 .specification table {
    margin-left: 0; }
    #page_content .specification table th, #page_content2 .specification table th {
      font-weight: normal;
      text-align: left;
      padding: 0 1em 0 0; }
    #page_content .specification table td, #page_content2 .specification table td {
      padding: 0 1em; }
  #page_content #important, #page_content2 #important {
    margin-top: 35px; }
    #page_content #important > section, #page_content2 #important > section {
      margin: 35px auto; }
    #page_content #important .important_durable table, #page_content2 #important .important_durable table {
      width: 100%; }
      #page_content #important .important_durable table td, #page_content #important .important_durable table th, #page_content2 #important .important_durable table td, #page_content2 #important .important_durable table th {
        font-weight: normal;
        border: #c4c4c4 2px solid;
        padding: 0 0.25em; }
      #page_content #important .important_durable table th, #page_content2 #important .important_durable table th {
        white-space: nowrap; }
      #page_content #important .important_durable table thead td, #page_content #important .important_durable table thead th, #page_content2 #important .important_durable table thead td, #page_content2 #important .important_durable table thead th {
        text-align: center; }
    #page_content #important .important_durable .current, #page_content2 #important .important_durable .current {
      background: #f4cecc;
      font-weight: bold; }
    #page_content #important .important_environ .content_figure, #page_content2 #important .important_environ .content_figure {
      margin: 0 auto;
      padding: 0;
      overflow: hidden; }
      #page_content #important .important_environ .content_figure > .detail, #page_content2 #important .important_environ .content_figure > .detail {
        margin: 0 auto;
        margin-right: 240px;
        margin-left: 0; }
        #page_content #important .important_environ .content_figure > .detail ul, #page_content2 #important .important_environ .content_figure > .detail ul {
          margin: 0 auto; }
      #page_content #important .important_environ .content_figure > figure, #page_content2 #important .important_environ .content_figure > figure {
        float: right;
        width: 230px;
        margin-right: 0; }
  #page_content .construction .step, #page_content2 .construction .step {
    overflow: hidden; }
    #page_content .construction .step > section, #page_content2 .construction .step > section {
      overflow: hidden;
      clear: both; }
      #page_content .construction .step > section h5, #page_content2 .construction .step > section h5 {
        float: left;
        width: 240px;
        margin: 0 auto 0 0;
        padding: 0;
        border: inherit; }
      #page_content .construction .step > section > section, #page_content2 .construction .step > section > section {
        margin: 0 0 0 250px;
        padding-top: 10px; }
  #page_content .notes, #page_content2 .notes {
    height: 200px;
    overflow: auto;
    margin-top: 30px;
    padding: 15px 10px;
    border: 1px solid #0d6fb8; }
    #page_content .notes h4, #page_content2 .notes h4 {
      background: inherit;
      color: #0d6fb8;
      font-size: 1.42857em;
      padding: 0; }
    #page_content .notes h5, #page_content2 .notes h5 {
      border: inherit;
      font-size: 1.14286em;
      margin: 0 auto;
      padding: 0; }
    #page_content .notes .answer, #page_content2 .notes .answer {
      text-indent: -1.5em;
      padding-left: 1.5em;
      margin: 0; }
      #page_content .notes .answer:before, #page_content2 .notes .answer:before {
        content: "→ "; }
  #page_content .performance table, #page_content2 .performance table {
    margin-left: 0; }
    #page_content .performance table td, #page_content .performance table th, #page_content2 .performance table td, #page_content2 .performance table th {
      min-width: 5em;
      border: 2px solid #c4c4c4;
      text-align: center;
      padding: 0.25em 0.5em; }
    #page_content .performance table th, #page_content2 .performance table th {
      background: #459b62;
      color: #ffffff;
      font-weight: normal; }
    #page_content .performance table td.title, #page_content2 .performance table td.title {
      width: 1em;
      min-width: 1em;
      line-height: 1em; }
  #page_content .performance .memo, #page_content2 .performance .memo {
    font-size: 0.75em; }
  #page_content .performance dl, #page_content2 .performance dl {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    border-style: none none dotted none;
    border-width: 1px;
    border-color: #c4c4c4; }
    #page_content .performance dl dt, #page_content .performance dl dd, #page_content2 .performance dl dt, #page_content2 .performance dl dd {
      padding: 10px 1em; }
    #page_content .performance dl dt, #page_content2 .performance dl dt {
      width: 25em;
      margin: 0 auto 0 0;
      float: left;
      clear: left; }
    #page_content .performance dl dd, #page_content2 .performance dl dd {
      margin: 0;
      padding-left: 27em;
      border-style: dotted none none none;
      border-width: 1px;
      border-color: #c4c4c4; }
    #page_content .performance dl p:first-of-type, #page_content2 .performance dl p:first-of-type {
      margin-top: 0; }
    #page_content .performance dl p:last-of-type, #page_content2 .performance dl p:last-of-type {
      margin-bottom: 0; }
    #page_content .performance dl dt, #page_content .performance dl dd, #page_content2 .performance dl dt, #page_content2 .performance dl dd {
      padding-top: 0;
      padding-bottom: 0.25em; }
    #page_content .performance dl dt, #page_content2 .performance dl dt {
      padding-left: 0; }
    #page_content .performance dl dd, #page_content2 .performance dl dd {
      border: none; }
  #page_content #example figure, #page_content2 #example figure {
    overflow: hidden; }
    #page_content #example figure img, #page_content2 #example figure img {
      display: block;
      margin: 0 auto 7px auto; }
    #page_content #example figure div, #page_content2 #example figure div {
      margin: 0 auto; }
      #page_content #example figure div:nth-of-type(1), #page_content2 #example figure div:nth-of-type(1) {
        float: left;
        margin-left: 0; }
        #page_content #example figure div:nth-of-type(1) img, #page_content2 #example figure div:nth-of-type(1) img {
          margin-left: 0; }
      #page_content #example figure div:nth-of-type(2), #page_content2 #example figure div:nth-of-type(2) {
        float: right;
        margin-right: 0; }
        #page_content #example figure div:nth-of-type(2) img, #page_content2 #example figure div:nth-of-type(2) img {
          margin-right: 0; }
  #page_content #example h6, #page_content2 #example h6 {
    font-size: 1em;
    font-weight: normal; }
    #page_content #example h6:before, #page_content2 #example h6:before {
      content: "【"; }
    #page_content #example h6:after, #page_content2 #example h6:after {
      content: "】"; }
  #page_content #form_contact, #page_content2 #form_contact {
    border: 1px solid #0d6fb8;
    padding: 0; }
    #page_content #form_contact h3, #page_content2 #form_contact h3 {
      font-size: 1.57143em;
      margin: 0;
      padding: 10px;
      color: #ffffff;
      background: #0d6fb8; }
    #page_content #form_contact h4, #page_content2 #form_contact h4 {
      font-size: 1.14286em; }
    #page_content #form_contact form, #page_content2 #form_contact form {
      margin: 15px 25px;
      padding: 15px 10px; }
    #page_content #form_contact .required:after, #page_content2 #form_contact .required:after {
      content: "（必須）";
      font-size: 0.8em;
      color: #d1543f; }
    #page_content #form_contact .form_table, #page_content2 #form_contact .form_table {
      display: table;
      width: 100%; }
      #page_content #form_contact .form_table > section, #page_content2 #form_contact .form_table > section {
        display: table-row; }
        #page_content #form_contact .form_table > section > *, #page_content2 #form_contact .form_table > section > * {
          display: table-cell;
          padding: 2px 0;
          vertical-align: top;
          text-align: left; }
        #page_content #form_contact .form_table > section h6, #page_content2 #form_contact .form_table > section h6 {
          font-size: 1em;
          color: #000000;
          white-space: nowrap;
          min-width: 5em;
          padding-right: 1em; }
        #page_content #form_contact .form_table > section .content label, #page_content2 #form_contact .form_table > section .content label {
          margin: auto 1em; }
          #page_content #form_contact .form_table > section .content label:first-child, #page_content2 #form_contact .form_table > section .content label:first-child {
            margin-left: 0; }
          #page_content #form_contact .form_table > section .content label:last-child, #page_content2 #form_contact .form_table > section .content label:last-child {
            margin-right: 0; }
          #page_content #form_contact .form_table > section .content label input, #page_content2 #form_contact .form_table > section .content label input {
            margin-left: 0.5em; }
        #page_content #form_contact .form_table > section .remarks, #page_content2 #form_contact .form_table > section .remarks {
          display: inline-block;
          font-size: 0.9em; }
      #page_content #form_contact .form_table p.error, #page_content2 #form_contact .form_table p.error {
        margin: 0 auto;
        font-size: 0.9em; }
    #page_content #form_contact .button, #page_content2 #form_contact .button {
      text-align: center; }
      #page_content #form_contact .button p, #page_content2 #form_contact .button p {
        margin: 1em auto; }
    #page_content #form_contact .contact_document dl dt:before, #page_content2 #form_contact .contact_document dl dt:before {
      content: "□ "; }
    #page_content #form_contact .contact_tel, #page_content2 #form_contact .contact_tel {
      background: #e6f0f8;
      margin: 15px 25px;
      padding: 15px 10px; }
      #page_content #form_contact .contact_tel h6, #page_content2 #form_contact .contact_tel h6 {
        color: #000000; }

#page_content2 {
  margin-top: 70px; }

#page_footer {
  position: relative;
  clear: both;
  margin: 35px auto;
  padding: 0 25px;
  font-family: "Noto Sans Japanese", "Yu Gothic", YuGothic, "Meiryo", "Hiragino Kaku Gothic ProN", "HiraKakuPro-W6", "MS PGothic", "Droid Sans", sans-serif;
  font-size: 0.78571em;
  text-align: center; }

#to_top {
  position: fixed;
  bottom: 0;
  right: 0;
  margin: 0;
  padding: 0;
  display: none; }
  #to_top a {
    display: block;
    opacity: 0.4;
    width: 50px;
    height: 50px;
    margin: 25px;
    border-radius: 5px;
    background: #559acd url("../images/common/to_top.png") no-repeat center center; }
    #to_top a:hover, #to_top a:focus {
      opacity: 0.8; }

#page_content {
  background-image: url("../images/hard/wall.jpg"); }
  #page_content #important {
    background: transparent url("../images/hard/important.png") no-repeat 100% 0; }
    #page_content #important .important_durable .content_figure {
      margin: 0 auto;
      padding: 0;
      overflow: hidden; }
      #page_content #important .important_durable .content_figure > .detail {
        margin: 0 auto;
        margin-right: 350px;
        margin-left: 0; }
        #page_content #important .important_durable .content_figure > .detail ul {
          margin: 0 auto; }
      #page_content #important .important_durable .content_figure > figure {
        float: right;
        width: 340px;
        margin-right: 0; }
    #page_content #important .important_durable figure figcaption {
      text-align: right;
      color: #d1543f; }
    #page_content #important .reference h6 {
      color: #000000; }
    #page_content #important .reference table tbody th, #page_content #important .reference table tbody td {
      box-sizing: border-box;
      width: 20%; }
    #page_content #important .reference table tbody td {
      text-align: right;
      font-size: 1.42857em; }
    #page_content #important .memo {
      margin: 0 auto;
      font-size: 0.75em; }
  #page_content .construction .construction_method .method_list {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between; }
    #page_content .construction .construction_method .method_list section {
      margin: 0 auto;
      width: 30%; }
      #page_content .construction .construction_method .method_list section figure figcaption {
        text-align: left;
        font-size: 0.9em; }