@charset "utf-8";

body{
        background: #ffffea;
	padding:10px 10px 0;
	margin:10px 0 0;
	min-height: 100vh;
	width: 100%;
}
#contents{
	min-height: 75vh;
}
img{
	max-width: 100%;
}
.font12{
	font-size:12px;
}

.font14{
	font-size:14px;
}

.font16{
	font-size:16px;
}
footer{
	padding: 10px 0;
}

h1 {
	margin:0 0 20px 0;
}

h2 {
	border-bottom: 3px solid #000;
	font-size: 1.5rem;
}

h3{
	border: 1px solid #000;
	font-size: 1.25rem;
	padding: 10px;
	text-align: center;
}

h5 {
	position: relative;
	color: #158b2b;
	font-size: 20px;
	padding: 10px 0;
	text-align: center;
	margin: 1.5em 0;
}
h5:before {
  content: "";
  position: absolute;
  top: -8px;
  left: 50%;
  width: 150px;
  height: 58px;
  border-radius: 50%;
  border: 5px solid #a6ddb0;
  border-left-color: transparent;
  border-right-color: transparent;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
header {
    margin: 0 auto;
/*    max-width: 540px;*/
}
@media (min-width: 768px){
header {
/*    max-width: 960px;*/
}
}
@media (min-width: 576px){
header {
/*    max-width: 720px;*/
}
}
input[type="text"],select {
        -moz-border-radius: 6px;
        display: block;
        font-size: 1.2rem;
        padding: 6px 6px;
        width: 100%;
}
#lean_overlay{
  position: fixed; z-index:100; 
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none;
}
.modal_close{ 
  position: absolute;
  top: 20px;
  right: 22px;
  display: block; 
  width: 14px;
  height: 14px; 
  z-index: 2;
}
#chk_dl{
        background: #fff;
        -webkit-border-radius: 6px;
        border: 1px solid #536376;
        -moz-border-radius: 6px;
        -webkit-box-shadow: rgba(0,0,0,.6) 0px 2px 12px;
        -moz-box-shadow:  rgba(0,0,0,.6) 0px 2px 12px;;
        padding: 14px 22px;
        width: 600px;
        max-width: 90%;
        position: relative;
        display: none;
}