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

body { font-size: 12px; }


.pc_inline { display:none; }
.pc { display:none; }
.sp { display:block; }
.sp_left {text-align: left;}
.sp_center {text-align: center;}
a.more { width:70%; padding: 4.5% 0 4.5% 0; border-top-right-radius: 1.9em; border-top-left-radius: 1.9em; border-bottom-right-radius: 1.9em; border-bottom-left-radius: 1.9em; }
a.more i { right: 0.5em }
.no_style {font-size: min(calc(28 * 0.22vw),28px);}


.fs13vw { font-size:min(calc(13 * 0.23vw),13px); }
.fs14vw { font-size:min(calc(14 * 0.23vw),14px); }
.fs15vw { font-size:min(calc(15 * 0.23vw),15px); }
.fs16vw { font-size:min(calc(16 * 0.23vw),16px); }
.fs17vw { font-size:min(calc(17 * 0.22vw),17px); }
.fs18vw { font-size:min(calc(18 * 0.22vw),18px); }
.fs20vw { font-size:min(calc(18 * 0.22vw),20px); }
.fs21vw { font-size:min(calc(18 * 0.22vw),21px); }
.fs22vw { font-size:min(calc(18 * 0.22vw),22px); }
.fs23vw { font-size:min(calc(18 * 0.22vw),23px); }
.fs24vw { font-size:min(calc(22 * 0.22vw),24px); }
.fs26vw { font-size:min(calc(22 * 0.22vw),26px); }
.fs28vw { font-size:min(calc(22 * 0.22vw),26px); }
.fs30vw { font-size:min(calc(24 * 0.22vw),30px); }
.fs32vw { font-size:min(calc(24 * 0.22vw),30px); }
.fs34vw { font-size:min(calc(26 * 0.22vw),30px); }
.fs36vw { font-size:min(calc(26 * 0.22vw),30px); }
.fs38vw { font-size:min(calc(26 * 0.22vw),30px); }
.fs42vw { font-size:min(calc(26 * 0.22em),30px); }
.fs44vw { font-size:min(calc(30 * 0.22em),37px); }
.fs70vw { font-size: min(calc(32 * 0.22vw),70px); }
.fs80vw { font-size:min(calc(60 * 0.22vw),80px); }
.fs100vw { font-size:min(calc(70 * 0.22vw),100px); }

:root {
	--tel_icon_size: 3em;
	--search_icon_size: 10vw;
	--fv_padding: 4vw;
}


.low_inner {width: 90%;}
section#top_about .minimum_inner {width: 90%;}
.tiny_inner {width: 90%; }

.site_name { width: 75vw; }
.site_name img.logo { width: 11vw; margin:0.25em 0 0 0; }
.site_name span.txt { width: 83%; padding-left: 1vw; }

.subttl { line-height: 1.5; }

header#header { padding: 0.5em 0 1em 0; }

header#header nav ul#gmenu,
header#header .tel_box,
.zdo_drawer_bg .sitemenu_sum { display:none; }

.zdo_drawer_bg { overflow: scroll; }

.zdo_drawer_bg .sitemenu { width: 100%;padding: 0.5em 2% 1em 2%; float: none; }
.zdo_drawer_bg p.site_name { margin: 1em 0 1em 2%; }
.zdo_drawer_bg .flex { display:block; clear: both; }

.zdo_drawer_bg .sitemenu dl.list { width:50%; float:left; padding: 0 0 1em 0; }

.zdo_drawer_bg .sitemenu dl.list dt,
.zdo_drawer_bg .sitemenu dl.list dd,
.zdo_drawer_bg .sitemenu a.home { font-size: 0.9em; }

.zdo_drawer_bg .sitemenu a.home i,
.zdo_drawer_bg .sitemenu dl.list i { margin-right: 0.8vw; font-size: 1.2em; }

.zdo_drawer_bg .sitemenu dl.list ul li i { margin-right: 0.8vw; font-size: 0.9em; }

dl.inquiry dd.btn,
dl.inquiry.tel dd.btn,
dl.inquiry.line dd.btn { margin: auto; width: 80%; height: 6em;padding: 0.875em 2vw 0.3em 2vw;}
.icon_email { line-height: var(--tel_icon_size);}


