@charset "UTF-8";
/* -------------------------------------
共通＆リセット
------------------------------------- */
.contents section.block-inner,
.block-inner{
width: 854px;
margin:0 auto 60px;
font-size: 16px;
line-height: 1.8;
color:#333;
}
.block-inner:after {
content: "";
display: block;
clear: both;
}
.block-inner h1,
.contents .block-inner h1 {
  padding: 0 0 15px;
  border-bottom: 3px solid #ececec;
  font-size: 24px;
  line-height: 1.2;
  letter-spacing: 5px;
  margin-bottom: 50px;
}
.block-inner h2,
.contents .block-inner h2 {
  font-weight:bold;
  margin-bottom: 20px;
  border-bottom: 3px solid #ececec;
  font-size: 18px;
  line-height: 1.2;
}
.block-inner h2 font,
.contents .block-inner h2 font{
  display: inline-block;
  margin-bottom: -3px;
  padding: 0 0 5px;
  border-bottom: 3px solid #db2058;
}
.block-inner h3,
.contents .block-inner h3{
  margin: 30px 0 15px;
  padding: 3px 0 3px 10px;
  border-left: 3px solid #db2058;
  color: #db2058;
  line-height: 1.4;
  font-size: 17px;
}
.block-inner .leadIn{
	margin-bottom: 15px;
}
.block-inner li{
	list-style:none;
}
/*------------
スマホ用スタイル
------------*/
@media only screen and (max-width: 640px) {
.contents.inner article section.block-inner {
padding:0;
}
.contents section.block-inner,
.block-inner{
width: auto;
margin:0 auto 40px;
line-height: 1.8;
padding:0 15px;/*0 10px;*/
}
.contents article .article-body .block-inner{
padding:0;
}
.block-inner h1,
.contents .block-inner h1 {
margin-bottom: 30px;
}
.contents article .article-body .block-inner h2,
.block-inner h2,
.contents .block-inner h2 {
  margin-top: 0;
}
.block-inner img{
max-width:100%;
}
}
/* -------------------------------------
◎eyeキャッチ
----------------------------------
.eye-Wrap{
margin: 0 -100%;
}
.block-inner .eye-Wrap h2,
.contents .block-inner .eye-Wrap h2{
padding: 20px;
background: #db2058;
color: white;
text-align: center;
font-size: 20px;
font-weight: bold;
margin: 0 0 30px;
border: none;
}
.eye-Wrap .textIn{
padding: 0 15px;
text-align: center;
font-weight: bold;
font-size: 16px;
line-height: 1.6;
}
@media only screen and (max-width: 640px) {
.eye-Wrap{
margin: 0 -10px;
}
.block-inner .eye-Wrap h2,
.contents .block-inner .eye-Wrap h2{
padding: 18px 15px;
font-size: 18px;
margin: 0 0 18px;
}
.eye-Wrap .textIn{
padding: 0 15px;
font-size: 15px;
text-align: left;
margin: 0 auto;
}
}--- */
/* -------------------------------------
◎挨拶とお知らせ
------------------------------------- */
.MesNews-Wrap{
}
/*--↓挨拶↓--*/
.MesNews-Wrap .messageWrap{
font-size: 14px;
width: 48%;
}
.MesNews-Wrap.Lside .messageWrap{
float: left;
}
.MesNews-Wrap.Rside .messageWrap{
float: right;
}
.MesNews-Wrap.Row1-Mes .messageWrap,
.MesNews-Wrap.Row1-News .messageWrap{
width: 100%;
}
.MesNews-Wrap.Row1-Mes .messageWrap{
margin-bottom: 45px;
}
.MesNews-Wrap.Row1-Mes .messageWrap:after {
content: "";
display: block;
clear: both;
}
.MesNews-Wrap .messageWrap .imageIn{
float: left;
margin: 0 20px 0 0;
}
.MesNews-Wrap .messageWrap .imageIn li img{
margin-top: 15px;
}
.MesNews-Wrap .messageWrap .imageIn li:first-child img{
margin-top: 0;
}
.MesNews-Wrap .messageWrap .textIn{
overflow: auto;
}
/*--↑挨拶↑--*/
/*--↓お知らせ↓--*/
.MesNews-Wrap .newsWrap{
font-size: 14px;
float: right;
width: 48%;
}
.MesNews-Wrap.Lside .newsWrap{
float: right;
}
.MesNews-Wrap.Rside .newsWrap{
float: left;
}
.MesNews-Wrap.Row1-Mes .newsWrap,
.MesNews-Wrap.Row1-News .newsWrap{
width: 100%;
}
.MesNews-Wrap.Row1-News .newsWrap{
float:none;
}
.MesNews-Wrap.Row1-News .newsWrap + .messageWrap{
margin-top: 45px;
}
.MesNews-Wrap .newsWrap ul li {
padding: 10px 0;
border-bottom: 1px solid #e6e6e6;
}
.MesNews-Wrap .newsWrap ul li:first-child {
padding: 0 0 10px;
}
.MesNews-Wrap .newsWrap ul li:last-child {
border-bottom: none;
}
.MesNews-Wrap .newsWrap ul li:after {
content: "";
display: block;
clear: both;
}
.MesNews-Wrap .newsWrap ul li span {
display: block;
}
.MesNews-Wrap .newsWrap ul li span.timeIn {
font-weight: bold;
}
.MesNews-Wrap .newsWrap ul li span.textIn {
overflow: hidden;
}
/*--↑お知らせ↑--*/
/*------------
スマホ用スタイル
------------*/
@media only screen and (max-width: 640px) {
.contents article .article-body .MesNews-Wrap p,
.MesNews-Wrap p,
.contents article .article-body .MesNews-Wrap ul,
.MesNews-Wrap ul{
margin-bottom: 0;
}
/*--↓挨拶↓--*/
.MesNews-Wrap .messageWrap {
margin-bottom: 40px;
float: none;
width: 100%;
}
.MesNews-Wrap.Rside .messageWrap {
margin-bottom: 0;
}
.MesNews-Wrap .messageWrap .imageIn{
    margin-right: 10px;
    max-width: 35%;
}
.MesNews-Wrap .messageWrap .textIn{
overflow: visible;
}
/*--↑挨拶↑--*/
/*--↓お知らせ↓--*/
.MesNews-Wrap .newsWrap{
float: none;
width: 100%;
margin-bottom: 0;
}
.MesNews-Wrap.Rside .newsWrap{
float: none;
margin-bottom:40px;
}
.MesNews-Wrap .newsWrap ul li {
    padding: 10px 0;
}
.MesNews-Wrap .newsWrap ul li:last-child {
padding: 10px 0 0;
}
/*--↑お知らせ↑--*/
}

