<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* CSS Document */

.lineBg{
	position: relative;
	background: var(--cBeige);
}
.lineBg::before,
.lineBg::after{
	content: '';
	display: block;
	width: 100%;
	position: absolute;
	left:0;
}
.lineBg::before{
	bottom:100%;
	height: 150px;
	background: url(../img/linebg_top.svg) no-repeat bottom left/100% 100%;
}
.lineBg::after{
	top:100%;
	height: 100px;
	background: url(../img/linebg_bottom.svg) no-repeat top left/100% 100%;
}


a.bt{
	display: block;
	border: 1px solid var(--cRed);
	padding: 1em;
	position: relative;
}
a.bt .txt{
	text-align: center;
	font-size: 0.26rem;
	letter-spacing: 0.28em;
}
a.bt .bt_stan {
	width: 250px;
	position: absolute;
	top:calc(100% - 30px);
	right:-35px;
}


#container.cmnpage{
	padding-top: 140px;
}
.cmnpage #main{position: relative;}
.cmnpage #main &gt; .inner{
	max-width: 1090px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding: 0 25px;
}
.cmnpage #main &gt; .inner .titArea{
	width: fit-content;
	position: relative;
	z-index: 1;
}
	.cul #main &gt; .inner .titArea,
	.info #main &gt; .inner .titArea,
	.messe #main &gt; .inner .titArea{
		margin-left: auto;
		margin-right: 60px;
	}

.cmnpage #main &gt; .inner .titArea h2{
	font-size: 0.55rem;
	letter-spacing: 0.16em;
	text-align: center;
}
.cmnpage #main &gt; .inner .titArea .txt01{
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid var(--cRed);
	padding: 0.75em 1em;
	text-align: center;
	font-size: 0.26rem;
	letter-spacing: 0.2em;
	line-height: calc(40/26);
	margin-top: 0.5em;
	background: #FFF;
}
.cmnpage #main &gt; .inner .titArea .txt01 .txt02{
	display: block;
	text-align: left;
	font-size: 0.17rem;
	letter-spacing: 0.15em;
	line-height: calc(28/17);
	margin-top: 0.5em;
}
.cmnpage #main .illArea	{
	position: absolute;
	top:0;
	left:50%;
	transform: translateX(-50%);
	max-width: 1040px;
	width: 100%;
	height: 100%;
	z-index: 10;
}
	#container.cmnpage.job #main .illArea{
		position: static!important;
		max-width: auto!important;
		transform:none;
	}
.cmnpage #main .illArea,
.cmnpage #main .illArea *{pointer-events: none;}
.cmnpage #main .illArea li{
	position: absolute;
	z-index: 10;
}
	.company #main .illArea li.ill01{
		aspect-ratio: 280/325;
		width: calc((280/1090)*100%);
		top:-35px;
		right:calc((-130/1090)*100%);
		z-index: 10;
	}
	.job #main .illArea li.ill01{
		aspect-ratio: 380/290;
		width: calc((380/1440)*100%);
		bottom:-30px;
		right:0;
		z-index: 10;
	}

	.cul #main .illArea li.ill01{
		aspect-ratio: 278/251;
		width: calc((278/1090)*100%);
		top:30px;
		left:calc((-110/1090)*100%);
	}
	.cul #main .illArea li.ill02{
		aspect-ratio: 287/377;
		width: calc((287/1090)*100%);
		bottom:-30px;
		right:calc((-30/1090)*100%);
	}

	.info #main .illArea li.ill01{
		aspect-ratio: 265/180;
		width: calc((265/1090)*100%);
		bottom:20px;
		right:calc((-65/1090)*100%);
	}

	.messe #main .illArea li.ill01{
		aspect-ratio: 266/216;
		width: calc((266/1090)*100%);
		bottom:-35px;
		right:calc((-65/1090)*100%);
	}

	.project01 #main .illArea li.ill01{
		aspect-ratio: 233/358;
		width: calc((233/1090)*100%);
		bottom:-120px;
		right:calc((-45/1090)*100%);
		z-index: 10;
	}
	.project02 #main .illArea li.ill01{
		aspect-ratio: 391/173;
		width: calc((391/1090)*100%);
		bottom:0px;
		right:calc((-45/1090)*100%);
		z-index: 10;
	}

.cmnpage #main .main_ph{
	aspect-ratio: 1440/706;
	width: 100%;
	overflow: hidden;
	margin-top: -60px;
}


/*entBtArea
=============================*/
.entBtArea{
	margin-bottom: 70px;
}
.entBtArea &gt; .inner{
	max-width: 1040px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-bottom: 200px;
}
.entBtArea .txt01{
	font-size: 0.36rem;
	letter-spacing: 0.2em;
	line-height: calc(61/36);
	text-align: center;
}
.entBtArea .bt_entry{
	max-width: 500px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2em;
}
.entBtArea .bt_entry a{
	display: block;
	text-align: center;
	padding: 0.5em 1em 0.5em;
	color: #FFF;
	background: var(--cRed);
	font-size: 0.4rem;
	letter-spacing: 0.15em;
}

.entBtArea .ill{
	position: absolute;
}
.entBtArea .ill01{
	aspect-ratio: 300/395;
	width: calc((300/1040)*100%);
	top:-185px;
	right:-70px;
}
.entBtArea .ill02{
	aspect-ratio: 270/215;
	width: calc((270/1040)*100%);
	top:30px;
	left:-95px;
}
.entBtArea .ill03{
	aspect-ratio: 271/120;
	width: calc((271/1040)*100%);
	bottom:15px;
	left:320px;
}
.entBtArea .ill04{
	aspect-ratio: 220/245;
	width: calc((220/1040)*100%);
	bottom:0;
	left:75px;
}
.entBtArea .ill05{
	aspect-ratio: 904/342;
	width: calc((428/1040)*100%);
	bottom:25px;
	right:-20px;
}

/*bread
=============================*/
#bread{
	padding: 20px 40px 0;
}
#bread li{
	font-size: 0.15rem;
	letter-spacing: 0.15em;
	margin-right: 2em;
	position: relative;
}
#bread li:nth-child(n+2)::before{
	content: '&gt;';
	display: inline-block;
	position: absolute;
	top:-0.1em;
	left:-1.5em;
	color: var(--cRed);
}
#bread li &gt; *{
	color: var(--cRed);
}
#bread.cWhite li:nth-child(n+2)::before,
#bread.pc_cWhite li:nth-child(n+2)::before,
#bread.cWhite li &gt; *,
#bread.pc_cWhite li &gt; *{
	color: #FFF;
}
/*nextC
=============================*/
#nextC{
	background: var(--cBeige);
	padding: 80px 25px 150px;
	margin-top: 55px;
}
#nextC &gt; .inner{
	max-width: 1040px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
#nextC h2{
	font-size: 0.45rem;
	letter-spacing: 0.15em;
}
#nextC .btList,
#nextC .btList li:nth-child(n+2){margin-top: 65px;}
#nextC .btList a{
	display: block;
	border: 1px solid var(--cRed);
	background: #FFF;
	padding: 1em 0;
	position: relative;
}
#nextC .btList a.noLink{
	opacity: 0.5;
}
#nextC .btList a .txt{
	text-align: center;
	font-size: 0.25rem;
	line-height: calc(41/25);
	letter-spacing: 0.1em;
}
#nextC .btList a .bt_stan {
	width: 250px;
	position: absolute;
	top:calc(100% - 15px);
	right:-35px;
}

/*lineAni_foot
=============================*/
#lineAni_foot {
	padding: 0 25px;
}
#lineAni_foot &gt; .inner{
	width: 100%;
	max-width: 1040px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: center;
}
#lineAni_foot svg {
	aspect-ratio: 478/294;
	width: 478px;
	display: inline-block;
}

	.company #lineAni_foot .ill {
		position: absolute;
		top:-100px;
		left:15px;
		aspect-ratio: 345/195;
		max-width: 345px;
		width: calc((345/1040)*100%);
	}
	.cul #lineAni_foot .ill {
		position: absolute;
		top:-120px;
		left:0;
		aspect-ratio: 267/328;
		max-width: 267px;
		width: calc((267/1040)*100%);
	}


	.info #lineAni_foot,
	.messe #lineAni_foot {margin-top: 80px;}
	.people.index #lineAni_foot {margin-top: 55px;}
	.spc #lineAni_foot {margin-top: 60px;}
	.info #lineAni_foot .ill ,
	.messe #lineAni_foot .ill {position: absolute;}
	.info #lineAni_foot .ill01 ,
	.messe #lineAni_foot .ill01 {
		top:0px;
		left:85px;
		aspect-ratio: 307/277;
		max-width: 307px;
		width: calc((307/1040)*100%);
	}
	.info #lineAni_foot .ill02 ,
	.messe #lineAni_foot .ill02 {
		top:55px;
		right:65px;
		aspect-ratio: 270/306;
		max-width: 270px;
		width: calc((270/1040)*100%);
	}
	.info #lineAni_foot .ill03 ,
	.messe #lineAni_foot .ill03 {
		top:150px;
		left:-50px;
		aspect-ratio: 255/213;
		max-width: 255px;
		width: calc((255/1040)*100%);
	}
	

	.people.index #lineAni_foot .ill01 {
		bottom: -100px;
		left:90px;
		aspect-ratio: 167/250;
		max-width: 167px;
		width: calc((167/1040)*100%);
	}
/*cmnpage .pnav
=============================*/
.cmnpage nav.pnav{
	padding: 0 25px;
	margin-top: 65px;
}
.cmnpage nav.pnav ul{
	max-width: 1040px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
	.cmnpage nav.pnav ul.pc_f_dc{height: 215px;}
.cmnpage nav.pnav ul li{
	font-size: 0.2rem;
	width: calc((455/1040)*100%);
	counter-increment: cnt;
	border-bottom: 1px solid var(--cRed);
	padding-bottom: 1.25em;
}
	.cmnpage nav.pnav ul.pc_f_dc li{margin-bottom: 1.25em;}
	.cmnpage nav.pnav ul.pc_f_dc li:nth-child(3n)	{margin-bottom: 0;}
	.cmnpage nav.pnav ul.pc_f_dc li:nth-child(n+4)	{margin-left: auto;}

	.cmnpage nav.pnav ul:not(.pc_f_dc) li:nth-child(n+3){margin-top: 1.25em;}
	.cmnpage nav.pnav ul:not(.pc_f_dc) li:nth-child(even){margin-left: auto;}

	.cmnpage.company .pnav ul li{
		counter-increment: cnt;
	}
	
.cmnpage nav.pnav ul li a{
	display: block;
	width: 100%;
	letter-spacing: 0.15em;
	color: var(--cRed);
	padding-right: 55px;
	position: relative;
}
	.cmnpage.company .pnav ul li a::before{
		content: counter(cnt) ".";
		margin-right: 0.5em;
	}
.cmnpage nav.pnav ul li a::after{
	content: '';
	width: 14px;
	height: 25px;
	display: block;
	position: absolute;
	top:calc(50% - 12px);
	right:7px;
	background: url(../img/icon_arrow01.svg) no-repeat top left/contain;
	transform: rotate(90deg);
}

/*=============================
  about company
=============================*/
.company #lineAni_foot {
	margin-top: 75px;
}
/*about company section
=============================*/
.company section {
	padding: 0 25px;
}
.company section &gt; .inner{
	max-width: 1040px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.company section h2{
	font-size: 0.16rem;
	letter-spacing: 0.15em;
}
.company section h3{
	font-size: 0.23rem;
	letter-spacing: 0.18em;
	line-height: calc(40/23);
	border: 1px solid var(--cRed);
	width: fit-content;
	padding: 1em 1.5em;
	margin-top: 0.35em;
}
.company section .txt01{
	max-width: 875px;
	width: 100%;
	font-size: 0.17rem;
	letter-spacing: 0.1em;
	line-height: calc(34/17);
	margin-top: 1em;
}


.company #lineAni02{
	position: relative;
	margin-top: 130px;
}
.company #lineAni02 .ill {
	aspect-ratio: 660/425;
	width: calc((660/1440)*100%);
	position: absolute;
	top: calc((-130/257)*100%);
	left: calc((340/1440)*100%);
	z-index: 10;
}
.company #lineAni03{
	position: relative;
	margin-top: 140px;
}
.company #lineAni03 .ill {
	aspect-ratio: 260/212;
	width: calc((260/1440)*100%);
	position: absolute;
	top: calc((-35/155)*100%);
	right: calc((160/1440)*100%);
	z-index: 10;
}


