@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Oswald:400,500,600,700');

/* iOSでのデフォルトスタイルをリセット */

input[type="submit"],
input[type="button"] {
  /*border-radius: 0;*/
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}


input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}

input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}



.cf:before,
.cf:after {
  content: "";
  display: block;
  overflow: hidden; 
}

.cf:after {
  clear: both; 
}

.cf {
  zoom: 1; 
}



.dsp {
    display: none;
}

.dpc {
    display: block; 
}



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


.dpc {
        display: none;
}

.dsp {
        display: block;
}


}



#base_n { 
   position: relative;
    width: 80%;/*73*/
    max-width: 920px;
    margin: 30px auto 0;
    height: auto;
  font-weight: normal;
}

p.title {
    /*font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;*/
    color: #D86968;
    text-align: center;  
    font-size: 15px;
}

#base_n table {
    width: 100%;
}
#base_n table th {
    width: 30%;
    background: #aaa;
    color: #fff;
    padding: 5px;
}

#base_n table td {
    background: #f0f0f0;
    padding: 5px;
}
@media screen and (max-width:768px) {
#base_n { 
   margin: 20 auto 0;
   padding: 0; 
   width: 96%; 
}

#base_n table {
   font-size: 14px;
   font-weight: normal;
}

#base_n table th {
    width: 100%;
    border-top: none;
}

#base_n table {
    border-top: 1px solid #a3a8aa;
}

}

.action {
  display: block;
  width: 340px;
  height: 60px;
  line-height: 60px;
  padding: 0;
  margin: 50px auto 0;
  border: none;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: #D86968;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  box-shadow: 0 0 4px #DBDBDB;
  letter-spacing: 0.08em; 
  transition: 0.3s ease-in-out;
  float: none;
}



.action:hover {
  opacity: 0.5;
}


.resetbtn {
  display: block;
  width: 340px;
  height: 60px;
  line-height: 60px;
  padding: 0;
  margin: 50px auto 0;
  border: none;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: #999;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  box-shadow: 0 0 4px #DBDBDB;
  letter-spacing: 0.08em; 
  transition: 0.3s ease-in-out;
  float: none;
}


.resetbtn:hover {
  opacity: 0.5;
}


@media screen and (max-width:768px) {
.action {
  width: 300px;
  margin: 50px auto;
}
.resetbtn {
  width: 300px;
}
}