@charset "UTF-8"; @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap"); body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; } ol, ul { list-style: none; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } q:before, q:after { content: ""; } abbr, acronym { border: 0; } /*iosのフォームボタンリセット*/ input[type=submit], input[type=button], input[type=reset] { border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; -moz-appearance: button; appearance: button; border: none; box-sizing: border-box; cursor: pointer; } input[type=submit]::-webkit-search-decoration, input[type=button]::-webkit-search-decoration, input[type=reset]::-webkit-search-decoration { display: none; } input[type=submit]::focus, input[type=button]::focus, input[type=reset]::focus { outline-offset: -2px; } /*変数設定用*/ * { padding: 0px; margin: 0px; box-sizing: border-box; } a { pointer-events: auto; } img { max-width: 100%; height: auto; width: auto; margin: 0; padding: 0; } li { list-style: none; } a { color: #666666; text-decoration: none; } a:hover { opacity: 0.7; } a:hover p:hover { opacity: 0.7; } a:hover img:hover { opacity: 0.7; } html { font-size: 62.5%; overflow-x: hidden; } body { font-size: 1.6rem; font-size: 62.5%; color: #000; font-family: "Noto Sans JP", sans-serif; -webkit-font-smoothing: antialiased; position: relative; } header { background: #fff; padding: 1.8rem 0; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); } @media screen and (max-width: 768px) { header .container { width: 95%; } } header .head__Logo a { display: flex; align-items: center; } header .head__Logo a img { max-width: 20rem; } @media screen and (max-width: 768px) { header .head__Logo a img { max-width: 30%; } } header .head__Logo a .head__LogoTxt { font-size: 1.6rem; color: #000; font-weight: 500; margin-left: 2rem; } @media screen and (max-width: 768px) { header .head__Logo a .head__LogoTxt { font-size: 1.2rem; margin-left: 1rem; } } main { position: relative; } main:before { content: ""; width: 100%; height: 45rem; position: absolute; bottom: 0; left: 0; background: url("./../img/img_bottom_bg.png"); background-size: cover; background-position: top left; background-repeat: no-repeat; z-index: -1; } main .under__Ttl { font-size: 4rem; color: #000; font-weight: 500; padding-bottom: 2.5rem; margin-bottom: 2.5rem; border-bottom: 0.1rem solid #ccc; } @media screen and (max-width: 768px) { main .under__Ttl { font-size: 2rem; padding-bottom: 1rem; margin-bottom: 1rem; } } main .under__Ttl span { font-size: 1.8rem; font-weight: 300; padding-left: 3rem; } @media screen and (max-width: 768px) { main .under__Ttl span { font-size: 1.4rem; padding-left: 1rem; } } footer { background: url("./../img/img_foot_bg.png"); background-size: cover; background-position: left top; padding: 4rem 0 0; } @media screen and (max-width: 768px) { footer { background: url("./../img/img_foot_bg_sp.png"); background-size: cover; background-position: top left; padding: 2.7rem 0 0; } } footer .container { display: flex; padding-bottom: 3rem; justify-content: space-between; } @media screen and (max-width: 768px) { footer .container { display: block; padding-bottom: 2.5rem; } } footer .foot__Fl { max-width: 45rem; width: 48%; } @media screen and (max-width: 768px) { footer .foot__Fl { max-width: none; width: 100%; } } footer .foot__Fl .foot__Logo { margin-bottom: 2rem; } @media screen and (max-width: 768px) { footer .foot__Fl .foot__Logo { margin: 0 auto 1.5rem; width: 39.4%; } } footer .foot__Fl .foot__Txt { font-size: 1.4rem; color: #fff; line-height: 1.7em; margin-bottom: 2rem; font-weight: 500; } @media screen and (max-width: 768px) { footer .foot__Fl .foot__Txt { font-size: 1.2rem; text-align: center; margin-bottom: 2.3rem; } } footer .foot__Address { font-size: 1.4rem; color: #fff; line-height: 1.7em; font-weight: 500; } @media screen and (max-width: 768px) { footer .foot__Address { font-size: 1.1rem; width: 61.4%; } } footer .foot__Fr { max-width: 50rem; width: 48%; padding-top: 2.5rem; } @media screen and (max-width: 768px) { footer .foot__Fr { max-width: none; width: 100%; display: flex; padding-top: 0; } } footer .foot__Fr .foot__List { display: flex; align-items: center; } @media screen and (max-width: 768px) { footer .foot__Fr .foot__List { display: block; width: 35.5%; } } footer .foot__Fr .foot__List .foot__Item { margin-right: 2.6rem; position: relative; padding-left: 1.5rem; } @media screen and (max-width: 768px) { footer .foot__Fr .foot__List .foot__Item { margin-right: 0; margin-bottom: 0.8rem; } } footer .foot__Fr .foot__List .foot__Item:before { position: absolute; left: 0; top: 0.75em; content: "●"; color: #fff; } @media screen and (max-width: 768px) { footer .foot__Fr .foot__List .foot__Item:before { top: calc(50% - 1em); } } footer .foot__Fr .foot__List .foot__Item a { color: #fff; font-size: 1.6rem; font-weight: 500; } @media screen and (max-width: 768px) { footer .foot__Fr .foot__List .foot__Item a { font-size: 1.2rem; } } footer .foot__Fr .foot__List .foot__Item:last-child { margin-right: 0; } footer .copyright { text-align: center; font-size: 1.4rem; color: #fff; padding: 1.6rem; background: #009800; font-weight: 500; } @media screen and (max-width: 768px) { footer .copyright { padding: 1rem; font-size: 1rem; } } @media screen and (max-width: 768px) { .vpc { display: none; } } .vsp { display: none; } @media screen and (max-width: 768px) { .vsp { display: block; } } .clearfix:after { content: " "; display: block; clear: both; } .container { max-width: 120rem; margin: auto; } @media screen and (max-width: 768px) { .container { width: 84%; } } .lazy { opacity: 0; transition: all 1s ease-in-out; } .lazy.on { opacity: 1; } .lazy_bottom { transform: translateY(30px); } .lazy_bottom.on { transform: none; } #page-top { position: fixed; bottom: 3rem; right: 3rem; width: 8rem; z-index: 10; } @media screen and (max-width: 768px) { #page-top { width: 14%; bottom: 2.6%; right: 2.6vw; } } .breadcrumb { margin: 0 auto 10rem; display: flex; align-items: center; } @media screen and (max-width: 768px) { .breadcrumb { margin: 0 auto 5rem; } } .breadcrumb li { font-size: 1.4rem; color: #ff817f; margin-right: 2.3rem; padding-right: 2.3rem; position: relative; font-weight: 500; } @media screen and (max-width: 768px) { .breadcrumb li { font-size: 1.2rem; margin-right: 1.5rem; padding-right: 1.5rem; } } .breadcrumb li:before { position: absolute; right: -1.25rem; top: calc(50% - 0.05rem); content: ""; width: 2.5rem; height: 0.1rem; background: #cdcdcd; } @media screen and (max-width: 768px) { .breadcrumb li:before { right: -0.75rem; width: 1.5rem; top: 55%; } } .breadcrumb li:last-child { margin-right: 0; padding-right: 0; } .breadcrumb li:last-child:before { display: none; } .breadcrumb li a { font-size: 1.4rem; color: #9a9a9a; font-weight: 500; } @media screen and (max-width: 768px) { .breadcrumb li a { font-size: 1.2rem; } } .front__Mv { height: 100vh; /* max-height: 84.5rem; */ max-height: 78rem; background: url("./../img/img_front_mv_pc.png"); background-size: cover; background-position: center; position: relative; } @media screen and (max-width: 768px) { .front__Mv { height: auto; max-height: none; background: none; } } .front__Mv .container .front__Mv-h1 { max-width: 64.5rem; width: 55%; margin-left: -35px; } @media screen and (max-width: 768px) { .front__Mv .container .front__Mv-h1 { position: absolute; top: 0; left: 0; width: 60.3%; margin-left: 0; } } .front__Mv .front__Mv-arrow { position: absolute; left: calc(50% - 2.5rem); bottom: -2.5rem; display: none !important; } @media screen and (max-width: 768px) { .front__Mv .front__Mv-arrow { left: calc(50% - 1.75rem); width: 3.5rem; height: 3.5rem; } } .front__Mv .front__Mv-arrow:before { content: ""; position: absolute; top: -4.5rem; left: calc(50% - 11rem); width: 22rem; height: 8rem; background: url("./../img/img_arrow_bg.png"); background-position: top center; } @media screen and (max-width: 768px) { .front__Mv .front__Mv-arrow:before { top: -2.5rem; left: calc(50% - 5.5rem); width: 11rem; height: 11rem; background: url(./../img/img_arrow_bg.png); background-position: top center; background-size: cover; } } .front__Mv .front__Mv-arrow .front__Mv-arrowbtn { position: relative; } .front__Step { margin: 12rem auto 4.5rem; } @media screen and (max-width: 768px) { .front__Step { margin: 2.25rem auto 2rem; } } .front__Step .front__StepList { display: flex; justify-content: space-between; align-items: center; max-width: 61rem; margin: auto; } @media screen and (max-width: 768px) { .front__Step .front__StepList { max-width: 84%; } } .front__Step .front__StepList .front__StepItem { width: 6.5rem; position: relative; } @media screen and (max-width: 768px) { .front__Step .front__StepList .front__StepItem { width: 3.5rem; } } .front__Step .front__StepList .front__StepItem:before { position: absolute; right: -5.8rem; bottom: 3rem; width: 4.5rem; height: 0.2rem; background: #999; content: ""; } @media screen and (max-width: 768px) { .front__Step .front__StepList .front__StepItem:before { right: -2.8rem; bottom: 1.8rem; width: 2rem; height: 0.1rem; } } .front__Step .front__StepList .front__StepItem .front__StepTtl { text-align: center; font-size: 1.6rem; color: #000; line-height: 1; margin-bottom: 1.5rem; } @media screen and (max-width: 768px) { .front__Step .front__StepList .front__StepItem .front__StepTtl { font-size: 1rem; margin-bottom: 0.75rem; } } .front__Step .front__StepList .front__StepItem .front__StepNumber { width: 6.5rem; height: 6.5rem; background: #e8e8e8; border-radius: 50rem; text-align: center; line-height: 6.5rem; font-size: 2rem; font-family: "Oswald", sans-serif; color: #666666; } @media screen and (max-width: 768px) { .front__Step .front__StepList .front__StepItem .front__StepNumber { width: 3.5rem; height: 3.5rem; line-height: 3.5rem; font-size: 1.2rem; } } .front__Step .front__StepList .front__StepItem.-active .front__StepNumber { background: #ff817f; color: #fff; font-weight: bold; } .front__Step .front__StepList .front__StepItem.-complete .front__StepNumber { background: #549712; color: #fff; font-weight: bold; } .front__Step .front__StepList .front__StepItem.-complete:before { background-color: #549712; } .front__Step .front__StepList .front__StepItem:last-child:before { display: none; } .front__Form { margin-bottom: 10rem; } @media screen and (max-width: 768px) { .front__Form { width: 84%; margin: 0 auto 5rem; } } .front__Form .front__FormFlex { display: flex; justify-content: space-between; align-items: center; max-width: 120rem; margin: 0 auto; } @media screen and (max-width: 768px) { .front__Form .front__FormFlex { justify-content: flex-end; margin-bottom: 1.7rem; } } .front__Form .front__FormFlex .front__FormTxt { font-size: 1.6rem; color: #000; } @media screen and (max-width: 768px) { .front__Form .front__FormFlex .front__FormTxt { display: none; } } .front__Form .front__FormFlex .front__FormTxt span { font-weight: bold; background: #40b813; color: #fff; line-height: 1; padding: 0rem 1rem; margin-right: 0.9rem; } .front__Form .front__FormFlex .front__FormLog .front__FormDate { font-size: 1.6rem; color: #000; margin-right: 1.5rem; } @media screen and (max-width: 768px) { .front__Form .front__FormFlex .front__FormLog .front__FormDate { /* font-size: 1.2rem; */ font-size: 1rem; margin-right: 1rem; } } .front__Form .front__FormFlex .front__FormLog .front__FormUpdate { font-size: 1.6rem; color: #fff; border-radius: 0.6rem; font-weight: bold; line-height: 1; padding: 0.5rem 1rem 0.5rem 4.5rem; background: url("./../img/icon_update.png") no-repeat center left 1.5rem; background-size: 2.5rem; background-color: #ff9700; } @media screen and (max-width: 768px) { .front__Form .front__FormFlex .front__FormLog .front__FormUpdate { /* font-size: 1.1rem; background-size: 1.8rem; */ font-size: 1rem; padding: 0.4rem 1rem 0.5rem 2.5rem; background: #ff9700 url("./../img/icon_update.png") no-repeat center left 0.8rem; background-size: 1rem; } } .front__Form .front__FormSlideOver { max-width: 130rem; width: 100%; margin: auto; overflow: hidden; } .front__Form .front__FormSlideWrap { width: 650rem; } @media screen and (max-width: 768px) { .front__Form .front__FormSlideWrap { width: 100%; } } .front__Form .front__FormSlideWrap .front__FormSlideList { max-width: 130rem; width: 100%; float: left; transition: 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); /* opacity: 0; */ visibility: hidden; height: 1px; } @media screen and (max-width: 768px) { .front__Form .front__FormSlideWrap .front__FormSlideList { max-width: 100%; } } .front__Form .front__FormSlideWrap .front__FormSlideList.-op { opacity: 1; visibility: initial; height: auto; } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable { max-width: 120rem; width: 100%; margin: 3rem auto 4rem; background: #fff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15); } @media screen and (max-width: 768px) { .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable { max-width: 100%; box-shadow: none; border-top: 0.1rem solid #dedede; margin: 0 auto 1.7rem; } } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable tr:nth-child(n+2) { border-top: 0.1rem solid #dedede; } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTh { width: 39.5rem; background: #fffabc; color: #000; font-size: 2rem; font-weight: bold; position: relative; padding: 3.4rem 2.7rem 3.4rem 8.8rem; vertical-align: top; } @media screen and (max-width: 768px) { .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTh { display: block; width: 100%; font-size: 1.4rem; /* padding: 1.8rem 0 1.8rem 4rem; */ padding: 1.8rem 0 0.5rem 4rem; background: #fff; } } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTh .small { display: block; color: #666; font-size: 1.4rem; } @media screen and (max-width: 768px) { .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTh .small { font-size: 1rem; } } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTh .require { position: absolute; left: 3rem; top: 3.75rem; font-weight: bold; background: #40b813; color: #fff; line-height: 1; padding: 0.4rem 1rem; font-size: 1.6rem; } @media screen and (max-width: 768px) { .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTh .require { left: 0; top: 2.2rem; padding: 0.2rem 0.5rem; font-size: 1rem; font-weight: 500; } } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTh .require.-any { background: #a6a6a6; } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTh .check-label { margin-top: 1rem; opacity: 0; transition-property: all; transition-duration: 0.5s; transition-timing-function: ease; transition-delay: 0s; height: 0; } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTh .check-label.err { height: auto; opacity: 1; } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTh .check-label span { display: inline-block; font-size: 1.4rem; font-weight: 500; line-height: 3rem; color: #fff; padding: 0 1.5rem; background: linear-gradient(rgb(229, 131, 131), rgba(248, 103, 79, 0.99608)); border-radius: 0.6rem; border-bottom: 0.3rem solid #d65f5d; } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd { width: calc(100% - 39.5rem); padding: 3.4rem 2.7rem; } @media screen and (max-width: 768px) { .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd { display: block; width: 100%; padding: 0; border-bottom: 0.1rem solid #dedede; padding-bottom: 1.7rem; } } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd.-bganime { position: relative; overflow: hidden; } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd.-bganime:before { position: absolute; content: ""; display: inline-block; top: 0; left: 50%; width: 30px; height: 100%; background-color: #fffabc; animation: shiny-btn1 2s ease-in-out infinite; } @media screen and (min-width: 1024px) { .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd.fx { width: 100%; display: flex; flex-wrap: wrap; } } @media screen and (min-width: 1024px) { .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd.fx .select__Wrap.w01 { width: 35%; margin-right: 10px; } } @media screen and (max-width: 768px) { .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd.fx .select__Wrap.w01 { margin-bottom: 25px; } } @media screen and (min-width: 1024px) { .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd.fx .select__Wrap.w02 { width: 40%; } } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd .front__FormTdFlex { display: flex; flex-wrap: wrap; justify-content: space-between; } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd .mwform-checkbox-field, .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd .mwform-radio-field { display: block; width: 49%; border-radius: 1rem; margin-left: 0 !important; margin-bottom: 2rem; } @media screen and (max-width: 768px) { .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd .mwform-checkbox-field, .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd .mwform-radio-field { width: 48%; margin-bottom: 1.5rem; } } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd label input { display: none; } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd label span { display: flex; align-items: center; height: 9rem; color: #333; font-size: 1.8rem; font-weight: 600; border-radius: 1rem; padding: 2rem 2rem 2rem 43%; border: 0.2rem solid #dedede; background: #fff; } @media screen and (max-width: 768px) { .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd label span { padding: 7.5rem 1rem 4.2rem 1rem; font-size: 1.2rem; text-align: center; display: block; } } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd label input:checked + span { background-color: #ffe8e8; border: 0.2rem solid #ff817f; } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd.-faq01 .mwform-checkbox-field .mwform-checkbox-field-text { position: relative; } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd.-faq01 .mwform-checkbox-field .mwform-checkbox-field-text:before { content: ""; position: absolute; left: 1rem; bottom: 0; width: 12rem; height: 6.7rem; background-size: cover; } @media screen and (max-width: 768px) { .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd.-faq01 .mwform-checkbox-field .mwform-checkbox-field-text:before { content: ""; position: absolute; top: 1rem; left: 13%; bottom: auto; width: 74%; height: 0; padding-top: 40%; background-size: cover; } } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd.-faq01 .mwform-checkbox-field:nth-child(1) .mwform-checkbox-field-text:before { background-image: url("./../img/illust_faq01_01.png"); } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd.-faq01 .mwform-checkbox-field:nth-child(2) .mwform-checkbox-field-text:before { background-image: url("./../img/illust_faq01_02.png"); } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd.-faq01 .mwform-checkbox-field:nth-child(3) .mwform-checkbox-field-text:before { background-image: url("./../img/illust_faq01_03.png"); } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd.-faq01 .mwform-checkbox-field:nth-child(4) .mwform-checkbox-field-text:before { background-image: url("./../img/illust_faq01_04.png"); } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd.-faq01 .mwform-checkbox-field:nth-child(5) .mwform-checkbox-field-text:before { background-image: url("./../img/illust_faq01_05.png"); } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd.-faq01 .mwform-checkbox-field:nth-child(6) .mwform-checkbox-field-text:before { background-image: url("./../img/illust_faq01_06.png"); } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd.-faq01 .mwform-checkbox-field:nth-child(7) { margin-bottom: 0; } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd.-faq01 .mwform-checkbox-field:nth-child(7) .mwform-checkbox-field-text:before { background-image: url("./../img/illust_faq01_07.png"); } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd.-faq01 .mwform-checkbox-field:nth-child(8) { margin-bottom: 0; } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd.-faq01 .mwform-checkbox-field:nth-child(8) .mwform-checkbox-field-text:before { background-image: url("./../img/illust_faq01_08.png"); } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd.-faq02 .mwform-checkbox-field .mwform-checkbox-field-text { position: relative; } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd.-faq02 .mwform-checkbox-field .mwform-checkbox-field-text:before { content: ""; position: absolute; left: 1rem; bottom: 0; width: 12rem; height: 7rem; background-size: cover; } @media screen and (max-width: 768px) { .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd.-faq02 .mwform-checkbox-field .mwform-checkbox-field-text:before { content: ""; position: absolute; top: 1rem; left: 13%; bottom: auto; width: 74%; height: 0; padding-top: 40%; background-size: cover; } } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd.-faq02 .mwform-checkbox-field:nth-child(1) .mwform-checkbox-field-text:before { background-image: url("./../img/illust_faq02_01.png"); } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd.-faq02 .mwform-checkbox-field:nth-child(2) .mwform-checkbox-field-text:before { background-image: url("./../img/illust_faq02_02.png"); } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd.-faq02 .mwform-checkbox-field:nth-child(3) .mwform-checkbox-field-text:before { background-image: url("./../img/illust_faq02_03.png"); } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd.-faq02 .mwform-checkbox-field:nth-child(4) .mwform-checkbox-field-text:before { background-image: url("./../img/illust_faq02_04.png"); } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd.-faq02 .mwform-checkbox-field:nth-child(5) { margin-bottom: 0; } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd.-faq02 .mwform-checkbox-field:nth-child(5) .mwform-checkbox-field-text:before { background-image: url("./../img/illust_faq02_05.png"); } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd.-faq02 .mwform-checkbox-field:nth-child(6) { margin-bottom: 0; } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd.-faq02 .mwform-checkbox-field:nth-child(6) .mwform-checkbox-field-text:before { background-image: url("./../img/illust_faq02_06.png"); } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd.-faq03 .mwform-radio-field .mwform-radio-field-text { position: relative; } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd.-faq03 .mwform-radio-field .mwform-radio-field-text:before { content: ""; position: absolute; left: 1rem; bottom: calc(50% - 3.5rem); width: 12rem; height: 7rem; background-size: cover; } @media screen and (max-width: 768px) { .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd.-faq03 .mwform-radio-field .mwform-radio-field-text:before { content: ""; position: absolute; top: 1rem; left: 13%; bottom: auto; width: 74%; height: 0; padding-top: 40%; background-size: cover; } } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd.-faq03 .mwform-radio-field:nth-child(1) .mwform-radio-field-text:before { background-image: url("./../img/illust_faq03_01.png"); } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd.-faq03 .mwform-radio-field:nth-child(2) .mwform-radio-field-text:before { background-image: url("./../img/illust_faq03_02.png"); } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd.-faq03 .mwform-radio-field:nth-child(3) .mwform-radio-field-text:before { background-image: url("./../img/illust_faq03_03.png"); } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd.-faq03 .mwform-radio-field:nth-child(4) .mwform-radio-field-text:before { background-image: url("./../img/illust_faq03_04.png"); } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd.-faq03 .mwform-radio-field:nth-child(5) { margin-bottom: 0; } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd.-faq03 .mwform-radio-field:nth-child(5) .mwform-radio-field-text:before { background-image: url("./../img/illust_faq03_05.png"); } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd.-faq03 .mwform-radio-field:nth-child(6) { margin-bottom: 0; } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd.-faq03 .mwform-radio-field:nth-child(6) .mwform-radio-field-text:before { background-image: url("./../img/illust_faq03_06.png"); } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd input[type=text] { max-width: 30rem; width: 100%; padding: 1rem; border: 0.1rem solid #ccc; font-size: 1.6rem; } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd input[type=text]#address1 { max-width: 20rem; } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd .select__Wrap { position: relative; max-width: 30rem; } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd .select__Wrap select { width: 100%; padding: 1rem; border: 0.1rem solid #ccc; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url(./../img/icon_select_arrow.png) no-repeat center right 12px; } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd .comment { font-size: 1.2rem; } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd .rela { position: relative; display: inline-block; } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd .check-label { left: 10rem; bottom: -3rem; position: absolute; left: 50%; transform: translateX(-50%); z-index: 10; width: 100%; opacity: 0; transition-property: all; transition-duration: 0.5s; transition-timing-function: ease; transition-delay: 0s; } @media screen and (max-width: 768px) { .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd .check-label { bottom: -2rem; } } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd .check-label.err { opacity: 1; } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd .check-label span { display: inline-block; font-size: 1.4rem; font-weight: 500; line-height: 3rem; color: #fff; padding: 0 1.5rem; background: linear-gradient(rgb(229, 131, 131), rgba(248, 103, 79, 0.99608)); border-radius: 0.6rem; border-bottom: 0.3rem solid #d65f5d; position: relative; } @media screen and (max-width: 768px) { .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd .check-label span { font-size: 1.2rem; line-height: 2.5rem; padding: 0 1.2rem; } } .front__Form .front__FormSlideWrap .front__FormSlideList .front__Formtable .front__FormTd .check-label span:before { content: ""; position: absolute; display: block; top: -7px; left: 50%; margin-left: -4px; z-index: 10; width: 0; height: 0; border-style: solid; border-width: 0 4px 7px 4px; border-color: transparent transparent #eb6e8f transparent; } .front__Form .front__FormSlideWrap .front__FormBtnwrap { display: flex; justify-content: center; } .front__Form .front__FormSlideWrap .front__FormBtnwrap .submit-outer { position: relative; max-width: 44.5rem; width: 100%; margin-left: 1rem; } @media screen and (max-width: 768px) { .front__Form .front__FormSlideWrap .front__FormBtnwrap .submit-outer { margin-left: 0rem; } } .front__Form .front__FormSlideWrap .front__FormBtnwrap .submit-outer .submit-mil { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; cursor: pointer; display: block; } .front__Form .front__FormSlideWrap .front__FormBtnwrap .nextBtn { max-width: 44.5rem; width: 100%; margin: 0 1rem; display: block; background: linear-gradient(rgba(248, 103, 79, 0.99608), rgb(229, 131, 131)); font-size: 2.6rem; color: #fff; border: 0.4rem solid #f45f5d; border-bottom: 0.8rem solid #f45f5d; padding: 3rem 0; line-height: 1; border-radius: 4.65rem; text-align: center; font-weight: bold; position: relative; height: 100%; } @media screen and (max-width: 768px) { .front__Form .front__FormSlideWrap .front__FormBtnwrap .nextBtn { border: 0.2rem solid #f45f5d; border-bottom: 0.4rem solid #f45f5d; margin: 0; padding: 1.5rem 0; font-size: 1.8rem; } } .front__Form .front__FormSlideWrap .front__FormBtnwrap .nextBtn span { font-size: 1.6rem; margin-right: 2rem; border: 0.2rem solid #fff; padding: 0 1.2rem; font-weight: bold; } @media screen and (max-width: 768px) { .front__Form .front__FormSlideWrap .front__FormBtnwrap .nextBtn span { border: 0.1rem solid #fff; font-size: 1.2rem; padding: 0.2rem 1.2rem; margin-right: 1rem; } } .front__Form .front__FormSlideWrap .front__FormBtnwrap .nextBtn:before { content: ""; position: absolute; right: 3.3rem; top: calc(50% - 1.1rem); width: 1.3rem; height: 2.2rem; background: url("./../img/icon_arrow_white.png"); } .front__Form .front__FormSlideWrap .front__FormBtnwrap .nextBtn.-last { font-size: 1.8rem; padding: 1.5rem 0; line-height: 1.4em; display: flex; align-items: center; justify-content: center; } .front__Form .front__FormSlideWrap .front__FormBtnwrap .nextBtn.-last span { margin-left: -5rem; } .front__Form .front__FormSlideWrap .front__FormBtnwrap .nextBtn.-submitbtn { background: url(./../img/img_submitbtn.png); background-repeat: no-repeat; border: none; margin-left: 0; } @media screen and (max-width: 768px) { .front__Form .front__FormSlideWrap .front__FormBtnwrap .nextBtn.-submitbtn { background-size: contain; } } .front__Form .front__FormSlideWrap .front__FormBtnwrap .nextBtn.-bganime { position: relative; overflow: hidden; } .front__Form .front__FormSlideWrap .front__FormBtnwrap .nextBtn.-bganime:after { position: absolute; content: ""; display: inline-block; top: 0; left: 0; width: 30px; height: 100%; background-color: #fff; animation: shiny-btn1 2s ease-in-out infinite; } .front__Form .front__FormSlideWrap .front__FormBtnwrap .backBtn { max-width: 44.5rem; margin: 0 1rem; width: 100%; display: block; background: linear-gradient(rgba(221, 221, 221, 0.99608), rgb(180, 180, 180)); font-size: 2.6rem; color: #fff; border: 0.4rem solid #cccccc; border-bottom: 0.8rem solid #cccccc; padding: 3rem 0; line-height: 1; border-radius: 4.65rem; text-align: center; font-weight: bold; position: relative; } @media screen and (max-width: 768px) { .front__Form .front__FormSlideWrap .front__FormBtnwrap .backBtn { border: 0.2rem solid #cccccc; border-bottom: 0.4rem solid #cccccc; margin: 0; /* padding: 1.5rem 0; */ padding: 1rem 0; font-size: 1.8rem; width: 45%; margin-right: 3%; } } .front__Form .front__FormSlideWrap .front__FormBtnwrap .backBtn:before { content: ""; position: absolute; left: 3.3rem; top: calc(50% - 1.1rem); width: 1.3rem; height: 2.2rem; background: url("./../img/icon_arrow_white.png"); transform: rotate(180deg); } @media screen and (max-width: 768px) { .front__Form .front__FormSlideWrap .front__FormBtnwrap .backBtn:before { left: 1.3rem; top: calc(50% - 0.55rem); width: 0.65rem; height: 1.1rem; background-size: cover; } } @media screen and (max-width: 768px) { .front__Form .front__FormSlideWrap .front__FormBtnwrap.-column2 .nextBtn:before { top: calc(50% - 0.55rem); width: 0.65rem; height: 1.1rem; background-size: cover; right: 1.3rem; } } .front__Intro { padding-bottom: 10rem; } @media screen and (max-width: 768px) { .front__Intro { padding-bottom: 2.5rem; } } @media screen and (max-width: 768px) { .front__Intro .container { width: 100%; } } .front__Intro .front__IntroList { display: flex; justify-content: space-between; margin-bottom: 10rem; } @media screen and (max-width: 768px) { .front__Intro .front__IntroList { margin-bottom: 2.8rem; } } .front__Intro .front__IntroList .front__IntroItem { width: 32%; } @media screen and (max-width: 768px) { .front__Intro .front__IntroList .front__IntroItem { margin-right: 1rem !important; margin-left: 1rem !important; } } .front__Intro .front__IntroList .front__IntroItem .front__IntroThumbnail { margin-bottom: 2rem; } .front__Intro .front__IntroList .front__IntroItem .front__IntroTtl { text-align: center; font-size: 1.8rem; color: #000; line-height: 1.66em; font-weight: 500; } @media screen and (max-width: 768px) { .front__Intro .front__IntroList .front__IntroItem .front__IntroTtl { font-size: 1.4rem; } } .front__Intro .front__IntroTxt { text-align: center; font-size: 1.6rem; line-height: 1.75em; font-weight: 500; } @media screen and (max-width: 768px) { .front__Intro .front__IntroTxt { font-size: 1.1rem; } } .front__Intro .slide-arrow { cursor: pointer; position: absolute; top: 40%; transform: translate(0, -50%); z-index: 10; width: 3.5rem; height: 3.5rem; background-size: cover; display: block; } .front__Intro .slide-arrow.next-arrow { right: 2.5rem; background-image: url(./../img/icon_sp_nextarrow.png); } .front__Intro .slide-arrow.prev-arrow { left: 2.5rem; background-image: url(./../img/icon_sp_prevarrow.png); } .company { padding: 10rem 0; } @media screen and (max-width: 768px) { .company { padding: 5rem 0; } } .company .company__Profile { display: flex; justify-content: space-between; } @media screen and (max-width: 768px) { .company .company__Profile { display: block; } } .company .company__Profile .company__Fl { width: 50%; } @media screen and (max-width: 768px) { .company .company__Profile .company__Fl { width: 100%; } } .company .company__Profile .company__Fl .company__Table { width: 100%; } .company .company__Profile .company__Fl .company__Table tr { border-bottom: 0.1rem solid #ccc; } .company .company__Profile .company__Fl .company__Table .company__TableTh { width: 16.5rem; font-size: 1.6rem; color: #000; font-weight: 500; padding: 1.1rem 2rem; line-height: 1.875em; vertical-align: top; } @media screen and (max-width: 768px) { .company .company__Profile .company__Fl .company__Table .company__TableTh { display: block; width: 100%; font-weight: bold; padding: 1rem 0 0.5rem; font-size: 1.4rem; } } .company .company__Profile .company__Fl .company__Table .company__TableTd { width: calc(100% - 16.5rem); font-size: 1.6rem; color: #000; font-weight: 500; padding: 1.1rem 2rem 1.1rem 0; line-height: 1.875em; } @media screen and (max-width: 768px) { .company .company__Profile .company__Fl .company__Table .company__TableTd { display: block; width: 100%; padding: 0 0 1rem; font-size: 1.2rem; } } .company .company__Profile .company__Fr { width: 45%; height: 0; padding-top: 36.25%; position: relative; overflow: hidden; border-radius: 1rem; } @media screen and (max-width: 768px) { .company .company__Profile .company__Fr { margin-top: 3rem; width: 100%; padding-top: 56.25%; } } .company .company__Profile .company__Fr iframe { position: absolute; left: 0; top: 0; height: 100%; width: 100%; } .privacy { padding: 4rem 0; } @media screen and (max-width: 768px) { .privacy { padding: 5rem 0; } } .privacy .privacy__Wrap .privacy__Ttl { font-size: 2.4rem; font-weight: 500; color: #000; padding-bottom: 2.5rem; margin-bottom: 2.5rem; position: relative; } @media screen and (max-width: 768px) { .privacy .privacy__Wrap .privacy__Ttl { font-size: 1.8rem; padding-bottom: 1rem; margin-bottom: 1rem; } } .privacy .privacy__Wrap .privacy__Ttl:before { content: ""; position: absolute; left: 0; bottom: 0; width: 10.5rem; height: 0.2rem; background: #01aa00; } .privacy .privacy__Wrap .privacy__Txt { font-size: 1.4rem; line-height: 2.14em; font-weight: 500; color: #000; margin-bottom: 2.5rem; } @media screen and (max-width: 768px) { .privacy .privacy__Wrap .privacy__Txt { font-size: 1.2rem; margin-bottom: 2rem; } } .thanks { padding: 10rem 0; } @media screen and (max-width: 768px) { .thanks { padding: 5rem 0; } } .thanks .thanks__Ttl { font-size: 2.4rem; font-weight: 500; color: #000; padding-bottom: 2.5rem; margin-bottom: 2.5rem; position: relative; text-align: center; } @media screen and (max-width: 768px) { .thanks .thanks__Ttl { font-size: 1.8rem; padding-bottom: 1rem; margin-bottom: 1rem; } } .thanks .thanks__Txt { font-size: 1.4rem; line-height: 2.14em; font-weight: 500; color: #000; margin-bottom: 5rem; text-align: center; } @media screen and (max-width: 768px) { .thanks .thanks__Txt { font-size: 1.2rem; margin-bottom: 2rem; } } .thanks .thanks__Btn { max-width: 44.5rem; width: 100%; margin: auto; display: block; background: linear-gradient(rgba(248, 103, 79, 0.99608), rgb(229, 131, 131)); font-size: 2.6rem; color: #fff; border: 0.4rem solid #d65f5d; border-bottom: 0.8rem solid #d65f5d; padding: 3rem 0; line-height: 1; border-radius: 4.65rem; text-align: center; font-weight: bold; position: relative; } @media screen and (max-width: 768px) { .thanks .thanks__Btn { border: 0.2rem solid #d65f5d; border-bottom: 0.4rem solid #d65f5d; margin: 0; padding: 1.5rem 0; font-size: 1.8rem; } } .thanks .thanks__Btn:before { content: ""; position: absolute; left: 3.3rem; top: calc(50% - 1.1rem); width: 1.3rem; height: 2.2rem; background: url(./../img/icon_arrow_white.png); transform: rotate(180deg); }/*# sourceMappingURL=style.css.map */