@import url("./normalize.css");
@import url("./default.css");


/* =========================
  header
  ========================= */

header {
	width:87%;
	max-width:1200px;
	margin:0 auto;
}

header h1 {
	padding:3rem 0; color:#555; font-size:1.6rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

header h1 img { width:200px; height:auto; margin-right:20px; }

/* =========================
  CONTENTS article
  ========================= */

.content {
	width:87%;
	max-width:1200px;
	margin:0 auto;
	background:#fff;
	padding:4rem 10rem;
}

section h2 {
	text-align:center;
	font-size:3.8rem;
	margin-bottom:1.6rem;
	letter-spacing:0.1rem;
	line-height:1.3;
}

section h2 span {
	font-size:1.8rem;
	color:#c01443;
}

section h3 {
	padding-bottom:4rem;
	margin-bottom:4rem;
	border-bottom:1px solid #ddd;
	text-align:center;
	letter-spacing:0.1rem;
}

section img {
	max-width:100%;
}

/* ---- index page ---- */

#index_page .lead p{
	margin-bottom:1em;
}

/* contact_box */
#index_page .contact_box {
	width:800px;
	margin:3rem auto;
}

@media screen and (max-width: 767px) {
    #index_page .contact_box {
        width: 100%;
    }
}

#index_page .contact_box .check {
	margin-right:5px;
}

#index_page .contact_box label {
	display:block;
	margin-bottom:1em;
}

#index_page .contact_box dl {
	background-color:#eee;
	padding:1.5rem 1.5rem;
	font-size:1.3rem;
	line-height:1.5;
}

#index_page .contact_box dt {
	font-weight:bold;
	margin-bottom:0.5em;
}

#index_page .contact_box p {
	margin:2rem 0;
}

	
#index_page .contact_box .btn_to-form {
	font-size:2rem;
	color:#999999;
	text-align:center;
}

#index_page .contact_box .btn_form {
	display: inline-block;
	*display: inline;
	text-decoration: none;
	cursor: pointer;
	*zoom: 1;
	border-style: none;
	position: relative;
	padding: 0.6em 3em;
	background-color:#c01443;
	color:#f4f4f4;
	font-size: 2rem;
	text-align:center;
}

.archive p {
	margin-bottom:2rem;
}


/* =========================
  footer
  ========================= */

footer {
	width:87%;
	max-width:1200px;
	padding:3rem 0;
	color:#555;
	margin:0 auto;
	background: #f4f4f4;
}

.footer-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
}