.company #lineAni04{
	/*width: 100%;
	position: static;*/
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
}
.company #lineAni04 svg{
	position: absolute;
}
.company #lineAni04 svg.line01{
	/*width: calc((195/1440)*100vw);*/
	width: calc((100vw - 1055px)/2);
	height: 20px;
	top:7px;
	left:calc(50% + ((522/1170)*100%));
}
@media screen and (max-width:1220px) {
	.company #lineAni04 svg.line01{
		width: calc((195/1170)*100%);
	}
}
.company #lineAni04 svg.line02{
	aspect-ratio: 255/26;
	width: calc((255/1170)*100%);
	top:calc((4/320)*100%);
	right:calc((102/1170)*100%);
}
.company #lineAni04 svg.line03{
	aspect-ratio: 250/48;
	width: calc((230/1170)*100%);
	top:calc((-20/320)*100%);
	right:calc((421/1170)*100%);
}
.company #lineAni04 svg.line04{
	aspect-ratio: 124/21;
	width: calc((124/1170)*100%);
	top:calc((20/320)*100%);
	left:calc((223/1170)*100%);
}

.company #lineAni04 svg.line05{
	/*width: calc((195/1440)*100vw);*/
	width: calc((100vw - 1055px)/2);
	height: 45px;
	top:7px;
	right:calc(50% + ((522/1170)*100%));
	z-index: -1;
}
@media screen and (max-width:1220px) {
	.company #lineAni04 svg.line05{
		width: calc((183/1170)*100%);
	}
}

.company #lineAni05{
	position: relative;
	margin-top: 100px;
}
.company #lineAni05 .ill{
	aspect-ratio: 391/173;
	width: calc((391/1440)*100%);
	position: absolute;
	top: calc((50/231)*100%);
	left: calc((180/1440)*100%);
	z-index: -1;
}

/*about company bloc01
=============================*/
.company #bloc01 {margin-top: 85px;}

.company #bloc01 .splide{
	margin-top: 160px;
	margin-bottom: 135px;
	padding: 40px 0 50px;
	width: calc(100% + 50px);
	position: relative;
	left:-25px;
	top:0;
	visibility: visible;
}
.company #bloc01 .splide .splide__list{
	display: flex;
}
.company #bloc01 .splide .splide__track{
	width: 100%;
	overflow-x: auto;
}
.company #bloc01 .splide .splide__track .splide__list{
	width: fit-content;
	padding: 0 40px!important;
}
.company #bloc01 .splide .item{
	width: 415px;
	border: 1px solid var(--cRed);
	background: #FFF;
	padding: 30px 35px;
}
.company #bloc01 .splide .item:nth-child(n+2){margin-left: 50px;}
.company #bloc01 .splide .item .year{
	font-size: 0.35rem;
	letter-spacing: 0.12em;
}
.company #bloc01 .splide .item .ctxtArea{
	font-size: 0.2rem;
	line-height: calc(27/20);
	letter-spacing: 0.12em;
	padding: 0em 1em;
	width: fit-content;
	min-width: 315px;
	min-height: 75px;
	color: #FFF;
	background: var(--cRed);
	margin-top: 1em;
}
.company #bloc01 .splide .item .txt{
	font-size: 0.16rem;
	letter-spacing: 0.1em;
	line-height: calc(24/15);
	margin-top: 1em;
}


.company #bloc01 .splide .slider{
	height: 18px;
	max-width: 610px;
	width: 100%;
	position: relative;
	margin-left: auto;
	left:-75px;
	margin-top: 50px;
}
.company #bloc01 .splide .slider::before{
	content: '';
	display: block;
	width: 100%;
	height: 8px;
	position: absolute;
	top:calc(50% - 4px);
	left:0;
	background: var(--cRed);
	z-index: 0;
}
.company #bloc01 .splide .slider .pochi{
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
}
.company #bloc01 .splide .slider .pochi::before,
.company #bloc01 .splide .slider .pochi::after{
	content: '';
	display: block;
	aspect-ratio: 1/1;
	height: 100%;
	position: absolute;
	background: var(--cRed);
	isolation: isolate;
	border-radius: 999px;
	top:0px;
}
.company #bloc01 .splide .slider .pochi::before{left:-4px;}
.company #bloc01 .splide .slider .pochi::after{right:-4px;}


.company #bloc01 .splide .slider span.ui-slider-handle{
	display: block;
	position: absolute;
	top:50%;
	left:0;
	z-index: 10;
	cursor: grab;
	aspect-ratio: 1/1;
	width: 26px;
	isolation: isolate;
	border-radius: 9999px;
	background: #F5F1F1;
	border: 1px solid var(--cRed);
	transform: translate(-50%,-50%);
}



/*
.company #bloc01 .pc_slideCont{
	margin-top: 160px;
	margin-bottom: 135px;
	padding: 40px 0 50px;
	width: calc(100% + 50px);
	position: relative;
	left:-25px;
	top:0;
}
.company #bloc01 .pc_slideCont .pc_slideArea{
	width: 100%;
	overflow-x: auto;
}
.company #bloc01 .pc_slideCont .pc_slideArea .pc_slide{
	width: fit-content;
	padding: 0 40px;
}
.company #bloc01 .pc_slideCont .pc_slideArea .item{
	width: 415px;
	border: 1px solid var(--cRed);
	background: #FFF;
	padding: 30px 35px;
}
.company #bloc01 .pc_slideCont .pc_slideArea .item:nth-child(n+2){margin-left: 50px;}
.company #bloc01 .pc_slideCont .pc_slideArea .item .year{
	font-size: 0.35rem;
	letter-spacing: 0.12em;
}
.company #bloc01 .pc_slideCont .pc_slideArea .item .ctxtArea{
	font-size: 0.2rem;
	line-height: calc(27/20);
	letter-spacing: 0.12em;
	padding: 0em 1em;
	width: fit-content;
	min-width: 315px;
	min-height: 75px;
	color: #FFF;
	background: var(--cRed);
	margin-top: 1em;
}
.company #bloc01 .pc_slideCont .pc_slideArea .item .txt{
	font-size: 0.16rem;
	letter-spacing: 0.1em;
	line-height: calc(24/15);
	margin-top: 1em;
}


.company #bloc01 .pc_slideCont .slider{
	height: 18px;
	max-width: 610px;
	width: 100%;
	position: relative;
	margin-left: auto;
	left:-75px;
	margin-top: 50px;
}
.company #bloc01 .pc_slideCont .slider::before{
	content: '';
	display: block;
	width: 100%;
	height: 8px;
	position: absolute;
	top:calc(50% - 4px);
	left:0;
	background: var(--cRed);
	z-index: 0;
}
.company #bloc01 .pc_slideCont .slider .pochi{
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
}
.company #bloc01 .pc_slideCont .slider .pochi::before,
.company #bloc01 .pc_slideCont .slider .pochi::after{
	content: '';
	display: block;
	aspect-ratio: 1/1;
	height: 100%;
	position: absolute;
	background: var(--cRed);
	isolation: isolate;
	border-radius: 999px;
	top:0px;
}
.company #bloc01 .pc_slideCont .slider .pochi::before{left:-4px;}
.company #bloc01 .pc_slideCont .slider .pochi::after{right:-4px;}


.company #bloc01 .pc_slideCont .slider span.ui-slider-handle{
	display: block;
	position: absolute;
	top:50%;
	left:0;
	z-index: 10;
	cursor: grab;
	aspect-ratio: 1/1;
	width: 26px;
	isolation: isolate;
	border-radius: 9999px;
	background: #F5F1F1;
	border: 1px solid var(--cRed);
	transform: translate(-50%,-50%);
}
*/

.company #bloc01 .uriage h4{
	font-size: 0.23rem;
	letter-spacing: 0.18em;
	line-height: calc(40/23);
	border: 1px solid var(--cRed);
	background: #FFF;
	width: fit-content;
	padding: 0.5em 1.5em;
	margin-left: calc((150/1040)*100%);
	position: relative;
	z-index: 10;
}
.company #bloc01 .uriage .pic{
	aspect-ratio: 965/452;
	max-width: 965px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: -55px;
}

.company #bloc01 .uriage .txt{
	width: 100%;
	max-width: 685px;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.14rem;
	letter-spacing: 0.15em;
	line-height: calc(21/14);
	margin-top: 1em;
}
.company #bloc01 .uriage .txt .fs{
	display: inline-block;
	font-size: 65%;
}


/*about company bloc02
=============================*/
.company #bloc02 .pic{
	aspect-ratio: 470/475;
	width: 100%;
	max-width: 470px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 35px;
}

/*about company bloc03
=============================*/
.company #bloc03 {margin-top: 55px;}
.company #bloc03 .pic{
	aspect-ratio: 1033/430;
	width: 100%;
	overflow: hidden;
	margin-top: 35px;
}
.company #bloc03 .phArea {margin-top: 40px;}
.company #bloc03 .phArea .splide__list{display: flex;}
.company #bloc03 .phArea .item{
	aspect-ratio: 333/213;
	border: 1px solid var(--cRed);
	width: calc((333/1040)*100%);
	overflow: hidden;
}
.company #bloc03 .phArea .item:nth-child(n+2){
	margin-left: auto;
}

.company #bloc03 .phArea .txt{
	text-align: center;
	font-size: 0.14rem;
	letter-spacing: 0.15em;
	line-height: calc(21/14);
	margin-top: 1.5em;
}
/*about company bloc04
=============================*/
.company #bloc04 {margin-top: 125px;}

.company #bloc04 .foodArea{
	margin-top: 80px;
	position: relative;
}
.company #bloc04 .foodArea &gt; .inner{
	max-width: 1170px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.company #bloc04 .foodList .item{
	width: calc((285/1170)*100%);
	position: relative;
}
.company #bloc04 #lineAni04 svg.line01				{z-index: 11;}
.company #bloc04 .foodList .item:nth-child(4)	{z-index: 10;}
.company #bloc04 #lineAni04 svg.line02				{z-index: 9;}
.company #bloc04 .foodList .item:nth-child(3)	{z-index: 8;}
.company #bloc04 #lineAni04 svg.line03				{z-index: 7;}
.company #bloc04 .foodList .item:nth-child(2)	{z-index: 6;}
.company #bloc04 #lineAni04 svg.line04				{z-index: 5;}
.company #bloc04 .foodList .item:nth-child(1)	{z-index: 4;}
.company #bloc04 #lineAni04 svg.line05				{z-index: 3;}
.company #bloc04 .foodList .item:nth-child(n+2){
	margin-left: auto;
}
.company #bloc04 .foodList .item .pic{
	aspect-ratio: 284/182;
	width: 100%;
	border: 1px solid var(--cRed);
	background: var(--cBeige);
	padding: 25px 0;
	position: relative;
}
.company #bloc04 .foodList .item .pic::before{
	content: '';
	aspect-ratio: 1/1;
	width: 14px;
	display: block;
	isolation: isolate;
	border-radius: 999px;
	background: #FFF;
	border: 1px solid var(--cRed);
	position: absolute;
	top:calc((20/284)*100%);
	right:calc((47/284)*100%);
}
.company #bloc04 .foodList .item h4{
	height: 50px;
	font-size: 0.14rem;
	letter-spacing: 0.1em;
	line-height: calc(20/12);
	margin-top: 1em;
}

.company #bloc04 .foodList .item .txt{
	font-size: 0.12rem;
	letter-spacing: 0.1em;
	line-height: calc(20/12);
	margin-top: 1em;
}
/*about company bloc05
=============================*/
.company #bloc05 {margin-top: 85px;}
.company #bloc05 .pic{
	aspect-ratio: 1040/430;
	width: 100%;
	position: relative;
	overflow: hidden;
	margin-top: 40px;
}

/*about company bloc06
=============================*/
.company #bloc06 {margin-top: 85px;}

