@charset "UTF-8";
/* CSS Document */
/* 20210525 作成　ver.1.0.0 */
/*-------------------
製品ページ　契約書FAQページ用CSS
/web/jp/contract/seminar/css/faq202105.css
-------------------*/
#contract {
  font-size: 16px; }
  #contract #contractcontent * {
    box-sizing: border-box; }

#sec-list p, #sec-list h1, #sec-list h2, #sec-list h3, #sec-list h4, #sec-list h5 img, #sec-list ul, #sec-list li, #sec-list dl, #sec-list dt, #sec-list dd {
  line-height: 1.5; }

#sec-list .contents dl,
#links ul,
.page_title .contents {
  width: 90% !important;
  max-width: 64em;
  margin: auto; }

#contract.lp2022 .page_title .contents {
  max-width: 75em; }

.contents {
  overflow: hidden; }

.btn a:hover {
  opacity: .85;
  cursor: pointer; }

#btn_Pagetop {
  z-index: 3; }

#breadcrumbs ol li,
#breadcrumbs ol li a {
  color: #fff; }

#breadcrumbs.bg-line {
  background-color: unset; }

/*-----------------
 *ページタイトル
-----------------*/
#contract .page_title {
  padding: 5em 0 0 0;
  background-color: #944C82; }
  #contract .page_title .contents {
    overflow: hidden; }

#contract.lp2022 .page_title {
  padding-top: 5.5em; }

#contract .page_title h1 {
  margin-bottom: 55px;
  font-size: 2em;
  font-weight: 700;
  line-height: 1.5em;
  text-align: center;
  color: #fff;
  position: relative; }
  #contract .page_title h1 span {
    font-size: 1rem;
    display: block;
    line-height: 1.5; }

/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width: 48em) {
  #contract .page_title {
    padding: 6em 0 0 0; }
    #contract .page_title h1 {
      padding-left: 1rem;
      text-align: left; }

  #contract.lp2022 .page_title {
    padding-top: 6.5em; } }
/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width: 64em) {
  #contract .page_title {
    padding: 7em 0 0 0;
    position: relative;
    background-image: url(/web/jp/contract/images/faq_main_v_bg.png);
    margin-top: 0px;
    background-position: center 88px;
    background-repeat: no-repeat;
    background-color: #944C82;
    background-size: cover; }
    #contract .page_title h1 {
      margin-top: 0;
      margin-bottom: 55px; }

  #contract.lp2022 .page_title {
    background-position: center 56px;
    padding-top: 7.5em; } }
/* ノートPC以上のサイズ 1200px(16×75em)~ lgサイズ */
@media screen and (min-width: 75em) {
  #contract .page_title {
    padding: 8em 0 0 0; }

  #contract.lp2022 .page_title {
    background-position: center 72px;
    padding-top: 8.5em; } }
/*-----------------
 *Link
-----------------*/
#links {
  padding: 40px 0;
  background-color: #F7EEF0; }
  #links > ul li span {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 90px; }
    #links > ul li span:before {
      position: absolute;
      top: 50%;
      left: 21.8px;
      transform: translateY(-50%) translateX(0%);
      z-index: 1;
      width: auto; }
  #links > ul li:first-child span:before {
    content: url(/web/jp/contract/images/faq-ic-menu01.svg);
    height: 44.52px; }
  #links > ul li:nth-child(2) span {
    padding: 32px 28px 0px 40px; }
    #links > ul li:nth-child(2) span:before {
      content: url(/web/jp/contract/images/faq-ic-menu02.svg);
      height: 46px; }
  #links ul {
    display: flex;
    flex-direction: column;
    position: relative; }
    #links ul li {
      width: 100%;
      margin-bottom: 8px; }
      #links ul li a {
        border-radius: 4px;
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        color: #944C82;
        box-shadow: 0 3px 3px 0px rgba(148, 76, 130, 0.5);
        background-color: #fff;
        display: block;
        position: relative;
        width: 100%;
        height: 100%; }
        #links ul li a:hover {
          background-color: #F7EEF0; }
        #links ul li a:after {
          content: url(/web/jp/contract/images/faq-ic-plus.svg);
          position: absolute;
          right: 14px;
          top: 50%;
          transform: translateY(-50%) translateX(0%); }
        #links ul li a.open:after {
          content: url(/web/jp/contract/images/faq-ic-minus.svg) !important; }
      #links ul li span {
        padding: 39px 28px 15px 40px; }
      #links ul li ul.inner {
        display: none;
        margin-top: -2px;
        width: 100% !important; }
        #links ul li ul.inner li {
          margin-bottom: 0 !important; }
          #links ul li ul.inner li a {
            padding: 20px 28px 16px 40px;
            height: 60px;
            text-align: left;
            border-radius: 0;
            border-top: solid 1px #F7EEF0; }
            #links ul li ul.inner li a:after {
              content: url(/web/jp/contract/seminar/images/ic-circlebelow.svg);
              right: 32px; }
          #links ul li ul.inner li span {
            padding: 0;
            height: 100%;
            line-height: 1;
            position: relative;
            z-index: 1; }
            #links ul li ul.inner li span:before {
              content: ""; }

