@charset "UTF-8";





/*index*/
.index .mainimg {
    width: 100%;
    height: 78rem;
    position: relative;
  overflow:hidden;
}
.index .mainimg .title {
    position: absolute;
    bottom: 5rem;
    left: 18.75vw;
    /*36*/
    z-index: 3;
}
.index .mainimg .title h2 {
    background: #fff;
    font-size: 3.7rem;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: bold;
    color: #043d96;
    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 .mainimg .slider {
    margin: -2rem 0 0;
    z-index: 2;
}
.index .mainimg .slider .pic {
    aspect-ratio: 6.2/4.1;
    overflow: hidden;
    margin: 0 1.04vw;
    /*2*/
}
.index .mainimg .slider .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index .mainimg .slider .pic:nth-of-type(even) {
    margin: 5.2vw 1.04vw 0;
    /*10 2*/
}
.index .mainimg .name{
    width: fit-content;
  font-size: 10rem;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  background: linear-gradient(72deg, rgba(46, 106, 179, 1) 50%, rgba(226, 232, 154, 1));
  opacity: 0.5;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1 !important;
  /*color: #dbcfcf;*/
  white-space: pre;
  display: block;
  margin: 0 0 0 auto;
  position: relative;
  z-index: 2;
      margin-top: 100px;
}
.index_cnt1 {
    padding: 18rem 0 12rem;
    background: linear-gradient(162deg, rgba(46, 106, 179, 0.28) 20%, rgba(226, 232, 154, 0.28));
}
.index_cnt1 .inner .col2 {
    display: flex;
    flex-direction: row-reverse;
    gap: 5.7vw;
    /*11*/
    position: relative;
    margin: 0 auto 5rem;
}
.index_cnt1 .inner .col2 .left {
    width: 45%;
    position: relative;
    z-index: 2;
}
.index_cnt1 .inner .col2 .left img {
    width: 100%;
}
.index_cnt1 .inner .col2 .right {
    width: 55%;
}
.index_cnt1 .inner .col2 .right h3 {
    font-size: 10rem;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    background: linear-gradient(72deg, rgba(46, 106, 179, 1) 50%, rgba(226, 232, 154, 1));
    opacity: 0.5;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1 !important;
    display: block;
    position: absolute;
    bottom: -5rem;
    left: 0;
}
.index_cnt1 .inner .col2 .right p {
    line-height: 2.68;
}
.index_cnt1 .inner .col2b {
    display: flex;
    gap: 5.2vw;
}
.index_cnt1 .inner .col2b .left {
    width: 55%;
    position: relative;
}
.index_cnt1 .inner .col2b .left [class^="pic"] {
    overflow: hidden;
    position: absolute;
}
.index_cnt1 .inner .col2b .left [class^="pic"] img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index_cnt1 .inner .col2b .left .pic1 {
    width: 90%;
    max-width: 50rem;
    aspect-ratio: 5/2.8;
    top: 3.125vw;
    /*6*/
    left: 0;
}
.index_cnt1 .inner .col2b .left .pic2 {
    width: 80%;
    max-width: 42rem;
    aspect-ratio: 4.2/2.8;
    z-index: 2;
    bottom: 0;
    right: 0;
}
.index_cnt1 .inner .col2b .right {
    width: 45%;
}
.index_cnt1 .inner .col2b .right p:not(.buttonA) {
    line-height: 2.68;
    margin: 0 0 5rem;
}
.index_cnt2 {
    padding: 8rem 0;
    background: url(/system_panel/uploads/images/index_cnt2_bg.png) repeat-y;
    background-size: 100%;
}
.index_cnt2 .inner .titleA p span {
    display: block;
}
.index_cnt2 .inner .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.08vw;
    margin: 0 auto 5rem;
}
.index_cnt2 .inner .grid .set {
    background: #fff;
    box-shadow: 0 0 0.5rem rgba(183, 201, 218, 0.2);
    border-radius: 0.5rem;
    padding: 2rem 2.5rem;
    display: grid;
    position: relative;
}
.index_cnt2 .inner .grid .set h4 {
    grid-row: 1/2;
    grid-column: 1/2;
    background: #fff;
    padding: 1rem 2rem;
    border-radius: 0 0.5rem 0.5rem 0;
    font-size: 2.1rem;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: bold;
    color: #1e4ca1;
    position: absolute;
    top: 8.59vw;
    /*16.5*/
    z-index: 2;
}
.index_cnt2 .inner .grid .set h4 span {
    font-size: initial;
}
.index_cnt2 .inner .grid .set .pic {
    grid-row: 1/2;
    grid-column: 1/2;
    width: 100%;
    aspect-ratio: 3.25/2.2;
    border-radius: 0.5rem;
    overflow: hidden;
}
.index_cnt2 .inner .grid .set .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index_cnt2 .inner .grid .set p {
    padding: 2rem 1rem;
    line-height: 2.18;
}
.index_cnt2 .inner .grid .set .button {
    width: fit-content;
    margin: 0 0 0 auto;
}
.index_cnt2 .inner .buttonA {
    margin: auto;
}
.index_cnt3 {
    padding: 8rem 0;
}
.index_cnt3 .inner .flex {
    display: flex;
    align-items: end;
    justify-content: space-between;
    margin: 0 auto 5rem;
}
.index_cnt3 .inner .flex .titleA {
    margin: 0;
}
.index_cnt3 .inner .webgene-blog {
    width: 100%;
}
.index_cnt3 .inner .webgene-blog .webgene-item {
    width: 100%;
    padding: 1.5rem 2.6vw;
    /*5*/
    border-bottom: 0.1rem solid #cddeec;
}
.index_cnt3 .inner .webgene-blog .webgene-item:first-of-type {
    border-top: 0.1rem solid #cddeec;
}
.index_cnt3 .inner .webgene-blog .webgene-item .dl {
    display: grid;
    grid-template-rows: auto 1fr;
    align-content: start;
    grid-template-columns: 0.28fr 1fr;
    gap: 2.08vw;
    /*4*/
}
.index_cnt3 .inner .webgene-blog .webgene-item .dt {
    grid-row: 1/2;
    grid-column: 2/3;
    font-size: 2.1rem;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: bold;
    color: #1e4ca1;
}
.index_cnt3 .inner .webgene-blog .webgene-item .dt a {
    color: inherit;
}
.index_cnt3 .inner .webgene-blog .webgene-item .pic {
    grid-row: 1/3;
    grid-column: 1/2;
    width: 100%;
    aspect-ratio: 2.3/1.7;
    overflow: hidden;
    border-radius: 0.5rem;
}
.index_cnt3 .inner .webgene-blog .webgene-item .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index_cnt3 .inner .webgene-blog .webgene-item .cmt {
    grid-row: 2/3;
    grid-column: 2/3;
}