.company #bloc06 .iconList{
	margin-top: 60px;
}
.company #bloc06 .iconList &gt; li{
	width: calc((310/1040)*100%);
	isolation: isolate;
	border-radius: 85px;
	background: var(--cBeige);
	border: 1px solid var(--cRed);
	padding: 30px 15px;
}
.company #bloc06 .iconList &gt; li:nth-child(n+2){
	margin-left: auto;
}
.company #bloc06 .iconList &gt; li .pic{
	aspect-ratio: 1/1;
	width: calc((136/310)*100%);
	margin-left: auto;
	margin-right: auto;
}
.company #bloc06 .iconList &gt; li h4{
	text-align: center;
	font-size: 0.25rem;
	letter-spacing: 0.1em;
	line-height: calc(33/25);
	height: 2em;
	margin-top: 0.5em;
}
.company #bloc06 .bt{
	margin-top: 70px;
}
/*=============================
  about job
=============================*/
.job #bloc01{
	padding: 0 25px;
	margin-top: 65px;
}
.job #bloc01 &gt; .inner{
	max-width: 1040px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.job #bloc01 .txtArea{
	width: calc((516/1040)*100%);
	margin-right: auto;
}

.job #bloc01 .txtArea h2{
	width: fit-content;
	padding: 1em 1.5em;
	border: 1px solid var(--cRed);
	background: #FFF;
	font-size: 0.23rem;
	letter-spacing: 0.2em;
	line-height: calc(40/23);
}
.job #bloc01 .txtArea .txt{
	font-size: 0.17rem;
	letter-spacing: 0.1em;
	line-height: calc(35/17);
	margin-top: 1.5em;
}


.job #bloc01 .picArea{
	width: calc((450/1040)*100%);
}
.job #bloc01 .picArea .pic{
	aspect-ratio: 1/1;
	width: calc((350/450)*100%);
}




.job #bloc02{
	padding: 0 25px 125px;
	margin-top: 175px;
	margin-bottom: 60px;
}

.job #bloc02 &gt; .inner{
	max-width: 1170px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.job #bloc02 h2{
	text-align: right;
	font-size: 0.4rem;
	letter-spacing: 0.15em;
	padding-right: 1em;
	margin-bottom: 1em;
}
.job #bloc02 .ill{
	position: absolute;
}
.job #bloc02 .ill01{
	aspect-ratio: 162/250;
	width: calc((162/1170)*100%);
	bottom:125px;
	right:-35px;
}
.job #bloc02 .ill02{
	aspect-ratio: 218/111;
	width: calc((218/1170)*100%);
	bottom:40px;
	right:-20px;
}

.job #bloc02 .boxGrp01 .box{
	width: calc((200/1170)*100%);
	position: relative;
	background: #FFF;
	border: 1px solid var(--cRed);
	padding: 25px 15px 50px;
}
.job #bloc02 .boxGrp01 .box04{
	padding: 25px 15px 70px;
}
.job #bloc02 .boxGrp01 .box05{height: 535px;}
.job #bloc02 .boxGrp01 .box:nth-of-type(5){
	background: var(--cRed);
	color: #FFF;
}

.job #bloc02 .boxGrp01 .box:nth-of-type(n+2){margin-left: auto;}
.job #bloc02 .boxGrp01 .box:nth-of-type(n+2)::before{
	content: '';
	display: block;
	aspect-ratio: 20/22;
	width: calc((20/200)*100%);
	background: url(../img/about/icon_arrow_r.svg) no-repeat center center/contain;
	position: absolute;
	top:150px;
	right:calc(100% + ((11/200)*100%));
}
.job #bloc02 .boxGrp .box h3{
	text-align: center;
	font-size: 0.22rem;
	letter-spacing: 0.2em;
	line-height: 1.5;
}
.job #bloc02 .boxGrp01 .box:nth-of-type(5) h3{line-height: 1.5;}
.job #bloc02 .boxGrp01 .box:nth-of-type(5) h3 span{display: block;}
.job #bloc02 .boxGrp01 .box:nth-of-type(5) h3 .fl{
	font-size: 0.24rem;
	letter-spacing: 0.15em;
}
.job #bloc02 .boxGrp01 .box:nth-of-type(5) h3 .fs{
	font-size: 0.15rem;
	letter-spacing: 0.15em;
	margin-top: 0.5em;
}
.job #bloc02 .boxGrp .box .list{margin-top: 25px;}
.job #bloc02 .boxGrp02 .box02 .list{margin-top: 0;}
.job #bloc02 .boxGrp01 .box .list li:nth-child(n+2){
	margin-top: 40px;
}
.job #bloc02 .boxGrp01 .box .list li a{
	min-height: 70px;
	padding: 1em 0;
	font-size: 0.15rem;
	letter-spacing: 0.15em;
	text-align: center;
	color: #FFF;
	position: relative;
}

.job #bloc02 .boxGrp01 .box:nth-of-type(1) .list li a{background: #da8b6c/*#DD9678*/;}
.job #bloc02 .boxGrp01 .box:nth-of-type(2) .list li a{background: #D06B4C;}
.job #bloc02 .boxGrp01 .box:nth-of-type(3) .list li a{background: #C53E2C;}
.job #bloc02 .boxGrp01 .box:nth-of-type(4) .list li a{background: var(--cRed);}
.job #bloc02 .boxGrp .box .list li a::before{
	content: '';
	width: 26px;
	height: 27px;
	display: block;
	position: absolute;
	bottom:-8px;
	right:-8px;
	background: url(../img/icon_megane.svg) no-repeat center center/contain;
}


.job #bloc02 .boxGrp01 .box .list li p{
	min-height: 60px;
	padding: 1em 0;
	font-size: 0.15rem;
	letter-spacing: 0.15em;
	text-align: center;
	color: var(--cRed);
	background: var(--cBeige);
	border: 1px solid var(--cRed);
}
.job #bloc02 .boxGrp01 .box04 .list li:nth-child(2){
	margin-top: 150px;
}



.job #bloc02 .boxGrp02{
	width: 685px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 65px;
}

.job #bloc02 .boxGrp02 .box{
	position: relative;
	background: #FFF;
	border: 1px solid var(--cRed);
	padding: 25px 15px 25px;
}
.job #bloc02 .boxGrp02 .box01{
	width: calc((440/685)*100%);
}
.job #bloc02 .boxGrp02 .box02{
	width: calc((200/685)*100%);
	margin-left: auto;
}
.job #bloc02 .boxGrp01 .box h3{
	text-align: center;
	font-size: 0.22rem;
	letter-spacing: 0.2em;
	line-height: 1.5;
}
.job #bloc02 .boxGrp02 .box01 li{
	width: calc((190/410)*100%);
}
.job #bloc02 .boxGrp02 .box01 li:nth-child(n+2){margin-left: auto;}
.job #bloc02 .boxGrp02 .box .list li a{
	min-height: 70px;
	padding: 1em 0;
	font-size: 0.15rem;
	letter-spacing: 0.15em;
	text-align: center;
	color: #FFF;
	position: relative;
}

.job #bloc02 .boxGrp02 .box:nth-of-type(1) .list li a{background: #D06B4C;}
.job #bloc02 .boxGrp02 .box:nth-of-type(2) .list li a{background: var(--cRed);}



/*fw ani
=============================*/
.fw {
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	z-index: 200;
	/*backdrop-filter: blur(24px);*/
	background: rgba(255,255,255,1);
	display: none;
	padding: 100px 25px 100px;
	overflow: auto;
}
.fw &gt; .fw_bg{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.fw &gt; .fw_inner{
	max-width: 1040px;
	width: 100%;
	margin:auto;
	background: #FFF;
	border: 1px solid var(--cRed);
	position: relative;
	padding-top: 70px;
	padding-bottom:100px;
	padding-left: min(calc((85/1040)*100%),85px);
	padding-right: min(calc((60/1040)*100%),60px);
}
.fw &gt; .fw_inner .fw_close:not(.bt_stan){
	aspect-ratio: 1/1;
	position: absolute;
	width: 90px;
	top:-25px;
	right: -25px;
}

.fw &gt; .fw_inner .fw_close.bt_stan{
	position: absolute;
	bottom:-25px;
	left:min(calc((85/990)*100%),85px);
	width: 250px;
}


.fw.opening {
	display: flex;
	animation: opening 0.8s ease 0s 1 normal both;
}
.fw.opened{display: flex;}

.fw.closing {
	display: flex;
	animation: closing 0.5s ease 0s 1 normal both;
}
.fw.closed{display: none;}

@keyframes opening {
	0% {
		perspective: 1300px;
		transform: scale(1.5);
		filter: alpha(opacity=000);
		opacity: 0.0;
	}
	100% {
		transform: scale(1.0);
		filter: alpha(opacity=100);
		opacity: 1.0;
	}
}
@keyframes         closing {
	0% {
		transform: scale(1.0);
		filter: alpha(opacity=100);
		opacity: 1.0;
	}
	100% {
		perspective: 1300px;
		transform: scale(1.5);
		filter: alpha(opacity=000);
		opacity: 0.0;
	}
}

.fw .phCol{
	height: 100%;
}
.fw .phCol .ph{
	aspect-ratio: 440/545;
	/*position: sticky;
	top:60px;
	right:0;*/
	width: calc((440/895)*100%);
	margin-left: auto;
	overflow: hidden;
	border: 1px solid var(--cRed);
}

.fw .fwCol{
	width: calc((440/895)*100%);
}
.fw .fwCol &gt; dl &gt; dt{
	width: fit-content;
	padding: 0.25em 1em;
	background: var(--cBeige);
	font-size: 0.25rem;
	letter-spacing: 0.1em;
	line-height: calc(36/25);
	border: 1px solid var(--cRed);
	margin-bottom: 20px;
}
.fw .fwCol &gt; dl &gt; dt:nth-of-type(n+2){
	margin-top: 35px;
}
.fw .fwCol &gt; dl &gt; dd{
	font-size: 0.17rem;
	letter-spacing: 0.1em;
	line-height: calc(31/17);
}
.fw .fwCol &gt; dl &gt; dd dl.sub,
.fw .fwCol &gt; dl &gt; dd ul.sub{
	font-size: 0.15rem;
	letter-spacing: 0.1em;
	line-height: calc(24/15);
}
.fw .fwCol &gt; dl &gt; dd dl.sub dt:nth-of-type(n+2){
	margin-top: 1em;
}

.fw .fwCol .postArea{
	padding-left: 35px;
	padding-top: 35px;
	margin-top: 30px;
	border-top: 1px solid var(--cRed);
}
.fw .fwCol .postArea h4{
	font-size: 0.2rem;
	letter-spacing: 0.15em;
}


.fw .fwCol .postArea .list{
	margin-top: 15px;
}
.fw .fwCol .postArea .list li:nth-child(n+2){margin-top: 45px;}
.fw .fwCol .postArea .list li a{
	width: calc(100% - 35px);
	border: 1px solid var(--cRed);
	padding: 5px;
	position: relative;
}
.fw .fwCol .postArea .list li a .ph{
	aspect-ratio: 1/1;
	width: calc((125/407)*100%);
	border: 1px solid var(--cRed);
	overflow: hidden;
}
.fw .fwCol .postArea .list li a .txtArea{
	width: calc((282/407)*100%);
	padding-left: 1em;
	padding-bottom: 1.25em;
}
.fw .fwCol .postArea .list li a .txtArea h4{
	text-align: center;
	font-size: 0.13rem;
	letter-spacing: 0.05em;
	line-height: calc(23/13);
}
.fw .fwCol .postArea .list li a .txtArea .txt{
	text-align: center;
	font-size: 0.09rem;
	letter-spacing: 0.05em;
	line-height: calc(14/9);
}
.fw .fwCol .postArea .list li a .bt_stan {
	width: calc((170/380)*100%);
	position: absolute;
	top:calc(100% - 20px);
	right:-15px;
}
.fw .fwCol .postArea .list li a .bt_stan &gt; *{
	padding: 0.5em 0.25em;
}
.fw .fwCol .postArea .list li a .bt_stan .aTxt{
	font-size: 0.13rem;
}




/*=============================
  cul
=============================*/
.cul #lineAni_foot {
	margin-top: -120px;
}
/*cul section
=============================*/
.cul section {
	padding: 0 25px;
}
.cul section &gt; .inner{
	max-width: 1040px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.cul section h2{
	width: fit-content;
	font-size: 0.3rem;
	letter-spacing: 0.2em;
	border: 1px solid var(--cRed);
	padding: 0.75em 1em;
}
.cul section .txt01{
	max-width: 875px;
	width: 100%;
	font-size: 0.17rem;
	letter-spacing: 0.1em;
	line-height: calc(34/17);
	margin-top: 1em;
}

/*cul lineAni
=============================*/
.cul #lineAni01{
	position: relative;
	margin-top: 150px;
	margin-bottom: 60px;
}
.cul #lineAni01 .ill {
	position: absolute;
}
.cul #lineAni01 .ill01 {
	aspect-ratio: 320/355;
	width: calc((320/1440)*100%);
	top: calc((-0/270)*100%);
	left: calc((120/1440)*100%);
	z-index: -1;
}
.cul #lineAni01 .ill02 {
	aspect-ratio: 657/427;
	width: calc((657/1440)*100%);
	bottom: calc((-100/270)*100%);
	right: calc((90/1440)*100%);
}