/* -------------------------------------
◎業務内容
------------------------------------- */
.works-Wrap{
}
.works-Wrap:first-child{
 margin-top:0;
}
.works-Wrap .blockIn:after {
content: "";
display: block;
clear: both;
}
.works-Wrap.Rside .imageIn{
float: right;
margin: 0 0 0 40px;
}
.works-Wrap.Lside .imageIn{
float: left;
margin: 0 40px 0 0;
}
.works-Wrap .imageIn img{
margin-bottom: 15px;
}
.works-Wrap .textIn{
overflow: auto;
}
/*------------
スマホ用スタイル
------------*/
@media only screen and (max-width: 640px) {
.works-Wrap {
}
.block-inner .works-Wrap h2,
.contents .block-inner .works-Wrap h2{
margin-bottom: 0;
}
.works-Wrap.Rside .imageIn,
.works-Wrap.Lside .imageIn{
float: none;
margin-right: auto;
margin-left: auto;
text-align: center;
}
.works-Wrap .textIn{
overflow: visible;
}
}
/* -------------------------------------
◎事例
------------------------------------- */
.case-Wrap{
	overflow:auto;
}
.contents article .article-body .case-Wrap.Row2 ul,
.case-Wrap.Row2 ul{
    margin-bottom: -20px;
margin-left: -20px;
}
.case-Wrap .caseIn{
	display:block;
    box-sizing: border-box;
    padding: 20px 20px 12px;
    border: 1px solid #ececec;
}
.case-Wrap.Row2 .caseIn{
box-sizing: border-box;
    float: left;
    width: 415px;
    margin: 0 0 20px 20px;
padding:20px 20px 13px;
}
.case-Wrap.Row1 .caseIn{
    float: none;
    width: auto;
    margin: 20px 0 0 0;
}
.case-Wrap li.caseIn:nth-child(2n+1){
clear:both;
}
.case-Wrap li.caseIn:nth-child(odd){
/*    margin-left: 0;*/
}
.block-inner .case-Wrap h3,
.contents .block-inner .case-Wrap h3{
margin: 0 0 15px;
}
.case-Wrap h4{
    margin-bottom: 5px;
    padding: 3px 10px;
    background: #e7e7e7;
    font-weight: 600;
    line-height: 1.4;
    font-size: 14px;
}

