@charset "UTF-8";
/* CSS Document */

html { background-color: #F4F4F4;}
body { color: #333; font-feature-settings : "palt"; letter-spacing: .04em;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;}
a { color: #0068C6; cursor: pointer; text-decoration: none;}
a:visited {color: #0068C6;}
a:hover,a:active { color: #0090FC;}

input[type="submit"]{ -webkit-appearance: none;}

.section {padding-top: 1rem;}
.sofmap_logo {max-width: 200px; display: block; margin: 20px auto;padding-right: 10px;}
.sofmap_logo img {width: 100%;}
.login_box {display: block; margin: 20px auto; max-width: 460px;box-shadow: 0 0px 12px rgba(10,10,10,.1), 0 0 0 1px rgba(10,10,10,.1);}
.inner_wrp {padding:20px 40px;}
.inner_wrpS {padding:20px 25px;}
h2.title.is-6 {margin-bottom: .45em;}
.attention,.error_txt {color: #DF4525; font-size: .75rem;margin-bottom: .45em;}
input.is-login {font-size: .9375rem;    height: 3em;}
input.is-error {border-color: #DF4525;}
.button {font-weight: bold; height: 4em;margin: 1rem auto;}
.button.is-Msize {height: 3.5em;}
.button.is-green {background-color: #96DC5F; color: #333; }
.button.is-green.is-small {height: auto; margin: 0 auto;}
h3.title.is-red {color: #DF4525;margin-bottom: .45em;}
.nomgb {margin-bottom: 0 !important;}
.mgt03 {margin-top: .3rem;}
.mgb03 {margin-bottom: .3rem;}
.mgb05 {margin-bottom: .5rem;}
.mgb1 {margin-bottom: 1rem;}

.icon.is-small img {height: .95em;}
.textarea { display: block; border: 1px #DDDDDD solid; min-height: 18em !important; overflow-y: scroll; padding: 1.5rem;}

.button.is-cancel { background-color: #CECECE; color: #333;}

ul.disc {list-style-type: none;}
ul.disc li { display: block; position: relative; margin-left: 1em; line-height: 1.3; padding-bottom: .5em;}
ul.disc li::before {content: "・"; display: block;position: absolute; left: -.8em; top:0;}

.linebox_gray {display: block; border: 2px #F4F4F4 solid; margin: 1rem auto; padding: .8rem;}
.linebox_gray h5 {font-size: .875rem; font-weight: bold; margin-bottom: .35em;}

.txtS {font-size: .8125rem;}
.txtMS {font-size: .875rem;}
.txtM {font-size: .9375rem;}
.txtL {font-size: 1.125rem;}


@media screen and (max-width: 660px) {
.section {padding:1rem 7.5vw 3rem 7.5vw;}
.inner_wrp { padding: 20px 0;}
.note-email:before {width:1.25em;}
.txtS {font-size: 3vw;}
.txtMS {font-size: 3.2vw;}
.txtM {font-size: 3.4vw;}
.txtL {font-size: 4vw;}


}