@charset "utf-8";

/* --------------------------------------
 基本設定
-------------------------------------- */
:root {
	--key-color: #ef0041;
	--text-color: #333;
	--text-letter-spacing: 0;
	--common-trans: 0.2s ease;
	--common-opacity: 0.6;
	--scrollbar: 0;
}
.lx_sus_tit3 {
    margin-top: 60px;
}
.lx_sus_tit3 + .lx_top_bnrStyle {
    margin-top: 0;
}
#sharewithmain .lx_s-top_initiativesWrap {
    background: url("../../resources/sw_img/bg/s-top_pointBg.jpg") no-repeat center / cover;
    padding-top: 60px;
    padding-bottom: 60px;
    margin-top: 60px;
    margin-bottom: 60px;
}
#sharewithmain .lx_s-top_initiativesWrap > .column {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0 20px;
}
#sharewithmain .lx_s-top_initiativesWrap > .column > .title2 {
    width: 100%;
    font-size: 3.4rem;
    font-weight: 700;
    background: none;
    border-radius: 0;
    text-align: center;
    margin: 0;
    padding: 0;
}
#sharewithmain .lx_s-top_initiativesWrap .panel.has-img.style1 {
    width: calc((100% * var(--mainarea-base) - 2 * var(--column-side-margin)) / 3);
    max-width: calc((var(--mainarea-width) - 2 * var(--column-side-margin)) / 3);
    background: #fff;
    border-radius: 20px;
    padding: 30px 20px;
    margin-top: 30px;
}
#sharewithmain .lx_s-top_initiativesWrap .panel.has-img.style1 a {
    border: none;
}
#sharewithmain .lx_s-top_initiativesWrap .panel.has-img.style1 a::after {
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    z-index: 1;
}
#sharewithmain .lx_s-top_initiativesWrap .panel.has-img.style1 .text {
    margin-top: 40px;
    background: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1em;
    /* padding: 15px calc(30px + 1em) 15px 30px; */
    color: var(--key-color);
    font-weight: 700;
    font-size: 2rem;
    padding: 0;
}
#sharewithmain .lx_s-top_initiativesWrap .panel.has-img.style1 .text .icon_front {
    position: relative;
}
#sharewithmain .lx_s-top_initiativesWrap .panel.has-img.style1 .text .icon_rear {
    display: none;
}
#sharewithmain .lx_s-top_initiativesWrap .panel.has-img.style1 .text + figure img {
    width: auto;
}
#sharewithmain .lx_s-top_initiativesWrap .panel:not(.has-img) {
    width: calc((100% * var(--mainarea-base) - 2 * var(--column-side-margin)) / 3);
    max-width: calc((var(--mainarea-width) - 2 * var(--column-side-margin)) / 3);
}
@media screen and (max-width: 768px) {
    #sharewithmain .lx_s-top_initiativesWrap .panel.has-img.style1 {
        width: 100%;
        max-width: var(--mainarea-width);
    }
    #sharewithmain .lx_s-top_initiativesWrap .panel:not(.has-img) {
        width: 100%;
        max-width: var(--mainarea-width);
    }
}