/*.contents article .article-body p, */.contents article .article-body ul, .contents article .article-body ol, .contents article .article-body table {
  margin-bottom: 0;
}

.case-Wrap table{
    width: 100%;
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
/*margin-bottom: 12px;*/
}
.case-Wrap table tr{
    border-bottom: 1px solid #ccc;
}
.case-Wrap table tr:last-child{
    border-bottom: none;
}
.case-Wrap table th{
    padding: 8px 0;
    text-align: left;
    font-weight: 500;
    width: 70%;
    vertical-align: middle;
}
.case-Wrap table td{
    padding: 8px 0;
    text-align: right;
    vertical-align: middle;
}
/*------------
スマホ用スタイル
------------*/
@media only screen and (max-width: 640px) {
/*.contents article .article-body p, */.contents article .article-body ul, .contents article .article-body ol, .contents article .article-body table {
  margin-bottom: 0;
}
.case-Wrap table{
margin-bottom: 0;/*9px;*/
}

.case-Wrap .caseIn {
padding: 15px 15px 9px;
}
.case-Wrap.Row2 .caseIn{
float: none;
width: auto;
margin: 0 0 20px 20px;/*20px 0 0 0;*/
padding:15px 15px 9px;/*15px 15px 7px;*/
}
.contents article .article-body .case-Wrap.Row2 ul,
.case-Wrap.Row2 ul {
margin-bottom: 0;
}
}
/* -------------------------------------
◎スタッフ紹介
------------------------------------- */
.staff-Wrap{
}
.staff-Wrap .staffInWrap{
    border-bottom: 1px solid #ececec;
}
.staff-Wrap.Row1 .staffInWrap{
padding-bottom:20px;
}
.staff-Wrap.Row1 .staffInWrap:after {
content: "";
display: block;
clear: both;
}
.staff-Wrap.Row2 ul{
    display: block;
	margin-top: -20px;
}
.staff-Wrap.Row2 h3{
text-align:left;
}
.staff-Wrap.Row2 .staffInWrap{
	display:inline-block;
    width: 352px;
    padding: 0 25px 10px 25px;
    margin:20px 20px 0 0;
    border: 1px solid #ececec;
    vertical-align: top;
}
.staff-Wrap.Lside .imageIn{
    float: left;
    margin-right: 30px;
}
.staff-Wrap.Rside .imageIn{
    float: right;
    margin-left: 30px;
    padding-right: 10px;
}
.staff-Wrap.Row2 .imageIn{
    text-align: center;
    margin-bottom: 15px;
}
.staff-Wrap .textIn{
    overflow: hidden;
}
.staff-Wrap.Row2 .textIn{
	text-align:left;
}
.staff-Wrap div.profileIn{
    width: 100%;
    margin-bottom:15px;
}
.staff-Wrap div.profileIn th{
    text-align: left;
    font-weight: 500;
    width: 5em;
}
/*------------
スマホ用スタイル
------------*/
@media only screen and (max-width: 640px) {
.staff-Wrap .imageIn,
.staff-Wrap.Lside .imageIn,
.staff-Wrap.Rside .imageIn{
    float: none;
    margin-right: 0;
    margin-bottom: 30px;
}
.staff-Wrap.Row2 .imageIn{
    margin-bottom: 30px;
}
.staff-Wrap.Row2 .staffInWrap {
    width: auto;
    margin: 20px 0 0;
}
}
/* -------------------------------------
◎税制改正について
------------------------------------- */
.tax-Wrap{
	margin-bottom:45px;
	overflow:auto;	
}
/*------------
スマホ用スタイル
------------*/
@media only screen and (max-width: 640px) {
}
/* -------------------------------------
◎事務所案内
------------------------------------- */
.company-Wrap {
}
.contents article .article-body .company-Wrap {
margin: 45px 0 0;
}
.company-Wrap table {
    width: 100%;
    margin-bottom: 30px;
}
.company-Wrap table th {
    width: 20%;
    padding: 8px 15px;
    background: #ececec;
    text-align: left;
    border: 1px solid #ccc;
}
.company-Wrap table td {
    padding: 8px 15px;
    border: 1px solid #ccc;
    background: #fff;
}
/*------------
スマホ用スタイル
------------*/
@media only screen and (max-width: 640px) {
.contents article .article-body .company-Wrap {
margin: 40px 0 0;
}
.company-Wrap table th {
	width: 35%;
}
}
/* -------------------------------------
◎大タイトルとテキスト
------------------------------------- */
.textSetB-Wrap {
}
/*------------
☆彡スマホ用スタイル
------------*/
@media only screen and (max-width: 640px) {
}
/* -------------------------------------
◎小タイトルとテキスト
------------------------------------- */
.textSetS-Wrap {
}
/*------------
スマホ用スタイル
------------*/
@media only screen and (max-width: 640px) {
}
/* -------------------------------------
◎お問い合わせボタン
------------------------------------- */
.inquiry-Wrap{
    margin: 40px auto 0;
    max-width: 70%;
}
.inquiry-Wrap .inquiryText{
    text-align: center;
}
.inquiry-Wrap .inquiryText strong {
    color: #db2058;
}
.inquiry-Wrap .inquiryBtn {
    margin-top: 30px;
    margin-bottom: 15px;
    text-align: center;
}
.inquiry-Wrap .inquiryBtn a {
    display: inline-block;
    min-width: 40%;
    padding: 15px;
    color: white;
    text-decoration: none;
    background: #db2058;
    border: 1px solid #ccc;
    box-shadow: inset 1px 1px 0 white, inset -1px -1px 0 white;
    font-size: 18px;
}
.inquiry-Wrap .inquiryBtn a:hover {
  border-color: #db2058;
}
/*------------
スマホ用スタイル
------------*/
@media only screen and (max-width: 640px) {
.inquiry-Wrap{
    max-width: 100%;
    font-size: 14px;
}
.inquiry-Wrap .inquiryBtn a {
    display: block;
}
}
/* -------------------------------------
◎アクセスマップ
------------------------------------- */
.access-Wrap{
}
.block-inner .access-Wrap h2,
.contents .block-inner .access-Wrap h2{
  margin-bottom: 30px;
}
.block-inner .access-Wrap.Lside h3,
.contents .block-inner .access-Wrap.Lside h3,
.block-inner .access-Wrap.Rside h3,
.contents .block-inner .access-Wrap.Rside h3
{
  margin-top: 0;
}
.access-Wrap.Rside .mapTextIn{
	width: 30%;
	float:right;
}
.access-Wrap.Lside .mapTextIn{
	width: 30%;
	float:left;
}
.access-Wrap.Row1 .textIn{
	margin-top: 15px;
}
.access-Wrap .textIn p{
	margin: 0 0 15px;
}
.access-Wrap.Rside #GMAP {
  width: 67%;
  float: left;
}
.access-Wrap.Lside #GMAP {
  width: 67%;
  float: right;
}
.access-Wrap #GMAP img{
  max-width: 100%;
}
/*------------
スマホ用スタイル
------------*/
@media only screen and (max-width: 640px) {
.access-Wrap.Rside .mapTextIn,
.access-Wrap.Lside .mapTextIn{
  width: 100%;
  float:none;
  margin-bottom:15px;
}
.access-Wrap.Rside #GMAP,
.access-Wrap.Lside #GMAP {
  width: 100%;
  float:none;
}
}
/* -------------------------------------
◎お問い合わせフォーム
------------------------------------- */
.inquryform-Wrap{
}
.contents article .article-body .inquryform-Wrap {
  margin: 45px 0 0;
}
.block-inner .inquryform-Wrap h3,
.contents .block-inner .inquryform-Wrap h3{
  margin-bottom: 30px;
}
.inquryform-Wrap p{
  margin: 0 0 15px;
}
.inquryform-Wrap .inquryTable {
  width: 100%;
}
.inquryform-Wrap .inquryTable th,
.contents article .article-body .inquryTable th{
  width: 24%;
  padding: 0 0 25px;
  vertical-align: top;
  background: none;
  text-align: left;
  font-weight: bold;
  font-size: 16px;
  border-bottom: none;
}

