.ad_tel{
    font-size: 330%;
    font-weight: bold;
    top: 31%;
    left: 13%;
    color: #00479D;
    position: absolute;
}
/*---------------------------
 共通クラス
---------------------------*/
/*----------------
 要素レベル変更
----------------*/
/* ブロック */
.bl {
	display: block;
}
/* インラインブロック */
.in_bl {
	display: inline-block;
}

.contents_wrapper {
	overflow-x: hidden;
}
.top_menu_box a:hover {
	opacity: 0.7;
}

/*----------------
 中の文字のみ左寄せ
----------------*/
.inline-block {
	text-align: center;
}
.inline-block p {
	text-align: left;
	display: inline-block;
}

/*----------------
 ボタンの背景色
----------------*/
a.btn , a.btn_r{
	display:inline-block;
	background:#fff;
}
a.btn_r {
	border-radius: 15px;
}
a.btn:hover img , a.btn_r:hover img {
	opacity:0.6;
}

/*----------------
 区切り線
----------------*/
.separate_30 {
	width:100%;
	height:30px;
}
.separate_3 {
	border-width: 3px 0 0 0;
	border-style: solid; 
	border-color: #FED900;
	margin: 0 -15px;
}
.separate_3.blue {
	border-color: #1C2953;
}

/*----------------
 各余白
----------------*/
/* 10px */
.m_btm_10 {
	margin-bottom: 10px!important;
}
/* 20px */
.m_btm_20 {
	margin-bottom: 20px!important;
}
/* 30px */
.m_btm_30 {
	margin-bottom: 30px!important;
}
/* 40px */
.m_btm_40 {
	margin-bottom: 40px!important;
}
/* 50px */
.m_btm_50 {
	margin-bottom: 50px!important;
}
/* 60px */
.m_btm_60 {
	margin-bottom: 60px!important;
}
/* 70px */
.m_btm_70 {
	margin-bottom: 70px!important;
}

/*----------------
 背景画像の基準位置
----------------*/
/* 上 */
.bg_top {
	background-position: top 0px;
}
/* 右 */
.bg_right {
	background-position: right 0px;
}
/* 下 */
.bg_bottom {
	background-position: bottom 0px;
}
/* 左 */
.bg_left {
	background-position: left 0px;
}
/* 右上 */
.bg_rightTop {
	background-position: right 0px top 0px;
}
/* 右下 */
.bg_rightBottom {
	background-position: right 0px bottom 0px;
}
/* 左上 */
.bg_leftTop {
	background-position: left 0px top 0px;
	
}
/* 左下 */
.bg_leftBotoom {
	background-position: left 0px bottom 0px;
	
}
/* 中央 */
.bg_center {
	background-position: center;
}

/* 上下中央寄せ */
.middle_text {
  display: block;
  position: relative;
  top: 50%;
  text-align: center;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/*----------------
 文字色
----------------*/
/* 赤 */
.f_color_red{	
	color: #cc0000;
}
/* 青 */
.f_color_blue{
	color: #13448F;
}

/*----------------
 文字サイズ
----------------*/
/* 小 */
.f_size_small {
	font-size: 12px;
}
/* 20px */
.f_size_20 {
	font-size: 20px;
}
/* 25px */
.f_size_25 {
	font-size: 25px;
}
/* 30px */
.f_size_30 {
	font-size: 30px;
}
/* 太字 */
.strong {
	font-weight: 600;
}

/* 箇条書き等、2行目以降をインデント */
.indent {
	padding-right: 1em;
	text-indent: -1em;
}

/* コンテンツ幅 */
.contents{
	margin-left:auto;
	margin-right: auto;
	max-width: 1024px;
}
/*----------------
 ClearFix
----------------*/
.clearfix:after{
	content: "";
	clear: both;
	display: block;
}
.h2_secondrow {
	display: none;
}

/* Topへ戻る */
#page_top {
	position: fixed;
	right: 5px;
	bottom: 20px;
	display: none;
}
/* 非表示 */
#side_contact , #side_buy {
	display: none;
}

