@charset "UTF-8";




/*index*/
.index .mainimg {
    height: 90rem;
    background: url(/system_panel/uploads/images/index_mainimg.jpg) no-repeat center;
    background-attachment: fixed;
    border-radius: initial;
}
.index .mainimg .title {
    position: absolute;
    bottom: 14rem;
    left: 18.75vw;
    z-index: 3;
}
.index .mainimg .title h2 {
    font-size: 3.5rem;
    font-family: "M PLUS Rounded 1c", sans-serif;
    color: #fff;
    background: #004491;
    border-radius: 0.5rem;
    line-height: 1.74;
    padding: 1.5rem 2rem;
    line-height: 2.5;
    display: inline;
    box-decoration-break: clone;
    box-shadow: 0 0 0.5rem rgba(183, 201, 218, 0.2);
}
.index_cnt1 {
    background: linear-gradient(135deg, #f5f1e8, #e5eff8 50%);
    border-radius: 3.38vw;
    /*6.5*/
    padding: 5rem 0;
    transform: translate(0, -3.38vw);
}
.index_cnt1 .inner>p {
    text-align: center;
    margin: 0 auto 5rem;
    line-height: 2.25;
}
.index_cnt1 .inner .flex {
    display: flex;
    justify-content: center;
    align-items: baseline;
    flex-wrap: wrap;
    margin: 0 auto 2rem;
}
.index_cnt1 .inner .flex>p {
    font-size: 2.5rem;
}
.index_cnt1 .inner .flex .orange {
    color: #d78500;
}
.index_cnt1 .inner .flex .blue {
    color: #004491;
}
.index_cnt1 .inner .flex:has(.figure) {
    justify-content: space-evenly;
    flex-grow: 1;
}
.index_cnt1 .inner .flex .figure {
    width: 30%;
    margin: 0 0 5rem;
}
.index_cnt1 .inner .flex .figure .pic {
    width: 100%;
    aspect-ratio: 3.7/2.4;
    border-radius: 0.5rem;
    margin: 0 0 1rem;
}
.index_cnt1 .inner .flex .figure .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index_cnt1 .inner .flex .figure .figcaption {
    line-height: 1.9;
}
.index_cnt1 .inner .flex .figure .figcaption span {
    color: #004491;
}
.index_cnt1 .inner .flex2 {
    display: flex;
    justify-content: center;
    align-items: end;
    flex-wrap: wrap;
    margin: 0 auto 4rem;
}
.index_cnt1 .inner .flex2 p {
    font-size: 3.5rem;
    font-family: "M PLUS Rounded 1c", sans-serif;
}
.index_cnt2 {
    padding: 0 0 11rem;
}
.index_cnt2 .inner .col2 {
    display: flex;
    align-items: start;
    gap: 3.125vw;
    /*6*/
}
.index_cnt2 .inner .col2 .left {
    width: 50%;
}
.index_cnt2 .inner .col2 .left>p {
    line-height: 2.43;
}
.index_cnt2 .inner .col2 .right {
    width: 50%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.08vw;
    /*4*/
    padding: 6rem 0 0;
}
.index_cnt2 .inner .col2 .right .figure {
    width: 100%;
}
.index_cnt2 .inner .col2 .right .figure .pic {
    width: 100%;
    aspect-ratio: 2.8/2;
    border-radius: 1rem;
    overflow: hidden;
    margin: 0 0 1rem;
}
.index_cnt2 .inner .col2 .right .figure .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index_cnt2 .inner .col2 .right .figure .figcaption {
    display: flex;
    position: relative;
}
.index_cnt2 .inner .col2 .right .figure .figcaption a {
    color: inherit;
    text-decoration: none;
}
.index_cnt2 .inner .col2 .right .figure .figcaption a::after {
    content: "→";
    position: absolute;
    right: 1rem;
}
.index_cnt2 .inner .col2 .right .figure .figcaption a:hover::after {
    right: 0;
    transition: 0.5s;
}
.index_cnt3 {}
.index_cnt3 .top {
    width: 100%;
    height: 50rem;
    background: url(/system_panel/uploads/images/index_cnt3_top.jpg) center;
    position: relative;
}
.index_cnt3 .top::after {
    content: "";
    width: 100%;
    height: 10.41vw;
    /*20*/
    background: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    position: absolute;
    bottom: 0;
}
.index_cnt3 .top .inner {
    width: 100%;
    max-width: initial;
    position: absolute;
    bottom: 0;
    z-index: 3;
    padding: 0 18.75vw 5rem;
    /*36*/
}
.index_cnt3 .top .inner .col2 {
    display: flex;
    align-items: center;
}
.index_cnt3 .top .inner .col2 .left {
    width: 50%;
}
.index_cnt3 .top .inner .col2 .left .titleA h3 {
    color: #fff;
}
.index_cnt3 .top .inner .col2 .left .titleA p {
    color: #fff;
}
.index_cnt3 .top .inner .col2 .right {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.index_cnt3 .top .inner .col2 .right .dl {
    width: 40%;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background: #fbefd3;
    display: grid;
    gap: 1rem;
    padding: 3rem 0;
}
.index_cnt3 .top .inner .col2 .right .dt {
    grid-row: 2/3;
    font-size: 2.7rem;
    font-family: "M PLUS Rounded 1c", sans-serif;
    color: #b98816;
    text-align: center;
    line-height: 1.3;
}
.index_cnt3 .top .inner .col2 .right .dt a{
      color: #b98816;
}
.index_cnt3 .top .inner .col2 .right .dd {
    font-size: 1.5rem;
    text-align: center;
    line-height: 1.6;
}
.index_cnt3 .top .inner .col2 .right .arrow {
    grid-row: 3/4;
    font-family: "M PLUS Rounded 1c", sans-serif;
    color: #b98816;
    text-align: center;
}
.index_cnt3 .top .inner .col2 .right .arrow a {
    color: #b98816;
    text-decoration: none;
}
.index_cnt3 .top .inner .col2 .right>p {
    font-size: 5rem;
    color: #b98816;
}
.index_cnt3>.inner>p {
    line-height: 2.43;
    margin: 0 0 5rem;
}
.index_cnt4 {
    padding: 17rem 0;
}
.index_cnt4 .inner .webgene-blog {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5625vw;
    /*3*/
    margin: 0 auto 5rem;
}
.index_cnt4 .inner .webgene-blog .webgene-item {
    width: 100%;
}
.index_cnt4 .inner .webgene-blog .webgene-item .dl {
    width: 100%;
    display: grid;
    gap: 1rem;
}
.index_cnt4 .inner .webgene-blog .webgene-item .dt {
    grid-row: 3/4;
    grid-column: 1/2;
    width: 100%;
}
.index_cnt4 .inner .webgene-blog .webgene-item .dt a {
    color: inherit;
}
.index_cnt4 .inner .webgene-blog .webgene-item .pic {
    grid-row: 1/2;
    grid-column: 1/2;
    width: 100%;
    aspect-ratio: 2.8/2.1;
    overflow: hidden;
    border-radius: 0.5rem;
    overflow: hidden;
}
.index_cnt4 .inner .webgene-blog .webgene-item .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index_cnt4 .inner .webgene-blog .webgene-item .day {
    grid-row: 2/3;
    grid-column: 1/2;
    font-size: 1.5rem;
    font-family: "Jost", sans-serif;
    font-weight: normal;
    color: #004491;
    text-align: right;
}
.index_cnt4 .inner .webgene-blog .webgene-item .cate {
    grid-row: 2/3;
    grid-column: 1/2;
    width: fit-content;
    height: 2.1rem;
    padding: 0 1em;
    display: grid;
    align-items: center;
    font-size: 1.4rem;
    color: #fff;
    background: #65a1d7;
}
.index_cnt4 .inner .buttonA {
    margin: auto;
}




/*grant*/
.grant_cnt1 {
    padding: 5rem 0 3rem;
}
.grant_cnt1 .inner p {
    line-height: 2.25;
}
.grant_cnt2 {
    background: linear-gradient(135deg, #f5f1e8, #e5eff8 50%);
    border-radius: 3.38vw;
    /*6.5*/
    padding: 6rem 0;
}
.grant_cnt2 .inner .strong {
    font-size: 3.5rem;
    font-family: "M PLUS Rounded 1c", sans-serif;
    text-align: center;
}
.grant_cnt2 .inner .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.grant_cnt2 .inner .grid .illust {
    width: fit-content;
    margin: auto;
    align-self: end;
}
.grant_cnt2 .inner .ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5625vw;
    /*3*/
}
.grant_cnt2 .inner .li {
    list-style: none;
    font-size: 1.8rem;
    line-height: 2;
    background: #fff;
    padding: 1em;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
}
.grant_cnt2 .inner .li::before {
    content: "";
    background: url(/system_panel/uploads/images/checkA.png) no-repeat;
    width: 3rem;
    min-width: 3rem;
    height: 3rem;
    display: inline-block;
}
.grant_cnt3 {
    padding: 15rem 0 6rem;
}
.grant_cnt3 .inner .arrow {
    width: fit-content;
    margin: -21rem auto 0;
}
.grant_cnt3 .inner .arrow img {
    width: 100%;
}
.grant_cnt3 .inner>p {
    line-height: 2.43;
    margin: 0 0 5rem;
}
.grant_cnt3 .inner [class^="window"] {
    width: 100%;
    padding: clamp(2rem, 3.125vw, 6rem);
    border-radius: 0.5rem;
}
.grant_cnt3 .inner [class^="window"] h4 {
    width: fit-content;
    font-size: 3.5rem;
    font-family: "M PLUS Rounded 1c", sans-serif;
    text-align: center;
    margin: 0 auto 3rem;
}
.grant_cnt3 .inner [class^="window"] .ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 3.125vw;
}
.grant_cnt3 .inner [class^="window"] .li {
    width: 100%;
    min-height: 7rem;
    border-bottom: 0.1rem dotted #000;
    line-height: 2.25;
    display: flex;
    align-items: center;
    gap: 1rem;
}
.grant_cnt3 .inner [class^="window"] .li::before {
    content: "";
    background: url(/system_panel/uploads/images/checkB.png) no-repeat;
    width: 2.7rem;
    min-width: 2.7rem;
    height: 2.5rem;
    display: inline-block;
}
.grant_cnt3 .inner .window {
    background: #faf7f1;
    margin: 0 auto 4rem;
}
.grant_cnt3 .inner .window h4 {
    color: #f3ca77;
}
.grant_cnt3 .inner .window2 {
    background: #f2f6f9;
}
.grant_cnt3 .inner .window2 h4 {
    color: #65a1d7;
    position: relative;
}
.grant_cnt3 .inner .window2 h4::after {
    content: "";
    background: url(/system_panel/uploads/images/grant_cnt3_illust1.png) no-repeat;
    background-size: cover;
    width: 3.177vw;
    /*6.1*/
    height: 6.61vw;
    /*12.7*/
    position: absolute;
    right: -4vw;
    bottom: -2rem;
}
.grant_cnt4 {
    padding: 6rem 0 8rem;
}
.grant_cnt4 .inner .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5625vw;
    /*3*/
}
.grant_cnt4 .inner .grid .dl {
    width: 100%;
    display: grid;
    gap: 2rem;
}
.grant_cnt4 .inner .grid .dt {
    grid-row: 2/3;
    font-size: 2.1rem;
    color: #65a1d7;
}
.grant_cnt4 .inner .grid .pic {
    grid-row: 1/2;
    width: 100%;
    aspect-ratio: 3.7/2.4;
    border-radius: 0.5rem;
    overflow: hidden;
}
.grant_cnt4 .inner .grid .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.grant_cnt4 .inner .grid .cmt {
    line-height: 2.43;
}
.grant_cnt5 {
    padding: 8rem 0;
}
.grant_cnt5 .inner .titleA {}
.grant_cnt5 .inner .titleA h3 {
    text-align: center;
}
.grant_cnt5 .inner .titleA p {
    text-align: center;
}
.grant_cnt5 .inner .flex {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin: 0 auto 14rem;
}

