@charset "UTF-8";
/* CSS Document */

/*変数指定*/
:root {
	--color-orange: #E45520;/*オレンジ*/
	--color-gold: #BDA45A;/*ゴールド*/
	--color-d-gold: #8D6D00;/*濃ゴールド*/
	--color-charcoal: #4C444D;/*チャコール*/
	--color-kon: #2E3180;/*紺*/
	--color-red: #C41815;/*赤*/
	--color-gray: #666666;/*グレー*/
	
	--bk-gold: #E9E2CB;/*バックゴールド*/
	--bk-l-gold: #EEE8D6;/*バック薄ゴールド*/
	--bk-brown: #fdf8f0;/*薄茶*/
	--bk-gray: #e6e6e6;/*グレー*/
	--bk-orange: #FEF8E3;/*薄オレンジ*/
	
	--font-base: "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
	
  	--font-m: "リュウミン B-KL", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

span {font-weight: bold;}

/*パンくず*/
#breadcrumbs {
	font-size: 90%;
	width: 90%;
	max-width: 960px;
	margin: 0 auto;
	text-align: left;
}
#breadcrumbs a {display: inline-block;}

#page_title h2,
#page_title2 h2,
#page_title3 h2,
#page_title4 h2,
#page_title5 h2,
#page_title6 h2,
#page_title7 h2,
#page_title8 h2,
#page_title9 h2 {
	font-size: 1.4rem;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	font-weight: bold;
	font-family: var(--font-m);
	background: url(img/logo.svg)no-repeat 95% 15% /20%, radial-gradient(at 20% 20%, rgba(255,255, 255, 1), rgba(230, 230, 230, 1));
	padding: 5% 0;
	margin-bottom: 3%;
}
#page_title2 h2 {
	background:  url(img/logo.svg)no-repeat 95% 15% /20%, linear-gradient(#F4FED2,transparent),linear-gradient(to right, #DAF3FF, transparent),linear-gradient(to left, #FDA8C2, transparent);
	padding: 5% 0;
}
#page_title3 h2 {
	background:  url(img/logo.svg)no-repeat 95% 15% /20%,  linear-gradient(45deg, #FFFFE0, #F8CECC, #FFFFE0, #FCE8E7);
	padding: 5% 0;
}
#page_title4 h2 {
	background:  url(img/logo.svg)no-repeat 95% 15% /20%,  linear-gradient(45deg, #FFFFE0, #CEFFC9, #FFFFE0, #E8FFE6);
	padding: 5% 0;
}
#page_title5 h2 {
  background: url(img/logo_w.svg)no-repeat 95% 15% /20%, url(img/chousa/hojin/t_b.jpg)no-repeat center center /cover;
	padding: 5% 0;
}
#page_title6 h2 {
	background:  url(img/logo.svg)no-repeat 95% 15% /20%,  linear-gradient(45deg, #FFFFE0, #FFD897, #FFFFE0, #FFE0AD);
	padding: 5% 0;
}
#page_title7 h2 {
  background: url(img/logo.svg)no-repeat 95% 15% /20%, url(img/tuduketekitakoto/b1.jpg)no-repeat center center /cover;
	padding: 7% 0;
}
#page_title8 h2 {
  background: url(img/logo_w.svg)no-repeat 95% 15% /20%, url(img/keiji/t_b.jpg)no-repeat center center /cover;
	padding: 7% 0;
}
#page_title9 h2 {
  background: url(img/logo.svg)no-repeat 95% 15% /20%, url(img/chousa/shinken/t_b.jpg)no-repeat center center /cover;
	padding: 7% 0;
}
#page_title5 h2,
#page_title5 h2 span,
#page_title8 h2,
#page_title8 h2 span,
#hanashiai_flow .tsukaeru h5 {color: #FFF;}

#page_title5 h2 span,
#page_title6 h2 span,
#page_title7 h2 span,
#page_title8 h2 span,
#page_title9 h2 span {
	font-size: 2em;
	line-height: 1.5em;
}

#page_title h2 span,
#page_title2 h2 span,
#page_title4 h2 span,
#chousa_parts h3 {
	font-size: 2em;
	line-height: 1.5em;
	color: var(--color-orange);
}
#page_title2 h2 span,
#page_title4 h2 span {color: #4A464D !important;}

#page_title h2 p,
#page_title2 h2 p,
#page_title3 h2 p,
#page_title4 h2 p,
#page_title5 h2 p,
#page_title6 h2 p,
#page_title8 h2 p,
#page_title9 h2 p {
	font-size: 0.6em;
	font-family: var(--font-base);
	font-weight: normal;
	margin-top: 3%;
}
#page_title h2 p span,
#page_title2 h2 p span,
#page_title h2 p span,
#page_title4 h2 p span {
	font-size: 1em;
	color: #333 !important;
}
.page_t_m {font-size: 0.7em;}
.page_t_m span,
.hojin_flow_wrap h4 span,
.rikon_mayoi_wrap h4,
#uwaki_moshikashite h4 span {color: var(--color-red);}

h3{
	font-size: 2rem;
	line-height: 1.5em;
	margin-bottom: 4%;
	text-align: center;
	font-weight: bold;
	font-family: var(--font-m);
}
#top_konoyouna h3,
#chousago h3,
#nagare_step h3,
#kyoutsu h3,
#yarinaoshi_okane h3,
#yarinaoshi_kids h3,
#chigai_8 h3,
#yakusoku h3,
.t_line,
#staff_omoi h3,
#staff_yokatta h3,
#josei_jokyo h3,
#shinken_jyunbi h3,
#shinken_flow h3,
#hojin h3,
#hojin_flow h3,
#rikon_dekirukoto h3,
#rikon_okane h3,
#group_yakuwari h3,
#group_taisetsu h3,
#shichoson h3,
#area_joho h3,
#hanashiai_kimochi h3,
#hanashiai_yakuwari h3,
#hanashiai_hanashiai h3,
#single_rikon h3 {background: url(img/top/t_b.svg) no-repeat center 90% /100%;}

#top_staff h3{
	color: var(--color-orange);
	text-align: left;
	margin-left: 5%;
}
#nagare_handan h3{
	color: var(--color-orange);
	text-align: left;
}
#top_chosa h3,
#top_area h3,
#ryokin_hyo h3,
#nagare_faq h3,
#taiou h3,
#chousa_area h3,
#staff_faq h3,
#josei_koe h3,
#chousa_parts h3,
#nagare_faq h3,
#page_privacy h3 {margin-bottom: 1%;}

#top_flow h3,
#top_2choice h3,
#top_koe h3,
#top_sogyo h3,
.tsukaeru h3,
#choice3 h3,
#ima h3,
#ryokin_plan h3,
#chousa_flow h3,
.shisei h3,
#staff_yokatta h3,
#josei_flow h3,
#tochoki_flow h3,
#shinken_flow h3,
#hanashiai_soudan_flow h3,
#page_info h3 {
	margin-bottom: 2%;
	color: var(--color-orange);
}
.houkou h3 {
	font-size: 1.5em;
	color: #C03;
}
#sodanmae h3,
#chousa_mutsukashi h3,
#yarinaoshi_choice h3,
#yoitantei_taisetsu h3,
#iede_aitai h3,
#syozai_sinjitsu h3,
#iyagarase_jijitsu h3,
#tochoki_sinjitsu h3,
#shinken_tasya h3,
#shinken_bankai h3,
#hojin_trouble h3,
#rikon_douka h3,
#uwaki_moshikashite h3,
#chousa_dankai_uwaki .white2 li p,
#keiji_tasya h3,
#group_ookiku h3,
#area_shisei h3 {text-align: left;}

.kurihara_wrap h3,
#page_privacy h3,
#page_info h3 {
	text-align: left;
	font-size: 1.5em;
}

#shoko h3,
#page_contact h3 {
	font-size: 1.7em;
	line-height: 1.7em;
}
#shoko h3 span {
	font-size: 1.8em;
	line-height: 1.7em;
}
#shoko h3 p {font-size: 0.7em;}
#staff_ryogawa h3 {
	text-align: left;
	color: var(--color-red);
}

#info_page_t h2 {
	font-size: 1.5em;
	text-align: left;
	margin-top: 13%;
	margin-bottom: 0;
}

h4 {
	font-size: 1.3em;
	line-height: 1.6em;
	font-weight: bold;
	margin-bottom: 2%;
	font-family: var(--font-m);
}
#ryokin_service h4,
#yarinaoshi_ooi h4 {
	font-size: 1.5em;
	line-height: 1.7em;
}

#josei_baai h4 {
	margin-top: 2%;
	font-size: 1.2em;
}
#yarinaoshi_ooi h4 span,
#hanashiai_kimochi h5 span {
	font-size: 1.5em;
	color: var(--color-orange);
}
#ryokin_tsuika h4,
#staff_naze h4 {
	text-align: center;
	margin-bottom: 5%;
}
.josei_mietekuru h4 {
	font-size: 1.2em;
	line-height: 1.6em;
	text-align: center;
	border-top: 1px solid var(--color-gold);
	margin-top: 2%;
	padding-top: 2%;
}
#keiji_99 h4,
#keiji_bengoshi h4 {
	text-align: center;
	background: #FFF;
	padding: 3%;
	max-width: 600px;
	margin: 0 auto;
}
#keiji_bengoshi h4 {
	border: 1px solid var(--color-gold);
	margin-bottom: 2%;
}

#top_area h4,
.tsukaeru h4,
#nagare_handan h4,
#ryokin_tsuika h4 span,
#chousa_dankai h4,
#chousa_area h4,
#yarinaoshi_okane h4,
#yarinaoshi_taisetsu h4,
#chigai_8 h3 span,
#muiteiru li.muiteiru h4,
#staff_bengoshi h4 span,
.plan_bk span,
.jirei_wrap .tsukaeru span,
#chousa_dankai .tsukaeru span,
#gaman li.gaman_merit span,
.txt_orange,
#muiteiru li.muiteiru span,
.speechBubble span,
#staff_yokatta h4 span,
#staff_naze h4 span,
.mw800 span,
#staff_mutsukashi .b_orange span,
#staff_mazu h4,
#josei_baai span,
.josei_mietekuru h3,
.josei_mietekuru span,
#chousa_parts h4,
#rikon_shoko li.gaman_merit span,
#rikon_okane h4,
#tuduketekitakoto_naze h4,
#chousa_dankai_uwaki h4,
#uwaki_kangaekata .tsukaeru span,
#group_renkei h4,
#hanashiai_flow h4 span {color: var(--color-orange);}

#omoi_b span,
#omoi_gyokai span {
	color: var(--color-orange);
	font-weight: bold;
}

#staff_hanashi h4,
#staff_omoi h4 {
	text-align: center;
	color: var(--color-red);
	background: var(--bk-orange);
	padding: 3%;
	max-width: 700px;
	margin: 0 auto;
}
#staff_omoi h4 {margin-top: 3%;}
#staff_omoi #omoi_gyokai h4 {
	text-align: left;
	color: #FFF;
	background: #333;
	font-size: 0.9em;
	display: inline-block;
	padding: 1%;
	margin-bottom: 2%;
}

#kimochi h4,
#mayoi h4,
#rikon_kimochi h4 {
	color: var(--color-orange);
	background: #FFF;
	padding: 2%;
	max-width: 400px;
	margin: 0 auto;
}
#mayoi h4 {max-width: 600px;}

#iede_jokyo h4,
#syozai_jokyo h4,
#iyagarase_jokyo h4,
#tochoki_jokyo h4,
#shinken_taisetsu h4 {
	background: #FFF;
	padding: 2%;
	max-width: 700px;
	margin: 0 auto;
}
#hanashiai_kekka h4 {
	background: rgb(255 255 255 / 0.7);
	padding: 2%;
	max-width: 750px;
	margin: 0 auto;
	font-size: 1.3em;
	line-height: 1.8em;
}
#hanashiai_negai h4 {
	background: #FFF;
	padding: 2%;
	margin: 3% auto;
	text-align:  center;
}

#taiou_kojin h4 {color: var(--color-d-gold);}

#taiou_hojin h4,
#keiji_flow li .left {color: var(--color-kon);}

#shichoson h4,
#kengai h4 {
	text-align: center;
	font-size: 1.7em;
}

#ryokin_hyo h4 {
	text-align: center;
	color: #FFF;
	background: var(--color-kon);
	max-width: 700px;
	margin: 2% auto;
	font-size: 1em;
	padding: 0.5% 0;
	font-weight: normal;
	font-family: var(--font-base);
}
#staff_yokatta h4 {
	text-align: center;
	font-size: 1.3em;
	line-height:1.6em;
}
#josei_kotiramo h4 span {font-size:0.7em;}

#taiou_wrap h4,
#taiou_wrap2 h4,
#taiou_wrap2 p,
#shinken_taisetsu h4,
#top_2choice h4,
#staff_mutsukashi h4,
#shinken_column,
#taiou_wrap h4,
.hojin_flow_wrap h4,
#tuduketekitakoto_naze h4,
#tokyo_dochira h4,
#rikon_dekirukoto,
#rikon_bengoshi,
#rikon_mayoi,
#tuduketekitakoto_sogyo_ataeru,
#chousa_dankai_uwaki,
#uwaki_flow,
#keiji_column,
#shichoson,
#kengai,
#hojin_zairyo #kyoutsu_shoko,
#rikon_dekirukoto #kyoutsu_shoko,
#uwaki_abaku {text-align: center;}

/* header */
#keyword {
	width: 90%;
	margin: 0 auto 1%;
	text-align: center;
	font-size: 10px;
	line-height: 1.3em;
}
/*////// b_fixedここから//////*/
#header{
	background:#fff;
	position:fixed;
	z-index:999;
	width:100%;
	box-shadow: 0px 7px 7px 0 rgba(100, 100, 100, 0.1);
}
#header_wrap {
	width: 90%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
#main {
	/*style内にも記述有り*/
	margin-top: 10%;
}

.logo{
	float:left;
	width:32%;
}

.tel{
	float:right;
	width:62%;
	margin: 0;
	line-height: 0;
}
.tel li {
	float: left;
	width: 26%;
	margin-right: 1%;
}
.tel li:nth-child(1) {width: 45%;}

.gnav{
	text-align:center;
	float:right;
	width:62%;
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 0 0 1%;
}
.gnav ul li{
	margin-right: 4%;
	display:inline;
	text-align:center;
	float: left;
}
.gnav ul li:last-child {margin-right: 0;}
/*////// b_fixedここまで//////*/


/* footer */
#copy {
	font-size: 10px;
	line-height: 1.2em;
	text-align: center;
    padding: 2% 0 1%;
	letter-spacing: 0.1em;
}
/*////// footer b_2columnここから//////*/
#footer {
	margin: 0;
	padding: 0 0 1%;
	text-align: left;
}
#footer_wrap {
	width: 90%;
	max-width: 960px;
	margin: 5% auto 0;
}
#footer_wrap .left {
	width: 40%;
	line-height: 1.5em;
}
#footer_wrap .left img {
	max-width: 350px;
	margin: 0 auto 7%;
}
.fot_tel {
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1.7em;
}
#footer_wrap .left li {
	width: 47%;
	float: left;
	margin: 1% 3% 0 0;
	background: var(--color-gold);
	line-height: 1.5em;
	text-align: center;
	border-radius: 30px;
}
#footer_wrap .left li:nth-child(2n) {margin: 1% 0 0 0;}
#footer_wrap .left li a {color: #FFF;}
#footer_wrap .right {width: 53%;}
#footer_wrap .right ul {
	width: 29%;
	float: left;
	font-size: 0.9em;
}
#footer_wrap .right ul.long {width: 35%;}

/*////// footer b_2columnここまで//////*/
#footer_3btn {
	background: url(img/footer/footer_b.jpg) no-repeat top center/cover;
	padding: 0;
	color: #FFF;
	text-align: center;
	font-size: 1.1em;
	margin-top: -7%;
}
#footer_3btn h3 {
	font-weight: bold;
	margin: 1%;
}
#footer_3btn ul li {
	width: 31.5%;
	float: left;
	margin: 3% 1.5% 0 0; 
	background: #FFF;
	border-radius: 10px;
	color: #333;
	font-weight: bold;
	padding: 2% 0;
	font-size: 0.9em;
	border: 3px solid #E8BDC2;
}
#footer_3btn ul li:nth-child(2){border: 3px solid #A7ACC2;}
#footer_3btn ul li:nth-child(3){
	border: 3px solid #87D29E;
	margin: 3% 0 0 0;
}
#footer_3btn ul li img {
	width: 90%;
	margin: 0 auto 2%;
}
#footer_3btn ul li:nth-child(3) img {
	margin: 0 auto;
}


/*TOP*/
#top_shoko .left,
#top_staff .left {width: 40%;}
#top_shoko .right,
#top_staff .right {width: 57%;}

#top_shoko .price {
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	margin: 3% 0;
	padding: 3%;
	font-size: 1.5em;
	line-height: 1.5em;
	font-weight: bold;
}
#top_shoko .price .left {
	width: 20%;
	text-align: center;
	background: var(--color-orange);
	color: #FFF;
}
#top_shoko .price .right {width: 77%;}
#top_shoko .price .right .txt12 {font-weight: normal !important;}
#top_shoko .price span {font-size: 0.7em;}

#top_taisetsu li {
	width: 30%;
	margin-right: 3%;
	float: left;
}
#shippai li {
	width: 22%;
	margin: 0 1.5% 3%;
	float: left;
}
#top_taisetsu li:nth-child(3n) {margin-right: 0;}
#top_taisetsu li img,
#shippai li img {
	width: 25%;
	margin: 0 auto -15%;
} 
.i_wrap {
	border-radius: 10px;
	border: 2px solid var(--color-orange);
	padding: 17% 5% 3%;
	font-size: 1.1em;
	line-height: 1.5em;
}
#shippai .i_wrap {
	border-radius: 0;
	border: none;
	padding: 20% 5% 15%;
	background: var(--bk-gold);
}
#top_taisetsu h4 {
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 3%;
	font-family: var(--font-m);
}

#top_konoyouna,
#ryokin_tsuika ul {text-align: center;}
#top_konoyouna ul {
	background: url(img/top/konoyouna.jpg) no-repeat center bottom /50%;
	padding-bottom: 7%;
	margin-bottom: 3%;
}
#ryokin_tsuika ul {
	background: url(img/ryokin/ill.jpg) no-repeat center bottom /33%;
	padding-bottom: 5%;
	margin-bottom: 3%;
}
#top_konoyouna ul li,
#ryokin_tsuika ul li {
	width: 23%;
	float: left;
	margin-right: 2%;
	margin-bottom: 8%;
	padding: 2% 0;
	background: #E6E6E6;
	border-radius: 10px;
	font-weight: bold;
	position: relative;
	display: inline-block;
}
#top_konoyouna ul li::after,
#ryokin_tsuika ul li::after {
  content: "";
  position: absolute;
  right: 40px;
  bottom: -20px;
  transform: rotate(20deg);
  width: 30px;
  height: 40px;
  background: #E6E6E6;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
}
#top_konoyouna ul li:nth-child(1)::after,
#top_konoyouna ul li:nth-child(2)::after,
#ryokin_tsuika ul li:nth-child(1)::after,
#ryokin_tsuika ul li:nth-child(2)::after {
	left: 40px;
  transform: rotate(-20deg);
}

#top_konoyouna ul li:nth-child(1),
#top_konoyouna ul li:nth-child(4){margin-top: 5%;}
#ryokin_tsuika ul li:nth-child(1),
#ryokin_tsuika ul li:nth-child(4) {margin-top: 10%;}
#top_konoyouna p,
#ryokin_tsuika p {font-size: 1.1em;}
#shinken_column a {margin-top: 5%;}

#top_staff a,
#taisetsu a,
#nagare a,
#nagare_step a,
#chousa_flow a,
#yasusa a,
#company_joho a,
#staff_taisetsu a,
#shinken_jyunbi a,
#shinken_flow a,
#rikon_okane a,
#uwaki_flow a,
#keiji_jisseki3 a,
#shichoson a,
#hanashiai_hiyo a {
	width: 85%;
	background: var(--color-gold);
	padding: 2% 0;
	border: 1px solid #FFF;
	box-shadow: 0 0 10px rgba(0,0,0,0.2),0 0 10px rgba(0,0,0,0.2);
	text-align: center;
	font-size: 1.1em;
	color: #FFF;
	margin: 4% auto 0;
}
#taisetsu a,
#nagare a,
#company_joho a,
#shinken_jyunbi a {max-width: 300px;}

