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

/* CSS Infomation =========================
File name:index.css
Latest Update:2018.02.12
Editor:Y.Shiramoto
Description:index.html設定
===========================================*/

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

スライド

=========================*/
.carousel-indicators .active{
    background-color: #00053A;
	border:solid 1px  #00053A;
}
.carousel-indicators li{
    background-color: #999;
	width: 10px;
	height:10px;
	border:solid 1px #999;
	border-radius: 10px;
	margin: 0 8px 0 8px;
}

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

カード

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

/* 枠組み */

div.top_card,
div.top_card_middle{
	margin-bottom:1.75rem;
}
div.top_card_inner {
	height:100%;
}

div.top_card_body{
	padding:1rem;
}
div.top_card_footer{
	padding:0.5rem;
}

a.top_card,
a.top_card_middle{
	margin-bottom:1.75rem;
}

	
/* タイトル */
h3.top_card_title{
	font-size:1.1rem;
	text-align:center;
	font-weight:bold;
}


/* テキスト */
p.top_card_txt{
	font-size:0.8rem;
	line-height:1rem;
}

/*=======以下各カード個別設定=======*/

/*イデアルを知る*/

div.production{
	border:2px solid #CC6600;
	background-color: #FFC;
}
div.production h3{
	color: #FFF;
	border:1px solid #CC6600;
	padding:5px 0 5px 0;
	background: #CC6600;
}

/*共通設定*/
div.cardproducts{
	border:2px solid #000066;
	background-image: linear-gradient(135deg, #000066 1rem, transparent 0);
}
div.cardproducts h3{
	color:#000066;
	border-bottom:1px solid #000066;
}

/*総務系印刷物*/
div.general{
	border:2px solid #7576B7;
	background-image: linear-gradient(135deg, #7576B7 1rem, transparent 0);
}
div.general h3{
	color:#7576B7;
	border-bottom:1px solid #7576B7;
}

/*社内報・組合報・広報誌*/
div.newsletter{
	border:2px solid #F87289;
	background-image: linear-gradient(135deg, #F87289 1rem, transparent 0);
}
div.newsletter h3{
	color:#F87289;
	border-bottom:1px solid #F87289;
}

/*教育冊子・論文集・議案書*/
div.booklet{
	border:2px solid #2A9BB9;
	background-image: linear-gradient(135deg, #2A9BB9 1rem, transparent 0);
}
div.booklet h3{
	color:#2A9BB9;
	border-bottom:1px solid #2A9BB9;
}

/*経営方針・行動基準就業規則の印刷物*/
div.policy{
	border:2px solid #BF72C2;
	background-image: linear-gradient(135deg, #BF72C2 1rem, transparent 0);
}
div.policy h3{
	color:#BF72C2;
	border-bottom:1px solid #BF72C2;
}

/*安全衛生に関わる印刷物*/
div.safety{
	border:2px solid #5AAF68;
	background-image: linear-gradient(135deg, #5AAF68 1rem, transparent 0);
}
div.safety h3{
	color:#5AAF68;
	border-bottom:1px solid #5AAF68;
}

/*シール印刷*/
div.seal{
	border:2px solid #EE8B18;
	background-image: linear-gradient(135deg, #EE8B18 1rem, transparent 0);
}
div.seal h3{
	color:#EE8B18;
	border-bottom:1px solid #EE8B18;
}


/*会社案内*/
div.cb{
	border:2px solid #0071BC;
	background-image: linear-gradient(135deg, #0071BC 1rem, transparent 0);
}
div.cb h3{
	color:#0071BC;
	border-bottom:1px solid #0071BC;
}

/*法人向け印刷商品*/
.hojin {
    text-align: center;
}

/*制作の流れ*/
.seisakunonagare_zone {
	background-color: #F0F1F4;
    padding: 30px;
    text-align: center;
	margin: 70px 0;
}
.seisakunonagare_btn {
	margin-top: 40px;
}
.seisakunonagare_zone a:hover{
	opacity:0.5;
}

/*お役立ち情報*/
.officers_zone {
    text-align: center;
	margin-bottom: 70px;
}
.wakaru_bnr a:hover {
	opacity: 0.8;
}

/*イデアルについて*/
.ideal_zone {
    text-align: center;
	margin-bottom: 70px;
}
/*印刷物を通して、お客様をお手伝いするために*/
.helpcustomer_zone {
	background-color: #F0F1F4;
	background-image: url(../images/contents/bg_helpcustomer.webp);
	background-repeat:no-repeat;
	background-position: right;
	padding: 30px;
    text-align: center;
	margin-bottom: 70px;
}
.helpcustomer_txt {
	text-align:left;
	margin-right: 20px;
}



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

メディアクエリ
（bootstrapを基準に設定）

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





/*=======medium以下=======*/

@media screen and (min-width: 768px) {
/* カード（1カラム時センターマージン） */
.top_card_middle{
	margin-left:-1rem;
	margin-right:-1rem;
}
}

/*=======IEのみ=======*/


/*@media screen\0 {
div.card-body{
	height:280px;
  }
}

*/