@charset "utf-8";
/*notice*/

.notice ul {
	padding:  0 0 0 1em;
}
.notice ul li {
	margin: 0 0 1rem;
	padding: 0;
	text-indent: calc(-1em - 5px);
	font-size: 1.4rem;
	line-height: 1.6;
	color: #000;
	text-align: left;
	font-weight: 500;
}
.notice ul li:before {
	list-style-type: none;
	font-family: 'RUSHBALL' !important;
	font-weight: 900;
	content: "\e905";
	padding: 0 5px 0 0;
	font-size: 1.4rem;
	color: #66CCCC;
}
.colred .notice ul li:before {
	color: #FF66CC;
}
.notice ul li.red {
	color: #000;
}
.notice ul li ul {
	padding: 0
}
.notice ul li a {
	color: #66CCCC;
}
.notice ul li ul li {
	margin: 0;
	padding: 0 0 0 1.4rem;
	text-indent: -1.6rem;
	font-size: 1.2rem;
	line-height: 1.2;
	color: #000;
}
.notice ul li ul li:before {
	list-style-type: none;
	content: "・";
 padding: 0 .2rem 0 0;
}
#NOTICE .wbox {
	padding: 2vw 6vw 4vw;
}
#NOTICE h3 {
	font-weight:bold;
	font-size: 1.8rem;
	color: #000;
	text-align: center;
	margin: 5px 0 20px;
}
#NOTICE h4 {
	font-weight:bold;
	font-size: 1.6rem;
	color: #000;
	text-align: center;
	margin: 20px 0;
}
#NOTICE .btn {
	margin: 3rem auto;
	text-align: center;
	font-size: 1.6rem;
	width: 94%;
	clear: both;
	background-color: #fff;
	color: #004EA2;
	font-weight:bold;
	line-height: 1.4;
}
#NOTICE .btn a {
	font-weight:bold;
	color: #fff;
	display:  block;
	padding: 10px;
	position: relative;
	background-color: #FF6600;
	border: none;
	border-radius: 5px;
}
#NOTICE .btn a:hover {
	background-color: #FF6600;
	color: #fff;
	font-weight:bold;
}
#NOTICE .btn a:after {
	position: absolute;
	font-family: 'RUSHBALL' !important;
	font-weight: 900;
	content: "\e903";
	top: 50%;
	right: 0;
	width: 30px;
	transform: translateY(-50%);
	color:  #fff
}
#NOTICE .btn a:hover:after {
	color: #fff;
}
.notice ul li div.btn {
	width: 100%!important;
	margin-left: -1rem!important;
}
#NOTICE .date {
	color: #fff;
}
#NOTICE .black {
	color: #000;
	font-size: 1.2rem;
}
.noticeimg {
	margin-top: 3rem;
	width: calc(100% - 1rem);
}
.notice ul li p {
	font-weight: 400;
}
.qa {
	max-width: 800px;
	margin: 0 auto;
}
.qa-item {
	margin: 0 0 ;
}
.qa-question {
	width: 100%;
	text-align: left;
	padding: 1em 1em 1em 2.5em;
	background: #e0e0e0;
	color: #000;
	font-size: 1.4rem;
	font-weight: 600;
	cursor: pointer;
	outline: none;
	border: 1px solid #000;
	text-indent: -1.5em;
    font-family: 'Noto Sans JP', sans-serif;
}
.qa-question span {
	color: #FF66CC;
	font-weight: 800;
}
.qa-answer {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.4s ease;
	background: #fff;
	text-align: left;
	font-size: 1.4rem;
}
.qa-answer span {
	color: #66CCCC;
	font-weight: 800;
	padding-right: 0.25em;
}
.qa-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
  padding: 0.5em 0 0.5em 2.5em;
  text-indent: -1.5em;
  opacity: 0;
  transition: max-height 0.4s ease, opacity 0.4s ease;
}
.qa-item.open .qa-answer {
	max-height: 500px;  opacity: 1;
}
.qa-item.open .qa-answer a {
	text-decoration: underline;
	font-weight: 800;

}
@media screen and (min-width: 768px) {
 .qa-question {
 border-radius: 30px;
 padding: 1em 2em 1em 3em;
}
.qa-item.open .qa-answer {
 max-height: 500px;
 padding: 1em 2em 1em 3em;
 text-indent: -1.5em;
}
.submenusp ul li a span.l2 {
 line-height: 2.4;
}
}
@media screen and (min-width: 1024px) {
 #NOTICE .wbox {
 padding: 0 50px 30px;
}
 .notice ul li ul li {
 font-size: 1.4rem;
}
 #NOTICE .appicon, #NOTICE .appbtn {
 display: inline;
}
 #NOTICE .appbtn a img {
 padding:   0!important;
}
 .noticeimg {
 margin-top: 3rem;
 width: auto;
}
}