.cul #lineAni04{
	margin-top: -100px;
}
/*cul fukuri
=============================*/
.cul #fukuri {
	margin-top: 85px;
}
.cul #fukuri .lineBg{
	margin-top: 160px;
	margin-bottom: 100px;
	padding: 20px 25px 60px;
	width: calc(100% + 50px);
	position: relative;
	left:-25px;
	top:0;
}
.cul #fukuri .lineBg .list{
	max-width: 930px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	column-gap: calc((58/930)*100%);
}
.cul #fukuri .lineBg .list &gt; li{
	flex-grow: 1;
	width: calc((436/930)*100%);
	border: 1px solid var(--cRed);
	background: #FFF;
	padding: 30px 25px 25px 20px;
}
.cul #fukuri .lineBg .list &gt; li:nth-child(even){
	margin-left: auto;
}
.cul #fukuri .lineBg .list &gt; li:nth-child(n+3){
	margin-top: calc((40/930)*100%);
}
.cul #fukuri .lineBg .list &gt; li .pic{
	aspect-ratio: 1/1;
	width: calc((94/391)*100%);
	max-width: 94px;
}
.cul #fukuri .lineBg .list &gt; li .txtArea{
	width: calc((275/391)*100%);
	margin-left: auto;
}
.cul #fukuri .lineBg .list &gt; li .txtArea h4{
	font-size: 0.23rem;
	line-height: 1.5;
	letter-spacing: 0.05em;
}
.cul #fukuri .lineBg .list &gt; li .txtArea .txt{
	font-size: 0.16rem;
	line-height: calc(27/16);
	letter-spacing: 0.1em;
	margin-top: 0.5em;
}
.cul #fukuri .lineBg .list &gt; li.w100 .pic{
	width: calc((94/885)*100%);
}
.cul #fukuri .lineBg .list &gt; li.w100 .txtArea{
	width: calc((275/885)*100%);
}
.cul #fukuri .lineBg .list &gt; li.w100 .ph{
	aspect-ratio: 487/172;
	width: calc((483/885)*100%);
	margin-left: auto;
	overflow: hidden;
}



.cul .rvoice h3{
	text-align: center;
	font-size: 0.42rem;
	line-height: 1.25;
	letter-spacing: 0.15em;
}

.cul .rvoice .list{
	margin-top: 50px;
}
.cul .rvoice .list &gt; li .ph{
	aspect-ratio: 463/227;
	width: calc((463/1040)*100%);
}
.cul .rvoice .list &gt; li .txtArea{
	width: calc((535/1040)*100%);
	margin-left: auto;
}
.cul .rvoice .list &gt; li:nth-child(even) .txtArea{
	margin-left: 0;
	margin-right: auto;
}
.cul .rvoice .list &gt; li .txtArea h4{
	width: fit-content;
	font-size: 0.24rem;
	line-height: 1.5;
	letter-spacing: 0.1em;
	border-bottom: 1px solid var(--cRed);
	padding-bottom: 0.25em;
}
.cul .rvoice .list &gt; li:nth-child(even) .txtArea h4{
	margin-left: auto;
}
.cul .rvoice .list &gt; li .txtArea .txt{
	width: fit-content;
	font-size: 0.15rem;
	line-height: 2;
	letter-spacing: 0.15em;
	margin-top: 0.75em;
}

/*cul kensyu
=============================*/
.cul #kensyu {
	margin-top: 250px;
}
.cul #kensyu .bgArea{
	width: calc(100% + 50px);
	padding: 0 25px 45px;
	position: relative;
	top:0;
	left:-25px;
}
	.cul #kensyu .bgArea.newg {margin-top: 85px;}
	.cul #kensyu .bgArea.bumon{margin-top: 50px;padding: 0 25px 55px;}
.cul #kensyu .bgArea::before{
	content: '';
	width: 100%;
	height: calc(100% - 30px);
	display: block;
	position: absolute;
	bottom:0;
	left:0;
	background: var(--cBeige);
	z-index: -1;
}

.cul #kensyu .bgArea &gt; .inner{
	max-width: 1040px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.cul #kensyu .bgArea h3{
	width: fit-content;
	font-size: 0.23rem;
	letter-spacing: 0.2em;
	border: 1px solid var(--cRed);
	padding: 0.75em 1em;
	background: #FFF;
}
.cul #kensyu .bgArea .txt01{
	max-width: 875px;
	width: 100%;
	font-size: 0.16rem;
	letter-spacing: 0.1em;
	line-height: calc(30/16);
	margin-top: 1.5em;
}
.cul #kensyu .bgArea .lineArea{
	max-width: 1130px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	position: relative;
}

.cul #kensyu .bgArea .lineArea .splide,
.cul #kensyu .bgArea .lineArea .splide .splide__track{position: static;}
.cul #kensyu .bgArea .lineArea .list{
	display: flex;
	column-gap: calc((44.5/1130)*100%);
}
.cul #kensyu .bgArea.newg .lineArea .list &gt; .item{
	flex-grow: 1;
	width: calc((347/1130)*100%);
	border: 1px solid var(--cRed);
	background: #FFF;
	padding: 30px calc((40/1130)*100%);
	position: relative;
}
.cul #kensyu .bgArea.bumon .lineArea .list &gt; .item{
	flex-grow: 1;
	width: calc((347/1130)*100%);
	border: 1px solid var(--cRed);
	background: #FFF;
	padding: 60px calc((40/1130)*100%);
	position: relative;
}
.cul #kensyu .bgArea.newg .lineArea .list &gt; .item::before{
	content: '';
	aspect-ratio: 1/1;
	width: 18px;
	display: block;
	isolation: isolate;
	border-radius: 999px;
	background: #FFF;
	border: 1px solid var(--cRed);
	position: absolute;
	top:calc((40/360)*100%);
	right:calc((47/284)*100%);
	background: var(--cBeige);
}
.cul #kensyu .bgArea.bumon .lineArea .list &gt; .item:not(.noPanchi)::before{
	content: '';
	aspect-ratio: 1/1;
	width: 18px;
	display: block;
	isolation: isolate;
	border-radius: 999px;
	background: #FFF;
	border: 1px solid var(--cRed);
	position: absolute;
	top:calc((40/284)*100%);
	right:calc((47/284)*100%);
	background: var(--cBeige);
}

	.cul #kensyu .bgArea.bumon .lineArea .list &gt; .item:nth-child(n+4){margin-top: calc((25/1130)*100%);}
.cul #kensyu .bgArea .lineArea .list &gt; .item h4{
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
	padding: 0.25em 1em;
	background: var(--cRed);
	color: #FFF;
	font-size: 0.2rem;
	letter-spacing: 0.1em;
	line-height: calc(27/23);
	text-align: center;
}
.cul #kensyu .bgArea .lineArea .list &gt; .item h4.nop{
	padding: 0.25em 0.25em;
}
.cul #kensyu .bgArea .lineArea .list &gt; .item .txt{
	font-size: 0.16rem;
	letter-spacing: 0.1em;
	line-height: calc(25/16);
	margin-top: 0.75em;
}

.cul #kensyu #lineAni02{
	width: 100%;
	position: static!important;
}
.cul #kensyu #lineAni02 svg{
	position: absolute;
}
.cul #kensyu #lineAni02 svg.line01{
	/*width: calc((195/1440)*100vw);*/
	width: calc((100vw - 970px)/2);
	height: 56px;
	top:0;
	right:calc(50% + ((500/1130)*100%));
}
@media screen and (max-width:1220px) {
	.cul #kensyu #lineAni02 svg.line01{
		width: calc((245/1130)*100%);
	}
}
.cul #kensyu #lineAni02 svg.line02{
	aspect-ratio: 163/28;
	width: calc((163/1130)*100%);
	top:32px;
	left:calc((271/1130)*100%);
}
.cul #kensyu #lineAni02 svg.line03{
	aspect-ratio: 325/54;
	width: calc((325/1130)*100%);
	top:-15px;
	left:calc((663/1130)*100%);
}

.cul #kensyu #lineAni02 svg.line04{
	/*width: calc((195/1440)*100vw);*/
	width: calc((100vw - 970px)/2);
	height: 45px;
	top:-8px;
	left:calc(50% + ((490/1130)*100%));
}
@media screen and (max-width:1220px) {
	.cul #kensyu #lineAni02 svg.line04{
		width: calc((245/1130)*100%);
	}
}

.cul #kensyu #lineAni02 svg.line01												{z-index: 1;}
.cul #kensyu .bgArea.newg .lineArea .list .item:nth-child(1)	{z-index: 2;}
.cul #kensyu #lineAni02 svg.line02												{z-index: 3;}
.cul #kensyu .bgArea.newg .lineArea .list .item:nth-child(2)	{z-index: 4;}
.cul #kensyu #lineAni02 svg.line03												{z-index: 5;}
.cul #kensyu .bgArea.newg .lineArea .list .item:nth-child(3)	{z-index: 6;}
.cul #kensyu #lineAni02 svg.line04												{z-index: 7;}




.cul #kensyu #lineAni03{
	width: 100%;
	position: static!important;
}
.cul #kensyu #lineAni03 svg{
	position: absolute;
}
.cul #kensyu #lineAni03 svg.line01{
	/*width: calc((195/1440)*100vw);*/
	width: calc((100vw - 970px)/2);
	height: 56px;
	top:0;
	right:calc(50% + ((500/1130)*100%));
}
@media screen and (max-width:1220px) {
	.cul #kensyu #lineAni03 svg.line01{
		width: calc((245/1130)*100%);
	}
}
.cul #kensyu #lineAni03 svg.line02{
	aspect-ratio: 163/28;
	width: calc((163/1130)*100%);
	top:35px;
	left:calc((271/1130)*100%);
}
.cul #kensyu #lineAni03 svg.line03{
	aspect-ratio: 325/54;
	width: calc((325/1130)*100%);
	top:-10px;
	left:calc((663/1130)*100%);
}

.cul #kensyu #lineAni03 svg.line04{
	/*width: calc((195/1440)*100vw);*/
	width: calc((100vw - 970px)/2);
	height: 45px;
	top:-2px;
	left:calc(50% + ((490/1130)*100%));
}
@media screen and (max-width:1220px) {
	.cul #kensyu #lineAni03 svg.line04{
		width: calc((245/1130)*100%);
	}
}

.cul #kensyu #lineAni03 svg.line01												{z-index: -1;}
.cul #kensyu .bgArea.bumon .lineArea .list &gt; div:nth-child(1)	{z-index: 2;}
.cul #kensyu #lineAni03 svg.line02												{z-index: 3;}
.cul #kensyu .bgArea.bumon .lineArea .list &gt; div:nth-child(2)	{z-index: 4;}
.cul #kensyu #lineAni03 svg.line03												{z-index: 5;}
.cul #kensyu .bgArea.bumon .lineArea .list &gt; div:nth-child(3)	{z-index: 6;}
.cul #kensyu #lineAni03 svg.line04												{z-index: 7;}


.cul #kensyu .bumon .txt02{
	text-align: center;
	font-size: 0.22rem;
	line-height: 1.75;
	letter-spacing: 0.2em;
	margin-top: 1.5em;
}



.cul #kensyu .rvoice {
	margin-top: 50px;
}

