@charset "UTF-8";
/* =====================================
	common
===================================== */
.sp{
	display:none;
}

.pc{
    display:block;
}

@media screen and (max-width:768px){
    .sp{
        display:block;
    }
    
    .pc{
        display:none !important;
    }
}
/* =====================================
	sdgs
===================================== */
h4{
    font-family: var(--f-noto);
}

main{
    max-width: 1400px;
    margin: auto;
    padding-top: 80px;
    overflow: hidden;
}

.animated{
    opacity: 0;
}

main img{
    margin: 0 auto;
}

.txtArea01{
    position: relative;
    background: url("../img/sdgs/bg06.jpg");
    background-size: cover;
    max-width: 1400px;
    width: 100%;
    height: 807px;
    margin: 0 auto;
}

.txtArea01 p img{
    width: 100%;
}

.txtArea01 p:nth-child(1){
    position: absolute;
    top: 175px;
    left: 428px;
}

.txtArea01 p:nth-child(2){
    position: absolute;
    top: 381px;
    left: 336px;
}

.txtArea01 p:nth-child(3){
    position: absolute;
    top: 624px;
    left: 554px;
}

.action{
    width: 100%;
    height: 1242px;
    position: relative;
}

.action:nth-child(5){
    height: 1192px;
}

.action::before{
    content: "";
    width: 50%;
    height: 1193px;
    background: #f6fbfe;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.action:nth-child(even)::before{
    left: auto;
    right: 0;
}

.action:nth-child(3)::before{
    height: 1192px;
}

.action:nth-child(5)::before{
    height: 1192px;
}

.action .inner{
    position: relative;
    width: 1400px;
    height: 1242px;
    margin: 0 auto;
    z-index: 2;
    overflow-x: hidden;
}

.action01 .inner{
    background: url("../img/sdgs/bg01.jpg") no-repeat center;
}

.action02 .inner{
    background: url("../img/sdgs/bg02.jpg") no-repeat center;
    height: 1243px;
}

.action03 .inner{
    background: url("../img/sdgs/bg03.jpg") no-repeat center;
    height: 1243px;
}

.action04 .inner{
    background: url("../img/sdgs/bg04.jpg") no-repeat center;
    height: 1247px;
}

.action05 .inner{
    background: url("../img/sdgs/bg05.jpg") no-repeat center;
    height: 1192px;
}

.action .inner .flexbox{
    display: flex;
    justify-content: space-between;
    width: 985px;
    margin-left: 125px;
    text-align: left;
    padding-top: 106px;
}

.action:nth-child(even) .inner .flexbox{
    margin-left: 290px;
}

.action .inner .flexbox .txtArea img{
    margin: 0;
}

.action .inner .flexbox .txtArea p{
    font-size: 16px;
    margin-top: 36px;
    line-height: 2.0625;
}

.action .inner .flexbox .imgArea img{
    margin: 36px 0 0 auto;
}

.action .inner dl{
    display: flex;
    justify-content: space-between;
    margin: 80px 0 0 125px;
    width: 985px;
}

.action:nth-child(even) .inner dl{
    margin-left: 290px;
}

.action .inner dl dt{
    padding-right: 9px;
}

.action .inner dl dd{
    text-align: left;
    width: 282px;
}

.action .inner dl dd img{
    width: 100%;
}

.action .inner dl dd h4{
    font-size: 18px;
    margin: 18px 0 12px;
    color: #1fabdd;
    line-height: 1.63;
}

.action .inner dl dd p{
    font-size: 14px;
    line-height: 1.828571428571429;
}

.cnt{
    position: relative;
}

.cnt .more{
    position: absolute;
    bottom: -160px;
    left: 50%;
    transform: translateX(-50%);
    background: url("../img/sdgs/more.png") center no-repeat;
    background-size: 123px auto;
    width: 123px;
    height: 126px;
    cursor: pointer;
}

.cnt .more:hover{
    opacity: 0.7;
}

.cnt p{
    padding: 32px 0 100px;
}

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

.hidden{
    display: none;
}

.link02{
    position: absolute;
    top: 187px;
    left: 335px;
}

.link03{
    position: absolute;
    top: 466px;
    left: 488px;
}

.link04{
    position: absolute;
    top: 585px;
    left: 774px;
}

.link08{
    position: absolute;
    top: 843px;
    left: 573px;
}

.link15-1{
    position: absolute;
    top: 205px;
    left: 321px;
}

.link15-2{
    position: absolute;
    top: 246px;
    left: 321px;
}

.link22{
    position: absolute;
    top: 699px;
    left: 142px;
}

.link26{
    position: absolute;
    top: 978px;
    left: 590px;
}

.link28-1{
    position: absolute;
    top: 323px;
    left: 147px;
}

.link28-2{
    position: absolute;
    top: 323px;
    left: 337px;
}

