@charset "UTF-8";

/*Reset*/
html
{
    /*scroll-behavior: smooth;*/
    background-color:#FFFFFF;
}
body
{
    margin:0;
    padding:0;
    position:relative;

    background-color:#D1ECFC; /*important property*/
    font-size: 100%;
    font-family: "Noto Sans JP", sans-serif;
    color:#FFFFFF;
}
body *
{
    position:relative;
    box-sizing: border-box;
}
img
{
    max-width: 100%;
}
ul
{
    list-style:none;
    padding:0;
    margin:0;
}
p
{
    margin:0;
    font-size:16px;
}
h1, h2, h3, h4, h5
{
    margin:0;    
}
h1
{
    font-size:20px;
    font-weight: bold;
}
a
{
    color:inherit;
    text-decoration: none;
}

/*General Classes*/
.display-block
{
    display:block;
}
.display-inline
{
    display:inline;
}
.display-inline-block
{
    display:inline-block;
}
.position-absolute
{
    position:absolute;
}
.centered-inline
{
    text-align:center;
}
.centered-block
{
    margin:auto auto;
}
.unlimited-max-width
{
    max-width:none;
}
.width-100
{
    width:100%;
}
.side-padding-20px
{
    padding-left: 20px;
    padding-right: 20px;
}
.max-width-restrictor
{
    max-width:800px;
    margin:auto auto;
}
.text-align-left
{
    text-align:left;
}
.visible-sp
{
    display:none !important;
}

/*General (Survey)*/
.button
{
    cursor: pointer;
    user-select: none;
}

/*body*/
body
{
    padding: 60px 0;
    
    font-size: 16px;
    line-height: 24px;
}

