body {max-width:750px; margin:0 auto; text-align:center; letter-spacing:-0.04em;}
img {width:100%;}
.icon {width:25px; display:inline-block;}
.line {line-height:60px;}

header ul {display:flex; justify-content:space-between; align-items:center; padding:2.3% 2%;}
header .logo {width:10%;}
header .title {width:80%; font-size:1.06rem; font-weight:500; }
header .click {width: 10%;}
header .click .icon img{width: 100%;}
ul.header {border-bottom:1px solid #999;}

header h3 {padding: 4% 5%;}
header h3, header h3 * {text-align: left; font-size: 3rem; line-height: 1.5;}

header .profile {width:90%; margin:0 auto 6%; padding:0 0 6%; border-bottom:1px solid #ccc;}
header .profile li {display:flex; align-items:center;}
header .profile .user_img {width:40px; margin-right:6%; border-radius:100%; overflow:hidden;}
header .profile .user_info {text-align:left;}
header li .today {font-size:0.8rem; line-height:1.5; color:#bbb;}
header .profile .plus {
    width:90px; padding:8% 4%; margin-right:7%; border: 1px solid #0e3457;
    font-size:0.8rem; text-align:center; color:#0e3457;
}

main section {width:98%; margin:0 auto;}

.sub {text-align: right;font-size: 0.8rem;}
.text_wrap, .text_wrap * {text-align: center; line-height:1.8; margin-bottom:30px; font-size:1.5rem;}
.bold, .bold * {font-weight:600;}
.hl, .hl * {background-color:#ffffce;}
.red, .red * {color:#f00;}
.size1, .size1 * {font-size:1.65rem;}
.notice, .notice * {color: #00f; line-height: 1.6;}
.notice h3 {line-height: 2; font-size: 1.6rem; font-weight: 600; background-color: #00f; color:#ff0;}

.f_btn {position: fixed; right: 2%; bottom: 10%; width: 25%; max-width:170px;}

.float {
    width:100%; background-color:#fff; padding:12px 5%; border-top:1px solid #ccc; margin-top:40px;
    position:sticky; bottom:0; left:0;
}
.float ul {display:flex; justify-content:space-between;}
.float ul .f_R {display:flex; align-items:center;}
.float ul .f_R p {font-size:0.8rem; color:#555; margin-right:5px;}

form {padding:3%;}

.que {margin-bottom:25px;}
.que input {display:none;}
.que dt {font-size:1.4rem; line-height:2.4; font-weight:600;}
.que dd {display:inline-block; width:32%; margin-top:2px;}
.que input+label {
    display:inline-block; width:100%; background-color:#eee; padding:15px 0;
    border-radius:10px; text-align:center;
}
.que input:checked+label {background-color:#104cb9; color:#fff; font-weight:600;}

.info dl {display:flex; margin-bottom:2%;}
.info dt {width:25%; text-align:center; }
.info dt.title{display: flex; align-items: center; justify-content: center;}
.info dd {width:70%;}
.info dd input {display:inline-block; width:100%; line-height:1.8;}
.info dd textarea {display:inline-block; width:100%; height:100px;}
.info .callnum input, .info .callnum select {width:31.4%;}
form p {text-align:center;}
button {
    display:block; width:80%; text-align:center; margin:3% auto;
}

.reply_wrap {width:100%; text-align:left; border-top: solid 3px;}
.reply_wrap div:nth-child(even) {background-color:#F7F7FC;}
.reply {padding: 2%; border-bottom: solid 1px #ccc;}
.reply h4 {line-height:1.5; font-size:1.3rem; font-weight:600;}
.reply h4 span {background-color:#f00; color:#fff; padding:0 3px; border-radius:5px;}
.reply p {line-height:2;}

footer {
    padding:20px 10px; background:#444; text-align:center; height:max-content;
    color:#eee; line-height:1.5; font-size:11px; font-weight:300;
}

.mo_text{
    display: none;
}

.num{
    font-size: 1.3rem;
}