.grant_cnt5 .inner .flex::after {
    content: "";
    width: 100%;
    height: 0.7rem;
    background: #65a1d7;
    display: inline-block;
    position: absolute;
    top: calc(50% - 0.35rem);
}
.grant_cnt5 .inner .flex .figure {
    width: 18%;
    background: #f2f6f9;
    padding: clamp(1rem, 1.82vw, 3.5rem) clamp(1rem, 1.3vw, 2.5rem);
    /*3.5rem 2.5rem*/
    border-radius: 0.5rem;
    position: relative;
    z-index: 2;
}
.grant_cnt5 .inner .flex .figure::before {
    content: "";
    font-family: "Jost", sans-serif;
    font-weight: normal;
    width: 3.8rem;
    height: 3.8rem;
    display: grid;
    align-items: center;
    text-align: center;
    color: #fff;
    position: absolute;
    z-index: 2;
    left: 1.5rem;
    top: -1.2rem;
}
.grant_cnt5 .inner .flex .figure:nth-of-type(1)::before {
    content: "01";
}
.grant_cnt5 .inner .flex .figure:nth-of-type(2)::before {
    content: "02";
}
.grant_cnt5 .inner .flex .figure:nth-of-type(3)::before {
    content: "03";
}
.grant_cnt5 .inner .flex .figure:nth-of-type(4)::before {
    content: "04";
}
.grant_cnt5 .inner .flex .figure:nth-of-type(5)::before {
    content: "05";
}
.grant_cnt5 .inner .flex .figure::after {
    content: "";
    width: 3.8rem;
    height: 3.8rem;
    display: inline-block;
    background: #65a1d7;
    border-radius: 50%;
    font-size: 2rem;
    position: absolute;
    left: 1.5rem;
    top: -1.2rem;
}
.grant_cnt5 .inner .flex .figure .pic {
    width: 100%;
    aspect-ratio: 16.5/13.8;
    border-radius: 0.5rem;
    overflow: hidden;
    margin: 0 auto 2rem;
}
.grant_cnt5 .inner .flex .figure .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.grant_cnt5 .inner .flex .figure .figcaption {
    font-size: 2rem;
    color: #004491;
    line-height: 1.75;
    text-align: center;
}
.grant_cnt5 .inner .window {
    width: 80%;
    max-width: 84rem;
    background: #004491;
    border-radius: 0.5rem;
    padding: 4rem 2rem;
    margin: auto;
    position: relative;
}
.grant_cnt5 .inner .window h4 {
    font-size: 3.5rem;
    font-family: "M PLUS Rounded 1c", sans-serif;
    text-align: center;
    color: #fff;
    margin: 0 auto 2rem;
}
.grant_cnt5 .inner .window .free {
    width: 13.6rem;
    height: 13.6rem;
    border-radius: 6.8rem;
    background: #eba12a;
    display: grid;
    align-items: center;
    font-size: 3.5rem;
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: normal;
    color: #fff;
    text-align: center;
    position: absolute;
    right: 2rem;
    top: -4rem;
}
.grant_cnt5 .inner .window .buttonA :is(a, span) {
    /*min-width: initial;*/
}
.grant_cnt5 .inner .window .buttonA {
    margin: auto;
}
.grant_cnt6 {
    padding: 8rem 0 20rem;
}
.grant_cnt6 .inner .dl {
    width: 100%;
}
.grant_cnt6 .inner .dl:nth-of-type(2) {
    margin: 0 0 5rem;
}
.grant_cnt6 .inner .dl:nth-of-type(3) {
    margin: 0 0 13rem;
}
.grant_cnt6 .inner .dt {
    font-size: 3.1rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    color: #fff;
    background: #8cb8df;
    width: 100%;
    min-height: 6rem;
    border-radius: 0.5rem 0.5rem 0 0;
    padding: 0 2.5rem;
    position: relative;
}
.grant_cnt6 .inner .dt::before {
    content: "Q";
    font-family: "Jost", sans-serif;
    font-weight: normal;
    color: #8cb8df;
    width: 3.8rem;
    height: 3.8rem;
    display: grid;
    align-items: center;
    text-align: center;
    position: relative;
    z-index: 2;
}
.grant_cnt6 .inner .dt::after {
    content: "";
    width: 3.8rem;
    height: 3.8rem;
    border-radius: 1.9rem;
    background: #fff;
    display: inline-block;
    position: absolute;
    left: 2.5rem;
}
.grant_cnt6 .inner .dd {
    line-height: 2.43;
    padding: clamp(2rem, 1.5625vw, 3rem) clamp(2rem, 2.6vw, 5rem);
    background: #f2f6f9;
    border-radius: 0 0 0.5rem 0.5rem;
}
.grant_cnt6 .inner .col2 {
    display: flex;
    gap: 2.6vw;
    /*5*/
}
.grant_cnt6 .inner .col2 :is(.left, .right) {
    width: 50%;
    height: 17.4rem;
    border-radius: 0.5rem;
}
.grant_cnt6 .inner .col2 .left {
    background: url(/system_panel/uploads/images/grant_cnt5_1.jpg) no-repeat center rgba(4, 26, 45, 0.3);
    background-blend-mode: darken;
    background-size: cover;

}
.grant_cnt6 .inner .col2 .right {
    background: url(/system_panel/uploads/images/grant_cnt5_2.jpg) no-repeat center rgba(4, 26, 45, 0.3);
    background-blend-mode: darken;
    background-size: cover;

}
.grant_cnt6 .inner .col2 :is(.left, .right) a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}
.grant_cnt6 .inner .col2 :is(.left, .right) a p {
    font-size: 2.7rem;
    font-family: "M PLUS Rounded 1c", sans-serif;
    color: #fff;
    text-decoration: none;
    position: absolute;
    right: 2rem;
    bottom: 2rem;
    display: flex;
    align-items: center;
}
.grant_cnt6 .inner .col2 :is(.left, .right) a p::after {
    content: "→";
}





