@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@700&display=swap";
@import"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,600&display=swap";
:root {
  --main-color: #ff7100;
  --txt-color: #111;
  --broder-color: #f4f1e7;
  --red: #eb0303;
  --font-sp-3xs: clamp(.625rem, -.042rem + 3.33vw, .688rem);
  --font-sp-2xs: clamp(.688rem, .021rem + 3.33vw, .75rem);
  --font-sp-xs: clamp(.75rem, .083rem + 3.33vw, .813rem);
  --font-sp-s: clamp(.813rem, .146rem + 3.33vw, .875rem);
  --font-sp-m: clamp(.875rem, .208rem + 3.33vw, .938rem);
  --font-sp-l: clamp(.938rem, .271rem + 3.33vw, 1rem);
  --font-sp-xl: clamp(1rem, -.333rem + 6.67vw, 1.125rem);
  --font-sp-2xl: clamp(1.125rem, -.208rem + 6.67vw, 1.25rem);
  --font-sp-3xl: clamp(1.25rem, -1.417rem + 13.33vw, 1.5rem);
  --font-sp-4xl: clamp(1.5rem, -1.167rem + 13.33vw, 1.75rem);
  --font-sp-5xl: clamp(1.75rem, -.917rem + 13.33vw, 2rem);
  --font-4xs: clamp(.625rem, .528rem + .2vw, .688rem);
  --font-3xs: clamp(.688rem, .59rem + .2vw, .75rem);
  --font-2xs: clamp(.75rem, .653rem + .2vw, .813rem);
  --font-xs: clamp(.813rem, .715rem + .2vw, .875rem);
  --font-s: clamp(.875rem, .778rem + .2vw, .938rem);
  --font-m: clamp(.938rem, .84rem + .2vw, 1rem);
  --font-l: clamp(1rem, .805rem + .4vw, 1.125rem);
  --font-xl: clamp(1.125rem, .93rem + .4vw, 1.25rem);
  --font-2xl: clamp(1.25rem, .86rem + .8vw, 1.5rem);
  --font-3xl: clamp(1.5rem, 1.11rem + .8vw, 1.75rem);
  --font-4xl: clamp(1.75rem, 1.36rem + .8vw, 2rem);
  --font-5xl: clamp(2rem, 1.61rem + .8vw, 2.25rem);
  --leading-trim: calc((1em - 1lh)/2)
}
@supports not (top: 1lh) {
  :root {
    --leading-trim: 0
  }
} /*!basic css*/ html {
	/*
  height: 100%;
  font-size: 1.2vw*/
}
.px_numbers {
  max-width:none;
  margin: 0 auto;
  line-height: 1.1
}
@media screen and (max-width: 1220px) {
	.px_numbers {
		padding: 0 20px;
	}

}
.px_numbers *, .px_numbers *:before, .px_numbers *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  color: #383d3f;
  font-family:'Noto Serif JP', "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  vertical-align: baseline
}
.px_numbers h1, .px_numbers h2 {
  color: #383d3f;
  font-weight: 400;
  line-height: 1.1
}
.px_numbers img, .px_numbers video {
  max-width: 100%;
  height: auto;
  border-style: none;
  vertical-align: bottom
}
.px_numbers img {
  width: 100%;
  image-rendering: optimize-contrast
}
.px_numbers__grid {
  /*display: grid;*/
	display:block;
  gap: clamp(30px, 3.5vw, 40px);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width:max-content;
	margin: 0 auto;
}
.px_numbers__gridItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 350px;
  height: 380px;
  padding: clamp(30px, 3.5vw, 30px) clamp(15px, 2vw, 35px) clamp(20px, 2.5vw, 30px);
  overflow: hidden;
  border: 1px solid #CECECE;
	margin: 10px 0;
	background-color: #FFF;
}
.px_numbers__gridItem-bg {
  aspect-ratio: 329/749
}
.px_numbers__tag {
  font-weight: 700;
  font-size: 22px;
  text-align: center
}
.px_numbers__numBlock {
  margin-top: 10px
}
.px_numbers__numBlock .px_numbers__numBox {
  position: relative
}
.px_numbers__numIcon {
  position: absolute;
  top: 0;
  left: 10%;
  width: 20%
}
.px_numbers__numBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: clamp(0px, .5vw, 10px)
}
.px_numbers__numBox-left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}
.px_numbers__numBox-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center
}

