@charset "utf-8";

.bg{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
}
.bg__item{
	width: 15.2rem;
	height: 15.2rem;
	border-radius: 50%;
	background: #bfe8f7;
	display: block;
	position: absolute;
	top: -20%;
	opacity: .2;
	animation: fall linear infinite;
}
.bg__item.-dot{
	width: 20.6rem;
	height: 20.6rem;
    background-color: transparent;
	background-image: radial-gradient(circle, #bfe8f7 5px, transparent 5px);
	background-position: .6rem .6rem;
	background-size: 2.2rem 2.2rem;
}
.bg__item.-stripe{
	width: 21.8rem;
	height: 21.8rem;
	background-size: auto auto;
	background-color: rgba(255, 255, 255, 0);
	background-image: repeating-linear-gradient(45deg, transparent, transparent .7rem, #bfe8f7 .7rem, #bfe8f7 1.3rem);
}
.bg__item:nth-child(1){
	left: 0%;
	animation-duration: 6s;
	animation-delay: 0s;
}
.bg__item:nth-child(2){
	left: 12.5%;
	animation-duration: 8s;
	animation-delay: 3s;
}
.bg__item:nth-child(3){
	left: 25%;
	animation-duration: 6s;
	animation-delay: 1s;
}
.bg__item:nth-child(4){
	left: 37.5%;
	animation-duration: 8s;
	animation-delay: 2s;
}
.bg__item:nth-child(5){
	left: 50%;
	animation-duration: 6s;
	animation-delay: 4s;
}
.bg__item:nth-child(6){
	left: 62.5%;
	animation-duration: 8s;
	animation-delay: 0.5s;
}
.bg__item:nth-child(7){
	left: 75%;
	animation-duration: 8s;
	animation-delay: 3.5s;
}
.bg__item:nth-child(8){
	left: 87.5%;
	animation-duration: 8s;
	animation-delay: 1.5s;
}
.bg__item:nth-child(9){
	left: 100%;
	animation-duration: 8s;
	animation-delay: 2.5s;
}
/* ゆらゆら＋落下 */
@keyframes fall {
	0% {
		transform: translateY(0) translateX(0);
	}
	25% {
		transform: translateY(25vh) translateX(20px);
	}
	50% {
		transform: translateY(50vh) translateX(-20px);
	}
	75% {
		transform: translateY(75vh) translateX(15px);
	}
	100% {
		transform: translateY(120vh) translateX(-10px);
	}
}

.main{
	background: var(--bgcolor);
}

.C-Slider.-slider2{
	/* margin-top: -40rem; */
	padding-top: 0;
	z-index: 6000;
}
.C-Slider.-slider3{
	margin-top: -24rem;
	padding-top: 0;
	z-index: 6000;
}



/*-------------------------------
	メインビジュアル
-------------------------------*/

.MainvisualMessageWrap{
	overflow: hidden;
	position: relative;
	/* z-index: 5000; */
}
.MainvisualMessageWrap::before{
	content: "";
	transition: 1s all ease-in-out;
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(../images/index/obj_mainvisual.png);
	background-image: image-set(url(../images/index/obj_mainvisual.png) 1x, url(../images/index/obj_mainvisual@2x.png) 2x);
	position: absolute;
	left: 0;
	top: -22rem;
	right: 0;
	bottom: 0;
	z-index: 3;
	/* transform: translateY(5rem) scale(.75); */
	opacity: 0;
	background-position: top center;
    background-repeat: no-repeat;
	transition-delay: 2s;
}
.MainvisualMessageWrap__circle{
	/* z-index: -1; */
	z-index: 0;
	align-items: flex-start;
}
.MainvisualMessageWrap__circle.-bg-dot::after{
	height: calc(100% - 24rem);
	background: #fff;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.Mainvisual{
	padding-top: 17rem;
	padding-bottom: 3.5rem;
}
.Mainvisual__inner{
	position: relative;
	z-index: 5000;
}
.Mainvisual__title{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.Mainvisual__titleEn{
	transition: var(--transition);
	width: 100%;
	max-width: 56.4rem;
	margin-left: auto;
	margin-right: auto;
	transform: translateX(-50%);
	opacity: 0;
	transition-delay: .5s;
}
.Mainvisual__titleEn img{
	width: 100%;
}
.Mainvisual__titleJp{
	transition: var(--transition);
	width: 100%;
	max-width: 59.5rem;
	margin-bottom: 4rem;
	margin-top: -3.5rem;
	margin-left: auto;
	margin-right: auto;
	transform: translateX(-50%);
	opacity: 0;
	transition-delay: .75s;
}
.Mainvisual__titleJp img{
	width: 100%;
}
.Mainvisual__titleText{
	transition: var(--transition);
	font-family: var(--en2);
	font-size: 2rem;
	font-weight: 500;
	line-height: .75;
	padding-bottom: .2rem;
	letter-spacing: .05em;
	text-align: center;
	transform: translateY(100%);
	opacity: 0;
	transition-delay: 1.2s;
}

.Mainvisual__character{
	transition: var(--transition);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	transform: scale(.5);
	transition-delay: 1.5s;
}
.Mainvisual__characterItem{
	transition: var(--transition);
	position: absolute;
	transform: translateY(50%);
	opacity: 0;
	transition-delay: 1.5s;
}
.Mainvisual__characterItemImage img{
	width: 100%;
}
.Mainvisual__characterItemImage img:nth-of-type(2){
	transition: var(--transition);
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}
.Mainvisual__characterItem:nth-of-type(1){
	width: 26rem;
	left: -7rem;
	top: -1.6rem;
}
.Mainvisual__characterItem:nth-of-type(1) .Mainvisual__characterItemImage{
	animation: FloatHorizontal 10s ease-in-out infinite alternate;
}
.Mainvisual__characterItem:nth-of-type(1) img:nth-of-type(1){
	animation: FloatVertical 8s ease-in-out infinite alternate,fade1 4s infinite;
}
.Mainvisual__characterItem:nth-of-type(1) img:nth-of-type(2){
	animation: FloatVertical 8s ease-in-out infinite alternate,fade2 4s infinite;
}
.Mainvisual__characterItem:nth-of-type(2){
	width: 32.4rem;
    left: -8.5rem;
	top: 28.8rem;
}
.Mainvisual__characterItem:nth-of-type(2) .Mainvisual__characterItemImage{
	animation: FloatHorizontal2 10s ease-in-out infinite alternate;
}
.Mainvisual__characterItem:nth-of-type(2) img:nth-of-type(1){
	animation: FloatVertical2 8s ease-in-out infinite alternate,fade1 4s infinite;
}
.Mainvisual__characterItem:nth-of-type(2) img:nth-of-type(2){
	animation: FloatVertical2 8s ease-in-out infinite alternate,fade2 4s infinite;
}
.Mainvisual__characterItem:nth-of-type(3){
	width: 17rem;
	right: 4rem;
	top: -1.6rem;
}
.Mainvisual__characterItem:nth-of-type(3) .Mainvisual__characterItemImage{
	animation: FloatHorizontal 10s ease-in-out infinite alternate;
}
.Mainvisual__characterItem:nth-of-type(3) img:nth-of-type(1){
	animation: FloatVertical2 8s ease-in-out infinite alternate,fade1 4s infinite;
}
.Mainvisual__characterItem:nth-of-type(3) img:nth-of-type(2){
	animation: FloatVertical2 8s ease-in-out infinite alternate,fade2 4s infinite;
}
.Mainvisual__characterItem:nth-of-type(4){
	width: 44.4rem;
	right: -15.5rem;
    top: 31rem;
}
.Mainvisual__characterItem:nth-of-type(4) .Mainvisual__characterItemImage{
	animation: FloatHorizontal2 10s ease-in-out infinite alternate;
}
.Mainvisual__characterItem:nth-of-type(4) img:nth-of-type(1){
	animation: FloatVertical 8s ease-in-out infinite alternate,fade1 4s infinite;
}
.Mainvisual__characterItem:nth-of-type(4) img:nth-of-type(2){
	animation: FloatVertical 8s ease-in-out infinite alternate,fade2 4s infinite;
}

.MainvisualMessageWrap__balloon{
	transition: var(--transition);
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	z-index: 3;
    width: 100%;
    height: 100%;
	transform: translateY(5%);
	opacity: 0;
	transition-delay: 1.75s;
}
.MainvisualMessageWrap__balloonItem{
	position: absolute;
}
.MainvisualMessageWrap__balloonItemImage{
	width: 100%;
}
.MainvisualMessageWrap__balloonItemImage img{
	width: 100%;
}
.MainvisualMessageWrap__balloonItem:nth-of-type(1){
	width: 13.2rem;
	left: -10rem;
    top: 115rem;
	animation: FloatHorizontal2 10s ease-in-out infinite alternate;
}
.MainvisualMessageWrap__balloonItem:nth-of-type(1) img{
	animation: FloatVertical2 8s ease-in-out infinite alternate;
}
.MainvisualMessageWrap__balloonItem:nth-of-type(2){
	width: 13rem;
	left: -15rem;
    top: 145rem;
	animation: FloatHorizontal 10s ease-in-out infinite alternate;
}
.MainvisualMessageWrap__balloonItem:nth-of-type(2) img{
	animation: FloatVertical2 8s ease-in-out infinite alternate;
}
.MainvisualMessageWrap__balloonItem:nth-of-type(3){
	width: 12.6rem;
	right: -2.5rem;
    top: 90rem;
	animation: FloatHorizontal2 10s ease-in-out infinite alternate;
}
.MainvisualMessageWrap__balloonItem:nth-of-type(3) img{
	animation: FloatVertical 8s ease-in-out infinite alternate;
}
.MainvisualMessageWrap__balloonItem:nth-of-type(4){
	width: 9rem;
    right: -12.5rem;
    top: 145rem;
	animation: FloatHorizontal 10s ease-in-out infinite alternate;
}
.MainvisualMessageWrap__balloonItem:nth-of-type(4) img{
	animation: FloatVertical 8s ease-in-out infinite alternate;
}


@keyframes FloatHorizontal{
	0%{
		transform: translate3d(2rem,0,0) rotate(5deg);
		-ms-transform: translate3d(2rem,0,0) rotate(5deg);
	}
	50%{
		transform: translate3d(-2rem,0,0) rotate(-5deg);
		-ms-transform: translate3d(-2rem,0,0) rotate(-5deg);
	}
	100%{
		transform: translate3d(2rem,0,0) rotate(5deg);
		-ms-transform: translate3d(2rem,0,0) rotate(5deg);
	}
}
@keyframes FloatVertical{
	0%{
		transform: translate3d(0,1rem,0) rotate(7deg);
		-ms-transform: translate3d(0,1rem,0) rotate(7deg);
	}
	50%{
		transform: translate3d(0,-1rem,0) rotate(-7deg);
		-ms-transform: translate3d(0,-1rem,0) rotate(-7deg);
	}
	100%{
		transform: translate3d(0,1rem,0) rotate(7deg);
		-ms-transform: translate3d(0,1rem,0) rotate(7deg);
	}
}

@keyframes FloatHorizontal2 {
	0%{
		transform: translate3d(-2rem,0,0) rotate(5deg);
		-ms-transform: translate3d(-2rem,0,0) rotate(5deg);
	}
	25%{
		transform: translate3d(2rem,0,0) rotate(-5deg);
		-ms-transform: translate3d(2rem,0,0) rotate(-5deg);
	}
	100%{
		transform: translate3d(-2rem,0,0) rotate(5deg);
		-ms-transform: translate3d(-2rem,0,0) rotate(5deg);
	}
}
@keyframes FloatVertical2 {
	0%{
		transform: translate3d(0,-1rem,0) rotate(7deg);
		-ms-transform: translate3d(0,-1rem,0) rotate(7deg);
	}
	25%{
		transform: translate3d(0,1rem,0) rotate(-7deg);
		-ms-transform: translate3d(0,1rem,0) rotate(-7deg);
	}
	100%{
		transform: translate3d(0,-1rem,0) rotate(7deg);
		-ms-transform: translate3d(0,-1rem,0) rotate(7deg);
	}
}
@keyframes fade1 {
	0%, 50% { opacity: 1; }
	50.01%, 100% { opacity: 0; }
}
@keyframes fade2 {
	0%, 50% { opacity: 0; }
	50.01%, 100% { opacity: 1; }
}

.MainvisualMessageWrap.on::before{
	opacity: 1;
	transform: translateY(0);
}
.MainvisualMessageWrap.on .Mainvisual__titleEn{
	transform: translateX(0);
	opacity: 1;
}
.MainvisualMessageWrap.on .Mainvisual__titleJp{
	transform: translateX(0);
	opacity: 1;
}
.MainvisualMessageWrap.on .Mainvisual__titleText{
	transform: translateY(0);
	opacity: 1;
}
.MainvisualMessageWrap.on .Mainvisual__character{
	transform: scale(1);
}
.MainvisualMessageWrap.on .Mainvisual__characterItem{
	transform: translateY(0);
	opacity: 1;
}
.MainvisualMessageWrap.on .MainvisualMessageWrap__balloon{
	transform: translateY(0);
	opacity: 1;
}

@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:1100px) and (min-width: 769px){

}
@media screen and (max-width:960px) and (min-width: 769px){

	.Mainvisual__titleEn{
		max-width: calc(56.4rem * .7);
	}
	.Mainvisual__titleJp{
		max-width: calc(59.5rem * .7);
	}
	.Mainvisual__characterItem:nth-of-type(1){
		width: calc(26rem * .85);
		left: -2.5rem;
	}
	.Mainvisual__characterItem:nth-of-type(2){
		width: calc(32.4rem * .85);
		left: -4rem;
	}
	.Mainvisual__characterItem:nth-of-type(3){
		width: calc(17rem * .85);
		right: 8.5rem;
	}
	.Mainvisual__characterItem:nth-of-type(4){
		width: calc(44.4rem * .85);
		right: -11rem;
	}

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

	.MainvisualMessageWrap::before{
		background-image: url(../images/index/sp_obj_mainvisual.png);
		background-image: image-set(url(../images/index/sp_obj_mainvisual.png) 1x, url(../images/index/sp_obj_mainvisual@2x.png) 2x);
		background-size: 170%;
		top: -12rem;
	}
	.MainvisualMessageWrap__circle.-bg-dot::after{
		width: 400vw;
		margin-left: -150vw;
	}
	.Mainvisual{
		padding-top: 20.5rem;
		padding-bottom: 94rem;
	}
	.Mainvisual__titleJp{
		margin-bottom: 0;
	}
	.Mainvisual__titleText{
		font-size: 2.5rem;
		margin-top: 3.5rem;
	}

	.Mainvisual__character{
		top: 6rem;
	}
	.Mainvisual__characterItem:nth-of-type(1){
		width: 31.2rem;
        left: 5rem;
        top: 60rem;
		z-index: 2;
	}
	.Mainvisual__characterItem:nth-of-type(2){
		width: 38.9rem;
		left: 35rem;
        top: 55rem;
		z-index: 1;
	}
	.Mainvisual__characterItem:nth-of-type(3){
		width: 20.3rem;
		right: unset;
        top: 90rem;
        left: 5rem;
		z-index: 3;
	}
	.Mainvisual__characterItem:nth-of-type(4){
		width: 53.4rem;
        right: -5rem;
        top: 85rem;
		z-index: 5;
	}

	.MainvisualMessageWrap__balloonItem:nth-of-type(1){
		width: 13.2rem;
		left: -10rem;
		top: 180rem;
	}
	.MainvisualMessageWrap__balloonItem:nth-of-type(2){
		width: 13rem;
		left: -10rem;
        top: 275rem;
	}
	.MainvisualMessageWrap__balloonItem:nth-of-type(3){
		width: 12.6rem;
        right: -2.5rem;
        top: 152rem;
	}
	.MainvisualMessageWrap__balloonItem:nth-of-type(4){
		width: 9rem;
        right: -5rem;
        top: 225rem;
	}

}



/*-------------------------------
	導入
-------------------------------*/

.Message{
	padding-bottom: 0;
}
.Message__title{
	color: var(--maincolor);
	margin-bottom: 2.5rem;
	font-size: 5rem;
	line-height: calc(7 / 5);
	font-weight: 900;
	text-align: center;
	position: relative;
	z-index: 5000;
}
.Message__textWrap{
	position: relative;
	z-index: 5000;
}
.Message__text{
	color: var(--maincolor);
	font-weight: 700;
	letter-spacing: .1em;
	font-size: 2.2rem;
	line-height: calc(4.4 / 2.2);
	text-align: center;
}
.Message__text:not(:last-child){
	margin-bottom: 4rem;
}

@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:1100px) and (min-width: 769px){

}
@media screen and (max-width:960px) and (min-width: 769px){

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

	.Message{
		padding-top: 0;
	}
	.Message__title{
		margin-bottom: 4rem;
		font-size: 7.4rem;
		line-height: calc(10 / 7.4);
	}
	.Message__text{
		letter-spacing: .07em;
		font-size: 3.4rem;
		line-height: calc(6.8 / 3.4);
	}

}



/*-------------------------------
	ABOUT SMC
-------------------------------*/

.About{
	padding-top: 20rem;
	padding-bottom: 20rem;
}
.About__list{
	position: relative;
	z-index: 5000;
}
.About__listItem{
	width: 100%;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}
.About__listItemLeft{
	width: 37.8rem;
}
.About__listItemPop{
	width: 100%;
	max-width: 32rem;
	margin-bottom: 3rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
}
.About__listItemPopEn{
    -webkit-text-stroke: .1rem var(--blackcolor);
    text-stroke: .1rem var(--blackcolor);
	color: var(--subcolor);
	font-family: var(--en2);
	font-size: 5rem;
	font-weight: 500;
	line-height: .7;
	padding-bottom: .3rem;
	letter-spacing: .05em;
	margin-bottom: -.6rem;
	position: relative;
	z-index: 6000;
}
.About__listItemPopTitle{
	border: .2rem solid var(--maincolor);
	width: 100%;
	height: 6rem;
	border-radius: 3rem;
	letter-spacing: .05em;
	font-weight: 700;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	position: relative;
	z-index: 4000;
}
.About__listItemPopTitle::before{
	content: "";
	border-top: 1rem solid var(--maincolor);
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-right: .6rem solid transparent;
	border-left: .6rem solid transparent;
	border-bottom: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	transform: translateY(100%);
}
.About__listItemPopTitle::after{
	content: "";
	border-top: .8rem solid #fff;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-right: .4rem solid transparent;
	border-left: .4rem solid transparent;
	border-bottom: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	transform: translateY(100%);
}
.About__listNavItem{
	color: var(--maincolor);
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: .05em;
	line-height: 1;
}
.About__listNavItem{
	border-bottom: 1px solid var(--maincolor);
	transition: var(--transition);
	width: 100%;
	padding-top: 1.4rem;
	padding-bottom: 1.4rem;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	cursor: pointer;
}
.About__listNavItem:hover,
.About__listNavItem.-current{
	background: var(--maincolor);
	padding-left: 2.8rem;
	color: #fff;
}
.About__listNavItem::before{
	font-family: var(--en2);
	width: 3rem;
	font-size: 1.4rem;
	line-height: 1;
	font-weight: 600;
	letter-spacing: .05em;
	content: attr(data-number);
}
.About__listNavItem span{
	width: calc(100% - 3rem);
	line-height: 1;
	display: block;
}
.About__listNavItem span sub{
	bottom: 0;
}
.About__listItemContentWrap{
	width: calc(100% - 37.8rem);
	max-width: 64.4rem;
	height: 55rem;
	position: relative;
}
.About__listItemContent{
	width: 100%;
	padding-left: 7.7rem;
	padding-right: 7.7rem;
	margin-left: auto;
	margin-right: auto;
	/* position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	opacity: 0; */
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-image: url(../images/index/bg_about.png);
	background-image: image-set(url(../images/index/bg_about.png) 1x, url(../images/index/bg_about@2x.png) 2x);
	background-image: -webkit-image-set(url(../images/index/bg_about.png) 1x, url(../images/index/bg_about@2x.png) 2x);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
.About__listItemContent::before{
	color: var(--bgcolor);
	font-family: var(--en2);
	content: attr(data-number);
	position: absolute;
	/* right: 5.2rem; */
	right: 4rem;
	top: 5.6rem;
	line-height: .7;
	padding-bottom: .5rem;
	font-weight: 500;
	font-size: 10rem;
	letter-spacing: .07em;
}
.About__listItemTitle{
	color: var(--maincolor);
	font-size: 2.4rem;
	margin-bottom: .5rem;
	font-weight: 700;
}
.About__listItemTitle sub{
	bottom: 0;
}
.About__listItemImage{
	width: 100%;
	margin-bottom: 3.2rem;
	margin-left: auto;
	margin-right: auto;
}
.About__listItemImage img{
	width: 100%;
}
.About__listItemBody{
	width: 100%;
}
.About__listItemText{
	letter-spacing: .08em;
	text-align: left;
}
.About__listItemText sub{
	bottom: 0;
}
.About__listItemText.-hosoku{
	font-size: 1.4rem;
	line-height: calc(2.4 / 1.4);
	letter-spacing: .07em;
}
.About__listItemText.-hosoku::before{
	content: "※";
	line-height: calc(2.4 / 1.4);
}
.About__listItemContent.-about1 .About__listItemImage{
	max-width: 39.6rem;
}
.About__listItemContent.-about2 .About__listItemImage{
	max-width: 22rem;
}
.About__listItemContent.-about3 .About__listItemImage{
	max-width: 30.3rem;
}
.About__listItemContent.-about4 .About__listItemImage{
	max-width: 22.2rem;
}
.About__listItemContent.-about5 .About__listItemImage{
	max-width: 28.5rem;
}
.About__listItemContent.-about6 .About__listItemImage{
	max-width: 26.4rem;
}
.About__listItemContent.-about7 .About__listItemImage{
	max-width: 27.5rem;
}

/* .About__listItemContent.-current{
	opacity: 1;
} */

@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:1100px) and (min-width: 769px){

	.About__listItem{
		flex-direction: column;
	}
	.About__listItemLeft{
		width: 100%;
	}
	.About__listNav{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: space-between;
	}
	.About__listNavItem{
		width: calc(100% / 3);
		font-size: 1.8rem;
		padding-left: 1rem;
	}
	.About__listNavItem:hover,
	.About__listNavItem.-current{
		padding-left: 1rem;
	}
	.About__listItemContentWrap{
		width: 100%;
		height: 52.5rem;
	}
	.About__listItemImage{
		margin-bottom: 1.5rem;
	}

	.About__listItemContent.-about1 .About__listItemImage{
		max-width: calc(39.6rem * .75);
	}
	.About__listItemContent.-about2 .About__listItemImage{
		max-width: calc(22rem * .75);
	}
	.About__listItemContent.-about3 .About__listItemImage{
		max-width: calc(30.3rem * .75);
	}
	.About__listItemContent.-about4 .About__listItemImage{
		max-width: calc(22.2rem * .75);
	}
	.About__listItemContent.-about5 .About__listItemImage{
		max-width: calc(28.5rem * .75);
	}
	.About__listItemContent.-about6 .About__listItemImage{
		max-width: calc(26.4rem * .75);
	}
	.About__listItemContent.-about7 .About__listItemImage{
		max-width: calc(27.5rem * .75);
	}

}
@media screen and (max-width:960px) and (min-width: 769px){

	.About__listNavItem{
		width: calc(100% / 2);
	}

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

	.About{
		padding-top: 17.5rem;
		padding-bottom: 17.5rem;
	}
	.About__listItem{
		flex-direction: column;
	}
	.About__listItemLeft{
		width: 100%;
	}
	.About__listItemPop{
		max-width: 54rem;
		margin-bottom: 4.5rem;
	}
	.About__listItemPopEn{
		-webkit-text-stroke: 1px var(--blackcolor);
		text-stroke: 1px var(--blackcolor);
		font-size: 7rem;
		padding-bottom: .5rem;
		letter-spacing: .05em;
	}
	.About__listItemPopTitle{
		border: 2px solid var(--maincolor);
		height: 9rem;
		border-radius: 4.5rem;
	}
	.About__listItemPopTitle::before{
		border-top: 1.6rem solid var(--maincolor);
		border-right: .8rem solid transparent;
		border-left: .8rem solid transparent;
	}
	.About__listItemPopTitle::after{
		border-top: calc(1.6rem - 2px) solid #fff;
		border-right: calc(.8rem - 2px) solid transparent;
		border-left: calc(.8rem - 2px) solid transparent;
	}
	.About__listNav{
		height: 17rem;
		margin-bottom: 4.5rem;
		counter-reset: number 0;
		position: relative;
	}
	.About__listNavItem{
		border-bottom: none;
		width: calc(100% + (var(--padding-leftright) * 2));
		margin-left: calc(var(--padding-leftright) * -1);
		height: 17rem;
		padding-top: 1.4rem;
		padding-bottom: 1.4rem;
		font-size: 2.4rem;
		letter-spacing: .05em;
		padding-left: 3rem;
		padding-right: 3rem;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		opacity: 0;
		visibility: hidden;
	}
	.About__listNavItem.-current{
		padding-left: 0;
		opacity: 1;
		visibility: visible;
	}
	.About__listNavItem::before{
		width: auto;
		font-size: 2.4rem;
		margin-bottom: 1.8rem;
	}
	.About__listNavItem span{
		width: 100%;
		font-size: 4rem;
		text-align: center;
	}
	.About__listNavArrow{
		width: calc(4rem + (var(--padding-leftright) * 2));
		height: 100%;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.About__listNavArrow::before{
		content: "";
		display: block;
		width: 4rem;
		height: 4rem;
		right: 6rem;
		border-radius: 50%;
		background-color: #fff;
		background-image: url(../images/common/icon_arrow.svg);
		background-size: 1.6rem;
		background-repeat: no-repeat;
		background-position: center center;
	}
	.About__listNavArrow.-prev{
		left: calc(var(--padding-leftright) * -1);
		transform: scale(-1,1) translateY(-50%);
	}
	.About__listNavArrow.-next{
		right: calc(var(--padding-leftright) * -1);
	}
	.About__listItemContentWrap{
		width: calc(100% + (var(--padding-leftright) * 2));
		max-width: calc(100% + (var(--padding-leftright) * 2));
		margin-left: calc((var(--padding-leftright) * -1));
		height: auto;
	}
	.About__listItemContent{
		width: 100%;
		height: 101.5rem;
		max-width: 100%;
		padding-left: 7.5rem;
		padding-right: 7.5rem;
		background-image: url(../images/index/sp_bg_about.png);
		background-image: image-set(url(../images/index/sp_bg_about.png) 1x, url(../images/index/sp_bg_about@2x.png) 2x);
		background-image: -webkit-image-set(url(../images/index/sp_bg_about.png) 1x, url(../images/index/sp_bg_about@2x.png) 2x);
	}
	.About__listItemContent::before{
		right: 6rem;
		padding-bottom: .5rem;
		font-size: 12rem;
	}
	.About__listItemTitle{
		font-size: 4rem;
	}
	.About__listItemImage{
		margin-bottom: 3.2rem;
	}
	.About__listItemText.-hosoku{
		font-size: 2.4rem;
		line-height: calc(4 / 2.4);
	}
	.About__listItemContent.-about1 .About__listItemImage{
		max-width: 59.3rem;
	}
	.About__listItemContent.-about2 .About__listItemImage{
		max-width: 37.2rem;
		margin-bottom: 6.5rem;
		transform: translateX(4.5rem);
	}
	.About__listItemContent.-about3 .About__listItemImage{
		max-width: 45.4rem;
	}
	.About__listItemContent.-about4 .About__listItemImage{
		max-width: 35rem;
	}
	.About__listItemContent.-about5 .About__listItemImage{
		max-width: 42.8rem;
	}
	.About__listItemContent.-about6 .About__listItemImage{
		max-width: 39.6rem;
	}
	.About__listItemContent.-about7 .About__listItemImage{
		max-width: 41.2rem;
	}

}



/*-------------------------------
	FACTORY JOBS
-------------------------------*/

.Jobs{
	padding-top: 0;
	padding-bottom: 0;
}
.Jobs__circle{
	height: 40%;
	top: 4rem;
}
.Jobs__pager{
	width: fit-content;
	height: 100svh;
	position: sticky;
	top: 0;
	left: calc(50% + (var(--widewidth-number) / 2));
	transform: translateX(-100%);
	z-index: 6000;
	display: flex;
	gap: 2rem;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
}
.Jobs__pager + .Jobs__content{
	margin-top: -100svh;
}
.Jobs__pagerItem{
	transition: var(--transition);
	border: .1rem solid var(--blackcolor);
	font-family: var(--en);
	width: 2.8rem;
	height: 2.8rem;
	font-size: 2rem;
	letter-spacing: 0;
	font-weight: 600;
	line-height: 1;
	border-radius: .7rem;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	overflow: hidden;
	cursor: pointer;
}
.Jobs__pagerItem:hover{
	background: var(--subcolor);
}
.Jobs__pagerItem.-current{
	background: var(--subcolor);
	transform: scale(1.5);
}
.Jobs__contentWrap{
	position: relative;
	z-index: 5000;
}
.Jobs__content{
	height: 100svh;
	top: 0;
	position: sticky;
}
.Jobs__content.on{
	opacity: 0;
}
/* .Jobs__content:not(:first-child){
	margin-top: -2.5rem;
} */
.Jobs__content::before{
	content: "";
	background: var(--blackcolor);
	display: block;
	width: 100%;
	height: calc(100% + .1rem);
	position: absolute;
	left: 0;
	top: -.1rem;
	right: 0;
	bottom: 0;
	z-index: -1;
	--mask:
		radial-gradient(3.36rem at 50% 4.7rem, #000 99%, #0000 101%) calc(50% - 4rem) 0/8rem 100%,
		radial-gradient(3.36rem at 50% -2.7rem, #0000 99%, #000 101%) 50% 2rem/8rem 100% repeat-x;
	-webkit-mask: var(--mask);
	mask: var(--mask);
}
.Jobs__contentInnerWrap{
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 5000;
	display: flex;
	align-items: center;
	justify-content: center;
	--mask:
		radial-gradient(3.36rem at 50% 4.7rem, #000 99%, #0000 101%) calc(50% - 4rem) 0/8rem 100%,
		radial-gradient(3.36rem at 50% -2.7rem, #0000 99%, #000 101%) 50% 2rem/8rem 100% repeat-x;
	-webkit-mask: var(--mask);
	mask: var(--mask);
}
.Jobs__contentInnerWrap::after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-size: auto auto;
	background-color: rgba(255, 255, 255, 0);
	background-image: repeating-linear-gradient(-45deg, transparent, transparent 5rem, rgba(255, 255, 255, .15) 5rem, rgba(255, 255, 255, .15) 10rem);
	--mask:
		radial-gradient(3.36rem at 50% 4.7rem, #000 99%, #0000 101%) calc(50% - 4rem) 0/8rem 100%,
		radial-gradient(3.36rem at 50% -2.7rem, #0000 99%, #000 101%) 50% 2rem/8rem 100% repeat-x;
	-webkit-mask: var(--mask);
	mask: var(--mask);
	z-index: 4000;
}
.Jobs__contentInner{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	z-index: 6000;
}
.Jobs__contentInner::before{
	content: attr(data-en);
	font-family: var(--en2);
	font-size: 8rem;
	font-weight: 500;
	letter-spacing: .03em;
	line-height: 1;
	display: block;
	color: #fff;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
.Jobs__contentInner2{
	width: calc(100% - 10rem);
	padding-right: 10rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.Jobs__contentTitle{
	/* width: fit-content; */
	width: 100%;
	max-width: 90.8rem;
	margin-bottom: 4.8rem;
	font-size: 4.6rem;
	line-height: 1;
	letter-spacing: .1em;
	font-weight: 700;
	position: relative;
	z-index: 6000;
}
.Jobs__contentTitleInner{
	border-bottom: .3rem solid var(--blackcolor);
	line-height: 1;
	width: fit-content;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-bottom: 1.2rem;
}
.Jobs__contentTitleInner span:nth-of-type(1){
	line-height: 1;
}
.Jobs__contentTitleInner span:nth-of-type(2){
	font-size: 3rem;
	line-height: 1;
	font-weight: 700;
}
.Jobs__contentBody{
	width: 100%;
	max-width: 90.8rem;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
.Jobs__contentBodyLeft{
	width: calc(100% - 28rem);
	max-width: 52rem;
	padding-bottom: 1.2rem;
}
.Jobs__contentImage{
	width: 100%;
	margin-bottom: 2.8rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.Jobs__contentImageItem{
	width: calc((100% - 2rem) / 2);
	border-radius: 1rem;
	overflow: hidden;
}
.Jobs__contentImageItem img{
	width: 100%;
}
.Jobs__contentSubtitle{
	color: var(--maincolor);
	font-size: 2.4rem;
	margin-bottom: .5rem;
	letter-spacing: .05em;
	font-weight: 700;
	line-height: calc(3.8 / 2.4);
}
.Jobs__contentBodyRight{
	width: 28rem;
	position: relative;
}
.Jobs__contentAnimation{
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.Jobs__contentAnimation img{
	width: 100%;
}
.Jobs__contentButton{
	border: .2rem solid var(--blackcolor);
	transition: var(--transition);
	width: 28rem;
	height: 6rem;
	border-radius: 3rem;
	font-size: 2rem;
	letter-spacing: .1em;
	font-weight: 700;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	cursor: pointer;
	position: relative;
}
.Jobs__contentButton::before,
.Jobs__contentButton::after{
	content: "";
	display: block;
	width: 3.2rem;
	height: 3.2rem;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
}
.Jobs__contentButton::before{
	background-image: url(../images/index/icon_job-arrow-h.svg);
}
.Jobs__contentButton::after{
	background-image: url(../images/index/icon_job-arrow.svg);
}
.Jobs__contentButton:hover{
	background: var(--maincolor);
	border-color: var(--maincolor);
	color: #fff;
}
.Jobs__contentButton:hover::after{
	opacity: 0;
}


.Jobs__content:nth-of-type(1) .Jobs__contentInnerWrap{
	background: #ffe466;
}
.Jobs__content:nth-of-type(1) .Jobs__contentAnimation{
	width: 35.5rem;
	bottom: 4.8rem;
}
.Jobs__content:nth-of-type(2) .Jobs__contentInnerWrap{
	background: #92dbaa;
}
.Jobs__content:nth-of-type(2) .Jobs__contentAnimation{
	width: 35.9rem;
	bottom: 8rem;
	z-index: 6000;
}
.Jobs__content:nth-of-type(3) .Jobs__contentInnerWrap{
	background: #ffa963;
}
.Jobs__content:nth-of-type(3) .Jobs__contentAnimation{
	width: 35.6rem;
	bottom: 9.2rem;
}
.Jobs__content:nth-of-type(4) .Jobs__contentInnerWrap{
	background: #8eceff;
}
.Jobs__content:nth-of-type(4) .Jobs__contentAnimation{
	width: 36.9rem;
	bottom: 8.5rem;
}
.Jobs__content:nth-of-type(5) .Jobs__contentInnerWrap{
	background: #c4afed;
}
.Jobs__content:nth-of-type(5) .Jobs__contentAnimation{
	width: 38.2rem;
	bottom: 8.6rem;
	left: unset;
	right: 0;
	transform: translateX(0);
}
/* .Jobs__content:nth-of-type(6){
	height: calc(100svh + 2.8rem);
} */
.Jobs__content:nth-of-type(6)::before{
	height: calc(100% + .2rem);
	--mask:
		radial-gradient(33.6px at 50% 47px, #000 99%, #0000 101%) calc(50% - 40px) 0/80px 51% repeat-x,
		radial-gradient(33.6px at 50% -27px, #0000 99%, #000 101%) 50% 20px/80px calc(51% - 20px) repeat-x,
		radial-gradient(33.6px at 50% calc(100% - 47px), #000 99%, #0000 101%) calc(50% - 40px) 100%/80px 51% repeat-x,
		radial-gradient(33.6px at 50% calc(100% + 27px), #0000 99%, #000 101%) 50% calc(100% - 20px)/80px calc(51% - 20px) repeat-x;
	-webkit-mask: var(--mask);
	mask: var(--mask);
}
.Jobs__content:nth-of-type(6) .Jobs__contentInnerWrap{
	background: #ffb0a0;
	--mask:
		radial-gradient(33.6px at 50% 47px, #000 99%, #0000 101%) calc(50% - 40px) 0/80px 51% repeat-x,
		radial-gradient(33.6px at 50% -27px, #0000 99%, #000 101%) 50% 20px/80px calc(51% - 20px) repeat-x,
		radial-gradient(33.6px at 50% calc(100% - 47px), #000 99%, #0000 101%) calc(50% - 40px) 100%/80px 51% repeat-x,
		radial-gradient(33.6px at 50% calc(100% + 27px), #0000 99%, #000 101%) 50% calc(100% - 20px)/80px calc(51% - 20px) repeat-x;
	-webkit-mask: var(--mask);
	mask: var(--mask);
}
.Jobs__content:nth-of-type(6) .Jobs__contentInnerWrap::after{
	--mask:
		radial-gradient(33.6px at 50% 47px, #000 99%, #0000 101%) calc(50% - 40px) 0/80px 51% repeat-x,
		radial-gradient(33.6px at 50% -27px, #0000 99%, #000 101%) 50% 20px/80px calc(51% - 20px) repeat-x,
		radial-gradient(33.6px at 50% calc(100% - 47px), #000 99%, #0000 101%) calc(50% - 40px) 100%/80px 51% repeat-x,
		radial-gradient(33.6px at 50% calc(100% + 27px), #0000 99%, #000 101%) 50% calc(100% - 20px)/80px calc(51% - 20px) repeat-x;
	-webkit-mask: var(--mask);
	mask: var(--mask);
}
.Jobs__content:nth-of-type(6) .Jobs__contentAnimation{
	width: 39.4rem;
	bottom: 7rem;
	transform: translateX(calc(-50% - 2.5rem));
}

@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1700px) and (min-width: 769px){

	.Jobs__pager{
		left: 100%;
		transform: translateX(calc(var(--padding-leftright2) * -1));
	}

}
@media screen and (max-width:1366px) and (min-width: 769px){

	.Jobs__contentInner{
		justify-content: flex-start;
	}
	.Jobs__contentInner2{
		width: calc(100% - 8rem);
		padding-right: 2.8rem;
	}

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:1100px) and (min-width: 769px){

	.Jobs__contentTitle{
		font-size: 3.2rem;
		margin-bottom: 2.5rem;
		padding-left: 2.5rem;
		padding-right: 2.5rem;
	}
	.Jobs__contentBody{
		width: fit-content;
		padding-left: 2.5rem;
		padding-right: 2.5rem;
	}
	.Jobs__contentBodyLeft{
		width: 65%;
		padding-right: 2.5rem;
	}
	.Jobs__contentTitleInner span:nth-of-type(2){
		font-size: 2.2rem;
	}

	.Jobs__content:nth-of-type(1) .Jobs__contentAnimation{
		width: calc(35.5rem * .75);
	}
	.Jobs__content:nth-of-type(2) .Jobs__contentAnimation{
		width: calc(35.9rem * .75);
	}
	.Jobs__content:nth-of-type(3) .Jobs__contentAnimation{
		width: calc(35.6rem * .75);
	}
	.Jobs__content:nth-of-type(4) .Jobs__contentAnimation{
		width: calc(36.9rem * .75);
	}
	.Jobs__content:nth-of-type(5) .Jobs__contentAnimation{
		width: calc(38.2rem * .75);
	}
	.Jobs__content:nth-of-type(6) .Jobs__contentAnimation{
		width: calc(39.4rem * .75);
	}

}
@media screen and (max-width:960px) and (min-width: 769px){

	.Jobs__contentBodyRight{
		width: 22rem;
	}
	.Jobs__content:nth-of-type(1) .Jobs__contentAnimation{
		width: calc(35.5rem * .65);
	}
	.Jobs__content:nth-of-type(2) .Jobs__contentAnimation{
		width: calc(35.9rem * .65);
	}
	.Jobs__content:nth-of-type(3) .Jobs__contentAnimation{
		width: calc(35.6rem * .65);
	}
	.Jobs__content:nth-of-type(4) .Jobs__contentAnimation{
		width: calc(36.9rem * .65);
	}
	.Jobs__content:nth-of-type(5) .Jobs__contentAnimation{
		width: calc(38.2rem * .65);
	}
	.Jobs__content:nth-of-type(6) .Jobs__contentAnimation{
		width: calc(39.4rem * .65);
	}
	.Jobs__contentButton{
		width: 100%;
		font-size: 1.8rem;
	}

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

	.Jobs__circle{
        height: 10%;
        top: 14rem;
	}
	.Jobs__circle.-bg-dot::after{
		width: 250vw;
		margin-left: -75vw;
	}
	.Jobs__pager{
		display: none;
	}
	.Jobs__pager + .Jobs__content{
		margin-top: 0;
	}
	.Jobs__content{
		/* height: 100svh; */
		height: auto;
		position: relative;
	}
	.Jobs__content + .Jobs__content{
		margin-top: -5rem;
	}
	.Jobs__contentInnerWrap{
		padding-top: 12.5rem;
		padding-bottom: 16rem;
		flex-direction: column;
	}
	.Jobs__contentInner{
		align-items: flex-start;
		flex-direction: column;
	}
	.Jobs__contentInner::before{
		position: absolute;
		left: 2rem;
		top: 0;
	}
	.Jobs__contentAnimation{
		position: static;
		margin-left: auto;
        margin-right: auto;
		transform: translateX(0);
	}
	.Jobs__contentInner2{
		padding-top: 4.8rem;
		padding-right: 0;
		width: 100%;
	}
	.Jobs__contentTitle{
		padding-bottom: 0;
		line-height: calc(7.4 / 5);
		font-size: 5rem;
		margin-left: auto;
		margin-right: auto;
		border-bottom: none;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.Jobs__contentTitleInner{
		padding-bottom: 0;
		border-bottom: none;
		flex-direction: column;
	}
	.Jobs__contentTitleInner span{
		border-bottom: 2px solid var(--blackcolor);
		line-height: calc(7.4 / 5);
		padding-bottom: .8rem;
	}
	.Jobs__contentTitleInner span:nth-of-type(1){
		margin-bottom: .8rem;
		font-size: 5rem;
	}
	.Jobs__contentTitleInner span:nth-of-type(2){
		font-size: 3.2rem;
		line-height: calc(7.4 / 5);
	}
	.Jobs__contentBody{
		width: 100%;
		max-width: 100%;
		flex-direction: column;
	}
	.Jobs__contentBodyLeft{
		width: 100%;
		max-width: 100%;
		padding-bottom: 6.5rem;
	}
	.Jobs__contentImage{
		margin-bottom: 6rem;
	}
	.Jobs__contentImageItem{
		border-radius: 1rem;
		overflow: hidden;
	}
	.Jobs__contentSubtitle{
		font-size: 4rem;
		margin-bottom: 2.5rem;
		line-height: calc(6 / 4);
	}
	.Jobs__contentBodyRight{
		width: 100%;
	}
	.Jobs__contentButton{
		border: 2px solid var(--blackcolor);
		width: 100%;
		max-width: 55rem;
		height: 12rem;
		border-radius: 6rem;
		font-size: 3.6rem;
		margin-left: auto;
		margin-right: auto;
	}
	.Jobs__contentButton::before,
	.Jobs__contentButton::after{
		width: 6rem;
		height: 6rem;
		right: 2.5rem;
	}

	.Jobs__content:nth-of-type(1){
		z-index: 1;
	}
	.Jobs__content:nth-of-type(1) .Jobs__contentAnimation{
		width: 35.5rem;
	}
	.Jobs__content:nth-of-type(2){
		z-index: 2;
	}
	.Jobs__content:nth-of-type(2) .Jobs__contentAnimation{
		width: 35.9rem;
	}
	.Jobs__content:nth-of-type(3){
		z-index: 3;
	}
	.Jobs__content:nth-of-type(3) .Jobs__contentAnimation{
		width: 35.6rem;
	}
	.Jobs__content:nth-of-type(4){
		z-index: 4;
	}
	.Jobs__content:nth-of-type(4) .Jobs__contentAnimation{
		width: 36.9rem;
	}
	.Jobs__content:nth-of-type(5){
		z-index: 5;
	}
	.Jobs__content:nth-of-type(5) .Jobs__contentAnimation{
		width: 38.2rem;
	}
	.Jobs__content:nth-of-type(6){
		z-index: 6;
	}
	.Jobs__content:nth-of-type(6) .Jobs__contentAnimation{
		width: 39.4rem;
		transform: translateX(0);
	}

}



/*-------------------------------
	INTERVIEW
-------------------------------*/

.Interview{
	margin-top: -2.5rem;
	padding-top: 0;
	padding-bottom: 0;
	position: relative;
	/* z-index: 6000; */
}
/* .Interview::before{
	content: "";
	background: var(--blackcolor);
	display: block;
	width: 100%;
	height: calc(100% + .1rem);
	position: absolute;
	left: 0;
	top: -.1rem;
	right: 0;
	bottom: 0;
	z-index: 4000;
	--mask:
		radial-gradient(33.6px at 50% 47px, #000 99%, #0000 101%) calc(50% - 40px) 0/80px 100%,
		radial-gradient(33.6px at 50% -27px, #0000 99%, #000 101%) 50% 20px/80px 100% repeat-x;
	-webkit-mask: var(--mask);
	mask: var(--mask);
} */
.Interview__circle{
	top: -12.5rem;
	height: calc(100% + 44rem);
}
.Interview__header{
	margin-bottom: 0;
}
.Interview__innerWrap{
	padding-top: 22rem;
	padding-bottom: 15rem;
	/* position: relative;
	z-index: 6000;
	--mask:
		radial-gradient(33.6px at 50% 47px, #000 99%, #0000 101%) calc(50% - 40px) 0/80px 100%,
		radial-gradient(33.6px at 50% -27px, #0000 99%, #000 101%) 50% 20px/80px 100% repeat-x;
	-webkit-mask: var(--mask);
	mask: var(--mask) */
}
.Interview__list{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	position: relative;
	z-index: 6000;
}
.Interview__listItem{
	width: calc(100% / 3);
	/* width: 24rem; */
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.Interview__listItemHeader{
	width: 24rem;
	margin-left: auto;
	margin-right: auto;
}
.Interview__listItemNumber{
    -webkit-text-stroke: .2rem var(--blackcolor);
    text-stroke: .2rem var(--blackcolor);
	font-family: var(--en);
	font-size: 2rem;
	font-weight: 500;
	margin-bottom: .5rem;
	line-height: 1;
	letter-spacing: .15em;
	text-align: center;
	paint-order: stroke;
	color: #fff;
}
.Interview__listItemNumber span{
	line-height: 1;
}
.Interview__listItemImage{
	width: 100%;
	margin-bottom: 1.5rem;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
    margin-left: auto;
    margin-right: auto;
	cursor: pointer;
}
.Interview__listItemImage::before{
	content: "";
	border: .4rem solid var(--maincolor);
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	z-index: 6000;
}
.Interview__listItemImage img{
	transition: var(--transition);
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.Interview__listItemImageCaption{
	position: absolute;
}
.Interview__listItemButton{
	transition: var(--transition);
	width: 5.4rem;
	height: 5.4rem;
	border-radius: 50%;
	background: #fff;
	opacity: .8;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}
.Interview__listItemButton::before{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-top: .9rem solid transparent;
	border-bottom: .9rem solid transparent;
	border-left: 1.4rem solid var(--maincolor);
	border-right: 0;
	transform: translateX(15%);
}
.Interview__listItemImage img{
	width: 100%;
}
.Interview__listItemBody{
	text-align: center;
}
.Interview__listItemName{
	color: var(--maincolor);
	font-size: 2.4rem;
	margin-bottom: .5rem;
	line-height: 1;
	font-weight: 700;
	text-align: center;
	display: flex;
	align-items: baseline;
	justify-content: center;
}
.Interview__listItemName span{
	font-size: 1.6rem;
	line-height: 1;
	display: block;
}
.Interview__listItemTitle{
	line-height: calc(2.6 / 1.6);
	font-weight: 500;
	letter-spacing: .07em;
	text-align: center;
}
.Interview__listItemYear{
	line-height: calc(2.6 / 1.6);
	font-weight: 500;
	letter-spacing: .07em;
	display: block;
	text-align: center;
}

.Interview__listItemImage:hover img{
	transform: scale(1.1);
}
.Interview__listItemImage:hover .Interview__listItemButton{
	transform: scale(.95) translate(-50%,-50%);
}

.Interview__listItem:nth-of-type(3n+1){
	align-items: flex-start;
}
.Interview__listItem:nth-of-type(3n){
	align-items: flex-end;
}
.Interview__listItem:nth-of-type(2){
	padding-left: 4rem;
	padding-top: 6rem;
}
.Interview__listItem:nth-of-type(3){
	padding-top: 2.8rem;
}
.Interview__listItem:nth-of-type(4){
	padding-left: 1.5rem;
}
.Interview__listItem:nth-of-type(5){
	padding-right: 3rem;
	padding-top: 5.5rem;
}
.Interview__listItem:nth-of-type(6){
	padding-right: 3rem;
}

.InterviewPop__wrap{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 9995;
	display: none;
}
.InterviewPop__close{
	background: var(--blackcolor);
	width: 8rem;
	height: 8rem;
	border-radius: 50%;
	display: block;
	position: fixed;
	right: 3rem;
	top: 2.8rem;
	z-index: 9996;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.InterviewPop__close::before,
.InterviewPop__close::after{
	content: "";
	display: block;
	width: 4rem;
	height: .2rem;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
}
.InterviewPop__close::before{
	transform: translate(-50%,-50%) rotate(30deg);
}
.InterviewPop__close::after{
	transform: translate(-50%,-50%) rotate(-30deg);
}
.InterviewPop__mask{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 9990;
	background: #e6f8ff;
	opacity: .75;
}
.InterviewPop{
	width: 100%;
	max-width: 102.4rem;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 9991;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
}
.InterviewPop__inner{
	width: 100%;
	height: 57.6rem;
	padding: 2rem 7.5rem 2rem 8rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #e6e6e6;
	position: relative;
	cursor: pointer;
}
.InterviewPop__inner::before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 4000;
	background-image: url(../images/index/bg_interview-pop.png);
	background-image: image-set(url(../images/index/bg_interview-pop.png) 1x, url(../images/index/bg_interview-pop@2x.png) 2x);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.InterviewPop__button{
	width: 10rem;
	height: 10rem;
	border-radius: 50%;
	background: rgba(69,70,73,.6);
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 6000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: .8rem;
}
.InterviewPop__button::before{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-top: 1.3rem solid transparent;
	border-bottom: 1.3rem solid transparent;
	border-left: 2.3rem solid #fff;
	border-right: 0;
}
.InterviewPop__content{
	width: calc(100% - 38rem);
	padding-right: 6rem;
	position: relative;
	z-index: 6000;
}
.InterviewPop__content::before{
	font-family: var(--en2);
	color: var(--maincolor);
	font-size: 3rem;
	margin-bottom: 1.2rem;
	letter-spacing: .03em;
	font-weight: 500;
	content: attr(data-number);
	line-height: .75;
	display: block;
}
.InterviewPop__title{
	font-family: var(--en2);
	color: var(--maincolor);
	font-size: 11rem;
	margin-bottom: 2.5rem;
	letter-spacing: .03em;
	line-height: .63;
	white-space: nowrap;
}
.InterviewPop__subtitle{
	background: var(--maincolor);
	margin-bottom: 1.4rem;
	height: 4rem;
	padding: .2rem 1rem;
	font-size: 2.4rem;
	line-height: 1;
	font-weight: 700;
	letter-spacing: .07em;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.InterviewPop__subtitle span{
	font-size: 1.6rem;
}
.InterviewPop__profile{
	width: 100%;
	display: flex;
	align-items: baseline;
	justify-content: flex-start;
}
.InterviewPop__name{
	color: var(--maincolor);
	font-size: 2.4rem;
	margin-right: 1rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .07em;
}
.InterviewPop__join{
	line-height: 1;
	letter-spacing: .07em;
}
.InterviewPop__image{
	width: 38rem;
	border-radius: 50%;
	position: relative;
	z-index: 6000;
	overflow: hidden;
}
.InterviewPop__image::before{
	content: "";
	border: .6rem solid var(--maincolor);
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 6000;
}
.InterviewPop__image img{
	width: 100%;
}
.InterviewPop__movie{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 7000;
}
.InterviewPop__movie iframe{
	width: 100%;
	height: 100%;
}

@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:1100px) and (min-width: 769px){

}
@media screen and (max-width:960px) and (min-width: 769px){

	.Interview__list{
		row-gap: 5rem;
	}
	.Interview__listItem{
		width: calc(100% / 2);
	}
	.Interview__listItem:nth-of-type(3n+1){
		align-items: center;
	}
	.Interview__listItem:nth-of-type(3n){
		align-items: center;
	}
	.Interview__listItem:nth-of-type(2){
		padding-left: 0;
	}

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

	.Interview{
		margin-top: -5rem;
	}
	.Interview__circle{
		top: -2.5rem;
		height: calc(100% + 30rem);
	}
	.Interview__circle.-bg-dot::after{
		width: 400vw;
		margin-left: -150vw;
	}
	.Interview__innerWrap{
		padding-top: 22rem;
	}
	.Interview__header{
		margin-bottom: 7.5rem;
	}
	.Interview__list{
		gap: 3rem 5.5rem;
		flex-wrap: wrap;
	}
	.Interview__listItem{
		width: calc((100% - 5.5rem) / 2);
	}
	.Interview__listItemHeader{
		width: 100%;
	}
	.Interview__listItemNumber{
		-webkit-text-stroke: 2px var(--blackcolor);
		text-stroke: 2px var(--blackcolor);
		font-size: 3.6rem;
		margin-bottom: .8rem;
		letter-spacing: .1em;
	}
	.Interview__listItemImage{
		margin-bottom: 2.5rem;
	}
	.Interview__listItemImage::before{
		border: .5rem solid var(--maincolor);
	}
	.Interview__listItemButton{
		width: 6.5rem;
		height: 6.5rem;
	}
	.Interview__listItemName{
		font-size: 3.2rem;
		margin-bottom: 1.5rem;
	}
	.Interview__listItemName span{
		font-size: 2.4rem;
	}
	.Interview__listItemTitle{
		font-size: 2.8rem;
		line-height: calc(4.2 / 2.8);
	}
	.Interview__listItemTitle span{
		font-size: 2.5rem;
		line-height: calc(4 / 2.5);
		display: block;
		text-align: center;
	}
	.Interview__listItemYear{
		font-size: 2.5rem;
		line-height: calc(4 / 2.5);
	}

	.Interview__listItem:nth-of-type(2){
		padding-left: 0;
		padding-top: 0;
	}
	.Interview__listItem:nth-of-type(3){
		padding-top: 0;
	}
	.Interview__listItem:nth-of-type(4){
		padding-left: 0;
	}
	.Interview__listItem:nth-of-type(5){
		padding-right: 0;
		padding-top: 0;
	}
	.Interview__listItem:nth-of-type(6){
		padding-right: 0;
	}
	.Interview__listItem:nth-child(2n){
		padding-top: 4.2rem;
	}

	.InterviewPop{
		padding-left: var(--padding-leftright);
		padding-right: var(--padding-leftright);
	}
	.InterviewPop__close{
		width: 10rem;
		height: 10rem;
	}
	.InterviewPop__close::before,
	.InterviewPop__close::after{
		width: 5rem;
		height: 2px;
	}
	.InterviewPop{
		width: 100%;
		max-width: 100%;
	}
	.InterviewPop__inner{
		height: 38.8rem;
		padding: 6.5rem 4.5rem;
	}
	.InterviewPop__content{
		width: calc(100% - 26rem);
		padding-right: 2.5rem;
	}
	.InterviewPop__content::before{
		font-size: 2.4rem;
	}
	.InterviewPop__title{
		font-size: 8.2rem;
		margin-bottom: 1.5rem;
	}
	.InterviewPop__subtitle{
		margin-bottom: 1.2rem;
		height: 7.4rem;
		padding: .4rem .8rem 0;
		font-size: 3rem;
		flex-direction: column;
		justify-content: center;
        align-items: flex-start;
	}
	.InterviewPop__subtitle span{
		font-size: 2rem;
	}
	.InterviewPop__name{
		font-size: 2.8rem;
	}
	.InterviewPop__join{
		font-size: 2rem;
	}
	.InterviewPop__image{
		width: 26rem;
	}
	.InterviewPop__image::before{
		border: 2px solid var(--maincolor);
	}

}



/*-------------------------------
	FACTORY MAP
-------------------------------*/

.Map{
	padding-top: 15rem;
}
/* .Map__circle{
	height: calc(100% + 42rem);
	top: -24rem;
} */
.Map__header{
	margin-bottom: 0;
}
.Map__area{
	width: 100%;
	margin-top: -5rem;
	position: relative;
}
.Map__illust{
	width: 50.5rem;
	position: absolute;
	left: -2.8rem;
	top: 12.6rem;
	z-index: 6000;
}
.Map__illust img{
	width: 100%;
}
.Map__list{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 6000;
}
.Map__listItem{
	border: .4rem solid var(--maincolor);
	color: var(--maincolor);
	font-family: var(--en3);
	width: 7rem;
	height: 7rem;
	letter-spacing: .07em;
	border-radius: 50%;
	font-weight: 700;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	position: absolute;
}
.Map__listItem::before{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background-repeat: no-repeat;
	background-size: contain;
	z-index: -1;
}
.Map__listItem::after{
	content: "";
	border: .4rem solid var(--maincolor);
	display: block;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background: #fff;
	position: absolute;
}
.Map__listItem.-kamaishi{
	right: 5.8rem;
	top: 37rem;
}
.Map__listItem.-kamaishi::before{
	width: 14.6rem;
	height: .4rem;
	transform: translateX(-100%);
	background-image: url(../images/index/bg_map-kamaishi.svg);
	background-position: right center;
}
.Map__listItem.-kamaishi::after{
	left: -14.6rem;
	top: 50%;
	transform: translateY(calc(-50% + .2rem));
}
.Map__listItem.-tono{
	right: 41.5rem;
	top: 27.5rem;
}
.Map__listItem.-tono::before{
	width: 15.9rem;
	height: 6.6rem;
	transform: translateX(calc(7rem - .4rem));
	background-image: url(../images/index/bg_map-tono.svg);
	background-position: left center;
}
.Map__listItem.-tono::after{
	top: 9rem;
	left: 21.2rem;
}
.Map__listItem.-yamatsuri{
	right: 11.5rem;
	top: 44.5rem;
}
.Map__listItem.-yamatsuri::before{
	width: 16rem;
	height: 2.5rem;
	transform: translateX(-100%);
	background-image: url(../images/index/bg_map-yamatsuri.svg);
	background-position: right center;
}
.Map__listItem.-yamatsuri::after{
	top: 5.2rem;
	left: -15.6rem;
}
.Map__listItem.-shimotsuma{
    right: 10.5rem;
    top: 53.8rem;
}
.Map__listItem.-shimotsuma::before{
	width: 19.2rem;
	height: .4rem;
	transform: translateX(-100%);
	background-image: url(../images/index/bg_map-shimotsuma.svg);
	background-position: left center;
}
.Map__listItem.-shimotsuma::after{
	left: -19.2rem;
	top: 50%;
	transform: translateY(calc(-50% + .2rem));
}
.Map__listItem.-tsukuba{
    right: 18.8rem;
    top: 61rem;
}
.Map__listItem.-tsukuba::before{
	width: 12.8rem;
	height: 7rem;
	transform: translateX(-100%);
	top: unset;
	bottom: calc(3.5rem - .4rem);
	background-image: url(../images/index/bg_map-tsukuba.svg);
	background-position: right center;
}
.Map__listItem.-tsukuba::after{
	left: -13.2rem;
	top: -4.8rem;
}
.Map__listItem.-soka{
    right: 53rem;
    top: 38.2rem;
}
.Map__listItem.-soka::before{
	width: 16.8rem;
	height: 16.8rem;
	transform: translateX(calc(3.5rem - .4rem));
	background-image: url(../images/index/bg_map-soka.svg);
	background-position: left center;
}
.Map__listItem.-soka::after{
	left: 18.8rem;
	top: 18.8rem;
}
.Map__listItem:hover{
	background: var(--maincolor);
	transition: var(--transition);
	color: #fff;
}

.Map__image{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
    position: relative;
    z-index: 5000;
}
.Map__image img{
	width: 109.8rem;
	flex-shrink: 0;
}

.MapPop{
	transition: var(--transition);
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 9990;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	opacity: 0;
	visibility: hidden;
}
.MapPop.on{
	opacity: 1;
	visibility: visible;
}
.MapPop::before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background: #e6f8ff;
    opacity: .75;
}
.MapPop__close{
	background: var(--blackcolor);
	width: 8rem;
	height: 8rem;
	border-radius: 50%;
	display: block;
	position: fixed;
	right: 3rem;
	top: 2.8rem;
	z-index: 9996;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.MapPop__close::before,
.MapPop__close::after{
	content: "";
	display: block;
	width: 4rem;
	height: .2rem;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
}
.MapPop__close::before{
	transform: translate(-50%,-50%) rotate(30deg);
}
.MapPop__close::after{
	transform: translate(-50%,-50%) rotate(-30deg);
}
.MapPop__sliderWrap{
	position: relative;
}
.MapPop__sliderWrapInner{
	border: .2rem solid var(--blackcolor);
	width: 100%;
	max-width: 105.8rem;
	border-radius: 2rem;
	background: #fff;
	margin-left: 0;
	position: relative;
	overflow: hidden;
	z-index: 5000;
}
.MapPop__sliderWrap::before{
	content: "";
	border: .2rem solid var(--blackcolor);
	display: block;
	width: 100%;
	max-width: 105.8rem;
	height: 100%;
	border-radius: 2rem;
	position: absolute;
	right: 1.2rem;
	top: 1.2rem;
	z-index: -1;
	background: #fff;
	background-size: auto auto;
	background-color: rgba(255, 255, 255, 1);
	background-image: repeating-linear-gradient(45deg, transparent, transparent .6rem, rgba(0, 0, 0, 1) .6rem, rgba(0, 0, 0, 1) .8rem);
}
.MapPop__sliderInner{
	background: #fff;
}
.MapPop__sliderItem{
	width: 100%;
	padding: 2.4rem 2rem 8.2rem 5.8rem;
}
.MapPop__sliderItemHeader{
	width: 100%;
	margin-bottom: 1.6rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.MapPop__sliderItemHeaderTitle{
	color: var(--maincolor);
	font-size: 4.2rem;
	font-weight: 700;
	line-height: 1;
}
.MapPop__sliderItemHeaderEn{
	font-family: var(--en2);
	font-size: 13.6rem;
	line-height: .63;
	padding-bottom: 1.2rem;
	letter-spacing: .03em;
	color: #b3d6e5;
	opacity: .4;
}
.MapPop__sliderItemBody{
	width: 100%;
	padding-right: 3.8rem;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.MapPop__sliderItemSlider{
	width: calc(100% - (37.8rem + 4rem));
	margin-left: 0;
}
.MapPop__sliderItemSliderImage{
	border-radius: 2rem;
	overflow: hidden;
}
.MapPop__sliderItemSliderImage img{
	width: 100%;
}
.MapPop__sliderItemSliderPager{
	width: 100%;
	margin-top: 3.4rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.MapPop__sliderItemSliderPager .swiper-pagination-bullet{
	width: .8rem;
	height: .8rem;
	margin-left: .8rem;
	margin-right: .8rem;
	display: block;
	background: #e6e6e6;
	opacity: 1;
}
.MapPop__sliderItemSliderPager .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background: var(--maincolor);
}
.MapPop__sliderNav{
	width: 8rem;
	height: 8rem;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	z-index: 6000;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
}
.MapPop__sliderNav::before{
	content: "";
	background: var(--maincolor);
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	opacity: .9;
}
.MapPop__sliderNav::after{
	content: "";
	display: block;
	width: 3rem;
	height: 2.6rem;
	background-image: url(../images/index/icon_map-slider-arrow.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
.MapPop__sliderNav.-prev{
	left: -3.6rem;
}
.MapPop__sliderNav.-prev::after{
	transform: scale(-1,1);
}
.MapPop__sliderNav.-next{
	right: -2.8rem;
}
.MapPop__sliderItemContent{
	width: 37.8rem;
}
.MapPop__sliderItemText{
	width: 100%;
	margin-bottom: 2.6rem;
	padding-top: 2rem;
	padding-bottom: 2rem;
	border-top: .1rem solid #aaacb2;
	border-bottom: .1rem solid #aaacb2;
	letter-spacing: .07em;
}
.MapPop__sliderItemAddressTitle{
	width: 100%;
	line-height: calc(2.8 / 1.6);
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.MapPop__sliderItemAddressTitle::before{
	content: "■";
	color: var(--maincolor);
	line-height: calc(2.8 / 1.6);
	display: block;
}
.MapPop__sliderItemAddressInfo{
	line-height: calc(2.8 / 1.6);
}
.MapPop__sliderItemAddressLink{
	width: 100%;
	line-height: calc(2.8 / 1.6);
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.MapPop__sliderItemAddressLink::before{
	content: "";
	width: 1.2rem;
	height: 1.7rem;
	background-image: url(../images/index/icon_map-pin.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
}
.MapPop__sliderItemAddressLink a{
	color: var(--maincolor);
	max-width: calc(100% - 1.2rem);
	padding-right: 2rem;
	width: fit-content;
	padding-left: .6rem;
	font-size: 1.5rem;
	font-weight: 500;
	letter-spacing: .05em;
	position: relative;
}
.MapPop__sliderItemAddressLink a::after{
	content: "";
	display: block;
	width: 1rem;
	height: .9rem;
	background-image: url(../images/common/icon_blank.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:1100px) and (min-width: 769px){

	.Map__image{
		width: calc(100% + (var(--padding-leftright) * 2));
		margin-left: calc(var(--padding-leftright) * -1);
		overflow: hidden;
		justify-content: flex-end;
	}

}
@media screen and (max-width:960px) and (min-width: 769px){

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

	.Map{
		padding-top: 17.5rem;
		padding-bottom: 0;
	}
	/* .Map__circle{
		height: calc(100% + 36rem);
	}
	.Map__circle.-bg-dot::after{
		width: 400vw;
		margin-left: -150vw;
	} */
	.Map__header{
		margin-bottom: 6.5rem;
	}
	.Map__area{
		margin-top: 0;
	}
	.Map__illust{
		display: none;
	}
	.Map__listItem{
		border: 3px solid var(--maincolor);
		width: 10rem;
		height: 10rem;
		font-size: 2.4rem;
	}
	.Map__listItem::before,
	.Map__listItem::after{
		display: none;
	}
	.Map__listItem.-kamaishi{
		right: 1rem;
		top: 42rem;
	}
	.Map__listItem.-tono{
		right: 45rem;
		top: 31rem;
	}
	.Map__listItem.-yamatsuri{
		right: 13.5rem;
		top: 51.5rem;
	}
	.Map__listItem.-shimotsuma{
		right: 3.8rem;
		top: 61.8rem;
	}
	.Map__listItem.-tsukuba{
		right: 21.8rem;
		top: 70.2rem;
	}
	.Map__listItem.-soka{
		right: 59rem;
		top: 44rem;
	}

	.Map__image{
		justify-content: flex-end;
		/* transform: translateX(var(--padding-leftright)); */
		width: calc(100% + (var(--padding-leftright) * 2));
		margin-left: calc(var(--padding-leftright) * -1);
	}
	.Map__image img{
		width: 127.7rem;
	}

	.MapPop{
		padding-top: 15rem;
		padding-bottom: 5rem;
	}
	.MapPop__close{
		width: 10rem;
		height: 10rem;
	}
	.MapPop__close::before,
	.MapPop__close::after{
		width: 5rem;
		height: 2px;
	}
	.MapPop__sliderWrap{
		height: 100%;
	}
	.MapPop__sliderWrapInner{
		border: 2px solid var(--blackcolor);
		max-width: 100%;
		height: 100%;
		padding-top: 6.5rem;
		padding-bottom: 6.5rem;
		border-radius: 1.5rem;
		overflow: auto;
	}
	.MapPop__sliderWrap::before{
		border: 2px solid var(--blackcolor);
		width: calc(100% - (var(--padding-leftright) * 2));
		max-width: 100%;
		border-radius: 1.5rem;
		right: calc(var(--padding-leftright) - 1rem);
		top: 1rem;
	}
	.MapPop__sliderInner{
		background: #fff;
	}
	.MapPop__sliderItem{
		width: 100%;
		padding: 0 2.8rem 0 2.8rem;
	}
	.MapPop__sliderItemHeader{
		margin-bottom: 2.4rem;
		flex-direction: column;
	}
	.MapPop__sliderItemHeaderTitle{
		display: none;
	}
	.MapPop__sliderItemBody{
		padding-right: 0;
		flex-direction: column;
	}
	.MapPop__sliderItemSlider{
		width: 100%;
		margin-bottom: 6.5rem;
	}
	.MapPop__sliderItemSliderImage{
		width: 100%;
		border-radius: 2rem;
		overflow: hidden;
	}
	.MapPop__sliderItemSliderImage img{
		width: 100%;
	}
	.MapPop__sliderItemSliderPager{
		margin-top: 3.5rem;
	}
	.MapPop__sliderItemSliderPager .swiper-pagination-bullet{
		width: 1.8rem;
		height: 1.8rem;
		margin-left: 2.6rem !important;
		margin-right: 2.6rem !important;
	}
	/*.MapPop__sliderNav{
		display: none;
	}*/
	.MapPop__sliderNav.-prev {
		width: 10rem;
		height: 10rem;
        top: 42rem;
		left: 1rem;
	}
	.MapPop__sliderNav::after{
		width: 3.75rem;
		height: 3.25rem;
	}
	.MapPop__sliderNav.-next {
		width: 10rem;
		height: 10rem;
        top: 42rem;
		right: 1rem;
	}
	.MapPop__sliderItemContent{
		width: 100%;
	}
	.MapPop__sliderItemContentTitle{
		color: var(--maincolor);
		font-size: 5rem;
		margin-bottom: 5rem;
		line-height: 1;
		font-weight: 700;
		letter-spacing: .1em;
		text-align: center;
	}
	.MapPop__sliderItemText{
		margin-bottom: 4rem;
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
		border-top: 1px solid #aaacb2;
		border-bottom: 1px solid #aaacb2;
	}
	.MapPop__sliderItemAddressTitle{
		line-height: calc(5.2 / 3.2);
	}
	.MapPop__sliderItemAddressTitle::before{
		line-height: calc(5.2 / 3.2);
	}
	.MapPop__sliderItemAddressInfo{
		margin-bottom: 1.5rem;
		line-height: calc(5.2 / 3.2);
	}
	.MapPop__sliderItemAddressLink{
		line-height: calc(5.2 / 3);
	}
	.MapPop__sliderItemAddressLink::before{
		width: 2.4rem;
		height: 3.4rem;
	}
	.MapPop__sliderItemAddressLink a{
		max-width: calc(100% - 2.4rem);
		padding-right: 3.8rem;
		padding-left: 1.5rem;
		font-size: 3rem;
		line-height: calc(5.2 / 3);
	}
	.MapPop__sliderItemAddressLink a::after{
		width: 2rem;
		height: 1.8rem;
	}

}



/*-------------------------------
	FACTORY TOUR
-------------------------------*/

.Tour__header{
	margin-bottom: 5rem;
	position: relative;
	z-index: 5000;
}
.Tour__circle{
	height: calC(100% + 2rem);
	top: 15rem;
}
.Tour__illust{
	width: 35.2rem;
	position: absolute;
	right: -17.6rem;
	bottom: 0;
}
.Tour__illust img{
	width: 100%;
}
.Tour__list{
	width: 100%;
	gap: 1rem;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
}
.Tour__listItem{
	transition: var(--transition);
	width: calc(38.6% - .5rem);
	height: 41rem;
	border-radius: 2rem;
	position: relative;
	z-index: 5000;
	overflow: hidden;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	cursor: pointer;

    clip-path: inset(0 round 2rem);
}
.Tour__listItem:hover{
	transform: translateY(-.5rem) !important;
	box-shadow: 0 .5rem 1rem 1rem rgba(0,116,190,.05);
}
.Tour__listItem::before{
	content: "";
	transition: var(--transition);
	background: var(--maincolor);
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 4000;
	opacity: .8;
	mix-blend-mode: multiply;
	opacity: 0;
}
.Tour__listItem::after{
	content: "CLICK";
	transition: var(--transition);
	font-family: var(--en3);
	background: var(--maincolor);
	width: 12.4rem;
	height: 12.4rem;
	padding-right: 1.4rem;
	padding-bottom: 3.4rem;
	letter-spacing: .07em;
	font-weight: 700;
	line-height: 1;
	z-index: 6000;
	color: #fff;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	clip-path: polygon(100% 0, 0% 100%, 100% 100%);
	transform: translate(.1rem,.1rem);
}
.Tour__listItem:nth-of-type(4n+1),
.Tour__listItem:nth-of-type(4n){
	width: calc(61.4% - .5rem);
}
.Tour__listItemInner{
	transition: var(--transition);
	width: calc(100% - 12.4rem);
	padding-left: 2.8rem;
	padding-bottom: 2.5rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	position: relative;
	z-index: 6000;
	color: #fff;
	opacity: 0;
	transform: translateY(2rem);
}
.Tour__listItemTitle{
	font-size: 2.4rem;
	font-weight: 700;
}
.Tour__listItemImage{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}
.Tour__listItemImage img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.Tour__listItem.on::before{
	opacity: 1;
}
.Tour__listItem.on::after{
	color: var(--maincolor);
	background: #fff;
}
.Tour__listItem.on .Tour__listItemInner{
	opacity: 1;
	transform: translateY(0);
	transition-delay: .3s;
}

@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:1100px) and (min-width: 769px){

	.Tour__circle.-bg-dot::after{
		width: 300vw;
		margin-left: -100vw;
	}

}
@media screen and (max-width:960px) and (min-width: 769px){

	.Tour__circle.-bg-dot::after{
		width: 400vw;
		margin-left: -150vw;
	}

	.Tour__list{
		flex-direction: column;
	}
	.Tour__listItem,
	.Tour__listItem:nth-of-type(4n+1),
	.Tour__listItem:nth-of-type(4n){
		width: 100%;
	}

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

	.Tour{
		padding-top: 0;
	}
	.Tour__circle{
		height: calc(100% + 6.5rem);
	}
	.Tour__circle.-bg-dot::after{
		width: 400vw;
		margin-left: -150vw;
	}
	.Tour__header{
		margin-bottom: 7.5rem;
	}
	.Tour__illust{
		display: none;
	}
	.Tour__list{
		gap: 1rem;
		flex-direction: column;
	}
	.Tour__listItem{
		width: 100%;
		height: 40rem;
	}
	/* .Tour__listItem:hover{
		transform: translateY(0) !important;
		box-shadow: none !important;
	}
	.Tour__listItem::before{
		opacity: 1;
	} */
	.Tour__listItem::after{
		/* color: var(--maincolor); */
		width: 15.2rem;
		height: 15.2rem;
		padding-bottom: 3.6rem;
		font-size: 2.4rem;
		/* background: #fff; */
	}
	.Tour__listItem:nth-of-type(4n+1),
	.Tour__listItem:nth-of-type(4n){
		width: 100%;
	}
	.Tour__listItemInner{
		width: calc(100% - 15.2rem);
		/* transform: translateY(0);
		opacity: 1; */
	}
	.Tour__listItemTitle{
		font-size: 3.6rem;
		margin-bottom: 2rem;
		line-height: 1;
	}
	.Tour__listItemText{
		font-size: 2.8rem;
		line-height: calc(4.8 / 2.8);
	}

	.Tour__listItem.on .Tour__listItemInner{
		opacity: 1;
		transform: translateY(0);
		transition-delay: .3s;
	}

}



/*-------------------------------
	福利厚生
-------------------------------*/

.Benefits__header{
	margin-bottom: 8.5rem;
}
.Benefits__illust{
	width: 18.6rem;
	height: 28.2rem;
	position: absolute;
	right: 0;
	top: -4rem;
}
.Benefits__illust img{
	width: 100%;
}
.Benefits__list{
	width: 100%;
	margin-bottom: 10rem;
	position: relative;
	z-index: 6000;
}
.Benefits__list-main-wrap{
	width: 100%;
	margin-bottom: 3rem;
	gap: 5.2rem 2.3rem;
	display: flex;
	align-items: stretch;
	justify-content: center;
	flex-wrap: wrap;

}
.Benefits__list-main{
	width: calc((100% - (2.3rem * 2)) / 3);
}
.Benefits__list-main-pop{
	color: var(--maincolor);
	font-weight: 700;
	margin-bottom: 1.5rem;
	line-height: 1.5;
	position: relative;
	width: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.Benefits__list-main-pop::before,
.Benefits__list-main-pop::after{
	color: var(--maincolor);
	content: "/";
	display: block;
	line-height: 1;
}
.Benefits__list-main-pop::before{
	transform: scale(-1,1);
	padding-left: 1em;
}
.Benefits__list-main-pop::after{
	padding-left: 1em;
}
.Benefits__list-main.-large{
	width: 42rem;
}
.Benefits__list-main-body{
	width: 100%;
	height: calc(100% - ((1em * 1.5) + 1.5rem));
	border-radius: 3rem;
	padding: 1.8rem 3rem 2.4rem;
	background: #fff;
	position: relative;
}
.Benefts__list-main-image{
	width: 100%;
	height: 15rem;
	margin-bottom: 1.4rem;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.Benefts__list-main-image img{
	width: 100%;
}
.Benefits__list-main:nth-of-type(1) .Benefts__list-main-image{
	max-width: 10.2rem;
}
.Benefits__list-main:nth-of-type(2) .Benefts__list-main-image{
	max-width: 10.2rem;
}
.Benefits__list-main:nth-of-type(3) .Benefts__list-main-image{
	max-width: 12.2rem;
}
.Benefits__list-main:nth-of-type(4) .Benefts__list-main-image{
	max-width: 10.2rem;
}
.Benefits__list-main:nth-of-type(5) .Benefts__list-main-image{
	max-width: 11.3rem;
}
.Benefits__list-main-title{
	color: var(--maincolor);
	font-size: 2.4rem;
	margin-bottom: 2rem;
	font-weight: 700;
	line-height: 1;
	text-align: center;
}
.Benefts__list-main-text.-hosoku{
	font-size: 1.3rem;
	margin-top: .6rem;
}

.Benefits__list-item{
	width: 100%;
	padding: 2rem 3rem 2.4rem;
	border-radius: 3rem;
	background: #fff;
}
.Benefits__list-item:not(:last-child){
	margin-bottom: 3rem;
}
.Benefits__list-item-title{
	color: var(--maincolor);
	width: 100%;
	margin-bottom: .8rem;
	font-size: 2.4rem;
	font-weight: 700;
}
.Benefits__list-item-child-wrap{
	width: 100%;
	column-gap: 2.5rem;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.Benefits__list-item-child{
	width: calc((100% - (2.5rem * 2)) / 3);
}
.Benefits__list-item-child-item{
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.Benefits__list-item-child-item::before{
	content: "●";
	color: #aaddf7;
}

.Benefits__active{
	position: relative;
	z-index: 6000;
}
.Benefits__active-header{
	width: 100%;
	margin-bottom: 10rem;
}
.Benefits__active-header-inner{
	padding-left: 7rem;
	padding-right: 7rem;
	width: fit-content;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
.Benefits__active-header-inner::before,
.Benefits__active-header-inner::after{
	content: "";
	display: block;
	width: .4rem;
	height: 14rem;
	background-image: radial-gradient(circle, #0074be .2rem, transparent .2rem);
	background-position: 0 0;
	background-size: .4rem 1.2rem;
	position: absolute;
	top: 50%;
}
.Benefits__active-header-inner::before{
	left: 0;
	transform: translateY(-50%) rotate(-20deg);
}
.Benefits__active-header-inner::after{
	right: 0;
	transform: translateY(-50%) rotate(20deg);
}
.Benefits__active-header-title{
	color: var(--maincolor);
	width: 100%;
	font-size: 3rem;
	margin-bottom: .8rem;
	font-weight: 700;
	line-height: calc(4.2 / 3);
	text-align: center;
}
.Benefits__active-header-title span{
	line-height: calc(4.2 / 3);
	display: inline-block;
	position: relative;
}
.Benefits__active-header-text{
	text-align: center;
}
.Benefits__active-item-wrap{
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.Benefits__active-item{
	/* width: calc((100% - 16.8rem) / 2); */
	width: calc((100% - 18.8rem) / 2);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.Benefits__active-item-body{
	position: relative;
	z-index: 4000;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
.Benefits__active-item-image{
	width: 100%;
	position: relative;
	z-index: 6000;
}
.Benefits__active-item-image::before{
	content: "";
	display: block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	z-index: -1;
}
.Benefits__active-item-image img{
	width: 100%;
}
.Benefits__active-item-title{
	color: var(--maincolor);
	font-size: 2rem;
	font-weight: 700;
	width: 17rem;
	height: 17rem;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/index/obj_benefits-active-balloon.svg);
}
.Benefits__active-item:nth-of-type(1){
	padding-top: 7.5rem;
}
.Benefits__active-item:nth-of-type(1) .Benefits__active-item-image{
	width: calc(100% + 5.2rem);
}
.Benefits__active-item:nth-of-type(1) .Benefits__active-item-image::before{
	width: calc(100% + 3.8rem);
	height: 31.3rem;
	left: -6.2rem;
	top: -5.8rem;
	background-image: url(../images/index/obj_benefits-active1.png);
	background-image: image-set(url(../images/index/obj_benefits-active1.png) 1x, url(../images/index/obj_benefits-active1@2x.png) 2x);
	background-image: -webkit-image-set(url(../images/index/obj_benefits-active1.png) 1x, url(../images/index/obj_benefits-active1@2x.png) 2x);
}
.Benefits__active-item:nth-of-type(1) .Benefits__active-item-body{
	width: calc(100% + 10.2rem);
	/* padding: 12.4rem 5.4rem 4rem; */
	padding: 12.4rem 5.1rem 4rem;
	margin-top: -10rem;
	background-image: url(../images/index/bg_benefits-active1.png);
	background-image: image-set(url(../images/index/bg_benefits-active1.png) 1x, url(../images/index/bg_benefits-active1@2x.png) 2x);
	background-image: -webkit-image-set(url(../images/index/bg_benefits-active1.png) 1x, url(../images/index/bg_benefits-active1@2x.png) 2x);
}
.Benefits__active-item:nth-of-type(1) .Benefits__active-item-title{
	transform: translate(4.6rem,1.4rem);
	right: 0;
	bottom: 0;
}
.Benefits__active-item:nth-of-type(2) .Benefits__active-item-image{
	width: calc(100% + 2.1rem);
	/* margin-top: -16rem; */
	margin-top: -17rem;
	margin-left: -7.5rem;
}
.Benefits__active-item:nth-of-type(2) .Benefits__active-item-image::before{
	width: calc(100% - 5.6rem);
	height: 31.3rem;
	right: -16.5rem;
	top: 2.2rem;
	background-image: url(../images/index/obj_benefits-active2.png);
	background-image: image-set(url(../images/index/obj_benefits-active2.png) 1x, url(../images/index/obj_benefits-active2@2x.png) 2x);
	background-image: -webkit-image-set(url(../images/index/obj_benefits-active2.png) 1x, url(../images/index/obj_benefits-active2@2x.png) 2x);
}
.Benefits__active-item:nth-of-type(2){
	flex-direction: column-reverse;
}
.Benefits__active-item:nth-of-type(2) .Benefits__active-item-body{
	/* width: calc(100% + 13.2rem); */
	/* padding: 5.5rem 6.9rem 19rem; */
	width: calc(100% + 13.2rem);
	padding: 5.5rem 6.6rem 18.4rem;
	background-image: url(../images/index/bg_benefits-active2.png);
	background-image: image-set(url(../images/index/bg_benefits-active2.png) 1x, url(../images/index/bg_benefits-active2@2x.png) 2x);
	background-image: -webkit-image-set(url(../images/index/bg_benefits-active2.png) 1x, url(../images/index/bg_benefits-active2@2x.png) 2x);
}
.Benefits__active-item:nth-of-type(2) .Benefits__active-item-title{
	transform: translate(3.2rem,-2rem);
	right: 0;
	top: 0;
}

@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:1100px) and (min-width: 769px){

	.Benefits__list-main{
		width: calc((100% - 5rem) / 2);
	}
	.Benefits__list-main.-large{
		width: calc((100% - 5rem) / 2);
	}

	.Benefits__active-item{
		width: calc((100% - 12.5rem) / 2);
		position: relative;
	}
	.Benefits__active-item:nth-of-type(1){
		z-index: 6000;
	}
	.Benefits__active-item:nth-of-type(2){
		z-index: 4000;
	}

}
@media screen and (max-width:960px) and (min-width: 769px){

	.Benefits__list-item-child-wrap{
		flex-wrap: wrap;
	}
	.Benefits__list-item-child{
		width: calc((100% - 2.5rem) / 2);
	}
	.Benefits__list-item-child:nth-of-type(1){
		order: 1;
	}
	.Benefits__list-item-child:nth-of-type(2){
		order: 3;
	}
	.Benefits__list-item-child:nth-of-type(3){
		order: 2;
	}

	.Benefits__active-item-wrap{
		gap: 5rem;
		flex-direction: column;
	}
	.Benefits__active-item{
		width: 44rem;
		margin-left: auto;
		margin-right: auto;
	}
	.Benefits__active-item:nth-of-type(2){
		flex-direction: column;
	}
	.Benefits__active-item:nth-of-type(2) .Benefits__active-item-image{
		margin-top: 0;
	}
	.Benefits__active-item:nth-of-type(2) .Benefits__active-item-title{
		right: 0;
		bottom: 0;
		top: unset;
		transform: translate(4.6rem, 1.4rem);
	}
	.Benefits__active-item:nth-of-type(2) .Benefits__active-item-body{
		padding: 13.5rem 8.75rem 11rem;
		margin-top: -11rem;
	}

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

	.Benefits__header{
		margin-bottom: 6.5rem;
	}
	.Benefits__illust{
		display: none;
	}
	.Benefits__list{
		margin-bottom: 10rem;
		flex-direction: column;
	}
	.Benefits__list-main-wrap{
		margin-bottom: 5rem;
		gap: 5rem 0;
		flex-direction: column;

	}
	.Benefits__list-main{
		width: 100%;
	}
	.Benefits__list-main-pop{
		margin-bottom: 2rem;
	}
	.Benefits__list-main.-large{
		width: 100%;
	}
	.Benefits__list-main-body{
		padding: 4.5rem 3rem;
		border-radius: 2rem;
	}
	.Benefts__list-main-image{
		width: 100%;
		height: auto;
		margin-bottom: 7rem;
	}
	.Benefits__list-main:nth-of-type(1) .Benefts__list-main-image{
		max-width: 20.4rem;
	}
	.Benefits__list-main:nth-of-type(2) .Benefts__list-main-image{
		max-width: 20.4rem;
	}
	.Benefits__list-main:nth-of-type(3) .Benefits__list-main-body{
		padding-top: 1.5rem;
	}
	.Benefits__list-main:nth-of-type(3) .Benefts__list-main-image{
		max-width: 24.4rem;
		margin-bottom: 2rem;
	}
	.Benefits__list-main:nth-of-type(4) .Benefts__list-main-image{
		max-width: 20.4rem;
	}
	.Benefits__list-main:nth-of-type(5) .Benefts__list-main-image{
		max-width: 22.6rem;
	}
	.Benefits__list-main-title{
		font-size: 4rem;
		margin-bottom: 3.5rem;
	}
	.Benefts__list-main-text.-hosoku{
		font-size: 2.6rem;
		margin-top: 1.2rem;
	}

	.Benefits__list-item{
		width: 100%;
		padding: 6.5rem 3rem 4rem;
		border-radius: 2rem;
	}
	.Benefits__list-item:not(:last-child){
		margin-bottom: 3rem;
	}
	.Benefits__list-item-title{
		margin-bottom: 3.5rem;
		font-size: 4rem;
		line-height: 1;
		text-align: center;
	}
	.Benefits__list-item-child-wrap{
		column-gap: 2.5rem;
		flex-direction: column;
	}
	.Benefits__list-item-child{
		width: 100%;
	}
	.Benefits__list-item-child-item{
		white-space: nowrap;
	}

	.Benefits__active-header{
		margin-bottom: 14rem;
	}
	.Benefits__active-header-inner{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.Benefits__active-header-inner::before,
	.Benefits__active-header-inner::after{
		width: .8rem;
		height: 28rem;
		background-size: 1rem 1.4rem;
		top: 65%;
	}
	.Benefits__active-header-title{
		font-size: 5rem;
		margin-bottom: 1.5rem;
		line-height: calc(8 / 5);
	}
	.Benefits__active-header-title span{
		line-height: calc(8 / 5);
		text-align: center;
	}
	.Benefits__active-header-text{
		line-height: calc(6 / 3.2);
	}
	.Benefits__active-item-wrap{
		flex-direction: column;
	}
	.Benefits__active-item{
		width: 100%;
	}
	.Benefits__active-item-title{
		font-size: 3.4rem;
		width: 29.4rem;
		height: 29.4rem;
	}
	.Benefits__active-item:nth-of-type(1){
		margin-bottom: 18.5rem;
		padding-top: 0;
	}
	.Benefits__active-item:nth-of-type(1) .Benefits__active-item-image{
		width: calc(100% + 1.3rem);
		align-self: flex-start;
	}
	.Benefits__active-item:nth-of-type(1) .Benefits__active-item-image::before{
		width: 76.2rem;
		height: 45rem;
		left: -9.5rem;
		top: -8rem;
	}
	.Benefits__active-item:nth-of-type(1) .Benefits__active-item-body{ 
		width: calc(100% + 12.2rem);
		padding: 17.2rem 10rem 5.2rem;
		margin-top: -14.6rem;
		background-image: url(../images/index/sp_bg_benefits-active1.png);
		background-image: image-set(url(../images/index/sp_bg_benefits-active1.png) 1x, url(../images/index/sp_bg_benefits-active1@2x.png) 2x);
		background-image: -webkit-image-set(url(../images/index/sp_bg_benefits-active1.png) 1x, url(../images/index/sp_bg_benefits-active1@2x.png) 2x);
	}
	.Benefits__active-item:nth-of-type(1) .Benefits__active-item-title{
		transform: translate(-4rem,-10.6rem);
		right: 0;
		bottom: unset;
		top: 0;
	}
	.Benefits__active-item:nth-of-type(2) .Benefits__active-item-image{
		width: calc(100% - 2.8rem);
		margin-top: 0;
		margin-left: -1.5rem;
		align-self: flex-start;
	}
	.Benefits__active-item:nth-of-type(2) .Benefits__active-item-image::before{
		width: 58.2rem;
		height: 45rem;
		left: -9.5rem;
		right: unset;
		top: -16rem;
		background-image: url(../images/index/obj_benefits-active2.png);
		background-image: image-set(url(../images/index/obj_benefits-active2.png) 1x, url(../images/index/obj_benefits-active2@2x.png) 2x);
		background-image: -webkit-image-set(url(../images/index/obj_benefits-active2.png) 1x, url(../images/index/obj_benefits-active2@2x.png) 2x);
	}
	.Benefits__active-item:nth-of-type(2){
		flex-direction: column;
	}
	.Benefits__active-item:nth-of-type(2) .Benefits__active-item-body{
		width: calc(100% + (var(--padding-leftright) * 2));
		margin-top: -19rem;
		padding: 22rem 7rem 7.5rem;
		background-image: url(../images/index/sp_bg_benefits-active2.png);
		background-image: image-set(url(../images/index/sp_bg_benefits-active2.png) 1x, url(../images/index/sp_bg_benefits-active2@2x.png) 2x);
		background-image: -webkit-image-set(url(../images/index/sp_bg_benefits-active2.png) 1x, url(../images/index/sp_bg_benefits-active2@2x.png) 2x);
		background-size: 102.5%;
	}
	.Benefits__active-item:nth-of-type(2) .Benefits__active-item-title{
		transform: translate(4.6rem,-9rem);
	}

}



/*-------------------------------
	Q&A
-------------------------------*/

.Qa{
	padding-bottom: calc(15rem + 24rem);
}
.Qa__illust{
	width: 47.4rem;
	position: absolute;
	left: -12.5rem;
	top: 0;
	z-index: 6000;
}
.Qa__illust img{
	width: 100%;
}
.Qa__circle{
    height: calc(100% - 15rem);
    top: unset;
}
.Qa .C-Title{
	position: relative;
	z-index: 6000;
}
/* .Qa .C-Title__jp::before,
.Qa .C-Title__jp::after{
	width: 15rem;
} */
.Qa__list{
	position: relative;
	z-index: 5000;
}
.Qa__listItem{
	border-radius: 2rem;
	overflow: hidden;
}
.Qa__listItem:not(:last-child){
	margin-bottom: 3rem;
}
.Qa__listItemTitle{
	transition: var(--transition);
	width: 100%;
	padding: 1.8rem 10rem 1.8rem 3.2rem;
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: .1em;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	background: #e6e6e6;
	cursor: pointer;
	position: relative;
}
.Qa__listItemTitle::before,
.Qa__listItemTitle::after{
	transition: var(--transition);
	content: "";
	background: var(--maincolor);
	display: block;
	width: 1.8rem;
	height: .4rem;
	border-radius: .2rem;
	position: absolute;
	right: 3.2rem;
	top: 50%;
	transform: translateY(-50%);
}
.Qa__listItemTitle::after{
	transform: translateY(-50%) rotate(90deg);
}
.Qa__listItemTitle.on::after{
	transform: translateY(-50%) rotate(0deg);
}
.Qa__listItemTitle span{
	width: 100%;
	padding-left: 7.5rem;
	min-height: 4.6rem;
	line-height: calc(4.2 / 2.4);
	display: flex;
	align-items: center;
	justify-content: flex-start;
	position: relative;
}
.Qa__listItemTitle span::before{
	font-family: var(--en);
	background: var(--maincolor);
	content: "Q";
	display: block;
	width: 4.6rem;
	height: 4.6rem;
	border-radius: 50%;
	font-size: 2.8rem;
	line-height: 1;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.Qa__listItemBody{
	display: none;
}
.Qa__listItemBodyInner{
	width: 100%;
	padding: 5.5rem 6.5rem 4rem;
	/* display: flex;
	align-items: center;
	justify-content: space-between; */
}
.Qa__listItemCandidate{
	/* width: calc(100% - 42rem);
	padding-right: 4.8rem; */
	width: 100%;
	margin-bottom: 3rem;
	position: relative;
}
.Qa__listItemCandidateList{
	width: 100%;
	display: flex;
	gap: 1rem;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
}
.Qa__listItemCandidateListItem{
	color: var(--maincolor);
	width: calc((100% - 1rem) / 2);
	font-size: 2rem;
	padding: 1rem 2.8rem;
	border-radius: 1.2rem;
	line-height: 1.5;
	font-weight: 700;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.Qa__listItemCandidateListItem span{
	font-size: 1.4rem;
	letter-spacing: .08em;
	padding-left: 1.6rem;
	font-weight: 500;
	line-height: calc(1.8 / 1.4);
	display: block;
}
/* .Qa__listItemCandidateListItem:not(:last-child){
	margin-bottom: 1rem;
} */
.Qa__listItemCandidateMore{
	/* font-size: 1.6rem;
	line-height: 1;
	font-weight: 700;
	letter-spacing: .1em;
	position: absolute;
	left: 0;
	bottom: 0;
	transform: translateY(calc(1em + 1.8rem)); */
	display: none;
}
.Qa__listItemVoice{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}
.Qa__listItemVoiceText{
	width: calc(100% - 12rem);
	padding-right: 4rem;
}
.Qa__listItemVoiceImage{
	width: 12rem;
	position: absolute;
	right: 0;
	top: -5rem;
}
.Qa__listItemVoiceImage.-down{
	top: -1.5rem;
}
.Qa__listItemVoiceImage img{
	width: 100%;
}

.Qa__listItem.-small .Qa__listItemBodyInner{
	padding-top: 4.2rem;
	padding-bottom: 4.3rem;
}

.Qa__listItem:nth-of-type(2n+1) .Qa__listItemBody{
	background: #fffbd6;
}
.Qa__listItem:nth-of-type(2n) .Qa__listItemBody{
	background: var(--bgcolor);
}

.Qa__listItem:hover .Qa__listItemTitle{
	background: #d1d1d1;
}

@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:1100px) and (min-width: 769px){

	.Qa__circle.-bg-dot::after{
		width: 250vw;
		margin-left: -75vw;
	}

}
@media screen and (max-width:960px) and (min-width: 769px){

	.Qa__circle.-bg-dot::after{
		width: 350vw;
		margin-left: -125vw;
	}

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

	.Qa{
		padding-top: 7.5rem;
	}
	.Qa__illust{
		display: none;
	}
	.Qa__circle{
		top: 17.5rem;
		height: calc(100% + 37.5rem);
	}
	.Qa__circle.-bg-dot::after{
		width: 450vw;
		margin-left: -175vw;
	}
	.Qa__listItemTitle{
		padding: 1.6rem 7.5rem 1.6rem 2rem;
		font-size: 3.4rem;
		letter-spacing: .07em;
	}
	.Qa__listItemTitle::before,
	.Qa__listItemTitle::after{
		width: 3rem;
		height: calc(.3rem + 1px);
		right: 2rem;
	}
	.Qa__listItemTitle span{
		padding-left: 8.5rem;
		min-height: 6.4rem;
		line-height: calc(5 / 3.4);
	}
	.Qa__listItemTitle span::before{
		width: 6.4rem;
		height: 6.4rem;
		font-size: 4rem;
	}
	.Qa__listItemBodyInner{
		padding: 5rem 3rem 7rem;
		flex-direction: column;
	}
	.Qa__listItemCandidate{
		width: 100%;
		padding-right: 0;
		margin-bottom: 4rem;
	}
	.Qa__listItemCandidateList{
		gap: 2rem;
		flex-direction: column;
	}
	.Qa__listItemCandidateListItem{
		width: 100%;
		font-size: 3.2rem;
		padding: 2.2rem 3rem;
		line-height: calc(4.4 / 3.2);
		flex-wrap: wrap;
	}
	.Qa__listItemCandidateListItem:nth-of-type(1){
		order: 1;
	}
	.Qa__listItemCandidateListItem:nth-of-type(2){
		order: 5;
	}
	.Qa__listItemCandidateListItem:nth-of-type(3){
		order: 2;
	}
	.Qa__listItemCandidateListItem:nth-of-type(4){
		order: 6;
	}
	.Qa__listItemCandidateListItem:nth-of-type(5){
		order: 3;
	}
	.Qa__listItemCandidateListItem:nth-of-type(6){
		order: 7;
	}
	.Qa__listItemCandidateListItem:nth-of-type(7){
		order: 4;
	}
	.Qa__listItemCandidateListItem:nth-of-type(8){
		order: 8;
	}
	.Qa__listItemCandidateListItem span{
		font-size: 2.4rem;
		margin-top: .5rem;
		padding-left: 0;
		line-height: calc(3.2 / 2.4);
	}
	.Qa__listItemCandidateMore{
		font-size: 2.8rem;
	}
	.Qa__listItemVoice{
		width: 100%;
		padding-top: 23rem;
		flex-direction: column-reverse;
	}
	.Qa__listItemVoiceText{
		width: 100%;
		padding-right: 0;
	}
	.Qa__listItemVoiceImage{
		width: 18rem;
		margin-left: auto;
		margin-right: auto;
		right: unset;
		top: 0;
	}
	.Qa__listItemVoiceImage.-down{
		top: 0;
	}

	.Qa__listItem.-small .Qa__listItemBodyInner{
		padding-top: 2.5rem;
		padding-bottom: 7rem;
	}

}



/*-------------------------------
	Ideal Candidate
-------------------------------*/

.Ideal{
	padding-top: 15rem;
	padding-bottom: 0;
	overflow: hidden;
}
.Ideal__header{
	margin-bottom: 3.5rem;
}
.Ideal__illust{
	width: 22.6rem;
	position: absolute;
	right: -4rem;
    top: 5.5rem;
	z-index: 6000;
}
.Ideal__illust img{
	width: 100%;
}

.Ideal-block{
	width: 100%;
	padding: 6rem 5rem 3.8rem;
	border-radius: 4rem;
	gap: 4rem;
	background: #fffbd6;
	position: relative;
    z-index: 5000;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.Ideal-block__item{
	width: calc((100% - (4rem * 2)) / 3);
	position: relative;
}
.Ideal-block__item::before{
	content: attr(data-number);
	font-family: var(--en2);
	color: var(--maincolor);
	width: fit-content;
	font-size: 5rem;
	padding-bottom: .4rem;
	line-height: .65;
	font-weight: 500;
	letter-spacing: .03em;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	transform: translateY(-75%);
	margin-left: auto;
	margin-right: auto;
	/* -webkit-text-stroke: .1rem #fff;
	text-stroke: .1rem #fff; */
	text-shadow:
		2px 2px 0 #fff, -2px -2px 0 #fff, /* 右下方向に影 */
		-2px 2px 0 #fff,  2px -2px 0 #fff, /* 左下方向に影 */
		2px 0 0 #Fff, -2px  0 0 #fff, /* 左上方向に影 */
		0 2px 0 #fff,  0 -2px 0 #fff;
}
.Ideal-block__itemImage{
	width: 100%;
	margin-bottom: 2.4rem;
	border-radius: 2rem;
	overflow: hidden;
}
.Ideal-block__itemImage img{
	width: 100%;
}
.Ideal-block__text{
	line-height: calc(3 / 1.6);
	letter-spacing: .06em;
}

@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:1100px) and (min-width: 769px){

}
@media screen and (max-width:960px) and (min-width: 769px){

	.Ideal-block{
		flex-wrap: wrap;
	}
	.Ideal-block__item{
		width: calc((100% - 4rem) / 2);
	}

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

	.Ideal__header{
		margin-bottom: 8rem;
	}
	.Ideal__illust{
		display: none;
	}
	.Ideal__header .C-Title{
		margin-bottom: 5.5rem;
	}
		
	.Ideal-block{
		padding: 11rem 3rem 8.8rem;
		gap: 10rem;
		flex-direction: column;
	}
	.Ideal-block__item{
		width: 100%;
	}
	.Ideal-block__item::before{
		font-size: 8rem;
		letter-spacing: .03em;
	}
	.Ideal-block__itemImage{
		margin-bottom: 3.5rem;
	}

}



/*-------------------------------
	JOB DESCRIPTION
-------------------------------*/

.Description{
	padding-top: 15rem;
	padding-bottom: 18.5rem;
}
.Description__header{
	margin-bottom: 5rem;
}
.Description__tab{
	width: 100%;
	padding-left: 10.3rem;
	padding-right: 10.3rem;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	z-index: 5000;
}
.Description__tabItem{
	transition: var(--transition);
	width: calc((100% - 2rem) / 2);
	height: 6rem;
	border-top-left-radius: 2rem;
	border-top-right-radius: 2rem;
	font-size: 2.4rem;
	letter-spacing: .07em;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #caccd3;
	color: #fff;
	cursor: pointer;
}
.Description__tabItem.-current,
.Description__tabItem:hover{
	background: var(--maincolor);
}
.Description__body{
	position: relative;
	z-index: 5000;
}
.Description__content{
	padding: 9.4rem 6rem 9.8rem;
	background: #fff;
	display: none;
}
.Description__content.-current{
	display: block;
}
.Description__listItem{
	padding-bottom: 2.4rem;
	border-bottom: 1px solid #cacaca;
}
.Description__listItem:not(:last-child){
	margin-bottom: 5.2rem;
}
.Description__listItemTitle{
	border-bottom: 1px solid var(--maincolor);
	color: var(--maincolor);
	width: 100%;
	padding-bottom: 2.8rem; 
	margin-bottom: 2.8rem;
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: .1em;
	line-height: 1;
}
.Description__listItemText{
	line-height: calc(3 / 1.6);
}
.Description__listItemText:not(:last-child){
	margin-bottom: calc(1em * (3 / 1.6));
}
.Description__listItemText span{
	font-weight: 600;
}
.Description__listChildItem{
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.Description__listChildItem:not(:first-child){
	padding-top: 2.4rem;
}
.Description__listChildItem:not(:last-child){
	padding-bottom: 2.2rem;
	border-bottom: 1px solid #cacaca;
}
.Description__listChildItemTitle{
	width: 9.8rem;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.5;
}
.Description__listChildItemBody{
	width: calc(100% - 9.8rem);
}
.Description__text{
	font-size: 2rem;
	margin-bottom: 8.5rem;
	font-weight: 700;
	line-height: calc(3.8 / 2);
	text-align: center;
}

.Description__content.-uni{
	border: .2rem solid var(--maincolor);
	padding-top: 8.5rem;
	padding-bottom: 14.8rem;
}

@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:1100px) and (min-width: 769px){

}
@media screen and (max-width:960px) and (min-width: 769px){

	.Description__tab{
		padding-left: 2.5rem;
		padding-right: 2.5rem;
	}

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

	.Description{
		padding-bottom: 18.5rem;
	}
	.Description__tab{
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	.Description__tabItem{
		width: calc((100% - 1rem) / 2);
		height: 12rem;
		font-size: 3rem;
		line-height: calc(4.4 / 3);
		letter-spacing: .05em;
		text-align: center;
	}
	.Description__tabItem.-current,
	.Description__tabItem:hover{
		background: var(--maincolor);
	}
	.Description__content{
		padding: 7.8rem 3rem 7.5rem;
	}
	.Description__listItem{
		padding-bottom: 3.5rem;
	}
	.Description__listItem:not(:last-child){
		margin-bottom: 9rem;
	}
	.Description__listItemTitle{
		padding-bottom: 4rem; 
		margin-bottom: 4rem;
		font-size: 3.6rem;
	}
	.Description__listItemText{
		line-height: calc(5.8 / 3.2);
		letter-spacing: .06em;
	}
	.Description__listChildItem{
		flex-direction: column;
	}
	.Description__listChildItem:not(:first-child){
		padding-top: 4.5rem;
	}
	.Description__listChildItem:not(:last-child){
		padding-bottom: 4rem;
	}
	.Description__listChildItemTitle{
		width: 100%;
		font-size: 3.2rem;
		margin-bottom: 2.5rem;
		line-height: 1;
	}
	.Description__listChildItemBody{
		width: 100%;
	}
	.Description__text{
		font-size: 3.2rem;
		margin-bottom: 6.5rem;
		line-height: calc(5.8 / 3.2);
	}

	.Description__content.-uni{
		border: none;
		padding-top: 5rem;
		padding-bottom: 10rem;
	}

}



/*-------------------------------
	CONTACT
-------------------------------*/

.Contact{
	padding-top: 0;
	padding-bottom: 0;
	overflow: hidden;
}
.Contact__circle{
	top: 5.5rem;
}
.Contact__circle::after{
	width: 170% !important;
	margin-left: -35% !important;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
.Contact__inner{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.Contact__header{
	margin-bottom: 4rem;
}
.Contact__tab{
	width: 100vw;
	margin-bottom: 8rem;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
    z-index: 5000;
}
.Contact__tabItem{
	transition: var(--transition);
	width: 50%;
	height: 20rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	background: #caccd3;
	color: #fff;
	cursor: pointer;
}
.Contact__tabItem.-current,
.Contact__tabItem:hover{
	background: var(--maincolor);
	color: #fff;
}
.Contact__tabItemJp{
	margin-bottom: 2.2rem;
	font-weight: 700;
	letter-spacing: .07em;
}
.Contact__tabItemEn{
	font-family: var(--en2);
	font-size: 2rem;
	font-weight: 500;
	letter-spacing: .05em;
	line-height: 1;
}

.Contact__content{
	width: 100%;
	margin-bottom: 7.5rem;
	display: none;
	position: relative;
    z-index: 5000;
}
.Contact__content.-current{
	display: block;
}

.Contact__text{
	font-size: 2rem;
	font-weight: 500;
	line-height: calc(4.6 / 2);
	text-align: center;
}
.Contact__title{
	font-size: 4.2rem;
	margin-bottom: 3.8rem;
	font-weight: 700;
	position: relative;
    z-index: 5000;
}
.Contact__character{
	width: 100%;
	max-width: 55.5rem;
	margin-bottom: -2rem;
	margin-left: auto;
	margin-right: auto;
	position: relative;
    z-index: 5000;
}
.Contact__character img{
	width: 100%;
}

.Contact__slider{
	position: absolute;
	left: 0;
	bottom: 0;
	mix-blend-mode: multiply;
	z-index: 2;
}
.Contact__sliderList{
	transition-timing-function: linear;
}
.Contact__sliderListItem{
	-webkit-text-stroke: .4rem var(--maincolor);
	text-stroke: .4rem var(--maincolor);
	font-family: var(--en2);
	width: fit-content;
	padding-left: 2.5rem;
	padding-right: 2.5rem;
	font-size: 25rem;
	font-weight: 500;
	line-height: .64;
	padding-bottom: 2rem;
	letter-spacing: .05em;
	paint-order: stroke;
	color: #fff;
	opacity: .5;
}

/*----- 高校生の方 */
.Contact__tabItem.-hs .Contact__tabItemJp{
	font-size: 2.8rem;
	line-height: calc(3.8 / 2.8);
}
.Contact__content.-hs .Contact__button{
	margin-left: auto;
	margin-right: auto;
}

/*----- 高専・専門・短大・大学生の方 */
.Contact__tabItem.-uni .Contact__tabItemJp{
	font-size: 2.4rem;
	line-height: calc(3.8 / 2.4);
}
.Contact__content.-uni .Contact__text{
	line-height: calc(3.8 / 2);
	margin-bottom: 8.5rem;
	font-weight: 700;
}

.Contact__balloon{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
}
.Contact__balloonItem{
	position: absolute;
	z-index: 6000;
}
.Contact__balloonItemImage{
	width: 100%;
}
.Contact__balloonItemImage img{
	width: 100%;
}
.Contact__balloonItem:nth-of-type(1){
	width: 11.7rem;
	height: 11.7rem;
	top: 80rem;
	left: -5rem;
	animation: FloatHorizontal 10s ease-in-out infinite alternate;
}
.Contact__balloonItem:nth-of-type(1) img{
	animation: FloatVertical 8s ease-in-out infinite alternate;
}
.Contact__balloonItem:nth-of-type(2){
	width: 6.3rem;
	height: 6.3rem;
	top: 120rem;
    left: 0;
	animation: FloatHorizontal2 10s ease-in-out infinite alternate;
}
.Contact__balloonItem:nth-of-type(2) img{
	animation: FloatVertical2 8s ease-in-out infinite alternate;
}
.Contact__balloonItem:nth-of-type(3){
	width: 16.8rem;
	height: 16.8rem;
	top: 95rem;
    right: -7.5rem;
	animation: FloatHorizontal 10s ease-in-out infinite alternate;
}
.Contact__balloonItem:nth-of-type(3) img{
	animation: FloatVertical2 8s ease-in-out infinite alternate;
}


@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:1100px) and (min-width: 769px){

}
@media screen and (max-width:960px) and (min-width: 769px){

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

	.Contact__circle{
		top: 6.5rem;
	}
	.Contact__circle::after{
		width: 300vw !important;
		margin-left: -100vw !important;
	}
	.Contact__header{
		margin-bottom: 5.5rem;
	}
	.Contact__tab{
		width: calc(100% + (var(--padding-leftright) * 2));
		margin-bottom: 8.5rem;
	}
	.Contact__tabItem{
		height: 20rem;
	}
	.Contact__tabItemJp{
		height: 10rem;
		margin-bottom: 1rem;
		letter-spacing: .05em;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.Contact__tabItemEn{
		font-size: 2.8rem;
	}

	.Contact__body{
		width: 100%;
	}
	.Contact__content{
		margin-bottom: 8.5rem;
	}

	.Contact__text{
		font-size: 3.2rem;
		margin-bottom: 7.5rem;
		line-height: calc(6.8 / 3.2);
	}
	.Contact__title{
		font-size: 5.4rem;
		margin-bottom: 12.8rem;
		line-height: calc(9.4 / 5.4);
		text-align: center;
	}

	/*----- 高校生の方 */
	.Contact__tabItem.-hs .Contact__tabItemJp{
		font-size: 3rem;
		line-height: 1;
	}

	/*----- 高専・専門・短大・大学生の方 */
	.Contact__tabItem.-uni .Contact__tabItemJp{
		font-size: 3rem;
		line-height: calc(4.4 / 3);
	}
	.Contact__content.-uni .Contact__text{
		font-size: 3.2rem;
		line-height: calc(5.8 / 3.2);
		margin-bottom: 7.8rem;
	}

	.Contact__balloon{
		bottom: 0;
	}
	.Contact__balloonItem:nth-of-type(1){
		top: unset;
		bottom: 48.8rem;
	}
	.Contact__balloonItem:nth-of-type(2){
		top: unset;
		left: 4rem;
		bottom: 30rem;
	}
	.Contact__balloonItem:nth-of-type(3){
		top: unset;
		right: -4rem;
		bottom: 31.8rem;
	}

}