@charset "UTF-8";

.group-cost .small-for-price,
.group-scene .small-for-price {
  font-size: 0.8em;
  font-weight: 500;
}

.cost-line em {
  font-size: 1.15em;
  font-style: normal;
}

.group-scene .cost .content-cost .cost-line .w180 {
  width: 180px;
}

/* --- */
/*.menu-contact .contact-li.info-des {
  display: none;
}*/

/* -------------- Hambuger */
.menu-mobile {
  width: 100%;
}

.menu-mobile-icon {
  position: absolute;
  right: 0px;
  top: 14px;
}

/* --------------- service */
/* --------------- service circle */
@media (max-width: 1600px) and (min-width: 768px) {
  body.page-template-template-service .group-circleService {
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    height: 700px;
  }

  body.page-template-template-service .list-circle {
    position: absolute;
    left: 55%;
    -webkit-transform: translateX(-55%);
    transform: translateX(-55%);
  }
}

/* --------------- list-pageMenu */
@media (max-width: 768px) {
  .list-pageMenu .item a {
    position: absolute;
  }
}

/* --------------- /scene キャストを利用シーンから考える */
/* --------------- list-pageMenu */
.list-pageMenu.scene .item a:hover {
  /* color:white;
  background: #666666;
  opacity:1; */
}

/* --------------- /plan 開催中のキャスティングプランを見る */
/* --------------- list-pageMenu */
.list-pageMenu.plan .item a:hover {
  /*     color:white;
  background: #7a7a7a;
  opacity:1; */
}

.group-cost-plan span.small-for-price,
.price-num span.small-for-price,
.value-number span.small-for-price {
  font-weight: inherit;
  font-size: 0.85em;
  margin-left: 0px;
}

.group-des-plan .item .text {
  line-height: 220%;
}

/* ふきだし */
.group-des-plan .item .message-icon {
  right: 70px;
}

.group-des-plan .item .message-icon.plan4 {
  bottom: 20px;
  right: 40px;
}

.group-benefits .content .text>div .message-line {
  bottom: 5px;
}

/* --------------- ourService */
.group-ourService .title {
  font-size: 2.13rem;
  font-weight: bold;
  color: #e3e3e3;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate3d(-50%, -58%, 0);
  opacity: 0.8;
}

@media (max-width: 768px) {
  .group-ourService {
    padding: 0;
  }

  .group-ourService .title,
  .group-ourService .main .left {
    display: none;
  }
}

/* --------------- related */
.related .des {
  font-size: 15px;
}

.contact-page .info .des .phone .number {
  font-weight: bold;
  font-size: 2.5rem;
  line-height: 1.4;
  padding-left: 0.35em;
  font-family: Arial, Helvetica, sans-serif;
}