.px_numbers__numBox-column .px_numbers__jp {
  margin-top: -20px
}
.px_numbers__numTxt {
  display: block;
  width: 100%;
  margin-top: 5px;
  font-size: clamp(.625rem, -.708rem + 6.67vw, .75rem);
  line-height: 1.1;
  text-align: center
}
.px_numbers__imgPlus {
  width: 40px;
  margin: 15px auto 10px
}
.px_numbers__num {
	font-family:'Noto Serif JP', "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  color: #000;
  font-weight: 500;
  font-size: 70px;
}
.px_numbers__jp {
  font-weight: 700;
	font-size: 30px;
  /*font-size: clamp(1rem, -1.667rem + 13.33vw, 1.25rem);*/
  line-height: 2.1
}
.px_numbers__en {
  font-weight: 600;
  font-size: 30px;
  line-height: 1.8;
  font-family: Inter, sans-serif
}
.px_numbers__img {
  padding-top: 10px
}

.px_numbers__img-auto {
  margin-top: 60px
}
.px_numbers__bg {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.px_numbers__icon {
  position: absolute;
  top: 2%;
  right: 10px;
  width: 28%
}
.px_numbers__chart {
  position: relative;
  aspect-ratio: 1/1;
  width: 90%;
  margin: clamp(15px, 1.5vw, 20px) auto 0
}
.px_numbers__chart .px_numbers__numBox {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  margin-top: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}
.px_numbers__progress {
  position: absolute;
  top: 0;
  width: 100%
}
.px_numbers__imgBox {
  position: relative
}
.px_numbers__imgBox .px_numbers__chart {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}
.px_numbers__chartImg {
  display: block;
  z-index: 2;
  position: relative;
  width: 100%
}
.px_numbers__graph {
  position: relative;
  aspect-ratio: 329/276;
  margin-top: 10px
}
.px_numbers__imgBg {
  position: absolute;
  top: 0;
  width: 100%
}
.imgtype3{
	
}
@media screen and (min-width: 300px) {
	

.px_numbers__gridItem-bg {
    aspect-ratio: 1180/0;
  }
.px_numbers__gridItem:nth-of-type(12) {
    grid-area: item12;
	  aspect-ratio: 1180/0;
  }
	
}


@media screen and (min-width: 480px) {
  .px_numbers__tag {
    font-size: 22px
  }
  .px_numbers__num {
    font-size: 66px
  }
  .px_numbers__en {
    font-size: 26px
  }
}
@media screen and (min-width: 580px) {
  .px_numbers__icon {
    top: 6%;
    right: 15px;
    width: 28%
  }
}

.tateBox{
	height: 100%;
}
.tateBox{
}
.px_numbers__gridItem-bg {
    aspect-ratio: 1180/0;
  }
.px_numbers__gridItem:nth-of-type(12) {
    grid-area: item12;
	  aspect-ratio: 1180/0;
  }

.px_numbers__gridItem:nth-of-type(12).tateBox .imgtype7{
	position: relative;
	margin: -200px 0 0 0;
	right: 0;
}
.px_numbers__gridItem:nth-of-type(12) .tenpo{
	width: 100%;
}

/*
    .px_numbers__gridItem-bg {
      aspect-ratio: 1180/0;
    }
    .px_numbers__gridItem:nth-of-type(12) {
		aspect-ratio: 1180/0;
	}
*/
@media screen and (min-width: 768px) {
	.px_numbers {
        max-width:1180px;
	}
	
  .px_numbers__grid {
	  grid-template-columns: repeat(3, 1fr);	  
	  grid-template-areas: "item1 item2 item3""item4 item5 item6""item7 item8 item9""item10 item11 item11""item12 item12 item12""item13 item14 item15""item16 item17 item18";
	  max-width: 1180px;
	  display: grid;
	  margin: auto;
  }
  .px_numbers__gridItem {
	  height: 380px;
    max-width: none;
	  background-color: #FFF;
	  margin: 0;
  }
	.tateBox{
	}
	
  .px_numbers__gridItem:nth-of-type(1) {
    grid-area: item1
  }
  .px_numbers__gridItem:nth-of-type(2) {
    grid-area: item2
  }
  .px_numbers__gridItem:nth-of-type(3) {
    grid-area: item3
  }
  .px_numbers__gridItem:nth-of-type(4) {
    grid-area: item4
  }
  .px_numbers__gridItem:nth-of-type(5) {
    grid-area: item5
  }
  .px_numbers__gridItem:nth-of-type(6) {
    grid-area: item6
  }
  .px_numbers__gridItem:nth-of-type(7) {
    grid-area: item7
  }
  .px_numbers__gridItem:nth-of-type(8) {
    grid-area: item8
  }
  .px_numbers__gridItem:nth-of-type(9) {
    grid-area: item9
  }
  .px_numbers__gridItem:nth-of-type(10) {
    grid-area: item10
  }
  .px_numbers__gridItem:nth-of-type(11) {
    grid-area: item11
  }
  .px_numbers__gridItem:nth-of-type(12) {
    grid-area: item12;
	  aspect-ratio: 1180/0;
  }
	
.px_numbers__gridItem:nth-of-type(12).tateBox .imgtype7{
	position: absolute;
	margin: 0;
	left: auto;
	right: 0;
}
.px_numbers__gridItem:nth-of-type(12) .tenpo{
	width: 360px;
}
  .px_numbers__gridItem:nth-of-type(13) {
    grid-area: item13
  }
  .px_numbers__gridItem:nth-of-type(14) {
    grid-area: item14
  }
  .px_numbers__gridItem:nth-of-type(15) {
    grid-area: item15
  }
  .px_numbers__gridItem:nth-of-type(16) {
    grid-area: item16
  }
  .px_numbers__gridItem:nth-of-type(17) {
    grid-area: item17
  }
  .px_numbers__gridItem:nth-of-type(18) {
    grid-area: item18
  }
		
  .px_numbers__gridItem-bg {
    aspect-ratio: 1180/0;
  }

  .px_numbers__tag {
    /*font-size: clamp(1.175rem, .525rem + 1.13vw, 1.425rem);*/
	  font-size: 24px;
	  font-family:'Noto Serif JP', "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	  font-weight: 500;
  }
  .px_numbers__numBlock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 0
  }
  .px_numbers__numBlock + .px_numbers__img {
    margin-top: 20px
  }
  .px_numbers__numIcon {
    left: -30%;
    width: 44%
  }
  .px_numbers__numBox-small .px_numbers__num {
    /*font-size: clamp(3.75rem, 3.75rem + 0vw, 3.75rem)*/
	  font-size: 70px;
  }
  .px_numbers__numTxt {
    font-weight: 500;
    font-size: clamp(.75rem, .425rem + .67vw, .875rem)
  }
  .px_numbers__imgPlus {
    margin: 0 30px
  }
  .px_numbers__num {
    /*font-size: clamp(4.688rem, 3.875rem + 1.67vw, 5rem)*/
	  font-size: 80px;
  }
  .px_numbers__jp {
    /*font-size: clamp(1.25rem, -.212rem + 3vw, 1.813rem)*/
	  font-size: 28px;
  }
  .px_numbers__jp-chart {
    line-height: 2.8
  }
  .px_numbers__en {
    /*font-size: clamp(1.75rem, .775rem + 2vw, 2.125rem)*/
	  font-size: 28px;
  }
  .px_numbers__img-auto {
    margin-top: auto;
    padding-bottom: 20px
  }
  .px_numbers__icon {
    top: 7%;
    width: 26%
  }
}
@media screen and (min-width: 800px) {
	.px_numbers__num {
		font-size: 70px;
	}
}
@media screen and (min-width: 1024px) {
  .px_numbers__jp-chart {
    line-height: 2.1
  }
  .px_numbers__icon {
    width: 24%
  }
}
/*
@media screen and (min-width: 1367px) {
  html {
    font-size: 16.4px
  }
}
@media screen and (max-width: 768px) {
  html {
    font-size: 3.5vw
  }
}
*/