.cmn_tip { display: inline-block; width: auto; padding: 0.4em 0.8em 0.4em 0.8em; margin-bottom: 1em; }
.cmn_tip i { margin-right: 0.3em;}

.cmn_pb_size1 { padding-block: 2em 2em;}
.add_tri:before {inline-size: min(96px,10%);}
.principle .txt.left { float:none; width:100%; }
.principle .sum.right { float:none; width:100%; }

.cmn_change_btn button { inline-size: min(300px,49.5%); height: 4.5em; }
.cmn_change_btn button.fs17vw { font-size:min(calc(15 * 0.22vw),15px); }

.cmn_3rd_contents.minimum_inner,
.cmn_contents_detail .minimum_inner { width: 94%; }
.cmn_3rd_contents.minimum_inner .tiny_inner { width:100%; }

.cmn_page_contents { padding: 2em 0 2em 0; }

.cmn_page_contents .cmn_contents_detail a.more { width: 100%; padding: 1.1em 0 1.1em 0; border-radius: 1.9em;}
.cmn_page_contents .cmn_contents_detail a.change_btn i { margin-right: 0.4em; }

.cmn_subttl2 { margin-top: 0;}
.cmn_subttl2 img.icon { left: -4em; height: calc(82vw / 7.6); }
.cmn_subttl2 img.icon.icon_faq { left: -5em; height: calc(82vw / 7.6); }


.cmn_detective_investigation_main_img { margin-bottom: 1em;}
.cmn_detective_investigation .cmn_begin .txt { width: 100%; float:none; }
.cmn_detective_investigation .cmn_begin .sum { float: none; width: 80%; display: block; margin: 1.5em auto; }
.cmn_thought { width: 96%; text-align: left; }
.cmn_idea .txt { width: 100%; float:none; }
.cmn_idea .sum { float: none; width: 100%; display: block; margin: 1.5em auto; }
.cmn_detective_investigation_notes { padding: 1em 1em 1em 1em; }


.cmn_3rd_contents .txt { width: 100%; float:none; }
.cmn_3rd_contents .sum { float: none; width: 100%; display: block; margin: 1.5em auto; }


.cmn_checkpoint_ttl dt { width: 4em; line-height: 1; vertical-align: middle; }
.cmn_checkpoint_ttl dt span { display: block; margin-left: 0; }

.cms_measures dt { left: 0.7em; }
.cms_measures dd { padding: 2.3em 1em 1.3em 1em; }


footer#footer .org address {
    padding: 1.2em 0 0 1vw;
    font-size: calc(16 * 0.0625em);
}


section#fv { aspect-ratio:75 / 127; }
section#fv .slide01 { background-image:url(../img/top/sp_slide01.webp); }
section#fv .slide02 { background-image:url(../img/top/sp_slide02.webp); }
section#fv .slide03 { background-image:url(../img/top/sp_slide03.webp); }
section#fv .slide04 { background-image:url(../img/top/sp_slide04.webp); }
section#fv .slide05 { background-image:url(../img/top/sp_slide05.webp); }
section#fv .slide06 { background-image:url(../img/top/sp_slide06.webp); }
section#fv .slide07 { background-image:url(../img/top/sp_slide07.webp); }
section#fv .slide08 { background-image:url(../img/top/sp_slide08.webp); }
section#fv .slide09 { background-image:url(../img/top/sp_slide09.webp); }

section#fv .swiper-slide {
	height:calc(1270vw / 7.84); max-height:1270px; aspect-ratio: 413 / 670;
	border-top-right-radius:1em; border-top-left-radius:1em; border-bottom-right-radius:1em; border-bottom-left-radius:1em;
}
section#fv .swiper-wrapper .swiper-slide { padding:14vw var(--fv_padding) 7vw var(--fv_padding); }

.area_hokkaido { top: 1vw; padding: 0.2em 1.2em 0.2em 1.2em; }
.area_hokkaido.fs18vw { font-size: min(calc(18 * 0.2vw),18px); }
.area_hokkaido::after { width: 0.8em; height: 0.8em; bottom: -0.4em; }

section#fv .swiper-wrapper .swiper-slide .survey_no { padding:0 0 1vw 33vw; line-height:1; }
section#fv .survey_no_box { top: 16vw; }
.icon_search { line-height: 10vw; }
section#fv .survey_no_box .txt { line-height:1.1; }


