@charset "utf-8";
/*****************************************************************************

  insurance.css 取扱い保険一覧

*****************************************************************************/

#leftBox p {
  font-size: 90%;
  line-height: 2;
  padding-bottom: 1.5em;
}

.main-contents{
  margin-top: 0px;
}

.catch {
    font-size: 1.2em;
    font-weight: bold;
    color: #334B93;
    border-left: solid 5px #334B93;
    padding-left: 1em;
    margin-bottom: 0.5em;
}


.insurance ul{
  display: flex;
  margin-bottom: 20px;
  justify-content: space-between;
	flex-wrap: wrap; /* 折返し指定 */
}

.insurance ul li{
	width: 32%;
  margin-bottom: 1em;
}

.insurance{
  margin-bottom: 4em;
}

@media only screen and (max-width : 900px) {
  .sub-width-limitter {
    padding-top: 0px;
}
}

/*==768px以下の形状*/

@media screen and (max-width:768px){
  
  .main-contents {
    margin-top: 80px;
}
}
  
@media only screen and (max-width : 500px) {
.width-limitter {
  padding-left: 10px;
  padding-right: 10px;
}
  
  #leftBox p {
  font-size: 100%;
  line-height: 2;
}

  .main-contents {
    margin-top: 0px;
}

.insurance ul{
	flex-wrap: wrap; /* 折返し指定 */
}
  
  .insurance ul li{
	width: 48%;
  margin-bottom: 1em;
}
  
}