#nagare_step a,
#chousa_flow a,
#yasusa a,
#staff_taisetsu a,
#shinken_flow a {max-width: 450px;}
#rikon_okane a,
#hanashiai_hiyo a {max-width: 500px;}
#uwaki_flow a {
	max-width: 500px;
	margin: 3% auto;
}
#rikon_douka .wrap {
	max-width: 500px;
	margin: 0 auto;
}
#keiji_jisseki3 a,
#shichoson a {
	max-width: 300px;
	margin: 0 auto;
}

#top_staff .right p {line-height: 2em;}

#top_ron {
	padding: 5% 0;
	background: url(img/top/ron_b.jpg) no-repeat center bottom /cover;
	text-align: center;
	font-size: 1.2em;
	line-height: 1.7em;
}
#top_ron span {
	font-weight: bold;
	color: #C03;
}

#top_chosa h4 {
	color: #C03;
	font-size: 1.8em;
	font-weight: bold;
	text-align: center;
}
#top_chosa h4 span {font-size: 1.7em;}
#top_chosa ul li {
	width: 26.5%;
	float: left;
	border: 2px solid var(--color-charcoal);
	padding: 2%;
	margin: 3% 3% 0 0;
}
#top_chosa ul li:nth-child(3),
#top_chosa ul li:nth-child(7) {margin: 3% 0 0 0;}

#top_chosa ul li:nth-child(4),
#top_chosa ul li:nth-child(5),
#top_chosa ul li:nth-child(6),
#top_chosa ul li:nth-child(7) {
	width: 18%;
}
#top_chosa ul li img {
	width: 45%;
	margin: 0 auto 2%;
}
#top_chosa ul li h5,
.tsukaeru h5 {
	text-align: center;
	font-size: 1.3em;
	line-height: 1.6em;
	color: var(--color-orange);
	font-family: var(--font-m);
	margin-bottom: 1%;
}
.tsukaeru h5 {
	color:#333;
	margin-bottom: 3%;
}

#tuduketekitakoto_sogyo_ataeru h5 {
	font-size: 1.3em;
	line-height: 1.5em;
	color: var(--color-orange);
	font-family: var(--font-m);
	font-weight: bold;
}

#top_jisseki li {
	width: 48%;
	float: left;
	margin: 0 1% 3%;
	background: var(--color-charcoal);
	padding: 2% 10%;
}
#top_jisseki li:nth-child(1) img,
#top_jisseki li:nth-child(2) img {
	width: 20%;
	margin-right: 5%;
	float: left;
}
#top_jisseki li h4 {
	color: #FFF;
	font-size: 1.6em;
	line-height: 1.5em;
	font-weight: bold;
	float: left;
}
#top_jisseki li .click {
	background: #FFF;
	padding: 1%;
	text-align: center;
	font-weight: bold;
	width: 90%;
	margin: 2% auto 0;
}
#top_jisseki li:nth-child(3) {
	background: none;
	width: 90%;
	float: none;
	margin: 0 auto;
	padding: 0;
}

#top_flow ul,
#yoitantei_5 ul,
#josei_flow ul,
#tochoki_flow ul,
#hojin_flow ul,
#keiji_flow ul,
#hanashiai_soudan_flow ul {
	max-width: 750px;
	margin: 0 auto;
}
#top_flow li,
#yarinaoshi_flow li,
#josei_flow li,
#tochoki_flow li,
#hojin_flow li,
#keiji_flow li,
#hanashiai_soudan_flow li {
	background: url(img/top/flow_b.svg) no-repeat center bottom /100%;
	margin-bottom: 2%;
	padding: 0 4% 4%;
}
.hojin_flow_wrap {
	background: var(--bk-gold);
	padding: 3%;
	margin: 3% auto;
	max-width: 800px;
}
#hojin_flow .hojin_flow_wrap ul {
	background: #FFF;
	padding: 3%;
	margin-bottom: 1%;
}
#hojin_flow .hojin_flow_wrap li {
	background: none;
	padding: 0;
}
#hojin_flow .hojin_flow_wrap li:last-child {padding: 0;}
#yoitantei_5 li {
	background: #FFF;
	border: 1px solid var(--color-gold);
	border-radius: 10px;
	margin-bottom: 3%;
	padding: 3%;
}
#yarinaoshi_flow li ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-content: flex-start;
	align-content: flex-start;
}
#yarinaoshi_flow li ul li,
#yarinaoshi_flow li ul li:last-child {
	background: none;
	width: 21%;
	float: left;
	margin: 2% 2% 0;
	padding: 0;
	text-align: center;
	display: block;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
#yarinaoshi_flow li ul li img {
	width: 60%;
	max-width: 70px;
	margin: 1% auto;
}
#top_flow li:last-child,
#yarinaoshi_flow li:last-child,
#josei_flow li:last-child,
#tochoki_flow li:last-child,
#hojin_flow li:last-child,
#keiji_flow li:last-child,
#hanashiai_soudan_flow li:last-child {
	background: none;
	margin-bottom: 0;
	padding: 0 4%;
}
#top_flow li .left,
#yarinaoshi_flow li .left,
#yoitantei_5 li .left,
#josei_flow li .left,
#tochoki_flow li .left,
#hojin_flow li .left,
#keiji_flow li .left,
#hanashiai_soudan_flow .left {
	width: 8%;
	font-size: 3em;
	color: var(--color-gold);
	font-family: var(--font-m);
	font-weight: bold;
	margin-top: 1%;
}
#top_flow li .right,
#yarinaoshi_flow li .right,
#yoitantei_5 li .right,
#josei_flow li .right,
#tochoki_flow li .right,
#shinken_column li,
#hojin_flow li .right,
#keiji_flow li .right,
#hanashiai_soudan_flow li .right {width: 90%;}

#top_flow h4,
#top_2choice h4,
#yarinaoshi_flow h4,
#josei_flow h4,
#tochoki_flow h4,
#hojin_flow h4,
#keiji_flow h4,
#hanashiai_soudan_flow h4 {
	font-size: 1.3em;
	font-weight: bold;
	font-family: var(--font-m);
}
#yoitantei_5 h4 {
	font-size: 1.1em;
	font-family: var(--font-m);
	border-bottom: 1px solid var(--color-gold);
	margin-bottom: 1%;
	padding-bottom: 1%;
}
#chousago h4,
#hojin_3 h4 {
	font-size: 1.5em;
	font-weight: bold;
	font-family: var(--font-m);
}
#tuduketekitakoto_sogyo_ataeru h4 {
	font-size: 1.8em;
	font-weight: bold;
	font-family: var(--font-m);
}
#nagare_step h4,
#shinken_4 h4 {
	font-size: 1.5em;
	font-weight: bold;
	font-family: var(--font-m);
	color: var(--color-orange);
}

#rikon_bengoshi .left h4 {
	border-bottom: 1px solid var(--color-gold);
	padding-bottom: 2%;
}
.tuduketekitakoto_sogyo_wrap h5 {
	color: var(--color-gold);
	font-size: 1.2em;
	margin-bottom: 2%;
	font-family: var(--font-m);
}

#top_2choice ul {
	width: 85%;
	margin: 0 auto;
}
#top_2choice li {
	width: 48%;
	float: left;
	margin: 0 2%;
	background: var(--bk-gold);
}
#top_2choice li:nth-child(2n) {margin: 0;}
#top_2choice li .txt_wrap {padding: 5%;}
#top_2choice li .click,
#ryokin_service li .click {
	background: #FFF;
	text-align: center;
	padding: 1% 0;
	width: 70%;
	margin: 2% auto 0;
}

#top_jokyo li {
	width: 42%;
	float: left;
	border-radius: 10px;
	border: 2px solid var(--color-orange);
	padding: 3%;
	box-shadow: 0 0 10px rgba(0,0,0,0.2),0 0 10px rgba(0,0,0,0.2);
	margin: 0 2% 2% 0;
}
#top_jokyo li:nth-child(2n) {margin: 0 0 2% 0;}
#top_jokyo li .left {width: 33%;}
#top_jokyo li .right {width: 65%;}
#top_jokyo h4 {
	color: #C03;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 2%;
	font-family: var(--font-m);
}
#top_jokyo .click {
	font-weight: bold;
	text-align: center;
}
#top_jokyo .click:after {
	content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 15px;
  height: 15px;
 background: url(img/top/click1.svg) no-repeat;
  background-size: contain;
  vertical-align: middle;
}

#top_banner2 ul {
	max-width: 750px;
	margin: 0 auto;
}
#top_banner2 ul li {
	margin-bottom: 2%;
	background: var(--bk-gold) url(img/top/click2.svg) no-repeat 95% center /7%;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.7em;
}
#top_banner2 ul li .left {width: 40%;}
#top_banner2 ul li .right {
	width: 60%;
	padding: 3%;
}
#top_banner2 h4 {
	font-size: 1.6em;
	margin-bottom: 3%;
	font-family: var(--font-m);
	font-weight: bold;
}

#top_koe .click {
	border: 1px solid var(--color-charcoal);
	text-align: center;
	max-width: 400px;
	padding: 0.5% 0;
	box-shadow: 0 0 10px rgba(0,0,0,0.2),0 0 10px rgba(0,0,0,0.2);
	margin: 3% auto 0;
}

#top_sogyo {
	text-align: center;
	background: url(img/top/sogyo_b.jpg) no-repeat center right/ 35%;
}

#hojin_jisseki .tsukaeru,
#group_taisetsu ul {
	background: var(--bk-gray);
	padding: 3% 3% 1%;
	margin-top: 3%;
}
#uwaki_gokai .tsukaeru {
	background: var(--bk-orange);
	padding: 3% 3% 1%;
}
#hojin_jisseki .tsukaeru span,
#uwaki_gokai .tsukaeru span.jissai {
	background: #FFF;
	border-radius: 50%;
	padding: 2.5% 1.5%;
}
#uwaki_gokai .tsukaeru span {
	width: 10%;
	float: left;
}
#uwaki_gokai .tsukaeru p {
	width: 87%;
	float: right;
	text-align: left;
}
#hanashiai_flow .tsukaeru {
	background: var(--color-gray);
	padding: 3% 3% 1%;
}
#hanashiai_flow li:nth-child(2) .tsukaeru {
	background: var(--color-gold);
	padding: 3% 3% 1%;
}
#hojin_jisseki .jirei_wrap h5,
#uwaki_gokai .jirei_wrap h5 {
	font-size: 1.1em;
	line-height: 1.5em;
}
#uwaki_moshikashite ul {
	text-align: center;
	margin-top: 3%;
	font-size: 1.2em;
	line-height: 1.5em;
	font-weight: bold;
	font-family: var(--font-m);
}

#top_sogyo ul,
#ima ul,
#no_rikon ul,
#yakusoku ul {margin-top: 3%;}

#top_sogyo li,
#ima li,
#no_rikon li,
#yakusoku li,
#shinken_column li,
#hojin li,
#hojin_zairyo li,
#uwaki_moshikashite li,
#keiji_column li {
	width: 30%;
	float: left;
	margin: 0 1% 3%;
	border: 2px solid var(--color-gold);
	border-radius: 10px;
	padding: 2%;
	background: #FFF;
}
#no_rikon li{
	font-size: 1.2em;
	font-family: var(--font-m);
	color: var(--color-d-gold);
}
#yakusoku li {
	font-size: 1.3em;
	font-family: var(--font-m);
	text-align: center;font-weight: bold;
	padding-top: 3%;
}
#yakusoku li span {
	font-size: 4em;
	color: var(--color-gold);
}
#hojin li,
#hojin_zairyo li {
	border: 2px solid var(--color-kon);
	text-align: center;
	margin-top: 5%;
}

#top_area h5 {
	font-weight: bold;
	font-size: 1em;
	margin-bottom: 1%;
}

#top_area {background: var(--bk-l-gold) url(img/top/area_b.png) no-repeat left top /40%;}
#chousa_area {background: var(--bk-l-gold);}

#top_area li,
#saiteki li,
#nagare_yakusoku li,
#yomikata li,
#taiou_kojin li,
#taiou_hojin li,
#chousa_dankai li,
#yarinaoshi_okane li,
#yarinaoshi_taisetsu li,
#yoitantei_kangaekata li,
#company_ayumi li,
#staff_mazu li,
#josei_kotiramo li,
#hojin_shinkoku li,
#rikon_mae li,
#rikon_okane li,
#chousa_dankai_uwaki .white2 li,
#keiji_jisseki3 li,
#group_renkei li,
#single_rikon li {
	width: 30%;
	float: left;
	margin: 0 1% 3%;
	background: #FFF;
	text-align: center;
	box-shadow: 0 0 10px rgba(0,0,0,0.2),0 0 10px rgba(0,0,0,0.2);
	padding: 2%;
}

#staff_mazu li,
#josei_kotiramo li,
#hojin_shinkoku li,
#rikon_okane li,
#keiji_jisseki3 li,
#single_rikon li {width: 27%;}

#company_taisetsu li,
#group_yakuwari li,
#hanashiai_kimochi li {
	text-align: left;
	margin-bottom: 3%;
}

#tokyo_dochira li {
	width: 45%;
	float: left;
	margin: 2% 2.5%;
	border: 2px solid var(--color-gold);
	background:  #FFF;
	padding: 3%;
	border-radius: 10px;
}

#yarinaoshi_kanren li {
	width: 30%;
	float: left;
	margin: 0 1% 3%;
	background: var(--bk-gold);
	text-align: center;
	padding: 5% 2%;
}
#shinken_handan li {
	width: 23%; 
	float: left;
	margin: 0 1% 3%;
	background: var(--bk-gold);
	text-align: center;
	padding: 5% 2%;
}
#chousa_area li,
#gaman li.gaman_demerit,
#gaman li.gaman_merit,
#muiteiru li.muiteiru,
#muiteiru li.awanai,
#company_taisetsu li.taisetsu_li,
#group_yakuwari li.taisetsu_li,
#hanashiai_kimochi li.taisetsu_li{
	width: 45%;
	float: left;
	margin: 0 1% 3%;
	background: #FFF;
	text-align: center;
	box-shadow: 0 0 10px rgba(0,0,0,0.2),0 0 10px rgba(0,0,0,0.2);
	padding: 3%;
}
#hanashiai_kimochi li.taisetsu_li {width: 40%;}
#rikon_shoko li.gaman_demerit,
#rikon_shoko li.gaman_merit,
#hanashiai_flow li  {
	width: 45%;
	float: left;
	margin: 0 1% 3%;
	background: #FFF;
	text-align: center;
	padding: 3%;
}
#rikon_shoko li.gaman_demerit {background: var(--bk-brown);}
#muiteiru li.muiteiru {
	border-radius: 10px;
	border: 1px solid var(--color-orange);
}
#muiteiru li.awanai{
	border-radius: 10px;
	border: 1px solid #333;
}
#company_taisetsu li.taisetsu_li,
#group_yakuwari li.taisetsu_li,
#hanashiai_kimochi  li.taisetsu_li {
	border-radius: 10px;
	border: 1px solid var(--color-gold);
	text-align: left;
}
#hanashiai_kimochi li.taisetsu_li img {
	float: right;
	width: 35%;
}
#muiteiru li {
	text-align: left;
	margin-bottom: 1%;
}
#saiteki li,
#nagare_yakusoku li,
#yarinaoshi_okane li,
#yarinaoshi_taisetsu li,
#yoitantei_kangaekata li,
#company_ayumi li,
#rikon_okane li,
#group_renkei li,
#single_rikon li {padding: 5% 2%;}

#taiou_kojin li {
	width: 26%;
	border: 2px solid var(--color-gold);
	border-radius: 10px;
}
#taiou_hojin li {
	width: 47%;
	border: 2px solid var(--color-kon);
	border-radius: 10px;
}
#chousa_dankai li,
#chousa_dankai_uwaki .white2 li {
	width: 47%;
	border: 2px solid var(--color-orange);
	border-radius: 10px;
}

#uwaki_kangaekata li {
	width: 27%;
	float: left;
	margin: 0 1% 3%;
	background: #FFF;
	text-align: center;
	box-shadow: 0 0 10px rgba(0,0,0,0.2),0 0 10px rgba(0,0,0,0.2);
	padding: 2%;
}
#chousa_dankai_uwaki .white2 li {width: 43%;}

#yomikata li p,
#staff_mazu li p,
#josei_kotiramo p,
#hojin_shinkoku p,
#uwaki_kangaekata li p,
#keiji_jisseki3 p,
#keiji_jisseki h3,
#single_rikon p {text-align: left;}

#taiou_kojin li p,
#taiou_hojin li p,
#chousa_dankai li p {
	text-align: left;
	margin-bottom: 4%;
}

#top_area li p,
#chousa_area li p {
	text-align: left;
	font-size: 0.9em;
	line-height: 1.5em;
	margin-bottom: 2%;
}
#top_area li .click,
#chousa_area li .click {
	background: #F19621;
	color: #FFF;
	width: 60%;
	padding: 0.5% 0;
	margin: 3% auto 0;
}
#top_area .click2 {
	background: #FFF;
	padding: 0.5% 0;
	width: 60%;
	max-width: 300px;
	text-align: center;
	margin: 3% auto 0;
	box-shadow: 0 0 10px rgba(0,0,0,0.2),0 0 10px rgba(0,0,0,0.2);
}

#tuduketekitakoto_sogyo li {margin-bottom: 7%;}
#tuduketekitakoto_sogyo li:last-child {margin-bottom: 0;}

#hojin_jisseki ul li ul {
	max-width: 90%;
	margin: 0 auto 0 5%;
	padding-left: 5%;
}