/*reason*/
.reason_cnt1 {
    background: #fff;
    padding: 8rem 0 5rem;
}
.reason_cnt1 .inner .ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5625vw;
    /*3*/
}
.reason_cnt1 .inner .li {
    list-style: none;
    width: 100%;
    background: #fff;
    border-radius: 0.5rem;
    padding: 1.5rem;
    box-shadow: 0 0 1rem rgba(183, 201, 218, 0.35);
    font-size: 2.1rem;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: bold;
}
.reason_cnt1 .inner .li a {
    color: inherit;
    display: flex;
    gap: 1rem;
    position: relative;
}
.reason_cnt1 .inner .li a::before {
    color: #1e4ca1;
}
.reason_cnt1 .inner .li:nth-of-type(1) a::before {
    content: "#01";
}
.reason_cnt1 .inner .li:nth-of-type(2) a::before {
    content: "#02";
}
.reason_cnt1 .inner .li:nth-of-type(3) a::before {
    content: "#03";
}
.reason_cnt1 .inner .li:nth-of-type(4) a::before {
    content: "#04";
}
.reason_cnt1 .inner .li a::after {
    content: "";
    background: url(/system_panel/uploads/images/arrowB.png) no-repeat;
    background-size: cover;
    width: 2.5rem;
    min-width: 2.5rem;
    height: 2.5rem;
    display: inline-block;
    position: absolute;
    right: 1rem;
}
:is(.reason_cnt2, .reason_cnt3, .reason_cnt4, .reason_cnt5) {
    padding: 8rem 0;
}
:is(.reason_cnt2, .reason_cnt3, .reason_cnt4, .reason_cnt5) .inner .number {
    font-size: 5.5rem;
    text-align: center;
    margin: 0 auto 2rem;
}
:is(.reason_cnt2, .reason_cnt3, .reason_cnt4, .reason_cnt5) .inner .title {
    text-align: center;
    margin: 0 auto 5rem;
}
:is(.reason_cnt2, .reason_cnt3, .reason_cnt4, .reason_cnt5) .inner .title h3 {
    background: #fff;
    font-size: 3.7rem;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: bold;
    text-align: center;
    padding: 0.5rem 2rem;
    line-height: 2;
    display: inline;
    box-decoration-break: clone;
    box-shadow: 0 0 0.5rem rgba(183, 201, 218, 0.2);
}
:is(.reason_cnt2, .reason_cnt3, .reason_cnt4, .reason_cnt5) .inner>.col2 {
    display: flex;
    gap: 2.6vw;
    margin: 0 auto 4rem;
}
:is(.reason_cnt2, .reason_cnt3, .reason_cnt4, .reason_cnt5) .inner>.col2 .left {
    width: 48%;
    aspect-ratio: 6.2/4.1;
    overflow: hidden;
}
:is(.reason_cnt2, .reason_cnt3, .reason_cnt4, .reason_cnt5) .inner>.col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
:is(.reason_cnt2, .reason_cnt3, .reason_cnt4, .reason_cnt5) .inner>.col2 .right {
    width: 52%;
}
:is(.reason_cnt2, .reason_cnt3, .reason_cnt4, .reason_cnt5) .inner>.col2 .right p {
    line-height: 2.68;
}
:is(.reason_cnt2, .reason_cnt3, .reason_cnt4, .reason_cnt5) .window {
    width: 95%;
    max-width: 110rem;
    margin: 0 auto 5rem;
    padding: 1.5625vw;
    /*3*/
    background: #fff;
    border-radius: 0.5rem;
    box-shadow: 0 0 0.5rem rgba(183, 201, 218, 0.2);
}
:is(.reason_cnt2, .reason_cnt3, .reason_cnt4, .reason_cnt5) .window .col2 {
    display: flex;
    justify-content: center;
    align-items: center;
}
:is(.reason_cnt2, .reason_cnt3, .reason_cnt4, .reason_cnt5) .window .col2 :is(.left, .right) {}
:is(.reason_cnt2, .reason_cnt3, .reason_cnt4, .reason_cnt5) .window .col2 :is(.left, .right) .pic {
    min-height: 25rem;
    display: grid;
    align-items: center;
    justify-content: center;
}
:is(.reason_cnt2, .reason_cnt3, .reason_cnt4, .reason_cnt5) .window h4 {
    font-size: 2.1rem;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: bold;
    width: fit-content;
    margin: 0 auto 2rem;
    background: #cddeec;
    padding: 1rem 1em;
    border-radius: 0.5rem;
    display: grid;
    align-items: center;
}
:is(.reason_cnt2, .reason_cnt3, .reason_cnt4, .reason_cnt5) .window>p {
    text-align: center;
    font-size: 2.1rem;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: bold;
    line-height: 1.9;
}

