/* モバイル */
@media not screen and (min-width: 1280px) {
	main .contents {
		padding-bottom: 204px;
	}
}

@media not screen and (min-width: 500px) {
	main .contents {
		padding-bottom: 6rem;
	}
}

/* パソコン */
@media print,
screen and (min-width : 1280px) {
	main .contents {
		padding-bottom: 204px;
	}
}

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

 * 私たちについて

---------------------------------------------- */
/* ご挨拶 */
.greeting .container {
	background-image: url(../img/about/about_back.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}

.greeting h2 {
	margin-bottom: 2rem;
}

.greeting .name {
	font-size: 1.5rem;
}

.greeting .name span {
	display: block;
	font-size: 1rem;
	line-height: 1.5;
}

.greeting_text {
	font-size: 1.25rem;
}

/* モバイル */
@media not screen and (min-width: 1280px) {
	.greeting .container {
		padding-bottom: 58px;
	}

	.greeting .mod_fx {
		gap: 2rem;
	}

	.greeting_img {
		width: 30%;
	}

	.greeting_text {
		width: 70%;
	}

	.greeting_text p:not(:last-of-type) {
		margin-bottom: 18px;
	}
}

@media not screen and (min-width: 500px) {
	.greeting .mod_fx {
		flex-direction: column;
	}

	.greeting_img {
		width: 100%;
	}

	.greeting_text {
		width: 100%;
	}
}

/* パソコン */
@media print,
screen and (min-width : 1280px) {
	.greeting .container {
		padding-bottom: 119px;
	}

	.greeting .mod_fx {
		gap: 44px;
	}

	.greeting_img {
		width: 269px;
	}

	.greeting .lead {
		margin-bottom: 1.5rem;
	}

	.greeting_text {
		width: calc(100% - 269px);
	}

	.greeting_text p:not(.lead):not(:last-of-type) {
		margin-bottom: 40px;
	}
}

/* メイビスケアの理念 */
.thought_contents {
	font-size: 1.15rem;
}

.thought .lead {
	margin-bottom: 1rem;
	margin-top: 1.5rem;
}

.thought_contents p b {
	margin-bottom: .5rem;
	display: block;
}

.thought ol {
	counter-reset: work value;
}

.thought ol li:before {
	counter-increment: work 1;
	content: counter(work) " )";
	margin-right: 1.5rem;
}

/* モバイル */
@media not screen and (min-width: 1280px) {
	.thought {
		margin-bottom: 48px;
	}

	.thought .mod_fx img {
		width: 30%;
	}

	.thought_contents {
		width: 70%;
		padding: 36px 0 36px 24px;
		margin-right: 5%;
	}
}

@media not screen and (min-width: 500px) {
	.thought .mod_fx {
		flex-direction: column-reverse;
	}

	.thought_contents {
		width: 90%;
		margin-inline: auto;
		padding: 0 0 36px;
	}

	.thought .mod_fx img {
		display: none;
	}
}

/* パソコン */
@media print,
screen and (min-width : 1280px) {
	.thought {
		margin-bottom: 79px;
	}

	.thought_contents {
		width: 1200px;
		padding: 0 0 80px 56px;
	}

	.thought_contents h2 {
		margin-bottom: 80px;
	}

	.thought .mod_fx img {
		width: calc((100% - 1200px) / 2);
	}
}


/* 特徴 */
.feature .feature_contents {
	gap: 24px;
	align-items: flex-start;
	padding-block: calc(2rem + 41px);
	background-image: url(../img/about/feature_line.svg), url(../img/about/feature_line.svg);
	background-repeat: repeat-x;
	background-position: top, bottom;
}

.feature .feature_item {
	width: calc(100% / 2.5);
	justify-items: center;
	gap: 24px;
}

.feature .feature_title {
	font-size: 21px;
}


/* モバイル */
@media not screen and (min-width: 1280px) {
	.feature {
		margin-bottom: 48px;
	}

	.feature .feature_contents {
		margin-bottom: 24px;
	}
}

@media not screen and (min-width: 500px) {
	.feature .feature_contents {
		flex-direction: column;
	}

	.feature .feature_item {
		width: 100%;
	}
}

/* パソコン */
@media print,
screen and (min-width : 1280px) {
	.feature {
		margin-bottom: 98px;
	}

	.feature .feature_contents {
		margin-bottom: 49px;
	}
}

/* 会社概要 */
main .profile {
	background-color: #272856;
	color: #ffffff;
	background-image: url(../img/about/profile_back.svg);
	background-position: bottom;
	background-repeat: repeat-x;
}

main .profile table {
	width: min(100%, 630px);
	margin-inline: auto;
}

main .profile tr:not(:last-of-type) td,
main .profile tr:not(:last-of-type) th {
	border-bottom: solid 1px rgb(255 255 255 / 20%);
}

/* モバイル */
@media not screen and (min-width: 1280px) {
	main .profile {
		padding: 64px 0 98px;
		margin-bottom: 58px;
	}

	main .profile h2 {
		margin-bottom: 48px;
	}

	main .profile td,
	main .profile th {
		padding-block: 16px;
	}
}

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

	main .profile td,
	main .profile th {
		display: block;
	}

	main .profile th {
		padding-block: 16px 8px;
	}

	main .profile td {
		padding-block: 8px 16px;
	}

	main .profile tr:not(:last-of-type) th {
		border-bottom: none;
	}
}

