@charset 'UTF-8';
/* variables color */
/*
#colors

@Service #2658CE
@Job #37B500
@Career #FE590F
@tone1 #F4F4F9
@tone2 #EBEBF3
@tone3 #CACAD9
@tone4 #84849A
@tone5 #4A4A4A
*/
/* variables-color */
:root {
	/* color color palette */
	/* Gray */
	--Gray-100: #f6f3f0;
	--Gray-200: #e4e0de;
	--Gray-300: #cbc8c6;
	--Gray-400: #b2afac;
	--Gray-500: #969391;
	--Gray-600: #716e6b;
	--Gray-700: #605d5b;
	--Gray-800: #4e4b49;
	--Gray-900: #2d2b29;
	--Gray-1000: #171413;
	/* Pink */
	--Pink-100: #fef1f5;
	--Pink-200: #fbd8e2;
	--Pink-300: #f7b5c8;
	--Pink-400: #f189aa;
	--Pink-500: #e9588e;
	--Pink-600: #cb006b;
	--Pink-700: #ac0058;
	--Pink-800: #8b0647;
	--Pink-900: #57002a;
	--Pink-1000: #280010;
	/* Red */
	--Red-100: #fff1f1;
	--Red-200: #ffd8d7;
	--Red-300: #fdb4b4;
	--Red-400: #fb888b;
	--Red-500: #f5505f;
	--Red-600: #d40038;
	--Red-700: #ac1731;
	--Red-800: #920625;
	--Red-900: #5c0415;
	--Red-1000: #2f0107;
	/* Orange */
	--Orange-100: #fef2ed;
	--Orange-200: #ffdacd;
	--Orange-300: #ffb59c;
	--Orange-400: #f88d68;
	--Orange-500: #f25915;
	--Orange-600: #c04101;
	--Orange-700: #934225;
	--Orange-800: #79371f;
	--Orange-900: #4f1f0d;
	--Orange-1000: #260c04;
	/* Lime */
	--Lime-100: #f2f9e2;
	--Lime-200: #dfebbf;
	--Lime-300: #c1d293;
	--Lime-400: #a2bb4b;
	--Lime-500: #869f16;
	--Lime-600: #687c0b;
	--Lime-700: #566606;
	--Lime-800: #465408;
	--Lime-900: #2c3505;
	--Lime-1000: #121700;
	/* Green */
	--Green-100: #ecfaec;
	--Green-200: #cdf0cc;
	--Green-300: #a8daa8;
	--Green-400: #66c56c;
	--Green-500: #28af3d;
	--Green-600: #2b8735;
	--Green-700: #276d2e;
	--Green-800: #1b5a22;
	--Green-900: #0f3a14;
	--Green-1000: #021b04;
	/* Aqua */
	--Aqua-100: #e3fafe;
	--Aqua-200: #b7f0fa;
	--Aqua-300: #7edae9;
	--Aqua-400: #12c0d6;
	--Aqua-500: #1aa4b6;
	--Aqua-600: #2b7e8a;
	--Aqua-700: #176774;
	--Aqua-800: #0f5760;
	--Aqua-900: #05373f;
	--Aqua-1000: #00191d;
	/* Blue */
	--Blue-100: #f2f5fc;
	--Blue-200: #dae3f7;
	--Blue-300: #b0c7f9;
	--Blue-400: #8aaaf6;
	--Blue-500: #648cf4;
	--Blue-600: #3a63e0;
	--Blue-700: #2045da;
	--Blue-800: #142ec5;
	--Blue-900: #08118c;
	--Blue-1000: #020448;
	/* Violet */
	--Violet-100: #f4f5fa;
	--Violet-200: #dfe1f6;
	--Violet-300: #bec2f8;
	--Violet-400: #9fa3f4;
	--Violet-500: #8382f3;
	--Violet-600: #6258dd;
	--Violet-700: #5336d8;
	--Violet-800: #451dc3;
	--Violet-900: #290083;
	--Violet-1000: #104;
	/* Purple */
	--Purple-100: #f9f3f9;
	--Purple-200: #eedced;
	--Purple-300: #e2b7e1;
	--Purple-400: #d392d2;
	--Purple-500: #c46bc4;
	--Purple-600: #a247a2;
	--Purple-700: #950c98;
	--Purple-800: #7d0c7f;
	--Purple-900: #4f0050;
	--Purple-1000: #260027;
	/* Yellow */
	--Yellow-100: #fffaec;
	--Yellow-200: #feeec1;
	--Yellow-300: #fee195;
	--Yellow-400: #f7ce5a;
	--Yellow-500: #f4c200;
	--Yellow-600: #d4a800;
	--Yellow-700: #b18c00;
	--Yellow-800: #896c00;
	--Yellow-900: #5f4a00;
	--Yellow-1000: #1f1600;
}

@-webkit-keyframes kaiten {
	0% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}

@keyframes kaiten {
	0% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}

@-webkit-keyframes kaiten-r {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}
}

@keyframes kaiten-r {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}
}

@-webkit-keyframes visit {
	0% {
		visibility: hidden;
		opacity: 0;
	}

	100% {
		visibility: visible;
		opacity: 1;
	}
}

@keyframes visit {
	0% {
		visibility: hidden;
		opacity: 0;
	}

	100% {
		visibility: visible;
		opacity: 1;
	}
}

