@charset "UTF-8";
/* CSS Document */


.dds-pc {
			display: block;
}

.dds-sp {
			display: none;
}
	
.cont80 {
	width: 75rem;
	margin: 0 auto;
}

#set1 section:nth-child(2n-1) {
    background: initial;
}
		
			#set1 #mv_area {
		    width: 1280px;
			height: 600px;
			margin: 0 auto;
			background: url("/assets/images/retiree/new-fv-pc.png") no-repeat!important;
			position: relative;
		}


li.arrow-list-li span {
	background-color: #FEF580;
	font-weight: 900;
}

.pc-mar {
	margin-top: -30px;
}

.sp-abovectatex {
	font-size: 1.1rem;
	margin-top: 1rem;
    margin-left: 1.3rem;
    margin-right: 1rem;
    margin-bottom: 2rem;
    line-height: 1.8;
}

.under-box-text.sp {
	color: #28427B;
	  
	margin-bottom: 1rem;
	
}

.new-navipart {
	display: block;
	background-color: #1B274E;
	color: white;
	text-align: center;
	padding: 3rem;
}

.ancor-links-new-new {
	 
 width: 65rem;
	margin-top: 7rem!important;
	margin: 3rem auto;
	text-align: left;
	display: block;
	line-height: 1.8;
	font-size: 1.3rem;
}
					

h3.new-navipart-title {
	font-size: 2rem;
	color: white;
	text-align: center;
}



h4.new-navipart-subtitle {
	border-top: dashed 2px white;
	padding-top: 1rem;
	font-size: 0.9rem;
	color: white;
	text-align: left;
	line-height: 2;
}


.uk-section-muted {
	margin-top: 0px;
}

.centered-section {
	width: 75%;
	margin: 0 auto;
}
.head-b-new {
font-weight: 100!important;
    font-size: 2rem;
    line-height: 1;
    color: black;
    margin: 20px auto;
    text-align: center !important;
    vertical-align: baseline !important;}

h1.new-heading-it {
	width: inherit;
	font-style: italic;
	letter-spacing: -2px;
	text-align: center;
	margin-top: 0px;
	font-weight: 900;
	
}


.arrow-list-li {
	font-weight: 800;
}

#sp-neg {
	margin-top: 0px;
}

.triangle {
	text-align: center;
}

.grey-area-new {
	background-color: #F8F8F8;
	padding-bottom: 2rem;
}

.triangle img {
		position: relative;
		z-index: 0;
		margin-top: -20px!important;
}

.under-box-text {
		color: #28427B;
		margin-top: 1.5rem;
		margin-bottom: 2rem;
	text-align: center;
	
}


h4.under-achiev {
		margin-top: 4rem;
    	color: #28427B;
		font-size: 1.25rem;
		text-align: center;
	margin-right: 0px;
	margin-left: 0px;
	
}

.new-about-sec {
		margin-top: 12rem;
}

	
.flex-list {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		gap: 1rem;
		font-weight: 900;
}
						
.flex-list img {
		width: 30px;
		height: 30px;
		padding-top: 10px;
} 
						
.grey-box-sp {
		margin: 0px auto;
		background: white;
		border-radius: 16px;
		padding: 20px;
		width: 80%;
}

#grey-nayami {
	padding-top: 0px;
	background-color: white;
	width: inherit;
	margin: 0 auto;
}

.sp-flex-box-text {
	font-weight: 700;
}
						
.sp-flex-box-text span{
       background: #FFFF00;
}

.new-grey-box {
		width: 1080px;
		margin: 10px auto;
		background-color: white;
		border-radius: 16px;
	margin-bottom: 3rem;
	}
	
ul.arrow-list {
		text-align: left;
        line-height: 2.4;
        font-size: 1.2rem;
	}
							
.list-box {
			 
	    padding-left: 3rem;
	padding-right: 3rem;
		padding-top: 2rem;
		padding-bottom: 2rem;
			
		}
							
li.arrow-list-li:before {
								
		  content: url("https://digitaldata-forensics.com/retiree/img/checkmark_new.png");
          vertical-align: middle;
		  padding-right: 1rem;
								
							}

.ninjin{
		color: #faa05a!important;
}

.margin{
		margin: 40px;
}

.research-new {
						
					
		display: flex!important;
		flex-wrap: nowrap;
		flex-direction: row;
		gap: 20px;
		justify-content: center;
		width: 70%;
		margin: 0px auto;
		border-bottom: dashed 1px black;
		padding-bottom: 50px;
}
				
					
.research-item {
		text-align: center;	
		width: 20%!important;
		padding: 1rem;
}
				

.research-item-sp {
		text-align: center;
		width: 50%!important;
}

.research-item-sp img {
		height: 100px!important;
}

	
.research-item img {
		height: 90px;
}
					
.r-title {
		font-weight: 800;
    	height: 95px;
    	font-size: 22px;
    	line-height: 1.3;
		margin-bottom: 10px;
	    margin-top: 30px;
}

.r-text {
	    line-height: 1.5;
		margin-bottom: 0px;
	font-size: 1.2rem;
}


.new-navy-boxes {
			
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		gap: 50px;
	    width: 65rem;
        margin: 0 auto;
	margin-bottom: 3rem;
	    padding-bottom: 3rem;
}
						
						
						
.navi-box {
		width: 30%;
		background-color: #19294E;
		color: white;
		padding: 1rem;
		border-radius: 10px;
}
						
