@charset "utf-8";
/*
初期スタイルのリセットここから
*/
html {
	color: #000;
	background: #FFF;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
abbr, acronym {
	border: 0;
	font-variant: normal;
}
sup {
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
input, textarea, select {
	font-family: inherit;
	font-size: inherit;
 *font-size:100%;
	font-weight: inherit;
}
q:before, q:after {
	content: '';
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}
audio, canvas, video {
	display: inline-block;
 *display: inline;
 *zoom: 1;
}
audio:not([controls]) {
 display: none;
 height: 0;
}
[hidden] {
 display: none;
}
/*
初期スタイルのリセットここまで
*/

/*
共通設定スタイルここから
*/
html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	color:#333333;
	-webkit-font-smoothing: antialiased;
	font-size:14px;
	letter-spacing: -0, 001em;
	/*iOS4でのテキスト間隔への対応*/
	-webkit-text-size-adjust: 100%;/*文字サイズの自動調整機能のキャンセル*/
}
main {
	display:block; /* IE用 */
}
pre, code {
	font-family: Courier, 'Courier New', monospace;
}
img {
	max-width: 100%;
	height: auto;
}
.ie8 img {
	width: auto;
}
ul, ol {
	list-style: none;
}
p, dd, td {
	line-height:1.7;
	font-size:16px;
}
/*
共通設定スタイルここまで
*/


/* ===== common ===== */
.txt_c {
	text-align:center;
}
.tb_view { /* タブレット時から表示 */
	display:none;
}
.sp_view {
	display:none;
}
#toTop a {
	position: fixed;
	bottom: 5%;
	right: 1%;
}
.wrapper {
	max-width:1200px;
	margin:0 auto;
}
a {
	color:#333333;
	text-decoration:none;
}
a:hover {
	color:#1e329c;
}
a.btn {
	display:block;
	opacity:1;
	transition:opacity 0.25s;
}
a.btn:hover {
	opacity:0.6;
}
.mb_view {
	display:none;
}
body {
	background:none;
	color:#333;
	font-size:16px;
	border-bottom:5px solid #6dba44;
}
/* スマホ用のヘッダー部分の電話と問い合わせ */
#s_inq {
	display:none;
	position:fixed;
	z-index:9;
	right:50px;
	top:5px;
	top:33px;
}
#s_inq li {
	display:inline-block;
}
#s_inq li img {
	width:56px;
}
/* ヘッダー */
#header h1 {
	background-color:#007130;
	color:white;
	padding:5px 0;
}
#header h1 span {
	font-size:12px;
	display:block;
	max-width:1200px;
	margin: auto;
}
#header h2 img {
	max-width:100%;
}
#h_contact li {
	display:inline-block;
}
#h_contact li a:hover {
	opacity:0.7;
}
#header {
	position:relative;
}
#header h2 {
	float:left;
	margin:10px 0 30px;
}
#header h2 img:nth-child(2) {
 display:none;
}
#h_contact {
	float:right;
	position:relative;
	top:15px;
}
/* グローバルナビ */
#gnav {
	clear:both;
	overflow:hidden;
	margin-bottom:20px;
}
#gnav a {
	color:#333;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
}
/*#gnav a:hover span{
  text-decoration:underline;
}*/
#gnav a:hover {
	opacity:0.7;
}
#gnav li {
	width:25%;
	float:left;
	box-sizing:border-box;
	text-align:center;
}
#gnav li span {
	display:inline-block;
	padding-left:30px;
}
#gnav li:first-of-type span {
	background:url(../../souzoku/img/gnav_bg_01.gif) no-repeat 0;
}
#gnav li:nth-of-type(2) span {
 background:url(../../souzoku/img/gnav_bg_02.gif) no-repeat 0;
}
#gnav li:nth-of-type(3) span {
 background:url(../../souzoku/img/gnav_bg_03.gif) no-repeat 0;
}
#gnav li:nth-of-type(4) span {
 background:url(../../souzoku/img/gnav_bg_04.gif) no-repeat 0;
}
.drawer {
	display:none;
}
.wrp {
	max-width:1200px;
	margin:0 auto;
	margin-top:30px;
}
h3 {
	font-size:35px;
	font-weight:bold;
	color:#007130;
	text-align:center;
	padding:40px 0;
	background:url(../trust/img/h3_bg.gif) repeat-x 0 50%;
}
#right_box {
	width:970px;
	float:right;
	border-left:solid 1px #ccc;
	padding-left:15px;
}
#right_box h4 {
	font-size:30px;
	color:#007130;
	font-weight:bold;
	margin-bottom:30px;
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:28px;
}
.one {
	background-image:url(../trust/img/one.gif);
}
.two {
	background-image:url(../trust/img/two.gif);
}
.tree {
	background-image:url(../trust/img/tree.gif);
	background-size:30px;
}
.four {
	background-image:url(../trust/img/four.gif);
	background-size:30px;
}
.five {
	background-image:url(../trust/img/five.gif);
	background-size:29px;
}
.six {
	background-image:url(../trust/img/six.gif);
	background-size:29px;
}
.seven {
	background-image:url(../trust/img/seven.gif);
	background-size:29px;
}
.eight {
	background-image:url(../trust/img/eight.gif);
	background-size:29px;
}
.nine {
	background-image:url(../trust/img/nine.gif);
	background-size:29px;
}
.ten {
	background-image:url(../trust/img/ten.gif);
}
.eleven {
	background-image:url(../trust/img/eleven.gif);
}
.twelve {
	background-image:url(../trust/img/twelve.gif);
}
.thirteen {
	background-image:url(../trust/img/thirteen.gif);
}
.fourteen {
	background-image:url(../trust/img/fourteen.gif);
}
.fifteen {
	background-image:url(../trust/img/fifteen.gif);
}
.sixteen {
	background-image:url(../trust/img/sixteen.gif);
}
.seventeen {
	background-image:url(../trust/img/seventeen.gif);
}
.eighteen {
	background-image:url(../trust/img/eighteen.gif);
}
.nineteen {
	background-image:url(../trust/img/nineteen.gif);
}

