@import url('main.css');
@import url('socialbuttons_sp.css');
@import url('em.css');
@import url('em_sp.css');
@import url('tokushu.css');
@import url('special.css');
@import url('index.css');

/*右固定メニューの非表示*/

.cmnFloMenu,.commonFloatingMenu{
  display:none;
}

.content{
  max-width:960px;
  margin: 0 auto;
  margin-top: 30px;
}

.background {
  position:  absolute;
  display:  block;
  top: 0;
  left: 0;
  z-index:-1;
}

#kaigoiryo{
  background: #EBF9F9;
  position:relative;
  z-index:0;
}

#kangoiryo_detail p{
  font-family: "游ゴシック", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.6;  
}

.kaigoiryoWrap{
  position:relative;
  z-index:1;
}

#kvArea{
  display:flex;
  justify-content: center;
  align-items:center;
  width:100%;
  min-height:270px;
  background-size: 20px 20px;
  background-position: 50% 50%;
  background-image:
  repeating-linear-gradient(
    90deg,
    #E1E1E1 ,
    #E1E1E1 1px,
    transparent 1px,
    transparent 20px
  ),
  repeating-linear-gradient(
    0deg,
    #E1E1E1 ,
    #E1E1E1 1px,
    #fff 1px,
    #fff 20px
  );
}

#leadArea {
  max-width:960px;
  margin: 0 auto;
}

#leadArea h2{
  color:#55BEAD;
  font-size:2.65rem;
  text-align:center;
  margin:5rem 0 2rem 0;
}

.leadBox{
  margin-bottom:5rem;
  padding:4rem;
  position:relative;
}

.leadBox::before,.leadBox::after{
  content:"";
  display: block;
  position:absolute;
  width:80px;
  height:80px;
}

.leadBox::before{
  top:0px;
  left:0px;
  border-top:8px solid #55BEAD;
  border-left:8px solid #55BEAD;
}

.leadBox::after{
  bottom:0px;
  right:0px;
  border-bottom:8px solid #55BEAD;
  border-right:8px solid #55BEAD;
}

.leadBoxWrap{
  background: #ffffff;
  padding:4rem;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.leadBoxWrap p{
  margin-left:3rem;
  line-height:1.8;
  font-size:1.08rem;
  font-weight: bold;
  color:#707070;
}

.leadBoxWrap p span.gr{
  color:#55BEAD;
}

.leadBoxWrap p span.red{
  color:#E18989;
}

.allListAreaWrap{
  margin:2rem 0;
}

.schoolList{
  display:flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin:4rem 0;
}

.schoolList a{
  display: block;
  width:calc(calc(100% - 60px) / 3);
  margin:0 0 2rem 0;
}

.schoolBox{
  width:100%;
  background: #ffffff;
}

.listInfo{
  padding:1rem;
}

.listInfo dl dt{
  color:#777777;
  font-size:1rem;
  margin-bottom:1rem;
}

.listInfo dl dd{
  color: #55BEAD;
  font-size: 1.4rem;
  font-weight: bold;
}

#searchArea{
  background: #D8F2EE;
  padding:4rem 0;
}

.bigTitle{
  background: #ffffff;
  color:#707070;
  text-align: center;
  font-size:2.175rem;
  position:relative;
  padding: 2rem 3rem 2rem 0;
  box-shadow: 0 0 6px #55BEAD;
  border-radius: 8px;
  margin: 1rem;
}

.bigTitle::before{
  content:"";
  display: block;
  position:absolute;
  top:0;
  right:0;
  width:35px;
  height: 100%;
  background: #55BEAD;  
}

