@charset "UTF-8";
/* CSS Document */
header h1.pageTit .fen_sb{
	font-size: 0.26rem;
	letter-spacing: 0.2em;
}

#container{padding-top: 10px;}

/*actList
=============================*/
.actList > li + li{margin-top: 50px;}
.actList li .noiseArea .ph{
  aspect-ratio: 390/211;
  width: calc((390/1280)*100%);
  max-width: calc(390px * (1440/1280));
  height: auto;
  margin-left: auto;
}
/* .actList li .noiseArea .noiseLines {width: max(calc(100% - (((390*0.4)/1280)*100%)),calc(100% - ((390px*0.4) * (1440/1280))));} */
.actList li .noiseArea .noiseLines {width: max(calc(100% - ((390/1280)*100%)),calc(100% - (390px * (1440/1280))));}

.areport.index #main .actList li .noiseArea .ph{
  aspect-ratio: 680/515;
  width: calc((680/1280)*100%);
  max-width: calc(680px * (1440/1280));
}
/* .areport.index #main .actList li .noiseArea .noiseLines {width: max(calc(100% - (((680*0.4)/1280)*100%)),calc(100% - ((680px*0.4) * (1440/1280))));} */
.areport.index #main .actList li .noiseArea .noiseLines {width: max(calc(100% - ((680/1280)*100%)),calc(100% - (680px * (1440/1280))));}


.actList li .detailArea {
  grid-template-columns: 50% calc(50% - 80px) 80px;
  /* grid-template-rows: repeat(3, 1fr); */
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  margin-top: 40px;
  padding: 0 15px;
}
/* .areport.index .actList .detailArea > *{border: 1px solid #000;} */
.actList li .detailArea .grid01 {grid-area: 1 / 1 / 2 / 2;}
.actList li .detailArea .grid02 {grid-area: 1 / 2 / 2 / 3; padding-left: 35px;}
.actList li .detailArea .grid03 {grid-area: 1 / 3 / 2 / 4;}
.actList li .detailArea .grid04 {grid-area: 2 / 1 / 3 / 2; margin-top: 20px;}
.actList li .detailArea .grid06 {grid-area: 2 / 2 / 3 / 4; margin-top: 20px; padding-left: 35px;}
.actList li .detailArea .grid06  > .inner{width: 100%; margin:auto 0;}

.areport.index #main .actList li .detailArea .grid04 {grid-area: 2 / 1 / 4 / 2; margin-top: 20px;}
.areport.index #main .actList li .detailArea .grid05 {grid-area: 2 / 2 / 3 / 4; margin-top: 20px; padding-left: 35px;}
.areport.index #main .actList li .detailArea .grid06 {grid-area: 3 / 2 / 4 / 4; margin-top: 20px; padding-left: 35px;}
.areport.index #main .actList li .detailArea .grid06  > .inner{width: 100%; margin: 0 0 auto 0;}


.actList .detailArea .data{
  font-size: 0.12rem;
  letter-spacing: 0.1em;
}
.actList .detailArea .tagList{
  font-size: 0.12rem;
  letter-spacing: 0.1em;
}
.actList .detailArea .tagList li{
  margin-right: 1em;
}
.actList .detailArea .likeBt{text-align: right;}
.actList .detailArea .likeBt a{
  font-size: 0.13rem;
  letter-spacing: 0.1em;
  text-decoration: underline;
}

.actList .detailArea h3{
  font-size: 0.21rem;
  letter-spacing: 0.15em;
  line-height: calc(34/21);
  padding-right: calc((100/625)*100%);
}
.areport.index #main .actList li .detailArea h3{
  font-size: 0.33rem;
  letter-spacing: 0.2em;
}
.areport.index #main .actList li .detailArea .txt{
  font-size: 0.14rem;
  letter-spacing: 0.1em;
  line-height: calc(27/14);
}
.actList li .detailArea .phColor{width: fit-content;}
.actList li .detailArea .phColor li{
  width: 10px;
  height: 10px;
  margin-right: 10px;
}
.actList li .detailArea .bt_more{
  width: fit-content;
  margin-left: auto;
}
.actList li .detailArea .bt_more a{
  display: block;
  font-size: 0.11rem;
  letter-spacing: 0.1em;
  padding: 1em 1.5em;
  border: 1px solid #000;
}