.navi-box-title {
		text-align: center!important;
	    font-size: 1.5rem;
	    line-height: 1.2;
	font-weight: 900;
	margin-bottom: 0px!important;
	
}


.nav-box-text {
		font-size: 1rem;
		line-height: 1.7;
		padding-left: 1rem;
		padding-right: 1rem;
	margin-bottom: 0px;
}


@media (max-width:640px) {
	

	
	
.dds-pc {
		display: none;
}

.dds-sp {
		display: block;
}
	
	.centered-section {
    width: 97%;
    margin: 0 auto;
}
	

	.uk-section>:last-child {
    margin-top: 0px !important;
}
	
	.under-box-text.sp {
        margin-bottom: 1rem!important;
    }
	
	.ancor-links-new-new {
		font-size: 1rem;
	}
		
h1.new-heading-it {
	   font-size: 2.8rem;
		width: 89%;
		margin: 0 auto;
	}
	
.under-box-text {
		font-size: 1.4rem;
	    margin-top: 1rem;
	
	}
	
	.under_text#centered {
		text-align: center!important;
	}
	
.under-box-text.sp {
		color: #28427B;
		margin-bottom: 4rem;
	    font-size: 1.2rem!important;
	text-align: center;
}	
	
.triangle img {
		position: relative;
		z-index: 0;
		margin-top: -40px!important;
}
	
.cont80 {
		width: 100%;
    	text-align: center;
}
	
.ancor-links-new-new {
	width: 65rem;
	margin-top: 1rem!important;
	margin-left: 2rem!important;
	text-align: left;
}
	
#grey-nayami {
		padding-top: 3rem!important;
		background-color: #F8F8F8!important;
		width: 100%;
}
	
.head-b-new {
		margin-top: 0px!important;
		font-size: 1.3rem!important;
		line-height: 1.3!important;
}
	
#sp-neg  {
		margin-top: -83px;
}
	
.head-h3 {
		position: relative!important;
		margin: 0px 0px!important;
}
	
.navi-box-title {
   
    	font-size: 1.7rem;
		font-weight: 900;
		margin-bottom: 0px;
 }
	

.nav-box-text {
		font-size: 1.3rem;
    	line-height: 1.3;
	}
		
.r-text {
					
		line-height: 1.6;
	     font-size: 1rem;
	
	
}
	
	.r-title.bigger-height {
		height: 65px!important;
	}

.new-about-sec {
		 margin-top: 5rem;
	}
h4.under-achiev {
		font-size: 1rem!important;
	margin-top: 2rem!important;
	margin-left: 0.5rem!important;
	margin-right: 0.5rem!important;

	}
.research-new {
						
		display: flex!important;
		flex-wrap: nowrap;
		flex-direction: row;
		gap: 13px;
		justify-content: center;
		width: 90%;
		margin: 0px auto;
		border-bottom: none;
		padding-bottom: 3rem;
}
		
.r-title {
	     font-weight: 800;
         height: 45px;
         font-size: 1rem;
         line-height: 1.4;
		 margin-bottom: 10px;
		 margin-top: 30px;
}
		
		
.new-navy-boxes {
	margin-top: 0px!important;
	margin-bottom: 2rem!important;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: center;
		gap: 20px;
	    width: 99%;
        margin: 0 auto;
}

						
.navi-box {
		width: 85%;
		background-color: #19294E;
		color: white;
		padding: 1rem;
		margin: 0 auto;
		border-radius: 10px;
}
	
			
		
.margin{
		margin: 30px;
	}

.under_text{
	text-align: center;
    margin-bottom: 50px;
    font-size: 1.2rem;
    font-weight: bold;
	line-height: 1.5;
}


.txt_link{
	color: #10A2F5;
	border-bottom: 1px solid #10A2F5;
	display: inline-block;
}

.pc_none{
	display: none;
}

.ttl_gr{
	margin-bottom: 0rem;
}

.ttl_gr h2{
	font-size: 2rem;
	text-align: center;
	line-height: 1.2em;
	padding-bottom: .5rem;
	border-bottom: dotted 1px #333333;
}

.ttl_gr p{
	font-size: 1.2rem;
	text-align: center;
}

.img_boxdayo{
	width: 100%;
	margin: 2rem auto 2rem;
}

.img_boxdayo img{
	width: 100%;
}

.remake .content_box p{
	color: #333333;
}

.remake .content_box p small{
	font-size: .8rem;
}

.remake .content_box h4{
	font-size: 1.4rem;
	font-weight: bold;
	margin-bottom: .5rem;
}

.box29 {
    margin: 2em 0;
    background: #FAE8E6;
		box-sizing: border-box;
}

.box29 .box29-title {
    font-size: 1.2em;
    background: #B9473C;
    padding: .8rem .5rem;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
		box-sizing: border-box;
}

.box29 .box29-text{
	padding: 1rem;
}

#footer_pick {
	background: url(/assets/images/ddf_bg2.png) no-repeat #001c58 right bottom;
	background-size: cover;
}

#set1 section.res_area{
	background-color: #EDF7FF;
	text-align: center;
}

section.res_area .res_btndayo{
	width: auto;
	margin: 0 auto;
	padding: 1.5rem;
	text-align: center;
	background-color: #0F765F;
	display: inline-block;
	border-radius: 5px;        /* CSS3草案 */  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */   
}

