@charset "UTF-8";




/*index*/
.index .mainimg {
    height: calc(100vh - 11rem);
}
.index .mainimg h2 {
    top: calc(50% - 1em);
}
.index_cnt1 {
    padding: 12rem 0 16rem;
    background: url(/system_panel/uploads/images/bgA.jpg);
}
.index_cnt1 .inner .titleA {}
.index_cnt1 .inner .col2 {
    display: flex;
    flex-direction: row-reverse;
    gap: 1.5625vw;
    /*3*/
}
.index_cnt1 .inner .col2 .left {
    width: 50%;
    aspect-ratio: 6/3.9;
    overflow: hidden;
}
.index_cnt1 .inner .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index_cnt1 .inner .col2 .right {
    width: 50%;
}
.index_cnt1 .inner .col2 .right p {
    color: #fff;
    line-height: 2.29;
}
.index_cnt2 {
    background: #f0f0f0;
    padding: 10rem 0;
}
.index_cnt2 .inner .col2 {
    display: flex;
    gap: 1.5625vw;
    /*3*/
    margin: 0 auto 6rem;
}
.index_cnt2 .inner .col2 :is(.left, .right) {
    width: 50%;
    aspect-ratio: 5.6/3.7;
    overflow: hidden;
    position: relative;
    display: grid;
    align-items: center;
    padding: 1rem;
}
.index_cnt2 .inner .col2 :is(.left, .right) a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
  pointer-events: none;
}
.index_cnt2 .inner .col2 :is(.left, .right) a .title {
    width: 100%;
    height: 100%;
    border: 0.1rem solid #ab7621;
    display: grid;
    align-content: center;
    justify-content: center;
    gap: 2rem;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.index_cnt2 .inner .col2 :is(.left, .right) a .title h4 {
    font-size: 3.9rem;
    color: #ab7621;
    text-align: center;
}
.index_cnt2 .inner .col2 :is(.left, .right) a .title p {
    width: initial;
    height: initial;
    grid-row: initial;
    font-size: initial;
    color: #fff;
    text-align: center;
    padding: 0;
}
.index_cnt2 .inner .col2 :is(.left, .right) a .title p::after {
    content: initial;
}
.index_cnt2 .inner .col2 :is(.left, .right) a .pic {
    width: 100%;
    background: rgba(49, 49, 49, 1);
    position: absolute;
    top: 0;
    left: 0;
}

.index_cnt2 .inner .col2 :is(.left, .right) .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    mix-blend-mode: overlay;
}
.index_cnt2 .inner .buttonA {
    margin: 0 auto 6rem;
}
.index_cnt3 {
    padding: 10rem 0;
    background: url(/system_panel/uploads/images/index_cnt3_bg.jpg);
}
.index_cnt3 .inner .col2 {
    display: flex;
    flex-direction: row-reverse;
    align-items: start;
    gap: 1.5625vw;
    /*3*/
    margin: 0 auto 6rem;
}
.index_cnt3 .inner .col2 :is(.left, .right) {
    width: 50%;
}

.index_cnt3 .inner .col2 .left {
    aspect-ratio: 6/4;
}

.index_cnt3 .inner .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index_cnt3 .inner .col2 .right .titleA p::after{
    background: #030303;
}
.index_cnt3 .inner .col2 .right>p {
    color: #fff;
    line-height: 2.29;
    margin: 0 0 5rem;
}
.index_cnt4 {
    padding: 14rem 0;
}
.index_cnt4 .inner .titleB p {
    margin: auto;
}
.index_cnt4 .inner .window {
    width: 100%;
    height: 24rem;
    overflow-y: scroll;
}
.index_cnt4 .inner .window .dl {
    width: 100%;
    min-height: 8rem;
    display: flex;
}
.index_cnt4 .inner .window .dt {
    width: 20%;
    display: grid;
    align-items: center;
    justify-content: center;
    border-bottom: 0.1rem solid #ab7621;
    color: #ab7621;
}
.index_cnt4 .inner .window .dd {
    width: 80%;
    display: grid;
    align-items: center;
    border-bottom: 0.1rem solid #181818;
    padding: 0 5.2vw;
    /*10*/
}
.index_cnt4 {
    padding: 14rem 0;
    background: #f0f0f0;
}
.index_cnt5 {
    background: #f0f0f0;
}
.index_cnt5 .inner .titleB p {
    margin: auto;
}
.index_cnt5 .map {
    width: 100%;
    height: 40rem;
}
.index_cnt5 .map iframe {
    width: 100%;
    height: inherit;
    border: none;
}





