@charset "utf-8";

/*--------------------------
	common
--------------------------*/

    .example4 {
        width: 63%;
        margin: auto;
    }

/*--------------------------
	文字
--------------------------*/
.text01 {
    font-size: 16px;
    line-height: 2;
    text-align: center;
    margin: 30px auto 80px;
    letter-spacing: 0.1em;
}
.text02 {
    font-size: 17px;
    line-height: 2;
    text-align: left;
    margin: 27px auto 22px;
    letter-spacing: 0.1em;
}
.text03 {
    font-size: 16px;
    line-height: 2;
    text-align: left;
    margin: 0 auto 22px;
    font-weight: bold;
}
/*--------------------------
	ボタン
--------------------------*/
.btn--orange, a.btn--orange {
    color: #fff;
    background-color: #eb6100;
    padding: 2% 12% 2% 12%;
    border-radius: 10px;
}
.btn--orange:hover,
a.btn--orange:hover {
  color: #fff;
  background: #f56500;
}




/*-------------------------------
	676px以下用
---------------------------------*/
@media screen and (max-width: 676px) {
	
	
	.example4 {
        width: 100%;
        margin: auto;
    }

	

/*--------------------------
	文字
--------------------------*/	
.text01 {
    font-size: 15px;
    line-height: 1.8;
    text-align: left;
    margin: 30px auto 43px;
    letter-spacing: 0;
}	
	
.text02 {
        font-size: 16px;
        line-height: 1.8;
        text-align: left;
        margin: 17px auto 13px;
        letter-spacing: 0;
    }

.text03 {
    font-size: 14px;
    line-height: 1.8;
    text-align: left;
    margin: 0 auto 22px;
    letter-spacing: 0.1em;
    font-weight: bold;
}	
/*--------------------------
	ボタン
--------------------------*/	
.btn--orange, a.btn--orange {
    padding: 5% 16% 5% 16%;
}	
	
	
	
}