section.res_area .res_btndayo p{
	color: #FFFFFF;
}

section.res_area .res_btndayo p.res_txt_1{
	color: #FFFFFF;
	font-size: 1.5rem;
}

section.res_area .res_btndayo p span.res_txt_2{
	color: #333333;
	display: inline-block;
	font-size: 1.2rem;
	padding: .5rem;
	line-height: 1.5em;
	background-color: #E5C502;
	border-radius: 3px;        /* CSS3草案 */  
-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 3px;   /* Firefox用 */   
}

section.res_area .res_btndayo p a.res_tel span.txt_tel{
	color: #FFFFFF;
	font-size: 2rem;
	font-weight: bold;
}

section.res_area .res_btndayo p a.res_tel span.txt_tel::after,
section.res_area .res_btndayo p a.res_tel span.txt_tel::before{
	content: " ";
}

section.res_area .res_btndayo p a.res_tel span.tel{
	color: #FFFFFF;
	font-size: 2.5rem;
	font-weight: bold;
}

section.res_area .res_btndayo hr{
	border: dotted 1px #E5C502;
}

.footer_pick_box img {
    height: 230px;
}
/* ------------------ #problem ---------------------*/
#set1 #problem {
	background: url("../../assets/images/retiree/problem_bg.jpg") no-repeat center;
	background-size: cover;
}
@media (max-width:600px) {
	#set1 #problem {
		background: none;
	}
	#set1 #problem {
		background: url("../../assets/images/retiree/problem_bg.jpg") no-repeat center center #14192a;
		background-size: cover;
	}
}

#problem h3{
	color: #FFFFFF;
	background-color: #b20000;
	padding: 1rem 0;
	text-align: center;
	font-size: 1.8rem;
	margin-bottom: 2rem;
}

#problem ul li::before{
	content: "■ ";
}

#problem ul li{
	font-size: 1.5rem;
	margin: 1rem 0;
}

/* ------------------ #consul_graph ---------------------*/
section#consul_graph{
	background-color: #FFFFFF !important;
}

#consul_graph h4,
#houchi h4{
	color: #FFFFFF;
	text-align: center;
	font-size: 1.8rem;
	margin: 4rem 0;
}

#consul_graph h4 span,
#houchi h4 span{
	background-color: #02093B;
	padding: .8rem 1rem;
}

#consul_graph .content_box{
}

#consul_graph .img_boxdayo{
	width: 80%;
	margin: 4rem auto;
}

#consul_graph .img_boxdayo img{
	width: 100%;
}

/* ------------------ #research ---------------------*/
#research ul.special_panel{
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}

#research ul.special_panel li.special_item{
	width: 20%;
	padding: 1.5%;
	box-sizing: border-box;
}

#research ul.special_panel li.special_item .img{
	padding-bottom: 2rem;
}
#research ul.special_panel li.special_item .title{
	display: inline-block;
	font-weight: bold !important;
	padding-bottom: 1rem;
}

#research ul.special_panel li.special_item .title p{
	text-align: justify;
	line-height: 1.5em;
	font-weight: bold;
}

#research ul.special_panel li.special_item .text p{
	text-align: justify;
	line-height: 1.3em;
}

/* ------------------ #case_list ---------------------*/
table.jirei th{
	padding: .5rem;
	font-weight: bold;
	width: 18%;
	border-right: solid 1px #000000;
	box-sizing: border-box;
	text-align: left;
}

table.jirei td{
	padding: .5rem .5rem .5rem 2%;
	width: 80%;
	box-sizing: border-box;
	line-height: 1.5em;
	text-align: justify;
}

#case_list .box29{
	margin-bottom: 3rem;
}

@media (max-width:600px) {
	table.jirei th{
	padding: .5rem;
	width: 100%;
	border-bottom: solid 1px #000000;
	border-right: none;
	text-align: center;
	display: block;
}

	table.jirei td{
	padding: .5rem;
	width: 100%;
	box-sizing: border-box;
	line-height: 1.5em;
	display: block;
	margin-bottom: 2rem;
}

}

/* ------------------ sp ---------------------*/
@media (max-width:600px) {
	.pc_none{
		display: none;
	}
	
	.sp_none{
		display: block;
	}
	
	.align_left{
		text-align: left;
	}
	
	small{
		text-align: left !important;
		line-height: 1.2em;
	}
	
	#set1 section.res_area .res_btndayo p a.res_tel span.tel{
	font-size: 2rem;
}

	.ttl_gr h2{
		font-size: 1.2em;
		text-align: left;
	}

	.ttl_gr p{
		font-size: 0.7em;
		text-align: left;
	}
	
	#set1 section.res_area .res_btndayo p span.res_txt_2{
		margin-bottom: 1rem;
	}
	
/* ------------------ #remake ---------------------*/
	.remake .content_box h4{
		font-size: 1.2rem;
	}
	
	/* ------------------ #problem_sp ---------------------*/
	#problem h3{
	font-size: 1.5rem !important;
	line-height: 1.5em;
	}

	#problem ul li{
		text-align: left;
		line-height: 1.5em;
		font-size: 1rem;
	}