/*main*/
#container-content
{
    padding: 60px;
    border-radius: 20px;
    color: #000;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 20px #7EC7F5;
}
form
{
    display: flex;
    flex-direction: column-reverse;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output 
{
    border-color: #ED474A;
    color: #ED474A;
    font-size: 16px;
}
.wpcf7 form .wpcf7-response-output 
{
    margin: 48px 0 0 0;
    padding: 24px;
    border: 2px solid #00a0d2;
    border-radius: 16px;
}
.ul-form
{
    display: flex;
    flex-direction: column;
    gap:48px;
    margin-top: 48px;
}
.container-heading
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height:67px;
    padding: 16px;
    margin-bottom: 16px;
    border-radius: 8px;
    background-color: #D1ECFC;
}
.container-heading h1
{
    font-weight: normal;
}
.container-heading-required
{
    display: flex;
    justify-content: center;
    align-items: center;
    width:64px;
    height:35px;
    border-radius: 32px;
    background-color: #EE96B0;
}
.container-heading-required p
{
    font-weight: bold;
    color: #FFFFFF;
}
input,
select
{
    z-index: 1;
}
input[type="text"],
input[type="email"],
input[type="number"],
select,
textarea,
#container-eula
{
    height: 43px;
    padding-left: 20px;
    border: 1px solid #CCCCCC;
    border-radius: 8px;
    box-sizing: border-box;
    overflow-y: scroll;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"],
select:focus,
textarea:focus
{
    outline: 2px solid #7EC7F5;
    border: none;
}
input[type="text"].wpcf7-not-valid,
input[type="email"].wpcf7-not-valid,
input[type="number"].wpcf7-not-valid
{
    border: 1px solid #ED474A;
    background-color: #FDEDED;
}
input[type="checkbox"]
{
    margin: 0 8px;
}
input[type="checkbox"]::before
{
    content: "";
    position: absolute;
    top: -5px;
    left: -8px;
    width: 24px;
    height: 24px;
    background-image: url("img/checkbox0.svg");
}
input[type="checkbox"]:checked::before
{
    background-image: url("img/checkbox1.svg");
}
.wpcf7-not-valid input[type="checkbox"]::before
{
    background-image: url("img/checkbox2.svg");
}
input[type="radio"]
{
    margin-right: 8px;
}
input[type="radio"]::before
{
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    width: 24px;
    height: 24px;
    border: 2px solid #CCCCCC;
    border-radius: 100%;
    background-color: #FFFFFF;
    box-sizing: border-box;
    z-index: 1;
}
input[type="radio"]:checked::before
{
    border: 2px solid #7EC7F5;
}
input[type="radio"]:checked::after
{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background-color: #7EC7F5;
    z-index: 1;
}
.wpcf7-not-valid input[type="radio"]::before
{
    border: 2px solid #ED474A;
}
select
{
    appearance: none;
    -webkit-appearance: none;
}
select::-ms-expand
{
    display: none;
}
span[data-name="select-birth-year"]::before,
span[data-name="select-birth-month"]::before,
span[data-name="select-birth-date"]::before,
span[data-name="select-position"]::before,
span[data-name="select-pref"]::before,
span[data-name="select-insurance"]::before
{
    content: "";
    position: absolute;
    bottom: 16px;
    right: 8px;
    width: 10px;
    height: 10px;
    background-color: #CCCCCC;
    clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
    z-index: 2;
}
span[data-name="select-pref"]::before,
span[data-name="select-insurance"]::before
{
    top: 10px;
}
textarea
{
    width: 100%;
    height: 80px;
    padding: 20px;
    resize: vertical;
}
#container-eula
{
    width: 100%;
    height: 200px;
    padding: 32px;
    resize: vertical;
}
.wpcf7-list-item
{
    margin: 0;
}
.li-header_image img
{
    display: block;
    width: 100%;
}
.container-form-name
{
    display: flex;
    flex-direction: row;
}
.container-form-name input
{
    width: 240px;
}
.container-form-name
{
    display: flex;
}
.container-form-name > p
{
    display: flex;
    padding-left: 8px;
}
.container-form-name .wpcf7-form-control-wrap
{
    display: flex;
    flex-direction: column-reverse;
}
.wpcf7-not-valid-tip
{
    margin-bottom: 16px;
    color: #ED474A;
    font-weight: bold;
}
#p-message-zip
{
    margin-top: 16px;
    color: #ED474A;
    font-weight: bold;
}
.container-form-name .wpcf7-not-valid-tip
{
    left: -24px;
}
.container-form-name > p:nth-of-type(1)
{
    padding-right:32px;
}
.container-form-name > p:nth-of-type(2) .wpcf7-not-valid-tip
{
    left: -320px;
    padding-bottom: 16px;
    background-color: #FFFFFF;
}
.container-form-name .container-form-item-title
{
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding-bottom:12px;
}
#container-form-name-kana .wpcf7-not-valid-tip
{
    left: -40px;
}
#container-form-name-kana > p:nth-of-type(2) .wpcf7-not-valid-tip
{
    left: -352px;
}
select[name="select-birth-year"]
{
    width: 120px;
}
select[name="select-birth-month"]
{
    width: 104px;
}
select[name="select-birth-date"]
{
    width: 104px;
}
#container-form-ymd
{
    display: flex;
    align-items: center;
}
#container-form-ymd > p:nth-of-type(1),
#container-form-ymd > p:nth-of-type(3),
#container-form-ymd > p:nth-of-type(5)
{
    display: flex;
    flex-direction: column;
    justify-content: start;
}
#container-form-ymd > p:nth-of-type(2),
#container-form-ymd > p:nth-of-type(4),
#container-form-ymd > p:nth-of-type(6)
{
    height:26px;
    padding: 0 16px;
}
#container-form-gender > p > span
{
    display: flex;
    flex-direction: column-reverse;
}
#container-form-gender > p > span > .wpcf7-radio
{
    display: grid;
    width:680px;
    height:64px;
    grid-template-columns: calc(50% - 8px) calc(50% - 8px);
    grid-template-rows: calc(50% - 8px) calc(50% - 8px);
    gap:16px;
}

/*family*/
#container-form-family .p-notice
{
    margin-bottom: 16px;
}
#container-form-family > p > span
{
    display: flex;
    flex-direction: column-reverse;
}
#container-form-family > p > span > .wpcf7-checkbox
{
    display: grid;
    width:680px;
    height:144px;
    grid-template-columns: calc(50% - 8px) calc(50% - 8px);
    grid-template-rows: 24px 24px 24px 24px;
    gap:16px;
}

/*Position*/
#container-form-position select,
#container-form-position input
{
    width: 680px;
}
#container-form-position .p-notice
{
    margin: 16px 0;
}
#container-form-position > p > span
{
    display: flex;
    flex-direction: column-reverse;
}

/*Zip*/
#container-form-zip
{
    display: flex;
    align-items: end;
    gap: 8px;
}
#container-form-zip > p:nth-of-type(2)
{
    margin-bottom:12px;
}
#container-form-zip > p:nth-of-type(1) > span,
#container-form-zip > p:nth-of-type(3) > span
{
    display: flex;
    flex-direction: column-reverse;
}
#container-form-zip .wpcf7-not-valid-tip
{
    position: absolute;
    width:300px;
}
#container-form-zip > p:nth-of-type(1) .wpcf7-not-valid-tip
{
    top: 0;
    left: 0px;
}
#container-form-zip > p:nth-of-type(3) .wpcf7-not-valid-tip
{
    top: 0;
    left: -118px;
    background-color: #FFFFFF;
}
#container-form-zip input.wpcf7-not-valid
{
    margin-top:35px;
}
input[name="text-zip-1"]
{
    width: 96px;
}
input[name="text-zip-2"]
{
    width: 120px;
}
.a-button-zip
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 43px;
    border-radius: 8px;
    background-color: #7EC7F5;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
}

