@charset "UTF-8";

@font-face {
	src: url(../font/Figtree-Italic-VariableFont_wght.ttf) format("truetype");
	font-family: Figtree Italic
}

@font-face {
	src: url(../font/Figtree-VariableFont_wght.ttf) format("truetype");
	font-family: Figtre
}

html {
	overflow-x: hidden;
	font-size: 100%;
	scroll-behavior: smooth
}

@media (max-width: 600px) {
	html {
		font-size: 2.6666666667vw
	}
}

@media screen and (min-width: 768px) {
	html {
		font-size: 1vw
	}
}

@media (min-width: 1600px) {
	html {
		font-size: 100%
	}
}

body {
	overflow-x: hidden;
	color: #030303;
	font-family: \30e1\30a4\30ea\30aa, Meiryo, Hiragino Kaku Gothic ProN, \30d2\30e9\30ae\30ce\89d2\30b4 ProN W3, sans-serif
}

a,
button {
	-webkit-transition: .3s;
	transition: .3s
}

a:hover,
button:hover {
	cursor: pointer;
	opacity: .6
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd,
ul,
li {
	margin: 0
}

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

html:focus-within {
	scroll-behavior: smooth
}

body {
	min-height: 100vh;
	line-height: 1.5;
	text-rendering: optimizeSpeed
}

a:not([class]) {
	-webkit-text-decoration-skip: ink;
	text-decoration-skip-ink: auto
}

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

img,
picture {
	display: block;
	max-width: 100%
}

input,
button,
textarea,
select {
	font: inherit
}

button {
	padding: 0;
	border: none;
	background-color: initial
}

.fade-in {
	-webkit-transform: translateY(15%);
	-webkit-transition: opacity 1.5s ease-out, -webkit-transform 1.5s ease-out;
	transform: translateY(15%);
	opacity: 0;
	transition: opacity 1.5s ease-out, -webkit-transform 1.5s ease-out;
	transition: transform 1.5s ease-out, opacity 1.5s ease-out;
	transition: transform 1.5s ease-out, opacity 1.5s ease-out, -webkit-transform 1.5s ease-out
}

@media (prefers-reduced-motion: reduce) {
	html:focus-within {
		scroll-behavior: auto
	}
}

.l-inner {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-right: 1.25rem;
	padding-left: 1.25rem
}

@media screen and (min-width: 768px) {
	.l-inner {
		max-width: 1600px;
		padding-right: 1.5625rem;
		padding-left: 1.5625rem
	}
}

.l-test {
	padding: 3.125rem;
	background-color: #eee;
	color: red;
	font-size: 2rem
}

.l-pagetop {
	position: fixed;
	right: .625rem;
	bottom: .625rem
}

@media screen and (min-width: 768px) {
	.l-pagetop {
		right: 2.5rem;
		bottom: 2.5rem
	}
}

.c-text24 {
	font-weight: 900;
	font-size: 1.5rem;
	line-height: 1.4;
	letter-spacing: .04em
}

.c-text15 {
	font-size: .9375rem;
	line-height: 1.8;
	letter-spacing: .04em
}

.p-accordion__item+.p-accordion__item {
	margin-top: 1.875rem
}

@media screen and (min-width: 768px) {
	.p-accordion__item+.p-accordion__item {
		margin-top: 1.5rem
	}
}

.u-desktop {
	display: none
}

@media screen and (min-width: 768px) {
	.u-desktop {
		display: block
	}
}

@media screen and (min-width: 768px) {
	.u-mobile {
		display: none
	}
}

.u-scrollTop {
	scroll-margin-top: 4.0625rem
}

@media screen and (min-width: 768px) {
	.u-scrollTop {
		scroll-margin-top: 6rem
	}
}


/* ----------------------------------------------------
addStyle

------------------------------------------------ */
.addStyle-ul {
	list-style: disc;
    padding-left: 1em;
    margin-top: 1em;
	@media screen and (max-width: 767px) {
		padding-left: 2.5em;
	}
	li {
		margin-bottom: .5em;
	}
}


.addStyle-85em {
	@media screen and (min-width: 768px) {
		font-size: .7em;
	}
}
.addStyle-ifrem  {
    width: 100%;
    height: 1050px;
    margin-top: 3em;
}
.addStyle-addWorkBox {
    text-align: center;
    width: 100%;
    font-weight: bold;
    font-size: 1.3rem;
    padding: 3em 0;
}