@charset "UTF-8";

/*
	@include sc(pc) {
		width: 100%;
	}
	@include sc(sp) {
		width: 50%;
	}
*/
/*
	@include hover() {
		opacity: 0.6;
	}
*/
/*
	$line:イラレの行の値
	$size:イラレの文字の値

	@include lh(38, 15);
*/
/*
	@include taJ();
*/
/*
	@extend %rightarr;
*/
/*
@mixin f_roboto($weight:400) {
	font-family: 'Roboto',"游ゴシック","游ゴシック体","Yu Gothic",YuGothic, sans-serif;
	font-weight:$weight;
}
Robotoフォント設定
400：Regular（デフォルト）
500：Medium
700：Bold
*/
/*
	$weight:フォントの太さ

	@include f_min();
	@include f_min(500);
	@include f_min(600);
*/
/*
	$weight:フォントの太さ

	@include f_nscj();
	@include f_nscj(500);
	@include f_nscj(700);
*/
/*
	$weight:フォントの太さ

	@include f_nscj();
	@include f_nscj(500);
	@include f_nscj(700);
*/
/*
	$weight:フォントの太さ

	@include f_op();
	@include f_op(600);※SemiBold
	@include f_op(700);※Bold
	@include f_op(800);※ExtraBold
*/
/*
	$weight:フォントの太さ

	@include f_nsd();
	@include f_nsd(500);※Medium
*/
/*
	$weight:フォントの太さ

	@include f_nsj(400);Regular
	@include f_nsj(500);※Medium
	@include f_nsj(600);※SemiBold
	@include f_nsj(700);※Bold

*/
/*
	$color:色指定
	$stripe:線サイズ
	$spacing:線の空きサイズ
	$height:太さ

	@include dotted(#e6e1d2, 4,4,2);
*/
/*
example
@include dotted-y(#COLOR, WidthPX,SpaceingPX,LengthPX,); 横破線
@include dotted-y(#e6e1d2, 4,4,2,10);
*/

/* Common Item
============================================================================= */
@media print,
screen and (min-width: 641px) {
	[class*=_w-pc-] {
		margin-left: auto;
		margin-right: auto;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		max-width: 100%;
	}

	._w-pc-1100 {
		width: 11rem;
	}

	._w-pc-1200 {
		width: 12rem;
	}

	._w-pc-1300 {
		width: 13rem;
	}

	._w-pc-1400 {
		width: 14rem;
	}
}

@media screen and (max-width: 640px) {
	._pd-sp-30 {
		padding-left: 0.3rem;
		padding-right: 0.3rem;
	}

	._nm-sp-30 {
		margin-left: -0.3rem;
		margin-right: -0.3rem;
	}
}

._section-heading01 {
	text-align: center;
	line-height: 1;
}

._section-heading01>span {
	display: block;
}

._section-heading01>.en {
	font-family: "Noto Serif Display", serif;
	font-weight: 400;
	font-size: 0.7rem;
	letter-spacing: 0.05em;
}

@media screen and (max-width: 640px) {
	._section-heading01>.en {
		font-size: 0.45rem;
	}
}

._section-heading01+* {
	margin-top: 0.8rem;
}

@media screen and (max-width: 640px) {
	._section-heading01+* {
		margin-top: 0.32rem;
	}
}

._section-heading02 {
	line-height: 1;
}

._section-heading02>span {
	display: block;
}

._section-heading02>.en {
	font-family: "Noto Serif Display", serif;
	font-weight: 400;
	font-size: 0.6rem;
	letter-spacing: 0.05em;
}

@media screen and (max-width: 640px) {
	._section-heading02>.en {
		font-size: 0.4rem;
	}
}

._r-catch01 {
	font-size: 0.28rem;
	line-height: 1.8;
	letter-spacing: 0.05em;
	font-family: "source-han-serif-japanese", serif;
	font-weight: 500;
}

@media screen and (max-width: 640px) {
	._r-catch01 {
		font-size: 0.21rem;
		line-height: 1.65;
	}
}