/* ------------------ #consul_graph_sp ---------------------*/
	#consul_graph h4,
	#houchi h4{
		font-size: 1.4rem;
		margin: 4rem 0;
	}

	#consul_graph h4 span,
	#houchi h4 span{
		display: block;
		line-height: 1.5em;
		letter-spacing: -1px;
	}

	#consul_graph .img_boxdayo {
			width: 100%;
			margin: 2rem auto;
	}

	/* ------------------ #research_sp ---------------------*/
	#research ul.special_panel{
		justify-content: space-between;
	}
	
	#research ul.special_panel li.special_item{
	width: 48%;
	box-sizing: border-box;
	margin-bottom: 2rem;
	}
	
	#research ul.special_panel li.special_item .img{
	padding-bottom: 1rem;
	}

	
	
}


.test {
	color: aqua !important;
}
/*参考サイト
https://ai-create.net/magazine/2017/06/19/uikit3%E3%81%AE%E4%BD%BF%E3%81%84%E6%96%B9-%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E3%81%8B%E3%82%89%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88%E3%81%BE%E3%81%A7/*/

/*背景　
.uk-sectionのあとに記述
白
.uk-section-default
グレー
.uk-section-muted
*/



.text-m {
	font-size: 1.6em;
	text-align: center;
}

@media screen and (max-width: 640px){
	.text-m {
		font-size: 1em;
		line-height: 18px;
		text-align: justify;
	}
}



.text-navy {
	color: #1B274E;
}

.text-gray {
	color: #333;
}

.bg-gray {
	background-color: #777;
	color: #fff;
}

.text-s10 {
	font-size: 1.0rem;
}

.indent {
	text-indent: -2.5em;
	padding-left: 1.5em;
	padding-right: 1.5em;
}

.inline {
	display: inline!important;
}

.text-s13 {
	font-size: 1.3rem;
}

.text-b {
	font-weight: 600;
}


.m-b5 {
	margin-bottom: 5px;
}

.m-t30 {
	margin-top: 30px;
}

.p-tbrl {
	padding: 60px 66px 0;
}

.p-t7 {
	padding-top: 7px;
}

.f-w600 {
	font-weight: 600;
}

.f-w600 span{
	font-weight: 600;
    color: #fff !important;
    background-color: #b20000;
    padding: 5px 10px;
    margin: 0px 12px 4px 5px;
}

@media screen and (max-width: 640px) {
/* 640pxまでの幅の場合に適応される */
/*
	.uk-container p, .uk-container span {
		font-size: 1.0rem;
	}
*/
	
	.f-w600 span{
		padding: 5px 5px 0;
	}
	.text-s13sp {
		font-size: 1.3rem!important;
	}
	.p-tbrl {
		padding: 40px 36px 0;
	}
	
	.text-s12sp span{
		font-size: 1.2rem!important;
	}
}
/*小見出し*/
.head-s {
	padding: 0;
	margin-bottom: 10px;
	text-align: center!important;
}
.head-s span{
	font-size: 1.5rem;
	color: #1B274E;
	font-weight: 600;
	padding: 10px 5px 0;
	border-bottom: 1px solid #00153e;
	vertical-align: baseline!important;
}
/*スマホ用*/
@media screen and (max-width: 640px) {
	.head-s {
		margin-bottom: 10px;
	}
	.head-s span{
		font-size: 1.1rem;
	}
}

/*大見出し*/
.head-b {
	font-size: 2.5rem;
	line-height: 1.4;
	color: #1B274E;
	margin: 20px auto;
	text-align: center!important;
	vertical-align: baseline!important;
}
/*スマホ用*/
@media screen and (max-width: 640px) {
	.head-b {
		font-size: 1.4rem;
		margin: 10px auto;
	}
}

.head-b span {
	font-size: 2.5rem;
	line-height: 1.4;
	margin: 20px auto;
	text-align: center!important;
	vertical-align: baseline!important;
}

@media (max-width:640px) {
	.head-b span {
		font-size: 1.4rem;
		margin: 10px auto;
	}
}

/*詳細ボタン*/
.detail-btn {
	padding: 0;
	text-align: center!important;
}
.detail-btn a{
	display: inline-block;
	font-size: 1.5rem;
	line-height: 1.2;
	color: #fff;
	background-color: #b20000;
	margin: 50px auto 35px;
	padding: 20px 40px 15px 45px;
	border-bottom: 5px solid #770002;
	vertical-align: baseline!important;
}
/*スマホ用*/
@media screen and (max-width: 640px) {
	.detail-btn a{
		margin: 20px auto 30px;
		padding: 15px 40px 15px 45px;
	}
	.detail-btn span{
		font-size: 1.4rem;
	}
}

/*詳細文字リンク*/
.detail-link {
	padding: 0;
	margin-bottom: 50px;
	text-align: center!important;
}
.detail-link a{
	display: inline-block;
	font-size: 1.0rem;
	color: #1B274E;
	padding: 0 5px;
	border-bottom: 1px solid #00153e;
	vertical-align: baseline!important;
}
.detail-link a span{
	font-weight: 600;
}

.detail-link-b {
	padding: 0;
	margin-bottom: 50px;
	text-align: center!important;
}

.detail-link-b a{
	display: inline-block;
	font-size: 1.0rem;
	color: #FFF;
	padding: 0 5px;
	border-bottom: 1px solid #FFF;
	vertical-align: baseline!important;
}
.detail-link-b a span{
	font-weight: 600;
}

/*スマホ用*/
@media screen and (max-width: 640px) {
	
}