/*=============================
  info
=============================*/
.info section &gt; .inner{
	max-width: 1030px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.info section h2{
	width: fit-content;
	font-size: 0.3rem;
	letter-spacing: 0.2em;
	border: 1px solid var(--cRed);
	padding: 0.75em 1em;
	background: #FFF;
}
.info #bosyu {
	margin-top: 200px;
	padding: 40px 25px 85px;
}
.info #bosyu h2{
	position: absolute;
	top:-150px;
	left:0;
}
.info #bosyu .list{
	max-width: 936px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.info #bosyu .list &gt; *{background: #FFF;}
.info #bosyu .list dt{
	width: calc((250/936)*100%);
	border: 1px solid var(--cRed);
	text-align: center;
	font-size: 0.23rem;
	line-height: 1.5;
	letter-spacing: 0.2em;
	padding: 1em 0.5em;
}
.info #bosyu .list dt .fs{
	font-size: 70%;
	letter-spacing: 0.1em;
}
.info #bosyu .list dd{
	width: calc((686/936)*100%);
	border: 1px solid var(--cRed);
	border-left: none;
	font-size: 0.16rem;
	line-height: calc(28/16);
	letter-spacing: 0.1em;
	padding: 1em 1.25em;
}
.info #bosyu .list dd .fl{
	font-size: 0.20rem;
	line-height: calc(34/20);
}
.info #bosyu .list dt:nth-of-type(n+2),
.info #bosyu .list dd:nth-of-type(n+2){
	margin-top: 15px;
}


.info #faq {
	margin-top: 120px;
}
.info #faq .list{
	max-width: 800px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 55px;
	padding-bottom: 25px;
	border-bottom: 1px solid var(--cRed);
}
.info #faq .list dt{
	width: 100%;
	position: relative;
	cursor: pointer;
}
.info #faq .list dt:nth-of-type(n+2){
	margin-top: 2em;
	padding-top: 1.5em;
	border-top: 1px solid var(--cRed);
}
.info #faq .list dd{
	display: none;
	padding-top: 3em;
}
.info #faq .list .qaTxt{
	font-size: 0.5rem;
	width: 1.25em;
}
.info #faq .list .txt{
	font-size: 0.2rem;
	letter-spacing: 0.15em;
	line-height: calc(37/20);
	width: calc(100% - 1.25em);
}
.info #faq .list dt .txt{padding-top: 0.5em;}
.info #faq .list dt .icon{
	position: absolute;
	top:20px;
	right: 0;
	width: 26px;
	height: 26px;
}
.info #faq .list dt:nth-of-type(n+2) .icon{
	top:35px;
}
.info #faq .list dt .icon::before,
.info #faq .list dt .icon::after{
	content: '';
	display: block;
	position: absolute;
	top:50%;
	left:0;
	width: 100%;
	height: 1px;
	background: var(--cRed);
}
.info #faq .list dt .icon::after{
	transform: rotate(90deg);
	transition: transform 0.5s ease;
}
.info #faq .list dt.open .icon::after{
	transform: rotate(0deg);
}


/*=============================
  people
=============================*/
/*people index
=============================*/
.people.index #gridArea .navCol {
	padding-right: calc((100/1440)*100%);
}

.people.index #gridArea .navCol .pnav {
	position: sticky;
	top: 150px;
	left: 0;
	width: fit-content;
	z-index: 100;
	margin-left: auto;
	border: 1px solid var(--cRed);
	background: #FFF;
	padding: 15px 15px 15px 0;
}
.people.index #gridArea .navCol .pnav li {
	position: relative;
}

.people.index #gridArea .navCol .pnav li:nth-child(n+2){
	padding-top: 1em;
	margin-top: 1em;
}
.people.index #gridArea .navCol .pnav li:nth-child(n+2)::after {
	content: '';
	width: calc(100% - 15px);
	height: 1px;
	display: block;
	background: var(--cRed);
	position: absolute;
	top:0;
	left:15px;
}
.people.index #gridArea .navCol .pnav li a{
	font-size: 0.13rem;
	letter-spacing: 0.1em;
	line-height: calc(18/13);
	padding-left: 15px;
	display: block;
	position: relative;
}
.people.index #gridArea .navCol .pnav li a::before {
	content: '';
	width: 10px;
	height: 10px;
	isolation: isolate;
	border-radius: 999px;
	border: 1px solid var(--cRed);
	background: #F5F1F1;
	display: block;
	position: absolute;
	top: calc(50% - 5px);
	left: -5px;
	z-index: 1;
	transform: scale(1);
	transition:
		background 0.5s ease,
		transform 0.5s ease;
}
.people.index #gridArea .navCol .pnav li.current a::before {
	background: var(--cRed);
	transform: scale(1.5);
}


/*people index lineAni
=============================*/
.people.index #lineAni01{
	margin-top: 50px;
}
.people.index .inView_draw .ill {position: absolute;}
.people.index #lineAni01 .ill01 {
	aspect-ratio: 241/211;
	width: calc((241/1440)*100%);
	top: calc((15/255)*100%);
	right: calc((430/1440)*100%);
	z-index: 1;
}


.people.index #lineAni02 .ill01 {
	aspect-ratio: 321/130;
	width: calc((321/1440)*100%);
	/*bottom: calc((-100/339)*100%);*/
	bottom:-100px;
	right: calc((180/1440)*100%);
	z-index: 1;
}
.people.index #lineAni04 .ill01 {
	aspect-ratio: 453/170;
	width: calc((453/1440)*100%);
	bottom: calc((-30/436)*100%);
	left: calc((167/1440)*100%);
	z-index: 1;
}
.people.index #lineAni04 svg.line02{z-index: 10;}

.people.index #lineAni05 .ill01 {
	aspect-ratio: 324/293;
	width: calc((324/1440)*100%);
	bottom: calc((-150/165)*100%);
	right: calc((147/1440)*100%);
	z-index: 1;
}
/*people index section
=============================*/
.people.index section{padding: 0 25px;}
.people.index section &gt; .inner{
	max-width: 1040px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.people.index section .titArea{
	width: fit-content;
	border: 1px solid var(--cRed);
	padding: 30px 40px 25px;
	background: #FFF;
	position: relative;
	z-index: 10;
}
.people.index  #eigyou .titArea,
.people.index  #mkt .titArea,
.people.index  #kikaku .titArea{
	margin-left: calc((35/1040)*100%);
}
.people.index  #kaihatsu .titArea,
.people.index  #seisan .titArea{
	margin-left: calc((454/1040)*100%);
}
.people.index section .titArea h2{
	width: fit-content;
	padding-bottom: 0.5em;
	border-bottom: 1px solid var(--cRed);
	font-size: 0.26rem;
	letter-spacing: 0.1em;
}
.people.index section .titArea h3{
	font-size: 0.23rem;
	line-height: 1.5;
	letter-spacing: 0.15em;
	margin-top: 0.5em;
}


.people.index #eigyou .list			{padding-left:calc((20/1040)*100%);margin-top: -20px;}
.people.index #mkt .list				{padding-left:calc((30/1040)*100%);margin-top: -70px;}
.people.index #kaihatsu .list		{padding-left:calc((35/1040)*100%);margin-top: -110px;}
.people.index #seisan .list			{margin-top: -15px;}
.people.index #kikaku .list			{margin-top: -15px;}

.people.index section .list li 		{width: calc((482/1040)*100%);}
.people.index #eigyou .list li 		{width: calc((482/1020)*100%);}
.people.index #mkt .list li 			{width: calc((482/1010)*100%);}
.people.index #kaihatsu .list li 	{width: calc((482/1005)*100%);}

.people.index #eigyou .list li:nth-child(2n) {margin-left: auto;}
.people.index #mkt .list li 							{margin-left: auto;}

.people.index #seisan .list li {margin-left: auto;}


.people.index #kikaku .list li {
	margin-left: auto;
	margin-right: auto;
}


.people.index #eigyou .list li:nth-child(2) {margin-top: 75px;}
.people.index #eigyou .list li:nth-child(3) {margin-top: -35px;}
.people.index #eigyou .list li:nth-child(4) {margin-top: 40px;}
.people.index #eigyou .list li:nth-child(5) {margin-left:calc((145/1020)*100%);margin-top: -40px;}
.people.index #mkt .list li:nth-child(2) 		{margin-top: 120px;}
.people.index #mkt .list li:nth-child(3) 	{margin-right: calc((45/1010)*100%); margin-top: -60px;}
.people.index #kaihatsu .list li:nth-child(2) {margin-top: 180px;}
.people.index #seisan .list li:nth-child(2) 		{margin-top: 75px;}
.people.index #seisan .list li:nth-child(3) {margin-right: calc((175/1040)*100%);margin-top: -50px;}
.people.index #kikaku .list li:nth-child(2){margin-top: 135px;}


.people.index #kikaku .list li a{
	display: block;
}
.people.index section .list li a .ph{
	aspect-ratio: 482/291;
	width: 100%;
	overflow: hidden;
	border: 1px solid var(--cRed);
}
.people.index section .list li a .txtArea{
	width: fit-content;
	margin-left: calc((200/482)*100%);
	margin-top: -30px;
	position: relative;
	z-index: 10;
}
	.people.index #mkt .list li:nth-child(3) a .txtArea{
		margin-left: auto;
		margin-right: calc((-55/482)*100%);
	}
.people.index section .list li a .txtArea h4{
	width: fit-content;
	padding: 0.75em 1em;
	border: 1px solid var(--cRed);
	font-size: 0.16rem;
	line-height: calc(26/16);
	letter-spacing: 0.1em;
	background: #FFF;
}
.people.index section .list li a .txtArea .name{
	font-size: 0.17rem;
	letter-spacing: 0.15em;
	margin-top: 0.5em;
}
.people.index section .list li a .txtArea .data{
	font-size: 0.11rem;
	letter-spacing: 0.1em;
	line-height: calc(18/11);
	margin-top: 0.25em;
}


/*people detail
=============================*/
#container.people.detail {
	padding-top: 180px;
}
.people.detail #main &gt; .inner{
	/*max-width: 1240px;
	width:100%;*/
	padding: 0 25px;
	width: calc((1240/1440)*100%);
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width:1440px) {
	.people.detail #main &gt; .inner{
		max-width: 1240px;
		width:100%;
	}
}
.people.detail #main .titArea{
	width: fit-content;
	background: #FFF;
	border: 1px solid var(--cRed);
	padding: 25px 30px;
	position: relative;
	z-index: 10;
}
.people.detail #main .titArea h2{
	font-size: 0.32rem;
	letter-spacing: 0.15em;
	line-height: calc(44/32);
	padding-bottom: 0.35em;
	border-bottom: 1px solid var(--cRed);
}
.people.detail #main .titArea .txt01{
	font-size: 0.14rem;
	letter-spacing: 0.05em;
	line-height: calc(21/14);
	margin-top: 1em;
}
.people.detail #main .titArea .txt01 .fs{
	font-size: 80%;
}
.people.detail #main .main_ph{
	aspect-ratio: 1123/540;
	/*max-width: 1123px;
	width: 100%;*/
	width: calc((1123/1190)*100%);
	min-height: 540px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -180px;
	overflow: hidden;
	border: 1px solid var(--cRed);
}

@media screen and (max-width:1180px) {
	.people.detail #main .main_ph{
		margin-top: -50px;
	}
}

.people.detail #main .intro{
	max-width: 830px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}
.people.detail #main .intro h3{
	font-size: 0.3rem;
	letter-spacing: 0.15em;
	line-height: 1.5;
}
.people.detail #main .intro .txt{
	border: 1px solid var(--cRed);
	padding: 15px 20px;
	font-size: 0.16rem;
	letter-spacing: 0.1em;
	line-height: calc(28/16);
}