@media print, screen and (min-width: 768px) {
	.login-box {
		max-width: 1200px;
		margin: 0 auto;
	}

	.login-box > input,
	.login-box > label {
		display: none;
	}

	.login-box .box-inner {
		display: block;
	}

	.login-box-inner {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.login-box-inner > div {
		margin: 0 5px;
	}

	.login-box-inner .txt {
		color: #fff;
		font-size: 1.4rem;
	}

	.login-box-inner .input input {
		background-color: #fff;
	}

	.login-box-inner .checkbox {
		color: #fff;
		font-size: 1.4rem;
	}

	.login-box-inner .checkbox label {
		margin-right: 0;
	}

	.login-box-inner .checkbox input:checked + label {
		color: #fff;
	}

	.login-box-inner .checkbox input:checked + label:after {
		background-color: #0fd848 !important;
	}

	.login-box-inner .login-button button {
		width: 10em;
		background-color: #4976de;
	}

	.login-box-inner .login-button button:hover {
		background-color: #2658ce;
	}

	.login-box-inner .forget_pass {
		margin-left: 30px;
	}

	.login-box-inner .forget_pass a {
		color: #cacad9;
		font-size: 1.4rem;
		font-weight: normal;
	}

	.login-box-inner .forget_pass a i:before {
		color: #cacad9;
	}

	.l-side-nav + .l-main .notlogin-block.login {
		margin: 0;
		padding: 0 40px;
	}

	.l-side-nav + .l-main .notlogin-block.login .inner {
		width: 100%;
		max-width: 1120px;
		margin: 0;
		padding: 0;
	}

	.l-side-nav + .l-main .notlogin-block.login.sub .inner.pos-r .txt {
		width: 100%;
		padding: 0 0 0 450px;
	}

	.l-side-nav + .l-main .notlogin-block.login.sub .inner .txt {
		width: 100%;
		padding: 0 450px 0 0;
	}

	.l-side-nav + .l-main .notlogin-block.login.sub .inner .txt .heading {
		font-size: 2.3rem;
	}

	.l-side-nav + .l-main .notlogin-block.login.sub .inner .txt p {
		font-size: 1.2rem;
		line-height: 1.5;
	}

	.l-side-nav + .l-main .notlogin-block.login.sub.job-page2 .inner .txt {
		padding-right: 380px;
	}

	.l-side-nav + .l-main .notlogin-block.login.sub.job-page3 .inner .txt {
		padding-left: 370px;
	}

	.l-side-nav + .l-main .notlogin-block.login.sub.job-page4 {
		padding-right: 0;
	}

	.l-side-nav + .l-main .notlogin-block.login.sub.job-page4 .inner {
		background-position: 320px 100%;
	}

	.l-side-nav + .l-main .notlogin-block.login.sub.job-page4 .inner .txt {
		width: 450px;
		padding: 0;
	}

	.l-side-nav + .l-main .notlogin-block.login.sub.job-page5 .inner .txt {
		padding-left: 370px;
	}

	.l-side-nav + .l-main .notlogin-block.login.sub.qa .inner .txt {
		padding: 20px 0;
	}

	.l-side-nav + .l-main .notlogin-block.login.sub.seiko-page1 {
		padding: 0;
	}

	.l-side-nav + .l-main .notlogin-block.login.sub.seiko-page1 .inner {
		background-position: -80px 0;
	}

	.l-side-nav + .l-main .notlogin-block.login.sub.seiko-page2.login .inner .txt ul li {
		margin-bottom: 20px;
	}

	.l-side-nav + .l-main .notlogin-block.login.sub.seiko-page2 .inner .txt {
		padding: 40px 5%;
	}

	.l-side-nav + .l-main .notlogin-block.login.sub.seiko-page2 .inner .txt ul li {
		width: 24%;
		height: 290px;
		margin-right: 1%;
	}

	.l-side-nav + .l-main .notlogin-block.login.sub.seiko-page2 .inner .txt ul li > img {
		width: 100%;
	}

	.l-side-nav + .l-main .notlogin-block.login.sub.seiko-page2 .inner .txt ul li span {
		font-size: 1.3rem;
	}

	.l-side-nav + .l-main .notlogin-block.login.sub.seiko-page2 .inner .txt ul li div {
		position: relative;
		z-index: 1;
		padding: 3em 0 0;
		font-size: 1.2rem;
	}

	.l-side-nav + .l-main .notlogin-block.login.sub.seiko-page2 .inner .txt ul li:last-child div {
		padding: 1.5em 0 0.5em;
	}

	.l-side-nav + .l-main .notlogin-block.login.sub.seiko-page3 {
		padding: 0;
	}

	.l-side-nav + .l-main .notlogin-block.login.sub.seiko-page3 .inner {
		background-position: -80px 0;
	}

	.l-side-nav + .l-main .notlogin-block.login.sub.seiko-page3 .inner .txt p {
		margin: 20px 20px 0;
	}

	.l-side-nav + .l-main .notlogin-block.login.sub.seiko-page4 {
		padding: 0;
	}

	.l-side-nav + .l-main .notlogin-block.login.sub.seiko-page4.login .inner .txt {
		width: 100%;
		padding: 0 500px 0 0;
	}

	.l-side-nav + .l-main .notlogin-block.login.sub.seiko-page4 .inner {
		background-position: 107% 0;
	}

	.l-side-nav + .l-main .notlogin-block.login.sub.seiko-page4 .inner ul {
		flex-direction: column;
	}

	.l-side-nav + .l-main .notlogin-block.login.sub.seiko-page4 .inner ul li {
		width: 240px;
		margin: 0 0 15px;
	}

	.l-side-nav + .l-main .notlogin-block.login.sub.seiko-page2 {
		padding: 0;
	}

	.l-side-nav + .l-main .notlogin-block.login.sub.seiko-page2 ul {
		padding: 0;
	}

	.l-side-nav + .l-main .notlogin-block.book-main {
		margin: 0;
	}

	.l-side-nav + .l-main .notlogin-block.book-main .inner {
		width: 100%;
		max-width: 950px;
		height: 300px;
		background-color: #ebebf3;
		background-image: url('/service/asset_img/book/ph_visual_02.png');
	}

	.l-side-nav + .l-main .notlogin-block.book-main .inner .txt {
		width: 100%;
		padding-right: 410px;
	}

	.l-side-nav + .l-main .block-books {
		justify-content: space-between;
		width: 100%;
		max-width: 950px;
		margin: 0 auto;
		padding: 20px 0 0 0;
	}

	.l-side-nav + .l-main .block-books .box-book {
		display: flex;
		align-items: center;
		width: calc((100% - 10px)/2);
		margin: 0 0 10px;
		padding: 0;
	}

	.l-side-nav + .l-main .block-books .box-book .image {
		width: 40%;
		padding: 15px 15px 15px 0;
	}

	.l-side-nav + .l-main .block-books .box-book .image img {
		width: 100%;
	}

	.l-side-nav + .l-main .block-books .box-book .text {
		padding: 15px 0;
	}

	.notlogin-block {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin: 0 -20px;
	}

	.notlogin-block.is-back-w {
		background: #fafafa;
	}

	.notlogin-block.wide-block {
		margin: 0;
	}

	.notlogin-block .inner {
		display: flex;
		align-items: center;
		width: 1024px;
		height: 360px;
		padding: 0 20px;
	}

	.notlogin-block .inner.pos-r {
		justify-content: flex-end;
	}

	.notlogin-block.main {
		height: auto;
		background-color: #fff;
	}

	.notlogin-block.main .inner {
		height: 400px;
		background: url(/service/asset_img/login/top_main_01.jpg) no-repeat 100% 0;
	}

	.notlogin-block.main .inner .txt {
		width: 640px;
		margin-right: 500px;
		text-align: center;
	}

	.notlogin-block.main .inner .txt h1 {
		font-size: 3.2rem;
	}

	.notlogin-block.main .inner .txt h1 span {
		font-size: 2.4rem;
	}

	.notlogin-block.main .inner .txt .logo {
		margin-top: 10px;
		text-align: center;
	}

	.notlogin-block.main .inner .txt .logo img {
		width: 500px;
	}

	.notlogin-block.main .inner .mod-button {
		width: 100%;
		margin-top: 30px;
		background-color: #fe590f;
		font-size: 3rem;
	}

	.notlogin-block.jobs-main {
		background-color: white;
	}

	.notlogin-block.jobs-main .inner {
		background: url(/service/asset_img/login/carrier_main_01.jpg) no-repeat 100% 0;
	}

	.notlogin-block.jobs-main .inner .txt {
		width: 500px;
		text-align: center;
	}

	.notlogin-block.jobs-main .inner .txt h1 {
		font-size: 3.2rem;
	}

	.notlogin-block.jobs-main .inner .txt h1 span {
		font-size: 2.4rem;
	}

	.notlogin-block.jobs-main .inner .txt .logo {
		margin-top: 10px;
		font-size: 25px;
	}

	.notlogin-block.jobs-main .inner .txt .logo img {
		height: 60px;
	}

	.notlogin-block.jobs-main .inner .txt .mod-button {
		width: 100%;
		margin-top: 20px;
		background-color: #fe590f;
		font-size: 2rem;
	}

	.notlogin-block.jobs-main .inner .txt .note {
		margin-top: 10px;
		color: #b40000;
	}

	.notlogin-block.jobs-main.pub .read {
		padding: 10px 0;
		color: #84849a;
		font-size: 2.5rem;
	}

	.notlogin-block.jobs-main.pub .read strong {
		color: #fe590f;
		font-size: 3rem;
	}

	.notlogin-block.recruit-main {
		background-color: white;
	}

	.notlogin-block.recruit-main .inner {
		height: 400px;
		background: url(/service/asset_img/login/recruit_main_01.jpg) no-repeat 100% 0;
	}

	.notlogin-block.recruit-main .inner .txt {
		width: 500px;
		text-align: center;
	}

	.notlogin-block.recruit-main .inner .txt h1 {
		font-size: 3.2rem;
	}

	.notlogin-block.recruit-main .inner .txt h1 span {
		font-size: 2.4rem;
	}

	.notlogin-block.recruit-main .inner .txt .logo {
		margin-top: 10px;
		font-size: 25px;
	}

	.notlogin-block.recruit-main .inner .txt .logo img {
		height: 60px;
	}

	.notlogin-block.recruit-main .inner .txt .mod-button {
		width: 100%;
		margin-top: 20px;
		background-color: #8bc34a;
		font-size: 2rem;
	}

	.notlogin-block.recruit-main .inner .txt .note {
		margin-top: 10px;
		color: #b40000;
	}

	.notlogin-block.seiko-main {
		background-color: white;
	}

	.notlogin-block.seiko-main .inner {
		height: 400px;
		background: url(/service/asset_img/login/seiko_sub_01.png) no-repeat 100% 100%;
	}

	.notlogin-block.seiko-main .inner .txt {
		width: 500px;
		text-align: center;
	}

	.notlogin-block.seiko-main .inner .txt h1 {
		font-size: 3.2rem;
	}

	.notlogin-block.seiko-main .inner .txt h1 span {
		display: block;
		font-size: 2.4rem;
		line-height: 1.4;
	}

	.notlogin-block.seiko-main .inner .txt h1 strong {
		color: #fe590f;
		font-size: 4rem;
	}

	.notlogin-block.seiko-main .inner .txt .btn-group {
		margin-top: 20px;
	}

	.notlogin-block.seiko-main .inner .txt .btn-group .mod-button {
		display: inline-block;
		width: 45%;
		margin: 0 2%;
		font-size: 2.5rem;
	}

	.notlogin-block.seiko-main .inner .txt .btn-group .mod-button:first-child {
		background-color: #fe590f;
	}

	.notlogin-block.seiko-main .inner .txt .btn-group .mod-button:last-child {
		background-color: #2658ce;
	}

	.notlogin-block.kyujinhyo-main {
		background-color: white;
	}

	.notlogin-block.kyujinhyo-main .inner {
		background: url(/service/asset_img/login/kyujinhyo_main_01.jpg) no-repeat 96% 0;
		background-size: 450px auto;
	}

	.notlogin-block.kyujinhyo-main .inner .txt {
		width: 500px;
		text-align: center;
	}

	.notlogin-block.kyujinhyo-main .inner .txt h1 {
		font-size: 3.2rem;
		font-weight: bold;
	}

	.notlogin-block.kyujinhyo-main .inner .txt .logo {
		margin-top: 10px;
		font-size: 25px;
	}

	.notlogin-block.kyujinhyo-main .inner .txt .logo img {
		height: 60px;
	}

	.notlogin-block.kyujinhyo-main .inner .txt .mod-button {
		width: 100%;
		margin-top: 20px;
		font-size: 2rem;
	}

	.notlogin-block.kyujinhyo-main .inner .txt .note {
		margin-top: 10px;
		color: #b40000;
	}

	.notlogin-block.book-main {
		background-color: white;
	}

	.notlogin-block.book-main .inner {
		background: url(/service/asset_img/book/ph_visual_02.jpg) no-repeat 96% 50%;
		background-size: 450px auto;
	}

	.notlogin-block.book-main .inner .txt {
		width: 500px;
		text-align: center;
	}

	.notlogin-block.book-main .inner .txt h1 {
		margin: 10px 0;
		color: #2658ce;
		font-size: 3.2rem;
		font-weight: bold;
	}

	.notlogin-block.book-main .inner .txt .lead1 {
		color: #2658ce;
		font-size: 2rem;
		font-weight: bold;
	}

	.notlogin-block.book-main .inner .txt .mod-button {
		width: 100%;
		margin-top: 20px;
		font-size: 2rem;
	}

	.notlogin-block.book-main .inner .txt .note {
		margin-top: 10px;
		color: #b40000;
	}

	.notlogin-block.sub .inner .txt {
		width: 500px;
		text-align: center;
	}

	.notlogin-block.sub .inner .txt .heading {
		margin-top: 10px;
		color: #2658ce;
		font-size: 3rem;
		font-weight: bold;
	}

	.notlogin-block.sub .inner .txt p {
		margin-top: 5px;
	}

	.notlogin-block.sub .inner .txt p strong {
		color: #2658ce;
		font-size: 1.7rem;
	}

	.notlogin-block.sub .inner .txt .mod-button {
		width: 20em;
		margin-top: 10px;
	}

	.notlogin-block.sub .inner .txt .job-list {
		margin-top: 15px;
		padding: 15px;
		border-radius: 5px;
		background-color: rgba(255, 255, 255, 0.7);
		font-size: 1.4rem;
		text-align: left;
	}

	.notlogin-block.sub .inner .txt .job-list:after {
		content: '';
		display: block;
		clear: both;
		overflow: hidden;
	}

	.notlogin-block.sub .inner .txt .job-list dt {
		float: left;
		width: 4em;
		margin: 0 0 10px;
	}

	.notlogin-block.sub .inner .txt .job-list dd {
		margin: 0 0 10px 4em;
	}

	.notlogin-block.sub .inner .txt ul {
		display: inline-block;
		margin-top: 15px;
		padding: 15px 15px 15px 35px;
		border-radius: 5px;
		background-color: #ebebf3;
	}

	.notlogin-block.sub .inner .txt ul li {
		list-style: disc;
		margin-bottom: 0.5em;
		line-height: 1.6rem;
		text-align: left;
	}

	.notlogin-block.sub .inner .txt ul li small {
		font-size: 1.2rem;
	}

	.notlogin-block.sub .inner .txt ul li:last-child {
		margin-bottom: 0;
	}

	.notlogin-block.sub .inner .txt .mod-label {
		margin: 5px 0 10px;
		font-size: 1.8rem;
	}

	.notlogin-block.sub.job {
		background-color: #f4f4f4;
	}

	.notlogin-block.sub.job .inner {
		background: url(/service/asset_img/login/top_sub_01.jpg) no-repeat 20% 0;
	}

	.notlogin-block.sub.recruit {
		background-color: #ebebeb;
	}

	.notlogin-block.sub.recruit .inner {
		background: url(/service/asset_img/login/top_sub_04.jpg) no-repeat right;
	}

	.notlogin-block.sub.book {
		background-color: #f2f2f2;
	}

	.notlogin-block.sub.book .inner {
		background: url(/service/asset_img/login/top_sub_05.jpg) no-repeat 25% 0;
	}

	.notlogin-block.sub.kyujinhyo {
		background-color: #ebebeb;
	}

	.notlogin-block.sub.kyujinhyo .inner {
		background: url(/service/asset_img/login/top_sub_06.jpg) no-repeat 77% 0;
	}

	.notlogin-block.sub.healthcare {
		background-color: #fff;
	}

	.notlogin-block.sub.healthcare .inner {
		background: url(/service/asset_img/login/top_sub_07.jpg) no-repeat 35% 0;
	}

	.notlogin-block.sub.healthcare .inner .heading {
		color: #e63160 !important;
	}

	.notlogin-block.sub.healthcare .inner p {
		margin-top: 5px;
	}

	.notlogin-block.sub.healthcare .inner p strong {
		color: #e63160 !important;
	}

	.notlogin-block.sub.saiyo_rank {
		background-color: #f4f4f4;
	}

	.notlogin-block.sub.saiyo_rank .inner {
		background: url(/service/asset_img/login/top_sub_08.jpg) no-repeat 80% 0;
	}

	.notlogin-block.sub.job-page1 {
		background-color: #f4f4f4;
	}

	.notlogin-block.sub.job-page1 .inner {
		background: url(/service/asset_img/login/carrier_sub_01.jpg) no-repeat 0 0;
	}

	.notlogin-block.sub.job-page2 {
		background-color: #ebebeb;
	}

	.notlogin-block.sub.job-page2 .inner {
		background: url(/service/asset_img/login/carrier_sub_02.jpg) no-repeat 100% 0;
	}

	.notlogin-block.sub.job-page2.login .inner {
		background-position: 100% 30px;
		background-size: 340px auto;
	}

	.notlogin-block.sub.job-page3 {
		background-color: #f4f4f4;
	}

	.notlogin-block.sub.job-page3 .inner {
		background: url(/service/asset_img/login/carrier_sub_03.jpg) no-repeat 0 0;
	}

	.notlogin-block.sub.job-page4 {
		background-color: #ebebeb;
	}

	.notlogin-block.sub.job-page4 .inner {
		height: 550px;
		background: url(/service/asset_img/login/carrier_sub_04.jpg) no-repeat 100% 100%;
	}

	.notlogin-block.sub.job-page4 .inner .txt {
		background-size: contain;
	}

	.notlogin-block.sub.job-page4.login .inner .txt {
		width: 500px;
		background: transparent;
	}

	.notlogin-block.sub.job-page5 {
		background-color: #f4f4f4;
	}

	.notlogin-block.sub.job-page5 .inner {
		background: url(/service/asset_img/login/carrier_sub_07.png) no-repeat 0 0;
	}

	.notlogin-block.sub.job-page5.login .inner {
		background-position: 50px center;
		background-size: auto 86%;
	}

	.notlogin-block.sub.job-page6 {
		background-color: #ebebeb;
	}

	.notlogin-block.sub.job-page6 .inner {
		background: url(/service/asset_img/login/carrier_sub_05.png) no-repeat 100% 0;
	}

	.notlogin-block.sub.job-page7 {
		background-color: #f4f4f4;
	}

	.notlogin-block.sub.job-page7 .inner {
		background: url(/service/asset_img/login/carrier_sub_06.jpg) no-repeat 0 0;
	}

	.notlogin-block.sub.recruits-page1 {
		background-color: #f4f4f4;
	}

	.notlogin-block.sub.recruits-page1.login .inner ul {
		background-color: #ebebf3;
	}

	.notlogin-block.sub.recruits-page1 .inner {
		background: url(/service/asset_img/login/recruit_sub_01.jpg) no-repeat 0 0;
	}

	.notlogin-block.sub.recruits-page1 .inner .head-group {
		margin-top: 0;
	}

	.notlogin-block.sub.recruits-page1 .inner ul {
		background-color: #fff;
	}

	.notlogin-block.sub.recruits-page1 .inner ul li {
		list-style: decimal;
	}

	.notlogin-block.sub.recruits-page1 .inner .note {
		position: relative;
		margin-top: 15px;
		padding-left: 1em;
		color: #4a4a4a;
		font-size: 1.2rem;
		text-align: left;
	}

	.notlogin-block.sub.recruits-page1 .inner .note:before {
		content: '※';
		position: absolute;
		top: 0;
		left: 0;
	}

	.notlogin-block.sub.recruits-page2 {
		background-color: #f2f2f2;
	}

	.notlogin-block.sub.recruits-page2 .inner {
		background: url(/service/asset_img/login/recruit_sub_02.png) no-repeat 100% 0;
	}

	.notlogin-block.sub.recruits-page3 {
		background-color: #ebebeb;
	}

	.notlogin-block.sub.recruits-page3 .inner {
		background: url(/service/asset_img/login/recruit_sub_03.jpg) no-repeat 0 0;
	}

	.notlogin-block.sub.pub-page1 {
		background-color: #f4f4f4;
	}

	.notlogin-block.sub.pub-page1 .inner {
		background: url(/service/asset_img/login/carrier_sub_01.jpg) no-repeat 0 0;
	}

	.notlogin-block.sub.pub-page2 {
		background-color: #ebebeb;
	}

	.notlogin-block.sub.pub-page2 .inner {
		background: url(/service/asset_img/login/carrier_sub_08.jpg) no-repeat 100% 0;
	}

	.notlogin-block.sub.pub-page2 .inner ul {
		background-color: #fff;
	}

	.notlogin-block.sub.pub-page3 {
		background-color: #f4f4f4;
	}

	.notlogin-block.sub.pub-page3.login .inner {
		height: 100%;
		padding: 20px 0;
	}

	.notlogin-block.sub.pub-page3.login .inner .txt {
		width: 500px;
		background: transparent;
	}

	.notlogin-block.sub.pub-page3 .inner {
		height: 450px;
		background: url(/service/asset_img/login/carrier_sub_04_2.jpg) no-repeat 0 100%;
	}

	.notlogin-block.sub.pub-page3 .inner .txt {
		background-size: contain;
	}

	.notlogin-block.sub.kyujinhyo-page1 {
		background-color: #f4f4f4;
	}

	.notlogin-block.sub.kyujinhyo-page1 .inner {
		background: url(/service/asset_img/login/kyujinhyo_sub_01.jpg) no-repeat 80px 0;
	}

	.notlogin-block.sub.kyujinhyo-page2 {
		background-color: #ebebeb;
	}

	.notlogin-block.sub.kyujinhyo-page2 .inner {
		background: url(/service/asset_img/login/kyujinhyo_sub_02.jpg) no-repeat 100% 0;
	}

	.notlogin-block.sub.kyujinhyo-page3 {
		background-color: #f4f4f4;
	}

	.notlogin-block.sub.kyujinhyo-page3 .inner {
		background: url(/service/asset_img/login/kyujinhyo_sub_03.jpg) no-repeat 100px 0;
	}

	.notlogin-block.sub.kyujinhyo-page4 {
		background-color: #ebebeb;
	}

	.notlogin-block.sub.kyujinhyo-page4 .inner {
		background: url(/service/asset_img/login/kyujinhyo_sub_04.jpg) no-repeat 100% 0;
	}

	.notlogin-block.sub.kyujinhyo-page5 {
		background-color: #f5f5f5;
	}

	.notlogin-block.sub.kyujinhyo-page5 .inner {
		height: 450px;
		background: url(/service/asset_img/login/carrier_sub_04_2.jpg) no-repeat 0 100%;
	}

	.notlogin-block.sub.kyujinhyo-page5 .inner .txt {
		background-size: contain;
	}

	.notlogin-block.sub.kyujinhyo-page6 {
		background-color: #ebebeb;
	}

	.notlogin-block.sub.kyujinhyo-page6 .inner {
		background: url(/service/asset_img/login/kyujinhyo_sub_05.jpg) no-repeat 95% 0;
	}

	.notlogin-block.sub.seiko-page1 {
		background-color: #f4f4f4;
	}

	.notlogin-block.sub.seiko-page1 .inner {
		background: url(/service/asset_img/login/seiko_sub_02.png) no-repeat 0 0;
	}

	.notlogin-block.sub.seiko-page2 {
		background-color: #fff;
	}

	.notlogin-block.sub.seiko-page2.login .inner .txt ul li {
		margin-bottom: 20px;
	}

	.notlogin-block.sub.seiko-page2 .inner {
		height: auto;
	}

	.notlogin-block.sub.seiko-page2 .inner .txt {
		width: 100%;
		padding: 40px 0;
	}

	.notlogin-block.sub.seiko-page2 .inner .txt ul {
		padding: 0;
		background: none;
	}

	.notlogin-block.sub.seiko-page2 .inner .txt ul:after {
		content: '';
		display: block;
		clear: both;
		overflow: hidden;
	}

	.notlogin-block.sub.seiko-page2 .inner .txt ul li {
		display: block;
		position: relative;
		float: left;
		width: 222px;
		margin-right: 20px;
		border-radius: 5px;
		background-color: #f4f4f9;
		text-align: center;
	}

	.notlogin-block.sub.seiko-page2 .inner .txt ul li li:last-child {
		margin-right: 0;
	}

	.notlogin-block.sub.seiko-page2 .inner .txt ul li span {
		display: block;
		position: relative;
		z-index: 2;
		margin: -10px 10px 0;
		padding: 7px 0;
		border-radius: 5px;
		background-color: #2658ce;
		color: #fff;
		font-size: 1.6rem;
		font-weight: bold;
	}

	.notlogin-block.sub.seiko-page2 .inner .txt ul li div {
		position: relative;
		z-index: 1;
		padding: 40px 0 45px;
	}

	.notlogin-block.sub.seiko-page2 .inner .txt ul li:last-child div {
		padding: 20px 0 15px;
	}

	.notlogin-block.sub.seiko-page2 .inner .txt ul li:last-child p {
		padding: 0 15px 15px;
		font-size: 1.2rem;
		line-height: 1.4;
		text-align: left;
		-webkit-font-feature-settings: palt;
		font-feature-settings: palt;
	}

	.notlogin-block.sub.seiko-page3 {
		background-color: #f4f4f4;
	}

	.notlogin-block.sub.seiko-page3 .inner {
		background: url(/service/asset_img/login/seiko_sub_03.png) no-repeat -50px 0;
	}

	.notlogin-block.sub.seiko-page3 .inner .head-group span {
		display: block;
		font-size: 2rem;
	}

	.notlogin-block.sub.seiko-page3 .inner p {
		margin-top: 20px;
		padding: 30px 0;
		border-radius: 5px;
		background-color: #fff;
		font-size: 2rem;
		line-height: 1.5;
	}

	.notlogin-block.sub.seiko-page4 {
		background-color: #fff;
	}

	.notlogin-block.sub.seiko-page4.login .inner .txt {
		width: 460px;
	}

	.notlogin-block.sub.seiko-page4 .inner {
		background: url(/service/asset_img/login/seiko_sub_04.png) no-repeat 100% 0;
	}

	.notlogin-block.sub.seiko-page4 .inner .head-group span {
		display: block;
		font-size: 2rem;
	}

	.notlogin-block.sub.seiko-page4 .inner ul {
		display: inline-flex;
		padding: 0;
		background: none;
	}

	.notlogin-block.sub.seiko-page4 .inner ul li {
		display: block;
		position: relative;
		margin: 0 5px;
		padding: 15px;
		border-radius: 5px;
		background-color: #f4f4f9;
		text-align: center;
	}

	.notlogin-block.sub.seiko-page4 .inner ul li span {
		display: block;
		margin-bottom: 10px;
		font-size: 1.6rem;
	}

	.notlogin-block.sub.seiko-page4 .inner ul li:last-child {
		margin-right: 0;
	}

	.notlogin-block.sub.step {
		background-color: #fff;
	}

	.notlogin-block.sub.step.login .inner .txt .mod-list-info {
		margin-top: 15px;
		font-size: 1.4rem;
	}

	.notlogin-block.sub.step .inner {
		height: auto;
		padding: 50px 0;
	}

	.notlogin-block.sub.step .inner .txt {
		width: 100%;
	}

	.notlogin-block.sub.step .inner .txt .mod-list-info {
		font-size: 1.8rem;
	}

	.notlogin-block.sub.step .inner .txt .mod-list-info dt {
		float: left;
		clear: left;
		width: 100px;
		margin: 0 0 10px;
		padding: 5px 0;
		border-radius: 5px;
		background-color: #2658ce;
		color: #fff;
		font-size: 1.6rem;
		line-height: 1;
		text-align: center;
	}

	.notlogin-block.sub.step .inner .txt .mod-list-info dd {
		margin: 0 0 20px 120px;
		text-align: left;
	}

	.notlogin-block.sub.step .inner .txt .mod-list-info dd .mod-label {
		margin: 0 0 0 10px;
		font-size: 1.2rem;
	}

	.notlogin-block.sub.qa {
		background-color: #ebebeb;
	}

	.notlogin-block.sub.qa.login .inner .txt {
		background: transparent;
	}

	.notlogin-block.sub.qa .inner {
		height: auto;
		padding: 50px 0;
	}

	.notlogin-block.sub.qa .inner .txt {
		width: 100%;
	}

	.notlogin-block.sub.qa .inner .txt .mod-grid {
		margin-top: 40px;
	}

	.notlogin-block.sub.qa .inner .txt .mod-faq {
		text-align: left;
	}

	.notlogin-block.sub.qa .inner .txt .mod-faq dt {
		position: relative;
		padding: 0 0 15px 35px;
	}

	.notlogin-block.sub.qa .inner .txt .mod-faq dt i {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		font-size: 2.5rem;
	}

	.notlogin-block.sub.qa .inner .txt .mod-faq dd {
		font-size: 1.4rem;
	}

	.notlogin-block.sub.qa .inner .txt .mod-faq dd ol {
		padding-left: 30px;
	}

	.notlogin-block.sub.btn {
		background-color: #fff;
	}

	.notlogin-block.sub.btn .inner {
		height: auto;
		padding: 50px 0;
	}

	.notlogin-block.sub.btn .inner a {
		width: 100%;
		font-size: 3rem;
	}

	.notlogin-block.sub.btn.recruit-btn .inner a {
		background-color: #8bc34a;
	}

	.notlogin-block.sub.btn.job-btn .inner a {
		background-color: #fe590f;
	}

	.notlogin-block.sub.btn.seiko-btn .inner a {
		display: inline-block;
		margin: 0 10px;
	}

	.notlogin-block.sub.btn.seiko-btn .inner a:first-child {
		background-color: #fe590f;
	}

	.notlogin-block.sub.btn.seiko-btn .inner a:last-child {
		background-color: #2658ce;
	}

	.notlogin-block.sub.support {
		padding: 15px 50px;
	}

	.notlogin-block.sub.support .mod-support-center {
		width: 100%;
		max-width: 1100px;
		margin-top: 0;
	}

	.notlogin-block .inner.is-wide {
		flex-direction: column;
		height: auto;
		padding: 25px 0;
	}

	.notlogin-block .inner.is-wide .mod-button {
		width: 700px;
		margin: 0 auto 20px;
		font-size: 2.2rem;
		font-weight: bold;
	}

	.notlogin-block .inner.is-wide .title-sub {
		width: 800px;
		margin: 10px auto 0;
		color: #2658ce;
		font-size: 2.7rem;
		font-weight: bold;
		text-align: left;
	}

	.notlogin-block .inner.is-wide .title-sub.is-black {
		color: #4a4a4a;
	}

	.notlogin-block .inner.is-wide .text-cel {
		width: 800px;
		margin: 10px auto 0;
	}

	.notlogin-block .inner.is-wide .text-cel p.text {
		margin-bottom: 20px;
		font-size: 1.8rem;
		line-height: 1.6;
	}

	.notlogin-block .main-title {
		font-weight: bold;
		text-align: center;
	}

	.notlogin-block .main-title > span {
		display: block;
	}

	.notlogin-block .main-title > span.sub-lead {
		font-size: 2.8rem;
	}

	.notlogin-block .main-title > span.title-text {
		color: #2658ce;
		font-size: 3.8rem;
	}

	.notlogin-block .intro-cover {
		width: 800px;
		margin: 20px auto 30px;
		background: #fafafa;
	}

	.notlogin-block .intro-cover .intro-title {
		padding: 15px;
		background: #4a4a4a;
		color: #fafafa;
		font-size: 2.2rem;
		font-weight: bold;
		text-align: center;
	}

	.notlogin-block .intro-cover .intro-inner {
		padding: 20px;
	}

	.notlogin-block .intro-cover .intro-inner.type-center {
		align-items: center;
	}

	.notlogin-block .intro-cover .intro-inner .img-box {
		width: 180px;
		margin-right: 20px;
	}

	.notlogin-block .intro-cover .intro-inner .text-box {
		width: calc( 100% - 200px);
	}

	.notlogin-block .intro-cover .intro-inner .text-box .intro-name {
		display: flex;
		align-items: center;
		padding: 0 10px 15px 10px;
		border-bottom: 1px dashed #84849a;
	}

	.notlogin-block .intro-cover .intro-inner .text-box .intro-name .name {
		font-size: 2.6rem;
		font-weight: bold;
	}

	.notlogin-block .intro-cover .intro-inner .text-box .intro-name .company {
		display: inline-block;
		margin-left: 30px;
		padding-top: 4px;
		font-size: 1.6rem;
		font-weight: normal;
	}

	.notlogin-block .intro-cover .intro-inner .text-box .intro-text {
		padding: 15px 10px 0 10px;
		font-size: 1.6rem;
		line-height: 1.6;
	}

	.notlogin-block .intro-cover .intro-inner .text-only {
		font-size: 1.6rem;
		line-height: 1.6;
	}

	.notlogin-block .movie-cover {
		padding-top: 20px;
	}

	.notlogin-block .contact-cover {
		width: 800px;
		margin: 20px auto;
		background: none;
	}

	.notlogin-block .contact-cover .l-block {
		margin: 0;
	}

	.all-block {
		width: 100%;
		padding: 30px 0;
		background-color: #fff;
	}

	.all-block.is-no-padding {
		padding: 0;
	}

	.all-block.is-gray {
		background-color: #f4f4f9;
	}

	.all-block .box-inner {
		max-width: 800px;
		margin: 0 auto;
		padding: 0;
	}

	.all-block .box-inner .main-visual {
		width: 100%;
	}

	.all-block .box-inner .main-visual img {
		width: 800px;
		height: auto;
	}

	.all-block .box-inner .main-visual .date-box {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 25px 0;
	}

	.all-block .box-inner .main-visual .date-box .date-title {
		padding: 15px 20px;
		background-color: #4a4a4a;
		color: #fafafa;
		font-size: 1.6rem;
	}

	.all-block .box-inner .main-visual .date-box .date-text-list {
		padding: 10px 0;
	}

	.all-block .box-inner .main-visual .date-box .date-text {
		font-size: 1.8rem;
	}

	.all-block .box-inner .main-visual .date-box .mod-button {
		font-size: 1.8rem;
	}

	.all-block .box-inner .main-title {
		padding: 15px;
		color: #00a3ff;
		font-size: 3.8rem;
		font-weight: bold;
		line-height: 1.4;
	}

	.all-block .box-inner .main-title .sub {
		color: #4a4a4a;
		font-size: 2.2rem;
	}

	.all-block .box-inner .border-title {
		margin-bottom: 30px;
		padding: 15px 15px 15px 30px;
		border-left: 8px solid #00a3ff;
		font-size: 2.5rem;
		font-weight: bold;
		line-height: 1.3;
	}

	.all-block .box-inner .border-title .sub-black {
		display: block;
		font-size: 2.5rem;
	}

	.all-block .box-inner .text-line {
		font-size: 1.6rem;
		line-height: 2;
	}

	.all-block .box-inner .table-flex {
		padding: 0 15px;
	}

	.all-block .box-inner .table-flex .table-cover {
		display: flex;
		align-items: center;
		padding: 25px 0;
		border-bottom: 1px dashed #cacad9;
		font-size: 1.6rem;
		line-height: 1.6;
	}

	.all-block .box-inner .table-flex .table-cover:last-child {
		border-bottom: none;
	}

	.all-block .box-inner .table-flex .table-cover .table-th {
		width: 210px;
		padding: 0 25px;
	}

	.all-block .box-inner .table-flex .table-cover .table-td {
		padding: 0 25px 0 0;
	}

	.all-block .box-inner .table-flex .table-cover .table-td .inner-list .inner-li {
		position: relative;
		padding-bottom: 10px;
		padding-left: 1em;
		line-height: 1.6;
	}

	.all-block .box-inner .table-flex .table-cover .table-td .inner-list .inner-li:before {
		content: '・';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
	}

	.all-block .box-inner .table-flex .table-cover .table-td .inner-list .inner-li:last-child {
		padding-bottom: 0;
	}

	.all-block .box-inner .intro-inner .intro-inner-box {
		display: flex;
		margin-bottom: 20px;
	}

	.all-block .box-inner .intro-inner .img-box {
		padding: 0 15px;
	}

	.all-block .box-inner .intro-inner .img-box img {
		width: 120px;
		height: 120px;
	}

	.all-block .box-inner .intro-inner .text-box {
		width: calc( 100% - 150px);
		padding: 0 15px;
	}

	.all-block .box-inner .intro-inner .text-box .intro-name {
		display: flex;
		flex-direction: column;
		padding-bottom: 10px;
	}

	.all-block .box-inner .intro-inner .text-box .intro-name .name {
		padding-right: 30px;
		font-size: 2.6rem;
		font-weight: bold;
	}

	.all-block .box-inner .intro-inner .text-box .intro-name .name .sub {
		font-size: 2.2rem;
	}

	.all-block .box-inner .intro-inner .text-box .intro-name .company {
		font-size: 1.6rem;
	}

	.all-block .box-inner .intro-inner .text-box .intro-name .company .link {
		color: #2196f3;
	}

	.all-block .box-inner .intro-inner .text-box .intro-text {
		padding-top: 10px;
		border-top: 1px dashed #cacad9;
		font-size: 1.4rem;
		line-height: 1.6;
	}

	.all-block .box-inner .mod-box {
		box-shadow: none;
	}

	.all-block .box-inner .l-block-form .mod-button.button-blue {
		width: 90%;
	}

	.all-block .box-inner .l-block-form .box-inner {
		padding: 15px;
	}

	.all-block .box-inner .date-list {
		max-width: 530px;
		margin: 0 auto;
	}

	.all-block .box-inner .date-list-inner {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-bottom: 15px;
	}

	.all-block .box-inner .date-list-inner .date {
		font-size: 1.8rem;
	}

	.all-block .box-inner .date-list-inner .mod-button {
		width: 160px;
	}

	.all-block .box-inner .date-list-inner .mod-button.is-no-active {
		background: #e7e8f0;
		box-shadow: none;
		color: #5f5d67;
		pointer-events: none;
	}

	.all-block .box-inner .service-link-column {
		display: flex;
		justify-content: space-between;
		padding: 30px 15px;
	}

	.all-block .box-inner .service-link-column .column-box {
		width: 345px;
		text-align: center;
	}

	.all-block .box-inner .service-link-column .column-box img {
		margin: 0 auto 10px;
	}

	.all-block .box-inner .service-link-column .column-box img.career-logo {
		width: 197px;
		height: 37px;
	}

	.all-block .box-inner .service-link-column .column-box img.recruit-logo {
		width: 253px;
		height: 37px;
	}

	.all-block .box-inner .service-link-column .column-box .lead-text {
		margin-bottom: 10px;
		font-size: 1.6rem;
	}

	.all-block .box-inner .service-link-column .column-box .lead-text .career-color {
		color: #fe590f;
	}

	.all-block .box-inner .service-link-column .column-box .lead-text .recruit-color {
		color: #8bc34a;
	}

	.all-block .box-inner .service-link-column .column-box .mod-button {
		width: 100%;
	}

	.all-block .box-inner .thumbnail-flex {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin-top: 20px;
		gap: 54px 35px;
	}

	.all-block .box-inner .thumbnail-flex .thumbnail-flex-box {
		width: 230px;
	}

	.all-block .box-inner .thumbnail-flex .thumbnail-flex-box .img-box {
		display: flex;
		position: relative;
		justify-content: center;
		align-items: center;
		width: 230px;
		height: 130px;
	}

	.all-block .box-inner .thumbnail-flex .thumbnail-flex-box .img-box img {
		display: block;
		position: absolute;
		width: 230px;
		height: auto;
		transition: ease-in-out 0.3s;
	}

	.all-block .box-inner .thumbnail-flex .thumbnail-flex-box .img-box:hover img {
		opacity: 0.8;
	}

	.all-block .box-inner .thumbnail-flex .thumbnail-flex-box .date-box {
		padding: 15px 0;
		color: #4a4a4a;
		font-size: 1.3rem;
		text-align: center;
	}

	.all-block .box-inner .thumbnail-flex .thumbnail-flex-box .title-box {
		position: relative;
		overflow: hidden;
		width: 100%;
		height: 5.12rem;
		margin-bottom: 10px;
		background-color: #fff;
		color: #2658ce;
		font-size: 1.6rem;
		font-weight: bold;
		line-height: 1.6;
		text-align: justify;
	}

	.all-block .box-inner .thumbnail-flex .thumbnail-flex-box .title-box:before,
	.all-block .box-inner .thumbnail-flex .thumbnail-flex-box .title-box:after {
		position: absolute;
		background: #fff;
	}

	.all-block .box-inner .thumbnail-flex .thumbnail-flex-box .title-box:before {
		content: '...';
		display: block;
		top: 2.56rem;
		right: 0;
		width: 1.68rem;
		text-align: center;
	}

	.all-block .box-inner .thumbnail-flex .thumbnail-flex-box .title-box:after {
		content: '';
		width: 100%;
		height: 100%;
	}

	.all-block .box-inner .thumbnail-flex .thumbnail-flex-box .title-box br {
		display: none;
	}

	.all-block .box-inner .thumbnail-flex .thumbnail-flex-box .sub-box {
		position: relative;
		overflow: hidden;
		width: 100%;
		height: 4.48rem;
		margin-bottom: 10px;
		background-color: #fff;
		color: #84849a;
		font-size: 1.4rem;
		line-height: 1.6;
		text-align: justify;
	}

	.all-block .box-inner .thumbnail-flex .thumbnail-flex-box .sub-box:before,
	.all-block .box-inner .thumbnail-flex .thumbnail-flex-box .sub-box:after {
		position: absolute;
		background: #fff;
	}

	.all-block .box-inner .thumbnail-flex .thumbnail-flex-box .sub-box:before {
		content: '...';
		display: block;
		top: 2.24rem;
		right: 0;
		width: 1.47rem;
		text-align: center;
	}

	.all-block .box-inner .thumbnail-flex .thumbnail-flex-box .sub-box:after {
		content: '';
		width: 100%;
		height: 100%;
	}

	.all-block .box-inner .thumbnail-flex .thumbnail-flex-box .detail-box {
		position: relative;
		overflow: hidden;
		width: 100%;
		height: 11.2rem;
		margin-bottom: 10px;
		background-color: #fff;
		font-size: 1.4rem;
		line-height: 1.6;
		text-align: justify;
	}

	.all-block .box-inner .thumbnail-flex .thumbnail-flex-box .detail-box:before,
	.all-block .box-inner .thumbnail-flex .thumbnail-flex-box .detail-box:after {
		position: absolute;
		background: #fff;
	}

	.all-block .box-inner .thumbnail-flex .thumbnail-flex-box .detail-box:before {
		content: '...';
		display: block;
		top: 8.96rem;
		right: 0;
		width: 1.47rem;
		text-align: center;
	}

	.all-block .box-inner .thumbnail-flex .thumbnail-flex-box .detail-box:after {
		content: '';
		width: 100%;
		height: 100%;
	}

	.all-block .box-inner .thumbnail-flex .thumbnail-flex-box .mod-button {
		display: block;
		width: 150px;
		margin: 0 auto;
	}

	.l-block.title-wide-area {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 125px;
		padding-bottom: 0;
		background: #4a4a4a;
		color: #fafafa;
		font-size: 3rem;
		font-weight: bold;
	}

	.l-block.title-wide-area.is-seminar {
		background: linear-gradient(to bottom, #5982e3 0%, #3c5898 100%);
	}

	.block-books {
		display: flex;
		flex-wrap: wrap;
		width: 1000px;
		margin: 0 auto;
		padding: 20px 20px 0 0;
	}

	.block-books .box-book {
		display: flex;
		align-items: center;
		width: 480px;
		margin: 0 0 20px;
		padding: 10px;
	}

	.block-books .box-book:nth-child(2n+1) {
		margin-right: 20px;
	}

	.block-books .box-book .image {
		width: 230px;
	}

	.block-books .box-book .image img {
		width: 200px;
	}

	.block-books .box-book .text h2 {
		color: #2658ce;
		font-size: 2.4rem;
	}

	.block-books .box-book .text h3 {
		margin-top: 5px;
		color: #2658ce;
		font-size: 1.4rem;
	}

	.block-books .box-book .text .status {
		margin: 10px 0;
		font-size: 1.4rem;
	}

	.block-books .box-book .text .status span {
		padding: 3px 5px;
		border-radius: 3px;
	}

	.block-books .box-book .text .status .open {
		background: #fe590f;
		color: #fff;
	}

	.block-books .box-book .text .status .close {
		background: #222;
		color: #fff;
	}

	.block-books .box-book .text dl {
		overflow: hidden;
		font-size: 1.3rem;
	}

	.block-books .box-book .text dt {
		float: left;
		width: 5em;
		margin: 0 0 5px;
		font-weight: bold;
		line-height: 1.3;
	}

	.block-books .box-book .text dd {
		margin: 0 0 5px 5em;
		line-height: 1.3;
	}

	.ie .l-wrapper {
		display: block;
	}

	.not-member-block {
		margin: 0 -20px;
	}

	.not-member-block .inner {
		position: relative;
		max-width: 1200px;
		margin: 0 auto;
		padding: 0 50px;
	}

	.not-member-block .inner .not-member-grid {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		box-sizing: border-box;
		margin-right: -25px;
		margin-bottom: -50px;
		margin-left: -25px;
	}

	.not-member-block .inner .not-member-grid.align-c {
		align-items: center;
	}

	.not-member-block .inner .not-member-grid.reverse {
		flex-direction: row-reverse;
	}

	.not-member-block .inner .not-member-column3 {
		flex-basis: calc(25% - 50px);
		max-width: calc(25% - 50px);
		margin-right: 25px;
		margin-bottom: 50px;
		margin-left: 25px;
	}

	.not-member-block .inner .not-member-column4 {
		flex-basis: calc(33.33333% - 50px);
		max-width: calc(33.33333% - 50px);
		margin-right: 25px;
		margin-bottom: 50px;
		margin-left: 25px;
	}

	.not-member-block .inner .not-member-column6 {
		flex-basis: calc(50% - 50px);
		max-width: calc(50% - 50px);
		margin-right: 25px;
		margin-bottom: 50px;
		margin-left: 25px;
	}

	.not-member-block .inner .not-member-caption {
		flex-basis: calc(53% - 50px);
		max-width: calc(53% - 50px);
		margin-right: 25px;
		margin-bottom: 50px;
		margin-left: 25px;
	}

	.not-member-block .inner .not-member-caption h3 {
		font-size: 3.5rem;
		font-weight: bold;
		line-height: 1;
	}

	.not-member-block .inner .not-member-caption h3 span {
		color: #2658ce;
	}

	.not-member-block .inner .not-member-caption h3 strong {
		color: #2658ce;
		font-family: urw-din, sans-serif;
		font-size: 7rem;
		font-weight: 600;
		font-style: italic;
		-webkit-font-feature-settings: 'pnum';
		font-feature-settings: 'pnum';
	}

	.not-member-block .inner .not-member-caption p {
		padding-top: 20px;
		font-size: 1.8rem;
		line-height: 1.8;
	}

	.not-member-block .inner .not-member-img {
		flex-basis: calc(47% - 50px);
		max-width: calc(47% - 50px);
		margin-right: 25px;
		margin-bottom: 50px;
		margin-left: 25px;
	}

	.not-member-block .inner .not-member-img img {
		width: 100%;
	}

	.not-member-block .inner .main {
		position: relative;
		width: 924px;
		margin: 0 auto;
		padding: 100px 0 120px 230px;
	}

	.not-member-block .inner .main h1 {
		font-size: 3rem;
		line-height: 1.5;
		text-align: center;
	}

	.not-member-block .inner .main h1 img {
		width: auto;
		height: 42px;
		vertical-align: text-bottom;
	}

	.not-member-block .inner .main a {
		margin-top: 20px;
		font-size: 2.8rem;
	}

	.not-member-block .inner .main p {
		margin-top: 15px;
		margin-left: 90px;
		text-align: center;
	}

	.not-member-block .inner .main .main-obj {
		position: absolute;
		bottom: 0;
		left: -120px;
	}

	.not-member-block .inner .main.job {
		padding: 90px 0 90px 230px;
	}

	.not-member-block .inner .main.job .main-obj {
		left: -10px;
	}

	.not-member-block .inner .appeal {
		padding: 64px 0 0 0;
	}

	.not-member-block .inner .appeal h2 {
		padding-bottom: 40px;
		font-size: 3.5rem;
		font-weight: bold;
		line-height: 1;
		text-align: center;
	}

	.not-member-block .inner .appeal h2 strong {
		display: inline-block;
		margin: 0 3px 0 8px;
		color: #2658ce;
		font-family: urw-din, sans-serif;
		font-size: 70px;
		font-weight: 600;
		font-style: italic;
		-webkit-font-feature-settings: 'pnum';
		font-feature-settings: 'pnum';
	}

	.not-member-block .inner .appeal-box {
		position: relative;
		padding-bottom: 55px;
	}

	.not-member-block .inner .appeal-box .box-inner {
		padding-top: 35px;
		padding-bottom: 0;
	}

	.not-member-block .inner .appeal-box .box-inner .appeal-head {
		line-height: 1.1;
		text-align: center;
	}

	.not-member-block .inner .appeal-box .box-inner .appeal-head span {
		font-size: 2rem;
		font-weight: bold;
	}

	.not-member-block .inner .appeal-box .box-inner .appeal-head .price {
		color: #2658ce;
		font-size: 3rem;
		font-weight: bold;
	}

	.not-member-block .inner .appeal-box .box-inner .appeal-head .price ul {
		display: inline-flex;
		align-items: flex-end;
	}

	.not-member-block .inner .appeal-box .box-inner .appeal-head .price ul li {
		margin: 0 10px;
		font-size: 20px;
	}

	.not-member-block .inner .appeal-box .box-inner .appeal-head .price ul li i {
		display: block;
		margin-bottom: 5px;
		font-size: 4rem;
	}

	.not-member-block .inner .appeal-box .box-inner .appeal-head .price strong {
		color: #2658ce;
		font-family: urw-din, sans-serif;
		font-size: 8rem;
		font-weight: 600;
		font-style: italic;
		line-height: 1;
		-webkit-font-feature-settings: 'pnum';
		font-feature-settings: 'pnum';
	}

	.not-member-block .inner .appeal-box .box-inner .appeal-img {
		margin-bottom: 10px;
		text-align: center;
	}

	.not-member-block .inner .appeal-box .box-inner .appeal-txt {
		padding: 15px 0;
	}

	.not-member-block .inner .appeal-box .box-inner .appeal-txt h4 {
		margin-bottom: 10px;
		color: #2658ce;
		font-size: 2.6rem;
		font-weight: bold;
		text-align: center;
	}

	.not-member-block .inner .appeal-box .box-inner a {
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		width: 90%;
		max-width: 15em;
		margin: auto;
		padding: 13px 0;
		border-radius: 10px 10px 0 0;
		background: #2196f3;
		color: white;
		font-size: 2rem;
		text-align: center;
	}

	.not-member-block .inner .appeal-point {
		padding: 75px 0 80px;
	}

	.not-member-block .inner .appeal .border {
		border-top: dotted 2px #cacad9;
	}

	.not-member-block .inner .topics {
		padding: 75px 0 90px;
	}

	.not-member-block .inner .topics-head h2,
	.not-member-block .inner .topics-head h3 {
		font-size: 3.5rem;
		font-weight: bold;
		-webkit-font-feature-settings: 'palt';
		font-feature-settings: 'palt';
	}

	.not-member-block .inner .topics-head h2 strong,
	.not-member-block .inner .topics-head h3 strong {
		color: #2658ce;
		font-size: 4.5rem;
	}

	.not-member-block .inner .topics-head h2 strong.din,
	.not-member-block .inner .topics-head h3 strong.din {
		margin: 0 5px;
		color: #2658ce;
		font-family: urw-din, sans-serif;
		font-size: 7rem;
		font-weight: 600;
		font-style: italic;
		-webkit-font-feature-settings: 'pnum';
		font-feature-settings: 'pnum';
	}

	.not-member-block .inner .topics-head h2 small,
	.not-member-block .inner .topics-head h3 small {
		font-size: 2rem;
	}

	.not-member-block .inner .topics-head p {
		padding-top: 20px;
		font-size: 1.8rem;
		line-height: 2em;
		-webkit-font-feature-settings: 'palt';
		font-feature-settings: 'palt';
	}

	.not-member-block .inner .topics-body {
		padding-top: 40px;
	}

	.not-member-block .inner .access-price {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		height: 160px;
	}

	.not-member-block .inner .access-price dt {
		font-size: 2rem;
		font-weight: bold;
	}

	.not-member-block .inner .access-price dd {
		color: #2658ce;
		font-weight: bold;
	}

	.not-member-block .inner .access-price dd strong {
		color: #2658ce;
		font-family: urw-din, sans-serif;
		font-size: 4.6rem;
		font-weight: 600;
		font-style: italic;
		-webkit-font-feature-settings: 'pnum';
		font-feature-settings: 'pnum';
	}

	.not-member-block .inner .function-block {
		position: relative;
		margin-left: 175px;
	}

	.not-member-block .inner .function-block > i {
		display: block;
		display: flex;
		position: absolute;
		top: 0;
		left: -175px;
		justify-content: center;
		align-items: center;
		width: 140px;
		height: 120px;
	}

	.not-member-block .inner .function-block > i:before {
		font-size: 7rem;
	}

	.not-member-block .inner .function-block h3 {
		color: #2658ce;
		font-size: 2.4rem;
		font-weight: bold;
	}

	.not-member-block .inner .function-block p {
		margin-top: 10px;
		line-height: 1.6;
	}

	.not-member-block .inner .function-block a {
		margin-top: 5px;
	}

	.not-member-block .inner .job-box {
		overflow: hidden;
	}

	.not-member-block .inner .job-box img {
		width: 100%;
	}

	.not-member-block .inner .job-box dl {
		padding: 30px;
	}

	.not-member-block .inner .job-box dt {
		font-size: 2.5rem;
		font-weight: bold;
		text-align: center;
	}

	.not-member-block .inner .job-box dd {
		font-size: 1.8rem;
		line-height: 1.8;
	}

	.not-member-block .inner .flow-box {
		position: relative;
		overflow: unset;
	}

	.not-member-block .inner .flow-box > i {
		display: flex;
		position: absolute;
		top: 0;
		right: -40px;
		bottom: 0;
		justify-content: center;
		align-items: center;
		margin: auto;
	}

	.not-member-block .inner .flow-box > i:before {
		font-size: 3rem;
	}

	.not-member-block .inner .flow-box dt {
		display: block;
		padding: 10px 0;
		border-radius: 5px 5px 0 0;
		background-color: #2658ce;
		color: white;
		font-family: urw-din, sans-serif;
		font-weight: 700;
		font-style: normal;
		text-align: center;
	}

	.not-member-block .inner .flow-box dd {
		display: block;
		padding: 5px 15px 15px;
		text-align: center;
	}

	.not-member-block .inner .flow-box dd > i {
		display: block;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100px;
	}

	.not-member-block .inner .flow-box dd > i:before {
		font-size: 6.8rem;
	}

	.not-member-block .inner .flow-box dd span {
		min-width: 8rem;
		color: #2658ce;
	}

	.not-member-block .inner .flow-box dd strong {
		display: block;
		font-size: 1.6rem;
		text-align: center;
	}

	.not-member-block .inner .flow-box dd p {
		font-size: 1.4rem;
		line-height: 1.6;
		text-align: left;
	}

	.not-member-block .inner .flow-box dd a {
		margin-top: 10px;
	}

	.not-member-block .inner .mod-faq {
		text-align: left;
	}

	.not-member-block .inner .mod-faq dt {
		position: relative;
		padding: 0 0 15px 35px;
	}

	.not-member-block .inner .mod-faq dt i {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		font-size: 2.5rem;
	}

	.not-member-block .inner .mod-faq dd {
		font-size: 1.4rem;
	}

	.not-member-block .inner .mod-faq dd ol {
		padding-left: 30px;
	}

	.not-member-block .inner.order {
		padding: 30px 0;
	}

	.not-member-block .inner.order #buttonfix_inner {
		padding: 0 50px;
		text-align: center;
		transition-duration: 0.2s;
	}

	.not-member-block .inner.order #buttonfix_inner .mod-button {
		min-width: 924px;
		max-width: 1100px;
		margin: 10px auto;
		font-size: 3rem;
	}

	.not-member-block .inner.order #buttonfix_inner.fixed {
		position: fixed;
		z-index: 100;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		margin: auto;
		background-color: rgba(255, 255, 255, 0.8);
	}

	.not-member-block .inner.order #buttonfix_inner.hide {
		bottom: -100px;
	}

	.success-block {
		margin: 0 -20px;
		background: #fafafa;
	}

	.success-block .sp-br {
		display: none;
	}

	.success-block .pc-br {
		display: block;
	}

	.success-block .din {
		font-family: din-1451-lt-pro-engschrift, sans-serif;
		font-weight: 400;
		font-style: normal;
	}

	.success-block .inner {
		width: 1200px;
		margin: 0 auto;
		padding-bottom: 75px;
	}

	.success-block .inner .c-red {
		color: #e43828;
	}

	.success-block .inner.main-flex {
		display: flex;
		position: relative;
		flex-wrap: wrap;
		justify-content: space-between;
		padding-bottom: 60px;
	}

	.success-block .inner.main-flex .left-box {
		width: 620px;
		padding-top: 75px;
	}

	.success-block .inner.main-flex .left-box .first-lead {
		margin-bottom: 10px;
	}

	.success-block .inner.main-flex .left-box .sub-lead {
		margin-bottom: 20px;
		font-size: 2rem;
		text-align: center;
	}

	.success-block .inner.main-flex .left-box .arrow-box {
		position: relative;
		box-sizing: border-box;
		width: 100%;
		padding: 15px;
		background: #e7e8f0;
	}

	.success-block .inner.main-flex .left-box .arrow-box .arrow-lead {
		width: 100%;
		padding-bottom: 13px;
		border-bottom: 1px dashed #000;
		color: #e43828;
		font-size: 1.8rem;
		font-weight: bold;
		text-align: center;
	}

	.success-block .inner.main-flex .left-box .arrow-box .second-lead {
		display: block;
		margin: 15px auto 0;
	}

	.success-block .inner.main-flex .left-box .arrow-box:after {
		content: ' ';
		position: absolute;
		top: 50%;
		left: 100%;
		width: 0;
		height: 0;
		margin-top: -23px;
		border: solid transparent;
		border-width: 23px;
		border-color: rgba(231, 232, 240, 0);
		border-left-color: #e7e8f0;
		pointer-events: none;
	}

	.success-block .inner.main-flex .right-box {
		padding-top: 34px;
	}

	.success-block .inner.main-flex .right-box .right-lead {
		display: block;
		width: 520px;
		padding-top: 10px;
		color: #e43828;
		font-size: 2rem;
		text-align: center;
	}

	.success-block .inner.main-flex .right-box .btn-box {
		display: flex;
		position: absolute;
		top: 365px;
		left: 0;
		justify-content: space-between;
		width: 620px;
	}

	.success-block .inner.main-flex .right-box .btn-box .btn {
		display: block;
		box-sizing: border-box;
		width: 300px;
		padding: 15px;
		border-radius: 5px;
		background: #5f5d67;
		color: #fafafa;
		font-size: 2.3rem;
		text-align: center;
		transition: ease-in-out 0.3s;
	}

	.success-block .inner.main-flex .right-box .btn-box .btn.type-red {
		background-color: #e43828;
	}

	.success-block .inner.main-flex .right-box .btn-box .btn:hover {
		opacity: 0.6;
	}

	.success-block .inner.main-flex .coution-box {
		width: 100%;
		padding: 40px 0;
		font-size: 2rem;
	}

	.success-block .inner.main-flex .coution-box p {
		text-align: center;
	}

	.success-block .inner.main-flex .coution-box p a,
	.success-block .inner.main-flex .coution-box p strong {
		color: #e43828;
		font-weight: bold;
	}

	.success-block .inner.main-flex .coution-box p a {
		text-decoration: underline;
	}

	.success-block .inner.main-flex .coution-box p:before {
		content: '!';
		display: inline-block;
		width: 26px;
		height: 26px;
		border-radius: 13px;
		background-color: #e43828;
		color: #2658ce;
		color: #fafafa !important;
		font-family: urw-din, sans-serif;
		font-size: 1.6rem;
		font-weight: bold;
		font-weight: 600;
		font-style: italic;
		line-height: 26px;
		text-indent: -4px;
		-webkit-font-feature-settings: 'pnum';
		font-feature-settings: 'pnum';
	}

	.success-block .inner .block-title {
		position: relative;
		margin-bottom: 45px;
		padding-bottom: 12px;
		color: #000;
		font-size: 4.6rem;
		font-weight: bold;
		text-align: center;
		-webkit-font-feature-settings: 'palt';
		font-feature-settings: 'palt';
	}

	.success-block .inner .block-title:before {
		content: '';
		position: absolute;
		bottom: -14px;
		left: calc( 50% - 51px);
		width: 102px;
		height: 14px;
		background: url('/service/asset_img/login/success/sub_parts01.svg') no-repeat center center;
		background-repeat: no-repeat;
		background-size: contain;
	}

	.success-block .inner .block-title .sub-t {
		font-size: 3.3rem;
	}

	.success-block .inner .block-title .center {
		display: inline-block;
		position: relative;
		top: -5px;
	}

	.success-block .inner .sub-box {
		width: 100%;
		padding-bottom: 78px;
		text-align: center;
	}

	.success-block .inner .sub-box:last-child {
		padding-bottom: 0;
	}

	.success-block .inner .sub-box .sub-title {
		display: inline-block;
		position: relative;
		box-sizing: border-box;
		margin: 0 auto;
		margin-bottom: 30px;
		padding: 0 10px;
		font-size: 3rem;
		font-weight: bold;
		text-align: center;
		-webkit-font-feature-settings: 'palt';
		font-feature-settings: 'palt';
	}

	.success-block .inner .sub-box .sub-title:before,
	.success-block .inner .sub-box .sub-title:after {
		content: '';
		display: block;
		position: absolute;
		top: calc( 50% - 2px);
		width: 50px;
		height: 3px;
		background: #e43828;
	}

	.success-block .inner .sub-box .sub-title:before {
		left: -50px;
	}

	.success-block .inner .sub-box .sub-title:after {
		right: -50px;
	}

	.success-block .inner .sub-box .sub-title > .din {
		display: inline-block;
		position: relative;
		top: -2px;
		padding-right: 10px;
		font-size: 26px;
	}

	.success-block .inner .sub-box .sub-title .large {
		display: inline-block;
		position: relative;
		top: 5px;
		left: 5px;
		font-size: 50px;
	}

	.success-block .inner .sub-box .sub-flex {
		display: flex;
		justify-content: center;
		margin-bottom: 40px;
	}

	.success-block .inner .sub-box .sub-flex .left-box {
		border-right: 1px dashed #7f8198;
	}

	.success-block .inner .sub-box .sub-flex.size-s {
		width: 760px;
		margin: 0 auto;
	}

	.success-block .inner .sub-box .sub-flex.size-s .box {
		display: flex;
		justify-content: flex-start;
		box-sizing: border-box;
		width: 400px;
		padding: 10px;
	}

	.success-block .inner .sub-box .sub-flex.size-s .box .circle-cel {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100px;
		height: 100px;
		border-radius: 50%;
		background: #7f8198;
		color: #fafafa;
		font-size: 1.6rem;
		line-height: 1.2;
		text-align: center;
	}

	.success-block .inner .sub-box .sub-flex.size-s .box .img-cel {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: 0 15px;
		font-size: 1.6rem;
		text-align: center;
	}

	.success-block .inner .sub-box .sub-flex.size-s .box .img-cel .job-name {
		padding-top: 5px;
	}

	.success-block .inner .sub-box .sub-flex.size-s .box .text-cel {
		width: 170px;
		padding-top: 15px;
		text-align: left;
	}

	.success-block .inner .sub-box .sub-flex.size-s .box .text-cel .price-p {
		font-size: 2rem;
	}

	.success-block .inner .sub-box .sub-flex.size-s .box .text-cel .price-p .num {
		display: inline-block;
		font-size: 71px;
		line-height: 1;
	}

	.success-block .inner .sub-box .sub-flex.size-s .box .text-cel .sub-dock {
		position: relative;
		top: -10px;
		font-size: 1.2rem;
	}

	.success-block .inner .sub-box .sub-flex.size-s .right-box {
		padding: 10px 0 10px 30px;
	}

	.success-block .inner .sub-box .sub-flex.size-s .right-box .circle-cel {
		width: 110px;
		height: 110px;
		background: #e43828;
		font-size: 1.8rem;
	}

	.success-block .inner .sub-box .sub-flex.size-s .right-box .text-cel .price-p .num {
		font-size: 100px;
	}

	.success-block .inner .sub-box .sub-flex.size-l,
	.success-block .inner .sub-box .sub-flex.size-m {
		width: 1020px;
		margin: 0 auto;
	}

	.success-block .inner .sub-box .sub-flex.size-l .box,
	.success-block .inner .sub-box .sub-flex.size-m .box {
		box-sizing: border-box;
		width: 510px;
		padding: 0 40px;
		text-align: center;
	}

	.success-block .inner .sub-box .sub-flex.size-l .box .box-title,
	.success-block .inner .sub-box .sub-flex.size-m .box .box-title {
		display: inline-block;
		height: 32px;
		margin-bottom: 30px;
		padding: 5px 30px;
		border: none;
		border-radius: 16px;
		background: #5f5d67;
		color: #fafafa;
		font-size: 1.6rem;
		font-weight: bold;
	}

	.success-block .inner .sub-box .sub-flex.size-l .box .price-cel,
	.success-block .inner .sub-box .sub-flex.size-m .box .price-cel {
		font-size: 3rem;
	}

	.success-block .inner .sub-box .sub-flex.size-l .box .price-cel .num,
	.success-block .inner .sub-box .sub-flex.size-m .box .price-cel .num {
		display: inline-block;
		padding-right: 10px;
	}

	.success-block .inner .sub-box .sub-flex.size-l .box .price-cel .large-p,
	.success-block .inner .sub-box .sub-flex.size-m .box .price-cel .large-p {
		font-size: 140px;
		line-height: 1;
	}

	.success-block .inner .sub-box .sub-flex.size-l .box .price-cel .yen,
	.success-block .inner .sub-box .sub-flex.size-m .box .price-cel .yen {
		font-size: 4rem;
		font-weight: bold;
	}

	.success-block .inner .sub-box .sub-flex.size-l .box .member-cel,
	.success-block .inner .sub-box .sub-flex.size-m .box .member-cel {
		display: flex;
		justify-content: center;
	}

	.success-block .inner .sub-box .sub-flex.size-l .box .member-cel .member-dock,
	.success-block .inner .sub-box .sub-flex.size-m .box .member-cel .member-dock {
		position: relative;
		box-sizing: border-box;
		width: 140px;
		margin-right: 5px;
		padding: 8px 8px 8px 60px;
		border-radius: 5px;
		background: #e7e8f0;
		text-align: left;
	}

	.success-block .inner .sub-box .sub-flex.size-l .box .member-cel .member-dock:last-child,
	.success-block .inner .sub-box .sub-flex.size-m .box .member-cel .member-dock:last-child {
		margin-right: 0;
	}

	.success-block .inner .sub-box .sub-flex.size-l .box .member-cel .member-dock:before,
	.success-block .inner .sub-box .sub-flex.size-m .box .member-cel .member-dock:before {
		content: '';
		display: block;
		position: absolute;
		z-index: 2;
		top: calc( 50% - 10px);
		right: -12px;
		width: 20px;
		height: 20px;
		background: url('/service/asset_img/login/success/sub_parts02.svg');
		background-repeat: no-repeat;
		background-size: contain;
	}

	.success-block .inner .sub-box .sub-flex.size-l .box .member-cel .member-dock:last-child:before,
	.success-block .inner .sub-box .sub-flex.size-m .box .member-cel .member-dock:last-child:before {
		content: none;
	}

	.success-block .inner .sub-box .sub-flex.size-l .box .member-cel .member-dock .icon,
	.success-block .inner .sub-box .sub-flex.size-m .box .member-cel .member-dock .icon {
		position: absolute;
		bottom: 8px;
		left: 5px;
	}

	.success-block .inner .sub-box .sub-flex.size-l .box .member-cel .member-dock .job-name,
	.success-block .inner .sub-box .sub-flex.size-m .box .member-cel .member-dock .job-name {
		font-size: 1.4rem;
		line-height: 1.2;
	}

	.success-block .inner .sub-box .sub-flex.size-l .box .member-cel .member-dock .job-name .sub,
	.success-block .inner .sub-box .sub-flex.size-m .box .member-cel .member-dock .job-name .sub {
		font-size: 1.2rem;
	}

	.success-block .inner .sub-box .sub-flex.size-l .box .member-cel .member-dock .price-p,
	.success-block .inner .sub-box .sub-flex.size-m .box .member-cel .member-dock .price-p {
		font-size: 3rem;
		font-weight: bold;
		line-height: 1;
	}

	.success-block .inner .sub-box .sub-flex.size-l .box .member-cel .member-dock .price-p .yen,
	.success-block .inner .sub-box .sub-flex.size-m .box .member-cel .member-dock .price-p .yen {
		font-size: 1.4rem;
		font-weight: normal;
	}

	.success-block .inner .sub-box .sub-flex.size-l .right-box .box-title,
	.success-block .inner .sub-box .sub-flex.size-m .right-box .box-title {
		background-color: #e43828;
		font-size: 1.8rem;
	}

	.success-block .inner .sub-box .sub-flex.size-m .box {
		width: 425px;
		padding: 0 50px;
	}

	.success-block .inner .sub-box .sub-flex.size-m .box .member-cel .member-dock {
		width: 160px;
	}

	.success-block .inner .sub-box .arrow-wide-box {
		display: flex;
		position: relative;
		justify-content: center;
		box-sizing: border-box;
		width: 570px;
		height: 217px;
		margin: 40px auto 0;
		padding: 25px 10px 0;
		border: 6px solid #e43828;
		background: #fff;
	}

	.success-block .inner .sub-box .arrow-wide-box.mini {
		width: 510px;
	}

	.success-block .inner .sub-box .arrow-wide-box .price-p {
		position: relative;
		font-size: 180px;
		line-height: 1;
	}

	.success-block .inner .sub-box .arrow-wide-box .text-cel {
		padding-top: 40px;
		padding-left: 10px;
		font-weight: bold;
		line-height: 1;
		text-align: left;
	}

	.success-block .inner .sub-box .arrow-wide-box .text-cel .yen {
		padding-left: 5px;
		font-size: 4rem;
	}

	.success-block .inner .sub-box .arrow-wide-box .text-cel .cost {
		font-size: 6rem;
		font-weight: bold;
	}

	.success-block .inner .sub-box .arrow-wide-box:after,
	.success-block .inner .sub-box .arrow-wide-box:before {
		content: ' ';
		position: absolute;
		right: 70px;
		bottom: 100%;
		width: 0;
		height: 0;
		border: solid transparent;
		pointer-events: none;
	}

	.success-block .inner .sub-box .arrow-wide-box:after {
		right: 78px;
		margin-left: -25px;
		border-width: 25px;
		border-color: rgba(255, 255, 255, 0);
		border-bottom-color: #fff;
	}

	.success-block .inner .sub-box .arrow-wide-box:before {
		margin-left: -33px;
		border-width: 33px;
		border-color: rgba(228, 56, 40, 0);
		border-bottom-color: #e43828;
	}

	.success-block .inner .three-box {
		display: flex;
		justify-content: center;
		box-sizing: border-box;
		padding: 20px 0 40px;
	}

	.success-block .inner .three-box .three-cel {
		width: 200px;
		margin: 0 30px;
	}

	.success-block .inner .three-box .three-cel .icon-dock {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 200px;
		height: 200px;
		text-align: center;
	}

	.success-block .inner .three-box .three-cel .icon-dock.border {
		height: 90px;
		border-bottom: 1px dashed #707070;
	}

	.success-block .inner .three-box .three-cel .icon-dock .indeed-p {
		color: #0e52ff;
		font-size: 5rem;
		font-weight: bold;
		text-align: center;
	}

	.success-block .inner .three-box .three-cel .icon-dock .google-p {
		color: #4285f4;
		font-size: 5rem;
		font-weight: bold;
		text-align: center;
	}

	.success-block .inner .three-box .three-cel .icon-dock .google-p .g-red {
		color: #ea4335;
	}

	.success-block .inner .three-box .three-cel .icon-dock .google-p .g-yellow {
		color: #fbbc05;
	}

	.success-block .inner .three-box .three-cel .icon-dock .google-p .g-green {
		color: #34a853;
	}

	.success-block .inner .three-box .three-cel .lead-text {
		padding-top: 10px;
		font-size: 2rem;
		font-weight: bold;
		text-align: center;
	}

	.success-block .inner .three-box .three-cel .lead-text.large {
		font-size: 2.8rem;
	}

	.success-block .inner .three-box .three-cel .detail-text {
		padding-top: 10px;
		font-size: 1.4rem;
		text-align: center;
	}

	.success-block .inner .three-box.type-arrow-in .three-cel {
		position: relative;
		margin: 0 20px;
	}

	.success-block .inner .three-box.type-arrow-in .three-cel:before {
		content: '';
		display: block;
		position: absolute;
		z-index: 2;
		top: 90px;
		right: -65px;
		width: 70px;
		height: 26px;
		background: url('/service/asset_img/login/success/arrow.svg');
		background-repeat: no-repeat;
		background-size: contain;
	}

	.success-block .inner .three-box.type-arrow-in .three-cel:last-child {
		width: 393px;
	}

	.success-block .inner .three-box.type-arrow-in .three-cel:last-child .icon-dock {
		position: relative;
		top: -8px;
		width: 393px;
	}

	.success-block .inner .three-box.type-arrow-in .three-cel:last-child:before {
		content: none;
	}

	.success-block .inner .three-box.type-circle .three-cel {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 420px;
	}

	.success-block .inner .three-box.type-circle .three-cel .text-dock {
		width: 200px;
	}

	.success-block .inner .three-box.type-circle .three-cel .text-dock .lead-text,
	.success-block .inner .three-box.type-circle .three-cel .text-dock .detail-text {
		text-align: left;
	}

	.success-block .inner .three-box.type-circle .three-cel .text-dock .lead-text br,
	.success-block .inner .three-box.type-circle .three-cel .text-dock .detail-text br {
		display: none;
	}

	.success-block .inner .commentary-text {
		font-size: 2rem;
		line-height: 1.6;
		text-align: center;
	}

	.success-block .inner .flow-tab {
		display: flex;
		width: 600px;
		margin: 0 auto 60px;
		text-align: center;
	}

	.success-block .inner .flow-tab .button {
		cursor: pointer;
		position: relative;
		width: 200px;
		padding-bottom: 9px;
		opacity: 0.6;
		font-size: 2.4rem;
		transition: ease-in-out 0.3s;
	}

	.success-block .inner .flow-tab .button:before {
		content: '';
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background: #000;
		transition: ease-in-out 0.3s;
	}

	.success-block .inner .flow-tab .button.active,
	.success-block .inner .flow-tab .button:hover {
		opacity: 1;
		font-weight: bold;
	}

	.success-block .inner .flow-tab .button.active:before,
	.success-block .inner .flow-tab .button:hover:before {
		bottom: -1px;
		height: 3px;
		background: #e43828;
	}

	.success-block .inner .flow-box {
		width: 100%;
	}

	.success-block .inner .flow-cel {
		display: none;
		width: 1200px;
		margin-bottom: 30px;
		opacity: 0;
		transition: ease-in-out 0.8s;
	}

	.success-block .inner .flow-cel.active {
		display: flex;
		visibility: visible;
		-webkit-animation: visit both 1.4s;
		animation: visit both 1.4s;
	}

	.success-block .inner .flow-cel .cel {
		position: relative;
		width: 270px;
		margin-right: 40px;
	}

	.success-block .inner .flow-cel .cel:before {
		content: '';
		display: block;
		position: absolute;
		z-index: 2;
		top: 90px;
		right: -23px;
		width: 23px;
		height: 39px;
		background: url('/service/asset_img/login/success/sub_parts03.svg');
		background-repeat: no-repeat;
		background-size: contain;
	}

	.success-block .inner .flow-cel .cel:last-child {
		margin-right: 0;
	}

	.success-block .inner .flow-cel .cel:last-child:before {
		content: none;
	}

	.success-block .inner .flow-cel .cel .svg {
		display: block;
		margin: 0 auto 20px;
		text-align: center;
	}

	.success-block .inner .flow-cel .cel .detail-text {
		min-height: 70px;
		font-size: 1.4rem;
		line-height: 1.6;
	}

	.success-block .inner .qa-box {
		display: flex;
		box-sizing: border-box;
		width: 1200px;
		margin-bottom: 5px;
		border: 5px solid #e43828;
	}

	.success-block .inner .qa-box .q-cel {
		box-sizing: border-box;
		width: 70px;
		padding: 19px 20px 0 14px;
		background: #e43828;
		color: #fafafa;
		font-size: 46px;
		line-height: 1;
		text-align: center;
	}

	.success-block .inner .qa-box .text-cel {
		box-sizing: border-box;
		width: calc( 100% - 46px);
		padding: 20px;
	}

	.success-block .inner .qa-box .text-cel .q-text {
		cursor: pointer;
		position: relative;
		padding-right: 20px;
		font-size: 2.4rem;
		font-weight: bold;
	}

	.success-block .inner .qa-box .text-cel .q-text:before {
		content: '';
		display: block;
		position: absolute;
		z-index: 2;
		top: 10px;
		right: 0;
		width: 28px;
		height: 16px;
		background: url('/service/asset_img/login/success/sub_parts04.svg');
		background-repeat: no-repeat;
		background-size: contain;
		-webkit-animation: kaiten both 0.3s;
		animation: kaiten both 0.3s;
	}

	.success-block .inner .qa-box .text-cel .q-text.active:before {
		-webkit-animation: kaiten-r both 0.3s;
		animation: kaiten-r both 0.3s;
	}

	.success-block .inner .qa-box .text-cel .a-text {
		padding-top: 15px;
		font-size: 1.8rem;
	}

	.success-block .inner .qa-box .text-cel .a-text .link {
		display: inline-block;
		position: relative;
		padding-right: 15px;
		color: #e43828;
	}

	.success-block .inner .qa-box .text-cel .a-text .link:before {
		content: '';
		display: block;
		position: absolute;
		z-index: 2;
		top: 5px;
		right: 0;
		width: 9px;
		height: 16px;
		background: url('/service/asset_img/login/success/sub_parts03.svg');
		background-repeat: no-repeat;
		background-size: contain;
	}

	.success-block .inner .contact-title {
		padding: 40px 0 20px;
		font-size: 3rem;
		text-align: center;
	}

	.success-block .inner .telephone-box {
		padding-bottom: 20px;
		text-align: center;
	}

	.success-block .inner .telephone-box a {
		color: #000;
		text-decoration: none;
	}

	.success-block .inner .telephone-box .number {
		display: inline-block;
		font-size: 100px;
		line-height: 1;
	}

	.success-block .inner .telephone-box .svg {
		position: relative;
		top: -25px;
		padding-right: 20px;
	}

	.success-block .inner .others-box {
		padding-bottom: 20px;
		text-align: center;
	}

	.success-block .inner .others-box a {
		color: #000;
		text-decoration: none;
	}

	.success-block .inner .others-box .fax {
		display: inline-block;
		margin-right: 15px;
		font-size: 50px;
		line-height: 1;
	}

	.success-block .inner .others-box .mail {
		display: inline-block;
		font-size: 50px;
		line-height: 1;
	}

	.success-block .inner .others-box .mail .svg {
		position: relative;
		top: -13px;
		padding-right: 8px;
	}

	.success-block .inner .date-box {
		padding-bottom: 30px;
		line-height: 1;
		text-align: center;
	}

	.success-block .inner .date-box .text {
		display: inline-block;
		position: relative;
		top: -7px;
		font-size: 2rem;
	}

	.success-block .inner .date-box .time {
		display: inline-block;
		padding: 0 10px;
		font-size: 40px;
	}

	.success-block .inner .date-box .week {
		display: inline-block;
		position: relative;
		top: -8px;
		padding: 8px 10px;
		background: #e43828;
		color: #fafafa;
		font-size: 1.4rem;
	}

	.success-block .inner .caption-text {
		font-size: 1.4rem;
		text-align: center;
	}

	.type-success {
		background: #e7e8f0;
	}

	.type-success #buttonfix {
		background: #e7e8f0;
	}

	.type-success #buttonfix #buttonfix_inner {
		padding: 0;
		background: #e7e8f0;
	}

	.type-success #buttonfix #buttonfix_inner .btn-box {
		display: flex;
		justify-content: space-between;
		width: 1200px;
		margin: 0 auto;
		padding: 10px 0;
	}

	.type-success #buttonfix #buttonfix_inner .btn-box .btn {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 590px;
		height: 80px;
		border-radius: 5px;
		background: #5f5d67;
		color: #fafafa;
		font-size: 2.9rem;
		text-align: center;
		transition: ease-in-out 0.3s;
	}

	.type-success #buttonfix #buttonfix_inner .btn-box .btn:hover {
		opacity: 0.6;
	}

	.type-success #buttonfix #buttonfix_inner .btn-box .btn.type-red {
		background: #e43828;
	}

	.type-success #buttonfix #buttonfix_inner.fixed .btn-box .btn {
		height: 60px;
		font-size: 2.6rem;
	}

	.type-success #buttonfix #buttonfix_inner p {
		padding-bottom: 10px;
		font-size: 1.4rem;
		text-align: center;
	}

	.type-success #buttonfix #buttonfix_inner p br {
		display: none;
	}

	.type-success #buttonfix #buttonfix_inner p a,
	.type-success #buttonfix #buttonfix_inner p strong {
		color: #e43828;
		font-weight: bold;
	}

	.type-success #buttonfix #buttonfix_inner p a {
		text-decoration: underline;
	}

	.success-block-login {
		background: #fafafa;
	}

	.success-block-login + .success-block-login {
		padding-top: 50px;
	}

	.success-block-login .sp-br {
		display: none;
	}

	.success-block-login .pc-br {
		display: block;
	}

	.success-block-login .inner {
		box-sizing: border-box;
		max-width: 950px;
		margin: 0 auto;
		padding: 0 20px 75px;
	}

	.success-block-login .inner .c-red {
		color: #e43828;
	}

	.success-block-login .inner.main-flex {
		display: flex;
		position: relative;
		flex-wrap: wrap;
		justify-content: center;
	}

	.success-block-login .inner.main-flex .block-title {
		width: 100%;
		padding-top: 40px;
	}

	.success-block-login .inner.main-flex .left-box {
		width: 42.3%;
		max-width: 330px;
		margin-right: 25px;
		padding-top: 60px;
	}

	.success-block-login .inner.main-flex .left-box .arrow-box {
		position: relative;
		box-sizing: border-box;
		width: 100%;
		padding: 20px;
		background: #e7e8f0;
	}

	.success-block-login .inner.main-flex .left-box .arrow-box .arrow-lead {
		width: 100%;
		padding-bottom: 13px;
		border-bottom: 1px dashed #000;
		color: #e43828;
		font-size: 1.8rem;
		font-weight: bold;
		text-align: center;
	}

	.success-block-login .inner.main-flex .left-box .arrow-box .second-lead {
		display: block;
		margin: 15px auto 0;
	}

	.success-block-login .inner.main-flex .left-box .arrow-box:after {
		content: ' ';
		position: absolute;
		top: 50%;
		left: 100%;
		width: 0;
		height: 0;
		margin-top: -12px;
		border: solid transparent;
		border-width: 12px;
		border-color: rgba(231, 232, 240, 0);
		border-left-color: #e7e8f0;
		pointer-events: none;
	}

	.success-block-login .inner.main-flex .right-box {
		width: 53.84%;
		max-width: 420px;
	}

	.success-block-login .inner.main-flex .right-box .third-lead {
		width: 100%;
		height: auto;
	}

	.success-block-login .inner.main-flex .right-box .right-lead {
		display: block;
		width: 100%;
		padding-top: 10px;
		color: #e43828;
		font-size: 2rem;
		text-align: center;
	}

	.success-block-login .inner .block-title {
		position: relative;
		margin-bottom: 45px;
		padding-bottom: 12px;
		color: #000;
		font-size: 3.3rem;
		font-weight: bold;
		text-align: center;
		-webkit-font-feature-settings: 'palt';
		font-feature-settings: 'palt';
	}

	.success-block-login .inner .block-title:before {
		content: '';
		position: absolute;
		bottom: -14px;
		left: calc( 50% - 51px);
		width: 102px;
		height: 14px;
		background: url('../../asset_img/login/success/sub_parts01.svg') no-repeat center center;
		background-repeat: no-repeat;
		background-size: contain;
	}

	.success-block-login .inner .block-title .sub-t {
		font-size: 2.4rem;
	}

	.success-block-login .inner .block-title .center {
		display: inline-block;
		position: relative;
		top: -5px;
	}

	.success-block-login .inner .double-box {
		display: flex;
		justify-content: center;
		width: 100%;
		max-width: 730px;
		margin: 0 auto 35px;
	}

	.success-block-login .inner .double-box .double-cel {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		box-sizing: border-box;
		width: 50%;
		text-align: center;
	}

	.success-block-login .inner .double-box .double-cel:first-child {
		border-right: 1px dashed #7f8198;
	}

	.success-block-login .inner .double-box .double-cel .price-dock {
		display: flex;
		justify-content: center;
		align-items: flex-end;
		width: 100%;
		padding-bottom: 18px;
		color: #e43828;
		font-size: 3rem;
		font-weight: bold;
		text-align: center;
	}

	.success-block-login .inner .double-box .double-cel .price-dock .yen {
		display: inline-block;
		padding-left: 10px;
		line-height: 1;
	}

	.success-block-login .inner .double-box .double-cel .detail-p {
		font-size: 2rem;
		font-weight: bold;
		text-align: center;
	}

	.success-block-login .inner .three-box {
		display: flex;
		justify-content: center;
		box-sizing: border-box;
		padding: 0 0 30px;
	}

	.success-block-login .inner .three-box .three-cel {
		width: 200px;
		margin: 0 2.56%;
	}

	.success-block-login .inner .three-box .three-cel .icon-dock {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 200px;
		height: 200px;
		text-align: center;
	}

	.success-block-login .inner .three-box .three-cel .icon-dock.border {
		height: 90px;
		border-bottom: 1px dashed #707070;
	}

	.success-block-login .inner .three-box .three-cel .icon-dock .indeed-p {
		color: #0e52ff;
		font-size: 5rem;
		font-weight: bold;
		text-align: center;
	}

	.success-block-login .inner .three-box .three-cel .icon-dock .google-p {
		color: #4285f4;
		font-size: 5rem;
		font-weight: bold;
		text-align: center;
	}

	.success-block-login .inner .three-box .three-cel .icon-dock .google-p .g-red {
		color: #ea4335;
	}

	.success-block-login .inner .three-box .three-cel .icon-dock .google-p .g-yellow {
		color: #fbbc05;
	}

	.success-block-login .inner .three-box .three-cel .icon-dock .google-p .g-green {
		color: #34a853;
	}

	.success-block-login .inner .three-box .three-cel .lead-text {
		padding-top: 10px;
		font-size: 2rem;
		font-weight: bold;
		text-align: center;
	}

	.success-block-login .inner .three-box .three-cel .lead-text.large {
		font-size: 2.8rem;
	}

	.success-block-login .inner .three-box .three-cel .detail-text {
		padding-top: 10px;
		font-size: 1.4rem;
		text-align: center;
	}

	.success-block-login .inner .three-box.type-arrow-in .three-cel {
		position: relative;
		width: 22.82%;
		max-width: 178px;
		margin: 0 2.56%;
	}

	.success-block-login .inner .three-box.type-arrow-in .three-cel .icon-dock {
		width: 100%;
		height: auto;
	}

	.success-block-login .inner .three-box.type-arrow-in .three-cel .icon-dock .svg {
		width: 100%;
		height: auto;
	}

	.success-block-login .inner .three-box.type-arrow-in .three-cel:before {
		content: '';
		display: block;
		position: absolute;
		z-index: 2;
		top: 31.17%;
		right: -38%;
		width: 40%;
		height: 26px;
		background: url('../../asset_img/login/success/arrow.svg');
		background-repeat: no-repeat;
		background-size: contain;
	}

	.success-block-login .inner .three-box.type-arrow-in .three-cel:last-child {
		width: 44.74%;
		max-width: 349px;
	}

	.success-block-login .inner .three-box.type-arrow-in .three-cel:last-child .icon-dock {
		position: relative;
		top: -8px;
		width: 100%;
	}

	.success-block-login .inner .three-box.type-arrow-in .three-cel:last-child .text-dock .lead-text {
		padding-top: 0;
	}

	.success-block-login .inner .three-box.type-arrow-in .three-cel:last-child:before {
		content: none;
	}

	.success-block-login .inner .commentary-text {
		font-size: 2rem;
		line-height: 1.6;
		text-align: center;
	}
}

