@charset "utf-8";

/* ==================================================
contents
================================================== */

/* 共通
============================== */
/* 見出し */
.sec_title {
    display: block;
    margin-bottom: 42px;
}
.sec_title.center {
    text-align: center;
}
.sec_title h2 {
    display: inline-block;
    padding: 10px 0 0 55px;
    background-color: transparent;
    background-image: url("/shared/templates/datsutanso_top/images/ttl_icon_lgr.png");
    background-repeat: no-repeat;
    background-size: auto 45px;
    background-position: left top;
    color: #00735f;
    line-height: 1.2;
    font-size: 189%;
    font-weight: 600;
    position: relative;
}

/* サブ見出し */
.sec_en_title {
    display: inline-block;
    margin: 0 0 26px 0;
    line-height: 1.2;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 889%;
    font-weight: 600;
}

/* ボタン */
.btn_default.center,
.btn_outline.center {
    text-align: center;
}
.btn_default {
    margin-top: 40px;
}
.btn_default a,
.btn_outline a {
    display: inline-block;
    padding: 18px 57px 15px 27px;
    text-decoration: none;
    font-size: 89%;
    font-weight: 600;
    border-radius: 99em;
    box-sizing: border-box;
    box-shadow: 0px 2px 7.6px 0.4px rgba(91, 95, 100, 0.2);
    position: relative;
    transition-duration: 0.3s;
    z-index: 1;
}
.btn_default a {
    background-color: #007f69;
    color: #ffffff;
}
.btn_outline a {
    background-color: #ffffff;
    border: 1px solid #007f69;
    color: #007f69;
}
#tmp_wrapper .btn_default a::after,
#tmp_wrapper .btn_outline a::after {
    box-sizing: content-box;
}
.btn_default a::after,
.btn_outline a::after {
    display: block;
    content: "";
    width: 8px;
    height: 8px;
    border: 8px solid;
    border-radius: 50%;
    color: inherit;
    position: absolute;
    top: 50%;
    right: 23px;
    transform: translateY(-50%);
}
.btn_default a::after {
    background-color: #68be2f;
    border-color: #ffffff;
}
.btn_outline a::after {
    background-color: #68be2f;
    border-color: #e2f0d9;
}
.btn_default a:hover,
.btn_outline a:hover,
.btn_default a:focus,
.btn_outline a:focus {
    text-decoration: underline;
}

/* メインビジュアル
================================================== */
.sec_mainvisual .pc_img {
    display: inline-block;
}
.sec_mainvisual .sp_img {
    display: none;
}
.sec_mainvisual .main_wrap {
    max-width: 1600px;
    margin: 0 auto;
    padding: 70px 0 0 0;
    background-image: url(/shared/templates/datsutanso_top/images/main_pc.png);
    background-repeat: no-repeat;
    background-position: center top -44px;
}
.sec_mainvisual .main_img {
    margin-bottom: 192px;
    text-align: center;
}
.sec_mainvisual .main_img img {
    height: auto;
}

.sec_mainvisual .appeal_list {
    display: flex;
    justify-content: center;
    gap: 0 48px;
}
.sec_mainvisual .appeal_item:nth-child(odd) {
    margin-top: 72px;
}
.sec_mainvisual .appeal_item img {
    height: auto;
}

/* 千葉市脱炭素先行地域とは
================================================== */

.sec_about {
    padding: 113px 0 35px;
}
.sec_about .sec_title {
    margin-bottom: 45px;
}
.sec_about .about_cnt {
    display: flex;
    gap: 0 35px;
}
.sec_about .about_dec {
    width: 50%;
}
.sec_about .about_dec > p {
    line-height: 2;
    font-weight: 600;
}
.sec_about .about_img {
    width: 47%;
    padding-top: 13px;
}
.sec_about .pc_img {
    display: inline-block;
}
.sec_about .sp_img {
    display: none;
}
.sec_about .about_img img {
    height: auto;
}

.sec_about .btn_default {
    margin-top: 30px;
}
.sec_about .btn_default a,
.sec_news .btn_default a {
	border: 1px solid #007f69;
}

.sec_about .btn_default a {
    padding: 11px 63px 11px 8px;
}
.sec_about .btn_default a::after {
    right: 14px;
}

