@charset "utf-8";

/*----------------------------------
campaign banner
----------------------------------*/

.block-grey__page {
	background: #EEEEEE;
	padding: 0 35px;
}
.title-great__big {
	font-size: 1.8rem;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	gap: 10px;
	font-weight: bold;
	color: #005747;
	padding: 28px 0;

}
.title-great__big img {
	height: 2rem;
	width: 2rem;
}
.item-great__content,
.item-great__content2 {
	padding: 1.3rem;
	background: #fff;
	border-radius: 2px;
	border: 1px solid #EEEEEE;
	box-shadow: 0px 0.6rem 1.2rem rgba(0, 0, 0, 0.15);
	display: block;
}
.item-great__title {
	padding-top: 1.4rem;
	padding-bottom: 1.1rem;
	font-size: 1.6rem;
	font-weight: bold;
	color: #0482BC;
	text-align: justify;
	display: block;
}

.item-great__page {
	font-size: 1.3rem;
	text-align: justify;
}

.item-margin__top {
	margin-top: 3rem;
}
.block-flex__great {
	padding-bottom: 3rem;
}
.block-tran__page {
	padding-top: 3.3rem;
}

@media screen and (min-width: 780px) {
    .title-great__big {
        font-size: 26px;
        padding: 50px 0;
    }
    .title-great__big img {
        height: 25px;
        width: 25px;
    }
    .item-great__title {
        padding-bottom: 8px;
        font-size: 16px;
    }
    .item-great__page {
        font-size: 13px;
    }
    .item-great__content {
        width: calc((100% - 60px) / 3);
        margin: 0;
        padding: 15px;
        box-sizing: border-box;
        box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15);
    }
    .item-great__content2 {
        width: calc((100% - 30px) / 2);
        margin: 0;
        padding: 15px;
        box-sizing: border-box;
        box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15);
    }
    .item-great__content:hover,
    .item-great__content2:hover {
        opacity: 0.7;
        cursor: pointer;
    }
    .item-great__content img,
    .item-great__content2 img {
        width: 100%;
        height: auto;
    }
    .block-flex__great {
        padding-bottom: 60px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 30px;
    }
    .item-margin__top {
        margin-top: 0;
    }
}

/* ---------------------------
campaign
--------------------------- */
.campaign-list {
	padding: 0 1.5rem;
}
.campaign-list .item-great__page {
	font-size: 1.4rem;
}

@media screen and (min-width: 780px) {
    .campaign-list {
        padding: 0 15px;
    }
}