.inquryform-Wrap .inquryTable td,
.contents article .article-body .inquryTable td{
  border-bottom: 0;
  padding: 0 0 25px;
}
.inquryform-Wrap .inquryTable td input[type="text"] {
    box-sizing: border-box;
    padding: 5px;
    width: 70%;
}
.inquryform-Wrap .inquryTable td input[type="text"].zipcode {
  width: 110px;
}
.inquryform-Wrap .inquryTable td textarea {
    box-sizing: border-box;
    padding: 5px;
    width: 100%;
    height: 150px;
}
.inquryform-Wrap .inquiryBtn {
  text-align: center;
}
.inquryform-Wrap .inquiryBtn input[type="button"] {
    display: inline-block;
    min-width: 40%;
    padding: 15px;
    color: white;
    text-decoration: none;
    background: #db2058;
    border: 1px solid #ccc;
    box-shadow: inset 1px 1px 0 white, inset -1px -1px 0 white;
    font-size: 18px;
}
.inquryform-Wrap .inquiryBtn input[type="button"]:hover {
  border-color: #db2058;
}
.inquryform-Wrap table th span {
  display: inline-block;
  font-weight: bold;
  line-height: 1.4;
}
.inquryform-Wrap table.inquryTable th font.required {
    margin-left: 7px;
    padding: 1px 5px;
    background: #e11818;
    color: #fff;
    font-size: 12px;
	font-weight:bold;
}
/*------------
スマホ用スタイル
------------*/
@media only screen and (max-width: 640px) {
.inquryform-Wrap p{
    font-size: 12px;
  }
.inquryform-Wrap table.inquryTable {
    width: 100%;
    margin-bottom: 5px;
  }
.inquryform-Wrap table.inquryTable th,
.contents article .article-body .inquryform-Wrap table.inquryTable th{
    display: block;
    width: auto;
    padding: 0;
    vertical-align: top;
    background: none;
    border: 0;
  }
.inquryform-Wrap table.inquryTable td {
    border-bottom: 0;
    display: block;
    padding: 10px 0 17px;
  }
.inquryform-Wrap table.inquryTable td input[type="text"] {
    box-sizing: border-box;
    width: 100%;
  }
.inquryform-Wrap .inquryTable td textarea {
    height: 120px;
}
.inquryform-Wrap .inquiryBtn input[type="button"]{
    box-sizing: border-box;
    min-width: 85%;
    font-size: 16px;
    -webkit-appearance: none;
  }
.inquryform-Wrap table th span {
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.4;
  }
}
/* -------------------------------------
◎お電話でのお問い合わせ
------------------------------------- */
.numberTel-Wrap {
  margin-bottom: 25px;
}
.numberTel-Wrap .bigIn{
    font-size: 200%;
}
/*------------
スマホ用スタイル
------------*/
@media only screen and (max-width: 640px) {
}
/* -------------------------------------
◎カレンダー
------------------------------------- */
.block-inner .calendar-Wrap h2,
.contents .block-inner .calendar-Wrap h2{
	margin-bottom:30px;
}
.calendar-Wrap .calSpace {
    display: flex;
}
.calendar-Wrap .calendarIn div {
    max-width: 100%;
    width: auto;
    margin: 5px 15px 5px 0px;
}
.calendar-Wrap.Row3 .calendarIn div {
    margin: 5px 10px 5px 0;
}
.calendar-Wrap .calendarInfo {
    float: left;
    padding-left: 0px;
    padding-top: 10px;
	color:#444;
}
.calendar-Wrap .calendarInfo ul{
    margin-bottom: 0em;
}
.calendarInfo span {
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;
    width: 38px;
    height: 18px;
    border: 1px solid #ccc;
}
.calendar-Wrap .calendarIn:after,
.calendar-Wrap .calSpace:after {
    content: "";
    display: block;
    clear: both;
}
.calendar-Wrap table.calendar {
    margin-bottom: 0;
}
/* --カレンダー
calendar-style.cssコピー-- */
table.calendar {
    text-align:center;
    border-spacing: 1.5px;	/* セルの間隔       */
	border-collapse: separate;
	width :100%;			/* カレンダーの横幅 */
	height:320px;			/* カレンダーの高さ */
	font-weight:bold;		/* 全体の           */
	font-size:18px;			/*    フォント指定  */
}
table.calendar thead th {	/* oooo年/oo月の表示部分 */
    background: #ffffff;
    color:#4444;
	height:40px;
	font-size:22px;
border: 1px solid #ccc;
}
.calendar-Wrap table.calendar th {
width:55px;			/* 曜日表示部分 */
    background: #ffffff;
    color:#4444;
border: 1px solid #ccc;
}
.calendar-Wrap.Row3 table.calendar th {
width:36px;	　/*3列バージョンのマスの幅変更*/
}
table.calendar th.sun {		/* 曜日表示部分（日曜） */
    background: #ffffff;
    color:#f72121;
	font-size:18px;
}
table.calendar th.sat {		/* 曜日表示部分（土曜） */
    background: #ffffff;
    color:#249bf3;
}
table.calendar td {			/* 日付日表示部分 */
    background:#ffffff;
vertical-align:middle;
border: 1px solid #ccc;
}
table.calendar td.sun {		/* 日付日表示部分（日曜） */
    background: #ffffff;
	font-family:"メイリオ";
	font-style:bold;
    color:#f72121;
}
table.calendar td.sat {		/* 日付日表示部分（土曜） */
    background: #ffffff;
	font-family:"Arial";
	font-style:bold;
    color:#249bf3;
}
table.calendar td.nodat {	/* 日付のないセル */
	font-style:normal;
    background: #eeeeee;
}
table.calendar td.sun.nodat {	/* 日付のない日曜日のセル */
	font-style:normal;
    background: #fdf1f1;
}
table.calendar td.sat.nodat {	/* 日付のない土曜日のセル */
	font-style:normal;
    background: #e0f1f5;
}
table.calendar td.nodat:after {	/* 日付のないセルの文字 */
	font-family:"ＭＳ　ゴシック";
	font-style:normal;
	content:"-";
}
table.calendar td.sp0 {		/* 祝日 */
    background:#ffffff;
	font-style:bold;
    color:#f72121;
}
table.calendar td.sp1 {		/* 編集でセットする特定日１（休業日など） */
    background: white;
}
table.calendar td.sp2 {		/* 編集でセットする特定日２ */
    background: #f0fff0;
}
table.calendar td.sp3 {		/* 編集でセットする特定日３ */
    background: #f7f7bc;
}
table.calendar td.sp4 {		/* 編集でセットする特定日４ */
    background: greenyellow;
}
table.calendar td.sp5 {		/* 編集でセットする特定日５ */
    background: yellow;
}
table.calendar td.today {	/* 今日 */
    font-weight:800;
    color:#4444;
	font-size:22px;
    background: #f9edd3;
}

div.calendarIn div {
	/* カレンダーが入るdiv クラス名変更.calendar→calendarIn */
	margin: 10px 15px 10px 15px;
	float:left;
    background: #ffffff;
/*border: 1px solid #ccc;*/
}
/*------------
スマホ用スタイル
------------*/
@media only screen and (max-width: 640px) {
.calendar-Wrap.Row3 table.calendar th {
width:55px;	　/*3列バージョンのマスの幅変更*/
}
}