@charset "UTF-8";
/* CSS Document */
body {
    /*background: url('../../../img/menu/index/home_bg_mb.png')no-repeat center -520px/cover;*/
    min-width: 320px;
    background: rgba(247, 247, 247, 1);
}

#itemscopeDiv {
    display: none;
}

#home_banners {
    background-color: #fff;
}

.home_banner {
    position: relative;
    width: 100vw;
    height: 367px;
    margin-top: 40px;
}

#home_banner01 {
    background: url('../../../img/menu/index/home_topbanner_bg01_pc.jpg') no-repeat center center/cover;
    -webkit-mask: url('../../../img/menu/index/home_topbanner_bg01_pc.png') no-repeat center bottom/cover;
    mask: url('../../../img/menu/index/home_topbanner_bg01_pc.png') no-repeat center bottom/cover;
}

#home_banner02 {
    background: url('../../../img/menu/index/home_topbanner_bg02_pc.jpg') no-repeat center top/cover;
    -webkit-mask: url('../../../img/menu/index/home_topbanner_bg01_pc.png') no-repeat center bottom/cover;
    mask: url('../../../img/menu/index/home_topbanner_bg01_pc.png') no-repeat center bottom/cover;
}

#home_banner03 {
    background: url('../../../img/menu/index/home_topbanner_bg03_pc.jpg') no-repeat -380px top/cover;
    -webkit-mask: url('../../../img/menu/index/home_topbanner_bg01_pc.png') no-repeat center bottom/cover;
    mask: url('../../../img/menu/index/home_topbanner_bg01_pc.png') no-repeat center bottom/cover;
}

#home_banner04 {
    cursor: pointer;
    background: url('../../../img/menu/index/home_topbanner_bg04_mb.jpg') no-repeat top/cover;
    -webkit-mask: url('../../../img/menu/index/home_topbanner_bg01_pc.png') no-repeat center bottom/cover;
    mask: url('../../../img/menu/index/home_topbanner_bg01_pc.png') no-repeat center bottom/cover;
}

h1, h2 {
    font-size: 1em;
}

.pc {
    display: none;
}

.pc1440 {
    display: none;
}

.mb {
    display: block;
}

.mb1440 {
    display: block;
}

#home_banner_line {
    position: absolute;
    width: 100%;
    height: 450px;
    background: url('../../../img/menu/index/home_topbanner_line.svg') no-repeat center bottom/cover;
    margin-top: -480px;
    pointer-events: none;
}

.home_banner_title {
    position: absolute;
    width: 642px;
    height: 390px;
    /*	left: 3%;*/
    /*	top: -120px;*/
    margin-left: -260px;
    /*	background: url('..../../../img/home_topbanner_ball.png') no-repeat center bottom/80%;*/
    left: 0;
    top: -155px;
    background: url('../../../img/menu/index/home_topbanner_ball.png') no-repeat center bottom/65%;
}

.home_banner_title p {
    width: 180px;
    height: 15px;
    font-size: 30px;
    color: #fff;
}

.hbt_left {
    text-align: left;
    /*
        margin-top: 210px;
        margin-right: -250px;
    */
    margin-top: 240px;
    margin-right: -200px;
}

.hbt_right {
    text-align: right;
    margin-top: 10px;
    /*	margin-right: -250px;*/
    margin-right: -200px;
}

.block {
    display: inline-block;
    width: 100%;
}

#block01 {
    background-color: #fff;
    padding-bottom: 50px;
}

#block01-1 {
    position: relative;
    /*margin-top: 80px;*/
    padding-top: 10px;
    /*max-width: 1440px;*/
    height: 1117px;
}

#block02 {
    margin-top: -100px;
}

/*#block01-1 ul li:nth-child(1n+1) img{*/
/*	display: none;*/
/*}*/
.middle_block {
    position: relative;
    max-width: 1440px;
}

#home_slider_m01c01, #home_slider_m01c02 {
    margin-bottom: 10px;
}
#m03c02{
    margin-top: 20px;
}
#home_slider_m03c02{
    width: 300px;
    overflow-x: auto;
}

.middle_block .centered-btns_tabs a {
    background-color: rgba(200, 203, 208, 1);
}

.middle_block .centered-btns_here a {
    background-color: rgba(244, 210, 66, 1);
}

/*.m01c .centered-btns_tabs{*/
.middle_block .centered-btns_tabs {
    display: contents;
    position: relative;
    /*bottom: -10px;*/
}

.m02c .centered-btns_tabs {
    /*display: contents;*/
    display: block;
    position: absolute;
    bottom: 0;
    /*left: 43%;*/
    left: 30%;
}

#home_slider_m01c03 li {
    float: none !important;
}

.m01c {
    position: relative;
}
.m01c ul li{
   display: inline-block;
}
.m02c {
    /*position: absolute;*/
    position: relative;
}

/*.m02c ul li{*/
/*	left:-18px*/
/*}*/
.middle_block_bg {
    position: absolute;
    left: 0;
    /*top: 1090px;*/
    top: -30px;
    width: 100vw;
    /*height: 980px;*/
    height: 100%;
    background-size: 101% 100%;
    background-position: center bottom;
    z-index: -1;
}

.middle_block_bg {
    background-image: url("../../../img/menu/index/home_middle01bg_mb.png");
}

/*#mbb02{*/
/*	background-image: url("../../../img/menu/index/home_middle02bg.png");*/
/*}*/
/*#mbb03{*/
/*	background-image: url("../../../img/menu/index/home_middle03bg.png");*/
/*}*/
#home_middle02block, #home_middle03block {
    display: none;
}

#home_middle_btns {
    margin-top: 30px;
}

.home_middle_btn {
    display: inline-grid;
    width: 85px;
    height: 54px;
    border-bottom: 3px solid #C8CBD0;
    margin-left: 30px;
    color: #C8CBD0;
    cursor: pointer;
}

.mbtn_title {
    width: 85px;
    height: 24px;
    font-size: 20px;
}

.mbtn_title_en {
    width: 85px;
    height: 17px;
    font-size: 14px;
}

#home_middle01b {
    margin-left: 0;
}

.active {
    color: #2B7A77;
    border-bottom: 3px solid #2B7A77;
}

#m01c01 {
    margin-top: 50px;
}

.m01c01 {
    /*display: inline-block;*/
    /*position: relative;*/
    /*width: 247px;*/
    /*height: 200px;*/
    /*background: url("../../../img/menu/index/home_middle01_c01_bg.png") 100% 100%;*/
    /*font-size: 18px;*/
    /*color: #8E5B00;*/
    /*margin-left: 20px;*/
}

#m01c01-1 {
    margin-left: 0;
}

.m01c01c {
    position: absolute;
    width: 100%;
    top: 36px;
    left: 0;
}

