@charset 'UTF-8';

/*


    Common


*/

/*  color  */
:root {
	--black-color: #191716;
	--white-color: #ffffff;
	--main-color: #f55612;
	--background-color: #f3f0ee;
	--conversion-color: #0aad39;
	--glay01-color: #f3f0ee;
	--glay02-color: #595959;
	--glay03-color: #8f8f8f;
	--glay04-color: #d4d4d4;
	--glay05-color: #a8a8a8;
	--brown-color: #844e2f;
	--orange01-color: #ffc0b4;
	--orange02-color: #fd6108;
	--line-color: #06c755;
	--caution-color: #e53e3e;
}

/*  webkit  */
body {
	-webkit-text-size-adjust: 100%;
}
a {
	-webkit-tap-highlight-color: rgba(255,255,255,0.4);
}
img {
	-webkit-touch-callout: none;
}
input[type=password], input[type=text], button, textarea {
	max-width: 100%;
	-webkit-appearance: none;
	border-radius: 0;
}

/*  font  */
.makinas-4-flat {
	font-family: makinas-4-flat, sans-serif;
	font-style: normal;
	font-weight: 400;
}

/*  text  */
html {
	font-size: 10px;
}
body {
	font-family: "Noto Sans JP", serif;
	font-size: 1.3rem;
	font-weight: 500;
	font-feature-settings: 'palt';
	color: var(--black-color);
}
@media screen and (min-width: 768px) {
	body {
		font-size: 1.6rem;
	}
}
a {
	color: var(--main-color);
	transition: all 0.1s linear;
}
b {
	display: block;
	font-weight: 300;
	font-style: normal;
}
@media screen and (min-width: 768px) {
	b {
		display: inline;
	}
}
i { 
	font-style: normal;
}
em { 
	font-style: normal;
	color: var(--main-color);
}
strong { font-weight: 600; };

/*  img  */
body img {
	width: 100%;
	height: auto;
}

/*  iframe  */
body iframe {
	display: block;
	width: 100%;
	height: auto;
}
@media screen and (min-width: 768px) {
	body iframe {
		min-height: 300px;
	}
}

/*  button  */
input[type=submit],
button,
a.button {
	display: inline-block;
	margin: 0.25em 0;
	padding: 0.5em 2em;
	background-color: var(--main-color);
	border: 1px solid var(--main-color);
	color: #ffffff;
	font-size: 1em;
	font-weight: normal;
	white-space: nowrap;
	border-radius: 5px;
	cursor: pointer;
}
input[type=submit].large,
button.large,
a.button.large {
	padding: 1em 4em;
	font-size: 1.25em;
}
input[type=submit].small,
button.small,
a.button.small {
	font-size: 0.75em;
}
input[type=submit].light,
button.light,
a.button.light {
	background-color: var(--white-color);
	border-color: #cccccc;
	color: #666666;
}
input[type=submit][disabled],
button[disabled],
a.button[disabled],
input[type=submit].disabled,
button.disabled,
a.button.disabled {
	background-color: #cccccc;
	border-color: #cccccc;
}






/*


    Message


*/

/*  layout  */
#message {
	display: flex;
	align-items: center;
	margin: 1em;
	padding: 0.5em 1em;
	color: #ffffff;
	border-radius: 3px;
	animation: failure 10s linear both;
}
#message.success { background-color: #8fc31f;}
#message.failure { background-color: #ea545d;}
#message p {
	margin: 0 0 0 0.75em;
}
@media screen and (min-width: 768px) {
	#message {
		max-width: 768px;
		margin: 1em auto;
	}
}
@keyframes failure {
	0% { opacity: 1;}
	2% { opacity: 1;}
	5% { opacity: 0.3;}
	12% { opacity: 1;}
	95% { opacity: 1;}
	100% { opacity: 0;}
}




/*


    Header


*/

/*  common  */
header.global {
	background-color: var(--white-color);
}
header.global .container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 0;
}
header.global .container .contact.pc {
	display: none;
}
header.global .container .contact.sp {
	display: block;
}
header.global .container nav.pc {
	display: none;
}
header.global .container nav.sp {
	display: none;
}
@media screen and (min-width: 1120px) {
	header.global .container {
		max-width: none;
	}
	header.global .container .contact.pc {
		display: flex;
	}
	header.global .container .contact.sp {
		display: none;
	}
	header.global .container nav.pc {
		display: block;
	}
	header.global .container nav.sp {
		display: none;
	}
}

/*  .sitetop  */
header.global .container a.sitetop {
	display: inline-block;
	margin: 15px 10px;
	line-height: 0;
}
header.global .container a.sitetop h1,
header.global .container a.sitetop p {
	margin: 0 !important;
	line-height: 0 !important;
}
header.global .container a.sitetop img ,
header.global .container a.sitetop img {
	display: block;
	width: auto;
	height: 45px;
}
@media screen and (min-width: 1120px) {
	header.global .container a.sitetop img ,
	header.global .container a.sitetop img {
		display: block;
		width: auto;
		height: 60px;
	}
}

/*  .menu  */
header.global .container a.menu {
	position: fixed;
	top: 10px;
	right: 10px;
	width: 45px;
	height: 45px;
	border-radius:8px;
	background-image: url('./images/menu.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.15);
	cursor: pointer;
	z-index: 9999;
}
header.global .container a.menu.open {
	background-image: url('./images/close.png');
	box-shadow: none;
}
@media screen and (min-width: 1120px) {
	header.global .container a.menu {
		display: none;
	}
}

/*  nav  */
header.global .container nav ul {
	list-style: none;
	margin: 0;
}
header.global .container nav ul li {
	margin: 0;
}

/*  nav.sp  */
header.global .container nav.sp {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0 10px 45px;
	background-color: var(--main-color);
	overflow-y: scroll;
	z-index: 999;
	webkit-overflow-scrolling: touch;
	box-sizing: border-box;
}
header.global .container nav.sp ul li a {
	color: var(--white-color);
}
header.global .container nav.sp ul.main > li > a {
	display: block;
	padding: 19.5px 0;
	border-bottom: 1px solid var(--orange01-color);
	font-size: 1.7rem;
	font-weight: 700;
	box-sizing: border-box;
}
header.global .container nav.sp ul.main > li > a:before {
	content: "・";
	margin: 0 0.5em 0 0;
}
header.global .container nav.sp ul.sub {
	margin: 1em 0;
}
header.global .container nav.sp ul.sub > li {
	margin: 0 0 0 1em;
}
header.global .container nav.sp ul.sub > li > a {
	font-size: 1.4rem;
	line-height: 2;
}

/*  nav.pc  */
@media screen and (min-width: 1120px) {
	header.global .container nav.pc {
		flex-shrink: 0;
		width: 100%;
		border-top: 1px solid var(--glay04-color);
		border-bottom: 1px solid var(--glay04-color);
		background-color: var(--white-color);
		box-sizing: border-box;
	}
	header.global .container nav.pc ul.main {
		display: flex;
		justify-content: space-between;
		align-items: center;
		list-style: none;
		height: 50px;
		max-width: 1280px;
		margin: 0 auto;
	}
	header.global .container nav.pc ul.main > li {
		display: flex;
		align-items: center;
		margin: 0;
		font-size: 1.6rem;
		font-weight: 700;
		color: var(--black-color);
		cursor: pointer;
	}
	header.global .container nav.pc ul.main > li + li {
		margin: 0 0 0 20px;
	}
	header.global .container nav.pc ul.main > li > a {
		color: inherit;
	}
	header.global .container nav.pc ul.main > li:has( > .wrap ):after {
		content: "▼";
		margin: 0 0 0 1em;
		font-size: 0.7rem;
	}
	header.global .container nav.pc ul.main > li.open {
		color: var(--main-color);
	}
	header.global .container nav.pc ul.main > li.open:has( > .wrap ):after {
		content: "▲";
	}
	header.global .container nav.pc .wrap {
		display: none;
		position: absolute;
		top: 130px;
		left: 0;
		right: 0;
		width: 100%;
		margin: auto;
		background-color: var(--white-color);
		z-index: 1;
	}
	header.global .container nav.pc .wrap ul.sub {
		display: flex;
		flex-wrap: wrap;
		margin: 20px auto;
		max-width: 1280px;
	}
	header.global .container nav.pc .wrap ul.sub li {
		width: 25%;
	}
	header.global .container nav.pc .wrap ul.sub li a {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 20px 60px 20px 20px;
		width: 100%;
		font-weight: 600;
		color: var(--black-color);
		box-sizing: border-box;
	}
	header.global .container nav.pc .wrap ul.sub li a:after {
		content: "";
		display: block;
		width: 7px;
		height: 7px;
		border-top: 2px solid var(--main-color);
		border-right: 2px solid var(--main-color);
		transform: rotate(45deg);
	}
	header.global .container nav.pc .wrap ul.sub > li:nth-of-type(1) {
		flex-shrink: 0;
		width: 100%;
	}
	header.global .container nav.pc .wrap ul.sub > li:nth-of-type(1) a {
		width: 25%;
		font-weight: 700;
	}
}

/*  .contact.sp  */
header.global .container .contact.sp .registration .r-btn.large {
	margin: 30px 0;
	border: 2px solid var(--white-color);
	background-color: var(--conversion-color);
}
header.global .container .contact.sp p:has(+ .wrap) {
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--white-color);
	text-align: center;
}
header.global .container .contact.sp .wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0 -10px;
}
header.global .container .contact.sp .wrap .interview,
header.global .container .contact.sp .wrap .line {
	width: 50%;
	padding: 0 10px;
	box-sizing: border-box;
}
header.global .container .contact.sp .wrap .interview .r-btn.small,
header.global .container .contact.sp .wrap .line .r-btn.small {
	background-color: var(--white-color);
}
header.global .container .contact.sp .wrap .interview .r-btn.small:after {
	border-top: 2px solid var(--main-color);
	border-right: 2px solid var(--main-color);
}
header.global .container .contact.sp .wrap .interview .r-btn.small span {
	color: var(--main-color);
}
header.global .container .contact.sp .wrap .line .r-btn.small:before {
	content: "";
	display: block;
	width: 2em;
	height: 2em;
	background-image: url('./images/LINE.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
header.global .container .contact.sp .wrap .line .r-btn.small:after {
	border-top: 2px solid var(--line-color);
	border-right: 2px solid var(--line-color);
}
header.global .container .contact.sp .wrap .line .r-btn.small span {
	color: var(--line-color);
}

/*  .contact.pc  */
@media screen and (min-width: 1120px) {
	header.global .container .contact.pc {
		display: flex;
		align-items: center;
	}
	header.global .container .contact.pc .tel {
		margin: 0 15px 0 0;
	}
	header.global .container .contact.pc .registration a {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 240px;
		height: 55px;
		border-radius: 5px;
		background-color: var(--conversion-color);
		font-size: 2.0rem;
		color: var(--white-color);
	}
	header.global .container .contact.pc .registration a:before {
		content: "";
		display: block;
		width: 25px;
		height: 25px;
		margin: 0 10px 0 0;
		background-image: url('./images/mail.png');
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}
}

/*  .fixed  */
header.global .container .fixed {
	position: fixed;
	left: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	width: 100%;
	padding: 10px;
	background-color: rgba(255,255,255,0.9);
	z-index: 99;
	box-sizing: border-box;
}
header.global .container .fixed .registration {
	width: 50%;
}
header.global .container .fixed .jobs,
header.global .container .fixed .search {
	width: 25%;
	padding: 0 0 0 10px;
	box-sizing: border-box;
}
header.global .container .fixed .jobs .s-btn,
header.global .container .fixed .search .s-btn {
	background-color: var(--main-color);
}
@media screen and (min-width: 1120px) {
	header.global .container .fixed {
		display: none;
	}
}






/*


    Footer


*/

/*  #contact  */
footer.global #contact {
	position: relative;
	background-color: var(--background-color);
}
footer.global #contact:after {
	position: absolute;
	bottom: 0;
	content: "";
	display: block;
	width: 100%;
	height: 150px;
	background-color: var(--black-color);
}
footer.global #contact .container {
	padding: 50px 10px 0;
	box-sizing: border-box;
}
footer.global #contact .container .frame {
	position: relative;
	padding: 30px 15px;
	border-radius: 15px;
	background-color: var(--main-color);
	color: var(--white-color);
	box-sizing: border-box;
	z-index: 1;
}
footer.global #contact .container .frame h2 + p {
	font-size: 1.5em;
	font-weight: 700;
	text-align: center;
}
@media screen and (min-width: 1120px) {
	footer.global #contact:after {
		height: 500px;
	}
	footer.global #contact .container {
		padding: 100px 0 0;
	}
	footer.global #contact .container .frame h2 + p {
		font-size: 2.5em;
	}
}

/*-- .registration --*/
footer.global #contact .container .frame .registration {
	width: 100%;
	margin: 0 auto;
}
footer.global #contact .container .frame .registration a.s-btn {
	justify-content: flex-start;
	position: relative;
	width: 100%;
	height: 100px;
	padding: 0 10px;
	border: 2px solid var(--white-color);
	box-sizing: border-box;
}
footer.global #contact .container .frame .registration a.s-btn:before {
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	margin: 0 10px 0 0;
	background-image: url('./images/round-mail.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
footer.global #contact .container .frame .registration a.s-btn:after {
	position: absolute;
	right: 10px;
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	background-image: url('./images/round-arrow-wg.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
footer.global #contact .container .frame .registration a.s-btn span {
	font-size: 2.6rem;
}
footer.global #contact .container .frame .registration a.s-btn span small {
	font-size: 1.3rem;
}
@media screen and (min-width: 1120px) {
	footer.global #contact .container .frame .registration {
		width: 1000px;
	}
	footer.global #contact .container .frame .registration a.s-btn {
		justify-content: center;
		height: 210px;
		padding: 0 40px;
		border: 4px solid var(--white-color);
	}
	footer.global #contact .container .frame .registration a.s-btn:before {
		width: 100px;
		height: 100px;
		margin: 0 20px 0 0;
	}
	footer.global #contact .container .frame .registration a.s-btn:after {
		right: 40px;
		width: 60px;
		height: 60px;
	}
	footer.global #contact .container .frame .registration a.s-btn span {
		font-size: 5.0rem;
	}
	footer.global #contact .container .frame .registration a.s-btn span small {
		font-size: 2.8rem;
	}
}

/*-- .wrap --*/
footer.global #contact .container .frame .wrap {
	display: flex;
	flex-wrap: wrap;
	margin: 10px auto 0;
}
footer.global #contact .container .frame .wrap .interview,
footer.global #contact .container .frame .wrap .line {
	width: 50%;
	padding: 0 5px;
	box-sizing: border-box;
}
footer.global #contact .container .frame .wrap .interview a.s-btn,
footer.global #contact .container .frame .wrap .line a.s-btn {
	justify-content: flex-start;
	position: relative;
	width: 100%;
	height: 55px;
	padding: 0 10px;
	background-color: var(--white-color);
}
footer.global #contact .container .frame .wrap .interview a.s-btn:after,
footer.global #contact .container .frame .wrap .line a.s-btn:after {
	position: absolute;
	right: 10px;
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
footer.global #contact .container .frame .wrap .interview a.s-btn span small,
footer.global #contact .container .frame .wrap .line a.s-btn span small {
	color: var(--black-color);
}
@media screen and (min-width: 1120px) {
	footer.global #contact .container .frame .wrap {
		width: 1000px;
		margin: 20px auto 0;
	}
	footer.global #contact .container .frame .wrap .interview a.s-btn,
	footer.global #contact .container .frame .wrap .line a.s-btn {
		justify-content: flex-start;
		height: 110px;
		padding: 0 40px;
	}
	footer.global #contact .container .frame .wrap .interview a.s-btn:after,
	footer.global #contact .container .frame .wrap .line a.s-btn:after {
		right: 40px;
		width: 45px;
		height: 45px;
	}
	footer.global #contact .container .frame .wrap .interview a.s-btn span,
	footer.global #contact .container .frame .wrap .line a.s-btn span {
		font-size: 3.0rem;
	}
	footer.global #contact .container .frame .wrap .interview a.s-btn span small,
	footer.global #contact .container .frame .wrap .line a.s-btn span small {
		font-size: 1.5rem;
	}
}

/*-- .interview --*/
footer.global #contact .container .frame .wrap .interview a.s-btn:after {
	background-image: url('./images/round-arrow-ow.png');
}
footer.global #contact .container .frame .wrap .interview a.s-btn span {
	color: var(--main-color);
}

/*-- .line --*/
footer.global #contact .container .frame .wrap .line a.s-btn:before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 5px 0 0;
	background-image: url('./images/s-LINE.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
footer.global #contact .container .frame .wrap .line a.s-btn:after {
	background-image: url('./images/round-arrow-gw.png');
}
footer.global #contact .container .frame .wrap .line a.s-btn span {
	color: var(--line-color);
}
@media screen and (min-width: 1120px) {
	footer.global #contact .container .frame .wrap .line a.s-btn:before {
		width: 65px;
		height: 65px;
		margin: 0 10px 0 0;
	}
}

/*  #guide  */
footer.global #guide {
	background-color: var(--black-color);
}
footer.global #guide .container {
	padding: 20px;
	box-sizing: border-box;
}
@media screen and (min-width: 1120px) {
	footer.global #guide .container {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		flex-direction: row-reverse;
		padding: 85px 0;
	}
}