/*logistics*/
.logistics_cnt1 {
    padding: 5rem 0;
}
.logistics_cnt1 .inner .col2 {
    display: flex;
    flex-direction: row-reverse;
    gap: 2.6vw;
    /*5*/
}

.logistics_cnt1 .inner .col2 .left {
    width: 50%;
    aspect-ratio: 6/3.1;
    border-radius: 0.5rem;
    overflow: hidden;
}
.logistics_cnt1 .inner .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.logistics_cnt1 .inner .col2 .right {
    width: 50%;
}
.logistics_cnt1 .inner .col2 .right p {
    line-height: 2.25;
}
.logistics_cnt2 {
    background: linear-gradient(135deg, #f5f1e8, #e5eff8 50%);
    border-radius: 3.38vw;
    /*6.5*/
    padding: 6rem 0;
}
.logistics_cnt2 .inner .strong {
    font-size: 3.5rem;
    font-family: "M PLUS Rounded 1c", sans-serif;
    text-align: center;
}
.logistics_cnt2 .inner .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.logistics_cnt2 .inner .grid .illust {
    width: fit-content;
    margin: auto;
    align-self: end;
}
.logistics_cnt2 .inner .ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5625vw;
    /*3*/
}
.logistics_cnt2 .inner .li {
    list-style: none;
    font-size: 1.8rem;
    line-height: 2;
    background: #fff;
    padding: 1em;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
}
.logistics_cnt2 .inner .li::before {
    content: "";
    background: url(/system_panel/uploads/images/checkA.png) no-repeat;
    width: 3rem;
    min-width: 3rem;
    height: 3rem;
    display: inline-block;
}
.logistics_cnt3 {
    padding: 15rem 0 6rem;
}
.logistics_cnt3 .inner .arrow {
    width: fit-content;
    margin: -21rem auto 0;
}
.logistics_cnt3 .inner .arrow img {
    width: 100%;
}
.logistics_cnt3 .inner>p {
    line-height: 2.43;
    margin: 0 0 5rem;
}
.logistics_cnt3 .inner [class^="window"] {
    width: 100%;
    padding: clamp(2rem, 3.125vw, 6rem);
    border-radius: 0.5rem;
}
.logistics_cnt3 .inner [class^="window"] h4 {
    width: fit-content;
    font-size: 3.5rem;
    font-family: "M PLUS Rounded 1c", sans-serif;
    text-align: center;
    margin: 0 auto 3rem;
}
.logistics_cnt3 .inner .window {
    background: #faf7f1;
    margin: 0 auto 4rem;
}
.logistics_cnt3 .inner .window h4 {
    color: #f3ca77;
}
.logistics_cnt3 .inner .window .dl {
    border-bottom: 0.1rem dotted #000;
    padding: 2rem;
}
.logistics_cnt3 .inner .window .dt {
    width: fit-content;
    min-height: 4.6rem;
    background: #fff;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0 2rem;
    margin: 0 0 2rem;
}
.logistics_cnt3 .inner .window .dt_mar{
  margin:0px;
}
.logistics_cnt3 .inner .window .dt::before {
    content: "";
    background: url(/system_panel/uploads/images/checkB.png) no-repeat;
    width: 2.7rem;
    min-width: 2.7rem;
    height: 2.5rem;
    display: inline-block;
}
.logistics_cnt3 .inner .window2 {
    background: #f2f6f9;
}
.logistics_cnt3 .inner .window2 h4 {
    color: #65a1d7;
    position: relative;
}
.logistics_cnt3 .inner .window2 h4::after {
    content: "";
    background: url(/system_panel/uploads/images/grant_cnt3_illust1.png) no-repeat;
    background-size: cover;
    width: 3.177vw;
    /*6.1*/
    height: 6.61vw;
    /*12.7*/
    position: absolute;
    right: -4vw;
    bottom: -2rem;
}
.logistics_cnt3 .inner .window2>p {
    line-height: 2.94;
    margin: 0 0 5rem;
}
.logistics_cnt3 .inner .window2 .col2 {
    width: 80%;
    max-width: 82rem;
    margin: auto;
    display: flex;
    gap: 4.16vw;
    /*8*/
}
.logistics_cnt3 .inner .window2 .col2 :is(.left, .right) {
    width: 50%;
}
.logistics_cnt3 .inner .window2 .col2 :is(.left, .right) .dl {
    width: 100%;
    padding: 3rem;
    background: #fff;
    border-radius: 0.5rem;
}
.logistics_cnt3 .inner .window2 .col2 :is(.left, .right) .dt {
    width: fit-content;
    min-width: 16rem;
    height: 3.4rem;
    background: #004491;
    border-radius: 0.5rem;
    display: grid;
    align-items: center;
    font-size: 1.9rem;
    color: #fff;
    text-align: center;
    margin: -4.7rem auto 3rem;
}
.logistics_cnt3 .inner .window2 .col2 :is(.left, .right) .dd {
    font-size: 1.9rem;
    text-align: center;
}
.logistics_cnt4 {
    padding: 6rem 0 8rem;
}
.logistics_cnt4 .inner .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5625vw;
    /*3*/
}
.logistics_cnt4 .inner .grid .dl {
    width: 100%;
    display: grid;
    gap: 2rem;
}
.logistics_cnt4 .inner .grid .dt {
    grid-row: 2/3;
    font-size: 2.1rem;
    color: #65a1d7;
}
.logistics_cnt4 .inner .grid .pic {
    grid-row: 1/2;
    width: 100%;
    aspect-ratio: 3.7/2.4;
    border-radius: 0.5rem;
    overflow: hidden;
}
.logistics_cnt4 .inner .grid .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.logistics_cnt4 .inner .grid .cmt {
    line-height: 2.43;
}
.logistics_cnt5 {
    padding: 8rem 0;
}
.logistics_cnt5 .inner .titleA {}
.logistics_cnt5 .inner .titleA h3 {
    text-align: center;
}
.logistics_cnt5 .inner .titleA p {
    text-align: center;
}
.logistics_cnt5 .inner .flex {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.logistics_cnt5 .inner .flex::after {
    content: "";
    width: 100%;
    height: 0.7rem;
    background: #65a1d7;
    display: inline-block;
    position: absolute;
    top: calc(50% - 0.35rem);
}
.logistics_cnt5 .inner .flex .figure {
    width: 18%;
    background: #f2f6f9;
    padding: clamp(1rem, 1.82vw, 3.5rem) clamp(1rem, 1.3vw, 2.5rem);
    /*3.5rem 2.5rem*/
    border-radius: 0.5rem;
    position: relative;
    z-index: 2;
}
.logistics_cnt5 .inner .flex .figure::before {
    content: "";
    font-family: "Jost", sans-serif;
    font-weight: normal;
    width: 3.8rem;
    height: 3.8rem;
    display: grid;
    align-items: center;
    text-align: center;
    color: #fff;
    position: absolute;
    z-index: 2;
    left: 1.5rem;
    top: -1.2rem;
}
.logistics_cnt5 .inner .flex .figure:nth-of-type(1)::before {
    content: "01";
}
.logistics_cnt5 .inner .flex .figure:nth-of-type(2)::before {
    content: "02";
}
.logistics_cnt5 .inner .flex .figure:nth-of-type(3)::before {
    content: "03";
}
.logistics_cnt5 .inner .flex .figure:nth-of-type(4)::before {
    content: "04";
}
.logistics_cnt5 .inner .flex .figure:nth-of-type(5)::before {
    content: "05";
}
.logistics_cnt5 .inner .flex .figure::after {
    content: "";
    width: 3.8rem;
    height: 3.8rem;
    display: inline-block;
    background: #65a1d7;
    border-radius: 50%;
    font-size: 2rem;
    position: absolute;
    left: 1.5rem;
    top: -1.2rem;
}
.logistics_cnt5 .inner .flex .figure .pic {
    width: 100%;
    aspect-ratio: 16.5/13.8;
    border-radius: 0.5rem;
    overflow: hidden;
    margin: 0 auto 2rem;
}
.logistics_cnt5 .inner .flex .figure .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.logistics_cnt5 .inner .flex .figure .figcaption {
    font-size: 2rem;
    color: #004491;
    line-height: 1.75;
    text-align: center;
}
.logistics_cnt5 .inner .window {
    width: 80%;
    max-width: 84rem;
    background: #004491;
    border-radius: 0.5rem;
    padding: 4rem 0;
    margin: auto;
    position: relative;
}
.logistics_cnt5 .inner .window h4 {
    font-size: 3.5rem;
    font-family: "M PLUS Rounded 1c", sans-serif;
    text-align: center;
    color: #fff;
    margin: 0 auto 2rem;
}
.logistics_cnt5 .inner .window .free {
    width: 13.6rem;
    height: 13.6rem;
    border-radius: 6.8rem;
    background: #eba12a;
    display: grid;
    align-items: center;
    font-size: 3.5rem;
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: normal;
    color: #fff;
    text-align: center;
    position: absolute;
    right: 2rem;
    top: -4rem;
}
.logistics_cnt5 .inner .window .buttonA {
    margin: auto;
}
.logistics_cnt6 {
    padding: 8rem 0 20rem;
}
.logistics_cnt6 .inner .dl {
    width: 100%;
}
.logistics_cnt6 .inner .dl:first-of-type {
    margin: 0 0 5rem;
}
.logistics_cnt6 .inner .dl:nth-of-type(2) {
    margin: 0 0 13rem;
}
.logistics_cnt6 .inner .dt {
    font-size: 3.1rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    color: #fff;
    background: #8cb8df;
    width: 100%;
    min-height: 6rem;
    border-radius: 0.5rem 0.5rem 0 0;
    padding: 0 2.5rem;
    position: relative;
}
.logistics_cnt6 .inner .dt::before {
    content: "Q";
    font-family: "Jost", sans-serif;
    font-weight: normal;
    color: #8cb8df;
    width: 3.8rem;
    height: 3.8rem;
    display: grid;
    align-items: center;
    text-align: center;
    position: relative;
    z-index: 2;
}
.logistics_cnt6 .inner .dt::after {
    content: "";
    width: 3.8rem;
    height: 3.8rem;
    border-radius: 1.9rem;
    background: #fff;
    display: inline-block;
    position: absolute;
    left: 2.5rem;
}
.logistics_cnt6 .inner .dd {
    line-height: 2.43;
    padding: clamp(2rem, 1.5625vw, 3rem) clamp(2rem, 2.6vw, 5rem);
    background: #f2f6f9;
    border-radius: 0 0 0.5rem 0.5rem;
}
.logistics_cnt6 .inner .col2 {
    display: flex;
    gap: 2.6vw;
    /*5*/
}
.logistics_cnt6 .inner .col2 :is(.left, .right) {
    width: 50%;
    height: 17.4rem;
    border-radius: 0.5rem;
}
.logistics_cnt6 .inner .col2 .left {
    background: url(/system_panel/uploads/images/logistics_cnt6_1.jpg) no-repeat center rgba(4, 26, 45, 0.3);
    background-blend-mode: darken;
    background-size: cover;

}
.logistics_cnt6 .inner .col2 .right {
    background: url(/system_panel/uploads/images/logistics_cnt6_2.jpg) no-repeat center rgba(4, 26, 45, 0.3);
    background-blend-mode: darken;
    background-size: cover;

}
.logistics_cnt6 .inner .col2 :is(.left, .right) a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}
.logistics_cnt6 .inner .col2 :is(.left, .right) a p {
    font-size: 2.7rem;
    font-family: "M PLUS Rounded 1c", sans-serif;
    color: #fff;
    text-decoration: none;
    position: absolute;
    right: 2rem;
    bottom: 2rem;
    display: flex;
    align-items: center;
}
.logistics_cnt6 .inner .col2 :is(.left, .right) a p::after {
    content: "→";
}