#top_info {padding: 5% 0 0;}
#top_info h3 {
	text-align: right;
	width: 65%;
	float: left;
}
#top_info .click {
	width: 20%;
	float: left;
	background: #FFF;
	padding: 0.5% 0;
	text-align: center;
	margin: 0 0 0 5%;
	border: 1px solid var(--color-d-gold); 
}
.post_f,
#hanashiai_yakuwari .wrap {
	max-width: 800px;
	margin: 0 auto;
}
.mw800 {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.mw500 {
	max-width: 500px;
	margin: auto;
}

.post_f li {
	margin-bottom: 2%;
	padding: 0 2% 3%;
	border-bottom: 1px solid #B3B3B3;
}
.post_f li:last-child {border-bottom: none;}

.info_txt {
	float: left;
	width: 60%;
	margin-left: 3%;
	font-weight: bold;
}

/*投稿カテゴリーのラベル class=category_slug*/
.info_i {
	float: left;
	width: 15%;
}
.info_i li {
	width: auto !important;
	margin: 0 2% 5% 0 !important;
	padding: 0.5% 1%; !important;
	border: none;
	text-align: center;
}
.information,
.column,
.okyakusamakara,
.media,
.ibaraki-tsukuba-qa,
.report-legal,
.about-choosing,
.corporate,
.stalker-measures,
.money-trouble,
.child-support,
.inheritance-family,
.redo-case,
.affair-investigation {
	border-radius:30px;
	font-size:0.6em;
	color:#fff;
	line-height: 1.5em;
}
.information,
.media,
.okyakusamakara {background:#5D86A7;}
.column {background: var(--color-orange);}
.ibaraki-tsukuba-qa {background:#72A170;}
.report-legal {background:#47557B;}
.about-choosing {background:#7C5520;}
.corporate {background:#4C444D;}
.stalker-measures {background:#515020;}
.money-trouble {background:#BDA45A;}
.child-support {background:#A07AA5;}
.inheritance-family {background:#985520;}
.redo-case {background:#E4A720;}
.affair-investigation {background:#D96989;}

.info_click {
	float: right;
	color: var(--color-d-gold);
	width: 15%;
}


/*初めての方へ*/
.diagram{
    position:relative;
	max-width:680px;
    height:50%;
    margin:1% auto;
    padding-bottom:50%;
}
.bubble{
    position:absolute;
    width:24%;
    height:0;
    padding-bottom:24%;
    border-radius:50%;
    background:#e6e6e6;
    box-shadow: 0 0 18px 8px rgba(0, 0, 0, 0.1);
}
.bubble-inner{
    position:absolute;
    inset:0;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    padding:16%;
    text-align:center;
    box-sizing:border-box;
}
.q-mark{
    color:#fff;
	font-family: var(--font-m);
    font-size:2.4vw;
    font-weight:bold;
    line-height:1;
    margin-bottom:6%;
	text-shadow: 0 0 5px rgba(0,0,0,0.5);
}
.bubble-text{
    font-size:1em;
    line-height:1.5em;
}
#josei_jokyo .bubble-text {
    font-size:0.8em;
    line-height:1.4em;
}
.center-image{
   position:absolute;
    left:50%;
    top:47%;
    width:36%;
    transform:translate(-50%,-50%);
    z-index:5;
}
#josei_jokyo .center-image{width: 20%;}
.center-image img{
    display:block;
    width:100%;
    height:auto;
}
/* 配置 */
.b-top{
    left:50%;
    top:3%;
    transform:translateX(-50%);
}
.b-top-r{
    right:3%;
    top:20%;
}
.b-bot-r{
    right:3%;
    bottom:20%;
}
.b-bot{
    left:50%;
    bottom:3%;
    transform:translateX(-50%);
}
.b-bot-l{
    left:3%;
    bottom:20%;
}
.b-top-l{
    left:3%;
    top:20%;
}
#saiteki,
#shoko,
#choice3,
#nagare_yakusoku,
#yomikata,
#taiou,
#no_rikon,
#staff_onaji,
#tuduketekitakoto_choice3 {
	background: var(--bk-gold);
	text-align: center;
}
#yarinaoshi_ooi,
#yarinaoshi_taisetsu,
#yoitantei_5,
#yoitantei_check,
#yasusa,
#company_taisetsu,
#staff_kurihara,
#iede_taiou,
#syozai_taiou,
#iyagarase_taiou,
#tochoki_taiou,
#shinken_taisetsu,
#shinken_torikumi,
#rikon_mae,
#rikon_shoko,
#tuduketekitakoto_sodan,
#uwaki_gokai,
#group_renkei,
#tokyo_dochira,
#uwaki_jirei,
#hojin_jirei,
#staff_naze,
#chousa_dankai_uwaki {background: var(--bk-gold);}

#saiteki ul,
#shoko ul,
.tsukaeru,
#chousa_parts ul,
#hojin .wrap,
#rikon_shoko .wrap,
#rikon_bengoshi ul,
#rikon_mayoi,
#tuduketekitakoto_sodan .wrap,
#tokyo_joho .wrap,
#area_joho .wrap,
#page_privacy .wrap,
#page_contact .wrap,
#hanashiai_flow .wrap,
#single_rikon .wrap,
#page_info .wrap {
	max-width: 800px;
	margin:0 auto;
}
#shisei ul,
#iede_taiou ul,
#syozai_taiou ul,
#tochoki_taiou ul {
	max-width: 800px;
	margin:0 auto 5%;
}

#uwaki_abaku li  {
	width: 20%;
	float: left;
	margin: 0 2%;
	border: 2px solid var(--color-gold);
	border-radius: 10px;
	padding: 1% 0;
}

#saiteki li img,
#seiri li img,
#nagare_yakusoku li img,
#ryokin_service li img,
#yomikata li img,
#iede_dekirukoto li img,
#syozai_dekirukoto li img,
#iyagarase_dekirukoto li img,
#tochoki_dekirukoto li img,
#shinken_onayami li img,
#tuduketekitakoto_shigoto li img,
#keiji_nayami li img {
	width: 20%;
	margin: 0 auto 5%;
}
#taiou_hojin li img,
#chousa_dankai li img,
#gaman li img,
#yarinaoshi_kanren li img,
#yoitantei_kangaekata li img,
#muiteiru li img,
#staff_mazu li img,
#josei_kotiramo li img,
#josei_kotiramo li img,
#hojin_shinkoku li img,
#rikon_shoko li img,
#rikon_bengoshi li img,
#chousa_dankai_uwaki .white2 li img,
#keiji_jisseki3 li img {
	width: 25%;
	margin: 0 auto 5%;
}
#taiou_kojin li img,
#yarinaoshi_okane li img,
#company_ayumi li img,
#company_next li img,
#taiou_wrap ul li img,
#taiou_wrap2 ul li img,
#chousa_parts ul li img,
#shinken_handan li img,
#rikon_okane li img,
#uwaki_abaku li img,
#uwaki_kangaekata li img,
#group_renkei li img,
#single_rikon li img {
	width: 35%;
	margin: 0 auto 5%;
}
#nagare_yakusoku p,
#yarinaoshi_okane p,
#yarinaoshi_taisetsu p,
#yarinaoshi_kanren p,
#shinken_handan p,
#rikon_mae p,
#rikon_okane p,
#group_renkei p {
	width: 85%;
	margin: 0 auto;
	text-align: left;
}
#company_next p {
	width: 90%;
	margin: 0 auto;
	text-align: left;
}
#dankai ul,
#uwaki_kokoroatari ul {
	background: var(--color-charcoal);
	color: #FFF;
	margin: 0 auto;
	padding: 4% 15%;
	 text-align: left;
	 display: inline-block; 
}
#uwaki_kokoroatari ul {margin: 0 auto 5%;}
#dankai ul li,
#uwaki_kokoroatari ul li {
	background: url(img/hajimete/check.svg) no-repeat left center /1em;
	padding-left: 1.2em;
	font-size: 1.2em;
	margin-bottom: 5%;
}
#wakaranai {
	padding: 5% 0;
	background: url(img/hajimete/wakaranai.jpg) no-repeat left top / cover;
}
#seiri ul,
#ryokin_service ul,
#iede_dekirukoto ul,
#syozai_dekirukoto ul,
#tochoki_dekirukoto ul,
#shinken_onayami ul,
#tuduketekitakoto_shigoto ul,
#keiji_nayami ul {
	max-width: 680px;
	margin:0 auto;
}
#iyagarase_dekirukoto {
	max-width: 700px;
	margin:0 auto;
}
#seiri li,
#iede_dekirukoto li,
#syozai_dekirukoto li,
#iyagarase_dekirukoto li,
#tochoki_dekirukoto li,
#shinken_onayami li,
#tuduketekitakoto_shigoto li,
#keiji_nayami li {
	width: 40%;
	/*min-height: 260px;*/
	float: left;
	margin: 0 2% 4%;
	background: #FFF;
	text-align: center;
	box-shadow: 0 0 10px rgba(0,0,0,0.2),0 0 10px rgba(0,0,0,0.2);
	padding: 2% 3%;
}
#iede_dekirukoto li p,
#syozai_dekirukoto li p,
#iyagarase_dekirukoto li p,
#tochoki_dekirukoto li p,
#shinken_onayami li p {text-align: left;
}
#ryokin_service li {
	width: 46%;
	float: left;
	margin: 0 2% 4%;
	background: var(--color-charcoal);
	padding: 2% 3%;	
}
#ryokin_service li a {color: #FFF;}
#ryokin_service li .click {color: #333;}
.houkou,
.tsukaeru {
	max-width: 800px;
	padding: 4%;
	margin: 3% auto 0;
	background: var(--bk-brown);
}
.houkou,
#staff_mazu,
#josei_kotiramo,
#chousa_parts,
#shinken_column,
#tuduketekitakoto_sogyo {background: var(--bk-orange);}

.tsukaeru {margin: 0 auto;}
.tsukaeru li {
	width: 27%;
	float: left;
	margin: 0 3%;
}
.tsukaeru li img,
#taisetsu li img,
#staff_onaji li img {
	width: 30%;
	margin: 0 auto 5%;
}
.tsukaeru li p {text-align: left;}

#chousago ul,
#nagare_step ul,
#shinken_4 ul,
#nagare_step ul,
#hojin_3 ul,
#tuduketekitakoto_sogyo ul,
#keiji_4 ul {
	border-left: 3px solid var(--color-gold);
	max-width: 500px;
	margin: 0 auto;
}
#hojin_3 ul,
#keiji_4 ul {
	border-left: 3px solid var(--color-kon);
	max-width: 650px;
}

#nagare_step ul{max-width: 800px;}
#uwaki_jirei ul li ul,
#shinyo_jirei ul li ul,
#hojin_jirei ul li ul,
#shinken_jirei ul li ul {
	max-width: 90%;
	border-left: 3px solid var(--bk-gold);
	margin: 0 auto 0 5%;
	padding-left: 5%;
}

#chousago li,
#nagare_step li,
#shinken_4 li,
#hojin_3 li,
#keiji_4 li,
#hanashiai_flow ul li ul li {
	padding-bottom: 8%;
	padding-left: 6%;
	margin-left: -12%;
}
#hanashiai_flow ul li ul li {
	padding-bottom: 3%;
	padding-left: 3%;
}
#hanashiai_flow ul li ul li {background: none;}
#hojin_3 li,
#keiji_4 li {margin-left: -10%;}

.jirei_wrap {
	padding-bottom: 8%;
	padding-left: 0;
}

#nagare_step li:last-child,
#chousago li:last-child,
#shinken_4 li:last-child,
#hojin_3 li:last-child,
#keiji_4 li:last-child,
#hanashiai_flow ul li ul li:last-child {padding-bottom: 0;}

#chousago li p,
#shinken_4 li p,
#hojin_3 li p,
#keiji_4 li p {margin-top: 2%;}

#choice3 li,
#tuduketekitakoto_choice3 li {
	width: 30%;
	float: left;
	margin: 0 1.5%;
	background: #FFF;
}
#choice3 li .txt_wrap {padding: 5%;}
#choice3 li p {text-align: left;}

#choice3 li .click,
#shinken_column a,
#tuduketekitakoto_choice3 li .click,
#keiji_column a {
	background: var(--color-gold);
	text-align: center;
	padding: 1% 0;
	width: 70%;
	margin: 2% auto 0;
	color:#FFF;
}
#tuduketekitakoto_choice3 li .click {margin-bottom: 10%;}
#keiji_column a {margin-top: 5%;}

#taisetsu ul,
#staff_onaji ul,
#hanashiai_yakuwari img {
	max-width: 600px;
	margin: 0 auto;
}
#taisetsu li,
#staff_onaji li {
	width: 25%;
	margin: 0 4% 3%;
	float: left;
	background: #FFF;
	border-radius: 50%;
	padding: 6% 0;
	text-align: center;
	box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.45);
}
#nagare,
#ryokin_sa,
#company_shojiki,
#torihiki,
#staff_bengoshi,
#hojin_naiyo,
#hojin_zairyo,
#hojin_jisseki,
#rikon_bengoshi,
#keiji_99,
#keiji_4,
#keiji_bengoshi,
#keiji_column,
#kengai,
#hojin_naiyo .plan_bk {background: var(--bk-gray);}
.flow{
    display:grid;
    grid-template-columns:repeat(5,1fr);
	font-size:1.1em;
}
.item p{
    position:relative;
    height:100px;
    background:#fff;
    clip-path:polygon(
        0 0,
        calc(100% - 35px) 0,
        100% 50%,
        calc(100% - 35px) 100%,
        0 100%,
        35px 50%
    );
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    margin-left:-18px;
}
.item:first-child p{
    margin-left:0;
    clip-path:polygon(
        0 0,
        calc(100% - 35px) 0,
        100% 50%,
        calc(100% - 35px) 100%,
        0 100%
    );
}
.item img {
	width: 30%;
	margin: 0 auto 10%;
}

#ima,
#company_tsumikasane {
	background: var(--bk-orange);
	text-align: center;
}


/*続けてきたこと*/
.tuduketekitakoto_sogyo_wrap,
#shichoson li,
#kengai li {
	max-width: 700px;
	background: #FFF;
	border-radius: 10px;
	border: 1px solid var(--color-gold);
	padding: 3%;
	box-shadow: 0 0 10px rgba(0,0,0,0.2),0 0 10px rgba(0,0,0,0.2);
	margin: 0 auto 5%;
}
#shichoson li,
#kengai li {max-width: 800px;}

.tuduketekitakoto_sogyo_wrap .left {width: 55%;}
.tuduketekitakoto_sogyo_wrap .right {width: 43%;}

#tuduketekitakoto_sogyo .tuduketekitakoto_sogyo_wrap ul,
#tuduketekitakoto_sogyo .tuduketekitakoto_sogyo_wrap li {
	border: none;
	margin: 0;
	padding: 0;
}
#tuduketekitakoto_sogyo .tuduketekitakoto_sogyo_wrap ul {
	max-width: 500px;
	margin: 3% auto 0;
}
#tuduketekitakoto_sogyo .tuduketekitakoto_sogyo_wrap li {
	color: #FFF;
	text-align: center;
	font-family: var(--font-m);
	font-weight: bold;
	font-size:1.2em;
	background: url(img/tuduketekitakoto/sien2.svg) no-repeat center center/ 100%;
	padding: 9% 0;
	width:  28%;
	margin: 0 2.5%;
	float: left;
}
#tuduketekitakoto_sogyo_ataeru img {
	max-width: 450px;
	margin: 0 auto 1%;
}
#tuduketekitakoto_sodan p {
	background: #FFF;
	border-radius: 10px;
	padding: 3%;
	box-shadow: 0 0 10px rgba(0,0,0,0.2),0 0 10px rgba(0,0,0,0.2);
	margin: 0 auto 5%;
	font-family: var(--font-m);
	color: var(--color-red);
	font-size: 1.3em;
	line-height: 1.7em;
	font-weight: bold;
	text-align: center;
}
#tuduketekitakoto_sodan li {
	width: 30%;
	border-radius: 10px;
	padding: 3% 0;
	margin: 0 1.5%;
	font-family: var(--font-m);
	font-weight: bold;
	text-align: center;
	border: 2px solid var(--color-d-gold);
	float: left;
}
#tuduketekitakoto_sodan li h4 {
	font-size: 1.2em;
	line-height: 1.7em;
}


/*解決までの流れ*/
#nagare_message {
	padding: 10% 0 10% 40%;
	background: url(img/nagare/b1.jpg) no-repeat left top / cover;
	color: #FFF;
	margin-top: -5%;
	font-size: 1.5em;
	line-height: 1.7em;
}
#nagare_flow li:nth-child(odd) {
	text-align: center;
	font-family: var(--font-m);
	font-weight: bold;
	border: 2px solid var(--color-gold);
	border-radius: 10px;
	width: 12%;
	padding: -5% 0 0;
	float: left;
	margin: 0 1%;
	font-size: 1.2em;
}
#nagare_flow li:nth-child(even){
	float: left;
	width: 3%;
	line-height: 3.5em;
	text-align: center;
	font-size: 1.7em;
}
#nagare_flow li span {
	font-size: 1.7em;
	color: #FFF;
	background: var(--color-gold);
	border-radius: 50%;
	padding: 7% 12%;
}
#nagare_flow li p {margin: 15% 0 30%;}

#nagare_step .step_no {
	width: 10%;
	background: url(img/nagare/step.svg) no-repeat left center /100%;
	font-size: 1em;
	text-align: center;
	font-weight: bold;
	font-family: var(--font-m);
	float: left;
	padding: 1.5% 0;
	line-height: 2em;
}
#chousago .step_no,
#shinken_4 .step_no,
#hojin_3 .step_no,
#rikon_dekirukoto .step_no,
#tuduketekitakoto_sogyo .step_no,
#keiji_4 .step_no,
#hanashiai_flow .step_no {
	width: 10%;
	background: var(--color-gold);
	font-size: 1.5em;
	text-align: center;
	font-weight: bold;
	font-family: var(--font-m);
	float: left;
	padding: 0.5% 0;
	line-height: 2em;
	border-radius: 50%;
	color: #FFF;
}
#hanashiai_flow .step_no {
	width: 20%;
	line-height: 1.7em;
}
#hanashiai_flow li:nth-child(1) .step_no {background: var(--color-gray);}
#hanashiai_flow li:nth-child(2) ul li:nth-child(1) .step_no {background: var(--color-gold);}
#tuduketekitakoto_sogyo .step_no {
	width: 1em;
	font-size: 1em;
	padding: 0;
	line-height: 1em;
	color: var(--color-gold);
	margin-left: -2%;
}
.step_wrap .step_no {
	width: 10%;
	background: var(--color-gold);
	font-size: 1.5em;
	float: left;
	padding: 0.5% 0;
	line-height: 2em;
	color: #FFF;
}
#hojin_3 .step_no,
#keiji_4 .step_no {
	background: var(--color-kon);
	width: 8%;
}
.step_no span {font-size: 3em;}
.step_wrap {
	width: 80%;
	float: right;
	margin: 3% 0 5%;
}
.jirei_wrap .step_wrap {
	width: 95%;
	margin: 0 0 5%;
}
#hojin_3 .step_wrap,
#keiji_4 .step_wrap {width: 85%;}
#tuduketekitakoto_sogyo .step_wrap {
	width: 90%;
	margin-top:0;
}
#hanashiai_flow .step_wrap {width: 75%;}

#nagare_step h5 {
	font-size: 1.1em;
	line-height: 1.5em;
	margin-bottom: 3%;
}
.rei{
	width: 48%;
	float: left;
	background: var(--bk-orange); 
}
.fuan{
	width: 48%;
	float: right;
	background: var(--bk-gray); 
}
.fuan_full {
	width: 100%;
	background: var(--bk-gray); 
}
.rei h6,
.fuan h6,
.fuan_full h6 {
	font-size: 1.1em;
	line-height: 1.5em;
	color: #FFF;
	font-family: var(--font-m);
	font-weight: bold;
	padding: 3% 3% 3% 10%;
	background: var(--color-orange)  url(img/nagare/step_rei.svg) no-repeat 2% center /7%;
}
.fuan h6 {
	background: var(--color-charcoal) url(img/nagare/step_fuan.svg) no-repeat 2% center /7%;
	color: #F3B93D;
}
.fuan_full h6 {
	background: var(--color-charcoal) url(img/nagare/step_fuan.svg) no-repeat 2% center /4%;
	color: #F3B93D;
	padding: 2% 2% 2% 7%;
}
.rei p,
.fuan p {padding: 4%;}
.fuan_full p {padding: 3%;}

.rei p span,
#torihiki li span,
#uwaki_abaku h4,
#uwaki_kangaekata h4 {color: var(--color-gold);}

.fuan p span,
.fuan_full p span,
#yarinaoshi_okane span,
#shippai span,
#yoitantei_kangaekata span,
#company_ayumi span,
#staff_taisetsu span,
#staff_staff span,
#staff_kurihara span,
#staff_bengoshi span {font-weight: bold;}

#nagare_smooth,
#josei_koe,
#hanashiai_hiyo {background: var(--bk-gold);}

.nagare_smooth_inner,
.omoi_wrap {
	max-width: 800px;
	margin: 0 auto;
	background: #FFF;
	padding: 5% 0;
	text-align: center;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0,0,0,0.2),0 0 10px rgba(0,0,0,0.2);
}
.omoi_wrap {
	text-align: left;
	padding: 5%;
}
.nagare_smooth_inner ul li {
	width: 30%;
	margin: 0 1.5% 3%;
	float: left;
}
.nagare_smooth_inner ul li img {
	width: 30%;
	margin: 0 auto 3%;
}
.kanpeki {
	color: #C03;
	font-size: 1.3em;
	font-weight: bold;
	font-family: var(--font-m);
	margin-bottom: 1%;
}
/*開閉式Q&A*/
.qa {
  margin: 0 auto 1em;
	max-width: 800px;
}

.qa summary {
  display: flex;
  /*justify-content: space-between;*/
  align-items: center;
  position: relative;
  cursor: pointer;
	background: var(--bk-gold);
	font-weight: bold;
}

.qa summary::before {
  position: absolute;
  font-size: 1.3em;
}

.qa summary span.q {
  background: var(--color-gold);
	color: #FFF;
	font-size: 1.5em;
  padding: 1em;
	margin-right: 3%;
}
#hojin_faq span.q {background: var(--color-kon);}

/*.qa summary::before {
  background: var(--color-gold);
	color: #FFF;
	font-size: 1.5em;
  content: "Q";
  padding: 1em;
}*/

.qa summary::after {
  transform: translateY(-25%) rotate(45deg);
  width: 7px;
  height: 7px;
  margin-left: 1em;
  border-bottom: 2px solid #333333b3;
  border-right: 2px solid #333333b3;
  content: '';
  transition: transform .5s;
}

.qa[open] summary::after {
  transform: rotate(225deg);
}

.qa p {
  position: relative;
  transform: translateY(-10px);
  opacity: 0;
  margin: 0;
  padding: 2em 3em 3em;
  transition: transform .5s, opacity .5s;
}

.qa[open] p {
  transform: none;
  opacity: 1;
}

.qa p a {
	background: var(--color-gold);
	color: #FFF;
	padding: 0.5% 2%;
	border-radius: 20px;
	float: right;
	display: inline-block;
	margin-top: 2%;
}

/*.qa p::before {
  line-height: 1.2;
  content: "A";
}*/
#nagare_handan {background: url(img/nagare/b2.jpg)no-repeat top right/cover;}
#nagare_handan .margin_b5p {
	text-shadow: 0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1);
}