/*-- .sitemap --*/
footer.global #guide .container .sitemap {
	overflow: hidden;
}
footer.global #guide .container .sitemap ul.main {
	float: left;
	width: 50%;
	margin: 0;
}
footer.global #guide .container .sitemap ul.term-list {
	float: none;
	display: block;
	width: 100%;
}
@media screen and (min-width: 1120px) {
	footer.global #guide .container .sitemap {
		display: flex;
	}
	footer.global #guide .container .sitemap ul.main {
		margin: 0 0 0 80px;
	}
	footer.global #guide .container .sitemap ul.term-list {
		display: none;
	}
}
footer.global #guide .container .sitemap ul.main {
	list-style: none;
}
footer.global #guide .container .sitemap ul.main > li {
	margin: 20px 0;
}
footer.global #guide .container .sitemap ul.main > li > a {
	font-size: 1.3rem;
	font-weight: 700;
	color: var(--white-color);
}
footer.global #guide .container .sitemap ul.main > li > a:before {
	content: "";
	display: inline-block;
	width: 5px;
	height: 5px;
	margin: 0 5px 0 0;
	border-radius: 9999px;
	background-color: var(--main-color);
}
@media screen and (min-width: 1120px) {
	footer.global #guide .container .sitemap ul.main > li > a {
		font-size: 1.6rem;
	}
}
footer.global #guide .container .sitemap ul.sub {
	list-style: none;
	margin: 0;
}
footer.global #guide .container .sitemap ul.sub > li {
	margin: 10px 0;
}
footer.global #guide .container .sitemap ul.sub > li > a {
	font-size: 1.2rem;
	color: var(--white-color);
}
footer.global #guide .container .sitemap ul.sub > li > a:before {
	content: "-";
	margin: 0 0 0 10px;
}
footer.global #guide .container .sitemap ul.sub > li > a small {
	font-size: 1.0rem;
}
@media screen and (min-width: 1120px) {
	footer.global #guide .container .sitemap ul.sub > li > a {
		font-size: 1.4rem;
	}
}
footer.global #guide .container .sitemap ul.term-list {
	margin: 20px 0 40px;
}
footer.global #guide .container .sitemap ul.term-list li {
	margin: 0;
}
footer.global #guide .container .sitemap ul.term-list li a {
	color: var(--glay02-color);
}

/*-- .information --*/
footer.global #guide .container .information {
	border-top: 1px solid var(--glay02-color);
	text-align: center;
}
footer.global #guide .container .information .sitetop {
	display: inline-block;
	width: 210px;
	margin: 60px 0 30px;
}
footer.global #guide .container .information .sitetop img {
	width: 100%;
	height: auto;
}
footer.global #guide .container .information .tel {
	display: inline-block;
}
footer.global #guide .container .information .tel a {
	color: var(--white-color);
}
footer.global #guide .container .information .tel small {
	color: var(--white-color);
	text-align: center;
}
@media screen and (min-width: 1120px) {
	footer.global #guide .container .information {
		width: 285px;
		border: none;
		text-align: left;
	}
	footer.global #guide .container .information .sitetop {
		width: 285px;
		margin: 0 0 30px;
	}
	footer.global #guide .container .information .tel {
		line-height: 1.5;
	}
	footer.global #guide .container .information .tel a {
		font-size: 3.5rem;
	}
	footer.global #guide .container .information .tel small {
		text-align: left;
	}
}

/*-- .copyright --*/
footer.global #guide .container .copyright {
	margin: 30px 0;
	font-size: 1.1rem;
	color: var(--glay02-color);
	text-align: center;
}
footer.global #guide .container .copyright ul {
	display: none;
}
@media screen and (min-width: 1120px) {
	footer.global #guide .container .copyright {
		display: flex;
		flex-shrink: 0;
		justify-content: space-between;
		margin: 120px 0 0 0;
		padding: 20px 0 0 0;
		width: 100%;
		border-top: 1px solid var(--glay02-color);
		font-size: 1.3rem;
		box-sizing: border-box;
	}
	footer.global #guide .container .copyright ul {
		display: flex;
		list-style: none;
		margin: 0;
	}
	footer.global #guide .container .copyright ul li {
		margin: 0 1em;
	}
	footer.global #guide .container .copyright ul li a {
		color: var(--glay02-color);
	}
}





/*


    Layout


*/
body {
	padding: 0 0 65px;
	background-color: var(--background-color);
	box-sizing: border-box;
}
.container {
	width: 100%;
	margin: 0 auto;
	padding: 0 25px;
	box-sizing: border-box;
}

@media screen and (min-width: 768px) {
	body {
		padding: 0;
	}
	.container {
		padding: 0;
		max-width: 1120px;
	}
}






/*


    Parts


*/

/*  heading  */
h2 {
	font-family: "Lato", sans-serif;
	font-size: 5.0rem;
	font-weight: 900;
	text-align: center;
}
@media screen and (min-width: 1120px) {
	h2 {
		font-size: 10.0rem;
	}
}

/*  .jp  */
h2.jp {
	margin: 1em 0;
	font-family: "Noto Sans JP", serif;
	font-size: 3.0rem;
	font-weight: 700;
	text-align: left;
}
@media screen and (min-width: 1120px) {
	h2.jp {
		font-size: 6.0rem;
	}
}

/*  .type01  */
h2.type01 {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	margin: 0 0 50px 0;
	font-size: 4.5rem;
	line-height: 1;
}
h2.type01 span {
	display: block;
	font-family: "Noto Sans JP", serif;
	font-size: 1.2rem;
	font-weight: 700;
	margin: 0 0 0 1em;
	text-align: left;
}
h2.type01:after {
	flex-shrink: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	content: "";
	display: block;
	width: 100%;
	height: 7px;
	margin: auto;
	background-color: var(--black-color);
}
@media screen and (min-width: 1120px) {
	h2.type01 {
		font-size: 10.0rem;
	}
	h2.type01 span {
		font-size: 2.0rem;
	}
	h2.type01:after {
		height: 15px;
	}
}

/*  .type02  */
.type02 {
	padding: 0 25px;
	text-align: center;
	box-sizing: border-box;
}
.type02 h2 {
	display: inline-block;
	margin: 0 0 50px 0;
	line-height: 1;
}
.type02 h2 span {
	display: block;
	font-family: "Noto Sans JP", serif;
	font-size: 1.4rem;
	font-weight: 700;
}
.type02 h2 span:before {
	content: "";
	display: block;
	width: 100%;
	height: 7px;
	margin: 0 auto 10px;
	background-color: var(--black-color);
}
.type02 h2 img {
	display: block;
	margin: 10px auto;
	width: 300px;
	height: auto;
}
@media screen and (min-width: 1120px) {
	.type02 {
		padding: 0;
	}
	.type02 h2 {
		margin: 0 0 50px 0;
		font-size: 12.0rem;
	}
	.type02 h2 span {
		font-size: 2.5rem;
	}
	.type02 h2 span:before {
		height: 13px;
	}
	.type02 h2 img {
		width: 700px;
	}
}

/*  color  */
h2.w {
	color: var(--white-color);
}
h2.w:after {
	background-color: var(--white-color);
}
h2.w span:before {
	background-color: var(--white-color);
}
h2.o {
	color: var(--main-color);
}
h2.o:after {
	background-color: var(--main-color);
}
h2.o span:before {
	background-color: var(--main-color);
}

/*  .btn  */
a.btn {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 0 auto;
	padding: 1em 2em;
	border-radius: 9999px;
	border: 2px solid var(--main-color);
	font-size: 1.6rem;
	color: var(--main-color);
	box-sizing: border-box;
}
a.btn:after {
	position: absolute;
	right: 1.5em;
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-top: 2px solid var(--main-color);
	border-right: 2px solid var(--main-color);
	transform: rotate(45deg);
}
a.btn:hover {
	border: 2px solid var(--white-color);
	background-color: var(--main-color);
	color: var(--white-color);
}
a.btn:hover:after {
	border-top: 2px solid var(--white-color);
	border-right: 2px solid var(--white-color);
}
a.btn.w {
	border: 2px solid var(--white-color);
	color: var(--white-color);
}
a.btn.w:after {
	border-top: 2px solid var(--white-color);
	border-right: 2px solid var(--white-color);
}
a.btn.w:hover {
	border: 2px solid var(--main-color);
	background-color: var(--white-color);
	color: var(--main-color);
}
a.btn.w:hover:after {
	border-top: 2px solid var(--main-color);
	border-right: 2px solid var(--main-color);
}
@media screen and (min-width: 1120px) {
	a.btn {
		font-size: 1.8rem;
		max-width: 280px;
	}
}