/*business*/
.business_cnt1 {
    background: linear-gradient(135deg, #f5f1e8, #e5eff8 50%);
    border-radius: 3.38vw;
    /*6.5*/
    padding: 6rem 0;
}
.business_cnt1 .inner .strong {
    font-size: 3.5rem;
    font-family: "M PLUS Rounded 1c", sans-serif;
    text-align: center;
}
.business_cnt1 .inner .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.business_cnt1 .inner .grid .illust {
    width: fit-content;
    margin: auto;
    align-self: end;
}
.business_cnt1 .inner .ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5625vw;
    /*3*/
}
.business_cnt1 .inner .li {
    list-style: none;
    font-size: 1.8rem;
    line-height: 2;
    background: #fff;
    padding: 1em;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
}
.business_cnt1 .inner .li::before {
    content: "";
    background: url(/system_panel/uploads/images/checkA.png) no-repeat;
    width: 3rem;
    min-width: 3rem;
    height: 3rem;
    display: inline-block;
}
.business_cnt2 {
    padding: 15rem 0 7.5rem;
}
.business_cnt2 .inner .titleA * {
    text-align: center;
}
.business_cnt2 .inner>.col2 {
    display: flex;
    align-items: start;
    gap: 2.6vw;
    /*5*/
}
.business_cnt2 .inner>.col2>.left {
    width: 50%;
    border: 0.1rem solid #f3ca77;
    border-radius: 0.5rem;
}
.business_cnt2 .inner>.col2>.left h4 {
    width: 100%;
    background: #f3ca77;
    min-height: 5.6rem;
    font-size: 2.7rem;
    font-family: "M PLUS Rounded 1c", sans-serif;
    text-align: center;
    color: #fff;
    display: grid;
    align-items: center;
    margin: 0 auto 4rem;
}
.business_cnt2 .inner>.col2>.right {
    width: 50%;
}
.business_cnt2 .inner>.col2>.right p {
    line-height: 2.43;
}
.business_cnt2 .inner>.col2>.left>.col2 {
    display: flex;
    gap: 1rem;
    margin: 2rem;
}
.business_cnt2 .inner>.col2>.left>.col2 :is(.left, .right) {
    width: 50%;
    border: 0.1rem dotted #000;
    border-radius: 0.5rem;
    padding: 2rem;
    /*display: grid;
    align-items: center;*/
    position: relative;
}
.business_cnt2 .inner>.col2>.left>.col2 :is(.left, .right) h5 {
    width: fit-content;
    min-height: 3.6rem;
    border-radius: 0.5rem;
    display: grid;
    align-items: center;
    padding: 0 1em;
    font-size: 1.9rem;
    color: #fff;
    margin: -3.8rem auto 0;
}
.business_cnt2 .inner>.col2>.left>.col2 :is(.left, .right) p {
    font-size: 1.9rem;
    line-height: 1.84;
}
.business_cnt2 .inner>.col2>.left>.col2 .left h5 {
    background: #3c3c3c;
}
.business_cnt2 .inner>.col2>.left>.col2 .right {
    background: #e4eef9;
}
.business_cnt2 .inner>.col2>.left>.col2 .right h5 {
    background: #004491;
}


