@charset "utf-8";
/* CSS Document */
.co_ContentsWrap:nth-of-type(2) {
	background-color: #F2F2F2;
}
.co_LeftAdjust {
	text-align: left;
}
/*ブランディングエリア*/
#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.jpg) no-repeat;
    padding: 90px 0 89px;
    align-items: center;
    height: 400px;
}

#co_Branding .co_TextBox {
	width: 400px;
	color: #ffffff;
	text-shadow:#21284d 1px 0 15px, #21284d 1px 0 15px, #21284d 1px 0 15px;
	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;/*new*/
	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:#002B5D;
}

/*お悩みはありませんか？エリア*/
.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 {
	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;
}
/*赤下線のエリア関係*/
.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%);
}
/*レスポンシブ*/
@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_SP.jpg) 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: 150px;
		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;
	}
	
	/*赤下線エリア関係*/
	.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;
	}
}