/*  .link-btn  */
a.link-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 2em auto;
	font-weight: 700;
	color: var(--main-color);
}
a.link-btn:after {
	content: "";
	display: block;
	width: 1.5em;
	height: 1.5em;
	margin: 0 0 0 1em;
	background-image: url('./images/round-arrow-oo.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
a.link-btn.w {
	color: var(--white-color);
}
a.link-btn.w:after {
	background-image: url('./images/round-arrow-ww.png');
}

/*  round button  */
.r-btn {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	padding: 0.75em 2.5em 0.75em 1.5em;
	border-radius: 9999px;
	border: 2px solid var(--main-color);
	background-color: var(--main-color);
	font-weight: 700;
	color: var(--white-color);
	box-sizing: border-box;
}
.r-btn:after {
	position: absolute;
	right: 1.5em;
	content: "";
	display: block;
	width: 0.5em;
	height: 0.5em;
	border-top: 2px solid var(--white-color);
	border-right: 2px solid var(--white-color);
	transform: rotate(45deg);
}
.r-btn:hover {
	background-color: var(--white-color);
	color: var(--main-color);
}
.r-btn:hover:after {
	border-top: 2px solid var(--main-color);
	border-right: 2px solid var(--main-color);
}
.r-btn span {
	display: block;
	text-align: center;
}
.r-btn span small {
	display: block;
	font-size: 0.75em;
}
.r-btn.large {
	font-size: 2em;
}
.r-btn.medium {
	font-size: 1.5em;
}
.r-btn.small {
	font-size: 1em;
}

/*  square button  */
.s-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 45px;
	border-radius: 7.5px;
	background-color: var(--conversion-color);
	box-sizing: border-box;
}
.s-btn span {
	display: block;
	font-weight: 700;
	color: var(--white-color);
}
.s-btn span small {
	display: block;
}
.s-btn.large span {
	font-size: 1.8rem;
}
.s-btn.small span {
	font-size: 1.2rem;
}

/*  normal button  */
a.n-btn {
	display: inline-block;
	padding: 0.5em 2em;
	border-radius: 9999px;
	border: 2px solid var(--black-color);
	color: var(--black-color);
	text-align: center;
	box-sizing: border-box;
}

/*  .tel  */
.tel {
	line-height: 1.25;
}
.tel small {
	display: block;
	font-size: 1.3rem;
	text-align: right;
	color: var(--black-color);
}
.tel a {
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: "Lato", sans-serif;
	font-size: 3.0rem;
	font-weight: 700;
	color: var(--black-color);
}
.tel a:before {
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	margin: 0 7.5px 0 0;
	background-image: url('./images/round-tel.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

/*  .slider  */
.slider .frame {
	overflow: hidden;
}
.slider .frame > ul {
	list-style: none;
	margin: 0;
	letter-spacing: 0;
	overflow: auto;
	white-space: nowrap;
	scrollbar-width: none;
}
.slider .frame > ul::-webkit-scrollbar {
	display: none;
}
.slider .frame > ul > li {
	display: inline-block;
	margin: 0 10px 0 0;
	letter-spacing: 0;
	white-space: normal;
	vertical-align: top;
}
.slider .frame ul > li > img {
	width: 100%;
	height: auto;
	vertical-align: top;
}
@media screen and (min-width: 1120px) {
	.slider .frame > ul > li {
		margin: 0 15px 0 0;
	}
}

/*  .sp / .pc  */
.sp {
	display: block;
}
.pc {
	display: none;
}
@media screen and (min-width: 1120px) {
	.sp {
		display: none;
	}
	.pc {
		display: block;
	}
}

/*  .blog-box  */
.blog-box {
	width: 100%;
	height: auto;
	border-radius: 10px;
	overflow: hidden;
}
.blog-box .img-txt .img {
	width: 100%;
	height: 180px;
}
.blog-box .img-txt .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.blog-box .img-txt .txt {
	padding: 30px;
	background-color: var(--white-color);
	box-sizing: border-box;
}
.blog-box .img-txt .txt .tag {
	display: inline-block;
	padding: 0 2em;
	border: 1px solid var(--main-color);
	font-size: 1.0rem;
	font-weight: 700;
	color: var(--main-color);
	box-sizing: border-box;
}
.blog-box .img-txt .txt .title {
	display: block;
	margin: 1em 0 0;
	font-size: 2.0rem;
	font-weight: 700;
	color: var(--black-color);
}
.blog-box .img-txt .txt .excerpt {
	display: block;
	margin: 1em 0 0;
	color: var(--black-color);
}
.blog-box .img-txt .txt .date {
	display: block;
	margin: 1em 0 0;
	color: var(--main-color);
	text-align: right;
}
@media screen and (min-width: 1120px) {
	.blog-box .img-txt .img {
		width: 40%;
		height: auto;
		padding: 0;
	}
	.blog-box .img-txt .txt {
		width: 60%;
	}
	.blog-box .img-txt .txt .tag {
		font-size: 1.4rem;
	}
	.blog-box .img-txt .txt .title {
		font-size: 2.6rem;
	}
}






/*  label-box  */
.label-box {
	display: block;
	border-radius: 10px;
	overflow: hidden;
}
.label-box .img-txt .img {
	width: 100%;
	height: 200px;
	overflow: hidden;
}
.label-box .img-txt .img img {
	width: 100%;
	height: auto;
	object-fit: cover;
	object-position: top;
}
.label-box .img-txt .txt {
	padding: 20px;
	background-color: var(--white-color);
	box-sizing: border-box;
}
@media screen and (min-width: 1120px) {
	.label-box .img-txt .img {
		width: 100%;
		padding: 0;
	}
	.label-box .img-txt .txt {
		width: 100%;
		padding: 20px;
	}
}

/*  .links  */
ul.links {
	list-style: none;
	margin: 0;
}
ul.links li {
	margin: 0;
}
ul.links li + li {
	margin-top: 30px;
}
ul.links li a {
	display: block;
}
ul.links li a img {
	width: 100%;
	height: auto;
}

/*  ul.line  */
ul.line {
	list-style: none;
	margin: 0;
}
ul.line > li {
	margin: 0;
	padding: 1em;
	box-sizing: border-box;
}
ul.line > li + li {
	border-top: 1px solid var(--glay04-color);
}
ul.line > li span.item {
	display: block;
	width: 100%;
	font-weight: bold;
	color: var(--main-color);
}
ul.line > li span.content {
	display: block;
	width: 100%;
	color: var(--black-color);
}
@media screen and (min-width: 1120px) {
	ul.line > li {
		display: flex;
		flex-wrap: wrap;
	}
	ul.line > li span.item {
		width: 20%;
	}
	ul.line > li span.content {
		width: 80%;
	}
}

/*  .supple  */
.supple {
	margin: 1em 0;
}
.supple > strong {
	display: block;
	margin: 0 0 1em 0;
	font-size: 2.2rem;
}
@media screen and (min-width: 1120px) {
	.supple > strong {
		font-size: 3.0rem;
	}
}

/*  .belt  */
.belt {
	margin: 2em 0;
}
.belt span {
	display: inline-block;
	width: fit-content;
	background-color: var(--black-color);
	font-size: 1.5em;
	font-weight: 700;
	color: var(--white-color);
	line-height: 1;
	box-sizing: border-box;
}
.belt.m span {
	font-size: 2em;
}
.belt.l span {
	font-size: 2.5em;
}
.belt span em {
	color: var(--main-color);
}
@media screen and (min-width: 1120px) {
	.belt.l span {
		font-size: 3em;
	}
}

/*  .lead  */
.lead {
	margin: 1em 0;
	font-size: 1.5em;
	font-weight: 700;
	line-height: 1.5 !important;
}
.lead.m {
	font-size: 2em;
}
.lead.l {
	font-size: 2.5em;
}
.lead em {
	color: var(--main-color);
}
@media screen and (min-width: 1120px) {
	.lead.l {
		font-size: 3em;
	}
}

/*  .br  */
.br {
	display: block;
}
@media screen and (min-width: 1120px) {
	.br {
		display: inline;
	}
}

/*  .align-right  */
p.align-right {
	text-align: right !important;
}

/*  .img-txt  */
.img-txt {
	display: flex;
	flex-wrap: wrap;
}
.img-txt .img {
	width: 100%;
	box-sizing: border-box;
}
.img-txt .img img {
	width: 100%;
	height: auto;
}
.img-txt .txt {
	width: 100%;
	box-sizing: border-box;
}
.img-txt .txt p {
	text-align: justify;
}
@media screen and (min-width: 1120px) {
	.img-txt .img {
		width: 50%;
		padding: 0 30px 0 0;
	}
	.img-txt .txt {
		width: 50%;
		padding: 0 0 0 30px;
	}
}

/*  .img-txt.reverse  */
.img-txt.reverse {
	display: flex;
	flex-direction: column-reverse;
}
@media screen and (min-width: 1120px) {
	.img-txt.reverse {
		flex-direction: row-reverse;
	}
	.img-txt.reverse .img {
		padding: 0 0 0 30px;
	}
	.img-txt.reverse .txt {
		padding: 0 30px 0 0;
	}
}

/*  .img-txt.vertical  */
@media screen and (min-width: 1120px) {
	.img-txt.vertical .img {
		width: 100%;
		padding: 0;
	}
	.img-txt.vertical .txt {
		padding: 0;
		width: 100%;
		padding: 0;
	}
}

/*  .clip-board  */
.clip-board {
	position: relative;
	padding: 4.5em 2em 2em;
	border-radius: 5px;
	border: 3px solid var(--main-color);
	background-color: var(--white-color);
	box-sizing: border-box;
}
.clip-board .label {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	display: block;
	width: 100%;
	margin: auto;
	text-align: center;
}
.clip-board .label span {
	display: inline-block;
	padding: 0.25em 1em;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background-color: var(--main-color);
	font-size: 1.25em;
	color: var(--white-color);
	box-sizing: border-box;
}
@media screen and (min-width: 1120px) {
	.clip-board {
		padding: 6.5em 4em 4em;
		border-radius: 7px;
		border: 5px solid var(--main-color);
	}
	.clip-board .label span {
		font-size: 1.75em;
	}
}

/*  #overlay  */
#overlay {
	display: none;
}

/*  .profile  */
.profile {
	padding: 25px;
	background-color: var(--background-color);
	box-sizing: border-box;
}
.profile strong {
	display: block;
	margin: 0 0 1em 0;
	font-size: 1.8rem;
}
.profile strong:before {
	content: "";
	display: inline-block;
	width: 5px;
	height: 1em;
	margin: 0 0.5em 0 0;
	background-color: var(--main-color);
}
.profile .img-txt {
	display: flex;
	flex-wrap: nowrap;
}
.profile .img-txt .img {
	width: 30%;
}
.profile .img-txt .txt {
	width: 70%;
}
.profile .img-txt .txt .name {
	display: block;
	font-weight: 700;
}
.profile .img-txt .txt .name small {
	display: block;
	font-size: 0.75em;
}
@media screen and (min-width: 1120px) {
	.profile strong {
		font-size: 2.0rem;
	}
	.profile .img-txt .txt .name {
		font-size: 2.0rem;
	}
}

/*  .comment-box  */
.comment-box {
	display: flex;
	flex-wrap: nowrap;
}
.comment-box .img {
	width: 20%;
}
.comment-box .img img {
	width: 100%;
	height: auto;
}
.comment-box .img p {
	margin: 0.5em 0 0 0;
	color: var(--white-color);
	text-align: center;
}
.comment-box .txt {
	width: 80%;
	padding: 0 0 0 10px;
}
.comment-box .txt .comment {
	position: relative;
	padding: 1em;
	border-radius: 5px;
	background-color: var(--white-color);
	box-sizing: border-box;
}
.comment-box .txt .comment:before {
	position: absolute;
	top: 20px;
	left: -20px;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-right: 10px solid var(--white-color);
}
.comment-box .txt .comment strong {
	display: inline-block;
	margin: 0 0 1em 0;
	padding: 0 1em;
	border-radius: 9999px;
	background-color: var(--main-color);
	color: var(--white-color);
	box-sizing: border-box;
}
@media screen and (min-width: 1120px) {
	.comment-box .txt {
		padding: 0 0 0 20px;
	}
	.comment-box .txt .comment {
		padding: 2em;
	}
	.comment-box .txt .comment:before {
		top: 40px;
		left: -40px;
		border: 20px solid transparent;
		border-right: 20px solid var(--white-color);
	}
}

/*  .telop  */
.telop {
	width: 100%;
	overflow: hidden;
}
.telop ul {
	list-style: none;
	display: inline-block;
	margin: 0;
	white-space: nowrap;
	animation: loop-slide 6.67s infinite linear;
}
.telop ul li {
	display: inline-block;
	margin: 0 1em;
}
@keyframes loop-slide {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(calc(-100% / 3));
	}
}

/*  .anchors  */
ol.anchors {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
}
ol.anchors li {
	width: 50%;
	margin: 0;
	padding: 10px;
	box-sizing: border-box;
}
ol.anchors li a {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	height: 100%;
	padding: 0 0 20px;
	border-bottom: 1px solid var(--glay04-color);
	box-sizing: border-box;
}
ol.anchors li a:after {
	flex-shrink: 0;
	content: "";
	display: block;
	width: 1em;
	height: 1em;
	margin: 0.5em 0 0 1em;
	background-image: url('./images/arrow_w.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
ol.anchors li a {
	color: var(--white-color);
}
ol.anchors li a span {
	font-size: 1.6rem;
}
ol.anchors li a span small {
	display: block;
}
@media screen and (min-width: 1120px) {
	ol.anchors {
		display: block;
	}
	ol.anchors li {
		width: 100%;
	}
}

/*  ol.steps  */
ol.steps {
	list-style: none;
	margin: 0;
}
ol.steps li {
	margin: 0;
	border-radius: 10px;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.15);
}
ol.steps li + li {
	margin: 30px 0 0 0;
}
ol.steps li .frame {
	position: relative;
	padding: 20px;
	border-radius: 10px;
	background-color: var(--background-color);
	box-sizing: border-box;
}
ol.steps li .frame:after {
	position: absolute;
	bottom: -30px;
	left: 0;
	right: 0;
	content: "";
	display: block;
	width: 0;
	height: 0;
	margin: auto;
	border-style: solid;
	border-color: var(--background-color) transparent transparent transparent;
	border-width: 30px 47.5px 0px 47.5px;
	z-index: 1;
}
ol.steps li:last-of-type .frame:after {
	content: none;
}
ol.steps li .frame .title {
	margin: 0 0 20px 0;
	font-size: 3.0rem;
	font-size: 2.0rem;
	vertical-align: base-line;
}
ol.steps li .frame .title .tag {
	margin: 0 10px 0 0;
	font-family: "Lato", sans-serif;
	font-size: 4.0rem;
	font-weight: 700;
	color: var(--main-color);
}
ol.steps li .frame .title .tag small {
	margin: 0 10px 0 0;
	font-size: 1.0rem;
	color: var(--black-color);
}
ol.steps li .frame .img-txt .txt .lead {
	color: var(--main-color);
}
@media screen and (min-width: 1120px) {
	ol.steps li + li {
		margin: 40px 0 0 0;
	}
	ol.steps li .frame {
		padding: 70px;
	}
	ol.steps li .frame:after {
		border-width: 40px 67.70px 0px 67.70px;
	}
	ol.steps li .frame .title {
		font-size: 4.5rem;
	}
	ol.steps li .frame .title .tag {
		font-size: 6.0rem;
	}
	ol.steps li .frame .title .tag small {
		font-size: 2.0rem;
	}
}

/*  .point  */
.point {
	position: relative;
	display: block;
	padding: 20px;
	border-radius: 10px;
	border: 2px solid var(--black-color);
	background-color: var(--white-color);
	box-sizing: border-box;
}
.point .label {
	position: absolute;
	top: -1em;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	text-align: center;
}
.point .label span {
	display: inline-block;
	padding: 0.25em 1em;
	border-radius: 9999px;
	background-color: var(--black-color);
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--white-color);
	box-sizing: border-box;
}
@media screen and (min-width: 1120px) {
	.point {
		padding: 40px;
	}
	.point .label span {
		font-size: 2.0rem;
	}
}

/*  .terms  */
ul.terms {
	list-style: none;
}
ul.terms li {
	margin: 10px 0 0 0;
}
ul.terms li a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.5em 1em;
	border-radius: 5px;
	background-color: var(--white-color);
	color: var(--main-color);
	box-sizing: border-box;
}
ul.terms li a:after {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	background-image: url('./images/arrow_o.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
@media screen and (min-width: 1120px) {
	ul.terms li a {
		display: inline-block;
	}
	ul.terms li a:after {
		content: none;
	}
}

/*  ul.faq  */
ul.faq {
	list-style: none;
	margin: 0;
}
ul.faq li {
	margin: 20px 0;
	border-radius: 10px;
	overflow: hidden;
}
ul.faq li .q {
	position: relative;
	display: flex;
	align-items: center;
	padding: 10px 55px 10px 20px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-color: var(--white-color);
	box-sizing: border-box;
	cursor: pointer;
}
ul.faq li .q:after {
	position: absolute;
	right: 20px;
	flex-shrink: 0;
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border: 2px solid transparent;
	border-right: 2px solid var(--main-color);
	border-bottom: 2px solid var(--main-color);
	transform: rotate(45deg);
}
ul.faq li .q.open:after {
	border: 2px solid transparent;
	border-left: 2px solid var(--main-color);
	border-top: 2px solid var(--main-color);
}
ul.faq li .q span.no {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	font-family: "Lato", sans-serif;
	font-size: 2.3rem;
	color: var(--main-color);
}
ul.faq li .q span.no small {
	margin: 0 0 0 5px;
	font-size: 1.4rem;
}
ul.faq li .q span.title {
	height: 100%;
	margin: 0 10px;
	padding: 0 0 0 10px;
	border-left: 1px solid var(--glay04-color);
	color: var(--main-color);
}
ul.faq li .a {
	padding: 30px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background-color: var(--background-color);
	box-sizing: border-box;
}
ul.faq li .a .img-txt .img img {
	display: block;
	margin: 0 auto 30px;
	width: 100px;
	height: auto;
}
@media screen and (min-width: 1120px) {
	ul.faq li .q {
		padding: 20px 95px 20px 40px;
	}
	ul.faq li .q:after {
		right: 40px;
	}
	ul.faq li .q span.no {
		font-size: 5.0rem;
	}
	ul.faq li .q span.no small {
		font-size: 2.0rem;
	}
	ul.faq li .q span.title {
		margin: 0 30px;
		padding: 0 0 0 30px;
		font-size: 2.4rem;
	}
	ul.faq li .a {
		padding: 50px 100px;
	}
	ul.faq li .a .img-txt .img {
		width: 20%;
	}
	ul.faq li .a .img-txt .img img {
		margin: 0;
		width: 130px;
	}
	ul.faq li .a .img-txt .txt {
		width: 80%;
	}
}

/*  ol.numbers  */
ol.numbers {
	list-style: none;
	margin: 0;
}
ol.numbers li {
	margin: 60px 0 0 0;
}
ol.numbers li .frame {
	position: relative;
	border-radius: 10px;
	border: 2px solid var(--main-color);
	background-color: var(--white-color);
	padding: 70px 30px 30px;
	box-sizing; border-box;
}
ol.numbers li .frame:before {
	position: absolute;
	top: -45px;
	left: 0;
	right: 0;
	content: "";
	display: flex;
	justify-content: center;
	align-items: center;
	width: 90px;
	height: 90px;
	margin: auto;
	border-radius: 9999px;
	background-color: var(--main-color);
	font-family: font-family: "Lato", sans-serif;
	font-size: 4.5rem;
	font-weight: 700;
	color: var(--white-color);
}
ol.numbers li:nth-of-type(1) .frame:before { content: "01"; }
ol.numbers li:nth-of-type(2) .frame:before { content: "02"; }
ol.numbers li:nth-of-type(3) .frame:before { content: "03"; }
@media screen and (min-width: 1120px) {
	ol.numbers {
		display: flex;
		flex-wrap: wrap;
	}
	ol.numbers li {
		width: 33.33%;
		padding: 0 15px;
		box-sizing: border-box;
	}
}

/*  ol.numbers.b  */
ol.numbers.b li .frame {
	border: 2px solid var(--black-color);
}
ol.numbers.b li .frame:before {
	background-color: var(--black-color);
}

/*  .side-main  */
.side-main {
	width: 100%;
}
.side-main .side {
	width: 100%;
}
.side-main .main {
	width: 100%;
}
@media screen and (min-width: 1120px) {
	.side-main {
		display: flex;
		flex-wrap: wrap;
	}
	.side-main .side {
		width: 30%;
		padding: 0 70px 0 0;
		box-sizing: border-box;
	}
	.side-main .main {
		width: 70%;
	}
}

/*  .progress  */
ol.progress {
	display: flex;
	justify-content: center;
	align-items: center;
	list-style: none;
	margin: 30px auto;
}
ol.progress li {
	display: flex;
	margin: 0;
}
ol.progress li + li:before {
	content: "";
	display: block;
	width: 50px;
	height: 0;
	margin: 25px 10px 0;
	border-bottom: 3px dotted var(--black-color);
}
ol.progress li.progressed + li.progressed:before {
	border-bottom: 3px dotted var(--main-color);
}
ol.progress li .wrap {
	text-align: center;
	font-size: 1.5rem;
}
ol.progress li span.no {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 35px;
	height: 35px;
	margin: 0 0 10px 0;
	background-color: var(--black-color);
	font-family: "Lato", sans-serif;
	font-size: 1.5rem;
	color: var(--white-color);
}
ol.progress li.progressed span.no {
	background-color: var(--main-color);
}
@media screen and (min-width: 1120px) {
	ol.progress {
		display: flex;
		flex-wrap: wrap;
	}
	ol.progress li {
		flex-wrap: wrap;
		width: 100%;
	}
	ol.progress li + li:before {
		width: 0;
		height: 50px;
		margin: 10px 0 10px 25px;
		border-left: 3px dotted var(--black-color);
	}
	ol.progress li.progressed + li.progressed:before {
		border-left: 3px dotted var(--main-color);
	}
	ol.progress li .wrap {
		flex-shrink: 0;
		display: flex;
		align-items: center;
		width: 100%;
		font-size: 2.0rem;
	}
	ol.progress li span.no {
		width: 50px;
		height: 50px;
		margin: 0 10px 0 0;
		font-size: 3.0rem;
	}
}

/*  pager  */
nav.page ol {
	display: flex;
	justify-content: center;
	list-style: none;
	margin: 3em 0;
}
nav.page ol li {
	margin: 0 0.25em;
}
nav.page ol li a {
	display: block;
	padding: 0.25em 0.75em;
	border: 1px solid var(--main-color);
	color: var(--main-color);
	box-sizing: border-box;
}
nav.page ol li.current a {
	background-color: var(--main-color);
	color: var(--white-color);
}

/*  .search-items  */
.search-items {
	font-size: 1.5rem;
}
.search-items .item {
	padding: 5px 0;
	box-sizing: border-box;
}
@media screen and (min-width: 1120px) {
	.search-items {
		display: flex;
		flex-wrap: wrap;
		font-size: 2.4rem;
	}
	.search-items .item {
		width: 33.33%;
		padding: 5px;
	}
	.search-items #freeword {
		width: 40%;
	}
	.search-items #submit {
		width: 60%;
	}
	.search-items #reset {
		width: 100%;
	}
}
.search-items .item a {
	position: relative;
	display: flex;
	align-items: center;
	padding: 1em 2em;
	border-radius: 5px;
	border: 2px solid var(--main-color);
	background-color: var(--white-color);
	color: var(--black-color);
	box-sizing: border--box;
}
.search-items .item input[type="text"] {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 1em 2em;
	border-radius: 5px;
	border: 2px solid var(--main-color);
	background-color: var(--white-color);
	font-size: 2.4rem;
	color: var(--black-color);
	box-sizing: border-box;
}
.search-items .item a:after {
	position: absolute;
	top: 0;
	right: 1em;
	bottom: 0;
	content: "";
	display: block;
	width: 1.5em;
	height: 1.5em;
	margin: auto;
	color: var(--main-color);
	font-weight: bold;
}
.search-items .item#type a:after { content: "＋"; }
.search-items .item#area a:after { content: "＋"; }
.search-items .item#salary a:after { content: "▼"; }
.search-items .item span.title {
	display: flex;
	align-items: center;
}
.search-items .item span.title:before {
	content: "";
	display: block;
	width: 1.5em;
	height: 1.5em;
	margin: 0 0.5em 0 0;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.search-items .item#type span:before { background-image: url('./images/type.png'); }
.search-items .item#area span:before { background-image: url('./images/area.png'); }
.search-items .item#salary span:before { background-image: url('./images/salary.png'); }
.search-items .item#freeword span:before { background-image: url('./images/freeword.png'); }
.search-items #submit a {
	display: flex;
	align-items: center;
	padding: 1em 2em;
	border-radius: 5px;
	background-color: var(--main-color);
	color: var(--white-color);
	box-sizing: border-box;
}
.search-items #submit a:before {
	content: "";
	display: block;
	width: 1.5em;
	height: 1.5em;
	margin: 0 1em 0 0;
	background-image: url('./images/search_w.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.search-items #reset {
	margin: 1em 0 0;
	color: var(--main-color);
	text-decoration: underline;
	text-align: center;
}
@media screen and (min-width: 1120px) {
	.search-items #reset {
		text-align: right;
	}
}






/*

    Modal

*/
#modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.75);
	z-index: 9999;
	overflow: scroll;
}
#modal .modal-content {
	position: absolute;
	top: 10%;
	left: 0;
	right: 0;
	margin: auto;
}
.modal-open {
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 9999px;
	cursor: pointer;
}
#modal .modal-content .modal-close {
	position: absolute;
	top: 10px;
	right: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 30px;
	font-weight: bold;
	color: var(--main-color);
	transform: rotate(45deg);
	cursor: pointer;
}




/*

    Form

*/

/*  item  */
input[type=text],
input[type=email],
input[type=password],
input[type=date],
select,
textarea {
	width: 100%;
	margin: 0.125em 0;
	background-color: #ffffff;
	border-radius: 3px;
}
input[type=text].half,
input[type=email].half,
input[type=password].half,
input[type=date].half,
textarea.half {
	width: calc(50% - 0.5em);
}
select {
	width: auto;
}
input[type=text],
input[type=email],
input[type=password],
input[type=date] {
	min-height: 2.5em;
	padding: 0 0.5em;
}
select {
	min-height: 2.5em;
}
textarea {
	padding: 0.5em;
}
form p.submit {
	text-align: center;
}

form dl dt {
	display: flex;
	color: #333333;
	gap: 0.5em;
	font-weight: normal;
}
form dl dd {
	display: flex;
	gap: 1em;
	align-items: center;
	margin: 0.5em 0 2em;
}
form dl dt span.half {
	width: 50%;
}

