.pageTtl{
 background: url(../img/contact/page_202603.jpg) no-repeat center center;
 background-size: cover;
}
.pageTtl2{
 display: flex;
}
.pageTtl2>span:first-child{
 min-width: 4em;
}

.borderOrange{
 border:solid 1px #fbc60e;
}
.borderGreen{
 border:solid 1px #38E3E2;
}
.borderPurple{
 border:solid 1px #8792e2;
}
.borderPink{
 border:solid 1px #FC88B9;
}

.pageList1{
 display: flex;
 flex-wrap: wrap;
}
.pageList1 li{
 margin: 10px;
}
.pageList1 a{
 display: flex;
 width: 140px;
 height: 140px;
 border-radius: 50%;
 justify-content: center;
 align-items: center;
 background: #fff;
 box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
}
.pageList2 li{
 display: flex;
 border-bottom: solid 1px #ddd;
}
.pageList2 li:first-child{
 border-top: solid 1px #ddd;
}
.pageList2 li .col1{
 width: 20%;
 padding: 15px;
 border-right: solid 1px #ddd;
}
.pageList2 li .col2{
 width: 80%;
 padding: 15px;
}
.policy .inner{
 border-radius: 4px;
 padding: 20px;
 height: 150px;
 overflow: hidden;
 overflow-y: scroll;
 box-shadow: 2px 2px 10px rgba(0,0,0,0.1) inset;
}
.policy dt{
 padding: 5px 0px;
 font-weight: bold;
}
.policy dd{
 margin-bottom: 10px;
}

/*
===================================================
        sp
===================================================
*/
@media screen and (max-width: 768px) {
 .pageTtl2{
  display: block;
 }
 .pageTtl2>span{
  display: block;
 }
 .pageList1 li{
  width: 48%;
  margin: 1%;
 }
 .pageList1 a{
  display: flex;
  width: 100%;
  height: 120px;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  background: #fff;
  box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
 }
 .pageList2 li{
  display: block;
  border-bottom: solid 1px #ddd;
 }
 .pageList2 li:first-child{
  border-top: solid 1px #ddd;
 }
 .pageList2 li .col1{
  width: auto;
  padding: 10px;
  border-right: none;
 }
 .pageList2 li .col2{
  width: auto;
  padding: 10px;
 }
}