@media (max-width: 768px) {
  body.home {
    font-feature-settings: "palt";
  }

  .button-link-top {
    line-height: 1.4;
  }

  .titleYM {
    margin-top: 25px;
  }

  .titleYM2 {
    font-size: 2rem;
    line-height: 1.35;
    margin-top: 25px;
  }

  .top-section1 .title,
  .youmaycasting .content .title,
  .top-section1 .title,
  .youmaycasting .content .title {
    /* 21px */
    font-size: 1.4rem;
    /* 38px */
    line-height: 1.8095238095;
  }

  .youmaycasting .content .title>div {
    /* 38px */
    line-height: 1.8095238095;
  }

  .top-section3 .title,
  .top-section2 .title {
    /* 21px */
    font-size: 1.4rem;
  }

  .top-section2 .des,
  .youmaycasting .content .des {
    /* 14px */
    font-size: 0.9333333333rem;
    text-align: justify;
  }

  .top-section1:before {
    top: unset;
    bottom: -20px;
  }

  .top-section1 .arrow {
    margin-top: 0;
  }

  .top-section1 .arrow .text-arrow .border-text-top {
    text-align: center;
    padding-right: 0;
    font-size: 1.45rem;
    line-height: 180%;
  }

  .top-section1 .arrow .text-arrow {
    text-align: center;
    padding-right: 0 !important;
    margin-top: 10px;
    margin-bottom: 50px;
  }

  .top-section1 .arrow img.mb {
    width: 16px;
  }

  .top-section1 .arrow .text-arrow {
    margin-bottom: 0;
  }

  /* aModel commune */
  .top-section3 {
    border-top: solid 1px #eee;
    margin-top: 70px;
    padding-top: 50px;
  }

  .top-section3 .title .small {
    font-size: 0.55em;
    margin-bottom: 5px;
    font-weight: 444;
  }

  .top-section3 .title .border-text-top:before {
    border-bottom: 7px solid #00ffff;
    bottom: -4px;
  }

  .top-section3 .title .small.border-text-top:before {
    border-bottom: 5px solid #00ffff;
    bottom: -3px;
  }

  .top-section3 .des {
    text-align: justify;
  }

  .casting-blog .title {
    /* 21px */
    font-size: 1.4rem;
  }

  .casting-blog .des {
    /* 14px */
    font-size: 0.9333333333rem;
    text-align: justify;
    margin-top: 30px;
  }

  /* aModel commune バナー */
  .top-section3 .group-boxshadow.top {
    background-position: 0 0;
  }

  .top-section3 .group-boxshadow.top .text.top .text-wrap-mb {
    line-height: 1.3;
  }

  .top-section3 .group-boxshadow.top {
    padding: 100px 25px 20px 25px;
  }

  .top-section3 .group-boxshadow.top .button {
    margin-top: 20px;
  }

  .top-section3 .group-boxshadow.top .button button {
    /* 14px */
    font-size: 0.9333333333rem;
    padding: 6px 0px;
    width: 96%;
  }

  /* ------------ デンドウイリ　記事一覧を見る　ボタン */
  .casting-blog .show-content-left .button-link a {
    font-size: 10px;
  }

  /* -------------- キャスティング実績 */
  .group-title-page {
    /* 21px */
    font-size: 1.4rem;
  }

  /* - 藤本美貴さんを起用*/
  .title-example-talent {
    /* 21px */
    font-size: 1.4rem;
    margin-bottom: 5px;
  }

  /* - サブライン - クライアント情報など*/
  .title-small-expample-talent {
    display: block;
    font-size: 0.6666666667rem;
    line-height: 1.4;
    margin: 0 10%;
  }

  /* - 藤本さんの写真*/
  .list-example-talent {
    margin-top: 20px;
  }

  /* -------------- top Result slider */
  .list-scene-top .item .title a {
    font-size: 1rem;
    line-height: 1.4;
  }

  .list-scene-top .item .des {
    /* font-size: 0.65rem; */
    font-size: .93rem !important;
    line-height: 1.3 !important;
    -webkit-text-size-adjust: 100%;
  }

  /* -------------- top NEWS */
  .top-news .title {
    /* 21px */
    font-size: 1.4rem;
  }

  .top-news .list-news .item .name {
    /* 14px */
    font-size: 1rem;
  }

  .top-news .list-news .item .item-right {
    /* 14px */
    font-size: 0.9333333333rem;
    text-align: justify;
  }

  /* our service */
  .group-ourService .main .right>div.for-top label:nth-child(1) a {
    padding-left: 0.3em;
  }

  /* -------------- company */
  /* -------------- footer */
  /* copyright */

  /* copyright */
}

.group-table-company .table .td {
  padding: 15px 30px;
  font-size: 1.06rem;
  line-height: 30px;
  font-weight: 400;
}

@media (max-width: 768px) {
  .footer .container-menu {
    padding-left: 20px;
    padding-bottom: 10px;
  }
}

@media (max-width: 768px) {
  .footer .main {
    margin-bottom: 40px;
  }
}

@media (max-width: 768px) {
  .footer-bot {
    justify-content: flex-start;
    margin-top: 20px;
  }
}

@media (max-width: 768px) {
  .footer-bot>div:nth-child(2) {
    font-weight: 300;
    letter-spacing: 0.05em;
  }
}

@media (max-width: 549px) {
  .group-plan-index .list-plan {
    grid-template-columns: repeat(1, 1fr);
    align-items: center;
  }
}

