@charset "UTF-8";
/* CSS Document */


/*.pagetitle{background-image: url("../../images/topbg01.png");
	background-position: center;
height: 150px;
display: flex;
  align-items: center;      
  justify-content: center; }

.pagetitle h1 {text-align: center;font-size: 3.0rem;}

.pagetitle h1 span{display: block;
  font-size: 1.0rem; 
  margin-top: 4px;  
	font-weight: 300;}*/

.benefitsArea h2 {

	
  position: relative;
  padding: 1.5rem;
  text-align: center;
}

.benefitsArea h2 span{
	/*color: #1061ad;*/
font-size: 2.6rem!important;
	font-weight: 400;

}

h2:before {
  position: absolute;
  bottom: 3px;
  left: calc(50% - 50px);
  width: 100px;
  height: 7px;
  content: '';
  border-radius: 3px;
  background: #1061ad;
}
/*{color: #1061ad;
font-size: 1.8rem;}
*/

.benefitsArea ul.teate {width: 100%;
display: flex;
  flex-wrap: wrap;
justify-content: space-between;}

.benefitsArea ul.teate li {width: 46%;
	padding: 80px;
text-align: center;
font-size: 2.0rem;
font-weight: bold;
margin-bottom: 80px;
background-color: #f3f7fb;}

.benefitsArea ul.teate li img{width: 35%;
display: block;
margin: 0 auto;}

.benefitsArea ul.teate li h3{font-size: 1.6rem;
	margin-top: 30px;
margin-bottom: 30px;
/*color: #1061ad;*/}

.benefitsArea ul.teate li p{text-align: left;
font-size: 1.0rem;
line-height: 1.6;}


.benefitsArea dl {width: 100%;
display: flex;
  flex-wrap: wrap;
	align-items: center;
	background-color: #f3f7fb;
	padding: 35px;
}

.benefitsArea dt {width: 25%;
}

.benefitsArea dt img{width: 100%;
}

.benefitsArea dd {width: 75%;
font-size: 1.6rem;
line-height: 1.6;}



.benefitsArea dd ul{ /*color: #1e366a;*/
/*  border-top: solid #1e366a 1px;
  border-bottom: solid #1e366a 1px;*/
  padding: 0.5em 0 0.5em 1.5em;
list-style: disc;
margin-left: 25px;}


.benefitsArea dd ul li {
  line-height: 1.0;
  padding: 0.5em 0;
}

/*スマホ対応*/

@media screen and (max-width: 959px) {
	
.benefitsArea ul.teate {
display: block;
}

.benefitsArea ul.teate li {width: 100%;
	padding: 30px;
	margin-bottom: 20px;
}
	.benefitsArea dl {
display: block;
		margin-bottom: 30px;

}

.benefitsArea dt {width: 100%;
}
.benefitsArea dd {width: 100%;
}

	.benefitsArea dd ul{ 
margin-left: 0;
	border: none;}
/*	.benefitsArea h2 {
font-size: 0.8em;
}*/

	
	}