@charset "utf-8";
/* CSS Document */

/*-------------------
製品ページ　お知らせページ用CSS
/contract/information.asp
-------------------*/
#contract {
    font-size: 16px;
}
.contents {
    width: 90%;
    max-width: 64em;
    margin: auto;
}
.btn a:hover {
    opacity: 0.85;
    cursor: pointer;
}
p.tx-link a {
    font-size: 1.5em;
    line-height: 1.5em;
    color: #2684e2;
    text-decoration: underline;
}
p.tx-link a:hover {
    opacity: 0.8;
}
h2 {
	font-weight: bold;
    text-align: center;
    font-size: 1.25em;
    line-height: 1.5em;
    padding: 2.5em 0 1em;
}
p.clear {
    font-size: 1.25em;
    line-height: 1.4;
    font-weight: bold;
    color: #934b81;
    text-align: center;
    margin-bottom: 4px;
}
p.clear.black {
    color: #333333;
}
p.clear:last-child {
    margin-bottom: 0;
}
#contents-wrap {
	margin: 0 auto 3.5em;
	padding: 60px 0 20px;
}

/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em) {
    h2 {
		text-align: center;
		font-size: 1.5em;
		padding: 60px 0 40px;
		line-height: 1.4em;
    }
    #sec-merit,
    #sec-property{
        background: url(/web/jp/asp/buyer/images/menu-kanri_line-pc.png) top center no-repeat;
    }
	#contents-wrap {
		margin: 0 auto 3.5em;
	}
}

/* タブレット縦サイズ 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: linear-gradient(#f2e6ef, #fff5fc);
    text-align: center;
	padding: 6.75em 0 1.75em;
}
.page_title h1 {
	color: #934b81;
	font-weight: bold;
    font-size: 1.7em;
  /*  font-weight: bold;*/
    margin: 0;
    /*text-shadow: -2px -2px 40px #fff, 2px -2px 40px #fff, 2px 2px 40px #fff, -2px 2px 40px #fff;
*/
}

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

    .page_title h1 {
        font-size: 2em;
    }
}

/*-----------------
 *お知らせ左カラム
-----------------*/
#sec-information .contents_left ul.news_list{
       margin-bottom: 3.5em;
}
#sec-information .contents_left ul.news_list li {
    padding-bottom: 0.5em;
    margin-bottom: 0.75em;
    border-bottom: 1px #CCCCCC dotted;
}
#sec-information .contents_left ul.news_list li dl dt{
    font-size: 0.9em;
    text-align: left;
width: 100%;
margin-bottom: 0.5em;
	line-height: 1.6em;
}
#sec-information .contents_left ul.news_list li dl dd{
    line-height: 1.4em;
    text-align: left;
width: 100%;
}
#sec-information .contents_left ul.news_list li dl dd a{
    font-size: 0.95em;
    color: #2684e2;
    }

/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em) {
	#sec-information .contents_left ul.news_list li dl dt {
		margin-bottom: 0;
	}
}
/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em) {
    #sec-information .contents_left ul.news_list{
    margin-bottom: 0;
}
    #sec-information .contents_left {
    width: 70%;
    max-width: 715px;
    float: left;
    }

 #sec-information .contents_left ul.news_list{
 }

#sec-information .contents_left ul.news_list li {
width: 100%;
  }

#sec-information .contents_left ul.news_list li dl dt{
width: 20%;
float: left;
    }
#sec-information .contents_left ul.news_list li dl dd{
width: 80%;
float: left;
    }

}

