@charset "utf-8";


/*
*	Title: SCSK サービス詳細用
*	URI: 
*	Last Modified: 
*	Description: メインカラム（サービス詳細内容）
*/

/* CSS Document */

#curl_contents{
	font-family: Meiryo,"CI",Arial,Helvetica,Clean,"Hiragino Kaku Gothic Pro","qMmpS Pro W3",Osaka,"MS P Gothic","lr oSVbN",sans-serif!important;
	color: #2c2c2c;

	width: 563px;
	font-size: 13px;
	line-height: 150%;
	letter-spacing: 1px;
}

#curl_contents ul li {
	padding: 0 0 10px;
}

#curl_contents dl dt {
	padding: 10px 0 5px;
	color: #0d2134;
	font-weight: bold;
}
#curl_contents dl dd {
	padding: 0 0 10px;
	margin-left: 15px;
}

#curl_contents img {
	border: 0;
}

#curl_contents h2 {
	margin-top: 40px;
	margin-bottom: 25px;;
}

#curl_contents h3 {
	font-size: 13px;
	color: #000;
	margin: 0 0 5px 0;
	padding: 0;
}

#curl_contents h4 {
	background: #fff url(../images/case_name.png) left top no-repeat;
	display: block;
	padding: 5px 0 5px 30px;
	heignt: 30px;
	font-size: 14px;
}

#curl_contents h5 {
	font-size: 16px;
	color: #222b43;
	border-bottom: 2px solid #435772;
	margin: 7px 0;
	padding: 0 0 5px 0;
}

#curl_contents p {
	margin: 0;
	padding: 0;
	font-size: 12px;
}

#curl_contents .btn {
	margin: 20px auto 50px;
	text-align: center;
}

#curl_contents .curl_cts {
	padding: 0 0 30px 0;
}

#curl_contents .cts_left_01 {
	float: left;
	width: 280px;
}

#curl_contents .cts_right_01 {
	float: right;
	width: 280px;
}

#curl_contents .cts_left_02 {
	float: left;
	width: 300px;
}

#curl_contents .cts_right_02 {
	float: right;
	width: 260px;
}

#curl_contents .clear {
	clear: both;
}

#curl_contents ul {
	margin: 30px 0 40px 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

#curl_contents li {
	display: inline;
	margin-right: 10px;
}

/*
	2022/11/04 ワンカラム
--------------------------------------------------*/
.flex-reverse{
flex-direction:row-reverse;
}

#curl h4 {
	background: #fff url(../images/case_name.png) left top no-repeat;
	display: block;
	padding: 5px 0 5px 30px;
	heignt: 30px;
	font-size: 14px;
}

#curl h5 {
	font-size: 16px;
	color: #222b43;
	border-bottom: 2px solid #435772;
	margin: 7px 0;
	padding: 0 0 5px 0;
}


@media screen and (max-width:767px) and (min-width:1px) {
.flex-reverse{
flex-direction:column;
}
}