.bigTitle::after{
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%2227%22%20viewBox%3D%220%200%207%2027%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate(-14%20-45)%22%3E%3Ccircle%20class%3D%22a%22%20cx%3D%223.5%22%20cy%3D%223.5%22%20r%3D%223.5%22%20transform%3D%22translate(14%2065)%22%2F%3E%3Ccircle%20class%3D%22a%22%20cx%3D%222.5%22%20cy%3D%222.5%22%20r%3D%222.5%22%20transform%3D%22translate(15%2054)%22%2F%3E%3Ccircle%20class%3D%22a%22%20cx%3D%221.5%22%20cy%3D%221.5%22%20r%3D%221.5%22%20transform%3D%22translate(16%2045)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-position: center;
  content:"";
  display: block;
  position: absolute;
  bottom: 8px;
  right: 8px;
  width:20px;
  height:30px;
}
.attText{
  display:flex;
  justify-content: center;
  align-items: center;
}
.attText p{
  text-align: center;
  font-size:1.2rem;
  position:relative;
  margin:2rem 2rem 0 2rem;
  padding:0 0 0 1rem;
}

.attText p::before{
  content:"";
  display: block;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.984%22%20height%3D%2222.477%22%20viewBox%3D%220%200%2014.984%2022.477%22%3E%20%3Cpath%20id%3D%22icon_att%22%20d%3D%22M394.77%2C134.556a.468.468%2C0%2C0%2C1-.937%2C0%2C1.14%2C1.14%2C0%2C0%2C0-.79-1.039%2C3.675%2C3.675%2C0%2C0%2C0-1.551-.366.468.468%2C0%2C0%2C1%2C0-.937%2C4.709%2C4.709%2C0%2C0%2C1%2C1.456.234%2C3.112%2C3.112%2C0%2C0%2C1%2C1.273.79A1.812%2C1.812%2C0%2C0%2C1%2C394.77%2C134.556Zm2.341%2C0a3.967%2C3.967%2C0%2C0%2C0-.5-1.961%2C4.45%2C4.45%2C0%2C0%2C0-1.317-1.485%2C6.782%2C6.782%2C0%2C0%2C0-1.8-.907%2C6.224%2C6.224%2C0%2C0%2C0-3.995%2C0%2C6.782%2C6.782%2C0%2C0%2C0-1.8.907%2C4.45%2C4.45%2C0%2C0%2C0-1.317%2C1.485%2C3.967%2C3.967%2C0%2C0%2C0-.5%2C1.961%2C3.925%2C3.925%2C0%2C0%2C0%2C1%2C2.634q.146.161.446.483t.446.483a8.039%2C8.039%2C0%2C0%2C1%2C2.063%2C4.361h3.336a8.039%2C8.039%2C0%2C0%2C1%2C2.063-4.361q.146-.161.446-.483t.446-.483A3.925%2C3.925%2C0%2C0%2C0%2C397.111%2C134.556Zm1.873%2C0a5.627%2C5.627%2C0%2C0%2C1-1.507%2C3.922q-.658.717-1.09%2C1.273a9.336%2C9.336%2C0%2C0%2C0-.871%2C1.4%2C4.152%2C4.152%2C0%2C0%2C0-.5%2C1.573%2C1.315%2C1.315%2C0%2C0%2C1%2C.688%2C1.2%2C1.332%2C1.332%2C0%2C0%2C1-.366.937%2C1.39%2C1.39%2C0%2C0%2C1-.293%2C2.122%2C1.382%2C1.382%2C0%2C0%2C1%2C.19.688%2C1.25%2C1.25%2C0%2C0%2C1-.461%2C1.039%2C1.767%2C1.767%2C0%2C0%2C1-1.134.366%2C2.361%2C2.361%2C0%2C0%2C1-.878%2C1.024%2C2.32%2C2.32%2C0%2C0%2C1-2.546%2C0%2C2.362%2C2.362%2C0%2C0%2C1-.878-1.024%2C1.767%2C1.767%2C0%2C0%2C1-1.134-.366%2C1.25%2C1.25%2C0%2C0%2C1-.461-1.039%2C1.382%2C1.382%2C0%2C0%2C1%2C.19-.688%2C1.39%2C1.39%2C0%2C0%2C1-.293-2.122%2C1.332%2C1.332%2C0%2C0%2C1-.366-.937%2C1.315%2C1.315%2C0%2C0%2C1%2C.688-1.2%2C4.152%2C4.152%2C0%2C0%2C0-.5-1.573%2C9.336%2C9.336%2C0%2C0%2C0-.871-1.4q-.432-.556-1.09-1.273A5.627%2C5.627%2C0%2C0%2C1%2C384%2C134.556a5.761%2C5.761%2C0%2C0%2C1%2C.651-2.7%2C6.257%2C6.257%2C0%2C0%2C1%2C1.712-2.078%2C8.5%2C8.5%2C0%2C0%2C1%2C2.4-1.3%2C8.068%2C8.068%2C0%2C0%2C1%2C5.458%2C0%2C8.5%2C8.5%2C0%2C0%2C1%2C2.4%2C1.3%2C6.257%2C6.257%2C0%2C0%2C1%2C1.712%2C2.078A5.762%2C5.762%2C0%2C0%2C1%2C398.984%2C134.556Z%22%20transform%3D%22translate(-384%20-128)%22%20fill%3D%22%2355bead%22%2F%3E%3C%2Fsvg%3E');
  width: 15px;
  height:22px;
  position:absolute;
  top:-5px;
  left:-1rem;
  z-index:1;
}

