@charset "utf-8";
/* CSS Document */
/* 20191001 作成　*/

/*-------------------
製品ページ　請求書資料一覧ページ用CSS
/contract/download/inddex.asp
-------------------*/
#seikyu {
    font-size: 16px;
}
.contents {
    width: 90%;
    max-width: 64em;
    margin: auto;
}

/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em) {}

/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em) {}

/* ノートPC以上のサイズ 1200px(16×75em)~ lgサイズ */
@media screen and (min-width:75em) {}



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

.page_title {
	background-color: #e3f6e2;
	background-image: url(/web/jp/seikyu/download/images/download_mainbg.png);
    text-align: center;
	padding: 6.75em 0 1.75em;
}
.page_title h1 {
	color: #333;
	font-weight: bold;
    font-size: 1.7em;
    margin: 0 0 20px;
}
.page_title p{
	font-size: 0.9em;
	line-height: 1.75;
	width: 75%;
    margin: 0 auto;
}

/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em) {
    .page_title {
		padding: 10em 0 3em;
    }
    .page_title h1 {
        font-size: 2em;
    }
}





/*-------------------
資料一覧
-------------------*/
#sec-wp-doc{
	margin-top: 5em;
	margin-bottom: 3em;
    text-align: center;	
}
#sec-wp-doc h2{
	font-size: 1.25em;
	font-weight: bold;
	color: #333;
	padding-bottom: 1.25em;
	position: relative;
	margin-bottom: 2.5em;
	text-align: center;
}
#sec-wp-doc h2{
	/*margin-bottom: 3.25em;*/
}
#sec-wp-doc h2:after{
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	display: inline-block;
	width: 60px;
	height: 3px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
#sec-wp-doc h2:after{
	background-color: #40a83e;
}

p.note{
	font-size: 0.9em;
	margin-bottom: 1.5em;
	text-align: center;
	line-height: 1.5;
}

ul.list-box{
	text-align: center;
}
ul.list-box li{
	margin: 0 14px 32px;
    width: 300px;
    height: 360px;
    box-sizing: border-box;
    box-shadow: 0 0px 6px rgba(51,51,51,.1);
    display: inline-block;
    vertical-align: top;
    position: relative;
    list-style: none;
}
ul.list-box li span.label{ 
    margin-right: 5px; 
    padding: 4px 8px; 
    font-size: 0.75em; 
    color: #fff; 
    background: #333;
    text-align: left;
	top: 10px;
    left: 10px;
    position: absolute;
}
ul.list-box li span.case{ 
    padding: 30px 0;
    width: 100%;	
    font-size: 1.25em;
	font-weight: bold;
    color: #fff;
    background: rgba(51,51,51,0.5);
    text-align: center;
	top: 48px;
	left: 0;
    position: absolute;
}
ul.list-box li span.images{
	background-color: #F6F6F6;
	width: 300px;
	height: 170px;
	margin-bottom: 30px;
	display: block;
}

#sec-wp-doc h3{
	text-align: center;
	font-size: 0.9em;
	line-height: 1.5;
}

ul.list-box li a {
	background-color: #ff7800;
    width: 200px;
    height: 47px;
    line-height: 47px;
    left: 0;
    right: 0;
    bottom: 30px;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    font-size: 0.9em;
    font-weight: bold;
    display: block;
    position: absolute;
}
#sec-wp-doc ul.list-box li a {
	background-color: #40a83e;
}
ul.list-box li a:after{
	content: " ";
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	display: block;
    position: absolute;
    right: 20px;
    bottom: 20px;	
}

/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em) {
	ul.list-box{
		text-align: left;
		width: 662px;
		margin: auto;
	}
}

/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em) {
	ul.list-box{
		width: 100%;
	}
	ul.list-box li a:hover{
		opacity: 0.85;
	}
}

/* ノートPC以上のサイズ 1200px(16×75em)~ lgサイズ */
@media screen and (min-width:75em) {
	ul.list-box{
		width: 1024px;
	}
	ul.list-box li{
		margin: 0 18px 32px;
	}
}

/* ヘッダーボタンの背景色変更 20180803 */
a.cv_btn_header{ background-color: #2d67a3;}