@charset "UTF-8";

/*
	Theme Name: Aizawa Office
	Description: 相澤法務事務所用のテーマファイルです。
	Theme URI: http://www.aizawa-office.jp/
	Author: 司法書士法人 相澤法務事務所
	Author URI: http://www.aizawa-office.jp/
	Version: 1.0.0
*/
/*------------------------
スマホブレイクポイント@media screen and (max-width:768px)  
-----------------------*/
@media screen and (max-width:768px) {
html { 
	font-size: 56%;
}
/*---------------
共通
----------------*/	
.btn_body > a.btn {
 width: auto;
    min-width: auto;
}
	img.center{
		display:block;
		margin:0 auto;
	}
/*---------------
ヘッダー共通
----------------*/
header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
    background: #ffffff;
	margin: 0;
	box-shadow: 1px 1px 1px #111111;
	height: 80px;
}
header > .header {
    padding: 0;
}
header > .header .logo {
padding: 0 10px;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
/*メニューボタン*/
/*トグルボタンのスタイルを指定*/
header > .header .toggle.pcnone {
 /*   width: 23%;
	max-width: 80px;
	*/
}
.toggle img.close{
		display:none;
	transition:all 1.0s;
}
.toggle.active img.open{
		display:none;
}
.toggle.active img.close{
		display:block;
}	
.menu{
		display:none;
  text-align:center;
  background-color:rgba(255,255,255,0.5);
  transition: .5s ease;/*滑らかに表示*/
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);/*左に隠しておく*/
}
/*OPEN時の動き*/
.menu.open {
 -webkit-transform: translateX(0%);
 transform: translateX(0%);/*中身を表示（右へスライド）*/
display: block;
}
.menu.open {
 background: #afe2d5;
    border: solid 1px #6c9a8e;
    box-shadow: 0px 0px 2px #6f6f6f;
    padding: 2rem;
    width: 95%;
    margin: 0 auto;
	 -webkit-transform: translateX(0);
 transform: translateX(0);
}
.menu_sp_loans_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.menu_sp_loans_flex > *{
	-ms-flex-preferred-size: 25%;
	flex-basis: 25%;	
	}
.menu_sp_loans_flex > * > a {
    text-decoration: none;
   font-weight: bold;
    color: #46b195;
    background: #ffffff;
    display: block;
    width: 90%;
    margin: 0 auto 10px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    position: relative;
}
.menu_sp_loans_flex > * > a:after{
	content: "";
    position: absolute;
    border: solid 1px #ffffff;
    width: calc(100% + 1px);
    height: 30px;
    left: 0;
    top: 1px;
    border-radius: 5px;
	}
.menu_sp_main_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 2% 1%;
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 0 0 5px #686868;
	margin: 1rem 0 20px;
}
.menu_sp_main_flex > *{
-ms-flex-preferred-size: 33%;
    flex-basis: 24%;
    padding: 0.5%;
	}
.menu_sp_main_flex > * > a{
text-decoration: none;
    color: #fff;
    display: flex;
    background: #46b195;
    min-height: 80px;
    width: 100%;
    margin: 0 auto;
    border-radius: 5px;
    position: relative;
    text-align: center;
    padding: 0 0 10px;
    align-items: flex-end;
    justify-content: center;
	font-size: 1.4rem;
	}
.menu_sp_main_flex > * > a:before{
content: "";
    width: 35px;
    height: 35px;
    background: url(//www.aizawa-office.jp/wordpress/wp-content/themes/aizawa2021/img/sp/menu_icon_about.png);
    background-size: cover;
    left: 50%;
    top: 35%;
    position: absolute;
    margin: -17.5px 0 0 -17.5px;
	
}
.menu_sp_main_flex > * > a.home:before{
   background: url(img/sp/menu_icon_home.png);
    background-size: cover;	
	}
.menu_sp_main_flex > * > a.kabarai:before{
   background: url(img/sp/menu_icon_kabarai.png);
    background-size: cover;	
	}
.menu_sp_main_flex > * > a.hiyou:before{
   background: url(img/sp/menu_icon_hiyou.png);
    background-size: cover;	
	}
.menu_sp_main_flex > * > a.nagare:before{
   background: url(img/sp/menu_icon_nagare.png);
    background-size: cover;	
	}
.menu_sp_main_flex > * > a.demerit:before{
   background: url(img/sp/menu_icon_demerit.png);
    background-size: cover;	
	}
.menu_sp_main_flex > * > a.failure:before{
   background: url(img/sp/menu_icon_failure.png);
    background-size: cover;	
	}
.menu #contact{
	margin: 2rem 0 0;	
	}
.menu #contact .top_contact_box {
    text-align: left;
	    border-radius: 5px;
}
}

/*ヘッダーボタンの微調整*/
@media screen and (max-width:480px) {
header {
    height: 75px;
}
header > .header .logo {
    width: 210px;
}
header > .header .contact_btn {
    width: 158px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
header > .header .toggle.pcnone{
    width:57px;		
}
}
@media screen and (max-width:768px) {
/*---------------
サイド共通
----------------*/
.page_container_side {
	display: none;
}
/*---------------
フッター共通
----------------*/
#to_top_btn {
	bottom:100px;
	}
#contact_box {
    padding: 0 3%;
}
#contact_box .contact_box .contact_box_flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
#contact_box .contact_box .contact_box_flex .text {
    margin: 0 0 2rem;
}
#footer-btn {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #ffffff;
    padding: 5px 5px 0;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