.lx_sus_bnr .column2 .panel.has-img.style1 a {
	border: 1px solid #ccc;
	flex-direction: row;
	align-items: center;
	position: relative;
    min-height: 115px;
}
.lx_sus_bnr .column2 .panel.has-img.style1 a::after {
	width: 32px;
	height: 32px;
	background: linear-gradient(0.375turn, #fff 0%,#fff 50%,var(--key-color) 50%, var(--key-color) 100%);
	content: "";
	position: absolute;
	display: inline-block;
	bottom: 5px;
	right: 5px;
}
.lx_sus_bnr .column2 .panel.has-img.style1 a > .text {
	width: 50%;
    font-size: 1.6rem;
	background: transparent;
	font-weight: 700;
}
.lx_sus_bnr .column2.multiColumn1 .panel.has-img.style1 a > .text {
	padding-left: 50px;
	font-size: 2.4rem;
}
.lx_sus_bnr .column2 .panel.has-img.style1 a > .text .icon_rear {
	display: none;
}
.lx_sus_bnr .column2 .panel.has-img.style1 a > figure {
	width: 50%;
}
.lx_sus_bnr .column2.multiColumn2 .panel.has-img.style1 a > .text {
	width: 51.2%;
	font-size: 1.6rem;
}
.lx_sus_bnr .column2.multiColumn2 .panel.has-img.style1 a > figure {
	width: 48.8%;
}
.lx_sus_bnr .column2 .panel.has-img.style1 .icon_front {
	display: none;
}
.lx_sus_bnr .column1 .panel.has-img.style1 a + p {
    display: none;
}
.lx_sus_bnr .column1 .panel.has-img.style1 figcaption {
    display: block;
    position: absolute;
    top: 15%;
    left: 20px;
    font-size: 2.2rem;
    font-weight: 700;
}
.lx_sus_bnr .column1 .panel.has-img.style1 .text {
    position: absolute;
    bottom: 15%;
    left: 20px;
    padding: 0;
    background: none;
    z-index: 1;
    font-size: 1.8rem;
    font-weight: 700;
}

.lx_sus_bnr .column1 .panel.has-img.style1 .icon_rear {   
    position: relative;
    margin: auto;
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    height: 35px;
    background: #fff url("../../resources/sw_img/icon/icon_arr01_red.svg") no-repeat center center / 12px 12px;
    border-radius: 50%;
    inset: 0;
}

.lx_sus_bnr .column1 .panel.has-img.style1 .icon_front {
    display: none;
}
@media screen and (max-width: 768px) {
    .lx_sus_bnr .column1 .panel.has-img.style1 figcaption {
        font-size: 1.8rem;
    }
	/* .lx_sus_bnr .column2 .panel.has-img.style1 a > figure {
		width: 48.8%;
		aspect-ratio: 58 / 23;
	}
	.lx_sus_bnr .column2 .panel.has-img.style1 a > figure > img {
		height: 100%;
		object-fit: cover;
		object-position: center;
	} */
    .lx_sus_bnr .column2 .panel.has-img.style1 a {
        min-height: 80px;
    }
	.lx_sus_bnr .column2.multiColumn1 .panel.has-img.style1 a > .text {
		/* width: 51.2%; */
		font-size: 1.6rem;
		padding: 15px 30px;
	}
}
@media screen and (max-width: 500px) {
	.lx_sus_bnr .column2.multiColumn1 .panel.has-img.style1 a > .text,
	.lx_sus_bnr .column2.multiColumn2 .panel.has-img.style1 a > .text {
		font-size: 1.4rem;
		padding-top: 0;
		padding-bottom: 0;
	}
}
.lx_top_sitemapStyle {
	margin-top: 0;
}
.lx_top_sitemapStyle + .lx_top_sitemapStyle {
    margin-top: 80px;
}
@media screen and (max-width: 768px) {
    .lx_top_sitemapStyle + .lx_top_sitemapStyle {
        margin-top: 0;
    }
}
#sharewithmain .lx_sus_slide .panel {
    margin-top: 40px;
}
#sharewithmain .lx_sus_slide.ux_slick_multi3_tile .arrow-dots {
    gap: 10px 20px;
}
#sharewithmain .lx_sus_slide.ux_slick_multi3_tile .slick-dots {
    gap: 10px 20px;
}
#sharewithmain .lx_sus_slide.ux_slick_multi3_tile .basic-list2.thumnail .slick-track {
    gap: 20px;
    display: flex;
}
#sharewithmain .lx_sus_slide.ux_slick_multi3_tile .basic-list2.thumnail .slick-slide {
    margin: 0;
}
#sharewithmain .lx_sus_slide.ux_slick_multi3_tile .slick-dots li button {
    width: 16px;
    height: 16px;
    border: 1px solid #ddd;
    background: #ddd;
}
#sharewithmain .lx_sus_slide.ux_slick_multi3_tile .slick-dots li.slick-active button {
    border: 1px solid var(--key-color);
    background: var(--key-color);
}
#sharewithmain .lx_sus_slide.ux_slick_multi3_tile .slick-prev,
#sharewithmain .lx_sus_slide.ux_slick_multi3_tile .slick-next {
    background: url("../../resources/sw_img/slide/card-arrow2.svg") no-repeat center / contain;
    width: 35px;
    height: 35px;
}
#sharewithmain .lx_sus_slide.ux_slick_multi3_tile .basic-list2.thumnail li.lazy .item > span::before,
#sharewithmain .lx_sus_slide.ux_slick_multi3_tile .basic-list2.thumnail li.lazy .item > a::before,
#sharewithmain .lx_sus_slide.ux_slick_multi3_tile .basic-list2.thumnail li.no-img .item > span::before,
#sharewithmain .lx_sus_slide.ux_slick_multi3_tile .basic-list2.thumnail li.no-img .item > a::before,
#sharewithmain .lx_sus_slide.ux_slick_multi3_tile .basic-list2.thumnail .item .n_img {
    background-size: cover;
    aspect-ratio: 261 / 124;
    margin-bottom: 15px;
}
#sharewithmain .lx_sus_slide.ux_slick_multi3_tile .slick-prev,
#sharewithmain .lx_sus_slide.ux_slick_multi3_tile .slick-next {
    top: 75px;
}

#sharewithmain .lx_sus_slide.ux_slick_multi3_tile .basic-list2.thumnail .item .c_icon {
    position: relative;
    inset: auto;
    display: inline-block;
}
#sharewithmain .lx_sus_slide.ux_slick_multi3_tile .basic-list2.thumnail .item .date {
    position: relative;
    inset: auto;
    vertical-align: top;
    margin-right: 10px;
    display: inline-block;
    font-size: 1.6rem;
    font-weight: bold;
}
#sharewithmain .lx_sus_slide.ux_slick_multi3_tile .basic-list2.thumnail .item .c_icon span {
    font-size: 1.4rem;
    color: #fff;
    font-weight: 700;
    padding: 0 20px;
    background: #888;
    border-radius: 100rem;
    margin-top: 3px;
}
#sharewithmain .lx_sus_slide.ux_slick_multi3_tile .basic-list2.thumnail .item .news_tx {
    display: block;
    font-size: 1.8rem;
    position: relative;
    margin-top: 15px;
    line-height: 1.6;
}
#sharewithmain .lx_sus_slide.ux_slick_multi3_tile .basic-list2.thumnail .item .news_tx::before {
    content: "";
    position: relative;
    top: 2px;
    left: 2px;
    display: inline-block;
    width: 10px;
    height: 16px;
    background: url("../../resources/sw_img/icon/icon_arr01.svg") no-repeat left center / contain;
    transition: var(--common-trans);
    padding-right: 20px;
}