#right_box  h4 span {
	border-bottom:#f39700 solid 2px;
	padding-left:35px;
	padding-right:50px;
}
#right_box h5 {
	background: url(../trust/img/h5_bg01.gif) no-repeat 0 50%;
	font-size: 20px;
	font-weight: bold;
	padding-left: 40px;
	color: #007130;
	margin-top: 40px;
}
#right_box > section {
	margin-bottom:60px;
}
#right_box p{
	line-height:2;
	font-size:14px;
}
#right_box a {
	color: #0068b7;
	display: block;
	text-align: right;
	text-decoration: underline;
}
#right_box a:hover {
	text-decoration: none;
}
#left_side {
	width:200px;
	clear:none;
}
#side_navi {
	padding-top:0;
}
#footer {
	margin-top:40px;
	overflow:hidden;
	padding:20px 20px 0;
	border-top:2px solid #6dba44;
}
#footer .wrp {
	margin-top:0;
}
#footer address {
	padding:10px 0;
	float:left;
}
#footer address p {
	font-size:12px;
}
#footer small {
	display:block;
	font-size:12px;
	float:right;
	padding-top:3em;
}
#side_navi2 h2 {
	overflow: hidden;
	padding: 50px 0 0 0;
	height: 0;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#s_nav01 h2 {
	background-image: url(../trust/img/s_h2_01bg.gif);
}
#s_nav02 h2 {
	background-image: url(../trust/img/s_h2_02bg.gif);
}
#s_nav03 h2 {
	background-image: url(../trust/img/s_h2_03bg.gif);
}
#side_navi2 dt span {
	text-decoration: none;
	font-size: 14px;
	display: block;
	/*    line-height: 41px;
*/
margin:10px 0;
	padding: 0 0 0 0px;
}
#s_nav01, #s_nav02, #s_nav03 {
	margin: 0 0 25px 0;
}
#s_nav01 dd li {
	background: url(../trust/img/arrow07.png) no-repeat 95% 50% !important;
	background-size:5px !important;
	padding: 0 20px 0 5px;
}
.double_line {
	line-height: 16px !important;
	padding: 5px 20px 3px 5px !important;
}
#s_nav02 dd li {
	background: url(../trust/img/arrow08.png) no-repeat 95% 50% !important;
	background-size:5px !important;
	padding: 0 20px 0 5px;
}
#s_nav03 dd li {
	background: url(../trust/img/arrow09.png) no-repeat 95% 50% !important;
	background-size:5px !important;
	padding: 0 20px 0 5px;
}
#s_nav01 dt span {
	border-left:6px solid #6dba44;
}
#s_nav02 dt span {
	border-left:6px solid #00b7ee;
}
#s_nav03 dt span {
	border-left:6px solid #f39800;
}
#s_nav01 dt span.open {
	background: url(../trust/img/arrow02.gif) no-repeat 95% 50% !important;
	background-size:10px !important;
	font-weight:normal;
}
#s_nav02 dt span.open {
	background: url(../trust/img/arrow11.gif) no-repeat 95% 50% !important;
	background-size:10px !important;
	font-weight:normal;
}
#s_nav03 dt span.open {
	background: url(../trust/img/arrow13.gif) no-repeat 95% 50% !important;
	background-size:10px !important;
	font-weight:normal;
}
#s_nav01 dt span {
	background: url(../trust/img/arrow.gif) no-repeat 95% 50%;
	background-size:10px;
	padding-left:7px;
	color:#333;
	cursor:pointer;
}
#s_nav02 dt span {
	background: url(../trust/img/arrow10.gif) no-repeat 95% 50%;
	background-size:10px;
	padding-left:7px;
	color:#333;
	cursor:pointer;
}
#s_nav03 dt span {
	background: url(../trust/img/arrow12.gif) no-repeat 95% 50%;
	background-size:10px;
	padding-left:7px;
	color:#333;
	cursor:pointer;
}
#s_nav01 li a, #s_nav02 li a, #s_nav03 li a {
	font-size:12px;
}
#s_nav01 dt {
	border-bottom:1px solid #097c25;
}
#s_nav02 dt {
	border-bottom:1px solid #00479d;
}
#s_nav03 dt {
	border-bottom:1px solid #f16600;
}
#s_nav01 dd, #s_nav02 dd, #s_nav03 dd {
	background:#f0f0f0;
	display:none;
}
#side_contact {
	background: url(../trust/img/inquiry02_bg.gif) no-repeat left top;
	padding: 10px 10px 55px 10px;
	margin-bottom: 50px;
	margin-top: 30px;
}
#side_contact ul {
	margin: 50px 0 0 0;
}
#sub_menu {
	border-top:1px solid #ccc;
}
#sub_menu li {
	border-bottom:1px solid #ccc;
	background: url(../trust/img/arrow04.gif) no-repeat 95% 50%;
	background-size:5px;
	padding:3px 0;
}
#sub_menu li a{
display:block;}
#sub_menu li span {
	padding-left:10px;
	border-left:solid 6px #ccc;
}
#sub_inquiry2 {
	clear:both;
	background:#4da703 url(../trust/img/inquiry_ttl.gif) no-repeat 20px 50%;
	padding:10px 0 10px 0;
	margin:30px 0 50px 0;
}
#inquiry_body2 {
	/*	background:url(../../common/inquiry_bg2.gif) no-repeat 0 0;
*/
background:#f7f3f0;
	border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	width:651px;
	padding:10px;
	height:93px;
	float:right;
	margin-right:10px;
	position:relative;
}
#inquiry_body2 .f_tel {
	float:left;
	height:0;
	overflow:hidden;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image:url(../../common/inquiry_text.gif);
	padding:90px 0 0 0;
	width:600px;
}
#inquiry_body2 .f_btn {
	overflow:hidden;
	width: 370px;
	position: absolute;
	right: 10px;
	top:45px;
}
#inquiry_body2 .f_btn a {
	display:block;
	height:0;
	padding: 60px 0 0 0;
	width: 370px;
	background: url(../../img/f_inquiry.png) no-repeat left top;
	overflow:hidden;
	-o-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-webkit-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
}
#inquiry_body2 .f_btn a:hover {
	opacity: 0.5;
	filter: alpha( opacity=50 );
	-ms-filter: "alpha( opacity=50 )";
	min-height: 0;
}
.box_text ul li {
	float:left;
	width:32.6%;
	margin-right:1%;
	position:relative;
}
.box_text ul li:last-child {
	margin-right:0;
}
.box_text ul li img {
	position:absolute;
	right:5px;
	top:10px;
}
.box_text ul li h5 {
	font-size:20px;
	font-weight:bold;
	margin:40px 0;
	padding:10px 0 10px 50px !important;
	background-repeat:no-repeat;
	background-position:10px 50% !important;
}
.box_text ul li p {
	background:#fff;
	padding:14px;
	margin:3%;
	box-sizing:border-box;
	border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
}
.problem ul li{
	background:#8ac869;
}
.problem ul li h5 {
	color:#007130;
	background-image:url(../trust/img/h5_bg01.gif) !important;
	background-color:#dcefd2 !important;
}
.merit ul li {
	background:#eb6100;
}
.merit ul li h5 {
	color:#007130;
	background-image:url(../trust/img/h5_bg02.gif) !important;
	background-color:#f9d0b3 !important;
}
.img_box {
	position: relative;
	background: #fcc975;
	padding:10px 0 0 0;
}
.img_box ul {
	background: #fff;
	padding:8px;
	width:96%;
	overflow:hidden;
	margin: 0 auto;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.img_box ul li {
	float: left;
	width:50%;
}
.img_box p {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 2%;
}
.img_box figure{
	background: #fff;
	display:block;
	margin:0 auto;
	padding:8px;
	width:96%;
	border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	text-align: center;
}
.img_box h5{
	background-image: url(../trust/img/h5_bg02.gif) !important;
	margin:20px 0 0 2% !important;
}
.mb_img{
	display:none !important;
}
@media screen and (max-width:1200px) {
 .wrapper {
 max-width:98%;
}
.wrp {
max-width:98%;
}
#right_box {
width:76%;
}
.merit ul li h5{
	padding-left:20px;
}
#sub_inquiry2 {
 clear:both;
 background:#4da703 url(../../common/inquiry_ttl.gif) no-repeat 50% 5%;
 padding:55px 0 5px 0;
 margin:30px 0 60px 0;
}
#inquiry_body2 {
float:none;
margin:0 auto 5px auto;
}
}
@media screen and (max-width:1050px) {
#header h2 {
 width:50%;
}
#sub_inquiry2 {
 clear:both;
 background:#4da703 url(../../common/inquiry_ttl.gif) no-repeat 50% 5%;
 padding:55px 0 5px 0;
 margin:30px 0 60px 0;
}
}
@media screen and (max-width:1024px){/*850px?*/
.box_text ul li img {
    right: 5px;
    top: 42px;
    width: 50px;
}
}
@media screen and (max-width:980px) {
.wrapper {
 max-width:95%;
}
/* ヘッダー */
#h_contact, #gnav {
 display:none;
}
#s_inq {
 display:block;
}
#header h2 {
 width:100% !important;
 padding:10px 0;
}
#header h2 {
 margin:  0;
}