/*10月1日公開 footer {
    padding: 0px 0 92px;
}*/
footer > #footer{
    
}
footer > #footer > #footer_link{
    padding: 0 3%;
}
footer > #footer > #footer_link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
footer > #footer > #footer_link ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
footer > #footer > #footer_link p.footer_menu_title {
background: #c0e8dd;
    border-radius: 5px 5px 0 0;
    padding: 0 10px;
    font-size: 1.4rem;
    margin: 2rem 0 0;
    position: relative;
    line-height: 25px;
    height: 25px;
    font-weight: bold;
    color: #428c75;
}
footer > #footer > #footer_link .ac.sp p.footer_menu_title:before {
    content: "＋";
    display: inline-block;
    right: 10px;
    position: absolute;
    font-weight: bold;
    font-size: 1.6rem;
    color: #256756;
}
footer > #footer > #footer_link .footer_menu_li{
	background: #e9f2ef;
    border-bottom: solid 1px #9bd4c5;
    padding: 0 0 0 16px;
    width: 50%;
    line-height: 25px;
    height: 25px;
    box-sizing: border-box;
    border-right: solid 1px #9bd4c5;
	font-size: 1.4rem;
}
footer > #footer > #footer_link .footer_menu_li:before{
		left: 5px;
	}
footer > #footer > #footer_link a {
    font-size: 1.4rem;
}
footer > #footer > #footer_link p.footer_ac_title.trigger{
	background: #e9f2ef;
    border-bottom: solid 1px #9bd4c5;
    padding: 0 10px;
    width: 100%;
    line-height: 25px;
    height: 25px;
    box-sizing: border-box;
    border-right: solid 1px #9bd4c5;
	font-size: 1.4rem;
	text-align: left;
}	
footer > #footer > #footer_link p.footer_ac_title.trigger:before {
	content: "＋";
    display: inline-block;
	right: 30px;
    position: absolute;
    font-weight: bold;
    font-size: 1.6rem;
    color: #256756;
}
footer > #footer > #footer_link p.footer_ac_title.trigger.open:before {
	transition: 0.5s;
	content: "－";
}
footer > #footer > #footer_link .footer_menu_area_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	background: #ffffff;
}
footer > #footer > #footer_link .footer_menu_li_area {
     background: #ffffff;
    -ms-flex-preferred-size: 10%;
    flex-basis: 33.333%;
	border-bottom: solid 1px #9bd4c5;
    padding: 0 0 0 16px;
    width: 50%;
    line-height: 25px;
    height: 25px;
    box-sizing: border-box;
    border-right: solid 1px #9bd4c5;
    font-size: 1.4rem;
	position: relative;
	text-align: left;
}
footer > #footer > #footer_link .footer_menu_li_area:before {
    position: absolute;
    content: "";
    background: url(img/footer_arrow.png);
    width: 8px;
    height: 10px;
    background-size: cover;
    left: 3px;
    top: 50%;
    margin: -5px 0 0;
}
footer #footer_bottom .footer_copy {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
	padding: 3rem 0 2rem;
}
footer #footer_bottom .footer_copy .logo {
    margin: 0;
}
/*------------------------
トップページ 
-----------------------*/
	section > .inner h2.top{
		font-size:2.0rem;
	}
.main_img {
    margin: 80px 0 0;
	background: none;
}
section > .inner {
    padding: 3rem 3%;
}
#top_content section {
    padding: 0 3%;
}
#news .news_box{
padding: 2rem 3% 1px;		
}
#news .syuccyou_list {
    padding: 0 0rem 1rem;
}
#twitter {
    padding: 1rem 0;
}
#top_kabarai {
    padding: 2rem 0;
}

#top_kabarai .top_kabarai_box {
    padding: 3rem 2rem;
}
}
/*動画埋め込みの調整max-480px*/
@media screen and (max-width:480px) {
#top_kabarai .top_kabarai_box .movie_blk iframe {
    height: 240px;
}
}
@media screen and (max-width:768px) {
#loans p {
    margin: 2rem 0;
}
#loans .loans_flex_list.btn_body > a.btn {
    padding: 0;
}
#loans .loans_flex_list.btn_body > a.btn:after {
	content:none;
}
	#loans .loans_flex_list {
    -ms-flex-preferred-size: 24%;
    flex-basis: 24%;
    margin: 2rem 1% 0 0;
}
#loans .loans_flex_list.btn_body > a.btn {
    min-width: 95%;
    line-height: inherit;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#hiyou {
    padding: 0 0rem;
}
#hiyou .top_hiyou_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
	max-width: 500px;
    margin: 3rem auto;
}
#hiyou .top_hiyou_box > * {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    position: relative;
    margin: 0 0 3rem;
}
#nagare .top_nagare_box{
	margin-top: 3rem;
}

#qa .inner{
padding: 5rem 3%;		
}
#qa .inner .word-list {
    padding: 1rem 3%;
	margin: 0;
}
	#area .top_area_box_inner_flex{
-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;		
	}
	#area .top_area_link.bor {
		border: none;
	}