.m01c01 p {
    line-height: 10px;
    display: table;
}

#m01c01-4c {
    top: 46px;
}

.cdp {
    width: 93px;
    height: 40px;
    background-image: url("../../../img/menu/index/home_middle01_icon_cdp.png");
    background-size: 100% auto;
}

#m01c02 {
    position: relative;
    margin-top: 30px;
}

.m01c02 {
    /*display: inline-block;*/
    display: inline-flex;
    width: 220px;
    height: 220px;
    border-radius: 220px;
    font-size: 20px;
    color: #fff;
}

/*#m01c02-1 {*/
/*    background: rgba(18, 192, 97, 0.54);*/
/*}*/

/*#m01c02-2 {*/
/*    background: rgba(4, 163, 212, 0.6);*/
/*}*/

/*#m01c02-3 {*/
/*    background: rgba(72, 183, 4, 0.54);*/
/*}*/

.m01c02math {
    margin-top: 0;
    font-size: 43px;
}

.m01_stitle {
    position: relative;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    width: 100%;
    margin-bottom: 10px;
}

.sdgss {
    position: relative;
    top: 30px;
    /*left: 80px;*/
    /*width: 70px ;*/
    width: 100%;
}

.sdgss img {
    width: 100%;
}

.sdgs_line {
    display: none;
}

.sdgs_text {
    display: none;
    font-size: 14px;
    width: 90px;
    margin: 10px 0 20px 0;
    color: #fff;
}

.sdgs {
    display: inline-grid;
    width: 60px;
    height: 60px;
    margin: 5px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.sdgs01 {
    background-image: url("../../../img/menu/index/sdgs/sdgs01_zh.png");
}

.sdgs02 {
    background-image: url("../../../img/menu/index/sdgs/sdgs02_zh.png");
}

.sdgs03 {
    background-image: url("../../../img/menu/index/sdgs/sdgs03_zh.png");
}

.sdgs04 {
    background-image: url("../../../img/menu/index/sdgs/sdgs04_zh.png");
}

.sdgs05 {
    background-image: url("../../../img/menu/index/sdgs/sdgs05_zh.png");
}

.sdgs06 {
    background-image: url("../../../img/menu/index/sdgs/sdgs06_zh.png");
}

.sdgs07 {
    background-image: url("../../../img/menu/index/sdgs/sdgs07_zh.png");
}

.sdgs08 {
    background-image: url("../../../img/menu/index/sdgs/sdgs08_zh.png");
}

.sdgs12 {
    background-image: url("../../../img/menu/index/sdgs/sdgs12_zh.png");
}

.sdgs13 {
    background-image: url("../../../img/menu/index/sdgs/sdgs13_zh.png");
}

.sdgs17 {
    background-image: url("../../../img/menu/index/sdgs/sdgs17_zh.png");
}

#home_middle03block .sdgs {
    top: 100px;
}

.icon_add {
    display: none;
    width: 20px;
    height: 20px;
    margin-left: 20px;
}

.bold {
    font-weight: 500;
    display: contents;
}

#m01_home_middle_content {
    margin-top: 30px;
    width: 300px;
}

#m01_home_middle_content img {
    width: 300px;
}

#m02c01 {
    position: relative;
    margin-top: 40px;
}

.m02_stitle {
    display: inline-block;
    /*position: absolute;*/
    /*color: rgba(64, 71, 74, 1);*/
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    width: auto;
    margin-top: 20px;
    margin-bottom: 10px;
    vertical-align: top;
}

#m02c01 .m02_stitle {
    color: rgba(64, 71, 74, 1);
}

.m02c01, .m02c02, .m02c03 {
    display: inline-block;
    position: relative;
    /*width: 220px;*/
    /*height: 220px;*/
    width: 300px;
    height: 200px;
    border-radius: 220px;
    font-size: 20px;
    color: #fff;
    /*margin-left: 20px;*/
    font-weight: 300;
}

.m02c01 span, .m02c02 span, .m02c03 span {
    font-size: 18px;
    font-weight: 500;
}

.m02c01math, .m02c02math, .m02c03math {
    margin-top: -10px;
    font-size: 43px;
    font-weight: 500;
}

.m02c01math span, .m02c02math span, .m02c03math span {
    font-size: 18px;
}

#m01c01-1_icon{
    width: 300px;
    height: 140px;
    background-image: url("../../../img/menu/index/m01c01-1_icon_mb.png");
    background-size: 100% auto;
}
#m01c01-2_icon{
    width: 300px;
    height: 140px;
    background-image: url("../../../img/menu/index/m01c01-2_icon_mb.png");
    background-size: 100% auto;
    /*margin-left: 40px;*/
}
#m01c02-1_icon{
    width: 220px;
    height: 220px;
    background-image: url("../../../img/menu/index/m01c02-1_icon_mb.png");
    background-size: 100% 100%;
}
#m01c02-2_icon{
    width: 220px;
    height: 220px;
    background-image: url("../../../img/menu/index/m01c02-2_icon_mb.png");
    background-size: 100% 100%;
}
#m01c02-3_icon{
    width: 220px;
    height: 220px;
    background-image: url("../../../img/menu/index/m01c02-3_icon_mb.png");
    background-size: 100% 100%;
}
#m01c03{
    margin-top: 20px;
}
#m01c03-1_icon{
    width: 300px;
    height: 140px;
    background-image: url("../../../img/menu/index/m01c03-1_icon_mb.png");
    background-size: 100% auto;
}
#m01c03-2_icon{
    width: 300px;
    height: 140px;
    background-image: url("../../../img/menu/index/m01c03-2_icon_mb.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: bottom;
    /*margin-left: 40px;*/
}
#m02c01-1_icon{
    width: 300px;
    height: 200px;
    background-image: url("../../../img/menu/index/m02c01-1_icon_mb.png");
    background-size: 100% auto;
}
#m02c01-2_icon{
    width: 300px;
    height: 200px;
    background-image: url("../../../img/menu/index/m02c01-2_icon_mb.png");
    background-size: 100% auto;
}
#m02c01-3_icon{
    width: 300px;
    height: 200px;
    background-image: url("../../../img/menu/index/m02c01-3_icon_mb.png");
    background-size: 100% auto;
}
#m02c02-1_icon{
    width: 300px;
    height: 200px;
    background-image: url("../../../img/menu/index/m02c02-1_icon_mb.png");
    background-size: 100% auto;
}
#m02c02-2_icon{
    width: 300px;
    height: 200px;
    background-image: url("../../../img/menu/index/m02c02-2_icon_mb.png");
    background-size: 100% auto;
}
#m02c02-3_icon{
    width: 300px;
    height: 200px;
    background-image: url("../../../img/menu/index/m02c02-3_icon_mb.png");
    background-size: 100% auto;
}
#m02c03-1_icon{
    width: 300px;
    height: 200px;
    background-image: url("../../../img/menu/index/m02c03-1_icon_mb.png");
    background-size: 100% auto;
}
#m02c03-2_icon{
    width: 300px;
    height: 200px;
    background-image: url("../../../img/menu/index/m02c03-2_icon_mb.png");
    background-size: 100% auto;
}
#m02c03-3_icon{
    width: 300px;
    height: 200px;
    background-image: url("../../../img/menu/index/m02c03-3_icon_mb.png");
    background-size: 100% auto;
}
#m03c01-1_icon{
    width: 300px;
    height: 180px;
    background-image: url("../../../img/menu/index/m03c01-1_icon_mb.png");
    background-size: 100% auto;
}
#m03c01-2_icon{
    width: 300px;
    height: 180px;
    background-image: url("../../../img/menu/index/m03c01-2_icon_mb.png");
    background-size: 100% auto;
    /*margin-left: 27px;*/
}
#m03c01-3_icon{
    width: 300px;
    height: 180px;
    background-image: url("../../../img/menu/index/m03c01-3_icon_mb.png");
    background-size: 100% auto;
    /*margin-left: 27px;*/
}
#m03c01-4_icon{
    width: 300px;
    height: 180px;
    background-image: url("../../../img/menu/index/m03c01-4_icon_mb.png");
    background-size: 100% auto;
    /*margin-left: 27px;*/
}
#m03c02-1_icon{
    width: 1080px;
    height: 150px;
    background-image: url("../../../img/menu/index/m03c02-1_icon_mb.png");
    background-size: 100% auto;
}
#m03c03-1_icon{
    width: 300px;
    height: 160px;
    background-image: url("../../../img/menu/index/m03c03-1_icon_mb.png");
    background-size: 100% auto;
}
#m03c03-2_icon{
    width: 300px;
    height: 160px;
    background-image: url("../../../img/menu/index/m03c03-2_icon_mb.png");
    background-size: 100% auto;
    /*margin-left: 25px;*/
}
#m03c03-3_icon{
    width: 300px;
    height: 160px;
    background-image: url("../../../img/menu/index/m03c03-3_icon_mb.png");
    background-size: 100% auto;
    /*margin-left: 25px;*/
}






