@charset "UTF-8";
#heading h1 {
  text-align:left;
}
/*-------------------------------------------------
  chef
-------------------------------------------------*/
#chef {
  width:100%;
  height:auto;
  padding:200px 0 0 0;
  position:relative;
}
.chef {
  width:100%;
  height:auto;
  max-width:1100px;
  margin:0 auto;
}
.chef-top {
  width:70%;
  height:auto;
  position:relative;
}
.chef-top-text {
  width:100%;
  height:auto;
}
.chef-top-title {
  width:100%;
  height:auto;
}
.chef-top-title img {
  display:block;
  width:100%;height:auto;
}
.chef-main {
  width:70%;
  height:auto;
  padding-top:50px;
}
.staff-name-inner {
  width:45%;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:0 20px;
  margin:0 auto;
  box-sizing:border-box;
  position:relative;
  z-index:1;
}
.staff-name-inner img {
  display:block;
  width:80px;height:auto;
  margin-right:20px;
}
.representative {
  display:inline-flex;
  flex-direction:column;
  line-height:1.2;
  font-size:2rem;
  margin-right:10px;
}
.representative-s {
  font-size:1.2rem;
}
.staff-name-main {
  font-size:3rem;
}
.chef-main-title {
  width:85vw;
  height:auto;
  margin-left:calc(37.5% - 37.5vw);
  padding:20px 0;
  background:#005068;
  color:#fff;
  position:relative;
}
.chef-main-title::after {
  display:block;
  content:'';
  width:100%;height:100%;
  background:url('https://bottegablu.com/img/top/bg.png');
  background-repeat:repeat;
  opacity:.5;
  position:absolute;
  top:0;left:0;
}
.chef-main-text {
  width:100%;
  height:auto;
  padding:50px 0;
}
.chef-main-text p {
  margin-bottom:16px;
}
.chef-small {
  font-weight:bold;
}
.owner {
  width:40%;
  height:auto;
  position:absolute;
  bottom:0;right:0;
}
.owner-sp {
  display:none;
}.owner img {
  display:block;
  width:100%;height:auto;
  min-width:600px;
}
/*-------------------------------------------------
  career
-------------------------------------------------*/
#career {
  width:100%;
  height:auto;
  padding:200px 0 250px 0;
  position:relative;
  color:#fff;
  background:#000;
}
#career::before {
  display:block;
  content:'';
  width:100%;
  height:100%;
  position:absolute;
  top:0;left:0;
  background:url('https://bottegablu.com/img/chef/bg.png');
  background-size:cover;
  opacity:.6;
}
.career {
  width:100%;
  max-width:1280px;
  height:auto;
  margin:0 auto;
  position:relative;
  z-index:1;
}
.career h2 {
  width:50%;
  height:auto;
  margin:0 auto 50px auto;
}
.career h2 img {
  display:block;
  width:100%;height:auto;
  opacity:.5;
}
.career-cols {
  width:100%;
  height:auto;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.career-img {
  width:40%;
  height:auto;
}
.career-img img {
  display:block;
  width:100%;height:auto;
}
.career-inner {
  width:50%;
  height:auto;
}
.career-inner ul {
  width:100%;height:auto;
  list-style:none;
}
.career-inner li {
  display:flex;
  align-items:center;
  padding-bottom:8px;
}
.career-time {
  display:inline-block;
  width:100px;height:auto;
  margin-right:10px;
}
/*-------------------------------------------------
  detail
-------------------------------------------------*/
#detail {
  width:100%;
  height:auto;
  padding:100px 0 100px 0;
  position:relative;
}
.detail {
  width:100%;
  max-width:1100px;
  height:auto;
  margin:0 auto;
  position:relative;
  z-index:1;
}
.detail-top {
  width:100%;
  height:auto;
  display:flex;
  justify-content:space-between;
}
.detail-top-inner {
  width:40%;
  height:auto;
}
.detail-top-text {
  width:100%;
  height:auto;
  margin-top:20px;
}
.detail-top-text ul {
  width:100%;
  height:auto;
  padding-left:20px;
  box-sizing:border-box;
}
.detail-top-img {
  width:55%;
  height:auto;
  margin-top:-200px;
}
.detail-top-img img {
  display:block;
  width:100%;height:auto;
}
.detail-main {
  width:70%;
  height:auto;
  margin-left:auto;
  display:flex;justify-content:space-between;
  align-items:flex-end;
}
.detail-main-inner {
  width:45%;
  height:auto;
  display:flex;
  flex-direction:column;
}
.detail-main-logo {
  width:50%;
  height:auto;
  margin:0 auto 50px auto;
}
.detail-main-logo img {
  display:block;
  width:100%;height:auto;
}
.detail-main-inner p {
  text-align:center;
}
.detail-main-img {
  width:55%;
  height:auto;
  margin-right:-10%;
}
.detail-main-img img {
  display:block;
  width:100%;height:auto;
}
/*-------------------------------------------------
  trip
-------------------------------------------------*/
#trip {
  width:100%;
  height:auto;
  padding:100px 0 100px 0;
  margin-bottom:100px;
  position:relative;
}
.trip {
  width:100%;
  max-width:1920px;
  height:auto;
  margin:0 auto;
  position:relative;
}
.trip::after {
  display:block;
  content:'';
  width:100%;height:0;
  padding-top:46.25%;
}
.trip-title {
  width:45%;
  height:auto;
  position:absolute;
  top:20%;
  left:50%;
  z-index:2;
  mix-blend-mode:luminosity;
}
.trip-img1 {
  width:45%;height:auto;
  position:absolute;
  z-index:1;
  top:0;left:0;
  transform:translate(0,0);
}
.trip-img2 {
  width:32.5%;height:auto;
  position:absolute;
  z-index:1;
  bottom:0;left:35%;
  transform:translate(0,0);
}
.trip-img3 {
  width:35%;height:auto;
  position:absolute;
  z-index:1;
  top:60%;right:0;
  transform:translate(0,-50%);
}
.trip img {
  display:block;
  width:100%;height:auto;
}
@media screen and (max-width: 1360px) {
  .chef-main {
    width:100%;
  }
  .chef-main-text-sub br {
    display:none;
  }
  .career {
    width:90%;
    max-width:initial;
  }
}
@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1180px) {
  .chef,.detail {
    width:90%;
    max-width:initial;
  }
}
@media screen and (max-width: 1024px) {
  .chef {
    width:100%;
  }
  .chef-top {
    width:60%;
    margin-left:10%;
  }
  .chef-main-title {
    width:100%;
    margin-left:initial;
  }
  .chef-main-text {
    width:50%;
    margin-left:10%;
  }
  .staff-name-inner {
    width:80%;
    margin:0 auto 0 0;
  }
  .owner {
    width:50%;
    right:-10%;
  }
  .owner picture,.owner img {
    min-width:initial;
  }
  #career::before {
    background-position:right;
  }
}
@media screen and (max-width:970px) {
}
@media screen and (max-width:896px) {
}
@media screen and (max-width:768px) {
  .career h2 {
    width:70%;
  }
  .career-cols {
    width:70%;
    flex-direction:column;
    margin:0 auto;
  }
  .career-img {
    width:100%;
  }
  .career-inner {
    width:100%;
    margin-top:30px;
  }
}
@media screen and (max-width:680px) {
  #chef {
    padding-top:100px;
  }
  .owner {
    width:75%;
    right:-25%;
  }
  .owner img {
    min-width:320px;
  }
  .career-cols {
    width:80%;
  }
  .detail {
    width:100%;
  }
  .detail-top {
    align-items:flex-start;
  }
  .detail-top-img {
    width:50%;
    position:relative;
  }
  .detail-top-img::after {
    display:block;
    content:'';
    width:100%;height:0;
    padding-top:120%;
  }
  .detail-top-img img {
    display:block;
    width:100%;height:100%;
    object-fit:cover;
    position:absolute;
    top:0;left:0;
  }
  .detail-top-inner {
    margin-left:5%;
  }
  .detail-main {
    width:90%;
    margin:0 auto;
    position:relative;
  }
  .detail-main-inner {
    width:100%;
  }
  .detail-main-logo {
    width:20%;
    margin-bottom:20px;
  }
  .detail-main-img {
    position:absolute;
    bottom:-20%;
    right:5%;
    width:30%;
  }
  #trip {
    margin-bottom:0;
  }
  .trip::after {
    padding-top:72.5%;
  }
  .trip-img1 {
    width:50%;
  }
}
@media screen and (max-width:480px) {
  .chef-top {
    width:90%;
    margin-left:5%;
    box-sizing:border-box;
  }
  .chef-top-title,.chef-top-text {
    width:65%;
    margin-left:5%;
    position:relative;
    z-index:1;
  }
  .chef-main-text {
    width:90%;
    margin:0 auto;
    position:relative;
    z-index:2;
  }
  .chef-top-text p,
  .chef-main-text p {
    font-size:1.2rem;
    text-align:justify;
  }
  .staff-name-inner {
    width:100%;
  }
  .staff-name-inner img {
    width:40px;
  }
  .representative {
    font-size:1.2rem;
  }
  .representative-s {
    font-size:1rem;
  }
  .staff-name-main {
    font-size:2rem;
  }
  .owner {
    display:none;
  }
  .owner-sp {
    display:block;
    position:absolute;
    right:-47.5%;
    bottom:-55px;
    width:115%;
    height:auto;
  }
  .owner-sp img {
    display:block;
    width:100%;height:auto;
  }
  .chef-main-title {
    position:relative;
    z-index:1;
  }
  #career {
    padding:100px 0 150px 0;
    font-size:1.2rem;
  }
  .career h2 {
    margin-bottom:30px;
  }
  .career-cols {
    width:90%;
  }
  .career-inner li {
    flex-direction:column;
    align-items:flex-start;
    margin-bottom:10px;
  }
  .career-time {
    display:flex;align-items:center;
    width:100%;height:auto;
    font-size:1.1rem;
  }
  .career-time::after {
    display:block;
    content:'';
    border-top:1px solid #3A3A3A;
    flex-grow:1;
    margin-left:5px;
  }
  #detail {
    font-size:1.2rem;
  }
  .detail-top {
    flex-direction:column-reverse;
  }
  .detail-top-img {
    width:70%;
    margin-left:auto;
  }
  .detail-top-inner {
    width:80%;
    margin:30px auto 0 auto;
  }
  .detail-top-img::after {
    padding-top:75%;
  }
  .detail-main-logo {
    width:25%;
    margin-top:20px;
  }
  .detail-main-img {
    width:40%;
    bottom:-32%;
  }
  .trip::after {
    padding-top:150%;
  }
  .trip-title {
    width:70%;
    top:30%;
    left:initial;
    right:0;
  }
  .trip-img1 {
    width:75%;
  }
  .trip-img1::after {
    display:block;
    content:'';
    width:100%;height:0;
    padding-top:120%;
  }
  .trip-img1 img {
    height:100%;
    object-fit:cover;
    object-position:left;
    position:absolute;
    top:0;left:0;
  }
  .trip-img2 {
    width:75%;
    left:25%;
    bottom:initial;
    top:47.5%;
  }
  .trip-img3 {
    width:45%;
    top:initial;bottom:0;
    right:initial;left:0;
    transform:initial;
}