/*index*/
.index .mainimg {
    height:
        /*96rem*/
        37vw;
}
.index .mainimg .slider {
    position: relative;
    width: 100%;
    height: inherit;
    overflow: hidden;
}
.index .mainimg .slider img {
    width: 100%;
}
.index .mainimg .catch {
    top: 15vw;
    left: 66%;
}
.index .mainimg .catch h2 {
    font-size: 3.5vw;
    line-height: 1.3;
    color: #fff;
}

.index_cnt1 {}
.index_cnt1 .inner {
    padding: 15rem 0 0;
}
.index_cnt1 .inner .col2 {
    display: flex;
    margin: 0 0 27rem;
}
.index_cnt1 .inner .col2 .left {
    width: 50%;
}
.index_cnt1 .inner .col2 .left .read {
    width: calc(100% + 40%);
    font-size: 6rem;
    line-height: 1.46;
    margin: 0 -40% 7rem 0;
    z-index: 2;
    position: relative;
}
.index_cnt1 .inner .col2 .left p {
    /*font-size: 2rem;*/
    line-height: 2.15;
    margin: 0 0 6rem;
}

.index_cnt1 .inner .col2 .left h3 {
    font-size: 14rem;
    font-weight: bold;
    color: #d3d5d8;
    margin: 0 0 10rem
        /*-17rem*/
        -3.33vw;
}
.index_cnt1 .inner .col2 .left h3::first-letter {
    color: #004d82;
}
.index_cnt1 .inner .col2 .left h3 span {
    font-size: 3.3rem;
    color: #d0a4a3;
    content: "";
    display: block;
    text-align: right;
}

.index_cnt1 .inner .col2 .left h3 span::before {
    content: "";
    width: 12rem;
    height: 0.1rem;
    background: #d0a4a3;
    display: inline-block;
    transform: rotate(-45deg);
    top: -3rem;
    position: relative;
}
.index_cnt1 .inner .col2 .right {
    width: 50%;
    text-align: right;
    position: relative;
}
.index_cnt1 .inner .col2 .right .about_img1 {
    margin: 10rem -23rem 0 0;
    /*position: absolute;
    top:15rem;
    right: -23rem;*/
}
.index_cnt1 .inner .col2 .right .about_img2 {
    /*margin: -30rem -5rem 0 0;*/
      margin: -30rem 0 0 0;
    right: 0;
    position: absolute;
    /*position: absolute;
    top:50rem;
    left:5rem;*/
}
.index_cnt1 .inner .col2 .right .about_img2 img{
width:100%;
}

.index_cnt2 {
    background: url(/system_panel/uploads/images/index_cnt2_bg.jpg) no-repeat center top #f0be24;
    background-size: 256rem;
    padding: 17rem 0 10rem 0;
}

.index_cnt2 .inner h3 {
    width: fit-content;
    font-size: 14rem;
    font-weight: bold;
    color: #d3d5d8;
    margin: 0 auto 9rem;
}
.index_cnt2 .inner h3::first-letter {
    color: #f0be24;
}
.index_cnt2 .inner h3 span {
    font-size: 3.3rem;
    color: #d3d5d8;
    content: "";
    display: block;
    text-align: right;
}

.index_cnt2 .inner h3 span::before {
    content: "";
    width: 12rem;
    height: 0.1rem;
    background: #d3d5d8;
    display: inline-block;
    transform: rotate(-45deg);
    top: -3rem;
    position: relative;
}
.index_cnt2 .inner .col2 {
    display: flex;
    gap: 4rem;
    margin: 0 0 8rem;
}
.index_cnt2 .inner .col2 .dl {
    width: 50%;
    display: grid;
    grid-template-rows:
        /*1fr 0.25fr */
        auto;
    background: #fff;
    align-content: baseline;
}
.index_cnt2 .inner .col2 .dl .dt {
    grid-row: 2/3;
    text-align: center;
    position: relative;
    padding: 12rem 0 0 0;
}
.index_cnt2 .inner .col2 .dl .dt p {
    font-size: 4.8rem;
}
.index_cnt2 .inner .col2 .dl .dt p::before {
    content: "";
    width: 16rem;
    height: 16rem;
    margin: auto;
    background: url(/system_panel/uploads/images/icon_genba.png) no-repeat center #f0be24;
    border-radius: 50%;
    top: -8rem;
    left: calc(50% - 8rem);
    position: absolute;
}
.index_cnt2 .inner .col2 .dl:nth-of-type(2) .dt::before {
    background: url(/system_panel/uploads/images/icon_furniture.png) no-repeat center #f0be24;
}
.index_cnt2 .inner .col2 .dl .dd.pic {
    padding: 0;
}
.index_cnt2 .inner .col2 .dl .dd.pic img {
    width: 100%;
}
.index_cnt2 .inner .col2 .dl .dd {
    padding: 6rem;
    line-height: 2.1;
}
.index_cnt2 .inner .buttonB {
    margin: auto;
}

.index_cnt3 {
    padding: 25rem 0 12.5rem;
}
.index_cnt3 .col2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 9rem;
}
.index_cnt3 .col2 h3 {
    font-size: 14rem;
    font-weight: bold;
    color: #d3d5d8;
    margin: 0 0 0
        /*-17rem*/
        -3.33vw;
    width: fit-content;
}
.index_cnt3 .col2 h3::first-letter {
    color: #004d82;
}
.index_cnt3 .col2 h3 span {
    font-size: 3.3rem;
    color: #d0a4a3;
    content: "";
    display: block;
    text-align: right;
}
.index_cnt3 .col2 h3 span::before {
    content: "";
    width: 12rem;
    height: 0.1rem;
    background: #d0a4a3;
    display: inline-block;
    transform: rotate(-45deg);
    top: -3rem;
    position: relative;
}
.index_cnt3 .webgene-blog {
    display: grid;
    gap: 5rem;
    grid-template-columns: 1fr 1fr 1fr;
}
.index_cnt3 .webgene-blog .dl {
    display: grid;
    gap: 1.5rem 5rem;
    grid-template-rows: auto;
    align-content: baseline;
}
.index_cnt3 .webgene-blog .dl .dt {
    color: #f0be24;
    font-size: 1.8rem;
    grid-row: 2/3;
}
.index_cnt3 .webgene-blog .dl .pic {
    grid-row: 1/2;
    aspect-ratio: 1/1;
    overflow: hidden;
    display: grid;
    align-items: center;
    background: #efefef;
}
.index_cnt3 .webgene-blog .dl .pic img {
    width: 100%;
}
.index_cnt3 .webgene-blog .dl .title {}
.index_cnt3 .webgene-blog .dl .title a {
    color: #000;
    text-decoration: none;
}

