@charset "utf-8";
/*------------------------------------------------------------
	data
------------------------------------------------------------*/
body.comBg {
    background: url("../img/common/bg_dot.png") repeat left top/24px auto;
}
body.comBg:before, body.comBg:after {
    display: none;
}
#main {
    margin-bottom: 37px;
    overflow: hidden;
}
#main .content {
    max-width: 1000px;
    position: relative;
}
#main .headLine02 {
    margin: 38px 0 130px;
    font-size: 2.1rem;
    line-height: 1.4;
    letter-spacing: 0.075em;
}
#main .headLine02 .en {
    display: block;
    font-size: 5.5rem;
}
#main h3 {
    margin-bottom: 63px;
    padding: 3px 3px 5px;
    color: #fff;
    font-size: 2.3rem;
    text-align: center;
    letter-spacing: 0.25em;
    background-color: #008EBD;
}
#main .inner {
    margin-bottom: 135px;
}
#main .dataImg p {
    color: #008EBD;
    font-size: 56px;
    font-weight: 600;
    line-height: 1;
    font-family: 'Chakra Petch', sans-serif;
}
#main .dataImg {
    position: relative;
}
#main .dataImg p {
    position: absolute;
}
#main .dataImg01 .num01 {
    left: 50px;
    top: 50px;
}
#main .dataImg01 .num02 {
    right: 676px;
    top: 50px;
}
#main .dataImg01 .num03 {
    right: 755px;
    top: 190px;
}
#main .dataImg01 .num04 {
    right: 448px;
    top: 176px;
}
#main .dataImg01 .num05 {
    right: 245px;
    bottom: 2px;
}
#main .dataImg01 .num06 {
    right: 41px;
    top: 5px;
}
#main .dataImg01 .num07 {
    right: 159px;
    bottom: 156px;
}
#main .dataImg01 .num08 {
    right: 896px;
    bottom: 1px;
}
#main .dataImg02 .num01, #main .dataImg02 .num02, #main .dataImg02 .num03 {
    left: -7px;
    top: 40px;
    font-family: 'Noto Sans JP', sans-serif;
}
#main .dataImg02 .num01 span, #main .dataImg02 .num02 span, #main .dataImg02 .num03 span {
    font-family: 'Chakra Petch', sans-serif;
}
#main .dataImg02 .num01 span, #main .dataImg02 .num02 span, #main .dataImg02 .num03 span {
    margin: 0 10px;
}
#main .dataImg02 .num02 {
    left: 170px;
}
#main .dataImg02 .num03 {
    left: 340px;
	top: 44px;
    font-size: 44px;
}
#main .dataImg02 .num03 span {
    font-size: 56px;
}
#main .dataImg02 .num04 {
    right: 844px;
    top: 284px;
}
#main .dataImg02 .num05 {
    right: 844px;
    top: 364px;
}
#main .dataImg02 .num06 {
    right: 844px;
    top: 444px;
}
#main .dataImg02 .num07 {
    right: 844px;
    top: 525px;
}
#main .dataImg02 .num08 {
    right: 844px;
    top: 604px;
}
#main .dataImg02 .num09 {
    right: 38px;
    top: 412px;
}
#main .dataImg02 .num10 {
    right: 38px;
    top: 475px;
}
#main .dataImg02 .num11 {
    right: 38px;
    top: 540px;
}
#main .dataImg02 .num12 {
    right: 38px;
    top: 599px;
}
#main .dataImg02 {
    padding-bottom: 27px;
    margin-bottom: 50px;
    border-bottom: 1px solid #3C3C3C;
}
#main .dataImg02 .txt {
	width: 50%;
	position: absolute;
	right: -1%;
	bottom: 5%;
	color: #000;
	font-size: 1.3rem;
	letter-spacing: 0.08em;
	font-weight: 500;
	text-align: right;
	font-family: 'Noto Sans JP', sans-serif;
}
#main .dataImg03 {
    margin: 0 auto;
	width: 660px;
}
#main .dataImg03 .num01 {
    right: 64.1%;
    top: 81px;
}
#main .dataImg03 .num02 {
    right: 64.1%;
    top: 140px;
}
#main .dataImg03 .num03 {
    right: 78.7%;
    top: 240px;
}
#main .dataImg03 .num04 {
    right: 6%;
    top: 73px;
}
#main .dataImg03 .num05 {
    right: 19.5%;
    top: 175px;
}
#main .dataImg03 .num06 {
    right: 13.4%;
    top: 248px;
}
#main .dataImg03 .num07 {
    right: 148px;
    top: 130px;
}
#main .dataImg03 .num08 {
    right: 148px;
    top: 308px;
}
#main .inner02 {
    margin-bottom: 80px;
}
#main .dataImg04 .num01 {
    right: 905px;
    top: 74px;
}
#main .dataImg04 .num02 {
    right: 615px;
    top: 104px;
}
#main .dataImg04 .num03 {
    right: 405px;
    top: 104px;
}
#main .dataImg04 .num04 {
    right: 227px;
    top: 104px;
}
#main .dataImg04 .num05 {
    right: 42px;
    top: 104px;
}
#main .dataImg04 .num06 {
    right: 916px;
    top: 253px;
}
#main .dataImg04 .num07 {
    right: 578px;
    top: 264px;
}
#main .dataImg04 .num08 {
    right: 190px;
    top: 285px;
}
#main .dataImg04 .num09 {
    right: 844px;
    top: 440px;
}
#main .dataImg04 .num10 {
    right: 515px;
    top: 441px;
}
#main .dataImg04 .num11 {
    right: 105px;
    top: 418px;
}
#main .inner03 {
    margin-bottom: 89px;
}
#main .notes {
    margin-right: -8px;
    font-size: 1.3rem;
    text-align: right;
    letter-spacing: 0.04em;
}
@media all and (max-width: 896px) {
    body.comBg {
        background-size: 19px auto;
    }
    #main {
        margin-bottom: 60px;
    }
    #main .content {
        margin: 0;
        margin: 0 6.7%;
    }
    #main .headLine02 {
        margin: 4px 0 100px;
        font-size: 1.7rem;
        line-height: 1.5;
    }
    #main .headLine02 .en {
        font-size: 4.2rem;
    }
    #main h3 {
        margin-bottom: 28px;
        letter-spacing: 0.05em;
    }
    #main .inner {
        margin-bottom: 54px;
    }
    #main .dataImg > img {
        width: 100%;
    }
    #main .dataImg p {
        font-size: 11.4vw;
    }
    #main .dataImg01 .num01 {
        left: 18%;
        top: 3.8%;
    }
    #main .dataImg01 .num02 {
        right: 17.6%;
        top: 3.8%;
    }
    #main .dataImg01 .num03 {
        right: 42.6%;
        top: 19.7%;
    }
    #main .dataImg01 .num04 {
        right: 75%;
        top: 40.5%;
    }
    #main .dataImg01 .num05 {
        right: 77%;
        bottom: 27.8%;
    }
    #main .dataImg01 .num06 {
        right: 16.5%;
        top: 42.5%;
    }
    #main .dataImg01 .num07 {
        right: 20%;
        bottom: 23.2%;
        font-size: 10vw;
    }
    #main .dataImg01 .num08 {
        right: 86%;
        bottom: 0.5%;
    }
    #main .dataImg02 {
        margin: 0 -1px;
    }
    #main .dataImg02 .num01, #main .dataImg02 .num02, #main .dataImg02 .num03 {
        left: 6.1%;
        top: 1.6%;
    }
    #main .dataImg02 .num01 span, #main .dataImg02 .num02 span, #main .dataImg02 .num03 span {
        margin: 0 2vw;
    }
    #main .dataImg02 .num02 {
        left: 58%;
    }
    #main .dataImg02 .num03 {
        left: 42%;
        top: 8%;
        font-size: 10vw;
    }
    #main .dataImg02 .num03 span {
        margin: 0 3.3vw;
        font-size: 11.4vw;
    }
    #main .dataImg02 .num04 {
        right: 29.5%;
        top: 57.9%;
    }
    #main .dataImg02 .num05 {
        right: 29.5%;
        top: 62.6%;
    }
    #main .dataImg02 .num06 {
        right: 29.5%;
        top: 67.3%;
    }
    #main .dataImg02 .num07 {
        right: 29.5%;
        top: 72%;
    }
    #main .dataImg02 .num08 {
        right: 29.5%;
        top: 76.5%;
    }
    #main .dataImg02 .num09 {
        right: 10%;
        top: 86.8%;
    }
    #main .dataImg02 .num10 {
        right: 10%;
        top: 89.8%;
    }
    #main .dataImg02 .num11 {
        right: 10%;
        top: 92.8%;
    }
    #main .dataImg02 .num12 {
        right: 10%;
        top: 95.8%;
    }
    #main .dataImg02 {
        padding-bottom: 0;
        margin-bottom: 29px;
        border-bottom: none;
    }
	#main .dataImg02 .txt {
		width: 100%;
		right: -5px;
		bottom: 0.5%;
		font-size: 3.47vw;
	}
    #main .dataImg03 {
        margin: 0 2px 0 5px;
		width: auto;
    }
    #main .dataImg03 .num01 {
        right: 56.5%;
        top: 32.4%;
    }
    #main .dataImg03 .num02 {
        right: 56.3%;
        top: 45.8%;
    }
    #main .dataImg03 .num03 {
        right: 86.8%;
        top: 65.3%;
    }
    #main .dataImg03 .num04 {
        right: 13%;
        top: 14.8%;
    }
    #main .dataImg03 .num05 {
        right: 8.6%;
        top: 62.4%;
    }
    #main .dataImg03 .num06 {
        right: 33.5%;
        top: 79.8%;
    }
    #main .dataImg03 .num07 {
        right: 21.4%;
        top: 76.8%;
    }
    #main .dataImg03 .num08 {
        right: 13%;
        top: 92.5%;
    }
    #main .inner02 {
        margin-bottom: 38px;
    }
    #main .inner03 h3 {
        margin-bottom: 41px;
    }
	#main .dataImg04 {
		margin: 0 -2px;
	}
	#main .dataImg04 p {
		font-size: 11.47vw;
	}
    #main .dataImg04 .num01 {
        right: 79.1%;
        top: 4.5%;
    }
    #main .dataImg04 .num02 {
        right: 80.5%;
        top: 23.7%;
    }
    #main .dataImg04 .num03 {
        right: 9.4%;
        top: 35.2%;
    }
    #main .dataImg04 .num04 {
        right: 28.7%;
        top: 42.5%;
    }
    #main .dataImg04 .num05 {
        right: 28.7%;
        top: 50%;
    }
    #main .dataImg04 .num06 {
        right: 14.5%;
        top: 3.4%;
    }
    #main .dataImg04 .num07 {
        right: 42%;
        top: 22.5%;
    }
    #main .dataImg04 .num08 {
        right: 78%;
        top: 67.5%;
    }
    #main .dataImg04 .num09 {
        right: 22%;
        top: 67.7%;
		font-size: 8.53vw;
    }
	#main .dataImg04 .num09 span {
		font-size: 11.4vw;
	}
    #main .dataImg04 .num10 {
        right: 19.6%;
        top: 80%;
		font-size: 8.53vw;
    }
	#main .dataImg04 .num10 span {
		font-size: 11.4vw;
	}
    #main .dataImg04 .num11 {
        right: 21.1%;
        top: 91.6%;
    }
    #main .inner03 {
        margin-bottom: 30px;
    }
    #main .notes {
        margin-right: 0;
        text-align: center;
    }
}
@media all and (max-width: 359px) {
    #main .notes {
        font-size: 1.2rem;
    }
}