section#fv .estimate_btn {
	position:absolute; top:65vw; right:2vw; z-index:2; width: 33vw; height: 33vw; padding: 2.2vw;line-height: 18px;letter-spacing: 0.2em;
}
section#fv .estimate_btn .fs22vw { font-size: min(calc(22 * 0.15vw),22px); }
section#fv .estimate_btn .fs32vw { font-size: min(calc(32 * 0.15vw),32px); }


section#fv .swiper-wrapper .swiper-slide .survey_txt {margin: 0; padding: 0 var(--fv_padding) 0 0; position: absolute; top: 104vw;}
section#fv .swiper-wrapper .swiper-slide .survey_txt span {
	display:inline;
	margin:0.2em 0 0.2em 0; padding:0; background:none; text-shadow: -1px -1px 3px #FFF, 1px -1px 3px #FFF, -1px 1px 3px #FFF, 1px 1px 3px #FFF;
}

section#fv .swiper-wrapper .swiper-slide .more {
	position:absolute; left:0; right:0; margin:auto; bottom:3.5em;
	width:calc(380vw / 7.84); max-width:380px;
}


.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	top: auto; left: 0; right:0; bottom:1.5em; margin:auto; width: 100%;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 1em;}
.swiper-pagination-bullet { width: 5px; height: 5px; }

.swiper-button-next {
	width: 9vw; height: 9vw; line-height: 9vw;
	background-image:none; background: #FFF; border-radius: 50%; text-align: center;
	top: 58%; bottom: auto;left:calc(var(--fv_padding) + 10vw); right: auto;
}
.swiper-button-prev {
	width: 9vw; height: 9vw; line-height: 9vw;
	background-image:none; background: #FFF; border-radius: 50%; text-align: center;
	top: 58%; bottom: auto;left: var(--fv_padding);
}

section#top_about .inner { padding:0; }

section#about_survey img.sum,
section#top_promise .sum1,
section#top_about .bg { display:none; }

#news_box { display:block; }
#news_box dt.subttl { width: 100%; display: block; text-align: center; margin: 0 0 2em 0; }
#news_box dt.subttl::before { top:auto; bottom: -1em; right: auto; left: calc(50% - 1.875em); width: 3.75em; height: 1px; }



section#top_about div.sum.left { float:none; width: 99%; height: calc(640vw / 10);}
section#top_about div.txt { float: none; width: 99%; margin: -6.5em 0 0 0; }
section#top_about div.txt .subttl .slug ,
section#top_promise .subttl .slug{ font-size: min(calc(48 * 0.22vw),48px); }



section#top_point .bg.left { float:none; width: 96%; height: auto;}
section#top_point .subttl { -ms-writing-mode: unset; -webkit-writing-mode: unset; writing-mode: unset; text-align:center; margin: 1em 0 1em 0; }
section#top_point .subttl i { margin-right:0.3em; }

section#top_point .low_inner { float: none; width:92%; margin:auto; }
section#top_point dl.point_detail { float:none; width: 100%; }



section#top_point dl.place { float:none; width:100%; margin: 0; padding: 0 0 0 0; }


section#top_point dl.point_detail dd { padding:0 0 1em 0; }

section#top_promise .minimum_inner { width: 88%;}

section#top_promise .sum2.right { display: block; float:none; margin: 0 0 0 4%; width: 96%; height: calc(480vw / 8.5); }
section#top_promise .txt { float:none; width: 96%; }

section#top_promise .txt a.more { margin: 2em auto 0 auto; display: block; width: calc(380vw / 7.84); max-width: 380px; }

section#top_promise .promise_box {width: 100%; float: none; margin: 2em 0 0 0 ;}
section#top_promise .promise_box  img{width: 42%;}
section#top_promise .promise_box dl {width: 54%;}
section#top_promise .promise_box dt {margin: 0;} 
section#top_promise .promise_box dd {font-size: min(calc(16 * 0.22vw),16px); margin-top: -0.2em;} 


section.top_survey_item .wrapper { padding-top: 10em; width: 88% }

section.top_survey_item #survey_item08,
section.top_survey_item .survey_item_box { float: none; width: 100%; margin: 0 0 2em 0; }
section.top_survey_item .survey_item_box .sum { display: block; width: 100%; float: none; max-width: 100%; height: calc(400vw / 7.84); max-height: 400px; }
section.top_survey_item .survey_item_box .sum img { border-top-right-radius: 1em; border-top-left-radius: 1em; border-bottom-left-radius: 0; }