.index_cnt3 .webgene-blog .dl .cate {
    background: #f0be24;
    color: #fff;
    width: fit-content;
    font-size: 1.6rem;
    padding: 0.5em 2em;
}

.index_cnt4 {
    padding: 12.5rem 0 25rem;
}
.index_cnt4 .col2 {
    display: flex;
    justify-content: space-between;
}
.index_cnt4 .col2 :is(.left, .right) {
    /*width:50%;*/
}
.index_cnt4 .col2 .left h3 {
    font-size: 14rem;
    font-weight: bold;
    color: #d3d5d8;
    margin: 0 0 5rem
        /*-17rem*/
        -3.33vw;
    width: fit-content;
}
.index_cnt4 .col2 .left h3::first-letter {
    color: #004d82;
}
.index_cnt4 .col2 .left h3 span {
    font-size: 3.3rem;
    color: #d0a4a3;
    content: "";
    display: block;
    text-align: right;
}
.index_cnt4 .col2 .left h3 span::before {
    content: "";
    width: 12rem;
    height: 0.1rem;
    background: #d0a4a3;
    display: inline-block;
    transform: rotate(-45deg);
    top: -3rem;
    position: relative;
}
.index_cnt4 .col2 .right .webgene-blog {}
.index_cnt4 .col2 .right .webgene-blog .dl {
    display: flex;
    margin: 0 0 4rem;
    align-items: baseline;
    flex-wrap: wrap;
}
.index_cnt4 .col2 .right .webgene-blog .dl .dt {
    color: #d0a4a3;
    padding: 0.5em 2em;
    width: fit-content;
}
.index_cnt4 .col2 .right .webgene-blog .dl .cate {
    background: #d0a4a3;
    color: #fff;
    padding: 0.5em 2em;
    width: fit-content;
}
.index_cnt4 .col2 .right .webgene-blog .dl .title {
    padding: 0.5em 2em;
    width: auto;
}
.index_cnt4 .col2 .right .webgene-blog .dl .title a {
    color: #000;
    text-decoration: none;
}


.index_cnt5 {
    padding: 12.5rem 0 25rem;
    background: url(/system_panel/uploads/images/index_cnt5_1.jpg) right top no-repeat;
    background-size: 25vw;
}
.index_cnt5 h3 {
    font-size: 14rem;
    font-weight: bold;
    color: #d3d5d8;
    margin: 0 0 7.5rem
        /*-17rem*/
        -3.33vw;
    width: fit-content;
}
.index_cnt5 h3::first-letter {
    color: #004d82;
}
.index_cnt5 h3 span {
    font-size: 3.3rem;
    color: #d0a4a3;
    content: "";
    display: block;
    text-align: right;
}
.index_cnt5 h3 span::before {
    content: "";
    width: 12rem;
    height: 0.1rem;
    background: #d0a4a3;
    display: inline-block;
    transform: rotate(-45deg);
    top: -3rem;
    position: relative;
}
.index_cnt5 .col2 {
    display: flex;
    justify-content: space-between;
}
.index_cnt5 .col2 .left {
    width: 30%;
}
.index_cnt5 .col2 .right {
    width: 70%;
}

.index_cnt5 .col2 .left .logo {
    width: 15.7rem;
}
.index_cnt5 .col2 .left .logo img {
    width: 100%;
}

.index_cnt5 .col2 .left p {
    font-size: 4.3rem;
    line-height: 1.67;
    color: #004d82;
}
.index_cnt5 .col2 .right {}
.index_cnt5 .col2 .right .dl {
    display: flex;
    /*margin: 0 0 4rem;*/
  margin: 4rem 0 4rem;
}
.index_cnt5 .col2 .right .dl .dt a{
color: #000;
}
.index_cnt5 .col2 .right .dl .dt {
    width: 25%;
    position: relative;
}
.index_cnt5 .col2 .right .dl .dt p::after {
    content: "▶";
    display: inline-block;
    position: absolute;
    right: 1em;
    color: #d0a4a3;
}
.index_cnt5 .col2 .right .dl .dd {
    width: 75%;
}
.index_cnt5 .col2 .right .dl .dd a {
    color: #000;
    text-decoration: none;
}

.index_cnt6 {
    padding: 29vw 0 0;
    background: url(/system_panel/uploads/images/index_cnt6_bg.jpg) center top no-repeat #0b3c95;
    background-size: 100%;
    margin: 0 0 20rem;
}
.index_cnt6 .inner {
    background: #fff;
    padding: 11rem 15rem 6rem;
    width: calc(120rem + 30rem);
    margin: auto calc(auto -15rem);
}
.index_cnt6 h3 {
    font-size: 14rem;
    font-weight: bold;
    color: #d3d5d8;
    margin: 0 0 5rem 0;
    width: fit-content;
}
.index_cnt6 h3::first-letter {
    color: #004d82;
}
.index_cnt6 h3 span {
    font-size: 3.3rem;
    color: #d0a4a3;
    content: "";
    display: block;
    text-align: right;
}
.index_cnt6 h3 span::before {
    content: "";
    width: 12rem;
    height: 0.1rem;
    background: #d0a4a3;
    display: inline-block;
    transform: rotate(-45deg);
    top: -3rem;
    position: relative;
}
.index_cnt6 .col2 {
    display: flex;
    justify-content: space-between;
}
.index_cnt6 .col2 .left {
    width: 50%;
}
.index_cnt6 .col2 .left .read {
    color: #004d82;
    font-size: 4.4rem;
}
.index_cnt6 .col2 .left p {
    line-height: 2.1;
}
.index_cnt6 .col2 .right {
    width: 50%;
}
.index_cnt6 .col2 .right [class^=button] {
    width: 45rem;
    float: right;
    margin: 0 0 1.5rem;
}
.index_cnt6 .col2 .right .buttonA-2 span {
    font-size: 3rem;
}
.index_cnt6 .col2 .right .buttonA-2 a::after {
    content: "";
}




