@charset "UTF-8";
/* CSS Document */

.inquiry-major-area,
.inquiry-major-area * {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	font-feature-settings: "palt" 1;
	color: #444;
}
.inquiry-major-area {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 22px;
	width: 710px;
	margin: auto;
	text-align: left;
}

.inquiry-major-block {
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
	width: 344px;
	z-index: 0;
}
.inquiry-major-block.on {
	z-index: 2;
}
/*flex: 1;を使って高さを揃えると、カラムを開いたときに隣のカラムも一緒に伸びるので使えません。*/
.inquiry-major-block:nth-of-type(1) .inquiry-major-box h3,
.inquiry-major-block:nth-of-type(2) .inquiry-major-box h3 {
	height: 3em;
}
.inquiry-major-block:nth-of-type(3) .inquiry-major-box h3,
.inquiry-major-block:nth-of-type(4) .inquiry-major-box h3 {
	height: 4em;
}
.inquiry-major-box {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
	gap: 10px;
	/*flex: 1;*/
	width: 344px;
	padding: 20px;
	background: #F9F9F9;
	border: 1px solid #DDD;
	border-radius: 6px;
	text-align: center;
	transition: all 250ms;
	cursor: pointer;
}
.inquiry-major-box figure,
.inquiry-major-box h3,
.inquiry-major-box div {
	transition: all 300ms;
}
.inquiry-major-box:hover figure,
.inquiry-major-box:hover h3,
.inquiry-major-box:hover div {
	opacity: .5;
}
.inquiry-major-box h3 {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
	gap: 5px;
	/*flex: 1;*/
	font-size: 22px;
	font-weight: bold;
	line-height: 1.4;
}
/*flex: 1;を使って高さを揃えると、カラムを開いたときに隣のカラムも一緒に伸びるので使えません。*/
.inquiry-major-box div {
	transition: all 200ms;
}
.on .inquiry-major-box div {
	transform: rotate(180deg);
}
.inquiry-major-box h3 span {
	display: block;
	font-size: 15px;
	font-weight: normal;
	line-height: 1.4;
}
.inquiry-medium-area {
	display: none;
	width: 710px;
	padding: 30px;
	background: #F9F9F9;
	border: 1px solid #DDD;
	border-radius: 0 6px 6px 6px;
}
.inquiry-medium-block + .inquiry-medium-block {
	margin-top: 20px;
}
.inquiry-medium-box {
	cursor: pointer;
	transition: all 300ms;
}
.inquiry-medium-box:hover {
	opacity: .5;
}
.inquiry-medium-box-ttl {
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	border-left: 3px solid #006858;
	z-index: 10;
}
.inquiry-medium-box-ttl::before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0;
	top: 50%;
	background: #DDD;
	z-index: -1;
}
.inquiry-medium-box-ttl::after {
	content: "＋";
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 30px;
	height: 30px;
	background: #006858;
	border-radius: 15px;
	color: #FFF;
	font-size: 18px;
	font-weight: normal;
}
.inquiry-medium-block.on .inquiry-medium-box-ttl::after {
	content: "ー";
}
.inquiry-medium-box h4 {
	flex: 1;
	font-size: 18px;
	font-weight: bold;
}
.inquiry-medium-box h4 span {
	padding: 10px;
	background: #F9F9F9;
}

.inquiry-major-block.on .inquiry-major-box {
	padding: 20px 20px 42px 20px;
	border-radius: 6px 6px 0 0;
	border-bottom: none;
	margin-bottom: -1px;
}

.inquiry-minor-area,
.inquiry-contact-box {
	display: none;
}

.inquiry-minor-area {
	margin-top: 15px;
	padding-left: 13px;
	padding-right: 4px;
}
.inquiry-minor-block + .inquiry-minor-block {
	margin-top: 6px;
}
.inquiry-minor-box {
	cursor: pointer;
	transition: all 300ms;
}
.inquiry-minor-box:hover {
	opacity: .5;
}
.inquiry-minor-box-ttl {
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	z-index: 10;
}
.inquiry-minor-box-ttl::before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0;
	top: 50%;
	background: #DDD;
	z-index: -1;
}
.inquiry-minor-box-ttl::after {
	content: "＋";
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 22px;
	height: 22px;
	background: #006858;
	border-radius: 11px;
	color: #FFF;
	font-size: 15px;
	font-weight: normal;
}
.inquiry-minor-block.on .inquiry-minor-box-ttl::after {
	content: "ー";
}
.inquiry-minor-box h5 {
	flex: 1;
	font-size: 15px;
	line-height: 1.6;
}
.inquiry-minor-box h5 span {
	padding: 10px;
	background: #F9F9F9;
}
.inquiry-minor-box h5::first-letter {
	color: #006858;
}

.inquiry-minor-area .inquiry-contact-box {
	padding-left: 28px;
}
.inquiry-contact-box {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 15px;
	margin-top: 15px;
	margin-bottom: 30px;
	padding-left: 13px;
}
.inquiry-contact-btn {
	flex: 1;
}
.inquiry-contact-btn a {
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 60px;
	background: #FFF;
	border: 1px solid #DDD;
	border-radius: 30px;
	color: #006758;
	font-size: 18px;
}
.inquiry-contact-btn.small a {
	font-size: 15px;
}
.inquiry-contact-btn a::after {
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	border-top: solid 1px #006758;
	border-right: solid 1px #006758;
	right: 25px;
	transform: rotate(45deg);
}

.inquiry-major-block:nth-of-type(even) {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}
.inquiry-major-block:nth-of-type(even) .inquiry-medium-area {
	border-radius: 6px 0 6px 6px;
}