#area .top_area_link > div {
    -ms-flex-preferred-size: 100％;
    flex-basis: 100%;
	margin: 0 0 1rem;
}
	#area .top_area_box{
	padding: 3rem 3%;	
	}
#area .top_area_box_inner_flex > .text_box {
    padding: 0;
}
#area h3.area_title.trigger.title:before {
    content: "＋";
    display: inline-block;
    right: 30px;
    position: absolute;
    font-weight: bold;
    font-size: 1.6rem;
    color: #ffffff;
}
#area h3.area_title.trigger.title.open:before{
content: "－";
transition: 0.5s;
}
#area .area_link_dita {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
	
}
#area .area_link_dita > *{
		width: 25%;
    padding: 5px;
	}
}
@media screen and (min-width:1001px) {	
#aikinmaru .top_aikinmaru_spbox , #legend .top_legend_spbox{
	display: none!important;
	}
	}
@media screen and (max-width:1000px) {	
#aikinmaru .top_aikinmaru_spbox img.top_none , #legend .top_legend_spbox img.top_none{
display:none;		
	}
	#aikinmaru .top_aikinmaru_spbox p{
		color:#111111;
	}
}
@media screen and (max-width:768px) {
#legend .top_legend_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
#legend .top_legend_box > .btn > a.btn_orange {
    width: 100%;
    display: block;
    height: 50px;
    line-height: 50px;
}
#about .about_box {
 position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 6rem 0 1rem;
}
#about .about_box > * {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding: 1rem 0;
	margin: 3rem 0 0;
}
#about .about_box > .text_box {
    order: 2;
    margin: 0;
    position: static;
}
#about .about_box > .text_box > h3.top_about_title {
    position: absolute;
    top: 3rem;
    width: 100%;
    text-align: center;
    left: 0;
	font-size: 2.6rem;
    font-weight: bold;
    margin: 1rem 0;
}
#about .about_box_back {
    padding: 0 3%;
}
#about .about_box_back:last-child {
    padding: 0 3% 3rem;
}	
/*------------------------
下層ページ
-----------------------*/
h1.page_style {
    border-bottom: solid 3px #d7d7d7;
    position: relative;
    font-size: 2rem;
    padding: 10px 0;
}
.page_title {
   margin: 80px 0 0;
}
.page_container , .page_container_content , .page_container_content {
    width: 100%;
    float: none;
	    padding: 0;
}
	.breadclumb{display:none;}
.page_container {
    padding: 0 2%;
	margin: 80px 0 0;
}
h2.t_type_02{
	padding: 2rem 1.5rem;
}
h3.t_type_03{
padding: 0 0 5px 20px;	
}
h3.t_type_03:before{
left: 5px;	
margin: -5px 0 0px 0;
}
}

/*タイトルキャラの調整max-480px*/
@media screen and (max-width:480px) {
.page_title {
height: 75px;
    margin: 80px 0 0;
}
.page_title p {
    line-height: 75px;
    font-size: 2.5rem;
    letter-spacing: 0.3rem;
    position: relative;
    height: 75px;
    width: 100%;
    display: block;
}
.page_title p:after {
    content: "";
    height: 47.5px;
    width: 65px;
    bottom: 0;
    top: auto;
    right: 0px;
    position: absolute;
}
.page_title p.normal:after {
    content:"";
	background:url(img/page_title_chara_normal.png);
    background-size: cover;
}
.page_title p.surprise:after {
	content: "";
    background: url(img/page_title_chara_surprise.png);
    background-size: cover;
}
.page_title p.aikinmaru:after {
	content: "";
    background: url(img/page_title_chara_aikinmaru.png);
    background-size: cover;
}
.page_title p.legend:after {
	content: "";
    background: url(img/page_title_chara_legend.png);
    background-size: cover;
}
.page_title p.daijiten:after {
background: url(img/page_title_chara_daijiten.png);
    content: "";
    height: 47.5px;
    width: 65px;
    background-size: cover;
    bottom: 0;
    top: auto;
    right: 0px;
    position: absolute;
}
}
@media screen and (max-width:768px) {
/* -----------------------------------------------------------
アコーディオン　デフォルト
----------------------------------------------------------- */
.title.sp.trigger {
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
    box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
    display: inline-block;
    text-align: center;
    color: #ffffff;
    border-radius: 5px;
    line-height: 50px;
    position: relative;
    text-decoration: none;
    margin: 2rem auto;
    color: #fff;
    background-color: #ff9a2d;
    border-bottom: 5px solid #a8661e;
    width: 300px;
}
.title.sp.trigger:after {
	position: absolute;
    content: "+";
    right: 10px;
    font-size: 18px;
    font-weight: bold;
    line-height: 50px;
    top: 50%;
    margin: -25px 0 0;
	}
/*======================
 テーブル
======================*/

  .comparison-table{
    padding:7px;
  }
  .comparison-table table{
    border-spacing:3px 10px;
  }
.comparison-table table tbody td  > dl dd {
	max-width: 64%;
}


  .table_01 td, .table_01 th {
    padding: 5px
  }
  .table_01.pad_l1 td, .table_01.pad_l1 th {
    padding: 5px 8px
  }
  .table_01.soudankai th {
    white-space: nowrap
  }
}
/*------------------------
レイアウト 
-----------------------*/
@media screen and (max-width:768px) {
.mar_2-3,
.mar_2-3-c {
	margin: 2em 1em!important;
}
.mar_3-5 {
	margin: 3em 1.5em!important;
}
.wid_wrap-48.sp-100 {
	width: 100%!important;
}
.f-container-sb.sp-f_none {
    display: block;
}
.f-container-sa > a {
    margin: auto 0.2em;
}
}
/*------------------------
装飾
-----------------------*/