.pnav{
  padding: 0 15px;
	font-size: 0.15rem;
	letter-spacing: 0.1em;
}
.pnav .wpnav{width: 100%;}
.pnav .wpnav .wp-pagenavi{
	display: flex;
	width: 100%;
}
.pnav .wpnav .wp-pagenavi > *{
	display: block;
	margin-right: 0.5em;
	padding: 0px 0 4px;
}
.pnav .wpnav .wp-pagenavi .previouspostslink,
.pnav .wpnav .wp-pagenavi .nextpostslink{
	color: rgba(0,0,0,0.3);
	order: 10;
	margin-right: 0;
}
.pnav .wpnav .wp-pagenavi .previouspostslink{
	margin-left: auto;
	margin-right: 2em;
	position: relative;
}
.pnav .wpnav .wp-pagenavi .previouspostslink::before{
	content: '';
	width: 1px;
	height: calc(100% - 4px);
	position: absolute;
	top:0px;
	right: -1em;
	background: #000;
}
.pnav .wpnav .wp-pagenavi .pages,
.pnav .wpnav .wp-pagenavi .first,
.pnav .wpnav .wp-pagenavi .last{
	display: none;
}
.pnav .wpnav .wp-pagenavi li + li{
	margin-left: 0.5em;
}
.pnav .wpnav .wp-pagenavi a{
	color: rgba(0,0,0,0.3);
	background-image: linear-gradient(#000, #000);
  background-position: 0% 100%;
  background-repeat: no-repeat;
	transition: background 0.35s ease;
	background-size: 0% 1px;
}
.pnav .wpnav .wp-pagenavi a:hover{
	color: rgba(0,0,0,1);
	background-size: 100% 1px;
}

.pnav .wpnav .wp-pagenavi a.previouspostslink,
.pnav .wpnav .wp-pagenavi a.nextpostslink{
	background-size: 0% 2px;
	color: rgba(0,0,0,1);
}
.pnav .wpnav .wp-pagenavi a.previouspostslink:hover,
.pnav .wpnav .wp-pagenavi a.nextpostslink:hover{
	background-size: 100% 2px;
}


.pnav .wpnav li + li{
	margin-left: 0.5em;
}
.pnav .wpnav li a{
	color: rgba(0,0,0,0.3);
}
.pnav .wpnav li a:hover{
	color: rgba(0,0,0,1);
}
.pnav .pnav_np{margin-left: auto;}
.pnav .pnav_np li:first-child{
  padding-right: 1em;
	margin-right: 1em;
	border-right: 1px solid #000;
}
.pnav .pnav_np li span.noLink{
  opacity: 0.5;
}




/* .postContents
=============================*/
.postContents{
	font-size: 0.15rem;
	line-height: calc(37/15);
	letter-spacing: 0.2em;
}
.postContents img{
	max-width: 100% !important;
	height: auto !important;
}
.postContents > *:not(.phBox){
	width: max(calc((1000/1280)*100%), 1000px);
	margin: 50px 15px 0;
}
@media screen and (max-width:1030px) {
	.postContents > *:not(.phBox){width: calc(100% - 30px);}
}
.postContents > .phBox{
	width: 100vw;
	overflow: auto;
	padding: 0 15px;
	margin-top: 50px;
}
.postContents > .phBox > div{
	width: fit-content;
	padding-right: 15px;
}
.postContents > .phBox > div .ph{
	width: max(calc((490/1280)*100vw), 490px);
}
.postContents > .phBox > div .ph + .ph{
	margin-left: 16px;
}

.postContents figure{margin-top: 1.5em;}
.postContents > *:first-child{
	margin-top: 0;
}
.postContents h1,
.postContents h2{
	font-size: 0.21rem;
	margin-top: 3em;
}
.postContents h3{
	font-size: 0.18rem;
	margin-top: 4em;
	border-left: 3px solid rgba(0,0,0,0.2);
	padding-left: 1em;
}
.postContents h4{
	font-size: 0.16rem;
	border-bottom: 1px solid rgba(0,0,0,0.2);
	padding-bottom: 0.5em;
	margin-top: 4em;
}
.postContents h5{
	font-size: 0.16rem;
	margin-top: 4em;
}
.postContents p a{
  display: inline;
  background-image: linear-gradient(90deg,#000 0%, #000 50%, #CCC 50%,#CCC 100%);
  background-size: 200% 1px;
	background-position: 100% 100%;
  background-repeat: no-repeat;
	transition: background-position 0.35s ease;
	padding: 2px 0;
}
.postContents p a:hover{
	background-position: 0% 100%;
}

.postContents figure.wp-block-image{
}
.postContents iframe{
	aspect-ratio: 16/9;
	width: 100%!important;
	max-width: 800px;
	height: auto!important;
	margin-left: auto;
	margin-right: auto;
}

.postContents figure.wp-block-embed-youtube .wp-block-embed__wrapper iframe {
	aspect-ratio: 16/9;
	width: 100%;
	height: 100%;
}
/*引用*/
.postContents .wp-block-quote{
	text-align: center;
	background: var(--gray_e0);
	padding: 1em;
	isolation: isolate;
}


/*目次*/
.postContents #toc_container {
	width: 100%!important;
	background: none!important;
	border: 1px solid var(--LINE_a30)!important;
	padding: 30px 40px!important;
	margin-bottom: 0!important;
	width: auto!important;
	display: block!important;
	font-size: 0.2rem;

	/*追加*/
	isolation: isolate;
	margin-top: 50px;
	background: #FFF!important;
}
.postContents #toc_container .toc_title{
	text-align: left !important;
	font-family: "Shippori Mincho", serif !important;
	font-weight: 500!important;
	margin: 0;
	padding: 0;

	/*追加*/
}
.postContents #toc_container p.toc_title+ul.toc_list {
	margin-top: 0.5em;
}
.postContents #toc_container ul.toc_list > li:nth-child(n+2){margin-top: 1em;}
.postContents #toc_container ul.toc_list li a{
	opacity: 1;
	-webkit-transition: opacity 0.35s ease;
	transition: opacity 0.35s ease;
}
.postContents #toc_container ul.toc_list li a:hover{
	opacity: 0.5;
	text-decoration: none;
}
.postContents #toc_container ul.toc_list > li > a{
	display: inline-block;
	font-family: "Shippori Mincho", serif !important;
	font-weight: 500!important;
	position: relative;
	padding-left: 1.5em;
}
.postContents #toc_container ul.toc_list > li > a .toc_number{
	position: absolute;
	top:0;
	left:0;
}
.postContents #toc_container ul.toc_list > li > a .toc_number::after{
	content: '.';
}
.postContents #toc_container ul.toc_list > li > ul > li .toc_number{display: none;}
.postContents #toc_container ul.toc_list > li ul{margin-left: 0;}
.postContents #toc_container ul.toc_list > li > ul{margin-left: 1.5em;}
.postContents #toc_container ul.toc_list li ul li a{
	color: var(--BASE);
	display: inline-block;
	position: relative;
	padding-left: 1em;
}

.postContents #toc_container ul.toc_list li ul li a::before{
	content: '';
	width: 8px;
	height: 8px;
	display: block;
	-webkit-mask-image: url('../img/icon_arrow.svg');
	mask-image: url('../img/icon_arrow.svg');
	mask-size: 100% 100%;
	position: absolute;
	left:0;
	top:12px;
	background: var(--BL03);
}
.postContents #toc_container ul.toc_list > li > ul li a{
	font-size: 0.16rem;
}

.postContents > ol{list-style: decimal;}
.postContents > ul > li{
	margin-left: 1.5em;
	position: relative;
}
.postContents > ul > li::before{
	content: '●';
	position: absolute;
	top:0;
	left:-1.25em;
	color: var(--gray_e0);
}
.postContents > ol > li{margin-left: 1.5em;}

.postContents a.wp-block-file__button,
.postContents a.wp-block-button__link{
	font-size: 0.15rem;
	background: var(--gray_e0);
	color: #000;
	padding: 0.5em 1em;
	filter: blur(0);
}
.postContents a.wp-block-file__button:hover,
.postContents a.wp-block-button__link:hover{
	filter: blur(6px);
}


.postContents .postContents .has-white-color {
  background: #FFF;
}
.postContents .has-white-background-color {
  background: #FFF;
}
.postContents .has-base-color {
  background: #57667B;
}
.postContents .has-base-background-color {
  background: #57667B;
}

.postContents .has-bl-01-color {
  background: #1673FF;
}
.postContents .has-bl-01-background-color {
  background: #1673FF;
}
.postContents .has-bl-02-color {
  background: #E7EEFF;
}
.postContents .has-bl-02-background-color {
  background: #E7EEFF;
}
.postContents .has-bl-03-color {
  background: #6084E4;
}
.postContents .has-bl-03-background-color {
  background: #6084E4;
}
.postContents .has-line-color {
  background: #C4D0E2;
}
.postContents .has-line-background-color {
  background: #C4D0E2;
}