/*----------------
 メイン画像
----------------*/
img.main_img , img.main_img_pc , img.main_img_sp{
	width:100%;
	height:auto;
}

 /*----------------
 ぱんくず
----------------*/
.pankuzu{
	margin: 0px;
	background-color: #1C2952;
	height: 40px;
	font-size:14px;
	padding-top: 8px;
	border-top: .5px solid #93A3B0;
	border-bottom: .5px solid #93A3B0;
}
.nowplace {
	color: #ffffff;
	font-weight: 600;
	margin-left: 5px;
}
/* リスト */
ol.topic-path {
	margin: 0; /* マージン（上下左右） */
	padding: 0px 5px; /* パディング（上下、左右） */
	list-style-type: none; /* リストマーク非表示 */
	font-size: 100%; /* 文字サイズ */
	color: #ffffff;
}
/* リスト項目 */
ol.topic-path li {
	display: inline; /* 項目を横並び */
}
ol.topic-path li:after {
	content:"＞";
	margin: 0 5px;	
}
ol.topic-path li a span {
	text-decoration: underline;
}
ol.topic-path li:last-child span{
	color: #ffffff;
}
ol.topic-path li:last-child:after {
	content: "";
}
/* リンク色 */
ol.topic-path li a {
	text-decoration: none;
	color: #ffffff;
}
/* リンク色（マウスオーバー） */
ol.topic-path li a:hover {
	color: #79a7cc;
}

/*===========================
 トップページ
===========================*/
/*----------------
 news
----------------*/
.news_wrapper {
	max-width: 1024px;
	width: 100%;
	background-color: #ffffff;
	padding:10px;
	font-size: 17px;
	padding:5px;
	margin: 15px auto;
}
.news_contents {
	width: 100%;
	max-width: 1024px;
	margin: auto;
	color: #575959;
	max-height: 250px;
	overflow-y: auto;
}
.news_wrapper h2 {
	font-size: 28px;
	color: #00A0E9;
	max-width: 1024px;
	margin: auto;
}
.news_contents tr{
	width: 100%;
	padding: 8px 0;
}
.news_contents tr , .news_wrapper h2 {
	border-bottom: 2px solid #00A0E9;
}
.news_contents tr:after{
	content: "";
	clear: both;
	display: block;
}
.news_contents th {
	width: 15%;
	float: left;
}
.news_contents td {
	width: 85%;
	float: right;
}
.news_contents table, .news_contents tbody , .news_contents tr , .news_contents th , .news_contents td {
	display: block;
}
.news_contents a {
	color: #1155CC;
}

/*----------------
 説明領域 
----------------*/
.top_description_wrapper {
	background-color: #1C2952;
	padding: 20px 0px 30px;
}
.top_description_contents {
	max-width: 1024px;
	color: #ffffff;
	font-size: 20px;
	margin: auto;
}
.top_description_contents h2 {
	font-size: 22px;
	color: #FED900;
	text-align: center;
	margin: 20px auto;
	font-weight: 600;
}
.top_description_contents h2 {
	line-height: 2em;
}
.desc_bnClick {
	font-size: 12px;
	text-align: center;
	margin-bottom: 20px;
}
.top_links h3 {
	text-align: center;
	padding: 10px;
	margin-left: 8px;
	margin-right: 8px;
	border-bottom: 2px solid #1C2953;
	font-size: 16px;
	font-weight: 600;
	color: #1D2953;
	margin-bottom: 7px;
}
.top_menu_box p {
	margin-left: 6px;
	margin-right: 6px;
	margin-bottom: 20px;
	line-height: 1.5em;
}
.top_menu_box {
	padding: 3px;
	background-color: #fff;
	position: relative;
	width: 32.33%;
	margin-right: 1.5%;
	margin-bottom: 2%;
	float: left;
	height: 243px;
}
.top_menu_box:after {
	content:url(/img/new_top/icon_button_migisita.png);
	position: absolute;
	bottom: 5px;
	right: 5px;
	line-height: 16px;		
}
.top_links a img {
	width: 100%;
}
.top_links a {
	display: block;
	text-decoration: none;
	font-size: 12px;
	color: #1D2953;
}
.top_links a:hover {
	background-color: inherit;
}
	
div.top_links div:nth-of-type(3n) {
	margin-right : 0;
}

