@media screen and (min-width: 769px) {
  #ind_kv_title {
    width: 100%;
    min-width: 533px;
    height: 270px;
    position: absolute;
    top: 100px;
    text-align: center;
    background: url(/museum/english/coffeeroad/images/ind_kv_title_pc.png) center top no-repeat;
    background-size: 533px 270px; }
  #coffeeroad_point02 p.comm_text {
    padding-bottom: 0px; }
  .top_sns_btn {
    width: 100%;
    margin: 65px auto 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around; }
  .comm_btn_wrap#top_fb_btn_en {
    width: 250px;
    padding: 0;
    border-color: #395898; }
  .comm_btn_wrap#top_fb_btn_en a {
    width: 100%;
    background: url(/museum/images/fb_arrow_right.png) #ededf9 95% 50% no-repeat;
    color: #395898;
    background-size: 8px;
    padding: 0.6em 0;
    opacity: 1;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    border-color: #395898;
    text-decoration: none; }
  .comm_btn_wrap#top_fb_btn_en a p {
    background: url(/museum/images/fb.gif) 10% 50% no-repeat;
    background-size: 33px;
    padding: 12px 0;
    font-size: 20px; } }

@media screen and (max-width: 768px) {
  #ind_kv_title {
    width: 80%;
    margin: 0 auto 0;
    padding: 38.95% 0 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background: url(/museum/english/coffeeroad/images/ind_kv_title_sp.png) center 50% no-repeat;
    background-size: 100%; }
  .top_sns_btn {
    text-align: center;
    margin: 20px 0; }
  .comm_btn_wrap#top_fb_btn_en {
    margin: 30px auto 0;
    border-color: #395898; }
  .comm_btn_wrap#top_fb_btn_en a {
    width: 100%;
    background: url(/museum/images/fb_arrow_right.png) #ededf9 95% 50% no-repeat;
    color: #395898;
    background-size: 8px;
    padding: 0;
    border-color: #395898;
    text-decoration: none; }
  .comm_btn_wrap#top_fb_btn_en a p {
    background: url(/museum/images/fb.gif) 10% 50% no-repeat;
    background-size: 10%;
    padding: 8% 0;
    font-size: 20px;
    text-align: center; }
  .comm_btn_wrap.top_sns_btn_l,
  .comm_btn_wrap.top_sns_btn_r {
    max-width: 220px;
    height: 68px;
    margin: 0 auto; } }