/*strength*/
.strength_cnt1 {
    padding: 8rem 0 12rem;
    background: #f0f0f0;
}
.strength_cnt1 .inner .titleB h3 {
    text-align: center;
}
.strength_cnt1 .inner .titleB p {
    margin: auto;
}
.strength_cnt1 .inner .col2 {
    display: flex;
    margin: 0 auto 5rem;
}
.strength_cnt1 .inner .col2:last-of-type {
    margin: 0 auto;
}
.strength_cnt1 .inner .col2 .left {
    width: 50%;
    aspect-ratio: 6/4;
    overflow: hidden;
}
.strength_cnt1 .inner .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.strength_cnt1 .inner .col2 .right {
    width: 50%;
    padding: 0 0 0 2.6vw;
    /*5*/
}
.strength_cnt1 .inner .col2 .right h4 {
    font-size: 3.7rem;
    line-height: 1.48;
    margin: 0 0 2rem;
}
.strength_cnt1 .inner .col2 .right p {
    line-height: 2.29;
}
.strength_cnt1 .inner .col2:nth-of-type(odd) {
    flex-direction: row-reverse;
}
.strength_cnt1 .inner .col2:nth-of-type(odd) .right {
    padding: 0 2.6vw 0 0;
    /*5*/
}
.strength_cnt2 {
    padding: 8rem 0;
    background: url(/system_panel/uploads/images/bgB.jpg);
}
.strength_cnt2 .inner .titleA h3 {
    text-align: center;
}
.strength_cnt2 .inner .titleA p {
    margin: auto;
}
.strength_cnt2 .inner>p {
    text-align: center;
    line-height: 2.29;
    color: #fff;
    margin: 0 auto 5rem;
}





/*price*/
.price_cnt1 {
    padding: 8rem 0;
    background: url(/system_panel/uploads/images/bgA.jpg);
}
.price_cnt1 .inner .titleA h3 {
    text-align: center;
}
.price_cnt1 .inner .titleA p {
    margin: auto;
}
.price_cnt1 .inner .col2 {
    display: flex;
    flex-direction: row-reverse;
}
.price_cnt1 .inner .col2:last-of-type {
    margin: 0 auto;
}
.price_cnt1 .inner .col2 .left {
    width: 50%;
    aspect-ratio: 6/4;
    overflow: hidden;
}
.price_cnt1 .inner .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.price_cnt1 .inner .col2 .right {
    width: 50%;
    padding: 0 2.6vw 0 0;
    /*5*/
}
.price_cnt1 .inner .col2 .right p {
    line-height: 2.29;
    color: #fff;
}
.price_cnt2 {
    padding: 8rem 0;
    background: #f0f0f0;
}
.price_cnt2 .inner h4 {
    font-size: 3.7rem;
    text-align: center;
    margin: 0 auto 4rem;
}
.price_cnt2 .inner .set {/*:first-of-type*/
    margin: 0 auto 8rem;
}
.price_cnt2 .inner .set:last-of-type {
    margin: 0 auto 0rem;
}
.price_cnt2 .inner .set .table {
    width: 100%;
}
.price_cnt2 .inner .set .table .tr {
    border-left: 0.1rem solid #1c1914;
}
.price_cnt2 .inner .set .table .tr :is(.th, .td) {
    display: grid;
    align-items: center;
    text-align: center;
    height: inherit;
    border-bottom: 0.1rem solid #1c1914;
    border-right: 0.1rem solid #1c1914;
}
.price_cnt2 .inner .set .table .thead {
    width: 100%;
    height: 7.5rem;
    background: #ab7621;
}
.price_cnt2 .inner .set .table .thead .tr {
    width: 100%;
    height: inherit;
    display: grid;
    grid-template-columns: 1.3fr 1fr 1fr;
    align-items: center;
    border-top: 0.1rem solid #1c1914;
}
.price_cnt2 .inner .set .table .thead .tr .th {
    color: #fff;
}
.price_cnt2 .inner .set .table .tbody {
    width: 100%;
    /*height: 7rem;*/
}
.price_cnt2 .inner .set .table .tbody .tr {
    width: 100%;
    min-height: 7rem;
    display: grid;
    grid-template-columns: 1.3fr 1fr 1fr;
    align-items: center;
}
.price_cnt2 .inner .set .table .tbody .tr .th {
    background: #fff;
    height: 100%;
    min-height: inherit;
}