/*---------------------------
 料金について
---------------------------*/
.about_price_wrapper {
    background-image: url(/overtime2/price/img/bg_about_price.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 30px 0;
}
.about_price_contents h2 {
    color: #033155;
	font-size: 22px;
}
.about_price_description_box {
    width: 23%;
    margin: 1%;
    text-align: center;
    float: left;
    height: 240px;
    border-right: 1px solid;
    padding: 10px;
}
.about_price_description h4 {
    font-weight: 600;
}
.about_price_description_box p {
    font-size: 14px;
}
.about_price_description_box img {
    max-width: 100%;
    vertical-align: bottom;
}
.about_price_description a {
  	position: relative;
	background-color: #1C2953;
	text-align: center;
	display: inline-block;
	clear: both;
	max-width: 600px;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	padding: 7px 40px;
	width: 100%;
	margin-top: 20px;
}
.about_price_description a:before {
  content: "\025b6";
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -10px;
}
.about_price_description a:hover {
	opacity: 0.7;
}

/*---------------------------
 ご注意ください
---------------------------*/
.careful_wrapper {
	border: 5px solid #A80000;
	margin-top: 30px;
}
.careful_headline {
    background-color: #A80000;
    color: #ffffff;
    text-align: center;
    font-weight: 600;
    padding: 20px 0;
}
.careful_headline h2 {
    font-size: 27px;
	font-weight: 600;
}
.careful_contents {
    margin: 20px;
}

/*---------------------------
 事例
---------------------------*/
.jirei_wrap {
	background-image: url(/img/new_top/bg_jirei.png);
	background-size: 100%;
	background-position: center center;
	padding: 20px 47px 40px;
}
.jirei_wrap h2 {
	text-align: center;
	color: #fff;
	font-weight: 600;
	margin-bottom: 10px;
	font-size: 25px;
}
.jirei_wrap .slider li {
	background-color: #fff;
	padding: 15px;
	position: relative;
	padding-bottom: 40px;
	height: 290px;
}
.jirei_wrap .slider li h3 {
	color: #1D2953;
	font-weight: 600;
	padding-bottom: 10px;
	border-bottom: 1px solid #1D2953;
	margin-bottom: 10px;
}
.jirei_wrap .slider li p {
	color: #1D2953;
	font-size: 13px;
}
.jirei_wrap .slider li a {
  	position: absolute;
	background-color: #1C2953;
	text-align: center;
	display: inline-block;
	clear: both;
	width: 90%;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	padding: 7px 40px;
	bottom: 15px;
}
.jirei_wrap .slider li a:before {
  content: "\025b6";
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -10px;
}
.jirei_wrap .slider li a:hover {
	opacity: 0.7;
}
.slick-slide div {
	margin-left: 5px; 
	margin-right: 5px;
}

/*---------------------------
 依頼の流れ
---------------------------*/
.top_flow {
	background-image: url(/img/new_top/bg_gray_dott.jpg);
	padding-top: 30px;
	padding-bottom: 30px;
}

.top_flow h2 {
	color: #1B2951;
	font-size: 1.6em;
	text-align: center;
	padding-bottom: 10px;
	border-bottom: 2px solid #1B2951;
	margin-bottom: 20px;
	font-weight: 600;
	margin-top: 30px;
}
.top_flow p {
	text-align: center;
	font-size: 16px;
	color: #1B2951;
	margin-bottom: 20px;
		
}
.top_flow li {
	position: relative;
	margin-bottom: 30px;
	display: block;
	padding: 15px;
	color: #fff;
	font-size: 1.3em;
	text-align: center;
}
.top_flow li span {
	font-size: 0.7em;
}
.top_flow li.sec_01 {
	background-color: #1C2953;
}
.top_flow li.sec_02 {
	background-color: #777F96;
}
.top_flow li.sec_03 {
	background-color: #E74B1B;
}
.top_flow li:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
}
.top_flow li:last-of-type:after {
	content: none;
}
.top_flow li.sec_01:after {
	border-top: 15px solid #1C2953;
}
.top_flow li.sec_02:after {
	border-top: 15px solid #777F96;
}

/*---------------------------
 サポート先案内
---------------------------*/
.top_support {
	width: 85%;
	margin: auto;
	margin-bottom: 30px;
	margin-top: 20px;
	padding: 0!important;
}
.top_support h2 img {
	width: 100%;
}
.top_support h2 {
	margin-bottom: 20px;
}
.top_support p {
	margin-bottom: 20px;
	font-size: 14px;
	text-align: center;
}
.top_support p.icon {
	text-align: center;
}
.top_support p.icon img {
	max-width: 320px;
}
.top_support_left {
	float: left;
	width: 65%;
	margin-right: 3%;
}
.top_support_right {
	float: right;
	width: 32%;
}
.top_support_right img {
	width: 100%;
}
.top_support a {
  	position: relative;
	background-color: #1C2953;
	text-align: center;
	display: inline-block;
	clear: both;
	width: 90%;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	padding: 7px 40px;
}
.top_support a:before {
  content: "\025b6";
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -10px;
}
.top_support a:hover {
	opacity: 0.7;
}
.top_support .sp_btn {
	display: none;
	margin: auto;
}