.business_cnt3 {
    padding: 7.55rem 0 6rem;
}
.business_cnt3 .inner .col2 {
    display: flex;
    flex-direction: row-reverse;
    align-items: end;
    gap: 3.125vw;
    /*6*/
    margin: 0 auto 7rem;
}
.business_cnt3 .inner .col2 .left {
    width: 45%;
    aspect-ratio: 1/1;
    border-radius: 0.5rem;
    overflow: hidden;
}
.business_cnt3 .inner .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.business_cnt3 .inner .col2 .right {
    width: 55%;
}
.business_cnt3 .inner .col2 .right p {
    line-height: 2.43;
}
.business_cnt3 .inner>p {
    line-height: 2.43;
    margin: 0 0 5rem;
}
.business_cnt3 .inner [class^="window"] {
    width: 100%;
    padding: clamp(2rem, 3.125vw, 6rem);
    border-radius: 0.5rem;
}
.business_cnt3 .inner [class^="window"] h4 {
    width: fit-content;
    font-size: 3.5rem;
    font-family: "M PLUS Rounded 1c", sans-serif;
    text-align: center;
    margin: 0 auto 3rem;
}
.business_cnt3 .inner .window {
    background: #faf7f1;
    margin: 0 auto 4rem;
}
.business_cnt3 .inner .window h4 {
    color: #f3ca77;
}
.business_cnt3 .inner [class^="window"] .ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 3.125vw;
}
.business_cnt3 .inner [class^="window"] .li {
    width: 100%;
    min-height: 7rem;
    border-bottom: 0.1rem dotted #000;
    line-height: 2.25;
    display: flex;
    align-items: center;
    gap: 1rem;
}
.business_cnt3 .inner [class^="window"] .li::before {
    content: "";
    background: url(/system_panel/uploads/images/checkB.png) no-repeat;
    width: 2.7rem;
    min-width: 2.7rem;
    height: 2.5rem;
    display: inline-block;
}
.business_cnt3 .inner .col2b {
    width: 100%;
    margin: auto;
    display: flex;
    gap: 4.16vw;
    /*8*/
}
.business_cnt3 .inner .col2b :is(.left, .right) {
    width: 50%;
    background: #f2f6f9;
    border-radius: 0.5rem;
    padding: clamp(2rem, 2.08vw, 4rem);
}
.business_cnt3 .inner .col2b :is(.left, .right) h4 {
    width: fit-content;
    min-height: 6.6rem;
    background: #65a1d7;
    border-radius: 3.3rem;
    display: grid;
    align-items: center;
    font-size: 2.7rem;
    font-family: "M PLUS Rounded 1c", sans-serif;
    text-align: center;
    color: #fff;
    padding: 0 1em;
    margin: 0 auto 3rem;
}
.business_cnt3 .inner .col2b :is(.left, .right)>p {
    text-align: center;
    line-height: 1.9;
    margin: 0 0 3rem;
}
.business_cnt3 .inner .col2b :is(.left, .right)>p:last-of-type {
    margin: 3rem auto 0;
}
.business_cnt3 .inner .col2b :is(.left, .right) h5 {
    width: fit-content;
    min-height: 4rem;
    background: #fff;
    border-radius: 2rem;
    display: grid;
    align-items: center;
    padding: 0 1em;
    font-weight: bold;
    color: #004491;
    margin: 0 0 1rem;
}
.business_cnt3 .inner .col2b :is(.left, .right) .li {
    width: 100%;
    min-height: 4rem;
    border-bottom: 0.1rem dotted #000;
    line-height: 2.25;
    display: flex;
    align-items: center;
    gap: 1rem;
    position: relative;
    z-index: 2;
}
.business_cnt3 .inner .col2b .left .arrow {
    width: fit-content;
    margin: -4rem auto auto;
}
.business_cnt3 .inner .col2b .right .arrow {
    width: fit-content;
    margin: auto;
}
.business_cnt4 {
    padding: 6rem 0 8rem;
}
.business_cnt4 .inner .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5625vw;
    /*3*/
}
.business_cnt4 .inner .grid .dl {
    width: 100%;
    display: grid;
    gap: 2rem;
}
.business_cnt4 .inner .grid .dt {
    grid-row: 2/3;
    font-size: 2.1rem;
    color: #65a1d7;
}
.business_cnt4 .inner .grid .pic {
    grid-row: 1/2;
    width: 100%;
    aspect-ratio: 3.7/2.4;
    border-radius: 0.5rem;
    overflow: hidden;
}
.business_cnt4 .inner .grid .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.business_cnt4 .inner .grid .cmt {
    line-height: 2.43;
}
.business_cnt5 {
    padding: 8rem 0;
}
.business_cnt5 .inner .titleA {}
.business_cnt5 .inner .titleA h3 {
    text-align: center;
}
.business_cnt5 .inner .titleA p {
    text-align: center;
}
.business_cnt5 .inner .flex {
    width: auto;
    max-width: 95rem;
    display: flex;
    justify-content: space-between;
    position: relative;
    margin: 0 auto 14rem;
}

.business_cnt5 .inner .flex::after {
    content: "";
    width: 100%;
    height: 0.7rem;
    background: #65a1d7;
    display: inline-block;
    position: absolute;
    top: calc(50% - 0.35rem);
}
.business_cnt5 .inner .flex .figure {
    width: 23%;
    background: #f2f6f9;
    padding: clamp(1rem, 1.82vw, 3.5rem) clamp(1rem, 1.3vw, 2.5rem);
    /*3.5rem 2.5rem*/
    border-radius: 0.5rem;
    position: relative;
    z-index: 2;
}
.business_cnt5 .inner .flex .figure::before {
    content: "";
    font-family: "Jost", sans-serif;
    font-weight: normal;
    width: 3.8rem;
    height: 3.8rem;
    display: grid;
    align-items: center;
    text-align: center;
    color: #fff;
    position: absolute;
    z-index: 2;
    left: 1.5rem;
    top: -1.2rem;
}
.business_cnt5 .inner .flex .figure:nth-of-type(1)::before {
    content: "01";
}
.business_cnt5 .inner .flex .figure:nth-of-type(2)::before {
    content: "02";
}
.business_cnt5 .inner .flex .figure:nth-of-type(3)::before {
    content: "03";
}
.business_cnt5 .inner .flex .figure:nth-of-type(4)::before {
    content: "04";
}
.business_cnt5 .inner .flex .figure:nth-of-type(5)::before {
    content: "05";
}
.business_cnt5 .inner .flex .figure::after {
    content: "";
    width: 3.8rem;
    height: 3.8rem;
    display: inline-block;
    background: #65a1d7;
    border-radius: 50%;
    font-size: 2rem;
    position: absolute;
    left: 1.5rem;
    top: -1.2rem;
}
.business_cnt5 .inner .flex .figure .pic {
    width: 100%;
    aspect-ratio: 16.5/13.8;
    border-radius: 0.5rem;
    overflow: hidden;
    margin: 0 auto 2rem;
}
.business_cnt5 .inner .flex .figure .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.business_cnt5 .inner .flex .figure .figcaption {
    font-size: 2rem;
    color: #004491;
    line-height: 1.75;
    text-align: center;
}





/*career*/

.career_cnt1 {
    padding: 5rem 0;
}
.career_cnt1 .inner .col2 {
    display: flex;
    flex-direction: row-reverse;
    gap: 2.6vw;
    /*5*/
}

.career_cnt1 .inner .col2 .left {
    width: 50%;
    aspect-ratio: 6/3.1;
    border-radius: 0.5rem;
    overflow: hidden;
}
.career_cnt1 .inner .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.career_cnt1 .inner .col2 .right {
    width: 50%;
}
.career_cnt1 .inner .col2 .right p {
    line-height: 2.25;
}