:is(.reason_cnt2, .reason_cnt3, .reason_cnt4, .reason_cnt5) .window .grid {
    display: grid;
    width: 90%;
    max-width: 89rem;
    margin: auto;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5625vw;
    /*3*/
}
:is(.reason_cnt2, .reason_cnt3, .reason_cnt4, .reason_cnt5) .window .grid .figure {
    width: 100%;
    /*display: grid;
    gap: 1rem;*/
    text-align: center;
}
:is(.reason_cnt2, .reason_cnt3, .reason_cnt4, .reason_cnt5) .window .grid .figure .pic {
    grid-row: 1/2;
    width: 100%;
    height: 13rem;
    background: #e7edf0;
    display: grid;
    align-items: center;
    justify-content: center;
    margin: 0 0 -0.5rem;
}
:is(.reason_cnt2, .reason_cnt3, .reason_cnt4, .reason_cnt5) .window .grid .figure .figcaption p{
    background: #fff;
    border-radius: 0.5rem;
    font-size: 1.9rem;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: bold;
    text-align: center;
    padding: 0.5rem;
    line-height: 2;
    display: inline;
    box-decoration-break: clone;
    box-shadow: 0 0 0.5rem rgba(183, 201, 218, 0.2);
}
:is(.reason_cnt2, .reason_cnt3, .reason_cnt4, .reason_cnt5) .buttonA {
    margin: auto;
}
:is(.reason_cnt2, .reason_cnt4) {
    background: url(/system_panel/uploads/images/index_cnt2_bg.png) repeat-y;
    background-size: 100%;
}
:is(.reason_cnt2, .reason_cnt4) .inner .number {
    color: #c3d8e9;
}
:is(.reason_cnt2, .reason_cnt4) .inner .title h3 {
    color: #043d96;
}
:is(.reason_cnt2, .reason_cnt4) .inner>.col2 {
    flex-direction: row-reverse;
}
:is(.reason_cnt3, .reason_cnt5) {
    background: url(/system_panel/uploads/images/reason_cnt3_bg.png) repeat-y;
    background-size: 100%;
}
:is(.reason_cnt3, .reason_cnt5) .inner .number {
    color: #e2e89a;
}
:is(.reason_cnt3, .reason_cnt5) .inner .title h3 {
    color: #cdd666;
}





