@charset "UTF-8";
* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -webkit-appearance: none;
  outline: none;
  -moz-osx-font-smoothing: grayscale;
}

/* CLEAR FIX */
.clear { clear:both; }
.clearFix { }
.clearFix:after { display:block; clear:both; height:0; visibility:hidden; content:"."; zoom:1; }  

.comingSoon { cursor:inherit !important; }
.flexBox { display: flex; flex-wrap: wrap; justify-content: space-between;}
.flexBox > * { flex-grow: 0; flex-shrink: 1; box-sizing: content-box;}

/* reset
----------------------------------------------------------*/
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, 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;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

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;
}

button:focus {
  outline: none;
}

button {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
}

input[type="text"],
input[type="search"],
input[type="submit"],
input[type="reset"] {
  border-radius: 0;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  outline: none;
}

input[type="submit"],
input[type="reset"] {
  cursor: pointer;
}

button:focus {
  outline: none;
}

button {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
}

input[type="text"],
input[type="search"],
input[type="submit"],
input[type="reset"] {
  border-radius: 0;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  outline: none;
}

input[type="submit"],
input[type="reset"] {
  cursor: pointer;
}

/* base
----------------------------------------------------------*/
html {
  height: 100%;
  font-size: 62.5%;
}
body { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 14px; font-size: 1.4rem; line-height: 1.6; color: #444; -webkit-text-size-adjust: 100%; border-top:5px solid #228c43;;}
h1,h2,h3,h4,h5 {
	line-height:1.47;
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
a {
  text-decoration: none;
  color: #333;
}
strong,em {
    font-weight: bold;
}
.tar {
text-align:right;
}

.mb0 {
	margin-bottom:0 !important;
}
.mb10 {
	margin-bottom:10px !important;
}
.mb20 {
	margin-bottom:20px !important;
}
.mb30 {
	margin-bottom:30px !important;
}
.mb50 {
	margin-bottom:50px !important;
}
.mt30 {
	margin-top:30px !important;
}
.pt20 {
	padding-top:20px;
}
.pb05 {
	padding-bottom:5px;
}
.small {
	display:block;
	font-size:90%;
}
.fwb {
	font-weight:bold;
}
.tac {
	text-align:center;
}
.red {
	color:#c00;
}
.forPc {
	display:none;
}
.container {
    width:100%;
    padding:0 15px;
	position:relative;
}
.header_nav_btnToggle {
	display:none;
}
header {
	padding:10px;
	position:relative;
}
header h1 {
	width:200px;
}
.top_contact {
	margin-top:10px;
	display:-webkit-box;
    display:-ms-flexbox;
    display: -webkit-flex;
	display:flex;
	-webkit-box-align:stretch;
    -ms-flex-align:stretch;
    -webkit-align-items:stretch;
    align-items:stretch;
}
.top_contact > div {
	width:50%;
	text-align:center;
	display:flex;
    align-items:center;
}
.top_contact .to_form { background: #f18d2b; }
.top_contact .to_phone {
	background: linear-gradient(135deg, #3a9c54 0%,#3da759 0%,#3da759 50%,#3da759 50%,#3a9c54 50%,#3a9c54 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.top_contact div a {
	width:100%;
	font-weight:bold;
	padding:6px;
	color:#fff;
}
.phone_number {
	display:none;
}

.header_nav_btnToggle {
	position: absolute;
	top: 15px;
	right: 20px;
	display: block;
	width: 44px;
	height: 44px;
	cursor: pointer;
}
	
.header_nav_btnToggle .line {
	position: absolute;
	display: block;
	width: 34px;
	height: 3px;
	background: #555;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.header_nav_btnToggle .line_01 { top: 10px; left: 5px;}
.header_nav_btnToggle .line_02 { top: 20px; left: 5px;}
.header_nav_btnToggle .line_03 { top: 30px; left: 5px;}

.header_nav_btnToggle.is-opened .line_01 {
	top: 20px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
.header_nav_btnToggle.is-opened .line_02 {
	opacity: 0;
}
.header_nav_btnToggle.is-opened .line_03 {
	top: 20px;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

#gNavi { margin:0 0 10px 0; background:#fff; }
#gNavi ul { display:block; width:100%; max-width:1000px; margin:0 auto; padding:0; }
#gNavi ul li { display:block; width:16.66%; float:left; }
#gNavi ul li a { display:block; font-size:14px; font-weight:bold; padding:1em 5px; text-align:center; position:relative; line-height:1; color:#444; text-decoration:none; }
#gNavi ul li a::before {content:''; display:block; width:1px; height: 60%; top:20%; left:0; position:absolute; background:#444; }
#gNavi ul li:last-of-type a::after {content:''; display:block; width:1px; height: 60%; top:20%; right:0; position:absolute; background:#444; }

.foot_contact {
	margin-bottom:50px;
	text-align:center;
}
.foot_contact .to_phone a {
	display:block;
	color:#555;
	font-weight:bold;
	font-size:18px;
	line-height:1.2;
	margin-bottom:20px;
}
.to_phone .foot_phonenumber {
	color:#f18d2b;
	font-weight:bold;
	font-size:38px;
	font-family:Arial, Helvetica, sans-serif;
}
.foot_contact .to_form a {
	width:80%;
	margin:auto;
	padding:10px;
	color:#fff;
	border-radius:6px;
	border:2px solid #e88729;
	box-shadow:0 0 5px #aaa;
	font-weight:900;
	font-size:20px;
	display:block;
	background: #f18d2b;
	
}
footer {
	padding:10px 0;
	background: #f8f4ef
}
.foot_nav { padding:0 0 10px; }
.foot_nav li { display:inline-block; white-space:nowrap; padding:10px; }
.to_top { overflow:hidden; }
.to_top a { display:block; width:120px; margin-right:10px; padding:5px 10px 5px; background:#f8f4ef; color:#333; font-weight:bold; font-size:12px; float:right; text-align:center; border-radius:6px 6px 0 0; line-height:1.2; }
.to_top a::after { content:'\f077'; font-family:FontAwesome;  display:inline-block; 	vertical-align:middle;  }
.foot_logo { padding:10px; text-align:center; background: #fff; }
.copyright { padding:5px 0 0; font-size:10px; color:#333; text-align:center; }
.main_visual { min-height:240px; background:url(../img/top/main_image.jpg) no-repeat center top; background-size:cover; }
.main_visual .container { height:100%; }
.main_visual p { padding:30px 0 0 0; }
.top_menu { 	padding:50px 0 30px;}
.top_menu ul:after {	content:'';	display:block;	clear:both;}
.top_menu li {	width:30%;	margin:0 1.5% 20px;	float:left;}
.top_menu li span {	padding:5px;	font-size:12px;	display:block;	text-align:center;	color:#555;}
.top_menu span:after {	content:'\f105';	font-family:FontAwesome;	padding-left:10px;}

.section_wrap {	margin-bottom:20px;	min-height:160px;	    border-top: 2px solid #ddd;    border-bottom: 2px solid #ddd;}
.purchase .section_wrap, 
.contact .section_wrap,
.company .section_wrap,
.inquiry .section_wrap { margin-bottom:0; }
.section_wrap .section_ttl { 	padding:0 10px;	width: 50%;	height:160px;	background: linear-gradient(to right, rgba(0,0,0,.1) 50%,rgba(0,0,0,0) 100%);    display: flex;    align-items: center;    justify-content:flex-start;}
.usage .section_wrap {	background:url(../img/usage/section.jpg) no-repeat center bottom;	background-size:cover;}
.usage .section_wrap h2 {	border-bottom:1px solid #ff6699;}
.management .section_wrap {	background:url(../img/management/section.jpg) no-repeat center bottom;	background-size:cover;}
.management .section_wrap h2 {    border-bottom: 1px solid #3399ff;}
.purchase .section_wrap {	background:url(../img/purchase/section.jpg) no-repeat center top;	background-size:cover;}
.purchase .section_wrap h2 {    border-bottom: 1px solid #009933;}
.contact .section_wrap {	background:url(../img/contact/section.jpg) no-repeat center center;	background-size:cover;}
.contact .section_wrap h2 {	border-bottom:1px solid #cc33ff;}
.inquiry .section_wrap {	background:url(../img/usage/section.jpg) no-repeat center bottom;	background-size:cover;}
.inquiry .section_wrap h2 {	border-bottom:1px solid #f18d2b;}
.company .section_wrap {	background:url(../img/company/section.jpg) no-repeat center center;	background-size:cover;}
.company .section_wrap h2 {	border-bottom:1px solid #3333ff;}
.section_wrap {	background:url(../img/company/section.jpg) no-repeat center center;	background-size:cover;}
.section_wrap h2 {	border-bottom:1px solid #3333ff;}

.section_ttl h2 {	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;	font-size:24px;	color:#fff;	text-shadow:1px 1px 1px #555;	font-weight:bold;}

.main_content {
	margin-bottom:50px;
}
.main_content p {
	margin-bottom:1.5em;
}
.main_content h3 {
	font-size:20px;
	font-weight:bold;
	text-align:center;
	position:relative;
	margin-bottom:20px;
	color:#009844;
    display: flex;
    align-items: center;
}
.main_content h3:before,
.main_content h3:after {
    border-top: 5px solid #eee;
    content: "";
    display: inline; /* for IE */
    flex-grow: 1;
}
.main_content h3:before {
    margin-right:1em;
}

.main_content h3:after {
    margin-left:1em;
}
.merit {
	margin-bottom:20px;
	padding:30px 0 5px;
	background: #fffde5;
}
.example {
	padding:30px 0 5px;
	background:#f1f9fe;
}
.main_content h4 {
	margin-bottom:15px;
	font-size:16px;
	font-weight:bold;
	position:relative;
	padding-left:15px;
}
.main_content h4:before {
	content:'';
	display:block;
	position:absolute;
	left:0;
	top:4px;
	width:5px;
	height:16px;
	background:#f29600;
	border-radius:2px;
}
.main_content h5 {
	margin-bottom:5px;
	font-weight:bold;
}
.merit_list:after {
	content:'';
	display:block;
	clear:both;
}
.merit_list li {
	width:46%;
	padding:10px;
	float:left;
	margin:0 2% 15px;
	font-weight:bold;
	font-size:16px;
	color:#f29600;
	background: linear-gradient(135deg, #f9f9f9 0%,#ffffff 0%,#ffffff 50%,#ffffff 50%,#f9f9f9 50%,#f9f9f9 100%);
	border-radius:4px;
	border:1px solid #f0f0f0;
	box-shadow:0 0 3px #ddd;
}
.merit_list.wide li {
	width:100%;
	margin:0 0 15px;
}
.flow > li:after {
	margin:20px 0 20px;
	content:'\f0d7';
	font-family:FontAwesome;
	display:block;
	text-align:center;
	color:#f29600;
	font-size:60px;
	line-height:0;
}
.flow li:last-child:after {
	content:'';
	margin-bottom:0;
}
.flow li figure {
	margin-bottom:10px;
}
.flow_box {
	padding:20px;
	background: linear-gradient(135deg, #f9f9f9 0%,#ffffff 0%,#ffffff 50%,#ffffff 50%,#f9f9f9 50%,#f9f9f9 100%);
	border-radius:4px;
	border:1px solid #f0f0f0;
	box-shadow:0 0 3px #ddd;
}
.step {
	padding:15px;
	background:#009844;
	color:#fff;
	box-shadow:0 0 5px #ccc;
	border-radius:6px;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	background: linear-gradient(135deg, #018a3e 0%,#009844 0%,#009844 50%,#009844 50%,#018a3e 50%,#018a3e 100%);
}
.flow h5 {
	color:#009844;
	font-size:16px;
}
.flow_box h5 {
	color:#009844;
	font-size:16px;
	padding-bottom:10px;
	border-bottom:2px solid #c9caca;
}
.bg_list li {
	width:100%;
	padding:10px;
	margin:0 0 15px;
	font-weight:bold;
	color:#f29600;
	background: linear-gradient(135deg, #f5f3f2 0%,#ffffff 0%,#ffffff 50%,#ffffff 50%,#f5f3f2 50%,#f5f3f2 100%);
	border-radius:4px;
	border:1px solid #f0f0f0;
	box-shadow:0 0 3px #ddd;
	font-size:16px;
}
ol.merit_list li {
	position:relative;
	padding-left:55px;
}
ol.merit_list li:before {
	content:'1';
	background:#f29600;
	width:32px;
	height:32px;
	line-height:32px;
	border-radius:50%;
	position:absolute;
	left:10px;
	top:50%;
	margin-top:-16px;
	color:#fff;
	text-align:center;
}
ol.merit_list li:nth-child(2):before { 	content:'2'; }
ol.merit_list li:nth-child(3):before { 	content:'3'; }
ol.merit_list li:nth-child(4):before { 	content:'4'; }
ol.merit_list li:nth-child(5):before { 	content:'5'; }
ol.merit_list li:nth-child(6):before { 	content:'6'; }
ol.merit_list li:nth-child(7):before {  content:'7'; }
ol.merit_list li:nth-child(8):before { 	content:'8'; }
ol.merit_list li:nth-child(9):before { 	content:'9'; }
.disc {
	list-style:disc;
	margin-left:20px;
	list-style:disc;
}
.system {
	    margin-bottom: 20px;
    padding: 30px 0 5px;
	background: #fffde5;
}
.system li {
	margin-bottom:20px;
}
.system li ul {
	margin-left:40px;
}
.system li li {
	margin-bottom:0;
}
.system_box {	margin-bottom:10px;	padding:10px 10px 6px 20px;	background: linear-gradient(135deg, #f9f9f9 0%,#ffffff 0%,#ffffff 50%,#ffffff 50%,#f9f9f9 50%,#f9f9f9 100%);	border-radius:4px;	border:1px solid #f0f0f0;	box-shadow:0 0 3px #ddd;}
.system_box h5 {	color:#f29600;	font-size:16px;	font-weight:bold;}
.kaiketsu {	padding:1px 10px;	color: #fff;    text-align: center;    background: #f29600;    margin-left: 20px;    border-radius: 4px;}
.case {}
.case_content {
	margin-bottom:30px;
	padding:15px;
	background: #f1f9fe;
}
.case_content h5 {
	margin-bottom:40px;
	    font-size: 15px;
}
.privacypolicy_content {
	margin-bottom:40px;
	padding:20px;
	height:180px;
	overflow-y:scroll;
	background:#fff;
	border:1px solid #aaa;
}
.privacypolicy_content dt {
	font-weight:bold;
}
.privacypolicy_content dl {
	margin-bottom:10px;
	font-size:12px;
}
.form_content {
	margin-bottom:30px;
	background:#fff;
	padding:15px;
}
.form_content table {
	width:100%;
}
.form_content th,
.form_content td {
	display:block;
	padding:6px 5px;
}
.form_content th {
	background:#f5f5f5;
	padding:6px 10px;
	font-weight:bold;
}
.form_content td {
	padding:10px 5px 15px;
}
.form_content input[type="text"],
.form_content textarea {
	padding:5px;
	border:1px solid #ddd;
	font-size:14px;
	border-radius:4px;
}
.form_content textarea {
	width:100%;
	height:200px;
}
.form_content input[type="text"] {
	width:90%;
}
.form_content input.fm_s {
	width:40%;
}
.form_content li {
	margin-bottom:10px;
}
.label-radio input[type="radio"]{
  display: none;
}
.label-radio{
	margin-bottom:10px;
  cursor: pointer;
  font-weight: normal;
  letter-spacing: 0;
  display: inline-block;
  position: relative;
  margin-right: 20px;
}
.label-radio .lever:before{
  content:'';
  border: 1px solid #aaa;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  border-radius:10px;
  transition: all 800ms cubic-bezier(1, 0, 0, 1);
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
.label-radio input[type="radio"]:checked + .lever:before{
  opacity: 0;
  background: #eee;
  border-color: #eee;
  transform:scale(2);
}
.label-radio .lever:after{
  content:'';
  opacity: 0;
  position: absolute;
  left: 8px;
  top: 0px;
  width:8px;
  height: 16px;
  border-right: 2px solid #aaa;
  border-bottom: 2px solid #aaa;
  transform:rotate(-200deg);
  transition: all 400ms cubic-bezier(1, 0, 0, 1);
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
.label-radio input[type="radio"]:checked + .lever:after{
  opacity: 1;
  position: absolute;
  left: 8px;
  top: 0px;
  width:8px;
  height: 16px;
  border-right: 3px solid #6b9440;
  border-bottom: 3px solid #6b9440;
  transform:rotate(40deg);
}

.label-checkbox input[type="checkbox"]{
  display: none;
}
.label-checkbox{
  cursor: pointer;
  font-weight: normal;
      display: block;
    background: #f9f9f9;
    padding: 3px 15px 5px 15px;
}
.label-checkbox .lever:before{
  content:"\f096";
  font-family: FontAwesome;
  margin-right: 7px;
  color: #ccc;
  font-size: 18px;
  position: relative;
  top: 2px;
}

.label-checkbox input[type="checkbox"]:checked + .lever:before{
  content:"\f046";
  font-family: FontAwesome;
  color: #6b9440;
}



.to_submit,
.reset {
	text-align:center;
}
.to_submit input {
	background: linear-gradient(135deg, #3a9c54 0%,#3da759 0%,#3da759 50%,#3da759 50%,#3a9c54 50%,#3a9c54 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	width:80%;
	font-size:16px;
	margin:30px auto 30px;
	font-weight:bold;
	padding:15px;
	color:#fff;
	border-radius:6px;
}
.reset input {
	font-weight:bold;
	padding:10px;
	width:50%;
	background:#ccc;
}
select {
	    -webkit-appearance: menulist;
    box-sizing: border-box;
    align-items: center;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    cursor: default;
    border-width: 1px;
    border-style: solid;
    border-color: #ddd;
}
.qa dl {
	margin-bottom:20px;
	padding:15px;
	background:#f5f5f5;
	border-radius:6px;
}
.qa dt {
	margin-bottom:15px;
	font-weight:bold;
	color:#009890;
	font-size:16px;
}
.qa dt:before {
	width:32px;
	height:32px;
	margin:0 0 5px;
	display:block;
	line-height:32px;
	text-align:center;
	font-weight:bold;
	font-size:24px;
	content:'Q';
	background:#009890;
	padding:5px;
	border-radius:50%;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
}
.qa dd:before {
	width:32px;
	height:32px;
	margin:0 0 5px;
	display:block;
	line-height:32px;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	content:'A';
	background:#f29600;
	padding:5px;
	border-radius:50%;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
}
.topics {
	margin-bottom:50px;
}
.topics h2 {
	margin-bottom:20px;
	font-weight:bold;
	padding-left:10px;
	border-left:5px solid #3da759;
}
.topics_list dl {
	border-bottom:1px solid #ddd;
	padding-bottom:5px;
	margin-bottom:10px;
}
.topics_list dt {
	font-size:12px;
}

/* TOP */
#topRecommend { display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; max-width:1000px; margin:0 auto 40px auto;  box-sizing:border-box; padding:0 20px; }
#topRecommend h3 { flex-grow:0; flex-shrink:1; flex-basis:100%; margin:0 0 20px 0; margin-bottom:20px; font-weight:bold; font-size:16px; }
#topRecommend h3::before { display:inline-block;  border-left:5px solid #3da759; margin:0 10px 0 0;  content:''; height:1em; vertical-align:middle;}
#topRecommend a { display:block; flex-grow:0; flex-shrink:1; flex-basis:calc(50% - 10px); margin:0 0 20px 0; border-radius:10px; box-shadow:0 0 3px 3px rgba(0,0,0,0.1); position:relative; }
#topRecommend a .estateBoxCover { padding:20px 20px 60px 20px;  position:relative; box-sizing:border-box;  }
#topRecommend a .statusBar { position:absolute; left:25px; top:25px;  width:calc(100% - 50px); z-index:10; }
#topRecommend a figure { overflow:hidden; margin:0 0 15px 0;}
#topRecommend a img { transition:all 2s linear 0s; }
#topRecommend a b { font-size:20px; }
#topRecommend a span.price { display:block; font-size:14px; color:#f18e2c; margin:0 auto 1em auto; }
#topRecommend a span.moreBtn { display:block; color:#f18d2b; width: 140px; box-sizing:border-box; border-radius:2em; font-size:12px; border:#f18d2b solid 2px; padding:10px; line-height:1; text-align:center; position:absolute; left:calc(50% - 70px); bottom:20px; }
#topRecommend a:hover {  box-shadow:0 0 5px 5px rgba(0,0,0,0.1); }
#topRecommend a:hover figure img { transform:scale(1.2,1.2); }
#topRecommend a span.newIcon { display:inline-block; margin:0 2px 5px 0; font-size:10px; color:#fff; background:#f18e2c; box-sizing:border-box; padding:2px 5px; border-radius:5px; font-weight:bold; }
#topRecommend a span.statusIcon { display:inline-block; margin:0 2px 5px 0; font-size:10px; color:#fff; background:#3ca658; box-sizing:border-box; padding:2px 5px; border-radius:5px; font-weight:bold; }
#topRecommend .categoryBox span { display:inline-block; margin:0 0.2em 0 0; color:#fff; font-size:10px; padding:0.2em; background:#f74545; border-radius:2px; line-height:1; vertical-align:middle; font-weight:bold; }

#topMenu { background:#f8f4ef; margin:0 0 40px 0; }
#topMenu ul { display:block; width:100%; max-width:1000px; margin:0 auto; padding:50px 0 }
#topMenu ul li { width:49%; float:left; margin:0 2% 2% 0; }
#topMenu ul li:nth-of-type(even) { margin:0 0 2% 0; }
#topMenu ul li:nth-of-type(odd) { clear:none; }
#topMenu ul li a { display:block; background:#fff; text-align:center; padding:0 0 20px 0; transition:all 0.5s linear 0s; }
#topMenu ul li a figure { overflow:hidden; margin:0 0 15px 0;}
#topMenu ul li a img { transition:all 2s linear 0s; }
#topMenu ul li a b { font-size:20px; }
#topMenu ul li a span.subText { display:block; font-size:14px; color:#61584f; margin:0 auto 1em auto; }
#topMenu ul li a span.moreBtn { display:block; color:#f18d2b; width: 140px; box-sizing:border-box; border-radius:2em; font-size:12px; border:#f18d2b solid 2px; padding:10px; line-height:1; margin:0 auto 0 auto; }
#topMenu ul li a:hover {  box-shadow:0 0 5px 5px rgba(0,0,0,0.1); }
#topMenu ul li a:hover figure img { transform:scale(1.2,1.2); }

/* ESTATE */
#commonContent { width:100%; max-width:1000px; box-sizing:border-box; padding:40px 20px; margin:0 auto; }
#commonContent #mainColumn { width:100%; float:none }

#commonContent #subColumn { width:100%; float:none; overflow:visible; }
#commonContent #subColumn ul { overflow:visible; }
#commonContent #subColumn ul li { overflow:visible; margin:0 0 10px 0; }
#commonContent #subColumn ul li a { display:block; border-radius:10px; overflow:hidden; box-shadow:0 0 7px 3px rgba(0,0,0,0.1); transition:all 0.5s linear 0s; }
#commonContent #subColumn ul li a.contactBtn01 { background:#f18d2b; color:#fff; border:#ea831a solid 1px;}
#commonContent #subColumn ul li a.contactBtn02 { background:#f74545; color:#fff; border:#e95555 solid 1px; }
#commonContent #subColumn ul li a.contactBtn03 { background:#039a35; color:#fff; border:#039433 solid 1px; }
#commonContent #subColumn ul li a.estateBtn { background:#fff; color:#ea831a; border:#ea831a solid 1px;}
#commonContent #subColumn ul li:not(:first-of-type) a { padding:2em 0; text-align:center; font-weight:bold; text-decoration:none; font-size:16px;  }
#commonContent #subColumn ul li a.estateBtn:hover { background:#ea831a; color:#fff; }
#commonContent #subColumn ul li a.contactBtn01:hover,
#commonContent #subColumn ul li a.contactBtn02:hover,
#commonContent #subColumn ul li a.contactBtn03:hover { background:#ccc; color:#fff; border:#ddd solid 1px; }
#commonContent #subColumn ul li a img { width:100%; }
#estateSpec { margin:0 0 40px 0; }
#estateSpec h3 { background:#f8f4ef; padding:0.5em 1em; font-size:20px; font-weight:bold; color:#61584f; border-bottom:#61584f solid 2px; margin:0 0 20px 0; }
#estateSpec h3 span { display:inline-block; margin:0 0.5em 0 0.5em; color:#fff; font-size:66.66%; padding:0.2em; background:#f74545; border-radius:2px; line-height:1; vertical-align:middle }
#estateSpec ul:nth-of-type(1) { display:block; padding:0 0 10px 0; border-bottom:#eee solid 3px; margin:0 0 10px 0; }
#estateSpec ul:nth-of-type(1) li {font-size:14px; display:inline-block; margin:0 10px 0 0; border-right:#ccc dotted 1px; padding:0 10px 0 0; }
#estateSpec ul:nth-of-type(1) li:last-of-type { border-right:none; }
#estateSpec ul:nth-of-type(1) li b { font-weight:bold; display:inline-block; margin:0 1em 0 0; }
#estateSpec ul:nth-of-type(1) li span.price { color:#c00; font-weight:bold; font-size:18px; }
#estateSpec ul:nth-of-type(1) li span.price > span { font-size:14px; }
#estateSpec ul:nth-of-type(2) { margin:0 0 10px 0; }
#estateSpec ul:nth-of-type(2) li { display:block; font-size:14px; }
#estateSpec ul:nth-of-type(2) li b { font-weight:bold; }
#estateSpec ul:nth-of-type(3) { font-size:0px; }
#estateSpec ul:nth-of-type(3) li { display:inline-block; margin:0 5px 5px 0; background:#7d7d7d; color:#fff; padding:0.25em 0.5em; line-height:1.1; font-size:12px; border-radius:5px; }
#estateSpec ul li .tsubo { display:inline-block; margin:0 0 0 1em; }
#estateOutline { margin:0 0 30px 0; }
#estateOutline h4 { font-size:16px; font-weight:bold; padding:0 0 0 10px; position:relative; line-height:1.2em; margin:0 0 10px 0;}
#estateOutline h4::before {  content:''; display:block; position:absolute; left:0; top:50%; margin:-0.6em 0 0 0; width:6px; height:100%; background:#f18e2c; border-radius:3px; }
#estateOutline table { width:100%; margin:0 0 40px 0; }
#estateOutline table tr th { background:#f1f9fe; color:#333; padding:1em 1.5em ; text-align: left; width:200px; border:#ccc solid 1px; font-size:14px; line-height:1.5em; font-weight:bold; }
#estateOutline table tr td { border:#ccc solid 1px; padding:1em 1.5em; font-size:14px; line-height:1.5em; }
#estateOutline table tr td .tsubo { display:inline-block; margin:0 0 0 1em; font-size:80%; }

#recommendBox { padding:15px; background:#fffdea; margin:0 0 30px 0; box-shadow:0 0 7px 3px rgba(0,0,0,0.1); }
#recommendBox h4 { position:relative; padding:5px 0 15px 30px; overflow:visible; font-size:16px; font-weight:bold; margin:0 0 10px 0; border-bottom:#f18d2b dotted 1px; line-height:1;}
#recommendBox h4::before { content:''; display:block; width:25px; height:25px; position:absolute; left:0; top:calc(50% - 5px); margin:-12px 0 0 0; background:url(../img/estate/icon_estate_01.png) center center / 100% 100% no-repeat; }
#recommendBox p { color:#f18d2b; font-size:14px; line-height:1.5em; }


#blogBox { padding:15px; background:#fffdea; margin:0 0 30px 0; box-shadow:0 0 7px 3px rgba(0,0,0,0.1); }
#blogBox h4 { position:relative; padding:5px 0 15px 30px; overflow:visible; font-size:16px; font-weight:bold; margin:0 0 10px 0; border-bottom:#f18d2b dotted 1px; line-height:1;}
#blogBox h4::before { content:''; display:block; width:25px; height:25px; position:absolute; left:0; top:calc(50% - 5px); margin:-12px 0 0 0; background:url(../img/estate/icon_estate_01.png) center center / 100% 100% no-repeat; }
#blogBox p { color:#f18d2b; font-size:14px; line-height:1.5em; }

#slideBox { margin:0 0 20px 0; }
#slideBox .slideBox  { text-align:center; }
#slideBox .slideBox img { max-height:500px; margin:0 auto; }
.bx-wrapper {  position: relative; padding: 0; *zoom: 1; -ms-touch-action: pan-y; touch-action: pan-y; margin:0 auto 1.2% auto; }
.bx-wrapper img { max-width: 100%; display: block; }
.bxslider { margin: 0; padding: 0; }
ul.bxslider { list-style: none; }
.bx-viewport { -webkit-transform: translatez(0);}
.bx-wrapper { background: #fff; }
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px;  width: 100%; }
.bx-wrapper .bx-loading { min-height: 50px; background: url('images/bx_loader.gif') center center no-repeat #ffffff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px;  height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus { background: #000; }
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; vertical-align: bottom; *zoom: 1; *display: inline; }
.bx-wrapper .bx-pager-item { font-size: 0; line-height: 0; }
.bx-wrapper .bx-prev { left: 10px; background:rgba(0,0,0,0.2)  url(../img/estate/btn_prev_01.png) center center / 100% 100% no-repeat; }
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus { background:rgba(0,0,0,0.1) url(../img/estate/btn_prev_01.png) center center / 100% 100% no-repeat; }
.bx-wrapper .bx-next { right: 10px; background:rgba(0,0,0,0.2)  url(../img/estate/btn_next_01.png) center center / 100% 100% no-repeat;  }
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus { background:rgba(0,0,0,0.1) url(../img/estate/btn_next_01.png) center center / 100% 100% no-repeat;}
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -14px; outline: 0; width: 17px; height: 28px; text-indent: -9999px; z-index: 9999; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
.bx-wrapper .bx-controls-auto { text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url('images/controls.png') -86px -11px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus { background-position: -86px 0; }
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px;  height: 11px;outline: 0; background: url('images/controls.png') -86px -44px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus { background-position: -86px -33px; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }
.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666; background: rgba(80, 80, 80, 0.75); width: 100%; }
.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }

#thumbBox { margin:0 0 40px 0; }
#thumbBox a { display:block; width:24.1%; margin:0 1.2% 1.2% 0; float:left; }
#thumbBox a:nth-of-type(4n) { margin:0 0 1.2% 0; }
#thumbBox a:nth-of-type(4n+1) { clear:both; }

#estateMap { position:relative; padding:75% 0 0 0 }
#estateMap iframe { position:absolute; width:100% !important; height:100% !important; left:0; top:0; }
#estateMap #gMap { width:100%; height:100%; position:absolute; left:0; top:0; }

#estateList { }
#estateList h3 { font-size:24px; font-weight:bold; margin:0 0 1em 0; position:relative; padding:0 0 0 10px; }
#estateList h3::before { content:''; display:block; width:4px; height:1em; top:calc(50% - 0.5em); left:0; position:absolute; background:#ccc; }
#estateList > ul { }
#estateList > ul li { margin:0 0 20px 0; }
#estateList > ul li a { display:block; box-sizing:border-box; padding:20px; box-shadow:0 0 3px 3px rgba(0,0,0,0.1); border-radius:10px; transition:all 0.5s linear 0s;}
#estateList > ul li a:hover { box-shadow:0 0 0 1px rgba(0,0,0,0.1); }
#estateList > ul li a figure { width:100px; height:100px; float:left; margin:0 10px 10px 0; }
#estateList > ul li a .textBox { display:inline; }
#estateList > ul li a h4 { font-size:14px; font-weight:bold; color:#61584f; margin:0 0 5px 0; line-height:1.5em;}
#estateList > ul li a .price { font-size:18px; font-weight:bold; color:#f18e2c; line-height:1.1; }
#estateList > ul li a .access { font-size:12px; color:#61584f; }
#estateList > ul li a .plan { font-size:12px; color:#61584f; }
#estateList > ul li a .text { display:block; clear:both; font-size:12px; margin:0 0 10px 0; color:#f18d2b; line-height:1.5em; }
#estateList > ul li a .moreDetail { background:#61584f; font-size:12px; color:#fff; line-height:1; display:block; clear:both; text-align:center; padding:1em 0; border-radius:0.5em; transition:background 0.5s linear 0s; }
#estateList > ul li a:hover .moreDetail { background:#ccc; color:#fff; }
#estateList > ul li a .categoryBox  { font-size:0px; margin:0 0 5px 0;}
#estateList > ul li a .categoryBox span { display:inline-block; margin:0 0.2em 0 0; color:#fff; font-size:10px; padding:0.2em; background:#f74545; border-radius:2px; line-height:1; vertical-align:middle; font-weight:bold; }

.btnBox { box-sizing:border-box; padding:20px; margin:40px 0 40px 0; background:#eee; }
.btnBox a { display:block; box-sizing:border-box; text-align:center; color:#fff; background:#f74545; font-size:4vw; border-radius:10px; width:100%; margin:5px 0; padding:1em 0; font-weight:bold; }
.btnBox a:nth-of-type(2) { background:#f18e2c; }
.btnBox a:hover { background:#ccc; }

#gNavi { display:none; margin:0; background:rgba(255,255,255,0.9); }
#gNavi ul { display:block; width:100%; margin:0 auto; padding:20px; }
#gNavi ul li { display:block; width:100%; }
#gNavi ul li a { display:block; font-size:4vw; font-weight:bold; color:#444; line-height:1; text-decoration:none; padding:1em 5px;  text-align:center; position:relative; width:100%; box-sizing:border-box; border-bottom:#ccc solid 1px; }
#gNavi ul li a::before,
#gNavi ul li:last-of-type a::after  { display:none; }

.pcOnly { display:block !important; }
.spOnly { display:none !important; }

/* PARKING */
.parkingMap { margin:0 auto 40px auto; }
#estateList > ul { }
#estateList > ul li { margin:0 0 20px 0; }
#estateList > ul li .mapListBox { display:block; box-sizing:border-box; padding:20px; box-shadow:0 0 3px 3px rgba(0,0,0,0.1); border-radius:10px; transition:all 0.5s linear 0s;}
#estateList > ul li .mapListBox figure { width:140px; height:140px; float:left; margin:0 10px 0 0; }
#estateList > ul li .mapListBox figure iframe { width:100%; height:100%; }
#estateList > ul li .mapListBox .textBox { display:inline; }
#estateList > ul li .mapListBox h4 { font-size:14px; font-weight:bold; color:#61584f; margin:0 0 5px 0; line-height:1.5em;}
#estateList > ul li .mapListBox .price { font-size:18px; font-weight:bold; color:#f18e2c; line-height:1.1; }
#estateList > ul li .mapListBox .access { font-size:12px; color:#61584f; }
#estateList > ul li .mapListBox .plan { font-size:12px; color:#61584f; }
#estateList > ul li .mapListBox .text { display:block; clear:both; font-size:12px; margin:0 0 10px 0; color:#f18d2b; line-height:1.5em; }
#estateList > ul li .mapListBox .categoryBox  { font-size:0px; margin:0 0 5px 0;}
#estateList > ul li .mapListBox .categoryBox span { display:inline-block; margin:0 0.2em 0 0; color:#fff; font-size:10px; padding:0.2em; background:#f74545; border-radius:2px; line-height:1; vertical-align:middle; font-weight:bold; }

/* BLOG */
#blogContent { font-size:16px; }
#blogContent h4 { font-size: 200%; line-height: 1.2em; font-weight: bold; margin: 0 0 0.5em 0; border-bottom: #ccc solid 1px; padding: 0; }
#blogContent h4::before { display: none;}
#blogContent h5 { font-size: 150%; line-height: 1.2em; font-weight: bold; margin: 0 0 0.5em 0; padding: 0; }
#blogContent ul { margin: 0.5em 0 0.5em 1.5em;}
#blogContent ul li { list-style: decimal;}
#blogContent ol { margin: 0.5em 0 0.5em 1.5em;}
#blogContent ol li { list-style:circle}
#blogContent blockquote { display: block; background: #f1f1f1; padding: 1.5em;}
#blogContent p { margin: 0.5em 0; line-height: 2em;}
#blogContent em { font-style: italic; font-weight: inherit;}
#blogContent strong {}
#blogContent sub { font-size: 50%; vertical-align: text-bottom; line-height: 1;}
#blogContent sup { font-size: 50%; vertical-align: text-top; line-height: 1;}

.topicBox { margin: 0 0 10px 0; }
.topicBox .thumbBox { flex-basis:60px; align-self: center;}
.topicBox .textBox { flex-basis:calc(100% - 70px); align-self: center;}
.topicBox .textBox dl dt { display: block; float: none !important; }
.topicBox .textBox dl dd { display: block; float: none !important; padding: 0; }


/* BASIC STYLE */
.basicText { font-size:16px; line-height:1.5em; }
.basicCaption { font-size:14px; line-height:1.5em; }

@media print,screen and (max-width: 480px) {
	#topRecommend a { flex-basis:100%; }
	
}



@media print,screen and (max-width: 768px) {
	.spmt {
		margin-top:50px;
	}
	.management .main_content h3 {
		margin-top:40px;
		font-size:18px;
	}
	.pcOnly { display:none !important; }
.spOnly { display:block !important; }

/* BASIC STYLE */
.basicText { font-size:12px; }
.basicCaption { font-size:10px; }
	
	
	/* 物件詳細 */
	#estateOutline table,
	#estateOutline table tr,
	#estateOutline table tbody { display: block; width: 100%; float: none;}
	#estateOutline table tr th { display: block; width:100%; float: none; border: none; }
	#estateOutline table tr td { display: block; width:100%; float: none; border-left: none; border-right:none; }
}
/* --------zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz---------- */
/* @pc
/* --------zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz---------- */

@media print,screen and (min-width: 768px) {
	/* GNAVI */
	#gNavi { margin:0 0 10px 0; background:#fff; display:block; }
	#gNavi ul { max-width:1000px; padding:0; }
	#gNavi ul li { width:16.66%; float:left; }
	#gNavi ul li a { font-size:14px; border-bottom:none; }
	#gNavi ul li a::before {content:''; display:block; width:1px; height: 60%; top:20%; left:0; position:absolute; background:#444; }
	#gNavi ul li:last-of-type a::after {content:''; display:block; width:1px; height: 60%; top:20%; right:0; position:absolute; background:#444; }
	
	/* MAIN COLUMN */
	#commonContent #mainColumn { width:calc(100% - 240px); float:left; }
	
	/* SIDE COLUMN */
	#commonContent #subColumn { width:220px; float:right; }
	
	/* ESTATE LIST */
	#estateList > ul li a figure { width:250px; height:250px; position:relative;}
	#estateList > ul li a figure span { padding:0.5em; margin:0 0.5em 0 0; font-size:12px; border-radius:5px; }
	#estateList > ul li a .textBox  { width:calc(100% - 270px); display:block; float:right; padding:0 0 45px 0; position:relative;}
	#estateList > ul li a h4 { font-size:16px; }
	#estateList > ul li a .price  { font-size:20px; }
	#estateList > ul li a .access,
	#estateList > ul li a .plan { font-size:14px; }
	#estateList > ul li a .text { clear:none; display:inline; font-size:14px; }
	#estateList > ul li a .moreDetail { position:absolute; left:0; bottom:0; width:100%; }
	#estateList > ul li a .categoryBox span { padding:0.5em; margin:0 0.5em 0 0; font-size:12px; border-radius:5px; }
	.btnBox { box-sizing:border-box; padding:0; }
	.btnBox a { padding:20px; margin:20px; width:calc(50% - 40px); font-size:16px; font-weight:bold; float:left; }
	
	
	/* TOP RECOMEND */
	#topRecommend a { flex-basis:calc(25% - 10px); }
	.forSp {
		display:none !important;
	}
	.forPc {
		display:block;
	}
    body {

    }
	.alignright {
		float:right;
		margin:0 0 10px 20px;
	}
	.alignleft {
		float:left;
		margin:0 20px 10px 0;
	}
	a:hover {
  		transition: opacity 0.5s ease;
  		opacity: 0.8;
	}
	main {
		position:relative;
	}
	.row {
		display:-webkit-box;
    	display:-ms-flexbox;
    	display: -webkit-flex;
		display:flex;
		margin: 0 -15px;
	}
	
	.col {
		padding:0 15px;
	}
	article .col {
		margin:0;
		padding:0 15px;
	}
	.col-2 {
		width:16.66%;
	}
	.col-3 {
		width:25%;
	}
	.col-4 {
		width:33.33%;
	}
	.col-5 {
		width:41.66%	
	}
	.col-6 {
		width:50%;
	}
	.col-7 {
		width:58.33%;	
	}
	.col-8 {
		width:66.66%;
	}
	.col-9 {
		width:75%;
	}
	.col-10 {
		width:83.33%;
	}
	.container {
		max-width:1030px;
		margin:0 auto;
	}
	header {
		max-width:1000px;
		margin:0 auto;
		padding:20px 0 10px;
	}
	.header_nav_btnToggle {
		display:none;
	}
	.nav01 a {
	color:#ff6699;
}
.nav02 a {
	color:#3399ff;
}
.nav03 a {
	color:#ff9933;
}
.nav04 a {
	color:#009933;
}
.nav05 a {
	color:#cc33ff;
}
.nav06 a {
	color:#3333ff;
}
header h1 {
	width:315px;
}
.top_contact > div {
	display:block;
}
.top_contact {
	position:absolute;
	top:5px;
	right:0;
}
.top_contact .to_phone {
	width:300px;
    background: none;
	background:inherit;
    filter: inherit;
}
.top_contact .to_phone a {
	display:block;
	color:#555;
	font-weight:bold;
	font-size:18px;
	line-height:1.2;
}
.top_contact .to_phone .phone_number {
	display:block;
	color:#f18d2b;
	font-weight:bold;
	font-size:38px;
	font-family:Arial, Helvetica, sans-serif;
}
.top_contact .to_form {
	width:300px;
	background:none;
	filter:inherit;
}
.top_contact .to_form a {
	height:100%;
	display:block;
	line-height:66px;
	font-size:20px;
	border-radius:6px;
	background: #f18d2b;
}


.foot_contact {
	max-width:1000px;
	margin:80px auto 50px;
	display:-webkit-box;
    display:-ms-flexbox;
    display: -webkit-flex;
	display:flex;
	-webkit-box-align:stretch;
    -ms-flex-align:stretch;
    -webkit-align-items:stretch;
    align-items:stretch;
	padding: 40px 40px 20px;
    border-radius: 6px;
	background:#f5f5f5;
	
}
.foot_contact > div {
	width:50%;
}
.foot_contact .to_form a {
	line-height:66px;
	height:86px;
}
.foot_contact .to_phone a {
    display: block;
    color: #555;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 20px;
}
.foot_nav {
	max-width:1000px;
	margin:0 auto;
}
.foot_nav li {
	padding:10px 5px 10px 5px;
}
.foot_nav li:after {
	content:'｜';
	padding-left:10px;
}
.foot_nav li:last-child:after {
	content:'';
}
.to_top {
	max-width:1020px;
	margin:0 auto;
}


.main_visual {
	min-height:560px;
}
.main_visual p {
    padding: 70px 0 0 0;
}

#topMenu ul li { width:32%; float:left; margin:0 2% 2% 0; }
#topMenu ul li:nth-of-type(even) { margin:0 2% 2% 0; }
#topMenu ul li:nth-of-type(odd) { clear:none; }
#topMenu ul li:nth-of-type(3n) { margin:0 0 2% 0; }
#topMenu ul li:nth-of-type(3n+1) { clear:both; }



.top_menu {
    padding: 60px 0 30px;
}
.top_menu li {
	width:150px;
	margin:0 10px 30px;
}
.top_menu ul {
	margin:0 -10px;
}
.top_menu li span {
    font-size: 14px;
}
.to_phone .foot_phonenumber {
    font-size: 44px;
}

.merit_list li {
	background: #f5f3f2;
	background: -webkit-linear-gradient(-45deg, #f5f3f2 0%,#ffffff 0%,#ffffff 50%,#ffffff 50%,#f5f3f2 50%,#f5f3f2 100%);
	background: linear-gradient(135deg, #f5f3f2 0%,#ffffff 0%,#ffffff 50%,#ffffff 50%,#f5f3f2 50%,#f5f3f2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f3f2', endColorstr='#f5f3f2',GradientType=1 );
	border-radius:4px;
	border:1px solid #f0f0f0;
	box-shadow:0 0 3px #ddd;
}
.flow_box {
	background: #f9f9f9;
	background: -webkit-linear-gradient(-45deg, #f9f9f9 0%,#ffffff 0%,#ffffff 50%,#ffffff 50%,#f9f9f9 50%,#f9f9f9 100%);
	background: linear-gradient(135deg, #f9f9f9 0%,#ffffff 0%,#ffffff 50%,#ffffff 50%,#f9f9f9 50%,#f9f9f9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f9f9f9',GradientType=1 );
}

.form_content table {
	border-top:1px solid #ddd;
}
.form_content th, .form_content td {
	display:table-cell;
	border-bottom:1px solid #ddd;
	padding:15px 20px;
}
.form_content th {
	width:25%;
}
.form_content .half li {
	width:48%;
	float:left;
	margin-right:2%;
	margin-bottom:0;
}
.form_content input[type="text"] {
	width:80%;
}
.form_content input.fm_s {
	width:25%;
}
.form_content {
    padding: 30px 40px;
}
.to_submit input {
	width:320px;
}
.to_submit input:hover {
	opacity:.8;
}
.reset input {
	width:240px;
}
.reset input:hover {
	opacity:.8;
}
.example {
    padding: 40px 0px;
}
.merit {
	padding:40px 0;
}
.system {
	margin-bottom:60px;
	padding:40px 0;
}
.example {

}
.merit_list.wide li {
   	width: 46%;
    padding: 10px;
    float: left;
    margin: 0 2% 15px;
}
.merit_list.three.wide li {
	width:30%;
	margin:0 1.5% 15px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	 -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	display:block\9;
}
.merit_list.three.wide li span {
	display:block;
}
ol.merit_list.wide li {
	padding:10px 10px 10px 55px;
}
.section_wrap {
    margin-bottom: 40px;
	min-height: 340px;
}

.section_wrap .section_ttl {
    height: 340px;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    -webkit-justify-content:flex-end;
    justify-content:flex-end;
}
.section_ttl h2 {
	width:500px;
	font-size:30px;
}
.main_content h3 {
    font-size: 30px;
	display:block\9;
}
.management .main_content h3 {
	font-size:24px;
}
.main_content h4 {
	    margin-bottom: 30px;
    font-size: 20px;
}
.main_content h4:before {
    top: 6px;
    height: 20px;
}
.form_content input[type="text"], .form_content textarea {
    border: 1px solid #ccc;
}
.form_content input[type="text"]:focus, .form_content textarea:focus {
	background:#fafafa;
}
.flow {
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.flow > li {
	padding:0 40px;
	position:relative;
}
.flow > li:after {
	content:'\f0da';
	position: absolute;
    right: -15px;
    top: 66px;
}
.usage .flow > li:after {
    top: 110px;
}
.management .flow {
	-webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
    flex-wrap:wrap;
}
.management .flow > li {
	/*padding:0 20px;*/
	margin-bottom:40px;
	width:325px;
}
.management .step {
	width:100%;
	height:auto !important;
}
.step_list {
	width:100%;
	display:flex;
	align-items:center;
}
/*.management .flow > li:after {
	font-size:32px;
	right: -8px;
}*/
.bg_list {
	overflow:hidden;
}
.bg_list li {
	width:48%;
	float:left;
	margin:0 1%;
}
.main_content .osusume_fig {
	 padding: 30px 40px 50px;
    text-align: center;
    border: 2px solid #ddd;
    max-width: 980px;
    margin: 40px auto 80px;
    border-radius: 6px;
}
.case_content {
	width:48%;
	float:left;
	margin:0 1%;
}
.case .case_wrapper {
	margin:0 -1%;
	overflow:hidden;
}

.system ul:after {
	content:'';
	display:block;
	clear:both;
}
.system li {
	width:30%;
	float:left;
	margin:0 1.5% 30px;
}
.system li ul {
	list-style:disc;
}
.system li li {
	float:none;
	width:96%;
}
.qa dt {
	display:-webkit-box;
    display:-ms-flexbox;
    display: -webkit-flex;
	display:flex;
	-webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;
}
.qa dt:before {
	margin-right:10px;
}
.qa dd {
	overflow:hidden;
	position:relative;
	padding-left:52px;
}
.qa dd:before {
	margin-right:10px;
	position:absolute;
	left:0;
}
.qa dl {
	padding:20px 50px;
}
.topics h2 {
	font-size:16px;
}
.topics dl {
	overflow:hidden;
}
.topics dt {
	width:160px;
	float:left;
} 
.topics dd {
	padding-left:160px;
}
	
.topicBox .thumbBox { flex-basis:100px;}
.topicBox .textBox { flex-basis:calc(100% - 120px);}
}
@media print, screen and (min-width: 1280px) {
.section_wrap .section_ttl { height: 400px; }
}
.global .nav03 a {
	opacity: .6;
    box-shadow: 0 0 0 #fff;
	color:#999;
	pointer-events:none;
}