@media screen and (max-width: 767px) {
	.top_support .pc_btn {
		display: none;
	}
	.top_support .sp_btn {
		display: block;
	}
	.top_support_left {
		float: none;
		width: 100%;
	}
	.top_support_right {
		float: none;
		width: 100%;
	}
}

/*===========================
 お問い合わせ
===========================*/
/*----------------
 見出し
----------------*/
.contact h2{
	font-size: 20px;
	font-weight: 600;
	padding:10px 20px;
	margin:50px 5%;
	width: 90%;
	border-bottom: 2px solid #557C3F;
	text-align: center;
	display: inline-block;
}
/*----------------
 テーブル
----------------*/
/* 幅 */
table.formTable , table.confirm_table {
	width: 100%;
	font-size: 20px;
}
table.formTable th , table.confirm_table th{
	width:25%;	
}
table.formTable td , table.confirm_table td {
	width:75%;	
}
/* パディング */
table.formTable th , table.formTable td , table.confirm_table th , table.confirm_table td {
	padding:20px;
}
/* ボーダー */
table.formTable tbody , table.confirm_table tbody {
	border: 3px solid #23475F;
}
table.formTable tr , table.confirm_table tr {
	border-bottom: 2px solid #23475F;
}
table.formTable tr:last-child , table.confirm_table tr:last-child {
	border-bottom: none;
}
table.formTable th , table.confirm_table th {
	border-right: 2px solid #23475F;
	background: #F4F5F7;
}
.formTable input {
	padding-left: 10px;
	width:100%;
}
#txtContents {
	width: 100%;
}
/* 必須マーク */
span.required{
	font-size: 15px;
	background-color: #E43F24;
	color: #ffffff;
	margin-left: 5px;
	padding:2px 5px;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}
/* 氏名欄 */
div.contact_input_name table {
	width: 100%;
}
div.contact_input_name tbody {
	border:none;
}
div.contact_input_name tr {
	width: 45%;
	border:none;
	float: left;
	margin: 0 1.25%;
}
div.contact_input_name th {
	padding:0;
}
div.contact_input_name th , .contact_input_name td {
	width:100%;
	border:none;
}
div.contact_input_name tr , div.contact_input_name th , .contact_input_name td {
	display: block;
}

/* エラーメッセージ */
#RequiredError {
	display: none;
}
/* エラーメッセージ */
#RequiredError p{
	color: red;
	font-weight: 600;
}
/* プライバシーポリシー */
div.policy_wrapper {
	margin-top: 15px;
	width: 100%;
	height: 300px;
	overflow: auto;
	border: 2px solid #23475F;
	padding: 10px;
	position: relative;
	background: #F4F5F7;
}
.policy_wrapper h3{
	font-size:150%;
	margin-bottom: 1em;
}
div.policy_wrapper img {
	position: absolute;
	top:5px;
	right: 5px;
	width: 300px;
	height: auto;
}
/*----------------
 入力部分
----------------*/
table input,textarea{
	border: 1px solid #000000;
	background-color: #EEEDEA;
	padding: 10px 2px;
	font-size:18px;
}

.contact_text_red{
	font-size: 13px;
	color: #7F0002;
	margin: 10px 0;
}

/*----------------
 送信ボタン
----------------*/
.contact_btnwrap {
	width:90%;
	padding:0 10%;
	margin: 25px auto;
}
.btn_contact_next {
	/* paddingを一時リセット */
	padding:0!important;
	background: url(/contact/img/btn_send.png) 0 0 no-repeat;
	margin: auto;
	height:0px;
	border: 0px;
	width: 300px;
	background-size: contain;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
	padding-top: calc(300px * 0.1848)!important;
	cursor: pointer;
	display: block;
}
#send_btn {
	background: url(/contact/img/btn_send.png) 0 0 no-repeat;
	float:right;
}
#reset_btn {
	background: url(/contact/img/btn_back.png) 0 0 no-repeat;
	float:left;
}
#send_btn , #reset_btn {
	/* paddingを一時リセット */
	padding:0!important;
	height:0px;
	border: 0px;
	width: 45%;
	background-size: contain;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
	padding-top: calc(45% * 0.1848)!important;
	cursor: pointer;
}
#top_btn:hover , #reset_btn:hover , #send_btn:hover{
	opacity: 0.8;
}

/*---------------------------
 入力
---------------------------*/
.h2_contact {
	font-size:50px;
	font-weight: 600;
	color: #FFFFFF;
	letter-spacing: 0.2em;
}