/* ------ COMMON */
/* ---------- Compiled */
/* -------------- from */
/* ------------------- SCSS */
/* 写真のリストサービス */
@media (max-width: 1000px) {
  .list-service {
    grid-gap: 10px;
  }

  .list-service .text {
    font-size: 1.2rem;
    /*18px*/
    font-weight: 500;
  }
}

/* サービスアーティクルズの王冠を消す */
.list-articles2 .slideShow-articles .item .icon {
  /* position: absolute;
  top: -15px;
  left: -13px;s
  width: 37px;
  z-index: 11; */
  display: none;
}

/* 各ページ冒頭のbanner*/
@media (max-width: 767px) {
  .banner {
    margin-top: 0px;
    overflow: hidden;
    height: 35vw;
    position: relative;
  }

  .banner img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
  }
}

/* 各ページ冒頭のbanner - blog差分 */
@media (max-width: 767px) {

  body[class*=blog] .banner,
  body.single .banner,
  body.category .banner {
    height: 63vw;
  }
}

/* 各ページ冒頭のbannerの文字が下がっている点を修正 - blog差分 */
@media (max-width: 768px) {
  .banner-title {
    top: 45%;
    transform: translate3d(-50%, -45%, 0);
  }

  .banner-title .big {
    margin-top: 0px;
  }

  .banner-title .small+.big {
    margin-top: 10px;
  }
}

/* blog 本文中のバナー - 差分ルール 210811-2200 */
@media (max-width: 767px) {
  .detail-page .detail-content .btn {
    display: flex;
    width: auto;
    align-items: center;
    padding: 0px 3rem 0 1.5rem;
    margin: 5px auto;
    line-height: 1.3rem;
    letter-spacing: 0;
    justify-content: center;
  }
}

/* 各ページ冒頭のbanner - work差分 */
@media (max-width: 767px) {

  body.single-work .banner,
  body.post-type-archive-work .banner {
    height: 35vw;
  }

  body.single-work .banner img,
  body.post-type-archive-work .banner img {
    -webkit-transform: translateY(-50%) translateX(-50%) scale(2);
    transform: translateY(-50%) translateX(-50%) scale(2);
  }
}

.group-ourService .title,
.group-ourservice2 .title {
  mix-blend-mode: multiply;
  opacity: 1;
}

.group-ourService .title img,
.group-ourservice2 .title img {
  height: 24.5px;
}

/* copyright */
.footer-bot>div:nth-child(2) {
  font-weight: 300;
  letter-spacing: 0.05em;
}

/* ------ End of COMMON */
/* ------ BLOG */
/* ---------- Compiled */
/* -------------- from */
/* ------------------- SCSS */
.detail-page .info {
  margin-bottom: 55px;
  display: inline-block;
  width: 100%;
  position: relative;
  padding-top: 0px;
}

/* --- BLOG of SERVICE --- */
/* ------ MENU - GENRE */
/* ---------- Compiled */
/* -------------- from */
/* ------------------- SCSS */
/* extend先 見出し1*/
.ext_title1 {
  font-size: 1.4rem;
  /*21px*/
}

/* extend先 見出し2*/
.ext_title2 {
  font-size: 1.3rem;
  /*18px*/
}

/* extend先 本文*/
.ext_bodycopy {
  font-size: 0.9333333333rem;
  /*14px*/
  line-height: 1.6;
  text-align: justify;
}

/* extend先 キャプション*/
.ext_caption {
  font-size: 0.6666666667rem;
  /*10px*/
  line-height: 1.4;
}

/* extend先 ボタン_ラベルサイズ 汎用*/
.ext_label {
  font-size: 1rem;
  /*15px*/
}

/* extend先 リストサービス_ラベルサイズ 汎用*/
.ext_label_listservice {
  font-size: 1.2rem;
  /*18px*/
}

/* ジャンルを表す、ページ上部の大きな写真　banner-page */
.group-contentPage .banner-page .text {
  /* font-size: 1.67rem;
  line-height: 140%; */
  top: 46%;
  transform: translate3d(-50%, -48%, 0);
}

.group-contentPage .banner-page .arrow-plan-prev {
  top: 46%;
  transform: translateY(-46%);
}

.group-contentPage .banner-page .arrow-plan-next {
  top: 46%;
  transform: translateY(-46%);
}