#searchDetail{
  width:100%;
  margin:2rem 0;
}

.searchDetailWrap{
  display:flex;
  justify-content:flex-start;
  align-items:flex-start;
  flex-wrap:wrap;
}

.searchBlock{
  width:calc(calc(100% - 60px) / 3);
  position:relative;
  padding:16px;
  margin:0 0 3rem 30px;
}

.searchBlock:first-of-type,.searchBlock:nth-of-type(3n+1){
  margin-left:0px;
}

.searchBlock::before,.searchBlock::after{
  content:"";
  display: block;
  position:absolute;
  width: 35px;
  height: 35px;
}

.searchBlock::before{
  top:0;
  left:0;
  border-top:4px solid rgba(168, 219, 211, 0.6);
  border-left:4px solid rgba(168, 219, 211, 0.6);
}

.searchBlock::after{
  right:0;
  bottom:0;
  border-right:4px solid rgba(168, 219, 211, 0.6);
  border-bottom:4px solid rgba(168, 219, 211, 0.6);
}

.searchBlock summary::-webkit-details-marker{
  display:none;
}

.searchBlock summary{
  list-style:none;
  width: 100%;
  margin: 0;
  padding: 2rem 1rem;
  display: flex;
  justify-content: flex-start;
  background-color: #ffffff;
  cursor: pointer;
  transition: 0.2s;
  position: relative;
  
}
.searchBlock summary::after {
  content:"";
  display: block;
  width: 12px;
  height: 12px;
  border: 0px;
  border-top: solid 4px #55BEAD;
  border-right: solid 4px #55BEAD;
  position:absolute;
  top: 40%;
  right: 5%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: rotate(135deg);
}

.searchBlock details[open] summary::after{
  transform: rotate(-45deg);
}

.searchBlock details[open] .details-content {
  min-height:350px;
  animation: fadeIn 0.3s linear;
}

.searchBlock details{
  box-shadow:0px 0px 20px -10px #55BEAD;
}
.searchBlock .details-content {
  width: 100%;
  margin: 0 auto;
  padding:0 1rem 1rem 1rem;
  background: #ffffff;
}
.searchBlock .details-content .jobText{
  width: 100%;
  color:#777777;
  border-top:2px solid #55BEAD;
  padding-top:1rem;
  font-size: 1.2rem;
  margin:0 0 1rem 0;
  line-height:1.4;
}
.jobDetail,.jobDetail dl{
  display:flex;
  flex-direction:column;
  height: 100%;
}

.jobDetail dt{
  font-size:1.4rem;
  font-weight: bold;
  color:#55BEAD;
  margin:0 0 6px -9px;
  flex-grow: 1;
}

.jobDetail dd{
  font-size:1.1rem;
  font-weight: bold;
  color:#777777;
  line-height:1.4;
  flex-grow: 1;  
}


/* fallback for IE */
.schoolInfoText p{
  display: block;
  overflow: hidden;
  line-height: 16px;
  height: 84px; 
}

@media screen and (max-width:769px){
  .schoolInfoText p{
    height: 75px; 
  }
}

