@charset "UTF-8";
/* -------------------------
   TITLE
------------------------- */
#firstitle {
  background: url("../images/business/title-main.jpg") no-repeat right top;
  background-size: cover;}
@media screen and (max-width: 768px) {
  #firstitle { background-position: right center;}}

/* -------------------------
   BUSSINESS
------------------------- */
#business { padding: 80px 0;}
#business .list { margin-top: 48px;}
#business .item {
  background: #fff;
  padding: 24px;
  border-radius: 10px 0 0 10px;
  box-shadow: 0 0 5px #b2bac0cc;
  margin-top: 48px;
  display: flex;
  gap: 32px;}
#business .item .photo { width: 480px;}
#business .item .photo img {
  object-fit: cover;
  border-radius: 10px 0 0 10px;
  height: 100%;
  width: 480px;}
#business .item .text { flex: 1;}
#business .item h1 {
  padding-left: 20px;
  line-height: 1;
  margin-bottom: 24px;
  border-left: 5px solid var(--color-main);}
#business .item a.more { margin: 24px 0 0 auto;}

@media screen and (max-width: 1080px) {
  #business .item .photo,#business .item .text { width: 100%;flex: auto;}}
@media screen and (max-width: 768px) {
  #business { padding: 56px 0 0;}
  #business .list { margin-top: 32px;}
  #business .item {
    margin-top: 24px;
    flex-wrap: wrap;
    gap:24px;
    border-radius: 10px 10px 0 0;
    padding: 12px 12px 32px;}
  #business .item .text { width: 100%;}
  #business .item .text p { font-size: 14px;}
  #business .item h1 { margin-bottom: 16px;}
  #business .item .photo img {
    height: 208px;
    width: 100%;
    border-radius: 10px 10px 0 0;}
  #business .item a.more { margin: 24px auto 0;}}