@charset "UTF-8";
/* CSS Document */
.about-image {
  margin: 200px auto 0;
  width: 80%;
  border-radius: 56px;
}
.top-wrap {
  max-width: 1200px;
  padding-top: 30px;
  margin: 0 auto;
  width: 763px;
}
.top-wrap img {
  width: 100%;
 padding-bottom: 45px;
   
}
.about-top_lead {
  background-color: #EAF6FF;
  padding: 60px 0;
}
.about-top_lead p {
  font-size: 15px;
  line-height: 33px;
}
@media screen and (min-width: 1070px) {
  .about-lead-sp {
    display: none;
  }
  .about-image-sp {
    display: none;
  }
}
@media screen and (max-width: 1070px) {
  .about-image {
    display: none;
  }
  .about-image-sp {
    width:90%;
    margin-top: 50px;
    border-radius: 20px;
  }
  .about-lead {
    display: none;
  }
  .about-top_lead {
    padding: 40px 54px;
  }
  .about-top_lead p {
    font-size: 13px;
  }
  .top-wrap {
    width: 210px;
    padding-top: 0;
  }
  .about-lead-sp img {
    width: 100%;
  }
}
/*ゆめかなの特徴*/
.section-feature {
  max-width: 1200px;
  margin: auto;
}
.feature_title {
  padding: 120px 0 75px;
  width: 25%;
  display: block;
  margin: 0 auto;
}
.feature-pic {
  width: 566px;
  height: 360px;
}
.item {
  display: flex;
  padding-bottom: 85px;
}
.item_content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 100px;
}
.item h3 img {
  width: 125px;
}
.item h3 {
  font-size: 28px;
  font-weight: 700;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  padding-bottom: 20px;
  gap: 7px;
}
.text {
  font-size: 15px;
  text-align: left;
  padding-top: 40px;
  line-height: 35px;
  position: relative
}
.text p {
  font-size: 13px;
  background-color: #F5F5F5;
  padding: 18px 20px;
  margin-top: 45px;
  border-radius: 10px;
}
.text::before {
  position: absolute;
  content: "・・・・・・";
  letter-spacing: -6px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  color: #4096D2;
}
.item-re {
  display: flex;
  padding-bottom: 85px;
  flex-direction: row-reverse;
}
.item-re_content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-right: 100px;
}
.item-re h3 img {
  width: 125px;
}
.item-re h3 {
  font-size: 28px;
  font-weight: 700;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  gap: 6px;
  padding-bottom: 20px;
}
.text-re {
  font-size: 15px;
  text-align: left;
  padding-top: 60px;
  line-height: 35px;
  position: relative
}
.text-re::before {
  position: absolute;
  content: "・・・・・・";
  letter-spacing: -6px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  color: #4096D2;
}
@media screen and (min-width: 1070px) {
  .feature-pic-sp {
    display: none;
  }
}
@media screen and (max-width: 1070px) {
  .feature_title {
    width: 140px;
    padding: 50px 0 40px;
  }
  .feature-pic {
    display: none;
  }
  .feature-pic-sp {
    width: 95%;
    border-radius: 0 40px 40px 0;
  }
  .feature-pic-sp img {
    width: 100%;
  }
  .item {
    flex-direction: column;
    padding-bottom: 30px;
  }
  .item_content {
    padding-left: 10px;
    padding-right: 30px;
  }
  .item h3 {
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 0;
  }
  .item h3 img {
    width: 83px;
  }
  .text {
    font-size: 13px;
    padding-top: 30px;
  }
  .text p {
    margin-top: 10px;
    font-size: 10px;
    padding: 6px 28px;
    line-height: 23px;
  }
  .item-re {
    flex-direction: column;
    padding-bottom: 30px
  }
  .item-re h3 img {
    width: 83px;
  }
  .item-re_content {
    padding-left: 10px;
    padding-right: 30px;
  }
  .item-re_content img {
    width: 83px;
  }
  .item-re h3 {
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 0;
  }
  .text-re {
    font-size: 13px;
    padding-top: 30px;
  }
}
/*保険外サービス*/
.n-service {
  background-color: #FFFAEF;
  padding: 82px 0 90px;
}
.n-service img {
  width: 350px;
  margin: 0 auto;
}
.n-service_wrap {
  padding: 44px 0 68px;
  display: flex;
  align-items: center;
  gap: 221px;
  max-width: 1200px;
  margin: auto;
}
.n-service_lead {
  background-color: #fff;
  border-radius: 20px;
  padding: 30px 35px;
  font-size: 15px;
  text-align: left;
}
.n-service_content h3 {
  text-align: left;
  color: #F5B004;
  font-size: 20px;
  font-weight: 500;
  padding-bottom: 7px;
}
.n-service_content ul {
  list-style: none;
  text-align: left;
  font-size: 15px;
  font-weight: 400;
  line-height: 180%;
}
.n-service_content li::before {
  content: '・';
  color: #F5B004;
  padding-right: 10px;
}
.button_fee-wrpper a {
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  padding: 16px 117px;
  text-decoration: none;
  border-radius: 35px;
  background-color: #F5B000;
}
@media screen and (max-width: 1070px) {
  .n-service_wrap {
    flex-direction: column;
    gap: 40px;
  }
  .n-service img {
    width: 90%;
  }
  .n-service_lead {
    font-size: 13px;
  }
  .n-service_content ul {
    font-size: 13px;
  }
  .button_fee-wrpper a {
    font-size: 13px;
    font-weight: 700;
    padding: 10px 80px;
  }
}
/*ゆめかなの取り組み*/
.attempt {
  padding: 123px 0 110px;
}
.attempt_title {
  width: 400px;
  display: block;
  margin: 0 auto;
  padding-bottom: 80px;
}
.attempt_wrap {
  max-width: 1200px;
  display: flex;
  justify-content: space-around;
  margin: auto;
  align-items: flex-start;
  padding-bottom: 96px;
}
.attempt_wrap img {
 width: 100%;
}
.study p img {
  width: 25%;
  padding: 35px 0 32px;
}
.study p {
  font-size: 15px;
 
}
.study {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  position: relative;
 
}
.study p::before {
  position: absolute;
  content: '・・・・・・・・・・・・・・・・・・・・・・・・・・';
  letter-spacing: -6px;
  top: 393px;
  bottom: 0;
  right: 0;
  left: -3px;
 
  color: #4096D2;
}
.study p {
  text-align: left;
}
.lecture p img {
  width: 25%;
  padding: 35px 0 32px;
}
.lecture p {
  font-size: 15px;
 
}
.lecture {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  padding-left: 30px;
}
.lecture p::before {
  position: absolute;
  content: '・・・・・・・・・・・・・・・・・・・・・・・・・・';
  letter-spacing: -6px;
  top: 397px;
  bottom: 0;
  right: 0;
  left: 29px;
  color: #4096D2;
}
.lecture p {
  text-align: left;
}
.button_sl-wrpper a {
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  padding: 16px 117px;
  text-decoration: none;
  border-radius: 35px;
  background-color: #3F96D2;
}
@media screen and (max-width: 1070px) {
  .attempt {
    padding-top: 90px;
  }
  .attempt_title {
    width: 90%;
    padding-bottom: 50px;
  }
  .attempt_title img {
    width: 100%;
  }
  .study {
    padding-bottom: 40px;
     position: relative;
  }
  .study img {
   width: 100%;
  }
  .study p img {
    width: 50px;
  }
  .study p {
    font-size: 13px;
    padding-left: 10px;
  }
  .study p::before {
   display: none;
  }
  .lecture{
    padding-left: 0;
    
  }
  .lecture p::before {
   display: none;
    
  }
  .lecture img {
   width: 100%;
  }
  .lecture p img {
    width: 50px;
  }
  .lecture p {
    font-size: 13px;
    padding-left: 10px;
  }
  .study_pic {
    
  }
  .lecture_pic {
    
  }
  .attempt_wrap {
    flex-direction: column;
    padding-bottom: 50px;
  }
  .button_sl-wrpper a {
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    padding: 11px 65px;
  }
}