@charset "utf-8";
/* =============================================================================
   common
   ========================================================================== */
img { max-width: 100%; height: auto; }
.lt-ie9 img { width: auto; }
img[src$=".svg"] { max-width: 100%; }

/* =============================================================================
   utility
   ========================================================================== */
body { background-color: #002827; }
.l-wrapper { width: 900px; margin: 0 auto; text-align: left; background-color: #fff; }

.u-pcNone { display: none; }
.u-cf:after { content: ""; clear: both; display: block; }
.u-target { transition: opacity .3s; }
.u-target:hover { opacity: .6; }


/* =============================================================================
   component
   ========================================================================== */
.c-btn { width: 640px; height: 159px; background: url("../images/btn001.jpg") top left no-repeat; border: none; margin-left: auto; margin-right: auto; display: block; }

/* =============================================================================
   layout
   ========================================================================== */
.yt { position: relative; }
.yt__bg { position: relative; z-index: 0; }
.yt__body { position: absolute; top: 0; left: 50%; width: 564px; height: 319px; margin-left: -282px; border: 2px solid #006f6b; }

.cta__body { position: relative; }
.cta__bodyImg { position: relative; z-index: 0; }
.cta__bodyBtn { position: absolute; bottom: -150px; left: 50%; margin-left: -336px; margin-top:100px; }

.btmbtn { margin: 2px 0 18px; text-align: center; }

.tel { position: relative; }
.tel a { position: absolute; bottom: 37px; left: 482px; }

.tokutei { padding: 28px 0 32px; text-align: center; }