.sec_memberlist .memberlist_txt {
	color: #222222;
	text-align: center;
	margin-bottom: 40px;
}
.sec_memberlist img {
	height: auto;
}

/* お知らせ一覧
================================================== */
.sec_news {
    padding: 38px 0 127px;
}
.sec_news .sec_title h2 {
    margin-left: -56px;
}
.sec_news .news_list {
    margin-left: 0;
    list-style: none;
}
.sec_news .news_list .news_item {
    display: flex;
    gap: 10px 70px;
    padding: 28px 0 27px;
    border-bottom: 1px solid #b0e6db;
}
.sec_news .news_list .news_item:first-child {
    padding-top: 9px;
}
.sec_news .news_list .news_item a {
    display: inline-block;
    flex: 1;
    padding: 0 0 0 28px;
    text-decoration: none;
    color: #222;
    font-weight: 600;
    font-size: 89%;
    background-color: transparent;
    transition: all 0.2s ease-out;
}
.sec_news .news_list .news_item a:hover,
.sec_news .news_list .news_item a:focus {
    text-decoration: underline;
}
.sec_news .news_list .day {
    display: inline-block;
    min-width: 70px;
    color: #007f69;
    background-color: transparent;
}

.sec_news .btn_default a {
    max-width: 286px;
    width: 100%;
    padding: 14px 54px 14px 17px;
    text-align: left;
}
.sec_news .btn_default a::after {
    right: 16px;
}

/* スライダーコンテンツ
================================================== */
.slider_cnt_list {
    margin-bottom: 200px;
    padding-top: 115px;
}
.slider_cnt_list .slider_cnt {
    max-width: 1600px;
    margin: 0 auto 242px;
}
.slider_cnt_list .slider_cnt:last-child {
    margin-bottom: 0;
}
.slider_cnt_list .container {
    position: relative;
}
.slider_cnt_list .slider_cnt:nth-child(odd) .container {
    margin-left: 0;
}
.slider_cnt_list .slider_cnt:nth-child(even) .container {
    margin-right: 0;
}
.slider_cnt_list .slider_cnt:nth-child(odd) .sec_wrap,
.slider_cnt_list .slider_cnt:nth-child(even) .sec_wrap {
    max-width: 91.2%;
    padding: 13px 0 70px 47px;
    position: relative;
}
.slider_cnt_list .slider_cnt:nth-child(odd) .sec_wrap {
    margin-left: auto;
    padding-left: 47px;
    background-color: #e2f0d9;
    border-top-left-radius: 141px;
    border-bottom-left-radius: 141px;
    color: inherit;
}
.slider_cnt_list .slider_cnt:nth-child(even) .sec_wrap {
    margin-right: auto;
    padding-right: 47px;
    background-color: #dbf7f3;
    border-top-right-radius: 141px;
    border-bottom-right-radius: 141px;
    color: inherit;
}

/* スライダー
================================================== */
.slider_cnt_list .slider_wrap {
    margin: 0 -10px;
    max-width: 1220px;
    overflow: hidden;
}
.slider_cnt_list .splide {
    display: flex;
    flex-direction: column-reverse;
    gap: 30px 0;
}
.slider_cnt_list .splide .splide__track {
    padding-top: 115px;
    overflow: visible;
}
.slider_cnt_list .thumbnail_item .thumbnail_inner {
    position: relative;
    transform: scale(0.65);
    transition: 0.3s all ease-in-out;
    max-width: 480px;
}
.slider_cnt_list .thumbnail_item.is-active .thumbnail_inner {
    transform: scale(1);
}
.slider_cnt_list .thumbnail_item .thumbnail_inner:before {
    content: "";
    display: block;
    width: 55px;
    height: 67px;
    background-image: url(/shared/templates/datsutanso_top/images/icon_slide.png);
    background-repeat: no-repeat;
    background-size: auto 50px;
    background-position: center;
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}
.slider_cnt_list .thumbnail_item.is-active .thumbnail_inner:before {
    width: 125px;
    height: 108px;
    background-image: url(/shared/templates/datsutanso_top/images/icon_slide_active.png);
    background-size: auto 108px;
    top: -94px;
    left: 47%;
    transform: translateX(-47%);
    z-index: 1;
}
.slider_cnt_list .thumbnail_item .thumbnail_img {
    display: block;
    /* max-width: 480px; */
    background-color: #ffffff;
    color: inherit;
}
.slider_cnt_list .thumbnail_item img {
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    height: 320px;
}
.slider_cnt_list .splide__controls {
    justify-content: center;
}