/*service*/
.service_cnt1 {
    padding: 8rem 0;
    background: #fff;
}
.service_cnt1 .inner .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5rem 5.2vw;
}
.service_cnt1 .inner .grid .titleA {
    grid-row: 1/2;
    grid-column: 1/2;
    margin: 0;
}
.service_cnt1 .inner .grid .illust {
    grid-row: 1/3;
    grid-column: 2/3;
}
.service_cnt1 .inner .grid .illust img {
    width: auto;
}
.service_cnt1 .inner .grid .cmt {
    grid-row: 2/3;
    grid-column: 1/2;
    line-height: 2.68;
}
.service_cnt1 .inner .grid .cmt .buttonA {
    margin: 5rem 0 0;
}
.service_cnt2 {
    padding: 8rem 0;
    background: #fff;
}
.service_cnt2 .inner>.col2 {
    display: flex;
    gap: 2.6vw;
    /*5*/
    margin: 0 auto 5rem;
}
.service_cnt2 .inner>.col2 .left {
    width: 52%;
    aspect-ratio: 6.2/4.1;
}
.service_cnt2 .inner>.col2 .left img {
    width: 100%;
}
.service_cnt2 .inner>.col2 .right {
    width: 48%;
}
.service_cnt2 .inner>.col2 .right p {
    line-height: 2.68;
}
.service_cnt2 .inner .window {
    width: 100%;
    background: #e9eef3;
    padding: clamp(2rem, 2.08vw, 4rem) clamp(2rem, 2.6vw, 5rem);
    /*4 5*/
}
.service_cnt2 .inner .window .col2 {
    display: flex;
    flex-direction: row-reverse;
    gap: 2.6vw;
    /*5*/
}
.service_cnt2 .inner .window .col2 :is(.left, .right) {
    width: 50%;
}
.service_cnt2 .inner .window .col2 .right p {
    line-height: 2.68;
}
:is(.service_cnt3, .service_cnt4) {
    padding: 8rem 0;
}
:is(.service_cnt3, .service_cnt4) .inner .col2 {
    display: flex;
    gap: 2.6vw;
    /*5*/
}
:is(.service_cnt3, .service_cnt4) .inner .col2 .left {
    width: 42%;
}
:is(.service_cnt3, .service_cnt4) .inner .col2 .left img {
    width: auto;
}
:is(.service_cnt3, .service_cnt4) .inner .col2 .right {
    width: 58%;
}
:is(.service_cnt3, .service_cnt4) .inner .col2 .right p {
    line-height: 2.68;
}
.service_cnt3 {
    background: url(/system_panel/uploads/images/index_cnt2_bg.png) repeat-y;
    background-size: 100%;
}
.service_cnt5 {
    padding: 8rem 0;
    background: linear-gradient(162deg, rgba(46, 106, 179, 0.28) 20%, rgba(226, 232, 154, 0.28));
}
.service_cnt5 .inner h4 {
    width: fit-content;
    padding: 1rem 1em;
    background: #fff;
    border-radius: 0.5rem;
    font-size: 2.1rem;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: bold;
    /*box-shadow: 0 0 0.5rem rgba(183, 201, 218, 0.2);*/
    margin: 0 0 1rem;
}
.service_cnt5 .inner p {
    line-height: 2.68;
}
.service_cnt5 .inner p:not(:last-of-type) {
    margin: 0 0 2rem;
}
.service_cnt5 .inner .buttonA {
    margin: 0 0 6rem !important;
}
.service_cnt6 {
    padding: 12rem 0 4rem;
}
.service_cnt6 .inner .col2 {
    display: flex;
    gap: 2.6vw;
    /*5*/
    margin: 0 auto 24rem;
}
.service_cnt6 .inner .col2 .left {
    width: 52%;
    aspect-ratio: 6.2/4.1;
    overflow: hidden;
}
.service_cnt6 .inner .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.service_cnt6 .inner .col2 .right {
    width: 48%;
}
.service_cnt6 .inner .col2 .right p {
    line-height: 2.68;
}
.service_cnt6 .inner .illust {
    max-width: 115rem;
    margin: 0 auto 13rem;
}
.service_cnt6 .inner .illust img {
    width: 100%;
}
.service_cnt6 .inner .col2b {
    display: flex;
    gap: 2.6vw;
    /*5*/
}
.service_cnt6 .inner .col2b :is(.left, .right) {
    width: 50%;
}
.service_cnt6 .inner .col2b :is(.left, .right) .set {
    background: #e9eef3;
    padding: clamp(2rem, 2.08vw, 4rem) clamp(2rem, 1.5625vw, 3rem);
}
.service_cnt6 .inner .col2b :is(.left, .right) .set h4 {
    font-size: 2.5rem;
    text-align: center;
    margin: 0 auto 3rem;
}
.service_cnt6 .inner .col2b :is(.left, .right) .set .dl {
    width: 100%;
    border-radius: 0.5rem;
    background: #fff;
    padding: 2rem clamp(2rem, 1.5625vw, 3rem);
    box-shadow: 0 0 0.5rem rgba(183, 201, 218, 0.2);
}
.service_cnt6 .inner .col2b :is(.left, .right) .set .dl:last-of-type {
    margin: 0 0 2rem;
}
.service_cnt6 .inner .col2b :is(.left, .right) .set .dt {
    font-size: 1.9rem;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: bold;
    margin: 0 0 1.5rem;
}
.service_cnt6 .inner .col2b :is(.left, .right) .set .dd {
    line-height: 1.9;
}
.service_cnt6 .inner .col2b :is(.left, .right) .set>p {
    font-size: 1.9rem;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: bold;
}





/*consulting*/
.consulting_cnt1 {
    padding: 8rem 0;
    background: #fff;
}
.consulting_cnt1 .inner>p {
    line-height: 2.68;
}
.consulting_cnt2 {
    padding: 8rem 0;
    background: url(/system_panel/uploads/images/index_cnt2_bg.png) repeat-y;
    background-size: cover;
}
.consulting_cnt2 .inner .col2 {
    display: flex;
    gap: 3.125vw;
    /*6*/
    margin: 0 auto 6rem;
}
.consulting_cnt2 .inner .col2 .left {
    width: 52%;
    aspect-ratio: 6.2/4.1;
    overflow: hidden;
}
.consulting_cnt2 .inner .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.consulting_cnt2 .inner .col2 .right {
    width: 52%;
}

