/* Reset */
@import url('../reset.css');

/* Common */
@import url('../common/header.css');
@import url('../common/footer.css');
@import url('../common/visual.css');
@import url('../common/components.css');
@import url('../common/common-layout.css');
@import url('../common/modal.css');

/* Contact */
@import url('./estimate.css');


input:focus,
textarea:focus {
  outline: 1px solid var(--main);
}

.common-layout { 
  display: flex; 
  justify-content: space-between; 
  margin-top: 20px; 
  padding-bottom: 30px; 
  border-bottom: 1px solid var(--main); 
  font-size: 18px;
  line-height: 26px;
  align-items: center;
  color: var(--gray);
}

.common-layout ul { display: flex; }
.common-layout ul li { font-size: 16px; position: relative; }
.common-layout ul li + li { margin-left: 45px; }
.common-layout ul li + li:before { 
  content: '';
  position: absolute;
  width: 5px;
  height: 10px;
  background: url('../../images/arrow_right_blue.png') no-repeat center / cover;
  left: -20px;
  top: 55%;
  transform: translate(-50%, -50%);
}


@media (max-width: 1360px){
  .common-layout { padding-bottom: 25px; }
  .common-layout ul { display: none; }
}