#main #aboutus {
    text-align: center;
}
#main #aboutus {
    margin: 0 3%;
    width: 94%;
    line-height: 165%;
    text-align: left;
}
#main #aboutus a.yellowbotan {
    text-align: center;
    display: block;
    clear: both;
    width: 30%;
    padding: 3% 10%;
    font-size: 1.5em;
letter-spacing: 4px;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
    
}

#main #aboutus a.yellowbotan  {
    margin: 2em auto;
  color: #333;
  background-color: #f1d953;
  border-bottom: 5px solid #b84c00;
}
#main #aboutus a.yellowbotan:hover {
  color: #fff;
  background: #f56500;
    text-decoration: none;
}
#main #aboutus a.yellowbotan {
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}

#main #aboutus h2 {
    font-size: 1.5em;
    font-weight: bold;
    background-color: #f1d953;
    padding: 4% 0;
    
}
#main #aboutus h3 {
    margin: 4% 0;
    padding: 2% 0;
    text-align: center;
    font-size: 1.3em;
    border-top: 3px solid #f1d953;
    border-bottom: 3px solid #f1d953;
}
#main #aboutus h4 {
    margin: 3% 0 2% 0;
    color: #e59524;
    text-align: center;
    background-color: #fdeed8;
    font-weight: bold;
    clear: both;
}

#main #aboutus figure {
    text-align: center;
}
#main #aboutus img {
    margin: 0 auto;
}

#main #aboutus ol {
    clear: both;
    margin: 2em 0 2em 1.5em;
    background-color: #dce6f8;
    width: 70%;
    padding: 5%;
    list-style-type: none;
    margin: 0 auto;
}
#main #aboutus ul {
    margin: 0 0 0 1.5em;
    line-height: 200%;
}

#main #aboutus ul a {
    padding: 3px 8px;
    background-color: #dce6f8;
}

#main #aboutus ol li{
    position: relative;
    padding-left: 25px;
  }
 
#main #aboutus ol li:before {
    content: "";
    position: absolute;
    top: .35em;
    left: 6px;
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
    width: 3px;
    height: 7px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
  }
 
#main #aboutus ol li:after {
    content: "";
    position: absolute;
    top: .2em;
    left: 0;
    width: 15px;
    height: 15px;
    border-radius: 2px;
  }
.rightimage {
    text-align: right;
    margin: 2%;
}
#main .katudou  {
    clear: both;
    width: 100%;
    text-align: center;
    display: flex;
}
#main .katudou div {
    width: 50%;
    text-align: center;
    background-color: #efefef;
    line-height: 120%;
    padding: 2%;
    list-style-type: none;
    border: 1px solid #fff;
}
#main .katudou div img {
    margin: 2%;
}


ul.kojinsanjo  {
	padding: 0 0 0 1em;
    display: flex;
  flex-wrap: wrap;
}
ul.kojinsanjo  li {
    width: 24%;
    display: table;
	list-style-type: none;
    padding: 0.25% 0.5%;
	position: relative;
} 
ul.kojinsanjo  li:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 500;
	content: "♪";
	position: absolute;
	top: .3em;	/* アイコンの上側位置調整 */
	left: -.8em;	/* アイコンの左側位置調整 */
}
ul.kojinsanjo  li:nth-child(3n+1):before {
	color: #ff9dac;	/* アイコンの色1 */
}
ul.kojinsanjo  li:nth-child(3n+2):before {
	color: #9ec1ff;	/* アイコンの色2 */
}
ul.kojinsanjo  li:nth-child(3n+3):before {
	color: #ACEFA7;	/* アイコンの色3 */
}

.topbmar50 {
    clear: both;
    margin: 50px 0 20px 0!important;
}