@charset "utf-8";

/*=======================================================================

 Smartphone(smartphone.css)
 
========================================================================*/

@media screen and (max-width: 960px) {

html {
  overflow-y: scroll;
}
	
/*----------------------------------------------------------------------
 Common
----------------------------------------------------------------------*/
	body {
		font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Arial, "メイリオ", Meiryo, sans-serif;
		font-weight: normal;
		font-size: 16px;
		line-height: 1.5;
	}
	a {
		-webkit-tap-highlight-color: rgba(0,0,0,0);
	}
	img {
		max-width: 100%;
		height: auto;
	}
	.slicknav_menu {
		display: block;
	}

  .pc_only,
  .sp_only {
    display: none;
  }
  .tb_sp_only,
  .tb_only {
    display: inherit;
  }

/*----------------------------------------------------------------------
 Header
----------------------------------------------------------------------*/
	#header {
		display: none;
	}

/*----------------------------------------------------------------------
 Navi
----------------------------------------------------------------------*/
	#menu,
  #navi {
		display: none;
	}
	.slicknav_menu {
		display: block;
	}

  #menu {
    width: 100%;
    margin: 0;
  }
  
	#mobile-menu {
		display: block;
		position: fixed;
		top: 0;
		width: 100%;
		background: rgba(0,0,0,.5);
		z-index: 999;
	}
  #mobile-menu .site-name {
    display: inherit;
    font-size: 0;
    position: absolute;
    top: 4px;
    left: 8px;
  }
  #mobile-menu .site-name img {
    width: 200px;
  }
  .menu_var_scroll {
    height: 100%;
    overflow: auto;
  }

	/* menuの文字表示 */
  .slicknav_menu .slicknav_menutxt {
		display: block;
    text-shadow: none !important;
    float: right !important;
    margin: -2px 20px 0 0 !important;
  }
	.slicknav_menu .slicknav_icon {
		margin: 0 !important;
	}
	
	/* 三本線を×にアニメーション */
	.menu-trigger, .menu-trigger span.slicknav_icon-bar2 {
		display: inline-block;
		/*transition: all .2s;*/
		box-sizing: border-box;
	}
	.menu-trigger {
		position: relative;
		width: 30px;
		height: 45px;
		cursor: pointer;
	}
	.menu-trigger span.slicknav_icon-bar2 {
		position: absolute;
		left: 0;
		width: 100%;
		height: 3px;
		background-color: #c85593;
		border-radius: 2px;
	}
	.menu-trigger span.slicknav_icon-bar2:nth-of-type(1) {
		top: 12px;
	}
	.menu-trigger span.slicknav_icon-bar2:nth-of-type(2) {
		top: 21px;
	}
	.menu-trigger span.slicknav_icon-bar2:nth-of-type(3) {
		bottom: 12px;
	}
	.menu-trigger.active span.slicknav_icon-bar2:nth-of-type(1) {
		-webkit-transform: translateY(9px) rotate(-45deg);
		transform: translateY(9px) rotate(-45deg);
	}
	.menu-trigger.active span.slicknav_icon-bar2:nth-of-type(2) {
		opacity: 0;
	}
	.menu-trigger.active span.slicknav_icon-bar2:nth-of-type(3) {
		-webkit-transform: translateY(-9px) rotate(45deg);
		transform: translateY(-9px) rotate(45deg);
	}

/*----------------------------------------------------------------------
 Navi (slicknav)
----------------------------------------------------------------------*/
	.slicknav_btn {
		margin: 2px 15px;
		background: none;
	}
	.slicknav_menu {
		padding: 0;
		font-size: 24px;
	}
	.slicknav_nav {
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 16px;
		font-weight: 700;
	}
	.slicknav_nav ul, .slicknav_nav .slicknav_row, .slicknav_nav a {
		margin-left: 0;
	}
	.slicknav_nav .slicknav_txtnode {
		margin-left: 0;
	}
	.slicknav_nav li li:last-child {
		padding-bottom: 0;
	}
	.slicknav_nav ul li li a {
		padding: 8px 8px 8px 40px;
	}
	.slicknav_nav ul li li li a {
		padding-left: 60px;
	}
	.slicknav_nav .slicknav_row, .slicknav_nav a {
		margin: 0;
		padding: 14px 14px 14px 30px;
	}
	.slicknav_nav ul ul .slicknav_row {
		padding: 10px 30px;
	}
	.slicknav_nav .slicknav_row:hover, .slicknav_nav a:hover {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}

	
	
