/* misc styles */
@font-face {
  font-family: FontTitle;
  src: url(../fonts/RobotoCondensed-Regular.ttf);
}
/* =========== */
/* border styles */
/* =========== */
/* off-canvas menu */
/* =========== */
/* color styles */
/* ======navigation top===== */
/***paging*****/
/* form elements */
/* =========== */
/* css content */
/* =========== */
/*list post*/
/*list post 2*/
/*sub post*/
/* ----- UserInfo ----- */
/* ----- form ----- */
/* line 5, C:/Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, C:/Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, C:/Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, C:/Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, C:/Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, C:/Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, C:/Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, C:/Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, C:/Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 2, C:/Ruby26-x64/lib/ruby/gems/2.6.0/gems/neat-compass-1.6.0/stylesheets/neat/grid/_grid.scss */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 12, ../sass/screen.scss */
body {
  font: 16px FontTitle, "Roboto", Tahoma, Arial, sans-serif;
  -webkit-text-size-adjust: 100%;
  /* prevent safari in ios auto scale font-size */
  background: none;
}

/* line 20, ../sass/screen.scss */
a,
input {
  font-family: FontTitle, "Roboto", Tahoma, Arial, sans-serif;
}

/* line 25, ../sass/screen.scss */
a,
a:active,
a:visited {
  text-decoration: none;
  color: #0066cc;
}

/* line 32, ../sass/screen.scss */
.wrapper {
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
}
/* line 15, C:/Ruby26-x64/lib/ruby/gems/2.6.0/gems/bourbon-compass-4.0.2/stylesheets/bourbon/addons/_clearfix.scss */
.wrapper:after {
  content: "";
  display: table;
  clear: both;
}

/* line 36, ../sass/screen.scss */
.inactive {
  opacity: 0.5;
  -moz-opacity: 0.5;
  -webkit-opacity: 0.5;
  filter: alpha(opacity=50);
}

/* line 40, ../sass/screen.scss */
.hidden {
  display: none !important;
}

/* line 44, ../sass/screen.scss */
.shown {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 1 !important;
  -webkit-transform: scale3d(1, 1, 1) !important;
}

/* line 52, ../sass/screen.scss */
#outer {
  width: 98%;
  height: auto;
  position: relative;
  overflow: hidden;
  margin: 0;
  /* breakpoint: smartphone | desktop; */
}
@media (max-width: 768px) {
  /* line 52, ../sass/screen.scss */
  #outer {
    width: 94%;
    overflow: hidden;
  }
}