/*about*/
.about .mainimg {
    background: url(/system_panel/uploads/images/about_mainimg.jpg) center no-repeat;
}
.about_cnt1 {
    margin: 0 0 20rem;
}
.about_cnt1 .inner {
    text-align: center;
    padding: 8rem 0 0;
}
.about_cnt1 .inner .nav2 {
    display: flex;
    justify-content: space-between;
    margin: 0 0 19rem;
}
.about_cnt1 .inner .nav2 .li {
    list-style: none;
}
.about_cnt1 .inner .nav2 .li a {
    color: #000;
    text-decoration: none;
}
.about_cnt1 .inner .nav2 .li a::after {
    content: "▼";
    margin: 0 0 0 1em;
}
.about_cnt1 h3 {
    margin: 0 auto 5rem;
}
.about_cnt1 p.read {
    font-size: 6rem;
    margin: 0 0 7rem;
    line-height: 1;
}

.about_cnt1 p {
    /*font-size: 2rem;*/
    line-height: 2.1;
}

.about_cnt2 {
    margin: 0 0 22rem;
    background: linear-gradient(30deg, #dde5e6 50%, #e6ebec 50%);
}
.about_cnt2 .inner {
    padding: 16rem 0 13rem;
}
.about_cnt2 .inner .grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem 6rem;
    margin: 0 0 8rem;
}
.about_cnt2 .inner .grid h4 {
    grid-column: 2/3;
    grid-row: 1/2;
    font-size: 4.8rem;
    align-self: flex-end;
}
.about_cnt2 .inner .grid .pic {
    grid-row: 1/3;
}
.about_cnt2 .inner .grid .pic img {
    width: 100%;
}
.about_cnt2 .inner .grid p {
    /*font-size: 2rem;*/
    line-height: 2.15;
}

.about_cnt2 .inner .grid:nth-of-type(even) h4 {
    grid-column: 1/2;
}
.about_cnt2 .inner .grid:nth-of-type(even) .pic {}


.about_cnt3 {
    margin: 0 0 35rem;
}
.about_cnt3 .col2 {
    display: flex;
    align-items: center;
}
.about_cnt3 .col2 .left {
    width: 50%;
}
.about_cnt3 .col2 .left img {
    width: calc(100% + 17rem);
    margin: 0 0 0 -17rem;
    transform: translate(-9rem, 0);
}
.about_cnt3 .col2 .right {
    width: 50%;
}
.about_cnt3 .col2 .right p {
    /*font-size: 2rem;*/
    line-height: 2.15;
}

.about_cnt4 {
    margin: 0 0 30rem;
}
.about_cnt4 .inner .dl {
    display: flex;
    padding: 2em 10rem;
}
.about_cnt4 .inner .dl:nth-of-type(even) {
    background: #e6ebec;
}
.about_cnt4 .inner .dt {
    width: 25%;
    position: relative;
    line-height: 2.15;
}
.about_cnt4 .inner .dt p::after {
    content: "▶";
    color: #d0a4a3;
    right: 2em;
    position: absolute;
}
.about_cnt4 .inner .dd {
    width: 75%;
    line-height: 2.15;
}
.about_cnt4 .inner .dd .li {
    line-height: 2.15;
}

.about_cnt5 {}
.about_cnt5 .inner .col2 {
    display: flex;
    justify-content: space-between;
}
.about_cnt5 .inner .col2 .dt {
    font-size: 3.3rem;
    color: #d0a4a3;
}
.about_cnt5 .inner .col2 .dd {
    line-height: 2.15;
}

.about_cnt5 iframe {
    width: 100%;
    height: 62rem;
}





/*works*/
.works .mainimg {
    background: url(/system_panel/uploads/images/works_mainimg.jpg) center no-repeat;
}

.works_cnt1 {
    margin: 0 0 20rem;
}
.works_cnt1 .inner {
    text-align: center;
    padding: 8rem 0 0;
}
.works_cnt1 .inner .webgene-blog {
    display: flex;
    gap: 10rem;
    justify-content: center;
    margin: 0 0 19rem;
}
.works_cnt1 .inner .webgene-blog .webgene-item {
    list-style: none;
}
.works_cnt1 .inner .webgene-blog :is(.webgene-header p a, .webgene-item a) {
    color: #000;
    text-decoration: none;
}
.works_cnt1 .inner .webgene-blog :is(.webgene-header p a, .webgene-item a)::after {
    content: "▼";
    margin: 0 0 0 1em;
}
.works_cnt2 h3 {
    margin: 0 0 10rem -3.33vw;
}
.works_cnt2 p.read {
    font-size: 6rem;
    margin: 0 0 7rem;
    line-height: 1;
}

.works_cnt2 p {
    /*font-size: 2rem;*/
    line-height: 2.1;
}

.works_cnt2 .inner .webgene-blog {
    display: grid;
    margin: 0 0 8rem;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8rem 3rem;
}
.works_cnt2 .inner .webgene-blog .webgene-item .dl {
    display: grid;
    gap: 1rem;
}
.works_cnt2 .inner .webgene-blog .webgene-item .dl .dt {
    font-size: 1.6rem;
    grid-row: 4/5;
    padding: 1rem;
    color: #fff;
    background: #f0be24;
    display: inline-block;
    width: fit-content;
}
.works_cnt2 .inner .webgene-blog .webgene-item .dl .dt p {
    line-height: 1;
}
.works_cnt2 .inner .webgene-blog .webgene-item .dl .dd {}
.works_cnt2 .inner .webgene-blog .webgene-item .dl .title {
    grid-row: 3/4;
    padding: 0 1rem;
}
.works_cnt2 .inner .webgene-blog .webgene-item .dl .title a {
    color: inherit;
    text-decoration: none;
}
.works_cnt2 .inner .webgene-blog .webgene-item .dl .pic {
    grid-row: 1/2;
    aspect-ratio: 1/1;
    overflow: hidden;
    display: grid;
    align-items: center;
    background: #efefef;
}
.works_cnt2 .inner .webgene-blog .webgene-item .dl .pic img {
    width: 100%;
}
.works_cnt2 .inner .webgene-blog .webgene-item .dl .day {
    font-size: 1.8rem;
    color: #f0be24;
    padding: 0 1rem;
    grid-row: 2/3;
}




/*worksdetail*/
.worksdetail .mainimg {
    background: url(/system_panel/uploads/images/works_mainimg.jpg) center no-repeat;
}