/*----------------
 お問い合わせ完了
----------------*/
.finishmsg_contact{
	text-align: center;
	background-color:#1C2952;
	color: #fff;
	padding: 40px 0;
	margin: 0 -5px;
}
/* 見出し */
.finishmsg_contact h2{
	font-weight: 600;
	font-size: 30px;
	padding:15px 0;
	width: 80%;
	border-bottom: 2px solid #fff;
	display: inline-block;
	margin-bottom: 30px;
}
/* ボタン */
.finishmsg_contact img:hover{
	border: 3px solid #fff;
	line-height: 0;
	margin: -3px;
	border-radius:7px; 
}

/*===========================
 会社概要
===========================*/
/* メイン画像上見出し */
.h2_profile {
	font-size:50px;
	font-weight: 600;
	color: #FFFFFF;
	letter-spacing: 0.2em;	
}
.profile_table .tel_number {
	color: #000!important;
	font-weight: normal;
}
/*----------------
 テーブル部
----------------*/
/* 幅 */
table.profile_table {
	width: 100%;
	font-size: 18px;
}
table.profile_table th {
	width:25%;	
}
table.profile_table td {
	width:75%;	
}
/* パディング */
table.profile_table th , table.profile_table td {
	padding:20px;
}
/* ボーダー */
table.profile_table tbody {
	border: 3px solid #23475F;
}
table.profile_table tr {
	border-bottom: 2px solid #23475F;
}
table.profile_table tr:last-child {
	border-bottom: none;
}
table.profile_table th {
	border-right: 2px solid #23475F;
	background: #F4F5F7;
}

/*----------------
 下部テーブル（マップ・最寄り駅）
----------------*/
/* 地図 */
.access_img {
	width: 55%;
	float:left;
}
.access_img img {
	width: 100%;
}

/* 最寄駅 */
.access_station {
	width: 42.5%;
	margin-left:2.5%;
	float:right;
}
.access_station h3{
	width:100%;
	background: #1E1A3F;
	font-size: 25px;
	text-align: center;
	margin-bottom:10px;
	color: #ffffff;
	padding: 8px 0 5px 0;
	font-weight: 600;
}
.access_station table {
	width:100%;
	font-size:23px;
	color: #243E7C;
	font-weight: 600;
}
.access_station tr {
	padding-bottom: 5px;
	border-bottom:3px solid #23475F;
}
.access_station th {
	color: #FF5216;
	font-weight: 600;
}
.access_station th , .access_station hd {
	width: 33.3%;
}
.top_about_description {
	clear: both;
	margin-bottom: 30px;
	border: 2px solid #fff;
	padding: 20px 30px;
	font-size: 16px;
	line-height: 2;
}
.top_about_description h2 {
	color: #fff;
	border-bottom: 2px solid white;
	padding-bottom: 20px;
}
/*===========================================
 以下、メディアクエリ
===========================================*/
/*===========================
 ★表示切替
===========================*/
/*----------------
 スマホ以下の表示
----------------*/
@media screen and (max-width:767px){
	/* ブロック要素 */
	.disp_sp {
		display: block;
	}
	/* インライン要素 */
	.disp_sp_inline {
		display: inline;
	}
	/* タブレット以上用の非表示 */
	.disp_overtablet , .disp_overtablet_inline {
		display: none;
	}
	/* パンくず文字サイズ */
	.pankuzu {
		font-size: 15px;
		padding:9px;
	}
	.contact_input_name th {
		font-size: 15px;
	}
	.careful_headline h2 {
		font-size: 18px;
	}
}
/*----------------
 タブレット以上の表示
----------------*/
@media screen and (min-width:768px){
	/* ブロック要素 */
	.disp_overtablet {
		display: block;
	}
	/* インライン要素 */
	.disp_overtablet_inline {
		display: inline;
	}
	/* スマホ以下・PC以上の非表示 */
	.disp_sp , .disp_sp_inline {
		display: none;
	}
}

/*----------------
 PC以上の表示
----------------*/
@media screen and (min-width:1024px){
	.disp_pc {
		display: block;
	}
}

/*===========================
 【320px未満】
 ★iphone初期にのみ適用されるCSS
===========================*/
@media screen and (max-width:320px){
	/* iphone初期でのみ表示する項目 */
	.disp_sp_old {
		display:block;	
	}
	.disp_not_sp_old {
		display:none;
	}
	/*----------------
	 文字サイズ
	----------------*/
	p.co_title , .price_description p {
		font-size: 16px!important;
	}
}