.consulting_cnt2 .inner .col2 .right .dt {
    font-size: 2.7rem;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: bold;
    line-height: 1.66;
    margin: 0 0 1rem;
}
.consulting_cnt2 .inner .col2 .right .dd {
    line-height: 2.68;
}
.consulting_cnt2 .inner h4 {
    width: fit-content;
    font-size: 2rem;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: bold;
    background: #fff;
    padding: 1rem 1em;
    border-radius: 0.5rem;
    margin: 0 0;
}
.consulting_cnt2 .inner>.dl {
    display: flex;
    align-items: center;
    gap: 2.6vw;
    /*5*/
    position: relative;
}
.consulting_cnt2 .inner>.dl:last-of-type {
    margin: 0 auto 11rem;
}
.consulting_cnt2 .inner>.dl::before {
    content: "";
    font-size: 5.5rem;
    font-family: "Jost", sans-serif;
    color: #c3d8e9;
}
.consulting_cnt2 .inner>.dl:nth-of-type(3)::before {
    content: "01";
}
.consulting_cnt2 .inner>.dl:nth-of-type(4)::before {
    content: "02";
}
.consulting_cnt2 .inner>.dl:nth-of-type(5)::before {
    content: "03";
}
.consulting_cnt2 .inner>.dl:nth-of-type(6)::before {
    content: "04";
}
.consulting_cnt2 .inner>.dl .dt {
    width: calc(43% - 10rem);
    font-size: 3rem;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: bold;
    color: #043d96;
    background: #fff;
    padding: 1.5rem 1em;
    border-radius: 0.5rem;
    box-shadow: 0 0 0.5rem rgba(183, 201, 218, 0.2);
}
.consulting_cnt2 .inner>.dl .dd {
    width: 57%;
    line-height: 2.68;
}
.consulting_cnt2 .slider {
    margin: 0 auto 7rem;
}
.consulting_cnt2 .slider .pic {
    aspect-ratio: 6.2/4.1;
    overflow: hidden;
    margin: 0 0.5rem;
}
.consulting_cnt2 .slider .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.consulting_cnt2 .window {
    width: 80%;
    max-width: 100rem;
    margin: auto;
    background: #fff;
    border-radius: 0.5rem;
    padding: clamp(2rem, 2.08vw, 4rem);
}
.consulting_cnt2 .window h4 {
    font-size: 2.5rem;
    font-family: "Zen Maru Gothic", sans-serif;
    margin: 0 auto 2rem;
    text-align: center;
}
.consulting_cnt2 .window p {
    line-height: 2.68;
    text-align: center;
}
.movie.inner {
    max-width: 90rem;
    margin: 0 auto 7rem;
}
.movie video {
    width: 100%;
}
.consulting_cnt3 {
    padding: 10rem 0 2rem;
}
.consulting_cnt3 .inner .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.6vw;
    /*5*/
    margin: 0 auto 5rem;
}
.consulting_cnt3 .inner .grid .set {
    width: 100%;
    background: #e9eef3;
    padding: clamp(2rem, 2.08vw, 4rem);
}
.consulting_cnt3 .inner .grid .set h4 {
    font-size: 2.5rem;
    font-family: "Zen Maru Gothic", sans-serif;
    margin: 0 0 3rem;
}
.consulting_cnt3 .inner .grid .set p {
    width: 100%;
    background: #fff;
    padding: clamp(2rem, 1.3vw, 2.5rem) clamp(2rem, 1.04vw, 2rem);
    box-shadow: 0 0 0.5rem rgba(183, 201, 218, 0.2);
    line-height: 2.18;
}
.consulting_cnt3 .inner>.set {
    width: 90%;
    max-width: 100rem;
    margin: auto;
    background: linear-gradient(162deg, rgba(46, 106, 179, 0.28) 20%, rgba(226, 232, 154, 0.28));
    padding: clamp(2rem, 1.5625vw, 3rem) clamp(2rem, 3.125vw, 6rem);
}
.consulting_cnt3 .inner>.set h4 {
    font-size: 2.5rem;
    font-family: "Zen Maru Gothic", sans-serif;
    margin: 0 auto 3rem;
    width: fit-content;
    background: #fff;
    border-radius: 0.5rem;
    padding: 1rem;
    box-shadow: 0 0 0.5rem rgba(183, 201, 218, 0.2);
}
.consulting_cnt3 .inner>.set p {
    line-height: 1.93;
}





/*staff*/
.staff_cnt1 {
    padding: 8rem 0;
    background: url(/system_panel/uploads/images/index_cnt2_bg.png) repeat-y;
    background-size: cover;
}
.staff_cnt1 .inner .ul {
    width: 100%;
    height: 19rem;
    overflow-y: scroll;
}
.staff_cnt1 .inner .li {
    list-style: none;
    padding: 1rem 1em;
    width: 100%;
    min-height: 6rem;
    border-bottom: 0.1rem solid #4e4e4e;
    display: grid;
    align-items: center;
}
.staff_cnt2 {
    padding: 12rem 0;
    background: #fff;
}
.staff_cnt2 .inner .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.6vw;
    /*5*/
}
.staff_cnt2 .inner .grid .set {
    background: #e9eef3;
    padding: clamp(2rem, 1.5625vw, 3rem) clamp(2rem, 2.08vw, 4rem);
}
.staff_cnt2 .inner .grid .set h4 {
    font-size: 2.5rem;
    font-family: "Zen Maru Gothic", sans-serif;
    margin: 0 0 3rem;
}
.staff_cnt2 .inner .grid .set .window {
    background: #fff;
    border-radius: 0.5rem;
    box-shadow: 0 0 0.5rem rgba(183, 201, 218, 0.2);
    padding: clamp(2rem, 1.5625vw, 3rem);
    display: grid;
    align-items: center;
    justify-content: center;
}









