/* =========================
   productsで使うスタイル
========================= */

.products_page #top-head #products a{ color:#005ca2; }

#cate_ttl { background: url(../img/bg_ttl.jpg) no-repeat right top #eef2f9; }

@media screen and (max-width: 768px) {
    #top-head #global-nav ul #products a,
    #top-head.fixed #global-nav ul #products a { color: #fff;}
	#cate_ttl { background-size:contain;}
}

@media screen and (min-width: 768px) and (max-width:1080px){
	#cate_ttl h2 { text-shadow: 2px 2px 3px #fff,-2px 2px 3px #fff,2px -2px 3px #fff,-2px -2px 3px #fff;}
}

.main_top { width:650px; margin:0 auto; }

.desc {
	width:100%;
	padding:3.6rem 5rem;
	border-top:1px solid #c5d8dd;
	border-bottom:1px solid #c5d8dd;
	background-color:#f4fafb;
	margin-top:6rem;
}

.desc h4, .desc dt {
	font-size:2.4rem;
	color:#005ca2;
	letter-spacing:0.2em;
}

.desc h4 { margin-bottom:3.5rem; text-align:center; font-weight:normal; }

.desc ul li {
	list-style-image:url(../img/list_image.png);
	margin:0.5em 0 0 5rem;
}

.desc_add { margin-top:5rem; }

.container.second {
	margin:16rem auto 8rem;
}

.container .wrapper {
   max-width:930px;
   width:100%;
   margin:5rem auto 0;
}
.container .wrapper .flex-container {
	display: flex;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
}

.desc dt { float:left; width:20%; }

.desc dd { width:80%; line-height:1.8; overflow: auto; }

.desc:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: '[.]';
}

@media screen and (max-width: 768px) {
	.main_top { width:100%; }
	.desc {	padding:2rem 2rem; margin-top:3rem; }
	.desc h4, .desc dt { font-size:1.8rem; letter-spacing:0.2em; }
	.desc h4 { margin-bottom:2rem; }
	.desc ul li { margin:0.5em 0 0 2rem; }
	.desc_add { margin-top:3rem; }
	.container.second { margin:5rem auto 4rem; }
	.container .wrapper { margin:2rem auto 0; }
	.container .wrapper .flex-container { display: block; }
	.container .wrapper .flex-container li { margin-bottom:1rem; text-align:center; }
	.desc dt { float:none; margin-bottom:0.5em; }
	.desc dt,.desc dd { width:100%; }
}