@charset "utf-8";
/* CSS Document */

#box1 p, #box2 div, #box3 div, #box5 div, #box7 div {
	width: 90%;
}

.background-hack {
	background: url(../img/01_1.jpg) no-repeat;
	background-size: 100% auto;
}

h1 img {
	width: 80%;
	height: 80%;
}

#box1 p img {
	margin-top: 5%;
	width: 30%;
	height: 30%;
}

#box2 div.box div.box_left {
	float:none;
	overflow:hidden;
}

#box2 div.box div.box_left,
#box2 div.box div.box_center,
#box2 div.box div.box_right {
	width: 100%;
	margin-bottom: 2em;
}

#box2 div.box div.box_center {
	float:none;
	overflow:hidden;
}

#box3 { /* 写真 */
background: url(../img/02_2.jpg) no-repeat left top;
background-size: cover;
}

section#box5, section#box7 {
	background-size: auto 100%;
}

dt {
	width: 4em;
	float:none;
	margin-bottom: 0.5em;
}

#box4 img {
	width: 90%;
	height: 90%;
}

#box6 img {
	width: 90%;
	height: 90%;
}

section#box1, section#box2, section#box3, section#box4, section#box5, section#box6, section#box7 {
	padding: 25% 0;
}

#headbar {
   /* 上端に固定するCSS */
   width: 100%;
	right: 0;
	background-color:#FFF;
	padding: 0 0 0.6em;
	opacity: 0.8;
}

.page_top {
	right:-5%;
	bottom: 2%;
}