.postContents .has-dfc01-gradient-background{
	background: linear-gradient(to right,  #cad9ff 0%,#9babff 51%,#cc7cfd 100%);
}
.postContents .has-dfc02-gradient-background{
	background: linear-gradient(to right,  #6086E6 0%,#A48DFF 67%,#C160FD 100%);
}
.postContents .has-dfc03-gradient-background{
	background: linear-gradient(45deg,  #9CA0FF 0%,#7CADF5 46%,#B2DAFF 100%);
}

/*postListBox
=============================*/
.postListBox{
	margin: 60px 15px 0;
}
.postListBox + .postListBox {margin-top: 100px;}
.postListBox h3{
	font-size: 0.22rem;
	letter-spacing: 0.1em;
	margin-bottom: 25px;
}
.postListBox + .postListBox h3{
	border-top: 1px solid rgba(0,0,0,0.2);
	padding-top: 0.75em;
}
.postListBox .postBox .postList{
	column-gap: 12px;
}
.postListBox .postBox .postList li{flex: 1; max-width: 33.3333%;}
.postListBox .postBox .postList li a{
	display: block;
}
.postListBox .postBox .postList li a .ph{
	aspect-ratio: 407/226;
	width: 100%;
}
.postListBox .postBox .postList li a h4{
	font-size: 0.14rem;
	letter-spacing: 0.2em;
	line-height: calc(22/14);
	margin-top: 0.5em;
}


/*=============================
  areport
=============================*/

/*areport index
=============================*/
.areport.index #main{margin-bottom: 70px;}

.areport.index .tagArea{
	margin: 0 15px 70px;
	padding: 25px 0;
	border: 1px solid #000;
}

.areport.index .tagArea h3{
	width: max(calc((360/1250)*100%), 360px);
	text-align: center;
	font-size: 0.22rem;
	letter-spacing: 0.1em;
}
.areport.index .tagArea .tagList{
	width: max(calc((890/1250)*100%), calc(100% - 360px));
	min-height: 135px;
	padding: 0 calc((165/1250)*100%);
	border-left: 1px solid #000;
	font-size: 0.14rem;
	letter-spacing: 0.1em;
	align-content: center;
	gap: 1em 1.5em;
}

.areport.index .pnav{margin-top: 100px;}


/*areport post
=============================*/
.areport.post #main .noiseArea{
	aspect-ratio: 1280/235;
	width: 100%;
	max-height: 235px;
}
.areport.post #main .titArea{margin-top: 30px;}
.areport.post #main .titArea .ph{
	order: 10;
	aspect-ratio: 640/475;
	width: min(50%,720px);
}
.areport.post #main .titArea .txtArea{
	padding: 0 30px 0 15px;
	width: max(50%,calc(100% - 720px));
  grid-template-columns: calc(100% - 80px) 80px;
	grid-template-rows: auto 1fr auto; 
  grid-column-gap: 0px;
  grid-row-gap: calc((50/720)*100%);
}
.areport.post #main .titArea .txtArea .grid01 {grid-area: 1 / 1 / 2 / 2;}
.areport.post #main .titArea .txtArea .grid02 {grid-area: 1 / 2 / 2 / 3;}
.areport.post #main .titArea .txtArea .grid03 {grid-area: 2 / 1 / 3 / 3;}
.areport.post #main .titArea .txtArea .grid04 {grid-area: 3 / 1 / 4 / 2;}
.areport.post #main .titArea .txtArea .grid05 {grid-area: 3 / 2 / 4 / 3;}

.areport.post #main .titArea .txtArea > *{
	height: fit-content;
}

.areport.post #main .titArea .txtArea .data{
  font-size: 0.12rem;
  letter-spacing: 0.1em;
}
.areport.post #main .titArea .txtArea .phColor{
	width: fit-content;
	margin-left: auto;
}
.areport.post #main .titArea .txtArea .phColor li{
  width: 10px;
  height: 10px;
}
.areport.post #main .titArea .txtArea .phColor li:nth-child(n+2){
  margin-top: 10px;
}
.areport.post #main .titArea .txtArea h2{
	width: 100%;
  font-size: min(calc((33/1440)*100vw),0.33rem);
  letter-spacing: 0.2em;
  line-height: calc(64/33);
	/* margin-top: min(calc((55/475)*100%) , 55px); */
}
.areport.post #main .titArea .txtArea .tagList{
  font-size: 0.13rem;
  letter-spacing: 0.1em;
	column-gap: 1em;
	row-gap: 0.5em;
}
.areport.post #main .titArea .txtArea .likeBt{
	width: 80px;
	text-align: right;
}
.areport.post #main .titArea .txtArea .likeBt a{
  font-size: 0.13rem;
  letter-spacing: 0.1em;
  text-decoration: underline;
}

.areport.post #main .txt01{
	margin: 95px 15px 0 15px;
  font-size: 0.16rem;
  letter-spacing: 0.2em;
	line-height: calc(31/16);
	padding: 40px 35px;
	border: 1px solid #000;
}



.areport.post section{
	margin-top: 100px;
}
.areport.post section h2{margin: 0 15px;}
.areport.post section h2 .num{
	width: 55px;
	font-size: 0.23rem;
	letter-spacing: 0.1em;
	border-right: 1px solid rgba(112,112,112,1);
	line-height: calc(35/23);
	padding: 0.1em 0;
}
.areport.post section h2 .jp{
	width: calc(100% - 55px);
	padding-left: 1em;
	font-size: 0.27rem;
	letter-spacing: 0.2em;
	line-height: calc(47/27);
	margin-top: -0.25em;
}
.areport.post section .noiseArea{
	aspect-ratio: 1280/23;
	width: 100%;
	max-height: calc(23px * (1440/1280));
	margin-top: 60px;
}
.areport.post section > .inner{
	margin: 70px 0 0;
	font-size: 0.15rem;
	letter-spacing: 0.2em;
	line-height: calc(37/15);
}
.areport.post section > .inner .txtBloc{
	width: max(calc((1000/1280)*100%), 1000px);
	margin: 0 15px;
}
@media screen and (max-width:1030px) {
	.areport.post section > .inner .txtBloc{width: calc(100% - 30px);}
}
.areport.post section > .inner .txtBloc > *{
	margin-top: 3em;
}