.people.detail section{
	padding: 0 25px;
}
.people.detail section &gt; .inner{
	max-width: 1040px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.people.detail section:not(#bloc04) .titArea{
	border: 1px solid var(--cRed);
	background: #FFF;
	padding: 15px 30px;
}
.people.detail section:not(#bloc04) .titArea .qTxt{
	font-size: 0.15rem;
	letter-spacing: 0.15em;
	line-height: 1.5;
	padding-bottom: 0.5em;
	border-bottom: 1px solid var(--cRed);
	margin-bottom: 0.5em;
}
.people.detail section:not(#bloc04) .titArea h2{
	font-size: 0.18rem;
	letter-spacing: 0.15em;
	line-height: calc(30/20);
}
.people.detail section:not(#bloc04) .txtArea .txt{
	font-size: 0.15rem;
	letter-spacing: 0.15em;
	line-height: calc(30/15);
}


.people.detail #bloc01{
	margin-top: 100px;
}
.people.detail #bloc01 .txtArea{
	width: calc((495/1040)*100%);
	margin-left: auto;
}
.people.detail #bloc01 .txtArea .titArea{
	width: fit-content;
	position: relative;
	z-index: 10;
	margin-left: -110px;
}
.people.detail #bloc01 .txtArea .txt{
	margin-top: 1.5em;
}

.people.detail #bloc01 .phArea{
	width: calc((500/1040)*100%);
}
.people.detail #bloc01 .phArea .ph{
	aspect-ratio: 500/652;
	width: 100%;
	overflow: hidden;
	border: 1px solid var(--cRed);
}

.people.detail #bloc02{
	margin-top: 120px;
}
.people.detail #bloc02 .titArea{
	width: calc((410/1040)*100%);
	margin-right: auto;
	position: relative;
}
.people.detail #bloc02 .titArea .ill{
	aspect-ratio: 375/240;
	width: calc((375/410)*100%);
	position: absolute;
	top:calc(100% + 20px);
	right:-30px;
	z-index: -1;
}
.people.detail #bloc02 .txtArea{
	width: calc((575/1040)*100%);
}


.people.detail #bloc03{
	margin-top: 120px;
}
.people.detail #bloc03 .ill{
	aspect-ratio: 395/130;
	width: calc((395/1040)*100%);
	position: absolute;
	top:calc(100% - 40px);
	/*top:calc(100% - ((100/1040)*100%));*/
	right:20px;
	z-index: 1;
}
.people.detail #bloc03 .titArea{
	width: calc((410/1040)*100%);
	margin-left: auto;
	position: relative;
	background: #000;
}

.people.detail #bloc03 .txtArea{
	width: calc((575/1040)*100%);
}
.people.detail #bloc03 .ph{
	aspect-ratio: 1125/540;
	max-width: 1125px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	border: 1px solid var(--cRed);
	margin-top: 70px;
}



.people.detail #bloc04{
	margin-top: 70px;
	background: var(--cBeige);
	padding-top: 70px;
	padding-bottom: 70px;
}
.people.detail #bloc04 .titArea{
	width: calc((440/1040)*100%);
	text-align: center;
}
.people.detail #bloc04 .titArea h2 span{
	display: inline-block;
}
.people.detail #bloc04 .titArea h2 span.fs{
	font-size: 0.32rem;
	letter-spacing: 0.15em;
	border-bottom: 1px solid var(--cRed);
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
}
.people.detail #bloc04 .titArea h2 span.fl{
	font-size: 0.42rem;
	letter-spacing: 0.15em;
	text-align: center;
	line-height: calc(71/42);
}
.people.detail #bloc04 .txtArea{
	width: calc((575/1040)*100%);
	margin-left: auto;
	font-size: 0.15rem;
	letter-spacing: 0.15em;
	line-height: calc(30/15);
}
.people.detail #bloc04 .txtArea &gt; *:nth-child(n+2){margin-top: 15px;}
.people.detail #bloc04 .txtArea .txt.fs{font-size: 80%;}
.people.detail #bloc04 .txtArea .txt.right{text-align: right;}



.people.detail #offshot{margin-top: 100px;}
.people.detail #offshot .ph{
	aspect-ratio: 500/375;
	width: calc((500/1040)*100%);
	overflow: hidden;
	border: 1px solid var(--cRed);
	margin-right: auto;
}
.people.detail #offshot .txtArea{
	width: calc((500/1040)*100%);
}
.people.detail #offshot .txtArea h2{
	font-size: 0.44rem;
	letter-spacing: 0.15em;
}
.people.detail #offshot .txtArea .txt{
	font-size: 0.15rem;
	letter-spacing: 0.15em;
	line-height: calc(30/15);
	margin-top: 1.5em;
}



.people.detail #peopleList{
	position: relative;
	background: var(--cBeige);
	padding-bottom: 100px;
	margin-top: 250px;
}
.people.detail #peopleList::before{
	content: '';
	display: block;
	width: 100%;
	position: absolute;
	left:0;
	bottom:100%;
	height: 150px;
	background: url(../img/linebg_top.svg) no-repeat bottom left/100% 100%;
}
.people.detail #peopleList .ill{
	aspect-ratio: 250/233;
	width: calc((250/1440)*100%);
	position: absolute;
	top:-270px;
	right:calc((175/1440)*100%);
}


.people.detail #peopleList .titArea{
	max-width: 1090px;
	padding: 0 25px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.people.detail #peopleList .titArea h2 span{
	display: block;
}
.people.detail #peopleList .titArea h2 span.fen_r{
	font-size: 0.55rem;
	letter-spacing: 0.15em;
}
.people.detail #peopleList .titArea h2 span.jp{
	font-size: 0.26rem;
	letter-spacing: 0.25em;
	margin-top: 0.5em;
}



.people.detail #peopleList .splide{margin-top: 35px;}
.people.detail #peopleList .splide .item {
	width: 350px!important;
}
.people.detail #peopleList .splide .item a{
	display: block;
	height: 100%;
	background: #FFF;
	border: 1px solid var(--cRed);
}
.people.detail #peopleList .splide .item a .ph{
	aspect-ratio: 312/267;
	width: 100%;
	border-bottom: 1px solid var(--cRed);
	overflow: hidden;
}
.people.detail #peopleList .splide .item a .txtArea{
	padding: 15px 15px;
}
.people.detail #peopleList .splide .item a .txtArea h4{
	font-size: 0.16rem;
	letter-spacing: 0.1em;
	line-height: calc(24/16);
}
.people.detail #peopleList .splide .item a .txtArea p{
	font-size: 0.12rem;
	letter-spacing: 0.05em;
	line-height: calc(17/12);
	margin-top: 0.5em;
}

.people.detail #peopleList .splide .splide__pagination{
	display: block;
	text-align: center;
	z-index: 10;
	font-size: 0;
	margin-top: 50px;
}
.people.detail #peopleList .splide .splide__pagination li{
	position: relative;
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 0 10px;
	padding: 0;
	cursor: pointer;
}
.people.detail #peopleList .splide .splide__pagination li button{
	font-size: 0;
	line-height: 0;
	display: block;
	width: 14px;
	height: 14px;
	padding: 3px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: #FFF;
	isolation: isolate;
	border-radius: 50%;
	border: 2px solid var(--cRed);
}
.people.detail #peopleList .splide .splide__pagination li button:hover,
.people.detail #peopleList .splide .splide__pagination li button.is-active{
	border: 2px solid var(--cRed);
	background: var(--cRed);
}


/*
.people.detail #peopleList .slickArea{margin-top: 35px;}
.people.detail #peopleList .slick .slick-track {
	display: -webkit-flex;
	display: flex;
}
.people.detail #peopleList .slick .slick-track .slick-slide{
	padding: 0 15px;
}
.people.detail #peopleList .slick .slick-track .slick-slide &gt; div{height: 100%;}
.people.detail #peopleList .slick .item {
	width: 350px!important;
	height: 100%!important;
}
.people.detail #peopleList .slick .item a{
	display: block;
	height: 100%;
	background: #FFF;
	border: 1px solid var(--cRed);
}
.people.detail #peopleList .slick .item a .ph{
	aspect-ratio: 312/267;
	width: 100%;
	border-bottom: 1px solid var(--cRed);
	overflow: hidden;
}
.people.detail #peopleList .slick .item a .txtArea{
	padding: 15px 15px;
}
.people.detail #peopleList .slick .item a .txtArea h4{
	font-size: 0.16rem;
	letter-spacing: 0.1em;
	line-height: calc(24/16);
}
.people.detail #peopleList .slick .item a .txtArea p{
	font-size: 0.12rem;
	letter-spacing: 0.05em;
	line-height: calc(17/12);
	margin-top: 0.5em;
}
slick dots
.people.detail #peopleList .slickArea .slick-dots{
	display: block;
	text-align: center;
	z-index: 10;
	font-size: 0;
	margin-top: 50px;
}
.people.detail #peopleList .slickArea .slick-dots li{
	position: relative;
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 0 10px;
	padding: 0;
	cursor: pointer;
}
.people.detail #peopleList .slickArea .slick-dots li button{
	font-size: 0;
	line-height: 0;
	display: block;
	width: 14px;
	height: 14px;
	padding: 3px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: #FFF;
	isolation: isolate;
	border-radius: 50%;
	border: 2px solid var(--cRed);
}
.people.detail #peopleList .slickArea .slick-dots li button:hover,
.people.detail #peopleList .slickArea .slick-dots li.slick-active button{
	border: 2px solid var(--cRed);
	background: var(--cRed);
}
*/




.people.detail #peopleList .btList{
	max-width: 1090px;
	padding: 0 25px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.people.detail #peopleList .btList,
.people.detail #peopleList .btList li:nth-child(n+2){margin-top: 65px;}
.people.detail #peopleList .btList a{
	display: block;
	border: 1px solid var(--cRed);
	background: #FFF;
	padding: 1em 0;
	position: relative;
}
.people.detail #peopleList .btList a .txt{
	text-align: center;
	font-size: 0.25rem;
	line-height: calc(41/25);
	letter-spacing: 0.28em;
}
.people.detail #peopleList .btList a .bt_stan {
	width: 250px;
	position: absolute;
	top:calc(100% - 30px);
	right:-35px;
}




/*=============================
  messe
=============================*/
.messe section{
	padding: 0 25px;
}
.messe section &gt; .inner{
	max-width: 1030px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.messe #lineAni01{
	position: relative;
	margin-top: 100px;
}
.messe #lineAni01 .ill{
	aspect-ratio: 391/173;
	width: calc((391/1440)*100%);
	position: absolute;
	top: calc((50/231)*100%);
	left: calc((180/1440)*100%);
	z-index: -1;
}


.messe #bloc01{margin-top: 85px;}
.messe #bloc01 h2{
	font-size: 0.28rem;
	letter-spacing: 0.2em;
	line-height: calc(51/28);
	text-align: center;
}
.messe #bloc01 .phArea{
	margin-top: 25px;
	position: relative;
}
.messe #bloc01 .phArea .ph{
	aspect-ratio: 1030/495;
	width: 100%;
	border: 1px solid var(--cRed);
	overflow: hidden;
}
.messe #bloc01 .phArea .ill{
	position: absolute;
	bottom:-40px;
	left:-25px;
	aspect-ratio: 400/156;
	width: calc((400/1030)*100%);
}

.messe #bloc01 .txt{
	max-width: 795px;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.16rem;
	letter-spacing: 0.1em;
	line-height: calc(30/16);
	margin-top: 70px;
}


.messe #bloc02{margin-top: 165px;}
.messe #bloc02 .phArea{
	position: relative;
}
.messe #bloc02 .phArea .ph{
	aspect-ratio: 1030/495;
	width: 100%;
	border: 1px solid var(--cRed);
	overflow: hidden;
}
.messe #bloc02 .phArea .ill{
	position: absolute;
	bottom:-40px;
	right:-60px;
	aspect-ratio: 323/255;
	width: calc((323/1030)*100%);
}

.messe #bloc02 .txtArea{
	max-width: 915px;
	margin-left: auto;
	margin-right: auto;
	background: var(--cRed);
	padding: 0 calc((60/915)*100%) 30px;
	margin-top: 100px;
}
.messe #bloc02 .txtArea h2{
	font-size: 0.23rem;
	letter-spacing: 0.18em;
	line-height: calc(40/23);
	border: 1px solid var(--cRed);
	background: #FFF;
	width: fit-content;
	padding: 0.5em 1em;
	margin-top: 0.35em;
	transform: translateY(-50%);
}
.messe #bloc02 .txtArea .txt{
	font-size: 0.16rem;
	letter-spacing: 0.1em;
	line-height: calc(30/16);
	color: #FFF;
}
.messe #bloc02 .txtArea h3{
	font-size: 0.19rem;
	letter-spacing: 0.1em;
	line-height: calc(40/19);
	color: #FFF;
	margin-top: 1em;
}