/*---------------
ヘッダー共通
----------------*/

/*---------------
トップページ
----------------*/
@media screen and (max-width:768px) {
/*-- site map --*/
.sitemap_blk h3 {
	position: relative;
	margin-top: 1.2em;
	padding-left: 2em;
}
.sitemap_blk h3 a {
	margin-top: 0;
}
.sitemap_blk h3:before {
    position: absolute;
    top: 5px;
	left: 0.5em;
    width: 8px;
    height: 8px;
	background-color: #999999;
	border-radius: 50%;
    margin: 0;
    content: "";
    z-index: 2;
}
.sitemap_blk ul li {
	margin-left: 1.6em;
}
}
/*------------------------
下層ページここから
-----------------------*/
@media screen and (max-width:768px) {
/*-- about --*/
/* 事務所略歴 */
.history_dl > dt:before {
    left: -2.9em;
}
.history_dl > dt.now {
    font-size: 16px;
}
.history_dl > dd {
    margin: 0 0 0.5em 0.8em;
}
.wid_wrap-48 .history_dl {
    margin: 2em 0.2em 1em 0.5em;
}
.wid_wrap-48 .history_dl > dt {
    min-width: 100px;
}
.wid_wrap-48 .history_dl > dt.now {
	width: 80%;
    font-size: 14px;
}
.wid_wrap-48 .history_dl > dt.now > p {
    margin-left: -1.6em;
}
/* 司法書士の紹介 */
.introduction_wrap {
	display: block;
}
.introduction_wrap img {
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
}
.introduction_wrap > table {
    width: 100%;
}
.introduction_wrap > table th {
    width: 30%;
}
/* アクセスマップ */
.map_wrap {
	width: 100%;
}
.map_wrap > iframe {
	width: 100%;
}
.route_wrap dl dt > span{
	line-height: 1.8;
}
.route_wrap dl dd a:before {
    width: 45px;
    height: 45px;
}
.icon_train,
.icon_car {
    margin-left: 2.2em!important;
}
.icon_car > strong {
	display: block;
	margin-bottom: 0.8em;
}
.railway_box {
	margin: 2em 0 2em -3.6em;
    width: 105%;
}
.icon_train > p {
	margin-left: -3.6em;
    width: 115%;
}
/*-- 地域ページ --*/
/* 各地域のリンク */
.area_p-link > h3 {
	font-size: 16px;
}
.area-inner > a {
	width: 32.2%;
}
.area-inner > a.long{
	width: 48.7%;
}
/*-- 大辞典 --*/
/* topワード */
.daijiten_count {
    width: 100%;
	height: 100%;
    min-height: 24vw;
    background-size: contain;
}
.daijiten_count.count02 {
    width: 100%;
    height: 15vh;
}
.daijiten_count > .text-50 {
	top: 8.5vw;
	left: 7vw;
	font-size: 9vw;
}
.daijiten_count > .text-1dan {
	width: auto;
	top: 7vw;
	left: 6.5vw;
	font-size: 5.5vw;
}
.daijiten_count > .text-1dan3 {
	width: auto;
	top: 8vw;
	left: 5.5vw;
	font-size: 4.2vw;
}
.daijiten_count > .text-2dan {
	width: 13%;
	top: 7vw;
	left: 6vw;
	font-size: 3vw;
}
.daijiten_count > .count {
	top: 10vw;
	right: 9vw;
	font-size: 12vw;
}
.daijiten_count.count02 > .count {
	top: 3vh;
	right: 22vw;
	font-size: 35px;
	letter-spacing: 2px;
}
.daijiten_faq {
    padding-bottom: 0.5em;
	padding-right: 1em;
}
@media screen and (max-width:480px) {
.daijiten_count > .text-50 {
	top: 7vw;
	left: 8vw;
}
.daijiten_count > .text-1dan {
	top: 7vw;
	left: 7vw;
}
.daijiten_count > .text-1dan3 {
	top: 8vw;
	left: 6.5vw;
}
.daijiten_count > .text-2dan {
	top: 7vw;
	left: 7vw;
}
.daijiten_count > .count {
	top: 8.2vw;
	right: 9vw;
}
}
/* 検索窓 */
.kensaku_ber {
	width: 100%;
	height: auto;
	padding-right: 6em;
	font-size: 16px;
	border-radius: 100vh;
}
.kensaku_ber:before {
    top: 50%;
	background-position: inherit;
	background-size: contain;
    width: 10%;
    height: 85%;
    margin-top: -2.4vw;
}
.kensaku_ber:after {
    border-radius: 100vh;
    width: 20%;
    height: 100%;
}
@media screen and (max-width:480px) {
.kensaku_ber:before {
    margin-top: -5vw;
}
}
/* 大辞典用FAQ */
.daijiten_faq > .q,
.daijiten_faq > .a {
	margin-bottom: 1.2em;
	padding-left: 1.2em;
}
.daijiten_faq > .q:before,
.daijiten_faq > .a:before {
    top: -5px;
    width: 30px;
    height: 30px;
}
/* 50音のリンク */
.word-list > h3 {
	padding: 0 0 5px 35px;
	font-size: 16px;
	background-size: auto 30px;
}
.word-list_inner a{
	width: 48.5%;
	font-size: 16px;
}
.word-list_inner .inner-s {
	margin: 0.5em auto 0.5em;
	padding: 0;
	width: 100%;
}
/*-- shutchosodan --*/
/* 診断無料 */
.shindan_01 > span {
	position: inherit;
	margin-right: 0.5em;
}
.btn_sindan-wrap{
	margin-top: 2em;
}
.btn_sindan {
  padding: 1rem;
}
.btn_sindan span {
  position: absolute;
  top: -1.8em;
  left: calc(50% - 140px);
	width: 280px;
  padding: 0.3em 0;
}
.btn_sindan:before {
    width: 35px;
    height: 34px;
    margin: -11px 0 0;
	background-size: contain;
}
.btn_sindan:after {
    margin: -4px 0 0;
}
/* 簡易チェック */
.check_kani_box > li {
	padding: 4.5em 1em 2em;
}
.check_kani_box > li:before {
    top: 24px;
}
.check_kani_box > li > span {
	background: linear-gradient(transparent 60%, #ffeb7b 60%);
	background-position: center;
}
/* 〇✕チェック */
.check_red:before {
	background-size: contain;
    width: 26px;
    height: 26px;
}
.check_4-box {
	margin-left: 1em;
}
.check_4-dl {
	margin: 0 0 2em 0.5em;
}
.check_4-dl dt:after {
    bottom: -18px;
}
.check_4-dl dd {
    height: 90%;
	min-height: inherit;
}

@media screen and (max-width:480px) {
.check_4-box.reverse {
    display: block;
}
.check_4-box.reverse > .check_4-dl {
	width: 90%;
}
}

/* 対象外　✕ */
.batsu_txt > b {
	font-size: 16px;
}
.batsu_txt:before {
    width: 30px;
    height: 30px;
}
/*-- haikei --*/
/* 3択 */
.choices_3-box {
	display: block;
	margin: 1.5em 0 3em;
}
.choices_3-dl {
	width: 95%;
	margin: 0 auto 2em;
}
.choices_3-dl dt:after {
    bottom: -18px;
}
.choices_3-box.no-flex .choices_3-dl dt {
    width: 175px;
}
.choices_3-dl dd{
	display: flex;
	align-items: flex-start;
	min-height: inherit;
	padding-right: 0.3em;
}
.choices_3-dl dd img{
	display: block;
	margin-right: 1em;
	width: 150px;
	height: auto;
}
.choices_3-dl dd br{
	display: none;
}
.choices_3-dl dd ul {
    margin-left: 0;
}
/*-- 過払い金体験談 --*/
/* 体験談一覧 */
#kabarai-taiken-list dl {
	min-height: 100px;
}
#kabarai-taiken-list dl dt {
	width: 100px;
	height: 100px;
}
#kabarai-taiken-list dl dd {
	width: 62vw;
	height: 100%;
	min-height: 100px;
	margin-left: 15px;
	font-size: 16px;
	padding-bottom: 4.8em;
}
#kabarai-taiken-list dl dd div.dd-tab p {
	margin-right: 0.3em;
	font-size: 14px;
}
#kabarai-taiken-list dl.new {
	padding: 3.5em 0.7em 0.7em;
}
#kabarai-taiken-list dl.new em {
	font-size: 16px;
}
}
@media screen and (max-width:480px) {
.railway_box {
	display: block;
    width: 115%;
	background-image: url(img/icon_sub-railway-sp.png);
}
.railway_box::after {
	content: "";
    display: block;
    clear: both;
}
.railway_box > div {
	width: 100%;
	margin: 1em 0;
}
.railway_box > span.fl-r {
	float: right;
}
}
/*------------------------
下層共通
-----------------------*/

