/* $color-secondary: #101859;
$color-tertiary: #2b2e6a;
$color-quaternary: #1f2262;*/
/*$breakS: "screen and (min-width: 0px) and (max-width: 736px)";*/
/*@font-face {
    font-family: 'Noto Sans Japanese';
    font-weight: 400;
    font-style: normal;
    src: url('../../fonts/notosans/NotoSansCJKjp-Regular.eot');
    src: url('../../fonts/notosans/NotoSansCJKjp-Regular.eot?#iefix') format("embedded-opentype"),
        url('../../fonts/notosans/NotoSansCJKjp-Regular.woff') format("woff"),
        url('../../fonts/notosans/NotoSansCJKjp-Regular.ttf') format("truetype");
}

@font-face {
    font-family: 'hirakakupro';
    font-weight: 300;
    font-style: normal;
    src: url('../../fonts/hirakakuprow3/hirakakupro-w3-subset.eot');
    src: url('../../fonts/hirakakuprow3/hirakakupro-w3-subset.eot?#iefix') format("embedded-opentype"),
        url('../../fonts/hirakakuprow3/hirakakupro-w3-subset.woff') format("woff"),
        url('../../fonts/hirakakuprow3/hirakakupro-w3-subset.ttf') format("truetype");
}

@font-face {
    font-family: 'hirakakupro';
    font-weight: 600;
    font-style: normal;
    src: url('../../fonts/hirakakuprow6/hirakakupro-w6-subset.eot');
    src: url('../../fonts/hirakakuprow6/hirakakupro-w6-subset.eot?#iefix') format("embedded-opentype"),
        url('../../fonts/hirakakuprow6/hirakakupro-w6-subset.woff') format("woff"),
        url('../../fonts/hirakakuprow6/hirakakupro-w6-subset.ttf') format("truetype");
}*/
/*@import "compass";
@import "compass/utilities";
@import "compass/css3/";*/
/* @mixin animate($animationName, $duration, $timingFunction, $delay, $repetition, $direction: forward)
{
    -webkit-animation: $animationName $duration $timingFunction $delay $repetition $direction;
    -moz-animation: $animationName $duration $timingFunction $delay $repetition $direction;
    -o-animation: $animationName $duration $timingFunction $delay $repetition $direction;
    animation: $animationName $duration $timingFunction $delay $repetition $direction;
} */
#faq #order {
  position: relative; }
  #faq #order .ornament {
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
    #faq #order .ornament.ornament-06 {
      left: -43.125rem; }
    #faq #order .ornament.ornament-08 {
      top: 3.3125rem;
      right: -39.5rem; }
  @media screen and (min-width: 0px) and (max-width: 736px) {
    #faq #order {
      padding-top: 0.625rem; }
      #faq #order .ornament.ornament-06 {
        width: 4.375rem;
        height: 3.9375rem;
        left: -1.875rem;
        right: auto;
        top: 0rem; }
      #faq #order .ornament.ornament-08 {
        width: 2.5rem;
        height: 2.6875rem;
        top: 0.6875rem;
        left: auto;
        right: 0.625rem; } }