body {
  background: #fff;
}

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

.login-wrapper {
  display: flex;
  width: 100%;
  height: 100%;
  max-width: 100%;
  background: #fff;
}

.login-wrapper > #login,
.login-wrapper > #public-manual {
  width: 50%;
  margin: 0;
  padding: 40px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-shadow: none;
}

.login .message,
.login .success {
	border-left: none;
	box-shadow: none;
	text-align: center;
	font-size: 16px;
}

#public-manual {
  background: linear-gradient(to right, rgba(80, 194, 241, 0.15), rgba(182, 212, 83, 0.15));
}

#public-manual h2 {
  margin-top: 0;
}

.login h1 a {
	background-image: url(../img/logo_login.webp) !important;
	width: 276px !important;
	height: 86px !important;
	background-size: 276px 86px;
}
.login form {
	border: none;
	box-shadow: none;
	max-width: 390px;
	margin: 0 auto;
}
.login form .input, .login input[type=password],
.login input[type=text]{
	border-width: none;
	border: none;
}
.login form .input,
.login form input[type=checkbox],
.login input[type=text] {
	background: #E6E6E6;
}
#login .submit input[type="submit"] {
	background-color: #276ABF;
	border-radius: 50px;
	border: none;
	box-shadow: none;
	width: 200px;
}
#login form p.submit {
	display: flex;
	justify-content: center;
}
.login #nav,
.login #backtoblog,
.login #nav {
	max-width: 390px;
	margin: 0 auto;
}

#login .language-switcher {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #ddd;
  width: 100%;
  max-width: 390px;
  margin-left: auto;
  margin-right: auto;
}

#login .language-switcher form {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

#public-manual {
	display: flex;
	flex-direction: column;
	gap: 20px 0;
}

.p-public-manual,
.p-public-case {
	background-color: #fff;
	border-radius: 10px;
	padding: 32px;
}

.p-public-manual h2,
.p-public-case h2 {
	color: #276ABF;
	font-size: 20px;
	font-weight: 500;
	text-align: center;
}
.p-public-manual-inner {
	display: flex;
	justify-content: center;
	margin: 30px 0 0;
	gap: 0 24px;
}
.c-btn {
	display: inline-block;
	position: relative;
	max-width: 250px;
	width: 100%;
	padding: 25px 30px 25px 20px;
	border-radius: 16px;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	transition: opacity 0.2s ease;
	text-decoration: none;
}
.c-btn:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 20px;
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 15 15.007'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='長方形_2266' data-name='長方形 2266' width='15' height='15.007' transform='translate(0 0)' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='グループ_2499' data-name='グループ 2499' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='パス_135' data-name='パス 135' d='M1.148,9.782a.789.789,0,0,1,1.058.357,5.925,5.925,0,1,0,0-5.273A.79.79,0,1,1,.79,4.17a7.5,7.5,0,1,1,0,6.67.789.789,0,0,1,.357-1.058' fill='%23fff'/%3E%3Cpath id='パス_136' data-name='パス 136' d='M.79,6.711H5.776V4.923a.791.791,0,0,1,1.236-.652l3.771,2.578a.79.79,0,0,1,0,1.3L7.012,10.731a.791.791,0,0,1-1.236-.652V8.291H.79a.79.79,0,0,1,0-1.58' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
	width: 15px;
	height: 15px;
	transform: translateY(-50%);
}
.c-btn:hover {
	color: #fff;
	opacity: .7;
}
.c-btn span {
	position: relative;
	display: inline-block;
	padding: 0 0 0 50px;
}
.c-btn span:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 40px;
	height: 40px;
	transform: translateY(-50%);
}

.c-btn.salary {
	background-color: #5c9be5;
}
.c-btn.tax {
	background-color: #71ccf2;
}
.c-btn.salary span:before {
	background: url(../img/ico_salary.webp) no-repeat;
	background-size: contain;
}
.c-btn.tax span:before {
	background: url(../img/ico_salary.webp) repeat;
	background-size: contain;
}
.p-public-case-inner {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	margin: 30px 0 0;
}
.c-link-btn {
	display: inline-block;
	position: relative;
	padding: 15px 60px 15px 20px;
	border: 1px solid #9ab4d5;
	border-radius: 100px;
	background-color: #fff;
	letter-spacing: 0.05em;
	text-decoration: none;
	color: #333333;
	transition: background-color 0.2s ease;
}
.c-link-btn:hover {
	background-color: #E7EFF8;
}
.c-link-btn:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 20px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 15 15'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='長方形_2224' data-name='長方形 2224' width='15' height='15' fill='%239ab5d5'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='グループ_2413' data-name='グループ 2413' clip-path='url(%23clip-path)'%3E%3Cpath id='パス_17' data-name='パス 17' d='M1.384,9.777a.79.79,0,0,1,1.058.357,5.921,5.921,0,1,0,0-5.271.79.79,0,1,1-1.418-.7,7.5,7.5,0,1,1,0,6.667.789.789,0,0,1,.357-1.058' transform='translate(-0.236 0)' fill='%239ab5d5'/%3E%3Cpath id='パス_18' data-name='パス 18' d='M.79,8.087H5.777V6.3a.789.789,0,0,1,1.235-.651l3.771,2.576a.789.789,0,0,1,0,1.3L7.012,12.1a.79.79,0,0,1-1.235-.652V9.665H.79a.789.789,0,1,1,0-1.579' transform='translate(0 -1.379)' fill='%239ab5d5'/%3E%3C/g%3E%3C/svg%3E");
	width: 15px;
	height: 15px;
	transform: translateY(-50%);
}
@media screen and (max-width: 1159px) {
	.login-wrapper {
		flex-direction: column;
	}
	.login-wrapper > #login {
		width: 100%;
		padding: 100px 20px;
	}
	.login-wrapper > #public-manual {
		width: 100%;
		padding: 30px 20px 80px;
	}
	.login form {
		max-width: 100%;
	}
	.p-public-manual-inner {
		flex-direction: column;
		align-items: center;
		gap: 20px 0;
	}
	.p-public-manual,
	.p-public-case {
		padding: 40px 20px;
	}
	.c-btn{
		font-size: 16px;
	}
	.p-public-case-inner {
		grid-template-columns: 1fr;
		gap: 20px 0;
	}
}

.language-switcher {
	display: none;
  }