/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width: 48em) {
  #links {
    z-index: 2;
    position: relative; }
    #links > ul li:nth-child(2) span {
      padding: 85px 28px 15px 40px;
      line-height: 1; }
    #links > ul li span {
      padding: 85px 28px 15px 40px;
      height: 125px; }
      #links > ul li span:before {
        position: absolute;
        left: 50%;
        top: 28.4px;
        transform: translateY(0%) translateX(-50%);
        z-index: 1;
        width: auto; }
    #links ul {
      flex-direction: row;
      justify-content: space-between; }
      #links ul li {
        width: 49%;
        margin-bottom: 0;
        position: relative; }
        #links ul li ul.inner {
          flex-direction: column;
          position: absolute;
          z-index: 2; }
          #links ul li ul.inner li {
            width: 100% !important; }
            #links ul li ul.inner li span {
              width: 100% !important; }
              #links ul li ul.inner li span a {
                width: 100% !important; }
                #links ul li ul.inner li span a:after {
                  right: 32px; } }
/*-----------------
 *H2
-----------------*/
.contents h2 {
  color: #944C82;
  font-size: 32px;
  font-weight: 700;
  position: relative;
  text-align: center;
  line-height: 1.43;
  padding: 52px 0 65px;
  background-color: #fff;
  z-index: 2;
  display: flex;
  flex-direction: column; }
  .contents h2:before {
    content: ""; }
  .contents h2:after {
    content: "";
    display: block;
    background-color: #944C82;
    width: 58px;
    height: 4px;
    border-radius: 4px;
    bottom: 42px;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    position: absolute;
    z-index: 1; }
  .contents h2 span {
    opacity: 0.4;
    font-family: Arial, Helvetica, "sans-serif";
    font-size: 1rem;
    bottom: -52px;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    position: absolute;
    line-height: 1;
    text-align: center;
    display: block; }
.contents#faq-01 > h2:before {
  content: url("/web/jp/contract/images/faq-ic-01.svg"); }
.contents#faq-04 > h2:before {
  content: url("/web/jp/contract/images/faq-ic-02.svg"); }

/*-------------------
ここまでFAQ202105.scssと共有
-------------------*/
/*-----------------
 *H3
-----------------*/
.contents h3 {
  text-align: center;
  line-height: 1.5;
  background-color: #944C82;
  margin-bottom: 32px;
  padding: 24px 0 16px;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  position: relative;
  display: flex;
  flex-direction: column;
  position: relative; }
.contents h2 + h3:before {
  content: url(/web/jp/contract/images/faq-ic-tri.svg);
  top: 8px;
  position: absolute;
  left: 50%;
  transform: translateY(-50%) translateX(-50%); }

