@charset "UTF-8";
html, body {
  margin: 0;
  padding: 0; }

body {
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3;
  font-size: 12px;
  color: #444444;
  line-height: 1.5;
  font-weight: normal; }

ul li {
  list-style: none;
  padding: 2px 0px 4px 0px;
  margin: 0; }

img {
  max-width: 100%; }

p {
  line-height: 2.0;
  padding: 7px 5px 7px 5px;
  margin: 0; }

a {
  opacity: 1;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  color: #444444; }
  a:hover {
    color: #696969; }

.container {
  width: 800px;
  margin-right: auto;
  margin-left: auto;
  height: auto; }

.clear:before, .clear:after {
  content: "";
  display: table;
  table-layout: fixed; }
.clear:after {
  clear: both; }

.mb14 {
  margin-bottom: 14px; }

.wrapper {
  border-top: 7px solid #111; }
  .wrapper:after {
    content: "";
    clear: both;
    display: table; }
  .wrapper .main-content {
    float: right;
    width: 600px;
    padding-right: 5px;
    margin-top: 10px; }
    .wrapper .main-content .content-wrap {
      border: 1px solid #cccccc; }
      .wrapper .main-content .content-wrap .banner {
        width: auto;
        height: 80px;
        background: url("../img/img_up.jpg") no-repeat; }
    .wrapper .main-content .image-wrap {
      padding: 10px;
      margin-bottom: -5px; }
      .wrapper .main-content .image-wrap img {
        max-width: unset; }
    .wrapper .main-content .page-head-ttl {
      padding: 5px 0px 5px 5px; }
    .wrapper .main-content .page-head-ttl h2 {
      margin: 8px 0 0 0;
      font-size: 12px; }
    .wrapper .main-content .page-content {
      padding: 5px 20px 20px 20px; }
      .wrapper .main-content .page-content .links {
        margin-top: 14px; }
        .wrapper .main-content .page-content .links.mt2 {
          margin-top: 28px; }
        .wrapper .main-content .page-content .links ul {
          padding: 5px 0px 5px 20px; }
          .wrapper .main-content .page-content .links ul li {
            display: inline-block;
            padding: 0px 5px 0px 5px; }
      .wrapper .main-content .page-content.diff-pad p {
        padding: 10px 5px 0px 5px; }
    .wrapper .main-content .page-content h3 {
      padding: 20px 0px 0px 0px;
      margin: 0;
      display: block;
      font-size: 12px; }
    .wrapper .main-content .page-content p {
      margin: 0;
      padding: 7px 5px 7px 5px; }
    .wrapper .main-content .page-content p.parag-img {
      text-align: center;
      padding: 10px 0 5px; }
    .wrapper .main-content .page-content ul {
      padding: 0;
      margin: 0; }
    .wrapper .main-content .page-content hr {
      margin-top: 1em; }
    .wrapper .main-content .page-content h4 {
      margin-top: 2em;
      font-size: 150%;
      font-weight: 800;
      margin-bottom: 0;
      padding: 0px 0px 5px 0px; }
    .wrapper .main-content .next-page {
      text-align: right;
      padding: 15px 10px 0px 0px;
      clear: both; }
  .wrapper .side-content {
    float: left;
    width: 185px;
    margin-top: 10px; }
    .wrapper .side-content h1 {
      margin: 0;
      width: 180px;
      height: auto;
      text-align: center;
      font-size: 12px;
      font-weight: normal; }
      .wrapper .side-content h1 a:hover {
        opacity: 0.85; }
    .wrapper .side-content .sidebar-menu {
      width: 180px;
      margin-top: 5px;
      padding-top: 20px;
      margin-left: 5px;
      border-top: 1px solid #cccccc; }
      .wrapper .side-content .sidebar-menu ul {
        margin: 0;
        padding-left: 20px; }
        .wrapper .side-content .sidebar-menu ul li {
          padding: 3px 0px 0px 0px;
          padding-left: 20px;
          background: url("../img/img_mark.gif") no-repeat;
          background-position: 2% 45%; }
          .wrapper .side-content .sidebar-menu ul li a:hover {
            opacity: 0.85; }

footer {
  padding-top: 100px;
  border-bottom: 7px solid #111; }
  footer .footer-link {
    padding-top: 5px;
    padding-left: 5px;
    border-top: 1px dashed #CCCCCC;
    font-size: 13px;
    margin-left: 5px;
    letter-spacing: -0.2px; }

@media screen and (max-device-width: 767px) {
  .wrapper .main-content .page-content p,
  .wrapper .main-content .next-page,
  .wrapper .main-content .page-content ul {
    font-size: 16px; }

  footer .footer-link {
    font-size: 12px; } }
@media screen and (max-device-width: 414px) {
  .wrapper .main-content .page-content p,
  .wrapper .main-content .next-page, footer .footer-link,
  .wrapper .main-content .page-content ul {
    font-size: 20px; } }
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
  footer .footer-link {
    font-size: 12px; } }


/*ここから追加*/   


/* =申込フォーム
----------------------------------------------- */

.box2{margin:0 0 20px;padding:10px 15px 10px 17px}
.hr1{border-top:solid 0.8px #CCC;margin:10px 0 12px}
.hr2{border-top:solid 0.8px #800000;margin:20px 0 12px}
.fsp-13{font-size:13px;margin:0}
.m-10a { margin: 5px 5px 10px auto }
.sp1 { margin: 20px 0px }
.sp2 { margin: 15px 0px }

#asumeruform form label{display:inline;font-size:18px;font-weight:400}
#asumeruform form textarea{font-size:18px;width:99%;height:150px;padding:3px}

.c-maroon { color: #cc0000 }
.fs-20 { font-size: 18px }
.fs-20s{font-size:18px;margin:0}
.mb-28 { margin-bottom: 28px }
.bg-white { background-color: #fff }
.require{color:red;font-size:11px;font-weight:700;display:inline-block}
.text-center {text-align: center;}

/* =asumeru
----------------------------------------------- */

#asumeruform{width:100%}
#asumeruform table{border-collapse:collapse;margin:0 0 10px;width:100%;table-layout:fixed;border-color:#ccc}
#asumeruform table th{width:30%;padding:5px 10px;border:1px solid #ccc;background:#ffc;text-align:left;vertical-align:middle;font-size:18px;color:#000}
#asumeruform table tr{border-color:#ccc}
#asumeruform table td{padding:10px;border:1px solid #ccc;color:#000;font-size:18px}
#asumeruform input{font-size:18px}
#asumeruform .inputSelect{padding:3px;font-size:18px;color:#000}
#asumeruform .inputText.inputTextShort,#asumeruform .inputText.inputTextShortest{width:70%}
#asumeruform .inputText.inputTextLong{width:98%}
#asumeruform textarea{font-size:18px;width:98%;height:150px;padding:3px}
#asumeruform .formBtn{font-size:18px;width:60%;height:50px;padding:4px 8px;-webkit-appearance:none;-webkit-border-radius:4px;-webkit-box-shadow:0 2px 2px #fff;border-radius:2px;box-shadow:0 2px 2px #ccc;background-color:#ff6600;color:#fff}
#asumeruform .center-text{text-align:center}
#asumeruform span.require{color:red;font-weight:700}


/*ここまで追加*/


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