@charset "utf-8";

/*-------------------
資料請求一覧用CSS
/service/index_a.asp
/service/index_b.asp
-------------------*/

/**************デバイス共通***************/
/*---------------------------------------
reset
---------------------------------------*/
html { font-size: 100%; overflow: scroll; width: 100%; }
body { padding: 0; margin: 0; float: none; font-weight: normal; box-sizing: border-box; }
li { list-style: none; }
p { width: 100%; margin: 0; }
a { text-decoration: none; }
#document-dl { height: auto; }

/*---------------------------------------
breakPoint
---------------------------------------*/
/*sponly*/
@media screen and (min-width:769px) {
	#document-dl .sp-only { display: none !important; }
}
/*pc_tab*/
@media screen and (max-width:768px) {
	#document-dl .pc-only { display: none !important; }
}

/*---------------------------------------
common
---------------------------------------*/
#document-dl a:hover { filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; }
#document-dl .imnav ul li a span { display: none; }
#document-dl { font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #333; }
#document-dl .main { width: 100%; height: auto; margin: 0 auto; }
/*****************スマホ用*******************/
@media screen and (max-width:768px) {
	#document-dl .sppath { margin-top: 51px; }
	body { background: none; }
}
/*---------------------------------------
contents-wrap
---------------------------------------*/
#document-dl .contents-wrap { width: 100%; }
#document-dl .topicpath { background: none; width: 950px; padding: 15px 0; margin: 0 auto; }
#document-dl .topicpath-typeb { border-bottom: solid 1px #ccc; }
#document-dl .topicpath ul { list-style: none outside none; }
#document-dl .topicpath li { display: inline; }
#document-dl .topicpath li a { background: url(/information/images/im_site/common/icon_slash.gif) no-repeat center right; padding: 0 20px 0 10px; }
/*****************スマホ用*******************/
@media screen and (max-width:768px) {
	#document-dl .contents-wrap { overflow: hidden; }
	body { background: none; }
}

/*---------------------------------------
 title 
---------------------------------------*/
#document-dl .main .primary { width: 100%; margin: 64px auto 40px; }
#document-dl .main .primary .title-box { width: 950px; text-align: left; margin: 0 auto; }
#document-dl .main .primary h2.primary-title { font-weight: bold; font-size: 38px; width: 100%; }
#document-dl .main .primary p { font-size: 16px; }
/*****************タブレット用*******************/
@media screen and (max-width:991px){
	#document-dl .main .primary { width: 92%; padding: 40px 0 ; }
	#document-dl .main .primary .title-box { margin: 0 auto; width: auto; }
	#document-dl .main .primary h2.primary-title, #document-dl .main .primary p { text-align: left; }	
}
/*****************スマホ用*******************/
@media screen and (max-width:768px) {
	#document-dl .main .primary { width: 92%; margin: 40px auto; text-align: center; }
	#document-dl .main .primary .title-box { margin: 0 auto; text-align: left; width: auto; }
	#document-dl .main .primary h2.primary-title, #document-dl .main .primary p { font-size: 24px; }	
	#document-dl .main .primary p { font-size: 14px; }
}

