@charset "UTF-8";
/* import */
/* カラー */
/* レスポンシブ */
/*****STANDART CSS******/
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
}

abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var,
video {
  margin: 0;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
  /******SMOOTH SCROLL ANCHOR******/
}

/*****STANDART CSS******/
/* ---------common--------- */
body {
  margin: 0;
  font-family: YuGothic,'Yu Gothic',YuGothic,'Yu Gothic',sans-serif;
  background-color: #f4f4f4;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

img {
  vertical-align: bottom;
  width: 100%;
}

a {
  -webkit-transition: .3s;
  transition: .3s;
  text-decoration: none;
  color: #000;
  cursor: pointer;
}

/* flex */
.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.align_start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.align_center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.align_end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.flex_center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flex_start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.flex_end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.stretch {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

/* inner */
.inner {
  width: 100%;
  min-width: 768px;
  margin: 0 auto;
}

h2 {
  font-size: 18px;
  margin-bottom: 30px;
}

.mb_0 {
  margin-bottom: 0 !important;
}

/* 下層ページ共通 */
/* header */
header {
  background-color: #454545;
  padding: 10px 0px;
  overflow: hidden;
}

header .inner {
  width: 98%;
}

header .logo {
  width: 200px;
}

header .logaut p {
  color: #fff;
  margin-right: 20px;
}

header .logaut .logaut_btn {
  border: 1px solid #fff;
  padding: 5px 20px;
  color: #fff;
  border-radius: 40px;
}

/* footer */
/* top */
.main_row {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow: hidden;
}

.main_row .side {
  background-color: #3a476d;
  -webkit-transition: .3s;
  transition: .3s;
  min-height: calc(100vh - 60px);
}

.main_row .side li img {
  width: 25px;
	margin-left: auto;
    margin-right: auto;
    display: block;
	margin-bottom:3px;}

.main_row .side li p {
    color: #fff;
    font-size: 12px;
    letter-spacing: -1px;
    margin-left: -5px;
    text-align: center;
}

.main_row .side li a {
  color: #fff;
}

.main_row .side li ul li {
  padding-left: 55px;
  padding: 20px 10px 20px 55px;
  border-bottom: 1px solid #fff;
}

.main_row .side li ul li:nth-child(2) {
  background-color: inherit;}

.main_row .side li ul li a {
  padding: 20px 0;
  white-space: nowrap;
  font-size: 16px;
}

.main_row .side .menu_click {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  cursor: pointer;
  border-bottom: 1px solid #fff;
  position: relative;
}

.main_row .side .menu_click::after {
  content: url(../images/arrow_top.png);
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%) scale(0.8);
          transform: translateY(-50%) scale(0.8);
  opacity: 0;
  -webkit-transition: .3s;
  transition: .3s;
}

.main_row .side .menu_click p {
  padding-right: 40px;
  font-weight: bold;
}

.main_row .side .side_click {
  display: block;
  padding: 10px;
  cursor: pointer;
  border-bottom: 1px solid #fff;
  position: relative;
  pointer-events: none;
}
.main_row .side .side_click::after {
  content: url(../images/arrow_top.png);
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%) scale(0.8);
          transform: translateY(-50%) scale(0.8);
  opacity: 0;
  -webkit-transition: .3s;
  transition: .3s;
}
.main_row .side .side_click p {
}

.main_row .side.active .side_click {
  pointer-events: initial;
}

.main_row .side.active .side_click::after {
  opacity: 1;
}

.side_click.noundermenu:after {
	display:none;}


.main_row main {
  background-color: #f4f4f4;
  padding: 50px;
  width:100%;
  overflow-x:auto;
}

.main_row main .news {
  margin-bottom: 70px;
}

.main_row main .news .news_box {
  -webkit-box-shadow: 0px 0px 31px 0px #d5d1c8;
          box-shadow: 0px 0px 31px 0px #d5d1c8;
  overflow: scroll;
  height: 230px;
  background-color: #fff;
  padding: 40px;
}