@media screen and (max-width:768px) {
h3.t_type_03:before {
    top: 10px;
}
p.top_tag-dg {
	font-size: 16px;
}
.another-site:after {
	width: 20px;
    height: 20px;
}
/* 背景：煙青　中：白　 */
.blue_grey_bgbox ul{
	padding-left: 2em;
}
/* 背景：群青色　中：白　あいきん丸　 */
.gunjou_bgbox {
	background-size: 65px auto;
}
/* あいきん君　ポイント画　 */
.aikin-point {
	top: -4.9vh;
}
/* グレーラインbox */
.greyline_box {
	padding: 1em;
}
.greyline_box.w-30,
.greyline_box.w-50,
.greyline_box.w-70 {
	width: 100%;
	min-height: 170px;
}
.orange_bgbox {
	width: 100%;
    padding: 0.6em;
}
/*目次*/

/* よくある質問 */
.faq_box > .q {
	margin-bottom: 1em;
	padding-left: 1em;
	font-size: 16px;
}
.faq_box > .q:before {
    top: -5px;
    width: 30px;
    height: 30px;
}
.faq_box > .a-ora {
	padding-left: 3.7em;
}
.faq_box > .a-ora:before {
    left: 7px;
    top: -4px;
    width: 30px;
    height: 30px;
}
.faq_box > .a-ora .ora_txt {
    margin-bottom: 1em;
	font-size: 16px;
}
/* 無料電話診断のイメージ */
.tel_sindan_box > .j:before {
    left: -65px;
    width: 55px;
    height: 55px;
}
.tel_sindan_box > .a:before {
    left: -65px;
    width: 55px;
    height: 55px;
}
/* 会話のイメージ */
.speak_box > .j,
.speak_box > .a {
    padding-right: 0.5em;
}
.speak_box > .j:before {
    left: -70px;
	background-size: 80%;
    width: 65px;
    height: 65px;
}
.speak_box > .a > em {
    left: -70px;
    width: 65px;
    height: 65px;
	font-size: 12px;
}
/* 会話のイメージ02 */
.speak_box02 > .a > em,
.speak_box02 > .b > em {
    width: 40px;
    height: 40px;
}
.speak_box02 > .a > em {
    left: -45px;
}
.speak_box02 > .b > em {
    right: -45px;
}
.speak_box02.em_l > .a > em {
    left: -70px;
}
.speak_box02.em_l > .a {
    margin: 0 1em 1.5em 5.5em;
}
/* 不安・解決・比較・結局・対応・注意 */
.any_box-wrap {
    margin: 2em 0.5em 2.5em;
}
.any_box > dt {
	padding-left: 2.2em;
font-size: 15px;
}
.any_box > dt:before {
    left: -20px;
}
.any_box.fuan > dt:before,
.any_box.kekkyoku > dt:before {
    width: 45px;
    height: 43px;
}
.any_box.kaiketsu > dt:before,
.any_box.hikaku > dt:before,
.any_box.taiou > dt:before {
    width: 43px;
    height: 43px;
}
.any_box.chui > dt:before {
    width: 45px;
    height: 45px;
}
/* STEP */
.step_box p {
    margin-bottom: 1.3em!important;
}
/* STEP dl */
.step_box-dl {
	padding: 1.5em 1em 0.6em;
}
.step_box-dl dt {
	width: 100%;
    margin-bottom: 0.5em;
}
/* 面談ブース */
.grey-wrap dl dt{
	height: 42px;
}

table.support-table {
    margin-bottom: 2em;
}
.greyline_box table.support-table:last-child {
    margin-bottom: 0;
}
table.support-table td {
    width: 100%;
    display: block;
}
table.support-table td > img,
table.support-table td.inhe img {
    margin-top: 1em;
}
.soudan-contact_ttl {
    height: 4vh;
}
#soudan-contact_box .support-table td.pa-l {
    padding-left: 0;
	padding-top: 1em;
}
.soudan-contact_tel > .tel-txt:before {
    width: 29px;
    height: 33px;
	background-size: contain;
}
.soudan-contact_address > dt,
.soudan-contact_address > dd {
	width: 100%;
}
/* トグルボタン */
.toggle-wrap .toggle-content img {
	width: 90%;
}
#toshidensetus .toggle-section,
#aikinmaru-ougi .toggle-section {
	width: 100%;
    margin: auto;
}
#toggle-faq .toggle-wrap .toggle-button {
	padding: 0 2em 0 1em;
	margin: 1em 0 1.2em 1.5em;
	font-size: 16px;
}
#toggle-faq .toggle-wrap .toggle-button:before {
    width: 32px;
    height: 32px;
}
#toggle-faq .toggle-wrap .toggle-button:after {
    width: 20px;
    height: 18px;
}
#toggle-faq .toggle-wrap .toggle-content b{
	font-size: 16px;
}
/* 体験談やアンケート */
.glass-wrap,
.glass-wrap.w-l {
	width: 40%;
	height: auto;
	margin: 0 auto 1em;
}
.grey-wrap.col02 dl dd {
    height: auto;
	min-height: 120px;
}
.taiken_box {
	align-items: flex-start;
	margin: auto 1em 2em;
}
.taiken_box_r {
	width: 100%;
}
.taiken_box_text {
	width: 100%;
	padding: 0.8em;
}
.taiken_box_text > p {
	margin-bottom: 0.5em;
}
.taiken_icon > img {
    width: 50px;
	height: 50px;
}
.glass-wrap a:before {
    width: 50px;
    height: 50px;
    background-size: 80%;
}
	