.price_cnt2 .inner .set .table .tbody .tr .td {
    background: #fff;
    height: 100%;
    min-height: inherit;
    display: grid;
    align-items: center;
    text-align: center;
}
.price_cnt3 {
    padding: 8rem 0 16rem;
    background: #f0f0f0;
}
.price_cnt3 .inner .titleB h3 {
    text-align: center;
}
.price_cnt3 .inner .titleB p {
    margin: auto;
}
.price_cnt3 .inner .dl {
    width: 100%;
    min-height: 6rem;
}
.price_cnt3 .inner .dl:not(:last-of-type) {
    margin: 0 auto 3rem;
}
.price_cnt3 .inner .dt {
    width: 100%;
    border: 0.1rem solid #1c1914;
    min-height: inherit;
    padding: 1.5rem 3rem 1.5rem 4.6875vw;
    /*9*/
    display: grid;
    align-items: center;
    background: #ab7621;
    font-size: 2.5rem;
    color: #fff;
    position: relative;
}
.price_cnt3 .inner .dt::before {
    content: "Q";
    color: #ecc88f;
    display: inline-block;
    position: absolute;
    left: 1.82vw;
    /*3.5*/
}
.price_cnt3 .inner .dd {
    width: 100%;
    min-height: inherit;
    background: #fff;
    border-bottom: 0.1rem solid #1c1914;
    border-left: 0.1rem solid #1c1914;
    border-right: 0.1rem solid #1c1914;
    padding: 1.5rem 0 1.5rem 4.6875vw;
    /*9*/
    display: none;
    align-items: center;
    position: relative;
    line-height: 2.29;
}
.price_cnt3 .inner .dd::before {
    content: "A";
    font-size: 2.5rem;
    line-height: 1;
    display: inline-block;
    position: absolute;
    left: 1.82vw;
    /*3.5*/
}





/*flow*/
.flow_cnt1 {
    padding: 8rem 0 12rem;
    background: #f0f0f0;
}
.flow_cnt1 .inner .titleB h3 {
    text-align: center;
}
.flow_cnt1 .inner .titleB p {
    margin: auto;
}
.flow_cnt1 .inner .col2 {
    display: flex;
    gap: 2.6vw;
    /*5*/
    margin: 0 auto 5rem;
}
.flow_cnt1 .inner .col2:last-of-type {
    margin: 0 auto;
}
.flow_cnt1 .inner .col2 .left {
    width: 42%;
    aspect-ratio: 4.8/3.2;
    overflow: hidden;
}
.flow_cnt1 .inner .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.flow_cnt1 .inner .col2 .right {
    width: 58%;
    padding: 0 0 0 2.6vw;
    /*5*/
}
.flow_cnt1 .inner .col2 .right h4 {
    font-size: 3.7rem;
    line-height: 1.48;
    margin: 0 0 2rem;
    position: relative;
}
.flow_cnt1 .inner .col2 .right h4::before {
    content: "";
    color: #ab7621;
    position: absolute;
    left: -1.5em;
}
.flow_cnt1 .inner .col2:nth-of-type(2) .right h4::before {
    content: "01";
}
.flow_cnt1 .inner .col2:nth-of-type(3) .right h4::before {
    content: "02";
}
.flow_cnt1 .inner .col2:nth-of-type(4) .right h4::before {
    content: "03";
}
.flow_cnt1 .inner .col2:nth-of-type(5) .right h4::before {
    content: "04";
}
.flow_cnt1 .inner .col2:nth-of-type(6) .right h4::before {
    content: "05";
}
.flow_cnt1 .inner .col2 .right p {
    line-height: 2.29;
}
.flow_cnt1 .inner .col2 .right .buttonA {
    margin: 3rem 0 0;
}
.flow_cnt2 {
    padding: 8rem 0;
    background: url(/system_panel/uploads/images/bgB.jpg);
}
.flow_cnt2 .inner .titleA h3 {
    text-align: center;
}
.flow_cnt2 .inner .titleA p {
    margin: auto;
}
.flow_cnt2 .inner .col2 {
    width: 90%;
    max-width: 100rem;
    margin: auto;
    display: flex;
    gap: 2.6rem;
}
.flow_cnt2 .inner .col2 .left {
    width: 34%;
}
.flow_cnt2 .inner .col2 .left .dl {
    display: flex;
    margin: 0 0 2rem;
}
.flow_cnt2 .inner .col2 .left .dt {
    width: 33%;
    min-width: 5em;
    color: #fff;
    line-height: 2.29;
}
.flow_cnt2 .inner .col2 .left .dd {
    color: #fff;
    line-height: 2.29;
}
.flow_cnt2 .inner .col2 .left p {
    line-height: 2.29;
    color: #fff;
}

.flow_cnt2 .inner .col2 .right {
    width: 66%;
    aspect-ratio: 6.4/3;
    overflow: hidden;
}
.flow_cnt2 .inner .col2 .right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}