.flexBoxPar{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	height: 100%;
}
.flexBox{
	display: flex;
	justify-content: center;
	flex-wrap: nowrap !important;
	align-items: center;
	padding: 20px 0 0 0;
}
.numtype1{
	padding: 50px 0 0 0;
}
.numtype2{
	padding: 30px 0 0 0;
}
.numtype3{
	padding: 20px 0 0 0;
}
.numtype4{
	margin-left: auto !important;
}
.imgtype1 {
	padding: 0;
	width: 204px;
	height: 125px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform:translate(-50%, 0%);
}
.imgtype2 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.imgtype3{
	width: 65%;
	left: 50%;
	top: 23px;
	transform:translate(-50%, 0%);
}
.imgtype5 {
	padding: 0;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0%;
}
.imgtype6 {
	position: relative;
	top: -70px;
}
@media screen and (min-width: 768px) {
    .imgtype7 {
        width: 95%;
        left: auto;
        right: 0;
    }
}
.imgtype8 {
	top: 50px;
}
.imgtype9 {
	top: auto;
	bottom: 50px;
	left: 0;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.imgtype9 img{
	width: 70%;
	height: auto;
}
.imgtype10{
	background: url("../img/about2025/px_numbers_img14.svg") no-repeat center;
	background-size: 100%;
	width: 80%;
}
.imgtype11{
	width: 100%;
	text-align: center;
	padding: 0 0 20px;
}
.imgtype11_sub{
	width: 100%;
	text-align: center;
	padding: 20px 0 0 0;
}
.imgtype11 img{
	width: 80px;
	height: auto;
}
.imgtype11_sub img{
	width: 110px;
	height: auto;
}
.px_numbers__imgPlus{
	width: 145px;
}
.graphtype1{
	transform: scale(0.75);
}
.graphtype2{
	padding: 60px 0 0 0;
}
.graphtype3{
	transform: scale(0.75);
	margin: 0;
	top: -50px;
}
line{
	position: relative;
	z-index: 1;
	top: 10px;
}
rect{
	position: relative;
	z-index: 0;
}
.tx1{
	font-size: 14px;
	font-family:'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
	line-height: 26px !important;
	letter-spacing: 0;
}
.tx2{
	width: 100%;
	font-size: clamp(1.25rem, -.212rem + 3vw, 1.813rem);
	text-align: center;
}
.txor{
	color: #FF5A00;
}
.px_year{
	width: 100%;
	text-align: center;
	padding:10px 0 0 0;
}
.px_year span{
	font-size: 18px;
    font-family:'Noto Serif JP', "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    font-weight: 500;
	padding: 0 20px;
	background-color: #FF5A00;
	color: #FFF;
}
.px_numbers__numTxt{
	font-family:'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.tenpo{
	width: 360px;
}
.px_tenpo{
	width: 100%;
	text-align: center;
	padding:10px 0 0 0;
	font-size: 12px;
}
@media screen and (max-width: 768px) {
	.px_tenpo{
		text-align: left;
	}
}
.tenpo .px_numbers__tag{
	width: 100%;
}
.px_tenpo2{
	width: 100%;
	text-align: center;
	padding:10px 0 0 0;
	font-size: 14px;
	font-family:'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.px_tenpo3{
	width: 100%;
	text-align: center;
	font-size: 14px;
	font-family:'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.px_tenpo4{
	width: 100%;
	text-align: right;
	font-size: 14px;
	
}
.px_tenpo p,
.px_tenpo2 p,
.px_tenpo3 p,
.px_tenpo4 p{
	font-family:'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.page_body{
	padding: 0 0 100px;
}
@media screen and (max-width: 370px) {
	.px_numbers__num {
		font-size: 60px;
	}
}