.worksdetail_cnt1 {
    margin: 0 0 20rem;
}
.worksdetail_cnt1 .inner {
    text-align: center;
    padding: 8rem 0 0;
}
.worksdetail_cnt1 .inner .webgene-blog {
    display: flex;
    gap: 10rem;
    justify-content: center;
    margin: 0 0 19rem;
}
.worksdetail_cnt1 .inner .webgene-blog .webgene-item {
    list-style: none;
}
.worksdetail_cnt1 .inner .webgene-blog :is(.webgene-header a, .webgene-item a) {
    color: #000;
    text-decoration: none;
}
.worksdetail_cnt1 .inner .webgene-blog :is(.webgene-header a, .webgene-item a)::after {
    content: "▼";
    margin: 0 0 0 1em;
}
.productdetail_cnt1 .inner .col2 .right .webgene-blog {
    height: inherit;
    display: flex;
    flex-wrap: wrap;
    padding: 0 10%;
    place-items: center;
    justify-content: space-between;
}
/*
.productdetail_cnt1 .inner .col2 .right .webgene-blog .webgene-item{}
.productdetail_cnt1 .inner .col2 .right .webgene-blog .webgene-item a{
    color: inherit;
    font-size: 1.8rem;
    text-decoration: underline;
}
*/
.worksdetail_cnt2 {
    margin: 0 0 15rem;
}
.worksdetail_cnt2 .inner {
    padding: 8rem 0 0;
}
.worksdetail_cnt2 .inner .webgene-blog .webgene-item {
    /*margin:0 0 8rem;*/
}
.worksdetail_cnt2 .inner .webgene-blog .webgene-item .dl {}
.worksdetail_cnt2 .inner .webgene-blog .webgene-item .dt {
    font-size: 1.8rem;
    color: #f0be24;
    display: inline-block;
    width: fit-content;
    margin: 0 2rem 5rem 0;
}
.worksdetail_cnt2 .inner .webgene-blog .webgene-item .cate {
    font-size: 1.6rem;
    background: #f0be24;
    color: #fff;
    padding: 0.5em 2em;
    display: inline-block;
    width: fit-content;
    margin: 0 4rem 5rem 0;
}
.worksdetail_cnt2 .inner .webgene-blog .webgene-item .title {
    font-size: 2.7rem;
    display: inline-block;
}
.worksdetail_cnt2 .inner .webgene-blog .webgene-item .cmt {
    line-height: 2.5;
    margin: 0 0 8rem;
}
.worksdetail_cnt2 .inner .webgene-blog .webgene-item .buttonA {
    margin: auto;
}
.worksdetail_cnt2 .inner .webgene-blog .webgene-item .buttonA a::after {
    content: "";
}
.worksdetail_cnt2 .inner .webgene-blog .webgene-item .buttonA a::before {
    content: "▶";
    transform: rotate(180deg);
    position: absolute;
    left: 1em;
    margin: -0.5rem 0 0 0;
}





/*news*/
.news .mainimg {
    background: url(/system_panel/uploads/images/news_mainimg.jpg) center no-repeat;
}

.news_cnt1 {
    margin: 0 0 20rem;
}
.news_cnt1 .inner {
    text-align: center;
    padding: 8rem 0 0;
}
.news_cnt1 .inner .webgene-blog {
    display: flex;
    gap: 10rem;
    justify-content: center;
    margin: 0 0 19rem;
}
.news_cnt1 .inner .webgene-blog .webgene-item {
    list-style: none;
}
.news_cnt1 .inner .webgene-blog .webgene-item a {
    color: #000;
    text-decoration: none;
}
.news_cnt1 .inner .webgene-blog .webgene-item a::after {
    content: "▼";
    margin: 0 0 0 1em;
}
.news_cnt2 h3 {
    margin: 0 0 10rem -3.33vw;
}
.news_cnt2 p.read {
    font-size: 6rem;
    margin: 0 0 7rem;
    line-height: 1;
}

.news_cnt2 p {
    /*font-size: 2rem;*/
    /*line-height: 2.1;*/
}

.news_cnt2 .inner .webgene-blog {
    /*padding:5.5rem 10rem;*/
    margin: 0 0 10rem;
}
.news_cnt2 .inner .webgene-blog .webgene-item .dl {
    display: grid;
    grid-template-columns: 17% 20% auto;
    padding: 2rem 0;
    align-items: center;
}
.news_cnt2 .inner .webgene-blog .webgene-item .dl .dt {
    width: fit-content;
    color: #d0a4a3;
    padding: 0.5em;
}
.news_cnt2 .inner .webgene-blog .webgene-item .dl .cate {
    width: fit-content;
    background: #d0a4a3;
    color: #fff;
    padding: 0.5em 2em;
}
.news_cnt2 .inner .webgene-blog .webgene-item .dl .title {
    padding: 0.5em;
}
.news_cnt2 .inner .webgene-blog .webgene-item .dl .title a {
    color: inherit;
    text-decoration: none;
}




/*newsdetail*/
.newsdetail .mainimg {
    background: url(/system_panel/uploads/images/news_mainimg.jpg) center no-repeat;
}
.newsdetail_cnt1 {
    margin: 0 0 20rem;
}
.newsdetail_cnt1 .inner {
    text-align: center;
    padding: 8rem 0 0;
}
.newsdetail_cnt1 .inner .webgene-blog {
    display: flex;
    gap: 10rem;
    justify-content: center;
    margin: 0 0 19rem;
}
.newsdetail_cnt1 .inner .webgene-blog .webgene-item {
    list-style: none;
}
.newsdetail_cnt1 .inner .webgene-blog .webgene-item a {
    color: #000;
    text-decoration: none;
}
.newsdetail_cnt1 .inner .webgene-blog .webgene-item a::after {
    content: "▼";
    margin: 0 0 0 1em;
}
.newsdetail_cnt2 h3 {
    margin: 0 0 10rem -3.33vw;
}
.newsdetail_cnt2 p.read {
    font-size: 6rem;
    margin: 0 0 7rem;
    line-height: 1;
}