.areport.post section > .inner .txtBloc a{
  display: inline;
  background-image: linear-gradient(90deg,#000 0%, #000 50%, #CCC 50%,#CCC 100%);
	background-position: 100% 100%;
  background-repeat: no-repeat;
	transition: background-position 0.35s ease;
	padding: 2px 0;
	background-size: 200% 1px;
}
.areport.post section > .inner .txtBloc a:hover{background-position: 0% 100%;}


.areport.post section > .inner .picBloc{
	width: max(calc((1000/1280)*100%), 1000px);
	margin: 75px 15px 0;
}
/*.picList li が3つ以上の場合*/
.areport.post section > .inner .picBloc:has(> .picList li:nth-child(3)){
	width: 100%;
	overflow: auto;
	padding: 0 15px 15px 15px;
	margin: 75px 0px 0;
}

.areport.post section > .inner .picBloc .picList{
	column-gap: 20px;
}
/*.picList li が3つ以上の場合*/
.areport.post section > .inner .picBloc:has(> .picList li:nth-child(3)) .picList{
	width: fit-content;
}

.areport.post section > .inner .picBloc .picList li {flex: 1;}
/*.picList li が3つ以上の場合*/
.areport.post section > .inner .picBloc:has(> .picList li:nth-child(3)) .picList li{
	width: max(calc((490/1280)*100vw - 10px), 490px);
}

.areport.post section > .inner .picBloc .picList li .pic{
	aspect-ratio: 528/299;
	width: 100%;
	height: auto;
}
.areport.post section > .inner .picBloc .picList li .cap{
	font-size: 0.12rem;
	letter-spacing: 0.1em;
	margin-top: 1em;
	line-height: 1.5;
}

.areport.post section > .inner .movie{
	width: max(calc((1000/1280)*100%), 1000px);
	margin: 75px 15px 0;
}
.areport.post section > .inner .movie iframe{
	aspect-ratio: 16/9;
	width: 100%;
	height: auto;
}



.areport.post #contents > .likeBt{
	margin-top: 30px;
	padding: 0 15px;
}
.areport.post #contents > .likeBt .icon{
	border: 1px solid #000;
	font-size: 0.17rem;
	letter-spacing: 0.1em;
	padding: 0.35em 0.75em 0.2em 1em;
	margin-right: 1em;
}
/* .areport.post #contents > .likeBt a{
  font-size: 0.13rem;
  letter-spacing: 0.1em;
  text-decoration: underline;
	padding-top: 0.1em;
} */


.areport.post .pnav{margin-top: 85px;}




.areport.post .rreport{
	margin-top: 50px;
}
.areport.post .rreport h2{
	margin: 0 15px;
	border-top: 1px solid rgba(112,112,112,0.2);
	padding-top: 1em;
	font-size: 0.27rem;
	letter-spacing: 0.1em;
}
.areport.post .actList{
	margin-top: 45px;
}

/*areport tags
=============================*/
.areport.tags #contents{padding-top: 50px;}
.areport.tags h2 {
	font-size: 0.35rem;
	letter-spacing: 0.1em;
	margin: 0 15px 45px;
	padding-bottom: 45px;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}
.areport.tags .pnav{margin-top: 85px;}


/*=============================
 news
=============================*/
.news #contents{padding-top: 65px;}

/* news index
=============================*/
.news.index #contents > .inner{
  padding: 0 15px;
}
.news.index .newsList li{
  padding-bottom: 45px;
  border-bottom: 1px solid #000;
}
.news.index .newsList > li + li{
  margin-top: 45px;
}
.news.index .newsList li a .data{
  width: 100%;
  font-size: 0.12rem;
  letter-spacing: 0.1em;
	margin-bottom: 2.5em;
}
.news.index .newsList li a h3{
  width: calc(100% - 150px);
  font-size: 0.20rem;
  letter-spacing: 0.15em;
  line-height: calc(28/16);
  margin-right: auto;
}
.news.index .newsList li a .bt_more{
  width: 110px;
  display: block;
  font-size: 0.11rem;
  letter-spacing: 0.1em;
  padding: 1em;
  border: 1px solid #000;
  text-align: center;
}
.news.index .pnav{
  margin-top: 40px;
}

/* news post
=============================*/
.news.post .titArea{
	margin: 0 15px 50px;
	padding-bottom: 25px;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}
.news.post .titArea .data{
  font-size: 0.13rem;
  letter-spacing: 0.1em;
}
.news.post .titArea h2{
  font-size: 0.29rem;
  letter-spacing: 0.2em;
	line-height: calc(47/29);
	margin-top: 0.5em;
}

.news.post .pnav{
  margin-top: 40px;
}

/*=============================
 about
=============================*/
.about #main{margin-bottom: 90px;}
.about #main .noiseArea .ph{
  aspect-ratio: 723/482;
  width: calc((723/1280)*100%);
  max-width: calc(723px * (1440/1280));
  height: auto;
  margin-left: auto;
}
/* .about #main .noiseArea .noiseLines {width: max(calc(100% - (((723*0.4)/1280)*100%)),calc(100% - ((723px*0.4) * (1440/1280))));} */
.about #main .noiseArea .noiseLines {width: max(calc(100% - ((723/1280)*100%)),calc(100% - (723px * (1440/1280))));}




.about section{
	padding: 0 15px;
}
.about section + section{
	margin-top: 100px;
}

.about section:not(#bloc01) > .inner > *{order:3;}
.about section:not(#bloc01) > .inner > h2{order:1;}
.about section:not(#bloc01) > .inner > .bt_view{order:2;}

.about section:not(#bloc01) h2 {
	width: calc(100% - 200px);
	margin-right: auto;
}
.about section:not(#bloc01) h2 .fen_sb{
	font-size: 0.3rem;
	letter-spacing: 0.1em;
	margin-right: 1em;
}
.about section:not(#bloc01) h2 .jp{
	font-size: 0.18rem;
	letter-spacing: 0.1em;
	border-left: 1px solid #000;
	padding: 0.35em 0 0.5em 1.5em;
}
.about section#innov .postListBox{margin-right: 0;margin-left: 0;}
.about section#incb .postListBox{margin-top: 40px;margin-right: 0;margin-left: 0;}




.about #bloc01 .logo{
	aspect-ratio: 470/86;
	width: 470px;
}
.about #bloc01 .txt01{
	font-size: 0.2rem;
	letter-spacing: 0.2em;
	line-height: calc(39/20);
	margin-top: 50px;
}
.about #bloc01 .txt01 .fm{
	font-size: calc((16/20) * 100%);
}

