/*--------------------
	VARIABLE
--------------------*/
/*--------------------
	COMMON
--------------------*/
@media screen and (max-width: 640px) {
  .pc {
    display: none !important; } }

.sp {
  display: none; }
  @media screen and (min-width: 641px) {
    .sp {
      display: block; } }

/*--------------------
	INTRODUCE
--------------------*/
#returnee .mvlow.cor {
  background: url("../img/returnee/img_mv.jpg") no-repeat center center/cover; }
#returnee .content ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 5px;
  margin: 40px 0; }
  @media screen and (max-width: 640px) {
    #returnee .content ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; } }
  #returnee .content ul li {
    text-align: center; }
    #returnee .content ul li:first-child a {
      background: #f5a200; }
    #returnee .content ul li:first-child span {
      color: #f5a200; }
    #returnee .content ul li:nth-child(2) a {
      background: #8ec443; }
    #returnee .content ul li:nth-child(2) span {
      color: #8ec443; }
    #returnee .content ul li:nth-child(3) a {
      background: #56b879; }
    #returnee .content ul li:nth-child(3) span {
      color: #56b879; }
    #returnee .content ul li:last-child a {
      background: #2cb6af; }
    #returnee .content ul li:last-child span {
      color: #2cb6af; }
    #returnee .content ul li a {
      display: inline-block;
      width: 100%;
      text-align: center;
      color: #fff;
      font-weight: bold;
      padding: 10px 0; }
      @media screen and (max-width: 640px) {
        #returnee .content ul li a {
          width: 110px;
          font-size: 1rem; } }
      #returnee .content ul li a:hover {
        text-decoration: none; }
    #returnee .content ul li span {
      display: block;
      margin-top: -10px; }
#returnee .content h4 {
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: .1em;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  margin-bottom: 20px; }
  @media screen and (max-width: 640px) {
    #returnee .content h4 {
      font-size: 1.2rem; } }
  #returnee .content h4 span {
    display: inline-block;
    clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
    padding: 10px 200px 10px 30px; }
    @media screen and (max-width: 640px) {
      #returnee .content h4 span {
        padding: 6px 50px 6px 15px; } }
#returnee .content p {
  margin-bottom: 10px; }
#returnee .content table {
  width: 100%; }
  #returnee .content table thead tr {
    background: #efefef; }
    #returnee .content table thead tr th {
      text-align: center;
      vertical-align: middle;
      padding: 5px 0;
      border: 1px solid #ccc; }
  #returnee .content table tbody tr td {
    text-align: center;
    vertical-align: middle;
    padding: 5px 0;
    border: 1px solid #ccc; }
    #returnee .content table tbody tr td a {
      background: #efefef;
      font-size: .8rem;
      padding: 5px;
      border-radius: 5px;
      filter: drop-shadow(2px 2px 0 #ccc);
      transition: .2s; }
      @media screen and (max-width: 640px) {
        #returnee .content table tbody tr td a {
          display: inline-block;
          font-size: .7rem;
          padding: 5px; } }
      #returnee .content table tbody tr td a:hover {
        text-decoration: none;
        filter: none; }
      #returnee .content table tbody tr td a i {
        margin-left: .5em; }
#returnee .content #elementary {
  margin-bottom: 60px; }
  #returnee .content #elementary h4 {
    border-color: #f5a200; }
    #returnee .content #elementary h4 span {
      background: #f5a200; }
#returnee .content #junior-common {
  margin-bottom: 60px; }
  #returnee .content #junior-common h4 {
    border-color: #8ec443; }
    #returnee .content #junior-common h4 span {
      background: #8ec443; }
#returnee .content #junior-separate {
  margin-bottom: 60px; }
  #returnee .content #junior-separate h4 {
    border-color: #56b879; }
    #returnee .content #junior-separate h4 span {
      background: #56b879; }
#returnee .content #high {
  margin-bottom: 60px; }
  #returnee .content #high h4 {
    border-color: #2cb6af; }
    #returnee .content #high h4 span {
      background: #2cb6af; }