@supports (-webkit-line-clamp: 5) {
  .schoolInfoText p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
  }
}

@keyframes fadeIn {
  0% {
      opacity: 0;
      transform: translateY(-10px);
  }
  100% {
      opacity: 1;
  }
}

.jobName p{
  color:#55BEAD;
  font-weight: bold;
  padding:0 0 0 6rem;
  min-height:2.8rem;
  display: grid;
	place-items: center center;
}
.jobName::before{
  content:"";
  display: inline-block;
  width:58px;
  height: 58px;
  position: absolute;
  top: 50%;
  left: 5%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  vertical-align: middle;
}

.job1::before{background:url("../../../img/page/special/kangoiryo/job1.png") no-repeat;background-size: contain;}
.job2::before{background:url("../../../img/page/special/kangoiryo/job2.png") no-repeat;background-size: contain;}
.job3::before{background:url("../../../img/page/special/kangoiryo/job3.png") no-repeat;background-size: contain;}
.job4::before{background:url("../../../img/page/special/kangoiryo/job4.png") no-repeat;background-size: contain;}
.job5::before{background:url("../../../img/page/special/kangoiryo/job5.png") no-repeat;background-size: contain;}
.job6::before{background:url("../../../img/page/special/kangoiryo/job6.png") no-repeat;background-size: contain;}
.job7::before{background:url("../../../img/page/special/kangoiryo/job7.png") no-repeat;background-size: contain;}
.job8::before{background:url("../../../img/page/special/kangoiryo/job8.png") no-repeat;background-size: contain;}
.job9::before{background:url("../../../img/page/special/kangoiryo/job9.png") no-repeat;background-size: contain;}
.job10::before{background:url("../../../img/page/special/kangoiryo/job10.png") no-repeat;background-size: contain;}
.job11::before{background:url("../../../img/page/special/kangoiryo/job11.png") no-repeat;background-size: contain;}
.job12::before{background:url("../../../img/page/special/kangoiryo/job12.png") no-repeat;background-size: contain;}


.plusSearch{
  background:#C7FEE2;
  padding:1rem;
  display:flex;
  justify-content: center;
  align-items:center;
  box-shadow:0px 0px 20px -10px #55BEAD;
}

.plusSearch a{
  display: block;
  text-align: center;
  background:#ffffff;
  border:3px solid #55BEAD;
  border-radius:50px;
  padding:0.75rem 2.75rem 0.75rem 2rem;
  color:#55BEAD;
  font-size:1.2rem;
  font-weight: bold;
  box-shadow:0px 10px 10px -6px rgba(85,190,173,0.6);
  position:relative;
}

.plusSearch a::after{
  content:"";
  display: block;
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 2px #55BEAD;
  border-right: solid 2px #55BEAD;
  position:absolute;
  top: 34%;
  right: 8%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: rotate(135deg);
}

/* 20230302 add */
#listArea{
  position: relative;
  padding-bottom: 142px;
}

#listArea.close{
  background: linear-gradient(to top,  #D8F2EE 142px, #EBF9F9 142px);
}
/* 20230302 add */

#listArea h3{
  text-align: center;
  font-size:2.2rem;
  margin:4rem auto 2rem auto;
  color:#777777;
}

.listDetail{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-items:flex-start;
  margin:4rem 0;
  padding: 0 0 20rem 0;
  gap:30px 30px;
}

.listBox{
  width:calc(calc(100% - 60px) / 3);
  background: #ffffff;
  border-radius:8px 8px 0 0;
  box-shadow:0 4px 8px rgba(0,0,0,0.16);
}

.listBox a{
  display:block;
}

.listImg{
  width: 100%;
  padding:1rem;
  overflow:hidden;
}

.listImg img{
  display: block;
  background: #ddd;
  width: 100%;
  height: 200px;
  object-fit:cover;
  object-position: 50% 50%;
}

.listImg img::before{
  font-size: 1rem;
  padding: 1rem;
}

.schoolName p{
  color:#55BEAD;
  font-size:1.4rem;
  font-weight: bold;
  margin:1rem 0;
}

