@media screen and (max-width:768px) {
	/**************************************
	homeNologin
	**************************************/
	.homeNologin{padding-bottom: 5rem;}

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

	.homeAboutTTL{
		display: block;
		margin-bottom: 2rem;
			font-size: 2.0rem;
			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;
	}
	.homeNologin .mainVisualNologin::after{
		content: '';
		display: block;
		width: 100%;
		padding-top: 111.98738170347%;
		z-index: 1;
	}


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

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

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

	.homeNologin .mainVisualNologin > .inner > .text > p{
			margin-bottom: 1rem;
			font-weight: 900;
			font-size: 1.6rem;
		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: 2rem 0.5rem 2rem;
	}

	.homeNologin .homeRemoguPoint > ul{
			display: flex;
			flex-wrap: wrap;
			align-items: stretch;
			justify-content: flex-start;
		width: 100%;
		margin: 0 auto;
	}

	.homeNologin .homeRemoguPoint > ul > li{
			display: flex;
			flex-wrap: wrap;
			align-items: stretch;
			justify-content: center;
			width: calc(50% - 1rem);
			background-color: #F9BE00;
			color: #fff;
			margin: 0 0.5rem;
		padding: 1rem 0;
			font-weight: 700;
			font-size: 1.6rem;
			border-radius: 1rem;
			line-height: 1.3;
			text-align: left;
		position: relative;
	}

	.homeNologin .homeRemoguPoint > ul > li:nth-of-type(n + 3){margin-top: 1rem;}

	.homeNologin .homeRemoguPoint > ul > li:nth-last-of-type(1):nth-of-type(odd){width: 100%;}

	.homeNologin .homeRemoguPoint > ul > li > span{}



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


	/**************************************
	aboutSection
	**************************************/
	.homeNologin .aboutPhotoText{
		display: block;
		margin: 0 auto;
		position: relative;
	}

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

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

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

	.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: calc(100% - 2rem);
		margin: -6rem auto 0;
		padding: 2rem 1.5rem;
		background-color: rgba(255, 255, 255, 0.9);
			font-size: 1.4rem;
			font-weight: 700;
		position: relative;
		z-index: 1;
	}


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


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

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

	.homeNologin .aboutPhotoText > .inner > .text > ul > li{
		line-height: 1.4;}

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

	.homeNologin .aboutPhotoText > .inner > .text .fcGreen{
		font-size: 1.8rem;
		color: #339999;
	}
	.homeNologin .aboutPhotoText > .inner > .text .fcPurple{
		font-size: 1.8rem;
		color: #6639B7;
	}
	.homeNologin .aboutPhotoText > .inner > .text .fcOrange{
		font-size: 1.8rem;
		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: 16rem;
		height: auto;
		margin-right: 2rem;
	}

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

	.homeNologin .aboutPhotoText  dl.remoguEmployee > dd{
		width: 80%;
		padding-top: 2rem;
		margin: 0 auto;
	}

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


	/**************************************
	homeInnerSection
	**************************************/
	.homeNologin .homeInnerSection{
		display: block;
		width: 100%;
		margin: 0 auto;
		padding: 5rem 1rem 0;
	}

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


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


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

	.homeNologin .remoguStructure > .inner > h3{
		display: block;
		margin-bottom: 2rem;
			font-size: 2rem;
			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: 3rem;
	}
	.homeNologin .remoguStructure > .inner > dl > dt{
		display: block;
		margin-bottom: 1.5rem;
			font-size: 1.8rem;
			font-weight: 700;
			line-height: 1.5;
	}
	.homeNologin .remoguStructure > .inner > dl > dd{
		font-size: 1.4rem;
		font-weight: 700;
		line-height: 1.8;
		text-align: left;
	}

	/**************************************
	workype
	**************************************/
	.homeNologin .homeInnerSection .workype{
			display: block;
		padding-top: 2rem;
	}

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

	.homeNologin .homeInnerSection .workype > dl + dl{margin-top: 2rem;}

	.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: 2rem;
			font-size: 1.8rem;
		font-weight: 700;
		text-align: center;
	}

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



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

	.homeNologin .reasonList{
			display: block;
		padding-top: 2rem;
	}

	.homeNologin .reasonList> dl{
		display: block;
		width: 100%;
		padding: 2rem;
		background-color: #FFFFFF;
	}

	.homeNologin .reasonList> dl + dl{margin-top: 2rem;}

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

	.homeNologin .reasonList> dl > dd{
		font-size: 1.4rem;
		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: 1.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: 1.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: 8rem;
		background-color: #00293F;
	}

	.homeNologin .flowStep > ol > li > em{
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
			justify-content: flex-start;
		width: calc(100% - 8rem);
		padding: 1.5rem 2rem;
		line-height: 1.4;
	}


	/**************************************
	twitterArea
	**************************************/
	.homeNologin .twitterArea{
			display: flex;
		flex-direction: column;
			flex-wrap: nowrap;
			align-items: flex-start;
			justify-content: center;
		width: 100%;
		margin: 0 auto;
		padding: 0 2rem 5rem;
	}

	.homeNologin .twitterArea > .twitterBox{
			display: block;
			width: 100%;
		order: 2;
		margin-top: 3rem;
	}

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

	.homeNologin .twitterArea > .text{
			display: block;
		order: 1;
	}

	.homeNologin .twitterArea > .text > p{
		font-size: 1.4rem;
		font-weight: 700;
		line-height: 1.6;
		text-align: left;
	}
	.homeNologin .twitterArea > .text > p + p{margin-top: 1.5rem;}


	.homeNologin .twitterArea > .text > dl{
		display: block;
		padding-top: 2rem;
		font-size: 1.4rem;
		font-weight: 700;
		line-height: 1.6;
		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: 4rem;
			background: #50ABF1;
			border-radius: 2px;
			font-size: 1.4rem;
			text-align: center;
			color: #FFFFFF;
			font-weight: 700;
	}

	.homeNologin .twitterArea > .text > dl > dd.btnTwitter{
		padding-top: 2rem;
		max-width: 90%;
		margin: 0 auto;
	}


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



	/**************************************
	homeInnerSection
	**************************************/
	.homeNologin .remoguMeritList{
			display: block;
		padding-top: 2rem;
	}

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

	.homeNologin .remoguMeritList > dl + dl{margin-top: 2rem;}

	.homeNologin .remoguMeritList > dl > dt{
			display: flex;
			flex-wrap: nowrap;
			align-items: stretch;
			justify-content: space-between;
			font-size: 1.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: 10rem;
		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% - 10rem);
		padding: 2rem 1.5rem;
		text-align: left;
	}


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



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

	.homeNologin .userVoiceList > ul{display: block;}
	.homeNologin .userVoiceList > ul > li{
			display: block;
		width: 100%;
		padding: 2rem 2rem 3rem;
		background: #FFFFFF;
	}

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


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

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

	.homeNologin .userVoiceList > ul > li > dl{
		display: block;
	}

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

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


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


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


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


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


	.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: 4rem;
		text-align: left;
			font-size: 2.6rem;
			font-weight: 900;
			color: #EC6C00;
		line-height: 1;
	}
	.homeNologin .homeFaqList > dl > dd > .text{
		display: block;
		width: calc(100% - 4rem);
		padding-top: 0.2rem;
			font-size: 1.4rem;
		line-height: 1.6;
	}



	/**************************************
	homeAboutLASSIC
	**************************************/
	.homeNologin .homeAboutLASSIC{
			display: block;
			width: 100%;
			padding: 5rem 1rem 0;
			margin: 0 auto -2rem;
	}

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


	.homeNologin .homeAboutLASSIC > table{
		display: block;
			width: 100%;
	}


	.homeNologin .homeAboutLASSIC > table td {
		display: block;
			padding: 2rem;
		margin-bottom: 1rem;
			background-color: #fff;
			font-size: 1.4rem;
		line-height: 1.6;
		vertical-align: top;
		font-weight: 500;
	}

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

	.homeNologin .homeAboutLASSIC > table td > dl > dd > dl + dl{margin-top: 1rem;}

}