@font-face {
  font-family: FontTitle;
  src: url(../fonts/RobotoCondensed-Regular.ttf);
}
/* line 6, ../sass/subpage.scss */
article {
  font-size: 15px;
  line-height: 25px;
  /* breakpoint: smartphone | desktop; */
  /* between desktop ~ smartphone */
  /* for table */
  /* Form */
}
@media (min-width: 700px) and (max-width: 1150px) {
  /* line 6, ../sass/subpage.scss */
  article {
    font-size: 23px;
    line-height: 35px;
  }
}
/* line 20, ../sass/subpage.scss */
article pre {
  overflow: auto;
}
/* line 23, ../sass/subpage.scss */
article strong {
  font-weight: bold;
}
/* line 27, ../sass/subpage.scss */
article em {
  font-style: italic;
}
/* line 31, ../sass/subpage.scss */
article * {
  color: #192638;
  font-family: FontTitle, "Roboto", Tahoma, Arial, sans-serif;
}
/* line 35, ../sass/subpage.scss */
article ul#tabHeader {
  background: none;
  width: 100%;
  margin: 10px 0;
  overflow: hidden;
}
/* line 40, ../sass/subpage.scss */
article ul#tabHeader ~ .tab__detail {
  display: none;
}
/* line 43, ../sass/subpage.scss */
article ul#tabHeader li {
  margin: 0 0 5px;
  padding: 0 2px 0 0;
  float: left;
  white-space: nowrap;
}
/* line 48, ../sass/subpage.scss */
article ul#tabHeader li a {
  background: #942300;
  color: #fff;
  font-weight: bold;
  float: left;
  display: block;
  padding: 5px 15px;
  text-align: center;
  text-decoration: none;
}
/* line 58, ../sass/subpage.scss */
article ul#tabHeader li a:hover, article ul#tabHeader li a.active {
  background: #d68d01;
  color: #fff;
}
/* line 67, ../sass/subpage.scss */
article .user-info {
  text-align: right;
}
/* line 70, ../sass/subpage.scss */
article h1.post__title {
  text-align: left;
  margin: 0 auto 20px;
  top: 0;
  z-index: 10;
  border-bottom: 2px solid #f8873c;
  width: 100%;
  color: #fff;
  /* breakpoint: smartphone | desktop; */
  /* breakpoint: smartphone | desktop; */
  /* between desktop ~ smartphone */
  /* breakpoint: smartphone | desktop; */
}
@media (max-width: 768px) {
  /* line 70, ../sass/subpage.scss */
  article h1.post__title {
    width: 100%;
  }
}
/* line 81, ../sass/subpage.scss */
article h1.post__title span {
  font-size: 30px;
  line-height: 50px;
  color: #f8873c;
  text-align: center;
  padding: 0;
  display: inline-block;
}
@media (max-width: 768px), (min-width: 769px) and (max-width: 1024px) {
  /* line 92, ../sass/subpage.scss */
  article h1.post__title span {
    font-size: 29px;
  }
}
@media (max-width: 768px) {
  /* line 97, ../sass/subpage.scss */
  article h1.post__title span {
    font-size: 20px;
    line-height: 36px;
  }
}
/* line 103, ../sass/subpage.scss */
article .text-grey {
  color: #767676;
  font-size: 24px;
  text-align: center;
  padding: 20px 0 10px;
  /* breakpoint: smartphone | desktop; */
}
@media (max-width: 768px) {
  /* line 103, ../sass/subpage.scss */
  article .text-grey {
    font-size: 18px;
  }
}
/* line 112, ../sass/subpage.scss */
article .text-red {
  color: #ee0202;
  font-size: 20px;
  text-align: center;
  padding: 20px 0 10px;
  /* breakpoint: smartphone | desktop; */
}
@media (max-width: 768px) {
  /* line 112, ../sass/subpage.scss */
  article .text-red {
    font-size: 16px;
  }
}
/* line 122, ../sass/subpage.scss */
article .FirstChar {
  padding: 4px 4px 0 0;
  line-height: 30px;
  font-size: 40px;
  float: left;
}
/* line 128, ../sass/subpage.scss */
article ul {
  margin: 0px 0px 10px 5px;
}
/* line 132, ../sass/subpage.scss */
article ul > li {
  margin-bottom: 10px;
  padding-left: 15px;
  list-style-type: none;
  text-align: justify;
}
/* line 139, ../sass/subpage.scss */
article ul > li ul {
  margin: 0 0 10px 20px;
}
/* line 143, ../sass/subpage.scss */
article ul > li ul li {
  margin-bottom: 10px;
  padding-left: 15px;
}
/* line 154, ../sass/subpage.scss */
article ul.icon li, article ul.Icon li {
  background: url(../images/subpage/icon-2.png) 0 12px no-repeat;
}
/* line 158, ../sass/subpage.scss */
article ul.disc li, article ul.Disc li {
  background: url("../images/subpage/icon-3.png") 3px 12px no-repeat;
}
/* line 162, ../sass/subpage.scss */
article ul.dash li, article ul.Dash li {
  background: url("../images/subpage/icon-3b.png") 3px 12px no-repeat;
}
/* line 166, ../sass/subpage.scss */
article ul.decimal li, article ul.Decimal li {
  list-style-type: decimal;
  padding-left: 5px;
}
/* line 170, ../sass/subpage.scss */
article ul.UpperAlpha li, article ul.upper-alpha li {
  list-style-type: upper-alpha;
}
/* line 173, ../sass/subpage.scss */
article ul.lower-alpha li, article ul.LowerCase li {
  list-style-type: lower-alpha;
}
/* line 179, ../sass/subpage.scss */
article ul.anchor-link, article ul.AnchorLink {
  display: block;
  width: 98%;
  clear: both;
  min-height: 50px;
  border: 1px solid #6684af;
  padding: 10px;
  margin: 10px 0;
  overflow: hidden;
}
/* line 188, ../sass/subpage.scss */
article ul.anchor-link li, article ul.AnchorLink li {
  float: left;
  padding: 0 20px 0 10px;
  margin-bottom: 0px;
  background: url("../images/subpage/icon-anchorlink.jpg") no-repeat 0 14px;
  width: 260px;
}
/* line 194, ../sass/subpage.scss */
article ul.anchor-link li a, article ul.AnchorLink li a {
  font-weight: bolder;
  color: #0a418d;
}
/* line 197, ../sass/subpage.scss */
article ul.anchor-link li a:hover, article ul.AnchorLink li a:hover {
  text-decoration: underline;
  color: #0a418d;
}
/* line 201, ../sass/subpage.scss */
article ul.anchor-link li a.Active, article ul.anchor-link li a.Active:hover, article ul.AnchorLink li a.Active, article ul.AnchorLink li a.Active:hover {
  text-decoration: underline;
  color: #ab3235;
}
/* line 210, ../sass/subpage.scss */
article p {
  padding: 5px 0;
}
/* line 214, ../sass/subpage.scss */
article .center, article .TextCenter {
  text-align: center;
}
/* line 218, ../sass/subpage.scss */
article img {
  margin: 0 auto;
  display: inline-block;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  height: auto;
  /* breakpoint: smartphone | desktop; */
  /* between desktop ~ smartphone */
}
@media (max-width: 768px), (min-width: 769px) and (max-width: 1024px) {
  /* line 218, ../sass/subpage.scss */
  article img {
    width: auto;
    max-width: 90%;
  }
}
/* line 232, ../sass/subpage.scss */
article img ~ br {
  height: 0px;
  display: none;
}
/* line 236, ../sass/subpage.scss */
article img ~ .center, article img .TextCenter {
  padding-top: 0px;
  margin-top: -5px;
  color: #424242;
  font-style: italic;
}
/* line 244, ../sass/subpage.scss */
article a {
  color: #0066cc;
  text-decoration: none;
}
/* line 247, ../sass/subpage.scss */
article a:hover {
  color: #0066cc;
  text-decoration: underline;
}
/* line 253, ../sass/subpage.scss */
article strong, article .strong {
  font-weight: bolder;
  color: #eb5300;
}
/* line 258, ../sass/subpage.scss */
article .strong01, article .Strong01 {
  font-weight: bolder;
  color: #e16f00;
  font-size: 21px;
  /* breakpoint: smartphone | desktop; */
}
@media (max-width: 768px) {
  /* line 258, ../sass/subpage.scss */
  article .strong01, article .Strong01 {
    font-size: 16px;
  }
}
/* line 267, ../sass/subpage.scss */
article .strong02, article .Strong02 {
  font-weight: bolder;
  color: #eb5300;
  font-size: 23px;
  /* breakpoint: smartphone | desktop; */
}
@media (max-width: 768px) {
  /* line 267, ../sass/subpage.scss */
  article .strong02, article .Strong02 {
    font-size: 18px;
  }
}
/* line 275, ../sass/subpage.scss */
article .strong03, article .Strong03 {
  font-weight: bolder;
  color: #249cdd;
}
/* line 279, ../sass/subpage.scss */
article .notice-box, article .NoticeBox {
  width: 95%;
  padding: 15px 10px 10px 10px;
  border: 1px solid #b4883c;
  background: #fff;
  margin: 30px 0 0;
}
/* line 285, ../sass/subpage.scss */
article .notice-box p.legend, article .notice-box .Legend, article .NoticeBox p.legend, article .NoticeBox .Legend {
  background: #942300 none repeat scroll 0 0;
  color: #fff;
  float: left;
  font-weight: bolder;
  height: 30px;
  margin: -30px 0 10px;
  padding: 0 17px 0 16px;
  position: absolute;
}
/* line 299, ../sass/subpage.scss */
article table {
  margin: 10px auto;
  border-collapse: collapse;
}
/* line 303, ../sass/subpage.scss */
article table tr:nth-child(odd),
article table tr.odd,
article table tr.OddRow {
  background: #ffffff;
}
/* line 308, ../sass/subpage.scss */
article table tr:nth-child(even),
article table tr.even,
article table tr.EvenRow {
  background: #f6ecd9;
}
/* line 314, ../sass/subpage.scss */
article table td, article table th {
  border: 1px solid #b4883c;
  padding: 3px 10px;
}
/* line 317, ../sass/subpage.scss */
article table td.text-center, article table th.text-center {
  text-align: center;
}
/* line 320, ../sass/subpage.scss */
article table td.text-right, article table th.text-right {
  text-align: right;
}
/* line 326, ../sass/subpage.scss */
article table th {
  color: #fff;
  font-weight: bolder;
  padding: 10px 10px;
  background: #942300;
  text-align: center;
}
/* line 335, ../sass/subpage.scss */
article h2, article h4 {
  font-size: 28px;
  line-height: 34px;
  font-weight: 700;
  padding-left: 35px;
  color: #d62707;
  background: url("../images/subpage/icon_h4.png") no-repeat 0 6px;
  /* breakpoint: smartphone | desktop; */
}
/* line 342, ../sass/subpage.scss */
article h2 ~ p, article h2 ~ ul, article h2 ~ div, article h4 ~ p, article h4 ~ ul, article h4 ~ div {
  margin-left: 30px;
}
@media (max-width: 768px) {
  /* line 335, ../sass/subpage.scss */
  article h2, article h4 {
    background: none;
    padding-left: 0px;
    font-size: 21px;
  }
  /* line 352, ../sass/subpage.scss */
  article h2 ~ p, article h2 ~ ul, article h2 ~ div, article h4 ~ p, article h4 ~ ul, article h4 ~ div {
    margin-left: 12px;
  }
}
/* line 359, ../sass/subpage.scss */
article h2.article__title, article h4.article__title {
  display: none;
}
/* line 364, ../sass/subpage.scss */
article .article__time {
  display: none;
}
/* line 367, ../sass/subpage.scss */
article h3, article h5 {
  font-size: 25px;
  line-height: 35px;
  font-weight: 700;
  padding-left: 18px;
  margin-left: 25px;
  color: #e16f00;
  background: url("../images/subpage/icon_h5.png") no-repeat 0 12px;
  /* breakpoint: smartphone | desktop; */
}
/* line 376, ../sass/subpage.scss */
article h3 ~ p, article h3 ~ ul, article h3 ~ div, article h5 ~ p, article h5 ~ ul, article h5 ~ div {
  margin-left: 42px;
}
@media (max-width: 768px) {
  /* line 367, ../sass/subpage.scss */
  article h3, article h5 {
    background: none;
    padding-left: 0px;
    margin-left: 12px;
    font-size: 19px;
  }
  /* line 388, ../sass/subpage.scss */
  article h3 ~ p, article h3 ~ ul, article h3 ~ div, article h5 ~ p, article h5 ~ ul, article h5 ~ div {
    margin-left: 22px;
  }
}
/* line 398, ../sass/subpage.scss */
article .user-info p {
  background: #009674;
  border-bottom: none;
  font: 15px/30px Tahoma;
  color: #fff;
  clear: both;
  position: relative;
  margin: 0 auto 20px;
  padding: 0px;
  text-align: right;
}
/* line 409, ../sass/subpage.scss */
article .user-info p a {
  color: #fff;
}
/* line 411, ../sass/subpage.scss */
article .user-info p a:hover {
  color: #ec7407;
}
/* line 415, ../sass/subpage.scss */
article .user-info p #link-function {
  background: url(../images/article/function.png) no-repeat right center;
  padding: 0 25px;
  text-decoration: none;
  cursor: pointer;
}
/* line 423, ../sass/subpage.scss */
article form {
  margin: 10px auto;
  width: 90%;
  /* breakpoint: smartphone | desktop; */
}
@media (max-width: 768px) {
  /* line 423, ../sass/subpage.scss */
  article form {
    width: 100%;
  }
}
/* line 429, ../sass/subpage.scss */
article form fieldset {
  background: none;
  border: none;
}
/* line 433, ../sass/subpage.scss */
article form fieldset legend {
  display: none;
}
/* line 436, ../sass/subpage.scss */
article form ul {
  list-style: none;
  margin: 0px;
}
/* line 439, ../sass/subpage.scss */
article form ul > li {
  width: 100%;
  float: left;
  overflow: hidden;
  margin-bottom: 15px;
  padding: 0px;
}
/* line 446, ../sass/subpage.scss */
article form ul.Radio {
  clear: none;
  float: left;
  list-style: none;
  overflow: hidden;
  width: 85%;
  margin: 0px;
}
/* line 453, ../sass/subpage.scss */
article form ul.Radio li {
  float: left;
  line-height: 28px;
  margin: 0;
  padding: 0;
}
/* line 458, ../sass/subpage.scss */
article form ul.Radio li input {
  float: none;
  height: auto;
  width: auto;
}
/* line 465, ../sass/subpage.scss */
article form ul.RadioLine li {
  clear: none;
  float: left;
  width: 100%;
  overflow: hidden;
}
/* line 470, ../sass/subpage.scss */
article form ul.RadioLine li p {
  width: 40%;
  float: left;
  text-align: left;
}
/* line 475, ../sass/subpage.scss */
article form ul.RadioLine li input {
  width: auto;
  float: left;
  margin: 4px 33px 10px;
  outline: none;
}
/* line 481, ../sass/subpage.scss */
article form ul.RadioLine li span {
  float: left;
  overflow: hidden;
  width: 20%;
}
/* line 485, ../sass/subpage.scss */
article form ul.RadioLine li span.Space {
  float: left;
  width: 40%;
  height: 1px;
}
/* line 492, ../sass/subpage.scss */
article form ul.Checkbox {
  clear: none;
  float: left;
  list-style: none;
  overflow: hidden;
  margin: 5px 0;
  padding: 0;
  width: 310px;
}
/* line 500, ../sass/subpage.scss */
article form ul.Checkbox li {
  float: left;
  margin: 0 0 8px 0;
  padding: 0;
}
/* line 504, ../sass/subpage.scss */
article form ul.Checkbox li.AnotherIdea {
  clear: both;
  width: 100%;
}
/* line 508, ../sass/subpage.scss */
article form ul.Checkbox li input {
  float: none;
  height: auto;
  width: auto;
}
/* line 516, ../sass/subpage.scss */
article form ul.Slider li .SliderHead {
  float: right;
}
/* line 519, ../sass/subpage.scss */
article form ul.Slider li .Less,
article form ul.Slider li .Great,
article form ul.Slider li .slider {
  float: left;
  width: 19%;
}
/* line 525, ../sass/subpage.scss */
article form ul.Slider li input {
  width: auto;
  margin: 3px 0 0 0;
  float: left;
}
/* line 532, ../sass/subpage.scss */
article form textarea {
  border: 1px solid #d7d7d7;
  background: #fff;
  color: #333;
  width: 73%;
  height: 80px;
  margin-bottom: 10px;
}
/* line 540, ../sass/subpage.scss */
article form select {
  border: 1px solid #d7d7d7;
  background: #fff;
  color: #333;
  width: 55%;
  height: 40px;
  line-height: 40px;
  padding: 0px 10px;
  font-size: 22px;
  /* breakpoint: smartphone | desktop; */
}
@media (max-width: 768px) {
  /* line 540, ../sass/subpage.scss */
  article form select {
    font-size: 18px;
    width: 58%;
  }
}
/* line 554, ../sass/subpage.scss */
article form label {
  clear: left;
  float: left;
  display: block;
  text-align: right;
  width: 40%;
  line-height: 40px;
  padding-right: 10px;
  font-size: 24px;
  font-weight: bold;
  /* breakpoint: smartphone | desktop; */
}
@media (max-width: 768px) {
  /* line 554, ../sass/subpage.scss */
  article form label {
    font-size: 16px;
    width: 40%;
    line-height: 20px;
  }
}
/* line 570, ../sass/subpage.scss */
article form input {
  background: #fff;
  border: 1px solid #d7d7d7;
  color: #333;
  width: 55%;
  height: 40px;
  line-height: 40px;
  padding: 0px 10px;
  font-size: 24px;
  /* breakpoint: smartphone | desktop; */
}
@media (max-width: 768px) {
  /* line 570, ../sass/subpage.scss */
  article form input {
    font-size: 18px;
    width: 58%;
  }
}
/* line 584, ../sass/subpage.scss */
article form input.Verify {
  width: 110px;
  margin: 0 0 0 10px;
  clear: right;
}
/* line 589, ../sass/subpage.scss */
article form input.BtnReg, article form input.BtnReset {
  border: none !important;
  width: auto !important;
  height: auto !important;
  margin: 15px auto;
  padding: 0px !important;
  background: none;
  /* breakpoint: smartphone | desktop; */
}
@media (max-width: 768px) {
  /* line 589, ../sass/subpage.scss */
  article form input.BtnReg, article form input.BtnReset {
    margin: 15px auto;
    max-width: 50%;
  }
}
/* line 602, ../sass/subpage.scss */
article form input.BtnReset {
  width: auto;
  margin: 15px 10px 0 0;
}
/* line 607, ../sass/subpage.scss */
article form input[type="radio"].Gift {
  width: 16px;
  line-height: 16px;
}
/* line 612, ../sass/subpage.scss */
article form .BtnReg img {
  max-width: 50%;
}
/* line 616, ../sass/subpage.scss */
article form .text-hide {
  color: #c9c5c5;
}
/* line 619, ../sass/subpage.scss */
article form .Require {
  color: #ff0000;
}
/* line 622, ../sass/subpage.scss */
article form .Note {
  width: 115px;
  height: 20px;
  padding-left: 5px;
  text-align: left;
  float: right;
  color: #fff;
  font-style: 11px;
  line-height: 20px;
}
/* line 632, ../sass/subpage.scss */
article form .ImgVerify {
  float: left;
  margin: 0 10px 0 0;
}
/* line 636, ../sass/subpage.scss */
article form p {
  margin: 0;
  padding: 0;
  text-align: left;
}
/* line 640, ../sass/subpage.scss */
article form p.center {
  text-align: center;
}
/* line 643, ../sass/subpage.scss */
article form p.TextNote {
  color: #ff0000;
  font-size: 13px;
  padding: 0 0 0 40%;
  display: none;
}
/* line 651, ../sass/subpage.scss */
article .post__cate-and-time {
  color: #727272;
  margin-bottom: 0;
}
/* line 146, ../sass/_mixins.scss */
article .post__cate-and-time .search__cate,
article .post__cate-and-time .posts__cate {
  color: #444444;
  font-size: 11px;
  margin-right: 5px;
  text-transform: uppercase;
}
/* line 155, ../sass/_mixins.scss */
article .post__cate-and-time .search__time,
article .post__cate-and-time .posts__time {
  color: #444444;
  margin-left: 5px;
  font-size: 12px;
}