/*-----------------
 *incファイル　右カラム
/contract/include/yougo_sidenavi.html
-----------------*/
#sec-yougo_sidenavi .contents_right .hotword {
	margin-bottom: 3.5em;
    text-align: left;
}
#sec-yougo_sidenavi .contents_right .hotword h4 {
	background: #333;
	color: #fff;
	position: relative;
	padding: 0.75em 0 0.75em 2.75em;
	margin-bottom: 1em;
}
#sec-yougo_sidenavi .contents_right .hotword h4::before {
	content: url("/web/jp/asp/yougo/images/yougo_attention.svg");
	position: absolute;
	top:6px;
	left: 12px;
	width: 1.5em;
    height: 1.5em;
}
#sec-yougo_sidenavi .contents_right .hotword p {
	line-height: 1.6;
	margin: 0 auto 1.5em;
	width: 92%;
}
#sec-yougo_sidenavi .contents_right .hotword ul {
	width: 92%;
    margin: 0 auto;
}
#sec-yougo_sidenavi .contents_right .hotword li {
	display: inline-block;
    background: #fff;
    border: solid 1px #2684e2;
	color: #2684e2;
	text-align: center;
	font-size: 0.95em;
    width: 47%;
    margin-bottom: 6px;
}
#sec-yougo_sidenavi .contents_right .hotword li:hover { 
	background: #f5f7f7;
}
#sec-yougo_sidenavi .contents_right .hotword li a {
	padding: 5%;
    display: inline-block;
    width: 90%;
	color: #2684e2;
}
#sec-yougo_sidenavi .contents_right .bnr_link {
	text-align: center;
}
#sec-yougo_sidenavi .contents_right .bnr_link li {
	width: 92%;
	margin-bottom: 1em;
	display: inline-block;
}
#sec-yougo_sidenavi .contents_right .bnr_link li:last-child {
	margin-bottom: 5em;
}
#sec-yougo_sidenavi .contents_right .bnr_link li img {
	width: 100%;
}
#sec-yougo_sidenavi .contents_right .bnr_link li:hover {
	opacity: 0.85;
}

