@charset "utf-8";
/* CSS Document */
.co_ContentsWrap:nth-of-type(2) {
	background-color: #F2F2F2;
}
/*ブランディングエリア
#co_Branding {
	background: url("../image/image_branding_bg_PC.jpg") repeat-x left top;
	padding: 0;
}
#co_Branding .Section {
	background: url("../image/image_branding_PC.png") no-repeat;
	padding: 90px 0 89px;
	align-items: center;
	height: 400px;
}
#co_Branding .co_TextBox {
	width: 375px;
	color: #ffffff;
	text-shadow:1px 2px 3px #0760B7;
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	margin-left: 35px;
}
#co_Branding h1 {
	position: static;
	top: 0;
	left: 0;
	-webkit-transform: none;
	transform: none;
	font-size: 40px;
	font-weight: bold;
}
#co_Branding div > p {
	font-weight: bold;
	font-size: 17px;
}
#co_Branding .co_CV2set {
	margin-left: auto;
	padding: 20px;
	background-color:rgba(0,32,63,0.25);
	border-radius: 5px;
	width: 290px;
}*/
/*お悩みはありませんか？エリア
.Section.co_MemoSheetWrap {
	margin-bottom: 40px;
}
.co_MemoSheet {
	background: url("../image/parts_memoSheet.png") repeat-y;
}
.co_MemoSheetInner {
	padding: 30px 30px 30px 5px;
	margin-left: 25px;
	background-color: #ffffff;
	position: relative;
}
.co_MemoSheetInner::after {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 14px 14px 0 14px;
	border-color: #CC0022 transparent transparent transparent;
	bottom: -30px;
	left: calc(50% - 25px);
}
.co_MemoSheetInner ul {
	display: inline-block;
	margin-left: 60px;
}
.co_MemoSheetInner ul li {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	padding: 9px 0 2px 50px;
	margin-bottom: 25px;
	background: url("../image/icon_checkbox.svg") no-repeat left top 5px/28px 31px;
}
.co_MemoSheetInner ul li:last-of-type {
	margin-bottom: 0;
}
.co_MemoSheetWrap .co_AppealText {
	margin-top: 50px;
	text-align: center;
}
.co_MemoSheetWrap .co_AppealText strong {
	font-size: 32px;
	background: linear-gradient(transparent 80%, #FFF700 0%) center bottom 5px;
	color: #333333;
	line-height: 1.6;
}
.co_MemoSheetWrap .co_ColorChange {
	color: #CC0022;
}
*/


/*超xlsサービスとは？エリア*/
#co_Top .co_Concept ul.ButtonStyle1{
	margin-top: 20px;
}
#co_Top .co_Concept {
	padding-top: 40px;
	min-height: 700px;
}
#co_Top .co_Concept .co_Concept_RightBox {
	margin-top: 50px;
}




/*レスポンシブ*/
@media screen and (max-width:768px) {
	/*ブランディングエリア
	#co_Branding {
		background: url("../image/image_branding_bg_SP.jpg") repeat-x left/auto 455px #030B6D;
		padding: 0;
	}
	#co_Branding .Section {
		background: url("../image/image_branding_SP.png") no-repeat center top/auto 455px;
		padding: 26px 15px 20px;
		height: 100%;
		text-align: center;
		margin-left: calc(((100vw - 100%) / 2) * -1);
		margin-right: calc(((100vw - 100%) / 2) * -1);
	}
	#co_Branding .co_TextBox {
		width: 100%;
		margin-left: 0;
	}
	#co_Branding h1 {
		width: 100%;
		font-size: 36px;
	}
	#co_Branding div > p {
		font-size: 14px;
	}
	#co_Branding .co_CV2set {
		margin-top: 200px;
		padding: 0;
		background-color:transparent;
		margin-left: 15px;
	}*/
	
	/*お悩みはありませんか？エリア*/
	.co_MemoSheetInner {
		padding: 20px 20px 20px 0px;
		margin-left: 25px;
		position: relative;
	}
	.co_MemoSheetInner ul {
		margin-left: 0;
	}
	.co_MemoSheetInner ul li {
		font-size: 12px;
		padding: 5px 0 15px 30px;
		margin-bottom: 0;
		background: url("../image/icon_checkbox.svg") no-repeat left top 5px/18px 19px;
	}
	.co_MemoSheetInner ul li:last-of-type {
		padding-bottom: 0;
	}
	.co_MemoSheetWrap .co_AppealText {
		margin-top: 34px;
	}
	.co_MemoSheetWrap .co_AppealText strong {
		font-size: 22px;
	}
	
	
	
	/*超xlsサービスとは？エリア*/
	#co_Top .co_Concept ul.ButtonStyle1{
		margin-top: 0;
	}
	#co_Top .co_Concept {
		background:url("../image/image_concept_SP.jpg") no-repeat center bottom/auto 800px #DFEDFF;
		padding-top: 60px;
		min-height: 100%;
		position: relative;
	}
	#co_Top .co_Concept .co_Concept_RightBox {
		margin-top: 0;
	}
	#co_Top .co_Concept .co_Concept_RightBox .ButtonStyle1 {
		position: absolute;
		margin-top: auto;
		bottom: 20px;
		width: calc(100% - 30px);
	}
}