/*---------------------------------------
main-wrap
---------------------------------------*/
/*共通*/
#document-dl .main .main-wrap { width: 100%; max-width: 2200px; }
#document-dl .main .main-wrap h3.product { background: none; padding: 0; margin-bottom: 20px; }
#document-dl .main .main-wrap .product-img { position: absolute; bottom: 16px; right: 0; z-index: -1; }
#document-dl .main .main-wrap p.product-text { font-size: 14px; line-height: 1.5; }
#document-dl .main .main-wrap .cnv { width: auto; margin: 32px 0 10px; }
#document-dl .main .main-wrap .cnv .product-btn { margin: 0 8px; letter-spacing: 0.1em; background-color: #555; color: #fff; }
#document-dl .main .main-wrap .cnv .dl-btn { margin: 0 8px; letter-spacing: 0.1em; background-color: #ff5a00; color: #fff; }
#document-dl .main .main-wrap .cnv .cnv-btn { display: inline-block; box-shadow: 3px 3px 5px #999; padding: 12px 0; border-radius: 24px; width: 288px; text-align: center; }
#document-dl .main .main-wrap .cnv .cnv-btn span, #document-dl .main .main-wrap .buyer a { font-size: 16px; font-weight: bold; }
#document-dl .main .main-wrap .emp, #document-dl .main .main-wrap .asp, #document-dl .main .main-wrap .kikaku, #document-dl .main .main-wrap .seikyu, #document-dl .main .main-wrap .quo, #document-dl .main .main-wrap .ch { width: 950px; margin: 0 auto; padding: 50px 0 ; position: relative; z-index: 0; }
/*****************タブレット用*******************/
@media screen and (max-width:991px) {
	#document-dl .main .main-wrap h3.product { width: 100%; background: none; padding: 0 0 20px 0; margin: 0 auto 20px; }
	#document-dl .main .main-wrap p.product-text { font-size: 14px; line-height: 1.5; padding-top: 20px; }
	#document-dl .main .main-wrap .product-img { text-align: center; }
	#document-dl .main .main-wrap .cnv { width: auto; margin: 32px 0 10px; }
	#document-dl .main .main-wrap .cnv .product-btn { width: 72%; margin: 16px; }
	#document-dl .main .main-wrap .cnv .dl-btn { width: 72%; margin: 16px; }
	#document-dl .main .main-wrap .cnv .cnv-btn { width: 64%; display: block; padding: 12px 0; }
	#document-dl .main .main-wrap .emp, #document-dl .main .main-wrap .asp, #document-dl .main .main-wrap .kikaku, #document-dl .main .main-wrap .seikyu, #document-dl .main .main-wrap .quo, #document-dl .main .main-wrap .ch { width: 92%; padding: 40px 0 ; }
}
/*****************スマホ用*******************/
@media screen and (max-width:768px) {
	#document-dl .main .main-wrap h3.product { width: 72%; background: none; padding: 0 0 20px 0; text-align: center; margin: 0 auto 20px; }
	#document-dl .main .main-wrap p.product-text { font-size: 13px; line-height: 1.6; padding-top: 20px; }
	#document-dl .main .main-wrap .product-img { position: relative; margin: 0 auto; display: block; }
	#document-dl .main .main-wrap .cnv { width: auto; margin: 20px auto 0; }
	#document-dl .main .main-wrap .cnv .product-btn { margin: 16px auto; }
	#document-dl .main .main-wrap .cnv .dl-btn { margin: 16px auto; }
	#document-dl .main .main-wrap .cnv .cnv-btn { padding: 12px 0; width: 82%; text-align: center; }
	#document-dl .main .main-wrap .emp, #document-dl .main .main-wrap .asp, #document-dl .main .main-wrap .kikaku, #document-dl .main .main-wrap .seikyu, #document-dl .main .main-wrap .quo, #document-dl .main .main-wrap .ch { width: 92%; padding: 40px 0 ; }
}

/*emp*/
#document-dl .main .main-wrap .emp-product-box { width: 100%; background-color: #fcf3f3; }
#document-dl .main .main-wrap .emp-product-img { width: 182px; height: 119px; }
#document-dl .main .main-wrap p.buyer { width: 594px; text-align: center; text-decoration: underline; }
/*****************タブレット用*******************/
@media screen and (max-width:991px) {
	#document-dl .main .main-wrap p.buyer { width: auto; text-align: center; }
}
/*****************スマホ用*******************/
@media screen and (max-width:768px){
	#document-dl .main .main-wrap p.buyer { text-align: center; }
}

/*asp*/
#document-dl .main .main-wrap .asp-product-box { width: 100%; background-color: #eff3f8; }
#document-dl .main .main-wrap .asp-product-img { width: 250px; height: 112px; }

/*kikaku*/
#document-dl .main .main-wrap .kikaku-product-box { width: 100%; background-color: #fdf6f0; }
#document-dl .main .main-wrap .kikaku-product-img { width: 251px; height: 112px; }

/*seikyu*/
#document-dl .main .main-wrap .seikyu-product-box { width: 100%; background-color: #eef5f0; }
#document-dl .main .main-wrap .seikyu-product-img { width: 182px; height: 110px; }

