@charset "UTF-8";
@import "/include/css/common.sp.css";

/* ---------------------------------------------------------
	CSS Document visual
--------------------------------------------------------- */

#visual {
	background-image: url(../images/visual_02.png);
}

/* ---------------------------------------------------------
	CSS Document greet
--------------------------------------------------------- */

#greet {
	margin: 40px 10px 40px;
}

#greet h2 {
	font-family: WebMincho;
	font-weight: 100;
	font-size: 26px;
	line-height: 1;
}

#greet p {
	margin-top: 20px;
}

/* ---------------------------------------------------------
	CSS Document name
--------------------------------------------------------- */

#name {
	padding-top: 220px;
	background: url(../images/photo_01.png) no-repeat top;
	background-size: auto 200px;
}

#name .inner {
	padding: 25px 10px;
	background: #f7f5ed;
}

#name h2 {
	font-family: WebMincho;
	font-weight: 100;
	font-size: 22px;
	line-height: 1;
	color: #b81c22;
}

#name p {
	margin-top: 15px;
}

/* ---------------------------------------------------------
	CSS Document good
--------------------------------------------------------- */

#good {
	margin: 40px 0 40px;
}

#good h2 {
	margin-bottom: 20px;
}

#good_01,
#good_02,
#good_03,
#good_04,
#good_05,
#good_06,
#good_07 {
	padding-top: 60%;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100% auto;
}

#good dl {
	padding: 30px 30px 30px;
	background: #89944a;
	color: #fff;
}

#good_02 dl,
#good_05 dl,
#good_07 dl {
	background: #948351;
}

#good dt {
	margin-bottom: 10px;
	font-family: WebMincho;
	font-size: 22px;
	line-height: 1.2;
}

#good dt span {
	display: block;
	margin-bottom: 5px;
	font-size: 16px;
	font-style: italic;
}

#good .btn {
	margin-top: 20px;
}

#good .btn a {
	display: inline-block;
	vertical-align: top;
	width: 130px;
	height: 40px;
	margin-bottom: 6px;
	background: #5f67ae;
	text-align: center;
	text-decoration: none;
	font-family: WebMincho;
	line-height: 41px;
	color: #fff;
}

#good .btn a:before {
	content: '';
	display: inline-block;
	vertical-align: 2px;
	width: 6px;
	height: 6px;
	margin-right: 5px;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#good .btn a:hover {
	opacity: 0.8;
	filter: Alpha(opacity=80);
}

#good_01 {
	background-image: url(../images/good_01.png);
}

#good_02 {
	background-image: url(../images/good_02.png);
}

#good_03 {
	background-image: url(../images/good_03.png);
}

#good_04 {
	background-image: url(../images/good_04.png);
}

#good_05 {
	background-image: url(../images/good_05.png);
}

#good_06 {
	background-image: url(../images/good_06.png);
}

#good_07 {
	background-image: url(../images/good_07.png);
}

/* ---------------------------------------------------------
	CSS Document form
--------------------------------------------------------- */

#form {
	margin: 0 10px 40px;
}

#form h2 {
	margin: 40px 0 0;
}

#form .table {
	margin-top: 20px;
}

#form dl {
	margin-bottom: 10px;
	text-align: left;
}

#form dt {
	margin-bottom: 5px;
	padding: 5px;
	background: #f0f0f0;
	text-align: left;
	font-weight: normal;
	line-height: 17px;
}

#form dd {
	padding: 5px;
}