@media print, screen and (max-width: 767px) {
	.login-box > input,
	.login-box > label {
		color: #fff;
	}

	.login-box > input i:before,
	.login-box > label i:before {
		color: #fff !important;
	}

	.login-box-inner {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}

	.login-box-inner .txt {
		display: none;
	}

	.login-box-inner .input {
		width: 100%;
	}

	.login-box-inner .input input {
		width: 100%;
		margin-bottom: 10px;
	}

	.login-box-inner .auto-login {
		width: 50%;
	}

	.login-box-inner .auto-login .checkbox label {
		margin-left: -10px;
		padding: 0 0 0 35px;
		border: none;
		background-color: rgba(255, 255, 255, 0);
		color: #fff;
		font-size: 1.4rem;
	}

	.login-box-inner .auto-login .checkbox input:checked + label {
		color: #fff;
	}

	.login-box-inner .auto-login .checkbox input:checked + label:after {
		background-color: #0fd848 !important;
	}

	.login-box-inner .login-button {
		width: 50%;
		text-align: right;
	}

	.login-box-inner .login-button button {
		width: 10em;
		background-color: #4976de;
	}

	.login-box-inner .login-button button:hover {
		background-color: #2658ce;
	}

	.login-box-inner .forget_pass {
		width: 100%;
		margin-top: 15px;
		text-align: center;
	}

	.login-box-inner .forget_pass a {
		color: #cacad9;
		font-size: 1.4rem;
		font-weight: normal;
	}

	.login-box-inner .forget_pass a i:before {
		color: #cacad9;
	}

	.notlogin-block {
		margin-top: 5px;
		border-bottom: 1px solid #cacad9;
	}

	.notlogin-block.is-back-w {
		background: #fafafa;
	}

	.notlogin-block.wide-block {
		margin: 0;
	}

	.notlogin-block.main {
		background-color: #fff;
	}

	.notlogin-block.main .inner {
		padding-top: 180px;
		background: url(/service/asset_img/login/top_main_01.jpg) no-repeat top;
		background-size: auto 200px;
		text-align: center;
	}

	.notlogin-block.main .inner .txt {
		padding-bottom: 20px;
		background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 10%, white 100%);
	}

	.notlogin-block.main .inner .txt h1 {
		font-size: 2.4rem;
	}

	.notlogin-block.main .inner .txt h1 span {
		font-size: 1.6rem;
	}

	.notlogin-block.main .inner .txt .logo {
		margin-top: 10px;
	}

	.notlogin-block.main .inner .txt .logo img {
		height: 40px;
	}

	.notlogin-block.main .inner .mod-button {
		width: 90%;
		margin-top: 15px;
		background-color: #fe590f;
		font-size: 2.2rem;
	}

	.notlogin-block.jobs-main {
		background-color: #fff;
	}

	.notlogin-block.jobs-main .inner {
		padding-top: 200px;
		background: url(/service/asset_img/login/carrier_main_01.jpg) no-repeat 50% 0;
		background-size: 300px auto;
	}

	.notlogin-block.jobs-main .inner .txt {
		margin: 15px;
		background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 10%, white 100%);
		text-align: center;
	}

	.notlogin-block.jobs-main .inner .txt h1 {
		font-size: 2.2rem;
	}

	.notlogin-block.jobs-main .inner .txt h1 span {
		font-size: 1.8rem;
	}

	.notlogin-block.jobs-main .inner .txt .logo {
		margin-top: 10px;
		font-size: 2rem;
	}

	.notlogin-block.jobs-main .inner .txt .logo img {
		height: 45px;
	}

	.notlogin-block.jobs-main .inner .txt .mod-button {
		width: 100%;
		margin-top: 20px;
		background-color: #fe590f;
		font-size: 2rem;
	}

	.notlogin-block.jobs-main .inner .txt .note {
		margin-top: 10px;
		color: #b40000;
	}

	.notlogin-block.jobs-main.pub .read {
		padding: 10px 0 0;
		color: #84849a;
		font-size: 2.5rem;
	}

	.notlogin-block.jobs-main.pub .read strong {
		color: #fe590f;
		font-size: 3rem;
	}

	.notlogin-block.recruit-main {
		background-color: white;
	}

	.notlogin-block.recruit-main .inner {
		padding-top: 175px;
		background: url(/service/asset_img/login/recruit_main_01.jpg) no-repeat 50% 0;
		background-size: 300px auto;
	}

	.notlogin-block.recruit-main .inner .txt {
		margin: 15px;
		background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 10%, white 100%);
		text-align: center;
	}

	.notlogin-block.recruit-main .inner .txt h1 {
		font-size: 2.2rem;
	}

	.notlogin-block.recruit-main .inner .txt h1 span {
		font-size: 1.8rem;
	}

	.notlogin-block.recruit-main .inner .txt .logo {
		margin-top: 10px;
		font-size: 2rem;
	}

	.notlogin-block.recruit-main .inner .txt .logo img {
		height: 45px;
	}

	.notlogin-block.recruit-main .inner .txt .mod-button {
		width: 100%;
		margin-top: 20px;
		background-color: #8bc34a;
		font-size: 2rem;
	}

	.notlogin-block.is-back-w {
		background: #fafafa;
	}

	.notlogin-block.kyujinhyo-main {
		background-color: white;
	}

	.notlogin-block.kyujinhyo-main .inner {
		padding-top: 220px;
		background: url(/service/asset_img/login/kyujinhyo_main_01.jpg) no-repeat 50% 0;
		background-size: 300px auto;
	}

	.notlogin-block.kyujinhyo-main .inner .txt {
		margin: 15px;
		background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 10%, white 100%);
		text-align: center;
	}

	.notlogin-block.kyujinhyo-main .inner .txt h1 {
		font-size: 2.2rem;
	}

	.notlogin-block.kyujinhyo-main .inner .txt h1 span {
		font-size: 1.8rem;
	}

	.notlogin-block.kyujinhyo-main .inner .txt .logo {
		margin-top: 10px;
		font-size: 2rem;
	}

	.notlogin-block.kyujinhyo-main .inner .txt .logo img {
		height: 45px;
	}

	.notlogin-block.kyujinhyo-main .inner .txt .mod-button {
		width: 100%;
		margin-top: 20px;
		background-color: #2658ce;
		font-size: 2rem;
	}

	.notlogin-block.book-main {
		background-color: white;
	}

	.notlogin-block.book-main .inner {
		padding-top: 180px;
		background: url(/service/asset_img/book/ph_visual_02.jpg) no-repeat 50% 0;
		background-size: 300px auto;
	}

	.notlogin-block.book-main .inner .txt {
		margin: 15px;
		background: #fff;
		text-align: center;
	}

	.notlogin-block.book-main .inner .txt h1 {
		margin: 5px 0 10px;
		color: #2658ce;
		font-size: 2.8rem;
		font-weight: bold;
	}

	.notlogin-block.book-main .inner .txt .lead1 {
		color: #2658ce;
		font-size: 2rem;
	}

	.notlogin-block.book-main .inner .txt .note {
		margin: 10px 0 0;
		color: #b40000;
	}

	.notlogin-block.book-main .inner .txt .mod-button {
		width: 100%;
		margin-top: 20px;
		background-color: #2658ce;
		font-size: 2rem;
	}

	.notlogin-block.seiko-main {
		background-color: white;
	}

	.notlogin-block.seiko-main .inner {
		padding-top: 200px;
		background: url(/service/asset_img/login/seiko_sub_01.png) no-repeat 50% 0;
		background-size: auto 260px;
	}

	.notlogin-block.seiko-main .inner .txt {
		width: 100%;
		background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 10%, white 100%);
		text-align: center;
	}

	.notlogin-block.seiko-main .inner .txt h1 {
		font-size: 2.2rem;
	}

	.notlogin-block.seiko-main .inner .txt h1 span {
		display: block;
		font-size: 1.8rem;
		line-height: 1.4;
	}

	.notlogin-block.seiko-main .inner .txt h1 strong {
		color: #fe590f;
		font-size: 3rem;
	}

	.notlogin-block.seiko-main .inner .txt .btn-group {
		padding: 10px 15px;
	}

	.notlogin-block.seiko-main .inner .txt .btn-group .mod-button {
		display: inline-block;
		width: 45%;
		margin: 0 2%;
		font-size: 2.5rem;
	}

	.notlogin-block.seiko-main .inner .txt .btn-group .mod-button:first-child {
		background-color: #fe590f;
	}

	.notlogin-block.seiko-main .inner .txt .btn-group .mod-button:last-child {
		background-color: #2658ce;
	}

	.notlogin-block.sub .inner {
		padding: 125px 0 0;
		background-size: 100% auto;
	}

	.notlogin-block.sub .inner .txt {
		padding: 25px 0 20px;
		background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 10%, white 100%);
		text-align: center;
	}

	.notlogin-block.sub .inner .txt .head-group {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: -20px;
	}

	.notlogin-block.sub .inner .txt .head-group .mod-label {
		margin-right: 10px;
	}

	.notlogin-block.sub .inner .txt .head-group .heading {
		display: inline-block;
		color: #2658ce;
		font-size: 2.5rem;
		font-weight: bold;
		text-shadow: #fff 0 0 10px;
		-webkit-font-feature-settings: 'palt';
		font-feature-settings: 'palt';
	}

	.notlogin-block.sub .inner .txt p {
		margin: 0 15px;
	}

	.notlogin-block.sub .inner .txt p strong {
		color: #2658ce;
		font-size: 2.0rem;
	}

	.notlogin-block.sub .inner .txt .mod-button {
		width: 12em;
		margin-top: 10px;
	}

	.notlogin-block.sub .inner .txt .job-list {
		margin: 15px 15px 0;
		padding: 15px;
		border-radius: 5px;
		background-color: #ebebf3;
		font-size: 1.4rem;
		text-align: left;
	}

	.notlogin-block.sub .inner .txt .job-list:after {
		content: '';
		display: block;
		clear: both;
		overflow: hidden;
	}

	.notlogin-block.sub .inner .txt .job-list dt {
		float: left;
		width: 4em;
		margin: 0 0 10px;
	}

	.notlogin-block.sub .inner .txt .job-list dd {
		margin: 0 0 10px 4em;
	}

	.notlogin-block.sub .inner .txt ul {
		display: inline-block;
		margin-top: 15px;
		padding: 15px 15px 15px 35px;
		border-radius: 5px;
		background-color: #ebebf3;
	}

	.notlogin-block.sub .inner .txt ul li {
		position: relative;
		list-style: disc;
		margin-bottom: 0.5em;
		line-height: 1.6rem;
		text-align: left;
	}

	.notlogin-block.sub .inner .txt ul li small {
		font-size: 1.2rem;
	}

	.notlogin-block.sub .inner .txt ul li:last-child {
		margin-bottom: 0;
	}

	.notlogin-block.sub.job {
		background-color: #f2f2f2;
	}

	.notlogin-block.sub.job .inner {
		background: url(/service/asset_img/login/top_sub_01.jpg) no-repeat top;
		background-size: auto 160px;
	}

	.notlogin-block.sub.recruit {
		background-color: #ebebeb;
	}

	.notlogin-block.sub.recruit .inner {
		background: url(/service/asset_img/login/top_sub_04.jpg) no-repeat 50% -10%;
		background-size: auto 160px;
	}

	.notlogin-block.sub.book {
		background-color: #f2f2f2;
	}

	.notlogin-block.sub.book .inner {
		background: url(/service/asset_img/login/top_sub_05.jpg) no-repeat 50% -10%;
		background-size: auto 160px;
	}

	.notlogin-block.sub.kyujinhyo {
		background-color: #ebebeb;
	}

	.notlogin-block.sub.kyujinhyo .inner {
		background: url(/service/asset_img/login/top_sub_06.jpg) no-repeat 50% -10%;
		background-size: auto 160px;
	}

	.notlogin-block.sub.healthcare {
		background-color: #fff;
	}

	.notlogin-block.sub.healthcare .inner {
		background: url(/service/asset_img/login/top_sub_07.jpg) no-repeat 50% -10%;
		background-size: auto 160px;
	}

	.notlogin-block.sub.healthcare .inner .heading {
		color: #e63160 !important;
	}

	.notlogin-block.sub.healthcare .inner p {
		margin-top: 5px;
	}

	.notlogin-block.sub.healthcare .inner p strong {
		color: #e63160 !important;
	}

	.notlogin-block.sub.saiyo_rank {
		background-color: #f4f4f4;
	}

	.notlogin-block.sub.saiyo_rank .inner {
		background: url(/service/asset_img/login/top_sub_08.jpg) no-repeat 50% -10%;
		background-size: auto 160px;
	}

	.notlogin-block.sub.job-page1 {
		background-color: #f4f4f4;
	}

	.notlogin-block.sub.job-page1 .inner {
		background: url(/service/asset_img/login/carrier_sub_01.jpg) no-repeat 50% 0;
		background-size: auto 135px;
	}

	.notlogin-block.sub.job-page1 .inner p {
		margin-top: 5px;
		text-align: left;
	}

	.notlogin-block.sub.job-page2 {
		background-color: #ebebeb;
	}

	.notlogin-block.sub.job-page2 .inner {
		padding-top: 210px;
		background: url(/service/asset_img/login/carrier_sub_02.jpg) no-repeat 50% 0;
		background-size: 260px auto;
	}

	.notlogin-block.sub.job-page2 .inner p {
		margin-top: 5px;
		text-align: left;
	}

	.notlogin-block.sub.job-page3 {
		background-color: #f4f4f4;
	}

	.notlogin-block.sub.job-page3 .inner {
		background: url(/service/asset_img/login/carrier_sub_03.jpg) no-repeat 50% -10px;
		background-size: auto 160px;
	}

	.notlogin-block.sub.job-page3 .inner p {
		margin-top: 5px;
		text-align: left;
	}

	.notlogin-block.sub.job-page4 {
		background-color: #ebebeb;
	}

	.notlogin-block.sub.job-page4 .inner {
		background: url(/service/asset_img/login/carrier_sub_04.jpg) no-repeat 50% -25px;
		background-size: 300px auto;
	}

	.notlogin-block.sub.job-page4 .inner .txt {
		background-size: contain;
	}

	.notlogin-block.sub.job-page5 {
		background-color: #f4f4f4;
	}

	.notlogin-block.sub.job-page5 .inner {
		padding-top: 230px;
		background: url(/service/asset_img/login/carrier_sub_07.png) no-repeat 50% 0;
		background-size: 280px auto;
	}

	.notlogin-block.sub.job-page5 .inner p {
		margin-top: 5px;
		text-align: left;
	}

	.notlogin-block.sub.job-page6 {
		background-color: #ebebeb;
	}

	.notlogin-block.sub.job-page6 .inner {
		background: url(/service/asset_img/login/carrier_sub_05.png) no-repeat 50% 0;
		background-size: auto 140px;
	}

	.notlogin-block.sub.job-page6 .inner p {
		margin-top: 5px;
		text-align: left;
	}

	.notlogin-block.sub.job-page7 {
		background-color: #f4f4f4;
	}

	.notlogin-block.sub.job-page7 .inner {
		background: url(/service/asset_img/login/carrier_sub_06.jpg) no-repeat 50% 0;
		background-size: auto 140px;
	}

	.notlogin-block.sub.job-page7 .inner p {
		margin-top: 5px;
		text-align: left;
	}

	.notlogin-block.sub.recruits-page1 {
		background-color: #f4f4f4;
	}

	.notlogin-block.sub.recruits-page1 .inner {
		background: url(/service/asset_img/login/recruit_sub_01.jpg) no-repeat 50% 0;
		background-size: auto 160px;
	}

	.notlogin-block.sub.recruits-page1 .inner .head-group {
		margin-top: 0;
	}

	.notlogin-block.sub.recruits-page1 .inner ul li {
		list-style: decimal;
	}

	.notlogin-block.sub.recruits-page1 .inner .note {
		position: relative;
		margin-top: 15px;
		padding-left: 1em;
		color: #4a4a4a;
		font-size: 1.2rem;
		text-align: left;
	}

	.notlogin-block.sub.recruits-page1 .inner .note:before {
		content: '※';
		position: absolute;
		top: 0;
		left: 0;
	}

	.notlogin-block.sub.recruits-page2 {
		background-color: #f2f2f2;
	}

	.notlogin-block.sub.recruits-page2 .inner {
		background: url(/service/asset_img/login/recruit_sub_02.png) no-repeat 50% 0;
		background-size: auto 130px;
	}

	.notlogin-block.sub.recruits-page2 .inner p {
		margin-top: 5px;
		text-align: left;
	}

	.notlogin-block.sub.recruits-page3 {
		background-color: #ebebeb;
	}

	.notlogin-block.sub.recruits-page3 .inner {
		background: url(/service/asset_img/login/recruit_sub_03.jpg) no-repeat 50% 0;
		background-size: auto 140px;
	}

	.notlogin-block.sub.recruits-page3 .inner p {
		margin-top: 5px;
		text-align: left;
	}

	.notlogin-block.sub.pub-page1 {
		background-color: #f4f4f4;
	}

	.notlogin-block.sub.pub-page1 .inner {
		background: url(/service/asset_img/login/carrier_sub_01.jpg) no-repeat 50% 0;
		background-size: auto 135px;
	}

	.notlogin-block.sub.pub-page1 .inner p {
		margin-top: 5px;
		text-align: left;
	}

	.notlogin-block.sub.pub-page2 {
		background-color: #f4f4f4;
	}

	.notlogin-block.sub.pub-page2 .inner {
		background: url(/service/asset_img/login/carrier_sub_03.jpg) no-repeat 50% 0;
		background-size: auto 140px;
	}

	.notlogin-block.sub.pub-page2 .inner p {
		margin-top: 5px;
		text-align: left;
	}

	.notlogin-block.sub.pub-page3 {
		background-color: #f4f4f4;
	}

	.notlogin-block.sub.pub-page3 .inner {
		background: url(/service/asset_img/login/carrier_sub_04_2.jpg) no-repeat 50% 0;
		background-size: auto 160px;
	}

	.notlogin-block.sub.pub-page3 .inner p {
		margin-top: 5px;
		text-align: left;
	}

	.notlogin-block.sub.kyujinhyo-page1 {
		background-color: #f4f4f4;
	}

	.notlogin-block.sub.kyujinhyo-page1 .inner {
		padding: 140px 0 0;
		background: url(/service/asset_img/login/kyujinhyo_sub_01.jpg) no-repeat 50% 0;
		background-size: auto 180px;
	}

	.notlogin-block.sub.kyujinhyo-page1 .inner p {
		margin-top: 5px;
		text-align: left;
	}

	.notlogin-block.sub.kyujinhyo-page2 {
		background-color: #ebebeb;
	}

	.notlogin-block.sub.kyujinhyo-page2 .inner {
		background: url(/service/asset_img/login/kyujinhyo_sub_02.jpg) no-repeat 50% 0;
		background-size: auto 140px;
	}

	.notlogin-block.sub.kyujinhyo-page2 .inner p {
		margin-top: 5px;
		text-align: left;
	}

	.notlogin-block.sub.kyujinhyo-page3 {
		background-color: #f4f4f4;
	}

	.notlogin-block.sub.kyujinhyo-page3 .inner {
		background: url(/service/asset_img/login/kyujinhyo_sub_03.jpg) no-repeat 50% 0;
		background-size: auto 140px;
	}

	.notlogin-block.sub.kyujinhyo-page3 .inner p {
		margin-top: 5px;
		text-align: left;
	}

	.notlogin-block.sub.kyujinhyo-page4 {
		background-color: #ebebeb;
	}

	.notlogin-block.sub.kyujinhyo-page4 .inner {
		background: url(/service/asset_img/login/kyujinhyo_sub_04.jpg) no-repeat 50% 0;
		background-size: auto 140px;
	}

	.notlogin-block.sub.kyujinhyo-page4 .inner p {
		margin-top: 5px;
		text-align: left;
	}

	.notlogin-block.sub.kyujinhyo-page5 {
		background-color: #ebebeb;
	}

	.notlogin-block.sub.kyujinhyo-page5 .inner {
		background: url(/service/asset_img/login/carrier_sub_04.jpg) no-repeat 50% 0;
		background-size: auto 140px;
	}

	.notlogin-block.sub.kyujinhyo-page6 {
		background-color: #ebebeb;
	}

	.notlogin-block.sub.kyujinhyo-page6 .inner {
		padding: 180px 0 0;
		background: url(/service/asset_img/login/kyujinhyo_sub_05.jpg) no-repeat 50% -20px;
		background-size: auto 220px;
	}

	.notlogin-block.sub.kyujinhyo-page6 .inner p {
		margin-top: 5px;
		text-align: left;
	}

	.notlogin-block.sub.seiko-page1 {
		background-color: #f4f4f4;
	}

	.notlogin-block.sub.seiko-page1 .inner {
		padding-top: 200px;
		background: url(/service/asset_img/login/seiko_sub_02.png) no-repeat center;
		background-size: cover;
	}

	.notlogin-block.sub.seiko-page2 {
		background-color: #fff;
	}

	.notlogin-block.sub.seiko-page2 .inner {
		height: auto;
		padding: 20px 15px 0;
	}

	.notlogin-block.sub.seiko-page2 .inner .txt {
		width: 100%;
		padding: 40px 0 5px;
	}

	.notlogin-block.sub.seiko-page2 .inner .txt ul {
		display: flex;
		flex-wrap: wrap;
		margin: 20px -5px 0;
		padding: 0;
		background: none;
	}

	.notlogin-block.sub.seiko-page2 .inner .txt ul:after {
		content: '';
		display: block;
		clear: both;
		overflow: hidden;
	}

	.notlogin-block.sub.seiko-page2 .inner .txt ul li {
		display: block;
		position: relative;
		flex-basis: calc(50% - 10px);
		max-width: calc(50% - 10px);
		margin: 0 5px 10px;
		border-radius: 5px;
		background-color: #f4f4f9;
		text-align: center;
	}

	.notlogin-block.sub.seiko-page2 .inner .txt ul li li:last-child {
		margin-right: 0;
	}

	.notlogin-block.sub.seiko-page2 .inner .txt ul li > img {
		width: 100%;
		height: auto;
	}

	.notlogin-block.sub.seiko-page2 .inner .txt ul li span {
		display: block;
		position: relative;
		z-index: 2;
		margin: -10px 10px 0;
		padding: 7px 0;
		border-radius: 5px;
		background-color: #2658ce;
		color: #fff;
		font-size: 1.2rem;
		font-weight: bold;
	}

	.notlogin-block.sub.seiko-page2 .inner .txt ul li div {
		position: relative;
		z-index: 1;
		padding: 25px 0 30px;
	}

	.notlogin-block.sub.seiko-page2 .inner .txt ul li:last-child div {
		padding: 20px 0 15px;
	}

	.notlogin-block.sub.seiko-page2 .inner .txt ul li:last-child p {
		padding: 0 0 15px;
		font-size: 1rem;
		line-height: 1.4;
		text-align: left;
		-webkit-font-feature-settings: palt;
		font-feature-settings: palt;
	}

	.notlogin-block.sub.seiko-page3 {
		background-color: #f4f4f4;
	}

	.notlogin-block.sub.seiko-page3 .inner {
		background: url(/service/asset_img/login/seiko_sub_03.png) no-repeat center;
		background-size: cover;
	}

	.notlogin-block.sub.seiko-page3 .inner .head-group {
		display: block;
		margin-top: 0;
	}

	.notlogin-block.sub.seiko-page3 .inner .head-group span {
		display: block;
		font-size: 2rem;
	}

	.notlogin-block.sub.seiko-page3 .inner p {
		margin-top: 20px;
		padding: 15px;
		border-radius: 5px;
		background-color: #f4f4f9;
		font-size: 1.6rem;
		line-height: 1.5;
	}

	.notlogin-block.sub.seiko-page3 .inner p img {
		height: 50px;
	}

	.notlogin-block.sub.seiko-page4 {
		background-color: #fff;
	}

	.notlogin-block.sub.seiko-page4 .inner {
		background: url(/service/asset_img/login/seiko_sub_04.png) no-repeat 50% -160px;
		background-size: cover;
	}

	.notlogin-block.sub.seiko-page4 .inner .head-group {
		display: block;
		margin-top: 0;
	}

	.notlogin-block.sub.seiko-page4 .inner .head-group span {
		display: block;
		font-size: 2rem;
	}

	.notlogin-block.sub.seiko-page4 .inner ul {
		display: inline-flex;
		padding: 0;
		background: none;
	}

	.notlogin-block.sub.seiko-page4 .inner ul li {
		display: block;
		position: relative;
		margin: 0 5px;
		padding: 15px;
		border-radius: 5px;
		background-color: #f4f4f9;
		text-align: center;
	}

	.notlogin-block.sub.seiko-page4 .inner ul li img {
		height: 45px;
	}

	.notlogin-block.sub.seiko-page4 .inner ul li span {
		display: block;
		margin-bottom: 10px;
		font-size: 1.6rem;
	}

	.notlogin-block.sub.seiko-page4 .inner ul li:last-child {
		margin-right: 0;
	}

	.notlogin-block.sub.step {
		background-color: #fff;
	}

	.notlogin-block.sub.step .inner {
		height: auto;
		padding: 50px 0;
	}

	.notlogin-block.sub.step .inner .txt {
		width: 100%;
	}

	.notlogin-block.sub.step .inner .txt .mod-list-info {
		margin: 0 15px;
		font-size: 1.4rem;
	}

	.notlogin-block.sub.step .inner .txt .mod-list-info dt {
		width: 100px;
		margin: 15px auto 10px;
		padding: 5px 0;
		border-radius: 5px;
		background-color: #2658ce;
		color: #fff;
		font-size: 1.6rem;
		line-height: 1;
		text-align: center;
	}

	.notlogin-block.sub.step .inner .txt .mod-list-info dd {
		text-align: left;
	}

	.notlogin-block.sub.step .inner .txt .mod-list-info dd .mod-label {
		margin: 0 0 0 10px;
		font-size: 1.2rem;
	}

	.notlogin-block.sub.qa {
		background-color: #ebebeb;
	}

	.notlogin-block.sub.qa .inner {
		height: auto;
		padding: 50px 15px 15px;
	}

	.notlogin-block.sub.qa .inner .txt {
		width: 100%;
		background: none;
	}

	.notlogin-block.sub.qa .inner .txt .mod-grid {
		margin-top: 40px;
	}

	.notlogin-block.sub.qa .inner .txt .mod-faq {
		text-align: left;
	}

	.notlogin-block.sub.qa .inner .txt .mod-faq dt {
		position: relative;
		padding: 0 0 15px 35px;
	}

	.notlogin-block.sub.qa .inner .txt .mod-faq dt i {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		font-size: 2.5rem;
	}

	.notlogin-block.sub.qa .inner .txt .mod-faq dd {
		font-size: 1.4rem;
	}

	.notlogin-block.sub.qa .inner .txt .mod-faq dd ol {
		padding-left: 30px;
	}

	.notlogin-block.sub.btn {
		background-color: #fff;
	}

	.notlogin-block.sub.btn .inner {
		height: auto;
		padding: 25px 15px;
	}

	.notlogin-block.sub.btn .inner a {
		width: 100%;
		font-size: 3rem;
	}

	.notlogin-block.sub.btn.recruit-btn .inner a {
		background-color: #8bc34a;
	}

	.notlogin-block.sub.btn.job-btn .inner a {
		background-color: #fe590f;
	}

	.notlogin-block.sub.btn.seiko-btn .inner {
		text-align: center;
	}

	.notlogin-block.sub.btn.seiko-btn .inner a {
		display: inline-block;
		width: 45%;
		margin: 0 5px;
		font-size: 2.5rem;
	}

	.notlogin-block.sub.btn.seiko-btn .inner a:first-child {
		background-color: #fe590f;
	}

	.notlogin-block.sub.btn.seiko-btn .inner a:last-child {
		background-color: #2658ce;
	}

	.notlogin-block.sub.support {
		padding: 15px 0;
		background-color: #ebebeb;
	}

	.notlogin-block.sub.support .mod-support-center {
		margin-top: 0;
	}

	.notlogin-block .inner.is-wide {
		flex-direction: column;
		height: auto;
		padding: 15px;
	}

	.notlogin-block .inner.is-wide .mod-button {
		margin: 0 auto 10px;
		font-size: 1.8rem;
		font-weight: bold;
	}

	.notlogin-block .inner.is-wide .title-sub {
		margin: 10px auto 0;
		color: #2658ce;
		font-size: 1.8rem;
		font-weight: bold;
		text-align: left;
	}

	.notlogin-block .inner.is-wide .title-sub.is-black {
		color: #4a4a4a;
	}

	.notlogin-block .inner.is-wide .text-cel {
		margin: 10px auto 0;
	}

	.notlogin-block .inner.is-wide .text-cel p.text {
		margin-bottom: 20px;
		font-size: 1.6rem;
		line-height: 1.6;
	}

	.notlogin-block .main-title {
		font-weight: bold;
		text-align: center;
	}

	.notlogin-block .main-title > span {
		display: block;
	}

	.notlogin-block .main-title > span.sub-lead {
		font-size: 1.8rem;
	}

	.notlogin-block .main-title > span.title-text {
		color: #2658ce;
		font-size: 2rem;
	}

	.notlogin-block .intro-cover {
		margin: 20px auto;
		background: #fafafa;
	}

	.notlogin-block .intro-cover .intro-title {
		padding: 10px;
		background: #4a4a4a;
		color: #fafafa;
		font-size: 1.6rem;
		font-weight: bold;
		text-align: center;
	}

	.notlogin-block .intro-cover .intro-inner.type-center {
		align-items: center;
	}

	.notlogin-block .intro-cover .intro-inner .img-box {
		width: 100px;
	}

	.notlogin-block .intro-cover .intro-inner .img-box img {
		width: 90px;
		height: auto;
	}

	.notlogin-block .intro-cover .intro-inner .text-box {
		width: calc( 100% - 100px);
	}

	.notlogin-block .intro-cover .intro-inner .text-box .intro-name {
		padding: 10px 10px 10px 10px;
		border-bottom: 1px dashed #84849a;
	}

	.notlogin-block .intro-cover .intro-inner .text-box .intro-name .name {
		display: block;
		font-size: 1.8rem;
		font-weight: bold;
	}

	.notlogin-block .intro-cover .intro-inner .text-box .intro-name .company {
		display: inline-block;
		padding-top: 4px;
		font-size: 1.4rem;
		font-weight: normal;
	}

	.notlogin-block .intro-cover .intro-inner .text-box .intro-text {
		padding: 10px 10px 0 10px;
		font-size: 1.4rem;
		line-height: 1.6;
	}

	.notlogin-block .intro-cover .intro-inner .text-only {
		font-size: 1.4rem;
		line-height: 1.6;
	}

	.notlogin-block .movie-cover {
		width: 100%;
		padding: 10px 15px 0;
	}

	.notlogin-block .movie-cover .movie-inner {
		position: relative;
		overflow: hidden;
		width: 100%;
		height: 0;
		padding-top: 56.25%;
	}

	.notlogin-block .movie-cover .movie-inner iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
	}

	.notlogin-block .contact-cover {
		margin: 20px auto;
		background: none;
	}

	.notlogin-block .contact-cover .l-block {
		margin: 0;
		padding-bottom: 0;
	}

	.all-block {
		width: 100%;
		padding: 30px 0;
		background-color: #fff;
	}

	.all-block.is-no-padding {
		padding: 0;
	}

	.all-block.is-gray {
		background-color: #f4f4f9;
	}

	.all-block .box-inner {
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}

	.all-block .box-inner .main-visual {
		width: 100%;
	}

	.all-block .box-inner .main-visual img {
		width: 100%;
		height: auto;
	}

	.all-block .box-inner .main-visual .date-box {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		padding: 0 15px 15px;
	}

	.all-block .box-inner .main-visual .date-box .date-title {
		margin: 10px 10px 10px 0;
		padding: 10px;
		background-color: #4a4a4a;
		color: #fafafa;
		font-size: 1.2rem;
	}

	.all-block .box-inner .main-visual .date-box .date-text-list {
		padding: 10px 0;
	}

	.all-block .box-inner .main-visual .date-box .date-text {
		font-size: 1.6rem;
	}

	.all-block .box-inner .main-visual .date-box .mod-button {
		width: 100%;
		font-size: 1.6rem;
	}

	.all-block .box-inner .main-visual .date-box .mod-p {
		width: 100%;
		margin: 5px;
	}

	.all-block .box-inner .main-title {
		padding: 15px;
		color: #00a3ff;
		font-size: 2.4rem;
		font-weight: bold;
	}

	.all-block .box-inner .main-title .sub {
		color: #4a4a4a;
		font-size: 1.8rem;
	}

	.all-block .box-inner .border-title {
		margin: 0 15px 15px;
		padding: 15px;
		border-left: 6px solid #00a3ff;
		font-size: 2.2rem;
		font-weight: bold;
		line-height: 1.3;
	}

	.all-block .box-inner .border-title .sub-black {
		display: block;
		font-size: 1.8x gulrem;
	}

	.all-block .box-inner .text-line {
		margin: 0 15px;
		font-size: 1.4rem;
		line-height: 2;
	}

	.all-block .box-inner .table-flex {
		padding: 0 15px;
	}

	.all-block .box-inner .table-flex .table-cover {
		padding: 25px 0;
		border-bottom: 1px dashed #cacad9;
		font-size: 1.4rem;
		line-height: 1.6;
	}

	.all-block .box-inner .table-flex .table-cover:last-child {
		border-bottom: none;
	}

	.all-block .box-inner .table-flex .table-cover .table-th {
		width: 100%;
		padding: 0 15px;
		font-size: 1.6rem;
		font-weight: bold;
	}

	.all-block .box-inner .table-flex .table-cover .table-td {
		padding: 15px 15px 0 15px;
	}

	.all-block .box-inner .table-flex .table-cover .table-td .inner-list .inner-li {
		position: relative;
		padding-bottom: 15px;
		padding-left: 1em;
		line-height: 1.6;
	}

	.all-block .box-inner .table-flex .table-cover .table-td .inner-list .inner-li:before {
		content: '・';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
	}

	.all-block .box-inner .table-flex .table-cover .table-td .inner-list .inner-li:last-child {
		padding-bottom: 0;
	}

	.all-block .box-inner .intro-inner .intro-inner-box {
		margin-bottom: 40px;
	}

	.all-block .box-inner .intro-inner .img-box {
		padding: 0 15px;
	}

	.all-block .box-inner .intro-inner .img-box img {
		display: block;
		width: 40%;
		height: auto;
		margin: 0 auto 30px;
	}

	.all-block .box-inner .intro-inner .text-box {
		padding: 0 15px;
	}

	.all-block .box-inner .intro-inner .text-box .intro-name {
		margin-bottom: 15px;
		padding-bottom: 10px;
		border-bottom: 1px dashed #cacad9;
	}

	.all-block .box-inner .intro-inner .text-box .intro-name .name {
		display: block;
		padding: 0 30px 5px 0;
		font-size: 1.8rem;
		font-weight: bold;
	}

	.all-block .box-inner .intro-inner .text-box .intro-name .name .sub {
		font-size: 1.6rem;
	}

	.all-block .box-inner .intro-inner .text-box .intro-name .company {
		font-size: 1.4rem;
	}

	.all-block .box-inner .intro-inner .text-box .intro-name .company .link {
		color: #2196f3;
	}

	.all-block .box-inner .intro-inner .text-box .intro-text {
		font-size: 1.4rem;
		line-height: 1.6;
	}

	.all-block .box-inner .mod-box {
		box-shadow: none;
	}

	.all-block .box-inner .l-block-form .mod-button.button-blue {
		width: 100%;
	}

	.all-block .box-inner .l-block-form .box-inner {
		padding: 15px;
	}

	.all-block .box-inner .date-list {
		margin: 0 auto;
	}

	.all-block .box-inner .date-list-inner {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding-bottom: 30px;
	}

	.all-block .box-inner .date-list-inner .date {
		margin-bottom: 15px;
		font-size: 1.8rem;
	}

	.all-block .box-inner .date-list-inner .mod-button {
		width: 160px;
		padding: 20px 0;
	}

	.all-block .box-inner .date-list-inner .mod-button.is-no-active {
		background: #e7e8f0;
		box-shadow: none;
		color: #5f5d67;
		pointer-events: none;
	}

	.all-block .box-inner .service-link-column {
		padding: 30px 15px;
	}

	.all-block .box-inner .service-link-column .column-box {
		width: 100%;
		margin-bottom: 20px;
		text-align: center;
	}

	.all-block .box-inner .service-link-column .column-box img {
		margin: 0 auto 10px;
	}

	.all-block .box-inner .service-link-column .column-box img.career-logo {
		width: 197px;
		height: 37px;
	}

	.all-block .box-inner .service-link-column .column-box img.recruit-logo {
		width: 253px;
		height: 37px;
	}

	.all-block .box-inner .service-link-column .column-box .lead-text {
		margin-bottom: 10px;
		font-size: 1.4rem;
	}

	.all-block .box-inner .service-link-column .column-box .lead-text .career-color {
		color: #fe590f;
	}

	.all-block .box-inner .service-link-column .column-box .lead-text .recruit-color {
		color: #8bc34a;
	}

	.all-block .box-inner .service-link-column .column-box .mod-button {
		width: 100%;
	}

	.all-block .box-inner .thumbnail-flex {
		margin-top: 20px;
	}

	.all-block .box-inner .thumbnail-flex .thumbnail-flex-box {
		width: 100%;
		margin-bottom: 20px;
		padding: 0 15px 15px;
	}

	.all-block .box-inner .thumbnail-flex .thumbnail-flex-box .img-box {
		display: flex;
		position: relative;
		justify-content: center;
		align-items: center;
		width: 100%;
	}

	.all-block .box-inner .thumbnail-flex .thumbnail-flex-box .img-box img {
		display: block;
		width: 100%;
		height: auto;
	}

	.all-block .box-inner .thumbnail-flex .thumbnail-flex-box .date-box {
		padding: 15px 0;
		color: #4a4a4a;
		font-size: 1.3rem;
		text-align: center;
	}

	.all-block .box-inner .thumbnail-flex .thumbnail-flex-box .title-box {
		position: relative;
		overflow: hidden;
		width: 100%;
		height: 5.12rem;
		margin-bottom: 10px;
		background-color: #fff;
		color: #2658ce;
		font-size: 1.6rem;
		font-weight: bold;
		line-height: 1.6;
		text-align: justify;
	}

	.all-block .box-inner .thumbnail-flex .thumbnail-flex-box .title-box:before,
	.all-block .box-inner .thumbnail-flex .thumbnail-flex-box .title-box:after {
		position: absolute;
		background: #fff;
	}

	.all-block .box-inner .thumbnail-flex .thumbnail-flex-box .title-box:before {
		content: '...';
		display: block;
		top: 2.56rem;
		right: 0;
		width: 1.68rem;
		text-align: center;
	}

	.all-block .box-inner .thumbnail-flex .thumbnail-flex-box .title-box:after {
		content: '';
		width: 100%;
		height: 100%;
	}

	.all-block .box-inner .thumbnail-flex .thumbnail-flex-box .title-box br {
		display: none;
	}

	.all-block .box-inner .thumbnail-flex .thumbnail-flex-box .sub-box {
		position: relative;
		overflow: hidden;
		width: 100%;
		height: 4.48rem;
		margin-bottom: 10px;
		background-color: #fff;
		color: #84849a;
		font-size: 1.4rem;
		line-height: 1.6;
		text-align: justify;
	}

	.all-block .box-inner .thumbnail-flex .thumbnail-flex-box .sub-box:before,
	.all-block .box-inner .thumbnail-flex .thumbnail-flex-box .sub-box:after {
		position: absolute;
		background: #fff;
	}

	.all-block .box-inner .thumbnail-flex .thumbnail-flex-box .sub-box:before {
		content: '...';
		display: block;
		top: 2.24rem;
		right: 0;
		width: 1.47rem;
		text-align: center;
	}

	.all-block .box-inner .thumbnail-flex .thumbnail-flex-box .sub-box:after {
		content: '';
		width: 100%;
		height: 100%;
	}

	.all-block .box-inner .thumbnail-flex .thumbnail-flex-box .detail-box {
		position: relative;
		overflow: hidden;
		width: 100%;
		height: 11.2rem;
		margin-bottom: 10px;
		background-color: #fff;
		font-size: 1.4rem;
		line-height: 1.6;
		text-align: justify;
	}

	.all-block .box-inner .thumbnail-flex .thumbnail-flex-box .detail-box:before,
	.all-block .box-inner .thumbnail-flex .thumbnail-flex-box .detail-box:after {
		position: absolute;
		background: #fff;
	}

	.all-block .box-inner .thumbnail-flex .thumbnail-flex-box .detail-box:before {
		content: '...';
		display: block;
		top: 8.96rem;
		right: 0;
		width: 1.47rem;
		text-align: center;
	}

	.all-block .box-inner .thumbnail-flex .thumbnail-flex-box .detail-box:after {
		content: '';
		width: 100%;
		height: 100%;
	}

	.all-block .box-inner .thumbnail-flex .thumbnail-flex-box .mod-button {
		display: block;
		width: 100%;
		margin: 0 auto;
	}

	.l-block.title-wide-area {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 15px;
		background-color: #4a4a4a;
		color: #fafafa;
		font-size: 1.8rem;
		font-weight: bold;
		text-align: center;
	}

	.l-block.title-wide-area.is-seminar {
		background: linear-gradient(to bottom, #5982e3 0%, #3c5898 100%);
	}

	.block-books {
		padding: 10px;
	}

	.block-books .box-book {
		display: flex;
		margin: 0 0 10px;
		padding: 10px;
	}

	.block-books .box-book .image {
		width: 120px;
	}

	.block-books .box-book .image img {
		width: 100px;
	}

	.block-books .box-book .text {
		flex: 1;
	}

	.block-books .box-book .text h2 {
		color: #2658ce;
		font-size: 2.0rem;
	}

	.block-books .box-book .text h3 {
		margin-top: 5px;
		color: #2658ce;
		font-size: 1.4rem;
	}

	.block-books .box-book .text .status {
		margin: 10px 0;
		font-size: 1.4rem;
	}

	.block-books .box-book .text .status span {
		padding: 3px 5px;
		border-radius: 3px;
	}

	.block-books .box-book .text .status .open {
		background: #fe590f;
		color: #fff;
	}

	.block-books .box-book .text .status .close {
		background: #222;
		color: #fff;
	}

	.block-books .box-book .text dl {
		overflow: hidden;
		font-size: 1.3rem;
	}

	.block-books .box-book .text dt {
		float: left;
		width: 5em;
		margin: 0 0 5px;
		font-weight: bold;
		line-height: 1.3;
	}

	.block-books .box-book .text dd {
		margin: 0 0 5px 5em;
		line-height: 1.3;
	}

	.not-member-block .inner {
		position: relative;
		overflow: hidden;
		padding: 0 20px;
	}

	.not-member-block .inner .not-member-grid {
		box-sizing: border-box;
		margin-right: -10px;
		margin-bottom: -20px;
		margin-left: -10px;
	}

	.not-member-block .inner .not-member-grid.reverse {
		flex-direction: row-reverse;
	}

	.not-member-block .inner .not-member-grid.border {
		border-bottom: dotted 2px #cacad9;
	}

	.not-member-block .inner .not-member-column3,
	.not-member-block .inner .not-member-column4,
	.not-member-block .inner .not-member-column6,
	.not-member-block .inner .not-member-caption,
	.not-member-block .inner .not-member-img {
		max-width: 100%;
		margin-right: 10px;
		margin-bottom: 20px;
		margin-left: 10px;
	}

	.not-member-block .inner .not-member-img {
		text-align: center;
	}

	.not-member-block .inner .not-member-img img {
		width: 100%;
		max-width: 500px;
	}

	.not-member-block .inner .not-member-caption h3 {
		font-size: 2.6rem;
		font-weight: bold;
		line-height: 1;
		text-align: center;
	}

	.not-member-block .inner .not-member-caption h3 span {
		color: #2658ce;
	}

	.not-member-block .inner .not-member-caption h3 strong {
		color: #2658ce;
		font-family: urw-din, sans-serif;
		font-size: 4.5rem;
		font-weight: 600;
		font-style: italic;
		-webkit-font-feature-settings: 'pnum';
		font-feature-settings: 'pnum';
	}

	.not-member-block .inner .not-member-caption p {
		padding-top: 20px;
		font-size: 1.4rem;
		line-height: 1.6;
	}

	.not-member-block .inner .main {
		position: relative;
		z-index: 1;
		width: 280px;
		margin: 0 auto;
		padding: 30px 80px 40px 0;
	}

	.not-member-block .inner .main h1 {
		font-size: 1.6rem;
		line-height: 1.3;
		text-align: center;
	}

	.not-member-block .inner .main h1 strong {
		color: #2658ce;
		color: #000;
		font-family: urw-din, sans-serif;
		font-size: 2.5rem;
		font-weight: 600;
		font-style: italic;
		-webkit-font-feature-settings: 'pnum';
		font-feature-settings: 'pnum';
	}

	.not-member-block .inner .main h1 img {
		width: auto;
		height: 28px;
		vertical-align: text-bottom;
	}

	.not-member-block .inner .main a {
		margin-top: 10px;
		font-size: 1.5rem;
	}

	.not-member-block .inner .main p {
		margin-top: 15px;
		font-size: 1.2rem;
		text-align: center;
	}

	.not-member-block .inner .main .main-obj {
		position: absolute;
		z-index: 2;
		right: -100px;
		bottom: 0;
	}

	.not-member-block .inner .main .main-obj img {
		width: 210px;
	}

	.not-member-block .inner .main.recruit {
		padding-right: 50px;
	}

	.not-member-block .inner .main.recruit h1 {
		font-size: 1.5rem;
		line-height: 1.4;
	}

	.not-member-block .inner .main.recruit h1 img {
		height: 20px;
		margin: 0 2px 2px 0;
	}

	.not-member-block .inner .main.recruit .main-obj {
		right: -50px;
	}

	.not-member-block .inner .main.recruit .main-obj img {
		width: 150px;
	}

	.not-member-block .inner .appeal h2 {
		padding-bottom: 20px;
		font-size: 2.5rem;
		font-weight: bold;
		line-height: 1;
		text-align: center;
	}

	.not-member-block .inner .appeal h2 strong {
		color: #2658ce;
		font-family: urw-din, sans-serif;
		font-size: 5rem;
		font-weight: 600;
		font-style: italic;
		-webkit-font-feature-settings: 'pnum';
		font-feature-settings: 'pnum';
	}

	.not-member-block .inner .appeal h2 span {
		display: none;
	}

	.not-member-block .inner .appeal .not-member-column4,
	.not-member-block .inner .appeal .not-member-column6 {
		margin-bottom: 40px;
	}

	.not-member-block .inner .appeal-box {
		overflow: unset;
		margin-top: 20px;
	}

	.not-member-block .inner .appeal-box .box-inner {
		padding-top: 10px;
		padding-bottom: 0;
	}

	.not-member-block .inner .appeal-box .box-inner .appeal-img {
		text-align: center;
	}

	.not-member-block .inner .appeal-box .box-inner .appeal-img img {
		width: 100%;
		max-width: 400px;
	}

	.not-member-block .inner .appeal-box .box-inner .appeal-head {
		margin-top: -30px;
		line-height: 1.1;
		text-align: center;
	}

	.not-member-block .inner .appeal-box .box-inner .appeal-head span {
		font-size: 1.6rem;
		font-weight: bold;
	}

	.not-member-block .inner .appeal-box .box-inner .appeal-head .price {
		display: inline-block;
		color: #2658ce;
		font-size: 1.6rem;
		font-weight: bold;
	}

	.not-member-block .inner .appeal-box .box-inner .appeal-head .price ul {
		display: inline-flex;
		align-items: flex-end;
		vertical-align: bottom;
	}

	.not-member-block .inner .appeal-box .box-inner .appeal-head .price ul li {
		margin: 0 5px 0 0;
		font-size: 1.0rem;
	}

	.not-member-block .inner .appeal-box .box-inner .appeal-head .price ul li i {
		display: block;
		margin-bottom: 5px;
		font-size: 2.5rem;
	}

	.not-member-block .inner .appeal-box .box-inner .appeal-head .price strong {
		color: #2658ce;
		font-family: urw-din, sans-serif;
		font-size: 5rem;
		font-weight: 600;
		font-style: italic;
		line-height: 1;
		-webkit-font-feature-settings: 'pnum';
		font-feature-settings: 'pnum';
	}

	.not-member-block .inner .appeal-box .box-inner .appeal-txt {
		padding: 5px 0;
		font-size: 1.4rem;
	}

	.not-member-block .inner .appeal-box .box-inner .appeal-txt h4 {
		margin-bottom: 10px;
		color: #2658ce;
		font-size: 2rem;
		font-weight: bold;
		text-align: center;
	}

	.not-member-block .inner .appeal-box .box-inner a {
		display: block;
		padding: 8px 0;
		border-radius: 10px 10px 0 0;
		background: #2196f3;
		color: white;
		font-size: 1.6rem;
		text-align: center;
	}

	.not-member-block .inner .appeal-point {
		padding: 30px 0 30px;
	}

	.not-member-block .inner .topics {
		padding: 30px 0;
	}

	.not-member-block .inner .topics-img img {
		width: 100%;
	}

	.not-member-block .inner .topics-head h2,
	.not-member-block .inner .topics-head h3 {
		font-size: 2.5rem;
		font-weight: bold;
		text-align: center;
		-webkit-font-feature-settings: 'palt';
		font-feature-settings: 'palt';
	}

	.not-member-block .inner .topics-head h2 strong,
	.not-member-block .inner .topics-head h3 strong {
		color: #2658ce;
		font-size: 3.0rem;
	}

	.not-member-block .inner .topics-head h2 strong.din,
	.not-member-block .inner .topics-head h3 strong.din {
		color: #2658ce;
		font-family: urw-din, sans-serif;
		font-size: 5rem;
		font-weight: 600;
		font-style: italic;
		-webkit-font-feature-settings: 'pnum';
		font-feature-settings: 'pnum';
	}

	.not-member-block .inner .topics-head h2 small,
	.not-member-block .inner .topics-head h3 small {
		font-size: 1.8rem;
	}

	.not-member-block .inner .topics-head p {
		padding-top: 15px;
		font-size: 1.6rem;
		line-height: 1.7em;
		text-align: center;
		-webkit-font-feature-settings: 'palt';
		font-feature-settings: 'palt';
	}

	.not-member-block .inner .topics-body {
		padding-top: 40px;
	}

	.not-member-block .inner .access-price {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: 20px 0;
	}

	.not-member-block .inner .access-price dt {
		font-size: 2rem;
		font-weight: bold;
	}

	.not-member-block .inner .access-price dd {
		color: #2658ce;
		font-weight: bold;
	}

	.not-member-block .inner .access-price dd strong {
		display: inline-block;
		margin-bottom: 5px;
		color: #2658ce;
		font-family: urw-din, sans-serif;
		font-size: 5rem;
		font-weight: 600;
		font-style: italic;
		line-height: 1;
		-webkit-font-feature-settings: 'pnum';
		font-feature-settings: 'pnum';
	}

	.not-member-block .inner .function-block {
		position: relative;
		margin-left: 95px;
	}

	.not-member-block .inner .function-block > i {
		display: block;
		display: flex;
		position: absolute;
		top: 0;
		left: -95px;
		justify-content: center;
		align-items: center;
		width: 80px;
		height: 80px;
	}

	.not-member-block .inner .function-block > i:before {
		font-size: 4rem;
	}

	.not-member-block .inner .function-block h3 {
		color: #2658ce;
		font-size: 2.4rem;
		font-weight: bold;
	}

	.not-member-block .inner .function-block p {
		margin-top: 10px;
		line-height: 1.6;
	}

	.not-member-block .inner .function-block a {
		margin-top: 5px;
	}

	.not-member-block .inner .job-box {
		overflow: hidden;
	}

	.not-member-block .inner .job-box img {
		width: 100%;
	}

	.not-member-block .inner .job-box dl {
		padding: 20px;
	}

	.not-member-block .inner .job-box dt {
		font-size: 2.5rem;
		font-weight: bold;
		text-align: center;
	}

	.not-member-block .inner .job-box dd {
		font-size: 1.6rem;
		line-height: 1.8;
	}

	.not-member-block .inner .flow-box {
		position: relative;
		overflow: unset;
		margin-bottom: 50px;
	}

	.not-member-block .inner .flow-box > i {
		display: flex;
		position: absolute;
		right: 0;
		bottom: -40px;
		left: 0;
		justify-content: center;
		align-items: center;
		margin: auto;
	}

	.not-member-block .inner .flow-box > i:before {
		content: '\e908';
		font-size: 3rem;
	}

	.not-member-block .inner .flow-box dt {
		display: block;
		padding: 10px 0;
		border-radius: 5px 5px 0 0;
		background-color: #2658ce;
		color: white;
		font-family: urw-din, sans-serif;
		font-weight: 700;
		font-style: normal;
		text-align: center;
	}

	.not-member-block .inner .flow-box dd {
		display: block;
		padding: 5px 15px 15px;
		text-align: center;
	}

	.not-member-block .inner .flow-box dd > i {
		display: block;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100px;
	}

	.not-member-block .inner .flow-box dd > i:before {
		font-size: 6.8rem;
	}

	.not-member-block .inner .flow-box dd span {
		min-width: 8rem;
		color: #2658ce;
	}

	.not-member-block .inner .flow-box dd strong {
		display: block;
		font-size: 1.6rem;
		text-align: center;
	}

	.not-member-block .inner .flow-box dd p {
		font-size: 1.4rem;
		line-height: 1.6;
		text-align: left;
	}

	.not-member-block .inner .flow-box dd a {
		margin-top: 10px;
	}

	.not-member-block .inner .mod-faq {
		text-align: left;
	}

	.not-member-block .inner .mod-faq dt {
		position: relative;
		padding: 0 0 15px 35px;
	}

	.not-member-block .inner .mod-faq dt i {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		font-size: 2.5rem;
	}

	.not-member-block .inner .mod-faq dd {
		font-size: 1.4rem;
	}

	.not-member-block .inner .mod-faq dd ol {
		padding-left: 30px;
	}

	.not-member-block .inner.order {
		padding: 10px 0;
		background-color: #fff;
	}

	.not-member-block .inner.order #buttonfix_inner {
		padding: 0 20px;
		background-color: rgba(255, 255, 255, 0.8);
		transition-duration: 0.2s;
	}

	.not-member-block .inner.order #buttonfix_inner .mod-button {
		margin: 10px 0;
		font-size: 2.5rem;
	}

	.not-member-block .inner.order #buttonfix_inner.fixed {
		position: fixed;
		z-index: 100;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		margin: auto;
	}

	.not-member-block .inner.order #buttonfix_inner.fixed .mod-button {
		font-size: 2rem;
	}

	.not-member-block .inner.order #buttonfix_inner.hide {
		bottom: -100px;
	}

	.success-block {
		width: 100%;
		padding: 0 15px;
		background: #fafafa;
	}

	.success-block .sp-br {
		display: block;
	}

	.success-block .pc-br {
		display: none;
	}

	.success-block .din {
		font-family: din-1451-lt-pro-engschrift, sans-serif;
		font-weight: 400;
		font-style: normal;
	}

	.success-block .inner {
		width: 100%;
		margin: 0 auto;
		padding-bottom: 80px;
	}

	.success-block .inner .c-red {
		color: #e43828;
	}

	.success-block .inner.main-flex {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding-bottom: 80px;
	}

	.success-block .inner.main-flex .left-box {
		width: 100%;
		padding-top: 20px;
	}

	.success-block .inner.main-flex .left-box .first-lead {
		width: 100%;
		height: auto;
		margin-bottom: 10px;
	}

	.success-block .inner.main-flex .left-box .sub-lead {
		margin-bottom: 10px;
		font-size: 1.4rem;
		text-align: center;
	}

	.success-block .inner.main-flex .left-box .arrow-box {
		position: relative;
		box-sizing: border-box;
		width: 100%;
		padding: 15px;
		background: #e7e8f0;
	}

	.success-block .inner.main-flex .left-box .arrow-box .arrow-lead {
		width: 100%;
		padding-bottom: 8px;
		border-bottom: 1px dashed #000;
		color: #e43828;
		font-size: 1.6rem;
		font-weight: bold;
		text-align: center;
	}

	.success-block .inner.main-flex .left-box .arrow-box .second-lead {
		display: block;
		width: 100%;
		height: auto;
		margin: 9px auto 0;
	}

	.success-block .inner.main-flex .left-box .arrow-box:after {
		content: ' ';
		position: absolute;
		top: 100%;
		left: 50%;
		width: 0;
		height: 0;
		margin-left: -30px;
		border: solid transparent;
		border-width: 30px;
		border-color: rgba(136, 183, 213, 0);
		border-top-color: #e7e8f0;
		pointer-events: none;
	}

	.success-block .inner.main-flex .right-box {
		padding-top: 34px;
	}

	.success-block .inner.main-flex .right-box .third-lead {
		width: 100%;
		height: auto;
	}

	.success-block .inner.main-flex .right-box .right-lead {
		display: block;
		width: 100%;
		padding-top: 10px;
		color: #e43828;
		font-size: 1.4rem;
		text-align: center;
	}

	.success-block .inner.main-flex .right-box .btn-box {
		display: flex;
		justify-content: space-between;
		padding-top: 10px;
	}

	.success-block .inner.main-flex .right-box .btn-box .btn {
		display: inline-block;
		display: block;
		box-sizing: border-box;
		width: 43%;
		padding: 12px;
		border-radius: 5px;
		background: #5f5d67;
		color: #fafafa;
		font-size: 1.6rem;
		text-align: center;
		transition: ease-in-out 0.3s;
	}

	.success-block .inner.main-flex .right-box .btn-box .btn.type-red {
		width: 54%;
		background-color: #e43828;
	}

	.success-block .inner.main-flex .coution-box {
		width: 100%;
		padding: 40px 0 0;
		font-size: 1.6rem;
	}

	.success-block .inner.main-flex .coution-box p {
		position: relative;
		padding-left: 30px;
		text-align: left;
	}

	.success-block .inner.main-flex .coution-box p a,
	.success-block .inner.main-flex .coution-box p strong {
		color: #e43828;
		font-weight: bold;
	}

	.success-block .inner.main-flex .coution-box p a {
		text-decoration: underline;
	}

	.success-block .inner.main-flex .coution-box p:before {
		content: '!';
		display: block;
		position: absolute;
		top: -2px;
		left: 0;
		width: 26px;
		height: 26px;
		border-radius: 13px;
		background-color: #e43828;
		color: #2658ce;
		color: #fafafa !important;
		font-family: urw-din, sans-serif;
		font-size: 1.6rem;
		font-weight: bold;
		font-weight: 600;
		font-style: italic;
		line-height: 26px;
		text-align: center;
		text-indent: -4px;
		-webkit-font-feature-settings: 'pnum';
		font-feature-settings: 'pnum';
	}

	.success-block .inner .block-title {
		position: relative;
		margin-bottom: 45px;
		padding-bottom: 12px;
		color: #000;
		font-size: 3rem;
		font-weight: bold;
		line-height: 1.4;
		text-align: center;
		-webkit-font-feature-settings: 'palt';
		font-feature-settings: 'palt';
	}

	.success-block .inner .block-title:before {
		content: '';
		position: absolute;
		bottom: -14px;
		left: calc( 50% - 51px);
		width: 102px;
		height: 14px;
		background: url('/service/asset_img/login/success/sub_parts01.svg') no-repeat center center;
		background-repeat: no-repeat;
		background-size: contain;
	}

	.success-block .inner .block-title .sub-t {
		font-size: 1.8rem;
	}

	.success-block .inner .sub-box {
		width: 100%;
		padding-bottom: 78px;
		text-align: center;
	}

	.success-block .inner .sub-box:last-child {
		padding-bottom: 0;
	}

	.success-block .inner .sub-box .sub-title {
		display: inline-block;
		position: relative;
		box-sizing: border-box;
		margin: 0 auto;
		margin-bottom: 10px;
		padding: 0 10px;
		font-size: 2.2rem;
		font-weight: bold;
		line-height: 1.4;
		text-align: center;
		-webkit-font-feature-settings: 'palt';
		font-feature-settings: 'palt';
	}

	.success-block .inner .sub-box .sub-title > .din {
		display: block;
		font-size: 20px;
	}

	.success-block .inner .sub-box .sub-title .large {
		display: inline-block;
		position: relative;
		top: 3px;
		left: 1px;
		font-size: 30px;
	}

	.success-block .inner .sub-box .sub-flex {
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 100%;
		margin-bottom: 40px;
	}

	.success-block .inner .sub-box .sub-flex .left-box {
		border-bottom: 1px dashed #7f8198;
	}

	.success-block .inner .sub-box .sub-flex.size-s {
		margin: 0 auto;
	}

	.success-block .inner .sub-box .sub-flex.size-s .box {
		display: flex;
		justify-content: center;
		box-sizing: border-box;
		width: 100%;
		padding: 15px 0;
	}

	.success-block .inner .sub-box .sub-flex.size-s .box .circle-cel {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100px;
		height: 100px;
		border-radius: 50%;
		background: #7f8198;
		color: #fafafa;
		font-size: 1.6rem;
		line-height: 1.2;
		text-align: center;
	}

	.success-block .inner .sub-box .sub-flex.size-s .box .img-cel {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: 0 15px;
		font-size: 1.6rem;
		text-align: center;
	}

	.success-block .inner .sub-box .sub-flex.size-s .box .img-cel .job-name {
		padding-top: 5px;
	}

	.success-block .inner .sub-box .sub-flex.size-s .box .text-cel {
		padding-top: 15px;
		text-align: left;
	}

	.success-block .inner .sub-box .sub-flex.size-s .box .text-cel .price-p {
		font-size: 2rem;
	}

	.success-block .inner .sub-box .sub-flex.size-s .box .text-cel .price-p .num {
		display: inline-block;
		font-size: 71px;
		line-height: 1;
	}

	.success-block .inner .sub-box .sub-flex.size-s .box .text-cel .sub-dock {
		position: relative;
		top: -10px;
		font-size: 1.2rem;
	}

	.success-block .inner .sub-box .sub-flex.size-s .right-box {
		padding: 15px 0;
	}

	.success-block .inner .sub-box .sub-flex.size-s .right-box .circle-cel {
		width: 110px;
		height: 110px;
		background: #e43828;
		font-size: 1.8rem;
	}

	.success-block .inner .sub-box .sub-flex.size-s .right-box .text-cel .price-p .num {
		font-size: 100px;
	}

	.success-block .inner .sub-box .sub-flex.size-l,
	.success-block .inner .sub-box .sub-flex.size-m {
		margin: 0 auto;
	}

	.success-block .inner .sub-box .sub-flex.size-l .box,
	.success-block .inner .sub-box .sub-flex.size-m .box {
		box-sizing: border-box;
		width: 100%;
		padding: 20px 0;
		text-align: center;
	}

	.success-block .inner .sub-box .sub-flex.size-l .box .box-title,
	.success-block .inner .sub-box .sub-flex.size-m .box .box-title {
		display: inline-block;
		height: 32px;
		margin-bottom: 30px;
		padding: 5px 30px;
		border: none;
		border-radius: 16px;
		background: #5f5d67;
		color: #fafafa;
		font-size: 1.6rem;
		font-weight: bold;
	}

	.success-block .inner .sub-box .sub-flex.size-l .box .price-cel,
	.success-block .inner .sub-box .sub-flex.size-m .box .price-cel {
		font-size: 3rem;
	}

	.success-block .inner .sub-box .sub-flex.size-l .box .price-cel .num,
	.success-block .inner .sub-box .sub-flex.size-m .box .price-cel .num {
		display: inline-block;
		padding-right: 10px;
	}

	.success-block .inner .sub-box .sub-flex.size-l .box .price-cel .large-p,
	.success-block .inner .sub-box .sub-flex.size-m .box .price-cel .large-p {
		font-size: 100px;
		line-height: 1;
	}

	.success-block .inner .sub-box .sub-flex.size-l .box .price-cel .yen,
	.success-block .inner .sub-box .sub-flex.size-m .box .price-cel .yen {
		font-size: 4rem;
		font-weight: bold;
	}

	.success-block .inner .sub-box .sub-flex.size-l .box .member-cel,
	.success-block .inner .sub-box .sub-flex.size-m .box .member-cel {
		display: flex;
		justify-content: space-between;
		padding-top: 55px;
	}

	.success-block .inner .sub-box .sub-flex.size-l .box .member-cel .member-dock,
	.success-block .inner .sub-box .sub-flex.size-m .box .member-cel .member-dock {
		position: relative;
		box-sizing: border-box;
		width: 32%;
		margin-right: 5px;
		padding: 17px 8px 8px;
		border-radius: 5px;
		background: #e7e8f0;
		text-align: center;
	}

	.success-block .inner .sub-box .sub-flex.size-l .box .member-cel .member-dock:last-child,
	.success-block .inner .sub-box .sub-flex.size-m .box .member-cel .member-dock:last-child {
		margin-right: 0;
	}

	.success-block .inner .sub-box .sub-flex.size-l .box .member-cel .member-dock:before,
	.success-block .inner .sub-box .sub-flex.size-m .box .member-cel .member-dock:before {
		content: '';
		display: block;
		position: absolute;
		z-index: 2;
		top: calc( 50% - 10px);
		right: -14px;
		width: 20px;
		height: 20px;
		background: url('/service/asset_img/login/success/sub_parts02.svg');
		background-repeat: no-repeat;
		background-size: contain;
	}

	.success-block .inner .sub-box .sub-flex.size-l .box .member-cel .member-dock:last-child:before,
	.success-block .inner .sub-box .sub-flex.size-m .box .member-cel .member-dock:last-child:before {
		content: none;
	}

	.success-block .inner .sub-box .sub-flex.size-l .box .member-cel .member-dock .icon,
	.success-block .inner .sub-box .sub-flex.size-m .box .member-cel .member-dock .icon {
		position: absolute;
		top: -55px;
		left: calc( 50% - 25px);
	}

	.success-block .inner .sub-box .sub-flex.size-l .box .member-cel .member-dock .job-name,
	.success-block .inner .sub-box .sub-flex.size-m .box .member-cel .member-dock .job-name {
		font-size: 1.4rem;
		line-height: 1.2;
	}

	.success-block .inner .sub-box .sub-flex.size-l .box .member-cel .member-dock .job-name .sub,
	.success-block .inner .sub-box .sub-flex.size-m .box .member-cel .member-dock .job-name .sub {
		font-size: 1.2rem;
	}

	.success-block .inner .sub-box .sub-flex.size-l .box .member-cel .member-dock .price-p,
	.success-block .inner .sub-box .sub-flex.size-m .box .member-cel .member-dock .price-p {
		font-size: 3rem;
		font-weight: bold;
		line-height: 1;
	}

	.success-block .inner .sub-box .sub-flex.size-l .box .member-cel .member-dock .price-p .yen,
	.success-block .inner .sub-box .sub-flex.size-m .box .member-cel .member-dock .price-p .yen {
		font-size: 1.4rem;
		font-weight: normal;
	}

	.success-block .inner .sub-box .sub-flex.size-l .right-box .box-title,
	.success-block .inner .sub-box .sub-flex.size-m .right-box .box-title {
		background-color: #e43828;
		font-size: 1.8rem;
	}

	.success-block .inner .sub-box .sub-flex.size-m .box {
		padding: 20px 0;
	}

	.success-block .inner .sub-box .sub-flex.size-m .box .member-cel {
		justify-content: center;
	}

	.success-block .inner .sub-box .sub-flex.size-m .box .member-cel .member-dock {
		width: 40%;
		margin: 0 1%;
	}

	.success-block .inner .sub-box .arrow-wide-box {
		display: flex;
		position: relative;
		justify-content: center;
		box-sizing: border-box;
		width: 100%;
		height: 140px;
		margin: 30px auto 0;
		padding: 15px 10px 0;
		border: 6px solid #e43828;
		background: #fff;
	}

	.success-block .inner .sub-box .arrow-wide-box.mini {
		width: 100%;
	}

	.success-block .inner .sub-box .arrow-wide-box .price-p {
		position: relative;
		font-size: 120px;
		line-height: 1;
	}

	.success-block .inner .sub-box .arrow-wide-box .text-cel {
		padding-top: 30px;
		padding-left: 10px;
		font-weight: bold;
		line-height: 1;
		text-align: left;
	}

	.success-block .inner .sub-box .arrow-wide-box .text-cel .yen {
		padding-left: 5px;
		font-size: 2.4rem;
	}

	.success-block .inner .sub-box .arrow-wide-box .text-cel .cost {
		font-size: 3rem;
		font-weight: bold;
	}

	.success-block .inner .sub-box .arrow-wide-box:after,
	.success-block .inner .sub-box .arrow-wide-box:before {
		content: ' ';
		position: absolute;
		right: 40px;
		bottom: 100%;
		width: 0;
		height: 0;
		border: solid transparent;
		pointer-events: none;
	}

	.success-block .inner .sub-box .arrow-wide-box:after {
		right: 48px;
		bottom: 99.8%;
		margin-left: -25px;
		border-width: 25px;
		border-color: rgba(255, 255, 255, 0);
		border-bottom-color: #fff;
	}

	.success-block .inner .sub-box .arrow-wide-box:before {
		margin-left: -33px;
		border-width: 33px;
		border-color: rgba(228, 56, 40, 0);
		border-bottom-color: #e43828;
	}

	.success-block .inner .three-box {
		display: flex;
		flex-direction: column;
		justify-content: center;
		box-sizing: border-box;
	}

	.success-block .inner .three-box .three-cel {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		min-height: 60px;
		margin: 0 0 20px;
	}

	.success-block .inner .three-box .three-cel .icon-dock {
		display: flex;
		display: block;
		justify-content: center;
		align-items: center;
		width: 130px;
		margin: 0 auto;
		text-align: center;
	}

	.success-block .inner .three-box .three-cel .icon-dock img {
		display: block;
		width: 100%;
		height: auto;
		margin: 0 auto;
	}

	.success-block .inner .three-box .three-cel .icon-dock.border {
		/*border-right: 1px dashed #707070; */
		height: auto;
		padding-right: 10px;
	}

	.success-block .inner .three-box .three-cel .icon-dock .indeed-p {
		color: #0e52ff;
		font-size: 3rem;
		font-weight: bold;
		text-align: center;
	}

	.success-block .inner .three-box .three-cel .icon-dock .google-p {
		color: #4285f4;
		font-size: 3rem;
		font-weight: bold;
		text-align: center;
	}

	.success-block .inner .three-box .three-cel .icon-dock .google-p .g-red {
		color: #ea4335;
	}

	.success-block .inner .three-box .three-cel .icon-dock .google-p .g-yellow {
		color: #fbbc05;
	}

	.success-block .inner .three-box .three-cel .icon-dock .google-p .g-green {
		color: #34a853;
	}

	.success-block .inner .three-box .three-cel .text-dock {
		box-sizing: border-box;
		width: calc( 100% - 130px);
		padding-left: 10px;
		text-align: left;
	}

	.success-block .inner .three-box .three-cel .text-dock .lead-text {
		font-size: 1.8rem;
		font-weight: bold;
	}

	.success-block .inner .three-box .three-cel .text-dock .lead-text.large {
		font-size: 2rem;
	}

	.success-block .inner .three-box .three-cel .text-dock .detail-text {
		font-size: 1.4rem;
	}

	.success-block .inner .three-box.type-arrow-in .three-cel {
		position: relative;
		margin: 0 0 20px;
	}

	.success-block .inner .three-box.type-arrow-in .three-cel:before {
		content: '';
		display: block;
		position: absolute;
		z-index: 2;
		bottom: -28px;
		left: 43px;
		width: 44px;
		height: 16px;
		background: url('/service/asset_img/login/success/arrow.svg');
		background-repeat: no-repeat;
		background-size: contain;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		trasition: ease-in-out 0.3s;
	}

	.success-block .inner .three-box.type-arrow-in .three-cel:last-child {
		display: block;
		width: 100%;
	}

	.success-block .inner .three-box.type-arrow-in .three-cel:last-child .icon-dock {
		width: 100%;
	}

	.success-block .inner .three-box.type-arrow-in .three-cel:last-child .icon-dock .svg {
		position: relative;
		top: -16px;
		width: 100%;
		height: auto;
	}

	.success-block .inner .three-box.type-arrow-in .three-cel:last-child .text-dock {
		width: 100%;
	}

	.success-block .inner .three-box.type-arrow-in .three-cel:last-child:before {
		content: none;
	}

	.success-block .inner .commentary-text {
		font-size: 1.6rem;
		line-height: 1.6;
		text-align: left;
	}

	.success-block .inner .flow-tab {
		display: flex;
		width: 100%;
		margin: 0 auto 40px;
		text-align: center;
	}

	.success-block .inner .flow-tab .button {
		cursor: pointer;
		position: relative;
		width: calc( 100% / 3);
		width: 33.33%;
		padding-bottom: 5px;
		opacity: 0.6;
		font-size: 1.4rem;
		transition: ease-in-out 0.3s;
	}

	.success-block .inner .flow-tab .button:before {
		content: '';
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background: #000;
		transition: ease-in-out 0.3s;
	}

	.success-block .inner .flow-tab .button.active,
	.success-block .inner .flow-tab .button:hover {
		opacity: 1;
		font-weight: bold;
	}

	.success-block .inner .flow-tab .button.active:before,
	.success-block .inner .flow-tab .button:hover:before {
		bottom: -1px;
		height: 3px;
		background: #e43828;
	}

	.success-block .inner .flow-box {
		width: 100%;
	}

	.success-block .inner .flow-cel {
		display: none;
		width: 100%;
		margin-bottom: 30px;
		opacity: 0;
		transition: ease-in-out 0.8s;
	}

	.success-block .inner .flow-cel.active {
		display: flex;
		visibility: visible;
		flex-direction: column;
		-webkit-animation: visit both 1.4s;
		animation: visit both 1.4s;
	}

	.success-block .inner .flow-cel .cel {
		display: flex;
		position: relative;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		margin-bottom: 30px;
	}

	.success-block .inner .flow-cel .cel:before {
		content: '';
		display: block;
		position: absolute;
		z-index: 2;
		bottom: -15px;
		left: calc( 50% - 14px);
		width: 28px;
		height: 16px;
		background: url('/service/asset_img/login/success/sub_parts04.svg');
		background-repeat: no-repeat;
		background-size: contain;
		trasition: ease-in-out 0.3s;
	}

	.success-block .inner .flow-cel .cel:last-child {
		margin-bottom: 0;
	}

	.success-block .inner .flow-cel .cel:last-child:before {
		content: none;
	}

	.success-block .inner .flow-cel .cel .svg {
		display: block;
		width: 130px;
		height: auto;
		margin: 0 auto;
		text-align: center;
	}

	.success-block .inner .flow-cel .cel .detail-text {
		align-items: center;
		box-sizing: border-box;
		width: calc( 100% - 130px);
		padding-left: 10px;
		font-size: 1.4rem;
		line-height: 1.4;
	}

	.success-block .inner .qa-box {
		display: flex;
		box-sizing: border-box;
		width: 100%;
		margin-bottom: 5px;
		border: 5px solid #e43828;
	}

	.success-block .inner .qa-box .q-cel {
		box-sizing: border-box;
		width: 50px;
		padding: 15px 10px 0 5px;
		background: #e43828;
		color: #fafafa;
		font-size: 36px;
		line-height: 1;
		text-align: center;
	}

	.success-block .inner .qa-box .text-cel {
		box-sizing: border-box;
		width: calc( 100% - 50px);
		padding: 15px;
	}

	.success-block .inner .qa-box .text-cel .q-text {
		cursor: pointer;
		position: relative;
		padding-right: 30px;
		font-size: 1.8rem;
		font-weight: bold;
	}

	.success-block .inner .qa-box .text-cel .q-text:before {
		content: '';
		display: block;
		position: absolute;
		z-index: 2;
		top: 3px;
		right: 0;
		width: 28px;
		height: 16px;
		background: url('/service/asset_img/login/success/sub_parts04.svg');
		background-repeat: no-repeat;
		background-size: contain;
		-webkit-animation: kaiten both 0.3s;
		animation: kaiten both 0.3s;
	}

	.success-block .inner .qa-box .text-cel .q-text.active:before {
		-webkit-animation: kaiten-r both 0.3s;
		animation: kaiten-r both 0.3s;
	}

	.success-block .inner .qa-box .text-cel .a-text {
		padding-top: 15px;
		font-size: 1.4rem;
	}

	.success-block .inner .qa-box .text-cel .a-text .link {
		display: inline-block;
		position: relative;
		padding-right: 12px;
		color: #e43828;
	}

	.success-block .inner .qa-box .text-cel .a-text .link:before {
		content: '';
		display: block;
		position: absolute;
		z-index: 2;
		top: 3px;
		right: 0;
		width: 8px;
		height: 13px;
		background: url('/service/asset_img/login/success/sub_parts03.svg');
		background-repeat: no-repeat;
		background-size: contain;
	}

	.success-block .inner .contact-title {
		padding: 40px 0 20px;
		font-size: 2.4rem;
		text-align: center;
	}

	.success-block .inner .telephone-box {
		padding-bottom: 10px;
		text-align: center;
	}

	.success-block .inner .telephone-box a {
		color: #000;
		text-decoration: none;
	}

	.success-block .inner .telephone-box .number {
		display: inline-block;
		font-size: 55px;
		line-height: 1;
	}

	.success-block .inner .telephone-box .svg {
		position: relative;
		top: -15px;
		width: 60px;
		height: auto;
		padding-right: 10px;
	}

	.success-block .inner .others-box {
		padding-bottom: 20px;
		text-align: center;
	}

	.success-block .inner .others-box a {
		color: #000;
		text-decoration: none;
	}

	.success-block .inner .others-box .fax {
		display: inline-block;
		margin-bottom: 15px;
		font-size: 25px;
		line-height: 1;
	}

	.success-block .inner .others-box .mail {
		display: inline-block;
		font-size: 40px;
		line-height: 1;
	}

	.success-block .inner .others-box .mail .svg {
		position: relative;
		top: -5px;
		padding-right: 8px;
	}

	.success-block .inner .date-box {
		padding-bottom: 30px;
		line-height: 1;
		text-align: center;
	}

	.success-block .inner .date-box .text {
		display: inline-block;
		position: relative;
		top: -7px;
		font-size: 2rem;
	}

	.success-block .inner .date-box .time {
		display: inline-block;
		padding: 0 10px;
		font-size: 40px;
	}

	.success-block .inner .date-box .week {
		display: inline-block;
		position: relative;
		top: -8px;
		padding: 8px 10px;
		background: #e43828;
		color: #fafafa;
		font-size: 1.4rem;
	}

	.success-block .inner .caption-text {
		font-size: 1.4rem;
		text-align: center;
	}

	.type-success {
		background: #e7e8f0;
	}

	.type-success > a {
		display: none;
		line-height: 0;
	}

	.type-success #buttonfix {
		background: #e7e8f0;
	}

	.type-success #buttonfix > a {
		display: none;
		line-height: 0;
	}

	.type-success #buttonfix #buttonfix_inner {
		padding: 0;
		background: #e7e8f0;
	}

	.type-success #buttonfix #buttonfix_inner > a {
		display: none;
		line-height: 0;
	}

	.type-success #buttonfix #buttonfix_inner .btn-box {
		display: flex;
		justify-content: center;
		width: 100%;
		margin: 0 auto;
		padding: 10px 0;
	}

	.type-success #buttonfix #buttonfix_inner .btn-box .btn {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 47%;
		height: 50px;
		margin: 0 1%;
		border-radius: 5px;
		background: #5f5d67;
		color: #fafafa;
		font-size: 1.6rem;
		text-align: center;
		transition: ease-in-out 0.3s;
	}

	.type-success #buttonfix #buttonfix_inner .btn-box .btn:hover {
		opacity: 0.6;
	}

	.type-success #buttonfix #buttonfix_inner .btn-box .btn.type-red {
		background: #e43828;
	}

	.type-success #buttonfix #buttonfix_inner.fixed .btn-box .btn {
		height: 50px;
		font-size: 1.6rem;
	}

	.type-success #buttonfix #buttonfix_inner p {
		padding: 0 10px 10px;
		font-size: 1.2rem;
		text-align: center;
	}

	.type-success #buttonfix #buttonfix_inner p a,
	.type-success #buttonfix #buttonfix_inner p strong {
		color: #e43828;
		font-weight: bold;
	}

	.type-success #buttonfix #buttonfix_inner p a {
		text-decoration: underline;
	}

	.success-block-login {
		width: 100%;
		padding: 0 15px;
		background: #fafafa;
	}

	.success-block-login .sp-br {
		display: block;
	}

	.success-block-login .pc-br {
		display: none;
	}

	.success-block-login .inner {
		width: 100%;
		margin: 0 auto;
		padding-bottom: 80px;
	}

	.success-block-login .inner .c-red {
		color: #e43828;
	}

	.success-block-login .inner.main-flex {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding-bottom: 80px;
	}

	.success-block-login .inner.main-flex .block-title {
		padding-top: 30px;
	}

	.success-block-login .inner.main-flex .left-box {
		width: 100%;
	}

	.success-block-login .inner.main-flex .left-box .arrow-box {
		position: relative;
		box-sizing: border-box;
		width: 100%;
		padding: 15px 15px 20px;
		background: #e7e8f0;
	}

	.success-block-login .inner.main-flex .left-box .arrow-box .arrow-lead {
		width: 100%;
		padding-bottom: 8px;
		border-bottom: 1px dashed #000;
		color: #e43828;
		font-size: 1.6rem;
		font-weight: bold;
		text-align: center;
	}

	.success-block-login .inner.main-flex .left-box .arrow-box .second-lead {
		display: block;
		width: 60%;
		height: auto;
		margin: 9px auto 0;
	}

	.success-block-login .inner.main-flex .left-box .arrow-box:after {
		content: ' ';
		position: absolute;
		top: 100%;
		left: 50%;
		width: 0;
		height: 0;
		margin-left: -24px;
		border: solid transparent;
		border-width: 24px;
		border-color: rgba(136, 183, 213, 0);
		border-top-color: #e7e8f0;
		pointer-events: none;
	}

	.success-block-login .inner.main-flex .right-box {
		padding-top: 34px;
	}

	.success-block-login .inner.main-flex .right-box .third-lead {
		width: 100%;
		height: auto;
	}

	.success-block-login .inner.main-flex .right-box .right-lead {
		display: block;
		width: 100%;
		padding-top: 10px;
		color: #e43828;
		font-size: 1.6rem;
		text-align: center;
	}

	.success-block-login .inner .block-title {
		position: relative;
		margin-bottom: 40px;
		padding-bottom: 12px;
		color: #000;
		font-size: 3rem;
		font-weight: bold;
		line-height: 1.4;
		text-align: center;
		-webkit-font-feature-settings: 'palt';
		font-feature-settings: 'palt';
	}

	.success-block-login .inner .block-title:before {
		content: '';
		position: absolute;
		bottom: -14px;
		left: calc( 50% - 51px);
		width: 102px;
		height: 14px;
		background: url('../../asset_img/login/success/sub_parts01.svg') no-repeat center center;
		background-repeat: no-repeat;
		background-size: contain;
	}

	.success-block-login .inner .block-title .sub-t {
		font-size: 1.8rem;
	}

	.success-block-login .inner .double-box {
		display: flex;
		justify-content: center;
		width: 100%;
		margin-bottom: 25px;
	}

	.success-block-login .inner .double-box .double-cel {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		box-sizing: border-box;
		width: 50%;
		text-align: center;
	}

	.success-block-login .inner .double-box .double-cel:first-child {
		border-right: 1px dashed #7f8198;
	}

	.success-block-login .inner .double-box .double-cel .price-dock {
		display: flex;
		justify-content: center;
		align-items: flex-end;
		width: 100%;
		padding-bottom: 18px;
		color: #e43828;
		font-size: 2.2rem;
		font-weight: bold;
		text-align: center;
	}

	.success-block-login .inner .double-box .double-cel .price-dock .svg {
		width: auto;
		height: 80px;
	}

	.success-block-login .inner .double-box .double-cel .price-dock .yen {
		display: inline-block;
		padding-left: 5px;
		line-height: 1;
	}

	.success-block-login .inner .double-box .double-cel .detail-p {
		font-size: 1.8rem;
		font-weight: bold;
		text-align: center;
	}

	.success-block-login .inner .three-box {
		display: flex;
		flex-direction: column;
		justify-content: center;
		box-sizing: border-box;
	}

	.success-block-login .inner .three-box .three-cel {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		min-height: 60px;
		margin: 0 0 20px;
	}

	.success-block-login .inner .three-box .three-cel .icon-dock {
		display: flex;
		display: block;
		justify-content: center;
		align-items: center;
		width: 130px;
		margin: 0 auto;
		text-align: center;
	}

	.success-block-login .inner .three-box .three-cel .icon-dock img {
		display: block;
		width: 100%;
		height: auto;
		margin: 0 auto;
	}

	.success-block-login .inner .three-box .three-cel .icon-dock.border {
		/*border-right: 1px dashed #707070; */
		height: auto;
		padding-right: 10px;
	}

	.success-block-login .inner .three-box .three-cel .icon-dock .indeed-p {
		color: #0e52ff;
		font-size: 3rem;
		font-weight: bold;
		text-align: center;
	}

	.success-block-login .inner .three-box .three-cel .icon-dock .google-p {
		color: #4285f4;
		font-size: 3rem;
		font-weight: bold;
		text-align: center;
	}

	.success-block-login .inner .three-box .three-cel .icon-dock .google-p .g-red {
		color: #ea4335;
	}

	.success-block-login .inner .three-box .three-cel .icon-dock .google-p .g-yellow {
		color: #fbbc05;
	}

	.success-block-login .inner .three-box .three-cel .icon-dock .google-p .g-green {
		color: #34a853;
	}

	.success-block-login .inner .three-box .three-cel .text-dock {
		box-sizing: border-box;
		width: calc( 100% - 130px);
		padding-left: 10px;
		text-align: left;
	}

	.success-block-login .inner .three-box .three-cel .text-dock .lead-text {
		font-size: 1.8rem;
		font-weight: bold;
	}

	.success-block-login .inner .three-box .three-cel .text-dock .lead-text.large {
		font-size: 2rem;
	}

	.success-block-login .inner .three-box .three-cel .text-dock .detail-text {
		font-size: 1.4rem;
	}

	.success-block-login .inner .three-box.type-arrow-in .three-cel {
		position: relative;
		margin: 0 0 20px;
	}

	.success-block-login .inner .three-box.type-arrow-in .three-cel:before {
		content: '';
		display: block;
		position: absolute;
		z-index: 2;
		bottom: -28px;
		left: 43px;
		width: 44px;
		height: 16px;
		background: url('../../asset_img/login/success/arrow.svg');
		background-repeat: no-repeat;
		background-size: contain;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		trasition: ease-in-out 0.3s;
	}

	.success-block-login .inner .three-box.type-arrow-in .three-cel:last-child {
		display: block;
		width: 100%;
	}

	.success-block-login .inner .three-box.type-arrow-in .three-cel:last-child .icon-dock {
		width: 100%;
	}

	.success-block-login .inner .three-box.type-arrow-in .three-cel:last-child .icon-dock .svg {
		position: relative;
		top: -16px;
		width: 100%;
		height: auto;
	}

	.success-block-login .inner .three-box.type-arrow-in .three-cel:last-child .text-dock {
		width: 100%;
	}

	.success-block-login .inner .three-box.type-arrow-in .three-cel:last-child:before {
		content: none;
	}

	.success-block-login .inner .commentary-text {
		font-size: 1.6rem;
		line-height: 1.6;
		text-align: left;
	}
}

