@import "parts/form.css";


/*-------------------------
  -------------------------*/
.dot {
    opacity:0.8;
}
.dot01{right:31.979%;top:80px;}
.dot02{right:3.125%;top:190px;}
.dot03{right:calc(31.979% - 100px);bottom:220px;}
.dot04{right:18.75%;bottom:50px;}
.dot05{left:15.1041%;bottom:0;}
.dot06{right:calc(18.75% + 50px);bottom:-50px;}

.dot07{left:42.1875%;top:0;opacity:0.6}
.dot08{right:50px;top:50px;opacity:0.6}
.dot09{right:13.208%;top:640px;opacity:0.6}
.dot10{left:10.9375%;top:750px;opacity:0.6}
.dot11{left:calc(10.9375% - 100px);top:800px;opacity:0.6}
.dot12{left:36.979%;top:1110px;opacity:0.6}
.dot13{right:4.6875%;bottom:280px;opacity:0.6}
.dot14{left:5.729%;bottom:210px;opacity:0.6}




#page__content .content_inner {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    gap:20px;
    position:relative;
}

.form_cont {
    grid-column: 3 / 9;
}
.outline_table {
    width:100%;
    border-collapse: collapse;
    border:none;
}
.outline_table td,.outline_table th {
    padding:var(--size50) 0;
    border-bottom:1px solid #D8D8D8;
    border-width:0 0 1px 0;
}
.outline_table th{
    width:30%;
    text-align: left;
    font-size:1.25em;  
}
.form_cont  h2 {
    font-size:4em;
}
.form_cont .lead {
    font-size:1.5em;
}
.form_cont .btn_text {
    font-size:1.25em;
}

@media (max-width:1024px) {
    .dot01{width:50px;height:50px;left:0;top:100px;}
    .dot04{left:auto;right:0;top:200px;}
    .dot02{left:auto;right:75px;top:auto;bottom:50px;}
    .dot03{left:150px;top:55%;}
    .dot05{width:50px;height:50px;left:auto;right:100px;bottom:0;}
    .dot06 {right: 67%; bottom: 50px;}
}
@media (max-width:768px)  {
    #page__content .content_inner {
        display: block;
    }
    .outline_table td, .outline_table th {
        padding: var(--size25) 0;
        display: block;
    }
    .outline_table th {
        display: flex;
        justify-content: space-between;
        border-bottom:none;
        padding-bottom:0;
        width:100%;
        font-size: 1.0em;
    }
    .outline_table th .req {
        width: 60px;
        height: 28px;
    }
    .form_cont h2 {
        line-height: 1.2;
        font-size:2.25em;
    }
    .form_cont .lead {
        font-size: 1.25em;
    }

}