@charset "utf-8";
/* CSS Document */
.co_ContentsWrap:nth-of-type(2) {
	background-color: #F2F2F2;
}
/*ブランディングエリア*/
#co_Branding {
	background-color: #a5d0ea;
	padding: 0;
}

#co_Branding .Section {
	padding: 90px 0 89px;
	align-items: center;
	height: 400px;
}
#co_Branding {
	background: #09090F url("../image/image_branding_PC.jpg")no-repeat top 40% center/100% auto;
}
#co_Branding .co_TextBox {
	width: calc(100% - 260px);
	color: #FFFFFF;
	text-shadow:#4d4b49 1px 0 15px, #4d4b49 1px 0 15px, #4d4b49 1px 0 15px;
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	margin-left: 20px;
}
#co_Branding h1 {
	color: #FFFFFF;
	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;
	border-radius: 5px;
}

.co_AnchorLink {
	background-color:#1C355E;
}

/*お悩みはありませんか？エリア*/
.Section.co_MemoSheetWrap {
	margin-bottom: 40px;
}
.co_MemoSheet {
	background: url("../image/parts_memoSheet.png") repeat-y;
}
.co_MemoSheetInner {
	padding: 30px 30px 30px 60px;
	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;
}
.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;
}
.co_ContentsWrap.co_BackgroundTransparencyWrap{
    background: url( "../image/dataanalysis.jpg") no-repeat center center/2000px auto;
} 
/*赤下線のエリア関係*/
.co_Approach {
	background: url("../image/parts_Aproach.jpg");
	padding: 40px 0 100px;
}
.co_Approach > .Section:nth-of-type(n + 2){
	margin-top: 100px;
}
.co_Approach .co_h2Wrapper {
	text-align: center;
	margin-bottom: 30px;
}
.co_Approach h2 {
	display: inline;
	border-bottom: 2px solid #CC0022;
}
.co_ApproachInnerBox {
	background-color: #F2F2F2;
	padding: 40px 30px 30px !important;
	margin-top: 40px;
}
.co_Approach_h4Wrap:not(:first-of-type) {
	margin-top: 60px;
}
.co_ApproachInnerBox .co_MovieWrap {
	margin-top: 60px;
}
.co_Approach_HeadWrap {
	padding: 0 15px;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { 
	display: block ; 
}
.sp {
	display: none ;
}
.Redline{
	display: inline;
    border-bottom: 2px solid #CC0022;
	text-align: center;
}
.co li.List2{ 
margin-left: 380px;
}
li.List2,
dt.List2 {
	padding-left: 1em;
	background: url(../../image/jp/r1/icon/icon_list_marker_hd.gif) no-repeat 0 3px;
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
	 font-size: 90%;
}

li.List2 a,
dt.List2 a {
	padding: 0;
	background: none !important;
}
li.List2 {
    padding-left: 1.5em;
}
.co_ContentsWrap2{
	margin-left: calc(((100vw - 100%) / 2) * -1);
	margin-right: calc(((100vw - 100%) / 2) * -1);
	padding: 40px 0 0;
}
.co_ContentsWrap2 .Section {
    width: 100%;
    max-width: 965px;
;
    margin: 0 auto;
}
.co_ImgList03  {
    background-color: #ffffff;
    border: 1px solid #f2f2f2;
    padding: 30px;
    box-shadow: 0 0 6px 0 rgb(0 0 0 / 20%);
}
/*フッタエリア文字サイズ（Opelight限定）*/
.co_FooterContact p.TextStyle1 strong {
    font-size: 26px;
}
/*画面上にロゴを表示*/
.co_ImageFloat{
	background: url(../image/opelight_logo.svg) no-repeat;
	display: inline-block;
	width: 186px;
	height: 66px;
	position: absolute;
	right: 33px;
	top: 64px;
}
/*レスポンシブ*/
@media screen and (max-width:768px) {

	.pc { 
		display: none ; 
		
	}
    .sp { 
		display: block ; 
		max-width: 100%;
	}
	.co li.List2{ 
		margin-left: 0px;
	}
	
		/*ブランディングエリア*/
	#co_Branding .Section {
		background: url("../image/image_branding_PC.jpg")no-repeat center center/auto 520px;
		padding: 26px 15px 20px;
		height: 100%;
		text-align: center;
		margin-left: calc(((100vw - 100%) / 2) * -1);
		margin-right: calc(((100vw - 100%) / 2) * -1);
		position:relative
	}
	#co_Branding .co_TextBox {
		width: 100%;
		margin-left: 0;
	}
	#co_Branding h1 {
		width: 100%;
		font-size: 30px;
	}
	#co_Branding div > p {
		font-size: 14px;
	}
	#co_Branding .co_CV2set {
		margin-top: 120px;
		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);
	}

	/*赤下線エリア関係*/
	.co_Approach {
		background: url("../image/parts_Aproach.jpg");
		padding: 40px 15px 30px;
	}
	.co_Approach > .Section:nth-of-type(n + 2){
		margin-top: 50px;
	}
	.co_Approach .co_h2Wrapper {
		margin-bottom: 20px;
	}
	.co_ApproachInnerBox {
		padding: 15px;
		margin-top: 25px;
	}
	.co_Approach_h4Wrap:not(:first-of-type) {
		margin-top: 30px;
	}
	.co_ApproachInnerBox .co_MovieWrap {
		margin-top: 30px;
	}
	.co_Approach_HeadWrap {
		padding: 0;
	}
	/*フッタエリア文字サイズ（Opelight限定）*/
	.co_FooterContact p.TextStyle1 strong {
    font-size: 18px;
	}
	/*画面上にロゴを表示*/
	.co_ImageFloat{
	/* margin-top: 30px;
	width: 190px;
	height: 56px;
	position: static; */
	display: none;
	}
}

