@charset "utf-8";

.homeassist_student_page .main_imageArea{
    margin-bottom: 50px;
}

.homeassist_student_page section.syucho_free{
    margin-bottom: 50px;
}

.homeassist_student_page section.syucho_free p{
    font-size: 16px;
    line-height: 2;
}

.homeassist_student_page .wrap{
    overflow: unset;
}

.homeassist_student_page h2{
    background: #60d4ee;
    color: #fff;
    padding: 1em;
    padding-left: 110px;
    position: relative;
}

.homeassist_student_page h2:before{
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  background: url(/penguin/resources/image/sumot/_common/chara_neads.png) no-repeat;
  background-size: contain;
  position: absolute;
  left: 0px;
  top: -34px;
}

.homeassist_student_page section.call_center h3{
    color: #60d4ee;
    font-size: 20px;
}

.homeassist_student_page section.call_center h3 span{
    margin-right: .3em;
    font-size: 35px;
}

.homeassist_student_page section.call_center .gaikokugo p{
    font-size: 16px;
    line-height: 2;
}

.homeassist_student_page section.call_center p.main_text{
    line-height: 2;
    font-size: 16px;
    margin-bottom: 3em;
}

.homeassist_student_page section.call_center dl dt{
    width: 20%;
    background: #60d4ee;
    color: #fff;
    align-items: center;
    justify-content: center;
}

.homeassist_student_page section.call_center dl dd{
    width: 80%;
    margin: 0;
    padding-left: 1%;
}

.homeassist_student_page section.call_center dl dd ul li{
    width: 100px;
    text-align: center;
    margin-left: 15px;
}

.homeassist_student_page section.call_center dl dd ul li span.image{
    margin-bottom: 5px;
}

.homeassist_student_page .saport_contents{
    margin-bottom: 100px;
}

.homeassist_student_page .saport_contents .option_service{
    width: 66%;
    margin-left: 2%;
    border: 2px solid #60d4ee;
    padding: 20px;
}

.homeassist_student_page .saport_contents .option_service h3{
    color: #60d4ee;
    font-size: 20px;
    margin-top: 0;
}

.homeassist_student_page .saport_contents .option_service dl:first-child{
  width: 55%;
}

.homeassist_student_page .saport_contents .option_service dl dt{
    background: #60d4ee;
    color: #fff;
    font-weight: 400;
    padding: 1em;
}

.homeassist_student_page .saport_contents .option_service dl dd {
    margin: 0;
}

.homeassist_student_page .saport_contents .option_service dl dd h4{
    font-size: 16px;
    margin-bottom: .3em;
    margin-top: 1em;
}

.homeassist_student_page .saport_contents .box{
    width: 32%;
    margin-bottom: 30px;
    margin-left: 2%;
    border: 2px solid #60d4ee;
    background: #60d4ee;
    color: #fff;
    padding: 20px;
    position: relative;
}

.homeassist_student_page .saport_contents .box:before {
  font-family: "Font Awesome 5 Free";
  content: '\f00c';
  font-weight: 900;
  font-size: 40px;
  position: absolute;
  right: -10px;
  top: 0;
  color: #ffac00;
}

.homeassist_student_page .saport_contents .box:nth-child( 3n + 1 ){
    margin-left: 0;
}


.homeassist_student_page .saport_contents .box:nth-child(10){
    margin-bottom: 0;
}

.homeassist_student_page .saport_contents .box .image{
    width: 100%;
    height: 250px;
}

.homeassist_student_page .saport_contents .box ul li{
  line-height: 2;
}

.homeassist_student_page .saport_contents .box .image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.homeassist_student_page .saport_contents .box .title{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: .5em;
    line-height: 1.5;
    border-bottom: 2px solid;
}

.homeassist_student_page .saport_contents .box .title span{
    font-size: 14px;
    margin-left: .2em;
}

@media (max-width: 750px) {

  .homeassist_student_page .main_imageArea{
      margin-bottom: 10vw;
  }

  .homeassist_student_page section.syucho_free{
      margin-bottom: 10vw;
  }

  .homeassist_student_page section.syucho_free p{
      font-size: 3.2vw;
  }

  .homeassist_student_page h2{
      padding-left: 20vw;
      font-size: 4vw;
  }

  .homeassist_student_page h2:before{
    width: 20vw;
    height: 20vw;
    top: -6.2vw;
  }

  .homeassist_student_page section.call_center h3{
      font-size: 4vw;
  }

  .homeassist_student_page section.call_center h3 span{
      font-size: 8vw;
  }

  .homeassist_student_page section.call_center .gaikokugo p{
      font-size: 3.5vw;
  }

  .homeassist_student_page section.call_center p.main_text{
      font-size: 3.5vw;
  }

  .homeassist_student_page section.call_center dl dt{
      width: 100%;
      padding: 1em;
      font-size: 4vw;
      margin-bottom: 2em;
  }

  .homeassist_student_page section.call_center dl dd{
      width: 100%;
      padding-left: 0;
  }

  .homeassist_student_page section.call_center dl dd ul li{
      width: 22%;
      margin-left: 2vw;
      font-size: 2.5vw;
  }

  .homeassist_student_page .saport_contents{
      margin-bottom: 10vw;
  }

  .homeassist_student_page .saport_contents .option_service{
      width: 100%;
      margin-left: 0%;
      padding: 2em;
  }

  .homeassist_student_page .saport_contents .option_service .fl_wrap{
    display: block;
  }

  .homeassist_student_page .saport_contents .option_service h3{
      font-size: 4vw;
  }

  .homeassist_student_page .saport_contents .option_service dl dd h4{
      font-size: 3.5vw;
  }

  .homeassist_student_page .saport_contents .flex{
    justify-content: space-between;
  }

  .homeassist_student_page .saport_contents .box{
      width: 100%;
      margin-bottom: 3vw;
      margin-left: 0%;
      padding: 1em;
  }

  .homeassist_student_page .saport_contents .box:before {
    font-size: 1-vw;
    right: 2vw;
    top: 2vw;
  }

  .homeassist_student_page .saport_contents .box:nth-child(10){
      margin-bottom: 3vw;
  }

  .homeassist_student_page .saport_contents .box .image{
      height: 70vw;
  }

  .homeassist_student_page .saport_contents .box .title{
      font-size: 5vw;
  }

  .homeassist_student_page .saport_contents .box .title span{
      font-size: 4vw;
      display: inline-block;
      margin-left: .5em;
  }

  .homeassist_student_page .saport_contents .box ul li{
    line-height: 2;
    font-size: 3.5vw;
  }

  .homeassist_student_page .wrap{
    padding: 0 2%;
  }

  .homeassist_student_page .saport_contents .option_service dl:first-child{
    width: 100%;
  }

}