section.top_survey_item .survey_item_box .txt { width: 100%; float:none; padding: 1em; }
section.top_survey_item .survey_item_box .txt dl dt .item_name { width: 80%; }
section.top_survey_item .survey_item_box .txt dl dt .icon { width: calc(60vw / 6); margin-right: 0.4em; }

section.top_survey_item .wrapper .survey_no_box { display: inline-block; width: 50%; float: none; top: 9vw; left: 0; right: 0; margin: auto; }
section.top_survey_item .wrapper .survey_no_box .icon_search { line-height: min(12vw,80px);margin-right: 0.4em; border-radius: 11vw; width: 11vw; height: 11vw;}

.corner_link span { width: calc(60vw / 6); height: calc(60vw / 6); }
.corner_link span i { line-height: min(13.2vw,76px); margin: 0 0 0 min(3.7vw,20px); }

section#top_choose .low_inner { width: 90%; }

section#top_choose ul.choose_box li { width: 48%; margin: 0 4% 4% 0; }
section#top_choose ul.choose_box li:nth-of-type(2n) { margin-right: 0; }
section#top_choose ul.choose_box li img { width: calc(162vw / 7.68); }

section#top_choose { background-size: cover; }

section#top_choose .more { margin: 0.5em 0 0.5em 0; padding: 6% 0 6% 0; width: 100%; font-size: min(calc(20 * 0.22vw),18px); }
section#top_choose .more i { right: 0.8em; font-size: min(calc(26 * 0.22vw),26px); }