.about #bloc01 .bgArea{
  background: #F7F7F7;
	padding: 70px 30px 30px;
	margin-top: 50px;
}
.about #bloc01 .zuArea{
	width: 100%;
  max-width: 990px;
	margin-left: auto;
	margin-right: auto;
}
.about #bloc01 .zuArea .zu01{
	position: relative;
	min-height: 335px;
}
.about #bloc01 .zuArea .zu01::before,
.about #bloc01 .zuArea .zu01::after{
	content: '';
	display: block;
	width: calc((321/990)*100%);
	height: calc(100% - 30px);
	background: url(../img/about/about_bloc01_arrowBg.svg) no-repeat center center/100% 100%;
	position: absolute;
}
.about #bloc01 .zuArea .zu01::before{
	top:15px;
	left:0;
}
.about #bloc01 .zuArea .zu01::after{
	top:15px;
	right: 0;
	transform: rotate(180deg);
}
.about #bloc01 .zuArea .zu01 .zuTxt{
	font-size: 0.15rem;
	letter-spacing: 0.2em;
	line-height: calc(22/15);
	text-align: center;
}
.about #bloc01 .zuArea .zu01 .zuTxt01{margin-bottom: auto;}
.about #bloc01 .zuArea .zu01 ul{margin: 25px 0;}
.about #bloc01 .zuArea .zu01 .zuTxt02{margin-top: auto;}

.about #bloc01 .zuArea .zu01 ul{
	background: url(../img/about/about_bloc01_pic01.svg) no-repeat center center/contain;
	column-gap: 90px;
}
.about #bloc01 .zuArea .zu01 ul li{width: calc(50% - 45px);}
.about #bloc01 .zuArea .zu01 ul li:first-child{margin-right: auto;padding-left: 35px;}
.about #bloc01 .zuArea .zu01 ul li:last-child {padding-right: 35px;}
.about #bloc01 .zuArea .zu01 ul li:first-child .fen_b{order: 2;}
.about #bloc01 .zuArea .zu01 ul li .fen_b{
	font-size: 0.2rem;
	letter-spacing: 0.1em;
	text-align: center;
	width: 50%;
}
.about #bloc01 .zuArea .zu01 ul li .jp{
	font-size: 0.14rem;
	letter-spacing: 0.2em;
	line-height: calc(22/14);
	text-align: center;
	width: 50%;
}
.about #bloc01 .zuArea .arrow {
	height: 20px;
	border: 1px solid #000;
	border-top: none;
	position: relative;
	margin-top: 15px;
}
.about #bloc01 .zuArea .arrow img{
	width: 11px;
	height: auto;
	position: relative;
	top:100%;
	left:calc(50% - 5px);
}
.about #bloc01 .zuArea .zuTxt03{
	margin-top: 75px;
}
.about #bloc01 .zuArea .zuTxt03 .fen_b{
	font-size: 0.28rem;
	letter-spacing: 0.1em;
	margin-right: 1em;
}
.about #bloc01 .zuArea .zuTxt03 .jp{
	font-size: 0.19rem;
	letter-spacing: 0.1em;
	text-decoration: underline;
}


.about #bloc01 .zuArea .zuTxt03 .jp{
	font-size: 0.19rem;
	letter-spacing: 0.1em;
	text-decoration: underline;
}


.about #mk3 {margin-top: 120px;}
.about #mk3 h2{margin-bottom: 65px;}
.about #mk3 > .inner > .logo{order:4;}
.about #mk3 > .inner > .txtArea{order:3;}
.about #mk3 .txtArea{
	width: calc(100% - ((321/1250)*100%));
	margin-right: auto;
	padding-right: 5%;
}
.about #mk3 .txtArea h3{
	font-size: 0.25rem;
	letter-spacing: 0.1em;
	text-decoration: underline;
}
.about #mk3 .txtArea .txt{
	font-size: 0.17rem;
	letter-spacing: 0.1em;
	line-height: calc(33/17);
	margin-top: 1em;
}
.about #mk3 .logo{
	aspect-ratio: 321/77;
	width: calc((321/1250)*100%);
}


.about #mvv .mvvList{
	margin-top: 80px;
}
.about #mvv .mvvList li + li{
	border-top: 1px solid rgba(0,0,0,0.2);
	margin-top: 25px;
	padding-top: 25px;
}
.about #mvv .mvvList li > * + *{border-left: 1px solid #000;}
.about #mvv .mvvList li h3{width: max(calc((180/1250)*100%), 180px);}
.about #mvv .mvvList li h4{width: max(calc((564/1250)*100%), calc(100% - 180px - ((564/1250)*100%)));}
.about #mvv .mvvList li .txt{width: max(calc((496/1250)*100%), calc(100% - 180px - ((496/1250)*100%)));}

.about #mvv .mvvList li h3 .fen_sb{
	font-size: 0.24rem;
	letter-spacing: 0.1em;
}
.about #mvv .mvvList li h3 .jp{
	font-size: 0.13rem;
	letter-spacing: 0.1em;
	margin-top: 0.5em;
}
.about #mvv .mvvList li h4{
	font-size: 0.18rem;
	letter-spacing: 0.2em;
	line-height: calc(36/17);
	padding: 0 15px;
}

.about #mvv .mvvList li h4 span{
	width: 100%;
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}
.about #mvv .mvvList li .txt{
	font-size: 0.14rem;
	letter-spacing: 0.2em;
	line-height: calc(27/14);
	padding-left: calc((40/1250)*100%);
}


/*=============================
 sol
=============================*/
/*sol index
=============================*/
.sol.index #contents{padding-top: 50px;}
.sol.index section + section{margin-top: 160px;}

.sol.index section h2 {margin: 0 15px;}
.sol.index section h2 .fen_sb{
	font-size: 0.35rem;
	letter-spacing: 0.1em;
	margin-right: 1em;
}
.sol.index section h2 .jp{
	font-size: 0.17rem;
	letter-spacing: 0.1em;
	border-left: 1px solid #000;
	padding: 0.35em 0 0.5em 1.5em;
}

.sol.index section .postList{
	margin-top: 45px;
}
.sol.index section .postList > li + li{
	margin-top: 55px;
}
.sol.index section .postList li .txtArea{
	margin: 0 15px;
	padding-top: 50px;
	border-top: 1px solid rgba(0,0,0,0.2);
}
/* .sol.index section .postList li .txtArea > *{border: 1px solid #000;} */
.sol.index section .postList li .txtArea > h3 {width: max(calc((360/1250)*100%), 360px); margin-right: auto;}
.sol.index section .postList li .txtArea > h4 {width: min(calc((440/1250)*100%), calc(100% - 360px - ((440/1250)*100%)));margin-right: auto;}
.sol.index section .postList li .txtArea > div{width: min(calc((265/1250)*100%), calc(100% - 360px - ((265/1250)*100%)));}

