@charset "Shift_JIS";

/* common */
body {
    min-height: 100vh;
    position: relative;
    padding-bottom: 60vw;
    box-sizing: border-box;
}
img {
    vertical-align: middle;
}
.align-center {
    text-align: center;
}
.login-note {
    margin: 0 auto 40px;
    width: 95%;
}
.login-note p {
	line-height: 1.6;
}
.login-note_title {
    font-weight: bold;
    margin-bottom: 5px;
}

/* header */
#cms-header {
    line-height: 1.35em;
    padding: 0px;
    height: auto;
    margin: 0 auto !important;
    width: 950px !important;
}
#cms-header:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
#cms-header #logo {
    float: left;
    width: 130px;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-bottom: 4px;
    padding-top: 0;
    height: auto;
}

/* footer */
footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
#footer_wrap {
    padding: 20px 3% 0 3%;
    color: #fff;
    text-align: center;
    background: #0064af;
}
#footer_wrap #pagetop {
    width: 85%;
    margin: 0 auto;
}
#footer_wrap #pagetop a {
    border-radius: 8px;
    padding: 10px 0;
    display: block;
    font-weight: bold;
    text-shadow: 1px 1px 0 rbg(0 0 0 / 50%);
    background: #0d86d1;
}
#footer_wrap #pagetop a span {
    padding-right: 22px;
    background: url("https://www.osakagas.co.jp/ssl/form/common_sp/img/btn_icon_pagetop.png") right center no-repeat;
    background-size: 13px 10px;
}
#footer_wrap a {
    font-weight: bold;
}
#footer_wrap .copyright {
    font-size: 9px;
    font-weight: bold;
    text-align: center;
    padding: 12px 0;
    border-top: 2px solid #035b9b;
}

.page-title {
    font-size: 22px;
    margin: 30px auto 40px;
}
.btn-title {
    font-size: 16px;
}
.btn-wrap {
    display: table;
    background: #f8f8f8;
    border: 1px solid #ccc;
    text-align: center;
    width: 95%;
    height: 90px;
    margin: 10px auto 40px;
    text-decoration: none !important;
    position: relative;
}
.btn-wrap span.btn-inner-txt {
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
}
.btn-wrap .btn-inner-txt:after {
    content: "";
    position: absolute;
    top: 48%;
    right: 3.5%;
    width: 0.5em;
    height: 0.5em;
    transform: translateY(-50%) rotate(45deg);
    border-right: 2px solid #0060a7;
    border-top: 2px solid #0060a7;
}
.btn-wrap .btn-inner-txt span {
    font-size: 14px;
    display: block;
}
.text-link {
    display: inline-block;
    text-decoration: underline;
}
.smtb_annai_txt {
  width: 95%;
  margin: 30px auto 0;
  line-height: 1.6;
}
.smtb_annai_txt a {
  text-decoration: underline;
}
.smtb_annai_txt ul li {
  line-height: 1.6;
  padding-left: 1em;
  text-indent: -1em;
}
.smtb_annai_txt ul li + li {
  margin-top: 5px;
}

/* contract.html */
.entrance_tel {
    margin: 0 15px 15px;
    border: #999999 1px solid;
    padding: 8px 0;
    font-size: 11px;
    text-align: center;
}
.entrance_tel p {
    margin-bottom: 8px;
}
.entrance_tel_number a img {
    width: 263px;
    height: auto;
}
.note {
    margin: 0 15px 50px;
    line-height: 1.6em;
}
.note p {
    text-indent: -1em;
    padding-left: 1em;
}
.note a {
    display: block;
    text-decoration: underline;
}

.caution {
    margin: 40px auto 0;
    text-indent: -1em;
    padding:0 1em 0 2em;
}

.caution.contract {
    margin-bottom:40px;
}