/*#m02c01-1 {*/
/*    background: rgba(122, 111, 190, 0.6);*/
/*}*/

/*#m02c01-2 {*/
/*    background: rgba(122, 111, 190, 0.6);*/
/*}*/

/*#m02c01-3 {*/
/*    background: rgba(255, 182, 54, 0.6);*/
/*}*/

/*#m02c01-4 {*/
/*    background: rgba(0, 140, 219, 0.6);*/
/*}*/

/*#m02c02-1 {*/
/*    background: rgba(0, 140, 219, 0.6);*/
/*}*/

/*#m02c02-2 {*/
/*    background: rgba(255, 182, 54, 0.6);*/
/*}*/

/*#m02c02-3 {*/
/*    background: rgba(255, 182, 54, 0.6);*/
/*}*/

/*#m02c03-1 {*/
/*    background: rgba(255, 125, 69, 0.6);*/
/*}*/

/*#m02c03-2 {*/
/*    background: rgba(255, 125, 69, 0.6);*/
/*}*/

/*#m02c03-3 {*/
/*    background: rgba(18, 192, 97, 0.6);*/
/*}*/

/*#m02c03-4 {*/
/*    background: rgba(18, 192, 97, 0.6);*/
/*}*/

.m02c03c {
    position: absolute;
    width: 220px;
    top: 10px;
}

#m02c03c2 {
    /*top: 30px;*/
}

#m03c_blocks {
    width: 100%;
    /*max-width: 1080px;*/
}

.m03c {
    display: inline-block;
    position: relative;
}

#m03c02-1-1, #m03c05-1-1 {
    left: 2%;
}

#m03c02-1-2, #m03c05-1-2 {
    right: 2%;
}

#m03c03-1-1, #m03c04-1-1 {
    left: 0;
}

#m03c01 {
    position: relative;
    /*width: 90%;*/
    /*height: 69px;*/
    /*font-size: 24px;*/
    font-weight: 700;
    margin-top: 40px;
    color: rgba(99, 89, 0, 1);
    border-radius: 50px;
    /*background: linear-gradient(180deg, rgba(255, 248, 86, 0.50) 0%, rgba(255, 250, 209, 0.50) 100%);*/
}

#m03c02, #m03c05 {
    border-radius: 20px;
    /*background: rgba(255, 255, 255, 0.80);*/
}

#m03c03, #m03c04 {
    /*width: calc(34% - 30px);*/
    /*height: 250px;*/
    margin-top: 30px;
    /*border-radius: 20px;*/
    /*background: rgba(227, 250, 255, 0.8);*/
}

.m03st {
    color: #005B8E;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%;
    letter-spacing: 0.4px;
    height: 90px;
    margin-top: 10px;
    display: inline-grid;
    align-items: center;
}

.m03_icon {
    width: 60px;
    height: 60px;
    padding: 10px;
}

#m03c02 .m03_icon, #m03c05 .m03_icon {
    margin-top: 10px;
}

.m03cb {
    display: inline-block;
    position: absolute;
    width: 47%;
}

#m03c03-1-1, #m03c04-1-1 {
    width: 100%;
}

#m03c02-1-1_icon {
    background: url("../../../img/menu/index/home_middle03_icon01.svg") center /100% no-repeat;
}

#m03c02-1-2_icon {
    background: url("../../../img/menu/index/home_middle03_icon02.svg") center /100% no-repeat;
}

#m03c03-1-1_icon {
    background: url("../../../img/menu/index/home_middle03_icon03.svg") center / 100% no-repeat;
}

#m03c04-1-1_icon {
    background: url("../../../img/menu/index/home_middle03_icon04.svg") center / 100% no-repeat;
}

#m03c05-1-1_icon {
    background: url("../../../img/menu/index/home_middle03_icon05.svg") center / 100% no-repeat;
}

#m03c05-1-2_icon {
    background: url("../../../img/menu/index/home_middle03_icon06.svg") center / 100% no-repeat;
}

.m03ct {
    height: 80px;
    line-height: 80px;
    color: rgba(0, 91, 142, 1);
    font-size: 24px;
    font-weight: 700;
}

#m03c02-1t, #m03c05-1t {
    border-radius: 20px 20px 0 0;
    background: linear-gradient(205deg, #ACF5FF 0%, #30B4FF 100%);
}

#m03c01-1t {
    display: inline-block;
    line-height: 120%;
    font-size: 18px;
    margin-top: 12px;
}

