@charset "utf-8";
/*===========================
add
===========================*/

/* 基本カラー  */

.fcBasic {
	color:#1a9962;
}
.Circle-big-title{
	display: flex;
	justify-content: space-evenly;
}
.circle-border {
    border-radius: 50%;
    width: 200px;
    height: 200px;
    display: flex;/*テキストを真ん中にするためにflexを使用*/
    justify-content: center;
    align-items: center;
    outline: 3px solid rgb(255, 255, 255);/*outlineでドットの線を追加*/
    outline-offset: -9px;/*outline-offsetの値を-15pxにして内側に調整*/
	font-size: 1.5rem;
	font-weight: bold;
	color: #fff;
}

.circle-color1{
	background-color: #c4942f;
}
.circle-color2{
	background-color: #ffe20f;
}
.circle-color3{
	background-color: #f8a85e;
}
.circle-color4{
	background-color: #d47923;
}
@media only screen and (max-width: 600px) {
	.Circle-big-title{
	        flex-wrap: wrap;
}
	.circle-border {
margin: 0 auto;
        margin-bottom: 1rem;
        width: 170px;
        height: 170px;
	}
	
}