/*column&columndetail共通*/
:is(.column_cnt1, .columndetail_cnt1) {
    padding: 8rem 0 2rem;
    background: url(/system_panel/uploads/images/index_cnt2_bg.png) repeat-y;
    background-size: 100%;
}
:is(.column_cnt1, .columndetail_cnt1) .inner {}
:is(.column_cnt1, .columndetail_cnt1) .inner .cate {
    display: flex;
    width: 100%;
    margin: 0 auto 5rem;
}
:is(.column_cnt1, .columndetail_cnt1) .inner .cate .webgene-blog {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 2rem;
    margin: 0 2.6vw;
    /*5*/
}
:is(.column_cnt1, .columndetail_cnt1) .inner .cate .webgene-blog .webgene-item {}
:is(.column_cnt1, .columndetail_cnt1) .inner .cate .webgene-blog .webgene-item p {
    width: fit-content;
    min-width: 22rem;
    height: 5.2rem;
    flex-grow: 1;
    background: #fff;
    border-radius: 0.5rem;
    box-shadow: 0 0 0.5rem rgba(183, 201, 218, 0.2);
    font-size: 2.1rem;
    text-align: center;
}
:is(.column_cnt1, .columndetail_cnt1) .inner .cate .webgene-blog .webgene-item a {
    width: 100%;
    height: inherit;
    display: grid;
    font-weight: bold;
    color: inherit;
    align-items: center;
    position: relative;
    padding: 0 1em;
}
:is(.column_cnt1, .columndetail_cnt1) .inner .cate .webgene-blog .webgene-item a::after {
    content: "";
    background: url(/system_panel/uploads/images/arrowB.png) no-repeat;
    width: 2.5rem;
    height: 2.5rem;
    display: inline-block;
    position: absolute;
    right: 1rem;
}


/*column*/
.column_cnt1 .inner>.webgene-blog {}
.column_cnt1 .inner>.webgene-blog .webgene-item {}
.column_cnt1 .inner>.webgene-blog .webgene-item .dl {
    display: grid;
    grid-template-columns: 0.26fr 1fr;
    align-content: start;
    gap: 1.5625vw;
    /*3*/
    padding: 1.5rem 1.04vw 1.5rem 2.6vw;
    /*2 5*/
    border-bottom: 0.1rem solid #cddeec;
}
.column_cnt1 .inner>.webgene-blog .webgene-item:first-of-type .dl {
    border-top: 0.1rem solid #cddeec;
}
.column_cnt1 .inner>.webgene-blog .webgene-item .dt {
    grid-row: 1/2;
    grid-column: 2/3;
    font-size: 2.1rem;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: bold;
    color: #1e4ca1;
}
.column_cnt1 .inner>.webgene-blog .webgene-item .dt a {
    color: inherit;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.column_cnt1 .inner>.webgene-blog .webgene-item .dt a::after {
    content: "";
    background: url(/system_panel/uploads/images/arrowC.png) no-repeat;
    background-size: cover;
    display: inline-block;
    width: 4rem;
    height: 3.7rem;
}
.column_cnt1 .inner>.webgene-blog .webgene-item .pic {
    grid-row: 1/4;
    grid-column: 1/2;
    aspect-ratio: 2.3/1.7;
    width: 100%;
    overflow: hidden;
}
.column_cnt1 .inner>.webgene-blog .webgene-item .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.column_cnt1 .inner>.webgene-blog .webgene-item .day {
    grid-row: 3/4;
    grid-column: 2/3;
    width: fit-content;
    height: 2.4rem;
    display: grid;
    align-items: center;
}
.column_cnt1 .inner>.webgene-blog .webgene-item .cate {
    grid-row: 3/4;
    grid-column: 2/3;
    width: fit-content;
    height: 2.4rem;
    padding: 0 1em;
    background: #1e4ca1;
    display: grid;
    align-items: center;
    color: #f3f3f3;
    font-size: 1.5rem;
    margin: 0 0 0 6em;
}
.column_cnt1 .inner>.webgene-blog .webgene-item .cmt {
    grid-row: 2/3;
    grid-column: 2/3;
}
.column_cnt1 .inner .buttonA {
    margin: auto;
}

.webgene-pagination {
    grid-column: 1/3;
    /*display: flex;
    width: 100%;
    padding: 7rem 26.5%;
    align-content: center;
    justify-content: space-between;
    margin:auto;*/
}

.webgene-pagination ul {
    width: fit-content;
    display: flex;
    margin: 12rem auto 0;
}
.webgene-pagination ul li {
    font-size: 1.7rem;
}
.webgene-pagination :is(.prev, .next) {
    width: 3em;
    height: 3em;
    list-style: none;
    border-radius: 50%;
}
.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;
    font-size: 1.7rem;
    font-weight: 500;
    color: #fff;
    background: #c0d3e7;
    border-radius: 50%;
}
.webgene-pagination ul .number {
    list-style: none;
    background: #c0d3e7;
    width: 3em;
    height: 3em;
    margin: 0 0.5em;
    border-radius: 50%;
}
.webgene-pagination ul .number.selected {
    list-style: none;
    background: #1e4ca1;
    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;
    font-size: 1.7rem;
    font-weight: 500;
    color: #fff;
}