.sol.index section .postList li .txtArea > h3 span{display: block;}
.sol.index section .postList li .txtArea > h3 .fen_b{
	font-size: 0.24rem;
	letter-spacing: 0.1em;
	line-height: 1.5;
}
.sol.index section .postList li .txtArea > h3 .jp{
	font-size: 0.18rem;
	letter-spacing: 0.1em;
	line-height: 1.5;
	margin-top: 0.5em;
}
.sol.index section .postList li .txtArea > h4{
	font-size: 0.12rem;
	letter-spacing: 0.1em;
	line-height: calc(24/12);
}
.sol.index section .postList li .txtArea dl{
	width: fit-content;
	margin-left: auto;
	grid-template-columns: max-content 1fr;
	font-size: 0.1rem;
	letter-spacing: 0.1em;
	line-height: calc(17/10);
	margin-bottom: 35px;
}
.sol.index section .postList li .txtArea .bt_more{
	margin-left: auto;
}
.sol.index section .postList li .noiseArea{margin-top: 45px;}
.sol.index section .postList li .noiseArea .ph{
  aspect-ratio: 504/281;
  width: calc((504/1280)*100%);
  max-width: calc(504px * (1440/1280));
  height: auto;
  margin-left: auto;
}
/* .sol.index section .postList li .noiseArea .noiseLines {width: max(calc(100% - (((504*0.65)/1280)*100%)),calc(100% - ((504px*0.65) * (1440/1280))));} */
.sol.index section .postList li .noiseArea .noiseLines {width: max(calc(100% - ((504/1280)*100%)),calc(100% - (504px * (1440/1280))));}




/*sol post
=============================*/
.sol.post #main .noiseArea{
	aspect-ratio: 1280/90;
	width: 100%; 
	max-height: 90px;
}
.sol.post #main .titArea{
  grid-template-columns: 1fr auto min(calc((678/1280)*100%), calc(678px * (1440/1280)));
  grid-column-gap: 30px;
	margin-top: 75px;
}

/* .sol.post #main .titArea > *{height: fit-content; border: 1px solid #000;} */
.sol.post #main .titArea .grid01 {grid-area: 1 / 1 / 2 / 2; padding-left: 15px;}
.sol.post #main .titArea .grid02 {
	grid-area: 1 / 3 / 3 / 4;
  aspect-ratio: 678/475;
  max-width: calc(678px * (1440/1280));
  max-height: calc(475px * (1440/1280));
  align-self: start; /* 行高にストレッチされないよう固定 */
}
.sol.post #main .titArea .grid03 {grid-area: 1 / 2 / 2 / 3;}
.sol.post #main .titArea .grid04 {grid-area: 2 / 1 / 3 / 3; padding-left: 15px;}
.sol.post #main .titArea h2 span{display: inline-block;}
.sol.post #main .titArea h2 .fen_b{
	font-size: 0.36rem;
	letter-spacing: 0.1em;
	line-height: calc(45/36);
}
.sol.post #main .titArea h2 .jp{
	font-size: 0.21rem;
	line-height: 1.5;
	letter-spacing: 0.1em;
	margin-top: 0.5em;
}
.sol.post #main .titArea .phColor{
	width: fit-content;
	margin-left: auto;
}
.sol.post #main .titArea .phColor li{
  width: 10px;
  height: 10px;
}
.sol.post #main .titArea .phColor li:nth-child(n+2){margin-top: 10px;}

.sol.post #main .titArea .txt01{
	font-size: 0.15rem;
  letter-spacing: 0.1em;
	line-height: calc(30/15);
	margin-top: auto;
}



.sol.post .noiseArea01{
	aspect-ratio: 1280/23;
	width: 100%;
	max-height: calc(23px * (1440/1280));
	margin-top: 100px;
}
.sol.post .noiseArea02{
	aspect-ratio: 1280/46;
	width: 100%;
	max-height: calc(46px * (1440/1280));
	margin-top: 100px;
}


.sol.post .numList{
	margin:70px 15px 0;
}
.sol.post .numList > li{
	border-top: 1px solid rgba(0,0,0,0.2);
	padding-top: 40px;
}
.sol.post .numList > li + li{
	margin-top: 70px;
}
.sol.post .numList > li h4 .num{
	font-size: 0.19rem;
  letter-spacing: 0.1em;
	border-right: 1px solid #707070;
	padding-right: 20px;
	padding: 0.4em 20px 0.35em 0;
	margin-right: 20px;
}
.sol.post .numList > li h4 .jp{
	font-size: 0.24rem;
  letter-spacing: 0.2em;
	line-height: calc(39/24);
	margin-top: -0.25em;
}
.sol.post .numList > li .txt01{
	font-size: 0.16rem;
  letter-spacing: 0.2em;
	line-height: calc(37/16);
	margin-top: 1em;
}
.sol.post .numList > li .list{
	margin-top: 45px;
}
.sol.post .numList > li .list li{
	width: 50%;
	position: relative;
}
.sol.post .numList > li .list li + li{
	border-left: 1px solid rgba(0,0,0,0.2);
}
.sol.post .numList > li .list li .inner{
	width: calc((350/416)*100%);
	max-width: calc(350px * (1440/1280));
}
/* 基本はセンター寄せ（= 2個のときは両方センター） */
.sol.post .numList > li .list > li .inner{
  margin-left: auto;
  margin-right: auto;
}


/* 子が2つとき*/
/* .sol.post .numList > li .list:has(> li:last-child:nth-child(2)) > li + li{border-left: 1px solid rgba(0,0,0,0.2);} */

/* 子が3つのとき：先頭は左寄せ、末尾は右寄せ（中はセンターのまま） */
/* .sol.post .numList > li .list:has(> li:last-child:nth-child(3)) > li:nth-child(2)::before{
	content: '';
	width: calc(100% + calc((33/416)*100%));
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	border-left: 1px solid rgba(0,0,0,0.2);
	border-right: 1px solid rgba(0,0,0,0.2);
	z-index: -1;
}
@media screen and (min-width:1440px) {
	.sol.post .numList > li .list:has(> li:last-child:nth-child(3)) > li:nth-child(2)::before{
		width: calc(100% + ((100% - (350px * (1440/1280))))/2);
	}
}
.sol.post .numList > li .list:has(> li:last-child:nth-child(3)) > li:first-child > .inner{margin-left: 0;}
.sol.post .numList > li .list:has(> li:last-child:nth-child(3)) > li:last-child > .inner{margin-right: 0;} */