/*quo*/
#document-dl .main .main-wrap .quo-product-box { width: 100%; background-color: #f0f7fb; }
#document-dl .main .main-wrap .quo-product-img { width: 182px; height: 110px; }

/*ch*/
#document-dl .main .main-wrap .ch-product-box { width: 100%; background-color: #efefef; }
#document-dl .main .main-wrap .ch-product-img { width: 250px; height: 119px; }

/*---------------------------------------
footer
---------------------------------------*/
#document-dl footer { width: 100%; height: auto; }
#document-dl footer .footer_wrap { width: 100%; border-top: solid 2px #ccc; padding: 40px 0; background-color: #fff; text-align: center; }
#document-dl footer .footer_wrap ul { margin: 0 auto; }
#document-dl footer .footer_wrap li { font-size: 13px; padding: 0 10px; display: inline-block; }
#document-dl footer .footer_wrap a { color: #333; }
#document-dl footer .footer_wrap a:hover { text-decoration: underline; }
#document-dl footer .im-logo { margin: 32px 0 12px 0; }
#document-dl footer small { font-size: 11px; color: #666;}

/*---------------------------------------
スマホ用　ハンバーガーメニュー＋アコーディオン
---------------------------------------*/
#gnav li.main-link { position: relative; border-bottom: 1px solid #fff;	cursor: pointer; outline: 0; }
#gnav li.main-link::before { content: ''; position: absolute; top: 10px; right: 10px; width: 0; height: 0; border: 6px solid transparent; border-top-color: #666; transition: .5s; -erbkit-transition: .5s; }
#gnav .open::before { content: ''; position: absolute; top: 10px; right: 10px; width: 0; height: 0; border: 6px solid transparent; border-bottom-color: #666;     transform: rotate(-180deg); -ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); }
#gnav li.main-link::after { content: ''; position: absolute; top: 7px; left: 10px; transition: .5s; -erbkit-transition: .5s; }
#gnav .sub-link { padding: 0 0 16px; }
#gnav .sub-link li { list-style: none; }
#gnav .sub-link li a { position: relative; height: 32px; line-height: 32px; padding: 0 20px ; border-bottom: 1px dotted #ccc; font-size: 12px; color:#333; background-color: #fff; }
#gnav ul.sub-link li a::before { content: ''; position: absolute; top: 14px; right: 10px; width: 0; height: 0; border: 8px solid transparent; border-left-color: #fff; } 
#gnav ul li a:before { content: '' !important; }