/*料金のご案内*/
#ryokin_sa li {
	width: 22%;
	margin: 0 1.5% 3%;
	float: left;
	text-align: center;
}
#ryokin_sa li img {
	width: 40%;
	margin: 0 auto 3%;
}
.sa_wrap {
	width: 80%;
	margin: 0 auto 3%;
	background: #FFF;
	border-radius: 50%;
	padding: 15% 0;
	box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.45);
}
#ryokin_plan li,
#hojin_naiyo li,
#rikon_bengoshi li.b_white {
	width: 32%;
	float: left;
	margin: 0 1% 3% 0;
	border: 2px solid var(--color-gold);
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0,0,0,0.2),0 0 10px rgba(0,0,0,0.2);
}
#rikon_bengoshi li.b_white {
	background: #FFF;
	width: 38%;
}
#rikon_bengoshi li.kakeru {
	width: 20%;
	text-align: center;
	font-size: 5em;
	line-height: 3em;
	float: left;
}
#hojin_naiyo li {
	border: 2px solid var(--color-kon);
	background: #FFF;
}

#ryokin_plan li:nth-child(3n),
#hojin_naiyo li:nth-child(3n) {margin: 0 0 3% 0;}

#ryokin_plan .plan,
#hojin_naiyo .plan {
	background: var(--color-gold);
	color: #FFF;
	text-align: center;
	font-family: var(--font-m);
	font-weight: bold;
	padding: 2% 0;
	letter-spacing: 0.1em;
	font-size: 1.2em;
	border-radius: 8px 8px 0 0;
}
#hojin_naiyo .plan {background: var(--color-kon);}
.pd4 {padding: 4%;}
.plan_bk {
	background: var(--bk-brown);
	padding: 3%;
	margin: 3% 0;
	font-size: 0.9em;
}

.price_bk {
	background: var(--bk-gold);
	text-align: center;
	border-radius: 0 0 8px 8px;
}
.price_t{
	background: #FFF;
	border: 2px solid var(--color-gold);
	color: var(--color-gold);
	padding: 0.3% 3%;
	font-weight: bold;
	display: inline-block;
	margin-bottom: 5%;
	font-size: 0.8em;
}
.price_price {
	font-size: 1em;
	margin-bottom: 2%;
}
.price_price span {
	font-size: 1.7em;
	font-family: var(--font-m);
	font-weight: bold;
}
.orange_b,
#staff_hanashi span,
.omoi_wrap span {
	font-weight: bold;
	color: var(--color-orange);
}
#ryokin_hyo {background: var(--bk-gold);}
#ryokin_hyo span {
	font-size: 1.5em;
	font-family: var(--font-m);
	font-weight: bold;
}
#ryokin_hyo table {
	background: #FFF;
	border: 1px solid var(--color-gold);
	width: 100%;
	border-collapse: collapse;
}
#ryokin_hyo table th,
#ryokin_hyo table td {border: 1px solid var(--color-gold);}
#ryokin_hyo table th {
	background: var(--color-gold);
	color: #FFF;
	text-align: center;
	padding: 0.5%;
}
#chigai_8 table {
	border: 1px solid #333;
	width: 100%;
	border-collapse: collapse;
}
#chigai_8 table th,
#chigai_8 table td {border: 1px solid #333;}
#chigai_8 .contents_8 {background: var(--bk-orange);}
#chigai_8 .ippan {
	background: var(--bk-l-gold);
	text-align: center;
}
#chigai_8 .tsukuba {
	background: var(--color-gold);
	color: #FFF;
	text-align: center;
}

#sodanmae {
	background: url(img/ryokin/message.jpg) no-repeat left top /cover;
	padding-left: 40%;
}
.kakae {
	text-align: center;
	font-size: 1.3em;
	line-height: 1.5em;
	font-family: var(--font-m);
	font-weight: bold;
	background: var(--bk-orange);
	padding: 2% 0;
	max-width: 700px;
	margin:  3% auto;
}


/*解決事例*/
#yurusenai .wrap,
.fukusousei .wrap,
#shinken_jirei .fukusousei,
#yarinaoshi_ooi .wrap,
#profile .wrap,
#company_joho .wrap,
#omoi_gyokai .wrap,
#josei_baai .wrap {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
#shinken_jirei .fukusousei .wrap {margin: 0 auto;}

#yurusenai .wrap span,
.fukusousei .wrap span,
.jirei_wrap span,
#shisei li span,
#yasusa_wrap span,
#profile span,
#iede_taiou span,
#iede_hakken span,
#syozai_taiou span,
#syozai_support span,
#iyagarase_taiou span,
#iyagarase_taisetsu span,
#tochoki_taiou span {font-weight: bold;}

#yurusenai_img {
	background: #FCEDE7 url(img/jirei/img.jpg) no-repeat top right/30%;
	font-family: var(--font-m);
} 
#yurusenai_img .wrap {padding-right: 15%;}
#yurusenai_img .wrap .sp100 {margin-bottom: 3%;}
.fukusousei li {margin-bottom: 7%;}
.t_wrap {
	display: flex;/*高さ揃え*/
    align-items: stretch;/*高さ揃え*/
	background: var(--bk-gold);
	margin-bottom: 2%;
}
.fukusousei .left {
	width: 7%;
	text-align: center;
	padding-left: 0.8em;
	color: #FFF;
	background: var(--color-gold);
	font-size: 1.5em;
	font-weight: bold;
	display: flex;/*高さ揃え*/
    align-items: center;/*高さ揃え*/
}
.fukusousei h4 {
	font-size: 1.2em;
	line-height: 1.5em;
	padding: 1em;
	float: left;
	width: 90%;
	display: flex;/*高さ揃え*/
    align-items: center;/*高さ揃え*/
	margin-bottom: 0;
	font-family: var(--font-base);
}

#uwaki_jirei,
#hojin_jirei,
#staff_naze,
#hanashiai_flow {background: var(--bk-gold);}

#uwaki_jirei h3 img,
#shinyo_jirei h3 img,
#hojin_jirei h3 img,
#shinken_jirei h3 img {
	width: 20%;
	max-width: 100px;
	margin: 0 auto 2%;
}
#uwaki_jirei h3,
#shinyo_jirei h3,
#hojin_jirei h3,
#shinken_jirei h3 {margin-bottom: 1%;}
.jirei_wrap,
.staff_naze_wrap,
.josei_mietekuru {
	margin: 0 auto 7%;
	background: #FFF;
	padding: 4%;
	text-align: left;
	filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.1));
	/* 右角三角 */
	position: relative;
	background: linear-gradient(225deg, transparent 28px, #ffffff 28px);
}
.staff_naze_wrap {max-width:800px;}
#shinyo_jirei .jirei_wrap,
#shinken_jirei .jirei_wrap,
#keiji_3case .jirei_wrap {filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.5));}

/* 右角三角 */
.jirei_wrap::before,
.staff_naze_wrap::before,
.josei_mietekuru::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  /* ② めくれた三角形に色をつける */
  background: linear-gradient(225deg, transparent 50%, var(--color-gold) 50%);
  /* 折り返しの立体感を出す影 */
  box-shadow: -3px 3px 5px rgba(0, 0, 0, 0.15);
  /* 角丸を少しつけると紙らしさが増します */
  border-bottom-left-radius: 4px;
}
.jirei_wrap h4,
#hojin_jisseki .jirei_wrap h4,
#keiji_3case .jirei_wrap h4 {
	border-bottom: 1px solid var(--color-gold);
	margin-bottom: 2%;
	padding-bottom: 2%;
	color: var(--color-d-gold);
	font-size: 1.5em;
}
#hojin_jisseki .jirei_wrap h4,
#keiji_3case .jirei_wrap h4 {color: var(--color-kon);}

.jirei_wrap h4 span,
#hojin_jisseki .jirei_wrap h4 span
#keiji_3case .jirei_wrap h4 span {
	background: var(--color-orange);
	color: #FFF;
	padding: 1% 2%;
	margin-right: 2%;
}
#hojin_jisseki .jirei_wrap h4 span,
#keiji_3case .jirei_wrap h4 span {background: var(--color-kon);}

.jirei_wrap h5,
#staff_naze h5 {
	font-size: 1.3em;
	line-height:1.6em;
	font-weight: bold;
	font-family: var(--font-m);
	margin-bottom: 2%;
}
#staff_naze h5 {
	color: var(--color-gold);
	text-align: center;
}
.jirei_wrap .stage {
	background: var(--bk-gold);
	color: var(--color-d-gold);
	text-align: center;
	padding: 0.5% 1%;
	width: 16%;
	float: left;
	margin-left: -13%;
}
#hojin_jisseki .jirei_wrap .stage,
#keiji_3case .jirei_wrap .stage {
	margin-right: 3%;
	margin-left: -6%;
}
.jirei_wrap .tsukaeru {
	text-align: left;
	font-size: 0.9em;
}

.kansatsu {
	padding: 4%;
	background: #F9F7F0;
}
.kansatsu {
	max-width: 850px;
	margin: 0 auto;
	font-size: 1.1em;
	line-height: 1.7em;
	font-family: var(--font-m);
}
.kansatsu h4,
.kansatsu span,
#staff_mazu h3,
#hanashiai_hanashiai h5 span {color: var(--color-red);}
.kansatsu h4 {text-align: center;}

#shisei {background: var(--bk-orange);}
#shojiki {
	background: var(--bk-orange);
	text-align: center;
	font-family: var(--font-m);
}
#shisei li,
#iede_taiou li,
#syozai_taiou li,
#iyagarase_taiou li,
#tochoki_taiou li {
	filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.1));
	background: #FFF;
	padding: 3%;
	margin-bottom: 5%;
}
#shisei li h4,
#iede_taiou li h4,
#syozai_taiou li h4,
#iyagarase_taiou li h4,
#tochoki_taiou li h4 {
	width: 31%;
	float: left;
}
#iede_taiou li h4,
#syozai_taiou li h4,
#iyagarase_taiou li h4,
#tochoki_taiou li h4 {text-align: center;}
#shisei li .right,
#iede_taiou li .right,
#syozai_taiou li .right,
#iyagarase_taiou li .right,
#tochoki_taiou li .right {
	width: 65%;
	padding-left: 3%; 
	border-left: 4px solid var(--color-gold);
}
#shisei li a {
	display: inline;
	color: var(--color-orange);
}
#shisei p {
	max-width: 730px;
	margin: 0 auto;
	font-family: var(--font-m);
}
#shisei p span,
#shojiki span,
#yarinaoshi_taisetsu h5 span,
#company_shojiki h4 span,
#company_tsumikasane span,
#rikon_mae h5 span {
	font-weight: bold;
	color: var(--color-red);
}


/*調査項目*/
#kyoutsu {text-align: center;}
#kyoutsu_shoko {
	color: #908B89;
	margin: 3% 0;
	font-size: 1.2em;
}
.sya {
	margin-right: 2%;
	position: relative;
}
.sya::before {
  content: '';
    transform: rotate(-10deg);
    width: 100%;
    border-top: 2px solid #C41815;
    position: absolute;
    top: 50%;
    left: 0;
}
#kyoutsu_shoko .shoko,
#no_rikon .shoko,
#uwaki_abaku .shoko {
	font-size: 1.3em;
	font-weight: bold;
	color: var(--color-orange);
	border: 1px solid var(--color-orange);
	padding: 1% 1% 1% 2em;
	border-radius: 10px;
	background: url(img/chousa/shoko.svg)no-repeat 2% center /10%;
	margin-left: 2%;
}
#no_rikon .shoko {background:  #FFF url(img/yarinaoshi/zairyo.svg)no-repeat 4% center /10%;}
#rikon_dekirukoto .shoko {background:  #FFF url(img/rikon/handan.svg)no-repeat 4% center /10%;}
#uwaki_abaku .shoko {background:  #FFF url(img/chousa/uwaki/jijitsu.svg)no-repeat 4% center /13%;}
#hojin_zairyo .shoko {
	background:  #FFF url(img/chousa/hojin/tadashi.svg)no-repeat 4% center /10%;
	color: var(--color-red);
	border: 1px solid var(--color-red);
}

#taiou_kojin,
#taiou_hojin {
	background: var(--bk-brown);
	padding: 3%;
	margin-bottom: 5%;
}
.tag,
.tag_orange,
.tag_white {
	color: var(--color-d-gold);
	background: var(--bk-gray);
	font-size: 0.8em;
	line-height: 1em;
	padding: 5px;
	margin-left: 1%;
	display: inline-block;
	margin-bottom: 5px;
}
#taiou_hojin .tag {color: var(--color-kon);}
.tag_orange {
	color: #FFF;
	background: var(--color-orange);
}
.tag_white {
	color: var(--color-d-gold);
	background: #FFF;
}
#taiou_kojin a,
#taiou_hojin a {
	background: var(--color-gold);
	color: #FFF;
	margin-top: 4%;
	padding: 1% 0;
}
#taiou_hojin a {
	background: var(--color-kon);
	max-width: 300px;
	margin: 4% auto 0;
}
#chousa_dankai h3,
#chousa_dankai_uwaki h3 {
	background: url(img/chousa/uwaki/dankai1.svg) no-repeat 15% center /14% ,url(img/chousa/uwaki/dankai2.svg) no-repeat 85% center /14%;
	padding: 5% 0;
	margin: 0;
}
#chousa_dankai li span {color: var(--color-gold);}
#chousa_area ul,
#gaman .wrap,
#hanashiai_hanashiai .wrap {
	max-width: 800px;
	margin: 0 auto;
}
#chousa_mutsukashi {
	text-align: left;
	background: url(img/chousa/tasya_b.jpg) no-repeat top left /cover;
	padding: 5% 10% 5% 30%;
}
#chousa_mutsukashi .white_b {
	background: rgba(255,255,255,0.6);
	padding: 5%;
}
#chousa_mutsukashi p {
	font-size: 1.2em;
	line-height: 1.7em;
}

/*家出*/
.chousa_case {
	font-family: var(--font-m);
	font-weight: bold;
	text-align: left;
	max-width: 700px;
	margin: 5% auto 0;
}
.chousa_case2 {
	font-family: var(--font-m);
	font-weight: bold;
	text-align: left;
	max-width: 700px;
	margin: 5% 0 0 auto;
}
#taiou_wrap {
	background: var(--bk-gold);
	padding: 2% 5% 0;
	margin-bottom: 3%;
}
#taiou_wrap2 {
	background: var(--bk-gold);
	padding: 2% 5% 3%;
	margin-bottom: 3%;
}
.taiou_wrap_ill {
	max-width: 600px;
	margin: 0 auto;
}
.taiou_wrap2_ill {
	max-width: 450px;
	margin: 0 auto;
}
.taiou_wrap_ill .left {width: 23%;}
.taiou_wrap2_ill .left {width: 31%;}
.taiou_wrap_ill .right,
.taiou_wrap2_ill .right　{
	width: 72%;
	margin-top: 10%;
}

#iede_aitai {
	background: url(img/chousa/iede/b2.jpg)no-repeat top right/cover;
	padding: 7% 0;
}
#syozai_sinjitsu {
	background: url(img/chousa/syozai/b2.jpg)no-repeat top right/cover;
	padding: 7% 0;
}
#iyagarase_jijitsu {
	background: url(img/chousa/iyagarase/b2.jpg)no-repeat top right/cover;
	padding: 7% 0;
}
#tochoki_sinjitsu {
	background: url(img/chousa/tochoki/b2.jpg)no-repeat top right/cover;
	padding: 7% 0;
	color: #FFF;
}
#shinken_tasya {
	background: url(img/chousa/shinken/b2.jpg)no-repeat left top /cover;
	padding: 7% 0 7% 45%;
}
#rikon_douka {
	background: url(img/rikon/b2.jpg) no-repeat top right/cover;
	padding: 5% 0;
	text-align: left;
}
#group_ookiku {
	background: url(img/chousa/tokyo/b2.jpg) no-repeat top right/cover;
	padding: 5% 0;
	text-align: left;
}
#area_shisei {
	background: url(img/area/b2.jpg) no-repeat top right/cover;
	padding: 5% 0;
	text-align: left;
}

#chousa_parts li {
	width: 31%;
	background: #FFF;
	border: 1px solid var(--color-gold);
	border-radius: 10px;
	margin: 0 1% 2%;
	padding: 3% 0;
	text-align: center;
	float: left;
}

/*やり直し*/
#kimochi {
	background: url(img/yarinaoshi/kimochi_b.jpg) no-repeat bottom right /cover;
	margin-top: -5%;
	text-align: center;
}
#mayoi {
	background: url(img/yoitantei/mayoi_b.jpg) no-repeat bottom right /cover;
	margin-top: -5%;
	text-align: center;
}
#iede_jokyo {
	background: url(img/chousa/iede/b1.jpg) no-repeat bottom right /cover;
	margin-top: -5%;
	text-align: center;
	padding-top: 5%;
}
#hanashiai_kekka {background: url(img/josei/hanashiai/b3.jpg) no-repeat bottom right /cover;}
#syozai_jokyo {
	background: url(img/chousa/syozai/b1.jpg) no-repeat bottom right /cover;
	margin-top: -5%;
	text-align: center;
	padding-top: 5%;
}
#iyagarase_jokyo {
	background: url(img/chousa/iyagarase/b1.jpg) no-repeat bottom right /cover;
	margin-top: -5%;
	text-align: center;
	padding-top: 5%;
}
#tochoki_jokyo {
	background: url(img/chousa/tochoki/b1.jpg) no-repeat bottom right /cover;
	margin-top: -5%;
	text-align: center;
	padding-top: 5%;
}
#shinken_bankai {
	background: url(img/chousa/shinken/b1.jpg) no-repeat left top /cover;
	padding-left: 45%;
}
#rikon_kimochi {
	background: url(img/rikon/b1.jpg) no-repeat bottom right /cover;
	margin-top: -5%;
	text-align: center;
}

#uwaki_fuan {
	background: url(img/chousa/uwaki/b2.jpg) no-repeat bottom right /cover;
	text-align: center;
}

#keiji_jisseki {
	background: url(img/keiji/b1.jpg) no-repeat bottom right /cover;
	text-align: left;
}
#keiji_tasya {
	background: url(img/keiji/b2.jpg) no-repeat bottom right /cover;
	text-align: left;
}
#hojin_trouble {
	background: url(img/chousa/hojin/b2.jpg) no-repeat left top/cover;
	padding: 5% 0 5% 50%;
	text-align: left;
}

#kimochi ul,
#mayoi ul, 
#yarinaoshi_kids_wrap .wrap,
#iede_jokyo ul,
#syozai_jokyo ul,
#tochoki_jokyo ul,
#rikon_kimochi ul,
#uwaki_fuan ul,
#hanashiai_kekka ul {
	margin: 5% auto;
	text-align: left;
	max-width: 700px;
}
#yarinaoshi_choice .wrap {
	margin: 0 auto;
	max-width: 700px;
}
#iyagarase_jokyo ul {
	margin: 0 0 0 auto;
	text-align: left;
	max-width: 700px;
}
#iede_jokyo ul,
#syozai_jokyo ul,
#tochoki_jokyo ul,
#hanashiai_kekka ul {margin: 2% auto 5%;}
#yarinaoshi_kids_wrap .wrap  {
	margin: 5% 0;
	float: right;
}
#yarinaoshi_kids_wrap ul {margin-top: 3%;}
#kimochi li,
#mayoi li,
#iede_jokyo li,
#syozai_jokyo li,
#iyagarase_jokyo li,
#tochoki_jokyo li,
#rikon_kimochi li,
#uwaki_fuan li,
#hanashiai_kekka li {
	padding: 2%;
	margin-bottom: 2%;
	background-image: linear-gradient(90deg, #ffffff 59%, transparent 82% 100%);
}

#yarinaoshi_kids_wrap li {
	padding: 2%;
	margin-bottom: 2%;
	background-image: linear-gradient(-90deg, #ffffff 90%, transparent 100% 100%);
}
#gaman li,
#rikon_shoko li {
	text-align: left;
	font-size: 1.1em;
	margin-bottom: 3%;
}
#gaman li.gaman_demerit {color: var(--color-gold);}
#gaman li.gaman_demerit span {
	color: #333;
	text-decoration: line-through;
}
#yarinaoshi_ooi .left {width: 43%;}
#yarinaoshi_ooi .right {width: 51%;}
#yarinaoshi_ooi .percent {
	background: #FFF;
	border: 2px solid var(--color-gold);
	text-align: center;
	font-size: 1.2em;
	line-height: 1.7em;
	padding: 3% 1%;
	margin: 5% auto;
}
#yarinaoshi_kids_wrap {
	background: url(img/yarinaoshi/kids_b.jpg) no-repeat bottom left /cover;
	margin-top: -5%;
}
#yarinaoshi_taisetsu h5,
#rikon_mae h5,
#keiji_jisseki3 h5 {
	text-align: center;
	font-size: 1.5em;
	line-height: 1.5em;
	font-family: var(--font-m);
}
#keiji_jisseki3 h5 {
	font-weight: bold;
	color: var(--color-red);
	text-align: center;
	font-size: 1.5em;
	line-height: 1.5em;
	font-family: var(--font-m);
	margin-bottom: 3%;
}
#yarinaoshi_kanren li a,
#company_next li a {
	background: #FFF;
	text-align: center;
	padding: 1% 0;
	width: 70%;
	margin: 5% auto 0;
	color: var(--color-d-gold);
}
#company_next li a {width: 100%;}
#yarinaoshi_choice {background: url(img/yarinaoshi/yarinaoshi_b.jpg) no-repeat top right/cover;}