/* 本文 */
@media (max-width: 768px) {
  .list-cost .item.model-page .info .number {
    text-align: right;
    font-feature-settings: "palt";
  }

  .list-cost .item.model-page .info .small {
    text-align: right;
    font-feature-settings: "palt";
  }
}

/* --- END of MENU - GENRE --- */
@media (max-width: 768px) {

  /* ------ SERVICE */
  /* ---------- Compiled */
  /* -------------- from */
  /* ------------------- SCSS */
  body.page-template-template-service {
    font-feature-settings: "palt";
  }

  body.page-template-template-service .des {
    font-size: 0.9333333333rem;
    /*14px*/
  }

  /* 冒頭の女性のFV */
  body.page-template-template-service .banner-pageService .title-banner {
    margin-left: 0.65rem;
    font-size: 1.4rem;
    /*21px*/
  }

  body.page-template-template-service .banner-pageService .title-banner div {
    margin-bottom: 0.3em;
  }

  body.page-template-template-service .banner-pageService .title-banner .big {
    font-size: 1.2em;
  }

  /* キャスティング、まずは無料でお見積もり！ */
  body.page-template-template-service .banner-pageService .contact-service .title-info-contact {
    text-align: center;
    font-size: 1rem;
  }

  body.page-template-template-service .banner-pageService .contact-service .title-info-contact .big {
    font-size: 1.5em;
  }

  body.page-template-template-service .banner-pageService .contact-service .phone {
    margin-top: 16px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    font-weight: bold;
    flex-wrap: wrap;
    grid-row-gap: 15px;
  }

  body.page-template-template-service .banner-pageService .contact-service .phone div:nth-child(2) {
    margin-left: 3px;
  }

  /* 水色のボタン */
  body.page-template-template-service .banner-pageService .contact-service .link {
    margin-top: 10px;
  }

  body.page-template-template-service .banner-pageService .contact-service .link a {
    font-size: 1.2rem;
    min-height: 88px;
    text-align: center;
    background-position: center right 10px;
    border-radius: 10px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
  }

  body.page-template-template-service {
    /* 円群 */
    /* group-MainService1 CAST 「それ全部任せください！」*/
    /* group-MainService3  「さらにそのまま制作事業部」*/
    /* 三角の形 */
    /* FV以外での、最初の「お任せユニット」 */
    /* 「お任せユニット」*/
    /*　「ご利用の流れ」　*/
    /*　「ユウメイキャスティングとは？」　*/
    /*　「実績の例（モデルの例）」*/
    /*　「実績多数」*/
    /* 「提案から、最短翌日」 */
    /* 「専属チーム */
    /* 「大手企業多数！」 */
  }

  /* --- END of SERVICE --- */
  /* ------ CONTACT */
  /* ---------- Compiled */
  /* -------------- from */
  /* ------------------- SCSS */

  /* --- END of CONTACT --- */
}

body.page-template-template-service {
  /* 本文 */
}

body.page-template-template-service .des-banner {
  font-size: 0.9333333333rem;
  /*14px*/
  margin-left: 0.85rem;
  margin-right: 0.85rem;
  text-align: justify;
}

@media (max-width: 768px) {
  body.page-template-template-service .group-circleService {
    /*1行*/
    /*1円*/
  }

  body.page-template-template-service .group-circleService .title {
    font-size: 1.4rem;
    /*21px*/
  }

  body.page-template-template-service .group-circleService .title span {
    width: 100%;
  }

  body.page-template-template-service .group-circleService .list-circle .li {
    width: calc(150px * 7 + 60px * 6);
  }

  body.page-template-template-service .group-circleService .list-circle .li .item {
    width: 160px;
    height: 160px;
    font-size: 0.8666666667rem;
    line-height: 1.8;
  }
}

@media (max-width: 768px) {

  body.page-template-template-service .group-MainService1>.container,
  body.page-template-template-service .group-MainService1>.container2 {
    margin-left: 0.85rem;
    margin-right: 0.85rem;
  }
}