/*=============================
  project
=============================*/
.project .inView_draw .ill {position: absolute;}

	.project01 #lineAni01{
		position: relative;
		margin-top: 50px;
	}
	.project01 #lineAni01 .ill01 {
		aspect-ratio: 241/211;
		width: calc((241/1440)*100%);
		top: calc((15/255)*100%);
		right: calc((430/1440)*100%);
		z-index: 1;
	}
	.project01 #lineAni03{
		position: relative;
		margin-top: 120px;
	}
	.project01 #lineAni03 .ill{
		aspect-ratio: 391/173;
		width: calc((391/1440)*100%);
		position: absolute;
		top: calc((50/231)*100%);
		left: calc((180/1440)*100%);
		z-index: -1;
	}
	

	.project02 #lineAni01{
		position: relative;
		margin-top: 120px;
	}
	.project02 #lineAni01 .ill {
		aspect-ratio: 660/425;
		width: calc((660/1440)*100%);
		position: absolute;
		top: calc((-130/257)*100%);
		left: calc((340/1440)*100%);
		z-index: 10;
	}

	.project02 #lineAni02{
		/*margin-top: -65px;*/
	}

	.project02 #lineAni03{
		position: relative;
		margin-top: -130px;
	}
	.project02 #lineAni03 .ill01 {
		aspect-ratio: 453/170;
		width: calc((453/1440)*100%);
		bottom: calc((-30/436)*100%);
		left: calc((167/1440)*100%);
		z-index: 1;
	}
	.project02 #lineAni03 svg.line02{z-index: 10;}


.project #detail {
	padding: 80px 0 150px;
	position: relative;
	margin-top: 20px;
}
.project #detail::before{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-color: #FFF;
	background-image:  linear-gradient(#F2D7C8 1px, transparent 1px), linear-gradient(to right, #F2D7C8 1px, #FFF 1px);
	background-size: 25px 25px;
	position: absolute;
	top:0;
	left:0;
	z-index: -1;
}
.project #detail .theme_goal{padding: 0 25px;}
.project #detail .theme_goal ul{
	width: 100%;
	max-width: 860px;
	margin-left: auto;
	margin-right: auto;
}
.project #detail .theme_goal ul li:nth-child(n+2){
	margin-top: 35px;
}
.project #detail .theme_goal ul li h3{
	font-size: 0.3rem;
	letter-spacing: 0.15em;
}
.project #detail .theme_goal ul li .txtArea{
	border: 1px solid var(--cRed);
	background: #FFF;
	padding: 20px calc((40/860)*100%);
	margin-top: 10px;
}
.project #detail .theme_goal ul li .txtArea .txt{
	font-size: 0.16rem;
	line-height: calc(30/16);
	letter-spacing: 0.1em;
}



.project #detail .slideCont{
	margin-top: 160px;
	padding: 0px 0 50px;
	width: 100%;
}
.project #detail .slideCont &gt; h3{
	width: 100%;
	max-width: 910px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 25px;
	font-size: 0.3rem;
	letter-spacing: 0.15em;
	position: relative;
	top:-1em;
}
.project #detail .slideCont .slideArea{
	width: 100%;
	overflow-x: auto;
	cursor: grab;
}
.project #detail .slideCont .slideArea .slide{
	width: fit-content;
	padding: 0 75px;
	margin-left: auto;
	margin-right: auto;
}
.project #detail .slideCont .slideArea .item{
	width: 316px;
	border: 1px solid var(--cRed);
	background: #FFF;
	padding: 30px 30px;
}
.project #detail .slideCont .slideArea .item:nth-child(n+2){
	margin-left: 45px;
	position: relative;
}
.project #detail .slideCont .slideArea .item:nth-child(n+2)::before{
	content: '';
	display: block;
	position: absolute;
	top:calc(50% - 10px);
	right:calc(100% + 11px);
	width:0;
	height:0;
	border-style:solid;
	border-width: 12px 0 12px 20px;
	border-color: transparent transparent transparent var(--cRed);
}
.project #detail .slideCont .slideArea .item .ctxtArea{
	font-size: 0.2rem;
	line-height: calc(27/20);
	letter-spacing: 0.1em;
	padding: 0.75em 1em 0.55em;
	color: #FFF;
	background: var(--cRed);
}
.project #detail .slideCont .slideArea .item .txt{
	font-size: 0.13rem;
	line-height: calc(24/13);
	margin-top: 1em;
}


.project #detail .slideCont .slider{
	height: 18px;
	max-width: 610px;
	width: 100%;
	position: relative;
	margin-left: auto;
	left:-75px;
	margin-top: 50px;
}
@media screen and (min-width:1910px) {
	.project01 #detail .slideCont .slider{display: none;}
}
@media screen and (min-width:1550px) {
	.project02 #detail .slideCont .slider{display: none;}
}
.project #detail .slideCont .slider::before{
	content: '';
	display: block;
	width: 100%;
	height: 8px;
	position: absolute;
	top:calc(50% - 4px);
	left:0;
	background: var(--cRed);
	z-index: 0;
}
.project #detail .slideCont .slider .pochi{
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
}
.project #detail .slideCont .slider .pochi::before,
.project #detail .slideCont .slider .pochi::after{
	content: '';
	display: block;
	aspect-ratio: 1/1;
	height: 100%;
	position: absolute;
	background: var(--cRed);
	isolation: isolate;
	border-radius: 999px;
	top:0px;
}
.project #detail .slideCont .slider .pochi::before{left:-4px;}
.project #detail .slideCont .slider .pochi::after{right:-4px;}


.project #detail .slideCont .slider span.ui-slider-handle{
	display: block;
	position: absolute;
	top:50%;
	left:0;
	z-index: 10;
	cursor: grab;
	aspect-ratio: 1/1;
	width: 26px;
	isolation: isolate;
	border-radius: 9999px;
	background: #FFF;
	border: 2px solid var(--cRed);
	transform: translate(-50%,-50%);
}



.project #detail .repoat{
	padding: 0 25px;
	margin-top: 165px;
	position: relative;
}
.project #detail .repoat::before{
	content: '';
	display: block;
	position: absolute;
	bottom:calc(100% + 35px);
	left:calc(50% - 30px);
	width:0;
	height:0;
	border-style:solid;
	border-width: 50px 30px 0 30px;
	border-color: var(--cRed) transparent transparent transparent;
}

.project #detail .repoat ul{
	max-width: 970px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.project #detail .repoat ul li:nth-child(n+2){
	margin-top: 30px;
}

.project #detail .repoat ul li .num{
	width: 100%;
	padding-left: 1em;
	margin-bottom: 0.25em;
}
.project #detail .repoat ul li .num .fs{
	font-size: 0.13rem;
	letter-spacing: 0.05em;
	margin-right: 1em;
}
.project #detail .repoat ul li .num .fl{
	font-size: 0.35rem;
	letter-spacing: 0.05em;
}
.project #detail .repoat ul li .txtArea{
	width: calc((460/970)*100%);
	margin-right: auto;
	background: #FFF;
	border: 1px solid var(--cRed);
}
.project #detail .repoat ul li .txtArea h3{
	background: var(--cRed);
	padding: 1em 1.5em;
	color: #FFF;
	font-size: 0.2rem;
	letter-spacing: 0.15em;
	line-height: calc(36/20);
}
.project #detail .repoat ul li .txtArea .txt{
	font-size: 0.14rem;
	letter-spacing: 0.1em;
	line-height: calc(23/14);
	padding: 1em 1.5em;
}



.project #detail .repoat ul li .pic{
	aspect-ratio: 460/257;
	width: calc((460/970)*100%);
	border: 1px solid var(--cRed);
	overflow: hidden;
	background: #FFF;
}
	.project01 #detail .repoat ul li:nth-child(2) .pic{
		background: var(--cBeige);
		padding: 25px 0;
	}
	.project01 #detail .repoat ul li:nth-child(3) .pic{
		padding: 25px 0;
	}


.project #talkMem {
	padding: 0 25px;
}

.project #talkMem &gt; .inner{
	width: 100%;
	max-width: 930px;
	margin-left: auto;
	margin-right: auto;
}
.project #talkMem h3{
	text-align: center;
	font-size: 0.3rem;
	letter-spacing: 0.15em;
	margin-bottom: 1em;
}
.project #talkMem .memList{column-gap: calc((30/930)*100%);}
	.project02 #talkMem .memList{column-gap: calc((150/930)*100%);}
.project #talkMem .memList li{
	width: 25%;
	position: relative;
}
	.project02 #talkMem .memList li:nth-child(n+2)::before,
	.project02 #talkMem .memList li:nth-child(n+2)::after{
		content: '';
		display: block;
		width: 1px;
		height: 88px;
		background: var(--cRed);
		position: absolute;
		top:calc(50% - 88px);
		right:calc(100% + (((150/232)*100%)/2));
	}
	.project02 #talkMem .memList li:nth-child(n+2)::before{transform: rotate(45deg);}
	.project02 #talkMem .memList li:nth-child(n+2)::after{transform: rotate(-45deg);}
	
.project #talkMem .memList li .ph{
	aspect-ratio: 1/1;
	width: 100%;
	overflow: hidden;
	border: 1px solid var(--cRed);
}
.project #talkMem .memList li .prof{
	padding: 0 calc((25/207)*100%);
	margin-top: 0.5em;
	font-size: 0.1rem;
	letter-spacing: 0.1em;
	line-height: calc(17/10);
}
.project #talkMem .memList li .prof .name{
	display: block;
	font-size: 0.18rem;
}


.project section{
	padding: 0 25px;
}
	.project #talk01{margin-top: 35px;}
	.project #talk03{margin-top: 80px;}
.project section &gt; .inner{
	width: 100%;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}
.project section .titArea{
	padding-left: 35px;
}
.project section .titArea .num{
	font-size: 0.17rem;
	letter-spacing: 0.15em;
}
.project section .titArea h2{
	width: fit-content;
	font-size: 0.19rem;
	letter-spacing: 0.1em;
	line-height: calc(32/19);
	border: 1px solid var(--cRed);
	padding: 0.75em 1.25em;
	margin-top: 10px;
}
.project section .titArea h3{
	width: fit-content;
	font-size: 0.19rem;
	letter-spacing: 0.1em;
	line-height: calc(32/19);
	border-bottom: 1px solid var(--cRed);
	padding-bottom: 0.25em;
	margin-top: 0.75em;
}

.project section &gt; .inner &gt; h3{
	width: fit-content;
	font-size: 0.17rem;
	letter-spacing: 0.13em;
	line-height: calc(33/17);
	margin-top: 55px;
	margin-left: calc((40/900)*100%);
	border-bottom: 1px solid var(--cRed);
	padding-bottom: 0.25em;
}

.project section .talkList{
	width: 100%;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 55px;
}
.project section .talkList li:nth-child(n+2){
	margin-top: 45px;
}
.project section .talkList li	{justify-content: flex-end;}
.project section .talkList li:nth-child(even)	{
	flex-direction: row-reverse;
	justify-content: flex-end;
}
.project section .talkList li .phArea{width: calc((140/900)*100%);}
.project section .talkList li:nth-child(odd)	.phArea{margin-right: calc((25/900)*100%);}
.project section .talkList li:nth-child(even)	.phArea{margin-left: calc((25/900)*100%);}
.project section .talkList li .phArea .ph{
	aspect-ratio: 1/1;
	width: 100%;
	border: 1px solid var(--cRed);
	overflow: hidden;
	background: #FFF;
}
.project section .talkList li .phArea .name{
	text-align: center;
	font-size: 0.11rem;
	margin-top: 0.5em;
}
.project section .talkList li .txtArea{
	width: calc((700/900)*100%);
	isolation: isolate;
	border-radius: 35px;
	border: 1px solid var(--cRed);
	position: relative;
	padding: 25px;
}
.project section .talkList li .txtArea::before{
	content: '';
	display: block;
	position: absolute;
	top:50px;
	width: 14px;
	height: 14px;
	background: url(../img/icon_fukidashi.svg) no-repeat center left -1px/contain;
}
.project section .talkList li .txtArea.arrowCL::before{top:calc(50% - 7px);}
.project section .talkList li:nth-child(odd) .txtArea::before{
	transform: rotate(180deg);
	right: 100%;
}
.project section .talkList li:nth-child(even) .txtArea::before{
	left: 100%;
}
.project section .talkList li .txtArea .txt{
	font-size: 0.12rem;
	letter-spacing: 0.1em;
	line-height: calc(28/12);
}
.project section &gt; .inner &gt; .phArea {
	max-width: 820px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	margin-top: 135px;
}
.project section &gt; .inner &gt; .phArea .ph{
	aspect-ratio: 820/395;
	width: 100%;
	border: 1px solid var(--cRed);
	overflow: hidden;
}
.project section &gt; .inner &gt; .phArea .ill{
	position: absolute;
}
	.project01 #talk01 &gt; .inner &gt; .phArea .ill{
		aspect-ratio: 265 / 180;
		width: calc((265/820)*100%);
		top: calc((-57/395)*100%);
		left: calc((-23/820)*100%);
	}
	.project02 #talk01 &gt; .inner &gt; .phArea .ill{
		aspect-ratio: 300/150;
		width: calc((300/820)*100%);
		top: calc((-75/395)*100%);
		right: calc((-25/820)*100%);
	}