/*----------------------------------------------------------------------
 slicknav color
----------------------------------------------------------------------*/
	.slicknav_menu {
		background: #f7f0e2;
		background: url("../images/header_bg_sp.gif") center top;
		box-shadow: 0 2px 4px rgba(0,0,0,.2);
	}
	.slicknav_nav ul ul {
		background: rgba(255,255,255,0.05);
    border-bottom: 0;
	}
	.slicknav_nav ul {
		border-top: 1px solid rgba(160,130,80,0.2);
	}
	.slicknav_nav li {
		border-bottom: 1px solid rgba(160,130,80,0.2);
		position: relative;
	}
  .slicknav_nav li::before {
		content: '';
		width: 12px;
		height: 12px;
    background: url(../images/icon_arrow_sp.svg) no-repeat;
    background-size: contain;
		position: absolute;
		top: 20px;
		left: 14px;
  }
  .slicknav_nav li li::before {
		content: '';
		width: 10px;
		height: 10px;
		top: 15px;
		left: 26px;
  }
  .slicknav_nav li.about li::before,
  .slicknav_nav li.about::before {
    background: url(../images/icon_arrow_sp03.svg) no-repeat;
  }
  .slicknav_nav li.activity li::before,
  .slicknav_nav li.activity::before {
    background: url(../images/icon_arrow_sp04.svg) no-repeat;
  }
  .slicknav_nav li.gyomu::before {
    background: url(../images/icon_arrow_sp05.svg) no-repeat;
  }
  .slicknav_nav li.qanda::before {
    background: url(../images/icon_arrow_sp06.svg) no-repeat;
  }
  .slicknav_nav li.private::before {
    background: url(../images/icon_arrow_sp07.svg) no-repeat;
  }

  .slicknav_nav li.common::before {
    background: url(../images/icon_arrow_sp02.svg) no-repeat;
  }
	.slicknav_nav li a {
		color: #55493c;
	}
	.slicknav_nav ul li li a {
		background: rgba(160,130,80,0.1);
	}
	.slicknav_nav ul li li, .slicknav_nav ul li li li {
		border-bottom: 1px solid rgba(160,130,80,0.3);
	}
	/*.slicknav_nav .slicknav_row:hover, .slicknav_nav a:hover {
		background: rgba(255,255,255,0.1);
		color: #fff;
	}*/

	.slicknav_nav a:hover {
		background: none;
	}
	
  .slicknav_nav .slicknav_row:hover {
    background: rgba(160,130,80,0.2);
    color: #222;
  }
	
	
  .slicknav_nav li br,
  .slicknav_nav li img {
    display: none;
  }
  .slicknav_nav li li {
    background: none;
  }
	
  /* 下層プルダウンメニュー変更 */
  .slicknav_nav .slicknav_arrow {
		margin-top: -0.2em;
		color: #a58a74;
		font-family: Arial, Helvetica, "sans-serif";
    font-size: 1.4rem;
		font-weight: 400;
    float: right;
  }
	
	
	
	/* privateのみ */
	.private .slicknav_nav a {
		margin: 0;
		padding: 10px 10px 10px 30px;
	}
  .private .slicknav_nav li::before {
		top: 16px;
  }
  .private .slicknav_nav li.private::before {
    background: url(../images/icon_arrow_sp07.svg) no-repeat;
  }
	
	
	
	
	
	
	
	
	.sitesearch {
		padding: 20px;
	}
form.google-top {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: none;
}

form.google-top input.google {
	width: 45px;
	height: 28px;
	vertical-align: middle;
}

form.google-top input.search,
form.google-top input.search2 {
	width: 240px;
	height: 32px;
}

form.google-top input.search {
	background: #fff url("../images/loupe.gif") no-repeat 15px center;
}
	
	
	

/* main
=============================================================================*/
  #main {
    width: 100%;
    min-height: auto;
    padding-top: 50px;
  }
	#main.main_top {
    padding-top: 60px;
	}


/* フッター
=============================================================================*/
  #footer {
    width: 100%;
    padding-bottom: 15px;
  }
  #footerNavi {
    padding: 15px 15px 0;
  }
  #footerNavi li:nth-of-type(5) {
    padding-right: 0;
  }


/* TOPページ
=============================================================================*/
  div.mv {
    min-height: auto;
		margin-bottom: 20px;
  }
	div.mv map {
		display: none;
	}
  div.mv a {
		pointer-events: none;
	}

  ul.menuBanner li {
    width: calc(100% / 3 - 20px);
  }
  ul.menuBanner li img {
    width: 100%;
  }
	
  #topContent {
    width: calc(100% - 215px);
    margin-right: 15px;
  }
  #topBanner {
    width: 170px;
    margin-left: 15px;
    margin-right: 15px;
  }
  ul.menuBanner {
    margin: 10px 0 30px;
  }

  #news, #news_m {
    margin: 10px 0 25px;
  }
  #news h3 {
    width: 100%;
  }
  #news_m h3,
  #topics h3 {
    width: 100%;
  }
  #news ul.top-news {
    margin-right: 0;
    padding: 10px 15px;
  }
  #gyoseisyoshi ul li span.txt,
  #news ul li span.txt,
  #news_m ul li span.txt {
    display: block;
    width: 100%;
    margin-top: 4px;
  }
  #news .backnumber,
  #news_m .backnumber,
  #topics .backnumber {
    right: 0;
  }

  #secondNavi div {
    width: 100%;
  }
  /*ul.footBanner {
    gap: 15px;
    margin: 0 1px 0 40px;
    padding: 20px;
  }
  ul.footBanner li {
    width: calc(100% / 3 - 10px);
  }
  ul.footBanner li img {
    width: 100%;
  }*/
  .footBanner {
    width: calc(100% - 220px);
    margin: 0 20px 0 200px;
  }
  .footBanner ul {
    gap: 15px;
    margin: 0;
    padding: 20px;
  }
  .footBanner ul li {
    width: calc(100% / 3 - 10px);
  }
  .footBanner ul img {
    width: 100%;
  }



	/* 下層ページ共通 */
  #sidebar {
		width: 176px;
		padding: 0 0 10px;
  }
  #content {
    width: calc(100% - 206px);
		padding: 0 15px 30px 15px;
  }
  #content h3 {
    margin: 0 0 15px;
  }
  #content p {
		line-height: 1.6;
  }
	