.inquiry_contents .inquiry_contents_title { -ms-writing-mode: unset; -webkit-writing-mode: unset; writing-mode: unset; float:none; text-align: center; }
.inquiry_contents .inquiry_contents_title em::after {
	background: linear-gradient(90deg, #ffc9ad 0%, #ffc9ad 20.9%, rgba(255,255,255,0) 21%, rgba(255,255,255,0) 79%,#ffc9ad 79.1%, #ffc9ad 100%);
	width: 100%; height: 2px; top: 0; bottom: 0; left: 0; margin: auto;
}


.inquiry_contents .inquiry_contents_detail { width: 100%; float: none; margin: auto;}
.inquiry_contents header p.txt { padding: 0 0 0 0; float: none; text-align: center;}
.inquiry_contents header { padding: 1em 0 0 0; }
.inquiry_contents header dl.counseling { float: none; text-align: center;}
.inquiry_contents header dl.counseling dd { padding: 0 0 0 0; }
.inquiry_contents header dl.sns { padding: 0.5em 0 0 0; }

.inquiry_contents .inquiry_contents_detail .inquiry_box { display: block; }
.inquiry_contents .inquiry_contents_detail .inquiry_box dl.inquiry dd.btn { width: 80%; }

section.knowledge .knowledge_wrapper { width:100%; padding: 1em 2em 1em 2em; }
section.knowledge .knowledge_wrapper .flex { display:block; }
section.knowledge .knowledge_box { width: 100%; height: calc(510vw / 6); display: block; margin: 2em 0 1em 0; }





section#about_survey { background-image:url(../img/top/about_survey_bg.jpg); background-size:100%; background-position:bottom; background-repeat:no-repeat; width: 100%; margin-bottom: 2em; }


section#about_survey .about_survey_title.table { display:block; width: 90%; margin: auto;}
section#about_survey .about_survey_title dt { display:block; width: 100%; text-align: center;}
section#about_survey .about_survey_title dt .subttl::before { left: 0; right:0; margin:auto;}
section#about_survey .about_survey_title dd { display:block; width: 100%; margin: 0; padding: 0 0 2em 0;}

section#about_survey .about_survey_title dd p.about_p { text-shadow: -1px -1px 2px #FFF, 1px -1px 2px #FFF, -1px 1px 2px #FFF, 1px 1px 2px #FFF; font-size: min(calc(20 * 0.22vw),20px); margin:1.7em 0 0 0; }


section#about_survey .txt { float:none; width: 90%; margin: auto;}
section#about_survey .txt a.btn_link .icon { width: calc(118vw / 6); margin-top: 0.5em; }
section#about_survey .txt a.btn_link dl { width: calc(360vw / 8); }
section#about_survey .txt a.btn_link dl dd { padding: 0 0 0 0; text-align: center; }

section#about_survey .txt a.btn_link { margin-bottom: 1.5em; padding: 1em 1em 1em 1em; }


section.lawyer_recommend .lawyer_recommend_wrapper { padding: 3em 1em 1em 1em; }
section.lawyer_recommend .sum { width: 100%; max-width: 100%; float: none;}
section.lawyer_recommend .sum:after { content: ""; clear: both; display: block; }
section.lawyer_recommend .sum a { display:block; width:48%; float:left; }
section.lawyer_recommend .sum figcaption { display:block; width:50%; float:right; padding: 2em 0 0 0; }
section.lawyer_recommend .sum figcaption strong { padding: 0.5em 0 0 0; }

section.lawyer_recommend .txt { width: 100%; max-width: 100%; float: none; }
section.lawyer_recommend .txt .lawyer_recommend_box { padding: 1em 1em 1em 1em; margin: 2em 0 0 0; }
section.lawyer_recommend .txt .lawyer_recommend_box dt { top: -1em; left: 1em;}



section#top_company .sum { width: 50%; float: none; margin: 0 auto 1em auto;}
section#top_company .txt { width: 100%; max-width: 100%; float: none; }
section#top_company .top_company_title,
section#top_company .top_company_title dt { display: block; text-align: center; }
section#top_company .top_company_title dd { display: block; width:100%;margin: auto; padding: 1em 0 1em 0; }

section#top_company .company_table dt { width: 8em;}
section#top_company .txt a.more { width: calc(330vw / 6); margin: 1em;}

section.survey_area .survey_area_box { width: 100%; }
	
section.survey_area .survey_area_title { margin-bottom: 7.8em; }
section.survey_area .survey_area_box .sum { top: -5em; width: 94%; }

section.survey_area .survey_area_box .txt { padding: 13em 1em 1em 1em; border-top-right-radius: 0; border-bottom-right-radius: 0; }

section.survey_area .survey_area_box .txt dl.hokkaido dt { text-align: center; padding: 0 0 1em 0; }
section.survey_area .survey_area_box .txt dl.hokkaido dt .icon { width: calc(50vw / 6); margin-right:0.4em; }



section.survey_area .survey_area_box .txt dl.sapporo { display:block; }
section.survey_area .survey_area_box .txt dl.sapporo dt { display:block; }
section.survey_area .survey_area_box .txt dl.sapporo dd { display:block; margin:0; padding: 0.5em 0 1em 1em; }
section.survey_area .survey_area_box .txt .area_list li { margin: 0 1em 1em 0; }


section.posts_section { width: 100%; }
section.posts_section .subttl { margin: 0 0 5em 0; }


.posts_wrapper { width: 170%; margin: 4em 0 0 0; padding: 2em 0 2em 2em; border-top-left-radius: 0; border-bottom-left-radius: 0;}
.posts_items { margin: -5em 0 0 0; width: 100%;}
.posts_box .sum { height: calc(188vw / 4); }


.posts_items .button_prev { top: -4.5em; left:40%; right: auto; width: 2.7em; height: 2.7em; line-height: 2.7em; }
.posts_items .button_next { top: -4.5em; left:calc(40% + 3.5em); right: auto; width: 2.7em; height: 2.7em; line-height: 2.7em; }

.posts_wrapper a.more.posts_link { bottom: -1.5em; left: calc(26% - 6em); right: auto; margin: auto; width: 15em;padding: 1em 0 1em 0;}



section.top_consultation {position: relative;  padding: var(--section_padding) 0 23em 0;}

section.top_consultation .consultation_bg1,
section.top_consultation .consultation_bg2 { width: 50%; height: calc(630vw / 7.2); border-radius: 0;}

section.top_consultation .top_consultation_wrapper { position: absolute; width: 100%; top: 10em; }

section.top_consultation .top_consultation_wrapper article .more { float: none; margin: 1.5em auto 1em auto; display: block;}


section.top_consultation .top_consultation_wrapper article .posts_inner { text-align:center; }
section.top_consultation .top_consultation_wrapper article .post_title,
section.top_consultation .top_consultation_wrapper article .content { text-align:left; }
section.top_consultation .top_consultation_wrapper article .post_title time { display:block; }

section.top_consultation .top_consultation_wrapper article .button_prev,
section.top_consultation .top_consultation_wrapper article .button_next { width: 2.3em; height: 2.3em; line-height: 2.3em; }

section.top_survey_item .survey_item_slug .survey_item_slug_img { width: calc(589vw / 8); max-width: 380px; margin: auto; display: block; }
section.survey_area .survey_area_slug .survey_area_slug_img { width: calc(625vw / 8); max-width: 380px; margin: auto; display: block; }
section.top_voice .top_voice_slug .top_voice_slug_img { width: calc(380vw / 8); max-width: 380px; margin: auto; display: block; }


section.top_voice .voice_items { width:90%; }
section.top_voice .voice_items .button_prev { width: 2.3em; height: 2.3em; line-height: 2.3em; left: -0.8em; }
section.top_voice .voice_items .button_next { width: 2.3em; height: 2.3em; line-height: 2.3em; right: -0.8em; }
section.top_voice .posts { padding: 0.8em 2.5em 1.5em 2.5em }
section.top_voice a.more { width: calc(380vw / 7.2); }


section.survey_category_link ul { padding: 0 1em 0 1em;}
section.survey_category_link ul li { width: 100%; }


section.survey_category_link ul li a { background-position: left 1em center; background-size: 20%;}
section.survey_category_link ul li a { padding: 2em; }




footer#footer { padding-bottom:10em; }
footer#footer .site_name.left { float:none; margin-right:auto; margin-left:auto; }
footer#footer nav { display:block; }


aside#bottom_contact { width:100%; padding: 0.5em 2% 0.5em 2%; position: fixed; z-index: 90; bottom: 0;}
aside#bottom_contact .bottom_contact_title { text-align:center; line-height:1; margin: 0 auto 0.5em auto; }
aside#bottom_contact a.btn {
	width:32%; text-align: center; padding: 0.2em 0 0.2em 0;
	border-top-right-radius: 0.4em; border-top-left-radius: 0.4em; border-bottom-right-radius: 0.4em; border-bottom-left-radius: 0.4em;
}
aside#bottom_contact a.btn .time { display:block; line-height: 1.1; }
aside#bottom_contact a.btn .txt { line-height: 1.4; vertical-align: middle; }
aside#bottom_contact .icon_tel,aside#bottom_contact .icon_email { border-radius: 2.4em; width: 2.4em; height: 2.4em;line-height: 2.4em; }