/* 子が4以上のとき*/
.sol.post .numList > li .listouter:has(.list > li:nth-child(4)) {
	overflow: auto;
	width: calc(100% + 30px);
	margin-left: -15px;
	padding-bottom: 30px;
}
.sol.post .numList > li .list:has(> li:nth-child(4)){width: fit-content;}
.sol.post .numList > li .list:has(> li:nth-child(4)) > li{width: calc((416/1250)*100vw);}
.sol.post .numList > li .list:has(> li:nth-child(4)) > li + li{border-left: 1px solid rgba(0,0,0,0.2);}




.sol.post .numList > li .list > li .inner .pic{
  aspect-ratio: 315/251;
	width: 100%;
}
.sol.post .numList > li .list > li .inner h5{
  font-size: 0.18rem;
	letter-spacing: 0.1em;
	line-height: calc(36/18);
	margin-top: 1em;
}
.sol.post .numList > li .list > li .inner .txt02{
  font-size: 0.12rem;
	letter-spacing: 0.1em;
	line-height: calc(20/12);
	margin-top: 1.5em;
}


.sol.post .movie{
	width: min(100%, 1000px);
	margin: 75px auto 0;
	padding: 0 15px;
}
.sol.post .movie iframe{
	aspect-ratio: 16/9;
	width: 100%;
	height: auto;
}



.sol.post .jirei{
	margin: 75px 15px 0;
}
.sol.post .jirei h3{
	font-size: 0.24rem;
	letter-spacing: 0.2em;
	border-bottom: 1px solid rgba(0,0,0,0.2);
	padding-bottom: 1.5em;
}
.sol.post .jirei .list{
}
.sol.post .jirei .list li{
	padding: 50px 0;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}
.sol.post .jirei:not(:has(+ .copr)):not(:has(+ .info)) .list li:last-child{border-bottom: none;}

.sol.post .jirei .list li .ph{
	aspect-ratio: 500/334;
	width: calc((500/1250)*100%);
	max-width: calc(500px * (1440/1280));
	margin-left: auto;
	order: 10;
}
.sol.post .jirei .list li .txtArea{
	width: calc((456/1250)*100%);
}
.sol.post .jirei .list li .txtArea h4{
	font-size: 0.22rem;
	letter-spacing: 0.05em;
	line-height: calc(32/22);
}
.sol.post .jirei .list li .txtArea .txt{
	font-size: 0.14rem;
	letter-spacing: 0.1em;
	line-height: calc(30/14);
	margin-top: 1.5em;
}
.sol.post .jirei .list li .txtArea .bt_more{
	margin-top: 25px;
}



.sol.post .copr{
	margin: 0px 15px;
	padding: 50px 0;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}
.sol.post .copr:not(:has(+ .info)) {border-bottom: none;}
.sol.post .copr h3{
	font-size: 0.22rem;
	letter-spacing: 0.1em;
	line-height: calc(40/22);
	width: calc((456/1250)*100%);
}
.sol.post .copr .txt{
	font-size: 0.14rem;
	letter-spacing: 0.1em;
	line-height: calc(30/14);
	width: calc((500/1250)*100%);
	max-width: calc(500px * (1440/1280));
	margin-left: auto;
}


.sol.post .info{
	margin: 0 15px;
	padding-top: 50px;
	font-size: 0.16rem;
	letter-spacing: 0.1em;
	line-height: calc(30/16);
}
.sol.post .info h3{
	margin-bottom: 1.25em;
}
.sol.post .info a{
  display: inline;
  background-image: linear-gradient(90deg,#000 0%, #000 50%, #CCC 50%,#CCC 100%);
	background-position: 100% 100%;
  background-repeat: no-repeat;
	transition: background-position 0.35s ease;
	padding: 2px 0;
	background-size: 200% 1px;
}
.sol.post .info a:hover{background-position: 0% 100%;}


/*=============================
 pjt
=============================*/
/*pjt index
=============================*/
.pjt.index .pjtList > li + li{margin-top: 90px;}
.pjt.index .pjtList li .noiseArea .ph{
  aspect-ratio: 694/463;
  width: calc((694/1280)*100%);
  max-width: calc(694px * (1440/1280));
  height: auto;
  margin-left: auto;
}
.pjt.index .pjtList li .noiseArea .noiseLines {width: max(calc(100% - ((694/1280)*100%)),calc(100% - (694px * (1440/1280))));}

.pjt.index .pjtList li .detailArea {
	margin-top: 75px;
	padding: 0 15px;
}
.pjt.index .pjtList li .detailArea .txtArea{
	width: calc(100% - 135px);
}
.pjt.index .pjtList li .detailArea .txtArea h3{
	font-size: 0.26rem;
	letter-spacing: 0.1em;
	line-height: calc(34/26);
}
.pjt.index .pjtList li .detailArea .txtArea .txt{
	font-size: 0.16rem;
	letter-spacing: 0.2em;
	line-height: calc(27/16);
	margin-top: 1em;
}



.pjt.index .pjtList li .detailArea .btArea{
	width: 135px;
	margin-left: auto;
}
.pjt.index .pjtList li .detailArea .btArea .bt_more{
  width: fit-content;
  margin-left: auto;
}
.pjt.index .pjtList li .detailArea .btArea .bt_more a{
  display: block;
  font-size: 0.11rem;
  letter-spacing: 0.1em;
  padding: 1em 1.5em;
}

.pjt.index .pjtList li .detailArea .btArea .phColor{
	width: fit-content;
	margin-left: auto;
	margin-top: 45px;
}
.pjt.index .pjtList li .detailArea .btArea .phColor li{
  width: 10px;
  height: 10px;
  margin-left: 10px;
}

.pjt.index .pnav{margin-top: 90px;}

/*pjt post
=============================*/
.pjt.post #main .noiseArea{
	aspect-ratio: 1280/90;
	width: 100%;
	max-height: 90px;
}
.pjt.post #main .titArea .ph{
	aspect-ratio: 1280/492;
	width: 100%;
}
.pjt.post #main .titArea .txtArea{
	margin: 15px 15px 0;
	position: relative;
}

.pjt.post #main .titArea .txtArea .phColor{
	position: absolute;
	top:20px;
	right: 0;
	width: fit-content;
}
.pjt.post #main .titArea .txtArea .phColor li{
  width: 10px;
  height: 10px;
}
.pjt.post #main .titArea .txtArea .phColor li:nth-child(n+2){
  margin-left: 10px;
}
.pjt.post #main .titArea .txtArea h2{
  font-size: 0.36rem;
  letter-spacing: 0.1em;
  line-height: calc(64/33);
	padding-right: 100px;
}
.pjt.post #main .titArea .txt{
	font-size: 0.18rem;
  letter-spacing: 0.1em;
	line-height: calc(33/18);
	margin-top: 1em;
}