/*-----------------
 *sec-faq
-----------------*/
#sec-list {
  padding: 0;
  background-color: #F7F7F7;
  overflow: hidden;
  position: relative;
  z-index: 1; }
  #sec-list .contents {
    padding-bottom: 24px; }
  #sec-list dl.faq-list > a,
  #sec-list dl.faq-list.nolink {
    margin-bottom: 16px;
    padding: 24px 24px 32px;
    border-radius: 4px;
    box-shadow: 0 3px 3px 0px rgba(148, 76, 130, 0.5);
    width: 100%;
    background-color: #fff;
    display: block; }
    #sec-list dl.faq-list > a dt, #sec-list dl.faq-list > a dd,
    #sec-list dl.faq-list.nolink dt,
    #sec-list dl.faq-list.nolink dd {
      position: relative;
      line-height: 1.5;
      display: flex;
      flex-direction: row; }
    #sec-list dl.faq-list > a > dt,
    #sec-list dl.faq-list.nolink > dt {
      font-size: 16px;
      font-weight: 700;
      color: #944C82;
      margin-top: 12px;
      margin-bottom: 21px; }
      #sec-list dl.faq-list > a > dt:before,
      #sec-list dl.faq-list.nolink > dt:before {
        content: url(/web/jp/contract/images/faq-ic-q.svg);
        margin-right: 12px; }
    #sec-list dl.faq-list > a > dd,
    #sec-list dl.faq-list.nolink > dd {
      font-size: 14px; }
      #sec-list dl.faq-list > a > dd:before,
      #sec-list dl.faq-list.nolink > dd:before {
        content: url(/web/jp/contract/images/faq-ic-a.svg);
        margin-right: 12px; }
      #sec-list dl.faq-list > a > dd.data,
      #sec-list dl.faq-list.nolink > dd.data {
        width: 100%;
        margin: 0;
        padding: 0; }
        #sec-list dl.faq-list > a > dd.data:before,
        #sec-list dl.faq-list.nolink > dd.data:before {
          content: "";
          margin: 0; }
        #sec-list dl.faq-list > a > dd.data > dl dt, #sec-list dl.faq-list > a > dd.data > dl dd,
        #sec-list dl.faq-list.nolink > dd.data > dl dt,
        #sec-list dl.faq-list.nolink > dd.data > dl dd {
          color: #333;
          font-size: 14px;
          line-height: 1.5 !important;
          padding: 0 !important;
          margin: 0 !important; }
          #sec-list dl.faq-list > a > dd.data > dl dt:before, #sec-list dl.faq-list > a > dd.data > dl dt:after, #sec-list dl.faq-list > a > dd.data > dl dd:before, #sec-list dl.faq-list > a > dd.data > dl dd:after,
          #sec-list dl.faq-list.nolink > dd.data > dl dt:before,
          #sec-list dl.faq-list.nolink > dd.data > dl dt:after,
          #sec-list dl.faq-list.nolink > dd.data > dl dd:before,
          #sec-list dl.faq-list.nolink > dd.data > dl dd:after {
            content: "";
            margin: 0; }
        #sec-list dl.faq-list > a > dd.data > dl dd,
        #sec-list dl.faq-list.nolink > dd.data > dl dd {
          display: inline; }
        #sec-list dl.faq-list > a > dd.data > ol,
        #sec-list dl.faq-list.nolink > dd.data > ol {
          padding-left: 55px; }
          #sec-list dl.faq-list > a > dd.data > ol li,
          #sec-list dl.faq-list.nolink > dd.data > ol li {
            font-size: 14px;
            line-height: 1.5;
            list-style-type: decimal;
            margin-left: 16px; }
      #sec-list dl.faq-list > a > dd.detaillink,
      #sec-list dl.faq-list.nolink > dd.detaillink {
        display: block;
        text-align: right;
        padding-top: 1em; }
        #sec-list dl.faq-list > a > dd.detaillink:before,
        #sec-list dl.faq-list.nolink > dd.detaillink:before {
          content: ""; }
        #sec-list dl.faq-list > a > dd.detaillink span,
        #sec-list dl.faq-list.nolink > dd.detaillink span {
          color: #2484EA;
          text-decoration: underline; }
          #sec-list dl.faq-list > a > dd.detaillink span:after,
          #sec-list dl.faq-list.nolink > dd.detaillink span:after {
            content: url(/web/jp/contract/images/faq-ic-link.svg);
            padding-left: 4px; }
  #sec-list dl.faq-list a:hover {
    box-shadow: 0 3px 7px 1.5px rgba(148, 76, 130, 0.5); }

ol.faq-decimal {
  margin-top: 1em;
  padding-left: 1.5em; }
  ol.faq-decimal li {
    list-style: decimal; }