/* 行政書士について
=============================================================================*/

	/* 執行部・委員会 */
  ol.organization {
    margin: 0 0 0 30px;
  }
	
	/* アクセス */
  div.accessmap {
    width: 100%;
  }
	div.accessmap iframe {
		width: 100%;
	}
  .print {
    display: none;
  }
  #content p.syozai {
    margin: 20px 0 10px;
    padding: 0;
    background: none;
  }
  .traffic {
    width: calc(100% - 10px);
    margin: 20px 0 0;
  }
  .traffic div.floatLeft {
    width: 150px;
    padding: 10px;
  }
  .traffic div.floatRight {
    width: calc(100% - 175px);
  }
  .traffic div.floatRight dl {
    width: calc(100% - 20px);
  }
  .traffic div.floatRight dl.train {
    min-height: 175px;
    padding-top: 20px;
  }
	
  /* 各方面支部 */
  dl.branch {
    margin: 0 0 0 10px;
    background: url("../about/images/shibu_map_sp.gif") no-repeat right top;
  }
	
  /* 会員・役員一覧 */
  table.member {
    width: 94%;
    margin: 10px auto;
  }
	
  /* 会員・役員一覧 */
  #content p.member_txt {
    padding: 0 15px;
  }
	
	
  /* 行政書士会の活動
  =============================================================================*/
	
	/* 無料相談会 */
  table.sodan {
    width: calc(100% - 15px);
  }
	
	
	/* 社会貢献活動 */
  dl.seminar {
    margin-right: 15px;
  }
	
	
	
	
	/* 会員処分事例 */
  table.koki {
    width: 100%;
    margin: 5px 0 0;
  }
  table.koki td {
    padding: 5px;
  }
	
	
	
  /* 行政書士の仕事/業務情報
  =============================================================================*/
  .video iframe {
		width: 100%;
  }
	
	
	
	
	
	
/* お問い合わせ
=============================================================================*/
  table.request {
    width: calc(100% - 25px);
  }

  table.request.adr {
    width: calc(100% - 25px);
  }

  .txterea p {
    margin-right: 15px;
  }

  ul.warn,
  ul.error,
  div.info {
		margin-right: 15px;
  }
	

  .btn {
   -webkit-appearance: none;
   border-radius: 0;
  }
  .btn {
    font-size: 16px;
    border-radius: 100vh;
  }




  /* リンク集
  =============================================================================*/
  ul.link00 {
    padding: 0 0 0 10px;
  }
  ul.link00 li {
    padding: 0 15px 0;
  }
	
	
	
	
	
	
	
  /* サイトポリシー
  =============================================================================*/
  div.policy {
    margin: 10px 0 0;
  }
  ol.policy {
    margin: 5px 15px 0 35px;
  }
	
	
	
	
  /* 登録案内
  =============================================================================*/
  #content p.mark_rhombus {
    margin-left: 0.5em;
  }
  .pdf_list {
		column-gap: 40px;
  }
  .pdf_list li {
    width: auto;
  }
  dl.register_contact {
    width: calc(100% - 70px);
  }
	
	
	
	
	
	
/* 動画配信
=============================================================================*/
div.streaming {
	width: calc(100% - 40px);
	margin: 0 0 10px;
	padding: 20px;
}
div.streaming video {
	width: 100%;
	height: auto;
}
	
	
  /* ログイン
  =============================================================================*/
  div.login table,
  div.login table.new {
    width: calc(100% - 50px);
    margin: 0 0 20px 25px;
  }

  div.login .btn0,
  div.login .btn2,
  div.login .btn4 { 
    top: auto;
    right: 25px;
    bottom: -40px;
  }
	
  #content p.newid {
		padding-top: 30px;
  }
	
	
	
	
	
	
	
	
  /* 会員ページ
  =============================================================================*/


  /* 動画配信
  =============================================================================*/
  .streaming_box {
    margin-left: 0px;
  }
	
	
	
	/* 会員登録 */
	.user {
		right: 90px;
	}
	
  .photo_summary {
    width: calc(100% - 20px);
    margin: 0 10px 15px;
    padding: 20px 0 10px;
  }
  .photo_summary .photo_box {
    width: 230px;
  }	
  .photo_summary .text_box {
    width: calc(100% - 230px);
  }
	
	
	
  #content p.login2 {
    background: url("../sitemap/images/list_other2.gif") no-repeat left 7px;
  }

  /*div.login table.change_mailaddr {
		margin-bottom: 70px;
  }
  div.login .btn3 {
    top: auto;
		right: auto;
    left: 50%;
    bottom: -40px;
    transform: translateX(-50%);
  }*/
	
	
	
	
	
	

}
	
@media screen and (max-width: 767px) {
  .pc_only,
  .tb_only,
  .pc_tb_only {
    display: none;
  }
  .sp_only {
    display: inherit;
  }

/* メイン
=============================================================================*/
  #main {
    padding-bottom: 12px;
  }

  #main h2 {
		width: 100%;
		min-height: 60px;
    margin: 0;
		padding: 20px 100px 0 10px;
		background: url("../images/h2_sp.gif") right bottom -1px no-repeat;
		background-size: contain;
		border-bottom: 1px solid #cbaf86;
		color: #84705f;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-size: 20px;
    font-weight: 900;
  }
  #main h2::before {
		content: attr(data-label);
	}
  #main h2 img {
    display: none;
  }
  #main h2.about {
		background: url("../about/images/h2_about_sp.gif") right bottom -1px no-repeat;
		color: #4b597e;
  }
  #main h2.activity {
		background: url("../activity/images/h2_activity_sp.gif") right bottom -1px no-repeat;
		color: #b8a137;
  }
  #main h2.gyomu {
		background: url("../gyomu/images/h2_gyomu_sp.gif") right bottom -1px no-repeat;
		color: #b6675c;
  }
	#main h2.qanda {
		background: url("../qanda/images/h2_qanda_sp.gif") right bottom -1px no-repeat;
		color: #7c8e4c;
  }
  #main h2.private {
		background: url("../private/images/h2_member_sp.gif") right bottom -1px no-repeat;
		color: #a86a95;
  }
  #main h2.private img {
    display: inherit;
  }
	
  #main h2.private {
    margin-bottom: 10vw;
		position: relative;
  }
  #main h2.private a:nth-of-type(1) {
    position: absolute;
		bottom: -10vw;
		left: 20px;
  }
  #main h2.private a:nth-of-type(2) {
    position: absolute;
		bottom: -10vw;
		right: 20px;
  }
  #main h2.private a img {
    width: calc(100vw / 2 - 30px);
		height: auto;
  }