/*pref*/
select[name="select-pref"]
{
    width: 240px;
}

/*full-text*/
.container-form-fulltext input
{
    width: 100%;
}
.container-form-fulltext-with-yen input
{
    width: calc(100% - 36px);
}
.container-form-fulltext > p > span
{
    display: flex;
    flex-direction: column-reverse;
}

/*tel*/
.container-form-tel
{
    display: flex;
    align-items: end;
    gap: 8px;
}
.container-form-tel > p:nth-of-type(2),
.container-form-tel > p:nth-of-type(4)
{
    margin-bottom:12px;
}
.container-form-tel > p:nth-of-type(1) > span,
.container-form-tel > p:nth-of-type(3) > span,
.container-form-tel > p:nth-of-type(5) > span
{
    display: flex;
    flex-direction: column-reverse;
}
.container-form-tel .wpcf7-not-valid-tip
{
    position: absolute;
    width:400px;
}
.container-form-tel input.wpcf7-not-valid
{
    margin-top: 35px;
}
.container-form-tel > p:nth-of-type(1) .wpcf7-not-valid-tip
{
    top: 0;
    left: 0;
}
.container-form-tel > p:nth-of-type(3) .wpcf7-not-valid-tip
{
    top: 0;
    left: -118px;
    background-color: #FFFFFF;
}
.container-form-tel > p:nth-of-type(5) .wpcf7-not-valid-tip
{
    top: 0;
    left: -260px;
    background-color: #FFFFFF;
}
input[name="text-tel-1"]
{
    width: 96px;
}
input[name="text-tel-2"]
{
    width: 120px;
}
input[name="text-tel-3"]
{
    width: 120px;
}

