@charset "utf-8";
.society .ui_white {
    padding: 0 0 70px;
}
.society .page_bnr{
    height: auto;
}
.society .page_bnr_flex p{
    color: #000000;
    text-align: center;
    font-size: 0.875rem;
}
.title_lv1-society {
    font-size: 1.875rem;
    color: var(--bland-color);
    text-align: center;
    margin-top: 60px;
    margin-bottom: 45px;
}
.society h2 {
    font-size: 2.25rem;
    color: var(--bland-color);
    margin-bottom: 0.5em;
}
.society h3 {
    color: var(--bland-color);
    font-size: 1.875rem;
    text-align: center;
    margin: 55px auto 30px;
}
.society_list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.society_list .ui_list_item {
    width: calc(100% / 3 - 14px);
    margin-bottom: 25px;
}
.society_list .ui_list_item > div {
    height: 100%;
    background: #ffffff;
    margin: 0;
}
.society .ui_btn_linear {
    width: 100%;
    max-width: 382px;
    margin-top: 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) { /*SP*/
    .page_main_in {
        margin: 0 4vw;
    }
    .society .page_bnr_flex p {
        line-height: 1.8;
    }
    .title_lv1-society {
        font-size: 1.437rem;
        margin-top: 0;
        margin-bottom: 45px;
    }
    .society h2 {
        font-size: 1.437rem
    }
    .society h3 {
        font-size: 1.25rem;
        line-height: 1.4;
        margin-top: 1.5em;
        margin-bottom: 1.5em;
    }
    .society_list {
        flex-direction: column;
        width: 92%;
        margin: auto;
    }
    .society_list_item {
        width: 90%;
    }
    .society_list .ui_list_item {
        width: 100%;
        margin-bottom: 0;
    }
    .ui_btn_linear {
        height: 54px;
        font-size: 0.875rem;
    }
    .ui_btn_linear::after {
        right: 20px;
    }
}
.relative {
    position: relative;
    background: transparent;
}
[class *= "cirs"] {
    z-index: -1;
}
.cirs01 {
    position: absolute;
    left: calc(50% + 632px);
    top: 285px;
    width: 300px;
    height: 300px;
    border-radius: 160px;
    background: #e2f6ff;
}
.cirs02 {
    position: absolute;
    right: calc(50% + 553px);
    top: 228px;
    width: 110px;
    height: 110px;
    border-radius: 110px;
    background: #c9edff;
}
.cirs03 {
    position: absolute;
    right: calc(50% - 611px);
    top: 715px;
    width: 60px;
    height: 60px;
    border-radius: 110px;
    background: #a1dffb;
}
.cirs04 {
    position: absolute;
    right: calc(50% + 507px);
    top: 850px;
    width: 500px;
    height: 500px;
    border-radius: 300px;
    background: #e2f6ff;
}
.cirs05 {
    position: absolute;
    right: calc(50% - 770px);
    top: 1220px;
    width: 250px;
    height: 250px;
    border-radius: 250px;
    background: #e2f6ff;
}

@media only screen and (min-width: 0) and (max-width: 767px) { /*SP*/
    .cirs01 {
        position: absolute;
        right: calc(50% + 39vw);
        left: auto;
        top: 576px;
        width: 14.6vw;
        height: 14.6vw;
        border-radius: 14.6vw;
        background: #c9edff;
    }
    .cirs02 {
        position: absolute;
        left: calc(50% + 30vw);
        top: 751px;
        width: 33vw;
        height: 33vw;
        border-radius: 33vw;
        background: #e2f6ff;
    }
    .cirs03 {
        position: absolute;
        left: calc(50% - 60vw);
        top: 1126px;
        width: 33vw;
        height: 33vw;
        border-radius: 33vw;
        background: #e2f6ff;
    }
    .cirs04 {
        position: absolute;
        right: calc(50% - 60vw);
        top: 1535px;
        width: 33vw;
        height: 33vw;
        border-radius: 33vw;
        background: #e2f6ff;
    }
    .cirs05 {
        position: absolute;
        left: calc(50% - 88vw);
        top: 1976px;
        width: 66vw;
        height: 66vw;
        border-radius: 66vw;
        background: #e2f6ff;
    }
}
/* == カテゴリーボタンリスト == */
.society_cat_list {
    display: flex;
    align-items: center;
    margin-bottom: 35px;
	flex-wrap: wrap;
	gap: 10px;
    margin: 60px auto;
}
.society_cat_list li {
    width: calc(100% / 5);
    max-width: 172px;
}
.society_cat_list li a {
    text-align: center;
	display: block;
}
@media not all and (min-resolution:.001dpcm) {
	@supports (not (translate: none)) {
        .society_cat_list li{
            margin-right: 10px;
            margin-bottom: 10px;
        }
        .society_cat_list li:nth-child(5n){
            margin-right: 0;
        }
	}
}
@media only screen and (min-width: 0) and (max-width: 767px) { /*SP*/
    .society_cat_list li {
        width: calc(100% / 3 - 7px);
        max-width: none;
    }
    .society_cat_list li a {
		padding: 0;
		height: 45px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
}
@media not all and (min-resolution:.001dpcm) {
	@supports (not (translate: none)) {
        @media only screen and (min-width: 0) and (max-width: 767px) {
            .society_cat_list li:nth-child(3n){
                margin-right: 0;
            }
            .society_cat_list li:nth-child(5n){
                margin-right: 10px;
            }
        }
    }
}



/* /business H1 Renewal */
.solution .page_bnr {
  background-image: none;
}