/* フッター
=============================================================================*/
  #secondNavi {
    height: auto;
    background: none;
  }
  #secondNavi ul {
    display: none;
  }
  #footer {
    width: 100%;
    padding: 0;
  }
  #footerNavi {
    display: inherit;
    column-gap: 0;
    padding: 15px 0 0;
  }
  #footerNavi p {
    display: none;
    margin: 0;
  }
  #footerNavi div {
    width: 100%;
  }
  #footerNavi ul {
		display: none;
  }
  #footerNavi .footerNavi_sp {
    display: -webkit-box;
    display: flex;
   -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    border-top: 1px solid #e4dcc6;
  }
  #footerNavi .footerNavi_sp li {
    width: 50%;
  }
  #footerNavi .footerNavi_sp li a {
    display: block;
    padding: 10px 10px 10px 30px;
    border-bottom: 1px solid #e4dcc6;
		color: #333;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 13px;
		font-weight: 700;
		position: relative;
  }
  #footerNavi .footerNavi_sp li:nth-last-of-type(-n+2) a {
    border-bottom: 0;
  }
  #footerNavi .footerNavi_sp li:nth-of-type(odd) a {
    border-right: 1px solid #e4dcc6;
  }
  #footerNavi .footerNavi_sp li a::before {
		content: '';
		width: 12px;
		height: 12px;
    background: url(../images/icon_arrow_sp.svg) no-repeat;
    background-size: contain;
		position: absolute;
		top: 50%;
		left: 14px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }
  #footerNavi .footerNavi_sp li:nth-of-type(1) a::before {
    background: url(../images/icon_arrow_sp03.svg) no-repeat;
  }
  #footerNavi .footerNavi_sp li:nth-of-type(2) a::before {
    background: url(../images/icon_arrow_sp04.svg) no-repeat;
  }
  #footerNavi .footerNavi_sp li:nth-of-type(3) a::before {
    background: url(../images/icon_arrow_sp05.svg) no-repeat;
  }
  #footerNavi .footerNavi_sp li:nth-of-type(4) a::before {
    background: url(../images/icon_arrow_sp06.svg) no-repeat;
  }
  #footerNavi .footerNavi_sp li:nth-of-type(5) a::before {
    background: url(../images/icon_arrow_sp07.svg) no-repeat;
  }
	#footerNavi .footerNavi_sp li:nth-of-type(6) a::before,
	#footerNavi .footerNavi_sp li:nth-of-type(7) a::before,
  #footerNavi .footerNavi_sp li:nth-of-type(8) a::before {
    background: url(../images/icon_arrow_sp02.svg) no-repeat;
  }
  #footerNavi .footerNavi_sp li:nth-last-of-type(-n+2) a::before {
    background: url(../images/icon_arrow_sp.svg) no-repeat;
  }

  .copyright {
    margin: 0;
    padding: 15px 0;
    background: rgba(90,60,50,.2);
		font-size: 12px;
    text-align: center;
  }
  .copyright span {
    padding: 0;
    background: none;
  }


/* TOPページ
=============================================================================*/
  div.mv {
    display: none;
  }
  .mv_sp {
    display: inherit;
    margin-bottom: 20px;
  }

  .pickup {
    margin-bottom: 15px;
  }
  .pickup img {
    width: 100%;
  }
  ul.menuBanner {
    gap: 10px;
    margin: 0px 0 30px;
  }
  ul.menuBanner li {
    width: calc(100% / 2 - 5px);
  }
	#news, #news_m {
		margin: 0 0 25px;
	}
  /*ul.footBanner {
    gap: 10px;
    margin: 0 0 30px;
    padding: 20px;
  }
  ul.footBanner li {
    width: calc(100% / 2 - 7px);
  }*/
  .footBanner {
    width: calc(100% - 0px);
    margin: 15px 0 0;
		order: 3;
  }
  .footBanner ul {
    gap: 10px;
    padding: 20px;
  }
  .footBanner ul li {
    width: calc(100% / 2 - 5px);
  }

  #topContent {
    width: calc(100% - 30px);
    margin: 0 15px;
    order: 1;
  }
  #topBanner {
    width: 100%;
    margin: 0;
    order: 2;
  }
  #topBanner ul {
    display: -webkit-box;
    display: flex;
   -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    gap: 10px;
    width: calc(100% - 30px);
    margin: 0 15px;
  }
  #topBanner ul li:nth-of-type(1) {
    width: 100%;
  }
  #topBanner ul li {
    width: calc(100% / 2 - 5px);
		padding: 0;
  }
  #topBanner ul li img {
    width: 100%;
  }

  #topBanner .access {
    display: -webkit-box;
    display: flex;
   -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    column-gap: 20px;
    margin: 20px 0 0;
    padding: 20px;
    background: rgba(90,60,50,.06);
  }
  #topBanner .access div:nth-of-type(1) {
    width: calc(100% - 176px);
    /*width: 100%;*/
    margin: auto;
  }
  #topBanner .access div:nth-of-type(2) {
    width: 156px;
    margin: auto;
  }

  #topBanner .access p.ttl {
    text-align: center;
  }
  #topBanner .access p.add {
    padding: 5px 0 0;
  }

  ul.menuBanner {
    -webkit-box-pack: start;
    justify-content: flex-start;
  }
	