#keiji_jisseki .wrap,
#keiji_tasya .wrap,
#hanashiai_ryougawa .wrap {
	max-width: 600px;
	margin: 0 auto;
	padding: 7% 0;
}


/*探偵選び*/
#shippai {text-align: center;}
#yoitantei_check ul,
.kurihara_message {
	background: #FFF;
	border-radius: 10px;
	margin: 3% auto;
	max-width: 800px;
	padding: 5% 7% 3%;
	box-shadow: 0 0 10px rgba(0,0,0,0.2),0 0 10px rgba(0,0,0,0.2);
}
#yoitantei_check li {
	background: url(img/yoitantei/check.svg) no-repeat left top / 3%;
	padding-left: 5%;
	margin-bottom: 5%;
}
#yoitantei_check li h4 {
	font-weight: normal;
	margin-bottom: 1%;
}
#yoitantei_check h5 {
	font-size: 1.3em;
	line-height: 1.5em;
	font-weight: bold;
	font-family: var(--font-m);
	text-align: center;
}
#yoitantei_kangaekata .ron {
	max-width: 400px;
	font-size: 1.8em;
	line-height: 1.5em;
	font-family: var(--font-m);
	margin: 0 auto 3%;
	background: var(--bk-brown);
	padding: 3%;
	text-align: center;
	font-weight: bold;
}
#yoitantei_kangaekata .ron span,
#torihiki h5 span {color:var(--color-red);}
#yasusa_wrap {
	max-width: 750px;
	padding: 4%;
	margin: 3% auto;
	text-align: left;
	background: #FFF;
	border: 1px solid var(--color-gold);
}
#yasusa_wrap h4 {
	font-weight: normal;
	margin-bottom: 3%;
}
#yoitantei_taisetsu {
	background: url(img/yoitantei/nattoku_b.jpg) no-repeat bottom left / cover;
	padding: 5% 0 5% 50%;
	text-align: left;
}


/*会社案内*/
.taisetsu_li h4 {
	float: left;
	width: 50%;
	margin-top: 7%;
	line-height: 1.7em;
}
#hanashiai_kimochi .taisetsu_li h4 {
	margin-top: 0;
	width: 100%;
	margin-bottom: 5%;
	font-size: 1.4em;
}
.taisetsu_li img {
	float: right;
	width: 45%;
}
.golg_top {
	border-top: 1px solid var(--color-gold);
	padding-top: 5%;
	margin-top: -5%;
}
.golg_top ul {margin: 5% 0;}
.golg_top li,
.shisei li {
	margin-bottom: 3%;
	font-family: var(--font-m);
	font-size: 1.1em;
	line-height: 1.5em;
}
.golg_top li span,
.shisei li span {color: var(--color-gold);}
#company_taisetsu .ron {
	margin: 0 auto 5%;
	width: 80%;
	max-width: 500px;
	font-size: 1.2em;
	text-align: center;
	font-family: var(--font-m);
	font-weight: bold;
	background: #FFF;
	padding: 4% 0 3%;
	line-height: 2.3em;
	box-shadow: 0 0 10px rgba(206,192,144,0.7),0 0 10px rgba(206,192,144,0.7);
}
#company_taisetsu .ron span {
	font-size: 2.7em;
	color: var(--color-d-gold);
}
#profile .left {width: 35%;}
#profile .right {width: 62%;}
#profile .right .tsukaeru h5 {text-align: left;}
#profile .name,
#staff_staff .name {
	margin: 5% 2%;
	font-size: 1.5em;
	letter-spacing: 0.4em;
	font-family: var(--font-m);
	font-weight: bold;
}
#staff_staff .name {margin: 2%;}

.shisei {
	max-width: 500px;
	margin: 3% auto 5%;
	border: 2px solid var(--color-gold);
	padding: 3%;
	background: var(--bk-orange);
}
.genten {
	text-align: center;
	line-height: 1.7em;
}
.genten span {
	color: var(--color-d-gold);
	font-family: var(--font-m);
	font-size: 1.7em;
	line-height: 1.6em;
	margin: 2% 0;
}
.genten img {
	width: 15%;
	max-width: 70px;
	margin: 3% auto;
}
.genten .ron {font-size: 2em;}

#company_shojiki ul,
#group_taisetsu ul {
	max-width: 800px;
	margin: 5% auto 0;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-content: flex-start;
	align-content: flex-start;
}
#company_shojiki li,
#group_taisetsu li {
	width: 45%;
	margin: 0 2.5% 5%;
	float: left;
	display: block;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
#company_shojiki li img,
#group_taisetsu li img {
	width: 35%;
	float: left;
}
#company_shojiki li:nth-child(odd) img,
#group_taisetsu li:nth-child(odd) img {float: right;}

#company_shojiki li p,
#group_taisetsu li p {
	width: 60%;
	font-size: 1.5em;
	line-height: 1.7em;
	font-weight: bold;
	font-family: var(--font-m);
	float: left;
	margin-top: 10%;
	text-align: right;
}
#company_shojiki li:nth-child(even) p,
#group_taisetsu li:nth-child(even) p {
	float: right;
	text-align: left;
}
#company_shojiki h4,
#staff_bengoshi h4 {
	max-width: 700px;
	margin: 5% auto;
	text-align: center;
	background: #FFF;
	border: 1px solid var(--color-gold);
	padding: 3% 0;
} 
#staff_bengoshi h4 {
	padding: 3%;
	margin: 5% auto 2%;
}
#staff_bengoshi h4 p {
	font-size: 0.8em;
	border-top: 1px solid var(--color-gold);
	padding-top: 2%;
	margin-top: 2%;
}
#company_joho img,
#area_joho img {
	width: 80%;
	max-width: 350px;
	margin: 0 auto 5%;
}
#company_joho th,
#tokyo_joho th,
#area_joho th {
	background: var(--bk-gold);
	width: 18%;
}
#company_joho th,
#company_joho td,
#tokyo_joho th,
#tokyo_joho td,
#area_joho th,
#area_joho td {border-bottom: 1px solid var(--color-gold);}

#torihiki li {margin-bottom: 3%;}
#torihiki li img {
	width: 45%;
	float: left;
}
#torihiki li:nth-child(even) img {float: right;}
#torihiki li .txt {
	width: 55%;
	float: right;
}
#torihiki li:nth-child(even) .txt {float: left;}
#torihiki h4 {
	background: #FFF;
	padding: 2% 4%;
	margin-bottom: 3%;
}
#torihiki li .left {
	width: 55%;
	margin-left: 5%;
}
#torihiki li .right {width: 35%;}
#torihiki h5 {
	text-align: center;
	font-size: 1.2em;
	line-height: 1.7em;
	background: #FFF;
	padding: 2%;
}
#company_next li,
#taiou_wrap li {
	width: 23%;
	float: left;
	margin: 0 1% 3%;
	background: var(--bk-gold);
	text-align: center;
	padding: 5% 2%;
}
#taiou_wrap2 li {
	width: 27%;
	float: left;
	margin: 0 1% 3%;
	background: var(--bk-gold);
	text-align: center;
	padding: 3% 2%;
}
#taiou_wrap li,
#taiou_wrap2 li {
	background: #FFF;
	text-align: left;
}
#company_tsumikasane h4 {
	text-align: center;
	font-family: var(--font-m);
	font-size: 1.3em;
	line-height: 1.6em;
	padding: 3%;
	background: #FFF;
	max-width: 650px;
	margin: 3% auto 0;
	font-weight: normal;
}



/*スタッフ紹介*/
#staff_staff li,
#josei_baai_wrap  {
	width: 96%;
	float: left;
	margin: 0 0 3% 1.5%;
	border: 2px solid var(--color-gold);
	border-radius: 10px;
	padding: 2%;
	background: #FFF;
	box-shadow: 0 0 10px rgba(0,0,0,0.2),0 0 10px rgba(0,0,0,0.2);
}
#josei_baai_wrap {margin-bottom: 5%;}
#staff_staff li:nth-child(2),
#staff_staff li:nth-child(3),
#staff_staff li:nth-child(4)  {
	width: 30%;
	margin: 0 1.5% 3%;
}
#staff_staff li img {
	width:25%;
	float: left;
}
#staff_staff li:nth-child(2) img,
#staff_staff li:nth-child(3) img,
#staff_staff li:nth-child(4) img {
	width:90%;
	margin:0 auto 3%;
	float: none;
}
#staff_staff li .right {width: 71%;}
#staff_staff li:nth-child(2) .right,
#staff_staff li:nth-child(3) .right,
#staff_staff li:nth-child(4) .right {width:100%;}
#staff_staff .txt {margin: 3% 0 3%;}
#staff_staff li:nth-child(1) .txt,
#staff_staff li:nth-child(5) .txt {margin: 1% 0 1% 1%;}
#staff_staff h4 {
	font-size:1em;
	line-height: 1.6em;
	background: var(--bk-gray);
	padding: 2% 3%;
	position: relative;
  display: inline-block;
  margin-top: 7%;
}
#staff_staff li:nth-child(1) h4,
#staff_staff li:nth-child(5) h4 {
	margin-top: 0;
	margin-left: 3%;
}
#staff_staff h4::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  border-style: solid;
  border-width: 0 10px 20px 10px;
  border-color: transparent transparent var(--bk-gray);
  translate: -50% -100%;
}
#staff_staff  li:nth-child(1) h4::after,
#staff_staff  li:nth-child(5) h4::after {
  top: 50%;
  left: 0;
  border-style: solid;
  border-width: 10px 20px 10px 0;
  border-color: transparent var(--bk-gray) transparent transparent;
  translate: -100% -50%;
}
.kurihara_wrap {
	max-width: 600px;
	margin: 0 auto;
}
.kurihara_wrap .txt {
	width: 70%;
	text-align: left;
	float: left;
	margin-top: 5%;
}

.kurihara_wrap img {
	width: 28%;
	float: right;
}
.kurihara_message {margin-top: 0;}
#staff_kurihara h4 {
	font-size: 1.8em;
	line-height: 1.5em;
	text-align: center;
	color: var(--color-orange);
}
#staff_kurihara h5 {
	font-size: 1.3em;
	line-height: 1.7em;
	text-align: center;
	color: var(--color-orange);
	background: var(--bk-brown);
	font-weight: bold;
	font-family: var(--font-m);
	padding: 3%;
	max-width: 600px;
	margin: 3% auto;
}
.chui {
	text-align: center;
	color: #FFF;
	background: var(--color-charcoal);
	padding: 0.5% 3%;
	display: inline-block;
}
#staff_bengoshi .left {width: 38%;}
#staff_bengoshi .right {
	width: 60%;
	margin-top: 5%;
}
#omoi_b {
	background: url(img/staff/b.jpg) no-repeat left center/ cover;
	padding: 4% 0 4% 45%;
}
.black {color: #333 !important;}
.qa_message {
	background: var(--bk-orange);
	padding: 4% 2%;
	text-align: center;
	max-width: 500px;
	margin: 0 auto;
}
.qa_message span {
	color: var(--color-orange);
	font-family: var(--font-m);
	font-size: 1.7em;
}

#staff_yokatta li {clear: both;}
#staff_yokatta li {float: left;}
#staff_yokatta li:nth-child(even) {float: right;}

/*吹き出し*/
.speechBubble {
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
  padding: 16px;
  border-radius: 8px;
  background-color: #FFF;
  text-align: left;
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, .2));
}

.speechBubble::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 20%;
  border-style: solid;
  border-width: 20px 10px 0 10px;
  border-color: #FFF transparent transparent;
  translate: -50% 100%;
}
#staff_yokatta li:nth-child(even) .speechBubble::after {left: 80%;}
#staff_yokatta img {
	max-width:400px;
	margin: 3% auto;
}
#staff_mutsukashi ul {
	margin-bottom: 5%;
	text-align: center;
}
#staff_mutsukashi ul li {
	width: 18%;
	float: left;
	margin: 0 1%;
}
#staff_mutsukashi ul li img {
	width: 30%;
	margin: 0 auto -7%;
}
#staff_mutsukashi ul li p {
	padding: 10% 0 7%;
	background: var(--bk-gold);
}
.b_orange {
	background: var(--bk-orange);
	padding: 2% 3%;
}
.b_gray {
	background: var(--bk-gray);
	padding: 2% 3%;
}
.b_white {
	background: #FFF;
	padding: 2% 3%;
}

/*女性の方へ*/
#josei_support {
	max-width: 650px;
	width: 90%;
	margin: 3% auto 5%;
	border: 1px solid var(--color-orange);
	border-radius: 10px;
}
#josei_support .left {
	width: 25%;
	margin-top: -5%;
	margin-left: 2%;
}
#josei_support .right {
	width: 72%;
	padding: 3%;
}
#josei_baai .left {
	width: 25%;
	text-align: center !important;
}
#josei_baai .right {width: 73%;}
#josei_baai a,
#josei_flow a,
#hanashiai_soudan_flow a {
	background: #06c755;
	color: #FFF;
	font-size:1.3em;
	padding: 1% 3%;
	max-width: 400px;
	margin: 2% auto;
	border-radius: 30px;
	text-align: center;
	font-weight: bold;
	font-family: var(--font-m);
}
#hanashiai_soudan_flow .btn a {
	background: var(--color-gold);
	font-size:1em;
	max-width: 300px;
	margin: 2% 0;
	border-radius: 0;
	font-family: var(--font-base);
}
.txt_c {	
	text-align: center;
	display: block;
}
.txt_c p {
	text-align: left;
	display: inline-block;
}
#josei_koe li {
	width: 25%;
	float: left;
	padding: 2%;
	background: #FFF;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0,0,0,0.2),0 0 10px rgba(0,0,0,0.2);
	margin: 0 2% 4%;
}
#josei_koe li p {
	color: var(--color-gray);
	margin-top: 10%;
	font-size:0.8em;
	line-height:1.5em;
}
.josei_flow_anshin_b {
	background: var(--bk-orange);
	padding: 0 1% 0 0;
	color: var(--color-orange);
	max-width: 600px;
	margin: 1% auto 0;
}
.josei_flow_anshin {
	background: var(--color-orange);
	color: #FFF;
	text-align: center;
	width: auto;
	position: relative;
  display: inline-block;
	padding: 1.5%;
}
.josei_flow_anshin::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  border-style: solid;
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent  var(--color-orange);
  translate:100% -50%;
}
#josei_flow .txt,
#hanashiai_soudan_flow .txt {
	width: 75%;
	float: left;
}
#josei_flow img,
#hanashiai_soudan_flow img {
	width:23%;
	float: right;
}

/*浮気調査*/
#uwaki_moshikashite {
	background: url(img/chousa/uwaki/b1.jpg) no-repeat top left/ cover;
	margin-top:-5%;
	padding-top: 5%;
}
#uwaki_moshikashite h3,
#uwaki_moshikashite p {	
	padding-left: 40%;
	text-align: left;
}
#uwaki_moshikashite h4 {
	text-align: cener !important;
	max-width: 600px;
	padding: 3%;
	background: var(--bk-l-gold);
	margin: 0 auto;
}

/*刑事事件*/
#keiji_bengoshi .left {width: 37%;}
#keiji_bengoshi .right {
	width: 60%;
	margin-top: 5%;
}

/*グループ_東京*/
#group_zentai {
	background: url(img/chousa/tokyo/b1.jpg) no-repeat center top/cover;
	text-align: center;
	margin-top: -5%;
}
.group_zentai_wrap {
	background: #FFF;
	margin: 3% auto;
	border: 2px solid var(--color-gold);
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0,0,0,0.2),0 0 10px rgba(0,0,0,0.2);
	padding: 4%;
}
.group_zentai_wrap img {
	width: 10%;
	margin: 0 auto 1%;
}
.group_zentai_wrap li img {width: 20%;}
.group_zentai_wrap li {
	width: 45%;
	float: left;
	margin: 2% 2.5%;
	background: var(--bk-gold);
	padding: 3%;
	border-radius: 10px;
}
.group_zentai_wrap li p {
	border-bottom: 1px solid #333;
	margin-bottom: 1%;
	padding-bottom: 1%;
}

/*親権（オレンジ枠）*/
.shinken_kasaichosa_wrap {
	max-width: 450px;
	background: #FFF;
	border-radius: 10px;
	border: 3px solid var(--color-orange);
	padding: 3%;
	box-shadow: 0 0 10px rgba(0,0,0,0.2),0 0 10px rgba(0,0,0,0.2);
	margin: 0 auto 5%;
}
.shinken_kasaichosa_wrap h4 {
	text-align: center;
	color: var(--color-orange);
}
.shinken_kasaichosa_wrap ul {
	max-width: 400px;
	padding: 1px auto;
}
.shinken_kasaichosa_wrap span {color:var(--color-gold);}

/*法人*/
#hojin_zairyo .left {width: 45%;}
#hojin_zairyo .right {width: 52%;}

/*離婚*/
#rikon_shippai ul {
	max-width: 600px;
	margin: 0 auto;
	font-size: 1.2em;
}
#rikon_shippai li {margin-bottom: 3%;}
#rikon_shippai li.b_gray {text-align: center;}
#rikon_shippai li.b_gray span {text-decoration: line-through;}
#rikon_shippai li.b_white {box-shadow: 0 0 10px rgba(0,0,0,0.2),0 0 10px rgba(0,0,0,0.2);}
#rikon_shippai li.b_white .left {width: 10%;}
#rikon_shippai li.b_white .right {
	margin-top: 3%;
	width: 88%;
}
#rikon_shippai .tsukaeru {background: none;}

#rikon_bengoshi .left {
	width: 70%;
	text-align: center;
	margin: 3% -10% 0 5%;
	z-index: 1;
	position: relative;
}
#rikon_bengoshi .right {
	width: 30%;
	z-index: 2;
	position: relative;
}

.rikon_mayoi_ill {
	background: url(img/rikon/mayoi1.svg) no-repeat left bottom /15% ,url(img/rikon/mayoi2.svg) no-repeat right bottom /15%;
	padding: 0 0 5%;
	margin: 0;
}
.rikon_mayoi_wrap {
	box-shadow: 0 0 10px rgba(0,0,0,0.2),0 0 10px rgba(0,0,0,0.2);
	margin-bottom: 3%;
	padding: 3%;
	font-size:1.2em;
	line-height:1.8em;
}
.rikon_mayoi_wrap a {
	background: #333;
	padding: 0.5%;
	max-width: 300px;
	margin: 2% auto 0;
	color: #FFF;
}

/*対応エリア*/
#ooi_area .left {width: 60%;}
#ooi_area ul {
	float: right;
	width: 38%;
}
#ooi_area li {margin-top: 10%;}
#ooi_area li img {
	float: left;
	width: 25%;
}
#ooi_area li .right {width: 73%;}

#shichoson li img,
#kengai li img {
	width: 20%;
	max-width: 100px;
	margin: 0 auto 3%;
}
#shichoson h5,
#kengai h5 {
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 1%;
}
#shichoson p,
#kengai p {
	border-bottom: 1px solid var(--color-gold);
	margin-bottom: 1%;
	padding-bottom: 1%;
}
#shichoson .left,
#kengai .left {width: 20%;}
#shichoson .right,
#kengai .right {
	width: 80%;
	text-align: left;
}
.area_btn {
	width: 50%;
	float: left;
	margin: 0;
}
.area_btn a {
	width: 100%;
	max-width: 100%;
	line-height: 2.5em;
}

#page_privacy li {margin-bottom: 7%;}

/*話し合いで終わらせたい方へ*/
#hanashiai_kimochi .img {
	width: 37%;
	float: left;
}
#hanashiai_kimochi .txt {
	width: 60%;
	float: right;
	margin-top: 5%;
}
#hanashiai_flow ul li ul {
	border-left: 3px solid var(--color-gold);
	margin: 0 0 0 12%;
}
#hanashiai_flow ul li ul.gray_bar {border-left: 3px solid var(--color-gray);}
#hanashiai_flow ul li ul li {
	float: none;
	width: 85%;
	text-align: left;
}
#hanashiai_negai {
	background: url(img/josei/hanashiai/b1.jpg) no-repeat left bottom /cover;
	padding-left: 30%;
}
#hanashiai_negai .wrap {
	width: 70%;
	padding: 7% 0;
}
#hanashiai_ryougawa {background: url(img/josei/hanashiai/b2.jpg) no-repeat left bottom /cover;}
#hanashiai_final {
	text-align: center;
	padding: 5% 0;
	background-color:hsla(0,58%,93%,1);
