@charset "utf-8";



@media screen and (min-width: 641px){
/*
sub ベース[PC]
------------------------------------------------------------------*/

/*sub ヘッダー　大枠*/
#sub_header{ width:100%; height:auto; border-top:solid 2px #ee5eae; border-bottom:solid 1px #ddd; }
#sub_header_BOX{ position:relative; width:960px; height:111px; margin:0 auto;}

/*sub ヘッダー　ロゴ*/
.sub_header_logo{position:absolute; left:0px; top:29px;}

/*sub ヘッダー　ボタンボックス*/
.sub_header_btn_BOX{ float:right; width:219px; margin-top:37px;}

/*----- [ sub タイトル　ボックス ] -----*/
.sub_title_BOX{ width:100%; padding:0 0 30px 0;  border-bottom:solid 1px #eee; background:#fff;}
.sub_title_BOX_inner{ max-width:960px; width:100%; margin:0 auto;}
.sub_title_BOX h2{text-align:center;font-size:28px;line-height:44px;color:#000;letter-spacing:3px;margin:0px auto 0 auto;padding:45px 0 0px 0;}
.sub_title_BOX ul.btn_3BOX{ width:100%; margin:0px 0px 0px 0px; }
.sub_title_BOX ul.btn_3BOX li{ float:left; width:300px; margin:20px 0 0px 15px;}

/*----- [ コンテンツ ] -----*/
.mainArea{ padding-bottom:50px; background:#f7f7f7;}
.sub_co{ width:100%; padding:0px 0 50px 0; background:#f7f7f7;}
.sub_co_inner{ position:relative; max-width:960px; width:100%; margin:0 auto; background:#fff; padding:0px 0 40px 0; border-top:solid 3px #00a5e3;}/*e72e97*/

/*タイトル*/
.sub_co_inner .title_s01{width:82%; margin:40px auto 20px auto; padding:8px 15px 6px 15px; border-left:solid 3px #ee5eae; font-size:16px; line-height:22px; background:#eee; color:#333;}
.sub_co_inner .title_s02{width:82%; margin:40px auto 20px auto; padding:8px 15px 6px 15px; border-left:solid 3px #ee5eae; font-size:16px; line-height:22px; background:#eee; color:#333;}

/*テーブル　大枠*/
.sub_table_BOX{ width:820px; margin:0 auto;}
.sub_table_BOX_L{ width:60%; float:left;}
.sub_table_BOX_R{ width:40%; float:right; text-align:right;}

/*テーブル*/
.sub_table_set{border-collapse:collapse;border-right:solid 1px #dadada;border-left:solid 1px #dadada;border-bottom:solid 1px #dadada;width: 100%;margin: 0 auto 10px;table-layout: fixed;font-size:14px;line-height:20px; table-layout: auto;}
.sub_table_set th { color:#333; font-size:11px; font-weight:bold; padding: 15px 15px 14px 15px; background:#f7f5f1; border-left:solid 1px #dadada; border-top:solid 1px #dadada; word-break:break-all; text-align:left; table-layout: auto;}
.sub_table_set td { padding: 15px 15px 14px 15px; border-left:solid 1px #dadada; border-top:solid 1px #dadada; word-break:break-all; text-align:left; table-layout: auto;}
.sub_table_set .ce { text-align: center; }/*テキストセンター*/
.sub_table_set .ri { text-align: right; }/*テキストセンター*/
.sub_table_set .vce { vertical-align:middle; }/*テキスト上下センター*/

/*注釈*/
.sub_tyusyaku ul{width:960px; margin:-35px auto 0 auto;padding:0 0 20px 0; }
.sub_tyusyaku li{ font-size:10px; line-height:14px; padding:0 0 2px 0; text-indent:-10px; padding-left:10px; }

/*フッター*/
#sab_footer{background:#261e23;}
#sab_footer_inner{width:960px; margin:0 auto; padding:20px 0;text-align:center; position:relative;}
#sab_footer_inner .sab_footer_page_top{ position:absolute; right:0px; top:-50px;}
#sab_footer_inner p.copy{ font-size:11px; line-height:14px; letter-spacing:1px; color:#fff; font-family:Arial, Helvetica, sans-serif; padding:0; margin:0;}

}/*end*/

@media screen and (max-width: 640px) {

/*
sub ベース[smp]
------------------------------------------------------------------*/
/*sub ヘッダー　大枠*/
#sub_header{ width:100%; height:auto; min-width:260px; border-top:solid 2px #ee5eae; border-bottom:solid 1px #ddd; }
#sub_header_BOX{ position:relative; width:95%; height:auto; margin:0 auto;}

/*sub ヘッダー　ロゴ*/
.sub_header_logo{ float:left; max-width:323px;width:70%; padding:4% 0% 4.5% 0%; }
.sub_header_logo img{ width:100%; max-width:323px; }

/*sub ヘッダー　ボタンボックス*/
.sub_header_btn_BOX{ float:right; max-width:91px;  width:25%;  padding:5% 0% 5% 0%; }
.sub_header_btn_BOX img{width:100%; max-width:323px; }

/*----- [ sub タイトル　ボックス ] -----*/
.sub_title_BOX{ width:100%; padding:0 0 4% 0;  border-bottom:solid 1px #eee; }
.sub_title_BOX_inner{ max-width:960px; width:100%; margin:0 auto;}
.sub_title_BOX h2{text-align:center;font-size:17px;line-height:30px;color:#000;letter-spacing:0px;margin:0px auto 0 auto;padding:5% 0 5% 0;}
.sub_title_BOX ul.btn_3BOX{ width:95%; margin:0px auto 0px auto; }
.sub_title_BOX ul.btn_3BOX li{ float:left; width:30%; margin:0px 1.666% 2% 1.666%; text-align:center;}
.sub_title_BOX ul.btn_3BOX li img{ width:100%;}

/*----- [ コンテンツ ] -----*/
.mainArea{ padding-bottom:10%; background:#f7f7f7;}
.sub_co{ width:100%; padding:3% 0 3% 0; background:#f7f7f7;}
.sub_co_inner{ max-width:960px; width:95%; margin:0 auto; background:#fff; padding:2% 0 2% 0; border-top:solid 3px #00a5e3;}/*e72e97*/

/*タイトル*/
.sub_co_inner .title_s01{width:85%; margin:6% auto 4% auto; padding:8px 15px 6px 15px; border-left:solid 3px #ee5eae; font-size:16px; line-height:20px; background:#eee; color:#333;}
.sub_co_inner .title_s02{width:90%; margin:6% auto 4% auto; padding:8px 15px 6px 15px; border-left:solid 3px #ee5eae; font-size:16px; line-height:20px;  background:#eee; color:#333;}

/*テーブル　大枠*/
.sub_table_BOX{ width:100%; margin:0 auto;}
.sub_table_BOX_L{ width:100%;}
.sub_table_BOX_R{ width:100%; text-align: center;}

/*テーブル*/
.sub_table_set{border-collapse:collapse;border-right:solid 1px #dadada;border-left:solid 1px #dadada;border-bottom:solid 1px #dadada;width: 95%;margin: 0 auto 10px;table-layout: fixed;font-size:13px;line-height:18px; text-align:left; table-layout: auto;}
.sub_table_set th { color:#333; font-size:11px; font-weight:bold; padding: 3% 2%; background:#f7f5f1; border-left:solid 1px #dadada; border-top:solid 1px #dadada; word-break:break-all; table-layout: auto;}
.sub_table_set td { padding: 3% 2%; border-left:solid 1px #dadada; border-top:solid 1px #dadada; word-break:break-all; table-layout: auto;}
.sub_table_set .ce { text-align: center; }/*テキストセンター*/
.sub_table_set .vce { vertical-align:middle; }/*テキスト上下センター*/

/*注釈*/
.sub_tyusyaku ul{width:95%; margin:0px auto 0 auto; font-size:10px; padding:0 0 20px 0; }
.sub_tyusyaku li{ font-size:10px; line-height:14px; padding:0 0 2px 0; text-indent:-10px; padding-left:10px; }

/*フッター*/
#sab_footer{ padding:20px 0; text-align:center; background:#333;}
#sab_footer p.copy{ font-size:11px; line-height:14px; letter-spacing:1px; color:#fff; font-family:Arial, Helvetica, sans-serif; padding:0; margin:0;}

/*フッター*/
#sab_footer{background:#261e23;}
#sab_footer_inner{width:90%; margin:0 auto; padding:20px 0;text-align:center; position:relative;}
#sab_footer_inner .sab_footer_page_top{ position:absolute; right:0px; top:-50px;}
#sab_footer_inner p.copy{ font-size:11px; line-height:14px; letter-spacing:1px; color:#fff; font-family:Arial, Helvetica, sans-serif; padding:0; margin:0;}


}/*end*/




@media screen and (min-width: 641px){
/*
オプション[PC]
------------------------------------------------------------------*/

.option_BOX_m{ padding-top:50px !important;}
.sub_co_inner .option_title_BOX{margin:60px 0 0 60px;}
.sub_co_inner .option_icon{ float:left; width:160px;}
.sub_co_inner .option_icon img{ margin-top:10px;}
.sub_co_inner .option_txt_BOX{  float:left; width:700px; height:auto;}
.sub_co_inner .option_txt_BOX .h2_sub{ text-align:left;font-size:20px;line-height:44px;color:#333;letter-spacing:3px;margin:0px auto 0 auto;padding:0px 0 0px 0;}
.sub_co_inner .option_txt_BOX .h2{ text-align:left;font-size:35px;line-height:44px;color:#333;letter-spacing:2px;margin:0px auto 0 auto;padding:10px 0 40px 0;}
.sub_co_inner .option_txt_BOX .read{ text-align:left;font-size:14px;line-height:28px;color:#333;letter-spacing:0px;margin:0px auto 0 auto;padding:0px 0 20px 0;}
.imh_option_co02_tb_img{ margin-top:0px;}
ul.page_link_BOX{ width:850px; margin:20px auto 20px auto;}
ul.page_link_BOX span.triangle{ color:#ee5eae; font-size:10px; display:block;}/*00a5e4*/
ul.page_link_BOX span{}
ul.page_link_BOX li a{ padding:20px 0px 10px 0px; width:23%; background:#eee; margin:15px 1% 0px 1%; float:left; text-align:center; font-size:12px; line-height:20px; display:block;
border-radius: 5px; -webkit-border-radius: 5px;  -moz-border-radius: 5px; }
ul.page_link_BOX li a:hover{ text-decoration:none;  color:#ee5eae;}
.sub_co_inner p.txt{ font-size:13px; line-height:19px; width:820px; margin:0 auto;} 
.sub_co_inner p.txts{ font-size:11px; line-height:16px; width:820px; margin:0 auto;} 

/*STEP*/
.sub_step_set{ padding:10px 0 20px 0;}
.sub_step_BOX{ width:820px; margin:20px auto 20px auto; border-bottom:solid #ddd 1px; padding:0px 0 20px 0;}
.sub_step_BOX_L{ width:40%; float:left;}
.sub_step_title{ width:22%; color: #ee5eae;  font-weight:bold; text-align:center; float:left; border:solid 2px #ee5eae; padding:6px 10px 3px 10px; margin:0 0px 0px 0; border-radius:5px; -webkit-border-radius:5px;  -moz-border-radius:5px;}
.sub_step_txt{ width:60%; float:left; font-size:14px; line-height:22px; margin-left:22px; color: #00a5e4; font-weight:bold;}
.sub_step_txt p{ font-size:14px; line-height:22px; padding-top:4px; color: #00a5e4; font-weight:bold;}
.push_B{ color:#fff; display:inline-block; background:#00a5e4; padding:6px 14px 3px 14px; margin:0 10px 6px 0; border-radius:5px; -webkit-border-radius:5px;  -moz-border-radius:5px;}
.push_S{ color:#fff; display:inline-block; background:#00a5e4; padding:3px 8px 1px 8px; margin:0 5px 4px 5px; border-radius:5px; -webkit-border-radius:5px;  -moz-border-radius:5px; }
.sub_step_BOX_R{ width:56.7%; float:left;  border:1px solid #00a5e4; padding:10px; font-size:12px;}
.sub_step_BOX_R .title{color: #00a5e4; font-size:13px; padding-bottom:8px; font-weight:bold; }

}/*end*/

@media screen and (max-width: 640px) {

/*
オプション[smp]
------------------------------------------------------------------*/

.option_BOX_m{ padding-top:10% !important;}
.sub_co_inner .option_title_BOX{margin:0% 0 0 4%;}
.sub_co_inner .option_icon{ width:100%; margin:0 auto 0 auto;}
.sub_co_inner .option_icon img{ margin-top:10px;}
.sub_co_inner .option_txt_BOX{ width:99%; margin:4% auto 0 auto; height:auto;}
.sub_co_inner .option_txt_BOX .h2_sub{ text-align:left;font-size:20px;line-height:30px;color:#333;letter-spacing:0px;margin:0px auto 0 auto;padding:2% 0 0px 0;}
.sub_co_inner .option_txt_BOX .h2{ text-align:left;font-size:20px;line-height:30px;color:#333;letter-spacing:0px;margin:0px auto 0 auto;padding:2% 0 5% 0;}
.sub_co_inner .option_txt_BOX .read{ text-align:left;font-size:13px;line-height:24px;color:#333;letter-spacing:0px;margin:0px auto 0 auto;padding:0px 0 5% 0;}
.imh_option_co02_tb_img{ margin-top:0px;}
ul.page_link_BOX{ width:98%; margin:0 auto;}
ul.page_link_BOX span.triangle{ color:#ee5eae; font-size:10px; display:block;}/*00a5e4*/
ul.page_link_BOX span{display:block;}
ul.page_link_BOX li a{ padding:10px 0px 5px 0px; width:48%; background:#eee; margin:2.2% 1% 0px 1%; float:left; text-align:center; font-size:11px; line-height:16px; display:block;
border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;  }
ul.page_link_BOX li a:hover{ text-decoration:none;  color:#ee5eae;}
.sub_co_inner p.txt{ font-size:13px; line-height:19px; width:95%; margin:0 auto;} 
.sub_co_inner p.txts{ font-size:11px; line-height:16px; width:95%; margin:0 auto;} 

/*STEP*/
.sub_step_set{ padding:10px 0 20px 0;}
.sub_step_BOX{ width:95%; margin:20px auto 20px auto; border-bottom:solid #ddd 1px; padding:0px 0 20px 0;}
.sub_step_BOX_L{ width:95%;}
.sub_step_title{ width:40%; color: #ee5eae;  font-weight:bold; text-align:center; border:solid 2px #ee5eae; padding:6px 3% 3px 3%; margin:0 0px 0px 0; border-radius:5px; -webkit-border-radius:5px;  -moz-border-radius:5px;}
.sub_step_txt{ width:95%; font-size:14px; line-height:22px;padding-top:5px; margin-left:0%; color: #00a5e4; font-weight:bold;}
.sub_step_txt p{ font-size:14px; line-height:22px; padding-top:5px; color: #00a5e4; font-weight:bold;}
.push_B{ color:#fff; display:inline-block; background:#00a5e4; padding:6px 14px 3px 14px; margin:0 10px 6px 0; border-radius:5px; -webkit-border-radius:5px;  -moz-border-radius:5px;}
.push_S{ color:#fff; display:inline-block; background:#00a5e4; padding:3px 8px 1px 8px; margin:0 5px 4px 5px; border-radius:5px; -webkit-border-radius:5px;  -moz-border-radius:5px; }
.sub_step_BOX_R{ clear:both; width:90%;  border:1px solid #00a5e4; padding:3%; font-size:12px; margin-top:4%;}
.sub_step_BOX_R .title{color: #00a5e4; font-size:13px; padding-bottom:8px; font-weight:bold; }


}/*end*/




/*プリント用*/
@media print {
body {
  -webkit-print-color-adjust: exact;
}
.smp{ display:none;}
.sv_sub_title{
padding: 9px 0 11px;
}
.t_padding_01{
padding-top: 40px;
}
.table_title {
width: 805px;
height: 35px;
line-height: 40px;
font-size: 24px;
font-weight: normal;
color: #303030;
margin: 0 auto;
padding-left: 15px;
background: url(/hdd/img/service-voice-h2-title.jpg) no-repeat center left;
}
.page_top_sub{
width: 820px;
margin: 0 auto;
text-align: right;
}

  
/********* PC ********/

/*sub ヘッダー　大枠*/
#sub_header{ width:100%; height:auto; border-top:solid 2px #ee5eae; border-bottom:solid 1px #ddd; }
#sub_header_BOX{ position:relative; width:960px; height:111px; margin:0 auto;}

/*sub ヘッダー　ロゴ*/
.sub_header_logo{position:absolute; left:0px; top:29px;}

/*sub ヘッダー　ボタンボックス*/
.sub_header_btn_BOX{ float:right; width:219px; margin-top:37px;}

/*----- [ sub タイトル　ボックス ] -----*/
.sub_title_BOX{ width:100%; padding:0 0 30px 0;  border-bottom:solid 1px #eee; background:#fff;}
.sub_title_BOX_inner{ max-width:960px; width:100%; margin:0 auto;}
.sub_title_BOX h2{text-align:center;font-size:28px;line-height:44px;color:#000;letter-spacing:3px;margin:0px auto 0 auto;padding:45px 0 0px 0;}
.sub_title_BOX ul.btn_3BOX{ width:100%; margin:0px 0px 0px 0px; }
.sub_title_BOX ul.btn_3BOX li{ float:left; width:300px; margin:20px 0 0px 15px;}


/*----- [ コンテンツ ] -----*/
.mainArea{ padding-bottom:50px; background:#f7f7f7;}
.sub_co{ width:100%; padding:0px 0 50px 0; background:#f7f7f7;}
.sub_co_inner{ position:relative; max-width:960px; width:100%; margin:0 auto; background:#fff; padding:0px 0 40px 0; border-top:solid 3px #00a5e3;}/*e72e97*/

/*タイトル*/
.sub_co_inner .title_s01{width:82%; margin:40px auto 20px auto; padding:8px 15px 6px 15px; border-left:solid 3px #ee5eae; font-size:16px; line-height:22px; background:#eee; color:#333;}
.sub_co_inner .title_s02{width:82%; margin:40px auto 20px auto; padding:8px 15px 6px 15px; border-left:solid 3px #ee5eae; font-size:16px; line-height:22px; background:#eee; color:#333;}

/*テーブル　大枠*/
.sub_table_BOX{ width:820px; margin:0 auto;}
.sub_table_BOX_L{ width:60%; float:left;}
.sub_table_BOX_R{ width:40%; float:right; text-align:right;}

/*テーブル*/
.sub_table_set{border-collapse:collapse;border-right:solid 1px #dadada;border-left:solid 1px #dadada;border-bottom:solid 1px #dadada;width: 100%;margin: 0 auto 10px;table-layout: fixed;font-size:14px;line-height:20px; table-layout: auto;}
.sub_table_set th { color:#333; font-size:11px; font-weight:bold; padding: 15px 15px 14px 15px; background:#f7f5f1; border-left:solid 1px #dadada; border-top:solid 1px #dadada; word-break:break-all; text-align:left; table-layout: auto;}
.sub_table_set td { padding: 15px 15px 14px 15px; border-left:solid 1px #dadada; border-top:solid 1px #dadada; word-break:break-all; text-align:left; table-layout: auto;}
.sub_table_set .ce { text-align: center; }/*テキストセンター*/
.sub_table_set .ri { text-align: right; }/*テキストセンター*/
.sub_table_set .vce { vertical-align:middle; }/*テキスト上下センター*/

/*注釈*/
.sub_tyusyaku ul{width:960px; margin:-35px auto 0 auto;padding:0 0 20px 0; }
.sub_tyusyaku li{ font-size:10px; line-height:14px; padding:0 0 2px 0; text-indent:-10px; padding-left:10px; }

/*フッター*/
#sab_footer{background:#261e23;}
#sab_footer_inner{width:960px; margin:0 auto; padding:20px 0;text-align:center; position:relative;}
#sab_footer_inner .sab_footer_page_top{ position:absolute; right:0px; top:-50px;}
#sab_footer_inner p.copy{ font-size:11px; line-height:14px; letter-spacing:1px; color:#fff; font-family:Arial, Helvetica, sans-serif; padding:0; margin:0;}



/********  *********/

.option_BOX_m{ padding-top:50px !important;}

.sub_co_inner .option_title_BOX{margin:60px 0 0 60px;}
.sub_co_inner .option_icon{ float:left; width:160px;}
.sub_co_inner .option_icon img{ margin-top:10px;}
.sub_co_inner .option_txt_BOX{  float:left; width:700px; height:auto;}
.sub_co_inner .option_txt_BOX .h2_sub{ text-align:left;font-size:20px;line-height:44px;color:#333;letter-spacing:3px;margin:0px auto 0 auto;padding:0px 0 0px 0;}
.sub_co_inner .option_txt_BOX .h2{ text-align:left;font-size:35px;line-height:44px;color:#333;letter-spacing:2px;margin:0px auto 0 auto;padding:10px 0 40px 0;}
.sub_co_inner .option_txt_BOX .read{ text-align:left;font-size:14px;line-height:28px;color:#333;letter-spacing:0px;margin:0px auto 0 auto;padding:0px 0 20px 0;}
.imh_option_co02_tb_img{ margin-top:0px;}
ul.page_link_BOX{ width:850px; margin:20px auto 20px auto;}
ul.page_link_BOX span.triangle{ color:#ee5eae; font-size:10px; display:block;}/*00a5e4*/
ul.page_link_BOX span{}
ul.page_link_BOX li a{ padding:20px 0px 10px 0px; width:23%; background:#eee; margin:15px 1% 0px 1%; float:left; text-align:center; font-size:12px; line-height:20px; display:block;
border-radius: 5px; -webkit-border-radius: 5px;  -moz-border-radius: 5px; }
ul.page_link_BOX li a:hover{ text-decoration:none;  color:#ee5eae;}
.sub_co_inner p.txt{ font-size:13px; line-height:19px; width:820px; margin:0 auto;} 
.sub_co_inner p.txts{ font-size:11px; line-height:16px; width:820px; margin:0 auto;} 

/*STEP*/
.sub_step_set{ padding:10px 0 20px 0;}
.sub_step_BOX{ width:820px; margin:20px auto 20px auto; border-bottom:solid #ddd 1px; padding:0px 0 20px 0;}
.sub_step_BOX_L{ width:40%; float:left;}
.sub_step_title{ width:22%; color: #ee5eae;  font-weight:bold; text-align:center; float:left; border:solid 2px #ee5eae; padding:6px 10px 3px 10px; margin:0 0px 0px 0; border-radius:5px; -webkit-border-radius:5px;  -moz-border-radius:5px;}
.sub_step_txt{ width:60%; float:left; font-size:14px; line-height:22px; margin-left:22px; color: #00a5e4; font-weight:bold;}
.sub_step_txt p{ font-size:14px; line-height:22px; padding-top:4px; color: #00a5e4; font-weight:bold;}
.push_B{ color:#fff; display:inline-block; background:#00a5e4; padding:6px 14px 3px 14px; margin:0 10px 6px 0; border-radius:5px; -webkit-border-radius:5px;  -moz-border-radius:5px;}
.push_S{ color:#fff; display:inline-block; background:#00a5e4; padding:3px 8px 1px 8px; margin:0 5px 4px 5px; border-radius:5px; -webkit-border-radius:5px;  -moz-border-radius:5px; }
.sub_step_BOX_R{ width:56.7%; float:left;  border:1px solid #00a5e4; padding:10px; font-size:12px;}
.sub_step_BOX_R .title{color: #00a5e4; font-size:13px; padding-bottom:8px; font-weight:bold; }

}/*end*/