.taiken_box02 > .f-container-sb-end,
.taiken_box03 .f-container-sb-end,
.taiken_box04 > .f-container-sb-end,
.taiken_box05.f-container-sb-end{
	display: block;
}
.f-container-sb-end.taiken_glass_db {
	display: flex;
}
.taiken_box05{
	padding: .8em 0 .5em;
}
.taiken_box02 > .f-container-sb-end > div,
.taiken_box03 .f-container-sb-end > div,
.taiken_box04 > .f-container-sb-end > div,
.taiken_box05.f-container-sb-end > div{
	display: flex;
	margin-bottom: 0.5em;
}
.f-container-sb-end.taiken_glass_db > div {
	max-width: 250px;
}
.taiken_box02 > .f-container-sb-end > div > img,
.taiken_box03 .f-container-sb-end > div > img,
.taiken_box04 > .f-container-sb-end > div > img,
.taiken_box05.f-container-sb-end > div > img{
	width: 15%;
	margin-right: 0.5em;
}
.f-container-sb-end.taiken_glass_db > div > img {
	width: 20%;
}
.taiken_box02 > .f-container-sb-end > a,
.taiken_box03 .f-container-sb-end > a,
.taiken_box04 > .f-container-sb-end > a,
.taiken_box05.f-container-sb-end > a{
	display: block;
	text-align: right;
}
.taiken_box04 > .bg-w {
	min-height: 60px;
	padding: 0.3em 0 0.3em 60px;
	background-size: 50px;
}
/* 「あり」「なし」等のページ内リンク */
.choice_box > dl {
	width: 49%;
	margin: 0 5px;
	padding: 0;
}
.choice_box.w-l.sp {
	flex-wrap: wrap;
}
.choice_box.w-l.sp > dl.nashi {
    width: 50%;
}
.choice_box > dl.col02 {
	width: 90%;
	margin-bottom: 1em;
}
.link_box a:before {
    right: 0px;
}
.link_box a:after {
    right: 0px;
}
/* 画像付きサイト内リンク */
.sitelink_box {
	display: block;
	margin: 0;
}
.sitelink_box li {
	width: 100%;
  margin-bottom: 14px;
  position: relative;
}
/* 画像付きサイト内リンク */
.sitelink_box a {
    padding: 1em 3.5em 1em 1em;
}
/* 過払いワード解説 */
.book_box > h4{
	margin: 0 auto 1.5em 3.8em;
}
.book_box > h4:before {
    left: -3.8em;
}
/* カレンダーicon　発生時期等 */
.days_box > h4{
	margin: 0 auto 1.5em 3.8em;
}
.days_box > h4:before {
    left: -3.7em;
	top: -9px;
}
/* ワンポイント */
.one_point_bgbox > p {
	min-width: 200px;
	font-size: 16px;
}
.one_point_bgbox > dl {
    padding: 0.8em 1.2em;
}
.one_point_bgbox > dl dt {
	font-size: 16px;
}
/* 灰青BOX */
.blue_g-ver_box > dl dt.fuan {
	padding: 0.5em 1em 0.8em 3em;
}
.blue_g-ver_box > dl dt.fuan:before {
	width: 38px;
}
.blue_g-ver_box > dl dt.fuan:after {
	background-position: bottom;
	width: 45px;
}
/* チェックマーク付きオレンジ 丸 */
.check_ora_txt {
	padding-left: 1.3em;
	font-size: 16px;
}
.check_ora_txt:before {
    left: -20px;
    top: -5px;
	background-size: contain;
    width: 30px;
    height: 30px;
}
.check_ora_txt-sub {
    margin: 0 0 1.5em!important;
	padding: 0 0 1em 0;
}
.check_ora_txt-sub02 {
    margin: 0!important;
	padding: 0 0 1em 0;
}
/* チェックマーク付きオレンジ 角 */
.check_ora_kaku {
    margin: 0.5em 0 1em 0.8em!important;
}
.check_ora_kaku:before {
    left: -6px;
    top: 0;
	background-size: contain;
    width: 20px;
    height: 20px;
}
/* チェックマーク付きオレンジ＆グレイ */
.check_ora_maru02 {
    margin: 0.5em 0 1em 0.8em!important;
	padding-left: 1.2em;
}
.check_ora_maru02:before {
    left: -8px;
    top: 1px;
	background-size: contain;
    width: 17px;
    height: 17px;
}
/* チェックマーク付き灰緑 角 */
.check_gg_kaku > li:before {
    width: 35px;
    height: 35px;
	background-size: contain;
}
/* ！マーク */
.attention_box .atten_txt {
	padding-left: 1.5em;
    font-size: 16px;
}
.attention_box .atten_txt:before {
	top: -4px;
    width: 30px;
    height: 30px;
    background-size: contain;
}
.atten_txt_02:before,
.atten_txt_03:before{
    top: -2px;
    width: 25px;
    height: 25px;
}
/* ×マーク 丸 */
.batsu_maru {
    margin: 3em 0 3em 1em;
}
.batsu_maru > li {
	padding-left: 1.5em;
}
.batsu_maru > li:before {
    width: 22px;
    height: 22px;
}
/* クイズ */
.quiz_box > .white_wrap {
    padding: 1.5em 1em;
}
.quiz_box > .answer_box {
	padding: 1em;
}
.answer_box > b {
	display: block;
	margin-top: 0.5em;
}
/* 動画で解説 */
.video_box > h4:before {
    left: -3em;
    top: -4px;
	background-size: contain;
    width: 40px;
    height: 35px;
}
.video_box > .fle_wrap {
	display: block;
}
.video_box > .fle_wrap .sub_wrap{
	width: 100%;
	margin-top: 1em;
}
.video_box > .fle_wrap iframe{
	width: 100%;
	height: auto;
	min-height: 165px;
}
/* ランキング */
.ranking_box {
	flex-wrap: wrap;
	width: 100%;
}
.ranking_box > li{
	position: relative;
	width: 30%;
	height: auto;
	min-height: 100px;
	margin: 60px auto 0;
	font-size: 16px;
}
.ranking_box > li.long,
.ranking_box > li.long-m{
	width: 80%;
	min-height: 100px;
}
.ranking_box > li#first,
.ranking_box > li#second,
.ranking_box > li#third {
	border-width: 2px;
}
.ranking_box > li#first:before,
.ranking_box > li#second:before,
.ranking_box > li#third:before {
    position: absolute;
    top: -57px;
    width: 60px;
    height: 49px;
    background-size: contain;
}
/* 主要業者一覧 */
.brown_bgbox {
	position: relative;
	padding-bottom: 2.2em;
}
.brown_bgbox ul li {
	width: 32.3%;
}
.brown_bgbox ul li.etc {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 4em;
}
/* 流れ */
.flow_box p{
	width: 26%;
}
.flow_box p:before {
    height:13px;
	bottom: 16px;
}
 
