.pagettl{
 background: url(../img/excellent/pagephoto.jpg) no-repeat center center;
}

#sec_point .list{
 width: 100%;
 display: flex;
 gap: 15px;
 justify-content: center;
}

.bg{
 background: #222222 url(../img/excellent/bg.jpg) no-repeat top left;
 background-attachment: fixed;
}

.section{
 margin-bottom: 50px;
}
.section .inner{
 background: #fff;
}
.section .ttl{
 display: flex;
 background: linear-gradient(to right, #00508D, #0094D7);
}
.section .ttl .num{
 background: #E7AA18;
}
.section .ttl .txt{
 display: flex;
 align-items: center;
 color: #fff;
 padding: 5px 0px;
 line-height: 1.2em;
}
.section .ttl .txt span{
 padding: 5px 5px 5px 15px;
 position: relative;
}
.section .ttl .txt span:before{
 position: absolute;
 display: block;
 content: "";
 border-bottom: solid 2px #E7AB19;
 width: 100%;
 bottom: 0px;
 left: 0px;
}

.pagelist li{
 display: flex;
 margin-bottom: 15px;
}
.pagelist li .num{
 margin-right: 10px;
}
.pagelist li .num span{
 background: #00508D;
 color: #fff;
 width: 30px;
 height: 30px;
 display: flex;
 justify-content: center;
 align-content: center;
}

/*
===================================================
	tb
===================================================
*/
@media screen and (max-width: 1100px) {

}

/*
===================================================
	sp
===================================================
*/
@media screen and (max-width: 640px) {
 .pagettl{
  background: url(../img/excellent/pagephoto.jpg) no-repeat center center;
  background-size: cover;
 }
 .bg{
  background: #222222 url(../img/excellent/bg.jpg) no-repeat top 50px left;
  background-attachment: fixed;
  background-size: 100% auto;
 }
 #sec_point .list{
  display: flex;
  flex-wrap: wrap;
  gap: 0px;
  justify-content: flex-start;
 }
 #sec_point .list li{
  width: 25%;
  text-align: center;
  box-sizing: border-box;
  padding: 2px;
 }

 .section{
  margin-bottom: 25px;
 }
 .section .ttl .num{
  width: 45px;
  display: flex;
  align-items: center;
 }
 .section .ttl .txt{
  width: calc( 100% - 45px );
  display: flex;
  align-items: center;
  color: #fff;
 }
 .section .ttl .txt span{
  padding: 5px 5px 5px 15px;
 }

 .pagelist li{
  display: flex;
  margin-bottom: 15px;
 }
 .pagelist li .num{
  margin-right: 10px;
 }
 .pagelist li .num span{
  background: #00508D;
  color: #fff;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-content: center;
 }
}