@charset "UTF-8";

/*--------------------------------------------------
**************************************************
  メンズ専用個室セルフ脱毛 料金メニュー
**************************************************
--------------------------------------------------*/
.menu{
	display: flex;
	justify-content: space-between;
	column-gap: 20px;
}
@media screen and (max-width: 767px) {
	.menu{
		flex-direction: column;
		justify-content: flex-start;
		row-gap: 20px;
	}
}

.menu > .text{
	width: 520px;
}
@media screen and (max-width: 767px) {
	.menu > .text{
		width: 100%;
	}
}

.menu .item h3{
	width: 160px;
	padding: 10px;
	background-color: #f8f8f8;
	text-align: center;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	color: #222;
}
@media screen and (max-width: 767px) {
	.menu .item h3{
		width: 130px;
	}
}

.menu .item table{
	width: 550px;
	margin-top: 30px;
}
@media screen and (max-width: 767px) {
	.menu .item table{
		width: 100%;
		margin-top: 20px;
	}
}

.menu .item table th,
.menu .item table td{
	padding: 5px 0;
	font-size: 14px;
	font-weight: 400;
	color: #333;
}
@media screen and (max-width: 767px) {
	.menu .item table th,
	.menu .item table td{
		white-space: nowrap;
	}
}

.menu .item table th{
	width: 250px;
}
@media screen and (max-width: 767px) {
	.menu .item table th{
		width: auto;
	}
}

.menu .item table td{
	width: 300px;
}
@media screen and (max-width: 767px) {
	.menu .item table td{
		width: auto;
		text-align: right;
	}
}

.menu .item .description{
	margin-top: 10px;
	font-size: 14px;
}

.menu .item .caution{
	margin-top: 15px;
	font-size: 14px;
	line-height: calc(24 / 14);
}

.menu > .image{
	min-width: 503px;
}
@media screen and (max-width: 767px) {
	.menu > .image{
		min-width: auto;
		width: 100%;
	}
}


/*--------------------------------------------------
**************************************************
  脱毛に関するよくある質問
**************************************************
--------------------------------------------------*/
.faq .heading_type_02{
	font-size: 24px;
}
@media screen and (max-width: 767px) {
	.faq .heading_type_02{
		font-size: 22px;
	}
}

.faq .accordion dt{
	position: relative;
	padding: 31px 30px 34px 106px;
	background: linear-gradient(180deg, #947f44 0%, #56430d 100%);
	font-size: 18px;
	font-weight: 700;
	color: #fff;
}
@media screen and (max-width: 767px) {
	.faq .accordion dt{
		padding: 15px 40px 15px 60px;
		font-size: 16px;
	}
}

.faq .accordion dt::before{
	content: "Q";
	position: absolute;
	top: 50%;
	left: 30px;
	transform: translateY(-50%);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 57px;
	height: 57px;
	background: #f7f6f0;
	border-radius: 50%;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-size: 24px;
	font-weight: 300;
	color: #222;
}
@media screen and (max-width: 767px) {
	.faq .accordion dt::before{
		left: 10px;
		width: 40px;
		height: 40px;
		font-size: 20px;
	}
}

.faq .accordion dt::after{
	content: "▼";
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translateY(-50%);
	color: #fff;
}
@media screen and (max-width: 767px) {
	.faq .accordion dt::after{
		right: 15px;
	}
}

.faq .accordion dt.active::after{
	transform: translateY(-50%) rotate(180deg);
}

.faq .accordion dt:hover{
	cursor: pointer;
}

.faq .accordion dt:not(:nth-of-type(1)){
	margin-top: 50px;
}
@media screen and (max-width: 767px) {
	.faq .accordion dt:not(:nth-of-type(1)){
		margin-top: 30px;
	}
}

.faq .accordion dd{
	display: none;
	margin-top: 30px;
}
@media screen and (max-width: 767px) {
	.faq .accordion dd{
		margin-top: 10px;
	}
}

.faq .accordion dd p{
	font-size: 14px;
	line-height: calc(36 /14);
}
@media screen and (max-width: 767px) {
	.faq .accordion dd p{
		line-height: 2;
	}
}