@charset "UTF-8";




/*index*/
.index .mainimg {
    height: 100vh;
}
.index .mainimg .pic {
    width: 100%;
    height: inherit;
}
.index .mainimg .pic .slider {
    width: 100%;
    height: inherit;
}
.index .mainimg .pic .slider * {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index .mainimg h2 {
    width: 100%;
    font-size: 3rem;
    color: #fff;
    position: absolute;
    top: 60%;
    z-index: 2;
    text-align: center;
  text-shadow: 2px 2px 3px #000000;
}
.index .mainimg p {
    width: 100%;
    font-size: 12rem;
    font-family: "Jost", sans-serif;
    color: #fff;
    position: absolute;
    top: 45%;
    z-index: 2;
    text-align: center;
      text-shadow: -3px -3px 0 #27538c, 0px -3px 0 #27538c, 3px -3px 0 #27538c, -4px 0px 0 #27538c, 3px 0px 0 #27538c, -3px 3px 0 #27538c, 0px 3px 0 #27538c, 3px 3px 0 #27538c;
}
.index_cnt1 {
    padding: 15rem 0;
}
.index_cnt1 .inner h3 {
    font-size: 3.5rem;
    line-height: 1.6;
    margin: 0 0 5rem;
}
.index_cnt1 .inner p {
    line-height: 2.75;
}
.index_cnt2 {
    background: #4e9bc9;
    padding: 10rem 0;
    position: relative;
}
.index_cnt2::before {
    content: "";
    width: 100%;
    height: 4.6rem;
    background: url(/system_panel/uploads/images/waveA_before.png);
    display: block;
    position: absolute;
    top: -4.6rem;
}
.index_cnt2::after {
    content: "";
    width: 100%;
    height: 4.6rem;
    background: url(/system_panel/uploads/images/waveA_after.png);
    display: block;
    position: absolute;
    bottom: -4.6rem;
}
.index_cnt2 .inner>h4 {
    font-size: 3.5rem;
    color: #fff;
    line-height: 2;
    margin: 0 0 10rem;
}
.index_cnt2 .inner>h4 .bgB {
    background: url(/system_panel/uploads/images/span_bgB.png);
    padding: 0 1rem;
    border-radius: 0.5rem;
    color: #3366a8;
}
.index_cnt2 .inner>h4 .bgC {
    background: url(/system_panel/uploads/images/span_bgC.png);
    padding: 0 1rem;
    border-radius: 0.5rem;
}
.index_cnt2 .inner .col2 {
    display: flex;
    gap: 2.08vw;
    /*4*/
}
.index_cnt2 .col2 :is(.left, .right) {
    width: 50%;
    aspect-ratio: 5.8/3;
    position: relative;

}
.index_cnt2 .col2 :is(.left, .right) a {
    width: 100%;
    height: 100%;
    display: grid;
    align-content: center;
    gap: 2rem;
    text-decoration: none;
}
.index_cnt2 .col2 :is(.left, .right) a h4 {
    font-size: 3.5rem;
    color: #fff;
    text-align: center;
}
.index_cnt2 .col2 :is(.left, .right) a p:not(.eng) {
    color: #fff;
    line-height: 2.75;
    text-align: center;
}
.index_cnt2 .col2 :is(.left, .right) a .eng {
    font-size: 5.6rem;
    /*font-family: "Jost", sans-serif;*/
    font-family: Arial, sans-serif;
    font-weight: 600;
    color: rgba(255, 255, 255, 0);
    -webkit-text-stroke: 0.1rem #fff;
    width: 100%;
    position: absolute;
    top: -0.5em;
    text-align: center;
}
.index_cnt2 .col2 .left {
    background: url(/system_panel/uploads/images/index_cnt2_1.jpg) no-repeat center rgba(0, 31, 50, 0.6);
    background-blend-mode: darken;
    background-size: cover;
    border-radius: 0.5rem;
}
.index_cnt2 .col2 .right {
    background: url(/system_panel/uploads/images/index_cnt2_2.jpg) no-repeat center rgba(0, 31, 50, 0.6);
    background-blend-mode: darken;
    background-size: cover;
    border-radius: 0.5rem;
}
.index_cnt2 .col2 :is(.left, .right):hover {
    background-size: 120%;
}
.index_cnt3 {
    background: url(/system_panel/uploads/images/index_cnt3_bg.png) no-repeat #3366a8;
    padding: 20rem 0;
}
.index_cnt3 .inner>p {
    color: #fff;
    line-height: 2.75;
    max-width: 60rem;
    margin: 0 0 5rem auto;
}
.index_cnt3 .inner .flex {
    display: flex;
    gap: 1.5625vw;
    /*3*/
    max-width: 60rem;
    margin: 0 0 0 auto;
}
.index_cnt4 {
    padding: 12rem 0;
    background: #f3f6fb;
}
.index_cnt4 .inner .flex {
    display: flex;
    justify-content: space-between;
    margin: 0 auto 5rem;
}
.index_cnt4 .inner .flex .titleA {
    width: 20%;
}
.index_cnt4 .inner .flex .webgene-blog {
    width: auto;
    max-width: 80%;
    /*display: flex;*/
    position: relative;
}
.index_cnt4 .inner .flex .slick-prev {
    top: -2rem;
    left:initial;
    right: 4rem;
    color: #2e3033;
}
.index_cnt4 .inner .flex .slick-next {
    top: -2rem;
    left: initial;
    right: 0;
    color: #2e3033;
}
.index_cnt4 .inner .flex .slick-prev::before,
.index_cnt4 .inner .flex .slick-next::before {
    color: #2e3033;
}
.index_cnt4 .inner .flex .slick-prev::before{
    content: "<";
}

.index_cnt4 .inner .flex .slick-prev::after{
    font-size: 2rem;
    content: "|";
    font-size: initial;
    right:-1rem;
    top: 0.5em;
    position: absolute;
}
.index_cnt4 .inner .flex .slick-next::before{
    content: ">";
}
.index_cnt4 .inner .flex .webgene-blog .webgene-item .dl {
    display: grid;
    gap: 1rem;
    padding:0 1rem;
}
.index_cnt4 .inner .flex .webgene-blog .webgene-item .dt {}
.index_cnt4 .inner .flex .webgene-blog .webgene-item .dt a {
    color: inherit;
}
.index_cnt4 .inner .flex .webgene-blog .webgene-item .pic {
    grid-row: 1/2;
    width: 100%;
    aspect-ratio: 3.15/2.55;
    overflow: hidden;
}
.index_cnt4 .inner .flex .webgene-blog .webgene-item .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index_cnt4 .buttonA {
    margin: 0 auto;
}
.index_cnt5 {
    background: url(/system_panel/uploads/images/index_cnt5_bg.jpg) no-repeat left top;
    padding: 29.16vw 0 13rem;
    /*56*/
    overflow: hidden;
}
.index_cnt5 .inner {
    width: 80%;
    max-width: 140rem;
    transform: translate(13.54vw, 0);
    /*26*/
    background: linear-gradient(23deg, #3366a8, #4e9bc9);
    padding: 5.2vw 7.8125vw;
    /*10 15*/
}
.index_cnt5 .inner>p {
    color: #fff;
    line-height: 2.75;
    margin: 0 0 3rem;
}
.index_cnt5 .inner .flex {
    display: flex;
    gap: 1.5625vw;
    /*3*/
}





/*facility*/
.facility .slick-prev::before  {
    content: "◀";
}
.facility .slick-next::before {
    content: "▶";
}
.facility_cnt1 {
    padding: 10rem 0;
}
.facility_cnt1 .inner>p {
    line-height: 2.75;
    margin: 0 auto 7.5rem;
}
.facility_cnt1 .inner .set {
    display: grid;
    align-content: start;
    grid-template-columns: 0.5fr 1fr;
    grid-template-rows: auto 1fr;
    gap: 1.5625vw 2.6vw;
    /*3 5*/
    margin: 0 auto 5rem;
    background: #4e9bc9;
    padding: clamp(2rem, 2.6vw, 5rem);
}
.facility_cnt1 .inner .set:last-of-type {
    margin: 0 auto;
}
.facility_cnt1 .inner .ttl {
    width: 100%;
    grid-row: 1/2;
    grid-column: 2/3;
    font-size: 3.1rem;
    color: #fff;
}
.facility_cnt1 .inner .ttl p {
    border-bottom: 0.1rem solid #fff;
    line-height: 2;
}
.facility_cnt1 .inner .pic {
    grid-row: 1/3;
    grid-column: 1/2;
    width: 100%;
    max-width: 35rem;
    aspect-ratio: 3.5/3;
    /*overflow: hidden;*/
}
.facility_cnt1 .inner .pic .slider {
    width: 100%;
}
.facility_cnt1 .inner .pic img {
    width: 100%;
    max-width: 35rem;
    /*max-width: 30rem;
    height: 100%;
    object-fit: cover;
    object-position: center;*/
}
.facility_cnt1 .inner .cmt {
    grid-row: 2/3;
    grid-column: 2/3;
    color: #fff;
    line-height: 2.75;
}
/*
.slick-track::before {
  content: "<" !important;
  color: inherit !important;
  font-weight: bold;
  font-size: 6rem !important;
}
.slick-track::after {
  content: " > " !important;
  color: inherit !important;
  font-weight: bold;
  font-size: 6rem !important;
}
*/





/*vinyl*/
.vinyl_cnt1 {
    padding: 8rem 0 8rem;
}
.vinyl_cnt1 .inner h3 {
    font-size: 3.5rem;
    line-height: 1.75;
    margin: 0 0 5rem;
}
.vinyl_cnt1 .inner p {
    line-height: 2.75;
}
.vinyl_cnt2 {
    padding: 5rem 0;
}
.vinyl_cnt2 .inner .titleA h3 {
    text-align: center;
}
.vinyl_cnt2 .inner .titleA p {
    justify-content: center;
}
.vinyl_cnt2 .inner .ul {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin: 0 auto 5rem;
}
.vinyl_cnt2 .inner .li {
    width: fit-content;
    min-height: 4.6rem;
    background: #3366a8;
    color: #fff;
    display: grid;
    align-items: center;
    padding: 0 2em;
}
.vinyl_cnt2 .slider {
    width: 100%;
    height: 25.5rem;
    overflow: hidden;
}
.vinyl_cnt2 .slider .pic {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    aspect-ratio: 2.8/2.55;
}
.vinyl_cnt2 .slider .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.vinyl_cnt3 {
    padding: 10rem 0;
    background: #f3f6fb;
}
.vinyl_cnt3 .inner .col2 {
    display: flex;
    gap: 4.16vw;
    /*8*/
}
.vinyl_cnt3 .inner .col2:not(:last-of-type) {
    margin: 0 auto 6rem;
}
.vinyl_cnt3 .inner .col2 :is(.left, .right) {
    width: 50%;
}
.vinyl_cnt3 .inner .col2 :is(.left, .right) .pic {
    width: 100%;
    aspect-ratio: 5.6/3.9;
    border-radius: 0.5rem;
    overflow: hidden;
}
.vinyl_cnt3 .inner .col2 :is(.left, .right) .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.vinyl_cnt3 .inner .col2 :is(.left, .right) .dl {
    padding: clamp(2rem, 1.5625vw, 3rem);
    width: 90%;
    background: #fff;
    border-radius: 1rem;
    margin: -3.645vw auto 0;
    position: relative;
    z-index: 2;
    box-shadow: 0 0 1.5rem rgba(4, 4, 50, 0.1);
}
.vinyl_cnt3 .inner .col2 :is(.left, .right) .dt {
    font-size: 2.7rem;
    color: #3366a8;
    text-align: center;
    margin: 0 auto 3rem;
}
.vinyl_cnt3 .inner .col2 :is(.left, .right) .dd {
    line-height: 2.75;
    text-align: center;
}
.vinyl_cnt4 {
    padding: 10rem 0;
    background: #f3f6fb;
}
.vinyl_cnt4 .inner .titleA h3 {
    text-align: center;
}
.vinyl_cnt4 .inner .titleA p {
    justify-content: center;
}
.vinyl_cnt4 .inner .ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 90%;
    max-width: 100rem;
    position: relative;
    margin: 0 auto 10rem;
}
.vinyl_cnt4 .inner .ul::before {
    content: "";
    width: 100%;
    height: 0.1rem;
    background: #4e9bc9;
    display: inline-block;
    position: absolute;
    top: calc(50%);
}
.vinyl_cnt4 .inner .li {
    list-style: none;
    writing-mode: vertical-lr;
    font-size: 2.7rem;
    color: #fff;
    text-align: center;
    min-width: 10rem;
    height: 36rem;
    background: linear-gradient(25deg, #3366a8, #4e9bc9);
    border-radius: 0.5rem;
    display: grid;
    align-items: center;
    position: relative;
    z-index: 2;
}
.vinyl_cnt4 .inner .window {
    width: 90%;
    max-width: 100rem;
    background: url(/system_panel/uploads/images/vinyl_cnt4_1.jpg) no-repeat center rgba(0, 31, 50, 0.6);
    background-size: cover;
    background-blend-mode: darken;
    border-radius: 0.5rem;
    margin: auto;
    padding: clamp(2rem, 2.08vw, 4rem);
}
.vinyl_cnt4 .inner .window .col2 {
    display: flex;
    gap: 2.6vw;
    /*5*/
    margin: 0 auto 2rem;
}
.vinyl_cnt4 .inner .window .col2 .left {
    width: 50%;
}
.vinyl_cnt4 .inner .window .col2 .left .tel {
    margin: 0 auto 1rem;
}
.vinyl_cnt4 .inner .window .col2 .left .tel a {
    font-size: 4rem;
    color: #fff;
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: center;
}
.vinyl_cnt4 .inner .window .col2 .left .tel a::before {
    content: "";
    background: url(/system_panel/uploads/images/icon_tel3.png) no-repeat;
    width: 3.3rem;
    height: 3.3rem;
    display: inline-block;
}
.vinyl_cnt4 .inner .window .col2 .left p {
    color: #fff;
    text-align: center;
}
.vinyl_cnt4 .inner .window .col2 .right {
    width: 50%;
}

.vinyl_cnt4 .inner .window .col2 .right .buttonB {
    width: fit-content;
    min-width: 25rem;
    height: 4.5rem;
    border-radius: 2.25rem;
    background: #3366a8;
}
.vinyl_cnt4 .inner .window .col2 .right .buttonB :is(a, span) {
    width: 100%;
    height: 100%;
    min-height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    color: #fff;
    text-align: center;
}
.vinyl_cnt4 .inner .window .col2 .right .buttonB :is(a, span)::before {
    content: "";
    background: url(/system_panel/uploads/images/icon_mail.png);
    width: 1.8rem;
    height: 1.4rem;
    display: inline-block;
}

.vinyl_cnt4 .inner .window>p {
    text-align: center;
    color: #fff;
}
.vinyl_cnt5 {
    padding: 10rem 0 15rem;
    background: #3366a8;
}
.vinyl_cnt5 .inner .titleB h3 {
    text-align: center;
}
.vinyl_cnt5 .inner .titleB p {
    justify-content: center;
}
.vinyl_cnt5 .inner .dl {
    display: grid;
    align-content: start;
    grid-template-columns: 0.5fr 1fr;
    grid-template-rows: auto 1fr;
    gap: 1.5625vw 2.6vw;
    /*3 5*/
    margin: 0 auto 5rem;
    background: #4e9bc9;
    padding: clamp(2rem, 2.6vw, 5rem);
}
.vinyl_cnt5 .inner .dl:last-of-type {
    margin: 0 auto;
}
.vinyl_cnt5 .inner .dt {
    width: 100%;
    grid-row: 1/2;
    grid-column: 2/3;
    font-size: 3.1rem;
    color: #fff;
    line-height: 2;
}
.vinyl_cnt5 .inner .pic {
    grid-row: 1/3;
    grid-column: 1/2;
    width: 100%;
    position: relative;
}
.vinyl_cnt5 .inner .pic p {
    font-size: 5.6rem;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-text-stroke: 0.1rem #fff;
    font-weight: bold;
    color: rgba(255, 255, 255, 0);
    display: inline-block;
    position: absolute;
    width: 100%;
    text-align: center;
    top: -0.5em;
}
.vinyl_cnt5 .inner .pic div {
    width: 100%;
    max-width: 35rem;
    aspect-ratio: 3.5/3;
    overflow: hidden;
    border-radius: 0.5rem;
    overflow: hidden;
}
.vinyl_cnt5 .inner .pic div img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.vinyl_cnt5 .inner .cmt {
    grid-row: 2/3;
    grid-column: 2/3;
    color: #fff;
    line-height: 2.75;
}





/*insole*/
.insole_cnt1 {
    padding: 8rem 0 8rem;
}
.insole_cnt1 .inner h3 {
    font-size: 3.5rem;
    line-height: 1.75;
    margin: 0 0 5rem;
}
.insole_cnt1 .inner>p {
    line-height: 2.75;
    margin: 0 0 5rem;
}
.insole_cnt1 .inner .col2 {
    display: flex;
    gap: 4.16vw;
    /*8*/
}
.insole_cnt1 .inner .col2:not(:last-of-type) {
    margin: 0 auto 6rem;
}
.insole_cnt1 .inner .col2 :is(.left, .right) {
    width: 50%;
}
.insole_cnt1 .inner .col2 :is(.left, .right) .pic {
    width: 100%;
    aspect-ratio: 5.6/3.9;
    border-radius: 0.5rem;
    overflow: hidden;
}
.insole_cnt1 .inner .col2 :is(.left, .right) .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.insole_cnt1 .inner .col2 :is(.left, .right) .dl {
    padding: clamp(2rem, 1.5625vw, 3rem);
    width: 90%;
    background: #fff;
    border-radius: 1rem;
    margin: -3.645vw auto 0;
    position: relative;
    z-index: 2;
    box-shadow: 0 0 1.5rem rgba(4, 4, 50, 0.1);
}
.insole_cnt1 .inner .col2 :is(.left, .right) .dt {
    font-size: 2.7rem;
    color: #3366a8;
    text-align: center;
    margin: 0 auto 3rem;
}
.insole_cnt1 .inner .col2 :is(.left, .right) .dd {
    line-height: 2.75;
    text-align: center;
}

.insole_cnt2 {
    padding: 10rem 0;
    background: #f3f6fb;
}
.insole_cnt2 .inner .titleA h3 {
    text-align: center;
}
.insole_cnt2 .inner .titleA p {
    justify-content: center;
}
.insole_cnt2 .inner .ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 90%;
    max-width: 100rem;
    position: relative;
    margin: 0 auto 10rem;
}
.insole_cnt2 .inner .ul::before {
    content: "";
    width: 100%;
    height: 0.1rem;
    background: #4e9bc9;
    display: inline-block;
    position: absolute;
    top: calc(50%);
}
.insole_cnt2 .inner .li {
    list-style: none;
    writing-mode: vertical-lr;
    font-size: 2.7rem;
    color: #fff;
    text-align: center;
    min-width: 10rem;
    height: 36rem;
    background: linear-gradient(25deg, #3366a8, #4e9bc9);
    border-radius: 0.5rem;
    display: grid;
    align-items: center;
    position: relative;
    z-index: 2;
}
.insole_cnt2 .inner .window {
    width: 90%;
    max-width: 100rem;
    background: url(/system_panel/uploads/images/insole_cnt2_1.jpg) no-repeat center rgba(0, 31, 50, 0.6);
    background-size: cover;
    background-blend-mode: darken;
    border-radius: 0.5rem;
    margin: auto;
    padding: clamp(2rem, 2.08vw, 4rem);
}
.insole_cnt2 .inner .window .col2 {
    display: flex;
    gap: 2.6vw;
    /*5*/
    margin: 0 auto 2rem;
}
.insole_cnt2 .inner .window .col2 .left {
    width: 50%;
}
.insole_cnt2 .inner .window .col2 .left .tel {
    margin: 0 auto 1rem;
}
.insole_cnt2 .inner .window .col2 .left .tel a {
    font-size: 4rem;
    color: #fff;
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: center;
}
.insole_cnt2 .inner .window .col2 .left .tel a::before {
    content: "";
    background: url(/system_panel/uploads/images/icon_tel3.png) no-repeat;
    width: 3.3rem;
    height: 3.3rem;
    display: inline-block;
}
.insole_cnt2 .inner .window .col2 .left p {
    color: #fff;
    text-align: center;
}
.insole_cnt2 .inner .window .col2 .right {
    width: 50%;
}

.insole_cnt2 .inner .window .col2 .right .buttonB {
    width: fit-content;
    min-width: 25rem;
    height: 4.5rem;
    border-radius: 2.25rem;
    background: #3366a8;
}
.insole_cnt2 .inner .window .col2 .right .buttonB :is(a, span) {
    width: 100%;
    height: 100%;
    min-height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    color: #fff;
    text-align: center;
}
.insole_cnt2 .inner .window .col2 .right .buttonB :is(a, span)::before {
    content: "";
    background: url(/system_panel/uploads/images/icon_mail.png);
    width: 1.8rem;
    height: 1.4rem;
    display: inline-block;
}

.insole_cnt2 .inner .window>p {
    text-align: center;
    color: #fff;
}
.insole_cnt3 {
    padding: 10rem 0 15rem;
    background: #3366a8;
}
.insole_cnt3 .inner .titleB h3 {
    text-align: center;
}
.insole_cnt3 .inner .titleB p {
    justify-content: center;
}
.insole_cnt3 .inner .dl {
    display: grid;
    align-content: start;
    grid-template-columns: 0.5fr 1fr;
    grid-template-rows: auto 1fr;
    gap: 1.5625vw 2.6vw;
    /*3 5*/
    margin: 0 auto 5rem;
    background: #4e9bc9;
    padding: clamp(2rem, 2.6vw, 5rem);
}
.insole_cnt3 .inner .dl:last-of-type {
    margin: 0 auto;
}
.insole_cnt3 .inner .dt {
    width: 100%;
    grid-row: 1/2;
    grid-column: 2/3;
    font-size: 3.1rem;
    color: #fff;
    line-height: 2;
}
.insole_cnt3 .inner .pic {
    grid-row: 1/3;
    grid-column: 1/2;
    width: 100%;
    position: relative;
}
.insole_cnt3 .inner .pic p {
    font-size: 5.6rem;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-text-stroke: 0.1rem #fff;
    font-weight: bold;
    color: rgba(255, 255, 255, 0);
    display: inline-block;
    position: absolute;
    width: 100%;
    text-align: center;
    top: -0.5em;
}
.insole_cnt3 .inner .pic div {
    width: 100%;
    max-width: 35rem;
    aspect-ratio: 3.5/3;
    overflow: hidden;
    border-radius: 0.5rem;
    overflow: hidden;
}
.insole_cnt3 .inner .pic div img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.insole_cnt3 .inner .cmt {
    grid-row: 2/3;
    grid-column: 2/3;
    color: #fff;
    line-height: 2.75;
}





/*about*/
.about_cnt1 {
    padding: 8rem 0 12rem;
}
.about_cnt1 .inner h3 {
    font-size: 3.5rem;
    line-height: 1.75;
    margin: 0 0 5rem;
}
.about_cnt1 .inner p {
    line-height: 2.75;
}
.about_cnt2 {
    padding: 10rem 0 15rem;
    background: #3366a8;
}
.about_cnt2 .inner .titleB h3 {
    text-align: center;
}
.about_cnt2 .inner .titleB p {
    justify-content: center;
}
.about_cnt2 .inner .dl {
    display: grid;
    align-content: start;
    grid-template-columns: 0.5fr 1fr;
    grid-template-rows: auto 1fr;
    gap: 1.5625vw 2.6vw;
    /*3 5*/
    margin: 0 auto 5rem;
    background: #4e9bc9;
    padding: clamp(2rem, 2.6vw, 5rem);
}
.about_cnt2 .inner .dl:last-of-type {
    margin: 0 auto;
}
.about_cnt2 .inner .dt {
    width: 100%;
    grid-row: 1/2;
    grid-column: 2/3;
    font-size: 3.1rem;
    color: #fff;
    border-bottom: 0.1rem solid #fff;
    line-height: 2;
}
.about_cnt2 .inner .pic {
    grid-row: 1/3;
    grid-column: 1/2;
    width: 100%;
    position: relative;
}
.about_cnt2 .inner .pic p {
    font-size: 5.6rem;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-text-stroke: 0.1rem #fff;
    font-weight: bold;
    color: rgba(255, 255, 255, 0);
    display: inline-block;
    position: absolute;
    width: 100%;
    text-align: center;
    top: -0.5em;
}
.about_cnt2 .inner .pic div {
    width: 100%;
    max-width: 35rem;
    aspect-ratio: 3.5/3;
    overflow: hidden;
    border-radius: 0.5rem;
    overflow: hidden;
}
.about_cnt2 .inner .pic div img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.about_cnt2 .inner .cmt {
    grid-row: 2/3;
    grid-column: 2/3;
    color: #fff;
    line-height: 2.75;
}
.about_cnt3 {
    background: #4e9bc9;
    padding: 10rem 0;
    position: relative;
}
.about_cnt3::before {
    content: "";
    width: 100%;
    height: 4.6rem;
    background: url(/system_panel/uploads/images/waveA_before.png);
    display: block;
    position: absolute;
    top: -4.6rem;
}
.about_cnt3::after {
    content: "";
    width: 100%;
    height: 4.6rem;
    background: url(/system_panel/uploads/images/waveA_after.png);
    display: block;
    position: absolute;
    bottom: -4.6rem;
}
.about_cnt3 .inner .col2 {
    display: flex;
    gap: 2.08vw;
    /*4*/
}
.about_cnt3 .col2 :is(.left, .right) {
    width: 50%;
    aspect-ratio: 5.8/3;
    position: relative;

}
.about_cnt3 .col2 :is(.left, .right) a {
    width: 100%;
    height: 100%;
    display: grid;
    align-content: center;
    gap: 2rem;
    text-decoration: none;
}
.about_cnt3 .col2 :is(.left, .right) a h4 {
    font-size: 3.5rem;
    color: #fff;
    text-align: center;
}
.about_cnt3 .col2 :is(.left, .right) a p:not(.eng) {
    color: #fff;
    line-height: 2.75;
    text-align: center;
}
.about_cnt3 .col2 :is(.left, .right) a .eng {
    font-size: 5.6rem;
    /*font-family: "Jost", sans-serif;*/
    font-family: Arial, sans-serif;
    font-weight: 600;
    color: rgba(255, 255, 255, 0);
    -webkit-text-stroke: 0.1rem #fff;
    width: 100%;
    position: absolute;
    top: -0.5em;
    text-align: center;
}
.about_cnt3 .col2 .left {
    background: url(/system_panel/uploads/images/about_cnt3_1.jpg) no-repeat center rgba(0, 31, 50, 0.6);
    background-blend-mode: darken;
    background-size: cover;
    border-radius: 0.5rem;
}
.about_cnt3 .col2 .right {
    background: url(/system_panel/uploads/images/about_cnt3_2.jpg) no-repeat center rgba(0, 31, 50, 0.6);
    background-blend-mode: darken;
    background-size: cover;
    border-radius: 0.5rem;
}
.about_cnt3 .col2 :is(.left, .right):hover {
    background-size: 120%;
}


/*wblog&blogdetail共通*/
:is(.blog, .blogdetail) .mainimg {
    /*background: url(/system_panel/uploads/images/works_mainimg.jpg) center rgba(0, 50, 85, 0.5);*/
    background-size: cover;
    background-blend-mode: darken;
}
:is(.blog_cnt1, .blogdetail_cnt1) {
    width: 100%;
    padding: 8rem 0;
}
:is(.blog_cnt1, .blogdetail_cnt1) .inner .webgene-blog {
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    /*justify-content: space-around;*/
    gap: 1.5rem;
}
:is(.blog_cnt2, .blogdetail_cnt2) {
    padding: 0 0 13rem;
}


/*blog*/
.blog_cnt2 .inner .webgene-blog {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3.125vw;
}
.blog_cnt2 .inner .webgene-blog .webgene-item {}
.blog_cnt2 .inner .webgene-blog .webgene-item .dl {
    display: grid;
    gap: 1rem;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .dt {
    grid-row: 3/4;
    grid-column: 1/2;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .dt a {
    color: inherit;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .cate {
    grid-row: 2/3;
    grid-column: 1/2;
    width: fit-content;
    height: 2.3rem;
    display: grid;
    align-items: center;
    padding: 0 1em;
    font-size: 1.4rem;
    background: #2f83b5;
    border-radius: 0.5rem;
    color: #fff;
    margin: 0 0 0 auto;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .day {
    grid-row: 2/3;
    grid-column: 1/2;
    width: fit-content;
    height: 2.3rem;
    display: grid;
    align-items: center;
    color: #b3b6bc;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .pic {
    grid-row: 1/2;
    aspect-ratio: 3.16/2.55;
    border-radius: 0.5rem;
    overflow: hidden;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.webgene-pagination {
    grid-column: 1/4;
}

.webgene-pagination ul {
    width: fit-content;
    display: flex;
    margin: 0 auto 0;
}
.webgene-pagination ul li {
    font-size: 1.7rem;
}
.webgene-pagination :is(.prev, .next) {
    width: 3em;
    height: 3em;
    list-style: none;
}
.webgene-pagination .prev {
    margin: 0 5rem 0 0;
}
.webgene-pagination .next {
    margin: 0 0 0 5rem;
}
.webgene-pagination :is(.prev a, .next a) {
    display: grid;
    justify-content: center;
    align-content: center;
    width: inherit;
    height: inherit;
    color: inherit;
    text-decoration: none;
    color: #cdcdcd;
}
.webgene-pagination ul .number {
    list-style: none;
    background: #cdcdcd;
    border-radius: 50%;
    width: 3em;
    height: 3em;
    margin: 0 0.5em;
}
.webgene-pagination ul .number.selected {
    list-style: none;
    background: #2f83b5;
    width: 3em;
    height: 3em;
    margin: 0 0.5em;
}
.webgene-pagination ul .number.selected a {
    color: #fff;
}
.webgene-pagination ul .number a {
    display: grid;
    justify-content: center;
    align-content: center;
    width: inherit;
    height: inherit;
    color: inherit;
    text-decoration: none;
    color: #fff;
}





/*blogdetail*/
.blogdetail_cnt2 {
    margin: 0 auto;
}
.blogdetail_cnt2 .inner .webgene-blog {
    margin: 0 auto;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item {
    margin: 0 auto 6rem;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .dl {
    display: grid;
    gap: 2rem;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .cate {
    grid-row: 1/2;
    grid-column: 1/2;
    width: fit-content;
    height: 2.3rem;
    display: grid;
    align-items: center;
    padding: 0 2em;
    background: #2f83b5;
    border-radius: 0.5rem;
    font-size: 1.4rem;
    color: #fff;
    margin: 0 0 0 8em;

}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .day {
    grid-row: 1/2;
    grid-column: 1/2;
    width: fit-content;
    height: 2.3rem;
    display: grid;
    align-items: center;
    color: #b3b6bc;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .dt {
    grid-row: 2/3;
    grid-column: 1/2;
    display: grid;
    align-items: center;
    font-size: 2.7rem;
    font-weight: bold;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .cmt {
    line-height: 2.94;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .pic {
    grid-column: 1/2;
    width: 100%;
    border-radius: 0.5rem;
    overflow: hidden;

}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .pic img {
    width: 100%;
    height: 100%;
    /*object-fit: cover;*/
    object-fit: cover;
    object-position: center;
}
    .blogdetail_cnt2 .inner .webgene-blog .webgene-item .pic :is(.slick-img, .thumbnail-img){
        padding: 0.5rem;
    }
.blogdetail_cnt2 .inner .buttonA {
    margin: auto;
}





/*company*/
.company_cnt1 {
    background: #4e9bc9;
    padding: 10rem 0 17rem;
    position: relative;
}
.company_cnt1::after {
    content: "";
    background: url(/system_panel/uploads/images/waveA_after.png) no-repeat center;
    width: 100%;
    height: 4.6rem;
    display: block;
    position: absolute;
    bottom: -4.6rem;
}
.company_cnt1 .inner .col2 {
    display: flex;
    gap: 3.125vw;
    /*6*/
}
.company_cnt1 .inner .col2 .left {
    width: 67%;
}
.company_cnt1 .inner .col2 .left .catch {
    font-size: 3.1rem;
    color: #fff;
    line-height: 1.75;
    margin: 0 0 3rem;
}
.company_cnt1 .inner .col2 .left p:not(.catch) {
    color: #fff;
    line-height: 2.75;
}
.company_cnt1 .inner .col2 .right {
    width: 33%;
}
.company_cnt1 .inner .col2 .right .pic {
    width: 100%;
    aspect-ratio: 4.3/5.64;
    overflow: hidden;
}
.company_cnt1 .inner .col2 .right .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.company_cnt1 .inner .col2 .right p {
    color: #fff;
    text-align: right;
    margin: 1rem 0 0;
}
.company_cnt1 .inner .col2 .right .name {
    font-size: 3.1rem;
}
.company_cnt1 .inner .col2 .left .catch .bgA {
    background: url(/system_panel/uploads/images/span_bgA.png);
    padding: 0 1rem;
    border-radius: 0.5rem;
}
.company_cnt2 {
    background: #f3f6fb;
    padding: 12rem 0;
}
.company_cnt2 .inner .titleA {
    width: fit-content;
    margin: 0 auto 5rem;
}
.company_cnt2 .inner .titleA h3 {
    text-align: center;
}
.company_cnt2 .inner .dl {
    width: 100%;
    min-height: 7rem;
    display: flex;
    gap: 0.5rem;
}
.company_cnt2 .inner .dt {
    width: 25%;
    min-width: 7em;
    min-height: inherit;
    padding: 1rem 0.5rem;
    border-bottom: 0.1rem solid #4e9bc9;
    color: #238ecc;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 2.4;
}
.company_cnt2 .inner .dd {
    width: 75%;
    min-height: inherit;
    padding: 1rem 0.5rem;
    border-bottom: 0.1rem solid #9dc0d5;
    display: grid;
    align-items: center;
    line-height: 2.4;
}
.company_cnt2 .inner .col2 {
    display: flex;
    align-items: center;
    gap: 2.08vw;
    /*4*/
    margin: 8rem auto 11rem;
}
.company_cnt2 .inner .col2 :is(.left, .right) {
    width: 50%;
    aspect-ratio: 5.8/4;
    overflow: hidden;
}
.company_cnt2 .inner .col2 :is(.left, .right) img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.company_cnt2 .map {
    width: 100%;
    height: 30rem;
}
.company_cnt2 .map iframe {
    width: 100%;
    height: inherit;
    border: none;
}





/*recruit*/
.recruit_cnt1 {
    padding: 8rem 0 12rem;
}
.recruit_cnt1 .inner h3 {
    font-size: 3.5rem;
    margin: 0 0 5rem;
}
.recruit_cnt1 .inner p {
    line-height: 2.75;
}
.recruit_cnt2 {
    background: #4e9bc9;
    padding: 10rem 0;
    position: relative;
}

.recruit_cnt2::before {
    content: "";
    width: 100%;
    height: 4.6rem;
    background: url(/system_panel/uploads/images/waveA_before.png);
    display: block;
    position: absolute;
    top: -4.6rem;
}
.recruit_cnt2::after {
    content: "";
    width: 100%;
    height: 4.6rem;
    background: url(/system_panel/uploads/images/waveA_after.png);
    display: block;
    position: absolute;
    bottom: -4.6rem;
}
.recruit_cnt2 .inner .dl {
    display: grid;
    align-content: start;
    grid-template-columns: 0.5fr 1fr;
    grid-template-rows: auto 1fr;
    gap: 1.5625vw 2.6vw;
    /*3 5*/
    margin: 0 auto 5rem;
}
.recruit_cnt2 .inner .dl:last-of-type {
    margin: 0 auto;
}
.recruit_cnt2 .inner .dt {
    grid-row: 1/2;
    grid-column: 2/3;
    font-size: 3.1rem;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 1rem;
}
.recruit_cnt2 .inner .dl .dt::before {
    font-size: 5.6rem;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-text-stroke: 0.1rem #fff;
    color: rgba(255, 255, 255, 0);
    display: inline-block;
}
.recruit_cnt2 .inner .dl:nth-of-type(2) .dt::before {
    content: "01";
}
.recruit_cnt2 .inner .dl:nth-of-type(3) .dt::before {
    content: "02";
}
.recruit_cnt2 .inner .dl:nth-of-type(4) .dt::before {
    content: "03";
}
.recruit_cnt2 .inner .dt p {
    line-height: 1 !important;
}
.recruit_cnt2 .inner .dt p .bgA {
    background: url(/system_panel/uploads/images/span_bgA.png);
    padding: 0 1rem;
    border-radius: 0.5rem;
}
.recruit_cnt2 .inner .pic {
    grid-row: 1/3;
    grid-column: 1/2;
    width: 100%;
}
.recruit_cnt2 .inner .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.recruit_cnt2 .inner .cmt {
    grid-row: 2/3;
    grid-column: 2/3;
    color: #fff;
    line-height: 2.75;
}
.recruit_cnt3 {
    padding: 15rem 0 8rem;
}
.recruit_cnt3 .inner .titleA h3 {
    text-align: center;
}
.recruit_cnt3 .inner .titleA p {
    justify-content: center;
}
.recruit_cnt3 .inner>p {
    text-align: center;
    line-height: 2.75;
    margin: 0 auto 5rem;
}
.recruit_cnt3 .inner .dl {
    display: flex;
    align-items: center;
    gap: 3rem;
    min-height: 5rem;
}
.recruit_cnt3 .inner .dl:not(:last-of-type) {
    margin: 0 0 3rem;
}
.recruit_cnt3 .inner .dt {
    width: 20%;
    min-height: inherit;
    background: linear-gradient(25deg, #3366a8, #4e9bc9);
    border-radius: 0.5rem;
    display: grid;
    align-items: center;
    font-size: 2rem;
    color: #fff;
    text-align: center;

}
.recruit_cnt3 .inner .dd {
    width: 80%;
    min-height: inherit;
    border-bottom: 0.1rem solid #4e9bc9;
    display: grid;
    align-items: center;
    font-size: 2.3rem;
}
.recruit_cnt4 {
    padding: 8rem 0 12rem;
}
.recruit_cnt4 .inner .titleA h3 {
    text-align: center;
}
.recruit_cnt4 .inner .titleA p {
    justify-content: center;
}
.recruit_cnt4 .inner .ul {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}
.recruit_cnt4 .inner .li {
    width: fit-content;
    min-height: 4.6rem;
    background: #3366a8;
    color: #fff;
    display: grid;
    align-items: center;
    padding: 0 2em;
}
.recruit_cnt5 {
    background: linear-gradient(90deg, #3366a8, #4e9bc9);
    padding: 12rem 0;
}
.recruit_cnt5 .inner .titleB {
    width: fit-content;
    margin: 0 auto 5rem;
}
.recruit_cnt5 .inner .titleB h3 {
    text-align: center;
}
.recruit_cnt5 .inner .titleB p {
    justify-content: center;
}
.recruit_cnt5 .inner .dl {
    width: 100%;
    min-height: 7rem;
    display: flex;
    gap: 0.5rem;
}
.recruit_cnt5 .inner .dt {
    width: 25%;
    min-width: 7em;
    min-height: inherit;
    padding: 1rem 0.5rem;
    border-bottom: 0.1rem solid #4e9bc9;
    color: #bad1ef;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 2.4;
}
.recruit_cnt5 .inner .dd {
    width: 75%;
    min-height: inherit;
    padding: 1rem 0.5rem;
    border-bottom: 0.1rem solid #9dc0d5;
    display: grid;
    align-items: center;
    color: #fff;
    line-height: 2.4;
}
.recruit_cnt6 {
    background: #f3f6fb;
    padding: 7rem 0 12rem;
}
.recruit_cnt6 .inner>p {
    text-align: center;
    line-height: 2.75;
    margin: 0 auto 5rem;
}
.recruit_cnt6 .inner .tel {
    width: 80%;
    max-width: 68rem;
    background: #4e9bc9;
    padding: clamp(2rem, 2.08vw, 4rem);
    margin: 0 auto 5rem;
}
.recruit_cnt6 .inner .tel a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 3.5rem;
    font-family: "Jost", sans-serif;
    color: #fff;
}
.recruit_cnt6 .inner .tel a::before {
    content: "";

    background: url(/system_panel/uploads/images/icon_tel2.png) no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    display: inline-block;
}
.recruit_cnt6 .inner .tel p {
    text-align: center;
    color: #fff;
}
.recruit_cnt6 .inner .titleA {
    margin: 0 auto 5rem;
}
.recruit_cnt6 .inner .titleA h3 {
    text-align: center;
}
.recruit_cnt6 .inner .titleA p {
    justify-content: center;
}
.recruit_cnt6 .inner .flex {
    display: flex;
    gap: 1.5625vw;
    /*3*/
    margin: 0 auto 7rem;
}
.recruit_cnt6 .inner .flex .dl {
    width: 50%;
    background: #fff;
    padding: 1.5625vw;
    text-align: center;
}
.recruit_cnt6 .inner .flex .dl.tel .dt {
    width: 2.6vw;
    /*5*/
    height: 2.08vw;
    display: inline-block;
    width: fit-content;
}
.recruit_cnt6 .inner .flex .dl.tel .dt img {
    width: 100%;
}
.recruit_cnt6 .inner .flex .dl.tel .dd:has(a) {
    display: inline-block;
    /*width: calc(100% - 2.6vw);*/
    vertical-align: middle;
    letter-spacing: 0.1em;
    margin: 0 auto 1rem;
}
.recruit_cnt6 .inner .flex .dl.tel .dd a {
    font-size: 3.7rem;
    color: inherit;
    text-decoration: none;
}

.recruit_cnt6 .inner .flex .dl.fax {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2rem;
}
.recruit_cnt6 .inner .flex .dl.fax .dt {
    font-size: 2rem;
    letter-spacing: 0.1em;
}
.recruit_cnt6 .inner .flex .dl.fax .dd {
    font-size: 3.7rem;
    letter-spacing: 0.1em;
}






/*contact*/
.contact_cnt1 {
    background: #f3f6fb;
    padding: 7rem 0 12rem;
}
.contact_cnt1 .inner>p {
    text-align: center;
    line-height: 2.75;
    margin: 0 auto 5rem;
}
.contact_cnt1 .inner .tel {
    width: 80%;
    max-width: 68rem;
    background: #4e9bc9;
    padding: clamp(2rem, 2.08vw, 4rem);
    margin: 0 auto 5rem;
}
.contact_cnt1 .inner .tel a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 3.5rem;
    font-family: "Jost", sans-serif;
    color: #fff;
}
.contact_cnt1 .inner .tel a::before {
    content: "";

    background: url(/system_panel/uploads/images/icon_tel2.png) no-repeat;
    width: 2.4rem;
    height: 2.4rem;
    display: inline-block;
}
.contact_cnt1 .inner .tel p {
    text-align: center;
    color: #fff;
}
.contact_cnt1 .inner .titleA {
    margin: 0 auto 5rem;
}
.contact_cnt1 .inner .titleA h3 {
    text-align: center;
}
.contact_cnt1 .inner .titleA p {
    justify-content: center;
}
.contact_cnt1 .inner .flex {
    display: flex;
    gap: 1.5625vw;
    /*3*/
    margin: 0 auto 7rem;
}
.contact_cnt1 .inner .flex .dl {
    width: 50%;
    background: #fff;
    padding: 1.5625vw;
    text-align: center;
}
.contact_cnt1 .inner .flex .dl.tel .dt {
    width: 2.6vw;
    /*5*/
    height: 2.08vw;
    display: inline-block;
    width: fit-content;
}
.contact_cnt1 .inner .flex .dl.tel .dt img {
    width: 100%;
}
.contact_cnt1 .inner .flex .dl.tel .dd:has(a) {
    display: inline-block;
    /*width: calc(100% - 2.6vw);*/
    vertical-align: middle;
    letter-spacing: 0.1em;
    margin: 0 auto 1rem;
}
.contact_cnt1 .inner .flex .dl.tel .dd a {
    font-size: 3.7rem;
    color: inherit;
    text-decoration: none;
}

.contact_cnt1 .inner .flex .dl.fax {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2rem;
}
.contact_cnt1 .inner .flex .dl.fax .dt {
    font-size: 2rem;
    letter-spacing: 0.1em;
}
.contact_cnt1 .inner .flex .dl.fax .dd {
    font-size: 3.7rem;
    letter-spacing: 0.1em;
}
form .dl {
    width: 100%;
    min-height: 7rem;
    display: flex;
    gap: 0.5rem;
}
form .dl .dt {
    width: 25%;
    min-height: inherit;
    padding: 1rem 0.5rem;
    border-bottom: 0.1rem solid #4e9bc9;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
form .dt .required {
    display: inline-grid;
    align-items: center;
    width: fit-content;
    height: 2.2rem;
    border-radius: 1.1rem;
    background: #3366a8;
    padding: 0.5rem;
    font-size: 1.3rem;
    color: #fff;
}
form .dl .dd {
    width: 75%;
    min-height: inherit;
    padding: 1rem 0.5rem;
    border-bottom: 0.1rem solid #9dc0d5;
    display: grid;
    align-items: center;
}
form input[type="text"],
form input[type="email"],
form textarea {
    width: 100%;
    height: 5rem;
    background: #dfe7f4;
    border: 0.1rem solid #bac8de;
    border-radius: 0.5rem;
}
form textarea {
    height: 22rem;
}
form input.zipInput {
    width: 40%;
}
form input[type="text"],
form input[type="email"],
form input[type="checkbox"],
form textarea {
    padding: 0 1em;
    background: #dfe7f4;
    border: 0.1rem solid #bac8de;
}
form .dl .dd .radioArea {
    display: flex;
    gap: 1.5625vw;
    /*3*/
}
form select {}
form .dl .dd .selectArea {}
form .dl .dd .selectArea div {
    width: fit-content;
    display: inline-block;
}
form .terms {
    background: #e9e9e9;
    border: 0.1rem solid #bcbcbc;
    padding: 2.08vw;
    /*4*/
    height: 37.5rem;
    overflow-y: scroll;
    margin: 1rem 0 5rem 0;
}
form .terms p {
    line-height: 2;
}
form .col {

    width: 100% !important;
    display: flex;
    justify-content: center;
    margin: auto;
}
form .col label {
    width: fit-content;
}
form .privacyLabel {
    width: 100%;
    text-align: center;
    margin: 0 auto 5rem;
}
form button {
    -webkit-appearance: none;
    display: grid;
    margin: auto;
}