@charset "UTF-8";
/*-------------------------------------------------------------------------
会社概要
-------------------------------------------------------------------------*/
.sammary {
  padding: 25px 5% 0;
  margin-bottom: 200px}
  .sammary__ttl {
    margin: 0 0 54px; }
  .sammary-table tr {
     }
  .sammary-table th {
    width: 170px;
    font-size: 18px;
    text-align: left;
    color: #8C9DAF}
  .sammary-table td {
    font-size: 15px;
    padding: 15px 0 30px;
    height: 49px;
    line-height: 1.8; }
  .sammary-table a {
    color: #4F46D4; }
  .sammary-table b a {
    color: #222;
    font-size: 15px;
    font-weight: normal; }
  .sammary-table .group-list {
    padding-bottom: 30px; }
    .sammary-table .group-list a {
      color: #222;
      font-size: 15px;
      font-weight: normal;
      line-height: 1.8;
      padding: 0 0 6px;
      display: inline-block;
      position: relative; }
      .sammary-table .group-list a i {
        color: #4F46D4;
        font-size:15px;
        position: absolute;
        top: .3em;
        right: -1.2em; }
      .sammary-table .group-list a:hover {
        color: #3C83D4; }
        .sammary-table .group-list a:hover i {
          text-decoration: none; }
  .sammary .sammary-map {
    margin: 30px 0 15px; }
    .sammary .sammary-map iframe {
      border: 1px solid #d2dce5 !important;
      background: rgba(210, 220, 229, 0.2); }
  .sammary .sammary-list {
    padding: 0 0 5px; }
    .sammary .sammary-list dt {
      font-size: 18px;
      font-weight: bold;
      margin: 0 0 10px; }
    .sammary .sammary-list .sammary-list__acc {
      line-height: 1.2;
      margin: 5px 0; }

@media screen and (max-width: 599px) {
  .sammary {
    margin: 0;
    padding: 30px 0; }

  .sammary__ttl {
    margin-bottom: 35px; }

  .sammary-table {
    width: 100%; }
    .sammary-table th, .sammary-table td {
      width: 100%;
      display: block;
      height: auto; }
    .sammary-table th {
      padding: 16px 0 8px;
      font-size: 18px; }
    .sammary-table td {
      padding: 0 0 20px;
      position: relative;
      font-size: 14px;
      line-height: 1.8; }
      .sammary-table td a, .sammary-table td i {
        font-size: 14px; }

      .sammary-table td b a {
        font-size: 14px; }
    .sammary-table .sammary-table__pos {
      padding: 0 0 6%; }
    .sammary-table .group-list {
      padding-bottom: 24px; }

  .sammary-list {
    padding: 0 0 5px; }
    .sammary-list dt {
      margin: 0 0 5px; } }

.invoice-item {
    display: flex;
    justify-content: flex-start;
    gap: 20px;
    margin-bottom: 15px;
}

.invoice-item span:first-child {
    width: 14em;
    display: inline-block;
}

/*renewal2021*/
.company-img-wrapper {
    width: calc(1200px + ((100vw - 1200px) / 2 ));
    max-width: 100vw;
    height: 600px;
}
.company-img-wrapper img{
	object-fit: cover;
	height: 100%;
	width: 100%;
}
b {
  font-weight: normal;
}
.mark-wrapper{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 110px 0 0 0;
	
}
.mark{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	width: 20%;
	font-size: 13px;
	line-height: 1.4;
	padding: 0 10px;
}
.mark span{
	display: flex;
	justify-content: center;
	width: calc(100% - 30px);
	height: 110px;
	text-align: center;
	margin: 0 0 8px;
}
.mark-twin span{
	background: #fff;
	padding: 0 8px;
}
.mark span img{
	object-fit: contain;
}
.mark-twin img{
	width: 50%;
	margin: 0 4px;
}
.mark a{
    padding: 8px 4px;
    border: 1px solid;
    font-size: 12px;
    width: 100%;
    text-align: center;
    background: rgb(255 255 255 / 60%);
    margin: 8px 0 0;
}
@media screen and (max-width: 1024px) {
	.company-img-wrapper {
	    min-width: 100vw;
	    margin: 0;
	}
	.sammary{
	    padding: 25px 0 0;
	}
	.mark{
	    flex-direction: row;
	    flex-wrap: wrap;
	    justify-content: center;
	    width: 50%;
	    margin: 0 0 60px 0;
	}
	.mark span{
	    
	}
}
@media screen and (max-width: 599px) {
    .company-img-wrapper {
        width: auto;
        height: 60vw;
    }
    .company-img-wrapper img{
        object-fit: cover;
        height: 100%;
        width: 100%;
    }
    	.mark{
	    width: 100%;
	}
}