/* page_top */
#page_top_view .inner {background-position: left 4vw bottom;background-size: 31% auto;aspect-ratio: 6 / 3;}
#page_top_view .page_ttl .large {font-size: min(calc(30 * 0.0625em),42px);}
.ttl2 {margin-block: 3.5em 2.5em;}
/* report */
#about_the_report .principle .left {inline-size: 100%;float: none;}
#about_the_report .principle .right {inline-size: min(600px,100%);float: none;margin-inline: auto;}
#report_point .small_inner .dl {inline-size: min(815px,66%);}
#report_point .small_inner img.right {inline-size: min(240px,33%);}
#report_point {padding-block: 3em 3em;margin-block-end: 0em;}
.related_content {background-size: 100%;padding-block-start: 46vw;}
.related_content .contents_box {inline-size: min(770px,96%);margin-inline: auto;}
.related_content .related_content_title .large {font-size: min(calc(50 * 0.22vw),80px);}
.related_content .contents_list .list a {padding: 0.75em 1em 1em 17%;aspect-ratio: auto;}
.related_content .contents_list .icon {inset: 50% auto auto 4%;}

#about_the_report .principle .left .p_1 { margin: 0; padding: 1em 0 1em 0; text-align: center;}
#about_the_report .principle .bg_white { margin: 3em 0 0 0;}
#about_the_report .principle .bg_white .p_2 { margin: auto;}

#report_point .small_inner { padding: 0 4.5% 0 4.5%;}



/* promise */
#promise .rule_box {padding-block: 2em 4em;}
#promise .text_side {inline-size: 100%;float: none;}
#promise .img_side {inline-size: min(630px,100%);margin-inline: auto;float: none;}
#promise .text_side .rule_ttl {padding-inline-start: 3.5vw;}
#promise .text_side .rule_ttl::before {inline-size: min(23px,3vw);}
#promise .text_side .p_1 {font-size: min(calc(21 * 0.22vw),26px);}
#promise .inquiry_box {display: block;}
#promise .inquiry_box dl.inquiry {inline-size: min(360px,100%);}
#promise .inquiry_box dl.inquiry.tel dd.btn, #promise .inquiry_box dl.inquiry dd.btn {padding: 2.5vw 2vw 0.75em 2vw;height: auto;max-height: fit-content;}