/*  input  */
form dl dt a.addition {
	display: inline-block;
	margin-left: 0.5em;
	border: 1px #dddddd solid;
	background-color: #f9f9f9;
	border-radius: 3px;
	line-height: 1;
	cursor: pointer;
	vertical-align: middle;
}
form dl dd span.input div.values {
	letter-spacing: -1em;
}
form dl dd span.input div.values span {
	display: inline-block;
	margin: 0.25em;
	padding: 0.125em 0.5em;
	border: 1px #cccccc solid;
	font-size: smaller;
	border-radius: 2px;
	letter-spacing: 0;
}
form dl dd span.input div.values span.empty {
	padding-left: 0;
	color: #666666;
	border-color: transparent;
}

/*  em  */
form dl dt em {
	display: inline-block;
	padding: 0 0.5em;
	border-radius: 5px;
	background-color: var(--main-color);
	color: var(--white-color);
	box-sizing: border-box;
}

/*  error  */
form dl dd input.error,
form dl dd select.error,
form dl dd textarea.error {
	border-color: var(--caution-color);
}
form dl dd:has(span.errormessage) {
	flex-direction: column;
	align-items: flex-start;
	margin-bottom: 1em;
}
form dl dd span.errormessage {
	margin-top: 0.5em;
	color: var(--caution-color);
	font-size: 1.3rem;
	line-height: 1.4;
	font-weight: 500;
}
p.detecterror {
	margin: 1em 0;
	padding: 1em 1.25em;
	border-radius: 6px;
	background-color: #fff5f5;
	color: var(--caution-color);
	font-weight: 500;
}

/*  submit  */
form p.submit input[type="submit"] {
	display: inline-block;
	padding: 0.5em 2em;
	border-radius: 9999px;
	border: 1px solid var(--main-color);
	background-color: var(--main-color);
	color: #ffffff;
	font-size: 1.5em;
	font-weight: normal;
	white-space: nowrap;
	cursor: pointer;
}

/*  confirm  */
form.confirm dl dt {
	color: #999999;
}
form.confirm dl dd span {
	width: 100%;
}

/*  agreement  */
form p.agreement {
	padding-top: 1.5em;
	border-top: 1px #cccccc solid;
	text-align: center;
}

/*  privacy  */
form dl dd.privacy {
	display: block;
	text-align: center;
}
form dl dd.privacy label {
	display: block;
}
form.confirm dl dd.description {
	display: none;
}





/*

    .mailform

*/

/*  .message  */
.mailform .message {
	color: var(--black-color);
}
.mailform .message a {
	text-decoration: underline;
}

/*  .back  */
.mailform .back {
	text-align: center;
}
.mailform .back a {
	text-decoration: underline;
}






/*

    #c_head

/*

/*  common  */
#c_head .container {
	padding: 0;
}
#c_head .container h1 {
	
}
#c_head .container h1 img {
	width: 100%;
	height: auto;
}
@media screen and (min-width: 1120px) {
	#c_head .container {
		max-width: none;
	}
}

/*  .page  */
body.page #c_head .container {
	padding: 0 10px;
}
body.page #c_head .container h1 {
	margin: 50px 0;
	font-family: "Noto Sans JP", serif;
	font-size: 3.8rem;
	font-weight: 700;
}
body.page #c_head .container h1 span {
	display: block;
	font-family: "Lato", sans-serif;
	font-size: 1.3rem;
	font-weight: 700;
}
@media screen and (min-width: 1120px) {
	body.page #c_head .container {
		padding: 0 80px;
		max-width: none;
	}
	body.page #c_head .container h1 {
		margin: 80px 0;
		font-size: 10.0rem;
	}
	body.page #c_head .container h1 span {
		font-size: 2.6rem;
	}
}


/*  .txt  */
#c_head.txt {
	position: relative;
}
#c_head.txt span {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	margin: auto;
	font-family: "Lato", sans-serif;
	font-size: 11.5rem;
	font-weight: 700;
	color: var(--orange02-color);
	text-align: center;
	line-height: 1;
	z-index: -1;
}
#c_head.txt .container {
	padding: 0 10px;
}
#c_head.txt .container h1 img {
	margin: 60px 0 30px;
	width: auto;
}
#c_head.txt .container p.description {
	margin: 0 0 30px;
	font-size: 1.4rem;
	font-weight: 700;
	color: var(--white-color);
}
@media screen and (min-width: 1120px) {
	#c_head.txt span {
		font-size: 40.0rem;
	}
	#c_head.txt .container {
		padding: 0 80px;
	}
	#c_head.txt .container h1 img,
	#c_head.txt .container h1 img {
		margin: 90 0 60px;
	}
	#c_head.txt .container p.description,
	#c_head.txt .container p.description {
		margin: 0 0 60px;
		font-size: 1.8rem;
	}
}

/*  .img  */
#c_head.img {
	height: 540px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
#c_head.img .container {
	display: flex;
	align-items: flex-end;
	width: 100%;
	height: 100%;
	padding: 0 0 25px;
}
#c_head.img .container h1 img {
	width: 100%;
}
#c_head.img .container h1 img.sp {
	display: block;
}
#c_head.img .container h1 img.pc {
	display: none;
}
@media screen and (min-width: 1120px) {
	#c_head.img {
		height: 760px;
	}
	#c_head.img .container {
		padding: 0 0 50px;
	}
	#c_head.img .container h1 img.sp {
		display: none;
	}
	#c_head.img .container h1 img.pc {
		display: block;
	}
}




/*


    #c_breadcrumbs


*/

/*  common  */
#c_breadcrumbs .container {
	padding: 0 10px;
}
#c_breadcrumbs .container nav {
	display: block;
	margin: 20px 0;
}
#c_breadcrumbs .container nav ol {
	list-style: none;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin: 0;
}
#c_breadcrumbs .container nav ol li {
	display: flex;
	align-items: center;
	margin: 0;
}
#c_breadcrumbs .container nav ol li + li:before {
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	margin: 0 10px;
	border-radius: 9999px;
	background-color: var(--main-color);
}
#c_breadcrumbs .container nav ol li a {
	font-size: 1.2rem;
	color: var(--black-color);
}
#c_breadcrumbs .container nav ol li:last-of-type a {
	color: var(--glay05-color);
}
@media screen and (min-width: 1120px) {
	#c_breadcrumbs .container {
		padding: 0 70px;
		max-width: none;
	}
	#c_breadcrumbs .container nav  ol li a {
		font-size: 1.4rem;
	}
}

/*  .w  */
#c_breadcrumbs.w .container nav ol li + li:before {
	background-color: var(--white-color);
}
#c_breadcrumbs.w .container nav ol li a {
	color: var(--white-color);
}
#c_breadcrumbs.w .container nav ol li:last-of-type a {
	color: var(--orange01-color);
}





/*

    #c_content

*/

/*  common  */
#c_content section {
	padding: 50px 0;
	box-sizing: border-box;
}
@media screen and (min-width: 1120px) {
	#c_content section {
		padding: 70px 0;
	}
}

/*  heading  */
#c_content .be-item > h2 {
	margin: 2em 0;
	font-size: 2.4rem;
}
@media screen and (min-width: 1120px) {
	#c_content .be-item > h2 {
		font-size: 4.0rem;
	}
}

#c_content .be-item > h3 {
	position: relative;
	margin: 2em 0 1em;
	padding: 1em 0;
	font-size: 2.0rem;
	box-sizing: border-box;
}
#c_content .be-item > h3:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background-color: var(--glay04-color);
}
#c_content .be-item > h3:after {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	display: block;
	width: 70px;
	height: 2px;
	background-color: var(--main-color);
}
@media screen and (min-width: 1120px) {
	#c_content .be-item > h3 {
		font-size: 3.2rem;
	}
	#c_content .be-item > h3:after {
		width: 100px;
	}
}

/*  other  */
#c_content .be-item > img,
#c_content .be-item > iframe {
	width: 100%;
	height: auto;
}





/*

    #agent

*/

/*  common  */
body#agent {
	background-color: var(--main-color);
}
body#agent #c_content .container {
	padding: 0;
}
@media screen and (min-width: 1120px) {
	body#agent #c_content .container {
		max-width: none;
		padding: 0 0 0 70px;
	}
}

/*  #c_head  */
body#agent #c_head .container h1 img {
	height: 105px;
}
@media screen and (min-width: 1120px) {
	body#agent #c_head .container h1 img {
		height: 210px;
	}
}

/*  .links  */
@media screen and (min-width: 1120px) {
	body#agent #c_content .container ul.links li a img.pc.hover {
		display: none;
	}
	body#agent #c_content .container ul.links li a:hover img.pc {
		display: none;
	}
	body#agent #c_content .container ul.links li a:hover img.pc.hover {
		display: block;
	}
}





/*

    .agent

*/

/*  #career  */
body.agent #c_content .content #career {
	background-color: var(--white-color);
}
body.agent #c_content .content #career .container {
	padding-right: 0;
}
@media screen and (min-width: 1120px) {
	body.agent #c_content .content #career {
		margin: 0 70px;
		padding: 70px 0;
	}
	body.agent #c_content .content #career .container {
		max-width: none;
		padding: 0 0 0 70px;
	}
}

/*  .frame  */
body.agent #c_content .content #career .container .frame {
	position: relative;
	overflow: scroll;
}
body.agent #c_content .content #career .container .frame img {
	width: auto;
	height: 255px;
}
@media screen and (min-width: 1120px) {
	body.agent #c_content .content #career .container .frame {
		overflow: auto;
	}
	body.agent #c_content .content #career .container .frame img {
		width: 1120px;
		height: auto;
	}
}

/*  .episode  */
body.agent #c_content .content #career .episode {
	position: relative;
	width: 280px;
	height: auto;
	padding: 30px;
	border: 5px solid var(--main-color);
	background-color: var(--white-color);
	box-sizing: border-box;
}
body.agent #c_content .content #career .episode .date {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background-color: var(--main-color);
	color: var(--white-color);
	width: fit-content;
}
body.agent #c_content .content #career .episode .belt {
	display: block;
}
body.agent #c_content .content #career .episode .belt span {
	background-color: var(--main-color);
	color: var(--white-color);
}
@media screen and (min-width: 1120px) {
	body.agent #c_content .content #career .episode {
		width: 660px;
	}
}

/*  #roots  */
@media screen and (min-width: 1120px) {
	body.agent #c_content .content #roots .container {
		max-width: none;
		padding: 0 0 0 150px;
	}
	body.agent #c_content .content #roots .container .img-txt {
		align-items: flex-end;
		padding: 0 70px 0 0;
		box-sizing: border-box;
	}
	body.agent #c_content .content #roots .container .img-txt .img {
		padding: 0;
	}
	body.agent #c_content .content #roots .container .img-txt .txt {
		margin: 0 0 0 -60px;
		padding: 0;
	}
	body.agent #c_content .content #roots .container .img-txt .txt .belt {
		text-align: right;
	}
	body.agent #c_content .content #roots .container .img-txt .txt .belt .span {
		font-size: 2.5em;
	}
	body.agent #c_content .content #roots .container .img-txt .txt p {
		padding: 0 0 0 120px;
		line-height: 2;
		box-sizing: border-box;
	}
}

/*  #achievement  */
body.agent #c_content .content #achievement {
	background-color: var(--main-color);
}
body.agent #c_content .content #achievement .container {
	padding: 0 0 0 25px;
}
body.agent #c_content .content #achievement .container .type02 h2 {
	font-size: 4.0rem;
}
body.agent #c_content .content #achievement .container ol {
	list-style: none;
	margin: 0;
}
body.agent #c_content .content #achievement .container ol li {
	margin: 0;
}
body.agent #c_content .content #achievement .container ol li + li {
	margin: 50px 0 0 0;
}
body.agent #c_content .content #achievement .container ol li .img-txt .txt {
	padding: 0 25px 0 0;
	color: var(--white-color);
}
@media screen and (min-width: 1120px) {
	body.agent #c_content .content #achievement .container {
		max-width: none;
		padding: 0 0 0 70px;
	}
	body.agent #c_content .content #achievement .container .type02 h2 {
		font-size: 12.0rem;
	}
	body.agent #c_content .content #achievement .container ol li + li {
		margin: 10px 0 0 0;
	}
	body.agent #c_content .content #achievement .container ol li .img-txt {
		position: relative;
		display: block;
	}
	body.agent #c_content .content #achievement .container ol li .img-txt .img {
		width: 100%;
		padding: 0;
	}
	body.agent #c_content .content #achievement .container ol li .img-txt .txt {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 40%;
		margin: 0;
		padding: 0 0 2em 0;
		text-shadow: 1px 1px 1px var(--black-color);
	}
	body.agent #c_content .content #achievement .container ol li .img-txt .txt p {
		margin: 0;
		line-height: 2;
	}
}
@media screen and (min-width: 1400px) {
	body.agent #c_content .content #achievement .container ol li .img-txt .txt {
		padding: 0 0 4em 0;
	}
}

/*  #msg  */
body.agent #c_content .content #msg .container {
	padding: 0 0 0 25px;
}
body.agent #c_content .content #msg .container .img-txt .txt {
	padding: 0 25px 0 0;
}
@media screen and (min-width: 1120px) {
	body.agent #c_content .content #msg .container {
		max-width: none;
		padding: 0 0 0 150px;
	}
	body.agent #c_content .content #msg .container .img-txt {
		display: block;
	}
	body.agent #c_content .content #msg .container .img-txt .img {
		width: 100%;
		padding: 0;
	}
	body.agent #c_content .content #msg .container .img-txt .txt {
		width: 950px;
		margin: -70px auto 0;
		padding: 0;
	}
	body.agent #c_content .content #msg .container .img-txt .txt .belt span {
		font-size: 4em;
	}
}

/*  #voice  */
body.agent #c_content .content #voice .container .img-txt .txt {
	text-align: left;
}
body.agent #c_content .content #voice .container .img-txt .txt .align-right {
	text-align: right;
}
@media screen and (min-width: 1120px) {
	body.agent #c_content .content #voice .container .img-txt .img {
		width: 40%;
	}
	body.agent #c_content .content #voice .container .img-txt .txt {
		width: 60%;
	}
}





/*

    .agent > #orisaka

*/
@media screen and (min-width: 1120px) {
	body#orisaka #c_content .content #achievement {
		background: var(--main-color) url('./images/bg/agent/orisaka/bg.png');
		background-attachment: fixed;
		background-blend-mode: soft-light;
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 100% auto;
	}
}

/*  .modal-open  */
body.agent #c_content .content #career .container .frame .modal-open {
	position: absolute;
}
body.agent #c_content .content #career .container .frame .modal-open[data-no="1"] {
	top: calc(105px - 25px);
	left: calc(40px - 25px);
}
body.agent #c_content .content #career .container .frame .modal-open[data-no="2"] {
	top: calc(170px - 25px);
	left: calc(115px - 25px);
}
body.agent #c_content .content #career .container .frame .modal-open[data-no="3"] {
	top: calc(135px - 25px);
	left: calc(190px - 25px);
}
body.agent #c_content .content #career .container .frame .modal-open[data-no="4"] {
	top: calc(170px - 25px);
	left: calc(285px - 25px);
}
body.agent #c_content .content #career .container .frame .modal-open[data-no="5"] {
	top: calc(215px - 25px);
	left: calc(320px - 25px);
}
body.agent #c_content .content #career .container .frame .modal-open[data-no="6"] {
	top: calc(110px - 25px);
	left: calc(420px - 25px);
}
body.agent #c_content .content #career .container .frame .modal-open[data-no="7"] {
	top: calc(160px - 25px);
	left: calc(485px - 25px);
}
body.agent #c_content .content #career .container .frame .modal-open[data-no="8"] {
	top: calc(90px - 25px);
	left: calc(560px - 25px);
}
body.agent #c_content .content #career .container .frame .modal-open[data-no="9"] {
	top: calc(15px - 25px);
	left: calc(635px - 25px);
}
@media screen and (min-width: 1120px) {
	body.agent #c_content .content #career .container .frame .modal-open[data-no="1"] {
		top: calc(175px - 25px);
		left: calc(65px - 25px);
	}
	body.agent #c_content .content #career .container .frame .modal-open[data-no="2"] {
		top: calc(285px - 25px);
		left: calc(190px - 25px);
	}
	body.agent #c_content .content #career .container .frame .modal-open[data-no="3"] {
		top: calc(225px - 25px);
		left: calc(315px - 25px);
	}
	body.agent #c_content .content #career .container .frame .modal-open[data-no="4"] {
		top: calc(285px - 25px);
		left: calc(475px - 25px);
	}
	body.agent #c_content .content #career .container .frame .modal-open[data-no="5"] {
		top: calc(360px - 25px);
		left: calc(535px - 25px);
	}
	body.agent #c_content .content #career .container .frame .modal-open[data-no="6"] {
		top: calc(185px - 25px);
		left: calc(685px - 25px);
	}
	body.agent #c_content .content #career .container .frame .modal-open[data-no="7"] {
		top: calc(270px - 25px);
		left: calc(810px - 25px);
	}
	body.agent #c_content .content #career .container .frame .modal-open[data-no="8"] {
		top: calc(150px - 25px);
		left: calc(935px - 25px);
	}
	body.agent #c_content .content #career .container .frame .modal-open[data-no="9"] {
		top: calc(25px - 25px);
		left: calc(1055px - 25px);
	}
}





/*

    .agent > #nagata

*/
@media screen and (min-width: 1120px) {
	body#nagata #c_content .content #achievement {
		background: var(--main-color) url('./images/bg/agent/nagata/bg.png');
		background-attachment: fixed;
		background-blend-mode: soft-light;
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 100% auto;
	}
}





