@charset "UTF-8";


#satisfaction > figure{
 margin-bottom: 30px;
}

#satisfaction > figure img{
 width: 100%;
 height: auto;
}
#satisfaction .img_title{
 text-align: left;
 font-size: 20px;
 font-weight: bold;
 color: #fff;
 background: #f90;
 padding: 20px 15px;
 border-left: 5px solid #FFDBA5;
}
.inside_sec p{
 font-size: 18px;
 line-height: 1.8;
}

.flex_box{
 text-align: center;
 padding: 20px;
}

.flex_box figure{
 margin-bottom: 20px;
}

.flex_box figure img{
 width: 100%;
 height: auto;
}

.flex_box ul li{
 text-align: left;
}

.flex_box p{
 text-align: left;
}

br.sp_none{
 display: none;
}

@media print, screen and (min-width:768px){
 #satisfaction .img_title{
 font-size: 26px;
}
 
 br.sp_none{
 display: inline;
}

 .flex_box{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: row-reverse;
  gap:30px;
 }
 .flex_box figure{
  width: 45%;
  margin: 0;
 }
 .flex_box p{
  width: 50%;
 }
 
 .flex_box ul{
  width: 62%;
 }
}

.func_menu_li li{
 float: none;
 text-align: center;
 margin-bottom: 30px;
}

@media print, screen and (min-width:768px){
 .func_menu_li{
  display: flex;
  justify-content: space-between;
  align-items: center;
 }
 .func_menu_li li{
  width: 20%;
 margin-bottom: 0;
}
}
/*-------------------
主な機能
---------------------*/
#function_list{
    margin:0 0 20px 0;
    padding-top:12px;
    border-style:solid;
    border-color:#d7d7d7;
    border-width:0 10px 10px;
    border-radius:0 0 3px 3px;
}
    #function_list li{
        margin:0 15px 12px;
        background:url(../img/common/point01.png) 0 center no-repeat;
        font-size:16px;
        font-weight:bold;
        line-height:1.5;
        text-indent:18px;
    }
        #function_list li span{
            font-weight:bold;
            color:#C52E27;
        }