.p-webinar-top {
	width: 638px;
	margin: 0 auto;
	padding: 80px 15px 70px;
	line-height: 1.6;
	text-align: center;
}

@media print, screen and (max-width: 767px) {
	.p-webinar-top {
		width: 100%;
		padding-bottom: 40px;
	}
}

.p-webinar-title {
	position: relative;
	margin-bottom: 18px;
	padding-bottom: 15px;
	color: #2658ce;
	font-size: 3.2rem;
	font-weight: bold;
}

.p-webinar-title::before {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: calc( 50% - 30px);
	width: 60px;
	height: 3px;
	background-color: #fff;
}

.p-webinar-detail {
	font-size: 1.6rem;
}

.p-webinar-unit {
	width: 638px;
	margin: 0 auto;
	padding: 0 15px;
}

.p-webinar-unit-box {
	width: 100%;
	padding-bottom: 70px;
}

@media print, screen and (max-width: 767px) {
	.p-webinar-unit {
		width: 100%;
	}
}

.p-webinar-unit.end {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 70px;
	gap: 30px;
}

@media print, screen and (max-width: 767px) {
	.p-webinar-unit.end {
		flex-direction: column;
	}
}

.p-webinar-unit.end .p-webinar-unit-box {
	max-width: 287px;
	padding-bottom: 0;
}