.link28-3{
    position: absolute;
    top: 323px;
    left: 523px;
}

.link30{
    position: absolute;
    top: 498px;
    left: 986px;
}

.link32{
    position: absolute;
    top: 804px;
    left: 355px;
}

.link35{
    position: absolute;
    top: 1087px;
    left: 1023px;
}

.link38{
    position: absolute;
    top: 1267px;
    left: 353px;
}

.link45{
    position: absolute;
    top: 397px;
    left: 454px;
}

.link46{
    position: absolute;
    top: 662px;
    left: 744px;
}

.link50{
    position: absolute;
    top: 925px;
    left: 487px;
}

.link54{
    position: absolute;
    top: 1497px;
    left: 496px;
}

.link57{
    position: absolute;
    top: 1543px;
    left: 1008px;
}

.link62{
    position: absolute;
    top: 178px;
    left: 969px;
}

.link63{
    position: absolute;
    top: 633px;
    left: 765px;
}

.link66{
    position: absolute;
    top: 765px;
    left: 305px;
}

.link75{
    position: absolute;
    top: 1446px;
    left: 548px;
}

.link92{
    position: absolute;
    top: 853px;
    left: 745px;
}

.link98{
    position: absolute;
    top: 1257px;
    left: 177px;
}





@media screen and (max-width:1400px){

main img{
    width: 100%;
}

.txtArea01{
    height: 0;
    padding-top: 57.64285714285714%;
}

.txtArea01 p:nth-child(1){
    top: 12.5vw;
    left: 30.57142857142857vw;
    width: 53.5vw;
}

.txtArea01 p:nth-child(2){
    top: 27.21428571428571vw;
    left: 24vw;
    width: 36.71428571428571vw;
}

.txtArea01 p:nth-child(3){
    top: 44.57142857142857vw;
    left: 39.57142857142857vw;
    width: 33.5vw;
}

.action{
    height: 88.7142857vw;
}

.action:nth-child(5){
    height: 85.142857vw;
}

.action::before{
    display: none;
}

.action .inner{
    width: 100%;
    height: 88.7142857%;
}

.action01 .inner{
    background: url("../img/sdgs/bg01.jpg") no-repeat center;
    background-size: cover;
}

.action02 .inner{
    background: url("../img/sdgs/bg02.jpg") no-repeat center;
    background-size: cover;
    height: 88.7857vw;
}

.action03 .inner{
    background: url("../img/sdgs/bg03.jpg") no-repeat center;
    background-size: cover;
    height: 88.7857vw;
}

.action04 .inner{
    background: url("../img/sdgs/bg04.jpg") no-repeat center;
    background-size: cover;
    height: 89.07vw;
}

.action05 .inner{
    background: url("../img/sdgs/bg05.jpg") no-repeat center;
    background-size: cover;
    height: 85.142857vw;
}

.action .inner .flexbox{
    width: 70.357vw;
    margin-left: 8.92857vw;
    padding-top: 7.57vw;
}

.action:nth-child(even) .inner .flexbox{
    margin-left: 20.7142857vw;
}

.action01 .inner .flexbox .txtArea img{
    width: 28.357vw;
}

.action02 .inner .flexbox .txtArea img{
    width: 34.92857vw;
}

.action03 .inner .flexbox .txtArea img{
    width: 28.42857vw;
}

.action04 .inner .flexbox .txtArea img{
    width: 35.7857vw;
}

.action05 .inner .flexbox .txtArea img{
    width: 28.7857vw;
}

.action .inner .flexbox .txtArea p{
    font-size: 1.142857vw;
    margin-top: 2.57142857vw;
}

.action .inner .flexbox .imgArea img{
    margin: 2.57142857vw 0 0 auto;
}

.action01 .inner .flexbox .imgArea img{
    width: 30.57vw;
}

.action02 .inner .flexbox .imgArea img{
    width: 32vw;
}

.action03 .inner .flexbox .imgArea img{
    width: 36.57vw;
}

.action04 .inner .flexbox .imgArea img{
    width: 30vw;
}

.action05 .inner .flexbox .imgArea img{
    width: 31.42857vw;
}

.action .inner dl{
    margin: 5.7142857vw 0 0 8.92857vw;
    width: 70.357vw;
}

.action:nth-child(even) .inner dl{
    margin-left: 20.7vw;
}

.action .inner dl dt{
    padding-right: 0.642857vw;
}

.action .inner dl dd{
    width: 20.142857vw;
}

.action .inner dl dd h4{
    font-size: 1.2857vw;
    margin: 1.2857vw 0 0.857vw;
}

.action .inner dl dd p {
  font-size: 1vw;
}

.cnt .more{
    bottom: -11.42857vw;
    background: url("../img/sdgs/more.png") center no-repeat;
    background-size: 16.4vw auto;
    width: 16.4vw;
    height: 16.8vw;
}

.cnt p{
    padding: 2.2857vw 0 7.142857vw;
}

.link02{
    width: 24.7142857vw;
    top: 13.357142857vw;
    left: 23.92857vw;
}

.link03{
    width: 13.7857vw;
    top: 33.2857vw;
    left: 34.857vw;
}

.link04{
    width: 12.7142857vw;
    top: 41.7857vw;
    left: 55.2857vw;
}

.link08{
    width: 10.42857vw;
    top: 60.2142857vw;
    left: 40.92857vw;
}

.link15-1{
    width: 12.7142857vw;
    top: 13.857vw;
    left: 22.92857vw;
}

.link15-2{
    width: 12.7142857vw;
    top: 17vw;
    left: 22.92857vw;
}

.link22{
    width: 17.2857vw;
    top: 49.92857vw;
    left: 10.142857vw;
}

.link26{
    width: 13.7142857vw;
    top: 69.857vw;
    left: 42.142857vw;
}


.link28-1{
    width: 11.642857vw;
    top: 23.07vw;
    left: 10.5vw;
}

.link28-2{
    width: 11.642857vw;
    top: 23.07vw;
    left: 24.07vw;
}

.link28-3{
    width: 11.642857vw;
    top: 23.07vw;
    left: 37.357vw;
}

.link30{
    width: 20.642857vw;
    top: 35.57vw;
    left: 70.42857vw;
}

.link32{
    width: 12.7142857vw;
    top: 57.42857vw;
    left: 25.357vw;
}

.link35{
    width: 17.642857vw;
    top: 57.42857vw;
    left: 73.07vw;
}

.link38{
    width: 17.2857vw;
    top: 90.5vw;
    left: 25.2142857vw;
}

.link45{
    width: 12.7142857vw;
    top: 28.357vw;
    left: 32.42857vw;
}

.link46{
    width: 12.7142857vw;
    top: 47.2857vw;
    left: 53.142857vw;
}

.link50{
    width: 12.7142857vw;
    top: 66.07vw;
    left: 34.7857vw;
}

.link54{
    width: 12vw;
    top: 106.92857vw;
    left: 35.42857vw;
}

.link57{
    width: 19.07vw;
    top: 110.2142857vw;
    left: 72vw;
}

.link62{
    width: 12.7142857vw;
    top: 12.7142857vw;
    left: 69.2142857vw;
}

.link63{
    width: 21.42857vw;
    top: 45.2142857vw;
    left: 54.642857vw;
}

.link66{
    width: 16.42857vw;
    top: 54.642857vw;
    left: 21.7857vw;
}

.link75{
    width: 21.42857vw;
    top: 103.2857vw;
    left: 39.142857vw;
}

.link92{
    width: 10.7142857vw;
    top: 60.5vw;
    left: 53.2142857vw;
}

.link98{
    width: 11.07vw;
    top: 89.7857vw;
    left: 12.642857vw;
}

.pr a img{
    width: 100%;
}

}

