@charset "utf-8";
@import url(cmn.css);
@import url(base.css);

.gnav02 {
	background-color: #e0e0e0;
}

/* ==========================================================================
	CONTENT
========================================================================== */

.bg-box {
	width: 560px;
}

/*理念*/

#policy {
  background: url(../images/outline-images/bg01.jpg) 0 50% no-repeat;
}
#policy p {
	line-height: 2.5em;
}

/*メッセージ*/

#message p {
	line-height: 2.5em;
}

/*概要*/

#outline dl {
	overflow: hidden;
	margin-bottom: 20px;
}
#outline dt {
	float: left;
	width: 20%;
}
#outline dd {
	float: right;
	width: 75%;
}
#name-kojima {
	float: right;
	width: 210px;
}

/* ------------------------------------------------------------
	 PC   1025px -
   ------------------------------------------------------------ */

@media screen and (min-width: 1025px) {

#policy {
	height: 670px;
}

}

/* ------------------------------------------------------------
	 TABLET   for - 1024px
   ------------------------------------------------------------ */

@media screen and (max-width:1024px) {

.bg-box {
	width: 100%;
}

/*理念*/

#policy {
  background: none;
}
#policy img {
	display: block;
	width: 80%;
	margin: 0 auto;
}

/*メッセージ*/

#message-box {
	width: 55%;
}
#message-image {
	width: 40%;
}

/*概要*/

#outline dl {
	overflow: hidden;
	margin-bottom: 20px;
}
#outline dt {
	float: left;
	width: 20%;
}
#outline dd {
	float: right;
	width: 75%;
}

}
/* ------------------------------------------------------------
	 SP　599pxまで
   ------------------------------------------------------------ */

@media screen and (max-width: 599px) {

/*理念*/

#policy img {
	width: 100%;
}

/*メッセージ*/

#message-box {
	float: none;
	width: 100%;
}
#message-image {
	float: none;
	display: block;
	width: 60%;
	margin: 0 auto;
}

#name-kojima {
	float: right;
	width: 150px;
}


}