@media print, screen and (max-width: 767px) {
	.p-webinar-unit.end .p-webinar-unit-box {
		max-width: 100%;
	}
}

@media print, screen and (max-width: 767px) {
	.p-webinar-unit.end .box-img {
		display: none;
	}
}

@media print, screen and (max-width: 767px) {
	.p-webinar-unit.end .box-status {
		flex-direction: row;
	}
}

.p-webinar-unit.end .box-detail {
	font-size: 1.4rem;
	font-weight: normal;
}

.p-webinar-unit .box-img {
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}

.p-webinar-unit .box-img img {
	width: 100%;
	height: auto;
}

.p-webinar-unit .box-status {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 15px;
}

@media print, screen and (max-width: 767px) {
	.p-webinar-unit .box-status {
		flex-direction: column;
		gap: 15px;
	}
}

.p-webinar-unit .box-status-detail {
	display: inline-block;
	padding: 5px 25px;
	background-color: #22ab38;
	color: #fff;
	font-size: 1.6rem;
}

.p-webinar-unit .box-status-detail.off {
	padding: 5px 18px;
	background-color: #000;
	font-size: 1.4rem;
}

.p-webinar-unit .box-detail {
	font-size: 1.6rem;
	font-weight: bold;
}

.p-webinar-unit .box-button-ctp {
	display: block;
	position: relative;
	max-width: 300px;
	margin: 15px auto 0;
	padding: 10px;
	border: 2px solid #2196f3;
	border-radius: 10px;
	background-color: #2196f3;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
	color: #fff;
	font-size: 1.8rem;
	text-align: center;
	transition: 0.3s;
}