@media screen and (max-width:768px){

body{
    overflow-x: hidden;
}

main img{
    width: 100%;
}

.action{
    height: auto;
}

.action:nth-child(5){
    height: auto;
}

.action::before{
    display: none;
}

.action .inner{
    width: 88.802vw;
    height: auto;
    margin: 0 0 9.1145833vw;
    background: #f7fbfe;
    border-radius: 0 5.729167vw 5.729167vw 0;
    padding: 21.875vw 0 19.53125vw;
    position: relative;
}

.action:nth-child(even) .inner{
    margin: 0 0 9.1145833vw auto;
    border-radius: 5.729167vw 0 0 5.729167vw;
}

.action:last-child .inner{
    margin-bottom: 0;
}

.action01 .inner{
    background: #f7fbfe;
}

.action02 .inner{
    background: #f7fbfe;
    height: auto;
}

.action03 .inner{
    background: #f7fbfe;
    height: auto;
}

.action04 .inner{
    background: #f7fbfe;
    height: auto;
}

.action05 .inner{
    background: #f7fbfe;
    height: auto;
}

.action .inner .flexbox{
    display: block;
    width: auto;
    margin-left: 3.90625vw;
    padding-top: 0;
}

.action:nth-child(even) .inner .flexbox{
    margin-left: 3.90625vw;
}

.action01 .inner .flexbox .txtArea img{
    width: 69.14vw;
}

.action02 .inner .flexbox .txtArea img{
    width: 83.2vw;
}

.action03 .inner .flexbox .txtArea img{
    width: 67vw;
}

.action04 .inner .flexbox .txtArea img{
    width: 72.526vw;
}

.action05 .inner .flexbox .txtArea img{
    width: 70.4427vw;
}

.action .inner .flexbox .txtArea p{
    font-size: 3.125vw;
    margin-top: 7.03125vw;
}

.action .inner .flexbox .imgArea img{
    margin: 0;
    position: absolute;
}

.action01 .inner .flexbox .imgArea img{
    width: 55.729167vw;
    top: 8.46354167vw;
    left: 32.9427vw;
}

.action02 .inner .flexbox .imgArea img{
    width: 58.46354167vw;
    top: 9.375vw;
    left: 31.77vw;
}

.action03 .inner .flexbox .imgArea img{
    width: 66.67vw;
    top: 9.5052vw;
    left: 22.265625vw;
}

.action04 .inner .flexbox .imgArea img{
    width: 54.6875vw;
    top: 8.854167vw;
    left: 30.20833vw;
}

.action05 .inner .flexbox .imgArea img{
    width: 57.29167vw;
    top: 8.59375vw;
    left: 31.51vw;
}

.action .inner dl{
    display: block;
    margin: 7.03125vw 0 0 5.9895833vw;
    width: 77.8645833vw;
}

.action:nth-child(even) .inner dl{
    margin-left: 5.9895833vw;
}

.action .inner dl dt{
    padding-right: 0;
    margin-bottom: 4.6875vw;
}

.action .inner dl dt img{
    width: 27.47395833vw;
    margin: 0;
}

.action .inner dl dd{
    width: 100%;
    margin-bottom: 8.0729167vw;
}

.action .inner dl dd:last-child{
    margin-bottom: 0;
}

.action .inner dl dd h4{
    font-size: 3.515625vw;
    margin: 3.645833vw 0 3.25520833vw;
}

.action .inner dl dd p{
    font-size: 3.125vw;
}

.cnt .more{
    bottom: -16.40625vw;
    background: url("../img/sdgs/sp/more.png") center no-repeat;
    background-size: 20vw auto;
    width: 20vw;
    height: 20.933vw;
}

.cnt .more:hover{
    opacity: 1;
}

.cnt p{
    padding: 0;
}

.link02{
    width: 35vw;
    top: 48vw;
    left: 52.734375vw;
}

.link03{
    width: 37.5vw;
    top: 130.33854vw;
    left: 50.13vw;
}

.link04{
    width: 34.765625vw;
    top: 260.15625vw;
    left: 18.4895833vw;
}

.link08{
    width: 28.515625vw;
    top: 408.203125vw;
    left: 64.0625vw;
}

.link15-1{
    width: 34.765625vw;
    top: 49vw;
    left: 45.833vw;
}

.link15-2{
    width: 34.765625vw;
    top: 57vw;
    left: 45.833vw;
}

.link22{
    width: 37.5vw;
    top: 270.833vw;
    left: 7.421875vw;
}

.link26{
    width: 37.5vw;
    top: 402.8645833vw;
    left: 34.5vw;
}

.link28-1{
    width: 31.77vw;
    top: 39.5833vw;
    left: 41.53645833vw;
}

.link28-2{
    width: 31.77vw;
    top: 66.67vw;
    left: 41.53645833vw;
}

.link28-3{
    width: 31.77vw;
    top: 93.61979167vw;
    left: 41.53645833vw;
}

.link30{
    width: 52.6vw;
    top: 208.46354167vw;
    left: 41.796875vw;
}

.link32{
    width: 34.765625vw;
    top: 287.109375vw;
    left: 45vw;
}

.link35{
    width: 43.88vw;
    top: 409.765625vw;
    left: 50.390625vw;
}

.link38{
    width: 40.1vw;
    top: 501vw;
    left: 6.77vw;
}

.link45{
    width: 34.765625vw;
    top: 127.734375vw;
    left: 60.4167vw;
}

.link46{
    width: 34.765625vw;
    top: 231.25vw;
    left: 9.24479167vw;
}

.link50{
    width: 20.7vw;
    top: 328.776vw;
    left: 74.479167vw;
}

.link54{
    width: 28.515625vw;
    top: 485.4167vw;
    left: 66.67vw;
}

.link57{
    width: 52vw;
    top: 605.729167vw;
    left: 43.229167vw;
}

.link62{
    width: 48.95833vw;
    top: 161.1979167vw;
    left: 44.4vw;
}

.link63{
    width: 55.078125vw;
    top: 236.979167vw;
    left: 5.859375vw;
}

.link66{
    width: 44.921875vw;
    top: 304.8177vw;
    left: 6.11979167vw;
}

.link75{
    width: 55.9895833vw;
    top: 552.34375vw;
    left: 5.9895833vw;
}

.link92{
    width: 29.296875vw;
    top: 311.328125vw;
    left: 56.11979167vw;
}

.link98{
    width: 30.2vw;
    top: 450.26vw;
    left: 17.96875vw;
}

}