@charset "UTF-8";

@media screen and (max-width: 480px) {

body {
  width: 100%;
  font-family: Verdana, Roboto, "Droid Sans", "メイリオ", YuGothic, "游ゴシック", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
  line-height: 1.5;
}

.l-head{
  clear:both;
  height:auto;
  width:auto !important;
  text-align: center !important;
  margin: 10px auto;
}

.l-head h3 {
    font-size: 30px;
    margin-top: 10px;
}

.l-head *{
    display: revert;
}

.l-fixed .l-main {
    width: auto;

}
p{
  margin: 0;
  text-align: center;
}

.pageTitle{
  width: auto;
  padding:20px 10px;
  text-align: center;
}

.inputArea{
  width: auto;
  margin: 0;
  padding: 0 20px;
}

#buttonArea {
  margin: 0 auto;
  margin-bottom:10px;
  padding:10px;
  height:auto;
  width:80%;
  text-align:center;
}

.input tr{
  border-top: 5px solid white;
}
.input th,.input td{
  display:block;
  width:auto;
}
.input th{
  background:#DFE0E6;
  border-radius: 10px;
  padding:10px;
}
.input td{
  padding:10px 0;
}

.footerLogo {
  margin-top:39px;
  text-align: center;
  width:100%;
}

.l-fixed .l-foot {
    width: auto;

}

.l-foot {
  text-align: center;
  vertical-align:middle;
}

.viewArea {
    margin: 20px;
}

table {
  margin:20px 0px 40px 0px;
  width: 100%;
  padding-left: 10px;
}

th, td {
  width: 90% !important;
  /*margin:1px;*/
  padding: 10px;
  text-align:left;
  vertical-align:middle;
  /* display: block; */
  float: left;
  text-align: center;
}

td {
  width: 150px !important;
}

.inputArea td, .viewArea2 td {
    min-width: 90%;
}

.inputArea3 td, .viewArea td {
    min-width: 90%;
}
.w-20 {
    width: 60%;
}

th{
  border-top: 1px dashed #dcdcdc;
  background:#DFE0E6;
  border-radius: 5px;
  padding:10px;
}


.buttonArea {
  width: 100% !important;
    margin: 0;
  margin-top: 30px !important;
}

button#submit_button {
  margin: 5px 20px;
    padding: 10px 20px;
    width: 200px;
    color: #fff;
    background-color: #C52422;
    border-style: none;
}

button#submit_button:hover {
    background-color: #ec6d71;
}

p.copyRight{
  color:#FFFFFF;
  font-size:0.6rem;
  line-height: 20px;
}

.buttonArea{
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
    align-items: center;
}

.ime-en {
  ime-mode: disabled;
}

.pageSchema{
  padding: 0px 20px;
}

.redColorMsg{
  padding: 0px 20px;
}

.pc {
  display: none;
}
}