/*

    #story

*/
/*  common  */
body#story {
	background-color: var(--main-color);
}
body#story #c_content .container {
	padding: 0;
}
@media screen and (min-width: 1120px) {
	body#story #c_content .container {
		max-width: none;
		padding: 0 0 0 70px;
	}
}

/*  #c-head  */
body#story #c_head .container h1 img {
	height: 50px;
}
@media screen and (min-width: 1120px) {
	body#story #c_head .container h1 img {
		height: 100px;
	}
}





/*

    .story

*/
body.story {
	background-color: var(--main-color);
}

/*  #graph  */
body.story #c_content .content #graph {
	background-color: var(--white-color);
}
body.story #c_content .content #graph .container {
	padding: 0 25px;
}
body.story #c_content .content #graph .container p.lead {
	margin-top: 0;
	color: var(--main-color);
	text-align: left;
}
body.story #c_content .content #graph .container img {
	width: 100%;
	height: auto;
}
@media screen and (min-width: 1120px) {
	body.story #c_content .content #graph {
		margin: 0 70px;
		padding: 0;
	}
	body.story #c_content .content #graph .container {
		display: flex;
		flex-direction: row-reverse;
		align-items: flex-end;
		padding: 50px;
		max-width: none;
	}
	body.story #c_content .content #graph .container img.graph {
		flex-shrink: 0;
		width: 55%;
		height: auto;
		margin: 0 0 0 30px;
	}
}

/*  #prologue  */
body.story #c_content .content #prologue .container .type02 {
	text-align: left;
}
body.story #c_content .content #prologue .container p {
	color: var(--white-color);
	text-align: left;
	line-height: 2;
}

/*  .chapter  */
ol.chapter {
	list-style: none;
	margin: 0;
}
ol.chapter li {
	margin: 0;
}
ol.chapter li .img-txt .txt {
	margin: 25px 0 0 0;
	padding: 0 25px;
	color: var(--white-color);
}
@media screen and (min-width: 1120px) {
	ol.chapter li + li {
		margin: 10px 0 0 0;
	}
	ol.chapter li .img-txt {
		position: relative;
		display: block;
	}
	ol.chapter li .img-txt .img {
		width: 100%;
		padding: 0;
	}
	ol.chapter li .img-txt .txt {
		margin: 0 0 0 70px;
		padding: 0;
		width: 70%;
	}
}

ol.chapter li .comment-box {
	padding: 25px;
	box-sizing: border-box;
}
@media screen and (min-width: 1120px) {
	ol.chapter li .comment-box {
		width: 70%;
		margin: 80px auto;
	}
}

/*  #msg  */
body.story #c_content .content #msg {
	background-color: var(--background-color);
}
body.story #c_content .content #msg .container {
	padding: 0 0 0 25px;
}
body.story #c_content .content #msg .container .img-txt {
	margin: 0 25px 0 0;
}
body.story #c_content .content #msg .container .img-txt .txt {
	text-align: left;
}
body.story #c_content .content #msg .container .img-txt .txt .align-right {
	text-align: right;
}
@media screen and (min-width: 1120px) {
	body.story #c_content .content #msg .container .img-txt .img {
		width: 30%;
	}
	body.story #c_content .content #msg .container .img-txt .txt {
		width: 70%;
	}
}

/*  #makita  */
body#makita #c_content .content #prologue {
	background: var(--main-color) url('./images/bg/story/makita/bg_01_sp.png');
	background-blend-mode: soft-light;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
}
@media screen and (min-width: 1120px) {
	body#makita #c_content .content #prologue {
		background: var(--main-color) url('./images/bg/story/makita/bg_01_pc.png');
		background-blend-mode: soft-light;
			background-repeat: no-repeat;
		background-position: center top;
		background-size: 100% auto;
	}
}

/*  #sakano  */
body#sakano #c_content .content #prologue {
	background: var(--main-color) url('./images/bg/story/sakano/bg_01_sp.png');
	background-blend-mode: soft-light;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
}
@media screen and (min-width: 1120px) {
	body#sakano #c_content .content #prologue {
		background: var(--main-color) url('./images/bg/story/sakano/bg_01_pc.png');
		background-blend-mode: soft-light;
			background-repeat: no-repeat;
		background-position: center top;
		background-size: 100% auto;
	}
}





/*


    #about


*/
/*  common  */
body#about {
	background-color: var(--main-color);
}
body#about #c_content .content > img {
	width: 100%;
	height: auto;
	vertical-align: top;
}

/*  #c-head  */
body#about #c_head.img {
	height: 445px;
	background-image: url('../images/about/mv_sp.jpg');
	background-position: top;
	background-size: 100% auto;
}
body#about #c_head.img .container {
	padding: 0;
}
@media screen and (min-width: 1120px) {
	body#about #c_head.img {
		height: 640px;
		background-image: url('../images/about/mv_pc.jpg');
		background-position: center;
		background-size: cover;
	}
	body#about #c_head.img .container {
		padding: 0 0 50px;
	}
}

/*  #concept  */
body#about #c_content .content #concept .container h2 {
	font-size: 1.2rem;
	color: var(--white-color);
	text-align: left;
}
body#about #c_content .content #concept .container h2 img {
	display: block;
	margin: 30px 0;
	width: 100%;
	height: auto;
}
body#about #c_content .content #concept .container p {
	color: var(--white-color);
	text-align: left;
	line-height: 2;
}
body#about #c_content .content #concept .container .belt span {
	background-color: var(--white-color);
	font-size: 2em;
	color: var(--main-color);
}
@media screen and (min-width: 1120px) {
	body#about #c_content .content #concept {
		background: var(--main-color) url('./images/bg/about/bg.jpg');
		background-blend-mode: soft-light;
		background-repeat: no-repeat;
		background-position: center top;
		background-size: cover;
	}
	body#about #c_content .content #concept .container h2 {
		font-size: 2.0rem;
	}
	body#about #c_content .content #concept .container h2 img {
		width: auto;
		margin: 45px 0 60px;
		height: 250px;
	}
	body#about #c_content .content #concept .container p {
		font-size: 1.5em;
	}
	body#about #c_content .content #concept .container .belt span {
		font-size: 4.5em;
	}
	body#about #c_content .content #concept .container .belt + p {
		font-size: 2.5em;
	}
}

/*  #promise  */
body#about #c_content .content #promise {
	padding-top: 0;
	background-color: var(--background-color);
}
body#about #c_content .content #promise > img {
	margin: 0 0 40px 0;
	width: 100%;
	height: auto;
}
body#about #c_content .content #promise .container {
	padding: 0 20px;
}
body#about #c_content .content #promise .container .lead em {
	margin: 0 0.1em;
	font-size: 1.5em;
}
@media screen and (min-width: 1120px) {
	body#about #c_content .content #promise .container {
		padding: 0;
	}
	body#about #c_content .content #promise > img {
		margin: 0 0 120px 0;
	}
}

body#about #c_content .content #promise .container ol {
	list-style: none;
	margin: 0;
}
body#about #c_content .content #promise .container ol li {
	margin: 40px 0;
}
@media screen and (min-width: 1120px) {
	body#about #c_content .content #promise .container ol {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-end;
	}
	body#about #c_content .content #promise .container ol li {
		width: 50%;
		padding: 0 30px;
		box-sizing: border-box;
	}
}
body#about #c_content .content #promise .container ol li .img-txt {
	flex-direction: row-reverse;
	align-items: flex-end;
}
body#about #c_content .content #promise .container ol li .img-txt .img {
	width: 40%;
}
body#about #c_content .content #promise .container ol li .img-txt .txt {
	width: 60%;
}
body#about #c_content .content #promise .container ol li .img-txt .txt:before {
	content: "";
	display: block;
	width: 100%;
	height: 65px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
}
body#about #c_content .content #promise .container ol li:nth-of-type(1) .img-txt .txt:before { background-image: url('../images/about/no01.png'); }
body#about #c_content .content #promise .container ol li:nth-of-type(2) .img-txt .txt:before { background-image: url('../images/about/no02.png'); }
body#about #c_content .content #promise .container ol li:nth-of-type(3) .img-txt .txt:before { background-image: url('../images/about/no03.png'); }
body#about #c_content .content #promise .container ol li:nth-of-type(4) .img-txt .txt:before { background-image: url('../images/about/no04.png'); }
body#about #c_content .content #promise .container ol li:nth-of-type(5) .img-txt .txt:before { background-image: url('../images/about/no05.png'); }
body#about #c_content .content #promise .container ol li:nth-of-type(6) .img-txt .txt:before { background-image: url('../images/about/no06.png'); }
body#about #c_content .content #promise .container ol li:nth-of-type(7) .img-txt .txt:before { background-image: url('../images/about/no07.png'); }
body#about #c_content .content #promise .container ol li:nth-of-type(8) .img-txt .txt:before { background-image: url('../images/about/no08.png'); }
body#about #c_content .content #promise .container ol li .img-txt .txt .belt {
	margin: 0.5em 0;
}
body#about #c_content .content #promise .container ol li .img-txt .txt .belt span {
	font-size: 1.6rem;
	background-color: var(--main-color);
}
@media screen and (min-width: 1120px) {
	body#about #c_content .content #promise .container ol li .img-txt {
		padding: 0 0 30px 0;
		border-bottom: 3px dotted var(--main-color);
		box-sizing: border-box;
	}
	body#about #c_content .content #promise .container ol li .img-txt .txt .belt span {
		font-size: 2.0rem;
	}
}

/*  #voice  */
body#about #c_content .content #voice .container {
	padding: 0 0 0 20px;
}
body#about #c_content .content #voice .container ul {
	list-style: none;
	margin: 0;
}
body#about #c_content .content #voice .container ul li {
	margin: 0;
}
body#about #c_content .content #voice .container ul li + li {
	margin: 40px 0 0;
}
body#about #c_content .content #voice .container ul li .img-txt {
	padding: 40px 20px;
	background-color: var(--white-color);
}
body#about #c_content .content #voice .container ul li .img-txt .img {
	text-align: center;
}
body#about #c_content .content #voice .container ul li .img-txt .txt .lead {
	color: var(--main-color);
}
@media screen and (min-width: 1120px) {
	body#about #c_content .content #voice .container {
		max-width: none;
		padding: 0 0 0 70px;
	}
	body#about #c_content .content #voice .container ul li .img-txt {
		padding: 80px;
	}
	body#about #c_content .content #voice .container ul li .img-txt .img {
		width: 30%;
	}
	body#about #c_content .content #voice .container ul li .img-txt .txt {
		width: 70%;
		padding: 0 0 0 80px;
	}
}





/*


    #road


*/
/*  common  */
body#road {
	background-color: var(--background-color);
}
@media screen and (min-width: 1120px) {
	body#road #c_content .container {
		max-width: none;
		padding: 0 0 0 70px;
	}
}

/*  #c-head  */
body#road #c_head.img {
	height: 400px;
	background-image: url('../images/road/mv_sp.jpg');
	background-position: top;
	background-size: 100% auto;
}
body#road #c_head.img .container {
	padding: 0;
}
@media screen and (min-width: 1120px) {
	body#road #c_head.img {
		height: 640px;
		background-image: url('../images/road/mv_pc.jpg');
		background-position: center;
		background-size: cover;
	}
	body#road #c_head.img .container {
		padding: 0 0 50px;
	}
}

/*  #prologue  */
body#road #c_content #prologue {
	position: relative;
	margin: 0 0 50px 0;
}
body#road #c_content #prologue:after {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 50vw 0 50vw;
	border-color: var(--background-color) transparent transparent transparent;
	z-index: 1;
}
body#road #c_content #prologue .container {
	text-align: center;
}
body#road #c_content #prologue .container .lead {
	margin-top: 0;
	color: var(--main-color);
}
body#road #c_content #prologue .container .lead + p {
	line-height: 2;
}
body#road #c_content #prologue .container .belt span {
	background-color: var(--main-color);
	color: var(--white-color);
}
@media screen and (min-width: 1120px) {
	body#road #c_content #prologue {
		margin: 0 0 100px 0;
	}
	body#road #c_content #prologue:after {
		border-width: 100px 50vw 0 50vw;
	}
}

/*  #step  */
body#road #c_content #step {
	position: relative;
	margin-top: -50px;
	padding-top: 90px;
	background-color: var(--main-color);
}
body#road #c_content #step h2.jp {
	position: relative;
	margin: 0;
	color: var(--white-color);
	text-align: center;
	z-index: 1;
}
body#road #c_content #step h2.jp i {
	font-size: 4.8rem;
}
@media screen and (min-width: 1120px) {
	body#road #c_content #step {
		margin-top: -100px;
		padding-top: 220px;
	}
	body#road #c_content #step h2.jp i {
		font-size: 2em;
	}
}

@media screen and (min-width: 1120px) {
	body#road #c_content #step .container {
		display: flex;
		max-width: 1260px;
		padding: 0;
	}
	body#road #c_content #step .container .side {
		width: 30%;
		padding: 0 70px 0 0;
		box-sizing: border-box;
	}
	body#road #c_content #step .container .main {
		width: 70%;
	}
}

/*  .telop  */
body#road #c_content #step .telop {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
}
body#road #c_content #step .telop ul li {
	font-family: "Lato", sans-serif;
	font-size: 11.0rem;
	font-weight: 700;
	color: var(--orange02-color);
}
@media screen and (min-width: 1120px) {
	body#road #c_content #step .telop ul li {
		font-size: 29.0rem;
	}
}

/*  .labels  */
body#road #c_content #step ol.labels {
	display: none;
}
@media screen and (min-width: 1120px) {
	body#road #c_content #step ol.labels {
		display: flex;
		flex-wrap: wrap;
		list-style: none;
		margin: 100px 70px;
	}
	body#road #c_content #step ol.labels li {
		width: 20%;
		margin: 0;
		padding: 2.5px;
		box-sizing: border-box;
	}
	body#road #c_content #step ol.labels li a {
		color: inherit;
	}
	body#road #c_content #step ol.labels li a.label-box .img-txt .txt span.tag {
		position: relative;
		display: flex;
		align-items: center;
		font-family: "Lato", sans-serif;
		font-size: 3.6rem;
		font-weight: 700;
		color: var(--main-color);
	}
	body#road #c_content #step ol.labels li a.label-box .img-txt .txt span.tag:after {
		position: absolute;
		right: 0;
		content: "";
		display: block;
		width: 20px;
		height: 20px;
		background-image: url('./images/arrow_o.png');
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}
	body#road #c_content #step ol.labels li a.label-box .img-txt .txt span.tag small {
		margin: 0 10px 0 0;
		font-size: 1.0rem;
		color: var(--black-color);
	}
	body#road #c_content #step ol.labels li a.label-box .img-txt .txt span.title {
		font-size: 1.8rem;
	}
}

/*  .anchors  */
body#road #c_content #step .container ol.anchors {
	margin: 30px 0;
}
@media screen and (min-width: 1120px) {
	body#road #c_content #step .container ol.anchors {
		width: 200px;
	}
	body#road #c_content #step .container ol.anchors li a:after{
		content: none;
	}
}

/*  .steps  */
body#road #c_content #step .container ol.steps {
	margin: 30px 0;
}
body#road #c_content #step .container ol.steps li .img-txt .img img {
	border-radius: 10px;
}
@media screen and (min-width: 1120px) {
	body#road #c_content #step .container ol.steps {
		margin: 0;
	}
	body#road #c_content #step .container ol.steps li .img-txt .txt .lead {
		margin-top: 0;
	}
}

/*  .point  */
body#road #c_content #step .container ol.steps li .point {
	margin-top: 30px;
	padding-bottom: 0;
}
body#road #c_content #step .container ol.steps li .point .img-txt .img {
	display: flex;
	align-items: flex-end;
}
body#road #c_content #step .container ol.steps li .point .img-txt .img img {
	vertical-align: bottom;
}
@media screen and (min-width: 1120px) {
	body#road #c_content #step .container ol.steps li .point .img-txt .img {
		width: 40%;
	}
	body#road #c_content #step .container ol.steps li .point .img-txt .txt {
		width: 60%;
		padding-bottom: 30px;
	}
	body#road #c_content #step .container ol.steps li .point .img-txt .txt .lead {
		margin: 0;
	}
}





/*


    #casual


*/
/*  common  */
body#casual {
	background-color: var(--main-color);
}
body#casual #c_content .container {
	padding: 0;
}
@media screen and (min-width: 1120px) {
	body#casual #c_content .container {
		max-width: none;
		padding: 0 0 0 70px;
	}
}

/*  #c-head  */
body#road #c_head.img {
	height: 300px;
	background-image: url('../images/road/mv_sp.jpg');
	background-position: top;
	background-size: 100% auto;
}
body#road #c_head.img .container {
	padding: 0;
}
@media screen and (min-width: 1120px) {
	body#road #c_head.img {
		height: 640px;
		background-image: url('../images/road/mv_pc.jpg');
		background-position: center;
		background-size: cover;
	}
	body#road #c_head.img .container {
		padding: 0 0 50px;
	}
}





/*


    #faq


*/

/*  #prologue  */
body#faq #c_content #prologue .container .belt {
	margin-top: 0;
}
body#faq #c_content #prologue .container .belt span {
	background-color: var(--main-color);
	font-size: 2.5rem;
	color: var(--white-color);
}
body#faq #c_content #prologue .container .belt + p {
	margin: 0;
	line-height: 2;
}
@media screen and (min-width: 1120px) {
	body#faq #c_content #prologue .container p.belt span {
		font-size: 4em;
	}
	body#faq #c_content #prologue .container p.belt + p {
		font-size: 1.25em;
	}
}

