@charset "UTF-8";
/* sp-only ------------*/
/* pc-only ------------*/
/* hover-only ------------*/
/* flex ------------*/
/* Font Awesome 疑似要素 ------------*/
/* transition ------------*/
/* IE用 ------------*/
/* 750pxデザイン時のpxからvwを計算 ------------*/
/* calc内で使いたい場合: calc( 100% - vw(10) ); */
/*------------------------------------------------
hero--guide
------------------------------------------------*/
.lcl-hero { display: flex; align-items: center; justify-content: center; height: 150px; background: url(/hamaoka-pr/userguide/img/bg_01.jpg) no-repeat top center/cover; }
@media screen and (max-width: 767px) { .lcl-hero { height: 19.2vw; background: url(/hamaoka-pr/userguide/img/sp/bg_01.jpg) no-repeat top center/cover; } }
.lcl-hero .lcl-hero__ttl { font-size: 28px; line-height: 110px; font-weight: bold; color: #fff; }
@media screen and (max-width: 767px) { .lcl-hero .lcl-hero__ttl { font-size: 5.3333333333vw; line-height: 14.6666666667vw; } }

/* -------------- lcl-corner -------------- */
.lcl-corner { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; align-items: stretch; justify-content: space-between; margin-top: 40px; position: relative; /* ---- SP only ---- */ }
.lcl-corner::before { content: ''; position: absolute; top: -27px; left: -22px; width: 78px; height: 60px; background: url(/hamaoka-pr/userguide/img/ico_02.png) center/cover no-repeat; z-index: 2; }
@media screen and (max-width: 767px) { .lcl-corner { margin-top: 9.3333333333vw; } }
.lcl-corner .lcl-corner__item { position: relative; width: 160px; /* ---- SP only ---- */ }
.lcl-corner .lcl-corner__item::before { top: -6.4vw; left: -2.1333333333vw; width: 20.5333333333vw; height: 16vw; }
@media screen and (max-width: 767px) { .lcl-corner .lcl-corner__item { width: 48%; margin-bottom: 2.6666666667vw; } }
.lcl-corner .lcl-corner__txtarea { text-align: center; font-size: 12px; padding-top: 5px; /* ---- SP only ---- */ }
@media screen and (max-width: 767px) { .lcl-corner .lcl-corner__txtarea { padding-left: 3.4666666667vw; padding-top: 1.3333333333vw; letter-spacing: 0; font-size: 3.2vw; } }