@charset "UTF-8";

/* ========BASIC======== */
html {
   overflow-y:scroll;
}

body {
   margin:0;
   padding:0;
   line-height:1.6;
   letter-spacing:1px;
   font-family:Verdana, Helvetica, sans-serif;
   font-size:16px;
   color:#333;
}

li{
   padding-bottom: 10px;
}

br {
   letter-spacing:normal;
}

a {
   color:#98534B;
   text-decoration:none;
}

a:hover {
   text-decoration:underline;
}

img {
   border:0;
   vertical-align:bottom;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}

.title{
   margin:20px 0 30px 20px;
   font-size:120%   
}

.btn{
   margin:40px 0 30px 0;
   text-align: left;   
}

.sample{
   width: 100%;
   text-align: center;
   margin: 50px 0 30px 0;
}

.btn-border {
  border: 2px solid #000;
  border-radius: 0;
  color: #fff;
  background: #333;
  font-size: 130%;
}
.btn-border:hover {
  color: #000;
  background: #fff;
}
.footer_txt {
   width:95%;
   border:solid 2px #ddd;
   border-radius: 10px;
   padding: 20px;
   margin: 10px 40px 20px 10px;
}

 .label{
   margin: 20px 0 3px 0;
   letter-spacing: 1px;
   color: #333;
   font-weight: bold;
   font-size: 120%;
 }

.split{
   display: table;
   width: 98%;
   padding: 1%;
}
.split-item{
    display: table-cell;
    padding: 20px 0 20px 20px;
    width: 10%;
}
.split-left{
   position: relative;
   padding: 0 0 0 30px;
   border:solid 2px #ddd;
   border-radius: 10px;
   margin: 10px;
}
.split-left_inner{
    height: 100%;
    width:80%;
   }

.split-right{
   border:solid 2px #ddd;
   border-radius: 10px;
   padding: 0 40px 0 20px;
   margin: 10px;
}

.split-right_inner{
    height: 1050px;
}

.split-left_inner input[type='text'] {
   font: 15px/24px sans-serif;
   box-sizing: border-box;
   width: 400px;
   padding: 0.3em;
   transition: 0.3s;
   letter-spacing: 1px;
   color: #333;
   border: 1px solid #aaa;
   box-shadow: 1px 1px 2px 0 #505050 inset;
   border-radius: 4px;
}

.split-left_inner textarea {
   font: 15px/24px sans-serif;
   box-sizing: border-box;
   width: 400px;
   padding: 0.3em;
   transition: 0.3s;
   letter-spacing: 1px;
   color: #333;
   border: 1px solid #aaa;
   box-shadow: 1px 1px 2px 0 #505050 inset;
   border-radius: 4px;
}

.split-left_inner input[type='date'] {
   font: 15px/24px sans-serif;
   box-sizing: border-box;
   width: 200px;
   padding: 0.3em;
   transition: 0.3s;
   letter-spacing: 1px;
   color: #333;
   border: 1px solid #aaa;
   box-shadow: 1px 1px 2px 0 #505050 inset;
   border-radius: 4px;
}

@media screen and (max-width:1024px) {
    .split{
        display: block;
    }
    .split-item{
        display: block;
        width: auto;
    }
    .split-left_inner{
        position: inherit;
        width: auto;
    }

   .split-right_inner{
    height: 1050px;
   }
}