.flow_box p:after {
    border:solid 14px transparent;
    border-left:solid 14px #d7d7d7;
    right: -50px;
	bottom: 9px;
}
.flow_box p > span{
	line-height: 1.8;
}
}
@media screen and (max-width:480px) {
/* デメリット スマホ微調整*/	
.taiken_box03 > .fukidashi {
	width: 78%;
}

.hikaku_box.sp-col1 {
	display: block;
}
.hikaku_box.sp-col1 > dl {
	width: 95%;
	margin: 0 auto;
}
}
/*------------------------
下層サイドバー
-----------------------*/

/*------------------------
フォームスマホの調整
-----------------------*/
@media screen and (max-width:768px) {
.form {
    padding: 10px;
}
.form_list > * {
    width: 100%;
}
.form_list >.form_item_label {
    width: 100%;
    padding: 0;
}
.form_list > .form_item_form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.form_list > .form_item_form.column {
		-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;	
}
.form_list > .form_item_form.column span.rote {
	transform: rotate( 90deg);
    width: 15px;
    height: 15px;
    display: inline-block;
    margin: 5px auto;
    font-size: 15px;
	}
}
@media screen and (max-width:768px) {
.comparison-table table th.sp-th {
    background: #9fcbc0;
    border: none;
    color: #fff;
    box-shadow: 0 2px 5px rgb(100 100 100 / 10%);
    padding: 0.4em 0.5em;
    line-height: 1.5;
    border-radius: 5px;
}
.comparison-table table.sp-col01 th, .comparison-table table.sp-col01 td {
	display: block;
    width: 100%!important;
}
.comparison-table table.table_col3 th.mar_b,
.comparison-table table td {
	margin-bottom: 0.5em!important;
}
.form_list input[type="text"], .form_list input[type="email"], .form_list input[type="tel"] {
   width: 100%;
	    height: 30px;
    border: #ffdeaa 1px solid;
}
	/*
.form_radio1 label {
	margin: 0 0 0 3rem;
}
.form_radio1 input:before {
    top: 0.3em;
    left: -1.4em;
    width: 0.9em;
    height: 0.9em;
}
.form_radio1 input:after {
	top: 0.13em;
	left: -1.7em;
	width: 1.25em;
	height: 1.25em;
}
	*/
.form_btn.btn_type_B {
	width: 90%;
}
}