.schoolInfo{
  padding:1rem;
}

.schoolInfoTag p{
  color:#777777;
  font-size:1rem;
}

.schoolInfoText p{
  font-size:1rem;
  line-height: 1.4;
}

.schoolInfoText p br{
display:none;
}

.nextBtn{
  display:flex;
  justify-content:flex-end;
}

.nextBtn p{
  font-size:1.2rem;
  font-weight:bold;
  color:#55BEAD;
  margin:1rem 0;
}

.checkBox{
  background: #55BEAD;
  padding: 1.5rem 1rem;
  text-align: center;
}

.checkBox label{
  display:inline-block;
  color:#ffffff;
  font-weight:bold;
  font-size:1.6rem;
}

.requestBlock{
  width:100%;
  padding:1rem;
  margin:0 auto 0 auto;
  background: rgba(0, 0, 0, 0.8);
  display:flex;
  flex-direction:column;
  justify-content: center;
  align-items:center;
}

.requestText{
  color:#ffffff;
  margin:1rem 0;
  font-weight:bold;
}

.requestSchoolName{
  font-size:1.6rem;
  font-weight:bold;
  color:#ffffff;
}

.btnRequest input{
  display: block;
  margin:1rem;
  padding:1.5rem 4rem;
  background:#E18989;
  color:#ffffff;
  font-weight:bold;
  border-radius:50px;
  box-shadow:0 4px 0 #D16A6A;
}

.popup_checkbox input[type="checkbox"]+label{
  position: relative;
  padding: 0 0 0 30px;        
}
.popup_checkbox input[type="checkbox"]+label::before{
  content: '';
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background: #fff;
}
.popup_checkbox input[type="checkbox"]:checked+label::after{
  content: '';
  top: -4px;
  left: 5px;
  width: 11px;
  height: 21px;
  border-right: 3px solid rgb(255, 97, 97);
  border-bottom: 3px solid rgb(255, 97, 97);
  transform: rotate(35deg);
}
.popupBlock{
  width:100%;
  position: fixed;
  bottom: 0;
  left: 0;
  transition: all 0.25s ease 0s;
  opacity: 1;
  pointer-events: inherit;
  z-index:5;
}
.popupBlock.hide{
  opacity: 0;
  pointer-events: none;
}

#school-output{
  line-height:1.4;
}

@media screen and (min-width: 540px) and (max-width: 960px) {
  .schoolList a{
    display: block;
    width:calc(calc(100% - 30px) / 2);
    margin-bottom:30px;
  }
  .leadBoxWrap{
    background: #ffffff;
    padding:2rem;
    display:flex;
    flex-direction:column-reverse;
    justify-content:center;
    align-items:center;
  }
  .searchDetailWrap{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    flex-wrap:wrap;
    padding: 2rem;
  }  
  .searchBlock{
    width:calc(calc(100% - 20px) / 2);
    position:relative;
    padding:0;
    margin: 0 0 20px 0;
  }

  .searchBlock details[open] .details-content {
    min-height:250px;
  }

  .searchBlock::before,.searchBlock::after{
    display:none;
  }

  .jobName p{
    color:#55BEAD;
    font-weight: bold;
    padding:0 0 0 7rem;
    min-height:2.8rem;
    display: grid;
    place-items: center center;
  }

  .listDetail {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin: 4rem 0;
    padding: 0 4rem 20rem 4rem;
  }
  
  .listBox{
    width:calc(calc(100% - 60px) / 2);
    background: #ffffff;
    border-radius:8px 8px 0 0;
    box-shadow:0 4px 8px rgba(0,0,0,0.16);
    margin:0 0 4rem 0;
  }
}