/*背景付きの見出し*/
.head-bg {
	background-color: #00153e;
}
.head-bg h2{
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 2.0;
	color: #fff;
}
/*スマホ用*/
@media screen and (max-width: 640px) {
	.head-bg {
		background-color: #00153e;
	}
	.head-bg h2{
		font-size: 1.3rem;
		font-weight: 600;
		line-height: 1.6;
		color: #fff;
	}
}

/*赤いbgのcaseのやつ*/
.case-red {
	display: inline-block;
	font-size: 1.5rem;
	line-height: 1.2;
	color: #fff;
	background-color: #b20200;
	padding: 10px 20px 5px 20px;
	vertical-align: baseline!important;
	text-align: center!important;
}
/*スマホ用*/
@media screen and (max-width: 640px) {
	.case-red {
		font-size: 1.4rem;
	}
}

/*下層ページのファーストビュー*/


@media screen and (min-width: 641px) {
	.bg-img-top {
		background: url(/assets/images/about/ddf_about1_bg.png) #000b0c no-repeat right bottom;
		background-size: cover;
		color: #fff;
	}
}
@media screen and (max-width: 640px) {
	.bg-img-top {
		background: url(/assets/images/ddf_bg2_sp.png) #000b0c no-repeat left bottom;
		background-size: cover;
		color: #fff;
	}
}
.bg-img-top div h1 span{
	color: #fff;
	border-color: #fff;
}
.bg-img-top div h1{
	color: #fff;
}



@media screen and (min-width: 641px) {
	.bg-img-top-co {
	background: url(/assets/images/about/ddf_about1_bg.png) #000b0c no-repeat left center;
	background-size: cover;
	color: #fff;
}
}
@media screen and (max-width: 640px) {
	.bg-img-top-co {
		background: url(/assets/images/ddf_bg2_sp.png) #000b0c no-repeat left bottom;
		background-size: cover;
		color: #fff;
	}
}

.bg-img-top-co div h1 span{
	color: #fff;
	border-color: #fff;
}
.bg-img-top-co div h1{
	color: #fff;
}
@media screen and (min-width: 641px) {
	.bg-img-top2 {
		background: url(/assets/images/ddf_bg2.png) #000b0c no-repeat left center;
		background-size: cover;
		color: #fff;
	}
}
@media screen and (max-width: 640px) {
	.bg-img-top2 {
		background: url(/assets/images/ddf_bg2_sp.png) #000b0c no-repeat left bottom;
		background-size: cover;
		color: #fff;
	}
}
.bg-img-top2 div h1 span{
	color: #fff;
	border-color: #fff;
}
.bg-img-top2 div h1{
	color: #fff;
}


.uk-text-warning {
	font-weight: 600;
}




@media screen and (min-width: 641px) {
	.bg-img-top2 {
		background: url(/assets/images/ddf_bg2.png) #000b0c no-repeat left center;
		background-size: cover;
		color: #fff;
	}
}
@media screen and (max-width: 640px) {
	.bg-img-top2 {
		background: url(/assets/images/ddf_bg2_sp.png) #000b0c no-repeat left center;
		background-size: cover;
		color: #fff;
	}
}
.bg-img-top2 div h1 span{
	color: #fff;
	border-color: #fff;
}
.bg-img-top2 div h1{
	color: #fff;
}



@media screen and (min-width: 641px) {
	.bg-img2 {
		background: url(/assets/images/retiree/problem_bg.jpg) no-repeat center;
		background-size: cover;
	}
}

@media screen and (max-width: 640px) {
	.bg-img2 {
		background-color: #eee;
	}
}
/*背景付きの見出し(赤)*/
.head-bg2 {
	background-color: #880101;
}
.head-bg2 h2{
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 2.0;
	color: #fff;
}
/*スマホ用*/
@media screen and (max-width: 640px) {
	.head-bg2 {
		background-color: #880101;
	}
	.head-bg2 h2{
		font-size: 1.3rem;
		font-weight: 600;
		line-height: 1.6;
		color: #fff;
	}
}



/*開くとじるボタン*/
.btn {
	display: inline-block;
	font-size: 1.2rem;
	line-height: 1.2;
	color: #fff;
	background-color:grey;
	margin: 30px 0px 0 0;
	padding: 8px 15px 6px 15px;
	vertical-align: baseline!important;
	text-align: center!important;
}
/*スマホ用*/
@media screen and (max-width: 640px) {
	.btn {
		font-size: 1.2rem;
	}
}
.btn:hover {
    cursor: pointer;    
}
.btn:active {
	background: #4F4F4F;
}
	
	.case_title {
outline: hidden!important;
	}


@media screen and (min-width: 641px) {
	.bg-img-ddf {
	background: url(/assets/images/ddf_bg.jpg) #000b0c no-repeat left center;
	background-size: cover;
	color: #fff;
}
}
@media screen and (max-width: 640px) {
	.bg-img-ddf {
		background: url(/assets/images/ddf_bg2_sp.png) #000b0c no-repeat left bottom;
		background-size: cover;
		color: #fff;
	}
}

					

.bg-img-ddf div h1 span{
	color: #fff;
	border-color: #fff;
}
.bg-img-ddf div h1{
	color: #fff;
}

/*ここから追加*/