.main_row main .news .news_box .news_text p {
  color: #4c4c4c;
}

.main_row main .common_links {
  margin-bottom: 10px;
}

.main_row main .common_links h2 {
    position: relative;
    background-color: #3f6eb3;
    color: white;
    padding: 3px 0 0 2px;
}

.main_row main .common_links h2::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  background-color: #01a627;
  width: 24px;
  height: 24px;
}

.main_row main .common_links .links li {
  width: 49%;
  background-color: #fff;
  padding: 20px;
  margin-bottom: 20px;
  position: relative;
  -webkit-box-shadow: 0px 0px 31px 0px #d5d1c8;
          box-shadow: 0px 0px 31px 0px #d5d1c8;
}

.main_row main .common_links .links li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 6px;
  height: 100%;
}

.main_row main .common_links .links li::after {
  content: url(../images/arrow_right.png);
  position: absolute;
  right: 10px;
  top: 40%;
  -webkit-transform: scale(0.5) translateY(-50%);
          transform: scale(0.5) translateY(-50%);
}

.main_row main .common_links .links li a .left,
.main_row main .common_links .links li a .right {
  width: 50%;
}

.main_row main .common_links .links li a .left {
  width: 48%;
}

.main_row main .common_links .links li a .left p {
  font-size: 18px;
  font-weight: bold;
}

.main_row main .common_links .links li a .right {
  width: 52%;
}

.main_row main .common_links.rental_links h2::before {
  background-color: #01a627;
}

.main_row main .common_links.rental_links li::before {
  background-color: #01a627;
}

.main_row main .common_links.sale_links h2::before {
  background-color: #e60012;
}

.main_row main .common_links.sale_links li::before {
  background-color: #e60012;
}

.main_row main .common_links.product_links h2::before {
  background-color: #3c6cb3;
}

.main_row main .common_links.product_links li::before {
  background-color: #3c6cb3;
}

.main_row main .common_links.user_links h2::before {
  background-color: #38bcbb;
}

.main_row main .common_links.user_links li::before {
  background-color: #38bcbb;
}

.main_row main .common_links.admin_links h2::before {
  background-color: #ebaf0d;
}

.main_row main .common_links.admin_links li::before {
  background-color: #ebaf0d;
}



.main_row main .common_links.product_links h2::before {
	display:none;}
.main_row main .common_links.product_links h2 span{
    display: inline-block;
    max-width: 35px;
    padding: 2px 5px 5px 4px;
    background-color: #3c6cb3;
    border-radius: 4px;
    margin-right: 10px;}

.main_row .hidden .hidden_text {
  white-space: nowrap;
}

.foot_logo {
  width: 200px;
  margin: 300px auto 0;
}

.side.active {
  -webkit-animation: .3s forwards menuanimation;
          animation: .3s forwards menuanimation;
}

#side li {
	position:relative;}

#side li:hover {
    background-color: #5c6c9b;}

#side li ul.side_click_inner {
    position: absolute;
    left:100%;
    top: 0;
    background-color: #000000;/*#3a476d;*/
	z-index:9999;
    min-width: 136px;
	}

#side li ul.side_click_inner li {
	padding:0px;}

#side li ul.side_click_inner li:hover {
	background-color:#7c86a5;}
#side li ul.side_click_inner li a {
	padding:21px 20px 21px 20px;
	display:block;}

#side li:hover ul.side_click_inner {
	display:block}



@-webkit-keyframes menuanimation {
  0% {
  }
  100% {
  }
}

@keyframes menuanimation {
  0% {
  }
  100% {
  }
}
/*  ユーザーログイン  */

.login_google {
	text-align:center;}
.login_google a {
	border:1px solid #ccc;
	padding:10px 20px;
	display:block;
	max-width:500px;
	border-radius:10px;
	background-color:#ffffff;}

.login_google a img {
	width: 1.5em;
    display: inline-block;
    margin: -2px 10px 0 0;}