@media screen and (max-width: 540px){
  .schoolList{
    padding:2rem;
  }
  .schoolList a{
    display: block;
    width:100%;
    margin-bottom:30px;
  }
  .leadBox{
    margin-bottom:5rem;
    padding:2rem;
    position:relative;
  }
    
  .leadBoxWrap{
    background: #ffffff;
    padding:2rem;
    display:flex;
    flex-direction:column-reverse;
    justify-content:center;
    align-items:center;
  }

  .leadBoxWrap p{
    margin-left:0;
    line-height:1.8;
    font-size:1.08rem;
    font-weight: bold;
    color:#707070;
  }

  .leadBoxWrap picture{
    width: 100%;
    margin: 2rem auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .searchDetailWrap{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    flex-wrap:wrap;
    padding: 2rem;
  }  
  .searchBlock{
    width:100%;
    position:relative;
    padding:0;
    margin: 0 0 20px 0;
  }
  .searchBlock::before,.searchBlock::after{
    display:none;
  }

  .jobName p{
    color:#55BEAD;
    font-weight: bold;
    padding:0 0 0 8rem;
    min-height:2.8rem;
    display: grid;
    place-items: center center;
  }

  .listDetail{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:flex-start;
    margin:4rem 0;
    padding:0 2rem 20rem 2rem;
  }

  .searchBlock details[open] .details-content {
    min-height:190px;
  }
  
  .listBox{
    width:100%;
    background: #ffffff;
    border-radius:8px 8px 0 0;
    box-shadow:0 4px 8px rgba(0,0,0,0.16);
    margin:0 0 4rem 0;
  }
  .schoolBox .listImg img{
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: 50% 50%;
  }
  .listImg img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    object-position: 50% 50%;
  }
}

