@charset "utf-8";
/***ページタイトル画像**/
#termsSec{padding-top: 2em;padding-bottom: 4em;}
.midTitle {text-align: center;display: flex;align-items: center;justify-content: center;font-size: 2.4em;position: relative;margin-bottom: 1em;line-height: 1em;color: #808080;padding: 0.5em 1em;font-weight: bold;}
.midTitle:before {margin-right: 1em;}
.midTitle:after {margin-left: 1em;}
.midTitle:before, .midTitle::after {content: "";height: 1px;background-color: #969696;width: 1em;}
#termsSec h3{font-size: 1.5em;margin-top: 2.25em;margin-bottom: 0.75em;}
#termsSec h3:first-of-type{ margin-top: 0;}
#termsSec ul.termsList{ display: inline-block; vertical-align: top;}
#termsSec ul.termsList li{text-indent: -1.3em;margin-left: 1.3em;line-height: 1.8em;margin-bottom: 0.75em;}
#termsSec .termsTonly{display: block;}
#termsSec ul.termsSubinfo{padding-left: 2em;}
#termsSec .termsTonly + .termsList{padding-top: 1em;}
#termsSec .terms_yymmdd{display: block;margin-top: 2em;}
#termsSec .terms_center{display: block;text-align: center;margin-bottom: 0.5em;}
#termsSec .terms_right{display: block;text-align: right;margin-bottom: 0.5em;}
#termsSec .termsMail{text-decoration: underline;display: inline;}
#termsSec .termsMail:hover{text-decoration: none;opacity: 0.8;}

/*responsive*/
@media screen and (max-width: 810px) {
    .midTitle{font-size: 2em;padding: 0.4em 1em 0.5em;}
    #termsSec h3{font-size: 1.25em;}
    #termsSec ul.termsSubinfo{padding-left: 1.4em;}
    #termsSec .termsMail:hover{text-decoration: underline;opacity:1;}
}