/*-----------------
 *sec-faq220131追加分
-----------------*/
#sec-list dl.faq-list .a-instand {
  margin-bottom: 16px;
  padding: 24px 24px 32px;
  border-radius: 4px;
  box-shadow: 0 3px 3px 0px rgba(148, 76, 130, 0.5);
  width: 100%;
  background-color: #fff;
  display: block; }

#sec-list dl.faq-list .a-instand dt, #sec-list dl.faq-list .a-instand dd {
  position: relative;
  line-height: 1.5;
  display: flex;
  flex-direction: row; }

#sec-list dl.faq-list .a-instand dt {
  font-size: 16px;
  font-weight: 700;
  color: #944C82;
  margin-top: 12px;
  margin-bottom: 21px; }

#sec-list dl.faq-list .a-instand dt:before {
  content: url(/web/jp/contract/images/faq-ic-q.svg);
  margin-right: 12px; }

#sec-list dl.faq-list .a-instand dd {
  font-size: 14px; }

#sec-list dl.faq-list .a-instand dd:before {
  content: url(/web/jp/contract/images/faq-ic-a.svg);
  margin-right: 12px; }

#sec-list dl.faq-list .a-instand dd.data {
  width: 100%;
  margin: 0;
  padding: 0; }

#sec-list dl.faq-list .a-instand dd.data:before {
  content: "";
  margin: 0; }

#sec-list dl.faq-list .a-instand dd.data > dl dt, #sec-list dl.faq-list .a-instand dd.data > dl dd {
  color: #333;
  font-size: 14px;
  line-height: 1.5 !important;
  padding: 0 !important;
  margin: 0 !important; }

#sec-list dl.faq-list .a-instand dd span, #sec-list dl.faq-list .a-instand dd.data > dl dt:before, #sec-list dl.faq-list .a-instand dd.data > dl dt:after, #sec-list dl.faq-list .a-instand dd.data > dl dd:before, #sec-list dl.faq-list .a-instand dd.data > dl dd:after {
  content: "";
  margin-left: 20px; }

#sec-list dl.faq-list .a-instand dd.data > dl dd {
  display: inline; }

#sec-list dl.faq-list .a-instand dd.data > ol {
  padding-left: 55px; }

#sec-list dl.faq-list .a-instand dd.data > ol li {
  font-size: 14px;
  line-height: 1.5;
  list-style-type: decimal;
  margin-left: 16px; }

#sec-list dl.faq-list .a-instand dd.detaillink {
  display: block;
  text-align: right;
  padding-top: 1em; }

#sec-list dl.faq-list .a-instand dd.detaillink:before {
  content: ""; }

#sec-list dl.faq-list .a-instand dd.detaillink span {
  color: #2484EA;
  text-decoration: underline; }

#sec-list dl.faq-list .a-instand dd.detaillink span:after {
  content: url(/web/jp/contract/images/faq-ic-link.svg);
  padding-left: 4px; }

#sec-list dl.faq-list .a-instand a {
  margin-bottom: 0px;
  padding: 0px;
  border-radius: 0px;
  box-shadow: none;
  width: 100%;
  background-color: none;
  display: inline; }

#sec-list dl.faq-list .a-instand dd.detaillink a {
  color: #2484EA !important; }

#sec-list dl.faq-list .a-instand dd.detaillink a:visited {
  color: #2484EA !important; }

#sec-list dl.faq-list .a-instand .no_link_txt {
  line-height: 1.5; }

#sec-list dl.faq-list .a-instand .no_link_txt a {
  color: #2484EA;
  text-decoration: underline; }

/*-----------------
 *sec-faq220131追加分ここまで
-----------------*/
#sec-list .list {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-wrap: wrap; }

#sec-list .list li {
  margin: 0 0 16px;
  width: 100%;
  list-style: none;
  position: relative;
  overflow: visible;
  border: solid 1px #ddd;
  border-radius: 6px; }

