/* 変数  IEは使用不可*/
:root{
	--bgColor:#f9f6ea;
	--bgColor__rgba8:rgba(249, 246, 234, 0.8);
	--txtColor:#4b4b4b;
	--txtColor2:#5f5f5f;
	--accentColor:#f18c1a;
	--accentColor2:#94c76b;
	--accentColor3:#fcd7ad;
	--windowsMaxW:1170px;
	--txtlineHeight:1.8;
	--txtlineHeightLarge:2.2;
	--listlineHeight:1.6;
	--borderR: 0.8em;
}

/*
js_accordion・・・ページ読み込み時に最初のアコーディオンパネルが開いている状態
js_accordion2・・・ページ読み込み時に全てのアコーディオンパネルが閉じた状態
*/
.js_accordion,
.js_accordion2{
	width: 100%;
}
.js_accordion li,
.js_accordion2 li{
	margin-bottom: 5px;
}
.js_accordion li:last-child,
.js_accordion2 li:last-child{
	margin-bottom: 0;
}
.js_accordion section,
.js_accordion2 section{
	background-color: var(--bgColor);
	border-radius: 8px;
}
/*
js_accordion_ttl
*/
.js_accordion_ttl {
  position: relative;/*+マークの位置基準とするためrelative指定*/
  cursor: pointer;
	padding: 1.1em 1.1em 1.1em 4em;
	background-color: #72ae44;
	border-radius: 8px 8px 8px 8px;
	color:var(--bgColor);
	font-size: 1.1em;
  font-weight: bold;
  transition: all .5s ease;
}
.js_accordion_ttl_inner{
	display: block;
	position: relative;
	padding-left: 2em;
}
.js_accordion_ttl_num{
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	left:0;
	font-size: 1.1em;
}
.js_accordion_ttl::before,
.js_accordion_ttl::after{
	content:'';
	position: absolute;
	top:48%;
  left: 1.4em;
	width: 1.1em;
	height: 2px;
	background-color: var(--bgColor);
	transition: all .5s ease;
}
.js_accordion_ttl::before{
  transform: rotate(0deg);
}
.js_accordion_ttl::after{
  transform: rotate(-90deg);
}
/*　closeというクラスがついたら形状変化　*/
.js_accordion_ttl.js_accordion_close{
	border-radius: 8px 8px 0 0;
}
.js_accordion_ttl.js_accordion_close::before{
	transform: rotate(0deg);
}
.js_accordion_ttl.js_accordion_close::after{
	transform: rotate(0deg);
}

	@media ( max-width : 991px ){
		.js_accordion_ttl{
		}
	}
	@media ( max-width : 575px ){
		.js_accordion_ttl{
		}
	}
/*
js_accordion_body
*/
.js_accordion_body {
  display: none;/*はじめは非表示*/
	padding: 1.5em;
}