@charset "utf-8";

/* ======================

 [brake-point]
 min-width:768px /pc
 max-width:767px /tb
 max-width:639px /spL
 max-width:479px /sp

====================== */

/* リスト マーカー */
.mk {
	/*color: #e3559c;*/
	color: #ff6633;
}


/* -----------------------------------------------------------------------------------------------------------
 メイン
----------------------------------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------ // pc -- */
@media screen and (min-width:768px){

/* メイン
----------------------------- */

/* 包括 */
#main {
	width: 100%;
	background: url(/seito_photocon/img/about/bg_main.jpg) no-repeat center top #f5f5f5;
}

/* インナー包括 */
.mainInner {
	width: 800px;
	margin: 0 auto;
	padding: 100px 0;
}


/* タイトル
----------------------------- */

/* 包括 */
#wrapTtl {
	width: 100%;
	margin-bottom: 30px;
	padding: 20px 20px 20px 20px;
	border: 4px solid #f5f5f5;
}

/* タイトル */
#wrapTtl .hn01 {
	color: #fff;
	font-size: 3.2rem;
	text-align: center;
}


/* リード
----------------------------- */

/* 包括 */
#wrapLead {
	width: 100%;
	padding: 50px 50px 50px 50px;
    /*background-color: /*rgba(227,85,156,0.9); #e3559c*/
	background-color: rgba(255,102,51,0.9); /*#ff6633*/
	color: #fff;
}


/* イメージ
----------------------------- */

/* 包括 */
#wrapImg {
	display: table;
	width: 600px;
	margin: 0 auto;
}

/* 各 */
#wrapImg li {
	display: table-cell;
}


/* コンテンツ部
----------------------------- */

/* 包括 */
.articleInner {
	width: 100%;
	margin: 0 auto;
	padding: 40px 100px;
	background: #fff;
}

/* 各section
----------------------------- */

/* 包括 */
.wrapCol {
	margin-bottom: 15px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: #f0f0f0 2px solid;
}

/* 包括（最初） */
.wrapCol:first-child {
	padding-top: 0;
}

/* 包括（最後） */
.wrapCol:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

/* 要素テキスト */
.wrapCol p {
	width: 100%;
	text-align: center;
}
}
/* pc // -- */

/* ------------------------------------------------------------------------------ // tb -- */
@media screen and (max-width:767px){
/* メイン
----------------------------- */
/* 包括 */
#main {
	width: 100%;
	background: url(/seito_photocon/img/about/bg_main.jpg?nocache=20250107170637) no-repeat center top #f5f5f5;
	background-size: 100% auto;
}
/* インナー包括 */
.mainInner {
	width: 94%;
	margin: 0 auto;
	position: relative;
	padding-top: 34%;
	padding-bottom: 1em;
}

/* タイトル
----------------------------- */
/* 包括 */
#wrapTtl {
	width: 100%;
	border: 4px solid #f5f5f5;
	position: absolute;
	left: 0;
	top: 20px;
}
/* タイトル */
#wrapTtl .hn01 {
	color: #fff;
	font-size: 2.6rem;
	text-align: center;
}

/* リード
----------------------------- */
/* 包括 */
#wrapLead {
	width: 100%;
	padding: 1em;
	margin-top: 1em;
    /*background-color: /*rgba(227,85,156,0.9); #e3559c*/
	background-color: rgba(255,102,51,0.9); /*#ff6633*/
	color: #fff;
}

/* イメージ
----------------------------- */
/* 包括 */
#wrapImg {
	display: table;
	width: 100%;
	margin: 1em auto;
}
/* 各 */
#wrapImg li {
	display: table-cell;
}

/* コンテンツ部
----------------------------- */
/* 包括 */
.articleInner {
	width: 100%;
	margin: 0 auto;
	padding: 3%;
	background: #fff;
}
/* 各section
----------------------------- */
/* 包括 */
.wrapCol {
	margin-bottom: 10px;
	padding-top: 3%;
	padding-bottom: 4%;
	border-bottom: #f0f0f0 2px solid;
}
/* 包括（最初） */
.wrapCol:first-child {
	padding-top: 0;
}
/* 包括（最後） */
.wrapCol:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
.wrapCol .hn02 {
	margin-bottom: .25em;
}

/* 要素テキスト */
.wrapCol p {
	width: 100%;
	text-align: center;
}
}
/* tb // -- */