@charset "UTF-8";

.lineabout{
margin:0px;
border-top:#11376B 5px solid;
}


h1{
text-align:center;
margin:0px 20px 20px 20px;
color:#11376B;
font-size:20px;
font-style:normal;
font-weight:500;	
}

h1 svg{
vertical-align:middle;
}

/* article      /////////////////////////////////////////////// */
article{
text-align:center;
margin:20px 20px 60px 20px;
}

article .box{
text-align:left;
margin:20px 60px;
}

article p{
padding-bottom:10px;
}


@media screen and (max-width:600px){
article .box{
text-align:left;
margin: 20px 0px;
}

}

@media screen and (min-width: 601px) {
article h2 br{
display:none;
}
}


@media screen and (max-width:780px){
article table{
margin-right : auto;
margin-left : auto;
margin-top:10px;
border-collapse:collapse;
width:100%;
}
}

article h2{
font-size:14px;
font-weight:normal;
margin:20px 0px;
}

/* contct form      /////////////////////////////////////////////// */

#formwrap {
width:100%;
margin:0 auto;
color:#555;
line-height:120%;
font-size:90%;
}

table.formtable{
width:100%;
margin:0 auto;
border-collapse:collapse;
}

table.formtable td{
text-align:left;
padding:10px;
}

table.formtable th{
padding:10px;
width:30%;
font-weight:normal;
text-align:right;
}

.input_box,.text_box{
padding:15px;
font-size:1.3em;
font-family:Arial, sans-serif;
color:#aaa;
border:solid 1px #CCCCCC;
border-radius:10px;
margin:0;
width:70%;
}

.input_box:focus,.text_box:focus{
outline: 0;
border:solid 1px #EEA34A;
}


.bt_submit,.bt_reset{
font-size:13px;
text-align:center;
color:#000000;
text-decoration:none;
padding:10px 20px;
border-radius:20px;
background:#C1D4EC;
}

.bt_submit:hover,.bt_reset:hover{
color:#FFFFFF;
text-decoration:none;
font-style:normal;
background:#11376B;
cursor: pointer;
}

tbody li{
list-style:none;
margin-bottom:10px;
}


#formwrap p{
margin-top:30px;
}


@media (max-width: 780px) {
#formtable {
width:100%;
margin:0 auto;
color:#555;
line-height:100%;
font-size:90%;
}


table.formtable td{
width:100%;
text-align:center;
padding:0px 0px 15px 0px;
margin:0px;
}

table.formtable th{
padding:10px 0px;
width:100%;
font-weight:normal;
text-align:left;
}

tbody tr{
width:100%;
display: block;
list-style: none;
margin:0px;
}

tbody th, td{
text-align:left;
width:100%;
display: list-item;
padding:0px 0px; 
border:none;
}

.input_box,.text_box{
padding:15px;
font-size:1.3em;
font-family:Arial, sans-serif;
color:#aaa;
border:solid 1px #CCCCCC;
border-radius:10px;
margin:0;
width:100%;
}

tbody ul{
text-align:left;
}

}