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

parts-config.css for サイト名

********************************************************************************/

/*============================================================
 CSS変数 for parts共通　※サイトデザインに従い適宜設定
*============================================================*/
:root {
}

/*============================================================
 ボタン
*============================================================*/
/* 標準ボタン設定　※設定必須
---------------------------------------- */
.parts-btn {
	--width: 274px;
	--min-width: unset;
	--max-width: unset;
	--margin: 0 auto;
	--padding: 17px 0;
	--font-size: 16px;
	--line-height: 100%;
	--border-radius: 0;
	--border-width: 2px;
	--hover-border-radius: 100px;

	--color: #fff;
	--background: #9B308C;
	--border-color: #9B308C;
	--hover-color: #fff;
	--hover-background: #9B308C;
	--hover-border-color: #9B308C;
}
/* オプション設定
---------------------------------------- */
/* ヘッダー白ボタン */
.parts-btn[data-name="white"] {
	--width: 260px;
	--font-size: 18px;
	--line-height: 100%;
	--color: #9B308C;
	--background: #fff;
	--border-color: #fff;
	--hover-color: #9B308C;
	--hover-background: #fff;
	--hover-border-color: #fff;
	box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.08);
}
/* 白ボタン(パープルボーダー) */
.parts-btn[data-name="white-border-purple"] {
	--color: #9B308C;
	--background: #fff;
	--border-color: #9B308C;
	--hover-color: #9B308C;
	--hover-background: #fff;
	--hover-border-color: #9B308C;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.13);
}
/* CTA白ボタン(ブルーテキスト) */
.parts-btn[data-name="cta-white"] {
	--color: #30349B;
	--background: #fff;
	--border-color: #fff;
	--hover-color: #30349B;
	--hover-background: #fff;
	--hover-border-color: #fff;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
/* CTAパープルボタン */
.parts-btn[data-name="cta-purple"] {
	--color: #fff;
	--background: #9B308C;
	--border-color: #9B308C;
	--hover-color: #fff;
	--hover-background: #9B308C;
	--hover-border-color: #9B308C;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

/*============================================================
 アコーディオン
*============================================================*/
/* 基本
---------------------------------------- */
.parts-accordions {
	--accordions-gap: 32px 0;
	--accordion-gap: 8px 0;

	--background-color: transparent;
	/* --border: solid 2px #F8F8F8; */
    /* --box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.13); */
    /* --border-radius: 8px; */
	
	--icon-size: 48px;
	--btn-size: 48px;

	--sw-padding: 0;
	--sw-inner-gap: 0 16px;
	/* --sw-icon-display: none; */
    --sw-font-family: var(--common-font-family);
	--sw-font-weight: bold;
	--sw-font-size: 16px;
	--sw-line-height: 29px;
    /* --sw-color: #1591EB;  */
    /* --sw-text-align: center; */
	/* --sw-letter-spacing: 0.08; */
	/* --sw-btn-display: none; */

	--content-padding: 0 64px 0 0;
	--content-inner-gap: 0 16px;
    --content-border-top: unset;
    --content-font-size: 16px;
	--content-line-height: 29px;
	/* --content-border-margin: 24px; */
    /* --content-border-top: solid 1px #F8F8F8; */
	/* --content-icon-display: none; */

}


/*============================================================
 テキスト
*============================================================*/
/* 行数制限(省略文字「...」付)
---------------------------------------- */
.parts-text[data-type="clamp"] {
	--line: 2;
}



/********************************************************************************

for tablet

********************************************************************************/
@media screen and (max-width: 1007px) {
	/*============================================================
	 テキスト
	*============================================================*/
	/* 行数制限(省略文字「...」付)
	---------------------------------------- */
	.parts-text[data-type="clamp"] {
		--line: 2;
	}
}



/********************************************************************************

for SP

********************************************************************************/
@media screen and (max-width: 767px) {
	/*============================================================
	 ボタン
	*============================================================*/
	/* 標準ボタン設定
	---------------------------------------- */
	.parts-btn {
		/* --width: 274px;
		--min-width: unset;
		--max-width: unset;
		--margin: 0 auto;
		--padding: 22px 0;
		--font-size: 16px;
		--line-height: 100%;
		--border-radius: 0; */
	}

	/*============================================================
	 アコーディオン
	*============================================================*/
	/* 基本
	---------------------------------------- */
	.parts-accordions {
		--accordions-gap: 32px 0;
		--accordion-gap: 8px 0;
	
		--icon-size: 48px;
		--btn-size: 48px;
	
		--sw-padding: 0;
		--sw-inner-gap: 0 16px;
		--sw-font-weight: bold;
		--sw-font-size: 16px;
		--sw-line-height: 29px;
		/* --sw-text-align: center; */
		/* --sw-letter-spacing: 0.08; */
	
		--content-padding: 0 64px 0 0;
		--content-inner-gap: 0 16px;
		--content-font-size: 16px;
		--content-line-height: 29px;
		/* --content-border-margin: 24px; */
	}


	/*============================================================
	 テキスト
	*============================================================*/
	/* 行数制限(省略文字「...」付)
	---------------------------------------- */
	.parts-text[data-type="clamp"] {
		--line: 2;
	}

}