/*===========================
 【321px以上】
 ★iphone初期にのみ適用されるCSS
===========================*/
@media screen and (min-width:321px){
	/* iPhone初期より大きい解像度で表示される */
	.disp_not_sp_old {
		display:block;
	}
	/* iphone初期のみの項目を非表示 */
	.disp_sp_old {
		display:none;	
	}
}

/*===========================
 【360px以下】
 ★Xperia AX SO-01E以下に適用されるCSS
===========================*/
@media screen and (max-width:360px){
	/*----------------
	 文字サイズ
	----------------*/
	.h2_contact {
		font-size:18px!important;	
	}
}

/*===========================
 【375px以下】
★iPhone6,7縦まで適用されるCSS
===========================*/
@media screen and (max-width:375px){

}

/*===========================
 【414px以下】
★iPhone6PLUS縦まで適用されるCSS
===========================*/
@media screen and (max-width:414px){
	/* トップH2 */
	.h2_top_ticket {
		font-size: 14px !important;
		padding-top: 0px !important;
	}
	.top_h2_wrapeer , .h2_top_ticket {
		height: 25px !important;
	}
	.h2_top_ticket:before {
		height: 18px;
		width: 18px;
	}
}

/*===========================
 【567px以下】
★iPhone5横未満まで適用されるCSS
===========================*/
@media screen and (max-width:567px){
	.h2_top_costcut {
		height: 80px!important;
	}
	.h2_top_ticket:before {
		height: 18px;
		width: 18px;
	}
	.h2_top_costcut:before {
		height: 40px!important;
		width: 40px!important;
	}
	.h2_top_costcut:before {
		font-size: 18px;
		margin-left: -3em;
	}
	.h2_secondrow {
		display: block;
	}
	p.co_title , .price_description p {
		font-size: 18px;
	}
	.merit_wrapper h3 {
		font-size: 20px;
	}
	.h2_top_merit {
		font-size: 20px;
		padding: 0.5em;
	}
	.h2_top_merit span {
		font-size: 30px;
	}
	.h2_top_merit:before{
		width:40px;
		height:40px;
	}
	/*----------------
	 お問い合わせ完了
	----------------*/
	/* 見出し */
	.finishmsg_contact h2{
		font-size: 20px;
	}
	/* 本文 */
	.finishmsg_contact p{
		padding-left: 15px;
		padding-right: 15px;
		font-size: 15px;
	}
	/*---------------------------
	 証拠調査の料金について
	---------------------------*/
	.about_price_description_box{
		width: 100%!important;
		height: 240px;
		border: 1px solid;
	}
	.about_price_description_box {
		margin-left: 0;
		margin-right: 0;
	}
	.ad_tel {
		font-size: 180%!important;
		left: 30%;
	}
}

/*===========================
 【568px以上】
 ★iPhone5横以上から表示されるCSS
===========================*/
@media screen and (min-width:568px) {
}

/*===========================
 【415px】～【800px】 
 ★スマホ縦より大、かつ、タブレット以下まで表示されるCSS
===========================*/
@media screen and (min-width:415px) and (max-width:800px){
}

/*===========================
 【666px以下】
 ★iPhone6以降の横未満に適用されるCSS
===========================*/
@media screen and (max-width:666px) {
	.top_description_wrapper p{
		font-size: 15px;
	}
	.top_description_wrapper h2{
		font-size: 25px;
	}
	.top_links a {
		width: 100%;
		margin: 0 0 10px 0;
	}
	h2.top_text {
		font-size: 15px;
	}
}

/*===========================
 【667px以上】
 ★iPhone6以降の横以上に適用されるCSS
===========================*/
@media screen and (min-width:667px){
}

