@charset "UTF-8";
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: normal;
  src: local("Noto Sans CJK JP Regular"), url(./NotoSansCJKjp-Regular.otf) format("opentype"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format("opentype"); }
/* line 14, ../_scss/ask1.scss */
.l-header .navi ul .navi6 .hover {
  display: block; }
  @media only screen and (min-width: 0) and (max-width: 320px) {
    /* line 14, ../_scss/ask1.scss */
    .l-header .navi ul .navi6 .hover {
      display: none; } }
  @media only screen and (min-width: 320px) and (max-width: 568px) {
    /* line 14, ../_scss/ask1.scss */
    .l-header .navi ul .navi6 .hover {
      display: none; } }
  @media only screen and (min-width: 568px) and (max-width: 768px) {
    /* line 14, ../_scss/ask1.scss */
    .l-header .navi ul .navi6 .hover {
      display: none; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    /* line 14, ../_scss/ask1.scss */
    .l-header .navi ul .navi6 .hover {
      display: none; } }
  /* line 19, ../_scss/ask1.scss */
  .l-header .navi ul .navi6 .hover .arrow {
    display: block; }

/* line 28, ../_scss/ask1.scss */
.l-photo {
  position: relative;
  max-width: 1280px;
  width: 100%;
  width: expression(this.width >= 1280 ? "1280px" : "auto");
  margin: 0px auto; }
  /* line 34, ../_scss/ask1.scss */
  .l-photo .photo {
    width: 100%;
    height: 0px;
    background: url(../img/ask/main1.jpg) no-repeat;
    background-size: cover;
    padding-top: 34.375%; }

/* line 43, ../_scss/ask1.scss */
.l-main {
  max-width: 960px;
  width: 100%;
  width: expression(this.width >= 960 ? "960px" : "auto");
  margin: 0px auto; }
  @media only screen and (min-width: 0) and (max-width: 320px) {
    /* line 43, ../_scss/ask1.scss */
    .l-main {
      padding-top: 15px; } }
  @media only screen and (min-width: 320px) and (max-width: 568px) {
    /* line 43, ../_scss/ask1.scss */
    .l-main {
      padding-top: 15px; } }
  @media only screen and (min-width: 568px) and (max-width: 768px) {
    /* line 43, ../_scss/ask1.scss */
    .l-main {
      padding-top: 15px; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    /* line 43, ../_scss/ask1.scss */
    .l-main {
      padding-top: 15px; } }
  /* line 51, ../_scss/ask1.scss */
  .l-main .pankuzu {
    padding: 10px 0px 30px 0px;
    font-size: 12px;
    font-size: 1.2rem;
    font-family: "Noto Sans Japanese", "NotoSans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #666666; }
    /* line 56, ../_scss/ask1.scss */
    .l-main .pankuzu a {
      color: #65aadd; }
    @media only screen and (min-width: 0) and (max-width: 320px) {
      /* line 51, ../_scss/ask1.scss */
      .l-main .pankuzu {
        display: none; } }
    @media only screen and (min-width: 320px) and (max-width: 568px) {
      /* line 51, ../_scss/ask1.scss */
      .l-main .pankuzu {
        display: none; } }
    @media only screen and (min-width: 568px) and (max-width: 768px) {
      /* line 51, ../_scss/ask1.scss */
      .l-main .pankuzu {
        display: none; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
      /* line 51, ../_scss/ask1.scss */
      .l-main .pankuzu {
        display: none; } }
  /* line 63, ../_scss/ask1.scss */
  .l-main h1 {
    width: 100%;
    border-bottom: solid 2px #65aadd;
    margin-bottom: 20px; }
    @media only screen and (min-width: 0) and (max-width: 320px) {
      /* line 63, ../_scss/ask1.scss */
      .l-main h1 {
        margin-bottom: 15px; } }
    @media only screen and (min-width: 320px) and (max-width: 568px) {
      /* line 63, ../_scss/ask1.scss */
      .l-main h1 {
        margin-bottom: 15px; } }
    @media only screen and (min-width: 568px) and (max-width: 768px) {
      /* line 63, ../_scss/ask1.scss */
      .l-main h1 {
        margin-bottom: 15px; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
      /* line 63, ../_scss/ask1.scss */
      .l-main h1 {
        margin-bottom: 15px; } }
    /* line 70, ../_scss/ask1.scss */
    .l-main h1 p {
      max-width: 145px;
      width: 100%;
      width: expression(this.width >= 145 ? "145px" : "auto"); }
      @media only screen and (min-width: 0) and (max-width: 320px) {
        /* line 70, ../_scss/ask1.scss */
        .l-main h1 p {
          max-width: none; } }
      @media only screen and (min-width: 320px) and (max-width: 568px) {
        /* line 70, ../_scss/ask1.scss */
        .l-main h1 p {
          max-width: none; } }
      @media only screen and (min-width: 568px) and (max-width: 768px) {
        /* line 70, ../_scss/ask1.scss */
        .l-main h1 p {
          max-width: none; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
        /* line 70, ../_scss/ask1.scss */
        .l-main h1 p {
          max-width: none; } }
      /* line 77, ../_scss/ask1.scss */
      .l-main h1 p span {
        display: block;
        text-indent: -9999px;
        width: 100%;
        height: 0px;
        background: url(../img/ask/title1.gif) no-repeat;
        background-size: cover;
        padding-top: 21.37931%; }
        @media only screen and (min-width: 0) and (max-width: 320px) {
          /* line 77, ../_scss/ask1.scss */
          .l-main h1 p span {
            background: url(../img/ask/sp_title1.gif) no-repeat;
            background-size: cover;
            padding-top: 7.03125%; } }
        @media only screen and (min-width: 320px) and (max-width: 568px) {
          /* line 77, ../_scss/ask1.scss */
          .l-main h1 p span {
            background: url(../img/ask/sp_title1.gif) no-repeat;
            background-size: cover;
            padding-top: 7.03125%; } }
        @media only screen and (min-width: 568px) and (max-width: 768px) {
          /* line 77, ../_scss/ask1.scss */
          .l-main h1 p span {
            background: url(../img/ask/sp_title1.gif) no-repeat;
            background-size: cover;
            padding-top: 7.03125%; } }
        @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
          /* line 77, ../_scss/ask1.scss */
          .l-main h1 p span {
            background: url(../img/ask/sp_title1.gif) no-repeat;
            background-size: cover;
            padding-top: 7.03125%; } }
  /* line 91, ../_scss/ask1.scss */
  .l-main .txt1 {
    font-family: "Noto Sans Japanese", "NotoSans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 30px;
    color: #4a4a4a;
    line-height: 160%; }
    @media only screen and (min-width: 0) and (max-width: 320px) {
      /* line 91, ../_scss/ask1.scss */
      .l-main .txt1 {
        color: #666666;
        margin-bottom: 0px;
        padding: 10px 10px 17.5px 10px; } }
    @media only screen and (min-width: 320px) and (max-width: 568px) {
      /* line 91, ../_scss/ask1.scss */
      .l-main .txt1 {
        color: #666666;
        margin-bottom: 0px;
        padding: 10px 10px 17.5px 10px; } }
    @media only screen and (min-width: 568px) and (max-width: 768px) {
      /* line 91, ../_scss/ask1.scss */
      .l-main .txt1 {
        color: #666666;
        margin-bottom: 0px;
        padding: 10px 10px 17.5px 10px; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
      /* line 91, ../_scss/ask1.scss */
      .l-main .txt1 {
        color: #666666;
        margin-bottom: 0px;
        padding: 10px 10px 17.5px 10px; } }
  @media only screen and (min-width: 0) and (max-width: 320px) {
    /* line 103, ../_scss/ask1.scss */
    .l-main .inner {
      box-sizing: border-box;
      padding: 0px 10px; } }
  @media only screen and (min-width: 320px) and (max-width: 568px) {
    /* line 103, ../_scss/ask1.scss */
    .l-main .inner {
      box-sizing: border-box;
      padding: 0px 10px; } }
  @media only screen and (min-width: 568px) and (max-width: 768px) {
    /* line 103, ../_scss/ask1.scss */
    .l-main .inner {
      box-sizing: border-box;
      padding: 0px 10px; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    /* line 103, ../_scss/ask1.scss */
    .l-main .inner {
      box-sizing: border-box;
      padding: 0px 10px; } }
  /* line 109, ../_scss/ask1.scss */
  .l-main .bg {
    width: 100%;
    box-sizing: border-box;
    background: #f7fcff;
    padding: 60px 80px;
    color: #666666;
    margin-bottom: 70px;
    font-family: "Noto Sans Japanese", "NotoSans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
    @media only screen and (min-width: 0) and (max-width: 320px) {
      /* line 109, ../_scss/ask1.scss */
      .l-main .bg {
        padding: 30px 15px;
        margin-bottom: 30px; } }
    @media only screen and (min-width: 320px) and (max-width: 568px) {
      /* line 109, ../_scss/ask1.scss */
      .l-main .bg {
        padding: 30px 15px;
        margin-bottom: 30px; } }
    @media only screen and (min-width: 568px) and (max-width: 768px) {
      /* line 109, ../_scss/ask1.scss */
      .l-main .bg {
        padding: 30px 15px;
        margin-bottom: 30px; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
      /* line 109, ../_scss/ask1.scss */
      .l-main .bg {
        padding: 30px 15px;
        margin-bottom: 30px; } }
    /* line 121, ../_scss/ask1.scss */
    .l-main .bg a {
      color: #666666; }
    /* line 124, ../_scss/ask1.scss */
    .l-main .bg .title {
      font-size: 18px;
      font-size: 1.8rem;
      text-align: center;
      margin-bottom: 40px; }
    /* line 129, ../_scss/ask1.scss */
    .l-main .bg .txt1 {
      text-align: right;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 160%;
      margin-bottom: 55px; }
    /* line 135, ../_scss/ask1.scss */
    .l-main .bg .txt2 {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 160%; }
      /* line 139, ../_scss/ask1.scss */
      .l-main .bg .txt2 ul {
        padding-left: 1em; }
        /* line 141, ../_scss/ask1.scss */
        .l-main .bg .txt2 ul li {
          text-indent: -1em;
          padding-left: 1em; }
  /* line 149, ../_scss/ask1.scss */
  .l-main .btnarea {
    width: 100%;
    text-align: center;
    margin-bottom: 120px; }
    @media only screen and (min-width: 0) and (max-width: 320px) {
      /* line 149, ../_scss/ask1.scss */
      .l-main .btnarea {
        margin-bottom: 85px; } }
    @media only screen and (min-width: 320px) and (max-width: 568px) {
      /* line 149, ../_scss/ask1.scss */
      .l-main .btnarea {
        margin-bottom: 85px; } }
    @media only screen and (min-width: 568px) and (max-width: 768px) {
      /* line 149, ../_scss/ask1.scss */
      .l-main .btnarea {
        margin-bottom: 85px; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
      /* line 149, ../_scss/ask1.scss */
      .l-main .btnarea {
        margin-bottom: 85px; } }
    /* line 156, ../_scss/ask1.scss */
    .l-main .btnarea li {
      display: inline-block;
      position: relative;
      max-width: 370px;
      width: 100%; }
      @media only screen and (min-width: 0) and (max-width: 320px) {
        /* line 156, ../_scss/ask1.scss */
        .l-main .btnarea li {
          display: block;
          max-width: none;
          width: 93.75%;
          margin: 0px auto; } }
      @media only screen and (min-width: 320px) and (max-width: 568px) {
        /* line 156, ../_scss/ask1.scss */
        .l-main .btnarea li {
          display: block;
          max-width: none;
          width: 93.75%;
          margin: 0px auto; } }
      @media only screen and (min-width: 568px) and (max-width: 768px) {
        /* line 156, ../_scss/ask1.scss */
        .l-main .btnarea li {
          display: block;
          max-width: none;
          width: 93.75%;
          margin: 0px auto; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
        /* line 156, ../_scss/ask1.scss */
        .l-main .btnarea li {
          display: block;
          max-width: none;
          width: 93.75%;
          margin: 0px auto; } }
      /* line 167, ../_scss/ask1.scss */
      .l-main .btnarea li .hover,
      .l-main .btnarea li p {
        text-indent: -9999px;
        width: 100%;
        height: 0px; }
      /* line 171, ../_scss/ask1.scss */
      .l-main .btnarea li .hover {
        display: none;
        position: absolute;
        top: 0px;
        left: 0px; }
      /* line 177, ../_scss/ask1.scss */
      .l-main .btnarea li.btn1 {
        margin-right: 5.20833%; }
        @media only screen and (min-width: 0) and (max-width: 320px) {
          /* line 177, ../_scss/ask1.scss */
          .l-main .btnarea li.btn1 {
            margin-right: auto;
            margin-bottom: 15px; } }
        @media only screen and (min-width: 320px) and (max-width: 568px) {
          /* line 177, ../_scss/ask1.scss */
          .l-main .btnarea li.btn1 {
            margin-right: auto;
            margin-bottom: 15px; } }
        @media only screen and (min-width: 568px) and (max-width: 768px) {
          /* line 177, ../_scss/ask1.scss */
          .l-main .btnarea li.btn1 {
            margin-right: auto;
            margin-bottom: 15px; } }
        @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
          /* line 177, ../_scss/ask1.scss */
          .l-main .btnarea li.btn1 {
            margin-right: auto;
            margin-bottom: 15px; } }
        /* line 183, ../_scss/ask1.scss */
        .l-main .btnarea li.btn1 .hover {
          background: url(../img/ask/btn1_on.gif) no-repeat;
          background-size: cover;
          padding-top: 16.21622%; }
        /* line 188, ../_scss/ask1.scss */
        .l-main .btnarea li.btn1 p {
          background: url(../img/ask/btn1.gif) no-repeat;
          background-size: cover;
          padding-top: 16.21622%; }
          @media only screen and (min-width: 0) and (max-width: 320px) {
            /* line 188, ../_scss/ask1.scss */
            .l-main .btnarea li.btn1 p {
              background: url(../img/ask/sp_btn1.gif) no-repeat;
              background-size: cover;
              padding-top: 13.33333%; } }
          @media only screen and (min-width: 320px) and (max-width: 568px) {
            /* line 188, ../_scss/ask1.scss */
            .l-main .btnarea li.btn1 p {
              background: url(../img/ask/sp_btn1.gif) no-repeat;
              background-size: cover;
              padding-top: 13.33333%; } }
          @media only screen and (min-width: 568px) and (max-width: 768px) {
            /* line 188, ../_scss/ask1.scss */
            .l-main .btnarea li.btn1 p {
              background: url(../img/ask/sp_btn1.gif) no-repeat;
              background-size: cover;
              padding-top: 13.33333%; } }
          @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
            /* line 188, ../_scss/ask1.scss */
            .l-main .btnarea li.btn1 p {
              background: url(../img/ask/sp_btn1.gif) no-repeat;
              background-size: cover;
              padding-top: 13.33333%; } }
      /* line 201, ../_scss/ask1.scss */
      .l-main .btnarea li.btn2 .hover {
        background: url(../img/ask/btn2_on.gif) no-repeat;
        background-size: cover;
        padding-top: 16.21622%; }
      /* line 207, ../_scss/ask1.scss */
      .l-main .btnarea li.btn2 p {
        background: url(../img/ask/btn2.gif) no-repeat;
        background-size: cover;
        padding-top: 16.21622%; }
        @media only screen and (min-width: 0) and (max-width: 320px) {
          /* line 207, ../_scss/ask1.scss */
          .l-main .btnarea li.btn2 p {
            background: url(../img/ask/sp_btn2.gif) no-repeat;
            background-size: cover;
            padding-top: 13.33333%; } }
        @media only screen and (min-width: 320px) and (max-width: 568px) {
          /* line 207, ../_scss/ask1.scss */
          .l-main .btnarea li.btn2 p {
            background: url(../img/ask/sp_btn2.gif) no-repeat;
            background-size: cover;
            padding-top: 13.33333%; } }
        @media only screen and (min-width: 568px) and (max-width: 768px) {
          /* line 207, ../_scss/ask1.scss */
          .l-main .btnarea li.btn2 p {
            background: url(../img/ask/sp_btn2.gif) no-repeat;
            background-size: cover;
            padding-top: 13.33333%; } }
        @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
          /* line 207, ../_scss/ask1.scss */
          .l-main .btnarea li.btn2 p {
            background: url(../img/ask/sp_btn2.gif) no-repeat;
            background-size: cover;
            padding-top: 13.33333%; } }