@import url("./side_menu.css");
@import url("./footer-sp.css")screen and (max-width: 1199px);
@import url("./header-pc.css")screen and (min-width: 1200px);
@import url("./footer-pc.css")screen and (min-width: 1200px);
@import url("./header-sp-1199px.css")screen and (min-width: 800px) and (max-width: 1199px);
@import url("./header-sp-799px.css")screen and (max-width: 799px);
@import url("./contact-form-sp.css");
@import url("./common.css");

* {
    font-family: 'M PLUS Rounded 1c', sans-serif;
}

.header {
  height: 30px;
  z-index: 999;
}

.body {
  display: flex;
  flex-direction: row;
  width: 100%;
}


.side-menu {
  background-color: rgb(252, 145, 145);
  width: 20%;
}



.t-header-pic {
  position: relative;
}

img.t-top-header-pic {
  width: 100%;
}

.carousel-inner{
}


.contents-main {
  display: flex;
  flex-direction: column;
  background-color: #ffd7d7;
}

.contents-main-space {
  height: 20px;
}

.work-information-box {
  /*margin: auto;*/
}



.information-form-space {
  height: 15px;
}


.work-info-line {
  display: flex;
}

.work-info-btn {
  text-align: center;
}



.t-work-info {
  flex-direction: column;
  align-items: baseline;
}


.work-info-outer {
  background-color: white;
}

.work-info-icon img{
  vertical-align: bottom;
}

.company-info {
  display: flex;
  flex-direction: row;
  align-items: center;
}

img.icon-link {
  margin: 30px;
  /*height: 80%;*/
  /*object-fit: contain*/
}

.common-position-relative {
  position: relative;
}

.common-z-index-1 {
  z-index: 1;
}

.common-z-index-2 {
  z-index: 2;
}

.common-z-index-3 {
  z-index: 3;
}

.common-width-45 {
  width: 45%;
}
.common-width-100 {
  width: 100%;
}

button:focus {
  outline: 0;
}

.ji-button-osakasinai {
  background-color: #ff7bcc;
  /* width: 85px; */
}

.ji-button-osakasigai {
  background-color: blueviolet;
}

.ji-button-hyogo {
  background-color: #519edc;
}

.ji-button-kyotosiga {
  background-color: darkgreen;
}

.ji-button-narawakayama {
  background-color: darkorange;
}

a, a:hover {
  color: white;
  text-decoration: none;
}

.header-menu-button {
  top: 3px;
  position: relative;
  left: -10px;
  border-color: rgb(248, 103, 104);
}

.display-flex {
  display: flex;
}

.working-area {
  width: 90%;
}

.working-money {
  width: 100%;
}

@media (min-width: 576px) {
  .container {
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 80%;
  }
}

@media (min-width: 1900px) {
  body {
    width: 1900px;
    margin: auto;
  }
}