/*お知らせ 201904*/
#information .category-nav{
	width: 90%;
	max-width: 64em;
	margin: -20px 5% 40px;
}
#information .category-nav ul li{
	float: left;
	width: calc((100% - 10px) / 2);
	margin-bottom: 10px;
}
#information .category-nav ul li:nth-child(2n+1){
	margin-right: 10px;
}
#information .category-nav ul li a{
	display: block;
	width: 100%;
	height: 40px;
	padding: 12px;
	border: 1px solid #ccc;
	background-color: #fff;
	border-radius: 3px;
	text-align: center;
	line-height: 1;
	font-size: 14px;
	color: #1D54A7;
	box-sizing: border-box;
}
#information .category-nav ul li a.current{
	background-color: #F0F0F0;
	font-weight: bold;
	color: #333;
}
#information .category-nav ul li a:hover{
	opacity: 0.8;
}
#information .paging{
	width: 90%;
	max-width: 64em;
	margin: 0 auto;
	text-align: center;
}
#information .paging a,#information .paging span{
	display: inline-block;
}
#information .paging a#paging-next{
	margin-right: 0;
}
#information .paging a#paging-prev,#information .paging a#paging-next{
	color: #222 !important;
}
#information .paging a#paging-prev{
	margin-right: 10px;
}
#information .paging a.link-disable{
	cursor: default;
}
#information .paging .paging-body a{
	width: 23px;
	height: 23px;
	margin-right: 10px;
	padding: 5px 1px;
	text-align: center;
	box-sizing: border-box;
	font-size: 13px;
	line-height: 1;
}
#information .paging .paging-body a:hover{
	opacity: 0.8;
}
#information .paging .paging-body span{
	padding: 5px 0;
	margin-left: -5px;
	margin-right: 5px;
}
#information .paging .paging-body a.current{
	background-color: #666;
	border-radius: 2px;
	color: #fff;
}
#sec-information *{
	box-sizing: border-box;
}
#sec-information .news_list-wrap ul.news_list li{
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px dotted #ccc;
}
#sec-information .news_list-wrap ul.news_list a{
	display: block;
	color: #333;
}
#sec-information .news_list-wrap ul.news_list a:hover{
	opacity: 0.85;
	color: #333;
}
#sec-information .news_list-wrap ul.news_list a span{
	display: block;
}
#sec-information .news_list-wrap ul.news_list a span.image{
	margin-bottom: 20px;
	text-align: center;
}
#sec-information .news_list-wrap ul.news_list a span.image img{
	width: 100%;
	max-width: 460px;
	height: auto;
}
#sec-information .news_list-wrap ul.news_list a span.text{
	position: relative;
	line-height: 1.5;
}
#sec-information .news_list-wrap ul.news_list a span.text span.category{
	position: absolute;
	top:0;
	right: 0;
	display: inline-block;
	height: 21px;
	padding: 2px 14px;
	text-align: center;
	background-color: #666;
	font-size: 12px;
	color: #fff;
}
#sec-information .news_list-wrap ul.news_list a span.text span.date{
	margin-bottom: 20px;
	font-size: 14px;
}
#sec-information .news_list-wrap ul.news_list a span.text span.tit{
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: bold;
	word-break: break-all;
}
#sec-information .news_list-wrap ul.news_list a span.text span.desc{
	font-size: 16px;
}
#sec-information .news_list-wrap ul.news_list a span.text span.desc{
	position: relative;
	max-height: 144px;
	overflow: hidden;
	word-break: break-all;
}
#sec-information .news_list-wrap ul.news_list a span.text span.desc:before{
	position: absolute;
	content: "…";
	top: 120px;
	right: 0;
	background: #fff;
}
#sec-information .news_list-wrap ul.news_list a span.text span.desc:after{
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background: #fff;
}
#sec-information .news_list-wrap ul.news_list a span.text span.more{
	text-decoration: underline;
	color: #1D54A7;
}
/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em) {
	#sec-yougo_sidenavi .contents_right .bnr_link li {
		width: 43.5%;
		padding-right: 1em;
	}
	#sec-yougo_sidenavi .contents_right .hotword li {
		width: 48%;
	}
	#information .category-nav{
		margin: 0px auto 40px;
	}
	#information .category-nav ul li{
		width:140px;
		margin: 0 20px 0 0 !important;
	}
	#information .paging{
		text-align: right;
	}
}
/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em) {
	#sec-yougo_sidenavi .contents_right {
		width: 100%;
		max-width: 16.25em;
		margin: auto;
		text-align: center;
		float: right;
		position: relative;
	}
	#sec-yougo_sidenavi .contents_right .hotword p {
		line-height: 1.6;
		margin-bottom: 1.5em;
		width: 100%;
	}
	#sec-yougo_sidenavi .contents_right .hotword li a {
		padding: 6%;
		width: 88%;
	}

	#sec-yougo_sidenavi .contents_right .hotword ul {
		width: 100%;
	}
	#sec-yougo_sidenavi .contents_right .bnr_link li {
		width: 100%;
		padding: 0;
	}
	#sec-information .news_list-wrap ul.news_list a{
		display: table;
		width: 100%;
	}
	#sec-information .news_list-wrap ul.news_list a span.image,#sec-information .news_list-wrap ul.news_list a span.text{
		display: table-cell;
		vertical-align: top;
	}
	#sec-information .news_list-wrap ul.news_list a span.image{
		width: 360px;
		margin-bottom: 0;
		text-align: left;
	}
	#sec-information .news_list-wrap ul.news_list a span.image img{
		width: 320px;
	}
	#sec-information .news_list-wrap ul.news_list a span.text span.date{
		margin-bottom: 15px;
	}
	#sec-information .news_list-wrap ul.news_list a span.text span.tit{
		position: relative;
		max-height: 60px;
		margin-bottom: 10px;
		overflow: hidden;
	}
	#sec-information .news_list-wrap ul.news_list a span.text span.tit:before{
		position: absolute;
		content: "…";
		top: 30px;
		right: 0;
		background: #fff;
	}
	#sec-information .news_list-wrap ul.news_list a span.text span.tit:after{
		position: absolute;
		content: "";
		height: 100%;
		width: 100%;
		background: #fff;
	}
	#sec-information .news_list-wrap ul.news_list a span.text span.desc{
		max-height: 72px;
	}
	#sec-information .news_list-wrap ul.news_list a span.text span.desc:before{
		top: 48px;
	}
}

#sec-information .contents_left ul.news_list li dl dd a span[class^="icon-"],
#sec-information .contents_left ul.news_list li dl dd a span[class*=" icon-"]{
	font-size: 0.8em;
    margin-left: 10px;
}