/* サイドナビ（左）
=============================================================================*/
  #sidebar {
    width: 100%;
    padding: 0;
    background: none;
    order: 2;
  }
	

	#sidebar .sideNavi {
		margin-bottom: 20px;
	}
	#sidebar .sideNavi.private {
		margin-bottom: 0;
	}
	#sidebar .sideNavi {
		border-top: 1px solid #e4dcc6;
	}
	#sidebar .sideNavi li a {
		padding: 10px 40px 10px 20px;
		border-bottom: 1px solid #e4dcc6;
		font-size: 15px !important;
	}
	#sidebar .sideNavi li.active a {
		background: rgba(160,130,80,0.08);
	}
	#sidebar .sideNavi li a::before {
		content: none;
	}
	#sidebar .sideNavi li a::after {
		content: '';
		width: 6px;
		height: 6px;
		border: 0px;
		border-top: solid 1px #927d6d;
		border-right: solid 1px #927d6d;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		right: 20px;
		margin-top: -4px;
	}
	#sidebar .sideNavi.about li a::after {
		border-color: #606b87;
	}
	#sidebar .sideNavi.activity li a::after {
		border-color: #b8a137;
	}
	#sidebar .sideNavi.gyomu li a::after {
		border-color: #b6675c;
	}
	#sidebar .sideNavi.faq li a::after {
		border-color: #96ac5c;
	}
	#sidebar .sideNavi.private li a::after {
		border-color: #a86a95;
	}
	#sidebar .sideNavi.gyomu,
	#sidebar .sideNavi.faq {
		display: none;
	}

  #sidebar ul.banner {
    display: -webkit-box;
    display: flex;
   -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    gap: 10px;
		margin-left: 2rem;
		margin-right: 2rem;
  }
  #sidebar ul.banner li {
    width: calc(100% / 2 - 5px);
		padding: 0;
  }
  #sidebar ul.banner li img {
    width: 100%;
  }

  #sidebar .access {
    display: -webkit-box;
    display: flex;
   -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    column-gap: 20px;
    margin: 20px 0 0;
    padding: 20px;
    background: rgba(90,60,50,.06);
  }
  #sidebar .access p.add {
    padding: 5px 5px 10px;
  }
  #sidebar .access p.map {
    padding: 0;
    background: none;
  }
	
	
/* コンテンツ（右）
=============================================================================*/
  #content {
    width: calc(100% - 2rem);
    padding: 0 1rem 2rem;
    line-height: 1.6;
    order: 1;
  }
  #content p {
    margin-bottom: 15px;
    padding: 0;
    line-height: 1.6;
  }

  #content h3 {
		padding: 0 0 8px;
		background: url("../images/h3_bg_sp.gif") left bottom no-repeat;
		background-size: contain;
    font-size: 18px;
  }
  #content h3::before {
		content: attr(data-label);
	}
  #content h3 img {
    display: none;
  }
	
  #content h3.article {
		margin-right: 0;
    padding: 0 0 10px;
  }
	
	/* support */
  #content h3.support {
    margin: 0 0 15px;
		padding-bottom: 0;
		background: none;
  }
  #content h3.support::before {
		content: none;
	}
  #content h3.support img {
    display: inherit;
  }

	#content h4.articleTop,
  #content h4.article {
    margin: 10px 0 15px;
    padding: 0 5px 10px;
  }
	
/* パンくずリスト
=============================================================================*/
  ul#topicPath {
    padding: 10px 0 5px;
  }
  ul#topicPath li:nth-last-of-type(1) {
    display: none;
  }
	
	
	
	
  /* お知らせ一覧/トピックス一覧
  =============================================================================*/
  dl.newsList {
		height: 500px;
    margin: 0;
		overflow-y: scroll;
  }
  dl.newsList dt {
    padding: 0;
  }
  dl.newsList dd {
    padding: 0 0 7px 8px; 
    background: url("../images/arrow.gif") no-repeat left 8px;
  }
  div.article {
    margin: 0 0 15px;
  }
  ul.item {
    margin: 0 0 0 4px;
  }
  ul.item li {
    background: url("../images/arrow.gif") no-repeat left 8px;
  }
  #content p.back {
    margin: 15px 0 0;
    padding: 10px 10px 0;
    font-size: 16px;
  }


  /* 行政書士について
  =============================================================================*/

	/* 会長あいさつ */
	.chairman {
		padding: 0 0 15px 15px;
	}
	.chairman img {
		width: 150px;
	}
	
	/* 執行部・委員会 */
  ol.organization {
    margin: 0 0 0 20px;
		background-position: center 240px;
  }
	
	/* アクセス */
  .traffic {
    width: calc(100% - 10px);
    margin: 20px 0 0;
  }
  .traffic div.floatLeft {
    float: none;
    width: calc(100% - 20px);
    text-align: center;
  }
  .traffic div.floatRight {
    float: none;
    width: 100%;
  }
  .traffic div.floatRight dl {
    width: calc(100% - 20px);
  }
  .traffic div.floatRight dl.train {
    min-height: auto;
    padding-top: 10px;
  }
  .traffic div.floatRight dl.train dt {
    margin-bottom: 10px;
    text-align: center;
  }
  .traffic div.floatRight dl.train dd {
    margin: 5px 10px 0;
  }

  /* 各方面支部 */
  dl.branch {
    margin: 0;
		padding-bottom: 370px;
		background: url("../about/images/shibu_map.gif") no-repeat center 670px;
		background-size: 100%;
  }
  dl.branch dt {
    width: 90%;
  }
  dl.branch dd {
    width: calc(100% - 15px);
    margin: 0 0 20px 15px;
  }

  /* 会員・役員一覧 */
  table.member {
    width: 100%;
    margin: 10px 0;
		font-size: 14px;
  }
	
  /* 会員・役員一覧 */
  #content p.member_txt {
		margin: 0;
    padding: 0;
  }
	
	

	
	
	
	
	
	