/* ハンバーガーメニュー */
.drawer {
 display:block;
}
.drawer-hamburger-icon, .drawer-hamburger-icon:before, .drawer-hamburger-icon:after {
 background-color:#f16600 !important;
}
.drawer-open .drawer-hamburger-icon {
 background-color:transparent !important;
}
nav.drawer-nav li {
 border-bottom:1px solid #f16600 !important;
}
.drawer-hamburger-icon, .drawer-hamburger-icon:before, .drawer-hamburger-icon:after {
 background-color:#77c334 !important;
 height:4px !important;
 right:0 !important;
}
.drawer-hamburger-icon {
 top:28px !important;
}
.drawer-hamburger-icon:before {
 top:-15px !important;
}
.drawer-hamburger-icon:after {
 top:15px !important;
}
.drawer-open .drawer-hamburger-icon:before {
 top:0 !important;
}
.drawer-open .drawer-hamburger-icon:after {
 top:0 !important;
}
.drawer--right .drawer-nav {
 right:-75% !important;
}
.drawer--right.drawer-open .drawer-nav {
 right:0px !important;
}
.drawer--right.drawer-open .drawer-hamburger {
 right:330px !important;
 right:75% !important;
}
.drawer--right .drawer-hamburger, .drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
}
.drawer-nav {
 width:330px !important;
 width:75% !important;
}
.drawer-nav ul {
 width:100% !important;
 float:none !important;
 padding-top:0 !important;
}
.drawer-nav li {
 float:none !important;
 margin-right:0 !important;
 border-bottom:1px solid #eb6100 !important;
}
nav.drawer-nav li a {
 font-size:22px !important;
 display:block !important;
 padding-right:30px !important;
 color:#333;
}
.drawer-dropdown {
 background:url(../../sp/img/memu_bg.png) no-repeat 95% 25px !important;
}
.drawer-dropdown a {
 text-decoration:none !important;
}
.drawer-dropdown.open {
 background:url(../../sp/img/memu_bg01.png) no-repeat 95% 25px !important;
}
.cat_no1 a { /* くらしの手続き */
 color:#4da703 !important;
}
.cat_no2 a { /* 会社法人・事業に関する手続き */
 color:#07a7ba !important;
}
.cat_no3 a { /* くらしのトラブルに関する手続き */
 color:#f16600 !important;
}
nav.drawer-nav li a {
 font-size:16px !important;
}
#s_inq li img {
 width:40px !important;
}
.drawer-hamburger {
 padding-top:14px !important;
}
 #right_box {