/*===========================
【667px】～【800px】  
★iPhone6以降の横以上かつ、タブレット縦以下まで表示されるCSS
===========================*/
@media screen and (min-width:667px) and (max-width:800px){
	.merit_box_01 , .merit_box_02 , .merit_box_03 , .merit_box_04 {
			background-size: 100%;
	}
}
/*===========================
【767px以下】
★タブレット未満に適用されるCSS
===========================*/
@media screen and (max-width:767px){
	.info_wrapper {
		padding: 0;
		line-height: 2em;
	}
	.info_contents {
		padding-right: 1em;
		padding-left: 2em;
	}
	.search_sample_box , .btn_buy img {
		width: 90%;	
	}
	/*----------------
	 メイン画像レスポンシブページ用の処理
	----------------*/
	.main_img_pc {
		display:none;
	}
	.main_img_sp {
		display:block;
	}
	/*----------------
	 会社概要の表
	----------------*/
		/* 会社情報 */
		table.profile_table tr {
			border: none;
		}
		table.profile_table th {
			text-align: center;
		}
		table.profile_table th , table.profile_table td {
			display: block;
			width: 100%;
			/* 一旦borderをクリア */
			border: none;
			/* bottomのみ復活 */
			border-bottom: 2px solid #23475F;
		}
		table.profile_table tr:last-child td {
			border: none;
		}
	/* 地図・最寄駅 */
	.access_img {
		width: 100%;
	}
	.access_station {
		width: 100%;
	}
	.access_station table {
		font-size: 16px;
	}
	
	/*----------------
	 お問い合わせ：入力
	----------------*/
	.h2_contact {
		font-size:25px;
	}
	table.formTable {
		width: 100%;
	}
	/* 会社情報 */
	table.formTable tr {
		border: none;
	}
	table.formTable th {
		text-align: center;
	}
	table.formTable th , table.formTable td {
		display: block;
		width: 100%;
		/* 一旦borderをクリア */
		border: none;
		/* bottomのみ復活 */
		border-bottom: 2px solid #23475F;

	}
	table.formTable tr:last-child td {
		border: none;
	}
	div.policy_wrapper img {
		opacity:0.3;
	}
	div.contact_input_name th , div.contact_input_name td {
		padding: 2px;
		border:none;
	}
	.page_top_img {
		opacity:0.5;
	}
	/* スマホ用hoverクラス */
	.page_top_hover {
		opacity:1;
	}
	
	.ad_tel {
		font-size: 300%!important;
		color: #ffffff!important;
		left: 30%;
	}
}
/*===========================
【800px以下】
★タブレット以下に適用されるCSS
===========================*/
@media screen and (max-width:800px){
	.news_contents {
		max-height: 200px;
		font-size: 16px;
	}
	.news_contents td , .news_contents th {
		width: 100%;
		display:block;
		
	}
	/*----------------
	 文字サイズ
	----------------*/
	/* トップH2 */
	.h2_top_ticket , .h2_top_costcut {
		font-size: 20px;
		padding-top: 5px;
	}
	.h2_top_costcut {
		font-size: 18px;
	}
	.h2_top_ticket:before , .h2_top_ticket:after , .h2_top_costcut:before {
		height: 25px;
		width: 25px;
	}
	.top_h2_wrapeer , .h2_top_ticket , .h2_top_costcut{
		height: 40px;
	}

	/*----------------
	 TOP：4つのメリット
	----------------*/
	.merit_box_01 , .merit_box_02 , .merit_box_03 , .merit_box_04 {
		width: 96%;
		margin-left: 2%;
		margin-right: 2%;
		height: auto;
	}
}

/*===========================
 【667px】～【1023px】
 ★iphone6横～PC未満まで適用されるCSS
===========================*/
@media screen and (min-width:667px) and (max-width:1023px){
	/*----------------
	 スマホ用フッター
	----------------*/
}

/*===========================
【768px以上】 
★タブレット(最小)以上に適用されるCSS
===========================*/
@media screen and (min-width:768px){
	/*----------------
	 メイン画像レスポンシブページ用の処理
	----------------*/
	.main_img_pc {
		display:block;
	}
	.main_img_sp {
		display:none;
	}
}

/*===========================
【800px以下】 
★タブレット縦(最大)以下の場合に適用されるCSS
===========================*/
@media screen and (max-width:801px){
	.top_menu_box {
		width: 100%;
		margin-right: 0!important;
		height: auto;
	}
}

/*===========================
【801px以上】 
★タブレット縦(最大)より大きい場合に適用されるCSS
===========================*/
@media screen and (min-width:801px){
	/* コピーライトを１行に */
	.copy_secondrow {
		display: none;
	}
	nav.nav_pc li {
		display: block;
		border-right: medium solid #243E7C;
		text-align: center;
		width: 14.285714%;
		box-sizing: border-box;
	}
}

/*===========================
 【801px】～【1023px】 
 ★タブレット超過、かつ、PC以下に適用されるCSS
===========================*/
@media screen and (min-width:768px) and (max-width:1023px){
	.top_menu_box {
		width: 49%;
		margin-right: 2%!important;
		height: 276px;
	}
	div.top_links div:nth-of-type(2n){
		margin-right : 0!important;
	}
}

/*===========================
 【768px】～【1023px】 
 ★タブレット以上、かつ、PC以下に適用されるCSS
===========================*/
@media screen and (min-width:768px) and (max-width:1023px){
	/* 会社概要の最寄り駅 */
	.access_station table {
		font-size: 16px;	
	}
	.ad_tel {
		font-size: 260%;
		left: 14%;
	}
}

