@charset "UTF-8";
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/* line 10, page_introduction.scss */
.resultsSecWrap { margin-top: 5em !important; }

/* line 25, page_introduction.scss */
.resultsSec .resultsTextListSec::before, .resultsSec .resultsTextListSec::after { /*background: #fff !important;*/ }
/* line 27, page_introduction.scss */
.resultsSec .resultsTextListSec .wrapper::before, .resultsSec .resultsTextListSec .wrapper::after { /*background: #fff !important;*/ }
/* line 43, page_introduction.scss */
.resultsSec .resultsTextListSec .wrapper .list ul.listWrap li.other::before { /*background: #fff !important;*/ }

/* line 78, page_introduction.scss */
#introduction #intro .read.read01 { line-height: 2.2; }
/* line 81, page_introduction.scss */
#introduction #intro ul.casesList { margin-bottom: 55px; }
/* line 95, page_introduction.scss */
#introduction #flow { position: relative; }
/* line 96, page_introduction.scss */
#introduction #flow::before { content: ""; background: url("../img/flowBg.jpg") right center no-repeat; width: 100%; height: 100%; position: absolute; top: 0; right: 0; opacity: .5; }
/* line 97, page_introduction.scss */
#introduction #flow .inner { position: relative; z-index: 5; }
/* line 100, page_introduction.scss */
#introduction #flow ul.flowList li { display: flex; justify-content: space-between; flex-wrap: wrap; background: #fff; filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.1)); width: 93.75%; margin: auto; position: relative; }
/* line 101, page_introduction.scss */
#introduction #flow ul.flowList li:not(:last-child) { margin-bottom: 60px; }
/* line 102, page_introduction.scss */
#introduction #flow ul.flowList li:not(:last-child)::after { content: ""; background: url("../img/arrow.png") no-repeat; width: 50px; height: 15px; background-size: cover; position: absolute; left: 0; right: 0; margin: auto; z-index: 10; top: calc(100% + 25px); }
/* line 104, page_introduction.scss */
#introduction #flow ul.flowList li .tit { /*width: 23.5%;*/ width: 280px; background: #353230; color: #fff; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; justify-content: flex-start; position: relative; }
/* line 105, page_introduction.scss */
#introduction #flow ul.flowList li .tit::before { content: ""; position: absolute; left: 0; right: 0; margin: auto; z-index: 10; left: 100%; width: 16px; height: 100%; background: url("../img/arrow2.png") no-repeat; background-size: 100% 100%; }
/* line 106, page_introduction.scss */
#introduction #flow ul.flowList li .tit span { font-size: 21px; font-size: 1.3125rem; line-height: 1.3125rem; padding: 0 20px; margin-right: 20px; border-right: 1px solid rgba(255, 255, 255, 0.5); }
/* line 107, page_introduction.scss */
#introduction #flow ul.flowList li .tit span small { font-size: 66%; display: block; letter-spacing: 0; }
/* line 109, page_introduction.scss */
#introduction #flow ul.flowList li .tit em { font-size: 22px; font-size: 1.375rem; line-height: 2.475rem; font-weight: bold; }
/* line 111, page_introduction.scss */
#introduction #flow ul.flowList li .read { font-size: 16px; font-size: 1rem; line-height: 1.8rem; /*width: 76%;*/ width: calc(100% - 280px); padding: 30px 3%; text-align: left; text-align: justify; text-justify: inter-ideograph; }
/* line 112, page_introduction.scss */
#introduction #flow ul.flowList li.step01 .tit { opacity: .35; }
/* line 113, page_introduction.scss */
#introduction #flow ul.flowList li.step02 .tit { opacity: .4; }
/* line 114, page_introduction.scss */
#introduction #flow ul.flowList li.step03 .tit { opacity: .45; }
/* line 115, page_introduction.scss */
#introduction #flow ul.flowList li.step04 .tit { opacity: .5; }
/* line 124, page_introduction.scss */
#introduction #faq .inner { position: relative; z-index: 5; }
/* line 125, page_introduction.scss */
#introduction #faq .ttl { color: #fff; }
/* line 126, page_introduction.scss */
#introduction #faq .ttl span, #introduction #faq .ttl em { display: block; }
/* line 128, page_introduction.scss */
#introduction #faq .ttl em { font-size: 18px; font-size: 1.125rem; line-height: 2.025rem; font-family: "YakuHanJP", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin-top: 5px; }
/* line 130, page_introduction.scss */
#introduction #faq dl.faqList { text-align: left; width: 78%; margin: auto; }
/* line 131, page_introduction.scss */
#introduction #faq dl.faqList dt, #introduction #faq dl.faqList dd { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 132, page_introduction.scss */
#introduction #faq dl.faqList dt i, #introduction #faq dl.faqList dd i { font-size: 36px; font-size: 2.25rem; line-height: 2.25rem; width: 60px; height: 60px; background: #fff; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; position: relative; }
/* line 133, page_introduction.scss */
#introduction #faq dl.faqList dt i::after, #introduction #faq dl.faqList dd i::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; left: 100%; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 12px; border-color: transparent transparent transparent #fff; }
/* line 135, page_introduction.scss */
#introduction #faq dl.faqList dt em, #introduction #faq dl.faqList dt .read, #introduction #faq dl.faqList dd em, #introduction #faq dl.faqList dd .read { color: #fff; width: calc(100% - 90px); text-align: justify; text-justify: inter-ideograph; }
/* line 136, page_introduction.scss */
#introduction #faq dl.faqList dt a, #introduction #faq dl.faqList dd a { color: #fff; text-decoration: underline; }
/* line 138, page_introduction.scss */
#introduction #faq dl.faqList dt { margin-bottom: 40px; }
/* line 139, page_introduction.scss */
#introduction #faq dl.faqList dt i { opacity: .8; }
/* line 140, page_introduction.scss */
#introduction #faq dl.faqList dt em { font-size: 27px; font-size: 1.6875rem; line-height: 3.0375rem; padding-top: .25em; }
/* line 142, page_introduction.scss */
#introduction #faq dl.faqList dd { padding-left: 90px; }
/* line 143, page_introduction.scss */
#introduction #faq dl.faqList dd:not(:last-child) { padding-bottom: 55px; margin-bottom: 65px; border-bottom: 2px dotted rgba(255, 255, 255, 0.5); }
/* line 145, page_introduction.scss */
#introduction #faq dl.faqList dd .read { font-size: 17px; font-size: 1.0625rem; line-height: 2.3375rem; margin-top: -.25em; }
@media only screen and (max-width: 750px) { /* line 167, page_introduction.scss */
  #introduction #intro .ttl, #introduction #intro .read { padding-left: 7.5%; padding-right: 7.5%; }
  /* line 170, page_introduction.scss */
  #introduction #intro .read.read01 { line-height: 2.2; text-align: left; }
  /* line 173, page_introduction.scss */
  #introduction #intro ul.casesList { margin-bottom: 55px; }
  /* line 187, page_introduction.scss */
  #introduction #flow { padding-bottom: 200px; }
  /* line 188, page_introduction.scss */
  #introduction #flow::before { background: url("../img/flowBgSp.jpg") bottom left no-repeat; background-size: 100% auto; top: auto; bottom: 0; right: 0; opacity: .5; }
  /* line 190, page_introduction.scss */
  #introduction #flow .ttl { margin-bottom: 35px; }
  /* line 192, page_introduction.scss */
  #introduction #flow ul.flowList li { width: 93.75%; }
  /* line 193, page_introduction.scss */
  #introduction #flow ul.flowList li:not(:last-child) { margin-bottom: 50px; }
  /* line 194, page_introduction.scss */
  #introduction #flow ul.flowList li:not(:last-child)::after { width: 50px; height: 15px; top: calc(100% + 20px); }
  /* line 196, page_introduction.scss */
  #introduction #flow ul.flowList li .tit { width: 100%; justify-content: flex-start; position: relative; padding: 5px 5% 5px; }
  /* line 197, page_introduction.scss */
  #introduction #flow ul.flowList li .tit::before { content: ""; position: absolute; left: 0; right: 0; margin: auto; z-index: 10; top: 100%; left: 0%; width: 100%; height: 12px; background: url("../img/arrow2Sp.png") no-repeat; background-size: 100% 100%; display: none; }
  /* line 198, page_introduction.scss */
  #introduction #flow ul.flowList li .tit span { font-size: 20px; font-size: 1.25rem; line-height: 1.25rem; padding: 0 12px 0 0; margin-right: 12px; border-right: 1px solid rgba(255, 255, 255, 0.5); }
  /* line 199, page_introduction.scss */
  #introduction #flow ul.flowList li .tit span small { font-size: 66%; display: inline-block; margin-right: 5px; }
  /* line 201, page_introduction.scss */
  #introduction #flow ul.flowList li .tit em { font-size: 20px; font-size: 1.25rem; line-height: 2.25rem; font-weight: bold; }
  /* line 203, page_introduction.scss */
  #introduction #flow ul.flowList li .read { font-size: 16px; font-size: 1rem; line-height: 1.8rem; width: 100%; padding: 25px 7.5% 25px; }
  /* line 213, page_introduction.scss */
  #introduction #faq .ttl { margin-bottom: 30px; }
  /* line 215, page_introduction.scss */
  #introduction #faq .ttl em { font-size: 18px; font-size: 1.125rem; line-height: 2.025rem; font-family: "YakuHanJP", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin-top: 5px; }
  /* line 217, page_introduction.scss */
  #introduction #faq dl.faqList { text-align: left; width: 86%; margin: auto; }
  /* line 218, page_introduction.scss */
  #introduction #faq dl.faqList dt, #introduction #faq dl.faqList dd { display: flex; justify-content: space-between; flex-wrap: wrap; }
  /* line 219, page_introduction.scss */
  #introduction #faq dl.faqList dt i, #introduction #faq dl.faqList dd i { font-size: 28px; font-size: 1.75rem; line-height: 1.75rem; width: 50px; height: 50px; margin: 0 auto 20px; }
  /* line 220, page_introduction.scss */
  #introduction #faq dl.faqList dt i::after, #introduction #faq dl.faqList dd i::after { content: ""; position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; position: absolute; left: 0; right: 0; margin: auto; z-index: 10; top: 100%; width: 0; height: 0; border-style: solid; border-width: 10px 5px 0 5px; border-color: #fff transparent transparent transparent; }
  /* line 222, page_introduction.scss */
  #introduction #faq dl.faqList dt em, #introduction #faq dl.faqList dt .read, #introduction #faq dl.faqList dd em, #introduction #faq dl.faqList dd .read { width: 100%; }
  /* line 225, page_introduction.scss */
  #introduction #faq dl.faqList dt { margin-bottom: 25px; }
  /* line 226, page_introduction.scss */
  #introduction #faq dl.faqList dt i { opacity: .8; }
  /* line 227, page_introduction.scss */
  #introduction #faq dl.faqList dt em { font-size: 22px; font-size: 1.375rem; line-height: 2.475rem; padding-top: 0em; }
  /* line 229, page_introduction.scss */
  #introduction #faq dl.faqList dd { padding-left: 0px; }
  /* line 230, page_introduction.scss */
  #introduction #faq dl.faqList dd:not(:last-child) { padding-bottom: 30px; margin-bottom: 35px; border-bottom: 2px dotted rgba(255, 255, 255, 0.5); }
  /* line 232, page_introduction.scss */
  #introduction #faq dl.faqList dd .read { font-size: 16px; font-size: 1rem; line-height: 1.8rem; margin-top: -.0em; text-align: left; } }