@charset "UTF-8";
/* Scss Document */
/*color*/
/*ベース文字色*/
/*背景色*/
/*アクセント色*/
/*線*/
/*線*/
/*線*/
/*線*/
/*線*/
/*font*/
/*layout*/
/*====================================
main_visual
====================================*/
#main_visual { background-image: url("../images/access/main.jpg"); }

/*====================================
lead
====================================*/
#lead .text { background-image: url("../images/access/lead_bg.png"); }

/*=======================
large_image
=========================*/
.large_image iframe { width: 100%; height: 600px; }

@media screen and (max-width: 1024px) { .large_image iframe { height: 300px; } }
/*=======================
text_lr
=========================*/
@media screen and (min-width: 769px) { .text_lr { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; }
  .text_lr > .text { flex-basis: calc(100% - 135px); max-width: calc(100% - 135px); flex-shrink: 0; padding-left: 10px; padding-right: 4.166666%; }
  .text_lr > .text h4 { margin-bottom: 20px; }
  .text_lr > .text p + h4 { margin-top: 30px; }
  .text_lr > .qr { flex-basis: 135px; max-width: 135px; flex-shrink: 0; } }
/*=======================
access
=========================*/
.text p > a[href] { color: #766d5e; text-decoration: underline; }
.text p > a[href]:hover { text-decoration: none; }

/*# sourceMappingURL=access.css.map */