/*news*/
.news_cnt1 {
    padding: 8rem 0 11rem;
    background: url(/system_panel/uploads/images/index_cnt2_bg.png) repeat-y;
    background-size: 100%;
}
.news_cnt1 .inner>.webgene-blog {}
.news_cnt1 .inner>.webgene-blog .webgene-item {}
.news_cnt1 .inner>.webgene-blog .webgene-item .dl {
    display: grid;
    grid-template-columns: 0.26fr 1fr;
    align-content: center;
    gap: 1.04vw;
    /*2*/
    padding: 1.5rem 1.04vw 1.5rem 2.6vw;
    /*2 5*/
    border-bottom: 0.1rem solid #cddeec;
}
.news_cnt1 .inner>.webgene-blog .webgene-item:first-of-type .dl {
    border-top: 0.1rem solid #cddeec;
}
.news_cnt1 .inner>.webgene-blog .webgene-item .dt {
    grid-row: 1/2;
    grid-column: 2/3;
    font-size: 2.1rem;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: bold;
    color: #1e4ca1;
    align-self: end;
}
.news_cnt1 .inner>.webgene-blog .webgene-item .pic {
    grid-row: 1/3;
    grid-column: 1/2;
    aspect-ratio: 2.3/1.7;
    width: 100%;
    overflow: hidden;
}
.news_cnt1 .inner>.webgene-blog .webgene-item .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.news_cnt1 .inner>.webgene-blog .webgene-item .day {
    grid-row: 1/2;
    grid-column: 2/3;
    width: fit-content;
    height: 2.4rem;
    display: grid;
    align-items: center;
    margin: 0 0 0 auto;
    align-self: end;
}
.news_cnt1 .inner>.webgene-blog .webgene-item .cmt {
    grid-row: 2/3;
    grid-column: 2/3;
    line-height: 2.18;
}
.news_cnt1 .inner .buttonA {
    margin: auto;
}





/*about*/
.about_cnt1 {
    padding: 8rem 0;
    background: url(/system_panel/uploads/images/index_cnt2_bg.png) repeat-y;
    background-size: 100%;
}
.about_cnt1 .inner .col2 {
    display: flex;
    flex-direction: row-reverse;
    gap: 2.6vw;
    /*5*/
}
.about_cnt1 .inner .col2 .left {
    width: 48%;
    aspect-ratio: 6.2/4.1;
    overflow: hidden;
}
.about_cnt1 .inner .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /*object-position: center;*/
    object-position: 75% 50%;
}
.about_cnt1 .inner .col2 .right {
    width: 52%;
}
.about_cnt1 .inner .col2 .right p {
    line-height: 2.68;
}

.about_cnt2 {
    padding: 8rem 0;
    background: #fff;
}
.about_cnt2 .inner .dl {
    background: #e9eef3;
    padding: 2rem clamp(2rem, 1.5625vw, 3rem);
}
.about_cnt2 .inner .dl:not(:last-of-type) {
    margin:
        0 0 1.5rem
}
.about_cnt2 .inner .dt {
    font-size: 2.1rem;
    font-weight: bold;
    font-family: "Zen Maru Gothic", sans-serif;
    margin: 0 0 2rem;
}
.about_cnt2 .inner .dd {
    padding: clamp(2rem, 1.3vw, 2.5rem) 1em;
    background: #fff;
    border-radius: 0.45rem;
    box-shadow: 0 0 0.5rem rgba(183, 201, 218, 0.2);
}
.about_cnt2 .inner .illust {
    width: fit-content;
    margin: 5rem auto 0;
}
.about_cnt2 .inner .illust img{
width: 100%;
}
.about_cnt3 {
    padding: 10rem 0;
    background: url(/system_panel/uploads/images/index_cnt2_bg.png) repeat-y;
    background-size: 100%;
}
.about_cnt3 .inner .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.82vw;
    /*3.5*/
}
.about_cnt3 .inner .grid .dl {
    width: 100%;
    background: #fff;
    border-radius: 0.5rem;
    padding: 2rem clamp(2rem, 1.3vw, 2.5rem);
    /*2.5*/
    box-shadow: 0 0 0.5rem rgba(183, 201, 218, 0.2);
    display: grid;
    grid-template-columns: auto auto;
}
.about_cnt3 .inner .grid .dt {
    grid-row: 2/3;
    grid-column: 1/3;
    font-size: 1.4rem;
    margin: 0 0 1.5rem;
}
.about_cnt3 .inner .grid .pic {
    grid-row: 1/2;
    grid-column: 1/3;
    margin: 0 0 4rem;
    width: 100%;
    aspect-ratio: 3.25/2.2;
    overflow: hidden;
}
.about_cnt3 .inner .grid .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.about_cnt3 .inner .grid .ceo {
    display: flex;
    align-items: baseline;
}
.about_cnt3 .inner .grid .name {
    grid-row: 3/4;
    grid-column: 1/2;
    font-size: 2.3rem;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: bold;
    color: #1e4ca1;
    white-space: pre;
    margin: 0 0 2rem
}
.about_cnt3 .inner .grid .kana {
    grid-row: 3/4;
    grid-column: 2/3;
    font-size: 1.5rem;
    font-family: "Jost", sans-serif;
}
.about_cnt3 .inner .grid .cmt {
    grid-row: 4/5;
    grid-column: 1/3;
    line-height: 2.18;
}
.about_cnt4 {
    padding: 11rem 0 7rem;
}
.about_cnt4 .inner .dl {
    display: flex;
    width: 100%;
    min-height: 8rem;
}
.about_cnt4 .inner .dt {
    width: 25%;
    min-height: inherit;
    display: grid;
    align-items: center;
    border-bottom: 0.1rem solid #3071b8;
    padding: 1rem 0 1rem 2.6vw;
    line-height: 2.18;
}
.about_cnt4 .inner .dd {
    width: 75%;
    min-height: inherit;
    display: grid;
    align-items: center;
    border-bottom: 0.1rem solid #cddeec;
    padding: 1rem 0 1rem 2.6vw;
    line-height: 2.18;
}
.about .map {
    width: 100%;
    height: 30rem;
}
.about .map iframe {
    width: 100%;
    height: inherit;
    border: none;
}