#problem h3 {
    color: #FFFFFF;
    background-color: #b20000;
    padding: 1rem 0;
    text-align: center;
    font-size: 1.8rem;
    margin-bottom: 2rem;
}
.gray-white{
	width: 100%;
	height: auto;								
	 background: linear-gradient(180deg,#FFFFFF 0%,#FFFFFF 20%,#E7E7E8 20%,#E7E7E8 90%,#FFFFFF 90%,#FFFFFF 100%);
	margin: 10vh 0;
}

.nayami-flexpart{
	display: flex;
	flex-direction: column;
	width: 70%;	
	margin: auto;
}

.nayami-flexpart li span{
	background: linear-gradient(transparent 40%, yellow 60%);
}

/*フレックス上*/
.flex-top{
	display: flex;	
}

/*フレックス右上*/
.top-right-flex{
	display: flex;
	flex-direction: column;
	padding-top: 5vh;
	justify-content: center;
	align-items: center;
	flex: 2;
}

.yellow-box{
	padding-left: 180px!important;
	border-radius: 20px;
	width: 90%;
	padding: 20px;
}
.yellow-box ul{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 20px;
	justify-content: flex-end;
	padding-left: 0;
}

.yellow-box ul li{
	flex-basis: 95%;
    font-weight: bold;
    font-size: 1.3rem;
    position: relative;
    line-height: 1.7;
}										
					
.yellow-box ul li::before {
  content: url("https://digitaldata-forensics.com/retiree/img/checkmark_new.png");
  vertical-align: middle;
  position: absolute;
	left: -37px;
}


.top-q{
	font-size: 2.4vw;
	font-weight: bold;
	padding-right: 25px;
	margin-bottom: 2vh;
}
.sankaku{
	width: 0;
	height: 0;
	border: 50px solid transparent;
	border-top: 30px solid  #CA125B;
	margin: auto;
}

.nayami-txt{						
	font-weight: bold;	
	text-align: center;
}
					
.nayami-txt p {
	text-align: left;
	display: inline-block;
	font-size: 1.9vw;
	line-height: 1.5;
	font-weight: bold;
	margin: 0;
}

/*フレックス左上*/
.top-left-flex{
	flex: 1;
}
.top-left-flex img{
	width: 100%;
}


/*フレックス下*/
.flex-bottom{
	
}
.navy-box{
	background-color: #1F2749;
	border: solid 10px #FFFFFF;
	border-radius: 20px;		
	height: auto;
	box-shadow: 0 0 7px 2px rgb(0 0 0 / 15%);
	padding: 7vh 0;
	position: relative;
}

.navy-box::before {
  content: url("https://digitaldata-forensics.com/hacking-c/image/navy-icon1.png");
  vertical-align: middle;
  position: absolute;
	left: -1.3px;
	top: 20%;
/*	transform: scale(1.2);*/
}
.navy-box::after {
  content: url("https://digitaldata-forensics.com/hacking-c/image/navy-icon2.png");
  vertical-align: middle;
  position: absolute;
	right: -1.3px;
	    top: 25%;
/*	transform: scale(1.2);*/
}

.navy-box-txt{
	text-align: center;
	font-size: 2.2vw;
	font-weight: bold;
	color: #FFFFFF;	
	line-height: 1.2;
}
					
.white-border{
	border: solid 1px #FFFFFF;
	width: 70%;
	margin: 20px auto;
}
.navy-txt-s{
	font-size: 1.8vw;
	font-weight: bold;
	color: #FFFFFF;	
	text-align: center;
}
.yellow-moji{
	font-weight: bold!important;
	color: #ECE600;
/*	    font-size: 1.5rem;*/
}
.bottom_text{
	font-size: 1.3rem;
    line-height: 1.7;
    padding: 30px 0;
    /* background: #eee; */
    margin: 30px auto;
    font-weight: bold;
    text-align: center;
}
.bottom_text span{
	font-weight: bold;
	background:linear-gradient(transparent 40%, yellow 60%);
}

/*三角形*/
.pink-icon{
	color: #CB125A;
	font-size: 5vw;
	display: flex;
	justify-content: center;
	align-items: center;
}
.fa-caret-down:before {
    content: "\f0d7";
}
.fa-solid, .fass {
    font-weight: 900;
}
.fa-classic, .fa-light, .fa-regular, .fa-solid, .fa-thin, .fal, .far, .fas, .fat {
    font-family: "Font Awesome 6 Pro";
	font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
}
							
/* solid018 */
.button_solid018 a {
	position: relative;
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: 0 auto;
	max-width: 200px;
	padding: 25px 25px;
	color: #313131;
	transition: 0.3s ease-in-out;
	font-weight: 600;
	background: #eee;
	filter: drop-shadow(0px 2px 4px #ccc);
	border-radius: 3px;
	font-size: 1.4rem;
	margin: 2vh auto;
}
.button_solid018 a:hover {
	transform: translateY(-2px);
	box-shadow: 0 15px 30px -5px rgb(0 0 0 / 15%), 0 0 5px rgb(0 0 0 / 10%);
}
.button_solid018 a:after {
	content: '';
	width: 5px;
	height: 5px;
	border-top: 3px solid #313131;
	border-right: 3px solid #313131;
	transform: rotate(45deg) translateY(-48%);
	position: absolute;
	top: 48%;
	right: 20px;
	border-radius: 1px;
	transition: 0.3s ease-in-out;
}
.head-d {
    font-size: 1.5rem;
    line-height: 1.4;
    color: #1B274E;
    margin: 20px auto;
    text-align: center!important;
    vertical-align: baseline!important;
}
.head-h3 {
    font-size: 1.7rem;
    line-height: 1.4;
    color: #1B274E;
    margin: 20px auto;
    text-align: left;
    vertical-align: baseline!important;
    font-weight: bold;
    border-left: 7px solid #1B274E;
/*
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
*/
    padding-left: 20px;
	
}
.head-h3 span{
	font-size: 1.5rem;
	font-weight: bold;
}



@media(max-width:768px){
	.button_solid018 a{
		max-width: 100px;
		font-size: 1rem;
		padding: 14px 30px 14px 25px;
	}
	.top-readmore{
		margin-top: -30px;
	}
}
#about_2011 .flex_2011>div {
    width: 100%!important;
/*	padding: 0!important;*/
}

.ct_2011 {
    width: 100%;
    max-width: 1200px;
    margin: auto;
}
.main_2011{
    box-sizing: border-box;
}
.h2_2011 {
    text-align: center;
}
.h2_2011 h2 {
    margin-bottom: 50px;
    font-family: 'Roboto';
    color: #28427B;
    font-size: 49px;
    font-weight: 900;
}
.h2_2011 h2 span {
    margin-left: 20px;
    font-family: 'NotoSansJP';
    color: #353738;
    font-size: 28px;
    font-weight: 700;
    vertical-align: 6px;
}
#footer_faq.content {
    max-width: 1000px;
    margin: 40px auto;
    padding: 10px;
}
.qa_box {
    padding: 0;
}
#qa_2011 .qa_box li:first-child .qa_q {
    margin-top: 0;
}
.qa_q {
    background-color: #1B274E;
    margin: 30px 0 10px;
    padding: 5px 20px 2px;
    box-shadow: 0 2px 5px -1px rgb(0 0 0 / 30%);
    border-radius: 3px;
    cursor: pointer;
}
.qa_q p {
    margin: 0;
    color: #fff;
    font-size: 1.5rem;
    font-weight: bold;
}
.qa_q span {
    margin-right: 6px;
    color: #fff;
    font-family: sans-serif;
    font-size: 2rem;
    font-weight: bold;
}
.qa_box .inner {
    padding: 0;
}
.qa_a {
    padding: 5px 40px 5px 72px;
}
.qa_a p {
    position: relative;
    margin: 0;
    font-size: 1.2rem;
}
.uk-child-width-1-2{
	width:50%;
}