.earofrice_left {
    display: inline-block;
    position: absolute;
    top: -20px;
    left: -5px;
}

.earofrice_right {
    display: inline-block;
    position: absolute;
    top: -20px;
    right: -5px;
}

#m03c_slide01, #m03c_slide02, #m03c_slide03 {
    margin-top: 20px;
}

#bubbles {
    width: 100vw;
    /*height: 3362px;*/
    /*position: absolute;*/
    z-index: 99;
}

.bubble {
    width: 100vw;
    margin: 0 auto;
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/
    /*background-position: center center;*/
    background-size: cover;
    overflow: visible;
}

#bubble01 {
    /*position: fixed;*/
    position: absolute;
    /*width: 90px;*/
    /*height: 90px;*/
    height: 60px;
    /*margin-top: 427px;*/
    /*top: 477px;*/
    top: 307px;
    /*margin-right: 118px;*/
    z-index: 99;
    background-image: url("../../../img/menu/index/home_bubble01.png");
    /*background-position: right 118px center;*/
    background-position: right 18px center;
    background-size: auto 100%;
    background-repeat: no-repeat;
}

#bubble02 {
    position: absolute;
    /*width: 231px;*/
    height: 515px;
    /*margin-top: 700px;*/
    /*margin-top: 253px;*/
    top: 693px;
    /*margin-left: 0;*/
    z-index: 0;
    background-image: url("../../../img/menu/index/home_bubble02.png");
    background-position: left center;
    background-size: auto;
    background-repeat: no-repeat;
}

#bubble03 {
    display: none;
    /*position: fixed;*/
    position: absolute;
    /*width: 207px;*/
    height: 271px;
    /*margin-top: 957px;*/
    top: 600px;
    /*margin-right: 0;*/
    /*z-index: 99;*/
    background-image: url("../../../img/menu/index/home_bubble03.png");
    background-position: right center;
    background-size: auto;
    background-repeat: no-repeat;
}

#bubble04 {
    display: none;
    /*position: fixed;*/
    position: absolute;
    /*width: 138px;*/
    height: 141px;
    /*margin-top: 1851px;*/
    top: 1872px;
    /*margin-right: 55px;*/
    z-index: 99;
    background-image: url("../../../img/menu/index/home_bubble04.png");
    /*background-position: right 55px center;*/
    background-position: right 185px center;
    background-size: auto;
    background-repeat: no-repeat;
}

#bubble05 {
    position: absolute;
    /*width: 99px;*/
    height: 158px;
    top: 2178px;
    /*margin-top: 167px;*/
    /*left: 0;*/
    z-index: -1;
    background-image: url("../../../img/menu/index/home_bubble05.png");
    background-position: left center;
    background-size: auto;
    background-repeat: no-repeat;
}

#bubble06 {
    position: absolute;
    /*width: 343px;*/
    height: 250px;
    /*margin-bottom: 0;*/
    /*top: 2664px;*/
    top: 3384px;
    /*right: 0;*/
    z-index: -1;
    background-image: url("../../../img/menu/index/home_bubble06mb.png");
    background-position: right bottom;
    background-size: auto;
    background-repeat: no-repeat;
}

#home_block {
    width: 80%;
    max-width: 820px;
    /*max-width: 930px;*/
    margin-top: -90px;
}

.home_block {
    display: flex;
    position: relative;
    flex-direction: column;
    /*justify-content: space-between;*/
    align-items: flex-start;
    padding: 20px;
    /*width: 250px;*/
    width: 85%;
    height: 200px;
    color: #fff;
    text-align: left;
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    background-blend-mode: normal, multiply;
    mix-blend-mode: normal;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
}

.block_title {
    /*width: 165px;*/
    /*height: 52px;*/
    width: 300px;
    height: 32px;
    font-style: normal;
    font-weight: 500;
    /*font-size: 40px;*/
    margin-bottom: 30px;
    font-size: 24px;
    line-height: 130%;
    /* identical to box height, or 52px */
    text-align: center;
    /* Blue-Green/BG5 */
    color: #3AAFA9;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.home_block_title {
    position: relative;
    width: 122px;
    height: 66px;
    font-size: 30px;
    font-weight: 700;
    line-height: 35px;
}

.home_block_icon {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 55px;
    height: 55px;
}

.home_block_content {
    /* Auto layout */

    display: flex;
    position: absolute;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 5px;
    margin: 0 !important;
    bottom: 20px;
    width: 192px;
    /*height: 73px;*/
    height: auto;

    font-weight: 400;
    font-size: 16px;
    /*line-height: 130%;*/
    /* identical to box height, or 21px */

    font-feature-settings: 'salt' on, 'liga' off;

}

.home_block a {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    z-index: 9;
}

.home_block_mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: rgba(255,255,255,.2);*/
    background: rgba(255, 255, 255, 0.1);
    z-index: 1;
}

#home_block01 {
    /*background: linear-gradient(0deg, rgba(215, 0, 0, 0.4), rgba(215, 0, 0, 0.4)), url("../../../img/menu/index/home_block01bgs.jpg") no-repeat center center/cover;*/
    /*background: linear-gradient(0deg, rgba(227, 57, 57, 0.6), rgba(227, 57, 57, 0.6)), url("../../../img/menu/index/home_block01bgs.jpg") no-repeat center center/cover;*/
    background: linear-gradient(0deg, rgba(227, 57, 57, 0.7), rgba(227, 57, 57, 0.7)), url("../../../img/menu/index/home_block01bgs.jpg") no-repeat center center/cover;
}

#home_block01_icon {
    background: url("../../../img/menu/index/home_block01_icon.svg") no-repeat center center/contain;
}

#home_block02 {
    /*background: linear-gradient(0deg, rgba(195, 94, 0, 0.7), rgba(195, 94, 0, 0.7)), url("../../../img/menu/index/home_block02bgs.jpg") no-repeat center center/cover;*/
    /*background: linear-gradient(0deg, rgba(193, 97, 6, 0.6), rgba(193, 97, 6, 0.6)), url("../../../img/menu/index/home_block02bgs.jpg") no-repeat center center/cover;*/
    background: linear-gradient(0deg, rgba(193, 97, 6, 0.7), rgba(193, 97, 6, 0.7)), url("../../../img/menu/index/home_block02bgs.jpg") no-repeat center center/cover;
}

#home_block02_icon {
    background: url("../../../img/menu/index/home_block02_icon.svg") no-repeat center center/contain;
}