.career_cnt2 {
    background: linear-gradient(135deg, #f5f1e8, #e5eff8 50%);
    border-radius: 3.38vw;
    /*6.5*/
    padding: 6rem 0;
}
.career_cnt2 .inner .strong {
    font-size: 3.5rem;
    font-family: "M PLUS Rounded 1c", sans-serif;
    text-align: center;
}
.career_cnt2 .inner .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.career_cnt2 .inner .grid .illust {
    width: fit-content;
    margin: auto;
    align-self: end;
}
.career_cnt2 .inner .ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5625vw;
    /*3*/
}
.career_cnt2 .inner .li {
    list-style: none;
    font-size: 1.8rem;
    line-height: 2;
    background: #fff;
    padding: 1em;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
}
.career_cnt2 .inner .li::before {
    content: "";
    background: url(/system_panel/uploads/images/checkA.png) no-repeat;
    width: 3rem;
    min-width: 3rem;
    height: 3rem;
    display: inline-block;
}
.career_cnt2 .inner .arrow {
    width: fit-content;
    margin: 0 auto 3rem;
}
.career_cnt2 .inner>p:not(.fukidashi) {
    font-size: 3.5rem;
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: normal;
    text-align: center;
}
.career_cnt2 .inner>p .blue {
    color: #004491;
}
.career_cnt2 .inner>p .orange {
    color: #d78500;
}
.career_cnt3 {
    padding: 15rem 0 6rem;
}
.career_cnt3 .inner .titleA * {
    text-align: center;
}
.career_cnt3 .inner .col2 {
    display: flex;
    flex-direction: row-reverse;
    gap: 3.125vw;
    /*5*/
    margin: 0 auto 9rem;
}
.career_cnt3 .inner .col2 .left {
    width: 45%;
    aspect-ratio: 5/3.3;
    border-radius: 0.5rem;
    overflow: hidden;
}
.career_cnt3 .inner .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.career_cnt3 .inner .col2 .right {
    width: 55%;
}
.career_cnt3 .inner .col2 .right p {
    line-height: 2.43;
}
.career_cnt3 .inner [class^="window"] {
    width: 100%;
    padding: clamp(2rem, 3.125vw, 6rem);
    border-radius: 0.5rem;
}
.career_cnt3 .inner .window2 h4 {
    width: fit-content;
    font-size: 3.5rem;
    font-family: "M PLUS Rounded 1c", sans-serif;
    text-align: center;
    margin: 0 auto 3rem;
    color: #65a1d7;
    position: relative;
}
.career_cnt3 .inner .window2 h4::after {
    content: "";
    background: url(/system_panel/uploads/images/grant_cnt3_illust1.png) no-repeat;
    background-size: cover;
    width: 3.177vw;
    /*6.1*/
    height: 6.61vw;
    /*12.7*/
    position: absolute;
    right: -4vw;
    bottom: -2rem;
}
.career_cnt3 .inner .window2 .ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 3.125vw;
}
.career_cnt3 .inner .window2 .li {
    width: 100%;
    min-height: 7rem;
    border-bottom: 0.1rem dotted #000;
    line-height: 2.25;
    display: flex;
    align-items: center;
    gap: 1rem;
}
.career_cnt3 .inner .window2 .li::before {
    content: "";
    background: url(/system_panel/uploads/images/checkB.png) no-repeat;
    width: 2.7rem;
    min-width: 2.7rem;
    height: 2.5rem;
    display: inline-block;
}
.career_cnt3 .inner .window2 {
    background: #f2f6f9;
}

.career_cnt4 {
    padding: 15rem 0 6rem;
}
.career_cnt4 .inner>p {
    line-height: 2.43;
    margin: 0 0 5rem;
}
.career_cnt4 .inner .window {
    width: 100%;
    padding: clamp(2rem, 3.125vw, 6rem);
    border-radius: 0.5rem;
    background: #faf7f1;
    margin: 0 auto 4rem;
}
.career_cnt4 .inner .window h4 {
    width: fit-content;
    font-size: 3.5rem;
    font-family: "M PLUS Rounded 1c", sans-serif;
    text-align: center;
    margin: 0 auto 3rem;
    color: #f3ca77;
}
.career_cnt4 .inner .window .dl {
    border-bottom: 0.1rem dotted #000;
    padding: 2rem;
}
.career_cnt4 .inner .window .dt {
    width: fit-content;
    min-height: 4.6rem;
    background: #fff;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0 2rem;
    margin: 0 0 2rem;
}
.career_cnt4 .inner .window .dt::before {
    content: "";
    background: url(/system_panel/uploads/images/checkB.png) no-repeat;
    width: 2.7rem;
    min-width: 2.7rem;
    height: 2.5rem;
    display: inline-block;
}
.career_cnt5 {
    padding: 8rem 0 24rem;
}
.career_cnt5 .inner>.titleA {}
.career_cnt5 .inner>.titleA h3 {
    text-align: center;
}
.career_cnt5 .inner>.titleA p {
    text-align: center;
}
.career_cnt5 .inner>.flex {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin: 0 auto 14rem;
}