/*income*/
#container-form-income .p-notice
{
    margin: 16px 0;
}
.container-grid-income > p > span
{
    display: flex;
    flex-direction: column-reverse;
}
.container-grid-income > p > span > span > span > label
{
    display: flex;
    align-items: start;
}
.container-grid-income > p > span > .wpcf7-checkbox
{
    display: grid;
    width:680px;
    height:960px;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto;
}
.container-grid-income .wpcf7-list-item
{
    padding: 16px;
}
.container-grid-income > p > span > span > span:nth-of-type(4n - 2),
.container-grid-income > p > span > span > span:nth-of-type(4n - 1)
{
    display: block;
    background-color: #F5F5F5;
}
.container-grid-income input[type="checkbox"]::before
{
    top: 0px;
}
/*Other services*/
#container-form-other-services .p-notice
{
    margin: 16px 0;
}
.container-grid-other-services > p > span
{
    display: flex;
    flex-direction: column-reverse;
}
.container-grid-other-services > p > span > span > span > label
{
    display: flex;
    align-items: start;
}
.container-grid-other-services > p > span > .wpcf7-checkbox
{
    display: grid;
    width:680px;
    height:1664px;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto;
}
.container-grid-other-services .wpcf7-list-item
{
    padding: 16px;
}
.container-grid-other-services > p > span > span > span:nth-of-type(4n - 2),
.container-grid-other-services > p > span > span > span:nth-of-type(4n - 1)
{
    display: block;
    background-color: #F5F5F5;
}
.container-grid-other-services input[type="checkbox"]::before
{
    top: 0px;
}
/*Insurance*/
#container-form-insurance
{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
#container-form-insurance > p > span
{
    display: flex;
    flex-direction: column-reverse;
}
#container-form-insurance > p > span > .wpcf7-radio
{
    display: grid;
    width:680px;
    height:24px;
    grid-template-columns: calc(50% - 8px) calc(50% - 8px);
    grid-template-rows: 100%;
    gap:16px;
}
#container-form-insurance select
{
    width: 680px;
}

/*Insurance type*/
.container-list-checkboxes > p > span
{
    display: flex;
    flex-direction: column-reverse;
}
.container-list-checkboxes > p > span > .wpcf7-checkbox
{
    display: grid;
    width:680px;
    grid-template-columns: calc(50% - 8px) calc(50% - 8px);
    grid-template-rows: 24px;
    gap:16px;
}

/*Deposit*/
.container-check_and_text
{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.container-yes_or_no > p > span
{
    display: flex;
    flex-direction: column-reverse;
}
.container-yes_or_no > p > span > span
{
    display: grid;
    width:680px;
    grid-template-columns: calc(50% - 8px) calc(50% - 8px);
    grid-template-rows: 24px;
    gap:16px;
}
.container-form-fulltext-with-yen input
{
    margin-right: 16px;
}
.span-yen
{
    vertical-align: bottom;
}

/*Costs*/
.ul-costs
{
    /*
    display: grid;
    grid-template-columns: 320px 320px;
    grid-template-rows: 75px 75px 75px;
    width: 100%;
    height: auto;
    gap: 32px;
    */
    display: flex;
    margin-bottom: 240px;
}
.ul-costs li
{
    display: flex;
    flex-direction: column;
    justify-content: end;
    width: 0;
    height: auto;
}
.ul-costs li > p
{
    width: 320px;
}
.ul-costs li .container-costs-genre > p
{
    width: 320px;
}
.ul-costs li input
{
    margin-top: 27px;
}
.ul-costs li .span-yen
{
    display: block;
    height:30px;
}
.ul-costs li:nth-of-type(1) .container-costs-genre > p
{
    top: -50px;
    left: 0;
}
.ul-costs li:nth-of-type(1) > p
{
    top: -4px;
    left: 0;
}
.ul-costs li:nth-of-type(1) .span-yen
{
    top: 10px;
    left: 16px;
}
.ul-costs li:nth-of-type(2) .container-costs-genre > p
{
    top: -50px;
    left: 330px;
}
.ul-costs li:nth-of-type(2) > p
{
    top: -4px;
    left: 336px;
}
.ul-costs li:nth-of-type(2) input
{
    left: 336px;
}
.ul-costs li:nth-of-type(2) .span-yen
{
    top: 10px;
    left: 350px;
}
.ul-costs li:nth-of-type(3) .container-costs-genre > p
{
    top: 42px;
    left: 0;
}
.ul-costs li:nth-of-type(3) input
{
    top: 91px;
    left: 0px;
}
.ul-costs li:nth-of-type(3) .span-yen
{
    top: 102px;
    left: 16px;
}
.ul-costs li:nth-of-type(4) .container-costs-genre > p
{
    top: 42px;  
    left: 330px;
}
.ul-costs li:nth-of-type(4) input
{
    top: 91px;
    left: 336px;
}
.ul-costs li:nth-of-type(4) .span-yen
{
    top: 102px;
    left: 350px;
}
.ul-costs li:nth-of-type(5) .container-costs-genre > p
{
    top: 134px;
    left: 0px;
}
.ul-costs li:nth-of-type(5) input
{
    top: 182px;
    left: 0px;
}
.ul-costs li:nth-of-type(5) .span-yen
{
    top: 194px;
    left: 16px;
}
.ul-costs .container-form-fulltext-with-yen
{
    display: flex;
    align-items: end;   
}
.ul-costs .container-form-fulltext-with-yen > p
{
    display: flex;
    justify-content: space-between;
    align-items: end;
}
.ul-costs .container-form-fulltext-with-yen > p > .wpcf7-form-control-wrap
{
    display: flex;
    flex-direction: column-reverse;
    width: 288px;
}
.ul-costs .container-form-fulltext-with-yen input
{
    /*width: 100%;*/
    width: 288px;
}
.ul-costs .span-yen
{
    /*padding-top: 26px;*/
}
.ul-costs .container-costs-genre
{
    width: 0;
}

/*Privacy policy*/
#p-agree
{
    margin-top: 24px;
    text-align: center;
}

/*Submit*/
.container-form-submit > p
{
    text-align: center;
}
.container-form-submit .wpcf7-spinner
{
    display: none;
}

.wpcf7-submit
{
    width: 400px;
    height: 80px;
    border: none;
    border-radius: 16px;
    color: #FFFFFF;
    background-color: #7EC7F5;
    font-size: 20px;
    font-weight: bold;
}
.wpcf7-submit:hover
{
    cursor: pointer;
}

/*Thanks*/
#li-thanks h1, 
#li-thanks p
{
    text-align: center;
}
#li-thanks h1
{
    margin-bottom: 48px;
    color: #7EC7F5;
    font-size: 32px;
    line-height: 48px;
}
#li-thanks p
{
    margin-bottom: 60px;
}

/*footer*/
footer h1
{
    width: 680px;
    height: 56px;
    margin-top: 98px;
    margin-bottom: 32px;
    padding: 14px 0;
    border-top: 2px solid #7EC7F5;
    border-bottom: 2px solid #7EC7F5;
    color: #7EC7F5;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}
footer dl
{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
footer dl div
{
    display: flex;
    gap: 16px;
}
footer dt
{
    width: 88px;
    height: 32px;
    padding: 3px 0;
    border-radius: 4px;
    color: #fff;
    background-color: #7EC7F5;
    font-weight: bold;
    text-align: center;
}
footer dd
{
    width: calc(100% - 88px);
    margin: 0;
    padding: 4px 0;
}
#p-copyright
{
    margin-top: 48px;
    font-size: 12px;
    text-align: center;
}

/*Header*/
@media screen and (max-width:900px)
{
    /*GENERAL*/
    .visible-sp
    {
        display:initial !important;
    }
    .visible-pc
    {
        display:none !important;
    }
    .max-width-restrictor
    {
        max-width:none;
    }

    /*body*/
    body
    {
        padding: 0 0;
    }

    /*main*/
    #container-content
    {
        width: 100%;
        padding: 16px;
        border-radius: 0;
        box-shadow: none;
    }
    .wpcf7 form .wpcf7-response-output 
    {
        margin: 16px 0 0 0;
    }

    .ul-form
    {
        gap:16px;
        margin-top: 16px;
    }
    .container-heading
    {
        height: auto;
        gap: 16px;
    }
    .container-heading-required
    {
        width:44px;
        height:20px;
        border-radius: 32px;
    }
    .container-heading-required p
    {
        font-size: 10px;
    }
    .container-form-name
    {
        padding-bottom:100px;
    }
    .container-form-name input
    {
        width: calc(100vw - 84px);
    }
    .container-form-name .wpcf7-form-control-wrap
    {
        width: 0;
    }
    .container-form-name > .container-form-item-title:nth-of-type(2)
    {
        top:60px;
        right: 68px;
    }
    .container-form-name > p:nth-of-type(2) input
    {
        top:59px;
        right: 68px;
    }
    .container-form-name .wpcf7-not-valid-tip
    {
        left: -35px;
        width:200px;
    }
    .container-form-name > p:nth-of-type(2) .wpcf7-not-valid-tip
    {
        left: auto;
        /*right: calc(100vw - 12px);*/
        right: 103px;
    }
    .container-form-name .container-form-item-title p
    {
        width:28px;
        font-size: 14px;
    }

    /*Birthdate*/
    #container-form-ymd
    {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        width: 150px;
        margin-bottom: 32px;
    }
    #container-form-ymd > p:nth-of-type(1),
    #container-form-ymd > p:nth-of-type(3)
    {
        margin-bottom: 16px;
    }
    #container-form-ymd > p:nth-of-type(2),
    #container-form-ymd > p:nth-of-type(4),
    #container-form-ymd > p:nth-of-type(6)
    {
        font-size: 14px;
        padding: 0 0 0 16px;
        margin-bottom: 16px;
    }

    /*Gender*/
    .wpcf7-list-item-label
    {
        font-size: 14px;
    }
    #container-form-gender > p > span > .wpcf7-radio
    {
        width: 100%;
        height: 120px;
        grid-template-columns: 100%;
        grid-template-rows: 24px 24px 24px;
        gap: 24px;
        margin-bottom: 32px;
    }

    /*family*/
    .p-notice
    {
        font-size: 14px;
    }
    #container-form-family > p > span > .wpcf7-checkbox
    {
        width: 100%;
        height: 360px;
        grid-template-columns: 100%;
        grid-template-rows: 24px 24px 24px;
        gap: 24px;
        margin-bottom: 32px;
    }

    /*Family*/
    #container-form-position
    {
        margin-bottom: 32px;
    }
    #container-form-position select,
    #container-form-position input
    {
        width: 100%;
    }

    /*zip*/
    #container-form-zip
    {
        margin-bottom: 32px;
    }
    #container-form-zip > p:nth-of-type(1) .wpcf7-not-valid-tip
    {
        left: 0px;
    }
    #container-form-zip > p:nth-of-type(3) .wpcf7-not-valid-tip
    {
        left: -102px;
    }
    input[name="text-zip-1"]
    {
        width: 80px;
    }
    input[name="text-zip-2"]
    {
        width: 104px;
    }
    .a-button-zip
    {
        width: 96px;
        font-size: 14px;
    }

    /*pref*/
    #container-form-pref
    {
        margin-bottom: 32px;
    }
    select[name="select-pref"]
    {
        width: calc(100vw - 46px);
    }

    /*full-text*/
    .container-form-fulltext input
    {
        margin-bottom: 32px;
    }

    /*tel*/
    .container-form-tel
    {
        margin-bottom: 32px;
    }
    .container-form-tel > p:nth-of-type(3) .wpcf7-not-valid-tip
    {
        left: -94px;
    }
    .container-form-tel > p:nth-of-type(5) .wpcf7-not-valid-tip
    {
        left: -212px;
    }
    input[name="text-tel-1"]
    {
        width: 72px;
    }
    input[name="text-tel-2"]
    {
        width: 96px;
    }
    input[name="text-tel-3"]
    {
        width: 96px;
    }
    .container-form-tel .wpcf7-not-valid-tip
    {
        width: 310px;
    }

    /*income*/
    #container-form-income
    {
        margin-bottom: 32px;
    }
    .container-grid-income > p > span > .wpcf7-checkbox
    {
        width: 100%;
        height: auto;
        grid-template-columns: 100%;
        grid-template-rows: auto;
        gap: 24px;
        margin-bottom: 32px;
    }
    .container-grid-income > p > span > span > span:nth-of-type(n)
    {
        background-color: #FFFFFF;
    }
    .container-grid-income > p > span > span > span:nth-of-type(2n)
    {
        display: block;
        background-color: #F5F5F5;
    }

    /*Other services*/
    #container-form-other-services
    {
        margin-bottom: 32px;
    }
    .container-grid-other-services > p > span > .wpcf7-checkbox
    {
        width: 100%;
        height: auto;
        grid-template-columns: 100%;
        grid-template-rows: auto;
        gap: 24px;
        margin-bottom: 32px;
    }
    .container-grid-other-services > p > span > span > span:nth-of-type(n)
    {
        background-color: #FFFFFF;
    }
    .container-grid-other-services > p > span > span > span:nth-of-type(2n)
    {
        display: block;
        background-color: #F5F5F5;
    }

    /*Insurance*/
    #container-form-insurance
    {
        margin-bottom: 32px;
    }
    #container-form-insurance > p > span > .wpcf7-radio
    {
        width: 100%;
        height: 72px;
        grid-template-columns: 100%;
        grid-template-rows: 24px;
        gap: 24px;
    }
    #container-form-insurance select
    {
        width: 100%;
    }
    /*Insurance type*/
    #container-form-insurance-type
    {
        margin-bottom: 32px;
    }
    .container-list-checkboxes > p > span > .wpcf7-checkbox
    {
        display: grid;
        width:100%;
        grid-template-columns: 50% 50%;
        grid-template-rows: 24px;
        gap:16px;
    }
    #container-form-insurance-type
    {
       height: auto; 
    }

    /*Deposit*/
    #container-form-deposit
    {
        margin-bottom: 32px;
    }
    .container-yes_or_no > p > span > span
    {
        display: grid;
        width:100%;
        grid-template-columns: 100%;
        grid-template-rows: 24px;
        gap:24px;
    }
    .span-yen
    {
        font-size: 14px;
    }

    /*Funding*/
    #container-form-funding
    {
        margin-bottom: 32px;
    }
    #container-form-funding-type
    {
        margin-bottom: 32px;
    }

    /*Costs*/
    .ul-costs
    {
        display: flex;
        margin-bottom: 529px;
    }
    .ul-costs li
    {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 0;
        height: 0px;
    }
    .ul-costs li .container-costs-genre > p
    {
        font-size: 14px;
    }
    .ul-costs li:nth-of-type(2) .container-costs-genre > p
    {
        top: 50px;
        left: 0px;
    }
    .ul-costs li:nth-of-type(2) > p
    {
        top:100px;
        left: 0px;
    }
    .ul-costs li:nth-of-type(2) input
    {
        top:100px;
        left: 0px;
    }
    .ul-costs li:nth-of-type(2) .span-yen
    {
        top:110px;
        left: 16px;
    }
    .ul-costs li:nth-of-type(3) .container-costs-genre > p
    {
        top: 150px;
        left: 0;
    }
    .ul-costs li:nth-of-type(3) input
    {
        top: 200px;
        left: 0px;
    }
    .ul-costs li:nth-of-type(3) .span-yen
    {
        top: 210px;
        left: 16px;
    }
    .ul-costs li:nth-of-type(4) .container-costs-genre > p
    {
        top: 250px;
        left: 0;
    }
    .ul-costs li:nth-of-type(4) input
    {
        top: 300px;
        left: 0px;
    }
    .ul-costs li:nth-of-type(4) .span-yen
    {
        top: 310px;
        left: 16px;
    }
    .ul-costs li:nth-of-type(5) .container-costs-genre > p
    {
        top: 350px;
        left: 0;
    }
    .ul-costs li:nth-of-type(5) input
    {
        top: 400px;
        left: 0px;
    }
    .ul-costs li:nth-of-type(5) .span-yen
    {
        top: 410px;
        left: 16px;
    }
    .ul-costs .container-form-fulltext-with-yen > p > .wpcf7-form-control-wrap
    {
        width: calc(100vw - 78px);
    }
    .ul-costs .container-form-fulltext-with-yen input
    {
        width: 100%;
    }

    /*pro*/
    #container-form-pro
    {
        margin-bottom: 32px;
    }

    /*timing*/
    #container-form-timing
    {
        margin-bottom: 32px;
    }

    /*Privacy policy*/
    #p-agree
    {
        margin-bottom: 32px;
        font-size: 14px;
        text-align: left;
    }

    /*Submit*/
    .wpcf7-submit
    {
        width: 100%;
        height: 60px;
        margin-bottom: 44px;
        font-size: 16px;
    }

    /*Thanks*/
    #li-thanks h1
    {
        margin-bottom: 16px;
        font-size: 20px;
        line-height: 28px;
    }
    #li-thanks p
    {
        font-size: 14px;
        margin-bottom: 40px;
    }

    /*footer*/
    footer h1
    {
        width: 100%;
    }
    footer dl
    {
        gap: 24px;
    }
    footer dl div
    {
        flex-direction: column;
    }
    footer dt
    {
        width: 100%;
        height: 32px;
    }
    footer dd
    {
        width: 100%;
        margin: 0;
        padding: 4px 0;
        font-size: 14px;
    }
    #p-copyright
    {
        font-size: 11px;
    }
}

/*EULA*/

#container-eula ul
{
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin: 32px 0 32px 0;
    list-style: none;
}
#container-eula ul li
{
    margin: 0;
}
#container-eula h1
{
    margin: 8px 0 32px 0;
    text-align: center;
    font-size: 24px;
}
#container-eula h2
{
    margin-bottom: 8px;
    font-size: 20px;
}
#container-eula p
{
    font-size: 16px;
}
#p-eula-email
{
    margin-bottom: 32px;
}

@media screen and (max-width: 900px)
{
    #container-eula ul
    {
        gap: 16px;
        margin: 16px 0 16px 0;
    }
    #container-eula h1
    {
        margin: 8px 0 16px 0;
        text-align: center;
    }
    #container-eula h1
    {
        font-size: 20px;
    }
    #container-eula h2
    {
        font-size: 16px;
    }
    #container-eula p
    {
        font-size: 14px;
    }
    #p-eula-email
    {
        margin-bottom: 16px;
    }
}