#home_block03 {
    /*background: linear-gradient(0deg, rgba(105, 77, 184, 0.7), rgba(105, 77, 184, 0.7)), url("../../../img/menu/index/home_block03bgs.jpg") no-repeat center center/cover;*/
    /*background: linear-gradient(0deg, rgba(76, 42, 172, 0.6), rgba(76, 42, 172, 0.6)), url("../../../img/menu/index/home_block03bgs.jpg") no-repeat center center/cover;*/
    background: linear-gradient(0deg, rgba(76, 42, 172, 0.7), rgba(76, 42, 172, 0.7)), url("../../../img/menu/index/home_block03bgs.jpg") no-repeat center center/cover;
}

#home_block03_icon {
    background: url("../../../img/menu/index/home_block03_icon.svg") no-repeat center center/contain;
}

#home_block04 {
    /*background: linear-gradient(0deg, rgba(68, 181, 79, 0.5), rgba(68, 181, 79, 0.5)), url("../../../img/menu/index/home_block04bgs.jpg") no-repeat center center/cover;*/
    /*background: linear-gradient(0deg, rgba(73, 176, 83, 0.6), rgba(73, 176, 83, 0.6)), url("../../../img/menu/index/home_block04bgs.jpg") no-repeat center center/cover;*/
    background: linear-gradient(0deg, rgba(73, 176, 83, 0.7), rgba(73, 176, 83, 0.7)), url("../../../img/menu/index/home_block04bgs.jpg") no-repeat center center/cover;
}

#home_block04_icon {
    background: url("../../../img/menu/index/home_block04_icon.svg") no-repeat center center/contain;
}

#home_block05 {
    /*background: linear-gradient(0deg, rgba(45, 91, 182, 0.7), rgba(45, 91, 182, 0.7)), url("../../../img/menu/index/home_block05bgs.jpg") no-repeat center center/cover;*/
    /*background: linear-gradient(0deg, rgba(23, 62, 137, 0.6), rgba(23, 62, 137, 0.6)), url("../../../img/menu/index/home_block05bgs.jpg") no-repeat center center/cover;*/
    background: linear-gradient(0deg, rgba(23, 62, 137, 0.7), rgba(23, 62, 137, 0.7)), url("../../../img/menu/index/home_block05bgs.jpg") no-repeat center center/cover;
}

#home_block05_icon {
    background: url("../../../img/menu/index/home_block05_icon.svg") no-repeat center center/contain;
}

#home_block06 {
    /*background: linear-gradient(0deg, rgba(190, 160, 0, 0.7), rgba(190, 160, 0, 0.7)), url("../../../img/menu/index/home_block06bgs.jpg") no-repeat center center/cover;*/
    /*background: linear-gradient(0deg, rgba(223, 188, 2, 0.6), rgba(223, 188, 2, 0.6)), url("../../../img/menu/index/home_block06bgs.jpg") no-repeat center center/cover;*/
    background: linear-gradient(0deg, rgba(223, 188, 2, 0.7), rgba(223, 188, 2, 0.7)), url("../../../img/menu/index/home_block06bgs.jpg") no-repeat center center/cover;
}

#home_block06_icon {
    background: url("../../../img/menu/index/home_block06_icon.svg") no-repeat center center/contain;
}

#home_news {
    position: relative;
    /*width: 100%;*/
    width: 360px;
    margin-top: 50px;
}

.home_news {
    position: relative;
    width: 90%;
    height: 506px;
    border-radius: 20px;
    /*background: #F7F7F7;*/
    background: #fff;
    text-align: left;
    margin-bottom: 80px;
    overflow: hidden;
}

.home_news_content_block {
    width: 90%;
    margin-left: 5%;
}

.home_news_photo {
    width: 100%;
    height: 220px;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    margin-bottom: 20px;
}

#news_photo_01 {
    background: url("../../../img/menu/index/news01.jpg") no-repeat center center/cover;
}

#news_photo_02 {
    background: url("../../../img/menu/index/news02.jpg") no-repeat center center/cover;
}

#news_photo_03 {
    background: url("../../../img/menu/index/news03.jpg") no-repeat center center/cover;
}

.home_news_type {
    width: 90px;
    height: 27px;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    /*	line-height: 150%;*/
    line-height: 50%;
    /* identical to box height, or 27px */
    /* Blue-Green/BG6 */
    color: #2B7A77;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
    float: left;
}

.home_news_icons {
    height: 45px;
    width: 180px;
    overflow-y: hidden;
    text-align: end;
    display: inline-block;
    float: right;
}

.home_news_icons_scrollbar {
    height: 45px;
    width: 180px;
    overflow-y: scroll;
    text-align: end;
    display: inline-block;
    float: right;
}

.home_news_icons_scrollbar::-webkit-scrollbar {
    display: block;
}

.home_news_icon {
    width: 40px;
    height: 40px;
    border-radius: 2px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-flex;
    margin-right: 10px;
    margin-bottom: 5px;
}

.home_news_icon03 {
    background: url("../../../img/menu/index/home_news_icon03.svg");
}

.home_news_icon07 {
    background: url("../../../img/menu/index/home_news_icon07.svg");
}

.home_news_icon09 {
    background: url("../../../img/menu/index/home_news_icon09.svg");
}

.icon-sdg-tag1 {
    background: url(../../../img/menu/7/SDG/icon-SDG-tag-1.svg) no-repeat;
    background-position: center;
}

.icon-sdg-tag2 {
    background: url(../../../img/menu/7/SDG/icon-SDG-tag-2.svg) no-repeat;
    background-position: center;
}

.icon-sdg-tag3 {
    background: url(../../../img/menu/7/SDG/icon-SDG-tag-3.svg) no-repeat;
    background-position: center;
}

.icon-sdg-tag4 {
    background: url(../../../img/menu/7/SDG/icon-SDG-tag-4.svg) no-repeat;
    background-position: center;
}

.icon-sdg-tag5 {
    background: url(../../../img/menu/7/SDG/icon-SDG-tag-5.svg) no-repeat;
    background-position: center;
}

.icon-sdg-tag6 {
    background: url(../../../img/menu/7/SDG/icon-SDG-tag-6.svg) no-repeat;
    background-position: center;
}

.icon-sdg-tag7 {
    background: url(../../../img/menu/7/SDG/icon-SDG-tag-7.svg) no-repeat;
    background-position: center;
}

.icon-sdg-tag8 {
    background: url(../../../img/menu/7/SDG/icon-SDG-tag-8.svg) no-repeat;
    background-position: center;
}

.icon-sdg-tag9 {
    background: url(../../../img/menu/7/SDG/icon-SDG-tag-9.svg) no-repeat;
    background-position: center;
}

.icon-sdg-tag10 {
    background: url(../../../img/menu/7/SDG/icon-SDG-tag-10.svg) no-repeat;
    background-position: center;
}

.icon-sdg-tag11 {
    background: url(../../../img/menu/7/SDG/icon-SDG-tag-11.svg) no-repeat;
    background-position: center;
}

