@charset "utf-8";
/* CSS Document */
img {
    max-width: 100%;
}
            body {
            background: #d7d8d8;
        }
        .wrap {
            background: #FFF;
            text-align: center;
        }
        .matimglink {
            display: block;
            text-align: center
        }
        .topjump{
      background: #3a7aab;
    width: 70px;
    color: #FFF;
    position: fixed;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    display: block;
    line-height: 4rem;
        }
        footer .wrap {
            padding-bottom: 10px;
        }
.pc {display: none;}
  body {
            margin: 0;
            padding: 0;
             font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo, sans-serif;
                overflow-x: hidden;
        }
        p {
            margin: 0 auto;
            padding: 0
        }
        a {
            text-decoration: none;
        }
        a img:hover {
            opacity: 0.5;
        } 
        ul,li {
            padding: 0;
            margin: 0;
            list-style: none
        }
        h1,h2,h3,h4,h5 {
            margin: 0 auto;
            padding: 0;
        }
        .wrap {
            width: 100%;
            margin: 0 auto;
            position: relative
        }
  .abttl {
     width: 94%;
    color: #FFF;
    background: #3a7aab;
    padding: 3px 0;
    font-size: 0.8rem;
    font-weight: bold;
    border-radius: 50px;
    margin: 0 auto 20px;
}     
     #contact {
            text-align: center;
            padding: 20px 0;
            color: #333333
        }
        p.contoptext {
            line-height: 2em;
    margin: -20px auto 50px;
                width: 95%;
        }
         p.conundertext {
                 margin-top: 50px;
    width: 90%;
    font-size: 0.9em;
}
        form {
        width: 90%;
    margin: 30px auto;
        }
        table th{
               text-align: left;
    position: relative;
    color: #656569;
    width: 100%;
        }
        table th:before{
            position: absolute;
            right: 10px;
            content: "※ 必須";
            color: #ec6d65;
            font-size: 90%;
            font-weight: normal;
        }
        table td {
            padding: 10px 0
        }
table th,table td{
      width: 100%;
    display: block;
    font-size: 0.8rem;
}
        input,textarea {
            background: #e9f0f9;
            border: none;
            padding: 10px 1%;
            font-size: 1.2rem;
            font-weight: normal;
            width: 98%;
        }
        table {
            margin-bottom: 20px;
        }
        p.subm:before {
background: url(img/top.png)no-repeat;
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    right: 20px;
    top: 19px;
    transform: rotate(90deg);
    background-size: cover;
        }
         input[type=submit],input[type=reset],input[type=button] {
     width: 100%;
    background: #c10018;
    color: #FFF;
    font-size: 1rem;
    text-align: center;
    padding: 15px 0;
    border-radius: 5px;
    letter-spacing: 0.1em;
    font-weight: bold;
        }
        input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover {
            cursor: pointer;
            background: #d7d8d8;
        }
footer img {
    width: 70%;
}

        .matlasttext {
    width: 90%;
    text-align: left;
    font-size: 0.7rem;
    border-top: 1px solid #3a7aab;
    padding: 10px 5%;
    line-height: 1.2rem;
        }

        footer  .copy {
            font-size: 0.8rem;
            text-align: center
        }