@media screen and (max-width:768px) {
.flex.zoom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}	
}
/*=========================
 GWのお知らせ
=======================*/
@media screen and (max-width:768px) {
.info_gw .title{
    font-size: 18px;
    padding: 0 50px;
}
.info_gw .title span:after{
	height: 77px;
    width: 65px;
    bottom: -11px;
    right: -78px;
	background-size: contain;
}
.info_gw .info_gw_inner {
    padding: 3rem 3rem;
}
.info_gw .or{
	font-size: 16px;
}
.info_gw .info_gw_inner h3 {
    font-size: 15px;
}
/*LP*/	
.cv {
    width: 100%;
    margin: 0 0 0 -50%;
	    padding: 5px;
}
.footer {
    padding: 20px 0 30vw;
    text-align: center;
}
}
/*=========================
 タブレットサイズの微調整
=======================*/
@media screen and (max-width:780px) and (min-width:481px) {
header{
	height: 100px;	
	}
.page_container {
	margin: 110px 0 0;
}
.main_img {
    margin: 100px 0 0;
}
/*タイトルキャラの調整max-780px-481*/
	.page_title {
height: 115px;
    margin: 115px 0 0;
}
.page_title p{
	width: 100%;
	font-size: 2.5rem;
	}
.page_title p:after {
    content: "";
    height: 63px;
    width: 87px;
    bottom: 0;
    top: auto;
    right: 0px;
    position: absolute;
}
.page_title p.normal:after {
    content:"";
	background:url(img/page_title_chara_normal.png);
    background-size: cover;
}
.page_title p.surprise:after {
	content: "";
    background: url(img/page_title_chara_surprise.png);
    background-size: cover;
}
.page_title p.aikinmaru:after {
	content: "";
    background: url(img/page_title_chara_aikinmaru.png);
    background-size: cover;
}
.page_title p.legend:after {
	content: "";
    background: url(img/page_title_chara_legend.png);
    background-size: cover;
}
.page_title p.daijiten:after {
background: url(img/page_title_chara_daijiten.png);
    content: "";
    height: 47.5px;
    width: 65px;
    background-size: cover;
    bottom: 0;
    top: auto;
    right: 0px;
    position: absolute;
}

	}