/********************取付事例*************************/
.mb40 {
    margin-bottom: 40px;
}
.mb20 {
    margin-bottom: 20px;
}
.example-title {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}
@media screen and (max-width:768px) {
    .example-title {
    font-size: 18px;
    }
}
.example-voice {
    text-align: center;
    font-size: 18px;
    background: #333;
    padding: 10px;
    color: #fff;
    font-weight: bold;
}
.example-flex img {
    margin-bottom: 20px;
}
@media screen and (min-width:769px) {
    .example-flex {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .example-flex__left {
        width: 38%;
    }
    .example-flex p {
        width: 60%;
    }
}
/********************フロー*************************/
.flow-about {
    text-align: center;
}
.flow-about__link {
    background: #337ab7;
    font-weight: bold;
    padding: 10px 20px;
    margin: 5px;
    display: inline-block;
    border-radius: 5px;
}
.flow-about_a {
    color: #fff;
}
.flow__inner {
    border: 1px solid #f7b335;
    text-align: center;
    padding: 40px;
    position: relative;
    margin-bottom: 40px;
}
@media screen and (max-width:768px) {
    .flow__inner {
        padding: 20px;
    }
}
.flow__inner:not(:last-child)::after {
    content: '';
    position: absolute;
    border: 20px solid transparent;
    width: 0;
    height: 0;
    bottom: -53px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    border-top-color: #f7b335;
}
.flow__h3 {
    font-size: 18px;
    font-weight: bold;
    border-bottom: 2px solid #f7b335;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
/********************アバウト*************************/
@media screen and (min-width:769px) {
    .about-flex {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
    }
    .about-flex_reverse{
        flex-direction: row-reverse;
    }
    .about-flex__left {
        width: 38%;
    }
    .about-flex__right {
        width: 60%;
    }
    
}
.about-title{
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    /* text-align: center; */
    background: #333;
    color: #fff;
    padding: 5px 10px;
}
@media screen and (max-width:768px) {
    .about-title {
    font-size: 18px;
    }
}
/********************点検・修理*************************/
.tenken_h3{
    padding-bottom: .5em; /*下の余白*/
	border-bottom: double 5px #be1d22; /*下線（線種 太さ 色）*/
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: bold;
}
@media screen and (max-width:768px) {
    .tenken_h3 {
    font-size: 18px;
    }
}
.tenken_h4{
    padding: .5em .5em .5em 1em; /*上下左右の余白*/
	background-color: #ffe6e6; /*背景色*/
	border-left: solid 6px #be1d22; /*左線（線種 太さ 色）*/
    margin-bottom: 20px;
    font-weight: bold;
}