.p-webinar-unit .box-button-ctp .sub {
	font-size: 1.6rem;
}

.p-webinar-unit .box-button-ctp::after {
	content: '';
	position: absolute;
	top: calc( 50% - 6px);
	right: 16px;
	width: 12px;
	height: 12px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transition: 0.3s;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.p-webinar-unit .box-button-ctp:hover {
	background-color: #fff;
	color: #2196f3;
}

.p-webinar-unit .box-button-ctp:hover::after {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	border-top: 2px solid #2196f3;
	border-right: 2px solid #2196f3;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.p-webinar-sub-title {
	margin-bottom: 30px;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
}

.mod-box-madoguchi {
	box-sizing: border-box;
	border: 2px solid #f05e00;
}

.box-inner-madoguchi {
	display: flex;
	padding: 0;
}

@media print, screen and (max-width: 767px) {
	.box-inner-madoguchi {
		flex-direction: column;
	}
}

.madoguchi-add-image {
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 314px;
	padding: 24px 36px;
	background-color: #efedeb;
}

@media print, screen and (max-width: 767px) {
	.madoguchi-add-image {
		min-width: auto;
	}
}

.madoguchi-add-text {
	width: 100%;
	padding: 32px;
	background-color: #fff;
}

.madoguchi-add-lead {
	display: flex;
	gap: 12px;
}

@media print, screen and (max-width: 767px) {
	.madoguchi-add-lead {
		display: block;
	}
}

.madoguchi-add-lead-badge {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 12px;
	padding: 4px 8px;
	border-radius: 4px;
	background-color: #f05e00;
	color: #fff;
	font-size: 1.6rem;
	gap: 8px;
}

@media print, screen and (max-width: 767px) {
	.madoguchi-add-lead-badge {
		display: inline-block;
	}
}

.madoguchi-add-lead-text {
	margin-bottom: 12px;
	font-size: 2.4rem;
	font-weight: bold;
}

.madoguchi-add-p {
	margin-bottom: 16px;
	font-size: 1.6rem;
	line-height: 150%;
}

.madoguchi-add-p .marker {
	background: linear-gradient(transparent 60%, #ffc800 60%);
}

.madoguchi-add-button {
	display: flex;
	justify-content: center;
	width: 210px;
	padding: 12px 32px;
	border-radius: 1.6em;
	background-color: #ffc800;
	color: #000;
	font-weight: bold;
	gap: 8px;
}

.madoguchi-add-button:visited {
	color: #000;
}

.madoguchi-add-button-cover {
	display: flex;
	justify-content: end;
}

@media print, screen and (max-width: 767px) {
	.madoguchi-add-button-cover {
		justify-content: center;
	}
}