.project #lineAni_foot {
	margin-top: 60px;
}




/*=============================
  spc
=============================*/
#container.spc{padding-top: 120px;}
.spc .bgRed{
	background: var(--cRed);
	padding-bottom: 130px;
}

.spc #main {
	padding: 80px 25px 60px;
	background: var(--cRed);
	position: relative;
	color: #FFF;
}
.spc #main::before{
	content: '';
	display: block;
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 260px;
	background: url(../img/top/special_bg.svg) #FFF no-repeat top center/100% calc(100% + 10px);
	z-index: 0;
}

.spc #main .pic01{
	aspect-ratio: 241/232;
	width: 240px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	left: -15px;
}
.spc #main .titArea{
	width: fit-content;
	position: relative;
	z-index: 1;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.35em;
}
.spc #main .titArea h2{
	font-size: 0.55rem;
	letter-spacing: 0.16em;
	text-align: center;
}
.spc #main .titArea .txt01{
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid var(--cRed);
	padding: 0.75em 1.5em;
	text-align: center;
	font-size: 0.26rem;
	letter-spacing: 0.2em;
	line-height: calc(40/26);
	margin-top: 0.5em;
	background: #FFF;
}
.spc #main .phArea .ph{
	aspect-ratio: 955/405;
	max-width: 955px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	margin-top: 55px;
}


.spc #main .phArea #lineAni01 {
	width: 100%;
	height: 338px;
	position: absolute;
	top:550px;
	left:0;
	z-index: 10;
	width: 100%;
}
.spc #main .phArea #lineAni01 svg{
	position: absolute;
	top:0;
	height: 100%;
}
.spc #main .phArea #lineAni01 svg.lineAni01_1{
	left:calc(100% - (1040px + ((100% - 955px)/2)));
	width: calc(1040px + ((100% - 955px)/2));
}
@media screen and (max-width:1125px) {
	.spc #main .phArea #lineAni01 svg.lineAni01_1{
		left:0;
	}
}
.spc #main .phArea #lineAni01 svg.lineAni01_2{
	right:calc(100% - (1015px + ((100% - 955px)/2)));
	width: calc(1015px + ((100% - 955px)/2));
}
@media screen and (max-width:1075px) {
	.spc #main .phArea #lineAni01 svg.lineAni01_2{
		right:0;
	}
}

.spc #main .phArea #lineAni01 svg path{
	fill:none;
	stroke: #FFF;
  stroke-width: 1px;
}

.spc #main .phArea #lineAni01 svg.lineAni01_1 path.line01{
	animation: line01Ani 1s ease 0s 1 normal both;
	stroke-dashoffset: 1515;
	stroke-dasharray: 1515;
}
@keyframes line01Ani {
  0% {
    stroke-dashoffset: 1515;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
.spc #main .phArea #lineAni01 svg.lineAni01_2 path.line02{
	animation: line02Ani 1s ease 1s 1 normal both;
	stroke-dashoffset: 1387;
	stroke-dasharray: 1387;
}
@keyframes line02Ani {
  0% {
    stroke-dashoffset: 1387;
  }
  100% {
    stroke-dashoffset: 0;
  }
}


.spc .bgRed &gt; .txt01{
	text-align: center;
	font-size: 0.26rem;
	line-height: calc(50/26);
	letter-spacing: 0.1em;
	color: #FFF;
}

.spc section:not(#bloc04){
	margin-top: 120px;
}
.spc section{padding: 0 25px;}
.spc section .titArea{
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
}
.spc section .titArea .motto{
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.43rem;
	letter-spacing: 0.15em;
	line-height: calc(96/43);
	text-align: center;
	color: #FFF;
	position: relative;
}
.spc section .titArea .motto::before,
.spc section .titArea .motto::after{
	content: '';
	display: block;
	width: 2px;
	height: 50px;
	background: #FFF;
	position: absolute;
	top:calc(50% - 23px);
}
.spc section .titArea .motto::before{
	right:calc(100% + 0.5em);
	transform: rotate(-30deg);
}
.spc section .titArea .motto::after	{
	left:calc(100% + 0.5em);
	transform: rotate(30deg);
}
.spc section .titArea h2{
	font-size: 0.64rem;
	letter-spacing: 0.1em;
	text-align: center;
	color: #FFF;
}
.spc section &gt; .inner{
	max-width: 1030px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background: #FFF;
	isolation: isolate;
	border-radius: 9999px 9999px 0px 0px / 9999px 9999px 0px 0px;
	margin-top: 35px;
	padding: 75px 25px 55px;
}
.spc section .qArea{
	max-width: 780px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.spc section .qArea:nth-of-type(n+2){
	border-top: 1px solid var(--cRed);
	padding-top: 45px;
	margin-top: 30px;
}

.spc section .ill{position: absolute;}
.spc #bloc01 .ill01{
	aspect-ratio: 308/256;
	width: calc((308/780)*100%);
	bottom:-65px;
	left:calc((-205/780)*100%);
	z-index: 10;
}
.spc #bloc01 .ill02{
	aspect-ratio: 286/318;
	width: calc((286/780)*100%);
	bottom:-190px;
	right:calc((-245/780)*100%);
	z-index: 10;
}

.spc #bloc02 .ill01{
	aspect-ratio: 262/303;
	width: calc((262/780)*100%);
	bottom:-160px;
	left:calc((-260/780)*100%);
	z-index: 10;
}
.spc #bloc02 .ill02{
	aspect-ratio: 320/420;
	width: calc((320/780)*100%);
	bottom:-135px;
	right:calc((-205/780)*100%);
	z-index: 10;
}

.spc #bloc03 .ill01{
	aspect-ratio: 360/325;
	width: calc((360/780)*100%);
	top:0px;
	left:calc((-250/780)*100%);
	z-index: 10;
}
.spc #bloc03 .ill02{
	aspect-ratio: 200/308;
	width: calc((200/780)*100%);
	top:-180px;
	left:calc((-150/780)*100%);
	z-index: 10;
}

.spc #bloc04 .ill01{
	aspect-ratio: 331/226;
	width: calc((331/780)*100%);
	bottom:-230px;
	left:calc((-165/780)*100%);
	z-index: 10;
}


.spc #lineAni02{
	position: relative;
	margin-top: 50px;
}
.spc #lineAni02 svg{
	position: relative;
	z-index: 5;
}
.spc #lineAni02 .pic {
	position: absolute;
	z-index: 0;
}
.spc #lineAni02 .pic01 {
	aspect-ratio: 430/207;
	width: calc((430/1440)*100%);
	top: calc((250/1440)*100%);
	right: calc((205/1440)*100%);
	z-index: 0;
}
.spc #lineAni02 .pic02 {
	aspect-ratio: 333/263;
	width: calc((333/1440)*100vw);
	top: calc((230/1440)*100vw);
	left: calc((150/1440)*100vw);
	z-index: 10;
}

.spc section .qArea h3{margin-bottom: 50px;}
.spc section .qArea h3 span{
	display: block;
	text-align: center;
}
.spc section .qArea h3 .qTxt{
	font-size: 0.6rem;
}
.spc section .qArea h3 .txt{
	font-size: 0.28rem;
	letter-spacing: 0.2em;
	line-height: calc(37/28);
	margin-top: 0.5em;
}
.spc section .qaList{
	width: 100%;
	max-width: 694px;
	margin-left: auto;
	margin-right: auto;
}
.spc section .qaList li:nth-child(n+2){
	margin-top: 20px;
}
.spc section .qaList li:nth-child(even){
	flex-direction: row-reverse;
}
.spc section .qaList li .picArea{
	width: 175px;
}
.spc section .qaList li .picArea .pic{
	aspect-ratio: 1/1;
	width: 145px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid var(--cRed);
	overflow: hidden;
}
.spc section .qaList li .picArea .txt{
	font-size: 0.1rem;
	letter-spacing: 0.05em;
	line-height: calc(13/9);
	text-align: center;
	margin-top: 1em;
}
.spc section .qaList li .txtArea{
	width: calc(100% - 175px);
	padding-bottom: 1.5em;
}

/*
.spc section .qaList li:nth-child(odd) .txtArea &gt; .txt{
	padding-right: calc((65/519)*100%);
}
.spc section .qaList li:nth-child(even) .txtArea &gt; .txt{
	padding-left: calc((65/519)*100%);
}
	*/
.spc section .qaList li .txtArea h4{
	width: fit-content;
	border: 1px solid var(--cRed);
	padding: 0.5em 1em;
	font-size: 0.17rem;
	letter-spacing: 0.15em;
	line-height: calc(30/17);
}
.spc section .qaList li:nth-child(even) .txtArea h4{
	margin-left: auto;
}
.spc section .qaList li .txtArea &gt; .txt{
	width: calc((454/519)*100%);
	font-size: 0.14rem;
	letter-spacing: 0.05em;
	line-height: calc(25/14);
	margin-top: 1em;
}
.spc section .qaList li:nth-child(even) .txtArea &gt; .txt{
	margin-left: auto;
}
.spc #bloc04 .qaList li .txtArea{
		padding-bottom: 2.5em;
	}
	.spc #bloc04 .qaList li .txtArea &gt; .txt{
		border-top: 1px solid var(--cRed);
		padding-top: 1.5em;
	}

.spc section .qArea.etc{padding-top: 30px;}
.spc section .qArea.etc h3{
	text-align: center;
	font-size: 0.2rem;
	letter-spacing: 0.15em;
	line-height: calc(36/20);
	margin-top: 0;
	margin-bottom: 30px;
}
.spc section .qArea.etc .etcList{
	padding: 0 25px;
	column-gap: calc((45/780)*100%);
}
.spc section .qArea.etc .etcList li{
	width: 33.333%;
}
.spc section .qArea.etc .etcList li .qTxt{
	text-align: center;
	font-size: 0.22rem;
	letter-spacing: 0.15em;
}
.spc section .qArea.etc .etcList li .txtArea{
	height: 126px;
	background: url(../img/spc/spc_fukidasi.svg) no-repeat center center/100% 100%;
	margin-top: 10px;
	padding-top: 15px;
}
.spc section .qArea.etc .etcList li .txtArea .aTxt{
	text-align: center;
	font-size: 0.22rem;
	letter-spacing: 0.15em;
}
.spc section .qArea.etc .etcList li .txtArea .txt{
	text-align: center;
	font-size: 0.14rem;
	letter-spacing: 0.1em;
	line-height: calc(24/14);
}


.spc section .phList{
	width: 100%;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 45px;
}
.spc section .phList li{
	width: calc((264/600)*100%);
}
.spc section .phList li:nth-child(odd){
	margin-right: auto;
}
.spc section .phList li:nth-child(n+3){
	margin-top: 30px;
}
.spc section .phList li .ph{
	aspect-ratio: 264/157;
	width: 100%;
	border: 1px solid var(--cRed);
	overflow: hidden;
}
.spc section .phList li .txt{
	font-size: 0.13rem;
	letter-spacing: 0.1em;
	line-height: calc(18/13);
	margin-top: 0.75em;
}</pre></body></html>