width:98%;
float:none;
margin:0 auto;
padding:0;
border:none;
}
 #left_side {
display:none;
}
}
@media screen and (max-width:768px) {
p, li, dt, dd, th, td {
font-size:16px;
}
#footer #logo {
display:block;
}
h3 {
 font-size: 26px;
}
#right_box h4 {
 border-bottom: #f39700 solid 2px;
 margin-bottom: 10px;
}
#right_box h4 span {
 font-size: 22px;
 border: none;
 padding-right: 0;
 display: block;
 padding-bottom: 5px;
}
.box_text ul li{
	margin:0 0 10px 0 !important;
	width:100% !important;
}
.box_text ul li p {
	height:auto !important;
}
.box_text ul li img {
    right: 3% !important;
    top: 10px;
	width: auto;
}
.img_box{
	padding:3% 0 0 0;
}
.img_box ul {
width:90%;
padding:2%;
}
.img_box ul li {
width:100% !important;
float:none;
text-align:center;
}
.img_box ul li:first-child{
	margin-bottom: 10px;
}
.img_box p{
	padding:10px 3% 3% 3% !important;
	background:none !important;
}
.img_box figure{
	width:90%;
	padding: 2%;
}
.pc_img{
	display:none !important;
}
.mb_img{
	display:block !important;
}
}
 @media screen and (max-width:600px) {
.mb_view {
 display:block;
}
#header .logo {
 width:60%;
}
h3 img {
 width:98%;
}
.mv_img01, .mv_img02 {
 width:100%;
}
#header h1 {
 padding-left:10px;
}
#header h2 {
 width:60% !important;
 margin:0;
}
 #footer {
 padding:20px 10px 0;
}
#footer small {
 padding:0 0 10px;
}
#sub_inquiry2 {
background-size:98%;
margin:0;
}
#inquiry_body2 {
width:94%;
padding:2%;
height:auto;
}
#inquiry_body2 .f_btn {
width:100%;
float:none;
position:static;
}
#inquiry_body2 .f_tel {
width:100%;
float:none;
background-size:100%;
background-image: url(../trust/img/inquiry_text_sp.gif);
}
#inquiry_body2 .f_btn a {
background-size:100%;
width:90%;
margin:10px auto;
}
}