.newsdetail_cnt2>p {
    /*font-size: 2rem;*/
    line-height: 2.1;
}
.newsdetail_cnt2 {
    margin: 0 0 10rem;
}
.newsdetail_cnt2 .inner {}
.newsdetail_cnt2 .inner .webgene-blog .webgene-item {
    /*margin:0 0 8rem;*/
}
.newsdetail_cnt2 .inner .webgene-blog .webgene-item .dl {}
.newsdetail_cnt2 .inner .webgene-blog .webgene-item .dt {
    font-size: 1.8rem;
    color: #d0a4a3;
    display: inline-block;
    width: fit-content;
    margin: 0 2rem 5rem 0;
}
.newsdetail_cnt2 .inner .webgene-blog .webgene-item .cate {
    font-size: 1.6rem;
    background: #d0a4a3;
    color: #fff;
    padding: 0.5em 2em;
    display: inline-block;
    width: fit-content;
    margin: 0 4rem 5rem 0;
}
.newsdetail_cnt2 .inner .webgene-blog .webgene-item .title {
    font-size: 2.7rem;
    display: inline-block;
}
.newsdetail_cnt2 .inner .webgene-blog .webgene-item .cmt {
    line-height: 2.5;
    margin: 0 0 8rem;
}
.newsdetail_cnt2 .inner .webgene-blog .webgene-item .buttonA {
    margin: auto;
}
.newsdetail_cnt2 .inner .webgene-blog .webgene-item .buttonA a::after {
    content: "";
}
.newsdetail_cnt2 .inner .webgene-blog .webgene-item .buttonA a::before {
    content: "▶";
    transform: rotate(180deg);
    position: absolute;
    left: 1em;
    margin: -0.5rem 0 0 0;
}





/*works & news共通*/
.webgene-pagination {
    display: flex;
    width: 100%;
    padding: 7rem 26.5%;
    align-content: center;
    justify-content: space-between;
    grid-column: 1/4;
}

.webgene-pagination :is(.prev, .next) {
    width: 3em;
    height: 3em;
    background: #cbd6c9;
    list-style: none;
}
.webgene-pagination :is(.prev a, .next a) {
    display: grid;
    justify-content: center;
    align-content: center;
    width: inherit;
    height: inherit;
    color: #fff;
    text-decoration: none;
    font-size: 1.8rem;
    font-weight: 500;
}
.webgene-pagination ul {
    display: flex;
    margin: auto;
}
.webgene-pagination ul li {
    font-size: 1.8rem;
}
.webgene-pagination ul .number {
    list-style: none;
    background: #cdcdcd;
    width: 3em;
    height: 3em;
    margin: 0 0.5em;
}
.webgene-pagination ul .number.selected {
    list-style: none;
    background: #004d82;
    width: 3em;
    height: 3em;
    margin: 0 0.5em;
}
/*.topics_cnt3 .ul .li a*/
.webgene-pagination ul .number a {
    display: grid;
    justify-content: center;
    align-content: center;
    width: inherit;
    height: inherit;
    color: #fff;
    text-decoration: none;
    font-size: 1.8rem;
    font-weight: 500;
}





/*service*/
.service .mainimg {
    background: url(/system_panel/uploads/images/service_mainimg.jpg) center no-repeat;
}
.service_cnt1 {
    margin: 0 0 8rem;
}
.service_cnt1 .inner {
    text-align: center;
    padding: 8rem 0 0;
}
.service_cnt1 .inner .nav2 {
    display: flex;
    gap: 10rem;
    justify-content: center;
}
.service_cnt1 .inner .nav2 .li {
    list-style: none;
}
.service_cnt1 .inner .nav2 .li a {
    color: #000;
    text-decoration: none;
}
.service_cnt1 .inner .nav2 .li a::after {
    content: "▼";
    margin: 0 0 0 1em;
}

.service_cnt2 {
    background:#e6ebec url(/system_panel/uploads/images/bg_line.png);
background-position:center;
background-blend-mode: multiply;
}
.service_cnt2 .inner {
    padding: 16rem 0 10rem;
}

.service_cnt2 .inner h3 {
    margin: 0 0 10rem -3.33vw;
}

.service_cnt2 .inner p {
    /*font-size: 2rem;*/
    line-height: 2.1;
}
.service_cnt2 .inner .window {
    background: #fff;
    padding: 10rem;
    margin: 0 0 10rem;
}

.service_cnt2 .inner .window p.read {
    font-size: 4rem;
    line-height: 1.65;
    margin: 0 0 5rem;
    position: relative;
}
.service_cnt2 .inner .window p.read::before {
    content: "";
    width: 16rem;
    height: 16rem;
    margin: auto;
    background: url(/system_panel/uploads/images/icon_genba.png) no-repeat center #f0be24;
    border-radius: 50%;
    top: -18rem;
    position: absolute;
    left: calc(50% - 8rem)
}
.service_cnt2 .inner .window .col2 {
    display: flex;
    gap: 4rem;
}
.service_cnt2 .inner .window .col2 .left {
    width: 50%;
}
.service_cnt2 .inner .window .col2 .left p {
    width: 100%;
}
.service_cnt2 .inner .window .col2 .left p img {
    width: 100%;
}
.service_cnt2 .inner .window .col2 .right {
    width: 50%;
}

.service_cnt2 .inner>.col2 {
    display: flex;
    gap: 4rem;
}

.service_cnt2 .inner>.col2 .left {
    width: 50%;
}
.service_cnt2 .inner>.col2 .left h4 {
    font-size: 4.4rem;
    color: #004d82;
    margin: 0 0 4rem;
}
.service_cnt2 .inner>.col2 .right {
    width: 50%;
}
.service_cnt2 .inner>.col2 .right p img {
    width: 100%;
}
.service_cnt3 {
    background: #f0be24 url(/system_panel/uploads/images/bg_line.png);
    padding: 10rem 0;
background-position:center;
background-blend-mode:soft-liten;
}
.service_cnt3 .inner {}


.service_cnt3 .inner .col2 {
    display: flex;
    gap: 4rem;
    flex-direction: row-reverse;
}
.service_cnt3 .inner .col2 .left {
    width: 70%;
}
.service_cnt3 .inner .col2 .left h4 {
    font-size: 4.4rem;
    color: #004d82;
    margin: 0 0 4rem;
}
.service_cnt3 .inner .col2 .left p {
    line-height: 2.1;
    margin: 0 0 5rem;
}
.service_cnt3 .inner .col2 .left .dl {
    display: flex;
    gap: 2rem;
    align-items: flex-start;
    margin: 0 0 4rem;
}

.service_cnt3 .inner .col2 .left .dl .dt {
    background: #dcab15;
    color: #fff;
    padding: 1.5rem 1.5em;
    width: 25%;
    text-align: center;
}
.service_cnt3 .inner .col2 .left .dl .dt p {
    display: inline;
    line-height: 1;
}

