@charset "UTF-8";



/************************************************************

 *  fields evaprojects common.css

 ************************************************************/



*,::before,::after{box-sizing:border-box;border-style:solid;border-width:0}

html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}

body{margin:0}

main{display:block}

p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0}

h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}

ul,ol{margin:0;padding:0;list-style:none}

dt{font-weight:700}

dd{margin-left:0}

hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}

pre{font-family:monospace,monospace;font-size:inherit}

address{font-style:inherit}

a{background-color:transparent;text-decoration:none;color:inherit}

abbr[title]{text-decoration:underline dotted}

b,strong{font-weight:bolder}

code,kbd,samp{font-family:monospace,monospace;font-size:inherit}

small{font-size:80%}

sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}

sub{bottom:-.25em}

sup{top:-.5em}

svg,img,embed,object,iframe{vertical-align:bottom}

button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}

[type="checkbox"]{-webkit-appearance:checkbox;appearance:checkbox}

[type="radio"]{-webkit-appearance:radio;appearance:radio}

button,[type="button"],[type="reset"],[type="submit"]{cursor:pointer}

button:disabled,[type="button"]:disabled,[type="reset"]:disabled,[type="submit"]:disabled{cursor:default}

:-moz-focusring{outline:auto}

select:disabled{opacity:inherit}

option{padding:0}

fieldset{margin:0;padding:0;min-width:0}

legend{padding:0}

progress{vertical-align:baseline}

textarea{overflow:auto}

[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}

[type="search"]{outline-offset:-2px}

[type="search"]::-webkit-search-decoration{-webkit-appearance:none}

::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}

label[for]{cursor:pointer}

details{display:block}

summary{display:list-item}

[contenteditable]:focus{outline:auto}

table{border-color:inherit}

caption{text-align:left}

td,th{vertical-align:top;padding:0}

th{text-align:left;font-weight:700}





/* --------------------------------------------------

	foundation

-------------------------------------------------- */

:root {

	--bar-width: 17px;

	--vh: 100vh;

}

html {

	font-size: 62.5%;

	overflow-y: scroll;

}

html.is-navopen {

	overflow: hidden;

	margin-right: var(--bar-width);

}

body {

	position: relative;

	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;

	font-size: 1.4rem;

	line-height: 1.6;

	color: #000000;

}

svg {

	height: auto;

}

@media screen and (min-width: 768px) {

	img,

	svg {

		max-width: 100%;

	}

}

@media screen and (max-width: 767px) {

	img,

	svg {

		width: 100%;

	}

}





/* --------------------------------------------------

	layout

-------------------------------------------------- */

.l-main {

	position: relative;

	overflow: hidden;

	padding-top: 80px;

}

.l-sec {

	position: relative;

}

.l-sec__inner {

	position: relative;

	margin: 0 auto;

}

@media screen and (min-width: 768px) {

	.l-sec__inner {

		max-width: 1100px;

		padding: 0 38px;

	}

}

@media screen and (max-width: 1117px) {

	.l-sec__inner {

		padding: 0 calc(38 / 1100 * 100%);

	}

}

@media screen and (max-width: 767px) {

	.l-sec__inner {

		padding: 0 calc(20 / 750 * 100%);

	}

}





/* --------------------------------------------------

	layout - header

-------------------------------------------------- */

.l-header {

	position: fixed;

	z-index: 100;

	top: 0;

	left: 0;

	width: 100%;

	transform: translateY(0);

	transition: transform .4s cubic-bezier(0.165, 0.84, 0.44, 1);

}

.l-header.is-hide {

	transform: translateY(-100%);

}