@media (max-width: 768px) {
  body.page-template-template-service .group-MainService2 {
    /* group-MainService2 CREATOR 「カメラマンやヘアメイク」*/
  }

  body.page-template-template-service .group-MainService2 .container,
  body.page-template-template-service .group-MainService2 .container2 .title,
  body.page-template-template-service .group-MainService2 .container2 .des {
    margin-left: 0.85rem;
    margin-right: 0.85rem;
  }

  body.page-template-template-service .group-MainService2 .title .juscenter-mb {
    justify-content: flex-start;
  }

  body.page-template-template-service .group-MainService2 .des {
    font-size: 0.9333333333rem;
    /*14px*/
  }

  body.page-template-template-service .group-MainService2 .list-service {
    grid-gap: 10px;
  }
}

@media (max-width: 768px) {
  body.page-template-template-service .group-MainService3 .title {
    font-size: 1.4rem;
    /*21px*/
    margin-left: 0.85rem;
    margin-right: 0.85rem;
    text-align: left;
    justify-content: flex-start;
    grid-gap: 0.5em;
  }

  body.page-template-template-service .group-MainService3 .des {
    margin-left: 0.85rem;
    margin-right: 0.85rem;
  }

  body.page-template-template-service .group-MainService3 .des .view-detail a {
    font-size: 1rem;
    /*15px*/
    height: 50px;
    border-radius: 6px;
    background-position: center right 10px;
    background-size: 10px;
  }
}

@media (max-width: 768px) {
  body.page-template-template-service .group-MainService:before {
    clip-path: polygon(0 0, 50% 40px, 100% 0, 100% calc(100% - 40px), 50% 100%, 0 calc(100% - 40px));
    top: 50px;
  }
}

@media (max-width: 768px) {
  body.page-template-template-service .group-MainService~.group-contactService.mt-50 {
    margin-top: 30px !important;
  }
}

@media (max-width: 768px) {
  body.page-template-template-service .group-contactService .yellow-contact {
    font-size: 1.2rem;
    height: unset;
    padding: 30px 15px 35px 15px;
  }

  body.page-template-template-service .group-contactService .yellow-contact> {
    grid-row-gap: 0.5rem;
  }

  body.page-template-template-service .group-contactService .yellow-contact .big {
    font-size: 1.4em;
  }

  body.page-template-template-service .group-contactService .yellow-contact .text-letter-spacing {
    letter-spacing: -0.1em;
    font-size: 1.1em;
    top: 0.01em;
    position: relative;
    margin-left: 0em;
  }

  body.page-template-template-service .group-contactService .info-contact .title-info-contact {
    text-align: center;
    font-size: 1rem;
  }

  body.page-template-template-service .group-contactService .info-contact .title-info-contact .big {
    font-size: 1.5em;
  }

  body.page-template-template-service .group-contactService .info-contact .link a {
    font-size: 1.4rem;
    min-height: 88px;
    text-align: center;
    background-image: url(../images/service/arrow-contactService2.png);
    background-repeat: no-repeat;
    background-position: center right 10px;
    background-color: aqua;
    border-radius: 10px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
  }

  body.page-template-template-service .group-contactService .info-contact .phone {
    margin-top: 16px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    font-weight: bold;
    flex-wrap: wrap;
    grid-row-gap: 15px;
  }

  body.page-template-template-service .group-contactService .info-contact .phone>div {
    font-size: 1.2rem;
  }

  body.page-template-template-service .group-contactService .info-contact .phone .big {
    font-size: 1.8rem;
    margin-left: 3px;
  }

  body.page-template-template-service .group-contactService .info-contact .phone .small {
    font-size: 0.8rem;
  }

  body.page-template-template-service .group-contactService .info-contact .phone div:nth-child(2) {
    margin-left: 3px;
  }
}

@media (max-width: 768px) {
  .title-usageFlow {
    font-size: 1.3rem;
    /*18px*/
    margin-top: 1em;
  }

  .des-usageFlow {
    font-size: 0.9333333333rem;
    /*14px*/
    margin-top: 1.3em;
  }
}