.service_cnt3 .inner .col2 .left .dl .dd {
    width: 75%;
    line-height: 1.75;
}
.service_cnt3 .inner .col2 .right {
    width: 30%;
    overflow: hidden;
    position: relative;
}
.service_cnt3 .inner .col2 .right p img {
    position: relative;
    right: 130%;
}
.service_cnt4 {
    padding: 12rem 0 24rem;
}
.service_cnt4 .inner {}
.service_cnt4 .inner h4 {
    font-size: 4.4rem;
    color: #004d82;
    margin: 0 0 5rem;
    text-align: center;
}
.service_cnt4 .inner .ol {
    display: flex;
    margin: 0 auto 25rem;
    gap: 5rem;
    justify-content: center;
}

.service_cnt4 .inner h3 {
    width: 70%;
}
.service_cnt4 .inner .ol .li {
    list-style: none;
    text-align: center;
    writing-mode: vertical-lr;
    border: 0.1rem solid #d0a4a3;
    width: 8rem;
    display: grid;
    place-items: center;
    position: relative;
    height: 31rem;
  background:#fff;
}
.service_cnt4 .inner .ol .li::after {
    content: "↓";
    color: #d0a4a3;
    display: block;
    transform: rotate(180deg);
    position: absolute;
    left: 10rem;
}
.service_cnt4 .inner .ol .color {
    background: #d0a4a3;
    color: #fff;
}
.service_cnt4 .inner .ol .li:last-of-type::after {
    content: "";
}

.service_cnt4 .inner .window {
    background: #f3f6f6;
    padding: 10rem;
    margin: 0 0 10rem;
}

.service_cnt4 .inner .window p.read {
    font-size: 4rem;
    line-height: 1.65;
    margin: 0 0 5rem;
    position: relative;
}
.service_cnt4 .inner .window p.read::before {
    content: "";
    width: 16rem;
    height: 16rem;
    margin: auto;
    background: url(/system_panel/uploads/images/icon_furniture.png) no-repeat center #f0be24;
    border-radius: 50%;
    top: -18rem;
    position: absolute;
    left: calc(50% - 8rem)
}
.service_cnt4 .inner .window p {
    line-height: 2.1;
}
.service_cnt4 .inner .window .col2 {
    display: flex;
    gap: 4rem;
}
.service_cnt4 .inner .window .col2 .left {
    width: 50%;
}
.service_cnt4 .inner .window .col2 .right {
    width: 50%;
}





/*worker*/
.worker .mainimg {
    background: url(/system_panel/uploads/images/worker_mainimg.jpg) center no-repeat;
}

.worker_cnt1 {
    margin: 0 0 20rem;
    background: url(/system_panel/uploads/images/worker_cnt1_bg.jpg) center top no-repeat;
}
.worker_cnt1 .inner {
    text-align: center;
    padding: 17rem 0 0;
}
.worker_cnt1 .inner h3 {
    margin: 0 auto 10rem;
}
.worker_cnt1 .inner>p {
    text-align: center;
    line-height: 2.1;
    margin: 0 0 30rem;
}
.worker_cnt1 .col2 {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    text-align: left;
    margin: 0 0 21rem;
}

.worker_cnt1 .col2:nth-of-type(even) {
    flex-direction: row-reverse;
}
.worker_cnt1 .col2 .left {
    width: 50%;
}
.worker_cnt1 .col2 .left .read {
    width:
        /*120rem*/
        53vw;
    font-size: 4.8rem;
    line-height: 1.625 !important;
    margin: 0 0 5rem;
    line-height: 1;
    position: relative;
    z-index: 2;
}
.worker_cnt1 .col2:nth-of-type(even) .left .read {
    margin: 0 0 5rem -10vw;
}
.worker_cnt1 .col2 .left p {
    /*font-size: 2rem;*/
    line-height: 2.1;
}
.worker_cnt1 .col2 .left .name {
    text-align: right;
    margin: 0 0 6rem;
}
.worker_cnt1 .col2 .left .dl {
    background: #e6ebec;
    width: calc(100% + 30rem);
    padding: 10rem 20rem 10rem 10rem;
    margin: 0 0 0 -10rem;
}
.worker_cnt1 .col2:nth-of-type(even) .left .dl {
    background: #e6ebec;
    width: calc(100% + 30rem);
    padding: 10rem 10rem 10rem 20rem;
    margin: 0 0 0 -20rem;
}
.worker_cnt1 .col2 .left .dl .dt p {
    font-size: 3.7rem;
    line-height: 1.9;
    color: #004d82;
    margin: 0 0 4rem;
}
.worker_cnt1 .col2 .left .dl .dt p::before {
    content: "Q.";
    font-size: inherit;
    font-weight: inherit;
}
.worker_cnt1 .col2 .left .dl .dd p {
    line-height: 2.1;
    margin: 0 0 9rem;
}
.worker_cnt1 .col2 .left .dl .dd:last-of-type p {
    line-height: 2.1;
    margin: 0;
}
.worker_cnt1 .col2 .right {
    width: calc(50% + 18rem);
    margin: 20rem -25rem 0 0;
    padding: 0 0 0 7rem;
}
.worker_cnt1 .col2:nth-of-type(even) .right {
    width: calc(50% + 18rem);
    margin: 20rem 0 0 -25rem;
    padding: 0 7rem 0 0;
}
.worker_cnt1 .col2 .right p {
    width: 100%;
}
.worker_cnt1 .col2 .right img {
    width: 100%;
}




/*contact*/

.contact .mainimg {
    background: url(/system_panel/uploads/images/contact_mainimg.jpg) center no-repeat;
}
.contact_cnt1 .inner {
    padding: 14rem 0;
}
.contact_cnt1 .inner h3 {}

.contact_cnt1 .inner .complete p {
    line-height: 2;
    margin: 0 0 2rem;
}
.contact_cnt1 .dl {
    width: 100%;
    display: flex;
}
.contact_cnt1 .dl .dt {
    width: 40%;
    padding: 1.6em;
    position: relative;
}
.contact_cnt1 .dl .dt::after {
    content: "▶";
    color: #d0a4a3;
    position: absolute;
    right: 1em;
}
.contact_cnt1 .dt .required {
    display: inline-block;
    background: #d0a4a3;
    padding: 0.5rem;
    color: #fff;
    ;
}
.contact_cnt1 .dl .dd {
    width: 60%;
    padding: 0.5em 0;
}
.contact_cnt1 .dl .dd .checkArea {
    display: grid;
    align-content: center;
}
.contact_cnt1 .dl .dd .checkArea div {
    padding: 0.5em 0;
}
.contact_cnt1 :is(input[type="text"], input[type="email"], textarea) {
    width: 100%;
}

