/* CSS Document */
/*
	layout.css
	ブラウザの癖のリセット用CSS
*/
@charset 'utf-8';
/*margin,padding*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}
body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video,
button, select, option, input, textarea {font-size: 100%;}
ol, ul { list-style: none;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}
q, blockquote {quotes: none;}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
	content: none;
}
a img {border: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}
video {max-width: 100%;}
textarea{display:block;}
.ita {font-style: italic;}
/*  --------------------------------------
デバイス振り分け(PC)
--------------------------------------  */
@media screen and (min-width:769px) {
	.sp {display:none!important;}
	body{
		background : #FFF;
		font-family: 'Noto Sans JP', sans-serif;
		text-align : center;
		font-size:16px;
		position:relative;

		width:100%;
		min-width:960px;
		min-height: 100vh;
		position: relative;
		padding-bottom: 60px;
		box-sizing: border-box;
	}
	a[href*="tel:"] {
		pointer-events: none;
		cursor: default;
		text-decoration: none;
	}
	header {
		margin:0 auto;
		width:100%;

		position:relative;
		z-index:10;
		border-bottom:1px solid #e5e5e5;
	}
	.logo {
		margin:0 auto;
		width:100%;

		display: -webkit-flex;
		display: flex;
	}
	.logo_img {
		margin:14px 60px 14px 30px;
		height:46px;
	}
	.logo_img img {width:100%;}
	.gnavi {
		margin:25px auto 0 0;
		font-size:18px;
		line-height:18px;
		font-weight:bold;
		text-align:left;
	}
	.gnavi a {
		position: relative;
		display: inline-block;
		transition: .3s;
		text-decoration: none;
		color:#000;
		text-transform: uppercase;
		letter-spacing: 0.2em;
		font-weight: 500;
		text-shadow: 0 0 1px rgba(255,255,255,0.3);
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3 ease;
		-o-transition: all 0.3 ease;
	}
	.gnavi a::after {
		position: absolute;
		bottom: -32px;
		left: 0;
		content: '';
		width: 0;
		height: 2px;
		background-color: #262626;
		transition: .3s;
	}
	.gnavi a:hover::after {
		width: 100%;
	}
	.main_content {
		margin:0 auto;
		width:100%;
		text-align:left;
	}
	.mgm_wrap {
		padding:30px;
		width:calc(100% - 60px);

		display: -webkit-flex;
		display: flex;
	}
	.main_client_wrap {
		width:31%;
	}
	.main_matter_wrap {
		margin:0 3%;
		width:31%;
	}
	.main_title {
		padding:0 0 10px;
		font-size:18px;
		line-height:18px;
		font-weight:bold;
		text-align:left;
		border-bottom: 1px solid #262626;
	}
	.mc_header {
		width:100%;
		display: -webkit-flex;
		display: flex;
	}
	.mc_no {
		padding:10px 0;
		width:10%;
		font-size:16px;
		line-height:16px;
		text-align:center;
		color:#FFF;
		background:#262626;
	}
	.mc_no_fin {
		padding:10px 0;
		width:10%;
		font-size:16px;
		line-height:16px;
		text-align:center;
		color:#262626;
		background:#d2d2d2;
	}
	.mc_name {
		padding:10px;
		width:calc(100% - 10% - 20px);
		font-size:16px;
		line-height:16px;
	}
	.mc_name span {
		font-size:12px;
	}
	.parspnal_date {
		padding:0 0 5px 10%;
		width:calc(100% - 10%);
		border-bottom: 1px solid #262626;

		position:relative;
	}
	.matter_date {
		padding:4px 0 5px 10%;
		width:calc(100% - 10%);
		border-bottom: 1px solid #262626;

		position:relative;
	}
	.parspnal_date ul,
	.matter_date ul {
		padding:0 0 0 10px;
	}
	.parspnal_date li,
	.matter_date li {
		margin:0 10px 0 0;
		display:inline-block;
	}
	.matter_date {
		font-size:14px;
	}
	.matter_date span {font-weight:bold;}
	.pdate_link {
		font-size:12px;
		line-height:12px;

		position:absolute;
		top:-24px;
		right:0;
	}
	.pdate_link a {
		padding:2px 10px 3px;
		color:#FFF;
		text-decoration:none;
		background:#034559;
		transition: all 0.3s ease 0s;
	}
	.pdate_link a:hover {
		padding:2px 10px 3px;
		color:#034559;
		text-decoration:none;
		background:#FFF;
	}
/* *******************************

案件詳細

********************************* */
	.common_wrap {
		margin:0 auto;
		padding:30px 0;
		width:1000px;

		display: -webkit-flex;
		display: flex;
	}
	.cmn_mainwrap {
		margin:0 3% 0 0;
		width:64%;

		text-align:left;
	}
	.cmn_sidewrap {
		width:33%;
	}
	.cmn_mainwrap li {
		margin:0;
		border-bottom: 1px solid #e6e9eb;
		display: -webkit-flex;
		display: flex;
	}
	.add_date {
		padding:0 0 2px;
		font-size:14px;
		line-height:14px;
		text-align:right;
	}
	.cmn_title {
		display:block;
		padding:15px 0 15px 10px;
		width:6em;

		font-size:14px;
		font-weight: bold;
		line-height:22px;
	}
	.cmn_content {
		padding:15px 0 15px 10px;
		width:calc(100% - 6em - 20px);
		font-size:16px;
		line-height:22px;
	}
	.cmn_content span {
		font-size:12px;
	}
	.memo_title {
		margin:30px 0 0;
		font-size:14px;
		font-weight: bold;
		line-height:22px;
	}
	.cms_memo {
		font-size:16px;
		line-height:22px;
	}
	.side_title {
		padding:0 0 10px;
		font-size:18px;
		line-height:18px;
		font-weight:bold;
		text-align:left;
	}
	.side_box {
		margin:0 0 30px;
		text-align:left;
	}
	.client {
		margin:0 auto;
		width:720px;
	}
	.client_loop {
		margin:30px 0;
	}
	.lists {
		margin:0 0 20px;
		width:714px;
		border: 3px solid #e6e9eb;
	}
	.cl_box,
	.cl_boxsub,
	.mt_box,
	.mt_boxsub,
	.quo_boxsub {
		width:100%;
		text-align:left;

		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap        : wrap;
		position:relative;
	}
	.cl_title {
		padding:5px 0 10px 10px;
		width:10.5%;
		font-size:14px;
		font-weight: bold;
		line-height:22px;
	}
	.cl_data {
		padding:5px 0 10px;
		width:calc((100% - 21% - 20px)/2);
		font-size:16px;
		line-height:22px;
	}
	.cl_boxsub div:nth-child(odd) {
		padding:5px 0 5px 10px;
		width:calc(12% - 10px);
		font-size:14px;
		font-weight: bold;
		line-height:14px;
	}
	.cl_boxsub div:nth-child(even) {
		padding:5px 0 5px;
		font-size:14px;
		line-height:14px;
	}
	.cl_boxsub div:nth-child(2) {
		width:calc(13% - 10px);
	}
	.cl_boxsub div:nth-child(4) {
		width:calc(17% - 10px);
	}
	.cl_boxsub div:nth-child(6) {
		width:calc(34% - 10px);
	}
	.lists a {
		display:block;
		padding:10px;
		color:#000;
		text-decoration:none;
	}
	.lists a:hover {
		display:block;
		padding:10px;
		color:#000;
		text-decoration:none;
		background:#f4f4f4;
	}
	.mt_title {
		width:90%;
		font-size:16px;
		font-weight: bold;
		line-height:22px;
	}
	.mt_title span {font-size:12px;}
	.mt_status {
		padding:25px 5px 25px;
		width:calc(10% - 10px);
		font-size:14px;
		font-weight: bold;
		line-height:14px;
		text-align:center;
		color:#FFF;
		background:#cd162c;

		position:absolute;
		top:-9px;
		right:-91px;
	}
	.mt_boxsub div:nth-child(odd) {
		padding:10px 0 0;
		width:6%;
		font-size:14px;
		font-weight: bold;
		line-height:14px;
	}
	.mt_boxsub div:nth-child(even) {
		padding:10px 0 0;
		width:calc((100% - 26%)/4);
		font-size:14px;
		line-height:14px;
	}
	.green {background:#009245;}
	.glay {background:#999999;}
	.black {background:#333333;}
	.blue {background:#31708f;}
	.quo_boxsub div:nth-child(odd) {
		padding:10px 0 0;
		width:10%;
		font-size:14px;
		font-weight: bold;
		line-height:14px;
	}
	.quo_boxsub div:nth-child(even) {
		padding:10px 0 0;
		width:calc((100% - 30%)/3);
		font-size:14px;
		line-height:14px;
	}
/* *******************************

見積詳細

********************************* */
	.quo_wrap {
		margin:30px auto;
		padding:30px;
		width:654px;
		border:3px solid #e6e9eb;
	}
	.quo_header {
		margin:0 0 20px;
		width:100%;

		display: -webkit-flex;
		display: flex;
	}
	.quo_headleft {
		width:55%;
	}
	.quo_headright {
		width:45%;
		text-align:right;
	}
	.quo_title {
		padding:0 0 10px;
		margin:0 0 50px;
		width:70%;
		font-size:24px;
		line-height:24px;
		font-weight:bold;
		border-bottom:4px double #000;
	}
	.quo_name {
		padding:0 0 10px 10px;
		margin:0;
		width:calc(70% - 10px);
		font-size:18px;
		line-height:18px;
		font-weight:bold;
		text-align:left;
		border-bottom:1px solid #000;
	}
	.create_date {
		margin:0 0 20px;
		font-size:14px;
		line-height:14px;
		font-weight:bold;
	}
	.office_data {
		font-size:14px;
		line-height:18px;
		font-feature-settings: "palt";
	}
	.quote_wrap {
		margin:0 auto 20px;
		width:658px;
		border-top:1px solid #000;
		border-left:1px solid #000;
	}
	.quote_title_block {
		font-size:16px;
		line-height:18px;
		font-weight:bold;
		color:#FFF;
		background:#999999;
		display: -webkit-flex;
		display: flex;
	}
	.quote_title_block div:nth-child(1),
	.quote_innder_block div:nth-child(1) {
		padding:10px 0 10px 10px;
		width:calc(55% - 11px);
		text-align:left;
		border-bottom:1px solid #000;
		border-right:1px solid #000;
	}
	.quote_title_block div:nth-child(2),
	.quote_innder_block div:nth-child(2) {
		padding:10px 0 10px;
		width:calc(13% + 1px);
		text-align:center;
		border-bottom:1px solid #000;
		border-right:1px solid #000;
	}
	.quote_title_block div:nth-child(3),
	.quote_title_block div:nth-child(4) {
		padding:10px 10px 10px;
		width:calc(16% + 1px - 20px);
		text-align:center;
		border-bottom:1px solid #000;
		border-right:1px solid #000;
	}
	.quote_innder_block div:nth-child(3),
	.quote_innder_block div:nth-child(4) {
		padding:10px 10px 10px;
		width:calc(16% + 1px - 20px);
		text-align:right;
		border-bottom:1px solid #000;
		border-right:1px solid #000;
	}
	.quote_innder_block {
		font-size:14px;
		line-height:16px;
		color:#000;
		display: -webkit-flex;
		display: flex;
	}
	.total_wrap {
		margin:0 0 0 auto;
		width:32%;
	}
	.cost_wrap {
		padding:5px;
		border-bottom:1px solid #000;

		display: -webkit-flex;
		display: flex;
	}
	.cost_wrap div:nth-child(1) {
		width:40%;
		font-size:14px;
		line-height:18px;
		font-weight:bold;
		text-align:left;
	}
	.cost_wrap div:nth-child(2) {
		width:60%;
		font-size:16px;
		line-height:18px;
		font-weight:bold;
		text-align:right;
	}
	.cost_wrap div span {
		font-size:12px;
	}





























/* *******************************

loginform 

********************************* */
	#wpmem_login,
	#wpmem_reg {
		margin:180px auto 0 auto;
		padding:25px;
		width: 80%;
		max-width: 450px;
		border:1px solid #898989;
		border-radius: 6px;
	}
	#wpmem_login legend,
	#wpmem_reg legend {
		margin:0 0 15px 0;
		padding:5px;
		width:100%;
		font-size:18px;
		border-bottom:1px solid #898989;
	}
	.div_text .username,
	.div_text .password,
	.div_text .textbox {padding:2%;width:96%;height:24px;border:1px solid #c9caca;}
	.div_text {margin-bottom:20px;}
	.button_div label {width:90%;}
	.button_div input[type="submit"] {
		display:block;
		margin: 0 auto;
		padding: 10px 0 11px 15px!important;
		width:100%;
		background: #24890d;
		border: 3px solid #24890d;
		border-radius: 2px;
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		transition: all 0.3s ease 0s;
	}
	.button_div input[type="submit"]:focus {
		background-color: #41a62a!important;
		color: #fff!important;
	}
	.button_div input[type="submit"]:active {
		background-color: #55d737!important;
	}







}/* end PC */


/*  --------------------------------------
デバイス振り分け(SP)
--------------------------------------  */
@media screen and (max-width:768px) {
	.pc {display:none;}
	body{
		font-family: 'Noto Sans JP', sans-serif;
		text-align : left;
		background:#FFF;
/* 		background:#FBFBFB; */

		min-height: 100vh;
		position: relative;
		padding-bottom: 20vw;
		box-sizing: border-box;
	}
	a[href*="tel:"] {
		pointer-events: none;
		cursor: default;
		text-decoration: none;
	}
	header {
		margin:0 auto;
		width:100%;
		background: #FFF;
		border-bottom:1px solid #e5e5e5;

		position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
	}
	.logo {
		margin:0 auto;
		width:96%;

		display: -webkit-flex;
		display: flex;
	}
	.logo_img {
		margin:4vw 0 2vw;
		width:30%;
	}
	.logo_img img {width:100%;}
	#wpmem_login,
	#wpmem_reg {
		margin:20vw auto 2vw auto!important;
		padding:4vw;
		width: 80%;
		max-width: 90%;
		border:1px solid #898989;
		border-radius: 6px;
	}
	#wpmem_login legend,
	#wpmem_reg legend {
		margin:0 0 15px 0;
		padding:5px;
		width:100%;
		font-size:18px;
		border-bottom:1px solid #898989;
	}
	.div_text .username,
	.div_text .password,
	.div_text .textbox {padding:2%;width:96%;height:24px;border:1px solid #c9caca;}
	.div_text {margin-bottom:2vw;}
	.button_div label {width:90%;}
	.button_div input[type="submit"] {
		display:block;
		margin: 0 auto;
		padding: 2vw 0 2vw 0!important;
		width:100%;
		background: #24890d;
		border: 3px solid #24890d;
		border-radius: 2px;
		color: #fff;
		font-size: 3.6vw;
		font-weight: bold;
		transition: all 0.3s ease 0s;
	}
	.button_div input[type="submit"]:focus {
		background-color: #41a62a;
		color: #fff;
	}
	.button_div input[type="submit"]:active {
		background-color: #55d737;
	}

















}/* end SP */
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}