.no_javascript .splide__slide {
    visibility: visible;
}
.no_javascript .splide__list {
    gap: 30px;
}
.no_javascript .slider_cnt_list .slider_wrap {
    overflow-x: auto;
}
.no_javascript .slider_cnt_list .thumbnail_item .thumbnail_inner {
    transform: scale(1);
}

/* スライダー タイトル
================================================== */
.slider_cnt_list .sec_title {
    display: inline-block;
    width: max-content;
    max-width: 100%;
    margin-bottom: 0;
    position: absolute;
    top: -2.5em;
	z-index: 1;
}
.slider_cnt_list .sec_title h2 {
    padding: 12px 0 0 58px;
    background-image: url(/shared/templates/datsutanso_top/images/ttl_icon_dgr.png);
    background-size: auto 48px;
}
.slider_cnt_list .slider_cnt:nth-child(odd) .sec_title {
    left: 46%;
    transform: translateX(-46%);
}
.slider_cnt_list .slider_cnt:nth-child(even) .sec_title {
    left: 50%;
    transform: translateX(-50%);
}

/* スライダー 背景タイトル
================================================== */
.slider_cnt_list .sec_en_title {
    display: block;
    margin: 0;
    padding: 0;
    line-height: 0;
    font-size: 0;
    position: absolute;
	z-index: -1;
}
.slider_cnt_list .sec_en_title img {
    height: auto;
}
.slider_cnt_list .slider_cnt:nth-child(odd) .sec_en_title {
    top: -21%;
    right: 0.5%;
}
.slider_cnt_list .slider_cnt:nth-child(even) .sec_en_title {
    top: -22%;
    left: 1.5%;
}

/* スライダー ボタン
================================================== */
.slider_cnt_list .slider_cnt:nth-child(odd) .btn_outline {
    position: absolute;
    right: 10px;
    bottom: -5.4em;
}
.slider_cnt_list .slider_cnt:nth-child(even) .btn_outline {
    position: absolute;
    right: 11px;
    bottom: -5.4em;
}
.slider_cnt_list .slider_cnt:nth-child(odd) .btn_outline a,
.slider_cnt_list .slider_cnt:nth-child(even) .btn_outline a {
    padding: 14px 56px 13px 18px;
}
.slider_cnt_list .slider_cnt:nth-child(odd) .btn_outline a::after,
.slider_cnt_list .slider_cnt:nth-child(even) .btn_outline a::after {
    right: 13px;
}

/* 千葉市脱炭素先行地域の主な取組み
================================================== */
.sec_initiatives .sec_wrap::before {
    content: "";
    display: block;
    width: 311px;
    height: 182px;
    background-image: url(/shared/templates/datsutanso_top/images/initiatives_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    left: 53px;
    bottom: -39px;
}
#tmp_initiatives_carousel .thumbnail_inner {
    padding-bottom: 5px;
}
#tmp_initiatives_carousel .thumbnail_inner > a {
    display: block;
    text-decoration: none;
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 0px 2px 7.6px 0.4px rgba(91, 95, 100, 0.2);
}
#tmp_initiatives_carousel .thumbnail_inner > a:hover .thumbnail_title {
    text-decoration: underline;
}

#tmp_initiatives_carousel .thumbnail_item.is-active .thumbnail_title {
    padding: 20px 21px 14px;
    font-size: 100%;
}

#tmp_initiatives_carousel .thumbnail_title {
    display: block;
    padding: 18px 28px 15px;
    background-color: #016436;
    color: #ffffff;
    font-size: 120%;
    font-weight: 600;
}

.no_javascript .slider_cnt_list .sec_initiatives .slider_wrap {
    margin-bottom: 100px;
}

