body{
  margin:0;
  max-width:100vw;
  overflow-x:clip;
  font-family:'ヒラギノ角ゴ ProN','Noto Sans',sans-serif;
}
h1{
  color:#fff;
  margin:0;
}
img{
  vertical-align:top;
}
p{
  margin:0;
}


header{
  height:70px;
}
.header-inner{
  width:1100px;
  margin:0 auto;
}
header .benesse{
  width:105px;
  margin-top:21px;
}

.title{
  width:1032px;
  height:245px;
  margin-top:110px;
}

main{
  position:relative;
  width:100%;
  height:940px;
  background-color:#D2405D;
}
main:before{
  content:'';
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  top:0;
  background-image:url(pc/bg.webp);
  width:1440px;
  height:940px;
  background-color:#D2405D;
  background-size:contain;
  background-repeat:no-repeat;
}
.wrapper{
  position:relative;
  z-index:2;
  width:100%;
  max-width:1100px;
  margin:0 auto;
}

.site-links{
  position: relative;
  width:100%;
  height:279px;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:132px;
  margin-top:43px;
}
.site-links:before{
  content:'';
  position:absolute;
  width:100vw;
  height:279px;
  margin:0 calc(50% - 50vw);
  background:#FFEDED;
  z-index:1;
}
.site-links:after{
  content:'';
  position:absolute;
  width:100vw;
  height:213px;
  margin:0 calc(50% - 50vw);
  background:transparent;
  border-top:8px solid #D2405D;
  border-bottom:8px solid #D2405D;
  z-index:2;
}


.site-links-item{
  position:relative;
  z-index:3;
  transition:opacity .3s ease;
  filter:drop-shadow(5px 5px 4px rgba(0,0,0,.16));
}
.site-links-item:hover{
  opacity:.5;
}
.site-links-item.is-school img{
  width:345px;
  height:185px;
}
.site-links-item.is-home img{
  width:422px;
  height:185px;
}

.award{
  width:890px;
  height:186.5px;
  margin:27px auto 0;
  background:#fff;
  display:flex;
  padding-left:5px;
  padding-top:21.5px;
}
.award-img{
  display:flex;
  align-items:center;
  justify-content:center;
  margin-left:14px;
  margin-right:19px;
}
.award-img img{
  width:199px;
  height:156px;
}
.award-desc{
  width:640px;
  height:155.5px;
  color:#464646;
}
.award-desc-title{
  font-weight:600;
line-height:100%;
margin-top:10px;}
.award-desc-title br{
  display:none;
}
.award-desc .is-time{font-size:20px;}
.award-desc .is-year{font-size:16px;}
.award-desc .is-name{font-size:28px;}
.award-desc-text{
  font-size:14px;
  font-weight:300;
  margin-top:26.5px;
  line-height:calc(21/14);
}

footer{
  height:70px;
  margin:0;
}
.footer{
  width:1100px;
  height:31px;
  padding-top:20px;
  margin:0 auto;
  display:flex;
  justify-content:space-between;
}
.footer-right{
  display:flex;
  gap:52px;
}
.footer-logo img{
  width:135px;
  height:31px;
}
.footer-copyright{
  font-size:14px;
  font-weight:300;
  color:#707070;
  margin-top:4px;
}
.footer-right{
  padding-top:6px;
}
.footer-right a, .footer-right span{
  color:#48B8D9;
  text-decoration:none;
  font-size:14px;
}
.show-sp{display:none;}
.hide-sp-i{display:inline;}
@media screen and (min-width:769px) and (max-width:1100px) {
  h1 picture{
    display:flex;
    justify-content:center;
  }
  main{
    height:max-content;
    padding-bottom:27px;
  }
  .title{
    width:90%;
    object-fit:contain;
  }
  .site-links{
    gap:9%;
  }
  .award{
    width:81vw;
    height:auto;
    padding-bottom:16px;
  }
  .award-desc-title{
    line-height:calc(45/28);
  }
  .award-desc{
    height:auto;
  }
}
@media screen and (max-width:1100px){
  .show-sp{display:block;}
  .hide-sp-i{display:none;}
  footer{
    height:200px;
  }
  .footer{
    width:315px;
    flex-direction:column;
  }
  .footer-left{
    text-align:center;
  }
  .footer-right{
    flex-direction:column;
    gap:10px;
  }
  .footer-copyright{
    margin:0;
    order:2;
    font-size:12px;
  }
  .footer-links{
    order:1;
    margin-top:28px;
    text-align:center;
    line-height:calc(24/14);
  }
}
@media screen and (max-width:768px) {
  .header-inner{
    width:358px;
    margin:0 auto;
  }

  .wrapper{
    width:100%;
  }
  h1{
    display:flex;
    justify-content:center;
  }
  .title{
    width:358px;
    height:163px;
    margin-top:26px;
  }
  
  main{
    height:1562.16px;
  }
  main:before{
    content:'';
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    top:0;
    background-image:url(sp/bg.webp);
    width:390px;
    height:1562.16px;
    background-color:#D2405D;
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
  }


  .site-links{
    flex-direction:column;
    position:static;
    gap:19px;
    height:676px;
    margin-top:22px;
  }
  .site-links:before,.site-links:after{
    display:none;
  }

  .site-links-item.is-school img,.site-links-item.is-home img{
    width:302px;
    height:329px;
    filter:drop-shadow(6px 6px 1px rgba(0,0,0,.16));
  }

  .award{
    width:326px;
    height:512px;
    border-radius:10px;
    flex-direction:column;
    gap:16px;
    padding-top:28px;
    margin-top:66px;
  }
  .award-img{
    margin:0;
  }
  .award-img img{
    width:185px;
    height:145px;
  }
  .award-desc{
    width:270px;
    margin:0 auto;
  }
  .award-desc-title{
    text-align:center;
    margin:0;
  }
  .award-desc .is-time,.award-desc .is-year,.award-desc .is-name{
    font-size:20px;
    line-height:calc(30/20);
  }
  .award-desc-text{
    font-size:14px;
    line-height:calc(24/14);
  }
  .award-desc-title br{
    display:block;
  }
}