@charset "UTF-8";
/*メイン
-------------------------------------*/
#topImg img{
	max-width: 100%;
}
#concept{
	min-height: 300px;
	margin: 10px 50px 50px;
	background-image: url("../img/conceptBack.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto, auto;
}
#concept h2{
	font-size: 2.0rem;
	text-align: center;
	color:#D69C4D;
}
#concept h3{
	font-size: 3.5rem;
	line-height: 4.2rem;
	margin: 2.6rem 0px;
	text-align: center;
}
#consept p{
	text-align: justify;
	text-justify: distribute;
}

/*直近イベント情報
-------------------------------------*/
#event{
	margin: 50px 50px 120px;
}
#event h2 {
	display: flex;
	align-items: center;
	font-size: 1.8rem;
}
#event h2::before {
    content: url("../img/sorinIcon.png");
    margin-right: 5px;
}
#event h2::after{
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #444;
	display: block;
	margin-left: .4em;
}
.acc-summary {
	display: flex;                  /* ← 横並びにする */
	justify-content: space-between; /* ← 左右に分ける */
	align-items: center;            /* ← 縦位置を中央揃え */
	margin-bottom: 1px;
	padding: 10px;
	border-bottom: 1px solid #A5A5A5;
	font-weight: 600;
	cursor: pointer;
	font-family: "Hiragino Sans","Hiragino Kaku Gothic ProN","Arial","Yu Gothic","Meiryo",sans-serif;
	list-style: none;
}
.acc-summary::-webkit-details-marker {
	display: none; /* 標準の矢印を消す */
}
.acc-summary:hover {
	color: #D69C4D;
}

/* ＋ / − 表示 */
.acc-summary::after {
	content: "＋";
	margin-left: 1em;   /* 文字との間隔 */
	flex-shrink: 0;     /* 狭くなっても記号が潰れない */
	transition: transform .2s;
}
.acc-item[open] > .acc-summary::after {
	content: "－";
}

/* パネル本体：高さ＆不透明度で“ふわっ” */
.acc-panel{
	overflow:hidden;
	height:0;                 /* ← 高さアニメーション用 */
	opacity:0;                /* ← フェード用 */
	padding:0 30px;           /* 閉じている時は上下0 */
	visibility:hidden;        /* 閉時は見えない扱い */
	transition: height .38s ease, opacity .38s ease, padding .38s ease, visibility .38s step-end;
	font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Arial","Yu Gothic","Meiryo",sans-serif;
}
.acc-item[open] > .acc-panel{
  /* open 直後はJSが height をピクセル指定 → アニメ後に auto 相当に戻す */
	opacity:1;
	padding:10px 30px;
	visibility:visible;       /* 開時は見える扱い */
}
.acc-panel a {
	display: block;
	margin: 5px 0; 
	color: #000;
	text-decoration: none;
}
.acc-panel a:hover {
	color: #666;
}
.acc-panel b{ font-weight:600; }

/*リンク
-------------------------------------*/
#link{
	background-image: url("../img/background02.jpg");
	margin: 50px;
	padding: 10px;
	text-align: center;
}
#link img{
	display: inline;
	max-width: 100%;
	margin: 10px;
}
	#link img:hover{
	opacity: 0.7;
	}

/* RESPONSIVE */
/* -------------------------------------------------- */
.pc { display: block !important; }
.sp { display: none !important; }

@media screen and (max-width: 999px) {
	.pc { display: none !important; }
	.sp { display: block !important; }
	/*メイン
	-------------------------------------*/
	#concept h3{
		font-size: 2.7rem;
		line-height: 3.7rem;
	}
}