._r-description01 {
	font-size: 0.18rem;
	line-height: 2.2;
}

@media screen and (max-width: 640px) {
	._r-description01 {
		font-size: 0.14rem;
		line-height: 1.8;
	}
}

._r-catch01+._r-description01 {
	margin-top: 0.24rem;
}

@media screen and (max-width: 640px) {
	._r-catch01+._r-description01 {
		margin-top: 0.12rem;
	}
}

.faq {
	margin-top: 1.5rem;
	padding-top: 0.8rem;
	padding-bottom: 1rem;
	color: #464237;
	background-color: #F1EEE9;
}

@media screen and (max-width: 640px) {
	.faq {
		margin-top: 0.73rem;
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}
}

.faq * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.faq img {
	display: block;
	max-width: 100%;
	height: auto;
}

/* Concept
============================================================================= */
@media screen and (max-width: 640px) {
	.company-concept {
		padding: 0 0.15rem;
	}
}

.company-concept_inner {
	background-color: #FFFFFF;
}

@media print,
screen and (min-width: 641px) {
	.company-concept_inner {
		padding: 1rem;
	}
}

@media screen and (max-width: 640px) {
	.company-concept_inner {
		padding: 0.26rem 0.15rem 0.3rem 0.15rem;
	}
}

.company-concept-img {
	position: relative;
	z-index: 1;
}

@media print,
screen and (min-width: 641px) {
	.company-concept-img {
		-ms-flex-negative: 0;
		flex-shrink: 0;
		margin-left: -2rem;
		width: 8.6rem;
	}
}

@media screen and (max-width: 640px) {
	.company-concept-img {
		margin-right: 0.3rem;
	}
}

@media print,
screen and (min-width: 641px) {
	.company-concept_text {
		-ms-flex-negative: 0;
		flex-shrink: 0;
		width: 100%;
		margin-left: -6.6rem;
	}
}

@media screen and (max-width: 640px) {
	.company-concept_text {
		margin-top: -0.4rem;
		margin-left: 0.3rem;
		padding-top: 0.72rem;
		padding-bottom: 0.24rem;
		background-color: #fff;
	}
}

.company-concept_text_inner {
	margin-top: 0.48rem;
}

@media print,
screen and (min-width: 641px) {
	.company-concept_text_inner {
		padding: 0.48rem 0.75rem 0.48rem 7.4rem;
		background-color: #fff;
		min-height: 4.6rem;
	}
}

@media screen and (max-width: 640px) {
	.company-concept_text_inner {
		margin-top: 0.2rem;
	}
}

@media print,
screen and (min-width: 641px) {
	.company-concept-heading {
		text-align: right;
	}
}

.company-concept-catch {
	margin-right: -1em;
}

.company-concept .company_title {
	font-size: 0.26rem;
	font-family: "source-han-serif-japanese", serif;
	font-weight: 500;
	border-bottom: 1px solid #A58F5F;
	padding-bottom: 0.1rem;
}

@media screen and (max-width: 640px) {
	.company-concept .company_title {
		font-size: 0.14rem;
	}
}

@media print,
screen and (min-width: 641px) {
	.company-concept_wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-top: 0.3rem;
		margin-bottom: 0.5rem;
	}
}

@media screen and (max-width: 640px) {
	.company-concept_wrap {
		margin-top: 0.16rem;
	}
}

.company-recommend-information {
	background-color: #fff;
}

@media print,
screen and (min-width: 641px) {
	.company-recommend-information {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 5.36rem;
	}
}

@media screen and (max-width: 640px) {
	.company-recommend-information {
		margin-top: 0.16rem;
		padding-bottom: 0.5rem;
	}
}

