@charset "UTF-8";
/*
Theme Name:みなみ司法書士事務所　スマホ
Theme URI:
Description:みなみ司法書士事務所　スマホ
Version: 1.0
Author: casleyconsulting.co.jp
*/
/* BODY
---------------------------------------------*/
html {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	color: #545454;
	background: #FFF;
	font-family: Meiryo, 'メイリオ', 'Lucida Grande', Verdana, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 30px;
	line-height: 1.3em;
}

/* sp */
@media screen and (max-width: 480px) {
body {
	font-size: 15px;
}
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-weight: normal;
	font-size: 100%;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #CCC;
	margin: 1em 0;
	padding: 0;
}
ul {
	list-style: none;
	padding: 0;
}
li {
	padding: 0;
	list-style: none;
}
input, select {
	vertical-align: middle;
}
a {
	-webkit-tap-highlight-color: transparent;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
	font-variant: normal;
}
sup, sub {
	vertical-align: baseline;
}
/* legend {
	color: #000;
} */
input, button, textarea, select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}
input, button, textarea, select {
 *font-size: 100%;
}
address {
	font-style: normal;
}
input[type*="button"] {
	cursor: pointer;
}
img {
	border: none;
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
}
img.responsive {
	width: 100%;
	height: auto;
}
.center {
	text-align: center;
}
.bold {
	font-weight: bold;
}
.right {
	text-align: right;
}
/* 全体 共通設定
--------------------------------------------------------*/
html {
	-webkit-text-size-adjust: 100%;
}
div {
	margin: 0 auto;
}
a {
	color: #1E3784;
}
.btns2 ul {
	margin: 0 -0.2em;
}
.btns2 li {
	float: left;
	width: 50%;
	padding: 0 0 0.4em;
}
.btns2 li a {
	display: block;
	margin: 0 0.2em;
}
.btns3 ul {
	margin: 0 -0.15em;
}
.btns3 li {
	float: left;
	width: 33.33%;
	padding: 0 0 0.3em;
}
.btns3 li a, .btns3 li span {
	display: block;
	margin: 0 0.15em;
}
.btns4 ul {
	margin: 0 -0.15em;
}
.btns4 li {
	float: left;
	width: 25%;
	padding: 0 0 0.3em;
}
.btns4 li a {
	display: block;
	margin: 0 0.15em;
}
/* レイアウト
-------------------------- */
#viewport {
	margin: 0 auto;
}
#main, .main {
	margin: 0 0 1em;
}
/* Header
---------------------------------------------*/
header {
	position: relative;
}
header h1 {
	margin: 0 !important;
	padding: 0 !important;
}
header {
	position: relative;
	z-index: 5;
	background: #fff;
}
header .inner {
	max-width: 640px;
	margin: 0 auto;
	position: relative;
}
/* Footer
---------------------------------------------*/
footer {
	background: #043787;
}
footer .footer_nav li a {
	display: block;
	padding: 1em 2em 1em 2.5%;
	border-bottom: 1px solid #FFF;
	background: url(images/side_menu_icon01.png) right center no-repeat !important;
	background-size: 1.1em auto !important;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	font-size: 113.3%;
}
footer .footer_nav li:last-child a {
	border-bottom: none;
}
footer .footer_nav ul ul a {
	padding-left: 3.5%;
}
footer .name {
}
footer .copyright {
	padding: 0.8em 0 2.5em;
	color: #444;
	font-size: 66.7%;
	text-align: center;
	line-height: 1.3em;
	background: #fff;
}
/* Main Contents
---------------------------------------------*/
h2 {
	background: url(images/h2_bg.png) center center no-repeat;
	background-size: cover;
	color: #414231;
	text-shadow: 0em 0em 1em #fff;
	padding: 1em 2.5%;
	margin: 0 -2.5% 0.8em;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.3em;
	text-align: left;
	position: relative;
	clear: both;
}
h2 a {
	color: inherit;
	text-decoration: none !important;
	display: block;
}
h2 a:link, h2 a:visited, h2 a:hover {
	color: inherit;
	text-decoration: none !important;
	display: block;
}
/* opener */
.opener > h2 {
	padding: 0;
	position: relative;
}
.opener > h2:before {
	position: absolute;
	top: 0.1em;
	bottom: 0.1em;
	right: 0.5em;
	z-index: 1;
	display: block;
	width: 3em;
	height: auto;
	overflow: hidden;
	content: '';
	background: url(images/icon_open.png) center center no-repeat;
	background-size: contain;
}
.opener > h2 a {
	padding: 0.6em 4.8em 0.6em 0.6em;
	position: relative;
	z-index: 2;
}
.opener > h2.open > h2:after {
	background-image: url(images/icon_close.png) !important;
}
.opener > h2.close > h2:after {
	background-image: url(images/icon_open.png) !important;
}
h2 .note {
	font-size: 90%;
	line-height: 1.3em;
}
h3 {
	color: #213E8F;
	font-size: 110%;
	font-weight: bold;
	line-height: 1.3em;
	padding: 0;
	margin: 0 0 0.8em;
	clear: both;
	text-align: left;
	position: relative;
}
h3 a {
	color: inherit;
	text-decoration: none !important;
	display: block;
}
h3 a:link, h3 a:visited, h3 a:hover {
	color: inherit;
	text-decoration: none !important;
	display: block;
}
h4 {
	background: #213E8F;
	color: #fff;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.3em;
	padding: .5em .5em .4em;
	margin: 0 0 0.8em;
	clear: both;
	text-align: left;
	position: relative;
}
h5 {
	border-bottom: 0.2em solid #25469A;
	padding: 0 0 .3em 0.5em;
	color: #25469A;
	font-weight: bold;
	margin: 0 0 0.8em;
	clear: both;
	text-align: left;
	position: relative;
}
h6 {
	color: #444;
	font-weight: normal;
	padding: 0.5em 1em 0.4em 1em;
	margin: 0 0 0.8em;
	background: #FFE599;
	text-align: left;
	position: relative;
}
p {
	margin: 0 0 1em;
}
.posts {
	text-align: left;
	background: #fff;
	margin: 0 2.5%;/*    overflow: hidden;*/
}
.posts p {
	margin: 0.4em 0 1em;
}
.posts h2, .posts h3, .posts h4, .posts h5, .posts h6 {
	margin-bottom: 1em;
}
.mlr {
	margin-left: 2.5% !important;
	margin-right: 2.5% !important;
}
/* Top Page
---------------------------------------------*/
/* Main Image */
.bxslider {
	margin: 0px;
}
.bx-wrapper {
	position: relative;
}
.bx-wrapper img {
	width: 100%;
}
.bx-viewport {
	max-height: 450px;
}
.bx-pager {
	display: none;
}
.top01 {
	position: relative;
}
.top01 li a {
	position: absolute;
	display: block;
	top: 5%;
	bottom: 4%;
}
.top01 li:nth-child(1) a {
	left: 0%;
	right: 66.5%;
}
.top01 li:nth-child(2) a {
	left: 33.5%;
	right: 33%;
}
.top01 li:nth-child(3) a {
	left: 67%;
	right: 0%;
}
.top02 {
	position: relative;
}
.top02 li a {
	position: absolute;
	display: block;
	top: 2%;
	bottom: 6%;
}
.top02 li:nth-child(1) a {
	left: 3.5%;
	right: 57%;
}
.top02 li:nth-child(2) a {
	left: 57%;
	right: 3.5%;
}
.latest {
	padding: 1em 2.5% 0;
}
.latest .img {
	padding: 0 0 0;
	float: left;
	width: 40%;
}
.latest .text {
	padding: 0 0 0 0.8em;
	float: left;
	width: 60%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.latest .text .cat {
	padding: 0.3em 0.5em;
	margin: 0 0 0.4em;
	text-align: center;
	background: #BFDFFF;
	color: #1E3784;
	display: inline-block;
}
.latest .text .title {
	padding: 0 0 1em;
}
.latest .text .title a {
	color: #535353;
	text-decoration: none;
}
.latest .text .btn {
	padding: 0 0 0.2em;
	color: #535353;
	text-decoration: none;
	position: relative;
	display: inline-block;
}
.latest .text .btn a {
	padding: 0 0 0.2em 0;
	color: #535353;
	text-decoration: none;
	position: relative;
	display: inline-block;
	margin: 0 1.5em 0 0;
}
.latest .text .btn a:before {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	height: 0.12em;
	bottom: 0;
	background: #1E3784;
}
.latest .text .btn a:after {
	position: absolute;
	content: "";
	right: -1.2em;
	top: 0;
	bottom: 0;
	width: 0.5em;
	height: auto;
	background-image: url(images/latest_icon.png);
	background-repeat: no-repeat;
	-moz-background-size: 100% 100%;
	background-size: 100% auto;
	background-position: left center;
}
/*  パンくず
--------------------------------------------------------*/
.breadcrumb {
	text-align: left;
	background: #F0F0EC;
	padding: 0.2em 2.5%;
	color: #666;
	margin: 0 -2.5%;
}
.breadcrumb a {
	display: inline;
	padding: 0 5px;
	color: #666;
	text-decoration: none !important;
}

/* sp */
@media screen and (max-width: 480px) {
.breadcrumb a {
	padding: 0 2px;
}
}
/*  テーブル
--------------------------------------------------------*/
table, td, th, tr {
	font-size: inherit;
	font: 100%;
}
table.mainstyle {
	margin: 15px 10px 24px;
	border: 1px #b9b9b9 solid;
	border-collapse: collapse;
	border-spacing: 0;
}
table.mainstyle th {
	font-weight: bold;
	padding: 10px;
	border: 1px #b9b9b9 solid;
	background: #FFFFCC;
}
table.mainstyle td {
	padding: 10px;
	border: 1px #b9b9b9 solid;
	background: #fff;
}

/* sp */
@media screen and (max-width: 480px) {
table.mainstyle {
	margin: 7.5px 5px 12px;
}
table.mainstyle th, table.mainstyle td {
	padding: 5px;
}
}
/* clearfix 設定
-------------------------- */
.cl:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.cl {
	min-height: 1px;
	clear: both;
}
* html .cl {
	height: 1px;/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/* 汎用
---------------------------------------------*/
.mb01p {
	margin-bottom: 0.1em !important;
}
.mb02p {
	margin-bottom: 0.2em !important;
}
.mb03p {
	margin-bottom: 0.3em !important;
}
.mb04p {
	margin-bottom: 0.4em !important;
}
.mb05p {
	margin-bottom: 0.5em !important;
}
.mb06p {
	margin-bottom: 0.6em !important;
}
.mb07p {
	margin-bottom: 0.7em !important;
}
.mb08p {
	margin-bottom: 0.8em !important;
}
.mb09p {
	margin-bottom: 0.9em !important;
}
.mb10p {
	margin-bottom: 1.0em !important;
}
.mb11p {
	margin-bottom: 1.1em !important;
}
.mb12p {
	margin-bottom: 1.2em !important;
}
.mb13p {
	margin-bottom: 1.3em !important;
}
.mb14p {
	margin-bottom: 1.4em !important;
}
.mb15p {
	margin-bottom: 1.5em !important;
}
.mb16p {
	margin-bottom: 1.6em !important;
}
.mb17p {
	margin-bottom: 1.7em !important;
}
.mb18p {
	margin-bottom: 1.8em !important;
}
.mb19p {
	margin-bottom: 1.9em !important;
}
.mb20p {
	margin-bottom: 2.0em !important;
}
.mt01p {
	margin-top: 0.1em !important;
}
.mt02p {
	margin-top: 0.2em !important;
}
.mt03p {
	margin-top: 0.3em !important;
}
.mt04p {
	margin-top: 0.4em !important;
}
.mt05p {
	margin-top: 0.5em !important;
}
.mt06p {
	margin-top: 0.6em !important;
}
.mt07p {
	margin-top: 0.7em !important;
}
.mt08p {
	margin-top: 0.8em !important;
}
.mt09p {
	margin-top: 0.9em !important;
}
.mt10p {
	margin-top: 1.0em !important;
}
.mt11p {
	margin-top: 1.1em !important;
}
.mt12p {
	margin-top: 1.2em !important;
}
.mt13p {
	margin-top: 1.3em !important;
}
.mt14p {
	margin-top: 1.4em !important;
}
.mt15p {
	margin-top: 1.5em !important;
}
.mt16p {
	margin-top: 1.6em !important;
}
.mt17p {
	margin-top: 1.7em !important;
}
.mt18p {
	margin-top: 1.8em !important;
}
.mt19p {
	margin-top: 1.9em !important;
}
.mt20p {
	margin-top: 2.0em !important;
}

/* sp */
@media screen and (min-width: 481px) {
.mt5 {
	margin-top: 5px !important;
}
.mt8 {
	margin-top: 8px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt25 {
	margin-top: 25px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt50 {
	margin-top: 50px !important;
}
.mb00 {
	margin-bottom: 0px !important;
}
.mb5 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb25 {
	margin-bottom: 25px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb35 {
	margin-bottom: 35px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb45 {
	margin-bottom: 45px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.mb75 {
	margin-bottom: 75px !important;
}
.mb100 {
	margin-bottom: 100px !important;
}
}

/* sp === 640px で作るため、半分にしておく */
@media screen and (max-width: 480px) {
.mt5 {
	margin-top: 2.5px !important;
}
.mt8 {
	margin-top: 4px !important;
}
.mt10 {
	margin-top: 5px !important;
}
.mt15 {
	margin-top: 7.5px !important;
}
.mt20 {
	margin-top: 10px !important;
}
.mt25 {
	margin-top: 12.5px !important;
}
.mt30 {
	margin-top: 15px !important;
}
.mt40 {
	margin-top: 20px !important;
}
.mt50 {
	margin-top: 25px !important;
}
.mb00 {
	margin-bottom: 0px !important;
}
.mb5 {
	margin-bottom: 2.5px !important;
}
.mb10 {
	margin-bottom: 5px !important;
}
.mb15 {
	margin-bottom: 7.5px !important;
}
.mb20 {
	margin-bottom: 10px !important;
}
.mb25 {
	margin-bottom: 12.5px !important;
}
.mb30 {
	margin-bottom: 15px !important;
}
.mb35 {
	margin-bottom: 17.5px !important;
}
.mb40 {
	margin-bottom: 20px !important;
}
.mb45 {
	margin-bottom: 22.5px !important;
}
.mb50 {
	margin-bottom: 25px !important;
}
.mb75 {
	margin-bottom: 37.5px !important;
}
.mb100 {
	margin-bottom: 50px !important;
}
}

/* sp */
@media screen and (min-width: 481px) {
.mr10 {
	margin-right: 10px !important;
}
.mr20 {
	margin-right: 20px !important;
}
.mr30 {
	margin-right: 30px !important;
}
.mr40 {
	margin-right: 40px !important;
}
.mr50 {
	margin-right: 50px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.ml30 {
	margin-left: 30px !important;
}
.ml40 {
	margin-left: 40px !important;
}
.ml50 {
	margin-left: 50px !important;
}
.mlr10 {
	margin-left: 10px !important;
	margin-right: 10px !important;
}
.mlr20 {
	margin-left: 20px !important;
	margin-right: 20px !important;
}
.mlr30 {
	margin-left: 30px !important;
	margin-right: 30px !important;
}
.mlr40 {
	margin-left: 40px !important;
	margin-right: 40px !important;
}
.mlr50 {
	margin-left: 50px !important;
	margin-right: 50px !important;
}
}

/* sp === 640px で作るため、半分にしておく */
@media screen and (max-width: 480px) {
.mr10 {
	margin-right: 5px !important;
}
.mr20 {
	margin-right: 10px !important;
}
.mr30 {
	margin-right: 15px !important;
}
.mr40 {
	margin-right: 20px !important;
}
.mr50 {
	margin-right: 25px !important;
}
.ml10 {
	margin-left: 5px !important;
}
.ml20 {
	margin-left: 10px !important;
}
.ml30 {
	margin-left: 15px !important;
}
.ml40 {
	margin-left: 20px !important;
}
.ml50 {
	margin-left: 25px !important;
}
.mlr10 {
	margin-left: 5px !important;
	margin-right: 5px !important;
}
.mlr20 {
	margin-left: 10px !important;
	margin-right: 10px !important;
}
.mlr30 {
	margin-left: 15px !important;
	margin-right: 15px !important;
}
.mlr40 {
	margin-left: 20px !important;
	margin-right: 20px !important;
}
.mlr50 {
	margin-left: 25px !important;
	margin-right: 25px !important;
}
}
.pt10 {
	padding-top: 10px !important;
}
.pt20 {
	padding-top: 20px !important;
}
.pt30 {
	padding-top: 30px !important;
}
.pt35 {
	padding-top: 35px !important;
}
.pt40 {
	padding-top: 40px !important;
}
.pt50 {
	padding-top: 50px !important;
}
.pb10 {
	padding-bottom: 10px !important;
}
.pb20 {
	padding-bottom: 20px !important;
}
.pb30 {
	padding-bottom: 30px !important;
}
.pb40 {
	padding-bottom: 40px !important;
}
.pb50 {
	padding-bottom: 50px !important;
}
.pr10 {
	padding-right: 10px !important;
}
.pr20 {
	padding-right: 20px !important;
}
.pr30 {
	padding-right: 30px !important;
}
.pr40 {
	padding-right: 40px !important;
}
.pr50 {
	padding-right: 50px !important;
}
.pl10 {
	padding-left: 10px !important;
}
.pl20 {
	padding-left: 20px !important;
}
.pl30 {
	padding-left: 30px !important;
}
.pl40 {
	padding-left: 40px !important;
}
.pl50 {
	padding-left: 50px !important;
}
.fleft {
	float: left !important;
}
.fright {
	float: right !important;
}
/* WP STYLE
---------------------------------------------*/
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	/*	padding: 4px; */
	margin: 0 0 0.1em 0.5em;
	display: inline;
	max-width: 50%;
}
img.alignleft {
	/*	padding: 4px; */
	margin: 0 0.5em 0.1em 0;
	display: inline;
	max-width: 50%;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
/* pc swithcer
---------------------------------------------*/
.pc-switcher a, .pc-switcher span {
	display: inline-block;
}
/* arrow2top
---------------------------------------------*/
.arrow2top {
	position: fixed;
	z-index: 9999;
}
.arrow2top a {
	display: block;
	width: 80px;
	height: 80px;
	overflow: hidden;
	text-align: center;
	text-decoration: none !important;
	border-radius: 40px;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	line-height: 80px;
	background: rgba(0, 0, 0, 0.6);
}

/*  MENU : メニューページ
--------------------------------------------------------*/
.side_menu {
  text-align: left;
}

.side_menu h2 {
  background: url(images/h2_bg.png) 0 0 repeat-x;
  background-size: contain;
  font-size: 113.3%;
  color: #FFF;
  margin: 0 0 .8em;
  padding: .5em .5em .3em;
}

.side_menu h2:before, .side_menu h2:after {
  display: none;
}

.side_menu ul {
  margin: 3px 0 1em;
}

.side_menu ul.menu > li > a {
  display: block;
  padding: 1em 2em 1em .3em;
  border-bottom: 1px dashed #333;
  font-weight: bold;
  text-decoration: none;
  color: #444;
  font-size: 113.3%;
}

.side_menu ul.menu > li ul {
  padding: 0 0 0 1.15em;
  margin: 0;
}

.side_menu ul.menu > li > ul {
  padding-bottom: .1em;
  border-bottom: 1px dashed #333;
}

.side_menu ul.menu > li > ul > li a {
  display: block;
  padding: .8em 2em .8em 0;
  font-weight: bold;
  text-decoration: none;
  color: #444;
  position: relative;
}
/* bottom menu
---------------------------------------------*/
.overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: auto;
	height: auto;
	z-index: 98;
	background: rgba(50, 50, 50, 0.5);
}
.footer_fixed {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 500;
	width: auto;
}
/*	@media all and (orientation: landscape) {
	.footer_fixed {
		display:		none !important;
	}
} */
.header_fixed {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 500;
    width: auto;
}
.fixed_nav {
	background: #1E3784;
}
.fixed_nav > .inner {
	max-width: 640px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
.fixed_nav > .inner > ul > li a {
/* 	position: absolute; */
	top: 0;
	bottom: 0;
	display: block;
	width: auto;
	height: auto;
}

body > div.header_fixed.fixed_nav > div.inner > ul {
    display: flex;
    justify-content: space-between;
    padding: 0 1.5vw;
    width: 99vw;
}
body > div.header_fixed.fixed_nav > div.inner > ul > li {
padding: 1.1vw 0.6vw;
}
.fixed_nav > .inner > ul > li:nth-child(1) a {
	left: 0;
	right: 82.5%;
}
.fixed_nav > .inner > ul > li:nth-child(2) a {
	left: 17.5%;
	right: 61%;
}
.fixed_nav > .inner > ul > li:nth-child(3) a {
	left: 39%;
	right: 39%;
}
.fixed_nav > .inner > ul > li:nth-child(4) a {
	left: 61%;
	right: 19%;
}
.fixed_nav > .inner > ul > li:nth-child(5) a {
	left: 81%;
	right: 0;
}
.fixed_sub_menu {
	max-width: 640px;
	margin: 0 auto;
}
.fixed_sub_menu .inner {
    float: left;
    position: relative;
    width: 71%;
}
.fixed_sub_menu .inner ul {
position: absolute;
    left: 0;
    right: 0;
    bottom: 70px;
    width: auto;
    background: #fff;
}
.fixed_sub_menu ul li {
	border-bottom: 2px solid #BFDFFF;
}
.fixed_sub_menu ul li:first-child {
	border-bottom: 2px solid #1E3784;
}
.fixed_sub_menu ul li:last-child {
	border-bottom: none !important;
}
.fixed_sub_menu ul li a {
	display: block;
	font-size: 90%;
	line-height: 1.3em;
	padding: 0.7em 3.8em 0.7em 1.5em;
	background: #fff url(images/fixed_nav_icon02.png) right center no-repeat;
	background-size: 2.5em auto !important;
	color: #333;
	text-decoration: none !important;
}
.fixed_sub_menu ul li:first-child a {
	background: #BFDFFF url(images/fixed_nav_icon01.png) right center no-repeat !important;
	background-size: 2.5em auto !important;
	font-weight: bold;
	color: #444;
}
/* slidemenu */
#viewport {
	background: #fff;
}
.slidemenu {
	background: #ff7f00;
}
.slidemenu li {
	border-top: 1px solid #FF9326;
	border-bottom: 1px solid #ff3f00;
}
.slidemenu li a {
	display: block;
	padding: 0.8em 0.4em 0.8em 0.8em;
	color: #fff;
	text-decoration: none;
}
.slidemenu-overlay {
/*	background:		rgba(0,0,0,0.3); */
}
/* 構築時追記 */
.wpcf7 textarea {
	max-width: 100%;
}
footer {
	margin-top: 1.3em;
}
/* 20171019 追記 */
/* スマホでフォームがはみ出す */
.wpcf7 input, .wpcf7 button, .wpcf7 textarea, .wpcf7 select {
	max-width: 98% !important;
}
.person h2, .side_menu h2 {
	margin: 0 0 .6em;
	font-size: 140%;
}
/* 構築時追記 */
.nav01 ul li {
	float: left;
	width: 50%;
	padding: 0.2em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.nav01 ul li img {
	width: 100%;
	height: auto;
}
.reminder .table {
	width: 100%;
}
.reminder .table .title {
	background: #FF9571;
	font-weight: bold;
	color: #fff;
	text-align: center;
	border: 1px solid #ccc;
	border-bottom: none !important;
}
.reminder .table table {
	table-layout: fixed;
	width: 100%;
	border: none;
	border-collapse: collapse;
}
.reminder .table table th, .reminder .table table td {
	font-weight: normal;
	color: #333;
	border: 1px solid #CECEBF;
}
.reminder .table table th {
	background: #FFFCE5;
	text-align: center;
}
.reminder .table table td {
	background: #FFF;
	text-align: left;
}
.reminder_btn {
	text-align: center;
	margin-top: 0.5em;
}
.reminder_btn img {
	width: 80%;
	height: auto;
}
/*　table　*/
table.mainstyle {
	margin: 0 0 1em;
}
/*　リスト　*/
ol.ol {
	display: block;
	list-style-type: decimal;
	padding-left: 1.5em;
	margin: 0 0 1em;
}
ol.ol li {
	margin-top: 0.3em;
	list-style-type: decimal;
}
ol.ol li:first-child {
	margin-top: 0px;
}
ol ol.ol {
	list-style-type: upper-roman;
}
ol ol.ol li {
	list-style-type: upper-roman;
}
ul.ul {
	display: block;
	list-style-type: disc;
	padding-left: 1.5em;
	margin: 0 0 1em;
}
ul.ul li {
	margin-top: 0.3em;
	list-style-type: disc;
}
ul.ul li:first-child {
	margin-top: 0px;
}
/* スマホでtableがはみ出す */
table.mainstyle {
	width: 100% !important;
	table-layout: fixed;
}
/* スマホでフォームがはみ出す */
.wpcf7 input, .wpcf7 button, .wpcf7 textarea, .wpcf7 select {
	max-width: 100% !important;
}
/* ページ内リンク */
.pagelinks {
	padding-top: 4em;
	margin-top: -4em;
}
h1.h1img, h2.h2img, h3.h3img, h4.h4img, h5.h5img, h6.h6img {
	border: none;
	padding: 0px;
	margin: 0;
	color: #000;
	background-color: transparent !important;
	background: none;
 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
h1.h1img:before, h2.h2img:before, h3.h3img:before, h4.h4img:before, h5.h5img:before, h6.h6img:before {
	display: none;
}
h1.h1img:after, h2.h2img:after, h3.h3img:after, h4.h4img:after, h5.h5img:after, h6.h6img:after {
	display: none;
}


#bl_fee{

}

#bl_fee h2{
    color: #fff;
    background: #1d3784;
    font-size: 4.2vw;
    text-align: center;
    padding: 3.33vw;
    text-shadow: none;
}

#bl_fee ul{
  display: flex;
  justify-content: space-between;
}

#bl_fee ul li{
	position: relative;
	text-align: center;
}

#bl_fee ul li {
	padding: 1.33vw;
}

#bl_fee ul li p.img{
    margin:0;
}

#bl_fee ul li .num{
    position: relative;
    font-size: 6.2vw;
    font-weight: bold;
    color: #d50711;
    bottom: 8.66vw;
    height: 0;
    text-align: center;
}

.pc-switcher {
    clear: both;
    text-align: center;
margin: 1.4em auto 90px !important;
}

.fixed_btn ul {
    position: fixed;
    width: 100%;
    background: #fff;
    bottom: 130px;
    z-index: 100;
    box-sizing: border-box;
        justify-content: space-around;
        padding: 2vw;
}

.fixed_btn ul  {
	display: flex;
} 

body .fixed_btn ul li {
    padding: 0px 0.6vw;
}


.cm_bl01.fixed {
    position: fixed;
    z-index: 100;
    top: 0;
    margin: 0;
    padding: 0vw 0 0vw;
}

.cm_bl01 {
    background: #1d3684;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 999;
}
.cm_bl01 ul li {
    width: 21.43vw;
    margin-bottom: 1.5vw;
}

#viewport .cm_bl01 div ul {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding: 2vw 2vw 0;
}
.arrow2top {
    display: none !important;
}

body {
/*     margin: 0 !important; */
}


#bl_fee > ul > li > a {
    text-decoration: none;
}