/* その他の脱炭素に向けた千葉市の取組み
================================================== */
.slider_cnt_list .sec_others .thumbnail_item .thumbnail_inner {
    transform: scale(0.67);
}
.slider_cnt_list .sec_others .thumbnail_item.is-active .thumbnail_inner {
    transform: scale(1);
}
.slider_cnt_list .sec_others .thumbnail_item:not(.is-active) .thumbnail_inner:before {
    top: -44px;
}
.sec_others .sec_wrap::before {
	content: "";
    display: block;
    /* width: 240px; */
    width: 147px;
    /* height: 185px; */
    height: 189px;
    background-image: url(/shared/templates/datsutanso_top/images/others_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: -88px;
    left: 8px;
}
.sec_others .thumbnail_item {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 380px;
}

/* 1,4,7,10... */
.sec_others .thumbnail_item:nth-child(3n+1) .thumbnail_inner::after {
    content: "";
    display: block;
    width: 150px;
    height: 150px;
    background-image: url(/shared/templates/datsutanso_top/images/text_slide_icon01.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: -24px;
    right: -43px;
}

/* 2,5,8,11... */
.sec_others .thumbnail_item:nth-child(3n+2) .thumbnail_inner::after {
    content: "";
    display: block;
    width: 158px;
    height: 158px;
    background-image: url(/shared/templates/datsutanso_top/images/text_slide_icon02.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    left: -64px;
    bottom: -2px;
}

/* 3,6,9,12... */
.sec_others .thumbnail_item:nth-child(3n) .thumbnail_inner::after {
    content: "";
    display: block;
    width: 66px;
    height: 66px;
    background-image: url(/shared/templates/datsutanso_top/images/text_slide_icon03.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 93px;
    left: -80px;
}

.slider_cnt_list .sec_others .splide .splide__track {
    padding-top: 107px;
}
.slider_cnt_list .splide#tmp_others_carousel {
    gap: 42px 0;
}
#tmp_others_carousel .thumbnail_inner {
    aspect-ratio: 1 / 1;
}
#tmp_others_carousel .thumbnail_inner > a {
    display: block;
    text-decoration: none;
}
.slider_cnt_list #tmp_others_carousel .thumbnail_item.is-active .thumbnail_text {
    font-size: 133.5%;
}
#tmp_others_carousel .thumbnail_inner > a:hover .thumbnail_text {
    text-decoration: underline;
}
#tmp_others_carousel .thumbnail_text {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 35px;
    aspect-ratio: 1 / 1;
    background-color: #ffffff;
    border-radius: 50%;
    box-shadow: 0px 2px 7.6px 0.4px rgba(91, 95, 100, 0.2);
    text-align: center;
    letter-spacing: -0.07em;
    color: #016436;
    font-weight: 600;
    font-size: 182.5%;
}
#tmp_others_carousel .thumbnail_text::before {
    content: "";
    display: block;
    width: calc(100% - 26px);
    height: calc(100% - 26px);
    border-radius: 50%;
    border: 8px solid #4ca736;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.no_javascript #tmp_others_carousel .thumbnail_text {
    font-size: 133.5%;
}