/*  #anchors  */
body#faq #c_content #anchors {
	display: none;
}
@media screen and (min-width: 1120px) {
	body#faq #c_content #anchors {
		display: block;
		padding-bottom: 0;
		background-color: var(--main-color);
	}
	body#faq #c_content #anchors .container {
		max-width: 1260px;
	}
	body#faq #c_content #anchors .container ol.anchors {
		display: flex;
	}
	body#faq #c_content #anchors .container ol.anchors li {
		width: 25%;
	}
}
@media screen and (min-width: 1400px) {
	body#faq #c_content #anchors .container ol.anchors li {
		width: 20%;
	}
}

/*  #data  */
body#faq #c_content #data {
	background-color: var(--main-color);
}

body#faq #c_content #data .container .side {
	width: 100%;
}
body#faq #c_content #data .container .main {
	width: 100%;
}
@media screen and (min-width: 1120px) {
	body#faq #c_content #data .container {
		display: flex;
		flex-wrap: wrap;
		max-width: 1260px;
		padding: 0;
	}
	body#faq #c_content #data .container .side {
		width: 30%;
		padding: 0 70px 0 0;
		box-sizing: border-box;
	}
	body#faq #c_content #data .container .main {
		width: 70%;
	}
}

body#faq #c_content #data .container .side h3 {
	font-family: "Lato", sans-serif;
	font-size: 1.8rem;
	color: var(--white-color);
	text-align: center;
}
@media screen and (min-width: 1120px) {
	body#faq #c_content #data .container .side h3 {
		text-align: left;
	}
}

body#faq #c_content #data .container .main h2 {
	color: var(--white-color);
	text-align: left;
}
body#faq #c_content #data .container .main h2:before {
	content: "・";
	margin: 0 0.5em 0 0;
}





/*


    #tensyoku


*/
/*  common  */
body#tensyoku {
	background-color: var(--main-color);
}
@media screen and (min-width: 1120px) {
	body#tensyoku {
		background: var(--main-color) url('./images/bg/tensyoku/bg.png');
		background-blend-mode: soft-light;
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 100% auto;
	}
}

/*  #points  */
body#tensyoku #c_content #points .container .lead.l {
	color: var(--white-color);
	text-align: center;
}
body#tensyoku #c_content #points .container .lead.l i {
	font-size: 6.5rem;
}
body#tensyoku #c_content #points .container .lead.l + p {
	font-size: 1.8rem;
	color: var(--white-color);
	text-align: center;
}
body#tensyoku #c_content #points .container ol.numbers li .frame .img-txt .txt .lead {
	margin-top: 1em;
	text-align: center;
}
@media screen and (min-width: 1120px) {
	body#tensyoku #c_content #points .container .lead.l + p {
		font-size: 2.4rem;
	}
}

/*  #flow  */
body#tensyoku #c_content #flow {
	background-color: var(--background-color);
}
body#tensyoku #c_content #flow .container .lead.l {
	color: var(--main-color);
	text-align: center;
}
body#tensyoku #c_content #flow .container ol.numbers li .frame .img-txt .txt .lead {
	margin-top: 1em;
	text-align: center;
}
body#tensyoku #c_content #flow .container .wrap {
	margin: 30px 0;
	text-align: center;
}
body#tensyoku #c_content #flow .container .wrap p {
	font-size: 2.0rem;
	font-weight: 700;
	text-align: center;
}
body#tensyoku #c_content #flow .container .wrap small {
	display: block;
	margin: 1em 0 0;
}
@media screen and (min-width: 1120px) {
	body#tensyoku #c_content #flow .container ol.numbers li .frame .img-txt .txt .lead {
		font-size: 2.2rem;
	}
	body#tensyoku #c_content #flow .container .wrap {
		margin: 60px auto;
		max-width: 600px;
	}
}





/*


    #casual


*/

/*  common  */
body#casual #c_content .container {
	padding: 0 20px;
}
body#casual #c_content .container p {
	color: var(--white-color);
}
@media screen and (min-width: 1120px) {
	body#casual {
		background: var(--main-color) url('./images/bg/casual/bg.png');
		background-blend-mode: soft-light;
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 100% auto;
	}
	body#casual #c_content .container {
		max-width: none;
		padding: 0 0 0 70px;
	}
}

/*  form  */
body#casual #c_content .container .mailform {
	margin: 30px 0;
	padding: 25px;
	border-radius: 10px;
	background-color: var(--white-color);
	box-sizing: border-box;
}
@media screen and (min-width: 1120px) {
	body#casual #c_content .container .mailform {
		margin: 60px 0;
		padding: 50px 120px 50px 50px;
		border-top-left-radius: 10px;
		border-top-right-radius: 0;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 0;
	}
}

body#casual #c_content .container .mailform .mailform {
	margin: 0;
	padding: 0;
	background: none;
	border-radius: 0;
}





/*


    #consultation


*/

/*  common  */
body#consultation {
	background-color: var(--main-color);
}
body#consultation #c_content .container {
	padding: 0 20px;
}
body#consultation #c_content .container > p {
	color: var(--white-color);
}
body#consultation #c_content .container > p a {
	color: var(--white-color);
	text-decoration: underline;
}
@media screen and (min-width: 1120px) {
	body#consultation {
		background: var(--main-color) url('./images/bg/consultation/bg.png');
		background-blend-mode: soft-light;
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 100% auto;
	}
	body#consultation #c_content .container {
		max-width: none;
		padding: 0 0 0 70px;
	}
}

/*  form  */
body#consultation #c_content .container .mailform {
	margin: 30px 0;
	padding: 25px;
	border-radius: 10px;
	background-color: var(--white-color);
	box-sizing: border-box;
}
@media screen and (min-width: 1120px) {
	body#consultation #c_content .container .mailform {
		margin: 60px 0;
		padding: 50px 120px 50px 50px;
		border-top-left-radius: 10px;
		border-top-right-radius: 0;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 0;
	}
}

body#consultation #c_content .container .mailform .mailform {
	margin: 0;
	padding: 0;
	background: none;
	border-radius: 0;
}






/*


    #company


*/

/*  #overview  */
body#company #c_content #overview .container .belt span {
	background-color: var(--main-color);
}
body#company #c_content #overview .container .belt + p {
	font-size: 1.25em;
}
body#company #c_content #overview .container img.award {
	display: block;
	margin: 30px auto;
	width: 100%;
	height: auto;
}
body#company #c_content #overview .telop {
	margin: 30px 0;
}
body#company #c_content #overview .telop ul li img {
	max-width: 100px;
}
@media screen and (min-width: 1120px) {
	body#company #c_content #overview .container {
		max-width: 1260px;
	}
	body#company #c_content #overview .container img.award {
		max-width: 1000px;
		margin: 60px auto;
	}
	body#company #c_content #overview .telop {
		margin: 60px 0;
	}
	body#company #c_content #overview .telop ul li img {
		max-width: 150px;
	}
}

/*  #msg  */
body#company #c_content #msg {
	padding-left: 20px;
}
body#company #c_content #msg .container {
	padding: 0 20px 0 0;
}
body#company #c_content #msg .container .img-txt .txt p.lead {
	color: var(--main-color);
}
body#company #c_content #msg .container .img-txt .txt p.align-right img {
	margin: 1em 0;
	width: 200px;
	height: auto;
}
@media screen and (min-width: 1120px) {
	body#company #c_content #msg {
		padding-left: 70px;
	}
	body#company #c_content #msg .container {
		max-width: none;
	}
	body#company #c_content #msg .container .img-txt .txt {
		max-width: 950px;
		margin: 0 auto;
	}
}

/*  #outline  */
body#company #c_content #outline {
	padding-left: 20px;
}
body#company #c_content #outline .container {
	padding: 0 20px 0 0;
}
body#company #c_content #outline .container table.data {
	display: block;
	padding: 0 20px 0 0;
	box-sizing: border-box;
}
@media screen and (min-width: 1120px) {
	body#company #c_content #outline {
		padding-left: 70px;
	}
	body#company #c_content #outline .container {
		max-width: none;
		padding: 0 70px 0 0;
	}
	body#company #c_content #outline .container ul.line {
		max-width: 950px;
		margin: 30px auto;
	}
}





/*

    Contact

*/

/*  common  */
body#contact #contents #c_head {
	display: none;
}
body#contact #contents #c_breadcrumbs {
	display: none;
}
body#contact #contents #c_content .container .mailform-card {
	margin: 30px 0;
	padding: 25px;
	border-radius: 10px;
	background-color: var(--white-color);
	box-sizing: border-box;
}
body#contact #contents #c_content .container .mailform-card .mailform {
	margin: 0;
	padding: 0;
	border-radius: 0;
	background-color: transparent;
}
@media screen and (min-width: 1120px) {
	body#contact #contents #c_content .container .mailform-card {
		margin: 60px 0;
		padding: 50px;
	}
}

/*  mailform  */
body#contact #contents #c_content .container .mailform-card h1 {
	font-size: 2.0em;
}
body#contact #contents #c_content .container .mailform-card h1 span {
	display: flex;
	align-items: center;
	font-family: "Lato", sans-serif;
	font-size: 0.5em;
	color: var(--main-color);
}
body#contact #contents #c_content .container .mailform-card h1 span:before {
	content: "";
	display: block;
	width: 1em;
	height: 1em;
	margin: 0 0.5em 0 0;
	background-image: url('./images/mail_o.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
body#contact #contents #c_content .container .mailform-card .mailform .message {
	margin: 2em 0;
}
@media screen and (min-width: 1120px) {
	body#contact #contents #c_content .container .mailform-card h1 {
		font-size: 3.0em;
	}
	body#contact #contents #c_content .container .mailform-card .mailform .message {
		margin: 4em 0;
	}
}





/*

    Blog

*/

/*  common  */
body.blog #c_content .container {
	margin: 25px auto;
	box-sizing: border-box;
}
@media screen and (min-width: 1120px) {
	body#blog #c_content .container {
		max-width: 1260px;
	}
	body.blog #c_content .container {
		max-width: 1260px;
		margin: 60px auto;
	}
	body.blog #c_content .container .side-main .side {
		padding: 0 0 0 70px;
	}
}

/*  #c_head  */
body#blog #c_head .container h1 {
	margin: 1em 0;
	font-family: "Lato", sans-serif;
	font-size: 5.4rem;
	font-weight: 700;
	color: var(--main-color);
	text-align: center;
}
@media screen and (min-width: 1120px) {
	body#blog #c_head .container  h1 {
		font-size: 10.0rem;
	}
}

/*  .main  */
body#blog #c_content .container .side-main .main ul {
	list-style: none;
	margin: 0;
}
body#blog #c_content .container .side-main .main ul li {
	margin: 0;
}
body#blog #c_content .container .side-main .main ul li + li {
	margin-top: 30px;
}

/*  .side  */
/*-- .search --*/
body.blog #c_content .container .side-main .side .search form {
	display: flex;
	align-items: center;
	margin: 20px auto;
	padding: 0 0 0 15px;
	width: 100%;
	height: 45px;
	border-radius: 5px;
	border: 1px solid var(--glay05-color);
	background-color: var(--white-color);
	box-sizing: border-box;
}
body.blog #c_content .container .side-main .side .search form input {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 45px;
	border: none;
	border-radius: 5px;
	background-color: transparent;
}
body.blog #c_content .container .side-main .side .search form button {
	display: block;
	width: 45px;
	height: 45px;
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	background-image: url('./images/search_b.png');
	background-repeat: no-repeat;
	background-size: 25px 25px;
	background-position: center;
	cursor: pointer;
}

/*-- .bnr --*/
body.blog #c_content .container .side-main .side .bnr a {
	display: block;
} 
body.blog #c_content .container .side-main .side .bnr a img {
	width: 100%;
	height: auto;
}

/*-- .category --*/
body.blog #c_content .container .side-main .side .category h3 {
	margin: 1em 0;
	font-family: "Lato", sans-serif;
	font-size: 1.8rem;
}
body.blog #c_content .container .side-main .side .category ul.terms {
	display: flex;
	gap: 10px;
}
body.blog #c_content .container .side-main .side .category ul.terms li {
	margin: 0;
}
body.blog #c_content .container .side-main .side .category ul.terms li a {
	border: 1px solid var(--main-color);
	background-color: transparent;
}
body.blog #c_content .container .side-main .side .category ul.terms li a:after {
	content: none;
}

/*  article  */
body.blog #c_content .container article.blog {
	width: 100%;
	margin: 0 0 30px 0;
	padding: 30px;
	border-radius: 10px;
	background-color: var(--white-color);
	box-sizing: border-box;
}
@media screen and (min-width: 1120px) {
	body.blog #c_content .container article.blog {
		margin: 0 0 60px 0;
		padding: 60px;
	}
}

/*-- h1 --*/
body.blog #c_content .container article.blog h1 {
	margin: 0 0 30px 0;
	font-size: 2.4rem;
	line-height: 1;
}
@media screen and (min-width: 1120px) {
	body.blog #c_content .container article.blog h1 {
		font-size: 4.4rem;
	}
}

/*-- .data --*/
body.blog #c_content .container article.blog .data span.date {
	display: block;
	margin: 1em 0;
	color: var(--main-color);
}
body.blog #c_content .container article.blog .data span.tag {
	display: inline-block;
	padding: 0 1em;
	border: 1px solid var(--main-color);
	color: var(--main-color);
	box-sizing: border-box;
}

/*-- .thumbnail --*/
body.blog #c_content .container article.blog .thumbnail {
	margin: 30px 0;
	border-radius: 10px;
	overflow: hidden;
}
body.blog #c_content .container article.blog .thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

/*-- .index --*/
body.blog #c_content .container article.blog .index {
	margin: 30px 0;
	padding: 30px;
	border-radius: 10px;
	border: 1px solid var(--glay04-color);
	box-sizing: border-box;
}
body.blog #c_content .container article.blog .index strong {
	display: block;
	margin: 0 0 30px;
	font-size: 1.5em;
	text-align: center;
}
body.blog #c_content .container article.blog .index strong a {
	text-decoration: underline;
	cursor: pointer;
}
body.blog #c_content .container article.blog .index ul {
	list-style: none;
}
body.blog #c_content .container article.blog .index ul li {
	margin: 0;
}
body.blog #c_content .container article.blog .index ul li.section {
	border-top: 1px solid var(--glay04-color);
	margin: 1em 0 0;
	padding: 1em 0;
	box-sizing: border-box;
}
body.blog #c_content .container article.blog .index ul li.term {
	padding: 0.25em 0 0.25em 1em;
	box-sizing: border-box;
}
body.blog #c_content .container article.blog .index ul li a {
	color: var(--black-color);
}
@media screen and (min-width: 1120px) {
	body.blog #c_content .container article.blog .index {
		padding: 70px;
	}
}

/*-- .content --*/
body.blog #c_content .container article.blog .content {
	margin: 30px 0;
}
body.blog #c_content .container article.blog .content > h2 {
	margin: 2em 0 1em;
	padding: 0 0 0 1em;
	border-left: 5px solid var(--main-color);
	font-size: 2.0rem;
	text-align: left;
}
body.blog #c_content .container article.blog .content > h3 {
	margin: 2em 0 1em;
	font-size: 1.8rem;
	color: var(--main-color);
	text-align: left;
}
body.blog #c_content .container article.blog .content > h3:before {
	position: relative;
	top: auto;
	left: auto;
	content: "ー";
	display: inline-block;
	width: auto;
	height: auto;
	margin: 0 1em 0 0;
	color: var(--main-color);
	background-color: transparent;
}
body.blog #c_content .container article.blog .content > h3:after {
	content: none;
}
@media screen and (min-width: 1120px) {
	body.blog #c_content .container article.blog .content > h2 {
		font-size: 2.8rem;
	}
	body.blog #c_content .container article.blog .content > h3 {
		font-size: 2.2rem;
	}
}

/*-- .label-box --*/
body.blog #c_content .container article.blog .content .label-box {
	margin: 1em 0;
}
body.blog #c_content .container article.blog .content .label-box .img-txt .txt {
	background-color: var(--background-color);
}

/*-- .share --*/
body.blog #c_content .container article.blog .share:before {
	content: "この記事をシェアする";
	display: block;
	margin: 0 0 1em 0;
	text-align: center;
}

/*-- .sns --*/
body.blog #c_content .container article.blog ul.sns {
	display: flex;
	justify-content: center;
	align-items: center;
	list-style: none;
	margin: 30px 0;
}
body.blog #c_content .container article.blog ul.sns li {
	margin: 0 0.5em;
}
body.blog #c_content .container article.blog ul.sns li a.r-btn {
	width: 55px;
	height: 55px;
	padding: 0;
	border: none;
}
body.blog #c_content .container article.blog ul.sns li a.r-btn span {
	display: none;
	color: var(--white-color);
}
body.blog #c_content .container article.blog ul.sns li a.r-btn:before {
	content: "";
	display: block;
	width: 1.25em;
	height: 1.25em;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
body.blog #c_content .container article.blog ul.sns li a.r-btn:after {
	content: none;
}
body.blog #c_content .container article.blog ul.sns li.x a.r-btn { background-color: #000000; }
body.blog #c_content .container article.blog ul.sns li.x a.r-btn:before { background-image: url('./images/x.png'); }
body.blog #c_content .container article.blog ul.sns li.facebook a.r-btn { background-color: #3C5997; }
body.blog #c_content .container article.blog ul.sns li.facebook a.r-btn:before { background-image: url('./images/facebook.png'); }
body.blog #c_content .container article.blog ul.sns li.pocket a.r-btn { background-color: #EF4056; }
body.blog #c_content .container article.blog ul.sns li.pocket a.r-btn:before { background-image: url('./images/pocket.png'); }
body.blog #c_content .container article.blog ul.sns li.hatena a.r-btn { background-color: #01A4DE; }
body.blog #c_content .container article.blog ul.sns li.hatena a.r-btn:before { background-image: url('./images/hatena.png'); }
@media screen and (min-width: 1120px) {
	body.blog #c_content .container article.blog ul.sns li a.r-btn {
		width: auto;
		height: auto;
		padding: 0.75em 1.5em;
		border: none;
	}
	body.blog #c_content .container article.blog ul.sns li a.r-btn span {
		display: block;
	}
	body.blog #c_content .container article.blog ul.sns li a.r-btn:before {
		margin: 0 1em 0 0;
	}
}







