@import "base.css";


p.first {
padding: 40px 0;
}


/* company
------------------------------------------------------------ */
.company h3 {
margin-top: 30px;
}
.company p {
margin-bottom: 5px;
}

.company table.outline {
width: 100%;
}
.company table.history {
width: 80%;
}
.company div.history {
padding: 30px 0;
border: 1px solid #CCCCCC;
background:#FFFFFF;
width: 80%;
}
.company table.outline th {
width: 80px;
}
.company td.map {
width: 350px;
}
.company table.officer {
border: 1px solid #cccccc;
background: #FFFFFF;
}
.company table.officer th,
.company table.officer td {
width: 150px;
text-align:center;
border: none;
}
.recruit h3 {
margin-top: 30px;
}
.rrrrecruit table {
width: 100%;
}
.recruit p.enquiries {
margin-top: 30px;
padding: 10px;
background: #ededed;
}
.sponsor h3 {
clear:both;
margin-top: 30px;
padding-left: 0;
background: none;
color: #000000;
}
.sponsor .member {
margin: 0 100px;
}
.sponsor dl {
border: 1px solid #CCCCCC;
background: #FFFFFF;
}
.sponsor dt {
position:relative;
float:left;
padding: 10px;
width: 150px;
border-right: 1px solid #CCCCCC;
text-align:center;
}
.sponsor dt img {
position: absolute;
margin-top: -25px;
top: 50%;
left: 10px;
}
.sponsor dd {
float:left;
padding: 10px;
}
.sponsor dd table th {
font-weight: normal;
}
.sponsor dd table th,
.sponsor dd table td {
border: none;
padding: 0 10px;
text-align:left;
vertical-align: top;
}

#full-time dl.requirements {
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 40px;
}
#full-time dl.requirements dd {
width: 280px;
}
#full-time dl.requirements dd img {
width: 100%;
border: 1px solid #F0F0F0;
}
#byRestaurants ul {
display: flex;
flex-direction: row;
justify-content: flex-start;
flex-wrap: wrap;
gap: 20px;
}
#byRestaurants li {
width: calc(( 100% - 120px) / 7 );
text-align: center;
}
#byRestaurants li figure,
#byRestaurants li figure img{
width: 100%;
}
.no-image {
position: relative;
width: 100%;
aspect-ratio: calc( 600 / 850 );
background: linear-gradient(45deg, rgb(225, 225, 240), rgb(255, 255, 255));
border-radius: 12px;
}
.no-image:before {
position: absolute;
content: "no image";
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
section img {
border-radius: 12px;
}
.kerningM005 {
letter-spacing: -0.05em;
}
/* ハック
------------------------------------------------------------ */
/* フロートすると高さが無くなる件 */
.sponsor dl {
overflow: hidden;
}
.sponsor dl:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html .sponsor dl {
height: 1em;
overflow: visible;
}
/**/