.company-recommend-information-table {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

@media print,
screen and (min-width: 641px) {
	.company-recommend-information-table {
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
	}
}

@media screen and (max-width: 640px) {
	.company-recommend-information-table:first-of-type {
		border-top: 1px solid #A2A09B;
	}
}

.company-recommend-information-table>* {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-bottom: 1px solid #A2A09B;
	font-size: 0.16rem;
	line-height: 1.75;
}

@media print,
screen and (min-width: 641px) {
	.company-recommend-information-table>*:first-of-type {
		border-top: 1px solid #A2A09B;
	}
}

@media print,
screen and (min-width: 641px) {
	.company-recommend-information-table>* {
		min-height: 0.6rem;
	}
}

@media screen and (max-width: 640px) {
	.company-recommend-information-table>* {
		padding-top: 0.1rem;
		padding-bottom: 0.1rem;
		font-size: 0.12rem;
	}
}

.company-recommend-information-table>dt {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-pack: left;
	-ms-flex-pack: left;
	justify-content: left;
	width: 1.7rem;
	letter-spacing: 0.05em;
	background-color: #EDE9DF;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media print,
screen and (min-width: 641px) {
	.company-recommend-information-table>dt {
		padding-left: 0.12rem;
	}
}

@media screen and (max-width: 640px) {
	.company-recommend-information-table>dt {
		width: 1rem;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

.company-recommend-information-table>dd {
	padding-left: 0.3rem;
	width: calc(100% - 1.7rem);
}

@media screen and (max-width: 640px) {
	.company-recommend-information-table>dd {
		padding-left: 0.2rem;
		width: calc(100% - 1rem);
	}
}

@media print,
screen and (min-width: 641px) {
	.company-recommend-information-table+.company-recommend-information-table {
		margin-left: 0.6rem;
	}
}

.company-recommend-information02 {
	background-color: #fff;
	margin-top: 0.3rem;
}

@media print,
screen and (min-width: 641px) {
	.company-recommend-information02 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
}

@media screen and (max-width: 640px) {
	.company-recommend-information02 {
		margin-top: 0.16rem;
		padding-bottom: 0.3rem;
	}
}

.company-recommend-information02-table {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

@media print,
screen and (min-width: 641px) {
	.company-recommend-information02-table {
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
	}
}

@media screen and (max-width: 640px) {
	.company-recommend-information02-table:first-of-type {
		border-top: 1px solid #A2A09B;
	}
}

.company-recommend-information02-table>* {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-bottom: 1px solid #A2A09B;
	font-size: 0.16rem;
	line-height: 1.75;
}

@media print,
screen and (min-width: 641px) {
	.company-recommend-information02-table>*:first-of-type {
		border-top: 1px solid #A2A09B;
	}
}

@media print,
screen and (min-width: 641px) {
	.company-recommend-information02-table>* {
		min-height: 0.6rem;
	}
}

@media screen and (max-width: 640px) {
	.company-recommend-information02-table>* {
		padding-top: 0.1rem;
		padding-bottom: 0.1rem;
		font-size: 0.12rem;
	}
}

.company-recommend-information02-table>dt {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-pack: left;
	-ms-flex-pack: left;
	justify-content: left;
	width: 1.7rem;
	letter-spacing: 0.05em;
	background-color: #EDE9DF;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media print,
screen and (min-width: 641px) {
	.company-recommend-information02-table>dt {
		padding-left: 0.12rem;
	}
}

@media screen and (max-width: 640px) {
	.company-recommend-information02-table>dt {
		width: 1rem;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

.company-recommend-information02-table>dd {
	padding-left: 0.3rem;
	width: calc(100% - 1.7rem);
}

@media screen and (max-width: 640px) {
	.company-recommend-information02-table>dd {
		padding-left: 0.2rem;
		width: calc(100% - 1rem);
	}
}

@media print,
screen and (min-width: 641px) {
	.company-recommend-information02-table+.company-recommend-information02-table {
		margin-left: 0.6rem;
	}
}

/**アコーディオン**/
.accordionbox {
	max-width: 98rem;
	margin: 0.1rem auto 0.6rem;
}

@media screen and (max-width: 640px) {
	.accordionbox {
		margin: 0.1rem auto 0.3rem;
	}
}

.accordionbox .wrap {
	border-bottom: solid 1px #A58F5F;
	margin-bottom: 0.2rem;
}

.accordionlist dt {
	display: flex;
	padding: 0.15rem 0 0.24rem 0.5rem;
	font-size: 0.16rem;
	color: #000000;
	margin-bottom: 0.02rem;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	position: relative;
	font-family: "source-han-serif-japanese", serif;
	font-weight: 400;
	letter-spacing: 0.05em;
}

@media screen and (max-width: 640px) {
	.accordionlist dt {
		padding: 0.07rem 0 0.24rem 0.5rem;
	}
}

.accordionlist dt:first-child {
	border-top: none !important;
}

.accordionlist dt span.en {
	color: #FFFFFF;
	font-size: 0.24rem;
	display: block;
	position: absolute;
	top: 4px;
	left: 0;
	background-color: #402D19;
	padding: 0 0.1rem 0.06rem 0.1rem;
	font-family: "Noto Serif Display", serif;
	font-weight: 400;
}

@media screen and (max-width: 640px) {
	.accordionlist dt span.en {
		font-size: 0.17rem;
		padding: 0.07rem 0,09rem;
	}
}

.accordionlist dd span.en {
	color: #D36A00;
	font-size: 0.24rem;
	width: 35px;
	display: block;
	position: absolute;
	top: 0.12rem;
	left: 0.22rem;
}

.accordionlist dt .txt_fild {
	width: calc(100% - 0.4rem);
	float: left;
	padding-left: 0.16rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (max-width: 640px) {
	.accordionlist dt .txt_fild {
		padding-left: 0;
	}
}

.accordionlist dd {
	display: none;
	background: #F3EEE8;
	padding-top: 0.3rem;
	padding-right: 0;
	padding-bottom: 0.3rem;
	font-size: 0.16rem;
	position: relative;
	font-weight: 400;
	margin-bottom: 0.2rem;
	letter-spacing: 0.05em;
}

.accordionlist dd .txt_fild {
	width: 98%;
	padding-left: 1.08rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #000;
	font-family: "source-han-serif-japanese", serif;
	line-height: 1.8;
}
.accordionlist dd .txt_fild .txt_fild_flex {
	display: flex;
}

@media screen and (max-width: 640px) {
	.accordionlist dd .txt_fild {
		padding-left: 0.2rem;
		padding-right: 0.2rem;
		text-align: left;
	}
}

.accordionlist dd .txt_fild a {
	text-decoration: underline;
}

.accordionlist dd .txt_fild a:hover {
	text-decoration: none;
}

.accordion_icon span {
	display: inline-block;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.accordion_icon {
	position: absolute;
	width: 0.3rem;
	height: 0.3rem;
	right: 0.05rem;
	top: 50%;
	margin-top: -0.08rem;
	transform: translateY(-50%);
}

@media screen and (max-width: 640px) {
	.accordion_icon {
		width: 0.2rem;
		height: 0.2rem;
		margin-top: -0.15rem;
	}
}

.accordion_icon span {
	position: absolute;
	left: 0.06rem;
	width: 80%;
	height: 0.04rem;
	background-color: #A58F5F;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}

@media screen and (max-width: 640px) {
	.accordion_icon span {
		height: 0.03rem;
	}
}

.accordion_icon span:nth-of-type(1) {
	top: 0.15rem;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
}

.accordion_icon span:nth-of-type(2) {
	top: 0.15rem;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
}

/*＋、－切り替え*/
.accordion_icon.active span:nth-of-type(1) {
	display: none;
}

.accordion_icon.active span:nth-of-type(2) {
	top: 0.15rem;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}

@media print,
screen and (max-width: 320px) {
	.accordionlist dt {
		font-size: 0.12rem;
	}

	.accordionlist dd {
		font-size: 0.12rem;
	}
}

/*# sourceMappingURL=faq.css.map */