/*20260806 カルーセルページャーを増やす用の追加*/
.slick-dots {
	width: fit-content;	
}

/*20260806 カードレイアウト用の追加*/
.l-wrapper.l-wrapper{
	background-color: #fff;
}
.c-card-list--no-image {
    gap: 18px;
    margin-left: 30px;
    margin-right: 30px;
	margin-bottom: 60px;
    flex-wrap: wrap;
 }
.c-card-list--no-image .c-card {
    width: calc(33.3333% - 12px);
	background-color: rgba(238, 238, 238, 0.9);
	transition: all 0.3s ease-in;
 }
 .c-card:hover {
	background-color: #E6E6E6;
}
.c-card__button {
    box-sizing: border-box;
    position: relative;
    display: flex;
	align-items: center;
    min-height: 62px;
    padding: 16px 54px 16px 16px;
    line-height: 1.5;
    font-weight: bold;
    transition: all 0.3s ease-in;
	flex-wrap: wrap;
}
 .c-card a {
	min-height: 109px;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease-in;
	padding-right: 50px;
	background: url(../image/icon_c-card.svg) no-repeat right 16px center/32px;
	word-break: auto-phrase;
	font-feature-settings: 'palt';
	text-wrap: pretty;
	overflow-wrap:anywhere;
}
 .c-card a:hover{
	text-decoration: underline;
 }
.c-card__text {
	position: relative;
    box-sizing: border-box;
    padding: 16px;
    border-top: 1px solid #d90005;
    font-size: 14px;
}
.c-archive-list__icon {
    display: inline-block;
    line-height: 1.5;
    padding: 0 4px;
    margin:0 5px;
    background-color: #d90005;
    font-weight: 400;
    color: #fff;
    font-size: 0.875rem;
}
.l-wrapper .u-uppercase {
    text-transform: uppercase;
}
/*20260806 レスポンシブ*/
@media screen and (min-width:769px) {
	.co_AnchorLink .LinkListStyle6.LinkListStyleNowrap {
	display: flex;
	}
	.co_AnchorLink .LinkListStyle6.LinkListStyleNowrap li {
		flex-grow: 1;
	}
	.co_AnchorLink .LinkListStyle6.LinkListStyleNowrap li a {
		width: 100%;
		text-align: center;
	}
	.co_AnchorLink .LinkListStyle6.LinkListStyleNowrap li:nth-of-type(n+6) {
		border: 1px solid #ffffff;
		border-left: none;
	}
}
@media screen and (max-width:768px) {
	/* メインビジュアル、資料請求ボタンの配置位置調整用の追加 */
	#co_Branding .co_CV2set {
		margin-top: 24px;
		margin-left: 0;
	}

	/* カードレイアウト用の追加 */
	.c-card-list--no-image {
    margin-left: 0;
    margin-right: 0;
 	}
	.c-card-list--no-image .c-card {
    width: 100%;
	}
	.c-card__text {
    height: 100%;
	}
	.c-card a {
		min-height: inherit;
	}

	/* カルーセルページャーを画面内に収めるための追加 */
	.slick-dots li:not(:last-of-type) {
        margin-right: 16px;
    }
}