@charset "UTF-8"; /*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */ button, hr, input { overflow: visible; } img, legend { max-width: 100%; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } .js-text .js-item, .js-text .js-item__inner, article, aside, details, figcaption, figure, footer, header, main, menu, nav, picture, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } progress { vertical-align: baseline; } .pTop .faq__main .list dl dd, [hidden], template { display: none; } a { background-color: transparent; -webkit-text-decoration-skip: objects; } a:active, a:hover { outline-width: 0; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: bolder; } dfn { font-style: italic; } h1 { font-size: 2em; } mark { background-color: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; } sub { bottom: -0.25em; } sup { top: -0.5em; } .animation, .js-text .js-item, svg:not(:root) { overflow: hidden; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } button, input, select, textarea { font: inherit; margin: 0; } optgroup { font-weight: 700; } button, select { text-transform: none; } [type="reset"], [type="submit"], button, html [type="button"] { -webkit-appearance: button; } [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0; } [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring, button:-moz-focusring { outline: ButtonText dotted 1px; } legend { -moz-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; white-space: normal; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-input-placeholder { color: inherit; opacity: 0.54; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } @font-face { font-family: UDShinDB; src: url("../fonts/A-OTF-UDShinMGoPro-DeBold.otf"); font-display: swap; } @font-face { font-family: FuturaMedium; src: url("../fonts/FuturaMedium.ttf"); font-display: swap; } @font-face { font-family: FuturaBold; src: url("../fonts/FuturaBold.ttf"); font-display: swap; } html { font-size: 10px; } body { overflow-wrap: break-word; } a, a:active, a:hover, a:hover img, a:link, a:visited { text-decoration: none; color: #444; } a:hover { text-decoration: none; } .img_hover:hover, a:hover, a:hover img { -ms-filter: "alpha(opacity=80)"; opacity: 0.8; } img { width: auto; height: auto; } a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, picture, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; } li, ol, ul { list-style: none; } body, input, td, textarea, th { color: #444; font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, "游ゴシック Medium", YuGothic, YuGothicM, sans-serif; font-size: 15px; font-weight: 400; line-height: 1.5; } *, :after, :before { -moz-box-sizing: border-box; box-sizing: border-box; } h1, h2, h3, h4, h5, h6 { font-weight: 400; } figure, picture { line-height: 0; } body, html { width: 100%; height: 100%; } button { cursor: pointer; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } button:hover { opacity: 0.7; } @media screen and (min-width: 769px) and (max-width: 1000px) { .row { padding-left: 15px; padding-right: 15px; } } @media screen and (min-width: 769px), print { a[href^="tel"] { pointer-events: none; text-decoration: none; cursor: default !important; } .show_sp { display: none !important; } .row { max-width: 1000px; width: 100%; margin: 0 auto; } .header__right ul li.tel a, .pTop .mv__main--left ul { -webkit-box-direction: normal; -moz-box-direction: normal; } img { max-width: 100%; width: auto; height: auto; } body .container { overflow: hidden; } .header { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 21px 40px 22px; background: #fff; -moz-box-shadow: 0 3.5px 9.3px 0.7px rgba(0, 0, 0, 0.05); box-shadow: 0 3.5px 9.3px 0.7px rgba(0, 0, 0, 0.05); position: fixed; top: 0; z-index: 999; width: 100%; } .header__logo { display: block; width: 379.5px; line-height: 0; } .header__logo a { display: block; line-height: 0; width: 100%; } .header__right ul, .header__right ul li.tel a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; } .header__logo a img { width: 100%; height: auto; } .header__right ul { display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .header__right ul li+li { margin-left: 20px; } .header__right ul li.tel a { position: relative; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; padding-left: 45px; } .header__right ul li.tel a span { white-space: nowrap; font-size: 30px; line-height: 1; font-weight: 500; color: #626564; letter-spacing: 0.04em; font-family: FuturaMedium; } .header__right ul li.tel a time { font-size: 12px; line-height: 1; color: #626564; letter-spacing: 0.04em; margin-top: 6.5px; } .header__right ul li.tel a::before { position: absolute; content: ""; width: 36.5px; height: 37.5px; background: url("../img/headerTel.webp") 0 0 / contain no-repeat; -moz-background-size: contain; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .header__right ul li.line { line-height: 0; width: 52px; } .header__right ul li.line a { display: block; width: 100%; line-height: 0; } .header__right ul li.mail a, .pTop .mv__main, .pTop .mv__main--left ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; } .header__right ul li.line a img { width: 100%; height: auto; } .header__right ul li.mail { width: 241px; } .header__right ul li.mail a { display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 52px; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; background: #fd9a3d; -moz-border-radius: 10px; border-radius: 10px; font-size: 18px; font-family: "A-OTF UD Shin Maru Go"; font-weight: 300; } .header__right ul li.mail a::before { content: ""; width: 22.5px; height: 22px; background: url("../img/headerMail.webp") 0 0 / contain no-repeat; -moz-background-size: contain; margin-right: 7px; } .header.fixed { position: fixed; z-index: 99; top: 0; left: 0; width: 100%; } .pTop .mv { position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); padding: 135.5px 0 41px; background: #f6faff; } .pTop .mv__main { display: flex; -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; max-width: 1600px; margin: auto; } .pTop .mv__main--left { width: 523px; margin-right: 55.5px; position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); z-index: 2; padding-top: 47.5px; } .pTop .mv__main--left::after { position: absolute; content: ""; width: 479px; height: 440.5px; background: url("../img/mvHeart.webp") 0 0 / contain no-repeat; -moz-background-size: contain; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 241px; z-index: -1; } .pTop .mv__main--left>p { text-align: center; font-size: 31px; line-height: 43.5px; font-family: UDShinDB; color: #626564; letter-spacing: 0.16em; white-space: nowrap; margin-bottom: 18px; } .pTop .mv__main--left>p em { font-style: normal; font-size: 35.5px; } .pTop .mv__main--left>p span { display: inline-block; position: relative; font-size: 35.5px; } .pTop .mv__main--left>p span::before { position: absolute; content: ""; width: 5px; height: 5px; -moz-border-radius: 50%; border-radius: 50%; background: #7a9ed0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: -5.5px; } .pTop .mv__main--left ul { display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -ms-flex-flow: row wrap; flex-flow: row wrap; padding: 0 30px; margin: -9.25px -6.5px; } 
.pTop .mv__main--left ul li { margin: 9.25px 6.5px; background: #fff; font-size: 31px; font-family: UDShinDB; color: #7a9ed0; letter-spacing: 0.1em; white-space: nowrap; padding: 0 12px; height: 45px; display: -webkit-inline-box; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -moz-border-radius: 10px; border-radius: 10px; border: 2px solid #7a9ed0; } .pTop .mv__main--left ul li:nth-of-type(2n) { color: #7aafd0; border-color: #7aafd0; } .pTop .mv__main--left ul li.end { font-size: 36.5px; } .pTop .mv__main--left ul li.other { background: 0 0; border: 0; padding: 0; margin: 0; font-size: 36.5px; color: #626564; letter-spacing: 0.04em; } .pTop .mv__main--left h2 { text-align: center; font-size: 35px; line-height: 53.5px; font-family: UDShinDB; color: #7a9ed0; letter-spacing: 0.04em; margin-top: 18px; } .pTop .mv__main--left h2 span { display: inline-block; position: relative; font-size: 44px; color: #3e69a4; } .pTop .mv__main--left h2 span::after { position: absolute; content: ""; width: 100%; height: 8.5px; background: url("../img/mvWave.webp") 0 0 / auto 100% repeat-x; -moz-background-size: auto 100%; left: 0; bottom: -4.5px; } .pTop .mv__main--left .best { margin-top: 32.5px; } .pTop .mv__main--left .best img { width: 526.5px; } .pTop .mv__main--right { width: 51.75%; position: relative; z-index: 3; } .pTop .mv__main--right>figure, .pTop .mv__main--right>picture { width: 100%; height: 452.5px; } .pTop .mv__main--right>figure img, .pTop .mv__main--right>picture img { width: 100%; height: 100%; object-fit: cover; -moz-border-radius: 125px; border-radius: 125px; } } @media screen and (min-width: 769px) and (max-width: 1600px) { .pTop .mv__main--right>figure img, .pTop .mv__main--right>picture img { -moz-border-radius: 125px 0 0 125px; border-radius: 125px 0 0 125px; } } @media screen and (min-width: 769px), print { .pTop .basic__list, .pTop .concern__main--inner ul, .pTop .cta__main--box, .pTop .cta__main--box .wrapTel a, .pTop .mv__main--right ul, .pTop .risk__main--inner .list, .pTop .risk__main--inner .list article, .pTop .service__main--list, .pTop .solve__list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; } .pTop .concern__main--inner ul li.st3::before, .pTop .concern__main--inner ul li.st4::before { top: -11px; } .pTop .basic__plus, .pTop .risk__main--sub, .pTop .solve__queen { text-align: center; line-height: 0; } .pTop .mv__main--right ul { position: absolute; width: 618.5px; left: 0; bottom: 25px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .pTop .concern__main--inner ul, .pTop .concern__main--inner ul li, .pTop .service__main--list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; } .pTop .mv__main--right ul li { width: 128px; height: 128px; -moz-border-radius: 50%; border-radius: 50%; background-color: rgba(255, 255, 255, 0.949); -moz-box-shadow: 0 0 9.3px 0.7px rgba(0, 0, 0, 0.25); box-shadow: 0 0 9.3px 0.7px rgba(0, 0, 0, 0.25); border: 2px solid #7a9ed0; } .pTop .mv__main--right ul li:not(:last-child) { margin-right: 16.5px; } .pTop .mv__main--right ul li figure { width: 100%; height: 100%; text-align: center; } .pTop .mv__main--right ul li figure figcaption { font-size: 18px; line-height: 21.5px; font-family: UDShinDB; color: #7a9ed0; letter-spacing: 0.04em; } .pTop .mv__main--right ul li figure.ic01, .pTop .mv__main--right ul li figure.ic02 { padding: 16px 0 0; } .pTop .mv__main--right ul li figure.ic01 img { width: 26.5px; margin-bottom: 12.5px; } .pTop .mv__main--right ul li figure.ic02 img { width: 34px; margin-bottom: 12.5px; } .pTop .mv__main--right ul li figure.ic03 { padding: 19px 0 0; } .pTop .mv__main--right ul li figure.ic03 img { width: 37.5px; margin-bottom: 14.5px; } .pTop .mv__main--right ul li figure.ic04 { padding: 17.5px 0 0; } .pTop .mv__main--right ul li figure.ic04 img { width: 38.5px; margin-bottom: 13.5px; } .pTop .service { background: #4a80cb; padding: 19.5px 0 27px; } .pTop .service__main { max-width: 1200px; } .pTop .service__main h2 { overflow: hidden; text-align: center; color: #fff; font-size: 30px; line-height: 1; font-family: UDShinDB; letter-spacing: 0.04em; margin-bottom: 19.5px; } .pTop .service__main h2::after, .pTop .service__main h2::before { content: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 50%; border: 1px dashed #8ab1e6; } .pTop .service__main h2::before { right: 24px; margin-left: -50%; } .pTop .service__main h2::after { left: 24px; margin-right: -50%; } .pTop .service__main--list { margin: -6.5px; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; } .pTop .concern__main--inner ul, .pTop .risk__main--inner .list { -ms-flex-flow: row wrap; } .pTop .service__main--list figure { width: 121.75px; height: 120px; margin: 6.5px; background: #fff; -moz-border-radius: 15px; border-radius: 15px; text-align: center; } .pTop .service__main--list figure figcaption { font-size: 16px; line-height: 20.5px; letter-spacing: 0.04em; font-family: UDShinDB; color: #626564; } .pTop .area h2, .pTop .area__main--intro h3 em, .pTop .basic__sub, .pTop .basic__title, .pTop .concern__main--inner h2 em, .pTop .concern__main--inner ul li em, .pTop .faq__title, .pTop .flow h2, .pTop .flow__main--list ul li h3, .pTop .price__main--table table thead tr th span, .pTop .price__main--table table thead tr th span.special::after, .pTop .price__sub em, .pTop .risk__main--inner .list article .arMain h3, .pTop .risk__main--inner .list article::after, .pTop .risk__main--inner .list article::before, .pTop .risk__main--inner h2 em, .pTop .risk__main--sub span, .pTop .solve__list article h3, .pTop .solve__list article::before, .pTop .solve__queen em, .pTop .solve__title em, .pTop .solve__title em::before, .pTop .work h2, .pTop .work__success--title h3 { font-family: "Zen Maru Gothic", sans-serif; } .pTop .service__main--list figure.ic01 img { width: 48px; margin-top: 17.5px; margin-bottom: 13px; } .pTop .service__main--list figure.ic02 img { width: 74px; margin-top: 11px; margin-bottom: 16.5px; } .pTop .service__main--list figure.ic03 img { width: 51px; margin-top: 12px; margin-bottom: 18px; } .pTop .service__main--list figure.ic04 img { width: 59.5px; margin-top: 17.5px; margin-bottom: 23.5px; } .pTop .service__main--list figure.ic05 img { width: 46.5px; margin-top: 14.5px; margin-bottom: 11px; } .pTop .service__main--list figure.ic06 img { width: 41.5px; margin-top: 12px; margin-bottom: 18.5px; } .pTop .service__main--list figure.ic07 img { width: 62px; margin-top: 12.5px; margin-bottom: 19px; } .pTop .service__main--list figure.ic08 img { width: 74px; margin-top: 15.5px; margin-bottom: 21.5px; } .pTop .service__main--list figure.ic09 img { width: 49px; margin-top: 13.5px; margin-bottom: 9px; } .pTop .concern { position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); background: #f4f4f4; overflow: hidden; } .pTop .concern::after, .pTop .concern::before { position: absolute; content: ""; width: 1400px; height: 164px; background: #eaeaea; top: -100px; z-index: -1; } .pTop .concern::before { left: -530px; -webkit-transform: rotate(168.79deg); -moz-transform: rotate(168.79deg); -ms-transform: rotate(168.79deg); transform: rotate(168.79deg); } .pTop .concern::after { right: -530px; -webkit-transform: rotate(11.21deg); -moz-transform: rotate(11.21deg); -ms-transform: rotate(11.21deg); transform: rotate(11.21deg); } .pTop .concern__main { position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); padding: 57px 0 104px; } .pTop .concern__main::after, .pTop .concern__main::before { position: absolute; content: ""; width: 1400px; height: 164px; background: #eaeaea; bottom: -100px; z-index: -1; } .pTop .concern__main::before { left: -530px; -webkit-transform: rotate(-168.79deg); -moz-transform: rotate(-168.79deg); -ms-transform: rotate(-168.79deg); transform: rotate(-168.79deg); } .pTop .concern__main::after { right: -530px; -webkit-transform: rotate(-11.21deg); -moz-transform: rotate(-11.21deg); -ms-transform: rotate(-11.21deg); transform: rotate(-11.21deg); } .pTop .concern__main--inner h2 em, .pTop .concern__main--inner ul li, .pTop .cta__main--top, .pTop .cta__main--top h3 span, .pTop .price__main--table, .pTop .price__sub em { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); position: relative; } .pTop .concern__main--inner { max-width: 1000px; } .pTop .concern__main--inner h2 { text-align: center; margin-bottom: 62px; } .pTop .concern__main--inner h2 em { font-style: normal; font-size: 44px; line-height: 72px; letter-spacing: -0.07em; color: #636465; font-weight: 700; padding: 0 0 9px; transform: translateZ(0); } .pTop .concern__main--inner h2 em::after { position: absolute; content: ""; width: 100%; height: 14px; background: url("../img/concernLine.webp") 0 0 / cover no-repeat; -moz-background-size: cover; left: 0; bottom: -14px; } .pTop .concern__main--inner h2 em span { font-size: 50px; } .pTop .concern__main--inner ul { display: flex; flex-flow: row wrap; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin: -15px 0; }
.pTop .concern__main--inner ul li { width: 376px; height: 162px; margin: 15px 14px; -moz-border-radius: 25px; border-radius: 25px; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; transform: translateZ(0); padding: 0 0 0 22px; } .pTop .concern__main--inner ul li::before { position: absolute; content: ""; width: 46px; height: 57px; background: url("../img/concernIllus.webp") 0 0 / contain no-repeat; -moz-background-size: contain; left: -7px; top: -28px; } .pTop .concern__main--inner ul li.st1 { background: url("../img/concernImg01.webp") right center/162.5px 162.5px no-repeat #fff; -moz-background-size: 162.5px 162.5px; } .pTop .concern__main--inner ul li.st2 { background: url("../img/concernImg02.webp") right center/162.5px 162.5px no-repeat #fff; -moz-background-size: 162.5px 162.5px; } .pTop .concern__main--inner ul li.st3 { background: url("../img/concernImg03.webp") right center/162.5px 162.5px no-repeat #fff; -moz-background-size: 162.5px 162.5px; } .pTop .concern__main--inner ul li.st4 { background: url("../img/concernImg04.webp") right center/162.5px 162.5px no-repeat #fff; -moz-background-size: 162.5px 162.5px; } .pTop .concern__main--inner ul li em { font-style: normal; font-size: 22px; line-height: 1.3; font-weight: 500; } .pTop .concern__main--inner ul li em span { display: inline; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, rgba(255, 255, 255, 0)), color-stop(70%, #f8ff96), to(#f8ff96)); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 70%, #f8ff96 70%, #f8ff96 100%); background: oldlinear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 70%, #f8ff96 70%, #f8ff96 100%) -moz-; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 70%, #f8ff96 70%, #f8ff96 100%); } .pTop .risk { position: relative; z-index: 5; padding-bottom: 118px; background: #f6f9fe; } .pTop .risk::after { position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; background: url("../img/riskbg.webp") 0 0 / cover no-repeat #9a9a9a; -moz-background-size: cover; clip-path: polygon(0 0, 100% 0, 100% -webkit-calc(100% - 63px), 50% 100%, 0 -webkit-calc(100% - 63px)); clip-path: polygon(0 0, 100% 0, 100% -moz-calc(100% - 63px), 50% 100%, 0 -moz-calc(100% - 63px)); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 63px), 50% 100%, 0 calc(100% - 63px)); } .pTop .risk__main--sub { position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); } .pTop .risk__main--sub::after, .pTop .risk__main--sub::before { position: absolute; content: ""; width: 5px; height: 19.5px; background: url("../img/riskDoc.webp") 0 0 / contain no-repeat; -moz-background-size: contain; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .pTop .risk__main--sub::before { top: -58.5px; } .pTop .risk__main--sub::after { bottom: -23.5px; } .pTop .risk__main--sub span { color: #fff; background: #626564; width: 406px; height: 70px; display: -webkit-inline-box; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-size: 30px; line-height: 1.5; font-weight: 700; margin-top: -35px; position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); } .pTop .basic__list, .pTop .cta__main--box, .pTop .cta__main--box .wrapDoc a, .pTop .cta__main--box .wrapTel a, .pTop .risk__main--inner .list, .pTop .risk__main--inner .list article, .pTop .risk__main--inner h2, .pTop .solve__list, .pTop .solve__title { display: -webkit-box; display: -moz-box; display: -ms-flexbox; } .pTop .risk__main--sub span::after { position: absolute; content: ""; width: 100%; height: 100%; border: 1px solid #626564; left: 4px; top: 5px; z-index: -1; } .pTop .risk__main--inner h2 { display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 41px; } .pTop .risk__main--inner h2::after, .pTop .risk__main--inner h2::before { content: ""; width: 69px; height: 10px; background: url("../img/riskWave.webp") 0 0 / contain no-repeat; -moz-background-size: contain; } .pTop .risk__main--inner h2::before { -webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); margin-right: 6.39px; } .pTop .risk__main--inner h2::after { -webkit-transform: rotate(120deg); -moz-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); margin-left: 6.39px; } .pTop .risk__main--inner h2 em { font-style: normal; font-size: 46px; line-height: 78px; color: #fff; font-weight: 700; position: relative; } .pTop .risk__main--inner h2 em span { font-size: 52px; color: #f8ff96; } .pTop .risk__main--inner h2 em::after { position: absolute; content: ""; width: 239px; height: 236px; background: url("../img/riskMoney.webp") 0 0 / contain no-repeat; -moz-background-size: contain; top: -109.64px; right: -249px; -webkit-transform: rotate(10.84deg); -moz-transform: rotate(10.84deg); -ms-transform: rotate(10.84deg); transform: rotate(10.84deg); } .pTop .risk__main--inner .list { counter-reset: ar; margin: 5px -28px -28px; display: flex; flex-flow: row wrap; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pTop .risk__main--inner .list article, .pTop .solve__list { -ms-flex-flow: row wrap; } .pTop .risk__main--inner .list article { width: 415px; margin: 28px; background: #fff; -moz-box-shadow: 2.72px 5.44px 8.52px 6.34px rgba(0, 0, 0, 0.1); box-shadow: 2.72px 5.44px 8.52px 6.34px rgba(0, 0, 0, 0.1); position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); counter-increment: ar; display: flex; flex-flow: row wrap; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; counter-increment: ar; padding-top: 9px; padding-bottom: 37px; } .pTop .risk__main--inner .list article::before { content: "リスク"; font-size: 23.3px; line-height: 1; font-weight: 700; color: #2d4e7c; letter-spacing: -0.1em; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .pTop .risk__main--inner .list article::after { content: counter(ar, decimal-leading-zero); font-size: 30.29px; line-height: 1; font-weight: 700; color: #2d4e7c; letter-spacing: 0.1em; -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .pTop .risk__main--inner .list article .arMain { -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 100%; height: 100%; } .pTop .risk__main--inner .list article .arMain h3 { margin-left: -8px; margin-right: -8px; color: #fff; background: url("../img/riskIllus.webp") 365px 0/39px 32px no-repeat #2d4e7c; -moz-background-size: 39px 32px; font-size: 22px; line-height: 29px; font-weight: 500; padding: 12px 0 13px; margin-top: -3px; text-align: center; position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); } .pTop .risk__main--inner .list article .arMain h3::after, .pTop .risk__main--inner .list article .arMain h3::before { position: absolute; content: ""; width: 8px; height: 7px; background: #172a45; clip-path: polygon(0 0, 100% 0, 100% 100%); bottom: -7px; } .pTop .risk__main--inner .list article .arMain h3::before { left: 0; } .pTop .risk__main--inner .list article .arMain h3::after { right: 0; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .pTop .risk__main--inner .list article .arMain figure { text-align: center; margin-top: 27px; } .pTop .risk__main--inner .list article .arMain figure img { width: 334px; } .pTop .risk__main--inner .list article .arMain .txt { padding: 0 37px; margin-top: 15px; } .pTop .risk__main--inner .list article .arMain .txt p { font-size: 16px; line-height: 1.5; font-weight: 500; color: #636465; } .pTop .risk__main--inner .list article .arMain .txt p span { color: #cb4a4c; font-weight: 700; } .pTop .risk__main--inner .list article .arMain .txt p small { font-size: 14px; font-weight: 400; } .pTop .faq__main .list dl+dl, .pTop .risk__main--inner .list article .arMain .txt p+p { margin-top: 14px; } .pTop .solve { background: #f6f9fe; padding: 155px 0 60px; } .pTop .solve__title { display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .pTop .solve__title::after, .pTop .solve__title::before { content: ""; width: 57.5px; height: 123px; background: url("../img/solveIllus01.webp") 0 0 / contain no-repeat; -moz-background-size: contain; display: inline-block; } .pTop .solve__title::before { margin-right: 33.5px; } .pTop .solve__title::after { -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); margin-left: 33.5px; } .pTop .solve__title em { font-style: normal; font-size: 44px; line-height: 75px; font-weight: 700; color: #4a7fcb; position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); } .pTop .solve__list article h3, .pTop .solve__queen em { color: #fb9a3c; }
.pTop .solve__queen::before, .pTop .solve__title em::before { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); left: 50%; position: absolute; } .pTop .solve__title em::before { content: attr(data-text); width: 275px; height: 101.5px; text-align: center; color: #fff; font-size: 30px; line-height: 45px; font-weight: 700; background: url("../img/solveIllus02.webp") 0 0 / cover no-repeat; -moz-background-size: cover; padding-top: 21px; transform: translateX(-50%); top: -111.03px; } .pTop .solve__title em::after { position: absolute; content: ""; width: 144px; height: 153px; background: url("../img/solveIllus03.webp") 0 0 / contain no-repeat; -moz-background-size: contain; right: -4px; top: -116px; z-index: -1; } .pTop .solve__title em span { font-size: 50px; font-weight: 900; } .pTop .solve__queen { margin-top: 47px; position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); } .pTop .solve__queen::before { content: ""; width: 56.46px; height: 44.7px; background: url("../img/solveIllus04.webp") 0 0 / contain no-repeat; -moz-background-size: contain; transform: translateX(-50%); top: -57px; } .pTop .solve__queen::after { position: absolute; content: ""; width: 18px; height: 32px; background: url("../img/solveIllus05.webp") 0 0 / contain no-repeat; -moz-background-size: contain; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -38px; } .pTop .solve__queen em { -moz-border-radius: 50px; border-radius: 50px; background: #fff; font-size: 30px; line-height: 51px; font-weight: 700; padding: 9.5px 30px; border: 3px solid #fb9a3c; font-style: normal; } .pTop .solve__queen em span { font-size: 34px; } .pTop .solve__list { margin-top: 57px; max-width: 1224px; counter-reset: ar; display: flex; flex-flow: row wrap; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pTop .basic__list, .pTop .cta__main--box { -ms-flex-flow: row wrap; } .pTop .solve__list article { counter-increment: ar; background: #fff; -moz-border-radius: 18px; border-radius: 18px; -moz-box-shadow: 2.75px 2.75px 10.31px 1.37px rgba(0, 0, 0, 0.05); box-shadow: 2.75px 2.75px 10.31px 1.37px rgba(0, 0, 0, 0.05); padding: 17px; margin: 12px; position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); width: 282px; } .pTop .solve__list article::before { position: absolute; content: counter(ar); width: 54px; height: 54px; background: url("../img/solveIllus06.webp") 0 0 / contain no-repeat; -moz-background-size: contain; padding-top: 12.6px; text-align: center; font-size: 26.12px; line-height: 35.1px; font-weight: 700; color: #fff; top: -5px; left: 17px; } .pTop .solve__list article figure img, .pTop .solve__list article picture img { width: 100%; height: 154px; object-fit: cover; -moz-border-radius: 18px; border-radius: 18px; } .pTop .solve__list article h3 { text-align: center; margin-top: 12.21px; font-size: 24px; line-height: 31px; font-weight: 700; position: relative; padding: 0 0 9.79px; } .pTop .solve__list article h3::after { position: absolute; content: ""; width: 35.4px; height: 2px; background: #fb9a3c; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; } .pTop .basic__sub, .pTop .basic__title h2 { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); } .pTop .solve__list article .txt { margin-top: 10px; font-size: 15px; line-height: 1.5; font-weight: 500; color: #636465; } .pTop .solve__list article .txt span { display: inline; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #f8ff96), to(#f8ff96)); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 50%, #f8ff96 50%, #f8ff96 100%); background: oldlinear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 50%, #f8ff96 50%, #f8ff96 100%) -moz-; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 50%, #f8ff96 50%, #f8ff96 100%); font-weight: 700; } .pTop .basic { background: url("../img/basicGrid.webp"); padding: 0 0 85px; } .pTop .basic__title { padding: 25px 0 51px; background: url("../img/basicBg.webp") bottom center/cover no-repeat; -moz-background-size: cover; color: #fff; text-align: center; margin-bottom: 57px; } .pTop .basic__title h2 { font-size: 60px; line-height: 90px; font-weight: 700; position: relative; transform: translateZ(0); padding: 0 0 10px; } .pTop .basic__title h2::after { position: absolute; content: ""; width: 129px; height: 4px; background: url("../img/basicDot.webp") center/cover no-repeat; -moz-background-size: cover; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; } .pTop .basic__title p { font-size: 30px; line-height: 45px; font-weight: 700; margin-top: 16px; } .pTop .basic__list { max-width: 1030px; display: flex; flex-flow: row wrap; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: -16.5px auto; } .pTop .basic__list figure, .pTop .basic__list picture { width: 227px; height: 227px; -moz-border-radius: 20px; border-radius: 20px; overflow: hidden; margin: 16.5px 15px; } .pTop .basic__list figure figcaption, .pTop .basic__list picture figcaption { background: #7a9ed0; font-size: 24px; line-height: 1.5; font-weight: 500; color: #fff; padding: 10px; text-align: center; } .pTop .basic__list figure figcaption.spec, .pTop .basic__list picture figcaption.spec { letter-spacing: -0.05em; } .pTop .basic__list figure img, .pTop .basic__list picture img { width: 100%; height: 171px; object-fit: cover; } .pTop .basic__plus { margin: 31px 0 28px; } .pTop .basic__sub, .pTop .price h2 { line-height: 1.5; position: relative; font-weight: 700; text-align: center; } .pTop .basic__plus img { width: 39px; } .pTop .basic__sub { color: #fff; font-size: 38px; padding: 19px 0; transform: translateZ(0); background: #4a80cb; border-bottom: 11px solid #7a9ed0; margin-bottom: 71px; } .pTop .price { padding: 43px 0 33px; background: #f6f9fe; } .pTop .price h2 { font-size: 45px; color: #7a9ed0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); padding: 0 0 23px; } .pTop .price h2::after { position: absolute; content: ""; width: 129px; height: 6px; background: url("../img/priceDot.webp") center/contain no-repeat; -moz-background-size: contain; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; } .pTop .price__sub { text-align: center; line-height: 0; margin-top: 28px; } .pTop .price__sub em { font-style: normal; font-size: 24px; line-height: 1.5; font-weight: 700; color: #fff; background: #7aafd0; -moz-border-radius: 45px; border-radius: 45px; padding: 10px 140px 11px 43px; transform: translateZ(0); } .pTop .cta__main--box h4, .pTop .cta__main--top h3, .pTop .cta__main--top p { font-family: "Zen Maru Gothic", sans-serif; color: #4a80cb; } .pTop .price__sub em::after { position: absolute; content: ""; width: 188px; height: 141px; background: url("../img/priceMan.webp") 0 0 / contain no-repeat; -moz-background-size: contain; right: -3px; bottom: -4px; } .pTop .price__sub em::before { position: absolute; content: ""; width: 13.5px; height: 25px; background: url("../img/priceLine.webp") 0 0 / contain no-repeat; -moz-background-size: contain; bottom: -19.5px; right: 176.5px; } .pTop .price__main { max-width: 905px; margin-top: 70px; } .pTop .price__main--table { width: 100%; -moz-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1); box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1); -moz-border-radius: 0 25px 0 0; border-radius: 0 25px 0 0; transform: translateZ(0); } .pTop .price__main--table::before { position: absolute; content: ""; width: 273px; height: -webkit-calc(100% + 55px); height: -moz-calc(100% + 55px); height: calc(100% + 55px); border: 3px solid #fd9a3d; left: 155px; top: -31px; -moz-border-radius: 31px; border-radius: 31px; -webkit-filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.25)); filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.25)); pointer-events: none; } .pTop .price__main--table table { border-collapse: collapse; width: 100%; } .pTop .price__main--table table thead tr th:not(:last-of-type) { border-right: 1px solid #c5c5c5; } .pTop .price__main--table table thead tr th:first-of-type { border: none; width: 155px; } .pTop .price__main--table table thead tr th:nth-of-type(2) { width: 273px; } .pTop .price__main--table table thead tr th:last-of-type span { -moz-border-radius: 0 25px 0 0; border-radius: 0 25px 0 0; } .pTop .price__main--table table thead tr th span { width: 100%; background: #939393; color: #fff; height: 100%; display: block; text-align: center; vertical-align: middle; font-size: 24px; line-height: 1.5; font-weight: 500; padding: 9px 0 5px; } .pTop .price__main--table table thead tr th span.special { position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); }
.pTop .price__main--table table thead tr th span.special::after { position: absolute; content: "当社"; width: 100%; height: 79px; bottom: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-size: 32px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; background: #fd9a3d; -moz-border-radius: 25px 25px 0 0; border-radius: 25px 25px 0 0; } .pTop .price__main--table table tbody tr { border-bottom: 2px solid #c5c5c5; background: #fff; } .pTop .price__main--table table tbody tr:nth-of-type(2n) { background: #f9f9f9; } .pTop .price__main--table table tbody tr td { font-size: 30px; line-height: 45px; font-weight: 500; text-align: center; padding: 17px 0; color: #626564; } .pTop .price__main--table table tbody tr td span { font-family: Roboto, sans-serif; font-weight: 700; } .pTop .price__main--table table tbody tr td small { font-size: 20px; line-height: 1.5; } .pTop .price__main--table table tbody tr td em { font-style: normal; width: 100%; height: 100%; display: block; position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); margin: -17px 0; padding: 17px 0; } .pTop .price__main--table table tbody tr td em::after { position: absolute; content: ""; width: -webkit-calc(100% - 6px); width: -moz-calc(100% - 6px); width: calc(100% - 6px); height: -webkit-calc(100% + 24px); height: -moz-calc(100% + 24px); height: calc(100% + 24px); background: #fff; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -24px; z-index: -1; -moz-border-radius: 0 0 25px 25px; border-radius: 0 0 25px 25px; } .pTop .price__main--table table tbody tr td:not(:last-of-type) { border-right: 1px solid #c5c5c5; } .pTop .price__main--table table tbody tr td:nth-of-type(2) span { color: #fd9a3d; font-size: 43px; line-height: 45px; } .pTop .price__main--table table tbody tr td:nth-of-type(2) small { font-size: 25px; } .pTop .price__main--note { margin-top: 25px; font-size: 12px; line-height: 1.5; font-weight: 500; color: #626564; } .pTop .cta { background: #4a80cb; padding: 36px 0 38px; } .pTop .cta__main { max-width: 902px; } .pTop .cta__main--top { width: 551px; margin-left: auto; margin-right: 43.05px; height: 166px; background: url("../img/ctaUnion.webp") 0 0 / cover no-repeat; -moz-background-size: cover; text-align: center; padding: 9px 0 0 14px; transform: translateZ(0); } .pTop .cta__main--top h3 { font-size: 36px; line-height: 1.5; font-weight: 700; } .pTop .cta__main--top h3 span { font-size: 50px; color: #fd9a3d; display: inline-block; transform: translateZ(0); } .pTop .cta__main--top h3 span::after { position: absolute; content: ""; width: 19.5px; height: 21px; background: url("../img/ctaIllus01.webp") 0 0 / contain no-repeat; -moz-background-size: contain; right: -16.5px; top: -2px; } .pTop .cta__main--top p { font-size: 22px; line-height: 1.3; font-weight: 500; } .pTop .cta__main--top::before { position: absolute; content: ""; width: 232px; height: 277.5px; background: url("../img/ctaWoman.webp") 0 0 / contain no-repeat; -moz-background-size: contain; left: -225px; top: -47px; pointer-events: none; } .pTop .cta__main--box { background: #fff; position: relative; z-index: 2; margin-top: 15px; padding: 22px 23px 36px 87px; border: 2px solid #7a9ed0; display: flex; flex-flow: row wrap; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .pTop .cta__main--box h4 { width: 141px; height: 141px; text-align: center; font-size: 20px; line-height: 30px; font-weight: 500; background: url("../img/ctaUnion2.webp") 0 0 / cover no-repeat; -moz-background-size: cover; padding: 37px 0 0; margin-right: 29px; } .pTop .cta__main--box h4 span { font-size: 26px; line-height: 30px; } .pTop .cta__main--box h4 em { font-style: normal; font-size: 38px; line-height: 30px; font-weight: 900; display: inline-block; position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); } .pTop .cta__main--box h4 em::after { position: absolute; content: ""; width: 65px; height: 14px; background: url("../img/ctaLine.webp") 0 0 / contain no-repeat; -moz-background-size: contain; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: -1; } .pTop .cta__main--box h4 em span { font-size: 26px; line-height: 30px; font-weight: 500; } .pTop .cta__main--box .wrapTel { width: 562px; line-height: 0; } .pTop .cta__main--box .wrapDoc, .pTop .cta__main--box .wrapLine { margin-top: 11px; width: 352px; height: 100px; position: relative; overflow: hidden; } .pTop .cta__main--box .wrapTel a { display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .pTop .cta__main--box .wrapDoc a, .pTop .cta__main--box .wrapLine a, .pTop .lawyer__main article { -webkit-box-orient: vertical; -moz-box-orient: vertical; } .pChild .container, .pTop .area__main--detail, .pTop .area__main--detail .left ul, .pTop .contact__main .form dl dd .wrapRadio, .pTop .work__success--case { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; } .pTop .cta__main--box .wrapTel a em { font-style: normal; font-size: 20px; line-height: 1.5; font-weight: 500; color: #fff; background: #7aafd0; -moz-border-radius: 30.16px; border-radius: 30.16px; padding: 0 38px; white-space: nowrap; } .pTop .cta__main--box .wrapTel a em+em { margin-left: 10px; } .pTop .cta__main--box .wrapTel a span { width: 100%; margin-top: 10px; display: block; position: relative; font-size: 71px; line-height: 0.8; font-family: Roboto, sans-serif; font-weight: 900; color: #fd9a3d; padding-left: 86px; } .pTop .cta__main--box .wrapTel a span::before { content: "通話無料"; position: absolute; left: 0; top: -20px; font-size: 16px; line-height: 19px; font-weight: 500; color: #fd9a3d; white-space: nowrap; letter-spacing: 0.15em; } .pTop .cta__main--box .wrapTel a span::after { position: absolute; content: ""; width: 74.64px; height: 46.98px; background: url("../img/ctaTel.webp") 0 0 / contain no-repeat; -moz-background-size: contain; left: 0; bottom: 5px; } .pTop .area__main--intro h3 em span, .pTop .work__success--case article .info .txt span { display: inline; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, rgba(255, 255, 255, 0)), color-stop(70%, #f8ff96), to(#f8ff96)); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 70%, #f8ff96 70%, #f8ff96 100%); background: oldlinear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 70%, #f8ff96 70%, #f8ff96 100%) -moz-; } .pTop .cta__main--box .wrapDoc { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); -moz-border-radius: 20px; border-radius: 20px; margin-right: 22px; } .pTop .cta__main--box .wrapDoc::after, .pTop .cta__main--box .wrapDoc::before { position: absolute; content: ""; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fd9a3d), color-stop(50%, #ff8d22)); background: -webkit-linear-gradient(top, #fd9a3d 50%, #ff8d22 50%); background: oldlinear-gradient(top, #fd9a3d 50%, #ff8d22 50%) -moz-; background: linear-gradient(180deg, #fd9a3d 50%, #ff8d22 50%); pointer-events: none; -moz-border-radius: 20px; border-radius: 20px; z-index: -1; } .pTop .cta__main--box .wrapDoc::before { width: 100%; height: 100%; } .pTop .cta__main--box .wrapDoc::after { width: -webkit-calc(100% - 2px); width: -moz-calc(100% - 2px); width: calc(100% - 2px); height: -webkit-calc(100% - 2px); height: -moz-calc(100% - 2px); height: calc(100% - 2px); -moz-border-radius: 18px; border-radius: 18px; border: 2px solid #fff; } .pTop .cta__main--box .wrapDoc a { display: flex; width: 100%; height: 100%; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; color: #fff; padding: 0 39px 0 50px; position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); } .pTop .cta__main--box .wrapDoc a::after, .pTop .cta__main--box .wrapDoc a::before { position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .pTop .cta__main--box .wrapDoc a::before { width: 37.57px; height: 44.38px; background: url("../img/ctaDoc.webp") 0 0 / contain no-repeat; -moz-background-size: contain; left: 16px; } .pTop .cta__main--box .wrapDoc a::after { width: 18px; height: 18px; -moz-border-radius: 50%; border-radius: 50%; background: url("../img/ctaTriangle01.webp") center/7px 8px no-repeat #fff; -moz-background-size: 7px 8px; right: 19px; } .pTop .cta__main--box .wrapDoc a small { font-size: 14px; line-height: 1; font-weight: 500; } .pTop .cta__main--box .wrapDoc a span { font-size: 24px; line-height: 1.5; font-weight: 700; } 
.pTop .cta__main--box .wrapLine { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); -moz-border-radius: 20px; border-radius: 20px; } .pTop .cta__main--box .wrapLine::after, .pTop .cta__main--box .wrapLine::before { position: absolute; content: ""; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #06c755), color-stop(50%, #00be4f)); background: -webkit-linear-gradient(top, #06c755 50%, #00be4f 50%); background: oldlinear-gradient(top, #06c755 50%, #00be4f 50%) -moz-; background: linear-gradient(180deg, #06c755 50%, #00be4f 50%); pointer-events: none; -moz-border-radius: 20px; border-radius: 20px; z-index: -1; } .pTop .cta__main--box .wrapLine::before { width: 100%; height: 100%; } .pTop .cta__main--box .wrapLine::after { width: -webkit-calc(100% - 2px); width: -moz-calc(100% - 2px); width: calc(100% - 2px); height: -webkit-calc(100% - 2px); height: -moz-calc(100% - 2px); height: calc(100% - 2px); -moz-border-radius: 18px; border-radius: 18px; border: 2px solid #fff; } .pTop .cta__main--box .wrapLine a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; color: #fff; padding: 0 36px 0 60px; position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); } .pTop .cta__main--box .wrapLine a::after, .pTop .cta__main--box .wrapLine a::before { position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .pTop .cta__main--box .wrapLine a::before { width: 49px; height: 48px; background: url("../img/ctaMess.webp") 0 0 / contain no-repeat; -moz-background-size: contain; left: 17px; } .pTop .cta__main--box .wrapLine a::after { width: 18px; height: 18px; -moz-border-radius: 50%; border-radius: 50%; background: url("../img/ctaTriangle02.webp") center/7px 8px no-repeat #fff; -moz-background-size: 7px 8px; right: 19px; } .pTop .cta__main--box .wrapLine a small { font-size: 14px; line-height: 1; font-weight: 500; } .pTop .cta__main--box .wrapLine a span { font-size: 24px; line-height: 1.5; font-weight: 700; } .pTop .work { background: #f6f9fe; padding: 52px 0 70px; } .pTop .work h2 { text-align: center; font-size: 44px; line-height: 66px; font-weight: 700; color: #7a9ed0; position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); padding-bottom: 20px; } .pTop .work h2::after { position: absolute; content: ""; width: 129px; height: 6px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; background: url("../img/workLine.webp") 0 0 / contain no-repeat; -moz-background-size: contain; } .pTop .work__success { margin-top: 12px; } .pTop .area__main--intro h3, .pTop .work__success--title { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .pTop .work__success--title::after, .pTop .work__success--title::before { content: ""; width: 25px; height: 53px; background: url("../img/icLeaf.webp") 0 0 / contain no-repeat; -moz-background-size: contain; } .pTop .work__success--title::before { margin-right: 4px; } .pTop .work__success--title::after { -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); margin-left: -4px; } .pTop .work__success--title h3 { font-size: 32px; line-height: 1.5; font-weight: 500; color: #7aafd0; } .pTop .flow h2, .pTop .voice h2 { font-size: 44px; text-align: center; } .pTop .work__success--title h3 span { font-size: 40px; line-height: 60px; font-weight: 700; font-family: Roboto, sans-serif; } .pTop .work__success--slide { margin-top: 29px; margin-bottom: 40px; } .pTop .work__success--slide .swiper-wrapper { -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; transition-timing-function: linear; } .pTop .work__success--slide .swiper-slide { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; width: auto; } .pTop .work__success--slide .swiper-slide figure, .pTop .work__success--slide .swiper-slide picture { margin: 0 4px; width: 302px; } .pTop .work__success--slide .swiper-slide figure img, .pTop .work__success--slide .swiper-slide picture img { width: 100%; height: 146px; -moz-border-radius: 15px; border-radius: 15px; object-fit: cover; } .pTop .work__success--case { margin-top: -16.5px; margin-bottom: -16.5px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; } .pTop .work__success--case article { width: 462px; margin: 16.5px 16px; -moz-box-shadow: 2.44px 2.44px 9.14px 1.22px rgba(0, 0, 0, 0.05); box-shadow: 2.44px 2.44px 9.14px 1.22px rgba(0, 0, 0, 0.05); -moz-border-radius: 16.45px; border-radius: 16.45px; background: #fff; padding: 0 0 14px; } .pTop .work__success--case article h4 { -moz-border-radius: 16.45px 16.45px 0 0; border-radius: 16.45px 16.45px 0 0; background: #7aafd0; -moz-box-shadow: 2.44px 2.44px 9.14px 1.22px; box-shadow: 2.44px 2.44px 9.14px 1.22px; color: #fff; text-align: center; font-size: 20px; line-height: 1.5; font-family: "Zen Maru Gothic", sans-serif; font-weight: 700; padding: 8px 0 5px; } .pTop .work__success--case article .wrapImage { margin-top: 16px; padding: 0 50px; position: relative; } .pTop .work__success--case article .wrapImage .image { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); } .pTop .flow__main--list ul, .pTop .voice__slide article .arInner .arTop, .pTop .work__success--case article .info { display: -webkit-box; display: -moz-box; display: -ms-flexbox; } .pTop .work__success--case article .wrapImage .image::after { position: absolute; content: ""; width: 14.5px; height: 13.5px; background: url("../img/workDoubleArrow.webp") center/contain no-repeat; -moz-background-size: contain; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .pTop .work__success--case article .wrapImage .image figure, .pTop .work__success--case article .wrapImage .image picture { width: 170px; position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); } .pTop .work__success--case article .wrapImage .image figure::before, .pTop .work__success--case article .wrapImage .image picture::before { position: absolute; width: 55px; height: 21px; color: #fff; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; line-height: 1.5; font-weight: 700; font-family: Roboto, sans-serif; left: 0; top: 0; } .pTop .area__main--intro p, .pTop .contact h2, .pTop .lawyer h2 span, .pTop .voice h2, .pTop .voice__slide article .arInner .arNum { font-family: "Zen Maru Gothic", sans-serif; } .pTop .work__success--case article .wrapImage .image figure img, .pTop .work__success--case article .wrapImage .image picture img { width: 100%; height: 193px; object-fit: cover; } .pTop .work__success--case article .wrapImage .image figure:first-of-type::before, .pTop .work__success--case article .wrapImage .image picture:first-of-type::before { content: "Before"; background: #7aafd0; } .pTop .work__success--case article .wrapImage .image figure:nth-of-type(2)::before, .pTop .work__success--case article .wrapImage .image picture:nth-of-type(2)::before { content: "After"; background: #ed7474; } .pTop .work__success--case article .wrapImage .gallery-next, .pTop .work__success--case article .wrapImage .gallery-prev { position: absolute; width: 23px; height: 23px; -moz-border-radius: 50%; border-radius: 50%; -moz-box-shadow: 0.60911px 2.43645px 2.43645px 0.60911px rgba(0, 0, 0, 0.1); box-shadow: 0.60911px 2.43645px 2.43645px 0.60911px rgba(0, 0, 0, 0.1); top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; } .pTop .work__success--case article .wrapImage .gallery-prev { background: url("../img/ctrlPrev.webp") 0 0 / contain no-repeat; -moz-background-size: contain; left: 21px; } .pTop .work__success--case article .wrapImage .gallery-next { background: url("../img/ctrlNext.webp") 0 0 / contain no-repeat; -moz-background-size: contain; right: 21px; } .pTop .work__success--case article .info { margin-top: 16.62px; padding: 0 27px 0 33px; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .pTop .work__success--case article .info figure, .pTop .work__success--case article .info picture { width: 67px; margin-right: 18.04px; } 
.pTop .work__success--case article .info figure img, .pTop .work__success--case article .info picture img { width: 67px; height: 67px; object-fit: cover; -moz-border-radius: 50%; border-radius: 50%; } .pTop .work__success--case article .info figure figcaption, .pTop .work__success--case article .info picture figcaption { text-align: center; font-size: 10px; line-height: 1.5; font-family: Roboto, sans-serif; font-weight: 500; margin-top: 2px; } .pTop .work__success--case article .info .txt { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; background: #f6faff; -moz-border-radius: 12.18px; border-radius: 12.18px; padding: 6.38px 13.04px 9.62px; font-size: 14px; line-height: 1.5; font-weight: 400; color: #626564; position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); } .pTop .work__success--case article .info .txt::before { position: absolute; content: ""; width: 7px; height: 9px; background: #f6faff; clip-path: polygon(0 50%, 100% 0, 100% 100%); top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: -7px; } .pTop .work__success--case article .info .txt span { font-weight: 700; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 70%, #f8ff96 70%, #f8ff96 100%); } .pTop .voice { background: #7a9ed0; padding: 48px 0 39px; } .pTop .voice h2 { line-height: 1.5; color: #fff; font-weight: 700; padding: 0 0 20px; position: relative; } .pTop .voice h2::after { position: absolute; content: ""; width: 129px; height: 6px; background: url("../img/voiceLine.webp") 0 0 / contain no-repeat; -moz-background-size: contain; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .pTop .voice h2 span { display: inline-block; position: relative; } .pTop .voice h2 span::before { position: absolute; content: ""; width: 87.5px; height: 68.5px; background: url("../img/voiceMess.webp") 0 0 / contain no-repeat; -moz-background-size: contain; left: -101.17px; top: -9px; } .pTop .voice__slide { padding: 15px 0; max-width: 789px; margin: 27px auto 0; overflow: inherit; } .pTop .voice__slide article { padding: 0 30px; width: 789px; height: auto; } .pTop .voice__slide article .arInner { background: #fff; border: 3px solid #7a9ed0; -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); -moz-border-radius: 43px; border-radius: 43px; position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); height: 100%; padding: 39px 73px; } .pTop .voice__slide article .arInner .arNum { position: absolute; width: 119px; height: 32px; background: #4a80cb; -moz-border-radius: 16px; border-radius: 16px; color: #fff; font-size: 20px; line-height: 1; font-weight: 500; text-align: center; padding-top: 2px; top: -16px; left: 48px; } .pTop .voice__slide article .arInner .arNum span { font-size: 26px; line-height: 1; } .pTop .voice__slide article .arInner .arTop { display: flex; -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .pTop .voice__slide article .arInner .arTop .title { width: 413px; } .pTop .voice__slide article .arInner .arTop .title h4 { text-align: center; font-size: 26px; line-height: 1.5; font-family: "Zen Maru Gothic", sans-serif; font-weight: 700; color: #7a9ed0; position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); padding: 2px 5px 5px; } .pTop .voice__slide article .arInner .arTop .title h4::after, .pTop .voice__slide article .arInner .arTop .title h4::before { position: absolute; content: ""; width: 27px; height: 35px; background: url("../img/voiceCorner01.webp") 0 0 / contain no-repeat; -moz-background-size: contain; } .pTop .lawyer h2 span::before, .pTop .voice__slide article .arInner .arTop .title h4::before { left: 0; top: 0; } .pTop .lawyer h2 span::after, .pTop .voice__slide article .arInner .arTop .title h4::after { right: 0; bottom: 0; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .pTop .voice__slide article .arInner .arTop .title .age { text-align: right; margin-top: 8px; font-size: 14px; line-height: 1.5; font-weight: 500; color: #7a9ed0; } .pTop .voice__slide article .arInner .arTop figure.st1, .pTop .voice__slide article .arInner .arTop picture.st1 { width: 122.05px; } .pTop .voice__slide article .arInner .arTop figure.st2, .pTop .voice__slide article .arInner .arTop picture.st2 { width: 127px; } .pTop .voice__slide article .arInner .arTop figure.st3, .pTop .voice__slide article .arInner .arTop picture.st3 { width: 124.5px; } .pTop .voice__slide article .arInner .arBot { margin-top: 20px; font-size: 16px; line-height: 1.5; font-weight: 400; color: #626564; } .pTop .voice__slide--next, .pTop .voice__slide--prev { position: absolute; width: 48px; height: 48px; -moz-border-radius: 50%; border-radius: 50%; -moz-box-shadow: 0.60911px 2.43645px 2.43645px 0.60911px rgba(0, 0, 0, 0.1); box-shadow: 0.60911px 2.43645px 2.43645px 0.60911px rgba(0, 0, 0, 0.1); top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; z-index: 3; } .pTop .flow h2, .pTop .flow__main--list ul { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); position: relative; } .pTop .voice__slide--prev { background: url("../img/ctrlPrev.webp") 0 0 / contain no-repeat; -moz-background-size: contain; left: 0; } .pTop .voice__slide--next { background: url("../img/ctrlNext.webp") 0 0 / contain no-repeat; -moz-background-size: contain; right: 0; } .pTop .flow { background: #f6f9fe; padding: 50px 0 59px; } .pTop .flow h2 { line-height: 1.5; font-weight: 700; transform: translateZ(0); padding: 0 0 20px; color: #7a9ed0; } .pTop .flow h2::after { position: absolute; content: ""; width: 129px; height: 6px; background: url("../img/flowLine.webp") 0 0 / contain no-repeat; -moz-background-size: contain; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; } .pTop .flow__main { margin-top: 55px; } .pTop .flow__main--list { counter-reset: li; } .pTop .flow__main--list ul { display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; transform: translateZ(0); } .pTop .area__main--detail, .pTop .area__main--detail .left ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; -ms-flex-flow: row wrap; } .pTop .flow__main--list ul li { counter-increment: li; width: 32.2%; -moz-border-radius: 31px; border-radius: 31px; background: #fff; padding: 12px 11px 22px; position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); } .pTop .faq__main .list dl dt::before, .pTop .flow__main--list ul li+li::before { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); top: 50%; } .pTop .flow__main--list ul li::after { position: absolute; content: counter(li, decimal-leading-zero); font-size: 40px; line-height: 1.5; font-family: Roboto, sans-serif; font-weight: 700; color: #4a80cb; top: -23px; left: 24px; } .pTop .flow__main--list ul li+li::before { position: absolute; content: ""; width: 22px; height: 57.5px; background: url("../img/flowArrow.webp") 0 0 / contain no-repeat; -moz-background-size: contain; left: -18px; transform: translateY(-50%); } .pChild .container main, .pTop .flow__main--list ul li figure, .pTop .flow__main--list ul li picture { width: 100%; } .pTop .flow__main--list ul li figure img, .pTop .flow__main--list ul li picture img { width: 100%; height: 170px; object-fit: cover; -moz-border-radius: 24px; border-radius: 24px; } .pTop .flow__main--list ul li h3 { font-size: 22px; line-height: 1.5; font-weight: 700; color: #4a80cb; margin-top: 8px; padding: 0 12px; } .pTop .flow__main--list ul li .txt { padding: 0 12px; font-size: 16px; line-height: 1.5; font-weight: 400; color: #626564; margin-top: 4px; } .pTop .flow__main--list ul+ul { margin-top: 16px; } .pTop .flow__main--list ul::after { position: absolute; content: ""; width: 100vw; height: 120px; background: #d9e7ff; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1; } .pTop .area h2::after, .pTop .faq__title h2::after { width: 129px; height: 6px; bottom: 0; position: absolute; left: 50%; } .pTop .faq { padding: 57px 0 66px; background: #7aafd0; } .pTop .faq__title { text-align: center; color: #fff; font-weight: 700; } .pTop .faq__title span { font-size: 24px; line-height: 1.5; font-weight: 700; } .pTop .area h2, .pTop .faq__title h2 { font-size: 44px; position: relative; padding: 0 0 20px; line-height: 1.5; } .pTop .faq__title h2 { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); font-weight: 700; margin-bottom: 60px; } .pTop .faq__title h2::after { content: ""; background: url("../img/faqLine.webp") 0 0 / contain no-repeat; -moz-background-size: contain; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .pTop .contact__main, .pTop .faq__main { max-width: 769px; } 
.pTop .faq__main .list dl dt { color: #626564; background: #f5f5f5; font-size: 22px; line-height: 1.5; font-weight: 700; padding: 15px 62px 15px 57px; position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); -moz-border-radius: 10px; border-radius: 10px; cursor: pointer; } .pTop .faq__main .list dl dt::before { position: absolute; content: "Q"; font-size: 26px; line-height: 1.5; font-weight: 700; left: 20px; transform: translateY(-50%); } .pTop .faq__main .list dl dt::after { position: absolute; content: ""; width: 21px; height: 21px; background: url("../img/faqPlus.webp") 0 0 / contain no-repeat; -moz-background-size: contain; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 25px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .pTop .faq__main .list dl dt.active::after { -webkit-transform: translateY(-50%) rotate(45deg); -moz-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .pTop .faq__main .list dl dd { background: #fff; padding: 35px 57px 19px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; font-size: 16px; line-height: 1.5; font-weight: 500; color: #626564; margin-top: -18px; } .pTop .area { padding: 64px 0 62px; background: #f6f9fe; } .pTop .area h2 { text-align: center; font-weight: 700; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); color: #7a9ed0; margin-bottom: 34px; } .pTop .area h2::after { content: ""; background: url("../img/areaLine.webp") 0 0 / contain no-repeat; -moz-background-size: contain; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .pTop .area__main--intro h3::after, .pTop .area__main--intro h3::before { content: ""; width: 40.5px; height: 69.5px; background: url("../img/areaSplash.webp") 0 0 / contain no-repeat; -moz-background-size: contain; } .pTop .area__main--intro h3::before { margin-right: 12.5px; } .pTop .area__main--intro h3::after { -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); margin-left: 12.5px; } .pTop .area__main--detail .right dl dt, .pTop .contact__main .form dl dd .wrapRadio label { position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); cursor: pointer; } .pTop .area__main--intro h3 em { font-style: normal; font-size: 30px; line-height: 1.5; font-weight: 500; color: #7a9ed0; text-align: center; } .pTop .area__main--intro h3 em span { background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 70%, #f8ff96 70%, #f8ff96 100%); } .pTop .area__main--intro p { text-align: center; font-size: 20px; line-height: 1.5; font-weight: 500; color: #7aafd0; margin-top: 15px; } .pTop .area__main--detail { display: flex; flex-flow: row wrap; margin: 50px 0 0; } .pTop .area__main--detail .left { width: 383px; margin: 0 24px; } .pTop .area__main--detail .left ul { margin: -5px -6px; display: flex; flex-flow: row wrap; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pTop .area__main--detail .left ul li { white-space: nowrap; color: #fff; font-size: 20px; line-height: 1; font-weight: 700; padding: 8px 13px; margin: 5px 6px; -moz-border-radius: 5px; border-radius: 5px; background: #7abdd0; min-width: 86px; text-align: center; } .pTop .area__main--detail .left ul li:nth-of-type(-n + 4) { background: #7a9ed0; } .pTop .area__main--detail .left figure, .pTop .area__main--detail .left picture { margin-top: 26px; width: 323px; } .pTop .area__main--detail .right { width: 561px; } .pTop .area__main--detail .right dl { border: 2px solid #d6e4f7; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; } .pTop .area__main--detail .right dl dt { font-size: 18px; line-height: 20px; font-weight: 700; color: #fff; padding: 14px 35px 13px 23px; background: #7a9ed0; transform: translateZ(0); } .pTop .area__main--detail .right dl dt::after, .pTop .contact__main .form dl dd .wrapRadio label span::before { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); position: absolute; top: 50%; } .pTop .area__main--detail .right dl dt::after { content: ""; width: 20px; height: 20px; background: url("../img/areaPlus.webp") 0 0 / contain no-repeat; -moz-background-size: contain; transform: translateY(-50%); right: 13px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .pTop .contact__main .form .wrapCheck label input, .pTop .contact__main .form dl dd .wrapRadio label input { width: 0; height: 0; opacity: 0; position: absolute; } .pTop .area__main--detail .right dl dt.active::after { -webkit-transform: translateY(-50%) rotate(45deg); -moz-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .pTop .area__main--detail .right dl dd { font-size: 14px; line-height: 28px; color: #626564; font-weight: 400; padding: 18px 14px 18px 23px; display: none; } .pTop .area__main--detail .right dl+dl { margin-top: 13px; } .pTop .contact { background: #f6f9fe; padding: 49px 0 59px; } .pTop .contact h2 { text-align: center; font-size: 44px; line-height: 1.5; font-weight: 700; color: #4a80cb; } .pTop .contact__main .form { -moz-border-radius: 26px; border-radius: 26px; border: 4px solid #4a80cb; margin-top: 16px; background: #fff; padding: 60px 68px 53px; } .pTop .contact__main .form dl dt { font-size: 18px; line-height: 1; font-weight: 700; color: #626564; } .pTop .contact__main .form dl dt.required::after { content: "必須"; width: 34px; height: 18px; -moz-border-radius: 3px; border-radius: 3px; background: #ed7474; color: #fff; font-size: 14px; line-height: 18px; margin-left: 10px; display: inline-block; text-align: center; } .pTop .contact__main .form .wrapCheck label span::before, .pTop .contact__main .form button span, .pTop .contact__main .form dl dd .wrapRadio, .pTop .lawyer__main { display: -webkit-box; display: -moz-box; display: -ms-flexbox; } .pTop .contact__main .form dl dd { margin-top: 11px; } .pChild__content .company .list dl+dl, .pTop .contact__main .form dl+dl { margin-top: 20px; } .pTop .contact__main .form dl dd .wrapInput input, .pTop .contact__main .form dl dd .wrapInput textarea { background: #f0f0f0; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #d4d4d4; color: #626564; font-size: 16px; line-height: 24.6px; font-weight: 500; padding: 11px 25px; outline: 0; width: 100%; } .pTop .contact__main .form dl dd .wrapInput input::-webkit-input-placeholder, .pTop .contact__main .form dl dd .wrapInput textarea::-webkit-input-placeholder { opacity: 1; color: #d0d0d0; } .pTop .contact__main .form dl dd .wrapInput input::-moz-placeholder, .pTop .contact__main .form dl dd .wrapInput textarea::-moz-placeholder { opacity: 1; color: #d0d0d0; } .pTop .contact__main .form dl dd .wrapInput input:-ms-input-placeholder, .pTop .contact__main .form dl dd .wrapInput textarea:-ms-input-placeholder { opacity: 1; color: #d0d0d0; } .pTop .contact__main .form dl dd .wrapInput input::placeholder, .pTop .contact__main .form dl dd .wrapInput textarea::placeholder { opacity: 1; color: #d0d0d0; } .pTop .contact__main .form dl dd .wrapInput textarea { height: 146px; } .pTop .contact__main .form dl dd .wrapRadio { display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: -5px -17.5px; line-height: 0; } .pTop .contact__main .form dl dd .wrapRadio label { display: inline-block; margin: 5px 17.5px; transform: translateZ(0); } .pTop .contact__main .form dl dd .wrapRadio label input:checked+span::before { background: -webkit-radial-gradient(circle, #000 0, #000 50%, #f0f0f0 50%, #f0f0f0 100%); background: oldradial-gradient(circle, #000 0, #000 50%, #f0f0f0 50%, #f0f0f0 100%) -moz-; background: radial-gradient(circle, #000 0, #000 50%, #f0f0f0 50%, #f0f0f0 100%); } .pTop .contact__main .form dl dd .wrapRadio label span { white-space: nowrap; font-size: 18px; line-height: 1; font-weight: 400; color: #626564; display: inline-block; position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); padding: 0 0 0 20px; } .pTop .contact__main .form dl dd .wrapRadio label span::before { content: ""; width: 15px; height: 15px; -moz-border-radius: 50%; border-radius: 50%; left: 0; transform: translateY(-50%); border: 1px solid #d4d4d4; background: #f0f0f0; } .pTop .contact__main .form .wrapCheck { text-align: center; margin-top: 21px; } .pTop .contact__main .form .wrapCheck label { display: inline-block; position: relative; line-height: 0; } .pTop .contact__main .form .wrapCheck label input:checked+span::before { content: "\2713"; } .pTop .contact__main .form .wrapCheck label span { font-size: 14px; line-height: 18px; font-weight: 500; color: #626564; display: inline-block; position: relative; padding: 0 0 0 22px; } .pTop .contact__main .form .wrapCheck label span a { color: #4a80cb; }
.pTop .contact__main .form .wrapCheck label span::before { position: absolute; content: ""; width: 16px; height: 16px; -moz-border-radius: 3px; border-radius: 3px; background: #f0f0f0; color: #000; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 16px; line-height: 1; } .pTop .contact__main .form button, .pTop .lawyer__main { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); position: relative; } .pTop .contact__main .form button { display: block; outline: 0; -moz-box-shadow: 0; box-shadow: 0; border: 0; width: 382px; height: 81px; margin: 20px auto 0; -moz-border-radius: 20px; border-radius: 20px; transform: translateZ(0); background: 0 0; } .pTop .contact__main .form button::after, .pTop .contact__main .form button::before { position: absolute; content: ""; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ff2e37), color-stop(50%, #ff4747)); background: -webkit-linear-gradient(top, #ff2e37 50%, #ff4747 50%); background: oldlinear-gradient(top, #ff2e37 50%, #ff4747 50%) -moz-; background: linear-gradient(180deg, #ff2e37 50%, #ff4747 50%); pointer-events: none; -moz-border-radius: 20px; border-radius: 20px; z-index: -1; } .pTop .contact__main .form button::before { width: 100%; height: 100%; } .pTop .contact__main .form button::after { width: -webkit-calc(100% - 2px); width: -moz-calc(100% - 2px); width: calc(100% - 2px); height: -webkit-calc(100% - 2px); height: -moz-calc(100% - 2px); height: calc(100% - 2px); -moz-border-radius: 18px; border-radius: 18px; border: 2px solid #fff; } .pTop .contact__main .form button span { display: flex; width: 100%; height: 100%; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; font-size: 28px; line-height: 1.5; font-weight: 700; } .pTop .contact__main .form button span::after { content: "＞"; font-size: 18px; line-height: 1; color: #fff; font-weight: 700; display: inline-block; margin-left: 16px; } .pTop .lawyer { background: #7a9ed0; padding: 32px 0 73px; } .pTop .lawyer h2 { text-align: center; line-height: 0; } .pTop .lawyer h2 span { font-size: 30px; line-height: 1.5; font-weight: 700; color: #f6faff; letter-spacing: 0.1em; display: inline-block; position: relative; padding: 0 22px; } .pTop .lawyer h2 span::after, .pTop .lawyer h2 span::before { position: absolute; content: ""; width: 8.5px; height: 11px; background: #fff; clip-path: polygon(0 0, 100% 0, 0 100%); } .pTop .lawyer__main { max-width: 740px; margin-top: 19px; display: flex; transform: translateZ(0); } .pChild .container, .pChild__content .company .list dl, .pTop .lawyer__main article { display: -webkit-box; display: -moz-box; display: -ms-flexbox; } .pTop .lawyer__main::before { position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; background: #f6faff; z-index: -1; } .pTop .lawyer__main::after { position: absolute; content: ""; width: 100%; height: 100%; border: 2px solid #d9e7ff; top: 11px; left: 8px; z-index: -2; } .pTop .lawyer__main figure, .pTop .lawyer__main picture { width: 259px; margin-right: 40px; } .pTop .lawyer__main figure img, .pTop .lawyer__main picture img { width: 100%; height: 100%; object-fit: cover; -moz-border-radius: 0 100px 0 0; border-radius: 0 100px 0 0; } .pTop .lawyer__main article { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); z-index: 2; } .pTop .lawyer__main article::after { position: absolute; content: ""; width: 99px; height: 106px; background: url("../img/ceoIllus.webp") 0 0 / contain no-repeat; -moz-background-size: contain; top: 12px; right: 13px; } .pTop .lawyer__main article span { font-size: 22.68px; line-height: 1.5; color: #7a9ed0; padding: 0 0 6px; border-bottom: 3px double #7a9ed0; } .pTop .lawyer__main article h3 { font-size: 36.86px; line-height: 1.5; font-weight: 500; color: #7a9ed0; margin-top: 8.51px; } .pTop .lawyer__main article .info { border-left: 1px solid #626564; padding: 0 0 0 10.5px; margin-top: 13px; } .pTop .lawyer__main article .info address { font-style: normal; font-size: 14px; line-height: 1.3; font-weight: 400; color: #626564; display: block; width: 100%; } .pTop .lawyer__main article .info a.tel { margin-top: 9px; display: inline-block; position: relative; padding: 0 0 0 26px; font-size: 16px; line-height: 1.5; color: #626564; } .pTop .lawyer__main article .info a.tel::before { position: absolute; content: ""; width: 20.35px; height: 17.36px; background: url("../img/ceoPhone.webp") 0 0 / contain no-repeat; -moz-background-size: contain; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .footer { background: #fff; padding: 18px 0 21px; } .footer .link { text-align: center; font-size: 14px; line-height: 18px; font-weight: 500; color: #626564; } .pChild .container { min-height: 100%; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; } .pChild .container footer { width: 100%; margin-top: auto; } .pChild__content { padding: 80px 0; } .pChild__content h2 { text-align: center; font-size: 40px; line-height: 1.5; font-weight: 700; color: #4a7fcb; letter-spacing: 0.05em; margin-bottom: 60px; } .pChild__content .btn { margin-top: 60px; text-align: center; } .pChild__content .btn a { display: -webkit-inline-box; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 528px; height: 78px; color: #fff; font-size: 24px; line-height: 1.6; letter-spacing: 0.05em; background: #4a7fcb; -moz-border-radius: 20px; border-radius: 20px; -moz-box-shadow: 0 3.92px 0 #214c8b; box-shadow: 0 3.92px 0 #214c8b; } .pChild__content .company { max-width: 528px; margin: auto; } .pChild__content .company .list dl { display: flex; } .pChild__content .company .list dl dt { font-size: 16px; line-height: 1.8; font-weight: 700; color: #4a7fcb; width: 203px; } .pChild__content .company .list dl dd, .pChild__content .policy .list dl, .pChild__content .thanks .txt { font-size: 16px; line-height: 1.8; letter-spacing: 0.05em; color: #636465; } .pChild__content .company .list dl dd { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; font-weight: 700; } .pChild__content .policy { max-width: 900px; margin: auto; } .pChild__content .policy .list dl { font-weight: 400; } .pChild__content .policy .list dl dt { font-weight: 700; } .pChild__content .policy .list dl+dl { margin-top: 28.8px; } .pChild__content .thanks .txt { font-weight: 400; text-align: center; } .pChild__content .thanks .txt span { font-weight: 700; color: #4a7fcb; } .pChild__content .thanks .txt a { color: #4a7fcb; text-decoration: underline; } } .animation { -webkit-animation: 1.3s infinite dokundokun; -moz-animation: 1.3s infinite dokundokun; animation: 1.3s infinite dokundokun; } .error { color: red; display: block; width: 100%; line-height: 2; } .wrapCheck .error { text-align: center; } .wpcf7-not-valid-tip { display: none !important; } @-webkit-keyframes scroll-left { 0% { -webkit-transform: translateX(120%); transform: translateX(120%); } 100% { -webkit-transform: translateX(-120%); transform: translateX(-120%); } } @-moz-keyframes scroll-left { 0% { -moz-transform: translateX(120%); transform: translateX(120%); } 100% { -moz-transform: translateX(-120%); transform: translateX(-120%); } } @keyframes scroll-left { 0% { -webkit-transform: translateX(120%); -moz-transform: translateX(120%); transform: translateX(120%); } 100% { -webkit-transform: translateX(-120%); -moz-transform: translateX(-120%); transform: translateX(-120%); } } .js-text .js-item__inner { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-animation-delay: inherit; -moz-animation-delay: inherit; animation-delay: inherit; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -moz-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; } .js-text.active .js-item__inner { -webkit-animation-name: textShow; -moz-animation-name: textShow; animation-name: textShow; } .effect, .isFull, .isPar { -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; } 
.delay01 { -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; transition-delay: 0.1s; } .delay02 { -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; } .delay03 { -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; } .delay04 { -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; } .delay05 { -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; transition-delay: 0.5s; } .delay06 { -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; transition-delay: 0.6s; } .delay07 { -webkit-transition-delay: 0.7s; -moz-transition-delay: 0.7s; transition-delay: 0.7s; } .delay08, .delay09 { -webkit-transition-delay: 0.9s; -moz-transition-delay: 0.9s; transition-delay: 0.9s; } .delay10 { -webkit-transition-delay: 1s; -moz-transition-delay: 1s; transition-delay: 1s; } .delay11 { -webkit-transition-delay: 1.1s; -moz-transition-delay: 1.1s; transition-delay: 1.1s; } .delay12 { -webkit-transition-delay: 1.2s; -moz-transition-delay: 1.2s; transition-delay: 1.2s; } .delay13 { -webkit-transition-delay: 1.3s; -moz-transition-delay: 1.3s; transition-delay: 1.3s; } .delay14 { -webkit-transition-delay: 1.4s; -moz-transition-delay: 1.4s; transition-delay: 1.4s; } .delay15 { -webkit-transition-delay: 1.5s; -moz-transition-delay: 1.5s; transition-delay: 1.5s; } .fadeIn { opacity: 0; } .fadeIn.active { opacity: 1; } .fadeInDown { -webkit-transform: translate3d(0, -50px, 0); -moz-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); opacity: 0; } .fadeInDown.active, .fadeInUp.active, .slideDown.active, .slideToLeft.active, .slideToRight.active, .slideUp.active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .fadeInUp { -webkit-transform: translate3d(0, 50px, 0); -moz-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); opacity: 0; } .zoomIn { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); opacity: 0; } .zoomIn.active { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .slideUp { -webkit-transform: translate3d(0, 100px, 0); -moz-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); opacity: 0; } .slideDown { -webkit-transform: translate3d(0, -100px, 0); -moz-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); opacity: 0; } .slideToRight { -webkit-transform: translate3d(-100px, 0, 0); -moz-transform: translate3d(-100px, 0, 0); transform: translate3d(-100px, 0, 0); opacity: 0; } .slideToLeft { -webkit-transform: translate3d(100px, 0, 0); -moz-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0); opacity: 0; } @-webkit-keyframes textShow { 0% { -webkit-transform: translateY(130%); transform: translateY(130%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes updown { from { top: -10%; } to { top: 110%; } } @-webkit-keyframes scrolldown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(100%); transform: translateY(100%); } 51% { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; } 52% { opacity: 1; } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes scrolldown { 0% { -moz-transform: translateY(0); transform: translateY(0); } 50% { -moz-transform: translateY(100%); transform: translateY(100%); } 51% { -moz-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; } 52% { opacity: 1; } 100% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); } } @keyframes scrolldown { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); transform: translateY(100%); } 51% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; } 52% { opacity: 1; } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes shine { 50% { background-position-x: 150%; } 51% { background-position-x: -100%; } 100% { background-position-x: 50%; } } @-moz-keyframes shine { 50% { background-position-x: 150%; } 51% { background-position-x: -100%; } 100% { background-position-x: 50%; } } @keyframes shine { 50% { background-position-x: 150%; } 51% { background-position-x: -100%; } 100% { background-position-x: 50%; } } @-webkit-keyframes shine2 { 50% { background-position-x: 150%; background-position-y: -150%; } 51% { background-position-x: -100%; background-position-y: 150%; } 100% { background-position-x: 50%; background-position-y: 50%; } } @-moz-keyframes shine2 { 50% { background-position-x: 150%; background-position-y: -150%; } 51% { background-position-x: -100%; background-position-y: 150%; } 100% { background-position-x: 50%; background-position-y: 50%; } } @keyframes shine2 { 50% { background-position-x: 150%; background-position-y: -150%; } 51% { background-position-x: -100%; background-position-y: 150%; } 100% { background-position-x: 50%; background-position-y: 50%; } } @-webkit-keyframes maskOrange { 0% { clip-path: polygon(0 0, 100% 0, 100% 5%, 0 5%); } 100% { clip-path: polygon(0 95%, 100% 95%, 100% 100%, 0 100%); } } @-moz-keyframes maskOrange { 0% { clip-path: polygon(0 0, 100% 0, 100% 5%, 0 5%); } 100% { clip-path: polygon(0 95%, 100% 95%, 100% 100%, 0 100%); } } @keyframes maskOrange { 0% { clip-path: polygon(0 0, 100% 0, 100% 5%, 0 5%); } 100% { clip-path: polygon(0 95%, 100% 95%, 100% 100%, 0 100%); } } @media screen and (max-width: 768px) { .pChild .container, .pTop .area__main--detail .left ul, .pTop .basic__list, .pTop .contact__main .form dl dd .wrapRadio, .pTop .cta__main--box, .pTop .cta__main--box .wrapTel a, .pTop .mv__main--left ul, .pTop .mv__main--right ul, .pTop .risk__main--inner .list article, .pTop .solve__list, .pTop .work__success--case { -webkit-box-orient: horizontal; -moz-box-orient: horizontal; } .pChild .container, .pTop .area__main--detail .left ul, .pTop .basic__list, .pTop .contact__main .form dl dd .wrapRadio, .pTop .cta__main--box, .pTop .cta__main--box .wrapDoc a, .pTop .cta__main--box .wrapLine a, .pTop .cta__main--box .wrapTel a, .pTop .lawyer__main article, .pTop .mv__main--left ul, .pTop .mv__main--right ul, .pTop .risk__main--inner .list article, .pTop .solve__list, .pTop .work__success--case { -webkit-box-direction: normal; -moz-box-direction: normal; } .header__logo a img, img { width: 100%; height: auto; } .pTop .mv__main--left .best img, .pTop .mv__main--right .best img { width: 93.23671vw; } .container, body .container { overflow: hidden; } .show_pc { display: none !important; } .row { padding-left: 3.62319vw; padding-right: 3.62319vw; } .header { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 2.17391vw 3.62319vw; background: #fff; -moz-box-shadow: 0 0.84541vw 2.24638vw 0.16908vw rgba(0, 0, 0, 0.05); box-shadow: 0 0.84541vw 2.24638vw 0.16908vw rgba(0, 0, 0, 0.05); } .header__logo { display: block; width: 53.623vw; line-height: 0; } .header__logo a { display: block; line-height: 0; width: 100%; } .header__right ul, .pTop .mv__main--left ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; -webkit-box-align: center; } .header__right ul { display: flex; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .header__right ul li+li { margin-left: 1.69082vw; } .header__right ul li.tel a { position: relative; display: block; width: 10.82125vw; height: 10.82125vw; overflow: hidden; text-indent: -9999px; background: url("../img/headerTel_sp.webp") 0 0 / contain no-repeat; -moz-background-size: contain; -moz-border-radius: 2.657vw; border-radius: 2.657vw; } .header__right ul li.tel a span { white-space: nowrap; font-size: 7.24638vw; line-height: 1; font-weight: 500; color: #626564; letter-spacing: 0.04em; font-family: FuturaMedium; } .header__right ul li.tel a time { font-size: 2.89855vw; line-height: 1; color: #626564; letter-spacing: 0.04em; margin-top: 1.57005vw; } .header__right ul li.line { line-height: 0; width: 10.82125vw; } .header__right ul li.line a { display: block; width: 100%; line-height: 0; } .header__right ul li.line a img { width: 100%; height: auto; } .header__right ul li.mail { width: 10.82125vw; } .header__right ul li.mail a { width: 100%; height: 10.82125vw; display: block; text-indent: -9999px; overflow: hidden; -moz-border-radius: 2.657vw; border-radius: 2.657vw; background: url("../img/headerMail_sp.webp") 0 0 / contain no-repeat; -moz-background-size: contain; } .header.fixed { position: fixed; z-index: 99; top: 0; left: 0; width: 100%; } .pTop .mv { position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); background: #f6faff; padding-bottom: 7.36715vw; } .pTop .mv__main--left { width: 100%; position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); z-index: 2; padding: 8.57488vw 3.50242vw 5.91787vw; } .pTop .mv__main--left::after { position: absolute; content: ""; width: 97.343vw; height: 89.37198vw; background: url("../img/mvHeart.webp") 0 0 / contain no-repeat; -moz-background-size: contain; left: 32.48792vw; top: 3.50242vw; z-index: -1; } 
.pTop .mv__main--left>p { text-align: center; font-size: 5vw; line-height: 7.94928vw; font-family: UDShinDB; color: #626564; letter-spacing: 0.16em; white-space: nowrap; margin-bottom: 3.86473vw; margin-left: -3.62319vw; margin-right: -3.62319vw; } .pTop .mv__main--left>p em { font-style: normal; font-size: 6.5314vw; } .pTop .mv__main--left>p span { display: inline-block; position: relative; font-size: 6.5314vw; } .pTop .mv__main--left>p span::before { position: absolute; content: ""; width: 0.92391vw; height: 0.92391vw; -moz-border-radius: 50%; border-radius: 50%; background: #7a9ed0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: -2.01087vw; } .pTop .mv__main--left ul { display: flex; -moz-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: -1.63043vw -1.14734vw; } .pTop .mv__main--right ul, .pTop .service__main--list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; } .pTop .mv__main--left ul li { margin: 1.63043vw 1.14734vw 1vw; background: #fff; font-size: 6.65vw; font-family: UDShinDB; color: #7a9ed0; letter-spacing: 0.1em; white-space: nowrap; padding: 0 2vw; height: 11.14493vw; display: -webkit-inline-box; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -moz-border-radius: 1.69082vw; border-radius: 1.69082vw; border: 2px solid #7a9ed0; } .pTop .mv__main--left ul li:nth-of-type(2n) { color: #7aafd0; border-color: #7aafd0; } .pTop .mv__main--left ul li.other { background: 0 0; border: 0; padding: 0; margin: 0; font-size: 7.10386vw; color: #626564; letter-spacing: 0.04em; } .pTop .mv__main--left h2 { text-align: center; font-size: 6.39855vw; line-height: 9.73309vw; font-family: UDShinDB; color: #7a9ed0; letter-spacing: 0.04em; margin-top: 4.34783vw; } .pTop .mv__main--left h2 span { display: inline-block; position: relative; font-size: 7.99758vw; color: #3e69a4; } .pTop .mv__main--left h2 span::after { position: absolute; content: ""; width: 100%; height: 1.44928vw; background: url("../img/mvWave.webp") 0 0 / auto 100% repeat-x; -moz-background-size: auto 100%; left: 0; bottom: -1.44928vw; } .pTop .mv__main--left .best { margin-top: 7.1256vw; } .pTop .mv__main--right { width: 100%; position: relative; z-index: 3; } .pTop .mv__main--right>figure, .pTop .mv__main--right>picture { width: 100%; text-align: right; position: relative; z-index: 2; } .pTop .mv__main--right>figure img, .pTop .mv__main--right>picture img { width: 96.49758vw; height: 73.30918vw; object-fit: cover; -moz-border-radius: 25.19324vw 0 0 25.19324vw; border-radius: 25.19324vw 0 0 25.19324vw; } .pTop .mv__main--right .best { margin-top: 3.74396vw; text-align: center; } .pTop .mv__main--right ul { margin: 3.62319vw -1.44928vw 0; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 3; } .pTop .risk__main--inner .list, .pTop .service__main--list { -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; } .pTop .mv__main--right ul li { width: 27.14614vw; height: 27.14614vw; -moz-border-radius: 50%; border-radius: 50%; background-color: rgba(255, 255, 255, 0.949); -moz-box-shadow: 0 0 2.24638vw 0.16908vw rgba(0, 0, 0, 0.25); box-shadow: 0 0 2.24638vw 0.16908vw rgba(0, 0, 0, 0.25); border: 0.48309vw solid #7a9ed0; margin-left: -1.69082vw; } .pTop .mv__main--right ul li figure { width: 100%; height: 100%; text-align: center; } .pTop .mv__main--right ul li figure figcaption { font-size: 3.80797vw; line-height: 4.60628vw; font-family: UDShinDB; color: #7a9ed0; letter-spacing: 0.04em; } .pTop .mv__main--right ul li figure.ic01, .pTop .mv__main--right ul li figure.ic02 { padding: 3.50242vw 0 0; } .pTop .mv__main--right ul li figure.ic01 img { width: 5.55556vw; margin-bottom: 2.53623vw; } .pTop .mv__main--right ul li figure.ic02 img { width: 7.24638vw; margin-bottom: 2.53623vw; } .pTop .mv__main--right ul li figure.ic03 { padding: 4.10628vw 0 0; } .pTop .mv__main--right ul li figure.ic03 img { width: 7.97101vw; margin-bottom: 3.1401vw; } .pTop .mv__main--right ul li figure.ic04 { padding: 3.74396vw 0 0; } .pTop .mv__main--right ul li figure.ic04 img { width: 8.09179vw; margin-bottom: 2.89855vw; } .pTop .mv::after { position: absolute; content: ""; width: 100%; height: 19.92754vw; background: #4a80cb; left: 0; bottom: 0; z-index: -1; } .pTop .service { padding: 0 0 9.17874vw; position: relative; background: #4a80cb; } .pTop .service__main h2 { overflow: hidden; text-align: center; color: #fff; font-size: 6.76329vw; line-height: 1; font-family: UDShinDB; letter-spacing: 0.04em; margin-bottom: 6.03865vw; } .pTop .service__main h2::after, .pTop .service__main h2::before { content: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 50%; border: 1px dashed #8ab1e6; } .pTop .service__main h2::before { right: 3.26087vw; margin-left: -50%; } .pTop .service__main h2::after { left: 3.26087vw; margin-right: -50%; } .pTop .service__main--list { margin: -1.08696vw; display: flex; flex-flow: row wrap; } .pTop .service__main--list figure { width: 29.40821vw; height: 28.98551vw; margin: 1.08696vw; background: #fff; -moz-border-radius: 3.62319vw; border-radius: 3.62319vw; text-align: center; } .pTop .service__main--list figure figcaption { font-size: 3.86473vw; line-height: 4.95169vw; letter-spacing: 0.04em; font-family: UDShinDB; color: #626564; } .pTop .service__main--list figure.ic01 img { width: 11.5942vw; margin-top: 4.22705vw; margin-bottom: 3.1401vw; } .pTop .service__main--list figure.ic02 img { width: 17.8744vw; margin-top: 2.657vw; margin-bottom: 3.98551vw; } .pTop .service__main--list figure.ic03 img { width: 12.31884vw; margin-top: 2.89855vw; margin-bottom: 4.34783vw; } .pTop .service__main--list figure.ic04 img { width: 14.37198vw; margin-top: 4.22705vw; margin-bottom: 5.67633vw; } .pTop .service__main--list figure.ic05 img { width: 11.23188vw; margin-top: 3.50242vw; margin-bottom: 2.657vw; } .pTop .service__main--list figure.ic06 img { width: 10.02415vw; margin-top: 2.89855vw; margin-bottom: 4.4686vw; } .pTop .service__main--list figure.ic07 img { width: 14.97585vw; margin-top: 3.01932vw; margin-bottom: 4.58937vw; } .pTop .service__main--list figure.ic08 img { width: 17.8744vw; margin-top: 3.74396vw; margin-bottom: 5.19324vw; } .pTop .service__main--list figure.ic09 img { width: 11.83575vw; margin-top: 3.26087vw; margin-bottom: 2.17391vw; } .pTop .concern { position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); background: #f4f4f4; overflow: hidden; } .pTop .concern::after, .pTop .concern::before { position: absolute; content: ""; width: 198.55072vw; height: 23.18841vw; background: #eaeaea; top: -7.48792vw; z-index: -1; } .pTop .concern::before { left: -126.3285vw; -webkit-transform: rotate(168.79deg); -moz-transform: rotate(168.79deg); -ms-transform: rotate(168.79deg); transform: rotate(168.79deg); } .pTop .concern::after { right: -126.3285vw; -webkit-transform: rotate(11.21deg); -moz-transform: rotate(11.21deg); -ms-transform: rotate(11.21deg); transform: rotate(11.21deg); } .pTop .concern__main { position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); padding: 11.11111vw 0 19.32367vw; } .pTop .concern__main::after, .pTop .concern__main::before { position: absolute; content: ""; width: 198.55072vw; height: 23.18841vw; background: #eaeaea; bottom: -7.48792vw; z-index: -1; } .pTop .concern__main::before { left: -126.3285vw; -webkit-transform: rotate(-168.79deg); -moz-transform: rotate(-168.79deg); -ms-transform: rotate(-168.79deg); transform: rotate(-168.79deg); } .pTop .concern__main::after { right: -126.3285vw; -webkit-transform: rotate(-11.21deg); -moz-transform: rotate(-11.21deg); -ms-transform: rotate(-11.21deg); transform: rotate(-11.21deg); } .pTop .concern__main--inner h2 em, .pTop .concern__main--inner ul li { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); position: relative; } .pTop .concern__main--inner { max-width: 85.50725vw; padding: 0; margin: auto; } .pTop .concern__main--inner h2 { text-align: center; } .pTop .concern__main--inner h2 em { font-style: normal; font-size: 6.03865vw; line-height: 10.62802vw; letter-spacing: -0.07em; color: #636465; font-family: "Zen Maru Gothic", sans-serif; font-weight: 700; padding: 0 0 3.62319vw; transform: translateZ(0); display: inline-block; } .pTop .concern__main--inner ul li em, .pTop .risk__main--inner h2 em { line-height: 1.3; font-family: "Zen Maru Gothic", sans-serif; font-style: normal; } .pTop .concern__main--inner h2 em::after { position: absolute; content: ""; width: 100%; height: 1.96377vw; background: url("../img/concernLine.webp") 0 0 / cover no-repeat; -moz-background-size: cover; left: 0; bottom: 0; } .pTop .concern__main--inner h2 em span { font-size: 7.38164vw; } .pTop .concern__main--inner ul { margin-top: 4.34783vw; } .pTop .concern__main--inner ul li { width: 100%; height: 21.73913vw; -moz-border-radius: 6.03865vw; border-radius: 6.03865vw; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; transform: translateZ(0); padding: 0 0 0 9.17874vw; } .pTop .concern__main--inner ul li+li { margin-top: 3.1401vw; } 
.pTop .concern__main--inner ul li::before { position: absolute; content: ""; width: 7.24638vw; height: 8.9372vw; background: url("../img/concernIllus.webp") 0 0 / contain no-repeat; -moz-background-size: contain; left: 2.17391vw; top: -2.89855vw; } .pTop .concern__main--inner ul li.st1 { background: url("../img/concernImg01_sp.webp") right center/37.92271vw 21.73913vw no-repeat #fff; -moz-background-size: 37.92271vw 21.73913vw; } .pTop .concern__main--inner ul li.st2 { background: url("../img/concernImg02_sp.webp") right center/37.92271vw 21.73913vw no-repeat #fff; -moz-background-size: 37.92271vw 21.73913vw; } .pTop .concern__main--inner ul li.st3 { background: url("../img/concernImg03_sp.webp") right center/37.92271vw 21.73913vw no-repeat #fff; -moz-background-size: 37.92271vw 21.73913vw; } .pTop .concern__main--inner ul li.st4 { background: url("../img/concernImg04_sp.webp") right center/37.92271vw 21.73913vw no-repeat #fff; -moz-background-size: 37.92271vw 21.73913vw; } .pTop .concern__main--inner ul li em { font-size: 4.34783vw; font-weight: 500; } .pTop .concern__main--inner ul li em span { display: inline; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, rgba(255, 255, 255, 0)), color-stop(70%, #f8ff96), to(#f8ff96)); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 70%, #f8ff96 70%, #f8ff96 100%); background: oldlinear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 70%, #f8ff96 70%, #f8ff96 100%) -moz-; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 70%, #f8ff96 70%, #f8ff96 100%); } .pTop .risk { position: relative; z-index: 5; padding-bottom: 23.18841vw; background: #f6f9fe; } .pTop .risk::after { position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; background: url("../img/riskbg_sp.webp") 0 0 / cover no-repeat #9a9a9a; -moz-background-size: cover; clip-path: polygon(0 0, 100% 0, 100% -webkit-calc(100% - 10.62802vw), 50% 100%, 0 -webkit-calc(100% - 10.62802vw)); clip-path: polygon(0 0, 100% 0, 100% -moz-calc(100% - 10.62802vw), 50% 100%, 0 -moz-calc(100% - 10.62802vw)); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10.62802vw), 50% 100%, 0 calc(100% - 10.62802vw)); } .pTop .risk__main--sub { text-align: center; line-height: 0; position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); } .pTop .risk__main--sub::after, .pTop .risk__main--sub::before { position: absolute; content: ""; width: 1.08696vw; height: 4.4686vw; background: url("../img/riskDoc.webp") 0 0 / contain no-repeat; -moz-background-size: contain; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .pTop .risk__main--sub::before { top: -12.56039vw; } .pTop .risk__main--sub::after { bottom: -6.15942vw; } .pTop .risk__main--sub span { color: #fff; background: #626564; width: 73.18841vw; height: 12.80193vw; display: -webkit-inline-box; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-size: 5.31401vw; line-height: 1.5; font-family: "Zen Maru Gothic", sans-serif; font-weight: 700; margin-top: -6.40097vw; position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); } .pTop .basic__list, .pTop .cta__main--box, .pTop .cta__main--box .wrapDoc a, .pTop .cta__main--box .wrapTel a, .pTop .risk__main--inner .list, .pTop .risk__main--inner .list article, .pTop .risk__main--inner h2, .pTop .solve__list, .pTop .solve__title, .pTop .work__success--case, .pTop .work__success--case article .info, .pTop .work__success--case article .wrapImage .image, .pTop .work__success--slide .swiper-slide { display: -webkit-box; display: -moz-box; display: -ms-flexbox; } .pTop .risk__main--sub span::after { position: absolute; content: ""; width: 100%; height: 100%; border: 1px solid #626564; left: 0.96618vw; top: 0.96618vw; z-index: -1; } .pTop .risk__main--inner h2 { display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-top: 8.45411vw; line-height: 0; } .pTop .risk__main--inner h2::after, .pTop .risk__main--inner h2::before { content: ""; width: 14.7343vw; height: 2.17391vw; background: url("../img/riskWave_sp.webp") 0 0 / contain no-repeat; -moz-background-size: contain; } .pTop .risk__main--inner h2::before { -webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); margin-right: 0; -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .pTop .risk__main--inner h2::after { -webkit-transform: rotate(120deg); -moz-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); margin-left: 0; -webkit-transform-origin: 60% -100%; -moz-transform-origin: 60% -100%; -ms-transform-origin: 60% -100%; transform-origin: 60% -100%; } .pTop .price__main--table, .pTop .price__sub em, .pTop .risk__main--inner .list article, .pTop .risk__main--inner h2 em { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); position: relative; } .pTop .risk__main--inner h2 em { font-size: 7.72947vw; color: #fff; font-weight: 700; text-align: center; transform: translateZ(0); } .pTop .risk__main--inner h2 em span { font-size: 8.69565vw; color: #f8ff96; } .pTop .risk__main--inner h2 em::after { position: absolute; content: ""; width: 45.89372vw; height: 45.41063vw; background: url("../img/riskMoney.webp") 0 0 / contain no-repeat; -moz-background-size: contain; top: -18.7971vw; right: -28.98551vw; -webkit-transform: rotate(10.84deg); -moz-transform: rotate(10.84deg); -ms-transform: rotate(10.84deg); transform: rotate(10.84deg); z-index: -1; } .pTop .risk__main--inner .list { counter-reset: ar; margin: 7.00483vw 0 0; display: flex; flex-flow: row wrap; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pTop .risk__main--inner .list article { width: 85.50725vw; background: #fff; -moz-box-shadow: 0.657vw 0.97826vw 1.53382vw 1.14251vw rgba(0, 0, 0, 0.1); box-shadow: 0.657vw 0.97826vw 1.53382vw 1.14251vw rgba(0, 0, 0, 0.1); transform: translateZ(0); counter-increment: ar; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; counter-increment: ar; padding-top: 2.17391vw; padding-bottom: 5.31401vw; } .pTop .risk__main--inner .list article+article { margin-top: 7.72947vw; } .pTop .risk__main--inner .list article::before { content: "リスク"; font-size: 4.34783vw; line-height: 1; font-family: "Zen Maru Gothic", sans-serif; font-weight: 700; color: #2d4e7c; letter-spacing: -0.1em; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .pTop .risk__main--inner .list article::after { content: counter(ar, decimal-leading-zero); font-size: 5.7971vw; line-height: 1; font-family: "Zen Maru Gothic", sans-serif; font-weight: 700; color: #2d4e7c; letter-spacing: 0.1em; -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .pTop .risk__main--inner .list article .arMain { -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 100%; height: 100%; } .pTop .risk__main--inner .list article .arMain h3 { margin-left: -1.93237vw; margin-right: -1.93237vw; color: #fff; background: url("../img/riskIllus.webp") 75.60386vw 0/7.01932vw 5.73188vw no-repeat #2d4e7c; -moz-background-size: 7.01932vw 5.73188vw; font-size: 4.83092vw; line-height: 6.28019vw; font-weight: 500; font-family: "Zen Maru Gothic", sans-serif; padding: 1.69082vw 0; margin-top: -0.72464vw; text-align: center; position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); } .pTop .risk__main--inner .list article .arMain h3::after, .pTop .risk__main--inner .list article .arMain h3::before { position: absolute; content: ""; width: 1.93237vw; height: 1.20773vw; background: #172a45; clip-path: polygon(0 0, 100% 0, 100% 100%); bottom: -1.20773vw; } .pTop .risk__main--inner .list article .arMain h3::before { left: 0; } .pTop .risk__main--inner .list article .arMain h3::after { right: 0; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .pTop .risk__main--inner .list article .arMain figure { text-align: center; margin-top: 3.86473vw; } .pTop .risk__main--inner .list article .arMain figure img { width: 60.38647vw; } .pTop .risk__main--inner .list article .arMain .txt { padding: 0 7.72947vw; margin-top: 2.657vw; } .pTop .risk__main--inner .list article .arMain .txt p { font-size: 3.38164vw; line-height: 1.5; font-weight: 500; color: #636465; } .pTop .risk__main--inner .list article .arMain .txt p span { color: #cb4a4c; font-weight: 700; } .pTop .risk__main--inner .list article .arMain .txt p small { font-size: 2.89855vw; font-weight: 400; } .pTop .risk__main--inner .list article .arMain .txt p+p { margin-top: 2.657vw; } .pTop .solve { background: #f6f9fe; padding: 27.53623vw 0 12.07729vw; } .pTop .solve__title { display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } 
.pTop .solve__title::after, .pTop .solve__title::before { content: ""; width: 9.54106vw; height: 21.13527vw; background: url("../img/solveIllus01.webp") 0 0 / contain no-repeat; -moz-background-size: contain; display: inline-block; } .pTop .solve__title::before { margin-right: 0.72464vw; } .pTop .solve__title::after { -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); margin-left: 0.72464vw; } .pTop .solve__title em { font-style: normal; font-size: 6.76329vw; line-height: 8.79227vw; font-weight: 700; font-family: "Zen Maru Gothic", sans-serif; color: #4a7fcb; position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); text-align: center; } .pTop .solve__list article h3, .pTop .solve__queen em { color: #fb9a3c; font-family: "Zen Maru Gothic", sans-serif; } .pTop .solve__queen::before, .pTop .solve__title em::before { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); position: absolute; } .pTop .solve__title em::before { content: attr(data-text); width: 45.41063vw; height: 17.47101vw; text-align: center; color: #fff; font-size: 4.97101vw; line-height: 1.5; font-weight: 700; font-family: "Zen Maru Gothic", sans-serif; background: url("../img/solveIllus02.webp") 0 0/100% 100% no-repeat; -moz-background-size: 100% 100%; padding-top: 3.57005vw; left: 45%; transform: translateX(-50%); top: -20.23671vw; } .pTop .solve__title em::after { position: absolute; content: ""; width: 21.49758vw; height: 24.15459vw; background: url("../img/solveIllus03.webp") 0 0 / contain no-repeat; -moz-background-size: contain; right: -9.66184vw; top: -16.90821vw; z-index: -1; } .pTop .solve__title em span { font-size: 7.72947vw; font-weight: 900; display: block; } .pTop .solve__queen { text-align: center; line-height: 0; margin-top: 9.66184vw; position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); } .pTop .solve__queen::before { content: ""; width: 8.58454vw; height: 7.1715vw; background: url("../img/solveIllus04.webp") 0 0 / contain no-repeat; -moz-background-size: contain; left: 50%; transform: translateX(-50%); top: -8.72464vw; } .pTop .solve__queen::after { position: absolute; content: ""; width: 2.657vw; height: 4.76812vw; background: url("../img/solveIllus05.webp") 0 0 / contain no-repeat; -moz-background-size: contain; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -5.83816vw; } .pTop .solve__queen em { -moz-border-radius: 7.60386vw; border-radius: 7.60386vw; background: #fff; font-size: 4.5628vw; line-height: 8.21256vw; font-weight: 700; padding: 1.57005vw 4.58937vw; border: 0.48309vw solid #fb9a3c; font-style: normal; } .pTop .solve__queen em span { font-size: 5.16908vw; } .pTop .solve__list { max-width: 85.50725vw; padding: 0; margin: 8.21256vw auto 0; counter-reset: ar; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pTop .solve__list article { counter-increment: ar; background: #fff; -moz-border-radius: 4.34783vw; border-radius: 4.34783vw; -moz-box-shadow: 0.66425vw 0.66425vw 2.49034vw 0.33092vw rgba(0, 0, 0, 0.05); box-shadow: 0.66425vw 0.66425vw 2.49034vw 0.33092vw rgba(0, 0, 0, 0.05); padding: 4.83092vw; position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); width: 100%; } .pTop .solve__list article+article { margin-top: 6.03865vw; } .pTop .solve__list article::before { position: absolute; content: counter(ar); width: 14.25121vw; height: 14.49275vw; background: url("../img/solveIllus06.webp") 0 0 / contain no-repeat; -moz-background-size: contain; padding-top: 3.38164vw; text-align: center; font-size: 6.30918vw; line-height: 1.5; font-weight: 700; font-family: "Zen Maru Gothic", sans-serif; color: #fff; top: -1.20773vw; left: 6.76329vw; } .pTop .basic__title h2::after, .pTop .price h2::after { width: 16.90821vw; height: 2px; bottom: 0; position: absolute; content: ""; } .pTop .solve__list article figure img, .pTop .solve__list article picture img { width: 100%; height: 38.64734vw; object-fit: cover; -moz-border-radius: 2.89855vw; border-radius: 2.89855vw; } .pTop .solve__list article h3 { text-align: center; margin-top: 2.41546vw; font-size: 5.7971vw; line-height: 1.5; font-weight: 700; position: relative; padding: 0 0 1.69082vw; } .pTop .solve__list article h3::after { position: absolute; content: ""; width: 10.14493vw; height: 1px; background: #fb9a3c; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; } .ctaFixed .wrapLine, .ctaFixed .wrapTel, .ctaFixed .wrapTel a, .pTop .basic__sub, .pTop .basic__title h2 { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); } .pTop .solve__list article .txt { margin-top: 2.41546vw; font-size: 3.62319vw; line-height: 1.5; font-weight: 500; color: #636465; } .pTop .solve__list article .txt span { display: inline; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #f8ff96), to(#f8ff96)); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 50%, #f8ff96 50%, #f8ff96 100%); background: oldlinear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 50%, #f8ff96 50%, #f8ff96 100%) -moz-; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 50%, #f8ff96 50%, #f8ff96 100%); font-weight: 700; } .pTop .basic { background: url("../img/basicGrid.webp"); padding: 0 0 12.07729vw; } .pTop .basic__title { padding: 1.44928vw 0 4.58937vw; background: url("../img/basicBg_sp.webp") bottom center/cover no-repeat; -moz-background-size: cover; color: #fff; text-align: center; font-family: "Zen Maru Gothic", sans-serif; margin-bottom: 5.55556vw; } .pTop .basic__title h2 { font-size: 8.69565vw; line-height: 1.5; font-weight: 700; position: relative; transform: translateZ(0); } .pTop .basic__title h2::after { background: url("../img/basicDot.webp") center/cover no-repeat; -moz-background-size: cover; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .pTop .basic__title p { font-size: 4.34783vw; line-height: 1.5; font-weight: 700; margin-top: 1.20773vw; } .pTop .basic__list { display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; padding: 0 5.07246vw; margin: -2.17391vw auto; } .pTop .basic__list figure, .pTop .basic__list picture { width: 40.57971vw; height: 29.22705vw; -moz-border-radius: 2.55556vw; border-radius: 2.55556vw; overflow: hidden; margin: 2.17391vw; } .pTop .basic__list figure figcaption, .pTop .basic__list picture figcaption { background: #7a9ed0; font-size: 3.86473vw; line-height: 1.5; font-weight: 500; color: #fff; padding: 0.60386vw; text-align: center; } .pTop .basic__list figure figcaption.spec, .pTop .basic__list picture figcaption.spec { letter-spacing: -0.05em; } .pTop .basic__list figure img, .pTop .basic__list picture img { width: 100%; height: 22.22222vw; object-fit: cover; } .pTop .basic__plus { text-align: center; line-height: 0; margin: 3.62319vw 0 4.83092vw; } .pTop .basic__sub, .pTop .price h2 { text-align: center; line-height: 1.5; position: relative; font-weight: 700; } .pTop .basic__plus img { width: 10.62802vw; } .pTop .basic__sub { color: #fff; font-size: 4.34783vw; font-family: "Zen Maru Gothic", sans-serif; padding: 2.17391vw 0; transform: translateZ(0); background: #4a80cb; border-bottom: 1.20773vw solid #7a9ed0; margin-bottom: 5.31401vw; } .pTop .price { padding: 5.31401vw 0 8.21256vw; background: #f6f9fe; } .pTop .price h2 { font-size: 8.69565vw; color: #7a9ed0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); padding: 0 0 1.69082vw; } .pTop .price__main--table table thead tr th span, .pTop .price__sub em { color: #fff; font-family: "Zen Maru Gothic", sans-serif; text-align: center; } .pTop .price h2::after { background: url("../img/priceDot.webp") center/contain no-repeat; -moz-background-size: contain; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .pTop .price__sub { text-align: center; line-height: 0; margin-top: 5.07246vw; } .pTop .price__sub em { font-style: normal; font-size: 3.86473vw; line-height: 1.5; font-weight: 700; background: #7aafd0; -moz-border-radius: 10.86957vw; border-radius: 10.86957vw; padding: 2.89855vw 21.98068vw 2.17391vw 5.7971vw; transform: translateZ(0); display: inline-block; } .pTop .cta__main--box h4, .pTop .cta__main--top h3, .pTop .cta__main--top p { font-family: "Zen Maru Gothic", sans-serif; color: #4a80cb; } .pTop .price__sub em::after { position: absolute; content: ""; width: 27.05314vw; height: 20.28986vw; background: url("../img/priceMan.webp") 0 0 / contain no-repeat; -moz-background-size: contain; right: -1.44928vw; bottom: -0.48309vw; } .pTop .price__sub em::before { position: absolute; content: ""; width: 2.85749vw; height: 5.28986vw; background: url("../img/priceLine.webp") 0 0 / contain no-repeat; -moz-background-size: contain; bottom: -2.83575vw; right: 19.78502vw; } .pTop .price__main { max-width: 85.50725vw; padding: 0; margin: 8.45411vw auto 0; } .pTop .price__main--table { width: 100%; -moz-box-shadow: 0.4058vw 0.4058vw 0.81159vw rgba(0, 0, 0, 0.1); box-shadow: 0.4058vw 0.4058vw 0.81159vw rgba(0, 0, 0, 0.1); -moz-border-radius: 0 2.53623vw 0 0; border-radius: 0 2.53623vw 0 0; transform: translateZ(0); } 
.pTop .price__main--table::before { position: absolute; content: ""; width: 27.77778vw; height: -webkit-calc(100% + 5.55556vw); height: -moz-calc(100% + 5.55556vw); height: calc(100% + 5.55556vw); border: 1.5px solid #fd9a3d; left: 14.97585vw; top: -3.1401vw; -moz-border-radius: 2.53623vw; border-radius: 2.53623vw; -webkit-filter: drop-shadow(0.4058vw 0.4058vw 0.4058vw rgba(0, 0, 0, 0.25)); filter: drop-shadow(0.4058vw 0.4058vw 0.4058vw rgba(0, 0, 0, 0.25)); pointer-events: none; } .pTop .price__main--table table { border-collapse: collapse; width: 100%; } .pTop .price__main--table table thead tr th:not(:last-of-type) { border-right: 1px solid #c5c5c5; } .pTop .price__main--table table thead tr th:first-of-type { border: none; width: 14.97585vw; } .pTop .price__main--table table thead tr th:nth-of-type(2) { width: 27.77778vw; } .pTop .price__main--table table thead tr th:last-of-type span { -moz-border-radius: 0 2.53623vw 0 0; border-radius: 0 2.53623vw 0 0; } .pTop .price__main--table table thead tr th span { width: 100%; background: #939393; height: 100%; display: block; vertical-align: middle; font-size: 2.89855vw; line-height: 1.5; font-weight: 500; padding: 0.72464vw 0 0; } .pTop .price__main--table table thead tr th span.special { position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); } .pTop .price__main--table table thead tr th span.special::after { position: absolute; content: "当社"; width: 100%; height: 7.97101vw; bottom: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-size: 3.86473vw; font-family: "Zen Maru Gothic", sans-serif; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; background: #fd9a3d; -moz-border-radius: 2.53623vw 2.53623vw 0 0; border-radius: 2.53623vw 2.53623vw 0 0; } .pTop .cta__main--top, .pTop .price__main--table table tbody tr td em { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); position: relative; } .pTop .price__main--table table tbody tr { border-bottom: 0.48309vw solid #c5c5c5; background: #fff; } .pTop .area__main--intro h3 em span, .pTop .work__success--case article .info .txt span { display: inline; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, rgba(255, 255, 255, 0)), color-stop(70%, #f8ff96), to(#f8ff96)); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 70%, #f8ff96 70%, #f8ff96 100%); background: oldlinear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 70%, #f8ff96 70%, #f8ff96 100%) -moz-; } .pTop .price__main--table table tbody tr:nth-of-type(2n) { background: #f9f9f9; } .pTop .price__main--table table tbody tr td { font-size: 3.38164vw; line-height: 1.5; font-weight: 500; text-align: center; padding: 1.69082vw 0; color: #626564; } .pTop .price__main--table table tbody tr td:first-of-type { font-size: 3.1401vw; } .pTop .price__main--table table tbody tr td span { font-family: Roboto, sans-serif; font-weight: 700; } .pTop .price__main--table table tbody tr td small { font-size: 2.41546vw; line-height: 1.5; } .pTop .price__main--table table tbody tr td em { font-style: normal; width: 100%; height: 100%; display: block; transform: translateZ(0); margin: -1.69082vw 0; padding: 1.69082vw 0; } .pTop .price__main--table table tbody tr td em::after { position: absolute; content: ""; width: -webkit-calc(100% - 2px); width: -moz-calc(100% - 2px); width: calc(100% - 2px); height: -webkit-calc(100% + 2.41546vw); height: -moz-calc(100% + 2.41546vw); height: calc(100% + 2.41546vw); background: #fff; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -2.41546vw; z-index: -1; -moz-border-radius: 0 0 2.53623vw 2.53623vw; border-radius: 0 0 2.53623vw 2.53623vw; } .pTop .price__main--table table tbody tr td:not(:last-of-type) { border-right: 1px solid #c5c5c5; } .pTop .price__main--table table tbody tr td:nth-of-type(2) span { color: #fd9a3d; font-size: 4.83092vw; line-height: 1.5; } .pTop .price__main--table table tbody tr td:nth-of-type(2) small { font-size: 2.89855vw; } .pTop .price__main--note { margin-top: 5.07246vw; font-size: 2.41546vw; line-height: 1.5; font-weight: 500; color: #626564; } .pTop .cta { background: #4a80cb; padding: 4.10628vw 0 4.83092vw; } .pTop .cta__main { max-width: 85.50725vw; margin: auto; padding: 0; } .pTop .cta__main--top { width: 61.64493vw; margin-left: auto; height: 20.28986vw; text-align: center; padding: 1.09662vw 0 0 1.74155vw; transform: translateZ(0); } .pTop .cta__main--top::after { position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; background: url("../img/ctaUnion_sp.webp") 0 0/100% 100% no-repeat; -moz-background-size: 100% 100%; -webkit-filter: drop-shadow(0.48792vw 0.48792vw 1.21981vw rgba(0, 0, 0, 0.05)); filter: drop-shadow(0.48792vw 0.48792vw 1.21981vw rgba(0, 0, 0, 0.05)); z-index: -1; } .pTop .cta__main--top h3 { font-size: 4.34783vw; line-height: 1.5; font-weight: 700; } .pTop .cta__main--top h3 span { font-size: 6.03865vw; color: #fd9a3d; display: inline-block; position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); } .pTop .cta__main--top h3 span::after { position: absolute; content: ""; width: 2.2657vw; height: 2.35266vw; background: url("../img/ctaIllus01.webp") 0 0 / contain no-repeat; -moz-background-size: contain; right: -2.01208vw; top: 0.48309vw; } .pTop .cta__main--top p { font-size: 2.89855vw; line-height: 1.3; font-weight: 500; } .pTop .cta__main--box h4, .pTop .cta__main--box h4 em span, .pTop .cta__main--box h4 span { font-size: 4.83092vw; line-height: 5.7971vw; } .pTop .cta__main--top::before { position: absolute; content: ""; width: 32.6087vw; height: 39.37198vw; background: url("../img/ctaWoman.webp") 0 0 / contain no-repeat; -moz-background-size: contain; left: -24.15459vw; top: -6.76329vw; pointer-events: none; z-index: -1; } .pTop .cta__main--box { background: #fff; position: relative; z-index: 2; margin-top: 1.69082vw; padding: 3.38164vw 2.657vw 4.10628vw; border: 2px solid #7a9ed0; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .pTop .work__success, .pTop .work__success--case article+article { margin-top: 7.24638vw; } .pTop .cta__main--box::before { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; content: ""; width: 2.53623vw; height: 4.34783vw; background: url("../img/ctaSplash.webp") 0 0 / contain no-repeat; -moz-background-size: contain; margin-right: 1.3285vw; } .pTop .cta__main--box::after { -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; content: ""; width: 2.53623vw; height: 4.34783vw; background: url("../img/ctaSplash.webp") 0 0 / contain no-repeat; -moz-background-size: contain; margin-left: 1.3285vw; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .pTop .cta__main--box h4 { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; text-align: center; font-weight: 500; } .pTop .cta__main--box h4 br { display: none; } .pTop .cta__main--box h4 em { font-style: normal; font-size: 5.7971vw; line-height: 5.7971vw; font-weight: 900; display: inline-block; position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); } .pTop .cta__main--box h4 em::after { position: absolute; content: ""; width: 7.85024vw; height: 1.69082vw; background: url("../img/ctaLine.webp") 0 0 / contain no-repeat; -moz-background-size: contain; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: -1; } .pTop .cta__main--box .wrapTel, .pTop .cta__main--box .wrapTel a { position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); line-height: 0; } .pTop .cta__main--box h4 em span { font-weight: 500; } .pTop .cta__main--box .wrapTel { -webkit-box-ordinal-group: 5; -moz-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; transform: translateZ(0); width: 100%; height: 18.84058vw; -moz-border-radius: 4.58937vw; border-radius: 4.58937vw; overflow: hidden; order: 4; margin-top: 0.96618vw; } .pTop .cta__main--box .wrapTel::after, .pTop .cta__main--box .wrapTel::before { position: absolute; content: ""; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #4980cb), color-stop(50%, #497abf)); background: -webkit-linear-gradient(top, #4980cb 50%, #497abf 50%); background: oldlinear-gradient(top, #4980cb 50%, #497abf 50%) -moz-; background: linear-gradient(180deg, #4980cb 50%, #497abf 50%); pointer-events: none; -moz-border-radius: 4.58937vw; border-radius: 4.58937vw; z-index: -1; } .pTop .cta__main--box .wrapTel::before { width: 100%; height: 100%; } 
.pTop .cta__main--box .wrapTel::after { width: -webkit-calc(100% - 0.96618vw); width: -moz-calc(100% - 0.96618vw); width: calc(100% - 0.96618vw); height: -webkit-calc(100% - 0.96618vw); height: -moz-calc(100% - 0.96618vw); height: calc(100% - 0.96618vw); -moz-border-radius: 4.34783vw; border-radius: 4.34783vw; border: 0.48309vw solid #fff; } .pTop .cta__main--box .wrapTel a { display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 3.19807vw 9.81643vw 4.16425vw 13.21739vw; transform: translateZ(0); width: 100%; text-align: center; } .pTop .cta__main--box .wrapDoc a, .pTop .cta__main--box .wrapLine a, .pTop .lawyer__main article, .pTop .work__success--case article .info { -webkit-box-orient: vertical; -moz-box-orient: vertical; } .pTop .cta__main--box .wrapTel a::before { position: absolute; content: ""; width: 7.4879vw; height: 7.6666vw; background: url("../img/ctaTel_sp.webp") 0 0 / contain no-repeat; -moz-background-size: contain; left: 4.34782vw; top: 5.314vw; } .pTop .cta__main--box .wrapTel a::after { position: absolute; content: ""; width: 4.11111vw; height: 4.11111vw; background: url("../img/ctaTriangle03.webp") center/1.69082vw 1.93237vw no-repeat #fff; -moz-background-size: 1.69082vw 1.93237vw; -moz-border-radius: 50%; border-radius: 50%; right: 4.34783vw; top: 7.00483vw; } .pTop .cta__main--box .wrapDoc, .pTop .cta__main--box .wrapLine { margin-top: 2.41546vw; height: 18.35749vw; -moz-border-radius: 4.58937vw; position: relative; overflow: hidden; } .pTop .cta__main--box .wrapTel a em { font-style: normal; font-size: 3.38164vw; line-height: 1; font-weight: 500; color: #fff; white-space: nowrap; display: inline-block; } .pTop .cta__main--box .wrapTel a em+em { margin-left: 1.20773vw; } .pTop .cta__main--box .wrapTel a span { width: 100%; display: block; position: relative; font-size: 5.7971vw; line-height: 0.8; font-weight: 700; color: #fff; text-align: center; margin-top: 2.41546vw; } .pTop .cta__main--box .wrapDoc { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); width: 100%; border-radius: 4.58937vw; -webkit-box-ordinal-group: 6; -moz-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .pTop .cta__main--box .wrapDoc::after, .pTop .cta__main--box .wrapDoc::before { position: absolute; content: ""; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fd9a3d), color-stop(50%, #ff8d22)); background: -webkit-linear-gradient(top, #fd9a3d 50%, #ff8d22 50%); background: oldlinear-gradient(top, #fd9a3d 50%, #ff8d22 50%) -moz-; background: linear-gradient(180deg, #fd9a3d 50%, #ff8d22 50%); pointer-events: none; -moz-border-radius: 4.83092vw; border-radius: 4.83092vw; z-index: -1; } .pTop .cta__main--box .wrapDoc::before { width: 100%; height: 100%; } .pTop .cta__main--box .wrapDoc::after { width: -webkit-calc(100% - 0.96618vw); width: -moz-calc(100% - 0.96618vw); width: calc(100% - 0.96618vw); height: -webkit-calc(100% - 0.96618vw); height: -moz-calc(100% - 0.96618vw); height: calc(100% - 0.96618vw); -moz-border-radius: 4.34783vw; border-radius: 4.34783vw; border: 0.48309vw solid #fff; } .pTop .cta__main--box .wrapDoc a { display: flex; width: 100%; height: 100%; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; color: #fff; padding: 0 10.31884vw 0 14.73429vw; position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); } .pTop .cta__main--box .wrapDoc a::after, .pTop .cta__main--box .wrapDoc a::before { position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .pTop .cta__main--box .wrapDoc a::before { width: 7.11835vw; height: 8.3888vw; background: url("../img/ctaDoc.webp") 0 0 / contain no-repeat; -moz-background-size: contain; left: 4.5893vw; } .pTop .cta__main--box .wrapDoc a::after { width: 4.11111vw; height: 4.11111vw; -moz-border-radius: 50%; border-radius: 50%; background: url("../img/ctaTriangle01.webp") center/1.69082vw 1.93237vw no-repeat #fff; -moz-background-size: 1.69082vw 1.93237vw; right: 4.34783vw; } .pTop .cta__main--box .wrapDoc a small { font-size: 3.38164vw; line-height: 1; font-weight: 500; } .pTop .cta__main--box .wrapDoc a span { font-size: 5.314vw; line-height: 1.5; font-weight: 700; } .pTop .cta__main--box .wrapLine { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); width: 100%; border-radius: 4.58937vw; -webkit-box-ordinal-group: 7; -moz-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .pTop .cta__main--box .wrapLine::after, .pTop .cta__main--box .wrapLine::before { position: absolute; content: ""; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #06c755), color-stop(50%, #00be4f)); background: -webkit-linear-gradient(top, #06c755 50%, #00be4f 50%); background: oldlinear-gradient(top, #06c755 50%, #00be4f 50%) -moz-; background: linear-gradient(180deg, #06c755 50%, #00be4f 50%); pointer-events: none; -moz-border-radius: 4.58937vw; border-radius: 4.58937vw; z-index: -1; } .pTop .cta__main--box .wrapLine::before { width: 100%; height: 100%; } .pTop .cta__main--box .wrapLine::after { width: -webkit-calc(100% - 0.96618vw); width: -moz-calc(100% - 0.96618vw); width: calc(100% - 0.96618vw); height: -webkit-calc(100% - 0.96618vw); height: -moz-calc(100% - 0.96618vw); height: calc(100% - 0.96618vw); -moz-border-radius: 4.34783vw; border-radius: 4.34783vw; border: 0.48309vw solid #fff; } .pTop .cta__main--box .wrapLine a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; color: #fff; padding: 0 12.2512vw 0 16.666vw; position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); } .pTop .cta__main--box .wrapLine a::after, .pTop .cta__main--box .wrapLine a::before { position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .pTop .cta__main--box .wrapLine a::before { width: 8.6956vw; height: 8.51932vw; background: url("../img/ctaMess.webp") 0 0 / contain no-repeat; -moz-background-size: contain; left: 3.8647vw; } .pTop .cta__main--box .wrapLine a::after { width: 4.11111vw; height: 4.11111vw; -moz-border-radius: 50%; border-radius: 50%; background: url("../img/ctaTriangle02.webp") center/1.69082vw 1.93237vw no-repeat #fff; -moz-background-size: 1.69082vw 1.93237vw; right: 4.34783vw; } .pTop .cta__main--box .wrapLine a small { font-size: 3.38164vw; line-height: 1; font-weight: 500; } .pTop .cta__main--box .wrapLine a span { font-size: 5.314vw; line-height: 1.5; font-weight: 700; } .pTop .work { background: #f6f9fe; padding: 10.62802vw 0 12.07729vw; } .pTop .work h2 { text-align: center; font-size: 8.69565vw; line-height: 13.04348vw; font-weight: 700; font-family: "Zen Maru Gothic", sans-serif; color: #7a9ed0; position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); padding-bottom: 1.69082vw; } .pTop .work h2::after { position: absolute; content: ""; width: 16.90821vw; height: 0.48309vw; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; background: url("../img/workLine.webp") 0 0 / cover no-repeat; -moz-background-size: cover; } .pTop .area__main--intro h3, .pTop .work__success--title { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .pTop .work__success--title::after, .pTop .work__success--title::before { content: ""; width: 6.03865vw; height: 12.74638vw; background: url("../img/icLeaf.webp") 0 0 / contain no-repeat; -moz-background-size: contain; } .pTop .work__success--title::before { margin-right: 2.41546vw; } .pTop .work__success--title::after { -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); margin-right: 2.41546vw; } .pTop .work__success--title h3 { font-size: 5.31401vw; line-height: 1.35; font-weight: 500; font-family: "Zen Maru Gothic", sans-serif; color: #7aafd0; text-align: center; } .pChild__content h2, .pTop .contact h2, .pTop .flow h2, .pTop .voice h2 { font-size: 8.69565vw; text-align: center; } .pTop .work__success--title h3 span { font-size: 6.28019vw; line-height: 1.35; font-weight: 700; font-family: Roboto, sans-serif; } .pTop .work__success--slide { margin-top: 6.0942vw; margin-bottom: 7.48792vw; } .pTop .work__success--slide .swiper-wrapper { -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; transition-timing-function: linear; } .pTop .work__success--slide .swiper-slide { display: flex; width: auto; } .pTop .work__success--slide .swiper-slide figure, .pTop .work__success--slide .swiper-slide picture { margin: 0 0.48309vw; width: 44.44444vw; } 
.pTop .work__success--slide .swiper-slide figure img, .pTop .work__success--slide .swiper-slide picture img { width: 100%; height: 32.6087vw; -moz-border-radius: 3.62319vw; border-radius: 3.62319vw; object-fit: cover; } .pTop .work__success--case { display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; padding: 0 7.24638vw; } .pTop .work__success--case article { width: 100%; -moz-box-shadow: 0.58937vw 0.58937vw 2.20773vw 0.29469vw rgba(0, 0, 0, 0.05); box-shadow: 0.58937vw 0.58937vw 2.20773vw 0.29469vw rgba(0, 0, 0, 0.05); -moz-border-radius: 3.24396vw; border-radius: 3.24396vw; background: #fff; padding: 0 0 2.657vw; } .pTop .work__success--case article h4 { -moz-border-radius: 3.24396vw 3.24396vw 0 0; border-radius: 3.24396vw 3.24396vw 0 0; background: #7aafd0; -moz-box-shadow: 0.58937vw 0.58937vw 2.20773vw 0.29469vw; box-shadow: 0.58937vw 0.58937vw 2.20773vw 0.29469vw; color: #fff; text-align: center; font-size: 5.31401vw; line-height: 1.2; font-family: "Zen Maru Gothic", sans-serif; font-weight: 700; padding: 2.41546vw 0 2.657vw; } .pTop .work__success--case article .wrapImage { margin-top: 3.38164vw; padding: 0 3.86473vw; position: relative; } .pTop .work__success--case article .wrapImage .image { display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); } .pTop .work__success--case article .wrapImage .image::after { position: absolute; content: ""; width: 3.02899vw; height: 2.81159vw; background: url("../img/workDoubleArrow.webp") center/contain no-repeat; -moz-background-size: contain; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .pTop .work__success--case article .wrapImage .image figure, .pTop .work__success--case article .wrapImage .image picture { width: 36.71498vw; position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); } .pTop .work__success--case article .wrapImage .image figure::before, .pTop .work__success--case article .wrapImage .image picture::before { position: absolute; width: 11.83575vw; height: 4.58937vw; color: #fff; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-size: 3.38164vw; line-height: 4.58937vw; font-weight: 700; font-family: Roboto, sans-serif; left: 0; top: 0; } .pTop .area h2, .pTop .area__main--intro h3 em, .pTop .area__main--intro p, .pTop .contact h2, .pTop .faq__title, .pTop .flow h2, .pTop .flow__main--list ul li h3, .pTop .lawyer h2 span, .pTop .voice h2, .pTop .voice__slide article .arInner .arNum { font-family: "Zen Maru Gothic", sans-serif; } .pTop .work__success--case article .wrapImage .image figure img, .pTop .work__success--case article .wrapImage .image picture img { width: 100%; height: 41.78744vw; object-fit: cover; } .pTop .work__success--case article .wrapImage .image figure:first-of-type::before, .pTop .work__success--case article .wrapImage .image picture:first-of-type::before { content: "Before"; background: #7aafd0; } .pTop .work__success--case article .wrapImage .image figure:nth-of-type(2)::before, .pTop .work__success--case article .wrapImage .image picture:nth-of-type(2)::before { content: "After"; background: #ed7474; } .pTop .work__success--case article .wrapImage .gallery-next, .pTop .work__success--case article .wrapImage .gallery-prev { position: absolute; width: 8.21256vw; height: 8.21256vw; -moz-border-radius: 50%; border-radius: 50%; -moz-box-shadow: 0.60911px 2.43645px 2.43645px 0.60911px rgba(0, 0, 0, 0.1); box-shadow: 0.60911px 2.43645px 2.43645px 0.60911px rgba(0, 0, 0, 0.1); top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; z-index: 2; } .pTop .work__success--case article .wrapImage .gallery-prev { background: url("../img/ctrlPrev.webp") 0 0 / contain no-repeat; -moz-background-size: contain; left: 0; } .pTop .work__success--case article .wrapImage .gallery-next { background: url("../img/ctrlNext.webp") 0 0 / contain no-repeat; -moz-background-size: contain; right: 0; } .pTop .work__success--case article .info { margin-top: 3.38164vw; padding: 0 3.62319vw 0 4.10628vw; display: flex; -webkit-box-direction: reverse; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .pTop .work__success--case article .info .txt { background: #f6faff; -moz-border-radius: 2.41546vw; border-radius: 2.41546vw; padding: 2.89855vw; font-size: 3.38164vw; line-height: 1.3; font-weight: 400; color: #626564; position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); width: 100%; } .pTop .work__success--case article .info .txt span { font-weight: 700; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 70%, #f8ff96 70%, #f8ff96 100%); } .pTop .work__success--case article .info figure, .pTop .work__success--case article .info picture { width: 100%; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-flow: row-reverse; flex-flow: row-reverse; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-top: -5.55556vw; position: relative; z-index: 4; } .pTop .work__success--case article .info figure img, .pTop .work__success--case article .info picture img { width: 17.8744vw; height: 17.8744vw; object-fit: cover; -moz-border-radius: 50%; border-radius: 50%; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .pTop .work__success--case article .info figure figcaption, .pTop .work__success--case article .info picture figcaption { text-align: center; font-size: 2.41546vw; line-height: 1.5; font-family: Roboto, sans-serif; font-weight: 500; margin-top: 0.48309vw; width: 17.3913vw; height: 3.86473vw; background: #f6faff; -moz-border-radius: 1.93237vw; border-radius: 1.93237vw; margin-right: -2.41546vw; position: relative; z-index: 3; } .pTop .voice { background: #7a9ed0; padding: 10.38647vw 0 9.17874vw; } .pTop .voice h2 { line-height: 1.5; color: #fff; font-weight: 700; padding: 0 0 1.69082vw; position: relative; } .pTop .voice h2::after { position: absolute; content: ""; width: 16.90821vw; height: 2px; background: url("../img/voiceLine.webp") 0 0 / cover no-repeat; -moz-background-size: cover; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .pTop .voice h2 span { display: inline-block; position: relative; } .pTop .voice h2 span::before { position: absolute; content: ""; width: 13.52657vw; height: 10.31159vw; background: url("../img/voiceMess.webp") 0 0 / contain no-repeat; -moz-background-size: contain; left: -14.7343vw; top: 0; } .pTop .voice__slide { padding: 3.62319vw 0 0; max-width: 89.61353vw; margin: 6.03865vw auto 0; overflow: inherit; } .pTop .voice__slide article { padding: 0 2.05314vw; width: 89.61353vw; height: auto; } .pTop .voice__slide article .arInner { background: #fff; border: 0.72464vw solid #7a9ed0; -moz-box-shadow: 1.20773vw 1.20773vw 2.41546vw rgba(0, 0, 0, 0.1); box-shadow: 1.20773vw 1.20773vw 2.41546vw rgba(0, 0, 0, 0.1); -moz-border-radius: 10.38647vw; border-radius: 10.38647vw; position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); height: 100%; padding: 10.86957vw 3.1401vw 17.63285vw; } .pTop .area h2::after, .pTop .faq__title h2::after, .pTop .flow h2::after { width: 16.90821vw; height: 2px; bottom: 0; } .pTop .voice__slide article .arInner .arNum { position: absolute; width: 28.74396vw; height: 7.72947vw; background: #4a80cb; -moz-border-radius: 3.86473vw; border-radius: 3.86473vw; color: #fff; font-size: 4.83092vw; line-height: 1; font-weight: 500; text-align: center; padding-top: 0.48309vw; top: -3.86473vw; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .pTop .voice__slide article .arInner .arNum span { font-size: 6.28019vw; line-height: 1; } .pTop .voice__slide article .arInner .arTop .title h4 { text-align: center; font-size: 5.31401vw; line-height: 1.5; font-family: "Zen Maru Gothic", sans-serif; font-weight: 700; color: #7a9ed0; position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); padding: 0.72464vw 1.20773vw 3.62319vw; } .pTop .voice__slide article .arInner .arTop .title h4::after, .pTop .voice__slide article .arInner .arTop .title h4::before { position: absolute; content: ""; width: 5.19324vw; height: 7.24638vw; background: url("../img/voiceCorner01.webp") 0 0 / contain no-repeat; -moz-background-size: contain; } .pTop .lawyer h2 span::before, .pTop .voice__slide article .arInner .arTop .title h4::before { left: 0; top: 0; } .pTop .lawyer h2 span::after, .pTop .voice__slide article .arInner .arTop .title h4::after { right: 0; bottom: 0; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } 
.pTop .faq__main .list dl dt::before, .pTop .voice__slide--next, .pTop .voice__slide--prev { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); top: 50%; } .pTop .voice__slide article .arInner .arTop .title .age { text-align: right; margin-top: 1.57005vw; font-size: 3.38164vw; line-height: 1.5; font-weight: 500; color: #7a9ed0; } .pTop .voice__slide article .arInner .arTop figure, .pTop .voice__slide article .arInner .arTop picture { margin: auto; } .pTop .voice__slide article .arInner .arTop figure.st1, .pTop .voice__slide article .arInner .arTop picture.st1 { width: 29.48068vw; } .pTop .voice__slide article .arInner .arTop figure.st2, .pTop .voice__slide article .arInner .arTop picture.st2 { width: 30.67633vw; } .pTop .voice__slide article .arInner .arTop figure.st3, .pTop .voice__slide article .arInner .arTop picture.st3 { width: 30.07246vw; } .pTop .voice__slide article .arInner .arBot { margin-top: 4.03382vw; font-size: 3.86473vw; line-height: 1.4; font-weight: 400; color: #626564; } .pTop .voice__slide--next, .pTop .voice__slide--prev { position: absolute; width: 8.21256vw; height: 8.21256vw; -moz-border-radius: 50%; border-radius: 50%; -moz-box-shadow: 0.60911px 2.43645px 2.43645px 0.60911px rgba(0, 0, 0, 0.1); box-shadow: 0.60911px 2.43645px 2.43645px 0.60911px rgba(0, 0, 0, 0.1); transform: translateY(-50%); cursor: pointer; z-index: 3; } .pTop .flow h2, .pTop .flow__main--list ul { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); position: relative; } .pTop .voice__slide--prev { background: url("../img/ctrlPrev.webp") 0 0 / contain no-repeat; -moz-background-size: contain; left: 0; } .pTop .voice__slide--next { background: url("../img/ctrlNext.webp") 0 0 / contain no-repeat; -moz-background-size: contain; right: 0; } .pTop .voice__slide--pagination { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 3.86473vw; } .pTop .voice__slide--pagination .swiper-pagination-bullet { width: 2.89855vw; height: 2.89855vw; -moz-border-radius: 50%; border-radius: 50%; background: #f6faff; margin: 0 1.20773vw; opacity: 1; } .pTop .voice__slide--pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #f7ff88; } .pTop .flow { background: #f6f9fe; padding: 10.62802vw 0 11.11111vw; } .pTop .flow h2 { line-height: 1.5; font-weight: 700; transform: translateZ(0); padding: 0 0 1.69082vw; color: #7a9ed0; } .pTop .flow h2::after, .pTop .flow__main--list ul li+li::before { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); } .pTop .flow h2::after { position: absolute; content: ""; background: url("../img/flowLine.webp") 0 0 / contain no-repeat; -moz-background-size: contain; left: 50%; transform: translateX(-50%); } .pTop .flow__main { margin-top: 9.17874vw; } .pTop .flow__main--list { counter-reset: li; padding: 0 3.62319vw; } .pTop .flow__main--list ul { transform: translateZ(0); } .pTop .flow__main--list ul li { counter-increment: li; width: 100%; background: #fff; padding: 3.86473vw 3.86473vw 4.83092vw; position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); -moz-border-radius: 9.66184vw; border-radius: 9.66184vw; } .pTop .flow__main--list ul li::after { position: absolute; content: counter(li, decimal-leading-zero); font-size: 9.66184vw; line-height: 1.5; font-family: Roboto, sans-serif; font-weight: 700; color: #4a80cb; top: -5.55556vw; left: 7.48792vw; } .pTop .flow__main--list ul li+li::before, .pTop .flow__main--list ul+ul::after { width: 13.80676vw; height: 5.25362vw; background: #4a80cb; clip-path: polygon(0 0, 100% 0, 50% 100%); top: -5.25362vw; content: ""; position: absolute; } .pTop .flow__main--list ul li+li { margin-top: 5.25362vw; } .pTop .flow__main--list ul li+li::before { left: 50%; transform: translateX(-50%); } .pTop .flow__main--list ul li figure, .pTop .flow__main--list ul li picture { width: 100%; } .pTop .flow__main--list ul li figure img, .pTop .flow__main--list ul li picture img { width: 100%; -moz-border-radius: 5.7971vw; border-radius: 5.7971vw; } .pTop .flow__main--list ul li h3 { font-size: 5.31401vw; line-height: 1.5; font-weight: 700; color: #4a80cb; margin-top: 1.93237vw; padding: 0 2.89855vw; } .pTop .flow__main--list ul li .txt { padding: 0 2.89855vw; font-size: 3.86473vw; line-height: 1.5; font-weight: 400; color: #626564; margin-top: 0.96618vw; } .pTop .flow__main--list ul+ul { margin-top: 5.25362vw; position: relative; } .pTop .flow__main--list ul+ul::after { left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .pTop .faq { padding: 7.24638vw 0 8.45411vw; background: #7aafd0; } .pTop .faq__title { text-align: center; color: #fff; font-weight: 700; } .pTop .faq__title span { font-size: 5.7971vw; line-height: 1.5; font-weight: 700; } .pTop .area h2, .pTop .faq__title h2 { font-size: 8.69565vw; position: relative; padding: 0 0 1.69082vw; } .pTop .faq__title h2 { line-height: 1.5; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); font-weight: 700; margin-bottom: 7.24638vw; } .pTop .faq__title h2::after { position: absolute; content: ""; background: url("../img/faqLine.webp") 0 0 / cover no-repeat; -moz-background-size: cover; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .pTop .faq__main { padding: 0 7.24638vw; } .pTop .faq__main .list dl dt { color: #626564; background: #f5f5f5; font-size: 4.34783vw; line-height: 1.3; font-weight: 700; padding: 2.89855vw 14.25121vw 2.89855vw 13.28502vw; position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); -moz-border-radius: 2.41546vw; border-radius: 2.41546vw; cursor: pointer; } .pTop .faq__main .list dl dt::before { position: absolute; content: "Q"; font-size: 5.7971vw; line-height: 1.5; font-weight: 700; left: 4.83092vw; transform: translateY(-50%); } .pTop .faq__main .list dl dt::after { position: absolute; content: ""; width: 5.07246vw; height: 5.07246vw; background: url("../img/faqPlus.webp") 0 0 / contain no-repeat; -moz-background-size: contain; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 6.03865vw; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .pTop .faq__main .list dl dt.active::after { -webkit-transform: translateY(-50%) rotate(45deg); -moz-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .pTop .faq__main .list dl dd { background: #fff; padding: 12.31884vw 4.83092vw 3.1401vw; -moz-border-radius: 0 0 2.41546vw 2.41546vw; border-radius: 0 0 2.41546vw 2.41546vw; font-size: 3.38164vw; line-height: 1.5; font-weight: 500; color: #626564; margin-top: -8.45411vw; } .pTop .faq__main .list dl+dl { margin-top: 2.41546vw; } .pTop .area { padding: 10.62802vw 0 14.97585vw; background: #f6f9fe; } .pTop .area h2 { text-align: center; line-height: 1.5; font-weight: 700; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); color: #7a9ed0; margin-bottom: 8.21256vw; } .pTop .area h2::after { position: absolute; content: ""; background: url("../img/areaLine.webp") 0 0 / contain no-repeat; -moz-background-size: contain; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .pTop .area__main--intro h3::after, .pTop .area__main--intro h3::before { content: ""; width: 6.64251vw; height: 9.05797vw; background: url("../img/areaSplash.webp") 0 0/100% 100% no-repeat; -moz-background-size: 100% 100%; } .pTop .area__main--intro h3::before { margin-right: 0; -webkit-transform: rotate(16.02deg); -moz-transform: rotate(16.02deg); -ms-transform: rotate(16.02deg); transform: rotate(16.02deg); } .pTop .area__main--intro h3::after { -webkit-transform: rotate(163.92deg) scaleX(-1); -moz-transform: rotate(163.92deg) scaleX(-1); -ms-transform: rotate(163.92deg) scaleX(-1); transform: rotate(163.92deg) scaleX(-1); margin-left: 0; } .pTop .area__main--detail .right dl dt, .pTop .contact__main .form dl dd .wrapRadio label { position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); cursor: pointer; } .pTop .area__main--intro h3 em { font-style: normal; font-size: 4.34783vw; line-height: 1.5; font-weight: 500; color: #7a9ed0; text-align: center; } .pTop .area__main--intro h3 em span { background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 70%, #f8ff96 70%, #f8ff96 100%); } .pTop .area__main--intro p { text-align: center; font-size: 4.34783vw; line-height: 1.5; font-weight: 500; color: #7aafd0; margin-top: 4.69324vw; } .pTop .area__main--detail { margin: 5.7971vw 0 0; } .pChild .container main, .pTop .area__main--detail .left { width: 100%; } .pTop .area__main--detail .left ul { margin: -1.08696vw -1.3285vw; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } 
.pTop .area__main--detail .left ul li { white-space: nowrap; color: #fff; font-size: 4.34783vw; line-height: 1; font-weight: 700; padding: 1.93237vw 3.1401vw; margin: 1.08696vw 1.3285vw; -moz-border-radius: 1.20773vw; border-radius: 1.20773vw; background: #7abdd0; min-width: 20.77295vw; text-align: center; } .pTop .area__main--detail .left ul li:nth-of-type(-n + 4) { background: #7a9ed0; } .pTop .area__main--detail .left figure, .pTop .area__main--detail .left picture { margin-top: 2.657vw; width: 100%; } .pTop .area__main--detail .right { width: 100%; margin-top: 2.89855vw; } .pTop .area__main--detail .right dl { border: 2px solid #d6e4f7; -moz-border-radius: 2.41546vw; border-radius: 2.41546vw; overflow: hidden; } .pTop .area__main--detail .right dl dt { font-size: 4.34783vw; line-height: 4.83092vw; font-weight: 700; color: #fff; padding: 3.38164vw 8.45411vw 3.1401vw 5.55556vw; background: #7a9ed0; transform: translateZ(0); } .pTop .area__main--detail .right dl dt::after, .pTop .contact__main .form dl dd .wrapRadio label span::before { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); position: absolute; top: 50%; } .pTop .area__main--detail .right dl dt::after { content: ""; width: 4.83092vw; height: 4.83092vw; background: url("../img/areaPlus.webp") 0 0 / contain no-repeat; -moz-background-size: contain; transform: translateY(-50%); right: 3.1401vw; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .pTop .contact__main .form .wrapCheck label input, .pTop .contact__main .form dl dd .wrapRadio label input { width: 0; height: 0; opacity: 0; position: absolute; } .pTop .area__main--detail .right dl dt.active::after { -webkit-transform: translateY(-50%) rotate(45deg); -moz-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .pTop .area__main--detail .right dl dd { font-size: 3.38164vw; line-height: 6.76329vw; color: #626564; font-weight: 400; padding: 4.34783vw 3.38164vw 4.34783vw 5.55556vw; display: none; } .pTop .area__main--detail .right dl+dl { margin-top: 3.1401vw; } .pTop .contact { background: #f6f9fe; padding: 9.42029vw 0 10.14493vw; } .pTop .contact h2 { line-height: 1.5; font-weight: 700; color: #4a80cb; } .pTop .contact__main .form { -moz-border-radius: 6.28019vw; border-radius: 6.28019vw; border: 0.96618vw solid #4a80cb; margin-top: 3.86473vw; background: #fff; padding: 8.21256vw 3.62319vw 11.5942vw; } .pTop .contact__main .form dl dt { font-size: 4.34783vw; line-height: 1; font-weight: 700; color: #626564; } .pTop .contact__main .form dl dt.required::after { content: "必須"; width: 8.21256vw; height: 4.34783vw; -moz-border-radius: 0.72464vw; border-radius: 0.72464vw; background: #ed7474; color: #fff; font-size: 3.38164vw; line-height: 4.34783vw; margin-left: 2.41546vw; display: inline-block; text-align: center; } .pTop .contact__main .form .wrapCheck label span::before, .pTop .contact__main .form button span, .pTop .contact__main .form dl dd .wrapRadio, .pTop .lawyer__main { display: -webkit-box; display: -moz-box; display: -ms-flexbox; } .pTop .contact__main .form dl dd { margin-top: 2.657vw; } .pChild__content .company .list dl+dl, .pTop .contact__main .form dl+dl { margin-top: 4.83092vw; } .pTop .contact__main .form dl dd .wrapInput input, .pTop .contact__main .form dl dd .wrapInput textarea { background: #f0f0f0; -moz-border-radius: 1.20773vw; border-radius: 1.20773vw; border: 1px solid #d4d4d4; color: #626564; font-size: 3.86473vw; line-height: 5.94203vw; font-weight: 500; padding: 2.657vw 4.83092vw; outline: 0; width: 100%; } .pTop .contact__main .form dl dd .wrapInput input::-webkit-input-placeholder, .pTop .contact__main .form dl dd .wrapInput textarea::-webkit-input-placeholder { opacity: 1; color: #d0d0d0; } .pTop .contact__main .form dl dd .wrapInput input::-moz-placeholder, .pTop .contact__main .form dl dd .wrapInput textarea::-moz-placeholder { opacity: 1; color: #d0d0d0; } .pTop .contact__main .form dl dd .wrapInput input:-ms-input-placeholder, .pTop .contact__main .form dl dd .wrapInput textarea:-ms-input-placeholder { opacity: 1; color: #d0d0d0; } .pTop .contact__main .form dl dd .wrapInput input::placeholder, .pTop .contact__main .form dl dd .wrapInput textarea::placeholder { opacity: 1; color: #d0d0d0; } .pTop .contact__main .form dl dd .wrapInput textarea { height: 53.62319vw; } .pTop .contact__main .form dl dd .wrapRadio { display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: -1.44928vw -4.22705vw; line-height: 0; } .pTop .contact__main .form dl dd .wrapRadio label { display: inline-block; margin: 1.44928vw 4.22705vw; transform: translateZ(0); } .pTop .contact__main .form dl dd .wrapRadio label input:checked+span::before { background: -webkit-radial-gradient(circle, #000 0, #000 50%, #f0f0f0 50%, #f0f0f0 100%); background: oldradial-gradient(circle, #000 0, #000 50%, #f0f0f0 50%, #f0f0f0 100%) -moz-; background: radial-gradient(circle, #000 0, #000 50%, #f0f0f0 50%, #f0f0f0 100%); } .pTop .contact__main .form dl dd .wrapRadio label span { white-space: nowrap; font-size: 4.34783vw; line-height: 1; font-weight: 400; color: #626564; display: inline-block; position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); padding: 0 0 0 4.83092vw; } .pTop .contact__main .form dl dd .wrapRadio label span::before { content: ""; width: 3.62319vw; height: 3.62319vw; -moz-border-radius: 50%; border-radius: 50%; left: 0; transform: translateY(-50%); border: 1px solid #d4d4d4; background: #f0f0f0; } .pTop .contact__main .form .wrapCheck { text-align: center; margin-top: 7.00483vw; } .pTop .contact__main .form .wrapCheck label { display: inline-block; position: relative; line-height: 0; } .pTop .contact__main .form .wrapCheck label input:checked+span::before { content: "\2713"; } .pTop .contact__main .form .wrapCheck label span { font-size: 3.38164vw; line-height: 4.34783vw; font-weight: 500; color: #626564; display: inline-block; position: relative; padding: 0 0 0 5.31401vw; } .pTop .contact__main .form .wrapCheck label span a { color: #4a80cb; } .pTop .contact__main .form .wrapCheck label span::before { position: absolute; content: ""; width: 3.86473vw; height: 3.86473vw; -moz-border-radius: 0.72464vw; border-radius: 0.72464vw; background: #f0f0f0; color: #000; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 3.86473vw; line-height: 1; } .pTop .contact__main .form button, .pTop .lawyer__main { position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); } .pTop .contact__main .form button { display: block; outline: 0; -moz-box-shadow: 0; box-shadow: 0; border: 0; width: 100%; height: 19.56522vw; margin: 4.83092vw auto 0; -moz-border-radius: 4.83092vw; border-radius: 4.83092vw; transform: translateZ(0); background: 0 0; } .pTop .contact__main .form button::after, .pTop .contact__main .form button::before { position: absolute; content: ""; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ff2e37), color-stop(50%, #ff4747)); background: -webkit-linear-gradient(top, #ff2e37 50%, #ff4747 50%); background: oldlinear-gradient(top, #ff2e37 50%, #ff4747 50%) -moz-; background: linear-gradient(180deg, #ff2e37 50%, #ff4747 50%); pointer-events: none; -moz-border-radius: 4.83092vw; border-radius: 4.83092vw; z-index: -1; } .ctaFixed .wrapLine::before, .ctaFixed .wrapTel::before, .pTop .contact__main .form button::before { width: 100%; height: 100%; } .pTop .contact__main .form button::after { width: -webkit-calc(100% - 0.48309vw); width: -moz-calc(100% - 0.48309vw); width: calc(100% - 0.48309vw); height: -webkit-calc(100% - 0.48309vw); height: -moz-calc(100% - 0.48309vw); height: calc(100% - 0.48309vw); -moz-border-radius: 4.34783vw; border-radius: 4.34783vw; border: 0.48309vw solid #fff; } .pTop .contact__main .form button span { display: flex; width: 100%; height: 100%; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; font-size: 6.76329vw; line-height: 1.5; font-weight: 700; } .pTop .contact__main .form button span::after { content: "＞"; font-size: 4.34783vw; line-height: 1; color: #fff; font-weight: 700; display: inline-block; margin-left: 3.86473vw; } .pTop .lawyer { background: #7a9ed0; padding: 7.72947vw 0 10.38647vw; } .pTop .lawyer h2 { text-align: center; line-height: 0; } .pTop .lawyer h2 span { font-size: 7.24638vw; line-height: 1.5; font-weight: 700; color: #f6faff; letter-spacing: 0.1em; display: inline-block; position: relative; padding: 0 5.31401vw; } .pTop .lawyer h2 span::after, .pTop .lawyer h2 span::before { position: absolute; content: ""; width: 2.05314vw; height: 2.657vw; background: #fff; clip-path: polygon(0 0, 100% 0, 0 100%); } .pTop .lawyer__main { max-width: 85.50725vw; margin: 4.58937vw auto 0; display: flex; transform: translateZ(0); } .pTop .lawyer__main::before { position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; background: #f6faff; z-index: -1; } .pTop .lawyer__main::after { position: absolute; content: ""; width: 100%; height: 100%; border: 2px solid #d9e7ff; top: 2.657vw; left: 1.93237vw; z-index: -2; } 
.pTop .lawyer__main figure, .pTop .lawyer__main picture { width: 32.6087vw; position: absolute; right: 1.93237vw; top: 2.17391vw; } .pTop .lawyer__main figure img, .pTop .lawyer__main picture img { width: 100%; height: auto; } .pTop .lawyer__main article { -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); z-index: 2; padding: 19.32367vw 0 4.83092vw; width: 100%; } .pTop .lawyer__main article::after { position: absolute; content: ""; width: 12.56039vw; height: 13.52657vw; background: url("../img/ceoIllus.webp") 0 0 / contain no-repeat; -moz-background-size: contain; top: 3.86473vw; left: 5.7971vw; } .pTop .lawyer__main article span { font-size: 3.86473vw; line-height: 1.5; color: #7a9ed0; padding: 0 0 0.72464vw; border-bottom: 3px double #7a9ed0; } .pTop .lawyer__main article h3 { font-size: 6.28019vw; line-height: 1.5; font-weight: 500; color: #7a9ed0; margin-top: 1.93237vw; } .pTop .lawyer__main article .info { border-left: 1px solid #626564; padding: 0 0 0 2.53623vw; margin-top: 1.93237vw; } .pTop .lawyer__main article .info address { font-style: normal; font-size: 3.38164vw; line-height: 1.3; font-weight: 400; color: #626564; display: block; width: 100%; } .pTop .lawyer__main article .info a.tel { margin-top: 0.96618vw; display: inline-block; position: relative; padding: 0 0 0 6.28019vw; font-size: 3.86473vw; line-height: 1.5; color: #626564; } .pTop .lawyer__main article .info a.tel::before { position: absolute; content: ""; width: 4.91546vw; height: 4.19324vw; background: url("../img/ceoPhone.webp") 0 0 / contain no-repeat; -moz-background-size: contain; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .footer { background: #fff; padding: 2.17391vw 0 2.657vw; } .footer .link { text-align: center; font-size: 3.38164vw; line-height: 4.34783vw; font-weight: 500; color: #626564; } .pChild .container { min-height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; } .pChild .container footer { width: 100%; margin-top: auto; } .pChild__content { padding: 19.32367vw 3.62319vw; } .pChild__content h2 { line-height: 1.5; font-weight: 700; color: #4a7fcb; letter-spacing: 0.05em; margin-bottom: 14.49275vw; } .pChild__content .btn { margin-top: 14.49275vw; text-align: center; } .pChild__content .btn a { display: -webkit-inline-box; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 18.84058vw; color: #fff; font-size: 5.7971vw; line-height: 1.6; letter-spacing: 0.05em; background: #4a7fcb; -moz-border-radius: 4.83092vw; border-radius: 4.83092vw; -moz-box-shadow: 0 0.94686vw 0 #214c8b; box-shadow: 0 0.94686vw 0 #214c8b; } .pChild__content .company { max-width: 100%; margin: auto; } .pChild__content .company .list dl dt { font-size: 3.86473vw; line-height: 1.8; font-weight: 700; color: #4a7fcb; width: 49.03382vw; } .pChild__content .company .list dl dd, .pChild__content .policy .list dl, .pChild__content .thanks .txt { line-height: 1.8; letter-spacing: 0.05em; color: #636465; } .pChild__content .company .list dl dd { font-size: 3.86473vw; font-weight: 700; } .pChild__content .policy { max-width: 217.3913vw; margin: auto; } .pChild__content .policy .list dl { font-size: 3.86473vw; font-weight: 400; } .pChild__content .policy .list dl dt { font-weight: 700; } .pChild__content .policy .list dl+dl { margin-top: 6.95652vw; } .pChild__content .thanks .txt { font-size: 3.38164vw; font-weight: 400; text-align: center; } .pChild__content .thanks .txt span { font-weight: 700; color: #4a7fcb; } .pChild__content .thanks .txt a { color: #4a7fcb; text-decoration: underline; } .ctaFixed .wrapLine a, .ctaFixed .wrapTel a { display: block; position: relative; width: 100%; font-size: 7.5vw; line-height: 1.2; font-weight: 700; color: #fff; position: absolute; left: 0; top: -5vw; } .ctaFixed { position: fixed; width: 100%; bottom: 0; left: 0; z-index: 99; background: rgba(255, 255, 255, 0.9); display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 2.5vw 2.41546vw; } .ctaFixed .wrapLine, .ctaFixed .wrapTel { width: 100%; height: 20.04348vw; -moz-border-radius: 3.00966vw; border-radius: 3.00966vw; overflow: hidden; position: relative; transform: translateZ(0); } .ctaFixed .wrapLine::after, .ctaFixed .wrapLine::before, .ctaFixed .wrapTel::after, .ctaFixed .wrapTel::before { position: absolute; content: ""; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); pointer-events: none; -moz-border-radius: 3.00966vw; border-radius: 3.00966vw; z-index: -1; } .ctaFixed .wrapLine::after, .ctaFixed .wrapTel::after { width: -webkit-calc(100% - 0.96618vw); width: -moz-calc(100% - 0.96618vw); width: calc(100% - 0.96618vw); height: -webkit-calc(100% - 0.96618vw); height: -moz-calc(100% - 0.96618vw); height: calc(100% - 0.96618vw); -moz-border-radius: 2.50725vw; border-radius: 2.50725vw; border: 0.48309vw solid #fff; } .ctaFixed .wrapTel::after, .ctaFixed .wrapTel::before { background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #4980cb), color-stop(50%, #497abf)); background: -webkit-linear-gradient(top, #4980cb 50%, #497abf 50%); background: oldlinear-gradient(top, #4980cb 50%, #497abf 50%) -moz-; background: linear-gradient(180deg, #4980cb 50%, #497abf 50%); } .ctaFixed .wrapTel a { padding: 3.97585vw 0 3.97585vw 18.9372vw; transform: translateZ(0); } .ctaFixed .wrapTel a::before { position: absolute; content: ""; width: 9.51932vw; height: 10.64976vw; background: url("../img/ctaTel_sp.webp") 0 0 / contain no-repeat; -moz-background-size: contain; left: 5.50725vw; top: 10vw; } .ctaFixed .wrapLine::after, .ctaFixed .wrapLine::before { background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #06c755), color-stop(50%, #00be4f)); background: -webkit-linear-gradient(top, #06c755 50%, #00be4f 50%); background: oldlinear-gradient(top, #06c755 50%, #00be4f 50%) -moz-; background: linear-gradient(180deg, #06c755 50%, #00be4f 50%); } .ctaFixed .wrapLine a { padding: 3.51208vw 0 3.97585vw 9.28019vw; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); } .ctaFixed .wrapLine a::before { position: absolute; content: ""; width: 5.76812vw; height: 5.65217vw; background: url("../img/ctaMess.webp") 0 0 / contain no-repeat; -moz-background-size: contain; left: 2.50725vw; top: 4.3285vw; } .pTop .footer { padding-bottom: 26.5314vw; }   .ctaFixed .wrapTel span {font-size: 3.5vw;}}