/* Code tidied up by ScrapBook */
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: 0px;
  padding: 0px;
  border: 0px none;
  font-style: normal;
  font-size: 100%;
  vertical-align: baseline;
  font-family: "メイリオ", "ms pgothic", sans-serif;
  color: rgb(51, 51, 51);
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
html {
  overflow-y: scroll;
}
ol, ul {
  list-style: outside none none;
}
a:focus {
  outline: medium none;
}
.clearfix::after {
  content: ".";
  display: block;
  clear: both;
  height: 0px;
  visibility: hidden;
}
body {
  line-height: 150%;
}
a {
  text-decoration: none;
}
img {
  max-width: 100%;
}
/*.border02 {
  border-bottom: 2px solid rgb(206, 177, 76);
}*/
.triangle4 {
  width: 0px;
    height: 0px;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid rgb(247, 152, 27);
    margin: 0px auto;
}
.bg02 {
  text-align: center;
  background: #d1e8ff;
  height: auto;
  padding: 10px 0px;
}
.bg03 {
      text-align: center;
    background: rgb(57, 154, 225) none no-repeat scroll center top;
    height: auto;
    padding: 20px 0px;
}
/*.bg05 {
  background: rgb(255, 254, 246) none repeat scroll 0% 0%;
}*/
.bg06 {
  background: rgb(238, 238, 238) none repeat scroll 0% 0%;
}
.bg07 {
  background-image: url("bg01.jpg");
  background-size: cover;
  background-attachment: fixed;
}
.bg08 {
  text-align: center;
  height: auto;
  background: rgb(239, 48, 30) none no-repeat scroll center top;
  padding: 20px 0px;
}
.bg09 {
    background: #f9ff87;
}
.box02 {
  background: rgb(255, 255, 255) none repeat scroll 0% 0%;
  border: 3px solid rgb(68, 181, 192);
  padding: 30px 15px 15px;
  margin: 20px 0px;
}
.text_ul {
  text-decoration: underline;
}
.bold {
  font-weight: bold !important;
}
ul {
  list-style: outside none none;
}
.gazo {
  width: 40% !important;
}
.text_right {
  text-align: right !important;
}
table.contents.info {
  width: 100%;
}
.info th {
  padding: 8px 0px;
  border: 1px solid rgb(204, 204, 204);
  background: rgb(83, 184, 232) none repeat scroll 0% 0%;
  color: white;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  font-size: 20px;
}
.entry_name {
  display: block;
  width: 96%;
  height: 40px;
  margin: 5px auto 5px 5px;
  border: 2px solid rgb(204, 204, 204);
  font-size: 20px;
  text-align: left;
  border-radius: 3px;
  box-sizing: border-box;
}
.submit_btn {
  width: 100%;
  height: auto;
  display: block;
  margin: 20px auto;
  background: rgba(0, 0, 0, 0) url("btn.png") no-repeat scroll center center;
  border: 0px none;
  cursor: pointer;
  padding-top: 16%;
}
.info td {
  padding: 10px;
  border: 1px solid rgb(204, 204, 204);
  box-sizing: border-box;
}
.center {
  text-align: center !important;
}
.justify {
  text-align: justify;
}
.bold {
  font-weight: bold !important;
}
.font75 {
  font-size: 75% !important;
}
.font90 {
  font-size: 90% !important;
}
.font120 {
  font-size: 120% !important;
}
.clearfix::after {
  content: ".";
  display: block;
  clear: both;
  height: 0px;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
.mt00 {
  margin-top: 0px !important;
}
.mb00 {
  margin-bottom: 0px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.pt00 {
  padding-top: 0px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pb00 {
  padding-bottom: 0px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.pb40 {
  padding-bottom: 40px !important;
}
.pc {
  display: none;
}
.red_text {
  color: rgb(230, 43, 96);
}
.migi {
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
}
img {
  width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
@media screen and (max-width: 769px) {
  td, th {
    display: block;
    width: 100%;
  }
  .contents {}
  .submit_btn {
    width: 100%;
    height: auto;
    display: block;
    margin: 20px auto;
    background: rgba(0, 0, 0, 0) url("btn.png") no-repeat scroll center center / contain;
    border: 0px none;
    cursor: pointer;
    padding-top: 16%;
  }
}
@media screen and (max-width: 750px) {}
@media screen and (min-width: 769px) {
  body {
    min-width: 1000px;
  }
  a {
    text-decoration: none;
  }
  .inner {
    width: 1000px;
    margin: auto;
    box-sizing: border-box;
  }
  img {
    width: auto !important;
  }
  .sp {
    display: none;
  }
  .pc {
    display: inline-block;
  }
  .submit_btn {
    width: 100%;
    height: auto;
    display: block;
    margin: 20px auto;
    background: rgba(0, 0, 0, 0) url("btn.png") no-repeat scroll center center;
    border: 0px none;
    cursor: pointer;
    padding-top: 16%;
  }
}
header {
  background: rgba(0, 0, 0, 0) url("bg.jpg") repeat scroll 0% 0% / 6vw auto;
}
header h1 {
  line-height: 0;
}
.howto {
  margin: 0px;
  padding: 2vw 0px;
}
.howto h2 {
  margin: 0px;
  line-height: 0;
  text-align: center;
}
.text_block {
  margin: 4vw 0px;
}
.text_block > ul {
  margin: 0px;
}
.text_block > ul > li {
  margin: 0px 0px 5vw;
}
.text_block > ul > li .inner {
  padding: 3vw;
}
.text_block > ul > li p {
  margin: 0px;
  font-size: 4vw;
  line-height: 170%;
}
footer {
  margin: 6vw 0px 0px;
  background: rgb(68, 181, 192) none repeat scroll 0% 0%;
  padding: 5vw 0px 14vw;
}
footer .inner {
  padding: 0px 7vw;
}
footer p, footer ul li {
  font-size: 3.5vw;
  line-height: 160%;
  color: rgb(255, 255, 255);
}
footer .company_text {
  margin: 0px 0px 5vw;
}
footer .company_text a {
  color: inherit;
}
#bottom_tel {
  width: 100%;
  display: block;
  position: fixed;
  bottom: 0px;
  z-index: 99;
}
#bottom_tel a {
  display: block;
  line-height: 0;
}
@media screen and (min-width: 768px) {
  footer {
    padding: 5vw 0px 0px;
  }
  #bottom_tel {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  header {
    background: url("main_pc.png") no-repeat scroll center center, rgba(0, 0, 0, 0) url("bg01.jpg") repeat scroll center center / cover;
    height: 906px;
  }
  header h1 {
    display: none;
  }
  .howto {
    margin: 0px;
    padding: 10px 0px;
  }
  .text_block {
    margin: 50px 0px -30px;
  }
  .text_block > ul {
    margin: 0px;
  }
  .text_block > ul > li {
    margin: 0px 0px 40px;
  }
  .text_block > ul > li .inner {
    padding: 0px 73px;
  }
  .text_block > ul > li p {
    margin: 0px;
    font-size: 26px;
  }
  footer {
    margin: 80px 0px 0px;
    padding: 20px 0px;
    background: rgb(60, 140, 218) none repeat scroll 0% 0%;
  }
  footer .inner {
    padding: 0px 70px;
  }
  footer p, footer ul li {
    font-size: 20px;
  }
  footer .company_text {
    margin: 0px 0px 35px;
  }
  footer .company_text a:hover {
    text-decoration: underline;
  }
}