.yellow-box {
    background-color: #f8f8f8;
    border: none;
    border-radius: 13px;
    width: 90%;
    padding: 30px;
}
.nayami-flexpart,
#about_2011{
	margin: 0px auto!important;
}
.nayami-txt {
    margin-bottom: 50px;
}
.bg-blue,
.bg-fff{
	margin: 0 auto 10vh;
}
.bg-blue{
	background: #1B274E!important;
}
.bg-blue h3,
.bg-fff h3{
	font-size: 2.7rem;
/*    line-height: 2;*/
    font-weight: bold;
    letter-spacing: 3px;
    color: #fff;
    border-bottom: 3px dashed rgb(255,255,255,0.3);
    margin: 0 auto 15px;
	padding: 10px 0;
}
.bg-blue h3 font,
.bg-fff h3 font{
	font-size: 1.5rem;
}
	
	
.bg-blue h3 span{
	color: yellow;
	font-weight: bold;
}
.bg-blue p{
	font-weight: 500;
	color: #fff;
}
.bg-fff h3,
.bg-fff p{
	color: #000;
}
.bg-blue p,
.bg-fff p{
	text-align: justify;
    width: 70%;
    margin: auto;
}
.bg-fff h3 span{
	color: #b20000;
/*    font-family: sans-serif;*/
    font-weight: bold;
}
.bg-fff h3{
	border-bottom: 3px dashed rgb(0,0,0,0.3);
}
.lisk span{
	color:#b20000;
	font-weight: bold;	
}

.inner-contents{
	width: 70%;
	padding: 30px 0;
}
.about_container{
	width: 80%;
	padding: 0!important;
	
}
.case-yellow {
    display: inline-block;
    font-size: 1rem;
    line-height: 1;
    color: #000;
    background-color: yellow;
    padding: 19px 20px 15px;
    vertical-align: baseline!important;
    text-align: center!important;
    font-weight: bold;
    /* border: 3px solid #000; */
    border-radius: 30px;
    margin-bottom: 0!important;
    border: 3px solid #000;
}
.case_title{
	align-items: center;
    margin-bottom: 20px;
    /* border: 3px solid #000; */
    border-radius: 0px;
    box-sizing: border-box;
    outline: none;
    outline-offset: -3px;
}
.case_title h3{
	font-weight: bold;
	padding-left: 10px;
	margin-bottom: 0!important;
	font-size: 1.3rem;
}
.contentbox{
	padding: 30px 50px;
    color: #000;
    font-weight: bold;
    /* border: 5px solid #000; */
    background: #f8f8f8;
}
.btn.btn-kawa{
	display: inline-block;
	font-size: 1rem;
    line-height: 1.2;
    color: #fff;
    background-color: #b20000;
    margin: 30px 0px 0 0;
    padding: 8px 17px 6px 20px;
    vertical-align: baseline!important;
    text-align: center!important;
    border-radius: 11px;
    font-weight: bold;
    letter-spacing: 2px;
	
}
.btn.btn-kawa:active {
    background: #770002;
}
#about_2011 {
    background-size: cover!important;
    background-position: center center!important;
}
.head-y {
	margin-top: 2rem!important;
    font-size: 2.9rem;
    font-weight: bold;
    letter-spacing: 1px;
    border-bottom: 3px dashed rgb(0,0,0,0.3);
    text-align: left;
    margin-left: 1rem;
    padding-bottom: 10px;
	line-height: 1.5;
	
}