/*===========================
【1023px以下】
 ★PC未満に適用されるCSS
===========================*/
@media screen and (max-width:1023px){
	.disp_pc {
		display: none;
	}
	.price_box {
		padding-left :10px;
		padding-right :10px;
	}
	.price_description {
		margin-left :10px;
		margin-right :10px;
	}
	.search_sample_box {
		margin:auto;
		float:none;
	}
	.service_list_box {
		text-align: center;
	}
	ul.service_list {
		display: inline-block;
	}
	ul.service_list li{
		text-align: left;
	}
	/*---------------------------
	 証拠調査の料金について
	---------------------------*/
	.about_price_description_box{
		width: 48%;
		height: 240px;
		border: 1px solid;
	}
}

/*===========================
 【1024px以下】
 ★タブレット横以下に適用されるCSS
===========================*/
@media screen and (max-width:1024px){
	.top_description_wrapper , .faq_wrapper , .pankuzu , .trial_wrapper_bgimg , .trial_wrapper , .bestfive_wrapper , .true_wrapper h3 , .research_wrapper{
		margin: 0 -5px!important;
	}
	.top_description_wrapper {
		padding-left: 15px;
		padding-right: 15px;
	}
	.jirei_wrap {
		padding-left: 0px;

		padding-right: 0px;
	}
	.jirei_wrap .cont {
		padding-left: 30px;
		padding-right: 30px;
	}
}

/*===========================
 【1024px以上】
 ★PC以上に適用されるCSS
===========================*/
@media screen and (min-width:1024px){
	.top_about_description p {
		text-align: center;
	}
	/*----------------
	 ネガティブマージン
	----------------*/
	.fullwidth_hidden {
		overflow-x: hidden;
	}
	/* 外側 */
	.fullwidth_wrapper{
		margin-left:-500%;
		margin-right:-500%;
		padding-left:500%;
		padding-right:500%;
	}
	/* 内部コンテンツ */
	.fullwidth_contents{
		width: 1024px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#page_top {
		right: 20px;
	}
	.contact_description {
		border: 2px solid #23475F;
		padding:15px;
	}
	
	.service_list li {
		display:block;
		float: left;
		width: 23%;
		margin-right: 1%;
		font-size: 16px;
		height: 1.5em;
	}
}

/*===========================
 【1280px以上】
 ★PC(1280px）以上に適用されるCSS
===========================*/
@media screen and (min-width:1280px){
	.contents , .fullwidth_contents , .news_contents , .news_wrapper , .top_description_contents , .news_wrapper h2{
		max-width: 1200px;
	}
	/* 内部コンテンツ */
	.fullwidth_contents {
		width: 1200px;
	}
	.merit_wrapper h3 {
		font-size: 30px;
	}
}
/*===========================
 【1400px以上】
 ★PC(1400px）以上に適用されるCSS
===========================*/
@media screen and (min-width:1400px){
}

/*===========================
 【567px以下】
★iPhone5横未満まで適用されるCSS
===========================*/
@media screen and (max-width:567px){
	.ad_tel {
		font-size: 180%!important;
	}
}




/*202305*/
#set1 section:nth-child(2n-1) {
    background: initial;
}

.ninjin{
	color: #faa05a!important;
}

.margin{
	margin: 40px;
}
@media (max-width:640px) {
	.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;
}


@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{
	background-color: #F3E100;
	border: solid 9px #020300;
	border-radius: 20px;
	width: 92%;
	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.2rem;
    position: relative;
    line-height: 1.7;
}										
					
.yellow-box ul li::before {
  content: url("https://digitaldata-forensics.com/hacking-c/image/checkbox.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: 92%;
    padding: 30px;
}
.nayami-flexpart,
#about_2011{
	margin: 10vh auto;
}
.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: 30px;
    box-sizing: border-box;
    outline: 3px solid #000;
    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 {
    font-size: 2.9rem;
    font-weight: bold;
    letter-spacing: 1px;
    border-bottom: 3px dashed rgb(0,0,0,0.3);
    text-align: center;
    margin: 0 auto 20px;
    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: linear-gradient(transparent 40%, yellow 60%);
	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{
		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: 13px!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;
	}
	.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.4rem;
	}
	.head-y {
		font-size: 1.5rem;
		letter-spacing: 1px;
		line-height: 1.5;
	}
	.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: 1rem;
	}
	.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;
	}
}