/*

    Jobs

*/

/*  .job-search  */
body#jobs #c_content section.job-search {
	background-color: var(--main-color);
}
body#jobs #c_content section.job-search .container h2 {
	color: var(--white-color);
}

/*  .job-list  */
body#jobs #c_content section.job-list {
	background-color: var(--background-color);
}
body#jobs #c_content section.job-list .container h2 {
	color: var(--main-color);
}
body#jobs #c_content section.job-list ul.results {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	row-gap: 30px;
	margin: 0;
}
body#jobs #c_content section.job-list ul.results >  li {
	width: 100%;
	margin: 0;
}
@media screen and (min-width: 960px) {
	body#jobs #c_content section.job-list ul.results {
		display: flex;
		column-gap: 5%;
		row-gap: 30px;
	}
	body#jobs #c_content section.job-list ul.results > li {
		width: 30%;
	}
}
body#jobs #c_content section.job-list .container .footer-pager nav.job-page {
	justify-content: center;
}
body#jobs #c_content section.job-list .container .footer-pager nav.job-page p.number {
	display: none;
}

/*  .job-detail  */
body#jobs #c_content section.job-detail {
	background-color: var(--main-color);
}
body#jobs #c_content section.job-detail .container article.job {
	display: block;
	width: 100%;
	padding: 1em;
	border-radius: 10px;
	background-color: var(--white-color);
	box-sizing: border-box;
}
@media screen and (min-width: 1120px) {
	body#jobs #c_content section.job-detail .container article.job {
		padding: 4em;
	}
}






/*

    Job search

*/

/*  layout  */
div.job-search {
	width: 100%;
	margin: 0 auto;
	padding: 20px;
	border-radius: 10px;
	background-color: var(--white-color);
	box-sizing: border-box;
}
@media screen and (min-width: 1120px) {
	div.job-search {
		padding: 40px;
	}
}
div.job-search form {
	padding: 0;
	border: none;
	background: none;
}
div.job-search form > * {
	max-width: none;
}
@media screen and (min-width: 1120px) {
	div.job-search form {
		display: flex;
		flex-wrap: wrap;
	}
}

/*  .item  */
div.job-search form div.item {
	display: flex;
	flex-wrap: wrap;
	margin: 1em 0;
}
div.job-search form div.item.extend {
	display: none;
}
div.job-search form div.item.extend.open {
	display: flex;
}
@media screen and (min-width: 1120px) {
	div.job-search form div.item {
		width: 50%;
		padding: 0 0 0 1em;
		box-sizing: border-box;
	}
}

/*  .title  */
div.job-search form div.item h3.title {
	display: flex;
	align-items: center;
	width: 100%;
	margin: 0 0 0.5em 0;
	font-size: 1.8rem;
}
div.job-search form div.item h3.title:before {
	content: "";
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	margin: 0 0.5em 0 0;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
div.job-search form div.item#type h3.title:before { background-image: url('./images/type.png'); }
div.job-search form div.item#area h3.title:before { background-image: url('./images/area.png'); }
div.job-search form div.item#salary h3.title:before { background-image: url('./images/salary.png'); }
div.job-search form div.item#conditions h3.title:before { background-image: url('./images/conditions.png'); }
div.job-search form div.item#freeword h3.title:before { background-image: url('./images/freeword.png'); }
@media screen and (min-width: 1120px) {
	div.job-search form div.item h3.title {
		width: 40%;
		font-size: 2.4rem;
	}
}

/*  .content  */
div.job-search form div.item .content {
	width: 100%;
}
@media screen and (min-width: 1120px) {
	div.job-search form div.item .content {
		width: 60%;
	}
}

/*  .label  */
div.job-search form div.item span.label {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1em 2em;
	width: 100%;
	border-radius: 5px;
	border: 2px solid var(--main-color);
	background-color: var(--white-color);
	font-weight: bold;
	color: var(--black-color);
	box-sizing: border-box;
}
div.job-search form div.item span.label a {
	display: block;
	color: var(--main-color);
	cursor: pointer;
}

/*  .input  */
div.job-search form div.item span.input {
	display: block;
	width: 100%;
}
div.job-search form div.item span.input select {
	width: 100%;
}
div.job-search form div.item span.input input[name=keywords] {
	width: 100%;
	margin: 0;
	padding: 1em;
	border-radius: 5px;
	border: 2px solid var(--main-color);
	background-color: var(--white-color);
	font-size: 1em;
	box-sizing: border-box;
}

/*  values  */
div.job-search form div.item span.input div.values {
	letter-spacing: -1em;
}
div.job-search form div.item span.input div.values span.empty {
	display: inline-block;
	color: #aaaaaa;
	letter-spacing: 0;
}
div.job-search form div.item span.input div.values span.selected {
	display: inline-block;
	margin: 0 0.5em 0.5em 0;
	padding: 0.5em;
	font-size: smaller;
	letter-spacing: 0;
	cursor: pointer;
}

/*  more  */
div.job-search form .more {
	margin: 1em 0;
	font-size: 1.8rem;
	color: var(--main-color);
}
div.job-search form .more a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}
div.job-search form .more a:after {
	content: '＋';
	margin: 0 0 0 1em;
}
div.job-search form .more a.open:after {
	content: 'ー';
	margin: 0 0 0 1em;
}
@media screen and (min-width: 1120px) {
	div.job-search form .more {
		width: 100%;
		font-size: 2.4rem;
	}
	div.job-search form .more a {
		justify-content: flex-start;
	}
}

/*  submit  */
div.job-search form div.submit {
	display: block;
	margin: 1em 0;
}
div.job-search form div.submit span {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 1em 0;
	width: 100%;
	min-height: 2.5em;
	border-radius: 5px;
	background-color: var(--main-color);
	cursor: pointer;
	box-sizing: border-box;
}
div.job-search form div.submit span:before {
	content: "";
	display: block;
	width: 1.5em;
	height: 1.5em;
	margin: 0 1em 0 0;
	background-image: url('./images/search_w.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
div.job-search form div.submit span button {
	padding: 0;
	border: none;
	background-color: transparent;
	font-size: 1.8rem;
	font-weight: bold;
	color: var(--white-color);
}
@media screen and (min-width: 1120px) {
	div.job-search form div.submit {
		width: 100%;
	}
	div.job-search form div.submit span button {
		font-size: 2.4rem;
	}
}

/*  .clear  */
div.job-search form div.clear {
	display: block;
	width: 100%;
	margin: 1em 0 0;
	text-align: center;
}
div.job-search form div.clear a {
	font-size: 1.8rem;
	font-weight: bold;
	color: var(--main-color);
	text-decoration: underline;
}
@media screen and (min-width: 1120px) {
	div.job-search form div.clear {
		text-align: right;
	}
	div.job-search form div.clear a {
		font-size: 2.4rem;
	}
}

/*  #salary  */
div.job-search form #salary .content .label {
	display: none;
}
div.job-search form #salary .content .input {
	display: block;
}
div.job-search form #salary .content .input select {
	padding: 1em 3em 1em 2em;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 5px;
	border: 2px solid var(--main-color);
	background-image: url('./images/pulldown.png');
	background-repeat: no-repeat;
	background-size: 1em auto;
	background-position: right 2em center;
	font-size: 1em;
	font-weight: bold;
	color: var(--black-color);
	box-sizing: border-box;
}
@media screen and (min-width: 1120px) {
	div.job-search form div.item#salary {
		width: 100%;
		padding: 0 50% 0 1em;
	}
}





/*

    Job summary

*/

/*  header  */
article.job-summary header p.recruiter {
	margin: 0;
	color: var(--main-color);
}
article.job-summary header h3 {
	margin: 0.25em 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
@media screen and (min-width: 1020px) {
	article.job-summary header h3 {
		-webkit-line-clamp: 2;
	}
}

/*  ul.details  */
article.job-summary ul.details {
	list-style: none;
}
article.job-summary ul.details li {
	position: relative;
	margin: 0;
	padding: 0 0 0 6.5em;
	box-sizing: border-box;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
article.job-summary ul.details li span {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	width: 5.5em;
	font-weight: 700;
}
article.job-summary ul.details li span:before {
	content: "";
	display: block;
	width: 2em;
	height: 1em;
	margin: 0 0.5em 0 0;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
article.job-summary ul.details li.area span:before { background-image: url('./images/area.png'); }
article.job-summary ul.details li.salary span:before { background-image: url('./images/salary.png'); }
article.job-summary ul.details li.type span:before { background-image: url('./images/type.png'); }




/*

    Job detail

*/

/*  h2  */
article.job h2 {
	width: fit-content;
	margin: 2em 0 1em;
	padding: 0.125em 0.5em;
	border-radius: 3px;
	background-color: var(--black-color);
	font-size: 1.5em;
	color: var(--white-color);
	box-sizing: border-box;
}

/*  catch  */
article.job p.catch {
	margin: 0;
	color: #ff813a;
	font-weight: bold;
}

/*  features  */
article.job ul.feature {
	display: flex;
	flex-wrap: wrap;
}
article.job ul.feature li {
	list-style: none;
	margin: 0 10px 10px 0;
	padding: 0.5em 1em;
	border: 1px solid var(--main-color);
	white-space: nowrap;
	color: var(--main-color);
	line-height: 1;
	font-size: 1.0rem;
}

/*  images  */
article.job div.images {
	display: flex;
	align-items: flex-start;
	width: 100%;
	margin: 15px 0 0 -5px;
	padding-top: 2em;
	border-top: 1px #cccccc solid;
}
article.job div.images img {
	display: block;
	width: calc(33.33% - 10px);
	margin-left: 10px;
}
@media screen and (max-width: 767px) {
	article.job div.images {
		display: block;
		margin: 15px 0 0;
		overflow: auto;
		white-space: nowrap;
	}
	article.job div.images img {
		display: inline;
		width: 80%;
	}
}

/*  requirements  */
article.job div.requirements dl dt {
	margin: 0;
	padding: 1em 0;
	border-bottom: 1px solid var(--glay05-color);
	font-weight: bold;
	box-sizing: border-box;
}
article.job div.requirements dl dd {
	margin: 0;
	padding: 1em 0;
	box-sizing: border-box;
}
@media screen and (min-width: 768px) {
	article.job div.requirements dl {
		display: flex;
		flex-wrap: wrap;
	}
	article.job div.requirements dl dt {
		width: 25%;
		padding: 1em;
		border-bottom: 1px solid var(--glay05-color);
		box-sizing: border-box;
	}
	article.job div.requirements dl dd {
		width: 75%;
		margin: 0;
		padding: 1em;
		border-bottom: 1px solid var(--glay05-color);
		box-sizing: border-box;
	}
}

/*  outline  */
article.job div.outline h3 {
	margin: 0 0 1em 0;
	padding: 0.25em 0 0.25em 1em;
	border-left: 5px solid var(--main-color);
	color: var(--main-color);
	box-sizing: border-box;
}
article.job div.outline div.summary,
article.job div.outline div.pickup {
	margin: 1em 0;
}
article.job div.outline div.summary p {
	position: relative;
	display: flex;
	align-items: center;
	margin: 0;
	padding: 1em 1em 1em 3em;
	border-top: 1px solid var(--glay05-color);
	font-weight: bold;
	box-sizing: border-box;
}
article.job div.outline div.summary p:last-of-type {
	border-bottom: 1px solid var(--glay05-color);
}
article.job div.outline div.summary p span {
	position: absolute;
	left: 1em;
	font-size: 1.25em;
	color: var(--main-color);
}
article.job div.outline div.pickup ul {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em;
	margin: 1em 0;
}
article.job div.outline div.pickup ul li {
	display: flex;
	justify-content: center;
	width: calc(50% - 0.5em);
	margin: 0;
	padding: 0.5em;
	border-radius: 3px;
	background-color: var(--glay05-color);
	color: var(--white-color);
	box-sizing: border-box;
}
article.job div.outline div.pickup ul li.active {
	background-color: var(--main-color);
}
@media screen and (min-width: 1120px) {
	article.job div.outline div.pickup ul li {
		width: calc(25% - 0.5em);
	}
}

/*  company  */
article.job div.company dl dt {
	margin: 0;
	padding: 1em 0;
	border-bottom: 1px solid var(--glay05-color);
	font-weight: bold;
	box-sizing: border-box;
}
article.job div.company dl dd {
	margin: 0;
	padding: 1em 0;
	box-sizing: border-box;
}
@media screen and (min-width: 768px) {
	article.job div.company dl {
		display: flex;
		flex-wrap: wrap;
	}
	article.job div.company dl dt {
		width: 25%;
		padding: 1em;
		border-bottom: 1px solid var(--glay05-color);
		box-sizing: border-box;
	}
	article.job div.company dl dd {
		width: 75%;
		margin: 0;
		padding: 1em;
		border-bottom: 1px solid var(--glay05-color);
		box-sizing: border-box;
	}
}

/*  review  */
article.job div.suitable {
	margin: 1em 0;
	border: 1px #cccccc solid;
}
article.job div.suitable p {
	text-align: center;
	padding: 1em;
}
article.job div.suitable p strong {
	display: block;
	margin-bottom: 0.75em;
}
@media screen and (min-width: 768px) {
	article.job div.suitable {
		display: flex;
		width: 60%;
		margin: 1em auto;
	}
	article.job div.suitable p {
		width: 50%;
	}
}

/*  flow  */
article.job div.flow {
	display: flex;
	margin: 1em 0;
	padding: 0.5em 0;
	border-bottom: 1px #666666 dotted;
}
article.job div.flow strong {
	white-space: nowrap;
}
article.job div.flow p {
	margin: 0 0.5em;
	padding: 0 0.5em;
	border-left: 2px #cccccc solid;
}

/*  entry  */
article.job div.entry {
	position: static;
}
article.job div.entry .data {
	display: none;
}
article.job div.entry .s-btn.large {
	height: auto;
	padding: 1em;
	box-sizing: border-box;
}
article.job div.entry .s-btn.large:before {
	content: "";
	display: block;
	width: 2em;
	height: 2em;
	margin: 0 1em 0 0;
	background-image: url('./images/round-mail.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
article.job div.entry .s-btn.large:after {
	content: "";
	display: block;
	width: 1em;
	height: 1em;
	margin: 0 0 0 1em;
	background-image: url('./images/round-arrow-wg.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
@media screen and (min-width: 768px) {
	article.job div.entry {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		margin: auto;
		padding: 2em;
		background-color: rgba(255,255,255,0.9);
		box-sizing: border-box;
		z-index: 9;
	}
	article.job div.entry .data {
		display: block;
	}
	article.job div.entry .data p.recruiter {
		font-size: 1.5em;
		font-weight: bold;
	}
	article.job div.entry .s-btn.large {
		max-width: 375px;
	}
}

/*  relation  */
article.job footer h3 {
	color: #666666;
	font-weight: normal;
}
article.job footer ul.jobs li {
	display: none;
	margin: 0;
	padding: 0.5em 0;
	list-style: none;
}
article.job footer ul.jobs li:nth-child(1) { display: block;}
article.job footer ul.jobs li:nth-child(2) { display: block;}
article.job footer ul.jobs li:nth-child(3) { display: block;}
article.job footer ul.jobs li a {
	display: inline-block;
	color: #579afb;
	text-decoration: underline;
}
article.job footer a.more {
	display: block;
	width: 8em;
	margin: 0.25em auto;
	padding: 0.5em 2em;
	background-color: #ffffff;
	border: 1px #cccccc solid;
	color: #666666;
	font-size: 1.5rem;
	font-weight: normal;
	white-space: nowrap;
	border-radius: 5px;
	cursor: pointer;
	text-align: center;
}
@media screen and (min-width: 768px) {
	article.job footer ul.jobs li {
		padding: 0.25em 0;
	}
}





/*

    Job pager

*/

/*  common  */
nav.job-page {
	margin: 30px 0;
}
@media screen and (min-width: 768px) {
	nav.job-page {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
}

/*  .number  */
nav.job-page p.number {
	margin: 0;
	font-weight: bold;
}
nav.job-page p.number strong {
	margin: 0 0.25em;
	font-size: 3em;
	color: var(--main-color);
}
nav.job-page p.number span {
	margin: 0 0 0 1em;
	font-size: 1.0rem;
	font-weight: normal;
}

/*  pager  */
nav.job-page div.list ol {
	display: flex;
	justify-content: center;
	list-style: none;
	margin: 3em 0;
}
nav.job-page div.list ol li {
	margin: 0 0.25em;
}
nav.job-page div.list ol li a {
	display: block;
	padding: 0.25em 0.75em;
	border: 1px solid var(--main-color);
	color: var(--main-color);
	box-sizing: border-box;
}
nav.job-page div.list ol li.current a {
	background-color: var(--main-color);
	color: var(--white-color);
}





/*

    Toppage

*/

/*  common  */
#toppage section {
	padding: 30px 0;
	box-sizing: border-box;
}
@media screen and (min-width: 1120px) {
	#toppage section {
		padding: 60px 0;
	}
}

/*  #mv  */

/*-- common --*/
#toppage #mv {
	position: relative;
	padding: 0;
	background-image: url('./images/mv_sp.png');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
#toppage #mv .container {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	margin: auto;
	padding: 0;
}
@media screen and (min-width: 1120px) {
	#toppage #mv {
		background-image: url('./images/mv_pc.png');
	}
	#toppage #mv .container {
		align-items: center;
	}
}

/*-- .slider --*/
#toppage #mv .slider .frame ul > li {
	margin: 0;
}
#toppage #mv .slider .frame ul.sp {
	display: block;
}
#toppage #mv .slider .frame ul.pc {
	display: none;
}
@media screen and (min-width: 1120px) {
	#toppage #mv .slider {
		max-width: 1400px;
		margin: 0 auto;
	}
	#toppage #mv .slider .frame ul.sp {
		display: none;
	}
	#toppage #mv .slider .frame ul.pc {
		display: block;
	}
}
/*-- .copy --*/
#toppage #mv .container .copy img.sp {
	display: block;
	width: 100%;
	height: auto;
}
#toppage #mv .container .copy img.pc {
	display: none;
}
@media screen and (min-width: 1120px) {
	#toppage #mv .container .copy img.sp {
		display: none;
	}
	#toppage #mv .container .copy img.pc {
		display: block;
		width: auto;
		height: 320px;
	}
}