background-image:
radial-gradient(at 80% 0%, hsla(189,52%,90%,1) 0px, transparent 50%),
radial-gradient(at 0% 50%, hsla(355,67%,96%,1) 0px, transparent 50%),
radial-gradient(at 80% 50%, hsla(340,80%,87%,1) 0px, transparent 50%),
radial-gradient(at 0% 100%, hsla(12,90%,93%,1) 0px, transparent 50%),
radial-gradient(at 0% 0%, hsla(340,48%,91%,1) 0px, transparent 50%);
}

/*information目次*/
#page_info li {margin-bottom: 7%;}


/*===============================================
SP
===============================================*/
@media screen and (max-width: 640px){
	
#page_title h2,
#page_title2 h2,
#page_title3 h2,
#page_title4 h2,
#page_title5 h2,
#page_title6 h2,
#page_title7 h2,
#page_title8 h2,
#page_title9 h2 {
	font-size: 1rem;
	margin-bottom: 5%;
}
#page_title h2 span,
#page_title2 h2 span,
#page_title4 h2 span,
#page_title5 h2 span,
#page_title6 h2 span,
#page_title7 h2 span,
#page_title8 h2 span,
#page_title9 h2 span {font-size: 1.7em;}
	
h2 {font-size: 1.3rem;}
h3 {font-size: 1.5rem;}
	
.houkou h3,
#chousa_mutsukashi h3,
#hojin_trouble h3,
#tochoki_sinjitsu h3,
#page_info h3 {font-size: 1.2em;}
	
#shoko h3 {font-size: 1.5em;}
	
#shoko h3 span,
#chousa_parts h3,
#page_contact h3 {font-size: 1.3em;}
	
#shoko h3 p {font-size: 0.9em;}
	
#wakaranai h3,
#page_privacy h3 {font-size: 1.1em;}
	
#chousa_dankai h3,
#chousa_dankai_uwaki h3 {
	background: url(img/chousa/uwaki/dankai1.svg) no-repeat left center /14% ,url(img/chousa/uwaki/dankai2.svg) no-repeat right center /14%;
	padding: 5% 0;
	margin: 0;
	font-size: 1.4rem;
}
	
#group_zentai,
#kimochi,
#rikon_kimochi,
#mayoi {margin-top: -13%;}
	
#group_zentai h3,
#kimochi h3,
#rikon_kimochi h3,
#mayoi h3 {margin-top: 10%;}
	
h4 {
	font-size: 1.2em;
	margin-bottom: 2%;
}
#ryokin_plan h4,
#ryokin_service h4,
#hojin_naiyo h4 {
	font-size: 1.4em;
	margin-bottom: 1%;
}
#staff_yokatta h4 {
	text-align: left;
	font-size: 1.1em;
	line-height:1.5em;
}
.josei_mietekuru h4 {
	font-size: 1em;
	text-align: left;
}
#staff_mutsukashi h4,
#chousa_dankai_uwaki,
#syozai_jokyo h4 {text-align: left;}
#uwaki_kokoroatari h4 {text-align: center;}
#shinken_taisetsu h4 {font-size: 1em;}
	
#hanashiai_kekka h4 {
	font-size: 1em;
	line-height: 1.7em;
}
	
/*////// b_fixedここから//////*/
#header{
	background:#fff;
	position:fixed;
	z-index:999;
	width:100%;
	height:auto;
}
/*////// b_fixedここから//////*/
	
#main {
	/*style内にも記述有り*/
	margin-top: 18%;
}
	
/*////// footer b_2columnここから//////*/
#footer_wrap {text-align: center;}
#footer_wrap .left {
	width: 100%;
	float: none;
	margin-bottom: 3%;
	font-size: 0.9em;
}
#footer_wrap .left img {
	max-width: 70%;
	margin: 0 auto 7%;
	text-align: center;
}

#footer_wrap .right {display: none;}

/*////// footer b_2columnここまで//////*/
#footer_3btn {
	padding: 7% 0;
	font-size: 1em;
}
#footer_3btn h3 {font-size: 1.5em;}
#footer_3btn ul li {
	width: 90%;
	float: none;
	margin: 3% auto; 
	
}
#footer_3btn ul li:nth-child(3){margin: 3% auto;}
	
/* 下menu */
div#footerArea {
	/*top: 0;*/
	margin: auto auto 0 auto;
	width: 100%;
	position: fixed !important;
	/*position: absolute;*/
	bottom: 0;
	z-index: 999;
}
div#footerArea ul li {
	width: 30%;
	float: left;
	margin: 0 1.5%;
}
	
/*TOP*/
#top_shoko .left {
	width: 80%;
	float: none;
	margin: 0 auto 2%;
}
#top_staff .left,
#top_shoko .right,
#top_staff .right {
	width: 100%;
	float: none;
	margin-bottom: 2%;
}

#top_shoko .price {
	margin: 5% 0;
	padding: 5% 0;
	font-size: 1.2em;
}
#top_shoko .price .left {
	width: 30% !important;
	float: left;
}
#top_shoko .price .right {
	width: 65% !important;
	float: right;
}

#top_taisetsu li,
#top_taisetsu li:nth-child(3n),
#shippai li,
#shinken_column li,
#hojin_zairyo .left {
	width: 80%;
	margin: 0 auto 3%;
	float: none;
}
#top_taisetsu li img,
#shippai li img {
	width: 15%;
	margin: 0 auto -10%;
}
.i_wrap {
	padding: 13% 5% 3%;
	font-size: 1em;
	line-height: 1.5em;
}
#top_konoyouna ul {
	background: url(img/top/konoyouna.jpg) no-repeat center bottom /80%;
	padding-bottom: 30%;
	margin-bottom: 3%;
}
#ryokin_tsuika ul {
	background: url(img/ryokin/ill.jpg) no-repeat center bottom /60%;
	padding-bottom: 30%;
	margin-bottom: 3%;
}
#top_konoyouna ul li,
#ryokin_tsuika ul li {
	width: 48%;
	margin-right: 2%;
	margin-bottom: 8%;
	padding: 2% 0;
}
#ryokin_tsuika ul li {
	font-size: 0.8em;
	line-height: 1.5em;
}
#top_konoyouna ul li::after,
#ryokin_tsuika ul li::after {
  bottom: -10px;
  height: 20px;
}

#top_konoyouna ul li:nth-child(1),
#top_konoyouna ul li:nth-child(4),
#ryokin_tsuika ul li:nth-child(1),
#ryokin_tsuika ul li:nth-child(4) {margin-top: 0;}
#top_konoyouna ul li:nth-child(2),
#top_konoyouna ul li:nth-child(4),
#ryokin_tsuika ul li:nth-child(2),
#ryokin_tsuika ul li:nth-child(4) {margin-right: 0;}
#top_konoyouna p,
#ryokin_tsuika p {
	font-size: 1em;
	text-align: left;
}

#top_staff a,
#taisetsu a,
#nagare a,
#nagare_step a,
#chousa_flow a,
#yasusa a,
#company_joho a,
#shinken_flow a {margin: 4% auto 5%;}

#top_ron {
	padding: 7% 0;
	background: url(img/top/ron_b_sp.jpg) no-repeat center bottom /cover;
	text-align: center;
	font-size: 1em;
	line-height: 1.7em;
}

#top_chosa h4 {font-size: 1.3em;}
#top_chosa h4 span {font-size: 1.5em;}
#top_chosa ul li {
	width: 80%;
	float: none;
	padding: 4%;
	margin: 3% auto;
}
#top_chosa ul li:nth-child(3),
#top_chosa ul li:nth-child(7) {margin: 3% auto;}

#top_chosa ul li:nth-child(4),
#top_chosa ul li:nth-child(5),
#top_chosa ul li:nth-child(6),
#top_chosa ul li:nth-child(7) {
	width: 47%;
	float: left;
	margin: 3% 1.5%;
}
#top_chosa ul li img {
	width: 30%;
	margin: 0 auto 2%;
}
#top_chosa ul li h5{font-size: 1.2em;}
.tsukaeru h5{
	font-size: 1em;
	text-align: left;
}
#nagare_step h5 {font-size: 1em;}
	
#top_jisseki li {
	width: 90%;
	float: none;
	margin: 0 auto 3%;
	padding: 2% 10% 4%;
}
#top_jisseki li h4 {font-size: 1.4em;}

#top_flow ul,
#yarinaoshi_flow ul,
#josei_flow ul,
#tochoki_flow ul,
#hanashiai_soudan_flow ul {max-width: 100%;}
	
#top_flow li,
#yarinaoshi_flow li,
#josei_flow li,
#tochoki_flow li,
#hojin_flow li,
#keiji_flow li,
#hanashiai_soudan_flow li {
	background: url(img/top/flow_b.svg) no-repeat center bottom /130%;
	margin-bottom: 5%;
	padding: 0 0 5%;
}
#top_flow li .left,
#yarinaoshi_flow li .left,
#yoitantei_5 li .left,
#josei_flow li .left,
#tochoki_flow li .left,
#hojin_flow li .left,
#keiji_flow li .left,
#hanashiai_soudan_flow li .left {
	width: 13%;
	font-size: 1.8em;
	margin-top: 0;
}
#hanashiai_soudan_flow li .left {
	width: 10%;
	font-size: 1.7em;
	margin-top: 0;
}
#top_flow li .right,
#yarinaoshi_flow li .right,
#yoitantei_5 li .right,
#josei_flow li .right,
#tochoki_flow li .right,
#hojin_flow li .right,
#keiji_flow li .right,
#hanashiai_soudan_flow li right {width: 87%;}
	
#hanashiai_soudan_flow a,
#hanashiai_soudan_flow .btn a {max-width: 80%;}
	
#yarinaoshi_flow li ul li,
#yarinaoshi_flow li ul li:last-child {
	width: 48%;
	margin: 2.5% 2% 2.5% 0;
	font-size: 0.9em;line-height: 1.5em;
}

#top_2choice li,
#chousa_dankai_uwaki .white2 li {
	width: 100%;
	float: none;
	margin: 0 auto 5%;
}
#top_2choice li:nth-child(2n) {margin: 0;}

#top_jokyo li {
	width: 100%;
	float: none;
	padding: 3%;
	margin: 0 auto 5%;
}
#top_jokyo li:nth-child(2n) {margin: 0 auto 5%;}

#top_banner2 ul {
	max-width: 100%;
	margin: 0 auto;
}
#top_banner2 ul li {
	width: 80%;
	margin: 0 auto 5%;
	background: var(--bk-gold) url(img/top/click2.svg) no-repeat 80% 73% /8%;
	font-weight: bold;
	font-size: 1em;
	line-height: 1.5em;
}
#top_banner2 ul li .left {
	width: 100%;
	float: none;
}
#top_banner2 ul li .right {
	width: 100%;
	float: none;
	padding: 3%;
	text-align: center;
}
#top_banner2 h4 {
	font-size: 1.3em;
	margin-bottom: 3%;
}

#top_koe .click {
	max-width: 90%;
	margin: 5% auto 0;
}

#top_sogyo {
	text-align: center;
	background: url(img/top/sogyo_b.jpg) no-repeat right top/ 40%;
}
#top_sogyo li,
#ima li,
#no_rikon li,
#yakusoku li,
#hojin li,
#hojin_zairyo li,
#keiji_column li {
	width: 80%;
	float: none;
	margin: 0 auto 3%;
}
#hojin_zairyo li {width: 90%;}
#uwaki_moshikashite li {
	width: 100%;
	float: none;
	margin: 0 auto 3%;
}

#top_area {
	padding: 7% 0;
	background: var(--bk-l-gold) url(img/top/area_b.png) no-repeat left top /60%;
}
#top_area li,
#saiteki li,
#nagare_yakusoku li,
#yomikata li,
#taiou_kojin li,
#taiou_hojin li,
#chousa_dankai li,
#chousa_area li,
#gaman li.gaman_demerit,
#gaman li.gaman_merit,
#yarinaoshi_okane li,
#yarinaoshi_taisetsu li,
#yarinaoshi_kanren li,
#yoitantei_kangaekata li,
#company_ayumi li,
#company_next li,
#staff_mazu li,
#josei_kotiramo li,
#taiou_wrap li,
#taiou2_wrap li,
#shinken_handan li,
#hojin_shinkoku li,
#rikon_mae li,
#rikon_shoko li.gaman_demerit,
#rikon_shoko li.gaman_merit,
#rikon_okane li,
#chousa_dankai_uwaki .b_white li,
#keiji_jisseki3 li,
#group_renkei li,
#tokyo_dochira li,
#single_rikon li {
	width: 90%;
	float: none;
	margin: 0 auto 5%;
	padding: 4%;
}
#rikon_shoko li.gaman_demerit,
#rikon_shoko li.gaman_merit {font-size:1em;}
	
#shinken_handan li img {width: 20%;}
	
#muiteiru li.muiteiru,
#muiteiru li.awanai,
#company_taisetsu li.taisetsu_li,
#group_yakuwari li.taisetsu_li,
#hanashiai_kimochi li.taisetsu_li {
	width: 100%;
	float: none;
	margin: 0 auto 7%;
	padding: 4%;
}

#top_info {padding: 5% 0 0;}
#top_info h3 {
	text-align: center;
	width: 100%;
	float: none;
	font-size: 1.5em;
}
#top_info .click {
	width: 50%;
	float: right;
	margin: 0;
}
.info_i {width: 30%;}
.post_f {max-width: 100%;}
.info_txt {
	float: left;
	width: 100%;
	margin-left: 0;
}

.info_click {
	width: 37%;
	text-align: right;
}
	
/*初めての方へ*/
.diagram{padding-top: -70%;}
.diagram_inner {padding-bottom: 30%;}
.center-image{top:50%;}
.bubble-inner{padding:10%;}
.q-mark{font-size:3.5vw;}
.bubble{width:25%;}
#josei_jokyo .bubble{width:30%;}
.bubble-text,
#josei_jokyo .bubble-text {
    font-size:0.7em;
    line-height:1.5em;
}
/* 配置 */
.b-top-r{
    right:3%;
    top:20%;
}
.b-bot-r{
    right:3%;
    bottom:10%;
}
.b-bot{
    left:50%;
    top: 70%;
    transform:translateX(-50%);
}
.b-bot-l{
    left:3%;
   bottom:10%;
}
.b-top-l{
    left:3%;
    top:20%;
}

#dankai ul {padding: 4% 8%;}
#dankai ul li {font-size: 1em;}
#wakaranai {
	padding: 3% 0 1% 20%;
	background: url(img/hajimete/wakaranai.jpg) no-repeat 17% top / cover;
}
#seiri li,
#ryokin_service li,
#iede_dekirukoto li,
#syozai_dekirukoto li,
#iyagarase_dekirukoto li,
#tochoki_dekirukoto li,
#shinken_onayami li,
#tuduketekitakoto_shigoto li,
#keiji_nayami li {
	width: 85%;
	float: none;
	margin: 0 auto 5%;
	padding: 4%;
}

.tsukaeru li,
#choice3 li,
#uwaki_kangaekata li,
#taiou_kojin li,
#taiou_hojin li {
	width: 90%;
	margin: 0 auto 5%;
	float: none;
}
#tuduketekitakoto_choice3 li {
	width: 80%;
	margin: 0 auto 7%;
	float: none;
}
.tsukaeru li img,
#yarinaoshi_okane li img,
#rikon_okane li img,
#uwaki_kangaekata li img,
#taiou_wrap ul li img {width: 25%;}
#tuduketekitakoto_choice3 li .click {margin-bottom: 3%;}

#chousago ul,
#nagare_step ul,
#shinken_4 ul,
#hojin_3 ul,
#keiji_4 ul {margin-left: 5%;}
	
#chousa_flow ul,
#shinken_flow ul,
#rikon_dekirukoto ul,
#uwaki_flow ul {
	border-left: 3px solid var(--color-gold);
	margin: 0 auto;
	margin-left: 5%;
}
#chousa_flow li,
#shinken_flow li,
#rikon_dekirukoto li,
#uwaki_flow li {
	padding-bottom: 8%;
	padding-left: 6%;
	margin-left: -12%;
}
#rikon_dekirukoto li {padding-left: 0;}
#chousa_flow li p,
#shinken_flow li p {margin-top: 2%;}
	
#rikon_dekirukoto li p {
	margin-top: 2%;
	text-align: left;
}

#taisetsu li,
#staff_onaji li {
	width: 29%;
	margin: 0 2% 3%;
	padding: 5% 0;
}

.flow{
    display:block;
    width:70%;
    margin:auto;
}
.item{
    position:relative;
    margin:0;
}
.item p{
    height:110px;
    padding-left:90px;
    margin:0;
    display:flex;
    justify-content:center;
    flex-direction:column;

    /* ▼だけ */
    clip-path:polygon(
        0 0,
        100% 0,
        100% 70%,
        50% 100%,
        0 70%
    );
}

/* 最初だけ上は四角 */
.item:first-child p{
    clip-path:polygon(
        0 0,
        100% 0,
        100% 70%,
        50% 100%,
        0 70%
    );
}


.item .center{
    position:absolute;
    left:23%;
    top:50%;
    transform:translateY(-50%);
    width:50px;
	z-index: 10;
}

.item img{
    width:100%;
    margin:0;
}
	

/*解決までの流れ*/
#nagare_message {
	padding: 5% 3% 5% 15%;
	background: url(img/nagare/b1_sp.jpg) no-repeat left top / 100%;
	margin-top: -13%;
	font-size: 1.1em;
	line-height: 1.7em;
}
#nagare_flow li:nth-child(odd) {
	width: 70%;
	padding: 0;
	float: none;
	margin: 0 auto 1%;
	font-size: 1.5em;
}
#nagare_flow li:nth-child(even){
  transform: translateY(-25%) rotate(90deg);
	float: none;
	width: 100%;
	line-height: 1em;
	font-size: 1.7em;
}
#nagare_flow li span {
	font-size: 1.2em;
	border-radius: 50%;
	padding: 7% 9%;
	float: left;
	margin: 4%
}
#nagare_flow li p {
	margin: 10% 0;
	float: left;
}

#nagare_step .step_no {
	width: 20%;
	padding: 2.5% 0;
	line-height: 1.7em;
	margin-left: -5%;
}
#chousago .step_no,
#shinken_4 .step_no,
#hojin_3 .step_no,
#keiji_4 .step_no {
	width: 16%;
	padding: 2.5% 0;
	line-height: 1.7em;
	margin-left: -3%;
}
#chousa_flow .step_no,
#shinken_flow .step_no,
#uwaki_flow .step_no {
	width: 15%;
	padding: 2.5% 0;
	line-height: 1.7em;
	margin-left: -3%;
	background: var(--color-gold);
	font-size: 1.5em;
	text-align: center;
	font-weight: bold;
	font-family: var(--font-m);
	float: left;
	border-radius: 50%;
	color: #FFF;
}

#rikon_dekirukoto .step_no  {
	line-height: 1.7em;
	margin-left: 5%;
}
#rikon_dekirukoto h4 {text-align: left;}
	
.step_no span {font-size: 2em;}
.step_wrap {
	width: 83%;
	margin: 3% 0 5%;
	text-align: left;
}
.jirei_wrap .step_wrap {
	width: 90%;
	margin: 0 0 10%;
}

#nagare_step ul {
	max-width: 95%;
	margin-left: 5%;
}
#nagare_step h5 {
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 3%;
}
.rei{
	width: 100%;
	float: none;
	margin-bottom: 5%;
}
.fuan{
	width: 100%;
	float: none;
}

.fuan_full h6 {
	background: var(--color-charcoal) url(img/nagare/step_fuan.svg) no-repeat 2% center /7%;
	padding: 3% 3% 3% 10%;
}

.nagare_smooth_inner {
	max-width: 100%;
	padding: 5%;
}
.nagare_smooth_inner ul li {
	width: 47%;
	margin: 0 1.5% 5%;
	font-size: 0.9em;
	line-height: 1.5em;
}
.nagare_smooth_inner ul li img {width: 40%;}

/*開閉式Q&A*/
.qa {max-width: 100%;}
.qa summary::before {font-size: 1em;}
.qa summary span.q {
	font-size: 1em;
	margin-right: 1%;
}
.qa summary::after {
  width: 5px;
  height: 5px;
  margin-left: 0.5em;
}
.qa p {padding: 0.5em;}
#nagare_handan {
	background: url(img/nagare/b2_sp.jpg)no-repeat top right/cover;
}

	

/*料金のご案内*/
#ryokin_sa li {
	width: 45%;
	margin: 0 2.5% 5%;
}