.contact_cnt1 #msg {
    height: 25rem;
}
.contact_cnt1 input.zipInput {
    width: 40%;
}
.contact_cnt1 :is(input[type="text"], input[type="email"], input[type="checkbox"], textarea) {
    padding: 1em;
    border: 0.1rem solid #d0a4a3;
}
.contact_cnt1 input[type="checkbox"] {
    width: 4.6rem;
    height: 4.6rem;
    display: inline;
    vertical-align: middle;
}
.contact_cnt1 #zip1 {
    margin: 0 0 1em;
}
.contact_cnt1 select {}
.contact_cnt1 .dl .dd .selectArea {}
.contact_cnt1 .dl .dd .selectArea div {
    width: fit-content;
    display: inline-block;
}
.contact_cnt1 .terms {
    border: 0.1rem solid #d0a4a3;
    padding: 4rem;
    height: 62.5rem;
    overflow-y: scroll;
    margin: 0 0 5rem 0;
  background:#fff;
}
.contact_cnt1 .terms p {
    line-height: 2.35;
}
.contact_cnt1 .col {
    width: fit-content;
    margin: 0 auto 10rem;
}
.contact_cnt1 .privacyLabel {
    width: 100%;
    text-align: center;
    display: inline;
}
.contact_cnt1 button {
    margin: auto;
    color: #fff;
    cursor: pointer;
    border: none;
}
.contact_cnt2 .inner {
    padding: 14rem 0;
}
.contact_cnt2 .inner h3 {}
.contact_cnt2 .inner .col2 {
    display: flex;
}
.contact_cnt2 .inner .col2 .left {
    width: calc(50% + 15%);
    margin: 0 -15% 0 0;
}
.contact_cnt2 .inner .col2 .left p img {
    width: 100%;
}

.contact_cnt2 .inner .col2 .right {
    width: 50%;
    background: #fff;
    border: 0.1rem solid #d0a4a3;
    padding: 7.5rem 4.5rem;
    height: fit-content;
    margin: 20rem 0 0 0;
}
.contact_cnt2 .inner .col2 .right a {
    font-size: 4.745rem;
    color: #d0a4a3;
}




/*recruit*/
.recruit .mainimg {
    background: url(/system_panel/uploads/images/recruit_mainimg.jpg) center no-repeat;
}
.recruit_cnt1 {
    background: url(/system_panel/uploads/images/recruit_cnt1_bg.jpg) no-repeat;
    background-size: cover;
    margin: 0 0 23rem;
}
.recruit_cnt1 .inner {
    padding: 23rem 0 15rem;
}
.recruit_cnt1 .inner .read {
    font-size: 6rem;
    line-height: 1.5;
    margin: 0 0 6rem;
    width: 100%;
}
.recruit_cnt1 .inner p {
    line-height: 2.1;
    width: 50%;
}
/*
.recruit_cnt2 .inner{
    padding:14rem 0;
}
.recruit_cnt2 .inner h3{
}
.recruit_cnt2 .inner .col2{
    display: flex;
}
.recruit_cnt2 .inner .col2 .left{
    width:calc(50% + 15%);
    margin:0 -15% 0 0;
}
.recruit_cnt2 .inner .col2 .left p img{
    width: 100%;
}

.recruit_cnt2 .inner .col2 .right{
    width:50%;
    background:#fff;
    border: 0.1rem solid #d0a4a3;
    padding:7.5rem 4.5rem;
    height: fit-content;
    margin:20rem 0 0 0;
}
.recruit_cnt2 .inner .col2 .right a{
    font-size:4.745rem;
    color: #d0a4a3;
}
*/
.recruit_cnt2 {
    margin: 0 0 22rem;
}
.recruit_cnt2 .inner h3 {
    margin: 0 auto 7rem;
}
.recruit_cnt2 .inner>p {
    text-align: center;
    line-height: 2.1;
    margin: 0 0 10rem;
}
.recruit_cnt2 .inner .grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem 6rem;
    margin: 0 0 8rem;
}
.recruit_cnt2 .inner .grid h4 {
    grid-column: 2/3;
    grid-row: 1/2;
    font-size: 4.4rem;
    color: #004d82;
    align-self: flex-end;
}
.recruit_cnt2 .inner .grid .pic {
    grid-row: 1/3;
}
.recruit_cnt2 .inner .grid .pic img {
    width: 100%;
}
.recruit_cnt2 .inner .grid p {
    /*font-size: 2rem;*/
    line-height: 2.15;
}

.recruit_cnt3 {
    margin: 0 0 24rem;
}
.recruit_cnt3 .inner .dl {
    display: flex;
    padding: 1em 10rem;
    position: relative;
}
.recruit_cnt3 .inner .dl:nth-of-type(even) {
    background: #e6ebec;
    position: relative;
}
.recruit_cnt3 .inner .dt {
    width: 25%;
    line-height: 2.15;
}
.recruit_cnt3 .inner .dt p::after {
    content: "●";
    color: #d0a4a3;
    left: 12em;
    position: absolute;
}
.recruit_cnt3 .inner .dd {
    width: 75%;
    line-height: 2.15;
}
.recruit_cnt3 .inner .dd p::before {
    content: "";
    width: 0.1rem;
    height: 100%
        /* calc(100% + 2em)*/
    ;
    background: #d0a4a3;
    position: absolute;
    left: 12.5em;
    top: 2em;
    z-index: 2;
}
.recruit_cnt3 .inner .dl:last-of-type .dd p::before {
    content: "";
    height: 0;
}