.under_text.mega{
	font-size: 2.7rem;
	letter-spacing: 1px;
}
.under_text.mega span,
.head-y span{
	font-weight: bold;
    background: #FDEB01;
	color: #000;
/*	font-size: 1.5rem!important;*/
}
@media(max-width:768px){
	
	.under_text.mega span,
	.head-y span{
/*		font-size: 1.3rem!important;*/
	}
	.yellow-moji {
/*
		font-weight: bold!important;
		color: #ECE600;
*/
		font-size: 1.5rem!important;
	}
	.gray-white{
		margin:0 0 10vh;
	}
	.nayami-flexpart{
		width: 90%;						
	}
	.top-left-flex{
		display: none;
	}
	.about_container {
		width: 90%;
	}
	.yellow-box{
		padding-left: 180px!important;
		width: 95%;
		box-sizing: border-box;
		padding: 20px 10px 20px 50px;
	}
	.yellow-box ul{
		flex-direction: column;
			
	}
	
	.yellow-box ul li {
		flex-basis: 48%;
		font-weight: bold;
		font-size: 1rem;
		position: relative;
	}
	.h2_2011 h2 {
		font-size: 30px!important;
		margin-bottom: 20px!important;
	}
	.h2_2011 h2 span {
		font-size: 1rem!important;
		margin-left: 14px!important;
	}
	.head-h3 span {
		font-size: 1.2rem;
		font-weight: bold;
	}
	.head-h3 {
		font-size: 1rem;
		border-left: 4px solid #1B274E;
		padding-left: 10px;
	}
	
		h4.head-h3 span {
		font-size: 1.3rem!important;
		font-weight: bold;
	}
	h4.head-h3 {
		font-size: 1rem!important;
		border-left: 4px solid #1B274E;
		padding-left: 10px;
	}
	
	.h2_2011 h2 {
		margin-bottom: 20px;
	}
	.case_title {
		align-items: baseline;
		flex-direction: column;
	}
	.case_title {
		padding-bottom: 11px;
		border-bottom: 1px dashed rgb(0,0,0,0.3);
	}
	.case_title h3 {
		padding-left: 4px;
		margin-bottom: 0!important;
		font-size: 1.2rem;
		margin-top: 10px;
	}
	.case-yellow {
		padding: 8px 15px 6px;
	}
	.nayami-flexpart, #about_2011 {
		margin: 3vh auto;
	}
	
	.top-q{
		font-size: 1.7rem;
		padding-right: 0;
	}
	.bottom_text {
		font-size: 1rem;
		padding: 0px;
		margin: 20px 5px;
		text-align: left;
	}

	.nayami-txt p {
		text-align: left;
		display: inline-block;
		font-size: 1rem;
		line-height: 1.2;
		font-weight: bold;
		margin: 0;
		font-size: 1.07rem;
	}
	.under_text {
		text-align: center;
		margin-bottom: 30px;
		font-size: 1rem;
	}
	.under_text.mega {
		font-size: 1.2rem;
	}
	.head-y {
		font-size: 1.5rem;
		letter-spacing: 1px;
		line-height: 1.5;
		margin-top: 0px;
	}
	.inner-contents {
		width: 95%;
	}
	.bg-blue h3, .bg-fff h3{
		font-size: 1.7rem;
		line-height: 1.5;
		width: 90%;
		padding-bottom: 10px;
	}
	.bg-blue p, .bg-fff p {
		width: 90%;
		font-size: 12px;
	}
	#about_2011 .flex_2011>div:first-child {
		padding: 10px!important;
		width: 90%;
	}
	.p-tbrl {
		padding: 40px 15px 0;
	}
	.p-tbrl h3{
		font-size: 1.2rem;
   		text-align: left;
	}
	.f-w600 span {
		padding: 5px;
		margin: 0;
		margin-right: 4px;
	}
	p.koumoku {
		font-size: 12px;
		font-weight: bold;
	}
	.navy-box{
		border: solid 6.5px #FFFFFF;
	}
	.navy-box::before {
		display: none;
	}
	.navy-box::after {
		display: none;
	}	
	
	.navy-box-txt{
		font-size: 1.1rem;
	}
	.w1060{
		padding: 0!important;
	}
	.uk-text-justify {
		font-size: 1.2rem;
		font-weight: 800;
	}
	.contentbox {
		padding: 20px;
		font-size: 1rem;
	}
	.sp_remove{
		padding: 0!important;
	}
	.sp_remove p{
		font-size: 1rem;
	}
	.button_solid018 a{
		margin: 4vh auto;
	}
	
	.navy-txt-s{
		font-size: 0.85rem;
	}
	.white-border{
		width: 90%;
	}
	.pink-icon{
		font-size: 4rem;
	}
	.slick-dots {
		bottom: -25px!important;
	}
}