@charset "UTF-8";



/* .reference-info
------------------------------- */
.reference-info{
display:flex;
flex-wrap:wrap;
margin:1em 0;
padding:0;
line-height:1.2;
list-style:none;
font-size:110%;
}

.reference-info a{
position:relative;
display:block;
flex:90%;
margin:1%;
padding:0.5em 3em 0.5em 0.5em;
color:#FFF;
background-color:#003399;
text-decoration:none;
text-align:left;
}

.reference-info a:nth-child(4){
background-color:#FF6666;
}


.reference-info a:after {
position:absolute;
top:50%;
right:5px;
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
font-size:120%;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\f078";
margin-right:5px;
color:#FC0;
transform:translateY(-50%);
}

.reference-info a:hover{
opacity:0.8;
}


h4{
margin-top:2em;
font-size:120%;
}






/* フォーム
------------------------------- */

#formWrap{
width:95%;
margin:0;
}

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


table.formTable td, table.formTable th{
border:1px solid #CCC;
padding:10px;
}

table.formTable th{
background:#EFEFEF;
min-width:5em;
}


input[type="text"], textarea{
width:80%;
padding:5px;
font-size:110%;
display:block;
}

textarea { 
font-family:sans-serif;
}

input[type="submit"], input[type="reset"], input[type="button"] {
display:block;
margin:10px;
max-width:280px;
height:40px;
}

.button-col{
display:flex;
align-items:center;
justify-content:center;
padding:1em;
}

button-col div{
flex:1;
}


.buddy-leaflet{
margin:2em 0;
text-align:center;
}

.buddy-leaflet img{
display:inline-block;
max-width:100%;
height:auto;
margin:5px;
border:#333 solid 1px;
}



@media (min-width:700px) {
	

/* .reference-info
------------------------------- */

.reference-info{
max-width:1000px;
margin:1em auto;

display:flex;
flex-wrap:wrap;
}

.reference-info a{
flex:40%;
padding:1% 3em 1% 1%;
}
	



#formWrap{
max-width:900px;
margin:0 auto;
line-height:120%;
}


table.formTable th{
width:30%;
text-align:left;
}

}