/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
サイト.css

制作対象となるサイト固有の情報を記載しましょう。
共有定義は、上書きする事で調整します。
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/*-----------------------------------------------------------------*/


/*共有定義上書き要素*/


/*-------------------------------a onmouse*/

a:hover {
    color: #F29600;
}


/*-------------------------------navアイコン,onmouse*/

nav ul li a {
    width: 284px !important;
}

nav ul li:first-child a {
    width: 103px !important;
}

nav ul li.active a {
    border-bottom: 5px solid #F29600;
}

nav ul li a:hover {
    border-bottom: 5px solid #F29600;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

li.nav01 a span {
    background: url(/img/common/basic/icon_root_off.png) center left no-repeat;
}

li.nav02 a span {
    background: url(/img/common/icon_service_off.png) center left no-repeat;
}

li.nav03 a span {
    background: url(/img/common/icon_customer_off.png) center left no-repeat;
}

li.nav04 a span {
    background: url(/img/common/icon_officeinfo_off.png) center left no-repeat;
}

li.nav05 a span {
    background: url(/img/common/icon_service_off.png) center left no-repeat;
}

li.nav01 a:hover span,
li.active.nav01 a span {
    background: url(/img/common/icon_root_on.png) center left no-repeat;
}

li.nav02 a:hover span,
li.active.nav02 a span {
    background: url(/img/common/icon_service_on.png) center left no-repeat;
}

li.nav03 a:hover span,
li.active.nav03 a span {
    background: url(/img/common/icon_customer_on.png) center left no-repeat;
}

li.nav04 a:hover span,
li.active.nav04 a span {
    background: url(/img/common/icon_officeinfo_on.png) center left no-repeat;
}

li.nav05 a:hover span,
li.active.nav05 a span {
    background: url(/img/common/icon_service_on.png) center left no-repeat;
}


/*-------------------------------header内カテゴリ名*/

.site_category_name {
    color: #F29600;
}


/*-------------------------------header内電話番号*/


/*
#header_tel {
  background:url("/img/criminal/header_tel.png") top left no-repeat;
	color:#3498DB;
}
#header_form {
  background:url("/img/criminal/header_form.png") top left no-repeat;
}
#header_form:hover{
	background:url("/img/criminal/header_form_on.png") top left no-repeat;
}
*/


/*-------------------------------パン屑ナビゲーション*/

#crumb li a:hover {
    color: #F29600;
}


/*-------------------------------keyvisualイメージ*/


/*
.keyvisual {
  background:#fff url(/img/index/bg_key_visual.png) top left no-repeat;
}
.keyvisual> p{
	font-size:36px;
	font-size:3.6rem;
	font-weight:normal;
	letter-spacing:0;
	padding:40px 0 0 270px;
	line-height: 1.3;
}
*/


/*
.keyvisual> p.sub{
	font-size:18px;
	font-size:1.8rem;
	font-weight: normal;
	padding: 10px 0 0 270px;
	letter-spacing: 0.2em;
	margin-left:5px;
}
*/


/*-------------------------------sidemenu*/

.sidemenu .h3_block {
    border-bottom: 3px solid #f29600;
}

.sidemenu li a {
    background: url(/img/common/sidemenu_mark_off.png) left no-repeat;
}

.sidemenu li a.active {
    background: #FFFBF4 url(/img/common/sidemenu_mark_off.png) left no-repeat;
}

.sidemenu>ul>li>ul>li>a {
    background: url(../img/common/second_arrow.png) no-repeat;
    background-position: 15px;
}

.sidemenu>ul>li>ul>li>a.active {
    background: #FFFBF4 url(../img/common/second_arrow.png) 15px 50% no-repeat !important;
}


/*-------------------------------hx*/


/*.h2_block h2 {
	border-left:solid 10px #f29600;
}*/

.point {
    background: url(../img/common/icon_point_jiko.png) no-repeat 10px 50% #eee;
}


/*-------------------------------装飾用area*/

.second_link {
    border: 1px solid #f29600;
}

.second_link a {
    background: #fff;
    color: #f29600;
}

.second_link a:before {
    border-top: 2px solid #f29600;
    border-right: 2px solid #f29600;
}

.second_link a:hover {
    background: #f29600;
    color: #fff;
}

.second_link a:hover:before {
    border-color: #fff;
}


/*-----------------------------------------------------------------*/


/*各サイト固有定義*/


/**/


/*-----------------------------------------------------------------*/


/*TOPページ*/


/*ヘッダー下ニュース欄*/

.header_news {
    padding: 10px;
    background: #eee;
    box-shadow: 0 0 10px rgba(0, 0, 0, .03) inset;
}

.header_news>.contents_block {
    margin: 0 auto;
}

.header_news dl {
    display: flex;
    font-size: 11px;
    line-height: 1;
}

.header_news dl:before {
    content: "NEWS";
    font-weight: bold;
    font-family: 'Roboto', Century Gothic, sans-serif;
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #bbb;
}

.header_news dl img {
    display: none;
}

.header_news dl>dt {
    margin-right: 10px;
}


/**/


/*-------------------------------slider*/

.wideslider {
    width: 100%;
    height: 350px;
    text-align: left;
    position: relative;
    overflow: hidden;
    background: url(/img/top/slideimg_02.jpg) center center no-repeat;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.wideslider ul,
.wideslider ul li {
    float: left;
    display: inline;
    overflow: hidden;
}

.wideslider ul li img {
    width: 100%;
    display: none;
}

.wideslider_base {
    top: 0;
    position: absolute;
}

.wideslider_wrap {
    top: 0;
    position: absolute;
    overflow: hidden;
}

.slider_prev,
.slider_next {
    top: 0;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    cursor: pointer;
}

.slider_prev {
    background: #fff url(/img/top/prev.jpg) no-repeat right center;
}

.slider_next {
    background: #fff url(/img/top/next.jpg) no-repeat left center;
}

.pagination_area {
    bottom: 20px;
    left: 0;
    width: 100%;
    height: 30px;
    position: absolute;
    z-index: 98;
    /*2017.09.06一時的に非表示*/
    display: none;
}

.pagination {
    width: 955px;
    margin: 0 auto;
    text-align: right;
    padding-right: 5px;
}

.pagination a {
    margin: 0 5px;
    width: 40px;
    height: 40px;
    display: inline-block;
    overflow: hidden;
}

.pagination a.pn1 {
    background: transparent url(../../img/top/slide_thum02.jpg) no-repeat left top;
}

.pagination a.pn2 {
    background: transparent url(../../img/top/slide_thum03.jpg) no-repeat left top;
}

.pagination a.pn3 {
    background: transparent url(../../img/top/slide_thum04.jpg) no-repeat left top;
}

.pagination a.pn4 {
    background: transparent url(../../img/top/slide_thum01.jpg) no-repeat left top;
}

.pagination a.active {
    filter: alpha(opacity=100) !important;
    -moz-opacity: 1 !important;
    opacity: 1 !important;
}

.wideslider a[href]:hover>img {
    filter: alpha(opacity=100);
    opacity: 1.0;
    -ms-filter: "alpha( opacity=100 )";
}


/* =======================================
	ClearFixElements
======================================= */

.wideslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}