/* corporation */
#company {padding-block-start: 3em;}
#company .text_box .sub_ttl {margin-block-start: 0;font-size: min(calc(22 * 0.22vw),22px);}
#company .text_box {inline-size: 100%;float: none;margin-block-end: 2em;}
#company .img_box {inline-size: min(300px,90%);margin-inline: auto;float: none;margin-block-end: 3em;}
#company .minimum_inner {inline-size: 90%;}
#company dl.table .dt,#company dl.table .dd {display: block;	inline-size: 100%;margin-inline: 0;}
#company iframe {aspect-ratio: 9 / 6;}
.page_choose .choose_ul .list {inline-size: 100%;aspect-ratio: auto;float: none;}
.page_choose .choose_ul .list {background-position: bottom 2em right 5.5vw;}
.page_achievement .achievement_title {padding-inline: 0.65em;}
.page_achievement .achievement_title .left_img ,
.page_achievement .achievement_title .right_img {inline-size: min(45px,10%);}
#page_lawyer .lawyer_title {padding-inline: 1.65em;}
.page_achievement {background-position: top left 17%;padding-block: 6.5em 3em;}
.page_achievement .staff {display: block;}
.page_achievement .staff .staff_box {inline-size: 100%;padding: 1em 3.5% 1em 3.5%;margin-block-end: 2em;}
.page_achievement .staff .staff_box em.name {inline-size: 72%;margin-inline-start: 2.5%;font-size: min(calc(15 * 0.22vw),15px);}
#page_lawyer {padding-block: 3em 8.5em;}
#page_lawyer .lawyer .img_side {inline-size: min(320px,80%);float: none;margin-inline: auto;}
#page_lawyer .lawyer .text_side {inline-size: 100%;}
#access {padding-block: 6em 4em;}
#access .change_btn {inline-size: min(900px,96%);}
#access .access_ul .list {inline-size: min(300px,48%);margin-inline-end: 4%;}
#access .access_ul .list:nth-of-type(2n) {margin-inline-end: 0;}

/* price */
/*.price_contents { padding: 1em 0 2em 0;}*/
.case_box .case_header .sum.left { width: 100%; }
.case_box .case_header .txt.right { width: 100%; }

.case_box .rquest_detail dl.table { display: block;}
.case_box .rquest_detail dl.table dt.dt { display: block; width: 100%; padding: 0.3em 0 0.3em 0; }




/* faq */
.faq_list .icon { width: 1.3em; height: 1.3em;line-height: 1.2em; margin-right: 0.2em; }
.faq_list dt.indent { padding: 0.6em 0.5em 0.4em 2.8em; margin: 0 0 0 0; text-indent: -2.3em;}
.faq_list dd.indent { padding: 1.5em 0.5em 2em 3em; margin: 0 0 0 0; text-indent: -2.5em;}

/* voice */
.voice_box_head { position:relative; }
.voice_box_head .sum { width: calc(100vw / 7.6); position:absolute; /*top:1em;*/ left:0; }
.voice_box_head .txt { width: 100%; padding-left: 5.5em;}
.voice_box_head .txt dt {padding: 1.2em 20% 1.5em 0;}
.voice_box_content .txt { width: 100%; }