/* 行政書士会の活動
=============================================================================*/
	 /* 無料相談会 */
  #content dl.chuui {
    margin-left: 5px;
  }
  #content .banner_sodankai {
    margin-left: 0;
  }
  #content p.henko {
		padding-left: 1em;
  }
  div.henko {
		margin-left: 0;
  }
  table.sodan {
    width: 100%;
		margin-left: 0;
		margin-bottom: 0;
  }
  table.sodan th,
  table.sodan td {
    padding: 5px;
    white-space: normal !important;
		line-height: 1.2;
  }
  table.sodan th:nth-of-type(1) {
		width: 80px;
  }
	
	
	
	
	
	/* 会報 */
  ul.kaiho {
    display: -webkit-box;
    display: flex;
   -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
		gap: 22px 18px;
    padding: 5px 10px;
  }
  ul.kaiho2 {
    padding: 5px 10px;
  }

  ul.kaiho li {
    padding: 0;
  }
	
  .private ul.kaiho {
		gap: 22px 18px;
    padding: 5px;
  }
  .private ul.kaiho2 {
    display: -webkit-box;
    display: flex;
   -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
		gap: 22px 16px;
    padding: 5px;
  }
  .private ul.kaiho2 li {
    padding: 0;
  }
	

	/* 社会貢献活動 */
  dl.seminar {
    margin: 0 0 10px;
  }



  /* 行政書士の仕事/業務情報
  =============================================================================*/
  .linkBanner ul {
		-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .linkBanner ul li {
    width: calc(100% - 2rem);
    margin: 10px 2rem;
  }
  #content .linkBanner p {
    margin-bottom: 5px;
  }
  #content .linkBanner img {
    width: 100%;
  }
  #content .linkBanner ul li span img {
    width: auto;
		margin: 0;
		vertical-align: middle;
  }
  .video iframe {
    height: 220px;
  }
  .accordion {
    margin: 0 0 10px;
  }
.accordion .question_box a {
  padding: 5px 32px 10px 5px;
}
.accordion .question_box a:after,
.accordion .question_box a.active:after {
  right: 5px;
}
.accordion .answer_box {
  margin: 0 15px 15px;
}
.accordion blockquote {
	margin-right: 0;
}
.accordion ul li {
	margin-right: 20px !important;
}
	
	
	
  /* 行政書士業務Q&A
  =============================================================================*/
  .linkBanner.faq ul {
    margin-bottom: 20px;
  }
  .linkBanner.faq ul li {
    width: 100%;
  }
  .searchbanner {
    margin-bottom: 30px;
  }
	
	
	
	
