@charset "utf-8";
.cookiefirst-root *{display:none;}

@media all and (max-width: 768px){

/*================*/
section.post_reply{
    padding: 10vw 0 6vw 0;
    background-color: #f2f2f2;
}
section.post_reply>.inner{
    padding: 9vw 10vw 0;
}
/*--------*/
section.post_reply form dl dt {
    font-size: 3vw;
    line-height: 1.4;
    margin-bottom: 2.5vw;
    font-weight: 600;
    letter-spacing: 1.5px;
    position: relative;
}
section.post_reply form dl dt.station__name {
    font-size: 5.4vw;
    margin-bottom: 8vw;
    text-align: center;
}
section.post_reply form dl dd.form__name {
    margin-bottom: 6.5vw;
}
section.post_reply form dl dd.form__area {
    margin-bottom: 4vw;
}
section.post_reply form dl dd span.text__name input,
section.post_reply form dl dd textarea.text__area {
    width: 100%;
    padding: 2vw;
    border: 1px solid #000;
    box-sizing: border-box;
    font-size: 4vw;
    border-radius: 6px;
    letter-spacing: 1.5px;
}
section.post_reply form dl dd span.text__name input:focus,
section.post_reply form dl dd textarea.text__area:focus {
    outline:none;
}
section.post_reply form dl dt .ann {
    width: auto;
    font-weight: 500;
    position: absolute;
    right: 0;
}
section.post_reply form dl dd textarea.text__area {
    height: 22vw;
}
section.post_reply form dl dd span.red {
    color: #e60012;
    font-size: 3vw;
    line-height: 1.4;
    letter-spacing: 1.5px;
    display: inline-block;
    margin-top: 1.5vw;
}
section.post_reply form dl dd.btn__submit {
    margin-bottom: 6vw;
    position: relative;
}
section.post_reply form dl dd.btn__submit::after {
    content: "";
    width: 3vw;
    height: 6vw;
    position: absolute;
    top: 50%;
    right: 4vw;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
    background-image: url("../images/digitalmessageboard/s/arrow_next_white.svg");
    background-repeat: no-repeat;
}
section.post_reply form dl dd .submit,
section.post_reply .back a {
    width: 100%;
    height: 13vw;
    font-size: 4vw;
    font-weight: 900;
    border-radius: 10px;
    line-height: 1.4;
    text-align: center;
    margin: 0 auto;
    letter-spacing: 9px;
    transition: 0.3s;
}
section.post_reply form dl dd .submit:hover,
section.post_reply .back a:hover {
    opacity: 0.7;
}
section.post_reply form dl dd .submit {
    color: #fff;
    background-color: #14362d;
    display: block;
    border: none;
}
section.post_reply form dl dd .submit[type="submit"][disabled] {
    opacity: 0.3;
}
section.post_reply .back a {
    background-color: #fdeb01;
    margin-bottom: 4vw;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
section.post_reply .back a::before {
    content: "";
    width: 3vw;
    height: 6vw;
    position: absolute;
    top: 50%;
    left: 4vw;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
    background-image: url("../images/digitalmessageboard/s/arrow_back_black.svg");
    background-repeat: no-repeat;
}
section.post_reply .ann {
    font-size: 2.5vw;
    line-height: 1.8;
    letter-spacing: 1.5px;
    padding-left: 1em;
	  text-indent: -1em;
    margin-bottom: 3vw;
}
section.post_reply .ann a {
  display: inline;
  text-decoration: underline;
}
section.post_reply .checkbox {
  margin: 0 auto 6vw;
}
section.post_reply .checkbox input {
  margin-top: 1px;
  margin-right: 5px;
}
section.post_reply .checkbox label {
  display: inline;
  font-size: 3.4vw;
  font-weight: 600;
  letter-spacing: 1px;
}
  
/*reply--------*/
section.post_reply dl dt.reply__name {
    font-size: 3vw;
    line-height: 1.4;
    margin-bottom: 6.5vw;
    font-weight: 500;
    letter-spacing: 1.5px;
}
section.post_reply dl dt.reply__name span {
    font-size: 4vw;
    font-weight: 600;
}

} /* End of media query */
