@charset "UTF-8";
body { font: 15px YakuHanJP, 'Noto Sans JP', sans-serif; -webkit-text-size-adjust: 100%; overflow-x: hidden; background: #fff; color: #313131; font-feature-settings: "palt"; letter-spacing: .5px; }

_:lang(x)::-ms-backdrop, body { font-family: YakuHanJP, "Segoe UI", Meiryo, sans-serif; }

img { max-width: 100%; }

@media screen and (min-width: 0px) { /* layout
**************************************************************************************************************************/
  .is_tb { display: none !important; }
  .is_tb_inline { display: none !important; }
  .is_pc { display: none !important; }
  .is_pc_inline { display: none !important; }
  /* common
**************************************************************************************************************************/
  .wrap { overflow-x: hidden; }
  .wrap.has-modal { width: 100vw; height: 100vh; overflow: hidden; }
  .header { position: absolute; width: 100%; top: 0; left: 0; padding: 33px 23px; height: 90px; z-index: 100; }
  .header.is-static { position: absolute !important; }
  .header .tgl { position: fixed; top: 20px; right: 20px; text-align: left; z-index: 3; }
  .header .tgl p { width: 52px; height: 52px; border-radius: 50%; background: #003DFF; box-shadow: 0px 4px 8px 1px rgba(30, 20, 110, 0.15); color: #fff; text-align: left; text-indent: -9999px; }
  .header .tgl p span { display: block; width: 24px; height: 18px; border-top: 2px solid #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-indent: -9999px; overflow: hidden; }
  .header .tgl p span::before { content: ''; display: block; width: 24px; height: 2px; background: #fff; position: absolute; top: 6px; }
  .header .tgl p span::after { content: ''; display: block; width: 24px; height: 2px; background: #fff; position: absolute; bottom: 0px; }
  .header .ci .logo { line-height: 0; }
  .header .ci .logo img { width: 200px; height: auto; }
  .header .menu { display: none; }
  .header .start { display: none; }
  main { margin-top: 90px; }
  footer { padding: 64px 36px; background: #1E146E; }
  footer .sitenv { margin-bottom: 65px; }
  footer .sitenv h2 { margin-bottom: 40px; }
  footer .sitenv h2 img { width: 233px; }
  footer .sitenv ul li { font-size: 14px; margin-bottom: 2em; }
  footer .sitenv ul li a { color: #fff; }
  footer .sitenv .copyright { display: none; }
  footer .copyright { color: #fff; margin-top: 24px; font-size: 8px; font-family: 'Montserrat', sans-serif; }
  /* parts */
  .btn.btn-primary { font-size: 16px; font-weight: bold; text-align: center; display: inline-block; background: #003DFF; color: #fff; border-radius: 100px; padding: 20px 19px; box-shadow: 0px 4px 8px 1px rgba(30, 20, 110, 0.15); border: 0; }
  .btn.btn-primary:disabled { background: #C4C4C4; cursor: default; }
  .btn.btn-disable { font-size: 16px; font-weight: bold; text-align: center; display: inline-block; background: #C4C4C4; color: #fff; border-radius: 100px; padding: 12px 19px; box-shadow: 0px 4px 8px 1px rgba(30, 20, 110, 0.15); color: #fff !important; text-decoration: none !important; pointer-events: none; }
  .btn.btn-submit { width: 260px; }
  .hl01 { font-size: 28px; font-weight: bold; line-height: 1.4; margin-bottom: 20px; }
  .hl01 span { font-size: 14px; color: #003DFF; font-family: 'Montserrat', sans-serif; font-weight: normal; display: block; margin-bottom: 25px; }
  .hl03 { font-size: 18px; font-weight: bold; color: #1E146E; background: url(/asset/img/common/icn-alert01.png) 0 0 no-repeat; background-size: 32px 32px; padding-left: 2em; margin-bottom: 1em; }
  .hl04 { font-size: 40px; text-align: center; font-family: 'Montserrat', sans-serif; font-weight: bold; background: url(../img/contact/img-thanks.svg) 50% 0 no-repeat; padding-top: 160px; margin-bottom: 30px; }
  ul.list-dflt { margin: 1em 0; }
  ul.list-dflt > li { font-size: 15px; position: relative; padding-left: 1.2em; line-height: 1.6; margin-bottom: 0.8em; }
  ul.list-dflt > li::before { display: block; content: "・"; position: absolute; top: 0; left: 0; }
  ul.list-dflt > li a { color: #003DFF; text-decoration: underline; }
  ol.list-dflt { counter-reset: serial; }
  ol.list-dflt > li { font-size: 15px; position: relative; padding-left: 1.2em; line-height: 1.6; margin-bottom: 0.8em; }
  ol.list-dflt > li::before { display: block; counter-increment: serial; content: counter(serial) "."; position: absolute; top: 0; left: 0; }
  ol.list-dflt > li a { color: #003DFF; text-decoration: underline; }
  ul.list-notice > li { font-size: 12px; color: #757575; position: relative; padding-left: 1.5em; line-height: 1.6; margin-bottom: 0.8em; }
  ul.list-notice > li::before { display: block; content: "＊"; position: absolute; top: 0; left: 0; }
  ul.list-notice > li a { color: #003DFF; text-decoration: underline; }
  ol.list-notice { counter-reset: serial; }
  ol.list-notice > li { font-size: 12px; color: #757575; position: relative; padding-left: 2em; line-height: 1.6; margin-bottom: 0.8em; }
  ol.list-notice > li::before { display: block; counter-increment: serial; content: "＊" counter(serial); position: absolute; top: 0; left: 0; }
  ol.list-notice > li a { color: #003DFF; text-decoration: underline; }
  /* top */
  .area-kv { position: relative; z-index: 1; }
  .area-kv .body .txt { padding: 35px 35px 0 35px; margin-bottom: -30px; }
  .area-kv .body .txt .name { font-size: 12px; line-height: 2; color: #868686; margin-bottom: 8px; }
  .area-kv .body .txt h2 { font-size: 38px; font-weight: bold; line-height: 1.34; margin-bottom: 24px; }
  .area-kv .body .txt .lead { line-height: 1.9; margin-bottom: 32px; }
  .area-kv .body .txt .more { text-align: center; position: relative; z-index: 2; }
  .area-kv .body .txt .more .btn { width: 218px; }
  .area-kv .body .img img { position: relative; z-index: 1; max-height: 428px; object-fit: cover; width: 100%; max-width: none; }
  .area-kv .scroll { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); margin-top: -50px; font-size: 16px; color: #003DFF; line-height: 1; z-index: 3; }
  .area-kv .scroll span { display: block; transform: rotate(-90deg); transform-origin: 100% 50%; }
  .area-kv .scroll span::before { content: ''; display: inline-block; width: 180px; height: 1px; background: #003DFF; vertical-align: middle; margin-top: -4px; margin-right: 10px; animation: sdl 2.5s cubic-bezier(1, 0, 0, 1) infinite; }
  @keyframes sdl { 0% { transform: scale(0, 1);
      transform-origin: 100% 0; }
    50% { transform: scale(1, 1);
      transform-origin: 100% 0; }
    50.1% { transform: scale(1, 1);
      transform-origin: 0 0; }
    100% { transform: scale(0, 1);
      transform-origin: 0 0; } }
  .area-feature { padding: 80px 0 0 0; }
  .area-feature .title { padding: 0 36px; margin-bottom: 40px; }
  .area-feature .title .lead { line-height: 1.9; }
  .area-feature .body { background: #F3F4F4; }
  .area-feature .body .txt { padding: 36px; }
  .area-feature .body .feature { margin-bottom: 32px; }
  .area-feature .body .feature .icon-descript { display: flex; justify-content: space-between; }
  .area-feature .body .feature .icon { width: 50px; }
  .area-feature .body .feature .descript { width: calc(100% - 50px); padding-left: 24px; }
  .area-feature .body .feature .descript h3 { font-size: 20px; font-weight: bold; line-height: 1.5; margin-bottom: 12px; }
  .area-feature .body .feature .descript p { color: #757575; line-height: 1.75; }
  .area-feature .body .feature .descript p a { color: #003DFF; text-decoration: underline; }
  .area-feature .body .feature .descript ul { margin-top: 0.6em; }
  .area-merit { padding: 80px 0; }
  .area-merit .title .txt { padding: 0 36px; margin-bottom: 40px; }
  .area-merit .title .txt .lead { line-height: 1.95; }
  .area-merit .title .img img { max-height: 428px; max-width: none; width: 100%; object-fit: cover; object-position: 50% 100%; }
  .area-merit .title .cases { padding: 40px 36px; }
  .area-merit .title .cases .case { margin-bottom: 32px; }
  .area-merit .title .cases .case .icon-descript { display: flex; justify-content: space-between; }
  .area-merit .title .cases .case .icon { width: 34px; }
  .area-merit .title .cases .case .descript { width: calc(100% - 34px); padding-left: 22px; }
  .area-merit .title .cases .case .descript h3 { font-size: 16px; font-weight: bold; line-height: 1.5; margin-bottom: 8px; margin-top: 4px; }
  .area-merit .title .cases .case .descript p { line-height: 1.75; }
  .area-merit .title .cases .case .descript p small { font-size: 11px; }
  .area-merit .block-example { position: relative; margin-bottom: 80px; }
  .area-merit .block-example::before { content: ''; display: block; width: 100vw; height: 100%; background: #F3F4F4; border-radius: 72px; position: absolute; top: 0; left: 70px; z-index: -1; }
  .area-merit .block-example .ttl-examples { padding: 0 36px; }
  .area-merit .block-example .ttl { padding-top: 80px; }
  .area-merit .block-example .ttl h3 { font-size: 22px; font-weight: bold; color: #1E146E; margin-bottom: 40px; }
  .area-merit .block-example .examples { padding-bottom: 10px; }
  .area-merit .block-example .example { margin-bottom: 48px; }
  .area-merit .block-example .example .imgtxt .img { margin-bottom: 24px; }
  .area-merit .block-example .example .imgtxt .img h4 { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 15px; }
  .area-merit .block-example .example .imgtxt .img h4 span { font-size: 22px; }
  .area-merit .block-example .example .imgtxt .img h4 small { font-size: 16px; color: #003DFF; font-family: 'Montserrat', sans-serif; }
  .area-merit .block-example .example .imgtxt .img img { border-radius: 16px; }
  .area-merit .block-example .example .imgtxt .txt p { color: #3E3636; line-height: 1.95; }
  .area-merit .block-object { padding: 0 36px; }
  .area-merit .block-object .object { margin-bottom: 32px; }
  .area-merit .block-object .object .imgtxt { display: flex; justify-content: space-between; }
  .area-merit .block-object .object .img { width: 70px; }
  .area-merit .block-object .object .txt { width: calc(100% - 70px); padding-left: 22px; }
  .area-merit .block-object .object .txt p { line-height: 1.75; }
  .area-merit .block-object .object .txt .list-notice { margin-top: 0.5em; }
  .area-merit .block-object .bg-alert { background: #F2F5FF; border-radius: 16px; padding: 1.5em; }
  .area-merit .block-object .bg-alert p { line-height: 1.75; }
  .area-ready { background: #F3F4F4; padding: 80px 36px; }
  .area-ready .title-body { margin-bottom: 97px; }
  .area-ready .title-body:last-of-type { margin-bottom: 0; }
  .area-ready .title { margin-bottom: 40px; }
  .area-ready .title h2 { font-size: 28px; font-weight: bold; line-height: 1.45; margin-bottom: 0.2em; }
  .area-ready .title p { font-size: 16px; line-height: 1.75; }
  .area-ready .body .step { background: #fff; border-radius: 20px; padding: 40px 32px; margin-bottom: 20px; }
  .area-ready .body .step .img { text-align: center; margin-bottom: 20px; }
  .area-ready .body .step .img picture { width: 140px; margin: 0 auto; position: relative; }
  .area-ready .body .step .img picture .serial { font-family: 'Montserrat', sans-serif; font-size: 40px; color: #003DFF; position: absolute; top: -15px; left: 0; }
  .area-ready .body .step .txt h3 { font-size: 22px; font-weight: bold; text-align: center; margin-bottom: 18px; line-height: 1.35; }
  .area-ready .body .step .txt p { line-height: 1.6; margin-bottom: 0.8em; }
  .area-ready .body .step .txt p a { color: #003DFF; text-decoration: underline; }
  .area-ready .body .step .txt p a.btn-primary { color: #fff !important; text-decoration: none !important; }
  .area-ready .body .download { text-align: center; margin-top: 17px; }
  .area-ready .body .download a { width: 218px; }
  .area-ready .body .codes { margin: 1em 0; }
  .area-ready .body .codes .code { border: 4px solid #003DFF; border-radius: 12px; margin-bottom: 8px; padding: 16px; }
  .area-ready .body .codes .code p { margin-bottom: 0; }
  .area-ready .body .codes .code p span { display: block; }
  .area-ready .body .codes .code p span:nth-of-type(1) { font-size: 14px; margin-bottom: 0.3em; }
  .area-ready .body .codes .code p span:nth-of-type(2) { font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold; line-height: 1.3; }
  .area-method .title { background: url(../img/top/bg-method-sp.jpg) 50% 50% no-repeat; background-size: cover; }
  .area-method .title .titleinner { width: 100%; padding: 166px 36px 80px 36px; }
  .area-method .title .hl01 { color: #fff; }
  .area-method .title .lead { color: #fff; line-height: 1.75; }
  .area-method .title .list-notice { color: #fff; margin-top: 24px; }
  .area-method .title .list-notice li { color: #fff; }
  .area-method .methods { padding: 60px 36px 0 36px; }
  .area-method .method { margin-bottom: 80px; }
  .area-method .method h3 { font-size: 22px; font-weight: bold; color: #1E146E; margin-bottom: 12px; }
  .area-method .method .method-body > p { line-height: 1.75; }
  .area-method .method .method-body > p.strong { font-size: 24px; font-weight: bold; margin-bottom: 0.3em; }
  .area-method .method .method-body a { color: #003DFF; text-decoration: underline; }
  .area-method .list-dl01 { margin: 0; }
  .area-method .list-dl01 > div { padding: 24px 0; border-bottom: 1px solid #E0E7E7; }
  .area-method .list-dl01 > div:last-of-type { border: 0; }
  .area-method .list-dl01 > div dt { font-size: 15px; font-weight: bold; margin-bottom: 0.5em; }
  .area-method .list-dl01 > div dd { margin: 0; }
  .area-method .list-dl01 > div p { line-height: 1.86; margin-bottom: 0.8em; }
  .area-method .list-dl01 > div p:last-of-type { margin-bottom: 0; }
  .area-method .list-dl01 > div .imgtxt .img { text-align: center; padding: 32px 0; }
  .area-method .list-dl01 > div .imgtxt .img img { width: 180px; border-radius: 8px; }
  .area-method .list-dl02 { margin: 0; }
  .area-method .list-dl02 > div { padding: 20px 24px; background: #F3F4F4; border-radius: 16px; margin-bottom: 20px; }
  .area-method .list-dl02 > div:last-of-type { border: 0; }
  .area-method .list-dl02 > div dt { font-size: 15px; font-weight: bold; margin-bottom: 0.5em; }
  .area-method .list-dl02 > div dd { margin: 0; }
  .area-method .list-dl02 > div p { line-height: 1.86; margin-bottom: 0.8em; }
  .area-method .list-dl02 > div p:last-of-type { margin-bottom: 0; }
  .area-method .list-dl02 > div li { margin-top: 0.5em; }
  .area-method .list-dl02 > div li::before { top: 0; }
  .area-method .list-dl02 > div li strong { font-size: 15px; color: #3E3636; }
  .area-method .steps.is-slider { margin-bottom: 16px; width: 284px; margin-left: 0; padding-left: 0; }
  .area-method .steps.is-slider .slick-list { overflow: visible; }
  .area-method .steps.is-slider .step { border-radius: 16px; overflow: hidden; background: #F3F4F4; margin-right: 16px; }
  .area-method .steps.is-slider .step .img img { max-width: none; width: 100%; }
  .area-method .steps.is-slider .step .txt { padding: 32px 24px; }
  .area-method .steps.is-slider .step .txt h4 { font-weight: bold; margin-bottom: 0.6em; }
  .area-method .steps.is-slider .step .txt p { line-height: 1.75; }
  .area-method .test { background: #F3F4F4; padding: 47px 36px; }
  .area-method .test h3 { font-size: 22px; font-weight: bold; margin-bottom: 1em; }
  .area-method .test .lead { color: #3E3636; line-height: 1.75; margin-bottom: 0.8em; }
  .area-method .scroll { width: calc(100% + 72px); margin-left: -36px; margin-top: 40px; margin-bottom: 30px; overflow-x: auto; padding-bottom: 10px; }
  .area-method .tabs { width: 150vw; max-width: 500px; min-width: 100vw; display: flex; padding: 0 29px; border-bottom: 2px solid #C1C7C7; }
  .area-method .tabs li { width: 50%; font-size: 16px; text-align: center; margin-bottom: -2px; }
  .area-method .tabs li a { display: block; padding-bottom: 20px; color: #A9AFAF; }
  .area-method .tabs li a.is-current { color: #003DFF; font-weight: bold; border-bottom: 2px solid #003DFF; }
  .area-method .panel { background: #fff; border-radius: 16px; padding: 40px 32px; display: none; }
  .area-method .panel.is-active { display: block; }
  .area-method .sumally a { color: #003DFF; text-decoration: underline; }
  .area-method .sumally a.btn-primary { color: #fff !important; text-decoration: none !important; }
  .area-method .sumally .ttl h4 { font-size: 22px; font-weight: bold; line-height: 1.35; margin-bottom: 24px; }
  .area-method .sumally .ttl h4 small { display: block; font-size: 18px; font-weight: bold; margin-top: 0.3em; }
  .area-method .sumally .ttl p small { font-size: 12px; }
  .area-method .sumally .ttl p strong { font-size: 30px; font-weight: bold; }
  .area-method .sumally .ttl p strong small { font-size: 15px; }
  .area-method .sumally h5 { font-size: 16px; font-weight: bold; margin: 2em 0 1em 0; }
  .area-method .sumally .imgtxt .img img { border: 1px solid #E0E7E7; border-radius: 16px; }
  .area-method .sumally .step { margin: 2em 0; }
  .area-method .sumally .step > div { display: flex; justify-content: space-between; margin-bottom: 14px; }
  .area-method .sumally .step > div dt { width: 50px; }
  .area-method .sumally .step > div dt p { position: relative; width: 50px; height: 50px; background: #003DFF; border-radius: 50%; }
  .area-method .sumally .step > div dt p span { display: block; font-size: 24px; font-weight: normal; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: 'Montserrat', sans-serif; }
  .area-method .sumally .step > div dd { width: calc(100% - 50px); padding-left: 16px; margin: 0; }
  .area-method .sumally .step > div dd p { line-height: 1.9; margin-bottom: 0.6em; }
  .area-method .sumally .step > div .bg { background: #F2F5FF; padding: 2em; width: calc(100% + 130px); margin-left: calc(-32px - 50px - 16px); margin-top: 32px; margin-bottom: 32px; }
  .area-method .sumally .step > div .bg h5 { margin-top: 0; }
  .area-method .sumally .more { text-align: center; margin-top: -35px; }
  .area-method .sumally .more a { width: 234px; }
  .area-method .sumally .more .caption { display: block; font-size: 12px; margin-top: 1em; }
  .area-method .sumally .block-notice { background: #F2F5FF; width: calc(100% + 64px); margin-left: -32px; padding: 36px; }
  .area-method .sumally .block-notice h3 { background: url(/asset/img/common/icn-alert01.png) 50% 0 no-repeat; background-size: 44px 44px; font-size: 22px; font-weight: bold; text-align: center; padding-top: 2em; }
  .area-method .sumally .block-notice p { line-height: 1.75; margin-bottom: 1.5em; }
  /* page */
  .area-page { padding: 40px 36px; }
  .area-page .body a { color: #003DFF; text-decoration: underline; }
  .area-page .body .lead { margin: 3em 0; }
  .area-page .body .list-dl01 { margin: 0 0 5em 0; }
  .area-page .body .list-dl01 > div { padding: 24px 0; border-bottom: 1px solid #E0E7E7; }
  .area-page .body .list-dl01 > div:last-of-type { border: 0; }
  .area-page .body .list-dl01 > div dt { font-size: 15px; font-weight: bold; margin-bottom: 0.5em; }
  .area-page .body .list-dl01 > div dd { margin: 0; }
  .area-page .body .list-dl01 > div p { line-height: 1.86; margin-bottom: 0.8em; }
  .area-page .body .list-dl01 > div p:last-of-type { margin-bottom: 0; }
  .area-page .body .list-dl01 > div .imgtxt .img { text-align: center; padding: 32px 0; }
  .area-page .body .list-dl01 > div .imgtxt .img img { width: 180px; border-radius: 8px; }
  /* contact */
  .area-contact { padding: 40px 0; }
  .area-contact .title .txt { padding: 0px 36px; }
  .area-contact .title .txt .hl01 { margin-bottom: 40px; }
  .area-contact .title .img img { width: 100%; height: auto; }
  .area-contact .body .lead { padding: 30px 36px; }
  .area-contact .body .lead p { font-size: 16px; line-height: 1.8; margin-bottom: 1em; }
  .area-contact .body .lead strong span { color: #003DFF; }
  .area-contact .body .lead-confirm { padding: 30px 36px; display: none; }
  .area-contact .body .lead-confirm p { font-size: 16px; line-height: 1.8; margin-bottom: 1em; }
  .area-contact .body dl { background: #F3F4F4; padding: 60px 36px; }
  .area-contact .body dl .row { margin-bottom: 32px; }
  .area-contact .body dl dt { font-size: 16px; font-weight: bold; margin-bottom: 1em; }
  .area-contact .body dl dd { margin: 0; }
  .area-contact .body dl dd .error { margin-top: 0.5em; }
  .area-contact .body .require { color: #003DFF; }
  .area-contact .body input[type="text"] { background: #fff; display: block; font-size: 16px; padding: 1.2em 1.5em; width: 100%; border-radius: 16px; border: 0; color: #8B8B8B; }
  .area-contact .body textarea { background: #fff; display: block; font-size: 16px; padding: 1.2em 1.5em; width: 100%; border-radius: 16px; border: 0; color: #8B8B8B; }
  .area-contact .body select { background: #fff url(../img/common/arw-d01.svg) calc(100% - 16px) 40% no-repeat; display: block; font-size: 16px; padding: 1.2em 3em 1.2em 1.5em; width: 100%; border-radius: 16px; border: 0; color: #8B8B8B; }
  .area-contact .body .sample { font-size: 12px; margin-top: 0.5em; }
  .area-contact .body .groups { letter-spacing: -1em; }
  .area-contact .body .groups .group { letter-spacing: normal; }
  .area-contact .body .groups .group.date { margin-bottom: 12px; }
  .area-contact .body .groups .group.time { display: inline-block; vertical-align: middle; width: 46%; letter-spacing: normal; }
  .area-contact .body .groups .to { display: inline-block; text-align: center; width: 8%; letter-spacing: normal; }
  .area-contact .body .confirm { text-align: center; padding-top: 50px; }
  .area-contact .body .confirm p { font-size: 14px; font-weight: bold; }
  .area-contact .body .confirm p label { cursor: pointer; }
  .area-contact .body .confirm p input { width: 24px; height: 24px; border: 0; appearance: none; -webkit-appearance: none; margin-right: 0.5em; }
  .area-contact .body .confirm p input::after { content: ''; display: block; width: 24px; height: 24px; background: url(../img/common/icn-check-off.svg) 50% 50% no-repeat; }
  .area-contact .body .confirm p input:checked::after { background: url(../img/common/icn-check-on.svg) 50% 50% no-repeat; }
  .area-contact .body .confirm p a { color: #003DFF; text-decoration: underline; font-size: 16px; }
  .area-contact .body .submit { text-align: center; padding: 40px 0; }
  .area-contact .body .submit .back { margin-top: 1em; display: none; }
  .area-contact .body .submit .back a { color: #003DFF; text-decoration: underline; }
  .area-contact .body.thanks { padding: 0 36px; }
  .area-contact .body.thanks p { margin-bottom: 1em; }
  .area-contact .body.thanks .back { text-align: center; padding-top: 20px; }
  .area-contact .body.thanks .back a { width: 260px; }
  .area-contact .body.thanks .back a:disabled { background: #C4C4C4; }
  .area-contact .body .mw_wp_form_confirm dl { background: none; padding: 0 36px; }
  .area-contact .body .mw_wp_form_confirm dl dt { font-weight: bold; }
  .area-contact .body .mw_wp_form_confirm .require { display: none; }
  .area-contact .body .mw_wp_form_confirm .row { border-bottom: 1px solid #dfdfdf; padding-bottom: 32px; }
  .area-contact .body .mw_wp_form_confirm .groups .group.time { width: 55px; margin-right: 1em; }
  .area-contact .body .mw_wp_form_confirm .groups .to { width: 30px; margin-right: 1em; }
  .area-contact .body .mw_wp_form_confirm .sample { display: none; }
  .area-contact .body .mw_wp_form_confirm .confirm { display: none; }
  .area-contact .body .mw_wp_form_confirm .submit .back { display: block; }
  /* modal */
  .modal#modal-download { position: fixed; z-index: 500; display: none; }
  .modal#modal-download .modal-wrap { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.5); }
  .modal#modal-download .modal-inner { background: #fff; border-radius: 16px; padding: 32px 24px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 327px; }
  .modal#modal-download .close { position: absolute; top: -30px; right: 0; }
  .modal#modal-download .close span { display: block; width: 20px; height: 20px; background: url(../img/common/icn-close-w.svg) 0 0 no-repeat; background-size: contain; text-indent: -9999px; }
  .modal#modal-download .imgtxt .img { text-align: center; margin-bottom: 16px; }
  .modal#modal-download .imgtxt .img img { width: 64px; }
  .modal#modal-download .imgtxt .txt h2 { font-size: 22px; font-weight: bold; color: #1E146E; margin-bottom: 0.8em; text-align: center; }
  .modal#modal-download .imgtxt .txt p { color: #3E3636; line-height: 1.75; margin-bottom: 20px; }
  .modal#modal-download .imgtxt .txt .list-dl { display: flex; margin-bottom: 20px; }
  .modal#modal-download .imgtxt .txt .list-dl li:nth-of-type(1) { padding-right: 5px; }
  .modal#modal-download .imgtxt .txt .list-dl li:nth-of-type(2) { padding-left: 5px; }
  .modal#modal-glnv { position: fixed; z-index: 500; display: none; }
  .modal#modal-glnv .modal-wrap { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(242, 245, 255, 0.9); }
  .modal#modal-glnv .tgl { position: fixed; top: 20px; right: 20px; text-align: left; z-index: 2; }
  .modal#modal-glnv .tgl p { width: 52px; height: 52px; border-radius: 50%; background: #003DFF; box-shadow: 0px 4px 8px 1px rgba(30, 20, 110, 0.15); color: #fff; text-align: left; text-indent: -9999px; }
  .modal#modal-glnv .tgl p span { display: block; width: 24px; height: 18px; /* border-top: 2px solid #fff;*/ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-indent: -9999px; overflow: hidden; }
  .modal#modal-glnv .tgl p span::before { content: ''; display: block; width: 24px; height: 2px; background: #fff; position: absolute; top: 8px; transform: rotate(-45deg); }
  .modal#modal-glnv .tgl p span::after { content: ''; display: block; width: 24px; height: 2px; background: #fff; position: absolute; top: 8px; transform: rotate(45deg); }
  .modal#modal-glnv .tgl p span a { display: block; }
  .modal#modal-glnv .modal-inner { position: absolute; top: 41px; left: 50%; transform: translateX(-50%); width: 313px; }
  .modal#modal-glnv .menu { background: #fff; border-radius: 16px; padding: 24px 32px; box-shadow: 0px 4px 8px 1px rgba(30, 20, 110, 0.15); margin-bottom: 20px; }
  .modal#modal-glnv .menu .glnv li { font-weight: bold; margin: 2em 0; }
  .modal#modal-glnv .app { background: #fff; border-radius: 16px; box-shadow: 0px 4px 8px 1px rgba(30, 20, 110, 0.15); }
  /* login */
  body.login { position: relative; height: 100vh; }
  .login-body { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 75%; max-width: 380px; }
  .login-body h1 { margin-bottom: 24px; }
  .login-body h1 img { width: 308px; height: auto; }
  .login-body .name { font-size: 16px; text-align: center; margin-bottom: 30px; }
  .login-body form { position: relative; }
  .login-body .error { color: #eb5757; margin-top: 0.5em; }
  .login-body #pass { background: #F3F4F4; border: 0; font-size: 16px; padding: 1.3em; border-radius: 100px; width: 100%; max-width: 356px; }
  .login-body .visibility { width: 24px; height: 24px; text-indent: -9999px; position: absolute; top: 17px; right: 30px; background: url(/asset/img/login/icn-pass-open.svg) 0 0 no-repeat; background-size: contain; cursor: pointer; }
  .login-body .visibility.is-visible { background: url(/asset/img/login/icn-pass-close.svg) 0 0 no-repeat; background-size: contain; }
  .login-body .submit { font-size: 16px; font-weight: bold; text-align: center; display: inline-block; background: #003DFF; color: #fff; border-radius: 100px; padding: 20px 19px; box-shadow: 0px 4px 8px 1px rgba(30, 20, 110, 0.15); width: 100%; max-width: 356px; margin-top: 16px; }
  .login-body .remind { margin-top: 30px; font-size: 12px; }
  .login-body .remind a { text-decoration: underline; } }

@media screen and (min-width: 769px) { .is_sp { display: none !important; }
  .is_tb { display: block !important; }
  .is_tb_inline { display: inline-block !important; }
  footer { padding: 120px 40px; }
  footer .inner { max-width: 1164px; margin: 0 auto; }
  footer .sitenv-app { display: flex; justify-content: space-between; }
  footer .sitenv { margin-bottom: 0; width: 66%; }
  footer .sitenv h2 img { width: 335px; }
  footer .sitenv ul { display: flex; flex-wrap: wrap; }
  footer .sitenv ul li { font-size: 14px; margin-bottom: 0.8em; margin-right: 2em; }
  footer .sitenv ul li a { color: #fff; }
  footer .sitenv .copyright { display: none; }
  footer .app { width: 32.4%; }
  footer .copyright { margin-top: 62px; font-size: 10px; }
  .area-feature .title { padding: 0 40px; }
  .area-feature .body .img { position: relative; top: -200px; margin-top: 220px; margin-bottom: -200px; padding: 0 40px; }
  .area-ready .body .codes { margin: 2em 0; }
  .area-ready .body .codes .code { margin-bottom: 16px; padding: 13px 36px; }
  .area-ready .body .codes .code p { margin-bottom: 0 !important; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
  .area-ready .body .codes .code p span:nth-of-type(1) { margin-bottom: 0; width: 270px; }
  .area-ready .body .codes .code p span:nth-of-type(2) { font-size: 18px; width: 226px; text-align: left; word-break: break-all; }
  .area-merit .inner { padding: 0; }
  .area-merit .block-example { margin-bottom: 100px; clear: both; }
  .area-merit .block-example::before { top: 0; left: 0px; }
  .area-merit .block-example .ttl { padding-top: 40px; width: 296px; }
  .area-merit .block-example .ttl h3 { font-size: 22px; font-weight: bold; color: #1E146E; margin-bottom: 40px; }
  .area-merit .block-example .examples { padding-bottom: 100px; width: 100%; display: flex; justify-content: space-between; }
  .area-merit .block-example .example { margin-bottom: 0px; width: 47%; }
  .area-merit .block-example .example .imgtxt .img h4 span { font-size: 24px; }
  .area-merit .block-example .example .imgtxt .img h4 small { font-size: 16px; }
  .area-merit .block-example .example .imgtxt .img img { border-radius: 16px; }
  .area-merit .block-example .example .imgtxt .txt p { font-size: 16px; } }

@media screen and (min-width: 1024px) { /* layout */
  .is_sp { display: none !important; }
  .is_tb { display: none !important; }
  .is_pc { display: block !important; }
  /* common */
  .wrap { overflow-x: hidden; }
  .wrap.has-modal { width: 100vw; height: 100vh; overflow: hidden; }
  .header { position: absolute; width: 100%; top: 0; left: 0; padding: 40px 0px; height: auto; z-index: 100; transition: all 0.5s; }
  .header .tgl { display: none; }
  .header .inner { display: flex; justify-content: space-between; padding: 0 30px; align-items: center; }
  .header .ci-menu { display: flex; align-items: center; justify-content: space-between; width: calc(100% - 213px); padding-right: 20px; }
  .header .ci { margin-right: 20px; }
  .header .ci .logo { line-height: 0; }
  .header .ci .logo img { width: 200px; height: auto; }
  .header .menu { display: block; }
  .header .menu .glnv { display: flex; background: #FFFFFF; box-shadow: 0px 4px 8px 1px rgba(30, 20, 110, 0.15); border-radius: 100px; padding: 0 2em; }
  .header .menu .glnv li { font-size: 15px; font-weight: bold; }
  .header .menu .glnv li a { padding: 22px 0.5em; display: block; }
  .header .start { display: block; width: 213px; }
  .header .start li a { padding-top: 22px; padding-bottom: 22px; width: 213px; }
  .header.is-out { opacity: 0; transition: all 0.5s; }
  .header.is-fixed { position: fixed; opacity: 1; transition: all 0.5s; padding: 20px 0; }
  .header.is-fixed .ci-menu { padding-left: 30px; background: #FFFFFF; box-shadow: 0px 4px 8px 1px rgba(30, 20, 110, 0.15); border-radius: 100px; padding-right: 0; width: calc(100% - 190px); }
  .header.is-fixed .ci .logo img { width: 200px; height: auto; }
  .header.is-fixed .menu .glnv { background: none; box-shadow: none; }
  .header.is-fixed .start { width: 170px; }
  .header.is-fixed .start li a { width: 170px; }
  main { margin-top: 0px; }
  /* parts */
  .btn.btn-primary { font-size: 16px; font-weight: bold; text-align: center; display: inline-block; background: #003DFF; color: #fff; border-radius: 100px; padding: 20px 19px; box-shadow: 0px 4px 8px 1px rgba(30, 20, 110, 0.15); transition: all .3s ease-out; }
  .btn.btn-primary:hover { transform: scale(0.95); opacity: 1; }
  .btn.btn-disable { font-size: 16px; font-weight: bold; text-align: center; display: inline-block; background: #C4C4C4; color: #fff; border-radius: 100px; padding: 12px 19px; box-shadow: 0px 4px 8px 1px rgba(30, 20, 110, 0.15); color: #fff !important; text-decoration: none !important; pointer-events: none; }
  .hl01 { font-size: 40px; margin-bottom: 16px; }
  .hl01 span { font-size: 18px; margin-bottom: 44px; }
  .hl03 { font-size: 18px; font-weight: bold; color: #1E146E; background: url(/asset/img/common/icn-alert01.png) 0 0 no-repeat; background-size: 32px 32px; padding-left: 2em; margin-bottom: 1em; }
  ul.list-dflt { margin: 1em 0; }
  ul.list-dflt > li { font-size: 15px; position: relative; padding-left: 1.2em; line-height: 1.6; margin-bottom: 0.8em; }
  ul.list-dflt > li::before { display: block; content: "・"; position: absolute; top: 0; left: 0; }
  ul.list-dflt > li a { color: #003DFF; text-decoration: underline; }
  ol.list-dflt { counter-reset: serial; }
  ol.list-dflt > li { font-size: 15px; position: relative; padding-left: 1.2em; line-height: 1.6; margin-bottom: 0.8em; }
  ol.list-dflt > li::before { display: block; counter-increment: serial; content: counter(serial) "."; position: absolute; top: 0; left: 0; }
  ol.list-dflt > li a { color: #003DFF; text-decoration: underline; }
  ul.list-notice > li { font-size: 12px; color: #757575; position: relative; padding-left: 1.5em; line-height: 1.6; margin-bottom: 0.8em; }
  ul.list-notice > li::before { display: block; content: "＊"; position: absolute; top: 0; left: 0; }
  ul.list-notice > li a { color: #003DFF; text-decoration: underline; }
  ol.list-notice { counter-reset: serial; }
  ol.list-notice > li { font-size: 12px; color: #757575; position: relative; padding-left: 2em; line-height: 1.6; margin-bottom: 0.8em; }
  ol.list-notice > li::before { display: block; counter-increment: serial; content: "＊" counter(serial); position: absolute; top: 0; left: 0; }
  ol.list-notice > li a { color: #003DFF; text-decoration: underline; }
  /* top */
  .area-kv .inner { padding: 0 128px; }
  .area-kv .body .txt { padding: 0; margin-bottom: 0; width: 100%; position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; }
  .area-kv .body .txt .name { margin-bottom: 18px; }
  .area-kv .body .txt h2 { font-size: 48px; margin-bottom: 16px; }
  .area-kv .body .txt .lead { padding-right: 65%; }
  .area-kv .body .txt .more { text-align: left; }
  .area-kv .body .img { width: 684px; margin-left: 45%; }
  .area-kv .body .img img { border-bottom-left-radius: 72px; border-bottom-right-radius: 72px; max-height: none; }
  .area-kv .scroll { right: auto; left: calc(-258px + 50px); top: 80%; }
  .area-feature { padding: 80px 0 0 0; }
  .area-feature .inner { max-width: 986px; margin: 0 auto; }
  .area-feature .title { padding: 0 40px; margin-bottom: 40px; }
  .area-feature .title .lead { font-size: 16px; }
  .area-feature .body { background: none; position: relative; }
  .area-feature .body::after { content: ''; display: block; width: 110vw; height: calc(100% - 147px); background: #F3F4F4; border-radius: 72px; position: absolute; top: 147px; right: -90px; }
  .area-feature .body .imgtxt { position: relative; z-index: 2; }
  .area-feature .body .img { top: 0; margin-top: 0; margin-bottom: 0; padding: 0; }
  .area-feature .body .img img { border-radius: 72px; }
  .area-feature .body .features { display: flex; flex-wrap: wrap; }
  .area-feature .body .feature { margin-bottom: 32px; width: 48%; margin: 0 4% 4% 0; }
  .area-feature .body .feature:nth-of-type(2n) { margin-right: 0; }
  .area-feature .body .feature .descript p { font-size: 16px; }
  .area-merit { padding: 120px 40px 100px 40px; }
  .area-merit .inner { max-width: 1164px; margin: 0 auto; }
  .area-merit .title .txt { padding: 0; margin-bottom: 30px; width: 60%; float: right; }
  .area-merit .title .txt .lead { line-height: 1.95; }
  .area-merit .title .img { width: calc(40% - 56px); float: left; }
  .area-merit .title .img img { border-radius: 72px; }
  .area-merit .title .cases { padding: 0; width: 60%; float: right; overflow: hidden; padding-bottom: 100px; }
  .area-merit .title .cases .case { margin-bottom: 32px; }
  .area-merit .title .cases .case .icon-descript { display: flex; justify-content: space-between; }
  .area-merit .title .cases .case .icon { width: 34px; }
  .area-merit .title .cases .case .descript { width: calc(100% - 34px); padding-left: 22px; }
  .area-merit .title .cases .case .descript h3 { font-size: 16px; font-weight: bold; line-height: 1.5; margin-bottom: 8px; margin-top: 4px; }
  .area-merit .title .cases .case .descript p { line-height: 1.75; }
  .area-merit .title .cases .case .descript p small { font-size: 11px; }
  .area-merit .block-example { margin-bottom: 100px; clear: both; padding: 0 40px; }
  .area-merit .block-example::before { top: 0; left: 20px; }
  .area-merit .block-example .ttl-examples { padding: 80px 0 0 100px; display: flex; }
  .area-merit .block-example .ttl { padding-top: 0px; width: 296px; }
  .area-merit .block-example .ttl h3 { font-size: 22px; font-weight: bold; color: #1E146E; margin-bottom: 40px; }
  .area-merit .block-example .examples { padding-bottom: 100px; width: calc(100% - 296px); display: flex; justify-content: space-between; }
  .area-merit .block-example .example { margin-bottom: 0px; width: 47%; }
  .area-merit .block-example .example .imgtxt .img h4 span { font-size: 24px; }
  .area-merit .block-example .example .imgtxt .img h4 small { font-size: 16px; }
  .area-merit .block-example .example .imgtxt .img img { border-radius: 16px; }
  .area-merit .block-example .example .imgtxt .txt p { font-size: 16px; }
  .area-merit .block-object { padding: 0 0 0 100px; }
  .area-merit .block-object .hl01 { margin-bottom: 64px; }
  .area-merit .block-object .objects { display: flex; flex-wrap: wrap; }
  .area-merit .block-object .object { margin-bottom: 32px; width: 48%; margin: 0 4% 4% 0; }
  .area-merit .block-object .object:nth-of-type(2n) { margin-right: 0; }
  .area-merit .block-object .object .imgtxt { display: flex; justify-content: space-between; }
  .area-merit .block-object .object .txt p { font-size: 16px; }
  .area-merit .block-object .bg-alert { padding: 36px 42px; display: flex; justify-content: space-between; }
  .area-merit .block-object .bg-alert h3 { width: 150px; }
  .area-merit .block-object .bg-alert p { width: calc(100% - 150px); padding-left: 30px; font-size: 16px; }
  .area-ready { padding: 120px 40px; }
  .area-ready .inner { max-width: 1164px; margin: 0 auto; }
  .area-ready .title-body { margin-bottom: 80px; display: flex; justify-content: space-between; }
  .area-ready .title-body:last-of-type { margin-bottom: 0; }
  .area-ready .title { margin-bottom: 0px; width: 294px; }
  .area-ready .title h2 { font-size: 40px; }
  .area-ready .body { width: calc(100% - 294px); }
  .area-ready .body .step { padding: 60px; }
  .area-ready .body .step .imgtxt { display: flex; justify-content: space-between; }
  .area-ready .body .step .img { text-align: center; margin-bottom: 0px; width: 140px; }
  .area-ready .body .step .txt { width: calc(100% - 140px); padding-left: 34px; }
  .area-ready .body .step .txt h3 { font-size: 22px; font-weight: bold; text-align: left; margin-bottom: 18px; line-height: 1.35; }
  .area-ready .body .step .txt p { margin-bottom: 0.8em; }
  .area-ready .body .step .txt p a { color: #003DFF; text-decoration: underline; }
  .area-ready .body .step .txt p a.btn-primary { color: #fff !important; text-decoration: none !important; }
  .area-ready .body .step .txt p span:nth-of-type(2) { margin-top: 8px; }
  .area-ready .body .list-dl { display: flex !important; width: 380px; margin-top: 24px; }
  .area-ready .body .list-dl li:nth-of-type(1) { padding-right: 5px; }
  .area-ready .body .list-dl li:nth-of-type(2) { padding-left: 5px; }
  .area-method .title { background: url(../img/top/bg-method-pc.jpg) 50% 0 no-repeat; background-size: cover; }
  .area-method .title .titleinner { max-width: 1240px; margin: 0 auto; padding: 166px 40px 110px 40px; }
  .area-method .title .lead { padding-right: 40%; }
  .area-method .title .list-notice { padding-right: 40%; }
  .area-method .title .list-notice li { color: #fff; }
  .area-method .body { max-width: 1264px; margin: 0 auto; padding: 0 40px; }
  .area-method .methods { padding: 80px 0px 0 0px; }
  .area-method .method { margin-bottom: 80px; display: flex; justify-content: space-between; }
  .area-method .method h3 { font-size: 24px; margin-bottom: 0px; width: 240px; }
  .area-method .method .method-body { width: calc(100% - 280px); }
  .area-method .method .method-body > p { font-size: 16px; }
  .area-method .method .method-body > p.strong { font-size: 24px; font-weight: bold; margin-bottom: 0.3em; }
  .area-method .method .method-body a { color: #003DFF; text-decoration: underline; }
  .area-method .list-dl01 > div { padding: 0 0 32px 0; margin-bottom: 32px; display: flex; }
  .area-method .list-dl01 > div:last-of-type { border: 0; }
  .area-method .list-dl01 > div dt { font-size: 15px; margin-bottom: 0; width: 180px; }
  .area-method .list-dl01 > div dd { width: calc(100% - 180px); }
  .area-method .list-dl01 > div p { line-height: 1.86; margin-bottom: 0.8em; }
  .area-method .list-dl01 > div p:last-of-type { margin-bottom: 0; }
  .area-method .list-dl01 > div .imgtxt { display: flex; }
  .area-method .list-dl01 > div .imgtxt .img { text-align: center; padding: 0 0; order: 2; width: 35%; }
  .area-method .list-dl01 > div .imgtxt .img img { width: 100%; }
  .area-method .list-dl01 > div .imgtxt .txt { order: 1; width: 65%; padding-right: 20px; }
  .area-method .list-dl02 > div { padding: 27px 32px; margin-bottom: 20px; display: flex; }
  .area-method .list-dl02 > div dt { font-size: 15px; font-weight: bold; margin-bottom: 0.5em; width: 180px; }
  .area-method .list-dl02 > div dd { margin: 0; width: calc(100% - 180px); }
  .area-method .steps.is-slider { margin-bottom: 36px; width: 100%; margin-left: 0; padding-left: 0; display: flex; }
  .area-method .steps.is-slider .step { border-radius: 16px; overflow: hidden; background: #F3F4F4; margin-right: 16px; }
  .area-method .steps.is-slider .step .txt { padding: 32px 24px; }
  .area-method .steps.is-slider .step .txt h4 { font-weight: bold; margin-bottom: 0.6em; }
  .area-method .steps.is-slider .step .txt p { line-height: 1.75; }
  .area-method .test { background: none; padding: 80px 40px 120px 40px; position: relative; margin-bottom: 140px; }
  .area-method .test::after { content: ''; display: block; background: #F3F4F4; width: 150vw; height: 100%; position: absolute; top: 0; left: -50vw; z-index: 1; }
  .area-method .test .bg-inner { position: relative; z-index: 2; max-width: 984px; margin: 0 auto; }
  .area-method .test h3 { text-align: center; font-size: 24px; }
  .area-method .test .lead { font-size: 16px; text-align: center; }
  .area-method .test .list-notice.is-center { margin: 0 auto; text-align: center; }
  .area-method .test .list-notice.is-center li { display: inline; font-size: 16px; font-weight: bold; color: #3E3636; }
  .area-method .test .list-notice.is-center li::before { top: -4px; }
  .area-method .scroll { width: 100%; margin-left: 0; margin-top: 63px; margin-bottom: 63px; overflow-x: visible; }
  .area-method .tabs { width: 100%; max-width: none; min-width: auto; padding: 0; }
  .area-method .tabs li { width: 50%; font-size: 20px; text-align: center; margin-bottom: -2px; }
  .area-method .panel { padding: 56px 64px; display: none; }
  .area-method .panel.is-active { display: block; }
  .area-method .sumally a { color: #003DFF; text-decoration: underline; }
  .area-method .sumally a.btn-primary { color: #fff !important; text-decoration: none !important; }
  .area-method .sumally .ttl-more { display: flex; justify-content: space-between; }
  .area-method .sumally .ttl-more .more { margin-top: 0; }
  .area-method .sumally .ttl h4 { font-size: 22px; font-weight: bold; line-height: 1.35; margin-bottom: 24px; }
  .area-method .sumally .ttl h4 small { display: block; font-size: 18px; font-weight: bold; margin-top: 0.3em; }
  .area-method .sumally .ttl p small { font-size: 12px; }
  .area-method .sumally .ttl p strong { font-size: 30px; font-weight: bold; }
  .area-method .sumally .ttl p strong small { font-size: 15px; }
  .area-method .sumally h5 { font-size: 16px; font-weight: bold; margin: 2em 0 1em 0; }
  .area-method .sumally .imgtxt { display: flex; justify-content: space-between; margin: 3em 0; }
  .area-method .sumally .imgtxt .img { display: block; width: 48%; }
  .area-method .sumally .imgtxt .txt { width: 48%; }
  .area-method .sumally .imgtxt .txt h5 { margin-top: 0; }
  .area-method .sumally .step { margin: 2em 0; margin-bottom: 4em; }
  .area-method .sumally .step > div { margin-bottom: 14px; }
  .area-method .sumally .step > div dt { width: 50px; }
  .area-method .sumally .step > div dd p:last-of-type { margin-bottom: 0; }
  .area-method .sumally .step > div .bg { margin: 2em 0; width: 100%; margin-left: 0; border-radius: 16px; margin-top: 24px; margin-bottom: 24px; }
  .area-method .sumally .step > div .bg h5 { margin-top: 0; }
  .area-method .sumally .more { text-align: center; margin-top: -35px; }
  .area-method .sumally .more a { width: 234px; }
  .area-method .sumally .more .caption { display: block; font-size: 12px; margin-top: 1em; }
  .area-method .sumally .block-notice { width: 100%; margin-left: 0; padding: 36px 63px 63px 63px; border-radius: 24px; }
  .area-method .sumally .block-notice p { margin-bottom: 0; }
  /* page */
  .area-page { padding: 218px 40px 150px 40px; }
  .area-page .inner { max-width: 983px; margin: 0 auto; }
  .area-page .title { margin-bottom: 120px; }
  .area-page .body .list-dl01 > div { padding: 0 0 32px 0; margin-bottom: 32px; display: flex; }
  .area-page .body .list-dl01 > div:last-of-type { border: 0; }
  .area-page .body .list-dl01 > div dt { font-size: 15px; margin-bottom: 0; width: 260px; }
  .area-page .body .list-dl01 > div dd { width: calc(100% - 300px); }
  .area-page .body .list-dl01 > div p { line-height: 1.86; margin-bottom: 0.8em; }
  .area-page .body .list-dl01 > div p:last-of-type { margin-bottom: 0; }
  .area-page .body .list-dl01 > div .imgtxt { display: flex; }
  .area-page .body .list-dl01 > div .imgtxt .img { text-align: center; padding: 0 0; order: 2; width: 35%; }
  .area-page .body .list-dl01 > div .imgtxt .img img { width: 100%; }
  .area-page .body .list-dl01 > div .imgtxt .txt { order: 1; width: 65%; padding-right: 20px; }
  /* contact */
  .area-contact { padding: 218px 40px 150px 40px; }
  .area-contact.thanks { padding-top: 100px; padding-bottom: 80px; }
  .area-contact .inner { max-width: 983px; margin: 0 auto; }
  .area-contact .title .txt { padding: 0px; }
  .area-contact .title .txt .hl01 { margin-bottom: 16px; }
  .area-contact .title .img { width: 648px; position: absolute; top: 0; right: 0; border-bottom-left-radius: 72px; overflow: hidden; }
  .area-contact .body .lead { padding: 80px 0 48px 0; }
  .area-contact .body .lead p { font-size: 16px; line-height: 1.8; margin-bottom: 1em; }
  .area-contact .body .lead strong span { color: #003DFF; }
  .area-contact .body .lead-confirm { padding: 80px 0 48px 0; }
  .area-contact .body .lead-confirm p { font-size: 16px; line-height: 1.8; margin-bottom: 1em; }
  .area-contact .body dl { background: #F3F4F4; border-radius: 36px; padding: 70px; }
  .area-contact .body dl .row { display: flex; justify-content: space-between; }
  .area-contact .body dl dt { width: 180px; margin-bottom: 0; }
  .area-contact .body dl dd { width: calc(100% - 180px); margin: 0; }
  .area-contact .body input[type="text"] { padding: 1em; }
  .area-contact .body textarea { padding: 1em; }
  .area-contact .body select { padding: 1em; }
  .area-contact .body .groups { display: flex; justify-content: space-between; align-items: center; }
  .area-contact .body .groups .group.date { margin-bottom: 0; width: 40%; padding-right: 1em; }
  .area-contact .body .groups .group.time { width: 28%; }
  .area-contact .body .groups .to { width: 4%; }
  .area-contact .body .confirm { text-align: center; padding-top: 50px; }
  .area-contact .body .confirm p { font-size: 16px; font-weight: bold; }
  .area-contact .body .confirm p input { width: 24px; height: 24px; border: 0; appearance: none; margin-right: 0.5em; }
  .area-contact .body .confirm p input::after { content: ''; display: block; width: 24px; height: 24px; background: url(../img/common/icn-check-off.svg) 50% 50% no-repeat; }
  .area-contact .body .confirm p a { color: #003DFF; text-decoration: underline; }
  .area-contact .body .submit { text-align: center; padding: 40px 0; }
  .area-contact .body.thanks { padding: 0; }
  .area-contact .body.thanks p { margin-bottom: 1.5em; text-align: center; }
  .area-contact .body .mw_wp_form_confirm dl { padding: 0; }
  .area-contact .body .mw_wp_form_confirm dl dt { width: 300px; font-weight: normal; }
  .area-contact .body .mw_wp_form_confirm dl dd { width: calc(100% - 300px); }
  .area-contact .body .mw_wp_form_confirm .groups { justify-content: flex-start; }
  .area-contact .body .mw_wp_form_confirm .groups .group { width: auto !important; padding-right: 2em; }
  .area-contact .body .mw_wp_form_confirm .groups .group.time { width: auto; }
  .area-contact .body .mw_wp_form_confirm .groups .to { width: auto; padding-right: 2em; }
  /* modal */
  .modal#modal-download .modal-inner { border-radius: 16px; padding: 0; width: 848px; }
  .modal#modal-download .close { position: absolute; top: 20px; right: 20px; }
  .modal#modal-download .close span { display: block; width: 20px; height: 20px; background: url(../img/common/icn-close-bl.svg) 0 0 no-repeat; background-size: contain; text-indent: -9999px; }
  .modal#modal-download .imgtxt { display: flex; justify-content: space-between; align-items: center; }
  .modal#modal-download .imgtxt .img { text-align: center; margin-bottom: 0; order: 2; width: 50%; }
  .modal#modal-download .imgtxt .img img { width: 100%; }
  .modal#modal-download .imgtxt .txt { width: 50%; padding-left: 80px; }
  .modal#modal-download .imgtxt .txt h2 { font-size: 28px; text-align: left; }
  .modal#modal-download .imgtxt .txt p { color: #3E3636; line-height: 1.75; margin-bottom: 20px; }
  .modal#modal-download .imgtxt .txt .list-dl { display: flex; margin-bottom: 20px; width: 380px; }
  .modal#modal-download .imgtxt .txt .list-dl li:nth-of-type(1) { padding-right: 5px; }
  .modal#modal-download .imgtxt .txt .list-dl li:nth-of-type(2) { padding-left: 5px; } }

@media screen and (min-width: 1200px) { .header .inner { padding: 0 60px; }
  .header .ci .logo img { width: 220px; }
  .header .menu .glnv { padding: 0 2em; }
  .header .menu .glnv li a { padding: 22px 0.8em; }
  .header.is-fixed .ci-menu { width: calc(100% - 233px); }
  .header.is-fixed .start { width: 213px; }
  .header.is-fixed .start li a { width: 213px; } }

@media screen and (min-width: 1400px) { .header .ci .logo img { width: 260px; }
  .header .menu .glnv { padding: 0 2em; }
  .header .menu .glnv li a { padding: 22px 2em; }
  .header .start li a { width: 213px; } }

/*# sourceMappingURL=layout.css.map */