.sa_wrap {padding: 12% 0;}
#ryokin_plan li,
#hojin_naiyo li,
#hojin_naiyo li:nth-child(3n)  {
	width: 100%;
	float: none;
	margin: 0 auto 10%;
}
#ryokin_plan li:nth-child(3n) {margin: 0 auto;}
#ryokin_plan .plan,
#hojin_naiyo .plan {padding: 3% 0;}
.price_price span {font-size: 2em;}
	
.table_scrol {
	overflow-x: auto;
	font-size: 0.8em;
	margin-top: 3% 0 1%;
}
.table_scroll_txt {margin-bottom: 1%;}
#ryokin_hyo table,
#chigai_8 table {
	min-width: 640px;
	margin-left: 5%;
	margin-bottom: 2%;
	font-size: 0.9em;
}
#ryokin_hyo table th,
#ryokin_hyo table td {display: table-cell;}

#sodanmae {
	background: url(img/ryokin/message_sp.jpg) no-repeat left top /cover;
	padding-left: 0;
	text-shadow: 0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1);
}
.kakae {
	font-size: 1em;
	line-height: 1.5em;
	padding: 4% 0;
	max-width: 90%;
	margin:  5% auto;
}
	
	
	
/*解決事例*/
#yurusenai .wrap,
.fukusousei .wrap,
#shinken_jirei .fukusousei,
#profile .wrap,
#company_joho .wrap {max-width: 100%;}

#yurusenai_img {background: #FCEDE7 url(img/jirei/img_sp.jpg) no-repeat top right/35%;} 
#yurusenai_img .wrap {padding-right: 0;}
#yurusenai_img .wrap .sp100 {padding-right: 19%;}
.fukusousei .left {
	width: 10%;
	padding-left: 0.2em;
	font-size: 2em;
}
.fukusousei h4 {
	padding: 0.5em;
	width: 87%;
}
.jirei_wrap h4 {
	margin-bottom: 3%;
	padding-bottom: 3%;
}
.jirei_wrap h4,
#hojin_jisseki .jirei_wrap h4,
#keiji_3case .jirei_wrap h4 {font-size: 1.3em;}
	
#group_yakuwari h4,
#hanashiai_kimochi h4 {font-size: 1.1em;}
	
#yarinaoshi_taisetsu h5,
#rikon_mae h5 {
	font-size: 1.1em;
	line-height: 1.5em;
}

	
.jirei_wrap .stage {
	width: 20%;
	font-size: 0.6em;
}
.jirei_wrap .tsukaeru {
	text-align: left;
	font-size: 0.9em;
}
.kansatsu {
	max-width: 100%;
	font-size: 1em;
	line-height: 1.5em;
}

#shojiki {text-align: left;}
#shisei li h4,
#iede_taiou li h4,
#syozai_taiou li h4,
#iyagarase_taiou li h4,
#tochoki_taiou li h4 {
	width: 100%;
	float: none;
	text-align: center;
}
#shisei li .right,
#iede_taiou li .right,
#syozai_taiou li .right,
#iyagarase_taiou li .right,
#tochoki_taiou li .right {
	width: 100%;
	padding: 3% 0 0; 
	margin-top: 1%;
	border-top: 3px solid var(--color-gold);
	border-left: none;
}
#shisei p {max-width: 100%;}

	
	
/*調査項目*/
#kyoutsu_shoko .shoko,
#no_ikon .shoko,
#hojin_zairyo .shoko,
#rikon_dekirukoto .shoko,
#uwaki_abaku .shoko {
	display: block;
	font-size: 1.2em;
	padding: 3% 3% 3% 1.5em;
	background: url(img/chousa/shoko.svg)no-repeat 6% center /8%;
	margin: 2% 0;
}
#no_ikon .shoko {
	background: url(img/yarinaoshi/zairyo.svg)no-repeat 6% center /8%;
	width: 80%;
	margin: 2% auto;
}
#hojin_zairyo .shoko {
	background: url(img/chousa/hojin/tadashi.svg)no-repeat 6% center /8%;
	width: 80%;
	margin: 2% auto;
}
#rikon_dekirukoto .shoko {
	background: url(img/rikon/handan.svg)no-repeat 6% center /8%;
	width: 80%;
	margin: 2% auto;
}
#uwaki_abaku .shoko {
	background: url(img/uwaki/jijitsu.svg)no-repeat 6% center /8%;
	width: 80%;
	margin: 2% auto;
}
	
#chousa_dankai h3 {
	background: url(img/chousa/dankai_1.jpg) no-repeat left center /13% ,url(img/chousa/dankai_2.jpg) no-repeat right center /20%;
	padding: 7% 0;
	margin: 0;
}
#chousa_mutsukashi {
	text-align: left;
	background: url(img/chousa/tasya_b_sp.jpg) no-repeat top left /cover;
	padding: 5% 0 5% 13%;
}
#chousa_mutsukashi p {
	font-size: 1em;
	line-height: 1.7em;
}
#taiou_hojin li img {width: 35%;}	

	
	

/*やり直し*/
#kimochi {background: url(img/yarinaoshi/kimochi_b_sp.jpg) no-repeat bottom right /cover;}
#mayoi {background: url(img/yoitantei/mayoi_b_sp.jpg) no-repeat bottom right /cover;}
#yarinaoshi_kids_wrap,
#iede_jokyo {background: url(img/chousa/iede/b1_sp.jpg) no-repeat bottom right /cover;}
#syozai_jokyo {background: url(img/chousa/syozai/b1_sp.jpg) no-repeat bottom right /cover;}
#iyagarase_jokyo {background: url(img/chousa/iyagarase/b1_sp.jpg) no-repeat bottom right /cover;}
#tochoki_jokyo {background: url(img/chousa/tochoki/b1_sp.jpg) no-repeat bottom right /cover;}
#hanashiai_kekka {background: url(img/josei/hanashiai/b3_sp.jpg) no-repeat bottom right /cover;}
#shinken_bankai {
	background: url(img/chousa/shinken/b1_sp.jpg) no-repeat bottom right /cover;
	padding-left: 0;
	text-shadow: 0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1);
}
#hanashiai_negai {
	background: url(img/josei/hanashiai/b1_sp.jpg) no-repeat bottom left /cover;
	padding-left: 0;
	text-shadow: 0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1);
}
#hanashiai_ryougawa {
	background: url(img/josei/hanashiai/b2_sp.jpg) no-repeat bottom right /100%;	
	text-shadow: 0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1);
}
		
#kimochi p,
#mayoi p,
#yarinaoshi_kids_wrap,
#iede_jokyo p,
#syozai_jokyo p,
#iyagarase_jokyo p,
#tochoki_jokyo p,
#rikon_kimochi p,
#uwaki_fuan p,
#uwaki_moshikashite p,
#uwaki_fuan h4,
#group_ookiku,
#area_shisei,
#syozai_sinjitsu,
#iyagarase_jijitsu {
	text-shadow: 0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1);
}
#mayoi p {text-align: left;}
#kimochi ul,
#mayoi ul,
#yarinaoshi_kids_wrap .wrap,
#yarinaoshi_choice .wrap,
#iede_jokyo ul,
#syozai_jokyo ul,
#iyagarase_jokyo ul,
#tochoki_jokyo ul,
#rikon_kimochi ul,
#uwaki_fuan ul,
#hanashiai_kekka ul {
	margin: 5% auto;
	max-width: 100%;
}
#yarinaoshi_kids_wrap .wrap  {
	margin: 5% auto;
	float: none;
}
#yarinaoshi_kids_wrap ul {margin-top: 3%;}
#mayoi li,
#kimochi li,
#iede_jokyo li,
#syozai_jokyo li,
#iyagarase_jokyo li,
#tochoki_jokyo li,
#rikon_kimochi li,
#uwaki_fuan li,
#hanashiai_kekka li {
	font-size: 0.9em;
	background-image: linear-gradient(90deg, #ffffff 80%, transparent 100% 100%);
}
#yarinaoshi_kids_wrap li {
	font-size: 0.9em;
	background-image: linear-gradient(90deg, #ffffff 90%, transparent 100% 100%);
}
#gaman li {
	text-align: left;
	font-size: 1.1em;
	margin-bottom: 3%;
}
#muiteiru li,
#company_taisetsu li {
	text-align: left;
	margin-bottom: 3%;
}
#yarinaoshi_ooi .left,
#hanashiai_kimochi .img {
	width: 45%;
	margin: 0 auto 3%;
	float: none;
}
#yarinaoshi_ooi .right,
#hanashiai_kimochi .txt {
	width: 100%;
	float: none;
}
#yarinaoshi_kids_wrap {
	background: url(img/yarinaoshi/kids_b_sp.jpg) no-repeat bottom left /cover;
	margin: -10% 0 -5%;
}
#yarinaoshi_taisetsu h5 {
	font-size: 1.1em;
	line-height: 1.5em;
}
#yarinaoshi_choice {
	background: url(img/yarinaoshi/yarinaoshi_b_sp.jpg) no-repeat top right/ cover;
	text-shadow: 0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1);
	margin: -10% 0;
}
	
	
/*探偵選び*/
#yoitantei_check ul {
	max-width: 100%;
	padding: 5% 5% 3% 5%;
}
#yoitantei_check li {
	background: url(img/yoitantei/check.svg) no-repeat left top / 8%;
	padding-left: 12%;
	margin-bottom: 7%;
}
#yoitantei_check h5 {
	font-size: 1.1em;
	line-height: 1.5em;
	text-align: left;
}
#yoitantei_taisetsu {
	background: url(img/yoitantei/nattoku_b_sp.jpg) no-repeat bottom left / cover;
	padding: 5% 0 5% 10%;
	text-shadow: 0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1);
}



/*会社案内*/
#company_ayumi li img {width: 25%;}
.taisetsu_li h4 {
	margin-top: 5%;
	line-height: 1.8em;
}
.golg_top {margin-top: -8%;}
#company_taisetsu .ron span {font-size: 1.7em;}
#profile .left {width: 30%;}
#profile .right {width: 67%;}
#profile .right .tsukaeru h5 {font-size: 0.9em;}
.shisei,
#iede_taiou,
#syozai_taiou,
#iyagarase_taiou,
#tochoki_taiou {max-width: 100%;}
.shisei li,
#iede_taiou li,
#syozai_taiou li,
#iyagarase_taiou li,
#tochoki_taiou li {font-size: 1em;}
.genten span {
	font-size: 1.3em;
	padding: 7% 0;
}
.genten img {
	max-width: 30px;
	margin: 3% auto;
}
.genten .ron {font-size: 1.7em;}
#company_shojiki ul {max-width: 100%;}
#company_shojiki li {
	width: 48%;
	margin: 0 1% 5%;
}
#company_shojiki li p {
	font-size: 1.1em;
	line-height: 1.5em;
	margin-top: 5%;
}
#company_shojiki h4,
#staff_bengoshi h4 {
	max-width: 100%;
	margin: 5% auto;
	text-align: left;
	padding: 3%;
} 

#company_joho th,
#company_joho td {
	width: 100%;
	display: block;
}

#torihiki li {margin-bottom: 5%;}
#torihiki li img,
#torihiki li:nth-child(even) img {
	width: 80%;
	float: none;
	margin: 3% auto;
}
#torihiki li .txt,
#torihiki li:nth-child(even) .txt {
	width: 100%;
	float: none;
}
#torihiki h4 {text-align: center;}
#torihiki li .left,
#torihiki li .right {
	width: 95%;
	float: none;
	margin-left: 5%;
}
#torihiki h5 {
	text-align: left;
	font-size: 1em;
	line-height: 1.5em;
}
#company_next li,
#taiou_wrap li,
#taiou_wrap2 li	{
	width: 80%;
	float: none;
	margin: 0 auto 5%;
}
#company_next li img,
#taiou_wrap li img,
#taiou_wrap2 li img	{width: 30%;}
#company_tsumikasane {text-align: left;}
#company_tsumikasane h4 {
	text-align: left;
	font-size: 1em;
	line-height: 1.5em;
	max-width: 100%;
	margin: 5% auto 0;
}
#taiou_wrap,
#taiou_wrap2 {padding: 5%;}
.taiou_wrap_ill .right,
.taiou_wrap2 ill .right	{margin-top: 0;}
#iede_aitai {
	background: url(img/chousa/iede/b2_sp.jpg)no-repeat top right/cover;
	padding: 7% 0;
}
#syozai_sinjitsu {
	background: url(img/chousa/syozai/b2_sp.jpg)no-repeat top right/cover;
	padding: 7% 0;
		}
#iyagarase_jijitsu {
	background: url(img/chousa/iyagarase/b2_sp.jpg)no-repeat top right/cover;
	padding: 7% 0;
}
#tochoki_sinjitsu {
	background: url(img/chousa/tochoki/b2_sp.jpg)no-repeat top right/cover;
	padding: 7% 0;
	text-shadow: 0 0 5px rgba(0,0,0,1),0 0 5px rgba(0,0,0,1),0 0 5px rgba(0,0,0,1),0 0 5px rgba(0,0,0,1),0 0 5px rgba(0,0,0,1),0 0 5px rgba(0,0,0,1);
}
#shinken_tasya {
	background: url(img/chousa/shinken/b2_sp.jpg)no-repeat left top /cover;
	padding-left: 0;
	text-shadow: 0 0 5px rgba(255,255,255,0.3),0 0 5px rgba(255,255,255,0.3),0 0 5px rgba(255,255,255,0.3),0 0 5px rgba(255,255,255,0.3),0 0 5px rgba(255,255,255,0.3),0 0 5px rgba(255,255,255,0.3);
}
#chousa_parts li {
	width: 45%;
	margin: 0 2% 4%;
	padding: 3% 0;
}

/*スタッフ紹介*/
#staff_staff li,
#staff_staff li:nth-child(2),
#staff_staff li:nth-child(3),
#staff_staff li:nth-child(4)  {
	width: 96%;
	margin: 0 auto 10%;
}
#staff_staff li img,
#staff_staff li:nth-child(2) img,
#staff_staff li:nth-child(3) img,
#staff_staff li:nth-child(4) img {
	width:60%;
	margin:3% auto;
	float: none;
}
#staff_staff li .right,
#staff_staff li:nth-child(2) .right,
#staff_staff li:nth-child(3) .right,
#staff_staff li:nth-child(4) .right {width:100%;}

#staff_staff .txt,
#staff_staff li:nth-child(1) .txt,
#staff_staff li:nth-child(5) .txt {margin: 1% 0 1% 1%;}

#staff_staff li:nth-child(1) h4,
#staff_staff li:nth-child(5) h4 {
	margin-top: 7%;
	margin-left: 0;
}
#staff_staff h4::after,
#staff_staff  li:nth-child(1) h4::after,
#staff_staff  li:nth-child(5) h4::after {
  top: 0;
  left: 50%;
}
.kurihara_wrap {
	max-width: 100%;
	margin: 0 auto;
}
.kurihara_wrap .txt {
	width: 70%;
	margin-top: 0;
	margin-bottom: 3%;
}

.kurihara_wrap img {
	width: 28%;
	margin-top: 20%;
}
#staff_kurihara h5 {
	font-size: 1.1em;
	line-height: 1.5em;
	max-width: 100%;
}

#staff_bengoshi .left {
	width: 70%;
	margin: 0 auto;
	float: none;
}
#staff_bengoshi .right {
	width: 100%;
	margin-top: 5%;
	float: none;
}
#omoi_b {
	background: url(img/staff/b_sp.jpg) no-repeat left center/ cover;
	padding: 5% 0;
}
.qa_message span {font-size: 1.3em;}

#staff_yokatta img {
	max-width:80%;
	margin: 5% auto;
}
#staff_mutsukashi ul {
	margin-bottom: 5%;
	text-align: center;
}
#staff_mutsukashi ul li,
#hanashiai_flow ul li {
	width: 90%;
	margin: 0 auto 5%;
	float: none;
}
#staff_mutsukashi ul li img {
	width: 20%;
	margin: 0 auto -7%;
}
#staff_mutsukashi ul li p {padding: 10% 3% 7%;}

.b_orange,
.b_gray,
.b_white {padding: 4% 3%;}

/*女性の方へ*/
#josei_support .left {
	width: 45%;
	margin: -5% auto 5%;
	float: none;
}
#josei_support .right,
#josei_baai .right {
	width: 100%;
	padding: 3%;
}
#josei_baai .left {
	width: 45%;
	margin: 0 auto 5%;
	float: none;
}
#josei_baai a,
#josei_flow a,
#hanashiai_soudan_flow a {
	font-size:1em;
	padding: 3% 0;
	max-width: 90%;
	margin: 5% auto;
}
#josei_koe li {
	width: 100%;
	float: none;
	padding: 4%;
	margin: 0 auto 5%;
}
.josei_flow_anshin_b {
	background: var(--bk-orange);
	padding: 0 1% 0 0;
	color: var(--color-orange);
	max-width: 100%;
	margin: 1% auto 0;
}
#josei_flow .txt,
#hanashiai_soudan_flow .txt {
	width: 100%;
	float: none;
}
#josei_flow img,
#hanashiai_soudan_flow img {display: none;}
	
#hojin_zairyo .right,
#rikon_bengoshi .left {
	width: 100%;
	float: none;
	margin-bottom: 3%;
}	
#rikon_bengoshi .left {
	margin: 3% auto 0 auto;
	text-align: left;
}
#rikon_bengoshi .right {
	width: 50%;
	margin: 5% auto -5%;
	float: none;
}

#hojin_trouble {
	background: url(img/chousa/hojin/b2_2_sp.jpg) no-repeat left top/cover;
	padding: 5% 0 5% 10%;
	text-shadow: 0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1);
}
#hojin_jisseki .jirei_wrap {font-size: 0.8rem;}
#hojin_jisseki .jirei_wrap .stage {
	margin-left: -10%;
	font-size: 0.8rem;
	width: 28%;
	border-bottom: 2px solid #FFF;
}
	
#rikon_kimochi {background: url(img/rikon/b1_sp.jpg) no-repeat bottom right /cover;}
#uwaki_fuan {background: url(img/chousa/uwaki/b2_sp.jpg) no-repeat bottom right /cover;}
#keiji_jisseki {
	background: url(img/keiji/b1_sp.jpg) no-repeat bottom right /cover;
	text-shadow: 0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1);
}
#keiji_tasya {
	background: url(img/keiji/b2_sp.jpg) no-repeat bottom right /cover;
	text-shadow: 0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1);
}
	
/*離婚*/
#rikon_shippai ul {
	max-width: 100%;
	font-size: 1em;
}
#rikon_shippai li.b_white .right {margin-top: 0;}
#rikon_bengoshi ul  {font-size: 0.8em;}
#rikon_bengoshi li.b_white {width: 46%;}
#rikon_bengoshi li.kakeru {
	width: 6%;
	font-size: 2em;
	line-height: 8em;
}
.rikon_mayoi_wrap {
	font-size:1em;
	line-height:1.5em;
	padding: 5% 0;
}
#rikon_douka {background: url(img/rikon/b2_sp.jpg) no-repeat top right/cover;}
#group_ookiku {background: url(img/chousa/tokyo/b2_sp.jpg) no-repeat top right/cover;}
#area_shisei {background: url(img/area/b2_sp.jpg) no-repeat top right/cover;}

.tuduketekitakoto_sogyo_wrap .left {
	width: 95%;
	margin: 3% auto 0;
	float: none;
}
.tuduketekitakoto_sogyo_wrap .right {
	width: 70%;
	margin: 3% auto 0;
	float: none;
}
#tuduketekitakoto_sogyo .tuduketekitakoto_sogyo_wrap li {font-size:1em;}
#tuduketekitakoto_sogyo_ataeru img {max-width: 80%;}
#tuduketekitakoto_sodan p {
	font-size: 1.1em;
	text-align: center;
}
#tuduketekitakoto_sodan li {
	width: 100%;
	margin: 0 auto 5%;
	float: none;
}
#tuduketekitakoto_choice3 li {padding-bottom: 5%;}

#ryokin_tsuika ul li,

#uwaki_abaku li {
	width: 46%;
	margin-right: 2%;
	margin-bottom: 8%;
}
	
/*浮気調査*/
#uwaki_moshikashite {background: url(img/chousa/uwaki/b1_sp.jpg) no-repeat top left/ cover;}
#uwaki_moshikashite h3,
#uwaki_moshikashite p {padding-left: 0;}
#uwaki_moshikashite h4 {
	text-align: cener !important;
	max-width: 100%;
	padding: 3%;
}
#uwaki_abaku .margin_bp {text-align: left !important;}

#uwaki_kokoroatari ul {padding: 4%;}
#uwaki_kokoroatari ul li {font-size: 1em;}
	