/* line 659, ../sass/subpage.scss */
.rte * {
  font-family: FontTitle, "Roboto", Tahoma, Arial, sans-serif;
}

/* line 661, ../sass/subpage.scss */
.subpage-details {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  padding: 0 20px 40px;
  /* breakpoint: smartphone | desktop; */
  /* between desktop ~ smartphone */
  /* breakpoint: smartphone | desktop; */
}
/* line 38, C:/Ruby26-x64/lib/ruby/gems/2.6.0/gems/neat-compass-1.6.0/stylesheets/neat/grid/_span-columns.scss */
.subpage-details:last-child {
  margin-right: 0;
}
@media (max-width: 768px), (min-width: 769px) and (max-width: 1024px) {
  /* line 661, ../sass/subpage.scss */
  .subpage-details {
    width: 100%;
    padding: 0 20px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 0%;
    border: 0;
  }
}
@media (max-width: 768px) {
  /* line 661, ../sass/subpage.scss */
  .subpage-details {
    padding: 0 0 40px 0;
  }
}

/* line 679, ../sass/subpage.scss */
#canvas {
  width: 100%;
}

/* line 685, ../sass/subpage.scss */
#outer main {
  width: 100%;
  margin: 0 auto;
  /* breakpoint: smartphone | desktop; */
  /* between desktop ~ smartphone */
}
@media (max-width: 768px), (min-width: 769px) and (max-width: 1024px) {
  /* line 685, ../sass/subpage.scss */
  #outer main {
    margin-top: 0;
  }
}

/*# sourceMappingURL=subpage.css.map */