/*kangoiryo_detail======================================*/
#kangoiryo_detail .specialDetailTitleWrap{
  width:100%;
  display: flex;
  justify-content: space-between;
  margin: 2rem auto 0 auto;
  background: rgb(123,243,198);
  background: -moz-linear-gradient(top,  rgba(123,243,198,1) 0%, rgba(85,190,173,1) 100%);
  background: -webkit-linear-gradient(top,  rgba(123,243,198,1) 0%,rgba(85,190,173,1) 100%);
  background: linear-gradient(to bottom,  rgba(123,243,198,1) 0%,rgba(85,190,173,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7BF3C6', endColorstr='#55BEAD',GradientType=0 );
}

.tagJobListWrap{
  width:100%;
  padding:4rem 0;
  background: #e9f2fd;
}

.tagJobListWrap h3{
  text-align: center;
  margin:0 0 1rem 0;
  font-size:1.3rem;
  color:#4d85c8;
}

.tagJobList{
  max-width:960px;
  margin: 0 auto;
}

.tagJobList ul{
  list-style:none;
  margin: 0;
  padding: 0;
  display:flex;
  flex-wrap:wrap;
  justify-content: flex-start;
  align-items:flex-start;
}

.tagJobList ul li{
  display: block;
  text-decoration: none;
  color:#4d85c8;
  font-weight:bold;
  background: #ffffff;
  margin: 0 0 10px 8px;
  padding:8px 18px;
  border-radius:4px;
  border:2px solid #4d85c8;
}

.tagJobList ul li:hover{
  /* background:#4d85c8;
  cursor:pointer;
  color:#ffffff; */
  cursor:default;
}

.pointText{
  font-family:"游ゴシック", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight:500;
  line-height:1.4;
}

.redRibbonTtl{
  color:#E18989;
  border-top:solid 4px #E18989;
  border-bottom:solid 4px #E18989;
  border-right:solid 30px #E18989;
  border-left:solid 30px #E18989;
  text-align: center;
  padding:1rem;
  font-size:1.8rem;
}

.curriculumsCatch{
  font-size:1.6rem;
  font-weight:900;
  margin-bottom:0.5rem;
}

.curriculumsText{
  width: 100%;
  display:flex;
  flex-direction:column;
}

.voiceTtl{
  margin:80px 0 40px 0;
}

.voiceTtl h4{
  color:#ffffff;
  text-align: center;
  background:#7DB7FC;
  border-radius:50px;
  padding:1rem;
  font-size:1.8rem;
  position:relative;
}

.voiceTtl h4:after{
  content:"";
  display: block;
  background: #7DB7FC;
  width:16px;
  height:16px;
  position: absolute;
  bottom:-8px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform:rotate(45deg);
}

.voiceBg{
  background: #FFFDDF;
  padding:2rem;
  margin-bottom:80px;
}

.otherContentArea{
  overflow:hidden;
}

.voiceImg img{
  object-fit: cover;
  border-radius:50%;
  width: 256px;
  height: 256px;
  box-shadow:10px 12px rgba(79, 193, 217, 0.49);
}
.voiceImg{
  width:100%;
  max-width:256px;
  display: block;
  position:relative;
  margin: 0 0 20px 0; 
}
.voiceImg:before{
  content:"";
  display: block;
  width:70px;
  height: 70px;
  border-radius:50px;
  background: rgba(73,210,222,0.49);
  position:absolute;
  bottom: -18px;
  right: -30px;
}
.voiceImg:after{
  content:"";
  display: block;
  width:45px;
  height: 45px;
  border-radius:50px;
  background: rgba(143,235,179,0.49);
  position:absolute;
  bottom: -20px;
  right: 20px;
}

.voiceContent1{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}

.voiceContent2{
  background: #ffffff;
  margin:2rem 0 0 0;
  padding:2rem;
  width:100%;
  background-size: 16px 16px;
  background-position: 50% 50%;
  background-image:repeating-linear-gradient( 90deg, #F8F8F8 , #F8F8F8 1px, transparent 1px, transparent 16px),repeating-linear-gradient( 0deg, #F8F8F8 , #F8F8F8 1px, #fff 1px, #fff 16px);
}

.voiceLead{
  width:calc(calc(100% - 256px) - 40px);
  display:flex;
  justify-content: center;
  align-items:center;
  flex-direction:column;
}

.voiceLead h5{
  color:#4d85c8;
  width:100%;
  font-size:1.6rem;
  line-height:1.6;
  margin-bottom:2rem;
}

.voiceProfile{
  background: #ffffff;
  border:2px solid #7DB7FC;
  padding:1rem;
  width: 100%;
}

.voiceProf{
  font-size:1rem;
  line-height:1.4;
  color:#4E4E4E;
}

.voiceName{
  font-size:1.4rem;
  font-weight: bold;
  margin-bottom:0.75rem;
  color:#4E4E4E;
}

.blueText{
  line-height:1.4;
  color:#4d85c8;
}

.employmentResult{
  background: #ffffff;
  border-radius:20px;
  border:3px solid #E18989;
  padding:4rem;
  width:90%;
  margin: 0 auto;
  position:relative;
}

.employmentResult .badgeTtl{
  position:absolute;
  top: -1rem;
  left: -1rem;
  transform: rotate(-6deg);
  background: #E18989;
  color:#ffffff;
  font-weight:bold;
  font-size:1.6rem;
  padding:1rem;
}

.employmentResultWrap{
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
}

.employmentResultTtl{
  color:#4E4E4E;
  text-align: center;
  padding:0.5rem;
  margin:0 0 1rem 0;
  border-bottom:1px solid #4E4E4E;
}

.employmentResult ul li{
  margin:0 0 1rem 0;
  font-size:1.2rem;
}

@media screen and (max-width:960px) {
  .voiceContent1{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
  }

  .voiceImg,.voiceLead{
    display:flex;
    justify-content: center;
    align-items:center;
    width:100%;
  }

  .voiceImgWrap{
    width:100%;
    display:flex;
    justify-content: center;
    align-items: center;
  }

  .voiceProf{
    font-size:1.2rem;
    line-height:1.4;
    color:#4E4E4E;
  }
  .employmentResult{
    background: #ffffff;
    border-radius:20px;
    border:3px solid #E18989;
    padding:3rem 2rem;
    width:100%;
    margin: 0 auto;
    position:relative;
  }
}

.bannerArea{
  background: #FFF48F;
  display:flex;
  flex-wrap:wrap;
  justify-content: center;
  align-items:center;
  padding:3rem 0;
}
.bannerArea p{
  width:100%;
  text-align: center;
  color:#D16A6A;
  margin-bottom:2rem;
  font-weight:bold;
}

.bannerArea picture{
  width:100%;
  margin: 0 auto;
}