﻿@media screen and (min-width:769px) {
	/**************************************
	homeNologin
	**************************************/
	.homeNologin{padding-bottom: 10rem;}

	.homeNewRecruiting + .homeNologin{padding-top: 10rem;}

	.homeAboutTTL{
		display: block;
		margin-bottom: 6rem;
			font-size: 4.8rem;
			font-weight: 700;
			text-align: center;
			line-height: 1.5;
		color: #339999;
	}

	/**************************************
	homeNologin
	**************************************/
	.homeNologin .mainVisualNologin{
		display: block;
		width: 100%;
		background: url(/img/home/dot_white_2.png) repeat;
		position: relative;
		min-height: 60rem;
	}
	.homeNologin .mainVisualNologin::after{
		content: '';
		display: block;
		width: 100%;
		padding-top: 43.82716049382716%;
		z-index: 1;
	}


	.homeNologin .mainVisualNologin > .inner{
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
			justify-content: center;
		width: 100%;
		height: 100%;
		padding: 0 6rem;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}

	.homeNologin .mainVisualNologin > .inner > .text{
			display: block;
			width: 100%;
			max-width: 1500px;
			margin: 0 auto;
			padding: 0;
			text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
	}

	.homeNologin .mainVisualNologin > .inner > .text > h2{
		display: block;
			margin-bottom: 2rem;
			font-weight: 900;
			font-size: 4.4rem;
		color: #EB6C00;
		line-height: 1.3;
	}

	.homeNologin .mainVisualNologin > .inner > .text > p{
			margin-bottom: 2rem;
			font-weight: 900;
			font-size: 3rem;
		line-height: 1.6;
	}
	.homeNologin .mainVisualNologin > .inner > .text > p > span{color: #EB6C00;}

	.homeNologin .mainVisualNologin > picture{
		display: block;
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
		z-index: -1;
	}
	.homeNologin .mainVisualNologin > picture > img{
		display: block;
		width: 100%;
		height: auto;
	}


	/**************************************
	homeRemoguPoint
	**************************************/
	.homeNologin .homeRemoguPoint{
			background: #00293F;
			padding: 3rem 6rem 3rem;
	}

	.homeNologin .homeRemoguPoint > ul{
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
			justify-content: center;
		width: 100%;
		max-width: 1500px;
		margin: 0 auto;
	}

	.homeNologin .homeRemoguPoint > ul > li{
		display: block;
			width: 19.98666666666667%;
			background-color: #F9BE00;
			color: #fff;
			margin: 0 0.66666666666667%;
			font-weight: 700;
			font-size: 2.8rem;
			border-radius: 50%;
			line-height: 1.3;
			text-align: center;
		position: relative;
	}
	.homeNologin .homeRemoguPoint > ul > li::after{
		content: '';
		display: block;
		width: 100%;
		padding-top: 100%;
	}

	.homeNologin .homeRemoguPoint > ul > li > span{
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
			justify-content: center;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}



	/**************************************
	aboutSection
	**************************************/
	.homeNologin .aboutSection{
		display: block;
		width: 100%;
		padding: 10rem 0 0;
	}


	/**************************************
	aboutSection
	**************************************/
	.homeNologin .aboutPhotoText{
		display: block;
		max-width: calc(1500px + 12rem);
		margin: 0 auto;
		padding: 0 6rem;
		position: relative;
	}

	.homeNologin .aboutPhotoText > .inner{
		width: 100%;
	}

	.homeNologin .aboutPhotoText > .inner > figure{
		display: block;
		width: 60%;
		position: relative;
	}

	.homeNologin .aboutPhotoText > .inner.photoRight > figure{
		margin: 0 0 0 auto;
	}

	.homeNologin .aboutPhotoText > .inner > figure::after{
			content: "";
			display: block;
			width: 100%;
			height: 100%;
			background: url(/img/home/dot.png) repeat;
			position: absolute;
			left: 0;
			top: 0;
		z-index: 1;
	}

	.homeNologin .aboutPhotoText > .inner > figure > img{display: block; width: 100%; height: auto;}


	.homeNologin .aboutPhotoText > .inner > .text{
		width: 100%;
		max-width: 96rem;
		margin: -25rem 0 0 auto;
		padding: 4rem;
		background-color: rgba(255, 255, 255, 0.9);
			font-size: 2.8rem;
			font-weight: 700;
		position: relative;
		z-index: 1;
	}

	.homeNologin .aboutPhotoText > .inner.photoRight > .text{
		margin: -25rem auto 0 0;
	}



	.homeNologin .aboutPhotoText > .inner > .text > h3{
		display: block;
		margin-bottom: 2rem;
			font-size: 4.2rem;
			line-height: 1.3;
		color: #EB6C00;
	}


	.homeNologin .aboutPhotoText > .inner > .text > p{
		line-height: 1.6;
		margin-bottom: 3rem;
	}

	.homeNologin .aboutPhotoText > .inner > .text > p.fs20{
		font-size: 2.0rem;
	}

	.homeNologin .aboutPhotoText > .inner > .text > ul{
		display: block;
	}

	.homeNologin .aboutPhotoText > .inner > .text > ul > li{}

	.homeNologin .aboutPhotoText > .inner > .text > ul > li + li{
		margin-top: 3rem;
	}

	.homeNologin .aboutPhotoText > .inner > .text .fcGreen{
		font-size: 3.6rem;
		color: #339999;
	}
	.homeNologin .aboutPhotoText > .inner > .text .fcPurple{
		font-size: 3.6rem;
		color: #6639B7;
	}
	.homeNologin .aboutPhotoText > .inner > .text .fcOrange{
		font-size: 3.6rem;
		color: #EB6C00;
	}

	.homeNologin .aboutPhotoText  dl.remoguEmployee{
		margin-top: 2rem;
	}

	.homeNologin .aboutPhotoText  dl.remoguEmployee > dt{
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
			justify-content: flex-start;
	}

	.homeNologin .aboutPhotoText  dl.remoguEmployee > dt > img{
		display: block;
		width: 38rem;
		height: auto;
		margin-right: 4rem;
	}

	.homeNologin .aboutPhotoText  dl.remoguEmployee > dt > span{
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
			justify-content: center;
			width: 24rem;
			height: 5rem;
			background: #ec6c00;
			font-size: 2.4rem;
			color: #FFFFFF;
			text-align: center;
			font-weight: 700;
			line-height: 1;
	}

	.homeNologin .aboutPhotoText  dl.remoguEmployee > dd{
		width: 60rem;
		padding-top: 3rem;
	}

	.homeNologin .aboutPhotoText  dl.remoguEmployee > dd > a{
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
			justify-content: center;
			width: 100%;
			height: 8rem;
			background: #f9be00;
			border-radius: 2px;
			font-size: 2.4rem;
			text-align: center;
			color: #00263f;
			font-weight: 700;
	}


	/**************************************
	homeInnerSection
	**************************************/
	.homeNologin .homeInnerSection{
		display: block;
		max-width: calc(1500px + 12rem);
		margin: 0 auto;
		padding: 10rem 6rem 0;
	}

	.homeNologin .homeInnerSection > p{
		font-size: 2rem;
		font-weight: 700;
		line-height: 1.8;
		text-align: left;
	}


	/**************************************
	aboutSection
	**************************************/
	.homeNologin .remoguStructure{
		display: block;
		max-width: 100%;
		margin: 10rem auto 10rem;
		padding: 4rem 6rem;
		position: relative;
		background: #5D87D5;
		color: #FFFFFF;
	}


	.homeNologin .remoguStructure > .inner{
		display: block;
		width: 100%;
		max-width: 1500px;
		margin: 0 auto;
	}

	.homeNologin .remoguStructure > .inner > h3{
		display: block;
		margin-bottom: 6rem;
			font-size: 4.8rem;
			font-weight: 700;
			text-align: center;
			line-height: 1.5;
		color: #FFFFFF;
	}

	.homeNologin .remoguStructure > .inner > picture{
		display: block;
	}
	.homeNologin .remoguStructure > .inner > picture > img{display: block; width: 100%; height: auto;}

	.homeNologin .remoguStructure > .inner > dl{
		display: block;
		padding-top: 4rem;
	}
	.homeNologin .remoguStructure > .inner > dl > dt{
		display: block;
		margin-bottom: 3rem;
			font-size: 3rem;
			font-weight: 700;
			line-height: 1.5;
	}
	.homeNologin .remoguStructure > .inner > dl > dd{
		font-size: 2rem;
		font-weight: 700;
		line-height: 1.8;
		text-align: left;
	}

	/**************************************
	workype
	**************************************/
	.homeNologin .homeInnerSection .workype{
			display: flex;
			flex-wrap: nowrap;
			align-items: stretch;
			justify-content: space-between;
		padding-top: 7rem;
	}

	.homeNologin .homeInnerSection .workype > dl{
		display: block;
		width: 31.53333333333333%;
		padding: 4rem;
		background-color: #5D87D5;
			color: #fff;
	}

	.homeNologin .homeInnerSection .workype > dl:nth-of-type(1){background: #5D87D5;}
	.homeNologin .homeInnerSection .workype > dl:nth-of-type(2){background: #4467AA;}
	.homeNologin .homeInnerSection .workype > dl:nth-of-type(3){background: #004B67;}


	.homeNologin .homeInnerSection .workype > dl > dt{
			margin-bottom: 4rem;
			font-size: 3.2rem;
		font-weight: 700;
		text-align: center;
	}

	.homeNologin .homeInnerSection .workype > dl > dd{
		font-size: 2rem;
		font-weight: 700;
		line-height: 1.8;
		text-align: left;
	}



	/**************************************
	workype
	**************************************/
	.homeNologin #reasonSection{}

	.homeNologin .reasonList{
			display: flex;
			flex-wrap: wrap;
			align-items: stretch;
			justify-content: flex-start;
		padding-top: 7rem;
	}

	.homeNologin .reasonList> dl{
		display: block;
		width: 48.66666666666667%;
		padding: 4rem;
		background-color: #FFFFFF;
		margin-right: 2.66666666666667%;
	}

	.homeNologin .reasonList> dl:nth-of-type(2n){margin-right: 0;}
	.homeNologin .reasonList> dl:nth-of-type(n + 3){margin-top: 4rem;}

	.homeNologin .reasonList> dl > dt{
			margin-bottom: 4rem;
			font-size: 3.6rem;
		font-weight: 700;
		color: #FFA000;
		text-align: left;
	}

	.homeNologin .reasonList> dl > dd{
		font-size: 2rem;
		font-weight: 700;
		line-height: 1.8;
		text-align: left;
	}


	/**************************************
	workype
	**************************************/
	.homeNologin #flowSection{}


	.homeNologin .flowStep{
		display: block;
	}
	.homeNologin .flowStep > ol{display: block;}

	.homeNologin .flowStep > ol > li{
			display: flex;
			flex-wrap: nowrap;
			align-items: stretch;
			justify-content: flex-start;
		margin-bottom: 2rem;
			background-color: #4467AA;
			font-weight: 600;
			font-size: 2.4rem;
			color: #fff;
		position: relative;
	}
	.homeNologin .flowStep > ol > li::after{
			display: block;
			width: 0;
			height: 0;
			content: "";
			border-style: solid;
			border-width: 2rem 2.5rem 0 2.5rem;
			border-color: #f9bf00 transparent transparent transparent;
		position: absolute;
			left: 5rem;
			bottom: -2rem;
	}
	.homeNologin .flowStep > ol > li:nth-last-of-type(1){margin-bottom: 0;}
	.homeNologin .flowStep > ol > li:nth-last-of-type(1)::after{display: none;}


	.homeNologin .flowStep > ol > li > span{
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
			justify-content: center;
		width: 15rem;
		background-color: #00293F;
	}

	.homeNologin .flowStep > ol > li > em{
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
			justify-content: flex-start;
		width: calc(100% - 15rem);
		padding: 4rem 3rem;
	}


	/**************************************
	twitterArea
	**************************************/
	.homeNologin .twitterArea{
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
			justify-content: space-between;
		width: 100%;
		max-width: calc(1500px + 12rem);
		margin: 0 auto;
		padding: 0 6rem 10rem;
	}

	.homeNologin .twitterArea > .twitterBox{
			display: block;
			width: 31.53333333333333%;
	}

	.homeNologin .twitterArea > .twitterBox > iframe{height: 100%;}

	.homeNologin .twitterArea > .text{
			display: flex;
		flex-direction: column;
			flex-wrap: nowrap;
			align-items: flex-start;
			justify-content: center;
			width: 65.8%;
		min-height: 400px;
	}

	.homeNologin .twitterArea > .text > p{
		font-size: 2rem;
		font-weight: 700;
		line-height: 1.8;
		text-align: left;
	}
	.homeNologin .twitterArea > .text > p + p{margin-top: 3rem;}


	.homeNologin .twitterArea > .text > dl{
		display: block;
		padding-top: 4rem;
		font-size: 2rem;
		font-weight: 700;
		line-height: 1.8;
		text-align: left;
	}

	.homeNologin .twitterArea > .text > dl > dt{
		margin-bottom: 0.5rem;
	}


	.homeNologin .twitterArea > .text > dl > dd.textTwitter > a{
		color: #1e87f0;
	}

	.homeNologin .twitterArea > .text > dl > dd.btnTwitter > a{
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
			justify-content: center;
			width: 100%;
			height: 8rem;
			background: #50ABF1;
			border-radius: 2px;
			font-size: 2rem;
			text-align: center;
			color: #FFFFFF;
			font-weight: 700;
	}

	.homeNologin .twitterArea > .text > dl > dd.btnTwitter{
		padding-top: 2rem;
		max-width: 50rem;
	}


	.homeNologin .twitterArea > .text > dl > dd.btnTwitter > a > em{
		display: block;
		width: 6rem;
		margin-right: 2rem;
	}
	.homeNologin .twitterArea > .text > dl > dd.btnTwitter > a > em > img{display: block; width: 100%; height: auto;}



	/**************************************
	homeInnerSection
	**************************************/
	.homeNologin .remoguMeritList{
			display: flex;
			flex-wrap: wrap;
			align-items: stretch;
			justify-content: flex-start;
		padding-top: 7rem;
	}

	.homeNologin .remoguMeritList > dl{
		display: block;
		width: 48.66666666666667%;
		padding: 0;
		background-color: #FFFFFF;
		margin-right: 2.66666666666667%;
	}

	.homeNologin .remoguMeritList > dl:nth-of-type(2n){margin-right: 0;}
	.homeNologin .remoguMeritList > dl:nth-of-type(n + 3){margin-top: 4rem;}

	.homeNologin .remoguMeritList > dl > dt{
			display: flex;
			flex-wrap: nowrap;
			align-items: stretch;
			justify-content: space-between;
			font-size: 2.4rem;
			font-weight: 700;
		color: #FFFFFF;
		background: #90CAF9;
	}

	.homeNologin .remoguMeritList > dl > dt > em{
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
			justify-content: center;
		width: 15rem;
		background: #4467AA;
		text-align: center;
	}

	.homeNologin .remoguMeritList > dl:nth-of-type(3) > dt,
	.homeNologin .remoguMeritList > dl:nth-of-type(4) > dt{ background: #5d87d5;}
	.homeNologin .remoguMeritList > dl:nth-of-type(3) > dt > em,
	.homeNologin .remoguMeritList > dl:nth-of-type(4) > dt > em{background: #004b67;}
	.homeNologin .remoguMeritList > dl:nth-of-type(5) > dt,
	.homeNologin .remoguMeritList > dl:nth-of-type(6) > dt{ background: #4467aa;}
	.homeNologin .remoguMeritList > dl:nth-of-type(5) > dt > em,
	.homeNologin .remoguMeritList > dl:nth-of-type(6) > dt > em{background: #00293f;}

	.homeNologin .remoguMeritList > dl > dt > span{
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
			justify-content: flex-start;
		width: calc(100% - 15rem);
		padding: 3rem 3rem;
		text-align: left;
	}


	.homeNologin .remoguMeritList > dl > dd{
		display: block;
		padding: 3rem;
		font-size: 2rem;
		font-weight: 700;
		line-height: 1.8;
		text-align: left;
	}



	/**************************************
	homeInnerSection
	**************************************/
	.homeNologin .userVoiceList{
			display: block;
		padding-top: 7rem;
	}

	.homeNologin .userVoiceList > ul{display: block;}
	.homeNologin .userVoiceList > ul > li{
			display: flex;
			flex-wrap: nowrap;
			align-items: flex-start;
			justify-content: space-between;
		width: 100%;
		padding: 4rem;
		background: #FFFFFF;
	}

	.homeNologin .userVoiceList > ul > li + li{
		margin-top: 5rem;
	}


	.homeNologin .userVoiceList > ul > li > figure{
		display: block;
		width: 20rem;
		height: 20rem;
		border-radius: 50%;
		overflow: hidden;
	}

	.homeNologin .userVoiceList > ul > li > figure > img{
		display: block;
		width: 100%;
		height: 100%;
	}

	.homeNologin .userVoiceList > ul > li > dl{
		display: block;
		width: calc(100% - 23rem);
	}

	.homeNologin .userVoiceList > ul > li > dl > dt{
		display: block;
		font-size: 2.4rem;
			font-weight: 700;
			margin-top: 0;
			margin-bottom: 2rem;
	}
	.homeNologin .userVoiceList > ul > li > dl > dd.sub{
		display: block;
			font-size: 2.4rem;
			font-weight: 700;
			margin-top: 0;
			margin-bottom: 2rem;
	}

	.homeNologin .userVoiceList > ul > li > dl > dd.text{
		display: block;
		font-size: 2rem;
		font-weight: 700;
		line-height: 1.8;
		text-align: left;
	}


	/**************************************
	homeInnerSection
	**************************************/
	.homeNologin .homeFaqList{display: block;}
	.homeNologin .homeFaqList + .homeFaqList{padding-top: 6rem;}


	.homeNologin .homeFaqList > .homeFAQTTL{
		display: block;
		margin-bottom: 3rem;
			font-size: 3.6rem;
			font-weight: 700;
			text-align: center;
			line-height: 1.5;
	}


	.homeNologin .homeFaqList > dl{
		display: block;
		width: 100%;
		background: #FFFFFF;
		padding: 4rem;
	}
	.homeNologin .homeFaqList > dl + dl{margin-top: 3rem;}


	.homeNologin .homeFaqList > dl > dt{
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
			justify-content: flex-start;
		margin-bottom: 3rem;
		padding-bottom: 3rem;
		font-size: 2.4rem;
		font-weight: 700;
		border-bottom: 2px dashed #4467AA;
	}
	.homeNologin .homeFaqList > dl > dt > em{
		display: block;
		width: 6rem;
		text-align: left;
			font-size: 4.8rem;
			font-weight: 900;
			color: #4467AA;
		line-height: 1;
		padding-bottom: 1.5rem;
	}
	.homeNologin .homeFaqList > dl > dt > span{
		display: block;
		width: calc(100% - 6rem);
	}


	.homeNologin .homeFaqList > dl > dd{
			display: flex;
			flex-wrap: nowrap;
			align-items: flex-start;
			justify-content: flex-start;
	}
	.homeNologin .homeFaqList > dl > dd > em{
		display: block;
		width: 6rem;
		text-align: left;
			font-size: 4.8rem;
			font-weight: 900;
			color: #EC6C00;
		line-height: 1;
	}
	.homeNologin .homeFaqList > dl > dd > .text{
		display: block;
		width: calc(100% - 6rem);
		padding-top: 0.5rem;
			font-size: 2.4rem;
		line-height: 1.6;
	}



	/**************************************
	homeAboutLASSIC
	**************************************/
	.homeNologin .homeAboutLASSIC{
			display: block;
			width: 100%;
			max-width: calc(1500px + 12rem);
			padding: 10rem 6rem 5rem;
			margin: 0 auto 0;
	}

	.homeNologin .homeAboutLASSIC > .homeAboutTTL{
		color: #00283f;
		font-size: 3.6rem;
	}


	.homeNologin .homeAboutLASSIC > table{
			width: calc(100% + 6rem);
			margin-left: -3rem;
		margin-top: -3rem;
		margin-bottom: -3rem;
			border-collapse: separate;
			border-spacing: 3rem;
	}


	.homeNologin .homeAboutLASSIC > table td {
			padding: 3rem;
			background-color: #fff;
			font-size: 2.4rem;
		line-height: 1.8;
		vertical-align: top;
		font-weight: 500;
	}

	.homeNologin .homeAboutLASSIC > table td > dl{}
	.homeNologin .homeAboutLASSIC > table td > dl > dt{
		font-weight: 600;
			color: #4467AA;
	}

}