@charset "UTF-8";
/* line 11, reasons.scss */
#introSec .catch { font-size: 28px; margin-bottom: 1em; }
/* line 12, reasons.scss */
#introSec .read { text-align: center; }

@media only screen and (max-width: 750px) { /* line 18, reasons.scss */
  #introSec { padding: 0 5%; }
  /* line 19, reasons.scss */
  #introSec .catch { font-size: 20px; margin-bottom: 1em; }
  /* line 20, reasons.scss */
  #introSec .read { text-align: justify; } }
/* line 27, reasons.scss */
#reasonsSec { margin-top: 4em; }
/* line 29, reasons.scss */
#reasonsSec .wrapper .titWrap { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; position: relative; margin-bottom: 2em; }
/* line 30, reasons.scss */
#reasonsSec .wrapper .titWrap::after { content: ""; width: 100%; height: 1px; background: rgba(179, 162, 162, 0.5); position: absolute; bottom: 1.5em; left: 0; z-index: 0; }
/* line 31, reasons.scss */
#reasonsSec .wrapper .titWrap .tit { font-family: "YakuHanJP", "HummingProN-D", "FOT-ハミング ProN D"; font-size: 26px; position: relative; z-index: 5; background: #fff; padding: 0 1em; }
/* line 32, reasons.scss */
#reasonsSec .wrapper .titWrap .tit::before { content: ""; width: 92px; height: 82px; background: url("../../img/cmn/logomark.svg") no-repeat; background-size: cover !important; display: block; margin: 0 auto; }
/* line 34, reasons.scss */
#reasonsSec .wrapper .titWrap .tit em { color: #e23565; }
/* line 35, reasons.scss */
#reasonsSec .wrapper .titWrap .tit em strong { font-size: 150%; line-height: 1; }
/* line 36, reasons.scss */
#reasonsSec .wrapper .titWrap .tit em strong b { font-size: 130%; line-height: 1; }
/* line 41, reasons.scss */
#reasonsSec .wrapper ul.listWrap { padding: 0 2.5em; }
/* line 43, reasons.scss */
#reasonsSec .wrapper ul.listWrap li:not(:last-child) { margin-bottom: 3.5em; padding-bottom: 3em; border-bottom: 2px dotted rgba(179, 162, 162, 0.5); }
/* line 44, reasons.scss */
#reasonsSec .wrapper ul.listWrap li .ph { float: right; margin-left: 2.5em; margin-bottom: 1em; margin-top: 1em; width: 350px; }
/* line 45, reasons.scss */
#reasonsSec .wrapper ul.listWrap li .t { display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; margin-bottom: 1em; text-align: left; }
/* line 46, reasons.scss */
#reasonsSec .wrapper ul.listWrap li .t span { display: flex; flex-direction: column; flex-wrap: wrap; font-family: "YakuHanJP", "HummingProN-D", "FOT-ハミング ProN D"; font-size: 36px; color: #e23565; line-height: 1; position: relative; padding-bottom: .25em; padding-left: .15em; margin-left: -.5em; }
/* line 47, reasons.scss */
#reasonsSec .wrapper ul.listWrap li .t span i { width: 62px; line-height: 0; margin-bottom: .15em; margin-left: -.15em; }
/* line 48, reasons.scss */
#reasonsSec .wrapper ul.listWrap li .t span::after { content: ""; width: 95px; height: 95px; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); left: -50%; right: -50%; margin: auto; z-index: 10; z-index: 0; mix-blend-mode: multiply; background: radial-gradient(circle, #f4dcdb 0%, rgba(244, 220, 219, 0) 80%); }
/* line 51, reasons.scss */
#reasonsSec .wrapper ul.listWrap li .t em { font-family: "YakuHanJP", "HummingProN-D", "FOT-ハミング ProN D"; font-size: 26px; color: #e23565; margin-left: 1em; }

@media only screen and (max-width: 750px) { /* line 74, reasons.scss */
  #reasonsSec { margin-top: 4em; }
  /* line 76, reasons.scss */
  #reasonsSec .wrapper .titWrap { margin: 0 auto 2em; width: 90%; }
  /* line 77, reasons.scss */
  #reasonsSec .wrapper .titWrap::after { position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; display: block; margin-top: .5em; }
  /* line 78, reasons.scss */
  #reasonsSec .wrapper .titWrap .tit { font-size: 20px; padding: 0 .5em; }
  /* line 79, reasons.scss */
  #reasonsSec .wrapper .titWrap .tit::before { width: 72px; height: 68px; margin: 0 auto .5em; }
  /* line 80, reasons.scss */
  #reasonsSec .wrapper .titWrap .tit span { white-space: nowrap; }
  /* line 81, reasons.scss */
  #reasonsSec .wrapper .titWrap .tit em { display: block; }
  /* line 82, reasons.scss */
  #reasonsSec .wrapper .titWrap .tit em strong { font-size: 150%; }
  /* line 83, reasons.scss */
  #reasonsSec .wrapper .titWrap .tit em strong b { font-size: 130%; }
  /* line 88, reasons.scss */
  #reasonsSec .wrapper ul.listWrap { padding: 0 1.5em; }
  /* line 89, reasons.scss */
  #reasonsSec .wrapper ul.listWrap li { display: flex; flex-direction: column; flex-wrap: wrap; }
  /* line 90, reasons.scss */
  #reasonsSec .wrapper ul.listWrap li:not(:last-child) { margin-bottom: 2.5em; padding-bottom: 2em; border-bottom: 2px dotted rgba(179, 162, 162, 0.5); }
  /* line 91, reasons.scss */
  #reasonsSec .wrapper ul.listWrap li .ph { float: none; margin: 0 auto 1.5em; width: 100%; order: 1; }
  /* line 92, reasons.scss */
  #reasonsSec .wrapper ul.listWrap li .t { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin: 0 auto 1em; order: 0; }
  /* line 93, reasons.scss */
  #reasonsSec .wrapper ul.listWrap li .t span { font-size: 28px; padding-bottom: .5em; padding-left: .3em; margin-left: 0em; }
  /* line 94, reasons.scss */
  #reasonsSec .wrapper ul.listWrap li .t span i { width: 62px; margin-bottom: .15em; margin-left: -.25em; }
  /* line 95, reasons.scss */
  #reasonsSec .wrapper ul.listWrap li .t span::after { width: 80px; height: 80px; }
  /* line 97, reasons.scss */
  #reasonsSec .wrapper ul.listWrap li .t em { font-size: 21px; line-height: 1.6; margin: 0 auto; width: 100%; white-space: nowrap; text-align: center; }
  /* line 99, reasons.scss */
  #reasonsSec .wrapper ul.listWrap li .read { order: 2; }
  /* line 101, reasons.scss */
  #reasonsSec .wrapper ul.listWrap li.list02 .t em { white-space: normal; } }