/*刑事事件*/
#keiji_bengoshi .left {
	width: 50%;
	margin: 0 auto;
	float:  none;
}
#keiji_bengoshi .right {
	width: 100%;
	float:  none;
}
	
#company_joho .wrap,
#tokyo_joho .wrap,
#area_joho .wrap {max-width: 100%;}	

#company_joho th,
#company_joho td,
#tokyo_joho th,
#tokyo_joho td,
#area_joho th,
#area_joho td {
	width: 100%;
	display: block;
}
	
/*グループ_東京*/
.group_zentai_wrap img {
	width: 20%;
	margin: 0 auto 1%;
}
.group_zentai_wrap li img {width: 30%;}
.group_zentai_wrap li {
	font-size: 0.8em;
	line-height: 1.5em;
}
	
#group_taisetsu ul {
	max-width: 100%;
	padding: 3% 1%;
}
#group_taisetsu li img {width: 30%;}
#company_shojiki li p,
#group_taisetsu li p {
	font-size: 1em;
	line-height: 1.6em;
	margin-top: 10%;
}
#group_taisetsu li p {width: 68%;}
	
/*対応エリア*/
#ooi_area .left,
#ooi_area ul {
	float: none;
	width: 100%;
}
#ooi_area li img {width: 20%;}
#ooi_area li .right {width: 78%;}

#shichoson h5,
#kengai h5 {font-size: 1em;}
#shichoson p,
#kengai p {
	margin-bottom: 3%;
	padding-bottom: 3%;
}
#shichoson .left,
#kengai .left,
#shichoson .right,
#kengai .right {
	width: 100%;
	float: none;
}
.area_btn {
	width: 100%;
	float: none;
	margin: 0 auto 5%;
}
.area_btn a {
	width: 100%;
	max-width: 100%;
	line-height: 1.5em;
}
	
#hanashiai_flow .tsukaeru h5 {
	margin-top: 0;
	text-align:  center;
	font-size: 1.2em;
}	
#hanashiai_negai .wrap {width: 90%;}
#hanashiai_final {text-align: left;}


	

}

/*===============================================
画面の横幅が641px以上769px以下　タブレット
===============================================*/
@media only screen and (min-width:641px) and (max-width:810px){
	
.gnav{font-size: 0.9em;}
.gnav ul li{margin-right: 2%;}
	
/*////// footer b_2columnここから//////*/
#footer_wrap {width: 95%;}
#footer_wrap .left {
	width: 40%;
	line-height: 1.5em;
	font-size: 0.9em;
}
#footer_wrap .left img {max-width: 250px;}
.fot_tel {
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1.7em;
}
#footer_wrap .left li {
	width: 45%;
	float: left;
	margin: 1% 3% 0 0;
	background: var(--color-gold);
	line-height: 1.5em;
	border-radius: 20px;
}
#footer_wrap .right {width: 58%;}
#footer_wrap .right ul {font-size: 0.8em;}

/*////// footer b_2columnここまで//////*/
#footer_3btn {font-size: 1em;}
#footer_3btn ul li {
	padding: 1% 0;
	font-size: 0.8em;
}
#footer_3btn ul li:nth-child(3){margin: 3% 0 0 0;}

	
#page_title h2,
#page_title2 h2,
#page_title3 h2,
#page_title4 h2,
#page_title5 h2,
#page_title6 h2,
#page_title7 h2,
#page_title8 h2,
#page_title9 h2 {
	font-size: 1.3rem;
	line-height: 1.5em;
}
#page_title h2 span,
#page_title2 h2 span,
#page_title3 h2 span,
#page_title4 h2 span,
#page_title5 h2 span,
#page_title6 h2 span,
#page_title7 h2 span,
#page_title8 h2 span,
#page_title9 h2 span {font-size: 1.7em;}
	
#page_title h2 p,
#page_title2 h2 p,
#page_title3 h2 p,
#page_title4 h2 p,
#page_title5 h2 p,
#page_title6 h2 p,
#page_title8 h2 p,
#page_title9 h2 p {font-size: 0.6em;}
	
/*////// b_2ここから//////*/
#side-btn {display: none;}
/*////// b_2ここまで//////*/
#info_page_t h3 {margin-top: 15%;}
	
h3{
	font-size: 1.5rem;
	line-height: 1.5em;
}
#top_konoyouna h3,
#chousago h3,
#nagare_step h3,
#yarinaoshi_okane h3,
#yarinaoshi_kids h3,
#chigai_8 h3,
#staff_omoi h3,
#shinken_jyunbi h3,
#shinken_flow h3 {background: url(img/top/t_b.svg) no-repeat center 90% /100%;}

.houkou h3 {font-size: 1.3em;}
#shoko h3 {
	font-size: 1.2em;
	line-height: 1.7em;
}
#shoko h3 span {
	font-size: 1.6em;
	line-height: 1.7em;
}
#shoko h3 p {font-size: 0.7em;}

#info_page_t h2 {
	font-size: 1.2em;
	margin-top: 13%;
	margin-bottom: 0;
}

h4 {
	font-size: 1.1em;
	line-height: 1.5em;
}
#top_taisetsu h4,
#hanashiai_kekka h4 {font-size: 1em;}
	
	
/*TOP*/
#top_shoko .left,
#top_staff .left {width: 37%;}
#top_shoko .right,
#top_staff .right {width: 62%;}

#top_shoko .price {font-size: 1.3em;}
#top_taisetsu {font-size: 1.1em;}

#top_chosa h4 {font-size: 1.5em;}
#top_chosa h4 span {font-size: 1.6em;}

#top_chosa ul li h5,
.tsukaeru h5 {font-size: 1.2em;}

#top_jisseki li {padding: 2% 5%;}
#top_jisseki li:nth-child(1) img,
#top_jisseki li:nth-child(2) img {width: 15%;}

#top_flow ul,
#top_2choice ul,
#yarinaoshi_flow ul,
#yoitantei_5 ul,
#tochoki_flow ul,
#hojin_flow ul,
#keiji_flow ul {
	max-width: 100%;
	width: 100%;
}
#top_jokyo li,
#hanashiai_flow li {width: 48%;}
#top_banner2 ul {max-width: 90%;}
	
#top_flow li .left,
#yarinaoshi_flow li .left,
#yoitantei_5 li .left,
#josei_flow li .left,
#tochoki_flow li .left,
#hojin_flow li .left,
#keiji_flow li .left,
#hanashiai_soudan_flow li .left {
	width: 9%;
	font-size: 2.5em;
	margin-top: 0;
}

#top_sogyo li,
#no_rikon li,
#yakusoku li,
#hojin li,
#hojin_zairyo li,
#uwaki_moshikashite li {
	width: 31%;
	font-size: 0.9em;
	line-height: 1.5em;
}
#top_area {background: var(--bk-l-gold) url(img/top/area_b.png) no-repeat left top /50%;}
#top_area li p,
#chousa_area li p {font-size: 0.8em;}
#top_area li .click,
#chousa_area li .click {width: 70%;}
.post_f {max-width: 100%;}
.info_txt {
	width: 60%;
	margin-left: 2%;
}

/*投稿カテゴリーのラベル class=category_slug*/
.info_i {width: 15%;}
.info_click {font-size: 0.9em;}
	
#yarinaoshi_kids_wrap .wrap {
	margin: 5% 0 5% 50%;
	max-width: 50%;
}
	
	
	
	


/*初めての方へ*/
.diagram{max-width:400px;}
.bubble{
    width:28%;
    padding-bottom:28%;
}
#josei_jokyo .bubble{width:30%;}

.bubble-inner{padding:20%;}
#josei_jokyo .bubble-inner{padding:5%;}

.q-mark{font-size:4vw;}
.bubble-text{
    font-size:0.7em;
    line-height:1.5em;
}
#wakaranai {
	padding: 10% 0 10% 5%;
	background: url(img/hajimete/wakaranai.jpg) no-repeat 10% top / cover;
}

#chousago ul,
#nagare_step ul,
#shinken_4 ul,
#hojin_3 ul,
#keiji_4 ul {max-width: 90%;}
	
#hojin_3 li,
#keiji_4 li {
	padding-bottom: 8%;
	padding-left: 8%;
	margin-left: 0;
}

#chousago li,
#nagare_step li,
#shinken_4 li {
	padding-bottom: 8%;
	padding-left: 6%;
	margin-left: 0;
}
	
#nagare_step .step_no {width: 13%;}
	
#chousago li h4,
#shinken_4 li h4{
	color: var(--color-gold);
}
#hojin_3 li h4,
#keiji_4 li h4 {color: var(--color-kon);}
	
#chousago li p,
#shinken_4 li p,
#hojin_3  li p,
#keiji_4 li p {margin-top: 2%;}
	
#choice3 li,
#tuduketekitakoto_choice3 li {font-size: 0.9em;}
	
#hojin_3 .step_wrap,
#keiji_4 .step_wrap {width: 100%;}
	
	
/*解決までの流れ*/
#nagare_message {padding: 3% 0 15% 25%;}
#nagare_flow li:nth-child(odd) {font-size: 1.1em;}
#nagare_flow li span {padding: 7% 14%;}
	
	
/*料金のご案内*/
.table_scroll_txt {display: none;}
#ryokin_plan li,
#hojin_naiyo li {
	font-size: 0.8em;
	ine-height: 1.5em;
}
#ryokin_tsuika ul li {
	font-size: 0.8em;
	line-height: 1.5em;
}
#ryokin_tsuika ul li::after {
  bottom: -15px;
  height: 25px;
}
#ryokin_hyo {font-size: 0.9em;}
#ryokin_hyo span {font-size: 1.3em;}
#sodanmae {
	padding-left: 30%;
	text-shadow: 0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1);
}
	
	
	
/*解決事例*/
#shinken_handan li {
	width: 47%; 
	margin: 0 1% 3%;
	padding: 5% 2%;
}
#shinken_handan li img,
#taiou_wrap ul li img {width: 20%;}
	
#yurusenai_img {background: #FCEDE7 url(img/jirei/img_sp.jpg) no-repeat top right/30%;} 
#yurusenai_img .wrap {padding-right: 23%;}
#shisei li,
#iede_taiou li,
#syozai_taiou li,
#iyagarase_taiou li,
#iyagarase_dekirukoto li,
#tochoki_taiou li {
	display: flex;/*高さ揃え*/
    align-items: stretch;/*高さ揃え*/
}
#shisei li h4,
#iede_taiou li h4,
#syozai_taiou li h4	,
#iyagarase_taiou li h4,
#tochoki_taiou li h4 {
	width: 28%;
	display: flex;/*高さ揃え*/
    align-items: center;/*高さ揃え*/
}
#shisei li .right,
#iede_taiou li .right,
#syozai_taiou .right,
#iyagarase_taiou .right,
#tochoki_taiou .right {width: 68%;}
	
/*調査項目*/
#chousa_flow,
#shinken_flow {text-align: center;}

#chousa_flow ul,
#shinken_flow ul,
#rikon_dekirukoto ul,
#uwaki_flow ul {
	border-top: 3px solid;
	border-image: linear-gradient(90deg, #ffffff, #ffffff 9%, #bda45a 10% 85%, #ffffff 86% 100%) 1;
	margin-top: 10%;
}
#rikon_dekirukoto ul {border-image: linear-gradient(90deg, #ffffff, #ffffff 12%, #bda45a 13% 80%, #ffffff 81% 100%) 1;}
#hojin_trouble {
	background: url(img/chousa/hojin/b2_2_sp.jpg) no-repeat left top/cover;
	padding: 5% 0 5% 40%;
}
#chousa_flow li,
#shinken_flow li,
#rikon_dekirukoto li,
#uwaki_flow li {
	width: 20%;
	float: left;
	margin: -4% 5% 0 0;
}	
#rikon_dekirukoto li {width: 28%;}	
	
.step_no {
	width: 8%;
	margin-left: -13%;
}
.step_wrap {
	width: 96%;
	float: right;
	margin: 3% 0 5%;
}
	
#chousa_flow li .step_no,
#shinken_flow li .step_no,
#rikon_dekirukoto li .step_no,
#uwaki_flow li .step_no {
	background: var(--color-gold);
	color: #FFF;
	font-size: 2em;
	padding: 10% 0;
	border-radius: 50%;
	width: 35%;
	font-family: var(--font-m);
	margin: 0 0 3% 35%;
}
#rikon_dekirukoto li .step_no {padding: 3% 0;}
#hanashiai_flow li .step_no {margin-left: 3%;}
#rikon_shoko li {font-size: 1em;}
	
#chousa_flow a,
#shinken_flow a {max-width: 350px;}
.tag,
.tag_orange,
.tag_white {font-size: 0.7em;}
#chousa_dankai li p {
	font-size: 0.9em;
	line-height: 1.5em;
}
#chousa_mutsukashi {padding: 5% 5% 5% 25%;}
#chousa_mutsukashi p {
	font-size: 1em;
	line-height: 1.7em;
}
#taiou_wrap,
#taiou_wrap2 {
	max-width: 80%;
	margin: 2% auto;
}
#taiou_wrap2 {max-width: 100%;}
#taiou_wrap li,
#taiou_wrap2 li {
	width: 45%;
	margin: 0 2.5% 5%;
}
#taiou_wrap2 li {width: 39%;}
#taiou_wrap2 ul li img {width: 25%;}
	
#uwaki_gokai .tsukaeru span {width: 12%;}
#uwaki_gokai .tsukaeru p {width: 85%;}
	
#hojin_flow li .left,
#keiji_flow li .left {width: 13%;}
#hojin_flow li .right,
#keiji_flow li .right {width: 86%;}
	
	
/*後悔しないために*/
#mayoi h3,
#mayoi p {
	text-align: left;
	margin-left: 10%;
}
#shippai .i_wrap {
	font-size: 0.9em;
	line-height: 1.5em;
}
#muiteiru li.muiteiru,
#muiteiru li.awanai,
#company_taisetsu li.taisetsu_li {width: 48%;}
	
/*会社案内*/
#company_taisetsu .ron span {font-size: 1.7em;}
.genten img {max-width: 40px;}
.genten .ron {font-size: 1.4em;}
#torihiki li .txt li,
#company_next li p {font-size: 0.9em;}   

/*スタッフ紹介*/	
#omoi_b {padding: 4% 0 4% 30%;}
	
#company_taisetsu li.taisetsu_li,
#group_yakuwari li.taisetsu_li,
#hanashiai_kimochi li {width: 48%;}
	
#hanashiai_ryougawa {
	background: url(img/josei/hanashiai/b2.jpg) no-repeat center bottom /100%;
	text-shadow: 0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1);
}
	
#taiou_kojin ul,
#top_chosa ul,
#staff_mazu ul,
#josei_koe ul,
#josei_kotiramo ul,
#chousa_parts ul,
#hojin_naiyo ul,
#hojin_shinkoku ul,
#rikon_okane ul,
#uwaki_kangaekata ul,
#chousa_dankai_uwaki ul.white2,
#keiji_jisseki3 ul,
#syozai_dekirukoto ul,
#iyagarase_dekirukoto ul,
#taiou_wrap2 ul,
#tochoki_dekirukoto ul,
#shinken_onayami ul,
#iede_dekirukoto ul,
#keiji_nayami ul,
#seiri ul,
#tuduketekitakoto_shigoto ul,
#hanashiai_kimochi ul,
#single_rikon ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-content: flex-start;
	align-content: flex-start;
}
#taiou_kojin ul li,
#top_chosa ul li,
#staff_mazu ul li,
#josei_koe ul li,
#josei_kotiramo ul li,
#chousa_parts ul li,
#hojin_naiyo ul li,
#hojin_shinkoku ul li,
#rikon_okane ul li,
#uwaki_kangaekata li,
#chousa_dankai_uwaki ul.white2 li,
#keiji_jisseki3 li,
#syozai_dekirukoto li,
#iyagarase_dekirukoto li,
#taiou_wrap2 li,
#tochoki_dekirukoto li,
#shinken_onayami li,
#iede_dekirukoto li,
#keiji_nayami li,
#seiri li,
#tuduketekitakoto_shigoto li,
#hanashiai_kimochi li,
#single_rikon li {
	display: block;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
	
	
	
	
}




/*===============================================
PC
===============================================*/
@media screen and (min-width: 811px){

/*////// b_2ここから//////*/
/* 横ボタン */
#side-btn {
    position: fixed;
    top: 40%; 
    right: 0;
    z-index: 999;
	width: 4%;
	height: auto;
}
#side-btn a {
    text-decoration: none;
    text-align: center;
    display: block;
	margin-bottom: 0;
	margin-top: 0;
	padding-bottom: 0;
	padding-top: 0;
}
#side-btn img {
	/*border-bottom: 1px solid #FFF;*/
	padding: 0;
	margin: 0 0 5% 0;
}
#side-btn a:hover {
    text-decoration: none;
	margin-bottom: 0;
	margin-top: 0;
	padding-bottom: 0;
	padding-top: 0;
}
/*////// b_2ここまで//////*/
	
	
/*TOP*/
#top_jokyo ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-content: flex-start;
	align-content: flex-start;
}
#top_jokyo li {
	display: block;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
	
	
	
/*料金のご案内*/
.table_scroll_txt {display: none;}
	
	
	
/*解決事例*/
#shisei li,
#iede_taiou li,
#syozai_taiou li,
#iyagarase_taiou li,
#tochoki_taiou li {
	display: flex;/*高さ揃え*/
    align-items: stretch;/*高さ揃え*/
}
#shisei li h4,
#iede_taiou li h4,
#syozai_taiou li h4,
#iyagarase_taiou li h4,
#tochoki_taiou li h4 {
	display: flex;/*高さ揃え*/
    align-items: center;/*高さ揃え*/
}
	
/*調査項目*/
#chousa_flow,
#shinken_flow {text-align: center;}
#chousa_flow ul,
#shinken_flow ul,
#rikon_dekirukoto ul,
#uwaki_flow ul {
	border-top: 3px solid;
	border-image: linear-gradient(90deg, #ffffff, #ffffff 9%, #bda45a 10% 90%, #ffffff 91% 100%) 1;
	margin-top: 10%;
}
#rikon_dekirukoto ul {border-image: linear-gradient(90deg, #ffffff, #ffffff 15%, #bda45a 16% 84%, #ffffff 85% 100%) 1;}

#chousa_flow li,
#shinken_flow li,
#rikon_dekirukoto li,
#uwaki_flow li {
	width: 20%;
	float: left;
	margin: -3% 5% 0 0;
}	
#rikon_dekirukoto li {
	width: 31%;
	margin: -3% 2% 0 0;
}
#chousa_flow li .step_no,
#shinken_flow li .step_no,
#rikon_dekirukoto li .step_no,
#uwaki_flow li .step_no {
	background: var(--color-gold);
	color: #FFF;
	font-size: 2em;
	padding: 10% 0;
	border-radius: 50%;
	width: 35%;
	font-family: var(--font-m);
	margin: 0 0 3% 45%;
}
#rikon_dekirukoto li .step_no {
	padding: 2% 0;
	width: 25%;
	margin: 0 0 3% 45%;
}
	
#taiou_kojin ul,
#top_chosa ul,
#staff_mazu ul,
#josei_koe ul,
#josei_kotiramo ul,
#chousa_parts ul,
#hojin_naiyo ul,
#hojin_shinkoku ul,
#rikon_okane ul,
#uwaki_kangaekata ul,
#chousa_dankai_uwaki ul.white2,
#keiji_jisseki3 ul,
#syozai_dekirukoto ul,
#iyagarase_dekirukoto ul,
#taiou_wrap2 ul,
#tochoki_dekirukoto ul,
#shinken_onayami ul,
#iede_dekirukoto ul,
#keiji_nayami ul,
#seiri ul,
#tuduketekitakoto_shigoto ul,
#hanashiai_kimochi ul,
#single_rikon ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-content: flex-start;
	align-content: flex-start;
}
#taiou_kojin ul li,
#top_chosa ul li,
#staff_mazu ul li,
#josei_koe ul li,
#josei_kotiramo ul li,
#chousa_parts ul li,
#hojin_naiyo ul li,
#hojin_shinkoku ul li,
#rikon_okane ul li,
#uwaki_kangaekata li,
#chousa_dankai_uwaki ul.white2 li,
#keiji_jisseki3 li,
#syozai_dekirukoto li,
#iyagarase_dekirukoto li,
#taiou_wrap2 li,
#tochoki_dekirukoto li,
#shinken_onayami li,
#iede_dekirukoto li,
#keiji_nayami li,
#seiri li,
#tuduketekitakoto_shigoto li,
#hanashiai_kimochi li,
#single_rikon li {
	display: block;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

	
	
	

}