@media (max-width: 768px) {
  body.page-template-template-service .group-service1 .title {
    margin-left: 0.85rem;
    margin-right: 0.85rem;
  }

  body.page-template-template-service .group-service1 .content .content-title {
    font-size: 1.3rem;
    /*18px*/
  }

  body.page-template-template-service .group-service1 .content .content-title .big {
    font-size: 1.2em;
  }

  body.page-template-template-service .group-service1 .content .content-des {
    font-size: 0.9333333333rem;
    /*14px*/
  }

  .list-groupService1 .item .title-item {
    font-size: 1.3rem;
    /*18px*/
  }

  .list-groupService1 .item .title-item .small {
    font-size: 1em;
  }

  .list-groupService1 .item .title-item .small~.text-wrap-mb {
    font-size: 1.2em;
  }

  .list-groupService1 .item .des-item {
    font-size: 0.9333333333rem;
    /*14px*/
    margin-left: 0.85rem;
    margin-right: 0.85rem;
  }
}

@media (max-width: 768px) {
  body.page-template-template-service .group-service2 .list .item .name {
    font-size: 1rem;
    /*15px*/
    display: block;
    line-height: 1.4;
    height: 2.5em;
  }

  body.page-template-template-service .group-service2 .list .item .des {
    font-size: 0.6666666667rem;
    /*10px*/
    display: block;
    line-height: 1.2;
  }
}

@media (max-width: 768px) {
  body.page-template-template-service .group-service2 .name {
    font-size: 1rem;
    /*15px*/
    display: block;
    line-height: 1.4;
    height: 2.5em;
  }

  body.page-template-template-service .group-service2 .des {
    font-size: 0.6666666667rem;
    /*10px*/
    display: block;
    line-height: 1.2;
  }
}

@media (max-width: 768px) {
  body.page-template-template-service .group-example.exampleService .title {
    font-size: 1.4rem;
    /*21px*/
    margin-bottom: 60px;
  }

  body.page-template-template-service .group-example.exampleService .title>div {
    line-height: 1.6em;
  }

  body.page-template-template-service .group-example.exampleService .title-example-talent {
    font-size: 1.3rem;
    /*18px*/
  }

  body.page-template-template-service .group-example.exampleService .title-small-expample-talent {
    margin-top: 0.65rem;
  }
}

@media (max-width: 768px) {
  body.page-template-template-service .group-tomorrow .title {
    font-size: 1.4rem;
    /*21px*/
  }

  body.page-template-template-service .group-tomorrow .title .top span {
    font-size: 1.2em;
  }

  body.page-template-template-service .group-tomorrow .list-tomorrow {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  body.page-template-template-service .group-tomorrow .list-tomorrow .item .name {
    font-size: 1.3rem;
    /*18px*/
  }

  body.page-template-template-service .group-tomorrow .list-tomorrow .item .small {
    font-size: 1rem;
    /*15px*/
  }

  body.page-template-template-service .group-tomorrow .list-tomorrow .item .des {
    font-size: 0.9333333333rem;
    /*14px*/
  }
}

@media (max-width: 768px) {
  body.page-template-template-service .group-suportService .title {
    font-size: 1.4rem;
    /*21px*/
  }

  body.page-template-template-service .group-suportService .title .big {
    font-size: 1.2em;
  }

  body.page-template-template-service .group-suportService .content .text {
    margin-left: 1rem;
    margin-right: 1rem;
    font-size: 0.9333333333rem;
    /*14px*/
  }
}

@media (max-width: 768px) {
  body.page-template-template-service .group-logo .title {
    font-size: 1.4rem;
    /*21px*/
  }

  body.page-template-template-service .group-logo .title .big {
    font-size: 1.2em;
  }

  body.page-template-template-service .group-logo .content {
    margin-left: 0.85rem;
    margin-right: 0.85rem;
  }
}

@media (max-width: 768px) {
  .contact-page {
    margin-top: 3em;
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .contact-page .title-small {
    font-size: 1rem;
    /*15px*/
    width: 18em;
    text-align: center;
    margin: 0 auto;
  }

  .contact-page .title {
    font-size: 1.4rem;
    /*21px*/
    width: 10em;
    text-align: center;
    margin: 0 auto;
  }

  .contact-page .info .des {
    font-size: 0.9333333333rem;
    /*14px*/
    margin: 2em auto;
    text-align: center;
  }

  .contact-page .info .des>div:nth-child(2) {
    width: 19em;
    margin: 0em auto;
  }
}

/* end of direction */

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