/*---------------------------------------
【type-b】main-wrap 
---------------------------------------*/
/*共通*/
#document-dl .main .main-wrap .product-text-typeb { width: 68%; }
#document-dl .main .main-wrap .product-img-typeb { position: absolute; top: 0; right: 0; z-index: -1; padding: 40px 40px 0 0; }
#document-dl .main .main-wrap .cnv-typeb { width: auto; margin: 32px 0 10px; }
#document-dl .main .main-wrap .cnv-typeb .product-btn { margin: 0 8px; letter-spacing: 0.1em; background-color: #8ec600; color: #fff; }
#document-dl .main .main-wrap .cnv-typeb .dl-btn { margin: 0 8px; letter-spacing: 0.1em; background-color: #ff5a00; color: #fff; }
#document-dl .main .main-wrap .cnv-typeb .cnv-btn { display: inline-block; box-shadow: 3px 3px 5px #999; padding: 12px 0; border-radius: 8px; width: 384px; text-align: center; }
#document-dl .main .main-wrap .cnv-typeb .cnv-btn span, #document-dl .main .main-wrap .buyer a { font-size: 16px; font-weight: bold; }
#document-dl .main .main-wrap .emp-typeb, #document-dl .main .main-wrap .asp-typeb, #document-dl .main .main-wrap .kikaku-typeb, #document-dl .main .main-wrap .seikyu-typeb, #document-dl .main .main-wrap .contract-typeb, #document-dl .main .main-wrap .quo-typeb, #document-dl .main .main-wrap .ch-typeb { width: 870px; margin: 0 auto; padding: 40px; position: relative; z-index: 0; border: solid 2px #ccc; }
#document-dl .main .main-wrap .contract-typeb h3 span{
	color: #FF0000;
	font-size: 24px;
	margin-left: 40px;
	display: inline-block;
	margin-top: 4px;
}
/*****************タブレット用*******************/
@media screen and (max-width:991px) {
	#document-dl .main .main-wrap .product-text-typeb { width: 72%; padding-top: 0; }	
	#document-dl .main .main-wrap .product-img-typeb { text-align: center; padding: 40px 40px 0 0; }
	#document-dl .main .main-wrap .cnv-typeb { width: auto; margin: 32px 0 10px; }
	#document-dl .main .main-wrap .cnv-typeb .product-btn { width: 72%; margin: 16px; }
	#document-dl .main .main-wrap .cnv-typeb .dl-btn { width: 72%; margin: 16px; }
	#document-dl .main .main-wrap .cnv-typeb .cnv-btn { width: 64%; display: block; padding: 12px 0; }
	#document-dl .main .main-wrap .emp-typeb, #document-dl .main .main-wrap .asp-typeb, #document-dl .main .main-wrap .kikaku-typeb, #document-dl .main .main-wrap .seikyu-typeb, #document-dl .main .main-wrap .contract-typeb, #document-dl .main .main-wrap .quo-typeb, #document-dl .main .main-wrap .ch-typeb { width: 92%; padding: 40px 20px ; }
	#document-dl .main .main-wrap .contract-typeb h3 span{
		font-size: 24px;
		margin-left: 0px;
		margin-top: 10px;
		display: block;
	}
	#document-dl .main .main-wrap .contract-typeb h3.product{
		padding-bottom: 0;
	}
}
/*****************スマホ用*******************/
@media screen and (max-width:768px) {
	#document-dl .main .main-wrap .product-text-typeb { width: auto; padding-top: 20px; }	
	#document-dl .main .main-wrap .product-img-typeb { position: relative; margin: 0 auto; display: block; padding: 0; }
	#document-dl .main .main-wrap .cnv-typeb { width: auto; margin: 20px auto 0; }
	#document-dl .main .main-wrap .cnv-typeb .product-btn { margin: 16px auto; }
	#document-dl .main .main-wrap .cnv-typeb .dl-btn { margin: 16px auto; }
	#document-dl .main .main-wrap .cnv-typeb .cnv-btn { padding: 12px 0; width: 82%; text-align: center; }
	#document-dl .main .main-wrap .emp-typeb, #document-dl .main .main-wrap .asp-typeb, #document-dl .main .main-wrap .kikaku-typeb, #document-dl .main .main-wrap .seikyu-typeb, #document-dl .main .main-wrap .contract-typeb, #document-dl .main .main-wrap .quo-typeb, #document-dl .main .main-wrap .ch-typeb { width: 92%; padding: 40px 20px ; }
	#document-dl .main .main-wrap .contract-typeb h3 span{
		font-size: 18px;
	}
}

/*emp*/
#document-dl .main .main-wrap p.buyer-type-b { width: 786px; text-align: center; text-decoration: underline; }
/*****************タブレット用*******************/
@media screen and (max-width:991px) {
	#document-dl .main .main-wrap p.buyer-type-b { width: auto; text-align: center; }
}
/*****************スマホ用*******************/
@media screen and (max-width:768px){
	#document-dl .main .main-wrap p.buyer-type-b { text-align: center; }
} 


/*商談テキストリンク追加 20181108*/
.txt_link{margin:25px 0 0 70px;font-weight:bold;}
.fs{font-size:16px!important;}
.link_mr{margin-right:140px;}
/*****************タブレット用*******************/
@media screen and (max-width:991px) {
.txt_link{width:70%;margin:30px 0 0 0;text-align:center;}
.link_mr{margin-right:0px;}
}
/*****************スマホ用*******************/
@media screen and (max-width:768px){
.txt_link{width:100%;margin:30px 0 0 0;text-align:center;}
.fs{font-size:14px!important;}
.link_mr{margin-right:0px;}
}
/*---------------------------------------
breakPoint
---------------------------------------*/
@media screen and (min-width:991px) {
	#document-dl .tab-only { display: none !important; }
}