@charset "UTF-8";

.about .l-lower__body .l-wrap>dl {
	width: 91.73%;
	margin: 13% auto;
	padding: 0;
	box-sizing: border-box;
	font-size: 1.125em;
	line-height: 1.6;
	border-bottom: 1px solid #c9c9c9
}

@media screen and (min-width:769px) {
	.about .l-lower__body .l-wrap>dl {
		border-left: 1px solid #c9c9c9;
		border-right: 1px solid #c9c9c9
	}
}

.about .l-lower__body .l-wrap>dl dt {
	width: 100%;
	margin: 0;
	padding: 1.4em .2em 1.3em;
	box-sizing: border-box;
	font-weight: 700;
	background: #e3e3e3;
	border-top: 1px solid #c9c9c9
}

.about .l-lower__body .l-wrap>dl dd {
	width: 100%;
	margin: 0;
	padding: 1.5em .2em 1.3em;
	box-sizing: border-box;
	background: #fff;
	border-top: 1px solid #c9c9c9
}

.about .l-lower__body .l-wrap>dl dd ul {
	list-style: none;
	margin: 0;
	padding: 0
}

@media screen and (min-width:769px) {
	.about .l-lower__body .l-wrap>dl {
		display: flex;
		flex-wrap: wrap;
		width: 92.67%;
		max-width: 1112px;
		margin: 5em auto 10em;
		font-size: 1.125em
	}

	.about .l-lower__body .l-wrap>dl dt {
		width: 33.54%;
		padding: 1em 1.2em
	}

	.about .l-lower__body .l-wrap>dl dd {
		width: 66.46%;
		padding: 1em 1.2em
	}
}

.faq .l-lower__body {
	font-size: 1.142em;
	/* font-size: 4.8vw; */
	background: #f4f4f4;
	border-top: 1px solid #f4f4f4;
	border-bottom: 1px solid #f4f4f4
}

.faq .l-wrap {
	padding-bottom: 2em
}

@media screen and (min-width:769px) {
	.faq .l-wrap {
		padding-bottom: 3em
	}
}

.faq .faq__list {
	list-style: none;
	margin: 10% auto;
	padding: 0
}

.faq summary {
	display: block
}

.faq summary::-webkit-details-marker {
	display: none
}

.faq details {
	width: 92%;
	margin: 0 auto 1em;
	font-size: 1em;
	background: #fff;
	box-sizing: border-box;
	border-radius: .5em
}

.faq details summary {
	list-style: none;
	position: relative;
	display: flex;
	justify-content: space-between;
	padding: 1.9em 1em 1.7em 3em;
	box-sizing: border-box;
	cursor: pointer
}

.faq details[open] summary {
	padding-bottom: 1.2em
}

.faq details summary:before {
	content: "Ｑ.";
	position: absolute;
	top: 1.2em;
	left: .6em;
	font-size: 1.3em;
	font-weight: 700;
	color: #000
}

.faq .answer {
	position: relative;
	margin: 0 0 1em 2em;
	padding: 1.3em 1em 1em .9em;
	line-height: 1.7;
	border-top: 1px solid #cacaca
}

.faq .answer:before {
	content: "Ａ.";
	position: absolute;
	top: .7em;
	left: -.9em;
	font-size: 1.3em;
	font-weight: 700;
	color: #c90039
}

.faq .question {
	width: calc(100% - 2em);
	margin: 0
}

.faq .c-arrow {
	position: relative;
	display: inline-block;
	width: 1em;
	height: 1em
}

.faq .c-arrow:before,
.faq .c-arrow:after {
	content: '';
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 0;
	border-top: 1px solid #000;
	transform: translate(-50%, -50%);
	box-sizing: border-box;
	transition: .5s
}

.faq .c-arrow:after {
	opacity: 1;
	transform: translate(-50%, -50%) rotate(-90deg)
}

.faq details[open] .c-arrow:before,
.faq details[open] .c-arrow:after {
	transition: .4s
}

.faq details[open] .c-arrow:before {
	transform: translate(-50%, -50%) rotate(180deg)
}

.faq details[open] .c-arrow:after {
	opacity: 0;
	transform: translate(-50%, -50%) rotate(0deg)
}

@media screen and (min-width:769px) {
	.faq .l-lower__body {
		font-size: 1.125em;
		/* min-width: 1400px */
	}

	.faq .faq__list {
		margin: 70px auto 100px
	}

	.faq details {
		margin: 0 auto 2em;
		font-size: 1.125em
	}

	.faq details summary {
		align-items: center;
		padding: 1.4em 1.5em 1.2em 5.2em
	}

	.faq details summary:before {
		top: 0;
		left: .6em;
		font-size: 2.3em
	}

	.faq details {
		width: 92.75%
	}

	.faq .question {
		width: 1100px
	}

	.faq .c-arrow {
		position: absolute;
		right: 1.5em;
		width: 1.6em;
		height: 1.6em
	}

	.faq .answer {
		margin: 0 1.65em 1em;
		padding: 1.3em 1em 1em 3.5em
	}

	.faq .answer:before {
		top: .15em;
		left: -.15em;
		font-size: 2.3em
	}
}

.faq summary:focus {
	outline: none
}

.privacy .l-lower__body,
.solicitation .l-lower__body {
	width: 91.73%;
	margin: 10% auto;
	font-size: 1em;
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	font-feature-settings: "palt";
	line-height: 1.6
}

.privacy .l-lower__body h2,
.solicitation .l-lower__body h2 {
	margin: 0 auto 1.3em;
	padding: 1.3em .5em 1.2em .5em;
	box-sizing: border-box;
	font-size: 1.125em;
	font-weight: 700;
	font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	background: #f4f4f4;
	border-top: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
	border-width: 2px 1px
}

.privacy .l-lower__body h3 {
	margin-bottom: 1em;
	font-size: 1em;
	font-weight: 700
}

.privacy .l-lower__body h4 {
	margin-top: 2em;
	margin-bottom: 1em;
	font-size: 1em;
	font-weight: 700
}

.privacy .l-lower__body h4:nth-last-child(2) {
	margin-top: 2em;
	margin-bottom: 0
}

.privacy .l-lower__body ul {
	list-style: none;
	margin: .5em 0;
	padding: 0
}

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

	.privacy .l-lower__body,
	.solicitation .l-lower__body {
		width: 92.67%;
		/* min-width: 1400px; */
		margin: 100px auto;
		font-size: 1.125em
	}

	.privacy .l-lower__body h2,
	.solicitation .l-lower__body h2 {
		margin: 0 auto 1.3em;
		padding: .6em .2em .45em .2em;
		font-size: 1.66666em;
		border-width: 2px 1px
	}

	.privacy .l-lower__body h4 {
		margin: 1.3em 0
	}

	.privacy .l-lower__body h4:nth-last-child(2) {
		margin: 1.3em 0 0
	}
}

@media only screen and (min-device-width:769px) and (max-device-width:1200px) {
	/* .faq .l-lower__body {
		min-width: auto;
		max-width: 1400px
	} */

	/* .privacy .l-lower__body,
	.solicitation .l-lower__body {
		max-width: 1400px;
		min-width: auto
	} */
}

.solicitation .l-lower__body h2 {
	margin-top: 2em;
}

.solicitation .l-lower__body .l-wrap h2:first-child {
	margin-top: 0;
}

.solicitation .l-lower__body ul {
	list-style: disc;
	padding-left: 2em;
}

.solicitation .l-lower__body hr {
	margin: 3em 0;
}

/* 会社概要 */
.about {}