.l-header__inner {

	position: relative;

	z-index: 2;

	background: linear-gradient(to right, #D9D9D9, #FFFFFF, #D9D9D9);

	border-bottom: 1px solid #CCCCCC;

	max-width: none;

}

.l-header-cols {

	height: 80px;

	display: flex;

	justify-content: space-between;

	align-items: center;

}

html.is-navopen .l-header-cols {

	padding-right: calc(var(--bar-width));

}

.l-header__title {

	width: 144px;

	font-size: 0;

}

.l-header-nav__button .button {

	position: relative;

	display: block;

	width: 36px;

	height: 36px;

}

.l-header-nav__button .button span {

	position: absolute;

	top: calc(50% - 1px);

	width: 100%;

	height: 2px;

	background-color: #444444;

	transition: opacity .2s ease;

}

.l-header-nav__button .button::before {

	content: "";

	position: absolute;

	top: calc(50% - 10px);

	left: 0;

	width: 100%;

	height: 2px;

	background-color: #444444;

	transition: top .2s ease,

				transform .2s ease;

}

.l-header-nav__button .button::after {

	content: "";

	position: absolute;

	top: calc(50% + 8px);

	left: 0;

	width: 100%;

	height: 2px;

	background-color: #444444;

	transition: top .2s ease,

				transform .2s ease;

}

.l-header-nav__button .button.is-open span {

	opacity: 0;

}

.l-header-nav__button .button.is-open::before {

	top: calc(50% - 1px);

	transform: rotate(-45deg);

}

.l-header-nav__button .button.is-open::after {

	top: calc(50% - 1px);

	transform: rotate(45deg);

}

@media screen and (min-width: 768px) {

	.l-header-nav__button .button {

		transition: opacity .2s ease;

	}

	.l-header-nav__button .button:hover {

		opacity: 0.6;

	}

}

@media screen and (max-width: 767px) {

	.l-header__inner {

		padding: 0 calc(40 / 750 * 100%);

	}

	.l-header__title {

		width: 118px;

	}

}





/* --------------------------------------------------

	layout - nav

-------------------------------------------------- */

.l-nav {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

}

.l-nav__bg {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: rgba(0, 0, 0, 0.5);

	display: none;

}

.l-nav__inner {

	position: absolute;

	top: 80px;

	left: 0;

	width: 100%;

	max-height: calc(100dvh - 80px);

	overflow-y: scroll;

	border-bottom: 1px solid #CCCCCC;

	transform: translateY(-100%);

	background: linear-gradient(to right, #D9D9D9, #FFFFFF, #D9D9D9);

	transition: transform .4s cubic-bezier(0.165, 0.84, 0.44, 1);

}

.l-nav.is-open .l-nav__inner {

	transform: translateY(0);

}

.l-nav__list--main {

	padding-bottom: 48px;

	font-size: 2.0rem;

}

.l-nav__list--main > li {

	border-bottom: 1px solid #CCCCCC;

}

.l-nav__list--main > li > a {

	display: block;

	padding: 19px 0;

}

.l-nav__list--main .toggle__list {

	display: none;

	font-size: 1.6rem;

}

.l-nav__list--main .toggle__list li:last-child {

	padding-bottom: 19px;

}

.l-nav__list--main .toggle__list li + li {

	margin-top: 10px;

}

.l-nav__list--main .toggle__list li i {

	margin-right: 10px;

}

.l-nav__list--main .toggle__list li a {

	position: relative;

	display: inline-block;

	padding-left: 20px;

}

.l-nav__list--main .toggle__list li a::before {

	content: "";

	position: absolute;

	top: 6px;

	left: 0;

	width: 9px;

	height: 9px;

	border-top: 2px solid #444444;

	border-left: 2px solid #444444;

	transform: rotate(135deg);

}

.l-nav__list--main .toggle__list .c-icon-new {

	margin-left: 10px;

}

.l-nav__list--sub {

	display: flex;

	flex-wrap: wrap;

	padding-bottom: 48px;

	margin: -48px -1.953125% 0;

	font-size: 1.6rem;

}

.l-nav__list--sub > li {

	width: 50%;

	padding: 48px 1.879699248120301% 0;

}

.l-nav__list--sub .title {

	color: #909090;

}

.l-nav__list--sub .list {

	padding-top: 10px;

}

.l-nav__list--sub .list li + li {

	margin-top: 6px;

}

.l-nav__list--sub .list li a {

	position: relative;

	display: inline-block;

	padding-left: 20px;

}

.l-nav__list--sub .list li a::before {

	content: "";

	position: absolute;

	top: 6px;

	left: 0;

	width: 9px;

	height: 9px;

	border-top: 2px solid #444444;

	border-left: 2px solid #444444;

	transform: rotate(135deg);

}

.l-nav__list--sub .list .c-icon-new {

	margin-left: 10px;

}

@media screen and (min-width: 768px) {

	.l-nav__list--main a,

	.l-nav__list--sub a {

		transition: opacity .2s ease;

	}

	.l-nav__list--main a:hover,

	.l-nav__list--sub a:hover {

		opacity: 0.6;

	}

}

@media screen and (max-width: 767px) {

	.l-nav .l-sec__inner {

		padding: 0 calc(40 / 750 * 100%);

	}

	.l-nav__list li a {

		font-size: 1.8rem;

	}

	.l-nav__list--main .toggle__list {

		font-size: 1.4rem;

	}

	.l-nav__list--main .toggle__list li i {

		margin-right: 0;

	}

	.l-nav__list--main .toggle__list li a {

		display: block;

		padding-left: 18px;

		margin-top: 4px;

	}

	.l-nav__list--main .toggle__list li a::before {

		width: 8px;

		height: 8px;

	}

	.l-nav__list--main .toggle__list .c-icon-new {

		font-size: 1.0rem;

	}

	.l-nav__list--sub {

		padding-bottom: 32px;

		margin: -32px 0 0;

		font-size: 1.4rem;

	}

	.l-nav__list--sub > li {

		width: 100%;

		padding: 32px 0 0;

	}

	.l-nav__list--sub .list li a {

		padding-left: 18px;

	}

	.l-nav__list--sub .list li a::before {

		width: 8px;

		height: 8px;

	}

	.l-nav__list--sub .list .c-icon-new {

		font-size: 1.0rem;

	}

}





/* --------------------------------------------------

	layout - footer

-------------------------------------------------- */

.l-footer {

	position: relative;

	padding: 50px 0 40px;

	background: linear-gradient(to right, #26252A, #100E13, #26252A);

	background-position: center top;

}

.l-pagetop {

	position: absolute;

	display: block;

	top: -21px;

	left: 50%;

	width: 57px;

	transform: translateX(-50%);

	background-image: url(/common/img/bg11.png);

	background-size: cover;

	background-position: center top;

	font-size: 0;

}

.l-pagetop__button {

	display: block;

	padding: 28px 14px 10px 14px;

}

.l-footer__inner {

	max-width: none;

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.l-footer-col.col--left {

	display: flex;

	align-items: center;

}

.l-footer-copyright__list {

	display: flex;

	color: #FFFFFF;

	font-size: 1.0rem;

	opacity: 0.6;

}

.l-footer-copyright__list li + li {

	margin-left: 10px;

}

.l-footer-logo__list {

	display: flex;

	margin-left: 30px;

	font-size: 0;

}

.l-footer-logo__list li + li {

	margin-left: 15px;

}

.l-footer-logo__list li.eva03 {

	width: 93px;

}

.l-footer-logo__list li.bisty {

	width: 56px;

}

.l-footer-logo__list li.fields {

	width: 71px;

}

.l-footer-company__list {

	display: flex;

	color: #FFFFFF;

	font-size: 1.1rem;

	opacity: 0.6;

}

.l-footer-company__list li + li {

	margin-left: 15px;

}

@media screen and (min-width: 768px) {

	.l-footer-company__list li a:hover {

		text-decoration: underline;

	}

}

@media screen and (max-width: 830px) {

	.l-footer-col.col--left {

		display: block;

	}

	.l-footer-logo__list {

		margin: 10px 0 0;

	}

}

@media screen and (max-width: 767px) {

	.l-footer__inner {

		display: block;

	}

	.l-footer-copyright__list {

		flex-wrap: wrap;

		justify-content: center;

	}

	.l-footer-logo__list {

		justify-content: center;

	}

	.l-footer-company__list {

		justify-content: center;

		margin-top: 15px;

	}

}





/* --------------------------------------------------

	parts

-------------------------------------------------- */

.c-button--a {

	display: inline-block;

}

.c-button--b {

	text-decoration: underline;

}

.c-icon-toggle {

	position: relative;

	width: 16px;

	height: 16px;

	display: inline-block;

}

.c-icon-toggle::before {

	content: "";

	position: absolute;

	top: 50%;

	left: 0;

	width: 16px;

	height: 2px;

	background-color: #444444;

	transform: translateY(-50%);

}

.c-icon-toggle::after {

	content: "";

	position: absolute;

	top: 50%;

	left: 0;

	width: 16px;

	height: 2px;

	background-color: #444444;

	transform: translateY(-50%) rotate(90deg);

}

.is-toggle .c-icon-toggle::after {

	opacity: 0;

}

.c-icon-arrow-left {

	position: relative;

	display: inline-block;

	width: 16px;

	height: 16px;

	background-image: url(/common/img/arrow05.png);

	background-repeat: no-repeat;

	background-position: center center;

	background-size: contain;

}

.c-icon-arrow-down {

	position: relative;

	display: inline-block;

	width: 16px;

	height: 16px;

	background-image: url(/common/img/arrow06.png);

	background-repeat: no-repeat;

	background-position: center center;

	background-size: contain;

}

.c-text--line1 {

	overflow: hidden;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 1;

}

.c-text--line2 {

	overflow: hidden;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

}

.c-text--line3 {

	overflow: hidden;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

}

.c-icon-new {

	color: #FF0000;

	border: 1px solid #FF0000;

	font-style: normal;

	font-size: 1.2rem;

	border-radius: 4px 4px;

	line-height: 1;

	display: inline-block;

	vertical-align: middle;

	padding: 1px 3px;

}

.c-icon-category {

	display: inline-block;

	font-style: normal;

	font-size: 1.2rem;

	padding: 2px 10px;

	border: 1px solid #000000;

	border-radius: 5px 5px;

}

.c-icon-category.c-digital {

	color: #64C746;

	border-color: #64C746;

}

.c-icon-category.c-campaign {

	color: #E88D12;

	border-color: #E88D12;

}

.c-icon-category.c-special {

	color: #D11919;

	border-color: #D11919;

}

.c-icon-category.c-machine {

	color: #C230CE;

	border-color: #C230CE;

}

.c-icon-category.c-goods {

	color: #2C9FF4;

	border-color: #2C9FF4;

}

.fa-s {

	border: 1px solid #707070;

	border-radius: 4px 4px;

	font-size: 1.2rem;

	font-weight: normal !important;

	padding: 2px 4px 2px 6px;

}

.fa-s::before {

	content: "\53";

	font-family: "Font Awesome 6 Free";

	vertical-align: middle;

	text-align: center;

	display: inline-block;

	margin-right: 3px;

}

.fa-p {

	border: 1px solid #707070;

	border-radius: 4px 4px;

	font-size: 1.2rem;

	font-weight: normal !important;

	padding: 2px 4px 2px 6px;

}

.fa-p::before {

	content: "\50";

	font-family: "Font Awesome 6 Free";

	vertical-align: middle;

	text-align: center;

	display: inline-block;

	margin-right: 3px;

}

@media screen and (min-width: 768px) {

	.c-button--a {

		transition: opacity .2s ease;

	}

	.c-button--a:hover {

		opacity: 0.8;

	}

	.c-button--b:hover {

		text-decoration: none;

	}

}

@media screen and (max-width: 767px) {

}





/* --------------------------------------------------

	utility

-------------------------------------------------- */

@media screen and (min-width: 768px) {

	.u-sp {

		display: none;

	}

	.u-ancher {

		padding-top: 80px;

		margin-top: -80px;

	}

}

@media screen and (max-width: 767px) {

	.u-pc {

		display: none;

	}

}





/* --------------------------------------------------

	※※※※※

-------------------------------------------------- */

@media screen and (min-width: 768px) {

}

@media screen and (max-width: 767px) {

}