@charset "UTF-8";

html, body {
    width: 100%;
    height: 100%;
}

html, body, div, p, h1, h2, h3, ul, li, span {
    margin: 0px;
    padding: 0px;
    position: relative;
    box-sizing: border-box;
}

body {
    color: #111;
    background-color: #F6F5F2;
    cursor: default;
    font-family: "Meiryo","メイリオ","YuGothic","Yu Gothic","Hiragino Kaku Gothic Pro","MS UI Gothic","ＭＳ Ｐゴシック","MS PGothic",Tahoma,sans-serif;
    font-size: 14px;
}

div, ul, li, a {
}

a {
    /*text-decoration: none;*/
}

a:link, a:visited {
    color: rgba(3,68,120,1.00);
}

a:hover, a:active {
    color: rgba(228,47,140,1.00);
}

ul {
    list-style-type: none;
}

ul.list-inline li {
    display: inline-block;
}

img {
    border: none;
    vertical-align: middle;
}

.block {
    
}

.block:after {
    content: "";
    display: block;
    clear: both;
}

.block-left {
    float: left;
}

.block-center {
    text-align: center;
}

.block-right {
    float: right;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.w25 {
    width: 25%;
}

.w50 {
    width: 50%;
}

.w75 {
    width: 75%;
}

hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(90deg,rgba(255,255,255,1.00) 0%,
                        rgba(221,221,221,1.00) 50%,
                        rgba(255,255,255,1.00) 99.48%);
}


/* フォーム
-------------------- */
.btn {
    display: inline-block;
    margin: 10px 0px;
    padding: 10px 20px;
    background-color: rgba(51,179,175,0.70);
    color: rgba(255,255,255,1.00) !important;
    border: 2px none rgba(255,255,255,0.50);
    border-radius: 3px;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    text-decoration: none;
}

.btn:hover{
    background-color: rgba(51,179,175,1);
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.16);
    box-shadow: 0px 0px 10px rgba(0,0,0,0.16);
}

.btn-small {
    padding: 5px 10px;
}

.btn-default {
    color: rgba(51,179,175,1) !important;
    background-color: rgba(255,255,255,1.00);
}

.btn-default:hover{
    background-color: rgba(240,250,250,1.00);
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.16);
    box-shadow: 0px 0px 10px rgba(0,0,0,0.16);
}

input[type=text], input[type=password], input[type=email], input[type=number] {
    padding: 5px;
}

label {
    cursor: pointer;
}

label:hover {
    color: rgba(0,159,237,1.00);
    background-color: rgba(248,255,0,0.28);
}

.table dl {
    display: block;
    width: 600px;
    margin: 10px auto;
}

.table dt {
    display: inline-block;
    width: 120px;
    height: auto;
    margin: 0px;
    padding: 0px;
    vertical-align: top;
}

.table dd {
    display: inline-block;
    width: 400px;
    height: auto;
    margin: 0px;
    padding: 0px;
    vertical-align: top;
}

.hissu {
}

.hissu:after {
    content: "※必須";
    margin: 0px 10px;
    font-size: 0.7rem;
    color: rgba(183,48,50,1.00);
}