/* お問い合わせ
=============================================================================*/
  table.request,
  table.request.adr {
    width: 100%;
		margin-left: 0;
		margin-right: 0;
  }
  table.request th,
  table.request.adr th,
  table.request td,
  table.request.adr td {
    display: block;
    width: calc(100% - 20px);
  }
	table.request th {
		border-bottom: 0;
	}

  input[type="email"],
  input[type="password"],
  input[type="text"],
  textarea {
    font-size: 16px;
    padding: 8px;
  }

  textarea.request,
	input.sp_w100,
	input.request,
  textarea.request {
    width: calc(100% - 18px);
  }
	input#address {
		margin-top: 10px;
	}

  .txterea p {
    margin-right: 0;
  }

  ul.warn,
  ul.error,
  div.info {
		margin-left: 0;
		margin-right: 0;
  }

  div.request {
    margin: 0;
  }
  .contact_adr {
    margin-left: 0;
  }

  #content .thanks {
    margin: 10px 0 0;
  }
  #content .thanks02 {
    margin: 0;
  }
	
	
  /* 京都外国人の夫婦と親子に関する紛争解決センター
  =============================================================================*/
  #content .row {
    padding-left: 0;
    padding-right: 0;
  }
  .support_use li {
    background: url("../images/icon_donut.gif") no-repeat left 4px;
  }
  .support_use li dl dt,
  .support_use li dl dd {
    width: 100%;
  }

  .support_list div {
    width: calc(50% - 35px);
    padding: 15px;
  }

  .leaflet_box .leaflet_item:nth-of-type(1),
  .leaflet_box .leaflet_item:nth-of-type(2) {
    width: 100%;
  }
  .leaflet_box .leaflet_item:nth-of-type(1) {
    margin-bottom: 15px;
  }
  .leaflet_box .leaflet_item:nth-of-type(1) img {
    vertical-align: middle;
  }

	#content h4.support:nth-of-type(1) {
		margin-top: 0;
	}


	
	
	
	
	
	
	
	
	
  /* リンク集
  =============================================================================*/
  ul.link00 {
    padding-left: 10px;
  }
  ul.link00 li {
    padding: 0 0 0 15px;
  }
  ul.link00 li {
    width: calc(50% - 15px);
  }
  ul.link03 {
    padding-left: 10px;
  }
  ul.link03 li {
    padding: 0 0 0 15px;
  }
  ul.link03 li {
    width: calc(100% / 3 - 15px);
  }
  ul.link01,
  ul.link02,
  ul.link03,
  ul.link04 {
    padding-left: 10px;
  }
  ul.link01 li,
  ul.link02 li,
  ul.link04 li {
    padding: 0 0 0 15px;
  }
  ul.link01 li,
  ul.link02 li,
  ul.link04 li {
    width: calc(100% - 15px);
  }
	
	
  /* サイトマップ
  =============================================================================*/
  ul.sitemapAbout,
  ul.sitemapJobs,
  ul.sitemapActivity,
  ul.sitemapQanda,
  ul.sitemapMember,
  ul.sitemapLink,
  ul.sitemapOther {
		padding-left: 10px;
  }
  ul.sitemapAbout li,
  ul.sitemapJobs li,
  ul.sitemapActivity li,
  ul.sitemapMember li,
  ul.sitemapLink li,
  ul.sitemapOther li {
    width: calc(50% - 15px);
		padding-right: 0;
		white-space: inherit;
  }
	ul.sitemapOther li:nth-of-type(5),
  ul.sitemapJobs li:nth-of-type(2),
  ul.sitemapActivity li.kaiho,
  ul.sitemapMember li {
    width: calc(100% - 15px);
  }
  ul.sitemapQanda li {
    width: calc(50% - 15px);
		padding-right: 0;
		white-space: inherit;
  }
	
	
	
  /* サイトポリシー
  =============================================================================*/
  div.policy {
    margin: 10px 0 0;
  }
  ol.policy {
    margin: 5px 0 0 18px;
  }
	
  /* 推奨環境
  =============================================================================*/
  dl.env {
    margin: 0;
  }
  dl.env dd {
		margin-left: 14px;
  }
  table.env {
    width: 100%;
		margin-left: 0;
  }
  table.env th {
    padding: 10px;
  }
  table.env td {
    padding: 10px;
  }
  table.env th,
  table.env td {
   display: block;
   width: 100%;
  }
	
	
	
	
	
	
	
  /* 研修会
  =============================================================================*/
  table.training {
    width: 100%;
    margin: 0 0 20px;
  }
	
  table.training.training_sp th,
  table.training.training_sp td {
		display: block;
		width: calc(100% - 20px);
  }
  .training_chuui {
    margin: 0 0 20px;
  }
	
	
  /* 登録案内
  =============================================================================*/
  #content p.mark_rhombus {
    margin-left: 1em;
  }
  #content p.mark_rhombus.mark_rhombus02 {
		margin-bottom: 0;
  }
  .pdf_list {
   -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
	.pdf_list li {
		width: 100%;
		margin-bottom: 5px;
	}
	
  dl.register_contact {
    width: calc(100% - 50px);
    margin: 0 10px 20px;
  }
  dl.register_contact dd {
    padding-left: 0;
  }
	
	
	
	
	
	
	
  /* ログイン
  =============================================================================*/
  /*div.login {
		margin-bottom: 40px;
  }*/
  div.login table,
	div.login table.new {
    width: 100%;
    margin: 0 0 20px;
  }
	div.login table td input,
	div.login table.new td input {
		width: calc(100% - 18px);
	}
  /* div.login table input[type="text"] {
    padding: 0;
  } */

  div.login .btn0,
  div.login .btn2,
  div.login .btn4 {
    right: 5px;
  }
	
  dl.login {
    margin: 0;
    padding: 10px;
    width: auto;
  }
  #content p.newid {
		padding: 20px 0;
  }
	#content p.forgot,
	#content p.noid {
		margin: 0;
	}
  #content p.noid02 {
    margin: 8px 5px 0;
    padding: 0;
  }
	
	
  div.send {
    width: auto;
    margin: -12px 0 0;
    padding: 10px 10px 5px;
  }
  div.btn {
    width: 100%;
    margin: 15px 0 0;
  }
  div.login table.number {
    margin: 0 0 15px;
  }
  div.zero {
    margin: 0;
  }
	
  dl.nomail {
    margin: 0 0 20px;
    padding: 10px;
  }
  dl.nomail dt {
    margin: 0 0 7px;
    padding: 0 0 0 23px;
    background: url("../auth/images/icon_noid.gif") no-repeat left 5px;
  }
  #content p.login {
    margin: 15px 0;
    padding: 0 0 0 13px;
    background: url("../sitemap/images/list_other2.gif") no-repeat left 7px;
  }
  .remind_add {
    margin: 0;
  }
  .remind_add input[type="text"] {
    width: calc(100% - 1rem);
		margin-bottom: 10px;
  }
	.remind_add div {
		display: block;
		text-align: center;
	}
	
  #content div.login p {
    margin: 15px 0 6px;
    background: url("../sitemap/images/list_other2.gif") no-repeat left 7px;
  }
  #content div.login p.number {
    margin: 15px 0;
  }
	
  #content div.login p.newid {
    margin: 0 0 10px;
		padding: 0;
  }
	

	
	
  /* 会員ページ
  =============================================================================*/
  dl.update {
    margin: 10px 0 30px;
	}
  dl.update dt {
    padding: 0 0 0 10px;
    background: url("../images/arrow.gif") no-repeat 2px 9px;
  }
  dl.update dd {
    margin: 0 0 5px;
    padding: 0 10px 5px;
  }

	

  /* お知らせ
  =============================================================================*/
  .pagination-top div {
    padding: 5px 5px 10px;
    margin: 0 0 20px;
  }
  dl.news {
    margin: 10px 0;
  }
  dl.news dt {
    padding: 0 0 0 10px;
    background: url("../images/arrow.gif") no-repeat 2px 9px;
  }
  dl.news dd {
    margin: 0 0 5px;
    padding: 0 5px 5px;
  }
  .pagination-bottom div {
    margin: 0;
		padding: 5px 5px 0;
  }
	
	
  /* 研修会
  =============================================================================*/
  ul.news-workshop {
    margin: 0 0 15px;
  }
  ul.news-workshop li {
    margin: 10px 0 0;
    padding: 0 0 10px 15px;
    background: url(../sitemap/images/list_other.gif) no-repeat 0 6px;
  }
	
  div.workshop {
    margin: 15px 0 0;
  }
  #content p.workshop {
    margin-bottom: 0;
    padding: 10px 0 3px 0;
  }
  table.workshop {
    width: 100%;
    margin: 0 0 20px;
  }
  table.workshop th {
    width: auto;
    white-space: inherit;
  }
  table.workshop th,
  table.workshop td {
    display: block;
  }