/* パソコン */
@media print,
screen and (min-width : 1280px) {
	main .profile {
		padding: 118px 0 186px;
		margin-bottom: 120px;
	}

	main .profile h2 {
		margin-bottom: 93px;
	}

	main .profile td,
	main .profile th {
		padding-block: 24px;
		font-size: 17px;
	}
}


/* アクセス */


.access p {
	margin-bottom: 2rem;
}

/* モバイル */
@media not screen and (min-width: 1280px) {
	.access {
		margin-bottom: 160px;
	}
}

/* パソコン */
@media print,
screen and (min-width : 1280px) {
	.access {
		margin-bottom: 300px;
	}
}

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

 * よくある質問

---------------------------------------------- */
.faq-item {
	margin-inline: auto;
	background: #fff;
	font-size: 1.5rem;
	font-weight: bold;
}

.faq-item:not(:last-of-type) {
	margin-bottom: 3rem;
}

.faq-item .answer {
	display: none;
	margin-top: 1rem;
}

.expandButton,
.answer {
	position: relative;
}

.expandButton {
	cursor: pointer;
}

/* .expandButton:hover {
	background: linear-gradient(transparent 90%, #f5cd1e 10%);
	padding-bottom: .5rem;
	transition: 0.5s;
} */

.expandButton:before {
	content: 'Q.';
	font-size: 3rem;
	color: #f5cd1e;
	margin-right: 1rem;
}

.answer:before {
	content: 'A.';
	font-size: 3rem;
	color: #e72419;
	margin-right: 1rem;
}

.faq-item svg {
	position: absolute;
	bottom: .5rem;
	right: 0;
	width: 32px;
	height: 32px;
}

.faq-item.active svg {
	transform: scale(1, -1);
}

/* モバイル */
@media not screen and (min-width: 1280px) {
	.faq-item {
		width: 90%;
		border-radius: 16px;
		padding: 1rem;
	}
}

@media not screen and (min-width: 500px) {
	.faq-item:not(:last-of-type) {
		margin-bottom: 1.5rem;
	}
}

/* パソコン */
@media print,
screen and (min-width : 1280px) {
	.faq-item {
		width: 1200px;
		border-radius: 4px;
		padding: 2rem;
	}
}

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

 * プライバシーポリシー

---------------------------------------------- */
body.privacy main {
	font-size: 24px;
}

body.privacy main .contents p:first-of-type,
body.privacy main .contents h3 {
	margin-bottom: 1.5rem;
}

body.privacy main .contents h3:before {
	content: "・";
}

body.privacy main .contents p:not(:first-of-type):not(:last-of-type) {
	margin-bottom: 6rem;
}



/* モバイル */
@media not screen and (min-width: 1280px) {
	body.privacy main .contents h3 {
		font-size: 20px;
	}
}

@media not screen and (min-width: 500px) {
	body.privacy main {
		font-size: 16px;
	}

	body.privacy main .contents .container {
		padding: 48px 24px 62px;
		background-color: #fff;
	}

	body.privacy main .contents p:not(:first-of-type):not(:last-of-type) {
		margin-bottom: 2rem;
	}
}

/* パソコン */
@media print,
screen and (min-width : 1280px) {
	body.privacy main .contents .container {
		padding: 96px 60px 103px;
		background-color: #fff;
	}
}