/* 千葉市脱炭素先行地域推進コンソーシアム
================================================== */
.slider_cnt_list .sec_consortium.slider_cnt {
    margin: 0 auto 270px;
}
.slider_cnt_list .sec_consortium.slider_cnt .sec_en_title {
    top: -22%;
    right: 0%;
}
.slider_cnt_list .sec_consortium.slider_cnt .sec_title {
    left: 45%;
    transform: translateX(-45%);
}
.slider_cnt_list #tmp_consortium_carousel {
    gap: 40px 0;
}
.sec_consortium .thumbnail_item {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 380px;
}
.sec_consortium .sec_wrap::before {
    content: "";
    display: block;
    /* width: 172px; */
    width: 210px;
    /* height: 190px; */
    height: 180px;
    background-image: url(/shared/templates/datsutanso_top/images/consortium_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: -94px;
    right: 77px;
}

/* 1,4,7,10... */
.sec_consortium .thumbnail_item:nth-child(3n+1) .thumbnail_inner::after {
    content: "";
    display: block;
    width: 150px;
    height: 150px;
    background-image: url(/shared/templates/datsutanso_top/images/text_slide_icon01.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: -31px;
    right: -45px;
}

/* 2,5,8,11... */
.sec_consortium .thumbnail_item:nth-child(3n+2) .thumbnail_inner::after {
    content: "";
    display: block;
    width: 158px;
    height: 158px;
    background-image: url(/shared/templates/datsutanso_top/images/text_slide_icon02.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    left: -67px;
    bottom: -1px;
}

/* 3,6,9,12... */
.sec_consortium .thumbnail_item:nth-child(3n) .thumbnail_inner::after {
    content: "";
    display: block;
    width: 66px;
    height: 66px;
    background-image: url(/shared/templates/datsutanso_top/images/text_slide_icon03.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 90px;
    left: -90px;
}

.slider_cnt_list .sec_consortium .splide .splide__track {
    padding-top: 117px;
}
#tmp_consortium_carousel .thumbnail_inner {
    aspect-ratio: 1 / 1;
}
#tmp_consortium_carousel .thumbnail_inner > a {
    display: block;
    text-decoration: none;
}
.slider_cnt_list #tmp_consortium_carousel .thumbnail_item.is-active .thumbnail_text {
    font-size: 145.5%;
}
#tmp_consortium_carousel .thumbnail_inner > a:hover .thumbnail_text {
    text-decoration: underline;
}
#tmp_consortium_carousel .thumbnail_text {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 35px;
    aspect-ratio: 1 / 1;
    background-color: #ffffff;
    border-radius: 50%;
    box-shadow: 0px 2px 7.6px 0.4px rgba(91, 95, 100, 0.2);
    text-align: center;
    letter-spacing: -0.07em;
    line-height: 1.5;
    color: #016436;
    font-weight: 600;
    font-size: 182.5%;
}
#tmp_consortium_carousel .thumbnail_text::before {
    content: "";
    display: block;
    width: calc(100% - 26px);
    height: calc(100% - 26px);
    border-radius: 50%;
    border: 8px solid #4ca736;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.no_javascript #tmp_consortium_carousel .thumbnail_text {
    font-size: 133.5%;
}
.no_javascript .slider_cnt_list .sec_consortium .thumbnail_item .thumbnail_inner {
    transform: scale(0.67);
}

/* 千葉市脱炭素先行地域の主な取組み
================================================== */
.sec_learnmore .sec_wrap::before {
    content: "";
    display: block;
    /* width: 335px; */
    width: 203px;
    height: 200px;
    background-image: url(/shared/templates/datsutanso_top/images/learnmore_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: -127px;
    right: -3px;
}

.slider_cnt_list .slider_cnt.sec_learnmore .btn_outline {
    right: 10px;
    bottom: -5.4em;
}
.slider_cnt_list .slider_cnt.sec_learnmore .btn_outline a {
    padding: 14px 62px 13px 18px;
}

.slider_cnt_list .slider_cnt.sec_learnmore .sec_en_title {
    top: -20%;
    right: 0%;
}
.slider_cnt_list #tmp_learnmore_carousel {
    gap: 58px 0;
}
#tmp_learnmore_carousel .thumbnail_inner {
    padding-bottom: 5px;
}
#tmp_learnmore_carousel .thumbnail_inner > a {
    text-decoration: none;
}
#tmp_learnmore_carousel .thumbnail_inner > a:hover .thumbnail_title,
#tmp_learnmore_carousel .thumbnail_inner > a:hover .thumbnail_caption {
    text-decoration: underline;
}
#tmp_learnmore_carousel .thumbnail_inner .thumbnail_wrap {
    display: block;
    text-decoration: none;
    border-radius: 20px;
    box-shadow: 0px 2px 7.6px 0.4px rgba(91, 95, 100, 0.2);
    overflow: hidden;
    position: relative;
}

#tmp_learnmore_carousel .thumbnail_item.is-active .thumbnail_title {
    padding: 21px 16px 15px;
    font-size: 93%;
}

#tmp_learnmore_carousel .thumbnail_title {
    display: block;
    padding: 13px 21px 14px;
    background-color: #016436;
    color: #ffffff;
    font-size: 140%;
    font-weight: 600;
}

#tmp_learnmore_carousel .thumbnail_caption {
    display: block;
    max-width: 480px;
    width: 100%;
    padding: 16px 26px;
    background-color: #ffffff;
    border-radius: 20px;
    box-shadow: 0px 2px 7.6px 0.4px rgba(91, 95, 100, 0.2);
    color: #007f69;
    font-weight: 600;
    font-size: 90%;
    position: absolute;
    left: -18px;
    bottom: -25px;
}

