@charset "utf-8";


.aboutNoteArea {
  width: 840px;
  margin: 80px auto 0;
  position: relative;
  min-height: 164px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 34px 40px 34px 206px;
  box-sizing: border-box;
  background: #faf5f5;
}
.aboutNoteArea .noteImg {
  position: absolute;
  z-index: 2;
}


#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0); outline: none;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%; background: rgba(255,255,255,.5)}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

@media screen and (max-width: 768px) {

.aboutNoteArea {
  width: auto;
  margin: 11vw -4vw 0;
  min-height: 40vw;
  padding: 4vw 4vw 4vw 34vw;
}

}