.icon-sdg-tag12 {
    background: url(../../../img/menu/7/SDG/icon-SDG-tag-12.svg) no-repeat;
    background-position: center;
}

.icon-sdg-tag13 {
    background: url(../../../img/menu/7/SDG/icon-SDG-tag-13.svg) no-repeat;
    background-position: center;
}

.icon-sdg-tag14 {
    background: url(../../../img/menu/7/SDG/icon-SDG-tag-14.svg) no-repeat;
    background-position: center;
}

.icon-sdg-tag15 {
    background: url(../../../img/menu/7/SDG/icon-SDG-tag-15.svg) no-repeat;
    background-position: center;
}

.icon-sdg-tag16 {
    background: url(../../../img/menu/7/SDG/icon-SDG-tag-16.svg) no-repeat;
    background-position: center;
}

.icon-sdg-tag17 {
    background: url(../../../img/menu/7/SDG/icon-SDG-tag-17.svg) no-repeat;
    background-position: center;
}

.icon-sdg-tag1-zh {
    background: url(../../../img/menu/7/SDG/icon-SDG-tag-1-zh.jpg) no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.icon-sdg-tag2-zh {
    background: url(../../../img/menu/7/SDG/icon-SDG-tag-2-zh.jpg) no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.icon-sdg-tag3-zh {
    background: url(../../../img/menu/7/SDG/icon-SDG-tag-3-zh.jpg) no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.icon-sdg-tag4-zh {
    background: url(../../../img/menu/7/SDG/icon-SDG-tag-4-zh.jpg) no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.icon-sdg-tag5-zh {
    background: url(../../../img/menu/7/SDG/icon-SDG-tag-5-zh.jpg) no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.icon-sdg-tag6-zh {
    background: url(../../../img/menu/7/SDG/icon-SDG-tag-6-zh.jpg) no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.icon-sdg-tag7-zh {
    background: url(../../../img/menu/7/SDG/icon-SDG-tag-7-zh.jpg) no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.icon-sdg-tag8-zh {
    background: url(../../../img/menu/7/SDG/icon-SDG-tag-8-zh.jpg) no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.icon-sdg-tag9-zh {
    background: url(../../../img/menu/7/SDG/icon-SDG-tag-9-zh.jpg) no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.icon-sdg-tag10-zh {
    background: url(../../../img/menu/7/SDG/icon-SDG-tag-10-zh.jpg) no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.icon-sdg-tag11-zh {
    background: url(../../../img/menu/7/SDG/icon-SDG-tag-11-zh.jpg) no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.icon-sdg-tag12-zh {
    background: url(../../../img/menu/7/SDG/icon-SDG-tag-12-zh.jpg) no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.icon-sdg-tag13-zh {
    background: url(../../../img/menu/7/SDG/icon-SDG-tag-13-zh.jpg) no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.icon-sdg-tag14-zh {
    background: url(../../../img/menu/7/SDG/icon-SDG-tag-14-zh.jpg) no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.icon-sdg-tag15-zh {
    background: url(../../../img/menu/7/SDG/icon-SDG-tag-15-zh.jpg) no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.icon-sdg-tag16-zh {
    background: url(../../../img/menu/7/SDG/icon-SDG-tag-16-zh.jpg) no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.icon-sdg-tag17-zh {
    background: url(../../../img/menu/7/SDG/icon-SDG-tag-17-zh.jpg) no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.home_news_title {
    /*	display: inline-block;*/
    /*	width: 100%;*/
    width: 95%;
    height: 70px;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    /* or 120% */
    font-feature-settings: 'pnum' on, 'lnum' on;
    /* Text/Title Text */
    color: #333333;
    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 行數  */
    -webkit-box-orient: vertical;
    white-space: normal;
}

.home_news_content {
    width: 100%;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    /* or 24px */
    /* Black/b5 */
    color: #717784;
    /* Inside auto layout */
    flex: none;
    order: 2;
    align-self: stretch;
    flex-grow: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* 行數  */
    -webkit-box-orient: vertical;
    white-space: normal;
    height: 72px;
}

.home_news_date {
    width: 82px;
    height: 24px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    /* identical to box height, or 24px */
    display: flex;
    align-items: center;
    /* Blue-Green/BG6 */
    color: #2B7A77;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
    float: left;
}

.home_news_more {
    cursor: pointer;
    /* Auto layout */
    display: flex;
    position: relative;
    flex-direction: row;
    align-items: center;
    padding: 0;
    gap: 6px;
    width: 94px;
    height: 24px;
    border-radius: 10px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
    float: right;
    text-decoration: none;
}

.read_more_text {
    width: 64px;
    height: 19px;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 120%;
    /* or 19px */
    /* Blue-Green/BG5 */
    color: #3AAFA9;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.read_more_arrow {
    position: absolute;
    width: 17.5px;
    height: 11.5px;
    right: 0;
    background: url('../../../img/menu/index/read_more_arrow_right.svg') no-repeat center center/contain;

}

#more_news_btn {
    /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    /*padding: 7px 15px 7px 30px;*/
    gap: 5px;
    /*width: 150px;*/
    width: 160px;
    height: 42px;
    /* Blue-Green/BG5 */
    /*background: #3AAFA9;*/
    border-radius: 30px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    text-decoration: none;
    margin-bottom: 50px;
    background: #3AAFA9 url('../../../img/menu/icon-arrow-right4.svg') no-repeat 85% center/5%;
}

.search_icon {
    left: 10px;
}

#cookie_info_bg {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100vw;
    height: auto;
    min-height: 108px;
    /*background: rgba(247, 247, 247, 1);*/
    background-color: #ECECEC;
    text-align: center;
    z-index: 99999;
}

#cookie_info {
    width: 90%;
    max-width: 1080px;
    margin: 0 auto;

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;;
    padding-top: 30px;
    padding-bottom: 30px;
}

#cookie_info_text {
    /*width: calc(80% - 40px);*/
    font-weight: 400;
    /*margin-left: 20px;*/
    /*margin-top: 30px;*/
    /*margin-bottom: 30px;*/
    /*text-align: left;*/
    /*float: left;*/

    /*display: flex;*/
    /*justify-content: center;*/
    text-align: center;
    font-size: 14px;
    line-height: 19px;
    color: #40474A;
}

#cookie_info_a {
    font-weight: bolder;
    color: #3AAFA9;
}

#got_it_btn {
    cursor: pointer;
    width: 20%;
    max-width: 180px;
    /*height: 39px;*/
    height: 29px;
    line-height: 29px;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    margin-left: 20px;
    margin-top: 30px;
    background: rgba(58, 175, 169, 1);
    color: #fff;
    border-radius: 40px;
    float: left;
}

#got_it_btn p {
    /*height: 39px;*/
    /*line-height: 9px;*/
    /*font-size: 16px;*/
    height: 29px;
    line-height: 4px;
    font-size: 13px;
    font-weight: 700;
}

.cookieInfoButtonDiv {
    display: flex;
    flex-direction: row;
    gap: 50px;
}

.cookieInfoButtonDiv button {
    width: 120px;
    height: 42px;
    border-radius: 20px 20px 20px 20px;
    border: 1px solid #3AAFA9;
    background-color: white;
    color: #3AAFA9;
    font-size: 14px;
}

.cookieInfoButtonDiv button:hover {
    background-color: #4AC8C1;
    color: white;
}

@media only screen and (min-width: 560px) {
    #home_banner03 {
        background: url('../../../img/menu/index/home_topbanner_bg03_pc.jpg') no-repeat center top/cover;
    }
}

@media only screen and (min-width: 600px) {
    #home_news {
        width: 360px;
    }

    #block02 {
        width: 100%;
        max-width: 1080px;
    }
}

@media only screen and (min-width: 680px) {
    .home_block {
        width: 45%;
        /*width: 200px;*/
        /*height: 200px;*/
    }

    #bubble06 {
        top: 2714px;
    }
}

@media only screen and (min-width: 800px) {
    /*.home_block{*/
    /*	width: 250px;*/
    /*	height: 250px;*/
    /*}*/
    #got_it_btn {
        height: 39px;
        line-height: 39px;
    }

    #got_it_btn p {
        line-height: 9px;
        font-size: 16px;
    }

    #home_banner02 {
        background: url('../../../img/menu/index/home_topbanner_bg02_pc.jpg') no-repeat center -90px/cover;
    }
    #home_banner04 {
        background: url('../../../img/menu/index/home_topbanner_bg04_pc.jpg') no-repeat top/cover;
    }
}

@media only screen and (min-width: 1080px) {
    body {
        /*background: url('../../../img/menu/index/home_bg_pc.png')no-repeat center 500px/100%;*/
    }

    #block01-1 {
        height: 1130px;
        padding-top: 40px;
    }

    #block02 {
        margin-top: 0;
    }

    #bubble01 {
        height: 90px;
        top: 447px;
        background-position: right 118px center;
    }

    #bubble03 {
        display: block;
        top: 1020px;
    }

    #bubble04 {
        display: block;
        background-position: right -65px center;
    }

    #bubble06 {
        background-image: url("../../../img/menu/index/home_bubble06.png");
        /*top: 2734px;*/
        /*top: 2814px;*/
        top: 2700px;
    }

    .pc {
        display: inline-block;
    }

    .mb {
        display: none;
    }

    .home_block {
        width: 250px;
        height: 250px;
    }

    #home_block01, #home_block04 {
        margin-left: 0;
    }

    .home_banner {
        height: 500px;
        margin-top: 80px;
    }

    #home_banner02 {
        background: url('../../../img/menu/index/home_topbanner_bg02_pc.jpg') no-repeat center -150px/cover;
    }

    .home_banner_title {
        width: 642px;
        height: 390px;
        top: -80px;
        margin-left: inherit;
        background: url('../../../img/menu/index/home_topbanner_ball.png') no-repeat center bottom/80%;
    }

    .home_banner_title p {
        width: 180px;
        height: 15px;
        font-size: 30px;
        color: #fff;
    }

    .block_title {

        font-size: 40px;
        margin-bottom: 30px;
    }

    .hbt_left {
        text-align: left;
        margin-top: 210px;
        margin-right: -250px;
    }

    .hbt_right {
        text-align: right;
        margin-top: 10px;
        margin-right: -250px;
    }

    #home_slider02 {
        display: inline !important;
    }

    #home_slider02 li {
        display: inline !important;
        position: relative !important;
        width: 320px !important;
        float: left;
        /*margin-left: 20px;*/
        margin-left: 27px;
    }

    #home_news {
        width: 100%;
    }

    .home_news {
        width: 310px;
        height: 510px;
    }

    /*Midddle Block Start*/
    .pc1440 {
        display: inline-block !important;
    }

    .mb1440 {
        display: none !important;
    }

    .middle_block_bg {
        background-image: url("../../../img/menu/index/home_middle01bg.png");
        /*height: 110%;*/
    }

    .m01c01 {
        /*display: inline-block;*/
        display: flex;
    }

    #m01c02-2, #m01c02-3 {
        margin-left: 60px;
    }
    .m01_stitle {
        position: absolute;
        color: #fff;
        font-size: 18px;
        font-weight: 700;
        width: 74px;
        /*left: 190px;*/
        /*left: 230px;*/
        left: 90px;
        top: 100px;
        margin-bottom: 0;
    }

    #m01_home_middle_content {
        width: auto;
        /*height: 280px;*/
        margin-top: 50px;
        /*background-image: url("../../../img/menu/index/home_middle01_contentx2.png");*/
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
    }
    #m01c02-2,  m01c02-3{
        margin-left: 60px;
    }
    .m02c {
        position: relative;
    }

    .m02_stitle {
        /*float: right;*/
        position: absolute;
        right: 15px;
        font-size: 18px;
        margin-top: 90px;
        color: rgba(64, 71, 74, 1);
        z-index: 999;
    }

    .m02c01, .m02c02, .m02c03 {
        margin-left: 20px
    }
    /*.m02c02, .m02c03 {*/
    /*    margin-top: 20px*/
    /*}*/

    .m02c02 .m02_stitle , .m02c03 .m02_stitle  {
        margin-top: 100px!important;
    }
    #m02c01 {
        margin-top: 50px;
    }

    .home_middle_btn {
        display: inline-grid;
        width: 120px;
        height: 63px;
        /*border-bottom: 3px solid #C8CBD0;*/
        margin-left: 50px;
        /*color: #C8CBD0;*/
        cursor: pointer;
    }

    .mbtn_title {
        width: 120px;
        height: 34px;
        font-size: 28px;
    }

    .mbtn_title_en {
        width: 120px;
        height: 24px;
        font-size: 20px;
    }

    .icon_add {
        /*display: inline-block;*/
        display: inline-flex;
        position: absolute;
        background-image: url("../../../img/menu/index/add.svg");
        background-size: contain;
        background-repeat: no-repeat;
        margin-top: 100px;
    }

    /*#add01{*/
    /*	top: 100px;*/
    /*	left:566px;*/
    /*}*/
    /*#add02{*/
    /*	top: 100px;*/
    /*	right:550px;*/
    /*}*/
    #m01_home_middle_content img {
        width: 1110px;
    }

    #m03c01 {
        width: 100%;
    }

    #m03c01-1t {
        font-size: 20px;
        margin-top: 20px;
    }

    .earofrice_left {
        display: inline-block;
        position: absolute;
        top: -20px;
        left: 28%;
    }

    .earofrice_right {
        display: inline-block;
        position: absolute;
        top: -20px;
        right: 28%;
    }

    #m03c02, #m03c05 {
        /*width: 65%;*/
        /*height: 250px;*/
    }

    #m03c02{
        margin-top: 30px;
        /*background: rgba(255, 255, 255, 0.80);*/
    }

    /*#m03c03, #m03c05 {*/
    /*    margin-left: 30px;*/
    /*}*/

    #got_it_btn {
        font-size: 16px;
    }
    /*Middle Block End*/

    #cookie_info_text {
        font-size: 16px;
        line-height: 24px;
    }

    .cookieInfoButtonDiv button {
        font-size: 16px;
    }
    #m01c01-1_icon{
        width: 500px;
        height: 140px;
        background-image: url("../../../img/menu/index/m01c01-1_icon.png");
    }
    #m01c01-2_icon{
        width: 250px;
        height: 140px;
        background-image: url("../../../img/menu/index/m01c01-2_icon.png");
        margin-left: 40px;
    }
    #m01c02-1_icon{
        width: 233px;
        height: 233px;
        background-image: url("../../../img/menu/index/m01c02-1_icon.png");
        /*margin-left: 60px;*/
    }
    #m01c02-2_icon{
        width: 220px;
        height: 229px;
        background-image: url("../../../img/menu/index/m01c02-2_icon.png");
        /*margin-left: 60px;*/
    }
    #m01c02-3_icon{
        width: 220px;
        height: 226px;
        background-image: url("../../../img/menu/index/m01c02-3_icon.png");
    }
    #m01c03-1_icon{
        width: 250px;
        height: 170px;
        background-image: url("../../../img/menu/index/m01c03-1_icon.png");
        /*margin-left: 40px;*/
    }
    #m01c03-2_icon{
        width: 500px;
        height: 170px;
        background-image: url("../../../img/menu/index/m01c03-2_icon.png");
        background-repeat: no-repeat;
        background-position: bottom;
        margin-left: 40px;
    }
    #m02c01-1_icon{
        width: 300px;
        height: 200px;
        background-image: url("../../../img/menu/index/m02c01-1_icon.png");
    }
    #m02c01-2_icon{
        width: 300px;
        height: 200px;
        background-image: url("../../../img/menu/index/m02c01-2_icon.png");
    }
    #m02c01-3_icon{
        width: 300px;
        height: 200px;
        background-image: url("../../../img/menu/index/m02c01-3_icon.png");
    }
    #m02c02-1_icon{
        width: 300px;
        height: 200px;
        background-image: url("../../../img/menu/index/m02c02-1_icon.png");
    }
    #m02c02-2_icon{
        width: 300px;
        height: 200px;
        background-image: url("../../../img/menu/index/m02c02-2_icon.png");
    }
    #m02c02-3_icon{
        width: 300px;
        height: 200px;
        background-image: url("../../../img/menu/index/m02c02-3_icon.png");
    }
    #m02c03-1_icon{
        width: 300px;
        height: 200px;
        background-image: url("../../../img/menu/index/m02c03-1_icon.png");
    }
    #m02c03-2_icon{
        width: 300px;
        height: 200px;
        background-image: url("../../../img/menu/index/m02c03-2_icon.png");
    }
    #m02c03-3_icon{
        width: 300px;
        height: 200px;
        background-image: url("../../../img/menu/index/m02c03-3_icon.png");
    }
    #m03c01-1_icon{
        width: 318px;
        height: 220px;
        background-image: url("../../../img/menu/index/m03c01-1_icon.png");
    }
    #m03c01-2_icon{
        width: 230px;
        height: 220px;
        background-image: url("../../../img/menu/index/m03c01-2_icon.png");
        margin-left: 27px;
    }
    #m03c01-3_icon{
        width: 220px;
        height: 220px;
        background-image: url("../../../img/menu/index/m03c01-3_icon.png");
        margin-left: 27px;
    }
    #m03c01-4_icon{
        width: 220px;
        height: 220px;
        background-image: url("../../../img/menu/index/m03c01-4_icon.png");
        margin-left: 27px;
    }
    #m03c02-1_icon{
        width: 1080px;
        height: 150px;
        background-image: url("../../../img/menu/index/m03c02-1_icon.png");
        /*margin-left: 30px;*/
    }
    #m03c03-1_icon{
        width: 250px;
        height: 160px;
        background-image: url("../../../img/menu/index/m03c03-1_icon.png");
    }
    #m03c03-2_icon{
        width: 300px;
        height: 160px;
        background-image: url("../../../img/menu/index/m03c03-2_icon.png");
        margin-left: 25px;
    }
    #m03c03-3_icon{
        width: 470px;
        height: 160px;
        background-image: url("../../../img/menu/index/m03c03-3_icon.png");
        margin-left: 25px;
    }

    #home_slider_m03c02 {
        width: 1080px;
        margin-left: 40px;
    }

}