.no_javascript .slider_cnt_list #tmp_learnmore_carousel {
    padding-left: 20px;
    padding-bottom: 35px;
}
/* Transform-origin */
#tmp_initiatives_carousel .thumbnail_inner,
#tmp_learnmore_carousel .thumbnail_inner{
    transform-origin: center 200px;
}
#tmp_others_carousel .thumbnail_inner,
#tmp_consortium_carousel .thumbnail_inner{
    transform-origin: center 190px;
}
/* ==================================================
accessibility style change:font-size
================================================== */
/* small
================================================== */
/* big
================================================== */
/* biggest(doubled)
================================================== */
.fsize_big2 #tmp_consortium_carousel .thumbnail_text,
.fsize_big2 #tmp_others_carousel .thumbnail_text {
    padding: 75px;
}

.furigana_on #tmp_consortium_carousel .thumbnail_text,
.furigana_on #tmp_others_carousel .thumbnail_text {
	display: block;
    align-content: center;
}

@media screen and (max-width : 1400px) {
	.sec_consortium .sec_wrap::before {
		right: 0;
	}
	.slider_cnt_list .sec_consortium .sec_title h2 {
		padding: 12px 100px 0 58px;
	}
	.color_blue .sec_consortium .sec_wrap::before,
	.color_yellow .sec_consortium .sec_wrap::before,
	.color_black .sec_consortium .sec_wrap::before {
		right: -70px;
		top: 50px;
	}
	.color_blue.fsize_big2 .sec_consortium .sec_wrap::before,
	.color_yellow.fsize_big2 .sec_consortium .sec_wrap::before,
	.color_black.fsize_big2 .sec_consortium .sec_wrap::before {

	}
}
@media screen and (max-width : 1220px) {
    .sec_mainvisual .main_wrap {
        background-size: 1300px auto;
        background-position: center top -30px;
    }
}
@media screen and (max-width : 1110px) {
	.sec_others .sec_wrap::before {
		left: 0;
	}
	.slider_cnt_list .sec_others .sec_title h2 {
		padding: 12px 0 0 155px;
	}
	.sec_others .sec_title h2 {
		background-position: left 110px top;
	}
	.color_blue .sec_others .sec_wrap::before,
	.color_yellow .sec_others .sec_wrap::before,
	.color_black .sec_others .sec_wrap::before {
		left: -70px;
		top: 45px;
	}
	.color_blue.fsize_big2 .sec_others .sec_wrap::before,
	.color_yellow.fsize_big2 .sec_others .sec_wrap::before,
	.color_black.fsize_big2 .sec_others .sec_wrap::before {
		top: 65px;
	}
}
@media screen and (max-width : 1000px) {
	.color_blue .sec_initiatives .sec_wrap::before,
	.color_yellow .sec_initiatives .sec_wrap::before,
	.color_black .sec_initiatives .sec_wrap::before {
		left: -70px;
	}
	.color_blue.fsize_big2 .sec_initiatives .sec_wrap::before,
	.color_yellow.fsize_big2 .sec_initiatives .sec_wrap::before,
	.color_black.fsize_big2 .sec_initiatives .sec_wrap::before {
		bottom: 25px;
	}
	.color_blue.fsize_big2 .sec_learnmore .sec_wrap::before,
	.color_yellow.fsize_big2 .sec_learnmore .sec_wrap::before,
	.color_black.fsize_big2 .sec_learnmore .sec_wrap::before {
		right: -70px;
	}
}
.color_blue .sec_initiatives .sec_wrap::before,
.color_yellow .sec_initiatives .sec_wrap::before,
.color_black .sec_initiatives .sec_wrap::before,
.color_blue .sec_consortium .sec_wrap::before,
.color_yellow .sec_consortium .sec_wrap::before,
.color_black .sec_consortium .sec_wrap::before,
.color_blue .sec_others .sec_wrap::before,
.color_yellow .sec_others .sec_wrap::before,
.color_black .sec_others .sec_wrap::before,
.color_blue .sec_learnmore .sec_wrap::before,
.color_yellow .sec_learnmore .sec_wrap::before,
.color_black .sec_learnmore .sec_wrap::before {
	z-index: 1;
}

/* ==================================================
print
================================================== */
@media print {
}