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

/*-------------------
製品ページ　請求書資料ダウンロード　フォームページ用CSS
/seikyu/download/000.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 {
    text-align: center;
	padding: 6.75em 0 1.75em;
}
.page_title h1 {
	color: #333;
	font-weight: bold;
    font-size: 1.25em;
	line-height: 1.5;
	position: relative;
	padding-bottom: 1.25em;
}
.page_title h1:after{
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	display: inline-block;
	width: 60px;
	height: 3px;
	background-color: #40a83e;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

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

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





/*-------------------
資料紹介
-------------------*/
#sec-form dl{
	margin-bottom: 3.5em;
}
#sec-form dt{
	text-align: center;
	margin-bottom:1.5em;
}
#sec-form dt img{
	width: 90%;
}
#sec-form dd{
	margin-bottom:1.5em;
	line-height: 1.5;
}
#sec-form dd ul li{
	line-height: 1.75;
	padding-left: 1em;
	text-indent: -1em;
}
#sec-form dd ul > li{
	margin-bottom: 10px;
}
#sec-form dd ul > li:first-child{
	font-weight: bold;
}
#sec-form dd ul li ul li{
	font-size: 0.9em;
	margin-bottom: 0;
}
#sec-form dd ul li ul li:first-child{
	font-weight: normal;
}

/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em) {
	#sec-form dl{
		width: 420px;
		margin: auto;
	}
}

/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em) {
	#sec-form dl{
		margin-bottom: 3.5em;
		display: inline-block;
		width: 35%;
		vertical-align: top;
		margin-right: 6%;
	}
}


/*-------------------
フォーム
-------------------*/
.download-form{
	background-color: #f6f6f6;
    padding: 2.5em 0;
	margin-bottom: 3em;
}
p.note{
	padding: 0 1em;
    line-height: 1.5;
    margin-bottom: 1em;
}

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

/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em) {
	.download-form{
		text-align: left;
		display: inline-block;
    	width: 58%;
		padding-top: 2em;
	}
	p.note{
		font-size: 0.9em;
		padding-left: 34px;
		margin-bottom: 24px;
	}
}
#sec-form .download-form [id^="mktoForm_"]{
	font-size: 14px!important;
}
#sec-form .download-form [id^="mktoForm_"] span.mktoButtonWrap{
	margin-left: 0!important;
    display: block!important;
    margin: 0 auto!important;
    width: 200px!important;
}
#sec-form .download-form [id^="mktoForm_"] .mktoButtonRow{
	display: block!important;
}
.mktoForm div, .mktoForm span, .mktoForm label, .mktoForm p{
	margin-bottom: 0.25em!important;
}
#CONTRACT_Inquiry{
	height: 80px!important;
}
.mktoHtmlText p{
	font-size: 14px;
    line-height: 1.3;
	margin: 1em 0!important;
}
.mktoForm .mktoButtonWrap.mktoSimple button.mktoButton{
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ","MS PGothic","ＭＳ Ｐゴシック",sans-serif!important;
	background: #40a83e!important;
	border: none!important;
	border-radius: 0px!important;
	width: 200px!important;
	height: 47px!important;
    font-size: 1em!important;
	font-weight: bold;
}

/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em) {
	#sec-form .download-form [id^="mktoForm_"]{
		margin: auto;
	}
}

/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em) {
	#sec-form .download-form [id^="mktoForm_"]{
		width: 100%!important;
	}
	.mktoForm .mktoFormRow{
		width: 92%!important;
		margin: auto;
	}
	.mktoForm .mktoFieldWrap input#Company,
	.mktoForm .mktoFieldWrap input#Email,
	.mktoForm .mktoFieldWrap input#department_name,
	.mktoForm .mktoFieldWrap input#managerial_position_name,
	.mktoForm .mktoFieldWrap input#Phone{
		width: 393px!important;
	}
	.mktoForm .mktoFieldWrap label{
		width: 123px!important;
	}
	.mktoForm .mktoFieldWrap label[for="FirstName"]{
		width: 25px!important;
	}
	.mktoForm .mktoFieldWrap input#LastName,
	.mktoForm .mktoFieldWrap input#FirstName{
		width: 125px!important;
	}
	.mktoHtmlText{
		width: 100%!important;
	}
	.mktoHtmlText p{
		font-size: 13px!important;
    	margin-top: -18px!important
	}
	.mktoForm .mktoButtonWrap.mktoSimple button.mktoButton:hover{
		opacity: 0.8;
	}
}

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