#sec-list.faq-2022 dl.faq-list.nolink {
  padding: 0 0 24px; }
  #sec-list.faq-2022 dl.faq-list.nolink > dt {
    cursor: pointer;
    margin-bottom: -12px;
    padding: 24px 48px 0 24px;
    position: relative; }
    #sec-list.faq-2022 dl.faq-list.nolink > dt:hover {
      opacity: 0.8; }
    #sec-list.faq-2022 dl.faq-list.nolink > dt:after {
      content: "";
      display: inline-block;
      width: 10px;
      height: 10px;
      border: 2px solid;
      border-color: transparent transparent #333 #333;
      transform: rotate(-45deg);
      position: absolute;
      right: 24px;
      top: 32px; }
    #sec-list.faq-2022 dl.faq-list.nolink > dt.opened {
      margin-bottom: 21px; }
      #sec-list.faq-2022 dl.faq-list.nolink > dt.opened:after {
        transform: rotate(135deg); }
  #sec-list.faq-2022 dl.faq-list.nolink > dd {
    display: none;
    padding: 0 24px; }
    #sec-list.faq-2022 dl.faq-list.nolink > dd a:hover {
      box-shadow: none; }
    #sec-list.faq-2022 dl.faq-list.nolink > dd.detaillink {
      justify-content: flex-end;
      padding-top: 1em; }
      #sec-list.faq-2022 dl.faq-list.nolink > dd.detaillink a {
        color: #2484EA; }
        #sec-list.faq-2022 dl.faq-list.nolink > dd.detaillink a:hover {
          opacity: 0.8; }

#sec-list .contents dl.dl-inner {
  width: 100% !important;
  margin: 15px 0; }
  #sec-list .contents dl.dl-inner dt {
    font-weight: bold; }

.faq-toPageTop {
  padding: 0 0 40px;
  text-align: center; }
  .faq-toPageTop a {
    color: #2484EA; }
    .faq-toPageTop a:hover {
      opacity: 0.8; }

/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width: 48em) {
  #sec-list.faq-2022 dl.faq-list.nolink > dt:after {
    top: 24px; } }
/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width: 48em) {
  #sec-list .contents {
    margin-bottom: 40px; }
  #sec-list .list {
    flex-direction: row; }
    #sec-list .list li {
      width: 49%; }
  #sec-list dl.faq-list dt:before, #sec-list dl.faq-list dd:before {
    margin-top: -12px; } }
/*-----------------
 *footer cnv
-----------------*/
#sec_cta {
  padding: 24px 0;
  background-image: url(/web/jp/contract/images/top_cnv_bg.jpg);
  background-size: cover;
  background-position: center; }
  #sec_cta .contents {
    width: 90%;
    max-width: 75em;
    margin: auto; }
  #sec_cta .flex {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column; }
  #sec_cta .flex .cnv-btn {
    flex: 1;
    margin: 0 0 14px 0;
    width: 100%; }
    #sec_cta .flex .cnv-btn a {
      font-size: 1.3em; }
  #sec_cta .flex .cnv-btn:last-child {
    margin-right: 0;
    margin-bottom: 0; }
  #sec_cta .flex .cnv-btn a {
    padding: 0.75em 1em 0.5em;
    line-height: 1.42; }
  #sec_cta .cnv-btn.use-online a {
    background-color: #8E7CC3; }
  #sec_cta .cnv-btn.use-online a:hover {
    background-color: #A094C4; }
  #sec_cta .cnv-btn a {
    background-color: #FDAF06; }
  #sec_cta .cnv-btn a:hover {
    background-color: #E69E00; }
  #sec_cta .use-free a {
    background-color: #666666; }
  #sec_cta .use-free a:hover {
    background-color: #727272; }

/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width: 48em) {
  #sec_cta .flex {
    flex-direction: row;
    justify-content: space-between; }

  #sec_cta .flex .cnv-btn {
    width: 100%;
    margin: 0 14px 0 0; }
    #sec_cta .flex .cnv-btn a {
      margin: 0;
      font-size: 1em; } }
/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width: 64em) {
  #sec_cta {
    padding: 60px 0; }
    #sec_cta .flex .cnv-btn a {
      font-size: 1.5em; } }
/* ノートPC以上のサイズ 1200px(16×75em)~ lgサイズ */
@media screen and (min-width: 75em) {
  #sec-list dl.faq-list {
    width: 100% !important; } }
.pc-block {
  display: block; }