/*-- .contact --*/
#toppage #mv .container .contact {
	margin: 0 0 30px 0;
}
@media screen and (min-width: 1120px) {
	#toppage #mv .container .contact {
		display: flex;
		align-items: flex-end;
		margin: 0;
	}
}
#toppage #mv .container .contact .wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
#toppage #mv .container .contact .wrap p {
	flex-shrink: 0;
	width: 100%;
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--white-color);
	text-align: center;
	text-shadow: 1px 1px 1px var(--black-color);
}

/*-- .registration --*/
#toppage #mv .container .contact .wrap .registration {
	flex-shrink: 0;
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}
#toppage #mv .container .contact .wrap .registration .r-btn.large {
	border: 2px solid var(--white-color);
	background-color: var(--conversion-color);
}
#toppage #mv .container .contact .wrap .registration .r-btn.large:hover {
	border: 2px solid var(--conversion-color);
	background-color: var(--white-color);
	color: var(--conversion-color);
}
#toppage #mv .container .contact .wrap .registration .r-btn.large:hover:after {
	border-top: 2px solid var(--conversion-color);
	border-right: 2px solid var(--conversion-color);
}
@media screen and (min-width: 1120px) {
	#toppage #mv .container .contact .wrap .registration .r-btn.large {
		font-size: 1.5em;
	}
}

/*-- .interview / .line --*/
#toppage #mv .container .contact .wrap .interview,
#toppage #mv .container .contact .wrap .line {
	width: 50%;
	padding: 0 10px;
	box-sizing: border-box;
}
#toppage #mv .container .contact .wrap .interview .r-btn.small,
#toppage #mv .container .contact .wrap .line .r-btn.small {
	border: 2px solid var(--white-color);
	background-color: var(--white-color);
}

/*-- .interview --*/
#toppage #mv .container .contact .wrap .interview .r-btn.small:after {
	border-top: 2px solid var(--main-color);
	border-right: 2px solid var(--main-color);
}
#toppage #mv .container .contact .wrap .interview .r-btn.small span {
	color: var(--main-color);
}
#toppage #mv .container .contact .wrap .interview .r-btn.small:hover {
	border: 2px solid var(--main-color);
	background-color: var(--main-color);
}
#toppage #mv .container .contact .wrap .interview .r-btn.small:hover:after {
	border-top: 2px solid var(--white-color);
	border-right: 2px solid var(--white-color);
}
#toppage #mv .container .contact .wrap .interview .r-btn.small:hover span {
	color: var(--white-color);
}

/*-- .line --*/
#toppage #mv .container .contact .wrap .line .r-btn.small:before {
	content: "";
	display: block;
	width: 2em;
	height: 2em;
	background-image: url('./images/LINE.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
#toppage #mv .container .contact .wrap .line .r-btn.small:after {
	border-top: 2px solid var(--line-color);
	border-right: 2px solid var(--line-color);
}
#toppage #mv .container .contact .wrap .line .r-btn.small span {
	color: var(--line-color);
}
#toppage #mv .container .contact .wrap .line .r-btn.small:hover {
	border: 2px solid var(--line-color);
	background-color: var(--line-color);
}
#toppage #mv .container .contact .wrap .line .r-btn.small:hover:before {
	background-image: url('./images/LINE_w.png');
}
#toppage #mv .container .contact .wrap .line .r-btn.small:hover:after {
	border-top: 2px solid var(--white-color);
	border-right: 2px solid var(--white-color);
}
#toppage #mv .container .contact .wrap .line .r-btn.small:hover span {
	color: var(--white-color);
}

/*  #employer  */
#toppage #employer {
	padding: 0;
	background-color: var(--white-color);
}
#toppage #employer .container {
	padding: 20px 0;
}
#toppage #employer .container ul li img {
	width: auto;
	max-height: 30px;
	background-color: #000000;
}
@media screen and (min-width: 1120px) {
	#toppage #employer .container {
		padding: 22.5px 0;
		max-width: none;
	}
	#toppage #employer .container ul li img {
		max-height: 45px;
	}
}

/*  #search  */

/*-- common --*/
#toppage #search {
	background-color: var(--main-color);
}
#toppage #search .container .job-search {
	width: 100%;
	margin: 0 auto;
	padding: 20px;
	border-radius: 10px;
	background-color: rgba(255,255,255,0.8);
	box-sizing: border-box;
}
@media screen and (min-width: 1120px) {
	#toppage #search .container .job-search {
		padding: 40px;
	}
}

/*-- .job-search --*/
#toppage #search .container .job-search form h3.more {
	display: none;
}
#toppage #search .container .job-search form div.item#conditions {
	display: none !important;
}
@media screen and (min-width: 1120px) {
	#toppage #search .container .job-search form {
		display: flex;
		flex-wrap: wrap;
	}
	/*-- .item --*/
	#toppage #search .container .job-search form div.item {
		margin: 0;
		padding: 5px;
		box-sizing: border-box;
	}
	#toppage #search .container .job-search form div.item#type,
	#toppage #search .container .job-search form div.item#area,
	#toppage #search .container .job-search form div.item#salary {
		width: 33.33%;
	}
	#toppage #search .container .job-search form div.item#freeword {
		width: 40%;
	}
	/*-- .title--*/
	#toppage #search .container .job-search form div.item h3.title {
		display: none;
	}
	/*-- .content --*/
	#toppage #search .container .job-search form div.item .content {
		width: 100%;
	}
	/*-- .label --*/
	#toppage #search .container .job-search form div.item .content .label {
		padding: 1em;
		font-size: 2.4rem;
	}
	#toppage #search .container .job-search form div.item .content .label:before {
		content: "";
		display: inline-block;
		width: 1.5em;
		height: 1.5em;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}
	#toppage #search .container .job-search form div.item#type .content .label:before { background-image: url('./images/type.png'); }
	#toppage #search .container .job-search form div.item#area .content .label:before { background-image: url('./images/area.png'); }
	#toppage #search .container .job-search form div.item#salary .content .label:before { background-image: url('./images/salary.png'); }
	/*-- .input --*/
	#toppage #search .container .job-search form div.item#type .content .input,
	#toppage #search .container .job-search form div.item#area .content .input {
		display: none;
	}
	#toppage #search .container .job-search form div.item#freeword .content .input {
		font-size: 2.4rem;
	}
	/*-- select --*/
	#toppage #search .container .job-search form div.item#salary .content .input select {
		padding: 1em 2em 1em 3.5em;
		background-image: url('./images/pulldown.png'), url('./images/salary.png');
		background-repeat: no-repeat;
		background-size: 1em auto, 1.5em auto;
		background-position: right 1em center, left 1em center;
		font-size: 2.4rem;
		font-weight: bold;
	}
	/*-- .more --*/
	#toppage #search .container .job-search form h3.more {
		display: none;
	}
	/*-- .submit --*/
	#toppage #search .container .job-search form div.submit {
		width: 60%;
		margin: 0;
		padding: 5px;
		font-size: 2.4rem;
		box-sizing: border-box;
	}
}






/*  #pickup  */
#toppage #pickup {
	background-color: var(--main-color);
}
#toppage #pickup .container {
	padding-right: 0;
}
@media screen and (min-width: 1120px) {
	#toppage #pickup .container {
		max-width: none;
		padding: 0 0 0 140px;
	}
	#toppage #pickup .container .slider .frame > ul > li {
		width: 30%;
	}
}

/*  #news  */
#toppage #news {
	background-color: var(--main-color);
}
#toppage #news .container {
	padding-right: 0;
}
@media screen and (min-width: 1120px) {
	#toppage #news .container {
		max-width: none;
		padding: 0 0 0 140px;
	}
	#toppage #news .container .slider .frame > ul > li {
		width: 30%;
	}
}

/*  #aboutus  */

/*-- common --*/
#toppage #aboutus .container {
	padding: 0;
}
#toppage #aboutus .container a.btn {
	margin: 30px auto 0;
}
@media screen and (min-width: 1120px) {
	#toppage #aboutus .container {
		max-width: none;
	}
	#toppage #aboutus .container a.btn {
		margin: 60px auto 0;
		max-width: none;
		width: 350px;
	}
}

/*-- .features --*/
#toppage #aboutus .container ul {
	list-style: none;
	margin: 0;
	border-top: 2px solid var(--main-color);
	box-sizing: border--box;
}
#toppage #aboutus .container ul li {
	margin: 0;
	border-bottom: 2px solid var(--main-color);
	box-sizing: border--box;
}
@media screen and (min-width: 1120px) {
	#toppage #aboutus .container ul {
		display: flex;
		border-top: 2px solid var(--main-color);
		border-bottom: 2px solid var(--main-color);
	}
	#toppage #aboutus .container ul li {
		width: 33.33%;
		border-bottom: none;
	}
	#toppage #aboutus .container ul li + li {
		border-left: 2px solid var(--main-color);
	}
}
#toppage #aboutus .container ul li .img-txt {
	padding: 40px 20px;
	box-sizing: border-box;
}
#toppage #aboutus .container ul li .img-txt .img {
	width: 100%;
}
#toppage #aboutus .container ul li .img-txt .img img {
	width: 100%;
	height: auto;
	object-fit: cover;
	object-position: center;
}
#toppage #aboutus .container ul li .img-txt {
	font-size: 1.4rem;
	text-align: left;
	line-height: 1.8 !important;
}
#toppage #aboutus .container ul li .img-txt .txt strong.catch {
	display: block;
	margin: 20px 0;
	font-size: 2.3rem;
	color: var(--main-color);
}
@media screen and (min-width: 1120px) {
	#toppage #aboutus .container ul li .img-txt {
		padding: 35px;
	}
	#toppage #aboutus .container ul li .img-txt {
		font-size: 1.6rem;
	}
	#toppage #aboutus .container ul li .img-txt .txt strong.catch {
		margin: 35px 0;
		font-size: 2.8rem;
	}
}

/*  #special  */

/*-- common --*/
#toppage #special {
	background-color: var(--main-color);
}
#toppage #special .container {
	padding: 0;
}
@media screen and (min-width: 1120px) {
	#toppage #special .container {
		max-width: none;
		padding: 0 0 0 140px;
	}
}

/*-- img-txt --*/
#toppage #special .container .img-txt {
	padding: 0 0 30px 0;
	box-sizing: border-box;
}
@media screen and (min-width: 1120px) {
	#toppage #special .container .img-txt {
		padding: 0 0 60px 0;
	}
	#toppage #special .container .img-txt .img,
	#toppage #special .container .img-txt .txt {
		width: 100%;
		padding: 0;
	}
}
#toppage #special .container .img-txt .img a {
	display: block;
}
#toppage #special .container .img-txt .img a img {
	width: 100%;
	height: auto;
}
@media screen and (min-width: 1120px) {
	#toppage #special .container .img-txt .img a.pc {
		position: relative;
	}
	#toppage #special .container .img-txt .img a.pc img:nth-of-type(2) {
		position: absolute;
		left: 0;
		bottom: 20px;
		width: auto;
		height: 170px;
	}
}
#toppage #special .container .img-txt .txt {
	padding: 0 10px;
	box-sizing: border-box;
}
#toppage #special .container .img-txt .txt p {
	margin: 0;
	text-align: left;
}
#toppage #special .container .img-txt .txt p strong.belt {
	margin: 1em 0;
}
#toppage #special .container .img-txt .txt p strong.belt span {
	display: inline-block;
	background-color: var(--white-color);
	font-size: 2em;
	color: var(--black-color);
}
#toppage #special .container .img-txt .txt p strong.belt span em {
	color: var(--main-color);
}
#toppage #special .container .img-txt .txt p strong.belt + span {
	color: var(--white-color);
	line-height: 2 !important;
}
#toppage #special .container .img-txt .txt a.btn {
	margin: 30px auto 0;
}
@media screen and (min-width: 1120px) {
	#toppage #special .container .img-txt .txt {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		padding: 0 70px;
	}
	#toppage #special .container .img-txt .txt a.btn {
		margin: 0;
	}
}





/*  #faq  */
#toppage #faq .container a {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding-top: 60%;
	background-image: url('./images/faq_sp.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
#toppage #faq .container a h2 {
	display: none;
}
@media screen and (min-width: 1120px) {
	#toppage #faq .container a {
		padding-top: 46.28%;
		background-image: url('./images/faq_pc.png');
	}
}


/*  #blog  */

/*-- common --*/
#toppage #blog .container a.btn {
	margin: 30px auto 0;
}
@media screen and (min-width: 1120px) {
	#toppage #blog .container a.btn {
		margin: 60px auto 0;
		max-width: 300px;
	}
}

/*-- ul.blog --*/
#toppage #blog .container ul.blog {
	list-style: none;
	margin: 0;
}
#toppage #blog .container ul.blog li {
	margin: 0;
	padding: 25px 0;
	border-bottom: 1px solid var(--glay04-color);
	box-sizing: border-box;
}
#toppage #blog .container ul.blog li a {
	display: block;
	color: inherit;
}
@media screen and (min-width: 1120px) {
	#toppage #blog .container ul.blog li {
		padding: 30px 0 50px;
	}
}
#toppage #blog .container ul.blog li .img-txt {
	display: flex;
	flex-wrap: nowrap;
}
#toppage #blog .container ul.blog li .img-txt .img {
	flex-shrink: 0;
	width: 120px;
	height: 80px;
	margin: 0 25px 0 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
#toppage #blog .container ul.blog li .img-txt .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
#toppage #blog .container ul.blog li .img-txt .txt {
	width: auto;
}
#toppage #blog .container ul.blog li .img-txt .txt .tag {
	display: inline-block;
	padding: 0 2em;
	border: 1px solid var(--main-color);
	font-size: 1.0rem;
	font-weight: 700;
	color: var(--main-color);
	box-sizing: border-box;
}
#toppage #blog .container ul.blog li .img-txt .txt .date {
	display: inline-block;
	margin: 0 10px;
	color: var(--main-color);
}
#toppage #blog .container ul.blog li .img-txt .txt .title {
	display: block;
	margin: 1em 0;
	font-size: 1.25em;
}
@media screen and (min-width: 1120px) {
	#toppage #blog .container ul.blog li .img-txt {
		position: relative;
	}
	#toppage #blog .container ul.blog li .img-txt .img {
		width: 300px;
		height: 200px;
		margin: 0 30px 0 0;
	}
	#toppage #blog .container ul.blog li .img-txt .txt {
		width: 470px;
	}
	#toppage #blog .container ul.blog li .img-txt .txt .tag {
		font-size: 1.4rem;
	}
	#toppage #blog .container ul.blog li .img-txt .txt .date {
		position: absolute;
		right: 0;
		bottom: 0;
		margin: 0;
	}
	#toppage #blog .container ul.blog li .img-txt .txt .title {
		font-size: 1.5em;
	}
}




/*

    202504 add

*/
/*  small  */
#c_content div.small {
	margin: 0;
	padding: 1em;
	box-sizing: border-box;
}
@media screen and (min-width: 768px) {
	#c_content div.small {
		max-width: 720px;
		margin: 0 auto;
		box-sizing: border-box;
	}
}

/*  #lp010  */
#lp010 #contents #c_head {
	display: none!important;
}
#lp010 #contents #c_breadcrumbs {
	display: none!important;
}
#lp010 footer {
	display: none!important;
}





/*

    202505 add

*/
#modal-base div.multi-selector.jobtypes {
	flex-wrap: wrap;
}
#modal-base div.multi-selector.jobtypes div.list {
	width: 100% !important;
	margin: 0;
}
#modal-base div.multi-selector.jobtypes div.list dl {
	display: flex;
	flex-wrap: wrap;
	width: 100% !important;
}
#modal-base div.multi-selector.jobtypes div.list dl dd {
	display: block;
	width: 50%;
	margin: 0;
	background-color: transparent;
	box-sizing: border-box;
}





/*

    202506 add

*/
#target {
	margin: 0 auto;
}
#target ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	list-style: none;
	margin: 0;
}
#target ul li {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 2.5px;
	padding: 1em;
	width: 120px;
	height: 120px;
	border-radius: 9999px;
	background-color: var(--black-color);
	box-sizing: border-box;
}
#target ul li strong {
	font-weight: bold;
	text-align: center;
	color: var(--white-color);
}
@media screen and (min-width: 768px) {
	#target {
		max-width: 1120px;
	}
	#target ul li {
		margin: 0 1.6%;
		width: 30%;
		height: auto;
	}
	#target ul li strong {
		font-size: 1.25em;
	}
}

#consultation #contents #c_head .container h1 img {
	display: none;
}