.pjt.post section{
	margin-top: 100px;
}
.pjt.post section h2{margin: 0 15px;}
.pjt.post section h2 .num{
	width: 55px;
	font-size: 0.23rem;
	letter-spacing: 0.1em;
	border-right: 1px solid rgba(112,112,112,1);
	line-height: calc(35/23);
	padding: 0.1em 0;
}
.pjt.post section h2 .jp{
	width: calc(100% - 55px);
	padding-left: 1em;
	font-size: 0.27rem;
	letter-spacing: 0.2em;
	line-height: calc(47/27);
	margin-top: -0.25em;
}
.pjt.post section .noiseArea{
	aspect-ratio: 1280/23;
	width: 100%;
	max-height: calc(23px * (1440/1280));
	margin-top: 60px;
}
.pjt.post section > .inner{
	width: max(calc((1000/1280)*100%), 1000px);
	margin: 70px 15px 0;
	font-size: 0.15rem;
	letter-spacing: 0.2em;
	line-height: calc(37/15);
}
@media screen and (max-width:1030px) {
	.pjt.post section > .inner{width: calc(100% - 30px);}
}
.pjt.post section > .inner .phC{
	margin-top: 75px;
	column-gap: 20px;
	row-gap: 20px;
}
.pjt.post section > .inner > p{
	margin-top: 3em;
}

.pjt.post .info{
	margin: 55px 15px 0;
	padding: 55px 0;
	border-top: 1px solid rgba(0,0,0,0.2);
	border-bottom: 1px solid rgba(0,0,0,0.2);
	font-size: 0.13rem;
	letter-spacing: 0.1em;
	line-height: calc(25/13);
}

.pjt.post .pnav{margin-top: 85px;}


/*=============================
lab
=============================*/
.lab #contents{padding-top: 75px;}
.lab section{
	margin: 0 15px;
}
.lab section + section{
	margin: 80px 15px 0;
	padding-top: 50px;
	border-top: 1px solid rgba(0,0,0,0.2);
}

.lab section.numBloc .txt01{
	font-size: 0.24rem;
	letter-spacing: 0.2em;
	line-height: calc(39/24);
	margin-bottom: 40px;
}
.lab section.numBloc .numBox .logoArea{
	width: calc((570/1250)*100%);
}
.lab section.numBloc .numBox .logoArea h2 .num{
	font-size: 0.19rem;
	letter-spacing: 0.1em;
	margin-right: 1.5em;
	padding-top: 0.1em;
}
.lab section.numBloc .numBox .logoArea h2 .jp{
	font-size: 0.34rem;
	letter-spacing: 0.1em;
	border-left: 1px solid #000;
	padding-left: 1em;
	padding-bottom: 0.15em;
}
.lab section.numBloc .numBox .logoArea h2 .txt{
	width: 100%;
	font-size: 0.17rem;
	letter-spacing: 0.1em;
	margin-top: 1em;
}
.lab section.numBloc .numBox .logoArea .logo{
	width: calc((200/570)*100%);
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
.lab section.numBloc .numBox .logoArea .logo img{

}


.lab section.numBloc .numBox .txtPhArea{
	width: calc((680/1250)*100%);
	padding-left: 60px;
	border-left: 1px solid rgba(0,0,0,0.2);
}
.lab section.numBloc .numBox .txtPhArea h3{
	font-size: 0.17rem;
	letter-spacing: 0.1em;
	line-height: calc(28/17);
}
.lab section.numBloc .numBox .txtPhArea .txt{
	font-size: 0.14rem;
	letter-spacing: 0.2em;
	line-height: calc(23/13);
	margin-top: 2em;
}
.lab section.numBloc .numBox .txtPhArea .ph{
	aspect-ratio: 609/407;
	width: 100%;
	margin-top: 25px;
}


.lab section .featBox{
	margin-top: 50px;
	padding-top: 35px;
	border-top: 1px solid rgba(0,0,0,0.2);
}
.lab section .featBox h3{
	font-size: 0.24rem;
	letter-spacing: 0.2em;
	margin-bottom: 40px;
}
.lab section .featBox .featList li{
	width: 50%;
}
/* 子が3つ以上のとき */
.lab section .featBox .featList:has(> li:nth-child(3)) > li:first-child,
.lab section .featBox .featList:has(> li:nth-child(3)) > li:last-child {width: calc((400/1250)*100%);}
.lab section .featBox .featList:has(> li:nth-child(3)) > li:nth-child(2){width: calc((450/1250)*100%); padding: 0 calc((50/1250)*100%);}
.lab section .featBox .featList:has(> li:nth-child(3)) > li:first-child{padding-right: calc((50/1250)*100%);}
.lab section .featBox .featList:has(> li:nth-child(3)) > li:last-child {padding-left: calc((50/1250)*100%);}
.lab section .featBox .featList:has(> li:nth-child(3)) > li + li{border-left: 1px solid rgba(0,0,0,0.2);}
.lab section .featBox .featList li .inner{width: 100%;}

.lab section .featBox .featList li .pic{
	aspect-ratio: 349/233;
	width: 100%;
}
.lab section .featBox .featList li .txt{
	font-size: 0.14rem;
	letter-spacing: 0.1em;
	line-height: calc(23/14);
	margin-top: 1.5em;
}



.lab #mk3 .logo{
	aspect-ratio: 527/127;
	order: 10;
	width: calc((527/1250)*100%);
	max-width: calc(527px * (1440/1280));
	margin-left: auto;
}
.lab #mk3 .txtArea{
	width: calc((506/1250)*100%);
}
.lab #mk3 .txtArea h2{
	font-size: 0.31rem;
	letter-spacing: 0.1em;
	line-height: 1.5;
}
.lab #mk3 .txtArea .txt{
	font-size: 0.18rem;
	letter-spacing: 0.2em;
	line-height: calc(31/16);
	margin-top: 1.5em;
}

.lab #mk3 .ph {
	aspect-ratio: 1250/550;
	width: 100%;
	max-height: calc(550px * (1440/1280));
	margin-top: 40px;
}




.lab #access h2{
	font-size: 0.24rem;
	letter-spacing: 0.2em;
	width: 100%;
	margin-bottom: 60px;
}
.lab #access .txt{
	font-size: 0.18rem;
	letter-spacing: 0.1em;
	line-height: calc(29/18);
	width: fit-content;
	margin-right: auto;
	margin-bottom: 1.5em;
}
.lab #access .pic{
	aspect-ratio: 578/346;
	width: calc((578/1250)*100%);
}
@media screen and (max-width:950px) {
	.lab #access .pic{
		width: 100%;
	}
}