/*columndetail*/
.columndetail_cnt1 {
    padding: 8rem 11rem;
}
.columndetail_cnt1 .inner>.webgene-blog .webgene-item .dl {
    display: grid;
    gap: 1rem;
}
.columndetail_cnt1 .inner>.webgene-blog .webgene-item .dt {
    grid-row: 2/3;
    grid-column: 1/2;
    font-size: 2.7rem;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: bold;
    color: #1e4ca1;
    border-bottom: 0.1rem solid #cddeec;
    padding: 0 2.6vw 2rem;
}
.columndetail_cnt1 .inner>.webgene-blog .webgene-item .pic {
    grid-row: 3/4;
    grid-column: 1/2;
    aspect-ratio: 2.3/1.7;
    width: 100%;
    max-width: 74rem;
    overflow: hidden;
    margin: 2rem 2.6vw 0;
    /*5*/
}
.columndetail_cnt1 .inner>.webgene-blog .webgene-item .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.columndetail_cnt1 .inner>.webgene-blog .webgene-item .day {
    grid-row: 1/2;
    grid-column: 1/2;
    width: fit-content;
    height: 2.4rem;
    display: grid;
    align-items: center;
    margin: 0 2.6vw;
    /*5*/
}
.columndetail_cnt1 .inner>.webgene-blog .webgene-item .cate {
    grid-row: 1/2;
    grid-column: 1/2;
    width: fit-content;
    height: 2.4rem;
    padding: 0 1em;
    background: #1e4ca1;
    display: grid;
    align-items: center;
    color: #f3f3f3;
    font-size: 1.5rem;
    margin: 0 0 0 12em;
}
.columndetail_cnt1 .inner>.webgene-blog .webgene-item .cmt {
    grid-row: 4/5;
    grid-column: 1/2;
    line-height: 2.68;
    margin: 0 2.6vw 5rem;
    /*5*/
}
.columndetail_cnt1 .inner .buttonA {
    margin: auto;
}






/*contact*/
.contact_cnt1 {
    width: 100%;
    padding: 8rem 0;
    background: url(/system_panel/uploads/images/index_cnt2_bg.png) repeat-y;
    background-size: 100%;
}
.contact_cnt1 .inner>p {
    line-height: 2.18;
    margin: 0 0 3rem 0;
}

.contact_cnt1 .inner .tel {
    margin: 0 0 8rem;
}
.contact_cnt1 .inner .tel p a {
    display: block;
    width: fit-content;
    min-width: 32rem;
    height: 5rem;
    background: #dde49c;
    border-radius: 0.5rem;
    font-size: 2.1rem;
    font-weight: bold;
    color: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    position: relative;
    margin: 0 0 1rem;
}
.contact_cnt1 .inner .tel p a::before {
    content: "";
    background: url(/system_panel/uploads/images/icon_tel.png) no-repeat;
    width: 1.6rem;
    height: 1.6rem;
    display: inline-block;
}

form .dl {
    display: flex;
    width: 100%;
    min-height: 9rem;
}
form .dl:first-of-type {
    border-top: 0.1rem solid #3071b8;
}
form .dl .dt {
    width: 25%;
    min-height: inherit;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 0.1rem solid #3071b8;
    padding: 1rem 0 1rem 2.6vw;
    line-height: 2.18;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: bold;
    color: #1e4ca1;
}
form .dt .required {
    display: inline-grid;
    align-items: center;
    background: #3071b8;
    padding: 0 0.5rem;
    font-size: 1.4rem;
    color: #fff;
}
form .dl .dd {
    width: 75%;
    min-height: inherit;
    display: grid;
    align-items: center;
    border-bottom: 0.1rem solid #cddeec;
    padding: 1rem 0 1rem 1rem;
    line-height: 2.18;
}
form input[type="text"],
form input[type="email"],
form textarea {
    width: 100%;
    min-height: 7rem;
    box-shadow: 0 0 0.5rem rgba(183, 201, 218, 0.2);
    border-radius: 0.5rem;
}
form textarea {
    min-height: 22rem;
}
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 select {}
form .dl .dd .selectArea {}
form .dl .dd .selectArea div {
    width: fit-content;
    display: inline-block;
}
form .terms {
    background: #cfdde8;
    padding: clamp(2rem, 2.08vw, 4rem);
    height: 35.5rem;
    overflow-y: scroll;
    margin: 0.5rem 0 1.5rem 0;
}
form .terms p {
    line-height: 2.18;
}
form .col {
    width: fit-content !important;
    display: flex;
    justify-content: center;
    margin: 0 auto 5rem;
    background: #fff;
    border-radius: 0.5rem;
    font-size: 1.7rem;
    padding: 1em;
}
form .col label {
    width: fit-content;
}
form .privacyLabel {
    width: 100%;
    text-align: center;
}
form button {
    -webkit-appearance: none;
    display: block;
    margin: auto;
    border: none;
}