@media only screen and (min-width: 1280px) {

    #home_banner02 {
        background: url('../../../img/menu/index/home_topbanner_bg02_pc.jpg') no-repeat center -180px/cover;
    }
    .m02_stitle {
        right: 70px;
    }
}

@media only screen and (min-width: 1440px) {
    #block01-1 {
        height: 1020px;
    }

    #m02c02, #m02c03 {
        /*margin-top: -20px;*/
    }

    /*#block01-1 ul li:nth-child(1n+1) img{*/
    /*	display: unset;*/
    /*}*/
    /*.home_block{*/
    /*	width:250px ;*/
    /*	height: 250px;*/
    /*}*/
    /*#home_block01, #home_block04{*/
    /*	margin-left: 0px;*/
    /*}*/
    #bubble04 {
        background-position: right 55px center;
    }

    #home_banner02 {
        background: url('../../../img/menu/index/home_topbanner_bg02_pc.jpg') no-repeat center -220px/cover;
    }


    /*Midddle Block Start*/
    .m01_stitle {
        left: 230px;
    }

    .sdgss {
        position: absolute;
        top: 0;
        left: 80px;
        width: 70px;
    }


    .sdgs_line {
        display: block;
        margin-left: 10px;
    }

    .sdgs_text {
        display: block;
    }

    .sdgs {
        display: inline-grid;
        width: 70px;
        height: 70px;
        margin: 10px;
    }

    /*.middle_block_bg{*/
    /*	height: 100%;*/
    /*}*/
    /*Middle Block End*/
}

@media only screen and (min-width: 2100px) {

    .home_banner {
        height: 500px;
    }

    #home_banner02 {
        background: url('../../../img/menu/index/home_topbanner_bg02_pc.jpg') no-repeat center -320px/cover;
    }
}