.recruit_cnt4 {
    background: #e6ebec url(/system_panel/uploads/images/bg_line.png);
  background-position:center;
background-blend-mode: multiply;
  
}
.recruit_cnt4 .inner {
    padding: 16rem 0 14rem;
}
.recruit_cnt4 .inner h3 {
    margin: 0 0 7rem -3.33vw;
    line-height: 1.6;
}
.recruit_cnt4 .inner .env {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.5rem;
    align-content: center;
    margin: 0 0 10rem;
}
.recruit_cnt4 .inner .env .dl {
    display: grid;
    align-content: center;
    width: 100%;
    aspect-ratio: 1.625/1;
}
.recruit_cnt4 .inner .env .dt p {
    color: #fff;
    font-size: 4rem;
    margin: 0 0 4rem;
    text-align: center;
}
.recruit_cnt4 .inner .env .dd p {
    color: #fff;
    font-size: 6rem;
    font-weight: bold;
    text-align: center;
}
.recruit_cnt4 .inner .env .dd p span {
    font-size: 14rem;
}
.recruit_cnt4 .inner .env .rate {
    background: url(/system_panel/uploads/images/recruit_cnt4_1.jpg) no-repeat;
    background-size: cover;
}
.recruit_cnt4 .inner .env .holiday {
    background: url(/system_panel/uploads/images/recruit_cnt4_2.jpg) no-repeat;
    background-size: cover;
}
.recruit_cnt4 .inner .env .age {
    background: url(/system_panel/uploads/images/recruit_cnt4_3.jpg) no-repeat;
    background-size: cover;
}
.recruit_cnt4 .inner .env .overtime {
    background: url(/system_panel/uploads/images/recruit_cnt4_4.jpg) no-repeat;
    background-size: cover;
}

.recruit_cnt4 .inner .grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem 6rem;
    margin: 0 0 8rem;
}
.recruit_cnt4 .inner .grid h4 {
    grid-column: 2/3;
    grid-row: 1/2;
    font-size: 4.4rem;
    color: #004d82;
    align-self: flex-end;
    line-height: 1.5;
}
.recruit_cnt4 .inner .grid .pic {
    grid-row: 1/3;
}
.recruit_cnt4 .inner .grid .pic img {
    width: 100%;
}
.recruit_cnt4 .inner .grid p {
    /*font-size: 2rem;*/
    line-height: 2.15;
}

.recruit_cnt5 {
    margin: 0 0 24rem;
}
.recruit_cnt5 .inner {
    padding: 23rem 0 0;
}
.recruit_cnt5 .inner .dl {
    display: flex;
    padding: 2em 10rem;
}
.recruit_cnt5 .inner .dl:nth-of-type(even) {
    background: #e6ebec;
}
.recruit_cnt5 .inner .dt {
    width: 25%;
    position: relative;
    line-height: 2.15;
}
.recruit_cnt5 .inner .dt p::after {
    content: "▶";
    color: #d0a4a3;
    right: 2em;
    position: absolute;
}
.recruit_cnt5 .inner .dd {
    width: 75%;
    line-height: 2.15;
}
.recruit_cnt5 .inner .dd .li {
    line-height: 2.15;
}

.recruit_cnt6 .inner {
    padding: 14rem 0;
}
.recruit_cnt6 .inner h3 {}

.recruit_cnt6 .dl {
    width: 100%;
    display: flex;
}
.recruit_cnt6 .dl .dt {
    width: 40%;
    padding: 1.6em;
    position: relative;
}
.recruit_cnt6 .dl .dt::after {
    content: "▶";
    color: #d0a4a3;
    position: absolute;
    right: 1em;
}
.recruit_cnt6 .dt .required {
    display: inline-block;
    background: #d0a4a3;
    padding: 0.5rem;
    color: #fff;
    ;
}
.recruit_cnt6 .dl .dd {
    width: 60%;
    padding: 0.5em 0;
}
.recruit_cnt6 .dl .dd .checkArea {
    display: grid;
    align-content: center;
}
.recruit_cnt6 .dl .dd .checkArea div {
    padding: 0.5em 0;
}
.recruit_cnt6 .dl .dd .radioArea {
    display: flex;
    align-content: center;
    padding:
        /*1.1*/
        0.4em;
}
.recruit_cnt6 .dl .dd .radioArea div {
    display: inline-flex;
    align-items: center;
    margin: 0 2em 0 0;
}
.recruit_cnt6 input[type="radio"] {
    width: 5rem;
    height: 5rem;
}
.recruit_cnt6 :is(input[type="text"], input[type="email"], textarea) {
    width: 100%;
}
.recruit_cnt6 #msg {
    height: 25rem;
}
.recruit_cnt6 input.zipInput {
    width: 40%;
}
.recruit_cnt6 :is(input[type="text"], input[type="email"], input[type="checkbox"], textarea) {
    padding: 1em;
    border: 0.1rem solid #d0a4a3;
}
.recruit_cnt6 #age {
    width: 30%;
}
.recruit_cnt6 input[type="checkbox"] {
    width: 4.6rem;
    height: 4.6rem;
    display: inline;
    vertical-align: middle;
}
.recruit_cnt6 #zip1 {
    margin: 0 0 1em;
}
.recruit_cnt6 select {}
.recruit_cnt6 .dl .dd .selectArea {}
.recruit_cnt6 .dl .dd .selectArea div {
    width: fit-content;
    display: inline-block;
}
.recruit_cnt6 .terms {
    border: 0.1rem solid #d0a4a3;
    padding: 4rem;
    height: 62.5rem;
    overflow-y: scroll;
    margin: 0 0 5rem 0;
  background:#fff;
}
.recruit_cnt6 .terms p {
    line-height: 2.35;
}
.recruit_cnt6 .col {
    width: fit-content;
    margin: 0 auto 10rem;
}
.recruit_cnt6 .privacyLabel {
    width: 100%;
    text-align: center;
    display: inline;
}
.recruit_cnt6 button {
    margin: auto;
    color: #fff;
    cursor: pointer;
}

.square {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.square img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.instagram-title {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin-bottom: 30px;
}

.instagram-title img {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

.instagram-title h4 {
    margin: 0;
    font-size: 36px;
    font-weight: 700;
}
.index-instagram {
    padding-bottom: 25rem;
}
.instagram-list {
    margin-left: -5px;
    margin-right: -5px;
}
.instagram-list > div {
    padding-left: 5px;
    padding-right: 5px;
}
@media (max-width: 767px) {
.index-instagram {
    padding-bottom: 6rem;
}
    .instagram-title {
        gap: 8px;
        margin-bottom: 20px;
    }

    .instagram-title img {
        width: 32px;
        height: 32px;
    }

    .instagram-title h2 {
        font-size: 24px;
    }
      .instagram-list > div {
        margin-bottom: 10px;
    }
}