@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@3.3.1/dist/css/yakuhanmp.min.css");
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@3.3.1/dist/css/yakuhanjp.min.css");
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Noto+Sans+JP:wght@100..900&family=Oswald:wght@200..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Noto+Serif+JP:wght@200..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

html{--kitasenju-souzoku: #3F8FB5;--kitasenju-rikon: #E65A82;}
body{font-family: YakuHanJP, "Poppins", "Noto Sans JP", sans-serif;color: #333;}
.min{font-family: YakuHanMP, "Noto Serif JP", serif;}
.note{font-size: 1.3em;}
* + .note{margin-top: 0.5em;}
.wow{animation-name: fadeInUp;}
sup{vertical-align: 0.7em;font-size: 0.5em;}
.lead a{color: #333;text-decoration: underline;}

@media screen and (min-width: 769px) {
body{line-height: 1.6;font-size: 10px;}
.sp,
[src*="_sp."]{display: none!important;}
article{overflow: hidden;font-size: 10px;}
article section{padding: 8em 0 6em;}
.contents_wrap{width: 100em;margin: 0 auto;}
.lead{font-size: 1.5em;line-height: 1.7;}
.lead small{font-size: 0.87em;}
}

@media screen and (max-width: 768px) {
body{line-height: 1.5;font-size: 2vw;}
.pc,
[src*="_pc."]{display: none!important;}
article section{padding: 5em 0;}
.contents_wrap{max-width: 100%;margin: 0 4vw;}
.lead{font-size: 1.85em;line-height: 1.7;}
.lead small{font-size: 0.87em;}
}

/*||||||||||||||||| ヘッダー＆メニュー |||||||||||||||||*/
header{background: rgba(255,255,255,1);position: fixed;width: 100%;top: 0;z-index: 1000;left: 0;height: 9em;padding: 0 4em;display: flex;align-items: center;transition: 0.1s all;}
header h1{display: flex;align-items: center;}
header h1 a{transition: 0.5s all;width: 14em;}
header h1 span{font-size: 1.5em;margin-left: 1.8em;font-weight: 600;letter-spacing: 0.05em;}

/* メニュー */
.menu{display: flex;position: fixed;top: 3.4em;right: 1.5em;z-index: 1000;height: 2em;transition: 0.1s all;}
.menu div{text-align: center;border-right: 2px solid;display: flex;align-items: center;justify-content: center;height: 100%;padding: 0 3em;}
.menu div:last-of-type{border-right: none;}
.menu div a{font-size: 1.5em;color: #333;font-weight: 600;transition: 0.3s all;}
.menu div a::after{position: absolute;bottom: -2px;left: 0;content: '';width: 100%;height: 1px;background: #000;transform: scale(0, 1);transform-origin: left top;transition: transform 0.3s;}

@media screen and (min-width: 769px) {
header h1 a:hover{opacity: 0.6;}
.scroll_down header{box-shadow: 0 0.1em 0.3em rgba(0,0,0,0.2);height: 7em;}
.scroll_down .menu{top: 2.4em;}
.menu div a:hover{color: #333;opacity: .8;}
.menu div a:hover::after{transform: scale(1, 1);}
}

@media screen and (min-width: 769px) and (max-width: 1240px) {
header,
.menu{font-size: 0.8vw;}
}

@media screen and (max-width: 768px) {
header{background: rgba(255,255,255,0);height: 8em;padding: 0 2.5em;pointer-events: none;transition: all 0.5s;}
header h1{transition: all 0.5s;}
header h1 a{pointer-events: auto;}
.scroll_down header{height: 8em;}
.scroll_down header h1{opacity: 0;pointer-events: none;}
.h_active header{background: rgba(255,255,255,1);box-shadow: none!important;}
.h_active header h1{opacity: 1!important;pointer-events: all!important;}

/* ハンバーガー */
header .hb_menu{position: absolute;top: 3em;width: 3.5em;height: 2em;right: 2em;transition: all 0.3s;pointer-events: auto;}
header .hb_menu span{display: block;height: 1px;width: 100%;position: absolute;top: 0;bottom: 0;left: 0;margin: auto 0;}
header .hb_menu span i{display: block;height: 1px;width: 100%;transition: all 0.3s;background: #000;}
header .hb_menu span::before,
header .hb_menu span::after{content:"";position: absolute;left: 0; display: block;height: 1px;width: 100%;background: #000;transition: all 0.3s;}
header .hb_menu span::before{top: -1em;}
header .hb_menu span::after{bottom:-1em;}
.h_active header .hb_menu span::before{transform: rotate(-135deg);top: 0;right: 0;}
.h_active header .hb_menu span::after{transform: rotate(135deg);bottom: 0;right: 0;}
.h_active header .hb_menu span i{display: none;}

/* メニュー */
.menu{flex-wrap: wrap;align-content: flex-start; border-right:none;width: 100%;height: calc(100vh - 8em - 50px);background: rgba(255,255,255,1);transform: translateY(-10%);transition: all 0.5s;border-top: 1px solid #888;opacity: 0;pointer-events: none;top: 8em;right: 0; z-index: 999;}
.h_active .menu{transform: translateY(0%);opacity: 1;pointer-events: auto;}
.menu div{border-bottom: 1px solid #888;width: 100%;border-right: none;height: auto;padding: 0;display: block;}
.menu div a{text-align: center;display: flex;align-items:center;justify-content: center;height: 4em;width: 100%;font-size: 1.7em;}
.menu div a::before{content: "";width: 0.5em;height: 100%;display: block;position: absolute;top: 0;right: 2em;background: url("../images/office/link_arrow_b.svg") no-repeat center center/contain;transform: rotate(90deg);}
.menu div a.up::before{transform: rotate(-90deg);}
.menu div a.down::before{transform: rotate(90deg);}
}

@media screen and (min-width: 769px) {
header .hb_menu{display: none;}
}


/*||||||||||||||||| フッター |||||||||||||||||*/
footer{background: #FFF;padding: 120px 0;line-height:normal;letter-spacing: normal;}
footer .inner{width: 90%;max-width: 1200px;margin: 0 auto;}
footer a{color: #000;}
footer ul li{font-size: 16px;}
.footer_contents{display: flex;justify-content: space-between;}
.footer_logo{width: 28%;display: inherit;}
.footer_links{width: 40%;max-width: 800px;display: flex;justify-content: space-between;align-items: flex-start;}
.footer_links ul{display: flex;flex-wrap: wrap;width: 48%;}
.footer_links li{display: block;width: 100%;margin-bottom: 10px;margin-right: 0;}
.footer_links li:nth-child(4n){margin-right: 0;}
.footer_links li a{display: inline-block;font-size: 12px;letter-spacing: 0.04em;}
.footer_service{width: 24%;display: flex;flex-wrap: wrap;}
.footer_service ul{display: flex;justify-content: space-between;flex-wrap: wrap;padding-left: 15px;}
.footer_service ul.footerhojin{margin-bottom: 10px;width: -webkit-fill-available;flex-wrap: nowrap;}
.footer_service ul.footerhojin li{width: 100%;}
.footer_service li{display: block;width: 48%;margin-bottom: 10px;margin-right: 0;}
.footer_service li a{display: inline-block;font-size: 12px;letter-spacing: 0.04em;}
.footer_servicettl{font-size: 14px;width: 100%;margin-bottom: 10px;padding-left: 15px;font-weight: bold;}
.footer_servicettl::before{content: "-";position: absolute;color: #000;left: 0;}
.footer_bottom{display: flex;margin-top: 50px;justify-content: space-between;font-size: 13px;}
.footer_bottom a{margin-right: 20px;}
.pagetop{position: fixed;bottom: 0;right: 0;background: rgba(0,0,0,0.4);display: flex;justify-content: center;align-items: center;width: 60px;height: 60px;transition: .3s;z-index: 100;}


@media screen and (min-width: 769px){
footer a:hover{color: #333;opacity: .8;}
footer a:after{position: absolute;bottom: -4px;left: 0;content: '';width: 100%;height: 1px;background: #333;transform: scale(0, 1);transform-origin: right top;transition: transform .3s;}
footer a:hover::after{transform-origin: left top;transform: scale(1, 1);}
.pagetop a:hover{background: rgba(0,0,0,0.8);}
}

@media screen and (max-width: 1100px){
.footer_logo{width: 16%;margin-right: 1%;}
.footer_links{width: 48%;}
}

@media screen and (max-width: 768px) {
footer{background: #FFF;padding: 60px 0 100px;text-align: left;margin-bottom: 0;}
footer .inner{width: 100%;}
.footer_contents{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.footer_logo{width: 100%;text-align: center;display: block;margin-right: 0;}
.footer_logo img{width: 196px;margin-bottom: 30px;}
.footer_links{border-top: 1px solid #CCC;width: 100%;flex-wrap: wrap;}
.footer_links li{border-bottom: 1px solid #CCC;width: 50%;margin-right: 0;margin-bottom: 0;text-align: center;padding: 10px;}
.footer_links li:nth-child(2n){border-left: 1px solid #CCC;}
.footer_links li:nth-child(12),
.footer_links li:nth-child(13),
.footer_links li:nth-child(14),
.footer_links li:nth-child(15) {border-left: 0;}
.footer_links li:nth-child(13),
.footer_links li:nth-child(15){border-left: 1px solid #CCC;}
.footer_links li.wide,.footer_service li.wide{border-left: none;width: 100%;}
.footer_links li.wide a,.footer_service li.wide a{display: block;width: 100%;}
.footer_links li{padding: 0;}
.footer_links li a{padding: 10px;height: 100%;display: inline-flex;align-items: center;}
.footer_links li:nth-child(4n){margin-right: 0;}
.footer_links ul{width: 100%;}
.footer_service{width: 100%;}
.footer_servicettl{padding: 15px 10px;margin-bottom: 0;}
.footer_servicettl::before{display: none;}
.footer_service ul.footerhojin{margin-bottom: 0px;width: 100%;}
.footer_service ul{padding-left: 0;border-top: 1px solid #CCC;}
.footer_service ul.footerhojin li{width: 100%;}
.footer_service li{border-bottom: 1px solid #CCC;width: 50%;margin-right: 0;margin-bottom: 0;text-align: center;border-right: 1px solid #CCC;}
.footer_service li a{padding: 10px;}
.footer_service li:nth-child(2n){border-right: none;}
.footer_service li.footersitemap-last{border-right: 1px solid #CCC;}
.footer_bottom{display: block;margin-top: 30px;}
footer .customer_btn{background-color: #eee;margin: 1em auto;border-radius: 5px;border-bottom: unset;}
footer .customer_btn:after{position: absolute;content: "";background: url("../images/office/ico_arrow.svg") no-repeat;width: 1em;height: 1em;right: .5em;top: 50%;transform: translateY(-50%)}
footer .customer_btn a{padding: 1em;font-size: 12px;}
.snslinks{padding: 10px;margin: 10px auto;width: 90%;text-align: center;}
footer .snslinks,
footer .copy{padding: 10px;margin: 10px auto;width: 90%;text-align: center;}
.sp_bottomcta{background: #000;box-shadow: 0 0 6px #666;position: fixed;bottom: 0px;width: 100%;z-index: 1000;}
.sp_bottomcta ul{height: 50px;display: flex;}
.sp_bottomcta li{width: 50%;padding: 5px 0;}
.sp_bottomcta .bottomtel a{border-right: 1px solid #FFF;}
.sp_bottomcta a{background: url("../images/office/arw_right_w.svg") no-repeat;background-size: 14px 4.5px;background-position: right 30px center;color: #FFF !important;font-size: 13px;display: flex;justify-content: center;align-items: center;height: 100%;padding-right: 30px;}
.pagetop{bottom: 50px;}
}



/*||||||||||||||||| 下層ページ共通 |||||||||||||||||*/
/* メイン */
main{font-size: 0.694vw;z-index: 1;margin-top: 4.5em;}
main img{width: 100%;}
main .main_wrap{z-index: 1;}
main .main_item{position: absolute;bottom: 0;left: 13.6em;}
main .main_copy{animation: 2s fadeInUp 0.5s forwards;opacity: 0;}
main .main_point{display: flex;justify-content: center;gap: 0 2em;margin-top: 3em;}
main .main_point > li{width: 14em;padding-bottom: 5.5em;text-align: center;}
main .main_point > li:nth-of-type(1){animation: 2s fadeInUp 1.5s forwards;opacity: 0;}
main .main_point > li:nth-of-type(2){animation: 2s fadeInUp 1.7s forwards;opacity: 0;}
main .main_point > li:nth-of-type(3){animation: 2s fadeInUp 1.9s forwards;opacity: 0;}
main .main_point > li > span{color: #fff;width: 8em;text-align: center;padding: 0.2em;border-radius: 1em;display: block;font-size: 1.5em;font-weight: 500;z-index: 1;margin-inline: auto;}
main .main_point > li > span::after{content: "";display: block;clip-path: polygon(0 0, 100% 0%, 50% 100%);width: 0.7em;height: 0.8em;position: absolute;bottom: -0.69em;left: 0;right: 0;margin: 0 auto;}
main .main_point > li > span small{font-size: 0.8em;}
main .main_point > li > div.dl{width: 13.4em;height: 13.4em;border-radius: 50%;background: #fff;display: flex;justify-content: center;align-items: center;border: 0.6em solid;margin-top: -2em;}
main .main_point > li > div.dl div.dt small{font-weight: 600;font-size: 1.3em;}
main .main_point > li > div.dl div.dt span{font-weight: 600;font-size: 2.1em;letter-spacing: 0.1em;}
main .main_point > li > div.dl div.dt span strong{font-weight: 600;font-size: 1.24em;vertical-align: -0.05em;line-height: 1;letter-spacing: 0;}
main .main_point > li > div.dl div.dt a{text-decoration: underline;}
main .main_point > li > div.dl div.dt .note{font-size: 1em;}
main .main_point > li figure{position: absolute;left: 0;right: 0;margin: 0 auto;}
main .main_link{display: flex;}
main .main_link > a{flex: 1;height: 10em;display: flex;justify-content: center;align-items: center;flex-direction: column;transition: 0.3s all;}
main .main_link > a.tel_btn{background: #eee;padding-top: 1em;pointer-events: none;}
main .main_link > a.tel_btn > span{font-family: "Roboto", sans-serif;font-weight: 600;font-size: 4em;color: #333;line-height: 1;}
main .main_link > a.tel_btn > span::before{content: "";width: 0.55em;height: 0.6em;position: absolute;left: -0.8em;top: 0.2em;}
main .main_link > a.tel_btn > small{font-size: 1.2em;letter-spacing: 0.1em;}
main .main_link > a.web_btn::before{content: "";display: block;width: 3em;height: 3em;position: absolute;top: 0;bottom: 0;left: 4.5em;margin: auto 0;background: url("../images/office/web_btn_i.svg") no-repeat center center/contain;}
main .main_link > a.web_btn > span{font-size: 2.4em;font-weight: 500;color: #fff;letter-spacing: 0.05em;}
main .main_link > a.web_btn > span strong{font-size: 1.125em;font-weight: 500;}
main .main_link > a.line_btn{background: #4CC764;}
main .main_link > a.line_btn::before{content: "";display: block;width: 3.2em;height: 3em;position: absolute;top: 0;bottom: 0;left: 4.5em;margin: auto 0;background: url("../images/office/line_btn_i.svg") no-repeat center center/contain;}
main .main_link > a.line_btn > span{font-size: 2.4em;font-weight: 500;color: #fff;letter-spacing: 0.05em;}
main .main_link > a.line_btn > span strong{font-size: 1.125em;font-weight: 500;}

@media screen and (min-width: 769px) {
main .main_link > a:hover{opacity: 0.6;}
main .main_link > a.web_btn::after{content: "";display: block;width: 1em;height: 16em;position: absolute;top: 0;bottom: 0;right: 3.7em;margin: auto 0;background: url("../images/office/link_arrow_w.svg") no-repeat center center/contain;}
main .main_link > a.line_btn::after{content: "";display: block;width: 1em;height: 16em;position: absolute;top: 0;bottom: 0;right: 3.7em;margin: auto 0;background: url("../images/office/link_arrow_w.svg") no-repeat center center/contain;}
}

@media screen and (max-width: 768px) {
main{font-size: 1.85vw;}
main .main_img::after{content: "";display: block;width: 100%;height: 50vw;position: absolute;left: 0;top: 0;background: linear-gradient(to bottom,rgba(255,255,255,1) 20%,rgba(255,255,255,0.5) 80%,transparent);}
main .main_item{bottom: 0;left: 0;width: 100%;}
main .main_point{justify-content: flex-start;flex-direction: column;gap: 0;margin: 1em 0 0 1em;}
main .main_point > li{width: 14em;padding-bottom: 1em;}
main .main_point > li figure{left: auto;margin: 0;font-size: 0.75em;}
main .main_link > a{flex: 0 auto;height: 20vw;text-align: center;}
main .main_link > a.tel_btn{width: 60vw;padding-left: 2em;pointer-events: auto;}
main .main_link > a.tel_btn p{color: #333;font-size: 1.6em;}
main .main_link > a.tel_btn small{font-size: 1.6em;}
main .main_link > a.web_btn{width: 20vw;}
main .main_link > a.web_btn::before{width: 3em;height: 3em;position: static;margin: 0 auto;}
main .main_link > a.web_btn > span{font-size: 1.5em;line-height: 1.2;margin-top: 0.5em;}
main .main_link > a.line_btn{width: 20vw;}
main .main_link > a.line_btn::before{width: 3.2em;height: 3em;position: static;margin: 0 auto;}
main .main_link > a.line_btn > span{font-size: 1.5em;line-height: 1.2;margin-top: 0.5em;}
}

/* 項目タイトル */
.contents_tit{font-size: 3.6em;text-align: center;font-weight: 600;}
.contents_tit small{font-family: "Roboto", sans-serif;font-size: 0.42em;display: block;font-weight: 700;}
.contents_tit small::after{content: "";display: block;height: 0.25em;width: 1.78em;border-radius: 0.1em;margin: 0.3em auto 0.8em;}
.contents_tit + .lead{text-align: center;margin-top: 0.7em;}

@media screen and (max-width: 768px) {
.contents_tit{margin: 0 -4vw;width: 100vw;}
.contents_tit small{font-size: 0.55em;}
}

/* メイン下 */
#intro .intro_tit{font-size: 6em;text-align: center;font-weight: 600;}
#intro .intro_tit + p{text-align: center;font-size: 1.8em;margin-top: 1.5em;}
#intro .intro_copy{margin-top: 5em;}

@media screen and (max-width: 768px) {
#intro{padding: 7em 0;}
#intro .intro_tit{font-size: 5em;line-height: 1.4;}
}

/* 選ばれる理由 */
#reason .reason_tit{text-align: center;font-size: 3.6em;font-weight: 600;}
#reason .reason_tit img.figure{width: 8.528em;margin: 0 auto 0.7em;display: block;}
#reason .reason_tit strong{font-size: 2.22em;font-weight: 700;font-family: "Roboto", sans-serif;line-height: 1;vertical-align: -0.05em;}
#reason .reason_list{margin-top: 6em;display: flex;justify-content: space-between;flex-wrap: wrap;gap: 4em 0;}
#reason .reason_list > li{width: 48.5em;background: #fff;padding: 0 5.5em 1.5em;}
#reason .reason_list > li .reason_tit_s{width: 8.4em;height: 8.4em;border-radius: 50%;background: #fff;margin: -3em auto 0;border: 0.6em solid;display: flex;justify-content: center;align-items: center;text-align: center;}
#reason .reason_list > li .reason_tit_s span{font-size: 1.5em;font-weight: 500;}
#reason .reason_list > li .reason_tit_s span strong{font-weight: 700;font-family: "Roboto", sans-serif;line-height: 0.9;font-size: 2.4em;display: block;}
#reason .reason_list > li .reason_tit_ss{text-align: center;font-size: 2.7em;font-weight: 500;letter-spacing: 0.05em;line-height: 1.3;margin-top: 0.4em;}
#reason .reason_list > li .reason_tit_ss strong{text-align: center;font-size: 1.4em;font-weight: 500;font-family: "Roboto", sans-serif;vertical-align: -0.05em;line-height: 1;}
#reason .reason_list > li .reason_tit_ss::after{content: "";display: block;height: 0.15em;width: 1.78em;border-radius: 0.1em;margin: 0.5em auto 1em;}

@media screen and (min-width: 769px){
#reason .reason_list > li:nth-of-type(even){animation-delay: 0.2s;}
}

@media screen and (max-width: 768px) {
#reason .reason_list{margin-top: 5em;gap: 5em 0;}
#reason .reason_list > li{width: 100%;padding: 0 3em 2em;}
#reason .reason_list > li .reason_tit_s{font-size: 1.1em;}
#reason .reason_list > li .reason_tit_ss{font-size: 3.3em;margin-top: 0.4em;}
}

/* 相続相談の事例紹介 */
#case{z-index: 1;}
#case::after{content: "";display: block;clip-path: polygon(0 0, 100% 0%, 50% 100%);width: 9em;height: 4.5em;background: #fff;position: absolute;left: 0;right: 0;margin-inline: auto;bottom: -4.49em;}
#case .case_item_copy{position: absolute;left: 0;right: 0;top: 55%;transform: translateY(-50%);margin: 0 auto;z-index: 1;width: 52em;}
#case .case_tit{font-size: 3.6em;font-weight: 500;text-align: center;}
#case .case_tit span{display: inline-block;padding: 0 0.3em;}
#case .case_tit span i{display: block;position: absolute;left: 0;bottom: 0.2em;height: 0.4em;width: 100%;background: #F4EB65;animation-name: width100;animation-delay: 0.3s;}
#case .case_tit span strong{font-weight: 500;}
#case .isan_list{text-align: center;margin-top: 1.5em;}
#case .isan_list > li{display: inline-block;}
#case .isan_list > li::after{content: "/";display: inline-block;margin: 0 0.5em;}
#case .isan_list > li.no-slash::after,
#case .isan_list > li:last-child::after{display: none;}

@media screen and (max-width: 768px) {
#case .case_item_copy{position: static;transform: translateY(0);width: 100%;margin-top: 4em;}
#case .isan_list{margin-top: 0.8em;}
#case .case_item > li{margin-top: 1.5em;display: flex;justify-content: space-between;height: 12em;width: 100%;padding: 0 2em;}
#case .case_item > li p{align-self: center;font-size: 2.2em;font-weight: 500;}
#case .case_item > li figure{align-self: flex-end;}
#case .case_item > li figure img{height: 10.5em;}
}

/* 離婚に関するよくあるご相談 */
#field{z-index: 1;}
#field::after{content: "";display: block;clip-path: polygon(0 0, 100% 0%, 50% 100%);width: 9em;height: 4.5em;background: #fff;position: absolute;left: 0;right: 0;margin-inline: auto;bottom: -4.49em;}
#field .field_list{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start; gap: 3em 0;margin-top: 4.5em;counter-reset: item;}
#field .field_list > li{border: 3px solid;width: 48.5em;counter-increment: item;}
#field .field_list > li .question{padding: 1.8em 1.8em 1.8em 6.6em;cursor: pointer;}
#field .field_list > li .question span{font-size: 1.8em;font-weight: 600;}
#field .field_list > li .question::before{content: counter(item, decimal-leading-zero);font-weight: 700;font-family: "Roboto", sans-serif;font-size: 2.4em;position: absolute;top: 0.85em;left: 1em;line-height: 1;}
#field .field_list > li .question::after{content: "";display: block;width: 1.5em;height: 1.5em;position: absolute;top: 0;bottom: 0;right: 3em;margin: auto 0;transform: rotate(90deg);transition: 0.3s all;}
#field .field_list > li .question.open::after{transform: rotate(-90deg);}
#field .field_list > li .answer{padding: 0 1.8em 1.8em 1.8em;display: none;}
#field .field_list > li .answer .datail_link{display: block;text-align: right;text-decoration: underline;font-size: 1.3em;margin-top: 0.3em;}

@media screen and (max-width: 768px) {
#field .field_list{gap: 2em 0;}
#field .field_list > li{width: 100%;}
#field .field_list > li .question{padding: 1.3em 1.8em 1.3em 6.6em;}
#field .field_list > li .question span{font-size: 1.9em;}
#field .field_list > li .question::before{top: 0.6em;}
}

/* 相続相談の解決事例 */
#resolutions{background: #F5F5F5;}
#resolutions .resolutions_list{margin-top: 5.5em;display: flex;flex-direction: column;gap: 6em 0;z-index: 1;}
#resolutions .resolutions_list > li{background: #fff;box-shadow: 1.5em 1.5em 0 rgba(0,0,0,0.2);padding: 0 0 2em;text-align: center;}
#resolutions .resolutions_list > li .resolutions_tit{width: 8.4em;height: 8.4em;border-radius: 50%;background: #fff;margin: -3em auto 0;border: 0.6em solid;display: flex;justify-content: center;align-items: center;text-align: center;}
#resolutions .resolutions_list > li .resolutions_tit span{font-size: 1.5em;font-weight: 500;}
#resolutions .resolutions_list > li .resolutions_tit span strong{font-weight: 700;font-family: "Roboto", sans-serif;line-height: 0.9;font-size: 2.4em;display: block;}
#resolutions .resolutions_list > li .resolutions_tit_s{font-size: 3.6em;font-weight: 600;line-height: 1.4;margin-top: 0.3em;text-align: center;}
#resolutions .resolutions_list > li .resolutions_tit_s + p{font-size: 1.8em;font-weight: 500;line-height: 1.4;margin-top: 1em;text-align: center;}
#resolutions .resolutions_list > li .resolutions_link{text-decoration: underline;margin-top: 1em;display: inline-block;}

@media screen and (max-width: 768px) {
#resolutions .resolutions_list > li{box-shadow: 1em 1em 0 #ccc;padding: 0 0 1.5em;}
#resolutions .resolutions_list > li .resolutions_tit{font-size: 1.1em;}
#resolutions .resolutions_list > li .resolutions_tit_s{font-size: 2.8em;margin-top: 0.3em;}
#resolutions .resolutions_list > li .resolutions_tit_s + p{font-size: 1.8em;line-height: 1.7;margin: 1em auto 0;width: 80%;}
}

/* お問い合わせはこちら */
#support{background: url("../images/office/support_bk_pc.webp") no-repeat center center/cover;padding: 6.5em 0;}
#support .contents_wrap{background: #fff;padding: 5.5em 3em 3em;text-align: center;}
#support .support_tit{font-size: 3em;font-weight: 600;}
#support .support_tit + .lead{margin-top: 0.8em;}
#support .tel_area{margin-top: 2.5em;}
#support .tel_area > a span{font-family: "Roboto", sans-serif;font-weight: 600;font-size: 7em;color: #333;line-height: 1;pointer-events: none;}
#support .tel_area > a span::before{content: "";width: 0.55em;height: 0.6em;display: inline-block;margin-right: 0.3em;}
#support .tel_area > p{font-size: 1.7em;font-weight: 500;margin-top: 0.5em;letter-spacing: 0.05em;}
#support .contact_btn{display: flex;gap: 0 3em;margin-top: 2em;}
#support .contact_btn li{flex: 1;}
#support .contact_btn li a{height: 10em;display: flex;justify-content: center;align-items: center;flex-direction: column;transition: 0.3s all;}
#support .contact_btn li a.web_btn::before{content: "";display: block;width: 3em;height: 3em;position: absolute;top: 0;bottom: 0;left: 4.5em;margin: auto 0;background: url("../images/office/web_btn_i.svg") no-repeat center center/contain;}
#support .contact_btn li a.web_btn > span{font-size: 2.4em;font-weight: 500;color: #fff;letter-spacing: 0.05em;}
#support .contact_btn li a.web_btn > span strong{font-size: 1.125em;font-weight: 500;}
#support .contact_btn li a.line_btn{background: #4CC764;}
#support .contact_btn li a.line_btn::before{content: "";display: block;width: 3.2em;height: 3em;position: absolute;top: 0;bottom: 0;left: 4.5em;margin: auto 0;background: url("../images/office/line_btn_i.svg") no-repeat center center/contain;}
#support .contact_btn li a.line_btn > span{font-size: 2.4em;font-weight: 500;color: #fff;letter-spacing: 0.05em;}
#support .contact_btn li a.line_btn > span strong{font-size: 1.125em;font-weight: 500;}

@media screen and (min-width: 769px) {
#support .contact_btn li a:hover{opacity: 0.6;}
#support .contact_btn li a.web_btn::after{content: "";display: block;width: 1em;height: 16em;position: absolute;top: 0;bottom: 0;right: 3.7em;margin: auto 0;background: url("../images/office/link_arrow_w.svg") no-repeat center center/contain;}
#support .contact_btn li a.line_btn::after{content: "";display: block;width: 1em;height: 16em;position: absolute;top: 0;bottom: 0;right: 3.7em;margin: auto 0;background: url("../images/office/link_arrow_w.svg") no-repeat center center/contain;}
}

@media screen and (max-width: 768px) {
#support{background: url("../images/office/support_bk_sp.webp") no-repeat center center/cover;padding: 5em 0;}
#support .contents_wrap{background: none;padding: 0 2em;text-align: center;}
#support .support_tit{font-size: 2.8em;font-weight: 600;color: #fff;}
#support .support_tit span{display: block;margin-top: 1em;font-weight: 600;font-size: 1.125em;}
#support .support_tit span strong{font-family: "Roboto", sans-serif;font-weight: 600;font-size: 1.55em;vertical-align: -0.05em;line-height: 1;}
#support .support_tit + p{color: #fff;font-size: 1.5em;margin-top: 1em;}
#support .support_tit + p a{color: #fff;text-decoration: underline;}
#support .tel_area{margin-top: 4em;}
#support .tel_area > a{background: #fff;height: 8em;display: flex;justify-content: flex-end;}
#support .tel_area > a::before{content: "";display: block;width: 4.5em;height: 4.5em;position: absolute;top: 0;bottom: 0;left: 2em;margin: auto 0;}
#support .tel_area > a span{font-size: 2.4em;border-left: 1px solid #ccc;width: 80%;height: 100%;display: flex;justify-content: center;align-items: center;}
#support .tel_area > a span::before{display: none;}
#support .tel_area > p{font-size: 1.5em;margin-top: 0.5em;letter-spacing: 0;font-weight: 400;color: #fff!important;}
#support .contact_btn{flex-wrap: wrap;gap: 3.5em 0;margin-top: 3.5em;}
#support .contact_btn li{flex: 0 auto;width: 100%;}
#support .contact_btn li a{height: 8em;display: flex;justify-content: flex-end;flex-direction: row;}
#support .contact_btn li a > span{border-left: 1px solid #fff;width: 80%;height: 100%;display: flex;justify-content: center;align-items: center;}
#support .contact_btn li a.web_btn::before{width: 4.5em;height: 4.5em;left: 2em;}
#support .contact_btn li a.line_btn::before{width: 4.5em;height: 4.5em;left: 2em;}
#support .contact_btn li p{color: #fff;font-size: 1.5em;margin-top: 0.5em;}
}

/* 料金表 */
#price{padding-bottom: 3em;}
#price .price_list{display: flex;flex-wrap: wrap;justify-content: center; gap: 3em 3em;margin-top: 4.5em;}
#price .price_list > li{width: 31.3em;border: 0.9em solid;padding: 3em 2em 2em;display: flex;flex-direction: column;}
#price .price_list.is-five > li:first-child{margin-left: 16.666%;}
#price .price_list.is-five > li:nth-child(2){margin-right: 16.666%;}
#price .price_list > li .price_tit{font-size: 2.7em;font-weight: 600;text-align: center;display: flex;justify-content: center;align-items: center;flex-direction: column;padding-bottom: 0.6em;border-bottom: 1px solid;line-height: 1.3;}
#price .price_list > li .price_tit small{font-size: 0.55em;font-weight: 600;display: block;}
#price .price_list > li .value{display: flex;justify-content: center;flex-wrap: wrap;margin-top: 3em;}
#price .price_list > li .value ul{width: 100%;text-align: center;margin-bottom: 0.5em;}
#price .price_list > li .value ul li{font-size: 1.5em;border-radius: 1.5em;padding: 0.2em 2em;color: #fff;display: inline-block;}
#price .price_list > li .value strong{font-family: "Roboto", sans-serif;font-weight: 700;font-size: 7em;line-height: 1;}
#price .price_list > li .value div{font-weight: 600;font-size: 1.8em;line-height: 1.6;align-self: center;margin-left: 0.2em;}
#price .price_list > li .value + .lead{margin-top: 0.2em;text-align: center;}
#price .price_list > li .plan_list{margin: 1.5em 0 2.5em;}
#price .price_list > li .plan_list p{padding-left: 1.5em;font-size: 1.45em;}
#price .price_list > li .plan_list p::before{content: "";display: block;position: absolute;left: 0;top: 0.3em;width: 1em;height: 1em;}
#price .price_list > li .detail_btn{font-size: 1.5em;width: 100%;padding: 0.8em;text-align: center;margin-top: auto;color: #fff;transition: 0.3s all;}
#price .price_list > li .detail_btn::after{content: "";display: block;width: 0.4em;height: 100%;position: absolute;top: 0;right: 1.2em;background: url("../images/office/link_arrow_w.svg") no-repeat center center/contain;}
#price .price_list + .lead{font-weight: 500;text-align: right;margin-top: 1em;}
#price .price_list + .lead a{font-weight: 500;}
#price .price_list + .lead span{font-weight: 500;}

@media screen and (min-width: 769px){
#price .price_list > li .detail_btn:hover{opacity: 0.6;}
#price .price_list > li:nth-of-type(3n-1){animation-delay: 0.2s;}
#price .price_list > li:nth-of-type(3n){animation-delay: 0.4s;}
}

@media screen and (max-width: 768px) {
#price .price_list{gap: 3em 0;margin-top: 4em;}
#price .price_list > li{width: 100%;padding: 2em 2em 2em;}
#price .price_list > li .price_tit{font-size: 3.2em;}
#price .price_list > li .value ul{margin-bottom: 1em;}
#price .price_list > li .value ul li{font-size: 2em;border-radius: 1.5em;}
#price .price_list > li .plan_list p{font-size: 2em;}
#price .price_list > li .plan_list p::before{top: 0.2em;}
#price .price_list > li .detail_btn{font-size: 2em;}
}

/* ご相談後の流れ */
#flow .flow_list{margin-top: 4.5em;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;gap: 4em 0;}
#flow .flow_list > dt{width: 9em;height: 9em;border: 0.9em solid;border-radius: 50%;display: flex;justify-content: center;align-items: center;background: #fff;animation-name: fadeIn;z-index: 1;}
#flow .flow_list > dt span{font-family: "Roboto", sans-serif;font-weight: 600;font-size: 3.6em;line-height: 1;}
#flow .flow_list > dd{width: calc(100% - 11.5em);animation-delay: 0.2s;animation-name: fadeInDown;}
#flow .flow_list > dd .flow_tit{font-size: 2.7em;font-weight: 600;}
#flow .flow_list > dd .flow_tit + .lead{margin-top: 0.2em;}
#flow .flow_list > dt i{position: absolute;left: 0;right: 0;top: calc(100% + 0.8em);margin-inline: auto;display: block;width: 0.9em;height: 5em;animation-name: scale_y_t;}
#flow .flow_ill01{width: 40em;position: absolute;right: 0;bottom: 22em;}

@media screen and (min-width: 769px){
#flow .flow_ill01{animation-delay: 0.2s;}
}

@media screen and (max-width: 768px) {
#flow .flow_list > dt i{height: 7.5em;}
#flow .flow_ill01{width: 53%;position: static;margin: 1em auto 0;}
#price .price_list.is-five > li:first-child{margin-left: 0;}
#price .price_list.is-five > li:nth-child(2){margin-right: 0;}
}

/* 弁護士紹介 */
#staff .staff_item{margin-top: 4.5em;display: flex;justify-content: center;flex-wrap: wrap;align-items: flex-end;gap: 4em 4.5em;}
#staff .staff_item > div.dd{width: 39em;}
#staff .staff_item > div.dd figure{border: 1.5em solid;}
#staff .staff_item > div.dt{width: 38.5em;padding-bottom: 1.5em;}
#staff .staff_item > div.dt .staff_tit{font-size: 1.5em;}
#staff .staff_item > div.dt .staff_tit span.big{font-size: 2.4em;font-weight: 500; letter-spacing: 0.3em;display: block;margin-top: 0.2em;}
#staff .staff_item > div.dt .staff_tit small{font-family: "Roboto", sans-serif;display: block;margin-top: 0.4em;}
#staff .staff_item > div.dt .staff_tit + p{font-size: 2.7em;margin-top: 1em;line-height: 1.8;font-weight: 500;}
#staff .staff_item > div.dt .profile_btn{font-size: 1.5em;padding: 0.5em;text-align: center;margin-top: 2.5em;border: 2px solid;width: 24em;display: block;transition: 0.3s all;font-weight: 500;}
#staff .staff_item > div.dt .profile_btn::after{content: "";display: block;width: 0.4em;height: 100%;position: absolute;top: 0;right: 1.2em;}

@media screen and (min-width: 769px){
#staff .staff_item > div.dt{animation-delay: 0.2s;}
#staff .staff_item > div.dt .profile_btn:hover{opacity: 0.6;}
}

@media screen and (max-width: 768px) {
#staff .staff_item{gap: 3em 0;}
#staff .staff_item > div.dd{width: 100%;}
#staff .staff_item > div.dt{width: 100%;padding-bottom: 0;margin-top: -1em;}
#staff .staff_item > div.dt .staff_tit span{display: block;}
#staff .staff_item > div.dt .staff_tit span.big{display: inline-block;}
#staff .staff_item > div.dt .staff_tit small{display: inline-block;margin: 0;}
#staff .staff_item > div.dt .staff_tit + p{margin-top: 0.5em;line-height: 1.6;}
#staff .staff_item > div.dt .profile_btn{font-size: 1.8em;margin: 1.5em 0 0 auto;width: 15em;}
}

/* ご相談者様の声 */
#thoughts{margin-top: 9em;}
#thoughts::before{content: "";width: 100%;height: 9em;position: absolute;top: -9em;left: 0;}
#thoughts .thoughts_slide{margin-top: 4.5em;}
#thoughts .thoughts_slide .slick-list{padding-bottom: 4em!important;}
#thoughts .thoughts_slide div.dl{width: 48.5em;display: grid;grid-template-columns: 35em 13.5em;background: #fff;box-shadow: 0.2em 0.2em 0.7em rgba(0,0,0,0.3);margin: 0 1.2em;}
#thoughts .thoughts_slide div.dl div.dt {padding: 2.5em 2.7em 0;}
#thoughts .thoughts_slide div.dl div.dt  .thoughts_tit{font-size: 1.8em;font-weight: 600;border-bottom: 2px solid;}
#thoughts .thoughts_slide div.dl div.dt  .thoughts_tit + .lead{margin-top: 0.5em;}
#thoughts .thoughts_slide div.dl .person{display: flex;align-items: flex-end;font-weight: 500;margin: 0 0 1.3em 1.8em;}
#thoughts .thoughts_slide div.dl div.dd {grid-row: 1/3;grid-column: 2/3;display: flex;align-items: flex-end;}
#thoughts .thoughts_slide div.dl div.dd  figure{width: 100%;}
#thoughts .thoughts_slide .slick-arrow{width: 4.1em;height: 4.1em;display: flex;justify-content: center;align-items: center;cursor: pointer;position: absolute;bottom: -2em;z-index: 1;transition: 0.3s all;}
#thoughts .thoughts_slide .prev_btn{left: calc(50% - 5em);}
#thoughts .thoughts_slide .prev_btn::before{content: "";display: block;width: 0.7em;height: 100%;position: absolute;top: 0;right: 0;left: 0;margin-inline: auto;background: url("../images/office/link_arrow_w.svg") no-repeat center center/contain;transform: rotate(180deg);}
#thoughts .thoughts_slide .next_btn{right: calc(50% - 5em);}
#thoughts .thoughts_slide .next_btn::before{content: "";display: block;width: 0.7em;height: 100%;position: absolute;top: 0;right: 0;left: 0;margin-inline: auto;background: url("../images/office/link_arrow_w.svg") no-repeat center center/contain;}

@media screen and (min-width: 769px){
#thoughts .thoughts_slide .slick-arrow:hover{opacity: 0.6;}
}

@media screen and (max-width: 768px) {
#thoughts .thoughts_slide div.dl{width: 82vw;grid-template-columns: 61% 39%;}
#thoughts .thoughts_slide div.dl div.dd {grid-row: 1/2;}
#thoughts .thoughts_slide div.dl .person{grid-column: 1/3;margin: 0.7em 0 0.7em 1.4em;}
}

/* 事務所案内・地図 */
#corporation{padding-bottom: 0;}
#corporation .corporation_wrap{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 4em 0;margin-top: 3em;}
#corporation .corporation_wrap > li.corporation_info{width: 68em;}
#corporation .corporation_wrap > li.corporation_info table{width: 100%;font-size: 1.5em;}
#corporation .corporation_wrap > li.corporation_info table tr > *{vertical-align: middle;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 1.1em 2em;height: 6em;}
#corporation .corporation_wrap > li.corporation_info table tr > th{padding: 0.7em 1em;}
#corporation .corporation_wrap > li.corporation_info table tr > * strong{font-family: "Roboto", sans-serif;font-weight: 700;font-size: 1.3em;margin-right: 0.5em;}
#corporation .corporation_wrap > li.corporation_info table tr > * a{color: #333;text-decoration: underline;}
#corporation .corporation_wrap > li.corporation_info table tr > * p + p{margin-top: 0.8em;}
#corporation .corporation_wrap > li.corporation_img{width: 28.2em;}
#corporation .corporation_wrap > li.corporation_map{width: 50em;}
#corporation .corporation_wrap > li.googlemap{width: 48em;}
#corporation .compatible_area{margin-top: 5.5em;}
#corporation .compatible_area_tit{text-align: center;font-size: 2em;font-weight: 700;}
#corporation .compatible_area .lead{line-height: 2;font-family: "Poppins", "Noto Sans JP", sans-serif;}
#corporation .compatible_area .lead{text-indent: -0.5em;}
#corporation .compatible_area_tit + .lead{margin-top: 1.5em;}
#corporation .compatible_area .lead:last-child{text-align: right;margin-top: -2em;}
#corporation .mutual_link_wrap{z-index: 1;}
#corporation .mutual_link{width: 80em;height: 25em;margin: 5.5em auto 0;transition: 0.3s all;display: flex;justify-content: center;align-items: center;padding: 0 2.7em;}
#corporation .mutual_link::before{content: "";border: 1px solid #333;position: absolute;left: -0.6em;top: -0.6em;width: calc(100% + 1em);height: calc(100% + 1em);display: block;}
#corporation .mutual_link .mutual_link_copy{width: 100%;}
#corporation .mutual_link .mutual_link_copy .mutual_link_tit{font-size: 4.8em;font-weight: 600;color: #fff;letter-spacing: 0.08em;text-align: center;}
#corporation .mutual_link .mutual_link_copy .mutual_link_tit span{display: block;font-size: 0.3125em;margin: 0 auto 2em;color: #333;font-weight: 600;background: #fff;padding: 0.5em 0;text-align: center;width: 12.7em;letter-spacing: 0;}
#corporation .mutual_link .mutual_link_copy p{text-align: right;font-size: 1.5em;letter-spacing: 0.05em;color: #fff;font-weight: 500;margin-top: 1em;}
#corporation .mutual_link .mutual_link_copy p::after{content: "";display: inline-block;width: 0.5em;height: 0.7em;background: url("../images/office/link_arrow_w.svg") no-repeat center center/contain;margin-left: 1em;}
#corporation #offce_index{background: #eee;margin-top: -3.6em;padding: 10em 0 6em;}
#corporation #offce_index .offce_index_tit{text-align: center;font-size: 2em;font-weight: 700;}
#corporation #offce_index .offce_index_list{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 3em 0; margin-top: 4.5em;}
#corporation #offce_index .offce_index_list > dl{width: 48.5em;background: #fff;display: flex;padding: 1.5em 0;}
#corporation #offce_index .offce_index_list > dl > dt{width: 16.2em;display: flex;justify-content: center;align-items: center;text-align: center;border-right: 1px solid;}
#corporation #offce_index .offce_index_list > dl > dt .offce_index_tit_s{font-size: 2.1em;font-weight: 600;}
#corporation #offce_index .offce_index_list > dl > dt .offce_index_tit_s small{font-size: 0.62em;font-weight: 600;display: block;}
#corporation #offce_index .offce_index_list > dl > dd{width: calc(100% - 16.2em);padding: 1em 0 1em 2.5em;}
#corporation #offce_index .offce_index_list > dl > dd p{font-size: 1.3em;font-weight: 500;padding-left: 1.3em;}
#corporation #offce_index .offce_index_list > dl > dd p + p{margin-top: 0.3em;}
#corporation #offce_index .offce_index_list > dl > dd p::before{content: "●";position: absolute;left: 0;top: 1.4em;font-size: 0.3em;}
#corporation #offce_index .offce_index_list > dl > dd p a{font-weight: 500;text-decoration: underline;}

/* パンくず */
.pankuzu{background: #F6F6F6;padding: 1em;}
.pankuzu .contents_wrap *{font-size: 1.5em;}
.pankuzu a{text-decoration: underline;}
.pankuzu a::after{content: "";display: inline-block;width: 0.5em;height: 0.7em;background: url("../images/office/link_arrow_b.svg") no-repeat center center/contain;margin: 0 0.9em;opacity: 0.7;}

@media screen and (min-width: 769px){
#corporation .corporation_wrap > li:nth-of-type(even){animation-delay: 0.2s;}
#corporation .mutual_link:hover{opacity: 0.6;}
#corporation #offce_index .offce_index_list > dl:nth-of-type(even){animation-delay: 0.2s;}
}

@media screen and (max-width: 768px) {
#corporation .corporation_wrap{padding: 0 2em;gap: 3em 0;}
#corporation .corporation_wrap > li.corporation_info table{display: block;font-size: 2em;}
#corporation .corporation_wrap > li.corporation_info table tr{display: block;}
#corporation .corporation_wrap > li.corporation_info table tr > *{display: block;border: none;padding: 1.1em 0 1.5em;height: auto;text-align: center;}
#corporation .corporation_wrap > li.corporation_info table tr:last-child > *:last-child{padding-bottom: 0;}
#corporation .corporation_wrap > li.corporation_info table tr > th{padding: 0.5em 0;font-weight: 500;}
#corporation .corporation_wrap > li.corporation_img{width: 100%;}
#corporation .corporation_info_tit{padding: 0.5em 0;text-align: center;font-weight: 500;font-size: 2em;margin-bottom: 0.8em;}
#corporation .compatible_area{margin-top: 3em;padding: 0 2em;}
#corporation .compatible_area_tit{padding: 0.5em 0;text-align: center;font-size: 2em;font-weight: 500;}
#corporation .compatible_area .lead{line-height: 1.6;}
#corporation .compatible_area .lead + .lead{margin-top: 0.5em;}
#corporation .compatible_area_tit + .lead{margin-top: 1em;}
#corporation .compatible_area .lead:last-child{margin-top: 0.5em;}
#corporation .mutual_link{width: 85.3vw;height: 32vw;margin: 5.5em auto 0;padding: 0 2.7em;}
#corporation .mutual_link .mutual_link_copy .mutual_link_tit{font-size: 3em;letter-spacing: 0.08em;}
#corporation .mutual_link .mutual_link_copy .mutual_link_tit span{font-size: 0.5em;margin: 0 auto 1em;padding: 0.3em 0;width: 9em;letter-spacing: 0;}
#corporation .mutual_link .mutual_link_copy p{font-size: 1.5em;margin-top: 0.7em;}
#corporation #offce_index{margin-top: -3.6em;padding: 7em 0 4em;}
#corporation #offce_index .offce_index_tit{font-size: 2.5em;font-weight: 700;}
#corporation #offce_index .offce_index_list{gap: 2em 0; margin-top: 3em;justify-content: center;}
#corporation #offce_index .offce_index_list > dl{width: 85.3vw;padding: 1.5em 0;}
#corporation #offce_index .offce_index_list > dl > dt{width: 34.2%;}
#corporation #offce_index .offce_index_list > dl > dt .offce_index_tit_s{font-size: 2.3em;}
#corporation #offce_index .offce_index_list > dl > dd{width: calc(100% - 34.2%);padding: 1em 0 1em 3.5em;}
#corporation #offce_index .offce_index_list > dl > dd p{font-size: 1.8em;}

/* パンくず */
.pankuzu{padding: 1em;}
.pankuzu .contents_wrap{margin: 0 2vw;}
.pankuzu .contents_wrap *{font-size: 1.25em;}
}


/*||||||||||||||||| 遺言・遺産相続 |||||||||||||||||*/
/* ヘッダー */
#kitasenju-souzoku .menu div{border-right-color: #3F8FB5;}

/* 項目タイトル */
#kitasenju-souzoku .contents_tit small{color: var(--kitasenju-souzoku);}
#kitasenju-souzoku .contents_tit small::after{background: #AAD4E0;}

/* メイン */
#kitasenju-souzoku main .main_copy{width: 54.6em;}
#kitasenju-souzoku main .main_point > li > span{background: var(--kitasenju-souzoku);}
#kitasenju-souzoku main .main_point > li > span::after{background: var(--kitasenju-souzoku);}
#kitasenju-souzoku main .main_point > li > div.dl{color: #005273;border-color: rgba(63,143,181,0.5);}
#kitasenju-souzoku main .main_point > li > div.dl div.dt a{color: #005273;}
#kitasenju-souzoku main .main_point > li:nth-of-type(1) figure{bottom: 0;width: 7em;}
#kitasenju-souzoku main .main_point > li:nth-of-type(2) figure{bottom: -1em;width: 7.5em;}
#kitasenju-souzoku main .main_point > li:nth-of-type(3) figure{bottom: 0;width: 12.3em;}
#kitasenju-souzoku main .main_link > a.tel_btn small{color: var(--kitasenju-souzoku);}
#kitasenju-souzoku main .main_link > a.tel_btn span::before{background: url("../images/office/kitasenju-souzoku/tel_btn_i.svg") no-repeat center center/contain;}
#kitasenju-souzoku main .main_link > a.web_btn{background: var(--kitasenju-souzoku);}

@media screen and (min-width: 769px){
#kitasenju-souzoku main > .main_img::after{content: "";display: block;width: 0;height: 100%;position: absolute;left: 0;top: 0;background: linear-gradient(to right,rgba(255,255,255,0.9),transparent 60%);animation: 2s width100 0s forwards;}
}

@media screen and (max-width: 768px) {
#kitasenju-souzoku main .main_copy{width: 95vw;margin-inline: auto;}
#kitasenju-souzoku main .main_point > li:nth-of-type(1) figure{bottom: 0.5em;right: -1.3em;}
#kitasenju-souzoku main .main_point > li:nth-of-type(2){z-index: 1;}
#kitasenju-souzoku main .main_point > li:nth-of-type(2) figure{bottom: -1em;right: -1.8em;z-index: 1;}
#kitasenju-souzoku main .main_point > li:nth-of-type(3) figure{right: -3em;}
}

/* メイン下 */
#kitasenju-souzoku #intro{background: url("../images/office/kitasenju-souzoku/intro_bk_pc.webp") no-repeat center 65%/cover;}

@media screen and (max-width: 768px) {
#kitasenju-souzoku #intro{background: url("../images/office/kitasenju-souzoku/intro_bk_sp.webp") no-repeat center top/cover;}
}

/* 選ばれる理由 */
#kitasenju-souzoku #reason{background: url("../images/office/kitasenju-souzoku/reason_bk_pc.webp") no-repeat center center/cover;}
#kitasenju-souzoku #reason .reason_tit strong{color: var(--kitasenju-souzoku);}
#kitasenju-souzoku #reason .reason_list > li .reason_tit_s{border-color: #AAD4E0;}
#kitasenju-souzoku #reason .reason_list > li .reason_tit_s span{color: var(--kitasenju-souzoku);}
#kitasenju-souzoku #reason .reason_list > li .reason_tit_ss{color: #005273;}
#kitasenju-souzoku #reason .reason_list > li .reason_tit_ss::after{background: rgba(63,143,181,0.5);}
#kitasenju-souzoku #reason .reason_list > li:nth-of-type(1) figure{width: 15em;margin: 1.5em auto 0;}
#kitasenju-souzoku #reason .reason_list > li:nth-of-type(2) figure{width: 15.4em;margin: 2.2em auto 0;}
#kitasenju-souzoku #reason .reason_list > li:nth-of-type(3) figure{width: 27em;margin: 2em auto 0;}
#kitasenju-souzoku #reason .reason_list > li:nth-of-type(4) figure{width: 38.5em;margin: 3.7em auto 0;}

@media screen and (max-width: 768px) {
#kitasenju-souzoku #reason{background: url("../images/office/kitasenju-souzoku/reason_bk_sp.webp") no-repeat center center/cover;}
#kitasenju-souzoku #reason .reason_list > li:nth-of-type(1) img{float: right;width: 10em;}
#kitasenju-souzoku #reason .reason_list > li:nth-of-type(2) img{float: right;width: 10em;}
#kitasenju-souzoku #reason .reason_list > li:nth-of-type(4) figure{width: 38.5em;margin: 2em auto 0;}
}

/* 相続相談の事例紹介 */
#kitasenju-souzoku #case .case_tit{color: #005273;}
#kitasenju-souzoku #case .isan_list > li{color: #005273;}
#kitasenju-souzoku #case #receive .receive_fig{width: 96.8em;margin: 3em auto 0;}
#kitasenju-souzoku #case #leave .leave_fig{width: 93em;margin: 5em auto 0;}

@media screen and (max-width: 768px) {
#kitasenju-souzoku #case #receive .case_item > li{background: #D6EAF5;}
#kitasenju-souzoku #case #leave .case_item > li{background: #F4E6AB;}
}

/* 相続相談の解決事例 */
#kitasenju-souzoku #resolutions::before{content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url("../images/office/kitasenju-souzoku/resolutions_bk01_pc.webp") no-repeat center top/100%;}
#kitasenju-souzoku #resolutions::after{content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url("../images/office/kitasenju-souzoku/resolutions_bk02_pc.webp") no-repeat center bottom/100%;}
#kitasenju-souzoku #resolutions .resolutions_list > li .resolutions_tit{border-color: #AAD4E0;}
#kitasenju-souzoku #resolutions .resolutions_list > li .resolutions_tit span{color: var(--kitasenju-souzoku);}
#kitasenju-souzoku #resolutions .resolutions_list > li .resolutions_tit_s + p{color: var(--kitasenju-souzoku);}

#kitasenju-souzoku #resolutions .resolutions_list > li .resolutions_souzoku_item{display: flex;justify-content: center;gap: 0 9em;margin-top: 4.5em;}
#kitasenju-souzoku #resolutions .resolutions_list > li .resolutions_souzoku_item > *{width: 30em;border: 0.9em solid;display: flex;justify-content: center;align-items: center;min-height: 18em;padding-top: 1em;}
#kitasenju-souzoku #resolutions .resolutions_list > li .resolutions_souzoku_item > div.dt{border-color: #AAD4E0;}
#kitasenju-souzoku #resolutions .resolutions_list > li .resolutions_souzoku_item > div.dt::after{content: "";display: block;width: 7em;height: 3em;background: url("../images/office/kitasenju-souzoku/resolutions_bloon_l.svg") no-repeat center top/contain;position: absolute;bottom: -3em;left: 0;right: 0;margin-inline: auto;}
#kitasenju-souzoku #resolutions .resolutions_list > li .resolutions_souzoku_item > div.dd::after{content: "";display: block;width: 7em;height: 3em;background: url("../images/office/kitasenju-souzoku/resolutions_bloon_r.svg") no-repeat center top/contain;position: absolute;bottom: -3em;left: 0;right: 0;margin-inline: auto;}
#kitasenju-souzoku #resolutions .resolutions_list > li .resolutions_souzoku_item > * .resolutions_tit_ss{position: absolute;top: -1.4em;font-size: 1.8em;width: 13em;text-align: center;padding: 0.2em;color: #fff;font-weight: 600;}
#kitasenju-souzoku #resolutions .resolutions_list > li .resolutions_souzoku_item > div.dt .resolutions_tit_ss{background: var(--kitasenju-souzoku);}
#kitasenju-souzoku #resolutions .resolutions_list > li .resolutions_souzoku_item > div.dd{border-color: #EFDB86;}
#kitasenju-souzoku #resolutions .resolutions_list > li .resolutions_souzoku_item > div.dd .resolutions_tit_ss{background: #F4E6AB;color: #005273;}
#kitasenju-souzoku #resolutions .resolutions_list > li .resolutions_souzoku_item > * p{font-size: 1.8em;font-weight: 500;color: #005273;}
#kitasenju-souzoku #resolutions .resolutions_list > li#resolutions01 .resolutions_ill{width: 18em;margin: -15em auto 0;}
#kitasenju-souzoku #resolutions .resolutions_list > li .resolutions_link{color: var(--kitasenju-souzoku);}
#kitasenju-souzoku #resolutions .resolutions_list > li#resolutions02 .resolutions_ill{width: 18.75em;margin: -13em auto 0;}
#kitasenju-souzoku #resolutions .resolutions_list > li#resolutions03 .resolutions_ill{width: 25.7em;margin: -12em auto 0;}

@media screen and (max-width: 768px) {
#kitasenju-souzoku #resolutions::before{background: url("../images/office/kitasenju-souzoku/resolutions_bk01_sp.webp") no-repeat center top/100%;}
#kitasenju-souzoku #resolutions::after{background: url("../images/office/kitasenju-souzoku/resolutions_bk02_sp.webp") no-repeat center bottom/100%;}
#kitasenju-souzoku #resolutions .resolutions_list > li .resolutions_souzoku_item{display: flex;justify-content: center;gap: 0;margin-top: 4.5em;}
#kitasenju-souzoku #resolutions .resolutions_list > li .resolutions_souzoku_item > *{width: 47%;min-height: 18em;padding: 1em 1em 0 1em;border-width: 0.6em;}
#kitasenju-souzoku #resolutions .resolutions_list > li .resolutions_souzoku_item > * .resolutions_tit_ss{width: 90%;}
#kitasenju-souzoku #resolutions .resolutions_list > li .resolutions_souzoku_item > * p{font-size: 1.9em;}
#kitasenju-souzoku #resolutions .resolutions_list > li#resolutions01 .resolutions_ill{width: 12em;margin: -5em auto 0;}
#kitasenju-souzoku #resolutions .resolutions_list > li#resolutions02 .resolutions_ill{width: 12em;margin: -5em auto 0;}
#kitasenju-souzoku #resolutions .resolutions_list > li#resolutions03 .resolutions_ill{width: 15em;margin: -7em auto 0;}
}

/* お問い合わせはこちら */
#kitasenju-souzoku #support .contact_btn a.web_btn{background: var(--kitasenju-souzoku);}
#kitasenju-souzoku #support .tel_area > a span::before{background: url("../images/office/kitasenju-souzoku/tel_btn_i.svg") no-repeat center center/contain;}
#kitasenju-souzoku #support .tel_area > p{color: var(--kitasenju-souzoku);}

@media screen and (max-width: 768px) {
#kitasenju-souzoku #support .tel_area > a::before{background: url("../images/office/kitasenju-souzoku/tel_btn_i.svg") no-repeat center center/contain;}
#kitasenju-souzoku #support .support_tit span{color: #4EADDB;}
}

/* 料金表 */
#kitasenju-souzoku #price .price_list > li{border-color: #AAD4E0;}
#kitasenju-souzoku #price .price_list > li .price_tit{border-bottom-color: var(--kitasenju-souzoku);}
#kitasenju-souzoku #price .price_list > li .value ul li{background: var(--kitasenju-souzoku);}
#kitasenju-souzoku #price .price_list > li .value strong{color: var(--kitasenju-souzoku);}
#kitasenju-souzoku #price .price_list > li .value div{color: var(--kitasenju-souzoku);}
#kitasenju-souzoku #price .price_list > li .value + .lead{color: var(--kitasenju-souzoku);}
#kitasenju-souzoku #price .price_list > li .plan_list p{color: #005273;}
#kitasenju-souzoku #price .price_list > li .plan_list p::before{background: url("../images/office/kitasenju-souzoku/check_i.svg") no-repeat center center/contain;}
#kitasenju-souzoku #price .price_list > li .detail_btn{background: var(--kitasenju-souzoku);}
#kitasenju-souzoku #price .price_list + .lead{color: var(--kitasenju-souzoku);}
#kitasenju-souzoku #price .price_list + .lead a{color: var(--kitasenju-souzoku);}

/* ご相談後の流れ */
#kitasenju-souzoku #flow{background: url("../images/office/kitasenju-souzoku/flow_bk_pc.webp") #eee no-repeat center center/cover;}
#kitasenju-souzoku #flow .flow_list > dt{border-color: #AAD4E0;}
#kitasenju-souzoku #flow .flow_list > dt span{color: #005273;}
#kitasenju-souzoku #flow .flow_list > dd .flow_tit{color: #005273;}
#kitasenju-souzoku #flow .flow_list > dt i{background: #AAD4E0;}

@media screen and (max-width: 768px) {
#kitasenju-souzoku #flow{background: url("../images/office/kitasenju-souzoku/flow_bk_sp.webp") no-repeat center center/cover;}
}

/* 弁護士紹介 */
#kitasenju-souzoku #staff .staff_item > div.dd figure{border-image: linear-gradient(140deg, #d0eef9, #daefed, #fdfae8);border-image-slice: 1;}
#kitasenju-souzoku #staff .staff_item > div.dt .staff_tit + p{color: var(--kitasenju-souzoku);}
#kitasenju-souzoku #staff .staff_item > div.dt .profile_btn{color: var(--kitasenju-souzoku);border-color: var(--kitasenju-souzoku);}
#kitasenju-souzoku #staff .staff_item > div.dt .profile_btn::after{background: url("../images/office/kitasenju-souzoku/link_arrow.svg") no-repeat center center/contain;}

/* ご相談者様の声 */
#kitasenju-souzoku #thoughts{background: url("../images/office/kitasenju-souzoku/thoughts_bk_pc.webp") no-repeat center center/cover;}
#kitasenju-souzoku #thoughts::before{background: url("../images/office/kitasenju-souzoku/thoughts_ill.svg") repeat-x center bottom/143em;}
#kitasenju-souzoku #thoughts .thoughts_slide div.dl div.dt  .thoughts_tit{color: #005273;border-bottom-color: #005273;}
#kitasenju-souzoku #thoughts .thoughts_slide div.dl .person{color: var(--kitasenju-souzoku);}
#kitasenju-souzoku #thoughts .thoughts_slide div.dl div.dd {background: #c7e7f1;}
#kitasenju-souzoku #thoughts .thoughts_slide .slick-arrow{background: var(--kitasenju-souzoku);}

@media screen and (max-width: 768px) {
#kitasenju-souzoku #thoughts{background: url("../images/office/kitasenju-souzoku/thoughts_bk_sp.webp") no-repeat center center/cover;}
}

/* 事務所案内・地図 */
#kitasenju-souzoku #corporation .corporation_info tr > th{background: #EBF3F7;}
#kitasenju-souzoku #corporation #offce_index .offce_index_list > dl > dt{border-right-color: var(--kitasenju-souzoku);}
#kitasenju-souzoku #corporation #offce_index .offce_index_list > dl > dd p a{color: var(--kitasenju-souzoku);}
#kitasenju-souzoku #corporation .mutual_link{background: url("../images/office/kitasenju-souzoku/mutual_link_img_pc.webp") no-repeat center center/cover;}

@media screen and (max-width: 768px) {
#kitasenju-souzoku #corporation .corporation_info_tit{background: #EBF3F7;}
#kitasenju-souzoku #corporation .compatible_area_tit{background: #EBF3F7;}
#kitasenju-souzoku #corporation .mutual_link{background: url("../images/office/kitasenju-souzoku/mutual_link_img_pc.webp") no-repeat center center/cover;}
}

/* パンくず */
#kitasenju-souzoku .pankuzu a{color: var(--kitasenju-souzoku);}



/*||||||||||||||||| 離婚・男女問題 |||||||||||||||||*/
/* ヘッダー */
#kitasenju-rikon .menu div{border-right-color: #E65A82;}

/* 項目タイトル */
#kitasenju-rikon .contents_tit small{color: var(--kitasenju-rikon);}
#kitasenju-rikon .contents_tit small::after{background: #FCADC8;}

/* メイン */
#kitasenju-rikon main .main_copy{width: 57.4em;}
#kitasenju-rikon main .main_point > li > span{background: var(--kitasenju-rikon);}
#kitasenju-rikon main .main_point > li > span::after{background: var(--kitasenju-rikon);}
#kitasenju-rikon main .main_point > li > div.dl{color: #B61455;border-color: rgba(244,97,139,0.5);}
#kitasenju-rikon main .main_point > li > div.dl div.dt a{color: #B61455;}
#kitasenju-rikon main .main_point > li:nth-of-type(1) figure{bottom: 0;width: 7em;}
#kitasenju-rikon main .main_point > li:nth-of-type(2) figure{bottom: -1em;width: 7.5em;}
#kitasenju-rikon main .main_point > li:nth-of-type(3) figure{bottom: 0;width: 12.3em;}
#kitasenju-rikon main .main_link > a.tel_btn small{color: var(--kitasenju-rikon);}
#kitasenju-rikon main .main_link > a.tel_btn span::before{background: url("../images/office/kitasenju-rikon/tel_btn_i.svg") no-repeat center center/contain;}
#kitasenju-rikon main .main_link > a.web_btn{background: var(--kitasenju-rikon);}

@media screen and (max-width: 768px) {
#kitasenju-rikon main .main_copy{width: 95vw;margin-inline: auto;}
#kitasenju-rikon main .main_point > li:nth-of-type(1) figure{bottom: 0.5em;right: -1.3em;}
#kitasenju-rikon main .main_point > li:nth-of-type(2){z-index: 1;}
#kitasenju-rikon main .main_point > li:nth-of-type(2) figure{bottom: -1em;right: -1.8em;z-index: 1;}
#kitasenju-rikon main .main_point > li:nth-of-type(3) figure{right: -3em;}
#kitasenju-rikon main .main_link > a.web_btn{width: 40vw;}
#kitasenju-rikon main .main_link > a.web_btn::before{width: 4em;height: 4em;}
#kitasenju-rikon main .main_link > a.web_btn > span{font-size: 1.8em;}
}

/* メイン下 */
#kitasenju-rikon #intro{background: url("../images/office/kitasenju-rikon/intro_bk_pc.webp") no-repeat center 65%/cover;}

@media screen and (max-width: 768px) {
#kitasenju-rikon #intro{background: url("../images/office/kitasenju-rikon/intro_bk_sp.webp") no-repeat center top/cover;}
}

/* 選ばれる理由 */
#kitasenju-rikon #reason{background: url("../images/office/kitasenju-rikon/reason_bk_pc.webp") no-repeat center center/cover;}
#kitasenju-rikon #reason .reason_tit strong{color: var(--kitasenju-rikon);}
#kitasenju-rikon #reason .reason_list > li .reason_tit_s{border-color: #FFDEE8;}
#kitasenju-rikon #reason .reason_list > li .reason_tit_s span{color: var(--kitasenju-rikon);}
#kitasenju-rikon #reason .reason_list > li .reason_tit_ss{color: #B61455;}
#kitasenju-rikon #reason .reason_list > li .reason_tit_ss::after{background: rgba(244,97,139,0.5);}
#kitasenju-rikon #reason .reason_list > li:nth-of-type(1) figure{width: 15em;margin: 1.5em auto 0;}
#kitasenju-rikon #reason .reason_list > li:nth-of-type(2) figure{width: 15.4em;margin: 2.2em auto 0;}
#kitasenju-rikon #reason .reason_list > li:nth-of-type(3) figure{width: 27em;margin: 2em auto 0;}
#kitasenju-rikon #reason .reason_list > li:nth-of-type(4) figure{width: 38.5em;margin: 1.5em auto 0;}

@media screen and (max-width: 768px) {
#kitasenju-rikon #reason{background: url("../images/office/kitasenju-rikon/reason_bk_sp.webp") no-repeat center center/cover;}
#kitasenju-rikon #reason .reason_list > li:nth-of-type(1) img{float: right;width: 10em;}
#kitasenju-rikon #reason .reason_list > li:nth-of-type(2) img{float: right;width: 10em;}
#kitasenju-rikon #reason .reason_list > li:nth-of-type(4) figure{width: 38.5em;margin: 2em auto 0;}
}

/* 離婚に関するよくあるご相談 */
#kitasenju-rikon #field .field_list > li{border-color: #FCADC8;}
#kitasenju-rikon #field .field_list > li .question::before{color: var(--kitasenju-rikon);}
#kitasenju-rikon #field .field_list > li .question::after{background: url("../images/office/kitasenju-rikon/link_arrow.svg") no-repeat center center/contain;}
#kitasenju-rikon #field .field_list > li .answer .datail_link{color: var(--kitasenju-rikon);}

/* 相続相談の解決事例 */
#kitasenju-rikon #resolutions::before{content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url("../images/office/kitasenju-rikon/resolutions_bk01_pc.webp") no-repeat center top/100%;}
#kitasenju-rikon #resolutions::after{content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url("../images/office/kitasenju-rikon/resolutions_bk02_pc.webp") no-repeat center bottom/100%;}
#kitasenju-rikon #resolutions .resolutions_list > li{padding-right: 6em;padding-left: 6em;text-align: right;}
#kitasenju-rikon #resolutions .resolutions_list > li .resolutions_tit{border-color: #FCADC8;}
#kitasenju-rikon #resolutions .resolutions_list > li .resolutions_tit span{color: var(--kitasenju-rikon);}
#kitasenju-rikon #resolutions .resolutions_list > li .resolutions_tit_s + p{color: var(--kitasenju-rikon);}
#kitasenju-rikon #resolutions .resolutions_list > li .resolutions_rikon_item{display: flex;flex-direction: column; gap: 1.5em 0;margin: 3em auto 0;}
#kitasenju-rikon #resolutions .resolutions_list > li .resolutions_rikon_item > *{width: 100%;display: flex;}
#kitasenju-rikon #resolutions .resolutions_list > li .resolutions_rikon_item > * .resolutions_tit_ss{width: 14%;display: flex;justify-content: center;align-items: center;text-align: center;font-size: 1.8em;padding: 1em 0;font-weight: 600;}
#kitasenju-rikon #resolutions .resolutions_list > li .resolutions_rikon_item > div.dt .resolutions_tit_ss{background: var(--kitasenju-rikon);color: #fff;}
#kitasenju-rikon #resolutions .resolutions_list > li .resolutions_rikon_item > div.dd .resolutions_tit_ss{background: #F4E6AB;color: #B61455;}
#kitasenju-rikon #resolutions .resolutions_list > li .resolutions_rikon_item > * p{width: 86%;display: flex;align-items: center;font-size: 1.6em;font-weight: 500;text-align: left;padding: 1.5em 2em;border: 0.6em solid;border-left: none;}
#kitasenju-rikon #resolutions .resolutions_list > li .resolutions_rikon_item > div.dt p{border-color: var(--kitasenju-rikon);}
#kitasenju-rikon #resolutions .resolutions_list > li .resolutions_rikon_item > div.dd p{border-color: #F4E6AB;color: #B61455;}
#kitasenju-rikon #resolutions .resolutions_list > li .resolutions_link{color: var(--kitasenju-rikon);text-align: right;}

@media screen and (max-width: 768px) {
#kitasenju-rikon #resolutions::before{background: url("../images/office/kitasenju-rikon/resolutions_bk01_sp.webp") no-repeat center top/100%;}
#kitasenju-rikon #resolutions::after{background: url("../images/office/kitasenju-rikon/resolutions_bk02_sp.webp") no-repeat center bottom/100%;}
#kitasenju-rikon #resolutions .resolutions_list > li{padding-right: 2em;padding-left: 2em;}
#kitasenju-rikon #resolutions .resolutions_list > li .resolutions_tit_s + p{width: 90%;}
#kitasenju-rikon #resolutions .resolutions_list > li .resolutions_rikon_item > * .resolutions_tit_ss{width: 20%;}
#kitasenju-rikon #resolutions .resolutions_list > li .resolutions_rikon_item > * p{width: 80%;font-size: 1.7em;padding: 1em 1em;border-width: 0.4em;}
}

/* お問い合わせはこちら */
#kitasenju-rikon #support .contact_btn a.web_btn{background: var(--kitasenju-rikon);}
#kitasenju-rikon #support .tel_area > a span::before{background: url("../images/office/kitasenju-rikon/tel_btn_i.svg") no-repeat center center/contain;}
#kitasenju-rikon #support .tel_area > p{color: var(--kitasenju-rikon);}

@media screen and (min-width: 769px) {
#kitasenju-rikon #support .contact_btn a.web_btn{width: 52em;margin-inline: auto;}
}

@media screen and (max-width: 768px) {
#kitasenju-rikon #support .tel_area > a::before{background: url("../images/office/kitasenju-rikon/tel_btn_i.svg") no-repeat center center/contain;}
#kitasenju-rikon #support .support_tit span{color: #FF87A9;}
}

/* 料金表 */
#kitasenju-rikon #price .price_list > li{border-color: #FCADC8;}
#kitasenju-rikon #price .price_list > li .price_tit{border-bottom-color: var(--kitasenju-rikon);}
#kitasenju-rikon #price .price_list > li .value ul li{background: var(--kitasenju-rikon);}
#kitasenju-rikon #price .price_list > li .value strong{color: var(--kitasenju-rikon);}
#kitasenju-rikon #price .price_list > li .value div{color: var(--kitasenju-rikon);}
#kitasenju-rikon #price .price_list > li .value + .lead{color: var(--kitasenju-rikon);}
#kitasenju-rikon #price .price_list > li .plan_list p{color: #B61455;}
#kitasenju-rikon #price .price_list > li .plan_list p::before{background: url("../images/office/kitasenju-rikon/check_i.svg") no-repeat center center/contain;}
#kitasenju-rikon #price .price_list > li .detail_btn{background: var(--kitasenju-rikon);}
#kitasenju-rikon #price .price_list + .lead{color: var(--kitasenju-rikon);}
#kitasenju-rikon #price .price_list + .lead a{color: var(--kitasenju-rikon);}

@media screen and (min-width: 768px) {
#kitasenju-rikon #price .price_list > li:nth-of-type(3){animation-delay: 0s;}
#kitasenju-rikon #price .price_list > li:nth-of-type(4){animation-delay: 0.2s;}
#kitasenju-rikon #price .price_list > li:nth-of-type(5){animation-delay: 0.4s;}
}

/* ご相談後の流れ */
#kitasenju-rikon #flow{background: url("../images/office/kitasenju-rikon/flow_bk_pc.webp") #eee no-repeat center center/cover;}
#kitasenju-rikon #flow .flow_list > dt{border-color: #FCADC8;}
#kitasenju-rikon #flow .flow_list > dt span{color: #B61455;}
#kitasenju-rikon #flow .flow_list > dd .flow_tit{color: #B61455;}
#kitasenju-rikon #flow .flow_list > dt i{background: #FCADC8;}

@media screen and (max-width: 768px) {
#kitasenju-rikon #flow{background: url("../images/office/kitasenju-rikon/flow_bk_sp.webp") no-repeat center center/cover;}
}

/* 弁護士紹介 */
#kitasenju-rikon #staff .staff_item > div.dd figure{border-image: linear-gradient(140deg, #fae0e6, #fbe5e9, #fefbee);border-image-slice: 1;}
#kitasenju-rikon #staff .staff_item > div.dt .staff_tit + p{color: var(--kitasenju-rikon);}
#kitasenju-rikon #staff .staff_item > div.dt .profile_btn{color: var(--kitasenju-rikon);border-color: var(--kitasenju-rikon);}
#kitasenju-rikon #staff .staff_item > div.dt .profile_btn::after{background: url("../images/office/kitasenju-rikon/link_arrow.svg") no-repeat center center/contain;}

/* ご相談者様の声 */
#kitasenju-rikon #thoughts{background: url("../images/office/kitasenju-rikon/thoughts_bk_pc.webp") no-repeat center center/cover;}
#kitasenju-rikon #thoughts::before{background: url("../images/office/kitasenju-rikon/thoughts_ill.svg") repeat-x center bottom/143em;}
#kitasenju-rikon #thoughts .thoughts_slide div.dl div.dt  .thoughts_tit{color: #B61455;border-bottom-color: #B61455;}
#kitasenju-rikon #thoughts .thoughts_slide div.dl .person{color: var(--kitasenju-rikon);}
#kitasenju-rikon #thoughts .thoughts_slide div.dl div.dd {background: #ffdee8;}
#kitasenju-rikon #thoughts .thoughts_slide .slick-arrow{background: var(--kitasenju-rikon);}

@media screen and (max-width: 768px) {
#kitasenju-rikon #thoughts{background: url("../images/office/kitasenju-rikon/thoughts_bk_sp.webp") no-repeat center center/cover;}
}

/* 事務所案内・地図 */
#kitasenju-rikon #corporation .corporation_info tr > th{background: #FFEFF4;}
#kitasenju-rikon #corporation #offce_index .offce_index_list > dl > dt{border-right-color: var(--kitasenju-rikon);}
#kitasenju-rikon #corporation #offce_index .offce_index_list > dl > dd p a{color: var(--kitasenju-rikon);}
#kitasenju-rikon #corporation .mutual_link{background: url("../images/office/kitasenju-rikon/mutual_link_img_pc.webp") no-repeat center center/cover;}

@media screen and (max-width: 768px) {
#kitasenju-rikon #corporation .corporation_info_tit{background: #FFEFF4;}
#kitasenju-rikon #corporation .compatible_area_tit{background: #FFEFF4;}
#kitasenju-rikon #corporation .mutual_link{background: url("../images/office/kitasenju-rikon/mutual_link_img_pc.webp") no-repeat center center/cover;}
}

/* パンくず */
#kitasenju-rikon .pankuzu a{color: var(--kitasenju-rikon);}