.wideslider ul {
    display: inline-block;
    overflow: hidden;
    margin-left: 0 !important;
}


/*-------------------------------サービスメニューブロック*/

.homeone_top_section {
    padding: 10px;
    line-height: 1;
    color: #333;
    text-align: center;
    background: #eee;
    border-radius: 2em;
    margin-bottom: 20px;
    font-weight: bold;
}


/*-------------------------------法律サービス一覧*/

.col3_list {
    display: flex;
    flex-wrap: wrap;
}

.col3_list li {
    flex-basis: 31.66%;
    max-width: 31.66%;
    margin-right: 2.5%;
}

.col3_list li:nth-child(3n) {
    margin-right: 0;
}

.col3_list li:nth-child(n+4) {
    margin-top: 2rem;
}

.service_item {
    padding: 20px;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

.service_item>.service_title {
    font-size: 24px;
    text-align: center;
    margin-bottom: 10px;
    letter-spacing: 0;
    line-height: 1;
}

.service_item>.service_lead {
    font-size: 12px;
    margin-bottom: 15px;
    line-height: 1.5;
}

a.service_btn {
    padding: 9px 20px;
    background: #f29600;
    text-align: center;
    color: #fff;
    text-decoration: none;
    width: 100%;
    display: block;
    box-sizing: border-box;
    border-radius: .5em;
    box-shadow: 0 2px 0 0 #de7a16;
    transition: .3s all ease;
    position: relative;
    top: 0;
}

a.service_btn:before {
    content: "\f3d1";
    font-family: "ionicons";
    margin-right: 10px;
    transition: inherit;
}

a.service_btn.jiko {
    background: #016FB4;
    box-shadow: 0 2px 0 0 #035587;
}

a.service_btn.sozoku {
    background: #009b69;
    box-shadow: 0 2px 0 0 #22795e;
}

a.service_btn.rikon {
    background: #79B706;
    box-shadow: 0 2px 0 0 #6d9423;
}

a.service_btn.keiji {
    background: #3188DA;
    box-shadow: 0 2px 0 0 #00506A;
}

a.service_btn.kigyouhoumu {
    background: #3780A8;
    box-shadow: 0 2px 0 0 #085e7b;
}

a.service_btn.bkan {
    background: #9bc53d;
    box-shadow: 0 2px 0 0 #8bad41;
}

a.service_btn.senior_btn {
    background: #D8C104;
    box-shadow: 0 2px 0 0 #bba31a;
}

a.service_btn:hover {
    box-shadow: none;
    top: 3px;
}

a.service_btn:hover:before {
    padding-left: 3px;
    margin-right: 7px;
}


/*-------------------------------相談窓口一覧*/

.consultation_list {
    display: flex;
    flex-wrap: wrap;
    border-left: 1px dotted #ddd;
}

.consultation_list li {
    flex-basis: 33.33%;
    max-width: 33.33%;
    box-sizing: border-box;
    padding: 0 20px 20px 20px;
    border-right: 1px dotted #ddd;
    position: relative;
}

.case_baloon {
    background: #eee;
    padding: 15px;
    position: relative;
    font-size: 12px;
    line-height: 1.6;
    letter-spacing: 0;
    text-align: center;
    margin-bottom: 20px;
    height: 93px;
    box-sizing: border-box;
}

.case_baloon:after {
    content: "\f35f";
    position: absolute;
    font-family: "ionicons";
    bottom: -45px;
    left: 45%;
    display: block;
    color: #eee;
    font-size: 50px;
}

.case_baloon span {
    font-size: 14px;
    font-weight: bold;
}

.case_tel {
    text-align: center;
    letter-spacing: 0;
}

.case_tel>p:first-child {
    font-family: 'Roboto', Century Gothic, sans-serif;
    font-size: 28px;
}

.case_tel>p:first-child a {
    color: #333;
    text-decoration: none;
}

.case_tel>p:nth-child(2) {
    font-size: 11px;
    margin-bottom: 10px;
}

.case_tel>p:nth-child(3) {
    font-size: 20px;
    color: #f29600;
    padding: 12px 13px 11px 10px;
    border: 1px solid #f29600;
    border-radius: 2em;
    line-height: 1;
    margin-bottom: 10px;
}

.case_tel:before {
    content: "\f4b9";
    font-family: "ionicons";
    color: #fff;
    font-size: 34px;
    background: #f29600;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    display: block;
    margin: auto;
    text-align: center;
}

.case_area {
    text-align: center;
    position: relative;
    bottom: 0;
}

.keiji_area {
    color: red;
    font-size: 11px;
    line-height: 1.4;
}

.case_tel_sozoku:before {
    background: #A3BD00
}

.case_tel_keiji:before {
    background: #3188DA
}

.case_tel_kigyouhoumu:before {
    background: #3780A8;
    content: '\f2eb';
    font-size: 28px;
    padding-top: 5px;
    box-sizing: border-box;
}


/*-------------------------------総合メニューボタン*/

.maincontents a {
    text-decoration: none;
    color: #fff;
    transition: all 0.3s ease;
    margin-bottom: 10px;
}

.maincontents .grid:last-child {
    margin-right: 0;
}

.maincontents a:hover {
    color: #fff;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    zoom: 1;
}

.maincontents>.grid {
    float: left;
}

.maincontents a span {
    display: block;
}

.service_button {
    display: block;
    width: 100%;
    height: 80px;
    font-size: 28px;
    font-size: 2.8rem;
    color: #fff;
    line-height: 1;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.service_button>img {
    margin-left: -8px;
}

.service_button>span {
    padding-top: 5px;
}

.saimu {
    background: linear-gradient(top, #FA9A29, #F97F04);
    background: -webkit-linear-gradient(top, #FA9C2A, #F97F04);
    background: linear-gradient(to top, #FA9C2A, #F97F04);
}

.kabarai {
    /*  background: url(/img/top/btn_kabarai_bg.png) no-repeat;*/
    /*	height:50px;*/
    /*  padding: 15px 0 15px 70px;*/
}


/*

.jiko {
  background: url(/img/top/btn_jiko_bg.png) no-repeat;
}

.sozoku {
  background: url(/img/top/btn_sozoku_bg.png) no-repeat;
}

.divorce {
  background: url(/img/top/btn_divorce_bg.png) no-repeat;
}

.criminal {
  background: url(/img/top/btn_criminal_bg.png) no-repeat;
}

.kigyouhoumu {
  background: url(/img/top/btn_kigyouhoumu_bg.png) no-repeat;
}
*/

.kabarai {
    background: linear-gradient(top, #FA9A29, #F97F04);
    background: -webkit-linear-gradient(top, #FA9C2A, #F97F04);
    background: linear-gradient(to bottom, #FA9C2A, #F97F04);
}

.jiko {
    background: linear-gradient(top, #FE8D68, #F86B4B);
    background: -webkit-linear-gradient(top, #FE8D68, #F86B4B);
    background: linear-gradient(to bottom, #FE8D68, #F86B4B);
}

.sozoku {
    background: linear-gradient(top, #A9C300, #698C00);
    background: -webkit-linear-gradient(top, #A9C300, #698C00);
    background: linear-gradient(to bottom, #A9C300, #698C00);
}

.divorce {
    background: linear-gradient(top, #83B004, #4C6600);
    background: -webkit-linear-gradient(top, #83B004, #4C6600);
    background: linear-gradient(to bottom, #83B004, #4C6600);
}

.criminal {
    background: linear-gradient(top, #5B9FDD, #2B85DA);
    background: -webkit-linear-gradient(top, #5B9FDD, #2B85DA);
    background: linear-gradient(to bottom, #5B9FDD, #2B85DA);
}

.kigyouhoumu {
    background: linear-gradient(top, #257FAC, #356C94);
    background: -webkit-linear-gradient(top, #257FAC, #356C94);
    background: linear-gradient(to bottom, #257FAC, #356C94);
}

.senior {
    background: linear-gradient(top, #E7D54D, #D8C000);
    background: -webkit-linear-gradient(top, #E7D54D, #D8C000);
    background: linear-gradient(to bottom, #E7D54D, #D8C000);
    font-size: 24px;
}

.survey .service_button {
    width: 90%;
    margin: auto;
}

.survey {
    background: #f5f5f5;
    padding-bottom: 10px;
}

#tel_saimu {
    background: url(/img/top/tel_saimu_bg.png) no-repeat;
    width: 222px;
    height: 73px;
    position: relative;
    padding: 17px 0 0 3px;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center;
}

#tel_sozoku {
    background: url(/img/top/tel_sozoku_bg.png) no-repeat;
    width: 222px;
    height: 73px;
    position: relative;
    padding: 17px 0 0 3px;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center;
}

#tel_criminal {
    background: url(/img/top/tel_criminal_bg.png) no-repeat;
    width: 222px;
    height: 73px;
    position: relative;
    padding: 17px 0 0 3px;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center;
}

#tel_kigyouhoumu {
    background: url(/img/top/tel_kigyouhoumu_bg.png) no-repeat;
    width: 222px;
    height: 73px;
    position: relative;
    padding: 17px 0 0 3px;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center;
}

.tel_number {
    position: absolute;
    left: 38px;
    bottom: 16px;
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: bold;
    letter-spacing: normal;
}

#text_saimu {
    width: 185px;
    height: 24px;
    background: #f5f5f5;
    padding: 0 20px;
    display: table-cell;
    vertical-align: middle;
    line-height: 1.2;
    color: #999;
    font-size: 12px;
    font-size: 1.2rem;
}

#text_sozoku {
    width: 185px;
    height: 114px;
    background: #f5f5f5;
    padding: 0 20px;
    display: table-cell;
    vertical-align: middle;
    line-height: 1.4;
    color: #999;
    font-size: 12px;
    font-size: 1.2rem;
}

#text_criminal {
    width: 185px;
    height: 204px;
    background: #f5f5f5;
    padding: 0 20px;
    display: table-cell;
    vertical-align: middle;
    line-height: 1.7;
    color: #999;
    font-size: 12px;
    font-size: 1.2rem;
}

#text_kigyouhoumu {
    width: 185px;
    height: 204px;
    background: #f5f5f5;
    padding: 0 20px;
    display: table-cell;
    vertical-align: middle;
    line-height: 1.7;
    color: #999;
    font-size: 12px;
    font-size: 1.2rem;
}

#menu_saimu {
    background: url(/img/top/menu_saimu.png) no-repeat;
    height: 259px;
    position: relative;
}

#menu_sozoku {
    background: url(/img/top/menu_sozoku.png) no-repeat;
    height: 259px;
    position: relative;
}

#menu_criminal {
    background: url(/img/top/menu_criminal.png) no-repeat;
    height: 259px;
    position: relative;
}

#menu_kigyou {
    background: url(/img/top/menu_kigyou.png) no-repeat;
    height: 259px;
    position: relative;
}

.menu_time {
    position: absolute;
    left: 45px;
    top: 45px;
    line-height: 1.2;
    font-size: 12px;
    font-size: 1.2rem;
}

.menu_time_saimu {
    position: absolute;
    left: 45px;
    top: 40px;
    line-height: 1.2;
    font-size: 12px;
    font-size: 1.2rem;
}

.menu_time_criminal {
    position: absolute;
    left: 45px;
    top: 21px;
    line-height: 1.3;
    font-size: 12px;
    font-size: 1.2rem;
}

.menu_time:before,
.menu_time_saimu:before,
.menu_time_criminal:before {
    content: "受付時間";
    font-size: 11px;
    display: block;
    margin-bottom: 5px;
}

.menu_area {
    position: absolute;
    left: 45px;
    top: 145px;
    line-height: 1.2;
    font-size: 12px;
    font-size: 1.2rem;
}

.menu_area_criminal {
    position: absolute;
    left: 45px;
    top: 126px;
    line-height: 1.2;
    font-size: 12px;
    font-size: 1.2rem;
}

.menu_cost_kigyou {
    position: absolute;
    left: 45px;
    top: 210px;
    line-height: 1.2;
    font-size: 12px;
    font-size: 1.2rem;
}

.menu_cost_saimu,
.menu_cost_sozoku,
.menu_cost_criminal {
    position: absolute;
    left: 45px;
    top: 220px;
    line-height: 1.2;
    font-size: 12px;
    font-size: 1.2rem;
}

.criminal_areabtn {
    width: 130px;
    font-size: 9px;
    font-size: 0.9rem;
    font-weight: bold;
    text-decoration: none;
    display: block;
    text-align: center;
    padding: 2px 0 3px;
    color: #fff;
    background-color: #E4430C;
    border-radius: 5px;
    box-shadow: 2px 2px #993300;
    margin-top: 2px;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.criminal_areabtn:hover {
    box-shadow: none;
    margin: 2px 0 0 2px;
    cursor: default;
}


/*-----------------------cmsリスト出力 TOP用アイコンあり*/

.cms_list dl {
    border-bottom: 1px dotted #f0f0f0;
    margin-bottom: 20px;
}

.cms_list dl dt {
    float: left;
}

.cms_list dl dt span {
    margin-right: 10px;
}

.cms_list dl dt img {
    vertical-align: middle;
}

.cms_list dl dd {
    margin-left: 180px;
    margin-bottom: 20px;
}

.icon_news {
    background: url(/img/top/icon_news.png) no-repeat left center;
}

.icon_officeinfo {
    background: url(/img/top/icon_officeinfo.png) no-repeat left center;
}

.icon_access {
    background: url(/img/top/icon_access.png) no-repeat left center;
}

.h3_block_top {
    height: 32px;
    border-bottom: #dddddd 4px solid;
    padding: 12px 0 0 45px !important;
    margin-right: -20px;
    margin-left: -20px;
    border-radius: 0;
    border-left: none;
}

.mgw-30 {
    margin-right: -30px;
    margin-left: -30px;
}

.h3_block_top h3 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.6;
    /*iconとのずれはここで調整すること*/
    border: none;
    padding: 0;
    font-weight: normal;
}


/*汎用性あり*/

.listpage_link {
    float: right;
}

.listpage_link li {
    float: left;
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*法律サービスと料金*/


/**/

.h2_service {
    width: 960px;
    height: 225px;
    background: url(/img/top/service/h2_bg.png) no-repeat;
    position: relative;
    padding: 0;
    margin-bottom: 0;
}

.h2_service h2 {
    position: absolute;
    color: #F29600;
    font-size: 32px;
    font-size: 3.2rem;
    top: 71px;
    left: 117px;
}

.h2_service p {
    position: absolute;
    left: 117px;
    top: 120px;
}

.service_innerlink {
    display: flex;
    flex-wrap: wrap;
}

.service_innerlink li {
    flex-basis: 25%;
    max-width: 25%;
    box-sizing: border-box;
    padding: 5px 10px;
}

.service_innerlink li a {
    text-decoration: none;
    display: flex;
    line-height: 1.2;
    align-items: center;
}

.service_innerlink li a:before {
    content: "\f35e";
    font-family: "ionicons";
    vertical-align: middle;
    font-size: 22px;
    margin-right: 10px;
}


/*
.service h3{
	font-size:32px;
	font-size:3.2rem;
	color:#ffffff;
	margin:auto;
	vertical-align:middle;
}
.service h3 a{
	color:#ffffff;
	text-decoration:underline;
}
.service h3 a:hover{
	border-bottom:none;
}
.service a:hover{
	text-decoration:none;
}*/

.service_list>li {
    overflow: hidden;
    border-bottom: 1px dotted #666;
    padding: 30px 0;
}

.service_list>li:last-child {
    border: none;
}

.service_list h4 {
    border-left: 1px solid #f29600;
    padding-left: 15px;
    line-height: 1;
    margin-bottom: 20px;
}

.service_name {
    width: 25%;
    display: table-cell;
    vertical-align: middle;
}

.service_info {
    width: 75%;
    display: table-cell;
}

.service_name h3 {
    font-size: 24px;
    letter-spacing: 0.8em;
}

.service_list .list_circle_gray {
    margin-bottom: 20px;
}

.index_news {
    font-size: 12px;
    display: block;
    text-align: left;
    width: 100%;
    padding: 20px 0;
    display: flex;
    text-align: center;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
}

.index_news a {
    color: #0088cc;
    border-bottom: 1px dotted #0088cc;
    text-decoration: none;
}

.index_news a:before {
    content: '\f125';
    font-family: 'ionicons';
    text-decoration: none;
    color: #f29600;
    font-size: 11px;
    margin-right: 5px;
}

.index_news:before {
    padding: 0 10px 0 0;
    border-right: 0;
    margin: 0 20px 0 0;
    border-right: 1px solid #666;
    text-align: center;
    display: block;
    content: "最新情報";
}

.index_news p {
    margin: 0 20px 0 0;
}

.index_news p:last-child {
    margin-bottom: 0;
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*お客様相談室 + お客様の声のリスト*/


/**/

.customer_color {
    border-color: #FFC926;
}

.kv_flame {
    border-bottom: 1px solid #eee;
}

.h2_visual {
    width: 960px;
    height: 290px;
    position: relative;
    padding: 50px 0 0 0;
    margin: auto;
    box-sizing: border-box;
}

.h2_visual p {
    font-size: 12px;
    font-size: 1.2rem;
    width: 50%;
}

.h2_visual_customer {
    background: url(/img/customer/keyvisual_bg_index.png) no-repeat;
    position: relative;
}

.h2_block_icon {
    vertical-align: middle;
    display: table;
    margin-bottom: 20px;
}

.h2_block_icon img,
.h2_block_icon h2 {
    vertical-align: middle;
    display: table-cell;
}

.h2_block_icon img {
    margin-right: 10px;
}

.h2_block_icon h2 {
    color: #F29600;
    font-size: 32px;
    font-size: 3.2rem;
    font-family: "秀英丸ゴシック B", "Shuei MaruGo B";
    line-height: 1.4;
}

.h2_block_icon h2 span {
    display: block;
    font-size: 11px;
    font-family: "秀英丸ゴシック B", "Shuei MaruGo B";
    letter-spacing: 2px;
    color: #444;
}

.h3_block_customer {
    padding: 0 0 12px 0;
    border-bottom: 3px solid #ddd;
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1;
    margin: 0 0 25px 0;
    position: relative;
    font-family: "秀英丸ゴシック B", "Shuei MaruGo B";
    width: 100%;
}

.h3_block_customer:before {
    background-color: #FFC926;
    content: "";
    width: 60px;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: -3px;
}

.h3_block_customer h3 {
    display: table;
}

.h3_block_customer img {
    margin-right: 10px;
    vertical-align: middle;
    display: table-cell;
}

.h3_block_customer h3 span {
    box-sizing: border-box;
    vertical-align: middle;
    display: table-cell;
}

p.lead_text {
    min-height: 50px;
    margin-bottom: 20px;
}

div.voice,
div.opinion,
ul.voice li,
ul.opinion li {
    background: #FFFCF0;
    border-radius: 1em;
    overflow: hidden;
    width: auto;
    padding: 25px;
    box-sizing: border-box;
    margin: 0 0 30px 0;
    min-height: 400px;
    position: relative;
}

div.opinion,
ul.opinion li {
    background: #F0F8FF;
}

.voice>img,
ul.voice li img {
    float: left;
    height: 140px;
    width: auto;
    margin: 0 20px 20px 0;
}

.voice>p.voice_text,
.opinion p.opinion_text {
    float: left;
}

.voice_profile,
.opinion_profile {
    font-size: 12px;
    display: table;
    float: right;
}

.opinion_profile {
    margin-bottom: 20px;
}

.voice_text p.text,
.opinion_text p.text {
    margin-bottom: 20px;
}

.voice_profile span,
.opinion_profile span {
    display: table-cell;
    vertical-align: middle;
}

.voice_profile span:first-child,
.opinion_profile span:first-child {
    margin-right: 20px;
    display: inline-block;
}

.voice_profile span.name:before {
    content: url(/img/customer/icon_min_voice.png);
    margin-right: 10px;
    vertical-align: middle;
    display: inline-block;
}

.voice_profile span.date:before {
    content: url(/img/customer/icon_min_calender.png);
    margin-right: 10px;
    vertical-align: middle;
    display: inline-block;
}

.opinion_profile span.name:before {
    content: url(/img/customer/icon_min_point.png);
    margin-right: 10px;
    vertical-align: middle;
    display: inline-block;
}

.opinion_profile span.date:before {
    content: url(/img/customer/icon_min_calender_blue.png);
    margin-right: 10px;
    vertical-align: middle;
    display: inline-block;
}

p.opinion_link {
    display: block;
    clear: both;
    text-align: center;
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-left: -85px;
}

p.opinion_link a {
    padding: 8px 20px;
    font-size: 12px;
    margin: auto;
    text-align: center;
    border: 1px solid #1EADDE;
    background: #1EADDE;
    color: #fff;
    line-height: 1;
    letter-spacing: 2px;
    box-sizing: border-box;
    text-decoration: none;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

p.opinion_link a:hover {
    color: #1EADDE;
    background: #fff;
}

p.opinion_link a:before {
    content: "";
    width: 5px;
    height: 5px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    display: inline-block;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    margin-right: 15px;
}

p.opinion_link a:hover:before {
    border-color: #1EADDE;
    margin-right: 10px;
    margin-left: 5px;
}

.customer_gragh {
    /*background:url(/img/customer/satisfaction_bg.png) no-repeat;*/
    position: relative;
    width: 100%;
    height: auto;
}

.customer_percent {
    position: absolute;
    left: 260px;
    top: 50px;
    color: #333;
    font-size: 32px;
    font-size: 4.5rem;
    font-weight: bold;
    line-height: 0.5;
    font-family: "秀英丸ゴシック B", "Shuei MaruGo B";
}

.customer_period {
    font-size: 12px;
    position: absolute;
    left: 170px;
    top: 100px;
}

.bgcolor_biege {
    background-color: #f5f5eb;
    padding: 20px;
}


/*-----------------------下層ページ共通*/

.h2_invisual {
    width: 100%;
    height: 269px;
    box-sizing: border-box;
    padding: 40px 0 0 40px;
    margin-bottom: 40px;
}

.h2_invisual p {
    font-size: 12px;
    font-size: 1.2rem;
    width: 50%;
    text-shadow: 0 0 5px white;
    font-weight: 800;
}

.h2_block_subicon {
    display: table;
    vertical-align: middle;
}

.h2_block_subicon img,
.h2_block_subicon h2 {
    display: table-cell;
    vertical-align: middle;
}

.h2_block_subicon img {
    margin-right: 10px;
    padding: 5px 0;
    box-sizing: border-box;
}

.h2_block_subicon h2 {
    color: #444;
    font-size: 28px;
    font-size: 2.8rem;
    font-family: "秀英丸ゴシック B", "Shuei MaruGo B";
    line-height: 1.4;
}

.title_eng {
    display: block;
    font-size: 11px;
    font-family: "秀英丸ゴシック B", "Shuei MaruGo B";
    letter-spacing: 4px;
    color: #FFC926;
    margin-bottom: 20px;
}

ul.radius_menu a span:after {
    border-top: 3px solid #FFC926;
    border-right: 3px solid #FFC926;
}

ul.radius_menu a span.outlink:after {
    content: url(/img/customer/icon_outlink.png);
    border: none;
    margin-top: -7px;
    display: inline-block;
    transform: none;
    width: 15px;
    height: 15px;
}

ul.radius_menu a:hover span.outlink:after {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    transform-origin: center center;
    right: 20px;
}


/*-----------------------お客様の声*/

.h2_invisual_voice {
    background-image: url(/img/customer/kv_happy_bg_pc.png);
}

ul.voice {
    display: flex;
    flex-wrap: wrap;
}

ul.voice li {
    /*  width: 48.8%;*/
    flex-basis: 48.8%;
    min-width: 48.8%;
    position: relative;
    border: 1px solid #FFC926;
    margin-right: 2.4%;
    min-height: 320px;
}

ul.voice_index li {
    width: 100%;
    flex-basis: 100%;
}


/*

ul.voice li:nth-child(odd) {
  float: left;
}

ul.voice li:nth-child(even) {
  float: right;
}
*/

ul.voice li p.category {
    position: absolute;
    top: 0;
    left: 25px;
    font-size: 10.5px;
    color: #fff;
    background: #FFC926;
    padding: 1px 0;
    text-align: center;
    width: 107px;
    letter-spacing: 4px;
}

p.prev {
    float: left;
}

p.prev a:before {
    content: "";
    width: 5px;
    height: 5px;
    border-bottom: 3px solid #0088cc;
    border-left: 3px solid #0088cc;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    display: inline-block;
    margin-right: 10px;
}

p.next {
    float: right;
}

p.next a:after {
    content: "";
    width: 5px;
    height: 5px;
    border-top: 3px solid #0088cc;
    border-right: 3px solid #0088cc;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    display: inline-block;
    margin-left: 10px;
}

p.prev a:hover:before,
p.next a:hover:after {
    border-color: #f29600;
}

ul.pager {
    text-align: center;
    display: block;
    overflow: hidden;
}

ul.pager li {
    text-align: center;
    display: inline;
    margin-right: 10px;
}

.customer_voice_before {
    margin-left: 170px;
    /*	width:410px;*/
    /*	line-height:120%;*/
    padding-bottom: 20px;
}

.customer_voice_text {
    margin-left: 170px;
    /*	width:445px;*/
}


/*.pager {
	list-style:none !important;
	margin-left:0 !important;
}
.pager li {
	float:left;
	margin-right:10px;
}*/

.customer_archive {
    /*	width:615px;*/
    font-size: 16px;
    font-size: 1.6rem;
}

.customer_archive p {
    margin-bottom: 20px;
}

.customer_archive ul {
    clear: both;
    margin-left: 0 !important;
    height: 20px;
    /*	border-bottom:1px solid #eee;*/
    margin-bottom: 10px;
}

.customer_archive ul li {
    float: left;
    list-style: none;
    margin-right: 10px;
}

.customer_archive ul li:last-child {
    margin-right: 0;
}


/*-----------------------お客様の声を活かす仕組み*/

.h2_invisual_flow {
    background-image: url(/img/customer/kv_flow_bg_pc.png);
}

ul.voice_flow {
    overflow: hidden;
    counter-reset: flow;
    margin-bottom: 40px;
    display: flex;
}

ul.voice_flow li {
    /*  width: 25%;*/
    box-sizing: border-box;
    /*  float: left;*/
    padding: 7px 20px 0px;
    border-left: 1px solid #ddd;
    position: relative;
    flex-basis: 33.33%;
    max-width: 33.33%;
}

ul.voice_flow li:before {
    content: "";
    width: 1px;
    height: 30px;
    background: #FFC926;
    position: absolute;
    top: 0;
    left: -1px;
}

ul.voice_flow li:after {
    content: url(/img/customer/flow_arrow.png);
    position: absolute;
    right: -7px;
    top: 50%;
    margin-top: -28px;
    z-index: 9999;
}

ul.voice_flow li:last-child:after {
    content: "";
}

ul.voice_flow li p.title {
    font-weight: bold;
    margin-bottom: 10px;
    counter-increment: flow;
    min-height: 90px;
}

ul.voice_flow li img {
    margin-bottom: 20px;
}

ul.voice_flow li p.title:before {
    content: counter(flow)".";
    display: block;
    font-weight: bold;
    font-size: 40px;
    color: #FFC926;
    line-height: 0.8;
    margin-bottom: 10px;
}

ul.voice_flow li p.desc {
    margin-bottom: 20px;
    font-size: 12px;
}


/*-----------------------お客様相談室の想い*/

.note_waku>.name {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 20px;
}

.note_waku>.name>span {
    font-size: 16px;
    font-weight: bold;
}

.icon_box {
    width: 100px;
    height: 100px;
    float: left;
    margin: 0 20px 0 0;
    clear: both;
}

.icon_box img {
    width: 100%;
    height: 100%;
}

div.meeting {}

div.meeting div {
    margin-bottom: 40px;
    overflow: hidden;
}

div.meeting b {
    font-weight: bold;
    display: block;
}

div.meeting div p.text {
    width: 775px;
    box-sizing: border-box;
    float: right;
}


/*-----------------------ご意見・ご指摘と当事務所の対応*/

.h2_invisual_opinion {
    background-image: url(/img/customer/kv_point_bg_pc.png);
}

ul.opinion li {
    width: 48.8%;
    position: relative;
}

ul.opinion li:nth-child(odd) {
    float: left;
}

ul.opinion li:nth-child(even) {
    float: right;
}

.customer_pickup dl dd {
    margin-bottom: 10px;
}


/*詳細ページ*/

.service_message {
    border-radius: 1em;
    background: #FFFCF0;
    padding: 25px;
    box-sizing: border-box;
}

.service_message>.h2_block {
    border: none;
    display: table;
    vertical-align: middle;
    padding: 0;
}

.service_message>.h2_block:before {
    content: none;
}

.service_message>.h2_block img {
    display: table-cell;
    vertical-align: middle;
    margin-right: 10px;
}

.service_message>.h2_block h2 {
    display: table-cell;
    vertical-align: middle;
    color: #EEBD2A;
    border: none;
}

.h2_block_opinion:before {
    background-color: #1EADDE;
}


/*-----お客様の声を活かしました-----*/

#voice_idea {
    display: none;
}

.idea_title p {
    font-size: 12px;
    font-size: 1.2rem;
}

.voice_idea {
    border: #f29600 3px solid;
    box-sizing: border-box;
    font-size: 12px;
    font-size: 1.2rem;
    padding: 15px;
}

#sidebar>.voice_idea>.h3_block {
    /*タイトル上書き要素*/
    background: #fff url(../img/customer/sidebar_icon_light.png) no-repeat left center !important;
    color: #333;
    letter-spacing: 0;
    color: #85B200;
}

.voice_idea dt,
.voice_idea dd {
    /*layout.css934行目削除後、削除*/
    padding: 0 !important;
}

.voice_idea dl {
    padding: 10px;
}

.idea_case .h4_block h4 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
    vertical-align: middle;
}

.idea_case .before {
    background: #FF5C26;
    padding: 5px 10px 3px;
    border-radius: 2em;
    color: #fff;
    border: none;
    display: inline-block;
    min-width: 80px;
    text-align: center;
    font-family: 'Roboto', century gothic;
}

.idea_case .after {
    background: #00B39A;
    padding: 5px 10px 3px;
    border-radius: 2em;
    color: #fff;
    border: none;
    display: inline-block;
    min-width: 80px;
    text-align: center;
}

.idea_title h3 {
    font-size: 18px;
    font-size: 1.8rem;
}

.idea_case .voice {
    border: none;
    background: url(../img/customer/icon_idea.png) no-repeat left center;
    padding-left: 50px;
}


/*------------------------------お客様満足度調査*/

.h2_invisual_enquete {
    background-image: url(/img/customer/kv_enquete_bg_pc.png);
}

.chart {
    width: 80%;
    position: relative;
    margin: 0 0 30px 0;
}

.good,
.good_result {
    width: 100%;
    position: absolute;
    top: 45%;
    left: 0;
    font-size: 30px;
    /*margin:-20px 0 0 -50px;*/
    margin: auto;
    text-align: center;
    line-height: 1.2;
    font-family: "秀英丸ゴシック B", "Shuei MaruGo B";
}

.good span,
.good_result span {
    font-size: 12px;
    line-height: 1;
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*ホームワンについて*/


/**/

.h2_officeinfo {
    width: 960px;
    height: 225px;
    background: url(/img/officeinfo/h2_bg.png) no-repeat;
    position: relative;
    padding: 0;
    margin-bottom: 0;
}

.h2_officeinfo h2 {
    position: absolute;
    color: #F29600;
    font-size: 30px;
    font-size: 3.0rem;
    top: 71px;
    left: 117px;
}

.h2_officeinfo p {
    position: absolute;
    font-size: 12px;
    font-size: 1.2rem;
    left: 116px;
    top: 121px;
    line-height: 115%;
    width: 458px;
}

.movie_mglt {
    margin-left: 17px;
}


/*-----------------------弁護士*/

.lawyer_bg {
    background: #F5F5EB;
    width: 286px;
    padding: 11px 20px;
    font-size: 100%;
    margin-bottom: 20px;
    text-decoration: none;
    color: #333;
}

a:link.lawyer_bg {
    color: #333;
    text-decoration: none;
}

a:visited.lawyer_bg {
    color: #333;
    text-decoration: none;
}

a:hover.lawyer_bg {
    color: #F29600;
    text-decoration: none;
}

a:active.lawyer_bg {
    color: #333;
    text-decoration: none;
}

.lawyer_bg p {
    display: table-cell;
    vertical-align: middle;
    margin-bottom: 0;
    /*	font-size:116%;
	line-height:150%;*/
    letter-spacing: 0;
}

.lawyer_bg p img {
    margin-right: 10px;
}

.lawyer_bg p span {
    font-size: 22px;
    line-height: 120%;
}

.lawyer_list a:nth-child(odd) {
    width: 42%;
    float: right;
    padding: 3%;
}

.lawyer_list a:nth-child(even) {
    width: 42%;
    float: left;
    padding: 3%;
}

.lawyer_list a img .inquiry_list a img {
    width: auto;
}

.inquiry_list a:nth-child(odd) {
    float: right;
    margin-bottom: 20px;
}

.inquiry_list a:nth-child(even) {
    float: left;
    margin-bottom: 20px;
}


/*-----------------------事務所概要*/


/*office.html*/

table.staff {
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom: 20px;
    border: 1px #eee solid;
    zoom: 1;
    width: 100%;
}

table.staff td {
    padding: 15px;
    vertical-align: top;
}

table.staff ul {
    margin: 0 !important;
}

table.staff li {
    margin-bottom: 10px;
}


/*dl.staff{
	font-size:100%;
	margin-bottom:20px;
	border-top:1px #cccccc dashed;
	padding-top:20px;
	zoom: 1;
}


dl.staff dt{
	float:left;
	margin:0 0 0 20px;
	width:150px;
	clear: both;
	
}
	
dl.staff dd{
	border-bottom:1px #cccccc dashed;
	padding-bottom:20px;
	padding-left:150px;
}
	
dl.staff>dd>ul>li{
	list-style:none!important;
	margin-left:0!important;
	padding:0!important;
	margin-bottom:10px;
}
*/


/*-----------------------アクセス*/


/*access.html*/


/*
.access_text{
	float:left;
	width:405px;
}
*/

ul.station {
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-size: 1.2rem;
}

ul.station li {
    margin: 0 0 10px 0;
    padding: 7px 0 15px 139px;
    border-bottom: 1px dotted #333;
}

ul li.sta_ginza {
    background: url("/img/officeinfo/bg_ginza.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
}

ul li.sta_higashiginza {
    background: url("/img/officeinfo/bg_higashiginza.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
}

ul li.sta_icchoume {
    background: url("/img/officeinfo/bg_icchoume.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
}

ul li.sta_yurakucho {
    background: url("/img/officeinfo/bg_yurakucho.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
    margin-bottom: 30px;
}


/*-----------------------写真で見る事務所案内*/


/*picture.html*/

ul.office_picture {
    margin: 0 !important;
}

ul.office_picture li {
    float: left;
    margin: 0 35px 0 0;
    padding: 0;
    width: 195px;
    height: auto;
    list-style: none !important;
}

ul.office_picture li:last-child {
    float: left;
    margin: 0;
    list-style: none !important;
}


/*-----------------------弁護士求人情報*/


/*adoption.html*/

.adoption_message {}

.adoption_message img {
    float: left;
}

.greeting {
    margin-left: 150px;
}

.greeting p {
    margin: 0;
}

.greeting>p.name {
    font-size: 22px;
    font-size: 2.2rem;
}

.greeting>p.message {}

ul.office_photo_adoption li {
    float: left;
    margin: 0 5px 5px 0;
}


/*-----------------------社会への取り組み*/


/*csr.html*/

.activity {}

.activity>p {
    margin-left: 220px;
}

.activity_photo {
    float: left;
    width: 202px;
    margin-bottom: 40px;
}

.activity_photo img {
    margin-bottom: 10px;
}


/*
.activity_text{
	float:right;
	width:453px;
}
*/


/*-----------------------お知らせ*/


/*layout.css内の記載を利用*/


/**/


/*
.cms {
}
.cms dl dt {
	float:left;
}
.cms dl dd {
	margin-left:80px;
}
dl.service{
	overflow: hidden;
}
dl.service dt{
	display: block;
	width: 80px;
	height: 18px;
	vertical-align: middle;
	text-align: center;
	float: left;
	margin-right: 20px;
	padding-top: 3px;
	color: #fff;
	font-size: 12px;
}
dl.talk{
	overflow: hidden;
}
dt.personality{
	background-image: url(/img/officeinfo/icon_personality.png);
	background-repeat: no-repeat;
	width: 76px;
	height: 24px;
	font-size: 73%;
	padding-top: 70px;
	color:#fff;
	text-align: center;
	float: left;
	margin-right: 20px;
	clear:both;
}
dt.lawyer{
	background-image: url(/img/officeinfo/icon_lawyer.png);
	background-repeat: no-repeat;
	width: 76px;
	height: 24px;
	font-size: 73%;
	padding-top: 70px;
	color:#fff;
	text-align: center;
	float: left;
	margin-right: 20px;
	clear:both;
}
dl.talk dd{
	font-size: 133% !important;
	overflow: hidden;
	margin-bottom: 80px;
	padding-top: 15px;
}
*/


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*サイトマップ ページ*/


/**/


/*
.h3_block {
	clear:both;
  padding:0 0 0 20px;
	margin:0 20px 0 0;
	font-size:166%;
	line-height:1;
	vertical-align:middle;
	background:url(/img/common/arrow_sitemap_h3.png) no-repeat scroll left center rgba(0, 0, 0, 0);
	border:none;
	min-height:25px;
}

.h3_block h3{
	display:inline_block;
	line-height:120%;
	overflow:hidden;
	vertical-align:middle;
	border:none;
}

.h3_border>h3{
	padding-top:10px;
}

.sitemap li{
	list-style:url(/img/common/arrow_textlink.png);
	padding-bottom:2px;
	margin-bottom:10px;
}

.gridx3_in_1div2 {
	float:left;
	width:315px;
	margin-right:2px;
	padding:20px 20px 20px 0;
	margin:0;
}

.border_dashed{
		border-bottom:4px solid #cccccc;
}

.border_dashed_left{
		border-left:4px solid #cccccc;
		padding-left:20px;
		padding-right:0;
}
*/


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*日弁連「債務整理事件処理の規律を定める規程」について ページ*/


/**/

.guideline_faq dd {
    padding-left: 35px;
}

.guideline_faq dt {
    float: left;
    font-size: 20px;
    font-size: 2.0rem;
}

.guideline_faq dd {
    padding-top: 7px;
}

.guideline_faq dd.q {
    font-size: 16px;
    font-size: 1.6rem;
}

.guideline_faq dd>p {
    font-size: inherit;
    margin-bottom: 20px;
}

.guideline_faq>dl {
    margin-bottom: 10px;
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*webフォームリスト ページ*/


/**/

#formbtn_saimu {
    background: url(/img/inquiry/form_saimu.png) no-repeat;
    width: 585px;
    height: 61px;
    display: block;
    padding: 39px 0 0 90px;
    font-size: 28px;
    color: #fff;
    line-height: 1;
}

#formbtn_saimu_quick {
    background: url(/img/inquiry/form_saimu_quick.png) no-repeat;
    width: 585px;
    height: 76px;
    display: block;
    padding: 24px 0 0 90px;
    font-size: 28px;
    color: #fff;
    line-height: 1;
}

#formbtn_jiko {
    background: url(/img/inquiry/form_jiko.png) no-repeat;
    width: 585px;
    height: 67px;
    display: block;
    padding: 33px 0 0 90px;
    font-size: 28px;
    color: #fff;
}

#formbtn_sozoku {
    background: url(/img/inquiry/form_sozoku.png) no-repeat;
    width: 236px;
    height: 67px;
    display: block;
    padding: 33px 0 0 90px;
    font-size: 28px;
    color: #fff;
}

#formbtn_divorce {
    background: url(/img/inquiry/form_divorce.png) no-repeat;
    width: 236px;
    height: 67px;
    display: block;
    padding: 33px 0 0 90px;
    font-size: 28px;
    color: #fff;
}

#formbtn_criminal {
    background: url(/img/inquiry/form_criminal.png) no-repeat;
    width: 236px;
    height: 67px;
    display: block;
    padding: 33px 0 0 90px;
    font-size: 28px;
    color: #fff;
}

#formbtn_kigyouhoumu {
    background: url(/img/inquiry/form_kigyouhoumu.png) no-repeat;
    width: 236px;
    height: 67px;
    display: block;
    padding: 33px 0 0 90px;
    font-size: 28px;
    color: #fff;
}

.tel_info {
    font-size: 60px !important;
    font-weight: bold;
    background: url(/img/common/header_tel.png) 0 28px no-repeat !important;
    padding-left: 50px;
}

.tel_info span {
    font-size: 14px;
}


/*
.contents_block a{
		text-decoration:none;
	color:#fff;
		-ms-filter: "alpha(opacity=75)";
	-khtml-opacity: .75;
	-moz-opacity: .75;
		-webkit-transition: all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.contents_block a:hover{
	opacity: .75;
	filter: alpha(opacity=75);
}
*/


/*------------コンテンツ中のお問合わせブロック*/

.inquiry_block {
    overflow: hidden;
    width: 100%;
    margin-bottom: 60px;
}

.inquiry_block>p {
    text-align: center;
}

.inquiry_block p br {
    display: none;
}

.inquiry_block i {
    font-size: 40px;
    margin: 0 0 10px 0;
}

.inquiry_block_tel {
    width: 50%;
    background: red;
    float: left;
    box-sizing: border-box;
    padding: 30px 20px;
    font-size: 26px;
    line-height: 1.2;
    height: 200px;
    background: #F5F5F5 url(/img/common/inquiry_tel_bg.png) 0 -50px;
    color: #f29600;
    font-family: "ヒラギノUD丸ゴ W6 JIS2004", "Hiragino UD Sans Rd W6 JIS2004";
}

.inquiry_block_tel i,
.inquiry_block_tel span,
.inquiry_block_form i,
.inquiry_block_form span {
    vertical-align: middle;
    display: block;
    text-align: center;
    position: relative;
    z-index: 99;
    transition: .3s;
}

.inquiry_block_tel p {
    font-size: 10px;
    text-align: center;
    color: #333;
}

.inquiry_block_tel p:first-child,
.inquiry_block_form p {
    font-size: 12px;
    text-align: center;
    margin-bottom: 10px;
}

.inquiry_block_form {
    width: 50%;
    background: blue;
    float: left;
    box-sizing: border-box;
    padding: 30px 20px;
    font-size: 26px;
    line-height: 1.2;
    height: 200px;
    background: #f29600 url(/img/common/inquiry_form_bg.png) 0 -50px;
    color: #fff;
    font-family: "ヒラギノUD丸ゴ W6 JIS2004", "Hiragino UD Sans Rd W6 JIS2004";
    position: relative;
    overflow: hidden;
    transition: .3s;
}

div.inquiry_block_form:after {
    background: rgba(0, 0, 0, 0.1);
    transition: .3s;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -100%;
    content: ">";
    text-align: right;
    padding: 90px 10px 0 0;
    box-sizing: border-box;
    z-index: 1;
}

a:hover>.inquiry_block_form:after {
    left: 0;
}

a:hover>.inquiry_block_form i,
a:hover>.inquiry_block_form span {
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

a:hover>.inquiry_block_form {
    /*background-size: 120%;*/
}


/*----------------------------------トップページボタン追加*/


/*
.jiko {
  padding: 15px 0 15px 65px;
}

.senior {
  background: url(/img/top/btn_senior_bg.png) no-repeat;
  padding: 20px 0 15px 65px;
  font-size: 24px;
}
*/

.survey {
    /*
  background: #f5f5f5;
  padding-bottom: 10px;
*/
}

.survey p.section_title {
    color: #333;
    text-align: center;
    padding: 8px 0 6px;
    font-weight: bold
}

.survey .service_button {
    /*  width: 90%;*/
    margin: auto;
}

.top_description {
    padding: 10px 10px;
    margin: auto;
    background: #fff;
    color: #d4be00;
    line-height: 1.2em;
    font-size: 1.2em;
    font-size: 1.2rem;
    width: 90%;
    box-sizing: border-box;
    font-weight: bold;
}

.top_description_jiko {
    color: #f86949;
}

#text_saimu {
    height: 100px;
}

#text_sozoku {
    /*  height: 317px;*/
    height: 100px;
}

#text_criminal {
    /*  height: 408px;*/
    height: 277px;
}

#text_kigyouhoumu {
    /*  height: 408px;*/
    height: 277px;
}

.service_button {
    position: relative;
}

.free_tag {
    padding: 9px 0 0 9px;
    background: #fff;
    color: #555;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 1.1;
    border-radius: 100%;
    font-weight: bold;
    width: 44px;
    height: 44px;
    box-sizing: border-box;
    flex-basis: 44px;
    min-width: 44px;
    border: 1px solid #555;
}

.service_button>.free_tag {
    position: absolute;
    top: -7px;
    left: -12px;
}

.senior_color {
    color: #d6bf00;
    letter-spacing: 3px !important;
    line-height: 1.4;
}

.banner_slick li a {
    display: block;
    padding: 0 10px;
}

.banner_slick li a img {
    max-width: 100%;
    height: auto;
    border: 1px solid #ccc;
}

.consult-message {
    padding: 10px 60px;
    background-color: #eee;
    font-size: 12px;
    line-height: 1.47;
    margin: 20px auto 30px auto;
    box-sizing: border-box;
}

.consult-message-annotation {
    text-align: right;
    margin-top: 10px;
}