@import url(https://fonts.googleapis.com/css?family=Cabin:600,600i);
/*!
Theme Name: Overflow, Inc.
Theme URI: https://example.com
Description: Overflow, Inc. theme
Author: Overflow, Inc.
Author URI: https://example.com
Version: 0.0.1
*/
/*! sanitize.css v6.0.0 | CC0 License | github.com/csstools/sanitize.css */*,:after,:before{background-repeat:no-repeat;box-sizing:border-box}:after,:before{text-decoration:inherit;vertical-align:inherit}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;cursor:default;line-height:1.15;word-break:break-word}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}main{display:block}nav ol,nav ul{list-style:none}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}::-moz-selection{background-color:#b3d4fc;color:#000;text-shadow:none}::selection{background-color:#b3d4fc;color:#000;text-shadow:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg{fill:currentColor}svg:not(:root){overflow:hidden}table{border-collapse:collapse}button,input,optgroup,select,textarea{margin:0}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}button{overflow:visible;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}::-moz-focus-inner{border-style:none;padding:0}fieldset{padding:.35em .75em .625em}input{overflow:visible}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}select{text-transform:none}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,dialog{display:block}dialog{background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}canvas{display:inline-block}template{display:none}[tabindex],a,area,button,input,label,select,summary,textarea{touch-action:manipulation}[hidden]{display:none}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled],[disabled]{cursor:disabled}[aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);display:inherit;position:absolute}*{box-sizing:border-box}:after,:before{box-sizing:inherit}html{font-size:16px}body{background-color:#fafbfb;color:#345461;font-family:Noto Sans JP,sans-serif;font-size:.875rem;line-height:1.6}dl,h1,h2,h3,h4,h5,ol,p,ul{margin-bottom:0;margin-top:0}dd,dl,dt,li,ol,ul{margin-left:0;padding-left:0}li,ul{list-style:none}img,input,select,svg,textarea{vertical-align:middle}a{color:#04b0fb}.l-header{align-items:center;background-color:#fff;display:flex;justify-content:space-between;padding:12px;position:relative;width:100%;z-index:1000}.l-header.-fixed{position:fixed}.l-header.-noLogo .l-header__logo{display:none}@media(min-width:768px){.l-header{padding:24px 32px}}.l-header__logo{width:120px}.l-header__logo a{display:block}.l-header__item{display:flex}.l-header__logoImage{height:auto;width:100%}.l-header__buttons{display:none}.l-header__buttons .c-button{margin-left:8px;width:120px}@media(min-width:768px){.l-header__buttons{display:block}}.c-avatar{background-position:50%;background-size:cover;border:2px solid #f2fbff;border-radius:50%}.c-avatar.-large{border:4px solid #fff;box-shadow:0 2px 4px 0 rgba(1,41,58,.1)}.c-avatar.-small{border:2px solid #fafbfb}.c-button{align-items:center;background-color:transparent;border:none;box-shadow:0 0 0 transparent;cursor:pointer;display:inline-flex;font-weight:700;justify-content:center;padding:0 12px;position:relative;text-align:center;text-decoration:none;transition:all .3s ease-out;vertical-align:middle}.c-button.-large{border-radius:8px;box-shadow:0 4px 6px 0 rgba(153,169,176,.4);font-size:1rem;height:60px}.c-button.-large:hover{box-shadow:0 6px 8px 0 rgba(1,41,58,.4)}.c-button.-medium{border-radius:4px;box-shadow:0 1px 2px 0 rgba(229,233,235,.2);font-size:.75rem;height:40px}.c-button.-medium:hover{box-shadow:0 2px 4px 0 rgba(1,41,58,.2)}.c-button.-small{border-radius:4px;box-shadow:0 1px 2px 0 rgba(229,233,235,.2);font-size:.75rem;height:30px}.c-button.-small:hover{box-shadow:0 2px 4px 0 rgba(1,41,58,.2)}.c-button .c-button__icon{height:16px;left:8px;width:16px}.c-button.-fullWidth{width:100%}.c-button.-primary{background-color:#fdca44;border-color:#fdca44;color:#1a1414}.c-button.-primary:hover{background-color:rgba(253,202,68,.9);border-color:rgba(253,202,68,.9)}.c-button.-primary.-large{box-shadow:0 4px 6px 0 rgba(229,233,235,.6)}.c-button.-primary.-large:hover{box-shadow:0 6px 8px 0 rgba(1,41,58,.4)}.c-button.-primary.-medium{box-shadow:0 1px 2px 0 rgba(229,233,235,.6)}.c-button.-primary.-medium:hover{box-shadow:0 2px 4px 0 rgba(1,41,58,.4)}.c-button.-primary.-small{box-shadow:0 1px 2px 0 rgba(229,233,235,.6)}.c-button.-primary.-small:hover{box-shadow:0 2px 4px 0 rgba(1,41,58,.4)}.c-button.-secondary{background-color:#fc8551;border-color:#fc8551;color:#fff}.c-button.-secondary:hover{background-color:rgba(252,133,81,.9);border-color:rgba(252,133,81,.9)}.c-button.-tertiary{background-color:#6684f7;border-color:#6684f7;color:#fff}.c-button.-tertiary:hover{background-color:rgba(102,132,247,.9);border-color:rgba(102,132,247,.9)}.c-button.-normal{background-color:#345461;border-color:#345461;color:#fff}.c-button.-normal:hover{background-color:rgba(52,84,97,.9);border-color:rgba(52,84,97,.9)}.c-button.-negative{background-color:#99a9b0;border-color:#99a9b0;color:#fff}.c-button.-negative:hover{background-color:rgba(153,169,176,.8);border-color:#99a9b0}.c-button.-outline{background-color:#fff;border:1px solid #99a9b0;color:#99a9b0}.c-button.-outline.is-active,.c-button.-outline:hover{background-color:#99a9b0;border-color:#99a9b0;color:#fff}.c-button.-outline.is-disabled,.c-button.-outline[disabled]{background-color:#fff;background-image:none;border-color:#e5e9eb;color:#e5e9eb}.c-button.-outlineWhite{background-color:transparent;border:1px solid #fff;color:#fff}.c-button.-outlineWhite:hover{background-color:hsla(0,0%,100%,.2);color:#fff}.c-button.-outlineWhite.is-disabled,.c-button.-outlineWhite[disabled]{background-color:rgba(229,233,235,.2);color:#e5e9eb}.c-button.-outlineAlert{background-color:transparent;border:1px solid #fd4477;color:#fd4477}.c-button.-outlineAlert:hover{background-color:rgba(253,68,119,.2);color:#fd4477}.c-button.-outlineAlert.is-disabled,.c-button.-outlineAlert[disabled]{background-color:rgba(229,233,235,.2);color:#e5e9eb}.c-button.is-disabled,.c-button.is-uploading,.c-button[disabled]{background-color:#e5e9eb;background-image:none;border-color:#e5e9eb;box-shadow:none;color:#fff;cursor:default;pointer-events:none}.c-button.is-uploading{box-shadow:none!important;padding-left:24px}.c-button.is-uploading:before{animation:spin 1s linear infinite;border:2px solid #99a9b0;border-radius:50%;border-right-color:transparent;content:"";display:block;height:16px;left:8px;position:absolute;top:calc(50% - 8px);width:16px}.c-button.is-uploaded{background-color:#e5e9eb;background-image:none;border-color:#e5e9eb;box-shadow:none;color:#fff;cursor:default;pointer-events:none}.c-button.is-uploaded .c-button__icon{display:none}.c-button__icon{display:inline-block;position:absolute;vertical-align:middle}.c-footer{background-color:#fff;border-top:1px solid #e5e9eb;display:grid;grid-template-columns:minmax(16px,1fr) [main-start] minmax(0,1024px) [main-end] minmax(16px,1fr);grid-template-rows:auto auto;padding:60px 0 0}.c-footer .inner{gap:60px;grid-column:main;grid-row:1;margin-bottom:60px}.c-footer .inner,.c-footer .nav-wrapper{grid-gap:60px;display:grid}.c-footer .logo{margin-bottom:16px}.c-footer .logo img{height:auto}.c-footer .logo.text{font-weight:700}.c-footer .banners{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;list-style:none;padding:0}.c-footer .copy{align-items:center;background-color:#fafbfb;display:flex;flex-direction:column;gap:40px;grid-column:1/-1;grid-row:2;padding:40px 20px 20px;width:100%}.c-footer .copy ul{display:flex;flex:1 1;gap:8px;list-style:none;padding:0}.c-footer .copy li{background-position:right 8px center;background-repeat:no-repeat;font-size:.75rem;padding-right:28px}.c-footer .copy li:first-child{border-right:1px solid #99a9b0}.c-footer .copy a{color:#01293a;text-decoration:none}.c-footer .copy a:hover{opacity:.7}.c-footer .copy small{font-size:.75rem}.c-footer ul{list-style:none;padding:0}.c-footer details{border-bottom:1px solid #e5e9eb}.c-footer li:first-child details{border-top:1px solid #e5e9eb}.c-footer details summary::-webkit-details-marker{display:none}.c-footer details summary{align-items:center;display:flex;font-size:.75rem;font-weight:700;height:65px;justify-content:space-between}.c-footer details[open] summary svg{transform:rotate(180deg)}.c-footer details ul{grid-gap:16px;display:grid;gap:16px;padding:0 0 8px}.c-footer details li{align-items:center;display:flex;gap:6px}.c-footer details li:before{background-color:#01293a;content:"";height:1px;width:8px}.c-footer details a{color:#345461;font-size:.75rem;text-decoration:none}.c-footer details a:hover{opacity:.7}.c-footer .p-sitemap__columnArrow{fill:#000;height:20px;transition:all .2s ease-out;width:16px}@media screen and (min-width:1024px){.c-footer{padding:40px 0 0}.c-footer .inner{gap:40px}.c-footer .nav-wrapper{grid-gap:24px;display:grid;grid-template-columns:4fr 1fr}.c-footer .logo{margin-bottom:16px}.c-footer .logo.text{margin-top:5px}.c-footer .media-details{margin-top:-5px}.c-footer .banners{gap:20px}.c-footer .copy{flex-direction:row;padding:30px calc(50vw - 512px)}.c-footer .copy small{margin-left:auto}.container{-moz-column-gap:24px;column-gap:24px;display:flex}.containerItem{flex:1 1}.containerItem.recruiter{flex:2 1}details{border:none!important}details ul.recruiterList{-moz-column-gap:2em;column-gap:2em;display:inline-grid;grid-auto-flow:column;grid-template-rows:repeat(6,auto)}details summary{height:48px;pointer-events:none}.p-sitemap__columnArrow,details summary svg{display:none}}.lp-bottom-menu-margin{padding-bottom:72px}@media screen and (min-width:1024px){.lp-bottom-menu-margin{padding-bottom:100px}}.lazy-img{opacity:1;transition:opacity 1s}.lazy-img.lazy{opacity:0;width:100%}.c-head{color:#01293a;font-size:2rem;margin-top:80px}.c-head:first-of-type{margin-top:0}.c-icon{display:inline-block;vertical-align:middle}.c-icon.-facebook{fill:#1877f2}.c-icon.-twitter{fill:#55acee}.c-icon.-linkedin{fill:#0077b5}.c-icon.-github{fill:#1a1414}.c-icon.-qiita{fill:#59bb0c}.c-icon.-dribbble{fill:#ea4c89}.c-icon.-behance{fill:#0057ff}.c-icon.-note{fill:#68c6b4}.c-icon.-connpass{fill:#c63e1f}.c-icon.-wantedly{fill:#02aed0}.c-icon.-slideshare{fill:#0076b3}.c-icon.-speakerdeck{fill:#009287}.c-icon.-google{fill:#4285f4}.c-icon.-instagram{fill:#f10176}.c-icon.-zenn{fill:#3ea8ff}.c-icon.-disable{fill:#e5e9eb}.c-icon.-clickable{cursor:pointer}@keyframes spin{0%{opacity:.1;transform:rotate(0deg)}50%{opacity:1;transform:rotate(180deg)}to{opacity:.1;transform:rotate(1turn)}}.c-loading{bottom:0;display:none;left:0;padding:32px;position:fixed;right:0;top:0;z-index:99999}.c-loading.is-active{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;overflow:scroll}@media(min-height:800px){.c-loading.is-active{justify-content:center}}.c-loading__info{background-color:#fff;border-radius:4px;padding:80px 32px 32px;position:relative;text-align:center;z-index:10}.c-loading__title{color:#01293a;font-size:1rem;font-weight:500}.c-loading__title .-target{font-weight:700;margin:0 4px}.c-loading__text{color:#345461;font-size:.75rem;font-weight:500;margin-top:12px}.c-loading__spinner{animation:spin 1s linear infinite;border:4px solid #04b0fb;border-radius:50%;border-right-color:transparent;display:block;height:32px;left:calc(50% - 16px);position:absolute;top:30px;width:32px}.c-modal__wrap{position:relative}.c-modal__wrap.is-show{height:100vh;overflow-y:hidden}.c-modal__wrap.is-show:before{background:rgba(1,41,58,.8);bottom:0;content:"";display:block;left:0;position:fixed;right:0;top:-44px;width:100%;z-index:1000}.c-modal__wrap.-desktop.is-show{min-width:1012px}.c-modal__wrap.-desktop.is-show:before{z-index:100}.c-modal{background:#fff;border-radius:8px;height:-moz-fit-content;height:fit-content;inset:0;margin:auto;opacity:0;overflow:hidden;position:fixed;transform:scale(.8);transition:all .3s ease-out;width:320px;z-index:10000}.c-modal .-close{color:#99a9b0;cursor:pointer;display:block;position:absolute;right:40px;top:16px}.c-modal .-inner{padding:16px}.c-modal.-linkListModal{height:inherit;inset:inherit;left:50%;position:absolute;top:40px;transform:translateX(-50%) scale(.8)}.c-modal.is-show{opacity:1;transform:scale(1)}.c-modal.is-show.-linkListModal{transform:translateX(-50%) scale(1)}@media(min-width:768px){.c-modal{top:100px;width:600px}.c-modal .-inner{padding:40px}.c-modal.-linkListModal{top:100px}}.c-modal__content{padding:24px 16px}.c-modal__title{font-size:1rem;margin-bottom:12px;text-align:center}.c-modal__action{border-top:1px solid #e5e9eb;display:flex}.c-modal__action.-col>*{flex:0 0 50%}@media(min-width:768px){.c-section__column{align-items:flex-start;display:flex;justify-content:space-between}.c-section__column .c-section{flex-basis:calc(50% - 16px);flex-grow:0;flex-shrink:0}}.c-section{width:100%}.c-section.-image{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.c-section.-image .c-section__image{flex:0 0 100%;height:auto}@media(min-width:768px){.c-section.-image{flex-wrap:nowrap}.c-section.-image .c-section__image{flex:0 0 320px}.c-section.-imageLeft .c-section__image{margin-right:24px}.c-section.-imageRight{flex-direction:row-reverse}.c-section.-imageRight .c-section__image{margin-left:24px}}.c-section__image{display:block;height:auto;margin:0 auto;max-width:640px;width:100%}.c-section__detail{margin-top:16px}@media(min-width:768px){.c-section__detail{margin-top:24px}}.c-section__title{color:#01293a;font-size:1.125rem}.c-section__text{color:#345461;font-size:.875rem;margin-top:16px}.p-signUp{display:block;margin:0 auto;max-width:400px}.p-signUp__heading{color:#01293a;font-size:1.5rem;text-align:center}.p-signUp__subText{color:#345461;font-size:.75rem;text-align:center}.p-signUp__hr{border:none;border-top:1px solid #e5e9eb}.p-signUp__button,.p-signUp__input{width:100%}.p-signUp__button:hover{opacity:.8}.p-signUp__button.-normal,.p-signUp__button.-normal:hover{background-color:#01293a;color:#fff}.p-signUp__label,.p-signUp__textLink{color:#99a9b0;font-size:.75rem}.p-signUp__textLink{text-align:center}.p-sitemap__links{margin-top:32px;text-align:center}.p-sitemap__links li{display:inline-block;font-size:.875rem;margin:0 16px 24px}.p-sitemap__links li a{color:#01293a;text-decoration:none;transition:all .3s ease-out}.p-sitemap__links li a:hover{color:#04b0fb;text-decoration:underline}@media(min-width:768px){.p-sitemap__links{margin-top:48px}.p-sitemap__links li{font-size:.75rem;margin:0 16px 32px}}.p-sitemap__columnArrow{fill:#000;height:16px;transition:all .2s ease-out;width:16px}@media(min-width:768px){.p-sitemap__columnArrow{display:none}}.p-snsLoginList{align-items:stretch;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:460px}.p-snsLoginList li{flex-basis:calc(50% - 4px);flex-grow:0;flex-shrink:0;margin:0 0 20px;position:relative}.p-snsLoginList li a{align-items:center;background-color:#fafbfb;border-radius:4px;color:inherit;display:flex;min-height:64px;padding:8px;text-decoration:none}.p-snsLoginList li:nth-of-type(2n){margin-left:8px}.p-snsLoginList li.-previousLog:before{animation:blink 2s linear infinite;bottom:-16px;color:#5173fc;content:"前回のログインはこちら";display:block;font-size:.625rem;font-weight:700;left:0;position:absolute;right:0;text-align:center}.p-snsLoginList li.-previousLog.-github:before{color:#1a1414}.p-snsLoginList li.-previousLog.-github a{background-color:#1a1414;color:#fff}.p-snsLoginList li.-previousLog.-github a svg{fill:#fff}.p-snsLoginList li.-previousLog.-dribbble:before{color:#ea4c89}.p-snsLoginList li.-previousLog.-dribbble a{background-color:#ea4c89;color:#fff}.p-snsLoginList li.-previousLog.-dribbble a svg{fill:#fff}.p-snsLoginList li.-previousLog.-linkedin:before{color:#0077b5}.p-snsLoginList li.-previousLog.-linkedin a{background-color:#0077b5;color:#fff}.p-snsLoginList li.-previousLog.-linkedin a svg{fill:#fff}.p-snsLoginList li.-previousLog.-qiita:before{color:#59bb0c}.p-snsLoginList li.-previousLog.-qiita a{background-color:#59bb0c;color:#fff}.p-snsLoginList li.-previousLog.-qiita a svg{fill:#fff}.p-snsLoginList li.-previousLog.-twitter:before{color:#55acee}.p-snsLoginList li.-previousLog.-twitter a{background-color:#55acee;color:#fff}.p-snsLoginList li.-previousLog.-twitter a svg{fill:#fff}.p-snsLoginList.-signUp{margin-top:8px}.p-snsLoginList.-signUp li{margin-top:0;padding-top:0}.p-snsLoginList__snsName{font-size:10px;line-height:1.2}.p-snsLoginList__snsName span{display:block;font-size:16px;font-weight:900;word-break:break-all}.p-snsLoginList__icon{margin-right:4px}.c-textfield{-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:1px solid #99a9b0;border-radius:2px;display:inline-block;font-size:.875rem;min-height:40px;padding:8px 12px}.c-textfield .is-readonly,.c-textfield[readonly]{background-color:#fafbfb;border-color:#fafbfb}.c-textfield .is-readonly:focus,.c-textfield[readonly]:focus{border-color:transparent;outline:none}.c-textfield:focus{outline:none}.c-textfield.-primary,.c-textfield:focus{border-color:#04b0fb}.c-textfield.-small{border-color:#e5e9eb;font-size:.625rem}.c-textfield.-smallText{font-size:.75rem}.c-textfield.-block{width:100%}.c-textfield.is-error{background-color:rgba(253,68,119,.1);border-color:#fd4477;color:#fd4477;margin-bottom:4px}.c-textfield.is-disabled,.c-textfield[disabled]{background-color:#fafbfb;border-color:#e5e9eb;color:#e5e9eb;cursor:default;pointer-events:none}.c-textfield.is-disabled.-disabled-visible,.c-textfield[disabled].-disabled-visible{color:#99a9b0}@media(min-width:768px){.c-textfield.-large{min-height:50px}}.c-textfield__wrap{align-items:center;display:flex}.c-textfield__wrap.-postcode:before{color:#01293a;content:"〒";display:block;flex:0 0 20px;font-size:1.25rem;font-weight:700;margin-right:4px;text-align:center}.c-textfield__validate{margin-top:8px;width:100%}.c-textfield__validate .-barsWrap{display:flex;justify-content:space-between}.c-textfield__validate .-barsWrap .-bar{background-color:#e5e9eb;border-radius:4px;flex-basis:calc(33.3% - 4px);flex-grow:0;flex-shrink:0;height:4px;margin-left:4px}.c-textfield__validate .-barsWrap .-bar:first-of-type{margin-left:0}.c-textfield__validate .-text{color:#99a9b0;font-size:.75rem;font-weight:700;line-height:1.1;margin-top:8px}.c-textfield__validate.-score1 .-barsWrap .-bar:first-of-type{background-color:#fd4477}.c-textfield__validate.-score1 .-text{color:#fd4477}.c-textfield__validate.-score2 .-barsWrap .-bar:first-of-type,.c-textfield__validate.-score2 .-barsWrap .-bar:nth-of-type(2){background-color:#fdca44}.c-textfield__validate.-score2 .-text{color:#f3b921}.c-textfield__validate.-score3 .-barsWrap .-bar{background-color:#04b0fb}.c-textfield__validate.-score3 .-text{color:#04b0fb}.c-tooltip{background-color:rgba(1,41,58,.95);border-radius:4px;bottom:calc(100% + 8px);color:#fff;font-size:.625rem;font-weight:500;left:50%;line-height:1.4;min-width:160px;opacity:0;padding:8px;position:absolute;text-align:center;transform:translate(-50%,8px);transition:all .1s ease-out;visibility:hidden;white-space:normal;word-break:break-all;z-index:1}.c-tooltip:after{border:5px solid transparent;border-top-color:rgba(1,41,58,.95);content:" ";left:50%;margin-left:-5px;position:absolute;top:100%}.c-tooltip.-bottom{bottom:auto;top:calc(100% + 8px);transform:translate(-50%,-8px)}.c-tooltip.-bottom:after{border-color:transparent transparent rgba(1,41,58,.95);top:-10px}.c-tooltip.-small{min-width:60px}.c-tooltip a{color:#fff;display:block;text-align:center;text-decoration:underline;transition:all .2s ease-in-out}.c-tooltip a:hover{opacity:.8;text-decoration:none}.c-tooltip__trigger{display:inline-block;margin-left:2px;position:relative;vertical-align:baseline}.c-tooltip__trigger .c-icon{fill:#345461}.c-tooltip__trigger:hover>.c-tooltip{opacity:1;transform:translate(-50%);visibility:visible}.p-benefits{background-color:#fafbfb}.p-benefits__mainV{align-items:center;background-color:#4bccbe;background-image:url(/packs/media/image_mainV-ad1aa1c5.png),url(/packs/media/bg_pattern01-fd163165.png);background-position:calc(100% + 60px) bottom,top;background-repeat:no-repeat,repeat;background-size:200px,50px;display:flex;justify-content:center;margin:0 auto;min-height:240px}.p-benefits__mainV .-inner{padding:24px 16px}.p-benefits__mainV .-title{color:#fff;font-size:2rem;font-weight:700;line-height:1.4;text-align:center}.p-benefits__mainV .-lead{color:#fff;font-size:.875rem;font-weight:500;line-height:1.4;margin-top:12px;text-align:center}.p-benefits__mainV .-buttons{margin-top:16px;text-align:center}.p-benefits__mainV .-buttons .c-button{margin:0 0 12px;max-width:240px;width:100%}@media(min-width:768px){.p-benefits__mainV{background-position:100% 100%,top;background-size:300px,100px}.p-benefits__mainV .-inner{padding:16px}.p-benefits__mainV .-title{font-size:2.5rem}.p-benefits__mainV .-lead{font-size:1rem}.p-benefits__mainV .-buttons{margin-top:16px;text-align:center}.p-benefits__mainV .-buttons .c-button{margin:0 8px;max-width:200px}}.p-benefits__content{margin:0 auto;max-width:1280px;padding:16px}.p-benefits__boxImage{display:block;margin:0 auto;max-width:800px;text-decoration:none;width:100%}.p-benefits__boxImage img{height:auto;width:100%}.p-benefits__boxNote{margin:12px auto 0;max-width:400px}.p-benefits__boxNote li{color:#99a9b0;font-size:.625rem}.p-benefits__boxTextArea{border-top:1px solid #e5e9eb;flex:1 0 auto;padding:16px 16px 40px;text-align:left}@media(min-width:768px){.p-benefits__boxTextArea{padding:24px}}.p-benefits__boxTitle{color:#01293a;font-size:1.125rem;line-height:1.4;margin:0 auto;text-align:center}.p-benefits__boxDesc{color:#345461;margin:16px auto 0}.p-benefits__boxList{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;margin:16px auto 0;text-align:center}@media(min-width:768px){.p-benefits__boxList{flex-direction:row;margin:32px auto 0}}.p-benefits__box{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px 0 rgba(1,41,58,.1);margin:0 auto 16px;max-width:320px;overflow:hidden;width:100%}.p-benefits__box a{display:flex;flex-direction:column;height:100%;text-decoration:none}@media(min-width:768px){.p-benefits__box{margin:0 12px 24px}}.p-benefits__boxTag{border:1px solid #345461;color:#345461;font-size:.75rem;font-weight:700;margin:0 auto 12px;padding:4px 8px;width:-moz-fit-content;width:fit-content}.p-benefits__boxButton{padding:16px 16px 24px}.p-benefits__boxButton .-boXButton{min-height:32px;width:100%}.p-benefits__bannerArea{align-items:center;display:flex;justify-content:center;margin-top:24px}.p-benefits__bannerArea .-banner{max-width:800px;width:100%}.p-benefits__bannerArea .-banner img{height:auto;width:100%}@media(min-width:768px){.p-benefits__bannerArea{margin-top:32px}}.p-benefits__howto .-title{color:#01293a;font-size:1.5rem;text-align:center}.p-benefits__howto .-text{color:#01293a;font-size:.875rem;margin-top:16px;text-align:left}.p-benefits__howto .-stepList{background-color:#fafbfb;border-radius:2px;margin-top:16px;padding:24px 24px 24px 40px}.p-benefits__howto .-stepList li{color:#345461;font-size:.75rem;font-weight:700;line-height:1.6;list-style:decimal;list-style-position:outside;margin-top:16px}.p-benefits__howto .-stepList li:first-of-type{margin-top:0}.p-benefits__howto .-stepList li a{color:inherit}.p-benefits__howto .-stepList li a:hover{color:#04b0fb;text-decoration:none}.p-benefits__howto .-linkList{background-color:#fafbfb;border-radius:2px;margin-top:16px;padding:24px 24px 24px 40px}.p-benefits__howto .-linkList li{color:#345461;font-size:.75rem;font-weight:700;line-height:1.6;list-style:decimal;list-style-position:outside;margin-top:8px}.p-benefits__howto .-linkList li:first-of-type{margin-top:0}.p-benefits__howto .-linkList li a{color:#01293a}.p-benefits__howto .-linkList li a:hover{color:#04b0fb}.p-benefits__howto .-actionArea{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin-top:16px}.p-benefits__howto .-actionArea .-coupon{background-color:#f2fbff;color:#99a9b0;font-size:.625rem;padding:16px;text-align:center;width:100%}.p-benefits__howto .-actionArea .-coupon .-label{color:#345461;display:block;line-height:1.4;margin:1em 0 4px}.p-benefits__howto .-actionArea .-coupon .-code{color:#01293a;font-size:.75rem;font-weight:700}.p-benefits__howto .-actionArea .-coupon.-tl_left{text-align:left}.p-benefits__howto .-actionArea .c-button{margin-top:16px;width:100%}@media(min-width:768px){.p-benefits__howto .-text{font-size:1rem;text-align:center}.p-benefits__howto .-actionArea{flex-direction:row;justify-content:space-between;margin-top:24px;min-height:48px;position:relative}.p-benefits__howto .-actionArea .-coupon{max-width:260px}.p-benefits__howto .-actionArea .c-button{margin:auto;position:absolute;right:0;width:200px}}.p-message{background:linear-gradient(135deg,#04b0fb,#6684f7);overflow:hidden;padding:48px 0;position:relative;transform:skewY(0deg)}.p-message:after{background:url(/packs/media/parts_logo_r-62cdb22c.png) no-repeat 0 0 transparent;background-size:371px 439px;content:"";display:block;height:439px;left:-131px;position:absolute;top:-34px;width:371px;z-index:-1}.p-message .c-section{transform:skewY(0deg)}.p-message .c-title{color:#fff;font-size:1rem;letter-spacing:1.5px;text-align:center}.p-message .p-ctaArea{margin:32px auto 0;max-width:320px;width:100%}.p-message .p-ctaArea p{color:#fff}@media(min-width:768px){.p-message{line-height:30px;padding:80px 0}.p-message:after{background-size:auto;height:439px;left:0;top:-34px;width:371px}.p-message .c-title{font-size:2rem;line-height:1.6}}.p-message__text{color:#fff;font-size:13px;letter-spacing:.44px;line-height:24px;margin-top:24px;padding:0 30px;text-align:left}@media(min-width:768px){.p-message__text{font-size:1rem;margin-top:32px;padding:0;text-align:center}}.u-mt_0{margin-top:4px}.u-mt_1x{margin-top:4px!important}.u-ml_1x{margin-left:4px!important}.u-mb_1x{margin-bottom:4px!important}.u-mt_2x{margin-top:8px!important}.u-ml_2x{margin-left:8px!important}.u-mb_2x{margin-bottom:8px!important}.u-mt_3x{margin-top:12px!important}.u-ml_3x{margin-left:12px!important}.u-mb_3x{margin-bottom:12px!important}.u-mt_4x{margin-top:16px!important}.u-ml_4x{margin-left:16px!important}.u-mb_4x{margin-bottom:16px!important}.u-mt_6x{margin-top:24px!important}.u-ml_6x{margin-left:24px!important}.u-mb_6x{margin-bottom:24px!important}.u-mt_8x{margin-top:32px!important}.u-ml_8x{margin-left:32px!important}.u-mb_8x{margin-bottom:32px!important}.u-mt_10x{margin-top:40px!important}.u-ml_10x{margin-left:40px!important}.u-mb_10x{margin-bottom:40px!important}.u-text__alert{color:#fd4477!important}.u-mobileBreak{display:block}@media(min-width:768px){.u-mobileBreak{display:none}}