@charset "UTF-8";
.main_outer1 {
  line-height: 1.2;
  font-family: 'Noto Sans JP', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  /* content -------------------- */
  /*___________ pcsp共通CSS ___________*/
  /* モーダルウィンドウのスタイル */
  /* オーバーレイのスタイル */
  /* モーダルウィンドウの中身のスタイル */
  /* アプリでできることスライド */
  /*------------------------------------------
 * cpSlider
------------------------------------------*/
  /*------------------------------------------
 * cpTitle
------------------------------------------*/
  /* add 190724 -------------------- */ }
  @media (min-width: 768px) {
    .main_outer1 .stSiteHeader.jsModalContainer,
    .main_outer1 .container.jsModalContainer {
      width: calc(100vw - 15px); }
    .main_outer1 .usePc {
      display: block; }
    .main_outer1 .useSp,
    .main_outer1 .useSp-inline {
      display: none; }
    .main_outer1 .usePc-inline {
      display: inline-block; }
    .main_outer1 .usePc-ml-20 {
      margin-left: -20px !important; }
    .main_outer1 .usePc-pt50 {
      padding-top: 50px !important; }
    .main_outer1 .usePc-pl20 {
      padding-left: 20px !important; }
    .main_outer1 .appKv {
      height: 320px;
      background-image: url("../image/kv_bg_pc.jpg");
      background-size: cover;
      background-repeat: no-repeat; }
    .main_outer1 .appKv h1 {
      text-align: center; }
    .main_outer1 .appTextLink {
      margin-top: 20px;
      padding-bottom: 0.2em;
      font-size: 17px; }
    .main_outer1 .appTextNotes {
      margin-left: 1em;
      font-size: 15px; }
    .main_outer1 .appBtn {
      margin: 37px auto 0;
      padding: 14px 0;
      width: 300px;
      border-radius: 23px;
      font-size: 17px; }
    .main_outer1 .appBtn::after {
      top: 39%;
      right: 14px;
      border: 8px solid transparent;
      border-top: 12px solid #fff; }
    .main_outer1 .appContent {
      background-color: #ececec; }
    .main_outer1 .appContentInner {
      margin: 0 auto;
      padding: 35px 0 40px;
      width: 980px; }
    .main_outer1 .appCan .appContentInner {
      padding: 40px 0; }
    .main_outer1 .appDownload01 .appContentInner {
      padding: 30px 0; }
    .main_outer1 .appDownload02 .appContentInner {
      padding: 40px 0 0; }
    .main_outer1 .appContentBalloon::before {
      bottom: -30px;
      margin-left: -15px;
      border: 15px solid transparent; }
    .main_outer1 .appTitle02 {
      padding: 18px 0;
      font-size: 18px; }
    .main_outer1 .appTitle02 h2 {
      margin-top: 10px;
      font-size: 31px; }
    .main_outer1 .appTitle02 h2 span.band {
      font-size: 38px; }
    .main_outer1 .appTitle02 h2 span.band span {
      font-size: 30px; }
    .main_outer1 .appTitle02.appContentBalloon::before {
      border-top: 15px solid #fdb813; }
    .main_outer1 .appCan .appTitle02 {
      padding: 33px 0; }
    .main_outer1 .appContentBalloon::after {
      bottom: -43px;
      margin-left: -26px;
      width: 53px;
      height: 45px; }
    .main_outer1 .appDownloadWrapper {
      width: 830px; }
    .main_outer1 .appDownloadTitle {
      padding: 10px 0;
      font-size: 18px; }
    .main_outer1 .appDownloadList {
      margin: 30px auto;
      width: 780px; }
    .main_outer1 .appDownloadListItem img {
      height: 50px; }
    .main_outer1 .appDownloadWrapper02 {
      width: 600px;
      border: solid 2px #3c3c3c; }
    .main_outer1 .appDownloadTitle02 {
      padding: 10px 0;
      font-size: 18px; }
    .main_outer1 .appDownloadList02 {
      padding: 20px 0px 15px 30px; }
    .main_outer1 .appMerit {
      padding: 40px; }
    .main_outer1 .appMerit + .appMeritHdg {
      margin-top: 40px; }
    .main_outer1 .appMeritHdg {
      padding: 16px 0;
      font-size: 24px; }
    .main_outer1 .appMeritHdg .appMeritHdgNum {
      width: 60px;
      height: 60px; }
    .main_outer1 .appMeritHdg02 {
      margin-bottom: 17px;
      font-size: 24px; }
    .main_outer1 .appMeritHdg02 + p {
      margin-bottom: 11px;
      font-size: 17px; }
    .main_outer1 .appMeritBenriHdg02 {
      font-size: 24px; }
    .main_outer1 .appMeritSeparator + .appMeritSeparator {
      margin-top: 30px;
      padding-top: 30px; }
    .main_outer1 .appMeritBenri .appMeritSeparator + .appMeritSeparator {
      margin-top: 20px;
      padding-top: 30px; }
    .main_outer1 .appMeritBenri .appMeritSeparator:nth-of-type(1) .appMainImg {
      margin: 0 40px 0 37px; }
    .main_outer1 .appMeritBenri .appMeritSeparator:nth-of-type(1) .appMeritBenriHdg02 {
      margin-top: 14px; }
    .main_outer1 .appMeritBenri .appMeritSeparator:nth-of-type(2) .appMeritBenriHdg02 {
      margin-top: 20px;
      text-align: center; }
    .main_outer1 .appMeritBenri .appMeritSeparator:nth-of-type(2) .appColumn {
      -ms-flex-pack: justify;
      margin-top: 20px;
      -webkit-box-pack: justify;
      justify-content: space-between; }
    .main_outer1 .appMeritBenri .appMeritSeparator:nth-of-type(2) .appColumn .appColumnItem {
      width: 49%;
      font-size: 17px;
      line-height: 1.4; }
    .main_outer1 .appMeritOtoku .appColumn .appColumnItem + .appColumnItem {
      padding-top: 18px; }
    .main_outer1 .appMeritOtokuList {
      margin-top: 25px; }
    .main_outer1 .appMeritOtokuList li {
      padding-left: 52px;
      font-size: 24px; }
    .main_outer1 .appMeritOtokuList li + li {
      margin-top: 25px; }
    .main_outer1 .appMeritOtokuList li::before {
      top: -5px;
      width: 42px;
      height: 42px; }
    .main_outer1 .appExample {
      margin-top: 30px;
      padding-bottom: 30px; }
    .main_outer1 .appExampleTitle {
      padding: 15px 0;
      font-size: 24px; }
    .main_outer1 .appExampleList {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      padding: 30px;
      padding-bottom: 0;
      -webkit-box-pack: justify;
      justify-content: space-between; }
    .main_outer1 .appExampleList li {
      padding: 15px 12px;
      width: 187px;
      height: 270px; }
    .main_outer1 .appExampleList li:nth-of-type(2),
    .main_outer1 .appExampleList li:nth-of-type(4) {
      padding-top: 8px; }
    .main_outer1 .appExampleList li .appColumn {
      display: block; }
    .main_outer1 .appExampleList li .appColumnItem + .appColumnItem {
      padding-top: 6px; }
    .main_outer1 .appExampleList li + li::before {
      top: 50%;
      left: -20px;
      border: 12px solid transparent;
      border-left: 12px solid #333;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
    .main_outer1 .appExampleListSubtext {
      margin-bottom: 8px;
      font-size: 15px; }
    .main_outer1 .appExampleListNum {
      margin-bottom: 10px;
      width: 28px;
      height: 28px; }
    .main_outer1 .appExampleComment {
      margin-top: 30px; }
    .main_outer1 .appExampleComment p {
      margin: 0 auto;
      padding: 17px 26px 17px 34px;
      width: 500px;
      border-radius: 20px;
      font-size: 20px; }
    .main_outer1 .appExampleComment p::after {
      right: -25px;
      border: 12px solid transparent;
      border-left: 14px solid #fdb813; }
    .main_outer1 .appExampleComment img {
      right: 95px;
      bottom: -30px; }
    .main_outer1 .appColumn .appColumnItem + .appColumnItem {
      padding-top: 63px; }
    .main_outer1 .appMainImg {
      margin: 0 50px 0 42px; }
    .main_outer1 .appMainImg img {
      width: 230px; }
    .main_outer1 .appProcedure {
      margin: 37px auto 0;
      width: 980px; }
    .main_outer1 .appProcedureTitle {
      padding: 16px 0;
      font-size: 24px; }
    .main_outer1 .appProcedureList {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      padding: 52px 70px 58px;
      -webkit-box-pack: justify;
      justify-content: space-between; }
    .main_outer1 .appProcedureListItem {
      padding: 16px 0;
      width: 400px;
      border: 2px solid #e60012;
      border-radius: 4px;
      text-align: center;
      font-weight: bold;
      font-size: 20px; }
    .main_outer1 .appProcedureListItem:nth-of-type(2) {
      padding-right: 10px; }
    .main_outer1 .appProcedureListItem::after {
      top: 22px;
      right: 17px;
      width: 8px;
      height: 14px; }
    .main_outer1 .appShop {
      margin-top: 55px;
      margin-right: 20px; }
    .main_outer1 .appColumn + .appDownloadWrapper02 {
      margin-top: 70px; }
    .main_outer1 .appMemo {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      margin: 42px auto 0;
      padding: 22px 38px 16px 45px;
      width: 730px;
      border: solid 2px #707070;
      border-radius: 10px; }
    .main_outer1 .appMemo img {
      width: 138px; }
    .main_outer1 .appMemoTextWrap {
      width: 480px; }
    .main_outer1 .appMemoTitle {
      margin-top: 14px;
      font-size: 24px; }
    .main_outer1 .appMemoTitle + .appMemoText {
      margin-top: 7px;
      line-height: 1.5; }
    .main_outer1 .appMemoText {
      font-size: 17px; }
    .main_outer1 .appCanContainer {
      margin: 0 auto;
      width: 980px;
      height: 513px; }
    .main_outer1 .appCanCommonStaff {
      right: 100px;
      bottom: 0; }
    .main_outer1 .appCanMockup {
      left: 364px;
      width: 250px; }
    .main_outer1 .appCanText {
      top: 101px;
      right: 0;
      width: 300px;
      height: 170px;
      border-radius: 20px;
      font-size: 20px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .main_outer1 .appCanText .appCanTextBadge {
      top: -29px;
      left: -27px;
      width: 68px;
      height: 68px;
      font-size: 11px; }
    .main_outer1 .appCanText .appCanTextBadge::after {
      width: 68px;
      height: 68px; }
    .main_outer1 .appCanText::after {
      bottom: -30px;
      left: 50%;
      margin-left: -12px;
      border: 12px solid transparent;
      border-top: 18px solid #ffffff; }
    .main_outer1 .appCanBack {
      top: 200px;
      left: 82px; }
    .main_outer1 .appCanBackText {
      font-size: 15px; }
    .main_outer1 .appCanSlide-linkBack {
      margin-top: 10px;
      padding: 14px 0 15px 15px;
      width: 216px;
      font-size: 16px;
      border-radius: 4px;
      border: 2px solid #e60012; }
    .main_outer1 .appCanSlide-linkBack::before {
      top: 17px;
      left: 14px;
      width: 8px;
      height: 14px; }
    .main_outer1 .appCanSlide-linkStart {
      top: 61px;
      left: 18px;
      width: 220px;
      height: 388px; }
    .main_outer1 .appCanSlide02-link01 {
      top: 68px;
      left: 22px;
      width: 31px;
      height: 31px; }
    .main_outer1 .appCanSlide02-link02 {
      top: 68px;
      left: 200px;
      width: 31px;
      height: 31px; }
    .main_outer1 .appCanSlide02-link03 {
      top: 104px;
      left: 27px;
      width: 31px;
      height: 31px; }
    .main_outer1 .appCanSlide02-link04 {
      top: 104px;
      left: 69px;
      width: 31px;
      height: 31px; }
    .main_outer1 .appCanSlide02-link05 {
      top: 104px;
      left: 111px;
      width: 31px;
      height: 31px; }
    .main_outer1 .appCanSlide02-link06 {
      top: 104px;
      left: 154px;
      width: 31px;
      height: 31px; }
    .main_outer1 .appCanSlide02-link07 {
      top: 104px;
      left: 196px;
      width: 31px;
      height: 31px; }
    .main_outer1 .appCanSlide02-link08 {
      top: 137px;
      left: 21px;
      width: 214px;
      height: 142px; }
    .main_outer1 .appCanSlide02-link09 {
      top: 296px;
      left: 24px;
      width: 206px;
      height: 23px; }
    .main_outer1 .appCanSlide02-link10 {
      top: 372px;
      left: 170px;
      width: 70px;
      height: 70px; }
    .main_outer1 .btnAreaWrap {
      padding: 40px 0 48px !important; } }
  @media (max-width: 767px) {
    .main_outer1 .stSiteHeader.jsModalContainer,
    .main_outer1 .container.jsModalContainer {
      width: 100%; }
    .main_outer1 .usePc,
    .main_outer1 .usePc-inline {
      display: none; }
    .main_outer1 .useSp {
      display: block; }
    .main_outer1 .useSp-inline {
      display: inline-block; }
    .main_outer1 .useSp-alignL {
      text-align: left !important; }
    .main_outer1 .useSp-pt34 {
      padding-top: calc(34 / 750 * 100vw); }
    .main_outer1 .useSp-pt50 {
      padding-top: calc(50 / 750 * 100vw); }
    .main_outer1 .useSp-pl20 {
      padding-left: calc(20 / 750 * 100vw); }
    .main_outer1 .useSp-pl50 {
      padding-left: calc(50 / 750 * 100vw); }
    .main_outer1 .appKv {
      height: auto; }
    .main_outer1 .appKv img {
      width: 100%; }
    .main_outer1 .appTextLink {
      margin-top: calc(34 / 750 * 100vw);
      padding-bottom: 0.2em;
      font-size: calc(24 / 750 * 100vw); }
    .main_outer1 .appTextNotes {
      font-size: calc(20 / 750 * 100vw); }
    .main_outer1 .appBtn {
      margin: calc(20 / 750 * 100vw) auto 0;
      padding: calc(15 / 750 * 100vw) calc(40 / 750 * 100vw) calc(15 / 750 * 100vw) calc(18 / 750 * 100vw);
      width: calc(370 / 750 * 100vw);
      border-radius: calc(29 / 750 * 100vw);
      font-size: calc(23 / 750 * 100vw); }
    .main_outer1 .appBtn::after {
      top: 39%;
      right: calc(17 / 750 * 100vw);
      border: calc(10 / 750 * 100vw) solid transparent;
      border-top: calc(15 / 750 * 100vw) solid #fff; }
    .main_outer1 .appContent {
      background-color: #f4f3f3; }
    .main_outer1 .appContentInner {
      padding: calc(50 / 750 * 100vw) 0 calc(70 / 750 * 100vw);
      width: calc(670 / 750 * 100vw); }
    .main_outer1 .appCan .appContentInner {
      padding: calc(37 / 750 * 100vw) 0 calc(60 / 750 * 100vw); }
    .main_outer1 .appDownload01 .appContentInner {
      padding: calc(40 / 750 * 100vw) 0; }
    .main_outer1 .appDownload02 .appContentInner {
      padding: calc(40 / 750 * 100vw) 0 0; }
    .main_outer1 .appContentBalloon::before {
      bottom: calc(-30 / 750 * 100vw);
      margin-left: calc(-15 / 750 * 100vw);
      border: calc(15 / 750 * 100vw) solid transparent; }
    .main_outer1 .appContentBalloon::after {
      bottom: calc(-88 / 750 * 100vw);
      margin-left: calc(-55 / 750 * 100vw);
      width: calc(106 / 750 * 100vw);
      height: calc(90 / 750 * 100vw); }
    .main_outer1 .appTitle02 {
      padding: calc(30 / 750 * 100vw) 0;
      font-size: calc(26 / 750 * 100vw); }
    .main_outer1 .appTitle02 h2 {
      margin-top: calc(10 / 750 * 100vw);
      font-size: calc(40 / 750 * 100vw); }
    .main_outer1 .appTitle02 h2 span.band {
      font-size: calc(55 / 750 * 100vw); }
    .main_outer1 .appTitle02 h2 span.band span {
      font-size: calc(44 / 750 * 100vw); }
    .main_outer1 .appTitle02.appContentBalloon::before {
      border-top: calc(15 / 750 * 100vw) solid #fdb813; }
    .main_outer1 .appCan .appTitle02 {
      padding: calc(40 / 750 * 100vw) 0; }
    .main_outer1 .appDownloadWrapper {
      width: calc(522 / 750 * 100vw); }
    .main_outer1 .appDownloadTitle {
      padding: calc(30 / 750 * 100vw) 0;
      font-size: calc(30 / 750 * 100vw); }
    .main_outer1 .appDownloadList {
      margin: calc(30 / 750 * 100vw) auto 0;
      width: 100%; }
    .main_outer1 .appDownloadList02 img {
      height: auto; }
    .main_outer1 .appDownloadListItem {
      width: calc(260 / 750 * 100vw); }
    .main_outer1 .appDownloadListItem img {
      width: 100%; }
    .main_outer1 .appDownloadWrapper02 {
      margin: 0 auto;
      width: calc(590 / 750 * 100vw); }
    .main_outer1 .appDownloadWrapper02.border {
      border: solid 1px #3c3c3c; }
    .main_outer1 .appDownloadTitle02 {
      padding: calc(25 / 750 * 100vw) 0;
      font-size: calc(30 / 750 * 100vw); }
    .main_outer1 .appDownloadList02 {
      margin: 0 auto;
      padding: calc(20 / 750 * 100vw) 0;
      width: calc(540 / 750 * 100vw); }
    .main_outer1 .appDownloadListItem02 {
      width: calc(250 / 750 * 100vw); }
    .main_outer1 .appDownloadListItem02 img {
      width: 100%; }
    .main_outer1 .appMerit {
      padding: calc(35 / 750 * 100vw) calc(25 / 750 * 100vw) calc(40 / 750 * 100vw); }
    .main_outer1 .appMerit + .appMeritHdg {
      margin-top: calc(50 / 750 * 100vw); }
    .main_outer1 .appMeritHdg {
      padding: calc(35 / 750 * 100vw) 0;
      font-size: calc(30 / 750 * 100vw); }
    .main_outer1 .appMeritHdg .appMeritHdgNum {
      width: calc(95 / 750 * 100vw);
      height: calc(95 / 750 * 100vw); }
    .main_outer1 .appMeritHdg02 {
      margin-bottom: calc(30 / 750 * 100vw);
      text-align: center;
      font-size: calc(28 / 750 * 100vw); }
    .main_outer1 .appMeritHdg02 + p {
      margin-bottom: calc(20 / 750 * 100vw);
      font-size: calc(24 / 750 * 100vw); }
    .main_outer1 .appMeritSeparator + .appMeritSeparator {
      margin-top: calc(40 / 750 * 100vw);
      padding-top: calc(35 / 750 * 100vw); }
    .main_outer1 .appMeritBenri .appMeritSeparator + .appMeritSeparator {
      margin-top: calc(30 / 750 * 100vw);
      padding-top: calc(15 / 750 * 100vw); }
    .main_outer1 .appMeritBenriHdg02 {
      margin-bottom: calc(20 / 750 * 100vw);
      font-size: calc(28 / 750 * 100vw);
      line-height: 1.3; }
    .main_outer1 .appMeritBenri .appMeritSeparator:nth-of-type(2) .appColumn {
      display: block; }
    .main_outer1 .appMeritBenri .appMeritSeparator:nth-of-type(2) .appColumnItem {
      width: 100%;
      font-size: calc(24 / 750 * 100vw);
      line-height: 1.4; }
    .main_outer1 .appMeritBenri .appMeritSeparator:nth-of-type(2) .appColumnItem img {
      margin-bottom: calc(20 / 750 * 100vw);
      margin-left: calc(-12 / 750 * 100vw);
      width: calc(582 / 750 * 100vw); }
    .main_outer1 .appMeritBenri .appMeritSeparator:nth-of-type(2) .appColumnItem + .appColumnItem {
      margin-top: calc(30 / 750 * 100vw); }
    .main_outer1 .appMeritOtoku .appMainImg {
      margin-left: calc(5 / 750 * 100vw);
      width: calc(255 / 750 * 100vw); }
    .main_outer1 .appMeritOtoku .appColumnItem + .appColumnItem {
      width: calc(340 / 750 * 100vw); }
    .main_outer1 .appMeritOtokuList {
      margin-top: calc(18 / 750 * 100vw); }
    .main_outer1 .appMeritOtokuList li {
      padding-left: calc(60 / 750 * 100vw);
      font-size: calc(27 / 750 * 100vw);
      line-height: 1.2; }
    .main_outer1 .appMeritOtokuList li + li {
      margin-top: calc(35 / 750 * 100vw); }
    .main_outer1 .appMeritOtokuList li::before {
      top: calc(-9 / 750 * 100vw);
      width: calc(54 / 750 * 100vw);
      height: calc(54 / 750 * 100vw); }
    .main_outer1 .appMeritOtokuList li:nth-of-type(3) {
      margin-top: calc(22 / 750 * 100vw); }
    .main_outer1 .appMeritOtokuList li:nth-of-type(3)::before {
      top: calc(5 / 750 * 100vw); }
    .main_outer1 .appExample {
      margin-top: calc(45 / 750 * 100vw);
      padding-bottom: calc(30 / 750 * 100vw); }
    .main_outer1 .appExampleTitle {
      padding: calc(22 / 750 * 100vw) 0;
      font-size: calc(30 / 750 * 100vw); }
    .main_outer1 .appExampleList {
      padding: calc(24 / 750 * 100vw);
      padding-bottom: 0;
      font-size: calc(24 / 750 * 100vw); }
    .main_outer1 .appExampleList li {
      padding: calc(18 / 750 * 100vw) calc(20 / 750 * 100vw) calc(16 / 750 * 100vw);
      width: 100%;
      font-weight: bold; }
    .main_outer1 .appExampleList li:nth-of-type(2),
    .main_outer1 .appExampleList li:nth-of-type(4) {
      padding-top: calc(24 / 750 * 100vw); }
    .main_outer1 .appExampleList li:nth-of-type(3) .appColumnItem + .appColumnItem {
      padding-top: calc(16 / 750 * 100vw); }
    .main_outer1 .appExampleList li:nth-of-type(4) .appColumnItem + .appColumnItem {
      padding-top: calc(12 / 750 * 100vw); }
    .main_outer1 .appExampleList li figure.appColumnItem {
      width: calc(298 / 750 * 100vw); }
    .main_outer1 .appExampleList li figure.appColumnItem img {
      width: 100%; }
    .main_outer1 .appExampleList li + li {
      margin-top: calc(40 / 750 * 100vw); }
    .main_outer1 .appExampleList li + li::before {
      top: calc(-20 / 750 * 100vw);
      left: 50%;
      border: calc(14 / 750 * 100vw) solid transparent;
      border-top: calc(14 / 750 * 100vw) solid #333;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
    .main_outer1 .appExampleList li + li::after {
      position: absolute;
      top: calc(-20 / 750 * 100vw);
      left: 0;
      display: block;
      width: 100%;
      border-top: 1px solid #333;
      content: ""; }
    .main_outer1 .appExampleListSubtext {
      margin-bottom: calc(15 / 750 * 100vw);
      font-size: calc(30 / 750 * 100vw); }
    .main_outer1 .appExampleListNum {
      margin-bottom: calc(8 / 750 * 100vw);
      width: calc(40 / 750 * 100vw);
      height: calc(40 / 750 * 100vw); }
    .main_outer1 .appExampleComment {
      margin-top: calc(30 / 750 * 100vw);
      margin-left: calc(30 / 750 * 100vw); }
    .main_outer1 .appExampleComment p {
      padding: calc(20 / 750 * 100vw) calc(27 / 750 * 100vw);
      width: calc(350 / 750 * 100vw);
      border-radius: calc(20 / 750 * 100vw);
      font-size: calc(30 / 750 * 100vw);
      line-height: 1.4; }
    .main_outer1 .appExampleComment p::after {
      right: calc(-40 / 750 * 100vw);
      border: calc(16 / 750 * 100vw) solid transparent;
      border-left: calc(26 / 750 * 100vw) solid #fdb813; }
    .main_outer1 .appExampleComment img {
      right: calc(50 / 750 * 100vw);
      bottom: calc(-30 / 750 * 100vw);
      width: calc(138 / 750 * 100vw);
      height: calc(194 / 750 * 100vw); }
    .main_outer1 .appColumn {
      -ms-flex-pack: justify;
      -webkit-box-pack: justify;
      justify-content: space-between; }
    .main_outer1 .appColumnItem + .appColumnItem {
      width: calc(308 / 750 * 100vw);
      line-height: 1.6; }
    .main_outer1 .appMainImg {
      width: calc(285 / 750 * 100vw); }
    .main_outer1 .appMainImg img {
      width: 100%; }
    .main_outer1 .appProcedure {
      margin: calc(44/ 750 * 100vw) auto 0;
      width: calc(670/ 750 * 100vw); }
    .main_outer1 .appProcedureTitle {
      padding: calc(34/ 750 * 100vw) 0;
      font-size: calc(30/ 750 * 100vw); }
    .main_outer1 .appProcedureList {
      padding: calc(50/ 750 * 100vw) calc(45/ 750 * 100vw); }
    .main_outer1 .appProcedureListItem {
      padding: calc(25/ 750 * 100vw) calc(30/ 750 * 100vw);
      width: 100%;
      border: 2px solid #f06671;
      border-radius: calc(6/ 750 * 100vw);
      text-align: left;
      font-weight: bold;
      font-size: calc(29/ 750 * 100vw); }
    .main_outer1 .appProcedureListItem::after {
      top: calc(32/ 750 * 100vw);
      right: calc(18/ 750 * 100vw);
      width: calc(14/ 750 * 100vw);
      height: calc(24/ 750 * 100vw);
      background-size: contain; }
    .main_outer1 .appProcedureListItem + .appProcedureListItem {
      margin-top: calc(30 / 750 * 100vw); }
    .main_outer1 .appShop {
      float: right;
      margin: 0 0 0 calc(25 / 750 * 100vw);
      width: calc(309 / 750 * 100vw); }
    .main_outer1 .appShop img {
      width: 100%; }
    .main_outer1 .appColumn + .appDownloadWrapper02 {
      margin-top: calc(55 / 750 * 100vw); }
    .main_outer1 .appMemo {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      margin: calc(40 / 750 * 100vw) auto 0;
      padding: calc(34 / 750 * 100vw) calc(26 / 750 * 100vw);
      width: calc(610 / 750 * 100vw);
      border: solid 2px #707070;
      border-radius: calc(10 / 750 * 100vw); }
    .main_outer1 .appMemo figure {
      width: calc(164 / 750 * 100vw) !important; }
    .main_outer1 .appMemo figure img {
      width: 100%; }
    .main_outer1 .appMemoTextWrap {
      width: calc(365 / 750 * 100vw); }
    .main_outer1 .appMemoTitle {
      font-size: calc(28 / 750 * 100vw); }
    .main_outer1 .appMemoTitle + .appMemoText {
      margin-top: calc(20 / 750 * 100vw);
      line-height: 1.5; }
    .main_outer1 .appMemoText {
      font-size: calc(24 / 750 * 100vw); }
    .main_outer1 .appCan .appContentInner {
      width: 100%; }
    .main_outer1 .appCanContainer {
      overflow: hidden;
      width: 100%;
      height: calc(1500 / 750 * 100vw); }
    .main_outer1 .appCanCommonStaff {
      right: calc(11 / 750 * 100vw);
      bottom: calc(128 / 750 * 100vw);
      width: calc(105 / 750 * 100vw);
      height: calc(192 / 750 * 100vw); }
    .main_outer1 .appCanMockup {
      left: calc(98 / 750 * 100vw);
      width: calc(560 / 750 * 100vw); }
    .main_outer1 .appCanText {
      top: calc(1175 / 750 * 100vw);
      left: calc(40 / 750 * 100vw);
      min-height: calc(170 / 750 * 100vw);
      width: calc(560 / 750 * 100vw);
      border-radius: calc(20 / 750 * 100vw);
      text-align: center;
      font-size: calc(28 / 750 * 100vw);
      line-height: 1.3; }
    .main_outer1 .appCanText .appCanTextBadge {
      top: calc(20 / 750 * 100vw);
      left: calc(-20 / 750 * 100vw);
      margin-top: calc(-54 / 750 * 100vw);
      width: calc(108 / 750 * 100vw);
      height: calc(108 / 750 * 100vw);
      font-size: calc(13 / 750 * 100vw); }
    .main_outer1 .appCanText .appCanTextBadge::after {
      width: calc(108 / 750 * 100vw);
      height: calc(108 / 750 * 100vw); }
    .main_outer1 .appCanText::after {
      top: 50%;
      right: calc(-26 / 750 * 100vw);
      margin-left: calc(-14 / 750 * 100vw);
      border: calc(14 / 750 * 100vw) solid transparent;
      border-left: calc(13 / 750 * 100vw) solid #ffffff;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
    .main_outer1 .appCanBack {
      top: calc(1380 / 750 * 100vw);
      left: calc(198 / 750 * 100vw); }
    .main_outer1 .appCanBackText {
      font-size: calc(24 / 750 * 100vw); }
    .main_outer1 .appCanSlide-linkBack {
      margin-top: calc(14 / 750 * 100vw);
      padding: calc(20 / 750 * 100vw) 0 calc(20 / 750 * 100vw) calc(40 / 750 * 100vw);
      width: calc(360 / 750 * 100vw);
      font-size: calc(24 / 750 * 100vw);
      border-radius: calc(6 / 750 * 100vw);
      border: calc(2 / 750 * 100vw) solid #e60012; }
    .main_outer1 .appCanSlide-linkBack::before {
      top: calc(22 / 750 * 100vw);
      left: calc(20 / 750 * 100vw);
      width: calc(14 / 750 * 100vw);
      height: calc(24 / 750 * 100vw); }
    .main_outer1 .appCanSlide-linkStart {
      top: calc(138 / 750 * 100vw);
      left: calc(34 / 750 * 100vw);
      width: calc(503 / 750 * 100vw);
      height: calc(879 / 750 * 100vw); }
    .main_outer1 .appCanSlide02-link01 {
      top: calc(156 / 750 * 100vw);
      left: calc(50 / 750 * 100vw);
      width: calc(65 / 750 * 100vw);
      height: calc(65 / 750 * 100vw); }
    .main_outer1 .appCanSlide02-link02 {
      top: calc(153 / 750 * 100vw);
      left: calc(450 / 750 * 100vw);
      width: calc(66 / 750 * 100vw);
      height: calc(66 / 750 * 100vw); }
    .main_outer1 .appCanSlide02-link03 {
      top: calc(234 / 750 * 100vw);
      left: calc(63 / 750 * 100vw);
      width: calc(65 / 750 * 100vw);
      height: calc(65 / 750 * 100vw); }
    .main_outer1 .appCanSlide02-link04 {
      top: calc(234 / 750 * 100vw);
      left: calc(158 / 750 * 100vw);
      width: calc(65 / 750 * 100vw);
      height: calc(65 / 750 * 100vw); }
    .main_outer1 .appCanSlide02-link05 {
      top: calc(234 / 750 * 100vw);
      left: calc(250 / 750 * 100vw);
      width: calc(65 / 750 * 100vw);
      height: calc(65 / 750 * 100vw); }
    .main_outer1 .appCanSlide02-link06 {
      top: calc(234 / 750 * 100vw);
      left: calc(346 / 750 * 100vw);
      width: calc(65 / 750 * 100vw);
      height: calc(65 / 750 * 100vw); }
    .main_outer1 .appCanSlide02-link07 {
      top: calc(234 / 750 * 100vw);
      left: calc(440 / 750 * 100vw);
      width: calc(65 / 750 * 100vw);
      height: calc(65 / 750 * 100vw); }
    .main_outer1 .appCanSlide02-link08 {
      top: calc(307 / 750 * 100vw);
      left: calc(46 / 750 * 100vw);
      width: calc(478 / 750 * 100vw);
      height: calc(320 / 750 * 100vw); }
    .main_outer1 .appCanSlide02-link09 {
      top: calc(664 / 750 * 100vw);
      left: calc(52 / 750 * 100vw);
      width: calc(465 / 750 * 100vw);
      height: calc(50 / 750 * 100vw); }
    .main_outer1 .appCanSlide02-link10 {
      top: calc(840 / 750 * 100vw);
      left: calc(380 / 750 * 100vw);
      width: calc(158 / 750 * 100vw);
      height: calc(152 / 750 * 100vw); }
    .main_outer1 .btnAreaWrap {
      padding: calc(40 / 750 * 100vw) 0 calc(50 / 750 * 100vw) !important; } }
  .main_outer1 .appKv {
    width: 100%; }
  .main_outer1 .appTextRed {
    color: #e60012; }
  .main_outer1 .appTextLink {
    display: inline-block;
    border-bottom: 1px solid #a5aabf;
    color: #0d2a6f; }
  .main_outer1 .appTextNotes {
    padding-left: 1em;
    text-indent: -1em; }
  .main_outer1 .appBtn {
    position: relative;
    display: block;
    background-color: #0d2a6f;
    color: #fff;
    text-align: center; }
  .main_outer1 .appBtn::after {
    position: absolute;
    content: ""; }
  .main_outer1 .appContent.appCan {
    background-color: #eee; }
  .main_outer1 .appContentInner {
    margin: 0 auto; }
  .main_outer1 .appColumn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .main_outer1 .appDownload {
    background-color: #fff; }
  .main_outer1 .appTitle02 {
    background-color: #fdb813;
    color: #fff;
    text-align: center;
    font-weight: bold; }
  .main_outer1 .appTitle02 h2 span.band {
    display: inline-block;
    margin-left: 0.2em;
    padding: 0 0.2em 0.1em 0.2em;
    background-color: #fff;
    color: #e60012;
    line-height: 1; }
  .main_outer1 .appContentBalloon {
    position: relative; }
  .main_outer1 .appContentBalloon::before {
    position: absolute;
    left: 50%;
    z-index: 1;
    content: ""; }
  .main_outer1 .appDownloadWrapper {
    margin: 0 auto; }
  .main_outer1 .appDownloadTitle {
    border-top: solid 1px #3c3c3c;
    border-bottom: solid 1px #3c3c3c;
    color: #3c3c3c;
    text-align: center;
    font-weight: bold;
    line-height: 1; }
  .main_outer1 .appDownloadList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .main_outer1 .appDownloadWrapper02 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    background-color: #ffffff; }
  .main_outer1 .appDownloadTitle02 {
    background-color: #3c3c3c;
    color: #fff;
    text-align: center;
    font-weight: bold;
    line-height: 1; }
  .main_outer1 .appDownloadList02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .main_outer1 .appMerit {
    background-color: #fff; }
  .main_outer1 .appMeritHdg {
    position: relative;
    background-color: #e70012;
    color: #fff;
    text-align: center;
    font-weight: bold; }
  .main_outer1 .appMeritHdg .appMeritHdgNum {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(-20%, -20%);
            transform: translate(-20%, -20%); }
  .main_outer1 .appMeritHdg span.em {
    color: #fff102; }
  .main_outer1 .appMeritSeparator + .appMeritSeparator {
    border-top: 1px solid #626262; }
  .main_outer1 .appMeritHdg02 {
    font-weight: bold; }
  .main_outer1 .appMeritBenri .appColumn .appColumnItem + .appColumnItem {
    padding-top: 0; }
  .main_outer1 .appMeritBenriHdg02 {
    font-weight: bold; }
  .main_outer1 .appMeritOtokuList li {
    position: relative;
    font-weight: bold; }
  .main_outer1 .appMeritOtokuList li::before {
    position: absolute;
    left: 0;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    content: ""; }
  .main_outer1 .appMeritOtokuList li:nth-of-type(1)::before {
    background-image: url(../image/icon_01.png); }
  .main_outer1 .appMeritOtokuList li:nth-of-type(2)::before {
    background-image: url(../image/icon_02.png); }
  .main_outer1 .appMeritOtokuList li:nth-of-type(3)::before {
    background-image: url(../image/icon_03.png); }
  .main_outer1 .appExample {
    border: 1px solid #333333; }
  .main_outer1 .appExampleComment {
    position: relative; }
  .main_outer1 .appExampleComment p {
    position: relative;
    background-color: #fdb813;
    color: #fff;
    font-weight: bold; }
  .main_outer1 .appExampleComment p::after {
    position: absolute;
    top: 50%;
    display: block;
    content: "";
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .main_outer1 .appExampleComment img {
    position: absolute; }
  .main_outer1 .appExampleTitle {
    background-color: #333333;
    color: #fff;
    text-align: center;
    font-weight: bold; }
  .main_outer1 .appExampleList li {
    background-color: #fffffe;
    background-image: linear-gradient(-45deg, rgba(255, 248, 231, 0.5) 12%, rgba(255, 255, 255, 0) 12%, rgba(255, 255, 255, 0) 50%, rgba(255, 248, 231, 0.5) 50%, rgba(255, 248, 231, 0.5) 62%, rgba(255, 255, 255, 0) 62%, rgba(255, 255, 255, 0) 100%);
    background-position: 50% 100%;
    background-size: 5px 5px;
    font-weight: bold; }
  .main_outer1 .appExampleList li + li {
    position: relative; }
  .main_outer1 .appExampleList li + li::before {
    position: absolute;
    content: ""; }
  .main_outer1 .appExampleListSubtext {
    text-align: center; }
  .main_outer1 .appExampleListNum {
    display: block; }
  .main_outer1 .appProcedure {
    text-align: center; }
  .main_outer1 .appProcedureTitle {
    background-color: #333333;
    color: #ffffff;
    font-weight: bold; }
  .main_outer1 .appProcedureList {
    background-color: #ffffff; }
  .main_outer1 .appProcedureListItem {
    position: relative;
    color: #3c3c3c; }
  .main_outer1 .appProcedureListItem::after {
    position: absolute;
    display: block;
    background-image: url("../image/arrow.png");
    background-repeat: no-repeat;
    content: ""; }
  .main_outer1 .appProcedureListItem span {
    color: #ed193a; }
  .main_outer1 .appMemo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between; }
  .main_outer1 .appMemoTitle {
    color: #595959;
    font-weight: bold; }
  .main_outer1 .appMemoText {
    color: #3c3c3c; }
  .main_outer1 .appCanContainer {
    position: relative; }
  .main_outer1 .appCanCommonStaff {
    position: absolute; }
  .main_outer1 .appCanMockup {
    position: absolute;
    top: 0; }
  .main_outer1 .appCanMockup img {
    width: 100%; }
  .main_outer1 .appCanText {
    display: table;
    position: absolute;
    background-color: #ffffff;
    color: #3c3c3c;
    font-weight: bold; }
  .main_outer1 .appCanTextInner {
    display: table-cell;
    text-align: center;
    vertical-align: middle; }
  .main_outer1 .appCanTextInner span {
    display: inline-block;
    text-align: left; }
  .main_outer1 .appCanText .appCanTextBadge {
    position: absolute;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap; }
  .main_outer1 .appCanText .appCanTextBadge::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    content: ""; }
  .main_outer1 .appCanBadge01::after {
    background-image: url("../image/badge_01.png"); }
  .main_outer1 .appCanBadge02::after {
    background-image: url("../image/badge_02.png"); }
  .main_outer1 .appCanBadge03::after {
    background-image: url("../image/badge_03.png"); }
  .main_outer1 .appCanBadge04::after {
    background-image: url("../image/badge_04.png"); }
  .main_outer1 .appCanBadge05::after {
    background-image: url("../image/badge_05.png"); }
  .main_outer1 .appCanBadge06::after {
    background-image: url("../image/badge_06.png"); }
  .main_outer1 .appCanBadge07::after {
    background-image: url("../image/badge_08.png"); }
  .main_outer1 .appCanBadge08::after {
    background-image: url("../image/badge_07.png"); }
  .main_outer1 .appCanText::after {
    position: absolute;
    content: ""; }
  .main_outer1 .appCanBack {
    position: absolute; }
  .main_outer1 .appCanBackText {
    color: #3c3c3c;
    font-weight: bold; }
  .main_outer1 .appCanSlide-linkBack {
    background-color: #ffffff;
    color: #3c3c3c;
    text-align: center;
    font-weight: bold; }
  .main_outer1 .appCanSlide-linkBack::before {
    position: absolute;
    display: block;
    background-image: url(../image/arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  .main_outer1 .appCanLink {
    position: absolute;
    cursor: pointer; }

@-webkit-keyframes blink {
  50% {
    border: 2px solid rgba(253, 184, 19, 0); } }
  .main_outer1 .appCanLinkBorder {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 2px solid #fdb813;
    -webkit-animation-name: blink;
    -moz-animation-name: blink;
    -ms-animation-name: blink;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -ms-animation-duration: 2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite; }
  .main_outer1 .appCanLinkBorder::after {
    position: absolute;
    top: -2px;
    left: -2px;
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    content: ""; }
  .main_outer1 .appCanLinkBorder:hover {
    opacity: 1; }
  .main_outer1 .appCanLinkBorder:hover::after {
    border: 2px solid #fdb813;
    background-color: rgba(253, 184, 19, 0.5); }
  .main_outer1 .clearFix:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
    font-size: 0; }
  @media (min-width: 768px) {
    .main_outer1 .appMordal {
      width: 800px; }
    .main_outer1 .appMordalTitle {
      padding: 15px 0;
      font-size: 30px; }
    .main_outer1 .appMordalTitle span {
      font-size: 22px; }
    .main_outer1 .closeBtn {
      top: -51px;
      right: -41px;
      width: 36px;
      height: 36px; }
    .main_outer1 .closeBtn:before {
      margin-top: -1px;
      margin-left: -24px;
      width: 49px;
      height: 2px; }
    .main_outer1 .closeBtn:after {
      margin-top: -24px;
      margin-left: -1px;
      width: 2px;
      height: 49px; }
    .main_outer1 .slick-prev,
    .main_outer1 .slick-next {
      width: 50px;
      height: 50px; }
    .main_outer1 .slick-prev {
      left: -25px; }
    .main_outer1 .slick-next {
      right: -25px; }
    .main_outer1 .slick-next:before,
    .main_outer1 .slick-prev:before {
      width: 50px;
      height: 50px; } }
  @media (max-width: 767px) {
    .main_outer1 .appMordal {
      width: calc(650 / 750 * 100vw); }
    .main_outer1 .appMordalTitle {
      padding: 15px 0;
      font-size: calc(36 / 750 * 100vw); }
    .main_outer1 .appMordalTitle span {
      padding: 15px 0;
      font-size: calc(32 / 750 * 100vw); }
    .main_outer1 .appSlideItem {
      height: 360px; }
    .main_outer1 .appSlideItem img {
      height: 100%; }
    .main_outer1 .closeBtn {
      top: calc(-109 / 750 * 100vw);
      right: 0;
      width: calc(67 / 750 * 100vw);
      height: calc(67 / 750 * 100vw); }
    .main_outer1 .closeBtn:before {
      margin-top: calc(-1 / 750 * 100vw);
      margin-left: calc(-44 / 750 * 100vw);
      width: calc(87 / 750 * 100vw);
      height: calc(2 / 750 * 100vw); }
    .main_outer1 .closeBtn:after {
      margin-top: calc(-42 / 750 * 100vw);
      margin-left: calc(-1 / 750 * 100vw);
      width: calc(2 / 750 * 100vw);
      height: calc(87 / 750 * 100vw); }
    .main_outer1 .slick-prev,
    .main_outer1 .slick-next {
      width: calc(60 / 750 * 100vw);
      height: calc(60 / 750 * 100vw); }
    .main_outer1 .slick-prev {
      left: calc(-30 / 750 * 100vw); }
    .main_outer1 .slick-next {
      right: calc(-30 / 750 * 100vw); }
    .main_outer1 .slick-next:before,
    .main_outer1 .slick-prev:before {
      width: calc(60 / 750 * 100vw);
      height: calc(60 / 750 * 100vw);
      background-size: contain; } }
  .main_outer1 .jsModal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    display: none;
    width: 100%;
    height: 100%; }
  .main_outer1 .jsModalOpen {
    cursor: pointer; }
  .main_outer1 .overLay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6); }
  .main_outer1 .jsModal .jsModalInner {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 11;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .main_outer1 .appMordal {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #fff; }
  .main_outer1 .appMordalTitle {
    background-color: #fdb813;
    color: #fff;
    text-align: center;
    font-weight: bold; }
  .main_outer1 .closeBtn {
    position: absolute;
    display: inline-block;
    overflow: hidden;
    color: #fff;
    text-indent: 100%;
    white-space: nowrap; }
  .main_outer1 .closeBtn:before,
  .main_outer1 .closeBtn:after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    background: #fff;
    content: "";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  .main_outer1 .slick-prev.slick-disabled:before,
  .main_outer1 .slick-next.slick-disabled:before {
    opacity: 0; }
  .main_outer1 .slick-prev,
  .main_outer1 .slick-next {
    position: absolute;
    top: 50%;
    z-index: 10;
    display: block;
    padding: 0;
    outline: none;
    border: none;
    background: transparent;
    color: transparent;
    font-size: 0;
    line-height: 0;
    cursor: pointer;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  .main_outer1 .slick-next:before,
  .main_outer1 .slick-prev:before {
    display: block;
    background-image: url("../image/arrow_modal.png");
    content: ''; }
  .main_outer1 .slick-next:before {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  .main_outer1 .slick-track {
    margin: 0; }
  .main_outer1 .jsSlide {
    display: none; }
  .main_outer1 .jsSlide.open {
    display: block; }
  .main_outer1 .cpSlider {
    overflow: hidden;
    padding: 0 0 90px; }
  .main_outer1 .cpSlider .cpInner {
    margin: 0 auto;
    width: 1040px; }
  .main_outer1 .slick-list {
    overflow: visible; }
  .main_outer1 .slick-slide {
    opacity: 0.2; }
  .main_outer1 .slick-slide.slick-active {
    opacity: 1; }
  .main_outer1 .slick-slider .slick-next {
    top: 42%;
    right: -45px;
    z-index: 100;
    width: 43px;
    height: 43px;
    background-image: url(https://www.jms-car.live/st-template/img/arw_slide_right.png);
    background-size: 100% 100%; }
  .main_outer1 .slick-slider .slick-next.slick-disabled {
    display: none !important; }
  .main_outer1 .slick-slider .slick-next:before {
    content: none; }
  .main_outer1 .slick-slider .slick-prev {
    top: 42%;
    left: -45px;
    z-index: 100;
    width: 43px;
    height: 43px;
    background-image: url(https://www.jms-car.live/st-template/img/arw_slide_left.png);
    background-size: 100% 100%; }
  .main_outer1 .slick-slider .slick-prev.slick-disabled {
    display: none !important; }
  .main_outer1 .slick-slider .slick-prev:before {
    content: none; }
  .main_outer1 .cpSliderInner {
    margin: 46px 0 0;
    width: 100%; }
  .main_outer1 .cpSliderInner .slick-slide {
    margin: 0 16px; }
  .main_outer1 .cpSliderInner img {
    margin-bottom: 13px;
    width: 100%; }
  .main_outer1 .cpSliderInner p {
    color: #000;
    text-align: justify;
    letter-spacing: 0.9px;
    font-size: 18px;
    line-height: 1.44; }
  .main_outer1 .cpSliderTitle {
    margin-bottom: 11px;
    color: #000;
    text-align: left;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.5; }
  @media (max-width: 767px) {
    .main_outer1 .slick-slide {
      padding-left: 5vw;
      opacity: 1; }
    .main_outer1 .cpSlider {
      padding: 39px 0 73px; }
    .main_outer1 .cpSlider .cpInner {
      width: 100%; }
    .main_outer1 .slick-list {
      overflow: hidden; }
    .main_outer1 .cpSliderInner {
      margin: 27px 0 0; }
    .main_outer1 .cpSliderInner .slick-slide {
      margin: 0 10px; }
    .main_outer1 .cpSliderInner img {
      margin-bottom: 13px;
      width: 100%; }
    .main_outer1 .cpSliderInner p {
      letter-spacing: 0.9px;
      font-size: 17px;
      line-height: 1.44; }
    .main_outer1 .cpSliderTitle {
      margin-bottom: 11px;
      font-size: 17px;
      line-height: 1.5; }
    .main_outer1 .slick-slider .slick-next {
      top: 45%;
      right: 4.6667vw;
      width: 7.4667vw;
      height: 7.4667vw; }
    .main_outer1 .slick-slider .slick-prev {
      top: 45%;
      left: 4.6667vw;
      width: 7.4667vw;
      height: 7.4667vw; } }
  .main_outer1 .cpCommonTitleWrap {
    text-align: center; }
  .main_outer1 .cpCommonTitle {
    position: relative;
    display: inline-block;
    color: #3C3C3C;
    text-align: center;
    letter-spacing: 1.6px;
    font-weight: bold;
    font-size: 32px;
    line-height: 1; }
  .main_outer1 .cpCommonTitle:before {
    position: absolute;
    bottom: -10px;
    left: -4px;
    width: 100%;
    height: 3px;
    background: #3C3C3C;
    content: ''; }
  .main_outer1 .cpCommonTitle span {
    color: #e6002d; }
  .main_outer1 .cpCommonTitleSlider:before {
    left: 0; }
  @media (max-width: 767px) {
    .main_outer1 .cpCommonTitle {
      letter-spacing: 1.2px;
      font-size: 23px; }
    .main_outer1 .cpCommonTitle:before {
      bottom: -8px;
      left: -2px;
      height: 2px; }
    .main_outer1 .cpCommonTitleSlider:before {
      left: 0; } }
  @media (max-width: 370px) {
    .main_outer1 .cpCommonTitle {
      font-size: 18px; } }
  .main_outer1 .movieConent {
    margin: 0 auto;
    width: 840px; }
  .main_outer1 .movieBox {
    position: relative;
    margin: 0 auto;
    padding: 30px 0;
    width: 560px; }
  .main_outer1 .movieBox .inner {
    position: relative;
    margin: 0 auto;
    padding-top: 56.25%;
    width: 100%; }
  .main_outer1 .movieBox .inner iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important; }
  .main_outer1 .col12.applink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    padding: 0 40px;
    height: 120px;
    border: 3px solid #fdb813;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .main_outer1 .col12.applink .applinkText {
    font-weight: bold;
    font-size: 20px; }
  .main_outer1 .col12.applink .applinkText span {
    color: #ed1a3a; }
  .main_outer1 .col12.applink .jms_linkBtn {
    margin-bottom: 0; }
  .main_outer1 .col12.applink .jms_linkBtn a {
    min-width: 210px; }
  .main_outer1 .col12.applink .jms_linkBtn a:hover {
    opacity: 0.7; }
  @media (max-width: 767px) {
    .main_outer1 .col12.applink {
      display: block;
      margin: 0 auto 40px;
      padding: 15px 20px;
      width: calc(100% - 28px);
      height: auto;
      border: 2px solid #fdb813; }
    .main_outer1 .col12.applink .applinkText {
      margin-bottom: 20px;
      text-align: center;
      font-size: 14px;
      line-height: 1.5; }
    .main_outer1 .col12.applink .applinkText span {
      color: #ed1a3a; }
    .main_outer1 .col12.applink .applink .jms_linkBtn {
      margin-bottom: 0; }
    .main_outer1 .col12.applink .applink .jms_linkBtn a {
      min-width: 100%; } }
  .main_outer1 .qr {
    position: relative;
    margin: 0 30px 0 17px;
    border: 1px solid #3c3c3c; }
  .main_outer1 .qr::before {
    position: absolute;
    top: 50%;
    left: -14px;
    display: block;
    border: 7px solid transparent;
    border-right: 7px solid #3c3c3c;
    content: "";
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .main_outer1 .qr img {
    width: 71px;
    height: 71px;
    vertical-align: top; }
  .main_outer1 .appDownloadListItem img {
    vertical-align: top; }
  .main_outer1 .cpArea {
    margin: 0 auto 40px;
    width: 840px; }
  .main_outer1 .cpArea a img {
    -webkit-transition: 0.3s all;
    transition: 0.3s all; }
  .main_outer1 .cpArea a img:hover {
    opacity: 0.7; }
  @media (max-width: 767px) {
    .main_outer1 .movieConent {
      width: calc(694 / 750 * 100vw); }
    .main_outer1 .movieBox {
      padding: 20px 0;
      width: 100%; }
    .main_outer1 .cpArea {
      margin: 0 auto 20px;
      width: calc(694 / 750 * 100vw); }
    .main_outer1 .cpArea img {
      width: 100%; }
    .main_outer1 .qr {
      display: none; } }
/*# sourceMappingURL=style.css.map */