/*contact*/
.company_cnt1 {
    padding: 8rem 0 12rem;
    background: #f0f0f0;
}
.company_cnt1 .inner .titleB h3 {
    text-align: center;
}
.company_cnt1 .inner .titleB p {
    margin: auto;
}
.company_cnt1 .inner .col2 {
    display: flex;
    gap: 2.6vw;
    /*5*/
    align-items: start;
    flex-direction: row-reverse;
}
.company_cnt1 .inner .col2 .left {
    width: 42%;
    aspect-ratio: 4.8/5.2;
    overflow: hidden;
}
.company_cnt1 .inner .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.company_cnt1 .inner .col2 .right {
    width: 58%;
    padding: 0 0 0 2.6vw;
    /*5*/
}
.company_cnt1 .inner .col2 .right p:not(.ceo) {
    line-height: 2.29;
    margin: 0 0 2rem;
}
.company_cnt1 .inner .col2 .right .ceo {
    display: flex;
    align-items: baseline;
    gap: 2rem;
}
.company_cnt1 .inner .col2 .right .ceo p {
    font-size: 1.9rem;
    font-weight: bold;
}
.company_cnt1 .inner .col2 .right .ceo .name {
    font-size: 2.5rem;
}
.company .map {
    width: 100%;
    height: 40rem;
}
.company .map iframe {
    width: 100%;
    height: inherit;
    border: none;
}
.company_cnt2 {
    width: 100%;
    background: url(/system_panel/uploads/images/bgA.jpg);
    padding: 11rem 0;
}
.company_cnt2 .inner .titleA h3 {
    text-align: center;
}
.company_cnt2 .inner .titleA p {
    margin: auto;
}
.company_cnt2 .inner .dl {
    width: 100%;
    min-height: 8rem;
    display: flex;
}
.company_cnt2 .inner .dt {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 0.1rem solid #ab7621;
    color: #ab7621;
    padding: 0 1rem;
    color: #fff;
}
.company_cnt2 .inner .dd {
    width: 80%;
    display: grid;
    align-items: center;
    border-bottom: 0.1rem solid #fff;
    padding: 0 1rem;
    color: #fff;
}
.company_cnt2 .inner .dd a {
    color: inherit;
}
.company_cnt3 {
    width: 100%;
    background: #f0f0f0;
    padding: 8rem 0 12rem;
}

.company_cnt3 .inner .titleB h3 {
    text-align: center;
}
.company_cnt3 .inner .titleB p {
    margin: auto;
}
form>.dl {
    width: 100%;
    min-height: 8rem;
    display: flex;
}
form>.dl>.dt {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 0.1rem solid #ab7621;
    color: #ab7621;
    padding: 0.5rem 0;
}
form>.dl>.dt .required {
    background: #1c1914;
    font-size: 1.5rem;
    color: #fff;
    width: fit-content;
    height: 2.3rem;
    display: grid;
    align-items: center;
    padding: 0 0.5em;
}
form>.dl>.dd {
    width: 80%;
    display: grid;
    align-items: center;
    border-bottom: 0.1rem solid #181818;
    padding: 0.5rem 1rem;
}
form input[type="text"],
form input[type="email"],
form textarea {
    width: 100%;
    min-height: 6.4rem;
    background: #fff;
    border: 0.1rem solid #1c1914;
    padding: 0.5rem 1rem;
}
form textarea {
    height: 24rem;
}
form input.zipInput {
    width: 40%;
}
form :is(#minute2, #minute1) {
    display: none;
}
form input[type="text"],
form input[type="email"],
form input[type="checkbox"],
form textarea {
    padding: 0 1em;
    border: 0.1rem solid #1c1914;
}
form select {}
form .dl .dd .em {
    font-size: 1.5rem;
    color: #ab7621;
    margin: 0 0 1rem;
}
form .dl .dd .dl {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 0 0 1rem;
}
form .dl .dd .dl .dd select {
    min-width: 5.2vw;
    /*10*/
    height: 6.4rem;
    background: #fff;
    border: 0.1rem solid #1c1914;
}
form .dl .dd .selectArea {}
form .dl .dd .selectArea div {
    width: fit-content;
    display: inline-block;
}
form .terms {
    background: #fff;
    border: 0.1rem solid #1c1914;
    padding: 4rem;
    height: 34.5rem;
    overflow-y: scroll;
    margin: 0.5rem 0 5rem 0;
}
form .terms p {
    line-height: 2.35;
}
form .col {
    width: 100% !important;
    display: flex;
    justify-content: center;
    margin: 0 auto 5rem;
}
form .col label {
    width: fit-content;
}
form .privacyLabel {
    width: 100%;
    text-align: center;
}
form button {
    -webkit-appearance: none;
    display: block;
    margin: auto;
    cursor: pointer;
}

/*-------------*/
/*@media (hover: none) and (pointer: coarse) {
  img[alt="追従画像"] {
    display: none !important;
  }
}*/