table.workshop .etsuran {
	display: block;
	text-align: center;
}
	
	

	.workshops-online-info.workshops-online-info-before,
	.workshops-online-info.workshops-online-info-after {
    width: auto;
    padding: 20px 10px;
  }
	
	
  .txt_sanka {
    margin: 0;
    font-size: 18px;
  }

	table.request.linePink th {
    display: block;
    width: calc(100% - 20px);
  }

	
	
	
	
	
	
	
	
	
	
	
  /* スケジュール
  =============================================================================*/
  .table-responsive {
      overflow-x: scroll;
  }
  .table-responsive::-webkit-scrollbar {
	  height: 5px;
  }
  .table-responsive::-webkit-scrollbar-track {
	  border-radius: 5px;
	  background: #eee;
  }
  .table-responsive::-webkit-scrollbar-thumb {
	  border-radius: 5px;
	  background: #666;
  }
  #content .table-responsive.with-upper-scrollbar-wrapper {
		display: block;
  }

  table.schedules {
    width: 600px;
    margin: 10px 0 20px;
  }
	
	
	
  /* 会則・規則・様式集
  =============================================================================*/
  div.material {
    margin: 0;
  }

  #content .invoice ul {
    margin: 0 0 0 18px;
  }

  #content h5.news-nichigyoren {
		margin-left: 0;
		margin-right: 0;
  }
  #content .tetsuduki_box {
    margin: 0;
    padding: 15px 15px 0;
  }
	
  #content .yukoukigen {
    margin-left: 0;
  }

  #content .document h5 {
		padding-left: 0;
		padding-right: 0;
  }
  #content .document li {
		padding-left: 17px;
		background: url("../images/arrow2.gif") no-repeat 10px 10px;
  }
  #content .document .material_inner {
    padding: 0 0 0 10px;
  }
  #content .document p.sub_ttl {
    background: url("../images/arrow2.gif") no-repeat left 10px;
  }
	
	
	
	
  /* BBS・掲示板
  =============================================================================*/
  ul.note {
    margin: 0;
  }
  ul.note li {
    background: url("../sitemap/images/list_member.gif") no-repeat left 6px;
  }

  table.bbs_bg {
    width: 100%;
    margin: 0 0 15px;
  }
	/* table.bbs_bg input[type="text"] {
		padding: 0;
	} */

  input.toko,
  div.pagination {
    margin-left: 0;
  }
  div.bbs {
    margin: 5px 0 20px;
  }
	
	input.thread {
		position: inherit;
		top: inherit;
		right: inherit;
		text-align: right;
		vertical-align: middle;
	}

  div.bbs dl.column dt {
		padding: 5px 10px;
    font-size: 16px;
  }
  div.bbs dl.column dd {
    padding: 5px 10px;
  }
  div.bbs dl.column dd.body {
    margin: 0;
  }

  table.bbs02 th {
    padding: 5px;
  }
  th.message {
    padding: 5px !important;
  }

	
  div.bbs dl.reply dt {
    margin: 0 10px;
    padding-left: 10px;
		background: url("../images/arrow2.gif") no-repeat 5px 14px;
  }
  div.bbs dl.reply dd {
    padding: 0 20px 5px;
  }

  div.bbs span.name {
    white-space: inherit;
  }
	
	
	
	
	
	
	
	
  /* 動画配信
  =============================================================================*/
  .streaming_box .streaming_item {
    width: calc(100% - 20px);
    margin: 40px auto 10px;
    padding: 10px;
  }
	.streaming_box .streaming_item iframe,
	.streaming_box .streaming_item video {
		width: 100%;
		height: auto;
		aspect-ratio: 16 / 9;
	}


  /* 電子証明書の取得方法
  =============================================================================*/
  .digital_certificate {
		width: calc(100% - 6px);
    padding: 10px 0 0;
  }
  .digital_certificate a img,
  .digital_certificate a:hover img {
    margin: 0 0 5px;
    border: 3px solid #c6ac81;
  }
	
	
	
	
	
	
  /* 業務用データベース
  =============================================================================*/
	#content h4.data {
    margin: 8px 0 5px;
  }
  ul.data_list {
    margin: 0;
  }
  ul.data_list li {
    background: url("../images/arrow.gif") no-repeat left 8px;
  }
	
  ul.ul-but02 {
    width: auto;
    margin: 0;
  }
  .no-contents {
    margin: 20px 0 0;
  }


  /* 会員登録
  =============================================================================*/
	
  .user {
    padding: 10px;
    top: 8px;
    right: 10px;
    background: rgb(255, 255, 255, .8);
  }
  .user_bg {
    display: none;
  }
  #main h2.private .user a {
		display: block;
    position: inherit !important;
  }

  .photo_summary {
    width: calc(100% - 30px);
    margin: 0 0 15px;
    padding: 15px 15px 5px;
  }
  .photo_summary .photo_box {
		float: none;
    width: 230px;
		margin: auto;
  }	
  .photo_summary .text_box {
		float: none;
    width: 100%;
  }
	
	

	
	
	
  table.mypage {
    width: 100%;
    margin: 0 0 15px;
  }
	table.mypage th,
  table.mypage td {
		display: block;
		width: calc(100% - 20px);
    font-size: 14px;
  }

  #content p.back3 {
    margin: 25px 0 0;
    padding: 5px 15px 0;
    background: url("../images/arrow.gif") no-repeat 5px 13px;
  }
  #content p.login2 {
    margin: 15px 0;
  }

	
	div.login table.change_mailaddr th {
		display: block;
		width: calc(100% - 20px);
	}
	div.login table.change_mailaddr td {
		display: block;
		width: calc(100% - 30px);
	}
	
	
	
	
}