.career_cnt5 .inner>.flex::after {
    content: "";
    width: 100%;
    height: 0.7rem;
    background: #65a1d7;
    display: inline-block;
    position: absolute;
    top: calc(50% - 0.35rem);
}
.career_cnt5 .inner>.flex .figure {
    width: 18%;
    background: #f2f6f9;
    padding: clamp(1rem, 1.82vw, 3.5rem) clamp(1rem, 1.3vw, 2.5rem);
    /*3.5rem 2.5rem*/
    border-radius: 0.5rem;
    position: relative;
    z-index: 2;
}
.career_cnt5 .inner>.flex .figure::before {
    content: "";
    font-family: "Jost", sans-serif;
    font-weight: normal;
    width: 3.8rem;
    height: 3.8rem;
    display: grid;
    align-items: center;
    text-align: center;
    color: #fff;
    position: absolute;
    z-index: 2;
    left: 1.5rem;
    top: -1.2rem;
}
.career_cnt5 .inner>.flex .figure:nth-of-type(1)::before {
    content: "01";
}
.career_cnt5 .inner>.flex .figure:nth-of-type(2)::before {
    content: "02";
}
.career_cnt5 .inner>.flex .figure:nth-of-type(3)::before {
    content: "03";
}
.career_cnt5 .inner>.flex .figure:nth-of-type(4)::before {
    content: "04";
}
.career_cnt5 .inner>.flex .figure:nth-of-type(5)::before {
    content: "05";
}
.career_cnt5 .inner>.flex .figure::after {
    content: "";
    width: 3.8rem;
    height: 3.8rem;
    display: inline-block;
    background: #65a1d7;
    border-radius: 50%;
    font-size: 2rem;
    position: absolute;
    left: 1.5rem;
    top: -1.2rem;
}
.career_cnt5 .inner>.flex .figure .pic {
    width: 100%;
    aspect-ratio: 16.5/13.8;
    border-radius: 0.5rem;
    overflow: hidden;
    margin: 0 auto 2rem;
}
.career_cnt5 .inner>.flex .figure .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.career_cnt5 .inner>.flex .figure .figcaption {
    font-size: 2rem;
    color: #004491;
    line-height: 1.75;
    text-align: center;
}
.career_cnt5 .inner .window {
    width: 100%;
    background: #004491;
    border-radius: 0.5rem;
    padding: clamp(2rem, 2.6vw, 5rem) clamp(2rem, 3.125vw, 6rem) clamp(2rem, 2.6vw, 5rem) clamp(2rem, 5.2vw, 10rem);
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.career_cnt5 .inner .window .titleA h3 {
    color: #fff;
}
.career_cnt5 .inner .window .titleA p {
    color: #65a1d7;
}
.career_cnt5 .inner .window .flex {
    width: auto;
    max-width: 76rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.career_cnt5 .inner .window .flex .banner {
    width: 32%;
}
.career_cnt5 .inner .window .flex .banner img {
    width: 100%;
}






/*coaching*/
.coaching_cnt1 {
    padding: 6rem 0 8rem;
}
.coaching_cnt1 .inner>p {
    text-align: center;
    line-height: 2.25;
    margin: 0 auto 13rem;
}
.coaching_cnt1 .inner .col2 {
    display: flex;
    flex-direction: row-reverse;
    gap: 2.6vw;
    /*5*/
    margin: 0 auto 10rem;
}
.coaching_cnt1 .inner .col2 .left {
    width: 50%;
    position: relative;
}
.coaching_cnt1 .inner .col2 .left [class^="pic"] {
    aspect-ratio: 4.7/3.1;
    border-radius: 0.5rem;
    overflow: hidden;
}
.coaching_cnt1 .inner .col2 .left .pic1 {
    width: 78%;
    position: absolute;
    top: -2.6vw;
    /*5*/
    right: 0;
}
.coaching_cnt1 .inner .col2 .left .pic2 {
    width: 55%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
}
.coaching_cnt1 .inner .col2 .left .pic3 {
    width: 55%;
    position: absolute;
    bottom: -5.2vw;
    /*10*/
    right: -5.2vw;
    /*10*/
}
.coaching_cnt1 .inner .col2 .left [class^="pic"] img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.coaching_cnt1 .inner .col2 .right {
    width: 50%;
    display: grid;
    gap: 3.64vw;
    /*7*/
}
.coaching_cnt1 .inner .col2 .right>p {
    line-height: 2.25;
}
.coaching_cnt1 .inner .col2 .right .flex {
    grid-row: 2/3;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.coaching_cnt1 .inner .col2 .right .flex p {
    font-size: 3.5rem;
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: normal;
    text-align: center;
}
.coaching_cnt1 .inner .col2 .right .flex .cross {
    font-size: 6rem;
    font-weight: 100;
    color: #004491;
}
.coaching_cnt1 .inner>.flex {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3.125vw;
    /*6*/
}
.coaching_cnt2 {
    padding: 8rem 0 13rem;
}
.coaching_cnt2 .inner>p {
    line-height: 2.43;
    margin: 0 0 5rem;
}
.coaching_cnt2 .inner .col2 {
    display: flex;
    gap: 2.6vw;
    /*5*/
    margin: 0 auto 6rem;
}
.coaching_cnt2 .inner .col2:last-of-type {
    flex-direction: row-reverse;
}
.hiro_life{
      flex-direction: row !important;
    align-items: center;
}
.hiro_life p{
  line-height: 2.43;
    /*margin: 0 0 5rem;*/
}
.coaching_cnt2 .inner .col2 .left {
    width: 45%;
    border-radius: 0.5rem;
}
.coaching_cnt2 .inner .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.coaching_cnt2 .inner .col2 .right {
    width: 55%;
}
.coaching_cnt2 .inner .col2 .right h4 {
    font-size: 3.5rem;
    font-family: "M PLUS Rounded 1c", sans-serif;
    margin: 0 0 3rem;
}
.coaching_cnt2 .inner .col2 .right p {
    line-height: 2.43;
}
.coaching_cnt2 .inner .window {
    width: 100%;
    padding: clamp(2rem, 2.08vw, 4rem);
    background: #f2f6f9;
    border-radius: 0.5rem;
    margin: 0 auto 8rem;
}
.coaching_cnt2 .inner .window h4 {
    font-size: 3.5rem;
    font-family: "M PLUS Rounded 1c", sans-serif;
    color: #65a1d7;
    text-align: center;
    margin: 0 auto 3rem;
}
.coaching_cnt2 .inner .window .ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto 3rem;
}
.coaching_cnt2 .inner .window .li {
    list-style: none;
    width: 24%;
    min-height: 6rem;
    border-radius: 0.5rem;
    font-size: 1.9rem;
    background: #fff;
    display: grid;
    align-items: center;
    text-align: center;
}
.coaching_cnt2 .inner .window p {
    line-height: 2.43;
    text-align: center;
}
.coaching_cnt3 {
    background: linear-gradient(135deg, #f5f1e8, #e5eff8 50%);
    border-radius: 3.38vw;
    padding: 10rem 0;
    margin: 0 auto 19rem;
}
.coaching_cnt3 .inner>p {
    line-height: 2.43;
    margin: 0 0 5rem;
}
.coaching_cnt3 .inner .col2 {
    display: flex;
    flex-direction: row-reverse;
    gap: 2.6vw;
    margin: 0 auto 5rem;
}
.coaching_cnt3 .inner .col2 .left {
    width: 45%;
    aspect-ratio: 4.8/4.85;
    border-radius: 0.5rem;
    overflow: hidden;
}
.coaching_cnt3 .inner .hiro_col2 .left,.coaching_cnt3 .inner .hiro_col2 .right {
width: 100% !important;
}
.coaching_cnt3 .inner .col2 .left img,.coaching_cnt3 .inner .hiro_col2 .left img,.coaching_cnt3 .inner .hiro_col2 .right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.coaching_cnt3 .inner .col2 .right {
    width: 55%;
}
.coaching_cnt3 .inner .col2 .right h4 {
    width: fit-content;
    height: 3.6rem;
    border-radius: 0.5rem;
    background: #004491;
    font-size: 1.9rem;
    color: #fff;
    display: grid;
    align-items: center;
    padding: 0 1em;
    margin: 0 0 1rem;
}
.coaching_cnt3 .inner .col2 .right p {
    line-height: 2.43;
}
.coaching_cnt3 .inner .window {
    width: 100%;
    background: #fff;
    border-radius: 0.5rem;
    padding: clamp(2rem, 2.08vw, 4rem);
    margin: 0 auto 9rem;
}
.coaching_cnt3 .inner .window h4 {
    font-size: 3.5rem;
    font-family: "M PLUS Rounded 1c", sans-serif;
    color: #65a1d7;
    text-align: center;
    margin: 0 auto 3rem;
}
.coaching_cnt3 .inner .window .ul {
    width: 80%;
    max-width: 77rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto 3rem;
}
.coaching_cnt3 .inner .window .li {
    width: 24%;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background: #65a1d7;
    font-size: 2.3rem;
    color: #fff;
    line-height: 1.9;
    text-align: center;
    display: grid;
    align-items: center;
}
.coaching_cnt3 .inner .window>p {
    text-align: center;
    line-height: 2.43;
}
.coaching_cnt3 .inner>h4 {
    font-size: 3.5rem;
    font-family: "M PLUS Rounded 1c", sans-serif;
    color: #004491;
    text-align: center;
    margin: 0 auto 3rem;
}
.coaching_cnt3 .inner>p {
    margin: 0 0 5rem;
}

.coaching_cnt3 .inner>.ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    margin: 0 auto 3rem;
}
.coaching_cnt3 .inner>.ul .li {
    list-style: none;
    width: fit-content;
    min-height: 6rem;
    border-radius: 0.5rem;
    font-size: 1.9rem;
    background: #fff;
    display: grid;
    align-items: center;
    text-align: center;
    padding: 0 1em;
}
.coaching_cnt3 .inner .window2 {
    width: 100%;
    border-radius: 0.5rem;
    background: #f8e7c0;
    padding: clamp(2rem, 2.08vw, 4rem);
}

.coaching_cnt3 .inner .window2 p {
    text-align: center;
    line-height: 2.43;
}







/*blog&blogdetail共通*/
:is(.blog_cnt1, .blogdetail_cnt1) {
    width: 100%;
    padding: 13rem 0 8.5rem;
}
:is(.blog_cnt1, .blogdetail_cnt1) .inner {
    display: flex;
    gap: 1.04vw;
    /*2*/

}
:is(.blog_cnt1, .blogdetail_cnt1) .inner .webgene-blog {
    width: fit-content;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    /*justify-content: space-around;*/
    gap: 1.04vw;
    /*2*/
}
:is(.blog_cnt1, .blogdetail_cnt1) .inner .webgene-blog {
    width: fit-content;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    /*justify-content: space-around;*/
    gap: 1.04vw;
    /*2*/
}
:is(.blog_cnt1, .blogdetail_cnt1) .inner .webgene-blog .webgene-item p {}
:is(.blog_cnt1, .blogdetail_cnt1) .inner .webgene-blog .webgene-item p a {}
:is(.blog_cnt1, .blogdetail_cnt1) .inner .webgene-blog .webgene-item p a::after {}
:is(.blog_cnt1, .blogdetail_cnt1) .inner .webgene-blog .webgene-item p:hover {}
:is(.blog_cnt1, .blogdetail_cnt1) .inner .webgene-blog .webgene-item p:hover::before {}
:is(.blog_cnt2, .blogdetail_cnt2) {
    padding: 0 0 13rem;
}


/*column*/
.blog_cnt2 .inner .webgene-blog {}
.blog_cnt2 .inner .webgene-blog .webgene-item {
    padding: 2rem 0;
    border-bottom: 0.1rem solid #000;
    margin: 0 auto 2rem;
}
.blog_cnt2 .inner .webgene-blog .webgene-item:last-of-type {
    margin: 0 auto 5rem;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .dl {
    display: grid;
    grid-template-columns: 0.35fr auto 1fr;
    grid-template-rows: auto 1fr;
    align-content: start;
    gap: 2rem 2.08vw;
    /*4*/
}
.blog_cnt2 .inner .webgene-blog .webgene-item .dt {
    grid-row: 2/3;
    grid-column: 2/4;
    font-size: 2.5rem;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .dt a {
    color: inherit;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .cate {
    grid-row: 1/2;
    grid-column: 2/3;
    width: fit-content;
    height: 2rem;
    display: grid;
    align-items: center;
    padding: 0 1em;
    background: #65a1d7;
    font-size: 1.4rem;
    color: #fff;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .day {
    grid-row: 1/2;
    grid-column: 3/4;
    font-size: 1.5rem;
    font-family: "Jost", sans-serif;
    font-weight: normal;
    color: #004491;
    width: fit-content;
    height: 2rem;
    display: grid;
    align-items: center;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .pic {
    grid-row: 1/5;
    grid-column: 1/2;
    aspect-ratio: 2.8/2;
    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;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .cmt {
    grid-row: 3/4;
    grid-column: 2/4;
    line-height: 2.43;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .link {
    grid-row: 4/5;
    grid-column: 2/4;
    width: 100%;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .link p {
    width: 5rem;
    height: 5rem;
    background: #65a1d7;
    border-radius: 50%;
    margin: 0 0 0 auto;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .link p a {
    width: 100%;
    height: inherit;
    display: grid;
    align-items: center;
    text-align: center;
    color: #fff;
}

.webgene-pagination {}

.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: #bad3e9;
}
.webgene-pagination ul .number {
    list-style: none;
    background: #bad3e9;
    border-radius: 50%;
    width: 3em;
    height: 3em;
    margin: 0 0.5em;
}
.webgene-pagination ul .number.selected {
    list-style: none;
    background: #65a1d7;
    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;
    background: #f5f5f5;
    padding: clamp(2rem, 2.08vw, 4rem);
    /*4*/
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .cate {
    grid-row: 1/2;
    grid-column: 1/2;
    width: fit-content;
    height: 2rem;
    display: grid;
    align-items: center;
    padding: 0 2em;
    background: #65a1d7;
    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;
    font-family: "Jost", sans-serif;
    font-weight: normal;
    color: #004491;
    width: fit-content;
    height: 2rem;
    display: grid;
    align-items: center;

}
.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;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .cmt {
    line-height: 2.43;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .pic {
    grid-column: 1/2;
    width: 100%;
    overflow: hidden;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .pic * {
    min-width: initial;
    min-height: initial;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .pic .slider{
    width: 100%;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .pic .slick-img {
    width: 100%;
    aspect-ratio: 9.9/6.8;
    padding: 0.5rem;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .pic .thumbnail-img {
    width: 100%;
    aspect-ratio: 2.4/1.65;
    padding: 0.5rem;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
/*
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .pic .slider {
    width: 100%;
    aspect-ratio: 8.8/5.8;
    overflow: hidden;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .pic :is(.slick-img, .thumbnail-img) {
    width: 100%;
    aspect-ratio: 8.8/5.8;
    overflow: hidden;
    padding: 0.5rem;
}
    */
.blogdetail_cnt2 .inner .buttonA {
    margin: auto;
}






/*company*/
.company_cnt1 {
    padding: 8rem 0 10rem;
}
.company_cnt1 .inner .col2 {
    display: flex;
    gap: 3.125vw;
    /*6*/
}
.company_cnt1 .inner .col2 .left {
    width: 45%;
}
.company_cnt1 .inner .col2 .left .pic {
    width: 100%;
    aspect-ratio: 5/3.3;
    border-radius: 0.5rem;
    overflow: hidden;
    margin: 0 0 4rem;
}
.company_cnt1 .inner .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.company_cnt1 .inner .col2 .left h4 {
    font-size: 2rem;
    font-family: "Jost", sans-serif;
    font-weight: normal;
    color: #004491;
    margin: 0 0 2rem;
}
.company_cnt1 .inner .col2 .left .dl {
    display: flex;
    margin: 0 0 2rem;
}
.company_cnt1 .inner .col2 .left .dt {
    width: 5em;
    color: #004491;
}
.company_cnt1 .inner .col2 .left .dd {}
.company_cnt1 .inner .col2 .right {
    width: 55%;
}
.company_cnt1 .inner .col2 .right p {
    line-height: 2.43;
}
.company_cnt2 {
    padding: 10rem 0 20rem;
}
.company_cnt2 .inner .titleA * {
    text-align: center;
}
.company_cnt2 .inner .dl {
    width: 100%;
    min-height: 6rem;
    border-bottom: 0.1rem dotted #000;
    padding: 1rem 0;
    display: flex;
    align-items: start;
}
.company_cnt2 .inner .dt {
    width: 30%;
    color: #004491;
    padding: 0 0 0 3em;
    line-height: 2.43;
}
.company_cnt2 .inner .dd {
    width: 70%;
    line-height: 2.43;
}
.company_cnt2 .inner .dd a {
    text-decoration: none;
    color: inherit;
}
.company_cnt2 .inner .dd iframe {
    width: 100%;
    border: none;
    height: 16rem;
}







/*contact*/
.contact_cnt1 {
    width: 100%;
    padding: 8rem 0 20rem;
}
.contact_cnt1 .inner .tel {
    width: 40rem;
    min-height: 11rem;
    background: #65a1d7;
    display: grid;
    align-content: center;
    gap: 1rem;
    border-radius: 2rem;
    margin: 0 0 15rem;
}
.contact_cnt1 .inner .tel a {
    font-size: 3.5rem;
    font-family: "Jost", sans-serif;
    font-weight: normal;
    color: #fff;
}
.contact_cnt1 .inner .tel p {
    text-align: center;
    color: #fff;
}

.contact_cnt1 .inner>p {
    line-height: 2.43;
    margin: 0 0 5rem 0;
}

form .dl {
    width: 100%;
    min-height: 5.7rem;
    border-bottom: 0.1rem dotted #000;
    display: flex;
}
form .dl .dt {
    width: 25%;
    min-height: inherit;
    padding: 1em;
    color: #004491;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
form .dt .required {
    display: inline-block;
    width: fit-content;
    height: 2.8rem;
    display: grid;
    align-items: center;
    border-radius: 1.4rem;
    background: #eba12a;
    padding: 0.5rem;
    color: #fff;
}
form .dl .dd {
    width: 75%;
    min-height: inherit;
    padding: 1em;
}
form input[type="text"],
form input[type="email"],
form textarea {
    width: 100%;
    min-height: 5.7rem;
    border-radius: 0.5rem;
    background: #ecf0f4;
}
form input.zipInput {
    width: 40%;
}
form input[type="text"],
form input[type="email"],
form input[type="checkbox"],
form textarea {
    padding: 0 1em;
    border: 0.1rem solid #dedee4;
}
form textarea {
    height: 20rem;
}
form select {}
form .dl .dd .selectArea {}
form .dl .dd .selectArea div {
    width: fit-content;
    display: inline-block;
}
form .terms {
    background: #ecf0f4;
    padding: clamp(2rem, 2.08vw, 4rem);
    height: 41rem;
    overflow-y: scroll;
    margin: 0.5rem 0 5rem 0;
    border-radius: 0.5rem;
}
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;
    border: none;
}