@charset "utf-8";

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

			customer top

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

/*==============================
			PC ＋ SP
==============================*/





/*==============================
			PC
==============================*/
@media screen and (min-width: 641px) {

/*--------------------------------------------------
		secMain
--------------------------------------------------*/
.secMain .secInner {
	width: 940px;
	height: 292px;
	background: url(/library/customer/img/bg_sec_main_01.png) no-repeat 0 0;
	position: relative;
}
.secMain .block01 {
	width: 380px;
	position: absolute;
	z-index: 10;
	top: 20px;
	left: 20px;
}
.secMain .block01 .txt {
	font-weight: bold;
}
.secMain .block02 {
	width: 470px;
	padding: 15px;
	background-color: rgba(255,255,255,0.65);
	position: absolute;
	z-index: 10;
	top: 20px;
	right: 15px;
}
.secMain .block02 .box h3 {
	margin-bottom: 10px;
}
.secMain .block02 .box01 {
	width: 470px;
	margin: 0 0 30px 0;
}
.secMain .block02 .box01 h3 {
	margin-bottom: 5px;
}
.secMain .block02 .box01 .boxL {
	width: 230px;
	float: left;
}
.secMain .block02 .box01 .boxL .txt01 dt {
	font-size: 240%;
	font-weight: bold;
	line-height: 1.2;
}
.secMain .block02 .box01 .boxL .txt01 dd {
	font-size: 100%;
	font-weight: bold;
	line-height: 1.2;
}
.secMain .block02 .box01 .boxR {
	width: 230px;
	float: right;
	margin-left: 10px;
}
.secMain .block02 .box02 {
	width: 230px;
	float: left;
	margin: 0;
}
.secMain .block02 .box03 {
	width: 230px;
	float: right;
	margin: 0;
}



/*--------------------------------------------------
		noticeBlock
--------------------------------------------------*/
.noticeBlock .blockL {
	width: 110px;
	float: left;
}
.noticeBlock .blockR {
	width: 820px;
	float: right;
}
.noticeBlock .layoutBox .txt + .txt {
	margin-top: 2em;
}





}





/*==============================
			SP
==============================*/
@media screen and (max-width: 640px) {

/*--------------------------------------------------
		secMain
--------------------------------------------------*/
.secMain .secInner {
}
.secMain .block01 {
	background-color: #CBEEFF;
	margin-bottom: 10px;
}
.secMain .block01 .txt {
	font-size: 100%;
	font-weight: bold;
	padding: 10px 2% 0 2%;
	margin-bottom: 10px;
}
.secMain .block02 {
	padding: 0 6%;
}
.secMain .block02 .box h3 {
	margin-bottom: 5px;
}
.secMain .block02 .box01 {
	margin-bottom: 20px;
}
.secMain .block02 .box01 .boxL {
	margin-bottom: 10px;
}
.secMain .block02 .box01 .boxL .txt01 dt {
	font-size: 260%;
	font-weight: bold;
	line-height: 1.2;
}
.secMain .block02 .box01 .boxL .txt01 dd {
	font-size: 120%;
	font-weight: bold;
	line-height: 1.2;
}
.secMain .block02 .box02 {
	margin-bottom: 20px;
}



/*--------------------------------------------------
		noticeBlock
--------------------------------------------------*/
.noticeBlock .blockL {
	margin-bottom: 10px;
}
.noticeBlock .layoutBox .txt + .txt {
	margin-top: 1em;
}





}