@charset "utf-8";
/* CSS Document */

.planList li .pIcon { display: none; }
@media screen and (max-width: 599px) {
	.planList { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-bottom: 40px; }
	.planList li { width: 48%; margin-right: 4%; margin-bottom: 20px; }
	.planList li:nth-child(2n) { margin-right: 0px; }
	.planList li:nth-child(3),.planList li:nth-child(4) { margin-bottom: 0px; }
	.pLogo { text-align: center; width: 60%; margin: 0 auto 10px;}
	.planList li p { text-align: center; margin-bottom: 20px; font-size: 0.8rem; }
	.planList li .pIcon { width: 80%; margin: 0 auto; }
	
	.lead { margin-bottom: 20px; font-size: 0.9rem; }
	
	#content section#introduction .in { background: #000; color: #fff; text-align: center; border-radius: 6px; padding: 10px 0; font-size: 0.7rem; }
	#content section#introduction .in p { margin-bottom: 0px; }
	
	#content section#anch02 { background: #f4f4f4; padding: 6%; }
	#content section#anch02 .in { background: #f4f4f4; padding: 0%; }
	#content section#anch02 .lead { text-align: center; }
	.resultList { display: flex; justify-content: space-between; flex-wrap: wrap; }
	.resultList li { width: 48%; margin-bottom: 20px; }
	.resultList li:nth-child(3),.resultList li:nth-child(4) { margin-bottom: 0px;}
	.resultList li div { margin-bottom: 10px; }
	.resultList li h4 { text-align: center; font-size: 0.8rem; font-weight: bold; }
	.resultList li h4 span { font-size: 0.7rem; font-weight: normal; margin-left: 0.5em; }
	
	.newsList { width: 100%; margin: 0 auto; }
	.newsList li { padding-bottom: 10px; border-bottom: 1px dotted #dedede; margin-bottom: 10px; }
	.newsList li dl { display: flex; justify-content: flex-start; margin-bottom: 10px;  margin-right: 20px;}
	.newsList li dl dt { background: #1b7990; color: #fff; text-align: center; font-size: 10px; padding: 1px 5px; font-family:'Roboto Condensed', sans-serif; }
	.newsList li dl dd { background: #333; color: #fff; text-align: center; font-size: 10px; padding: 1px 5px; font-family:'Roboto Condensed', sans-serif; }
	
	.wprTtl { font-size: 1.8rem; text-align: center; margin-bottom: 20px; padding: 10px 20px; line-height: 1.0; background: #000; border-radius: 8px; color: #fff; }
	.wprTtl .xsmall { font-size: 0.5em; }
	.wprIconList { display: flex; justify-content: center; flex-wrap: wrap; }
	.wprIconList li { width: 32%; margin-right: 2%; margin-bottom: 20px; }
	.wprIconList li:nth-child(3n) { margin-right: 0px; }
	.wprIconList li div { width: 50%; margin: 0 auto 10px; }
	.wprIconList li h5 { text-align: center; font-size: 0.8rem; }
	
	.wprBox { padding: 4%; border: 1px dashed #333; border-radius: 8px; margin: 0 2%; background: #fff; }
	.wprBox h3 { margin-bottom:10px; color: #fff; background:#000000; padding: 10px; font-size: 0.9rem;  }
	
	.faqDl dt { background: #f4f4f4; font-weight: bold; padding: 10px 8% 10px 1em; border-radius: 6px; font-size: 1.0rem; position: relative; cursor: pointer; padding-left: 2.5em; text-indent: -1.2em; }
	.faqDl dt:before { content: "Q."; font-family:'Roboto Condensed', sans-serif; font-size: 1.1rem; margin-right: 5px; }
	.faqDl dt:after { content: "\f067"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 50%; transform: translateY(-50%); right: 2%; opacity: 0.5; }
	.faqDl dt.active:after { content: "\f068"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 50%; transform: translateY(-50%); right: 2%; }
	.faqDl dd { padding: 20px; font-size: 0.9rem; }
	
	.subMenuFaq { display: flex; flex-wrap: wrap; }
	.subMenuFaq li { width: 92%; margin: 0 auto 5px;}
}
@media screen and (min-width: 600px) {
	.planList { display: flex; justify-content: center; align-items: center; margin-bottom: 60px; }
	.planList li { width: 23.5%; margin-right: 2%; }
	.planList li:last-child { margin-right: 0px; }
	.pLogo { text-align: center; width: 80%; margin: 0 auto 20px;}
	.planList li p { text-align: center; margin-bottom: 0px; font-size: 0.9rem; }
	.planList li .pIcon { width: 70px; margin: 0 auto 20px; }
	
	.lead { margin-bottom: 40px; text-align: center; }
	
	#introduction .in { background: #000; color: #fff; text-align: center; border-radius: 6px; padding: 10px 0; font-size: 0.8rem; }
	#introduction .in p { margin-bottom: 0px; }
	
	#anch02 { background: #f4f4f4; padding: 40px 0; margin-bottom: 40px; }
	.resultList { display: flex; justify-content: space-between; }
	.resultList li { width: 23%; }
	.resultList li div { margin-bottom: 20px; }
	.resultList li h4 { text-align: center; font-size: 1.1rem; font-weight: bold; }
	.resultList li h4 span { font-size: 0.9rem; font-weight: normal; margin-left: 0.5em; }
	
	.newsList { width: 100%; max-width: 900px; margin: 0 auto; }
	.newsList li { padding-bottom: 10px; border-bottom: 1px dotted #dedede; margin-bottom: 10px; display: flex; justify-content: flex-start; align-items: center; }
	.newsList li dl { display: flex; justify-content: flex-start; margin-bottom: 10px;  margin-right: 20px;}
	.newsList li dl dt { background: #1b7990; color: #fff; text-align: center; font-size: 12px; padding: 1px 5px; font-family:'Roboto Condensed', sans-serif; }
	.newsList li dl dd { background: #333; color: #fff; text-align: center; font-size: 12px; padding: 1px 5px; font-family:'Roboto Condensed', sans-serif; }
	
	.wprTtl { font-size: 2.0rem; text-align: center; margin-bottom: 40px; padding: 20px; line-height: 1.0; background: #000; border-radius: 8px; color: #fff; }
	.wprTtl .xsmall { font-size: 0.5em; }
	.wprIconList { display: flex; justify-content: center; flex-wrap: wrap; }
	.wprIconList li { width: 14%; margin:0 1% 10px; }
	.wprIconList li div { width: 30%; margin: 0 auto 0px; text-align: center;}
	.wprIconList li h5 { text-align: center; font-size: 0.8rem; font-weight: bold;}
	.wprBox { padding: 20px 2%; border: 1px dashed #333; border-radius: 8px; margin: 0 2%; background: #fff; }
	.wprBox h3 { margin-bottom:10px; color: #fff; background:#000000; padding: 10px;  }
	
	.faqDl dt { background: #f4f4f4; font-weight: bold; padding: 10px 20px; border-radius: 6px; font-size: 1.1rem; position: relative; cursor: pointer; }
	.faqDl dt:before { content: "Q."; font-family:'Roboto Condensed', sans-serif; font-size: 1.1rem; margin-right: 5px; }
	.faqDl dt:after { content: "\f067"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 50%; transform: translateY(-50%); right: 2%; opacity: 0.5; }
	.faqDl dt.active:after { content: "\f068"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 50%; transform: translateY(-50%); right: 2%; }
	
	.flex-third { display: flex; justify-content: space-between;}
	.flex-third li { width: 30%;}
	.flex-third li h5 { text-align: center; margin-bottom: 10px; }
	.flex-third li div { margin-bottom: 20px; }
	.flex-third li p.mHigh { font-size: 0.9rem; }
	
	.faqDl dd { padding: 20px; font-size: 0.9rem; }
}
@media screen and (min-width: 600px) and (max-width: 899px)  {
	.resultList { display: flex; justify-content: space-between; flex-wrap: wrap; }
	.resultList li { width: 48%; margin-bottom: 20px; }
	.resultList li div { margin-bottom: 10px; }
	.resultList li h4 { text-align: center; font-size: 1.0rem; font-weight: bold; }
	.resultList li h4 span { font-size: 0.8rem; font-weight: normal; margin-left: 0.5em; }
	
	.newsList { width: 100%; max-width: 100%; margin: 0 auto; }
}
@media screen and (min-width: 900px) and (max-width: 1079px)  {
	.resultList li h4 { text-align: center; font-size: 1.0rem; font-weight: bold; }
	.resultList li h4 span { font-size: 0.8rem; font-weight: normal; margin-left: 0.5em; }
}
@media screen and (min-width: 1080px) and (max-width: 1199px)  {
}
@media screen and (min-width: 1200px) and (max-width: 1479px)  {
}
@media screen and (min-width: 1480px) {
}