@charset "utf-8";


/* common.css
---------------------------------------------*/

.freeWrap	h2{ 
  background-color: #152c81; 
  color: #fff; 
  font-size: 22px;
  font-weight: 700;
	line-height: 1.0;
  padding: 12px 20px; 
  margin: 50px auto 40px; 
}

.catch{
	color: #152c81;
  margin-bottom: 50px;
}
.catch li{
  font-size: 18px;
	font-weight: 700;
	position: relative;
	padding-left: 1em;
  line-height: 1.4;
}
.catch li:before{
	content: "";
	display: block;
	width: 7px;
	height: 7px;
	background-color: #152c81;
	border-radius: 50%;
	position: absolute;
	top: 0.6em;
	left: 0;
	margin-left: 0.2em;
}
.catch li:not(:last-child){
  margin-bottom: 20px;
}
.catch li span{
	color: #e6960b;
}
.catch li small{
  color: #131b38;
  font-size: 13px;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
	.catch li{
		font-size: 22px;
	}
  .catch li small{
    font-size: 14px;
  }
}

/*  common.css END
---------------------------------------------*/

@media screen and (max-width: 1075px) {
  .display_lg{
    display: none;
  }
}
@media screen and (min-width: 1076px) {
  .display_lg{
    display: block;
  }
}

.lineup{
  display: flex;
  flex-wrap: wrap;
  column-gap: 30px;
}
.lineup a:hover{
  opacity: 1;
}
.lineup a:hover .textlink{
  opacity: 0.6;
}
.lineup picture{
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .lineup{
    flex-direction: column;
  }
  .lineup img{
    max-width: 345px;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .lineup .col{
    width: calc( (100% - 30px) / 2)
  }
}