/*  index.html, faq.html 助成事業概要およびFAQページのスタイル
    ヘッダーとフッターは common.css
*/

/* ========== index.html ==========
    p,h3,h4,h5,ul のスタイル　　　　　*/

p {margin: 2%;
    line-height: 1.5;
    }


h3 {
  position: relative;
  padding: 0.5em;
  background:lightskyblue;
  color: white;
}

h3::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(149, 158, 155);
}

h4.cate {
 padding: 0.5em;
  color: #010101;
  background: #eaf3ff;
  border-bottom: solid 3px deepskyblue;
       font-size: 1.3em;
}

h5 {
  color: #364e96;
  border: solid 3px #364e96;
  padding: 0.5em;
  border-radius: 0.5em;
  display: inline-block;
  font-weight: bold; 
  margin:5px 20px 0px 20px;  
  line-height: 1.1;
  font-size: 1.1em;
}
        
.list01{line-height: 1.5em;margin-left:1rem;}
.list02{line-height: 1.5em;list-style:none;font-size: 1em;margin-top: 15px;}
@media (max-width: 480px){
    h5{margin:5px 10px 0 10px;}
    .list01{margin-left:0}
    .list02{margin-left:-1em}
}



/* ========== faq.html ==========
    FAQ外枠のマージン、p,h4 　　　*/

#content{margin:15px 10px 0 10px;line-height: 1.5em;}
#content p{margin:10px 10px 20px 10px;}



h4.question{
	font-size: 1.1em;
	padding:0.5em 1em 0.5em 2.5em;
	text-align:left;
	color:#333;
	font-weight:bold;
	text-indent: -1.5em;;
}


h4.question{background-color:#eaf3ff;}
h4.question::before{
	content:"Q";
	position:relative;
	color:#007bff;
	font-weight:bold;
	font-size:1.5em;
	top:0.2em;
	left:-0.3em;
	padding:0px 3px;
	line-height: 0.8em;
}

.update{text-align:right; font-size:94%;margin-bottom:10px;}    

@media only screen and (max-width:430px) {
	.px-3{padding-left:0.5rem !important; padding-right:0.5rem !important}


	
}