@charset "utf-8";

/*■■■■■■■■■■■■■■■■■■■■■■
　　共通設定
■■■■■■■■■■■■■■■■■■■■■■*/

/*------------------------------------------
■ ブラウザのマージンとパディング初期化
------------------------------------------*/
*{margin:0;padding:0;}
body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,table,tr,td {
padding: 0;
margin: 0;
}
/*------------------------------------------
■ イメージ初期化
------------------------------------------*/
img {vertical-align:middle;margin:0;padding:0;}
/*------------------------------------------
■ リンク設定
------------------------------------------*/
a img{border: none;}
a {color: #0066cc;text-decoration:none;}
a:hover {color:#FF3399;text-decoration:none;}
a:visited {color:#993399;text-decoration:underline;}
/*------------------------------------------
■ リンク画像のhover半透明化設定
------------------------------------------*/
a:hover img{opacity:0.85;/*--IE,FF対応--*/filter:alpha(opacity=85);-ms-filter: "alpha( opacity=85)";}
/*------------------------------------------
■ float対策
------------------------------------------*/
.fcl {zoom: 100%;}
.fcl:after {content: " "; clear: both; height: 0; display: block; visibility: hidden;}
/*------------------------------------------
■ 画像回り込み
------------------------------------------*/
.img_left{float:left;margin-right:20px;margin-bottom:10px;}
.img_right{float:right;margin-left:20px;margin-bottom:10px;}
.img_center{display:block;margin:0 auto;clear:both;}
.size_m{ border: 2px solid #FFFFFF;box-shadow: 3px 3px 3px #CCCCCC;}
.size_l{width:40%;}
.w100{width:100%;}
/*------------------------------------------
■ テキスト装飾
------------------------------------------*/
.txt_bold{font-weight:bold;}
.txt_small{font-size:70%;}
.txt_big{font-size:110%;}

.txt_orange{color:#e56900;}


.txt_sbig{font-size:120%;}
.txt_right{text-align:right;}
.txt_red{color:#cc0000;}
.txt_blue{color:#0066cc;}
.txt_keycolor{color:#666666;}
.txt_marker{background-color:#fff32d;}
.txt_underline{border-bottom:#cccccc 1px dotted;margin-bottom:2px;}

/*------------------------------------------
■ PC・スマホ切り替え用
------------------------------------------*/
.pc_none{}
.pad_none{display:none;}
.sp_none{}
.pad_on{display: block!important;}
/*■■■■■■■■■■■■■■■■■■■■■■
　　各コンテンツ　【　基本設定　】
■■■■■■■■■■■■■■■■■■■■■■*/
/*------------------------------------------
■ メイン設定
------------------------------------------*/
body {
background:#fff;
font-family: "メイリオ","ＭＳ Ｐゴシック","Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Geneva,Arial,Verdana,sans-serif;
color:#333333;
font-size: 13px;
line-height: 180%;
width:100%;
overflow-x: hidden;
}
#wrap{width:100%!important; margin:0 auto;overflow-x: hidden;}
#frame{width:100%!important;}
#main{margin:0 auto;padding: 0px 0;width:100%!important;}
.section{margin:10px auto;clear:both;}

/*------------------------------------------
■　box, txt_area
------------------------------------------*/
.box{
background-color: #ffffff;
border: 1px solid #cccccc;
border-radius: 10px;
clear: both;
margin: 0 auto;
padding: 2% 2%;
width: 95%;
}
.box_a{
    background-color: #ffffff;
    clear: both;
    margin: 0 auto;
    padding: 0;
width: 100%;
}
.box01{margin: 0px 30px;clear: both;}
.box_bg{
background: url("../img/bg07.gif") repeat scroll center 0;
box-shadow: 0 2px 2px #CCCCCC;
margin: 10px 30px;
padding: 10px 20px;
}
.box_bg01 {
background: url("../img/box_bg01.png") no-repeat scroll center 0;
margin: 0;
padding: 20px 50px 20px;
}
.box_border{
background-color: #ffffff;
border: 10px solid #CCCCCC;
margin: 10px 30px;
padding: 10px 30px;
}

.txt_area_bg{
    background-color: #f4eec0;
    border-radius: 10px;
    font-size: 16px;
    margin: 15px 20px;
    padding: 20px;
}
.txt_area_border{
background-color: #FFFFFF;
border: 1px solid #D5CFBA;
padding: 10px 20px;
margin: 10px auto;
}

.bg_box_01 {
  background: url("../img/list_box_02.png") no-repeat scroll 0 0/100% auto;
  margin: 0 auto 0;
}

.bg_box_01_txt {
  display: block;
  line-height: 180%;
  margin: 0 auto;
    padding: 3vw 5vw 5vw;
}

.box_bg2 {
  background: url("../img/bg07.gif") repeat scroll center 0/ 100% auto;
  border: 20px solid #dddddd;
  line-height: 170%;
  margin: 20px 20px;
  padding: 10px;
}

.txt_area_pad {
  display: block;
  line-height: 180%;
  margin: 0 auto;
  padding: 5px 30px 20px;
}

/*------------------------------------------
■ h1 h2 
------------------------------------------*/
h1{background-color:#004fbb;color: #FFFFFF;font-size: 11px;margin: 0 auto;width:100%;height: 3.5vw;}
.h1_txt {
    display: block;
    line-height: 100%;
    margin: 0 auto;
    padding: 1% 1%;
    width: 98%;
    font-size: 1.3vw;
}

.number {
font-size: 11px;
line-height: 100%;
margin-top: 15px;
text-align: center;
}

h2 img{
	width:100%;
}

/*------------------------------------------
■ ヘッダーエリア
------------------------------------------*/
#header_wrap{
background: none repeat scroll 0 0 #FFFFFF;
border-bottom: 1px solid #2282AE;
height: 84px;
width: 100%;
}
#header{
background:url("../img/header.gif") no-repeat scroll center 0 transparent;
height:85px;
margin: 0 auto;
padding: 0;
width: 100%;
}

#header .header_btn{
height:52px;
left: 730px;
position: relative;
top: -36px;
width: 170px;
}
#header .header_tel_txt{
display: block;
line-height: 100%;
float:right;
font-size:12px;
}

/*------------------------------------------
■お申込みエリア
------------------------------------------*/

.include .order {
    background: url("../img/order.png") no-repeat center top / 100% auto;
    margin: 30px auto;
    padding: 0;
    width: 99%;
    position: relative;
    height: 58vw;
}

.include .order a.txt_tel {
    color: #cc0000;
    display: block;
    font-size: 5.5vw;
    font-weight: bold;
    left: 51%;
    line-height: 100%;
    position: absolute;
    top: 36vw;
    white-space: nowrap;
	width:0px;
}
.include .order_mail {
    display: block;
    padding-top: 28px;
    text-align: center;
    width: 100%;
}

.order {
    background: url("../img/order.png") no-repeat center top / 100% auto;
    margin: 30px auto;
    padding: 0;
    width: 99%;
    position: relative;
    height: 58vw;
}

.order_d{
position: relative;
bottom:258px;
}

h3.copy {display: none;}

.order_area{}
.order_tel{}

/*　▼営業時間▼　*/
.order p.txt_cap,
.order p.order_time{
/*--　
テキストで入れる場合は、この「display:none;」を外して調整
　--*/
font-size: 14px;
font-weight: bold;
line-height: 120%;
padding: 0 0 0 0px;
display:none;
}

/*　▼TEL番号エリア▼　*/
.order a.txt_tel {
    color: #cc0000;
    display: block;
    font-size: 5.5vw;
    font-weight: bold;
    left: 51vw;
    line-height: 100%;
    position: absolute;
    top: 35vw;
    white-space: nowrap;
}

.order a.txt_tel2{
/*
background: url("../img/icon_free_d.gif") no-repeat scroll 10px 4px transparent;
*/
color: #FF0000;
display: block;
font-size: 44px;
font-weight: bold;
left:372px;
line-height: 100%;
position: absolute;
top: 272px;
white-space: nowrap;
}

/*　▼ボタンエリア▼　*/

.order_mail {
    display: block;
    text-align: center;
}
.order_mail2{
    display: block;
    left: 456px;
    position: absolute;
    top: 368px;
}

.order_mail3{
display: block;
left: 24px;
position: absolute;
top: 328px;
}
.order_mail4{
display: block;
left: 421px;
position: absolute;
top : 328px;
}

.order_btn {
    width: 87%;
    position: relative;
    top: 41vw;
}

.plain{white-space:nowrap;}
/*------------------------------------------
■ h4タイトル
（※スマートフォンでは、背景画像を消してテキストタイトルを表示させてください）
------------------------------------------*/

/*▼タイトルを画像にする場合はコチラ*/

h4.title{
clear: both;
display: block;
height: 60px;
margin: 0px auto;
text-indent: -4000px;
background:#2282ae;
width: 100%;
}
.t_001{background: url("../img/title_001.png") no-repeat scroll center 0 transparent;height:764px;text-indent:-4000px;display:block;margin-bottom:-95px}
.t_001c{background: url("../img/title_001c.png") no-repeat scroll center 0 /100% auto; height:5.5vw; text-indent:-4000px;display:block;}
h4.t_001{background: url("../img/title_001.png") no-repeat scroll center 0 /100% auto; height:16vw; }
h4.t_002{background: url("../img/title_002.png") no-repeat scroll center 0 /100% auto; height:16vw; }
h4.t_003{background: url("../img/title_003.png") no-repeat scroll center 0 /100% auto; height:13vw; }
h4.t_004{background: url("../img/title_004.png") no-repeat scroll center 0 /100% auto; height:13vw; }
h4.t_005{background: url("../img/title_005.png") no-repeat scroll center 0 /100% auto; height:28vw; }
h4.t_006{background: url("../img/title_006.png") no-repeat scroll center 0 /100% auto; height:12vw; }
h4.t_007{background: url("../img/title_007.png") no-repeat scroll center 0 /100% auto; height:12vw; }
h4.t_008{background: url("../img/title_008.png") no-repeat scroll center 0 /100% auto; height:12vw; }
h4.t_009{background: url("../img/title_009.png") no-repeat scroll center 0 /100% auto; height:12vw; }
h4.t_010{background: url("../img/title_010.png") no-repeat scroll center 0 /100% auto; height:12vw; }
h4.t_011{background: url("../img/title_011.gif") no-repeat scroll center 0 /100% auto; height:12vw; }
h4.t_012{background: url("../img/title_012.png") no-repeat scroll center 0 /100% auto; height:12vw; }
.t_001b {
  background: url("../img/title_001b.png") no-repeat scroll center 0 /100% auto; height:16vw;
  text-indent: -4000px;
  display: block;
  margin: 0 auto;
}

/*------------------------------------------
■ サブタイトル装飾（基本値）
------------------------------------------*/
.sub_title_a{
border-left:8px solid #2282ae;
font-size: 20px;
font-weight: bold;
line-height: 130%;
margin: 10px auto;
padding-left: 10px;
}
.sub_title_b{
    border-bottom: 3px solid #47669d;
    color: #47669d;
    font-size: 3.3vw;
    font-weight: bold;
    line-height: 130%;
    margin: 0 0 20px;
    padding: 0px 0 6px;
}
.sub_title_c{
  border-bottom: 1px solid #cc0000;
  border-left: 6px solid #cc0000;
  font-size: 20px;
  font-weight: bold;
  line-height: 130%;
  margin: 7px auto;
  padding: 0 10px 2px;
}

.sub_title_c2 {
  border-bottom: 1px solid #cc0000;
  border-left: 6px solid #cc0000;
  font-size: 20px;
  font-weight: bold;
  line-height: 130%;
  margin: 7px auto;
  padding: 0 10px 2px;
}

.sub_title_d{
background-color: #CC0000;
box-shadow: 1px 1px 1px #CCCCCC;
color: #FFFFFF;
font-size: 22px;
line-height: 130%;
margin: 20px 0;
padding: 8px 30px 6px;
}
.sub_title_e{
font-family: "HGP創英角ｺﾞｼｯｸUB";
font-size: 32px;
color:#47669D;
line-height: 130%;
margin: 0;
padding: 5px 0 6px;
}
.sub_title_f{
background-color: #F8F3E7;
border-left: 15px solid #2282ae;
box-shadow: 1px 1px 1px #CCCCCC;
color: #000000;
font-size: 28px;
line-height: 130%;
margin: 10px 0 15px;
padding: 8px 20px 6px;
}
.sub_title_bg{
background: url("../img/sub_title_bg.gif") no-repeat scroll center 0 transparent;
font-size: 26px;
font-weight: bold;
height: 64px;
line-height: 262%;
padding-left: 60px;
}


/*■■■■■■■■■■■■■■■■■■■■■■
　　流用コンテンツ　【　良く使うカテゴリ　】
■■■■■■■■■■■■■■■■■■■■■■*/
/*------------------------------------------
■ リストのチェックアイコン
------------------------------------------*/
ul{list-style: none outside none;}
ul li.icon_check{background: url("../img/icon_check.png") no-repeat scroll 0 0;padding-left: 34px;}

/*------------------------------------------
■ list_box_01
------------------------------------------*/
.list_box_01 {
    background: url("../img/list_box_01.png") no-repeat scroll center 0 / 100% auto;
    height: 41vw;
}

.list_box_01 ul {
    line-height: 200%;
    margin-top: 28%;
    float: right;
    width: 58vw;
    margin-right: 4%;
}
.list_box_01 ul li.icon_check {
    background: url("../img/icon_check.png") no-repeat scroll 0 0 transparent;
        background-size: auto;
    font-size: 2vw;
    line-height: 2vw;
    list-style: none outside none;
    margin: 0.9vw 0;
    padding-bottom: 5px;
    padding-left: 35px;
    padding-top: 5px;
    letter-spacing: 0.02em;
    background-size: 7%;
}

.list_box_01_txt {
  line-height: 180%;
  padding: 16vw 5vw 5vw;
}

/*------------------------------------------
■ list_box_02
------------------------------------------*/
.list_box_02{
background: url("../img/list_box_02.jpg") no-repeat scroll center 0  / 100% auto;
    height: 60vw;
}
.list_box_02 .in_txt {
    margin-top: 33%;
    float: left;
    width: 58vw;
    margin-left: 5%;
    font-size: 2vw;
    line-height: 168%;
}

/*------------------------------------------
■ list_box_03
------------------------------------------*/
.list_box_03{
background: url("../img/list_box_03.jpg") no-repeat scroll center 0  / 100% auto;
    height: 66vw;
}
.list_box_03 .in_txt {
    line-height: 156%;
    font-size: 2vw;
    margin-top: 18%;
    float: left;
    width: 48vw;
    margin-left: 48%;
}

.list_box_03 .txt_cap {
    font-size: 70%;
    line-height: 156%;
    font-size: 1.5vw;
    margin-top: 2%;
    float: left;
    width: 100%;
    margin-left: 6%;
}
/*------------------------------------------
■ list_box_04
------------------------------------------*/
.list_box_04{
background: url("../img/list_box_04.jpg") no-repeat scroll center 0  / 100% auto;
    height: 80vw;
}
.list_box_04 .in_txt{
    margin-top: 26%;
    float: left;
    width: 58vw;
    margin-left: 5%;
    font-size: 2vw;
    line-height: 168%;
}

/*------------------------------------------
■ inter_img_03
------------------------------------------*/

.inter_img_03{
background: url("../img/inter_img_03.jpg") no-repeat scroll center 0 transparent;
height: 425px;
}

.inter_img_03 .in_txt{
padding: 168px 0 0 50px;
}
.inter_img_03 .in_txt02{
line-height: 170%;
margin: 0 60px;
padding: 155px 0 0;
width: 730px;
}


.bg01{
background:#f6f2ea;
padding-bottom:10px;
}
.box_s{
background: url("../img/bg088.gif") repeat scroll 0 0;
margin: 0px 30px 30px;
padding: 30px;
}
.box_s .title_s{
background: url("../img/icon_s.gif") no-repeat scroll 0 0;
border-bottom: 2px solid #1882AE;
font-size: 22px;
font-weight: bold;
margin-bottom: 10px;
padding-bottom: 5px;
padding-left: 98px;
padding-top: 2px;
}

.p_s{display:none;}

.column_area{
background: url("../img/bg0888.gif") repeat scroll 0 0;
border-radius: 10px;
font-size: 14px;
margin-top: 10px;
padding: 10px 20px 20px;
}
.column_area .title_c{
background: url("../img/icon_c.gif") no-repeat scroll 0 0;
border-bottom: 2px solid #1882AE;
font-size: 22px;
font-weight: bold;
line-height: 100%;
margin-bottom: 10px;
margin-top: 0;
padding-bottom: 5px;
padding-left: 202px;
padding-top: 10px;
}

.staff_img{
float:left;
margin-right:20px;
}
/*------------------------------------------
■ サプライズ
------------------------------------------*/
.bg02{
background:#fbfaf9;
padding-bottom: 10px;
}
.bg02 .box{
margin: 10px 40px;	
}

.area_m{
background: url("../img/icon_m.gif") no-repeat scroll 10px 10px #FFFFFF;
border: 1px solid #F29393;
border-radius: 5px;
color: #C33D3D;
float: left;
font-size: 15px;
line-height: 140%;
margin: 5px;
padding: 15px 30px 15px 65px;
width: 400px;
}
.area_k{
background: url("../img/icon_k.gif") no-repeat scroll 10px 10px #FFFFFF;
border: 1px solid #1882AE;
border-radius: 5px;
color: #006A96;
float: left;
font-size: 15px;
line-height: 140%;
margin: 5px;
padding: 15px 20px 15px 65px;
width: 410px;
}

.bg02 .column_area{
background: url("../img/bg0888.gif") repeat scroll 0 0;
border-radius: 10px;
font-size: 14px;
margin: 10px 40px 30px;
padding: 10px 20px 20px;
}
.movie_bikou {
border: 2px solid #C9C9C9;
box-shadow: 0 4px 4px #CCCCCC;
display: block;
height: 312px;
margin: 10px auto 20px;
width: 500px;
}
/*------------------------------------------
■ スタッフ紹介
------------------------------------------*/
#content1 { 
display:block;
width:840px;
height:500px;
margin:15px auto 0;
background:url("../img/voice_img01.jpg") no-repeat center top;
}

#content2 { 
display:block;
width:840px;
height:520px;
margin:15px auto 0;
background: url("../img/voice_img02.jpg") no-repeat;
}

.txt_voice{
display:block;
width:530px;
padding:70px 0 0 280px;
font-size:15px;
line-height:155%;
}
.txt_voice02{
display:block;
width:530px;
padding:70px 0 0 280px;
font-size:15px;
line-height:150%;
}
.txt_yamaguchi{
display:block;
width:530px;
padding:70px 0 0 280px;
font-size:15px;
line-height:160%;
}

.box_img{
display:block;
width:840px;
margin:0 auto;
}

.box_left{
display:block;
width:450px;
margin:0 auto;
padding:0;
float:left;
}

a#voice{
}
a#voice{
}

/*------------------------------------------
■ フロートボックス width: 216pxにすれば3つ横に並ぶよ。
------------------------------------------*/
.con2_1,
.con2_2,
.con2_3,
.con2_4{
    background-color: #f4eec0;
    border: 1px solid #beb88a;
    border-radius: 3px;
    box-shadow: 2px 2px 2px #cccccc;
    float: left;
    font-size: 15px;
    margin: 10px;
    padding: 10px 20px;
    width: 90%;
}

.con2_title{
    border-bottom: 3px solid #979163;
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 170%;
    margin-bottom: 5px;
    padding-bottom: 6px;
    padding-top: 10px;
}
.icon_w{
    border: 3px solid #979163;
    border-radius: 5px;
    float: left;
    margin-bottom: 5px;
    margin-right: 10px;
    width: 70px;
}

/*------------------------------------------
■ 特徴
------------------------------------------*/
.include .tokuchou_area {
    background-color: #f5f5f5;
    border-radius: 10px;
    margin-top: 25px;
    padding: 5px 20px 0;
    width: 95%;
}

.tokuchou{
    margin-top: 14px;
    width: 100%;
	}
.include .tokuchou_set {
    font-size: 13px;
    line-height: 160%;
    margin: 20px auto;
    padding: 0 0px 25px;
}
.tokuchou_img{display:block;}
.tokuchou_t{
border-bottom: 2px dotted #E40000;
margin-bottom: 6px;
padding-bottom: 3px;
}
.tokuchou_t img{width:40%;}
.tokuchou_set .img_left{float:left;margin-right:10px;margin-bottom:0px;}
.tokuchou_set .img_right{float:right;margin-left:10px;margin-bottom:0px;}
/*------------------------------------------
■ ポイント
------------------------------------------*/
.include .point_area {
    background-color: #f4f4d6;
    margin: 10px 0px 0;
    padding: 20px 0;
    width: auto;
}
.point_st{
font-size: 16px;
margin: 0 15px 10px;
}
.point_set{
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
border-radius: 10px;
float: left;
margin: 5px;
width: 260px;
font-size:14px;
line-height:140%;
height: 390px;
}
.point_set img{}
.point_set .in_txt{padding: 0 15px 20px;}


/*------------------------------------------
■ 全国ネットワーク
------------------------------------------*/
.box004_img001{
background: url("../img/box004_img001.jpg") no-repeat center 0 #ffffff;
height:246px;
}

.box004_img001 .in_txt{
padding:146px 0 0 0;
width:620px;
}
.box005_img001{
background: url("../img/box005_img001.jpg") no-repeat center 0 #ffffff;
height:705px;
}
.box005_img001 .q5{
font-size: 18px;
font-weight: bold;
padding: 157px 0 0 241px;
line-height:150%;
}
.box005_img001 .a5{
padding: 60px 70px;
font-size: 18px;
line-height:170%;
}

.shiten_map{
border: 1px solid #000000;
padding: 5px;
margin: 0px auto;
}
.shiten_map_title{
background-color: #2276AE;
color: #FFFFFF;
margin: 10px;
padding: 2px 0;

}
.shiten_map img.s_map{float:right;}

.shiten_map_txt{
font-size: 18px;
margin: 15px 0 0 20px;	
}

/*------------------------------------------
■ 項目
------------------------------------------*/
.item_area{
background: none repeat scroll 0 0 #F1F1F1;
margin: 0 auto 30px;
padding: 40px;
}
.item_set{

background:#FFFFFF;
border: 5px solid #E8E8E8;
border-radius: 10px;
box-shadow: 2px 2px 2px #AFAFAF;
font-size: 14px;
line-height: 140%;
margin-bottom: 15px;
padding: 10px;
/*
background: #ffffff; 
background: -moz-linear-gradient(top,  #ffffff 0%, #f0f0f1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f1));
background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f0f1 100%); 
background: -o-linear-gradient(top,  #ffffff 0%,#f0f0f1 100%); 
background: -ms-linear-gradient(top,  #ffffff 0%,#f0f0f1 100%); 
background: linear-gradient(to bottom,  #ffffff 0%,#f0f0f1 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f1',GradientType=0 ); 
*/
}
.item_img{
display:block;
border: 3px solid #EFEFEF;
float: left;
margin-right: 15px;
}
.item_t{
border-bottom: 2px dotted #E40000;
margin-bottom: 6px;
padding-bottom: 3px;
}
.item_btn{
display: block;	
text-align:right;	
}
/*------------------------------------------
■ 料金
------------------------------------------*/
.box_b{
background: none repeat scroll 0 0 #FEEBBE;
border-radius: 10px;
font-size: 14px;
line-height: 150%;
margin: 20px 0px;
padding: 20px;
}
/*------------------------------------------
■ お客様の声
------------------------------------------*/
.voice_area{
background: none repeat scroll 0 0 #F4F4D6;
margin: 0 0px;
padding: 20px 20px 1px;
}
.voice {
background: url("../img/bg08.gif") repeat scroll 0 0 transparent;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 2px #CCCCCC, 0 0 2px #CCCCCC inset;
font-size: 96%;
line-height: 160%;
margin: 0 auto 20px;
padding:40px;
}

/*------------------------------------------
■ 良くある質問
------------------------------------------*/
.faq_area{
background: none repeat scroll 0 0 #F4F4D6;
margin: 0px 0px;
padding: 20px 20px 1px;
}

.faq{
    background: none repeat scroll 0 0 #ffffff;
    border-radius: 5px;
    box-shadow: 0 0 2px #cccccc, 0 0 2px #cccccc inset;
    line-height: 160%;
    margin: 0 auto 20px;
    padding: 10px 30px 20px;

}
.faq_q{
    background: url("../img/qa_q.png") no-repeat scroll 0 0 transparent;
    border-bottom: 2px dotted #2282ae;
    font-size: 2.5vw;
    font-weight: bold;
    line-height: 130%;
    margin: 10px 0;
    padding: 2px 0 10px 40px;
}

.faq_a{
background: url("../img/icon_a.png") no-repeat scroll 0 0 transparent;
line-height: 180%;
font-size: 16px;
margin: 5px auto 0;
padding: 0;
}
/*------------------------------------------
■ STEP
------------------------------------------*/
.step_area{
background-color: #FFFFFF;
border: 10px solid #DEDBB7;
margin: 20px auto;
padding: 20px;
}

.step_title {
background-color:#FFFFFF;
border-bottom: 1px dashed #f48500!important;
border-top: 1px dashed #f48500!important;
color: #412C1B;
font-family: "HGP創英角ｺﾞｼｯｸUB";
font-size: 28px;
letter-spacing: 0.04em;
line-height: 180%;
margin: 10px 0;
padding: 0;
}

.s_block{
border-left: none!important;		
background-color: #f48500;
color:#fff!important;
border-radius: 30px;
box-shadow: 1px 1px 1px #666666;
font-size: 20px;
margin-right: 15px;
padding: 6px 30px;
}
/*------------------------------------------
■ 支社の紹介
------------------------------------------*/
.table01{
background-color: #CCCCCC;
float: left;
font-size: 14px;
margin: 10px 0 0 0;
width: 500px;
}
.table01 th{
background-color: #EFEFEF;
font-weight: normal;
line-height: 120%;
padding: 10px 15px;
text-align: left;
width: 20%;
}
.table01 td{
background-color: #FFFFFF;
line-height: 150%;
padding: 10px 15px;
}
.table01 th.th01{
width: 30%;
text-align: center;
}
.table01 td.td_c{text-align: center;}
.table01 td.td_r{text-align: right;}

.staff_message{
background-color: #DDF0F5;
border: 1px dotted #2282AE;
font-size: 14px;
margin: 10px auto;
padding: 20px;
}

.staff_message p{
float: left;
width: 560px;
}
/*------------------------------------------
■ アクセス
------------------------------------------*/
.map_area{
font-size: 16px;
line-height: 100%;
text-align: right;}

.map_in{	
display: block;
height: 550px;
margin: 0 auto;
width: 100%;
}

/*------------------------------------------
■ フォーム部分
------------------------------------------*/

.form_area{margin:40px auto;}

/* --フォームテーブルの部分-- */
.table_box{
border-top: 1px dashed #666666;
margin: 15px auto;
width:800px;
}

.inq_box{
border-bottom: 1px dashed #666666;
display: block;
font-size: 16px;
margin: 0 auto;
overflow: hidden;
padding: 0 0 20px;
}
.inq_box_top{
border-top:#cccccc 1px solid;
}
.inq_box_title{
border-left: 8px solid #2282ae;
float: left;
font-weight: bold;
line-height: 150%;
margin-top: 20px;
padding-left: 12px;
width: 260px;
}
.inq_box_txt{
display: block;
float: left;
line-height: 140%;
padding-left: 20px;
padding-top: 20px;
width: 300px;
}
input,textarea,select{
font-size: 16px;
margin:5px auto;
padding:5px;
}

/*------------------------------------------
■ フッター
------------------------------------------*/
.include #footer {
display: block;
font-size: 14px;
line-height: 1.8;
margin: 15px auto 0;
padding: 10px 0 0;
text-align: center;
}
.copyright {
background-color:#2282ae;
color: #FFFFFF;
margin: 10px auto 0;
padding: 15px 0 15px;
text-align: center;
font-size: 14px;
}

/*------------------------------------------
■ 追加
------------------------------------------*/


.cp_pad{
	width:100%;
}

.include #top_navi02 {
  margin: 0;
  position: fixed;
  width: 100%;
  background-color: #999999;
  z-index: 9999999;
  background-color: rgba(51, 51, 51, 0.8);
  top: 0;
}

#header_line .line_header_tel_txt01 {
  font-size: 1.1vw;
}

.txt_area2{
	padding:0 2%;
}
.txt_area3{
	padding:0 2%;
}
.txt_shadow{
	padding:3%;
}
.sub_title_d2{
	padding:0 2%;
}


.include .voice_area {
  padding: 0;
}