.voice_box_content .sum { display: block; width: 30%; margin: auto; text-align: center; float: none;}
.com_box { display:block; }
.voice_box_content { width:100%; }
.area_tag_btn { margin: 0 auto 1em; }
.area_tag_btn button { margin: 0 0.4em 0.6em}
.area_tag_btn,.area_tag_btn em { display:block; }
#contents_letter .voice_box_head .txt,#contents_mail .voice_box_head .txt,#contents_line .voice_box_head .txt,#contents_voice .voice_box_head .txt,#contents_sapporo .voice_box_head .txt,#contents_asahikawa .voice_box_head .txt,#contents_hakodate .voice_box_head .txt,#contents_obihiro .voice_box_head .txt,#contents_kitami .voice_box_head .txt,#contents_kushiro .voice_box_head .txt,#contents_takikawa .voice_box_head .txt,#contents_otaru .voice_box_head .txt {
	padding-left: 6em;
}
.cmn_change_btn button,.area_tag_btn button { color:#463F38; }
.letter_img { text-align: center; }
.letter_img img.sum { margin:0 }
.cmn_subttl3 img.icon { left: -15vw;height: calc(82vw / 7.6); }

/* flirt */
.cmn_left0 dt { border:none; }

ol.cmn_circle_num li { margin: 1em 0 1em 0; }

.adviser_box { padding: 2em 0.2em 1em 0.2em; }
.adviser_box .adviser_name { width: 100%; max-width: initial; margin-bottom:1em; }
.adviser_box figcaption { width: 100%; }
.adviser_box figcaption a.more { width: 75%; }


.cmn_circle_num.img_set .txt { width: 100%; }
.cmn_circle_num.img_set .sum { width: 50%; margin: 0 0 1em 20%;}
.cmn_circle_num.img_set .txt p.left_indent { margin: 1em 0 1em -2em; }
ol.cmn_circle_num.img_set li p.left_indent { margin: 1em 0 1em -2em; }
.cmn_circle_num.img_set .cmn_detective_investigation_notes { margin-left: -2em;}

footer.onpoint_footer { padding: 1em 0 4em 0; background-position: bottom left 0,top 12% right 4%; background-size: min(calc(260vw /8.4),260px),15%;}
footer.onpoint_footer .onpoint_footer_box dt .tip::after { bottom: -0.3em; }
footer.onpoint_footer .onpoint_footer_box { width: 100%; margin: 0 0 0 auto;}
footer.onpoint_footer .onpoint_footer_box dd { margin: 0 0 0 35%; font-size: 96%; padding: 1em 1em 1em 1em;}

footer.onpoint_footer .secret ,
footer.onpoint_footer .free { display:none; }


/* runaway */
.cmn_detective_investigation_notes3 img.sum { width: 100%; }


/* marriage */
.cmn_contents_detail .color_ttl2::after { width: 0.8em; height: 0.8em; }
.cmn_contents_detail ol.cmn_circle_num.img_set li .txt.left { float:none; width:100%; }
.cmn_contents_detail ol.cmn_circle_num.img_set li ul.list { margin: 1em 0 0 -2em; }


.cmn_detective_investigation_ttl2 { padding: 0.5em 0.8em 0.5em 0.8em; border-left: solid 6px #FF7A33;margin-top:1.5em;}
.cmn_detective_investigation_ttl3 { padding: 0.5em 0.3em 0.5em 0.3em; border-left: solid 6px #FF7A33;}
.cmn_detective_investigation_ttl3  i { margin-right:0.2em; }

.cmn_detective_investigation_notes3 { margin: 2em 0 2em 0; }

/* lawer */
.cmn_detective_investigation_notes .notes_box.left { float:none; }
.img_box3.right { float:none; width: 100%; margin-top:1em;}
.img_box3 .img { border-radius:1em; width:30%; max-width:150px; }

.cmn_plan_box .color_ttl { margin: 1em 0 1.5em 0; }


/* other */
#other_select_box.cmn_change_btn button { inline-size: min(300px,49%);}

.sp_small { font-size:80%; }


/* contact */
#contact:before { display:none; }
#contact .contact_box1 .flex {display:block; }
#contact .contact_box1 dl.inquiry { width: 90%; margin: 0.5em auto 1.5em auto; }
.contact_form_box form dl dd {font-size: min(calc(17 * 0.22vw),17px);}
.contact_form_box form dl dd.consultation label { width: 100%;}



/* business */
#business dl.table .dt,#business dl.table .dd {display: block;	inline-size: 100%;margin-inline: 0;}
#business .minimum_inner {inline-size: 90%;}
#business .minimum_inner {margin-top: 2.5em;}


/* privacy */
#privacy .minimum_inner {inline-size: 90%;}


/* link */
#link .minimum_inner {inline-size: 90%;}
#link ul.link_page_btn li {width:40%;}

/* sitemap */

#sitemap div.left { width:100%; float:none; }

#sitemap div.left ul.fs18vw { font-size:min(calc(16 * 0.22vw),16px); }