@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed);

html, body {
    /* CSS reset */
    margin: 0;
    padding: 0;
    border: 0;
    height:100%;
}

body * {
    font-family: 'Roboto Condensed', "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size:100%;
}

/*for sp*/
@media screen and (max-width:768px){
.logo {width:100%;}
input , textarea ,radio {
width:92%;
margin:2px;
}
li.fl {
margin-bottom:0;
}

#contact {width:98%;}


input[type="submit"] {
  -webkit-appearance: none;
}

input[type="reset"] {
  -webkit-appearance: none;
}

input[type="button"] {
  -webkit-appearance: none;
}

}



h1 {font-size:140%;
	margin:0;
	padding:0;}

input , textarea ,radio {
    -webkit-border-radius: 5px;
    border-radius: 6px;
    padding:4px;
    font-size:16px;
    border: 2px solid #ccc;
    background: #fff;
    margin:5px;

}

#ci {
	position:absolute;
	top:43%;
	left:25%;
	width:50%;
	text-align:center;
	z-index: 100;
}

.img {
	margin:20px 5px;
	border:none;
}

.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
} 

#contact {
	margin:0 auto;
}

input[type=checkbox] {
  display: none;
}

.checkbox {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0 20px 8px 6px;
  padding: 9px 9px 9px 36px;
  border-radius: 6px;
  background-color: #fff;
  vertical-align: middle;
  cursor: pointer;
}
.checkbox:hover {
  background-color: #ddd;
}
.checkbox:hover:after {
  border-color: #0daadf;
}
.checkbox:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 12px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #bbb;
  border-radius: 6px;
  content: '';
}

.checkbox:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 18px;
  display: block;
  margin-top: -8px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #0daadf;
  border-bottom: 3px solid #0daadf;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
input[type=checkbox]:checked + .checkbox:before {
  opacity: 1;
}

ul ,li {
padding:0;
margin:0;
list-style: none;
}

li.fl {
display:block;
float:left;
margin-bottom:8px;
}

li.clr {
	clear:both;
}
.remodal-confirm {
	margin-right:30px;
}