@charset "UTF-8";
/* -------------------------------------------------------- CSS Information
Last up date:   2016
Style Info:     home css
------------------------------------------------------------------------ */
p, ul li, a{
 font-size: 16px;
}

/* -------------------------
利用者紹介一覧
----------------------------*/


/* -------------------------
利用者紹介ユーザごと
----------------------------*/
.company_info{
 position: relative;
 margin-bottom: 60px;
}
.company_info figure{
 width: 95%;
}
.company_info figure img{
 border-radius: 10px;
}

.company_info .tx_box{
 position: relative;
 z-index: -1;
 width: 95%;
 background: #E7F5FF;
 border-radius: 10px;
 padding:20px;
 margin: -30px 0 0 5%;
}

.company_info .tx_box h2{
 font-size: 24px; 
 font-weight: bold;
 color: #606060;
 margin-bottom: 30px;
}
.company_info .tx_box ul li{
 display: flex
}
.company_info .tx_box ul li:not(:last-child){
 margin-bottom: 10px;
}

.company_info .tx_box ul li div{
 position: relative;
 width: 100px;
 margin-right: 10px;
}

.company_info .tx_box ul li div::after{
 content: "";
 position: absolute;
 top: 0;
 bottom: 0;
 right: 0;
 width: 50px;
 height: 1px;
 margin: auto;
 background: #606060;
}

@media print, screen and (min-width:768px){
 .company_info {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 110px;
 }
 .company_info figure{
 width: 60%;
}

.company_info .tx_box{
 width: 60%;
 margin: 0 0 -80px -10px;
  padding: 80px 20px 80px 50px;
}
}

.business_contents{
 margin-bottom: 60px;
}
.business_contents h2{
 text-align: center;
 font-size: 24px;
 font-weight: bold;
 color: #606060;
 margin-bottom: 30px;
}

@media print, screen and (min-width:768px){
 .business_contents h2{
 font-size: 36px;
}
}

.customer_voice figure{
 margin-bottom: 40px;
}

.customer_voice ul{
 margin-bottom: 40px;
}
.customer_voice ul li{
 position: relative;
 background: #E7F5FF;
 padding: 20px ;
 border-radius: 10px;
}

.customer_voice ul li:not(:last-child){
 margin-bottom: 40px;
}

.customer_voice ul li::before{
 content:"";
 position: absolute;
 top: -40px;
 right: 0;
 left: 0;
 margin: auto;
 block-size:0;
 inline-size:0;
 border-top: 20px solid transparent;
 border-bottom: 20px solid #E7F5FF;
 border-right: 20px solid transparent;
 border-left: 20px solid transparent;
}

.customer_voice ul li h3{
 font-size: 18px;
 font-weight: bold;
 color: #606060;
 margin-bottom: 30px;
}

.customer_voice .message{
 background: #E7F5FF;
 padding: 30px ;
}
.customer_voice .message h2{
 font-size: 18px;
 font-weight: bold;
 color: #606060;
 margin-bottom: 30px;
}
.customer_voice .message p{
 font-weight: bold;
}

@media print, screen and (min-width:768px){
 .customer_voice ul{
  display: flex;
  justify-content: space-between;
  align-items: stretch;
 }
 .customer_voice ul li{
  width: 30%;
 }
 .customer_voice ul li:not(:last-child){
 margin-bottom: 0;
}
}