@charset "utf-8";

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

.l-c-float .fl-img {
    float: left;
    margin: 29px;
    width: 42%;
}


h5 {
    position: relative;
    padding: 0.5rem;
    text-align: center;
    font-size: 28px;
    color: #f07f1c;
    margin-top: 100px;
}

h5:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 30px);
  width: 60px;
  height: 5px;
  content: '';
  border-radius: 3px;
  background: #000;
}


.text01 {
    font-size: 21px;
    line-height: 2;
    text-align: left;
    /* margin: 50px auto 40px; */
    letter-spacing: 0.1em;
    font-weight: bold;
    color: #f9bf35;
}
.text02 {
    font-size: 14px;
    line-height: 2;
    text-align: left;
    /* margin: 30px auto 80px; */
    letter-spacing: 0.1em;
}

.text03 {
    font-size: 17px;
    line-height: 1.8;
    text-align: center;
    margin-bottom: 32px;
    letter-spacing: 0.1em;
    /* font-weight: bold; */
    margin-top: 41px;
}
.text04 {
    font-size: 19px;
    line-height: 2;
    text-align: left;
    margin: 30px auto 17px;
    letter-spacing: 0.1em;
    font-weight: bold;
}

.text05 {
    font-size: 25px;
    line-height: 2;
    text-align: center;
    margin: 30px auto 17px;
    letter-spacing: 0.1em;
    font-weight: bold;
    color: #f07f1c;
}

.text06 {
    font-size: 18px;
    line-height: 2;
    text-align: left;
    margin: 10px;
    letter-spacing: 0.1em;
    /* font-weight: bold; */
    color: #ffa200;
}

.text07 {
    font-size: 15px;
    line-height: 2;
    text-align: left;
    margin: 10px auto 40px;
    /* letter-spacing: 0.1em; */
    /* font-weight: bold; */
}

.text08 {
    font-size: 17px;
    /* line-height: 2; */
    text-align: center;
    margin: 32px;
    /* letter-spacing: 0.1em; */
    font-weight: bold;
}


.example4 {
    width: 71%;
    margin: auto;
    margin-top: 8%;
    margin-bottom: 1%;
}

.example5 {
    width: 69%;
    margin: auto;
    margin-bottom: 80px;
    margin-top: 80px;
}

.example6 {
    width: 69%;
    margin: auto;
    margin-bottom: 80px;
    margin-top: 35px;
}

.example7 {
    width: 50%;
    margin: auto;
	margin-top: 11%;
}

.box2 {
    border: 1px solid #e0e0e0;
    padding: 1.5em;
    line-height: 2;
    font-size: 13px;
}


space{
  　　margin-bottom: 30px;
}

/*-------------------------------
	676px以下用
---------------------------------*/
@media screen and (max-width: 676px) {
	
/*--------------------------
	サイト内リンク
--------------------------*/
	
.text01 {
    font-size: 22px;
    line-height: 2;
    text-align: left;
    margin: 3px;
    letter-spacing: 0.1em;
}
	
.text02 {
    font-size: 17px;
    line-height: 2;
    text-align: left;
    margin: 24px auto 0px;
    /* letter-spacing: 0.1em; */
}
	
.text03 {
    font-size: 16px;
    line-height: 2;
    text-align: center;
    margin-bottom: 16px;
    /* letter-spacing: 0.1em; */
    /* font-weight: bold; */
}
	
.text04 {
    font-size: 15px;
    line-height: 2;
    text-align: left;
    font-weight: bold;
    letter-spacing: 0em;
}	
	
.example4 {
    width: 300px;
    margin: auto;
}
.example5 {
    width: 340px;
    margin: auto;
}	
.example6 {
    width: 100%;
    margin: auto;
}	

.example7 {
    width: 84%;
    margin: auto;
    margin-top: 73px;
}	
	
.box2 {
    border: 1px solid #e0e0e0;
    padding: 1em;
    font-size: 12px;
    line-height: 2;
}	
}