@charset "utf-8";
.layout-base {
  position: relative;
  box-sizing: border-box;
}
/* LIFE
--------------------------------------------------------------------------*/
#always_wrap .it-literacy-area2 {
  background: #a9e2fb;
}
#always_wrap .it-literacy-area2 .contents-area {
  background: #FFF;
  padding: 0 0 0rem 0;
  margin: 3rem auto 3rem auto;
  overflow: hidden;
  border-radius: 2rem;
}
#always_wrap .it-literacy-area2 .contents-area .it-literacy-ttl {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  background-image: linear-gradient(180deg, #d7f3ff, #ffffff);
  padding: 3rem 4% 1rem 4%;
}
#always_wrap .it-literacy-area2 .contents-area .it-literacy-ttl figure {
  position: relative;
  box-sizing: border-box;
  width: 70%;
  margin: 3rem auto 3rem auto;
}
#always_wrap .it-literacy-area2 .contents-area .it-literacy-ttl h2 {
  font-size: 3.6rem;
  line-height: 4.6rem;
  font-weight: bold;
  color: #00a0e9;
  text-align: center;
  margin: 0 auto 1rem auto;
}
#always_wrap .it-literacy-area2 .contents-area .it-literacy-ttl h3 {
  display: block;
  font-size: 2.4rem;
  line-height: 3.6rem;
  font-weight: bold;
  color: #272727;
  text-align: center !important;
  margin: 0 auto 1rem auto;
}
#always_wrap .it-literacy-area2 .contents-area .it-literacy-ttl h3:before {
  display: none !important;
}
#always_wrap .it-literacy-area2 .contents-area .it-literacy-ttl p {
  text-align: center;
}
#always_wrap .it-literacy-area2 .contents-area .cnt-box {
  margin-bottom: 0;
}
#always_wrap .it-literacy-area2 .contents-area .cnt-box .cnt-box-f {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  display: block;
  background: url("../img/life/line.png") top center no-repeat;
  background-size: 100%;
}
#always_wrap .it-literacy-area2 .contents-area .cnt-box .cnt-box-f.matome {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  display: block;
  background: #FFF3A8 !important;
  padding: 1.5rem 2rem 1.8rem 2rem;
  margin-bottom: 3rem;
}
#always_wrap .it-literacy-area2 .contents-area .cnt-box .cnt-box-f.matome p {
  margin-bottom: 0 !important;
}
#always_wrap .it-literacy-area2 .contents-area .it-literacy-main {
  width: 90%;
  margin: auto;
}
#always_wrap .it-literacy-area2 .contents-area .it-literacy-main div.cbw7 {
  width: 71%;
}
#always_wrap .it-literacy-area2 .contents-area .it-literacy-main figure img {
  width: 100%;
  margin: 2rem auto 3rem auto;
}
#always_wrap .it-literacy-area2 .contents-area .security-box {
  width: 89%;
  margin: auto;
  display: grid;
  grid-template-columns: 2fr 8fr;
  align-items: flex-start;
  row-gap: 0.5rem;
  column-gap: 3%;
  place-items: center;
}
#always_wrap .it-literacy-area2 .contents-area .security-box .security-box1 {
  order: 2;
}
#always_wrap .it-literacy-area2 .contents-area .security-box .security-box2 {
  order: 1;
}
#always_wrap .it-literacy-area2 .contents-area .security-box-b {
  width: 89%;
  margin: auto;
  display: grid;
  grid-template-columns: 3fr 7fr;
  align-items: flex-start;
  row-gap: 0.5rem;
  column-gap: 3%;
  place-items: start;
}
#always_wrap .it-literacy-area2 .contents-area .security-box-b .security-box1 {
  order: 2;
}
#always_wrap .it-literacy-area2 .contents-area .security-box-b .security-box2 {
  order: 1;
}
#always_wrap .it-literacy-area2 .contents-area .security-box-c {
  width: 89%;
  margin: auto;
  display: grid;
  grid-template-columns: 7fr 3fr;
  align-items: flex-start;
  row-gap: 0.5rem;
  column-gap: 3%;
  place-items: start;
}
#always_wrap .it-literacy-area2 .contents-area .security-box-c .security-box1 {
  order: 1;
}
#always_wrap .it-literacy-area2 .contents-area .security-box-c .security-box2 {
  order: 2;
}
#always_wrap .it-literacy-area2 .contents-area h3 {
  position: relative;
  font-size: 2.8rem;
  text-align: left;
  margin-bottom: 1.6rem;
  color: #0091d7;
  display: flex;
  align-items: center;
}
#always_wrap .it-literacy-area2 .contents-area h3:before {
  position: relative;
  display: block;
  content: "";
  margin-right: 0.5rem;
  width: 3.6rem;
  height: 3.6rem;
  background: url("../img/life/icon-star.png") center center no-repeat;
  background-size: 100%;
}
#always_wrap .it-literacy-area2 .contents-area h3.secu-pt {
  position: relative;
  font-size: 2.4rem;
  text-align: left;
  margin-bottom: 1rem;
  color: #604733;
  display: flex;
  align-items: center;
}
#always_wrap .it-literacy-area2 .contents-area h3.secu-pt:before {
  position: relative;
  display: block;
  content: "";
  margin-right: 0.9rem;
  width: 6.6rem;
  height: 6.6rem;
}
#always_wrap .it-literacy-area2 .contents-area h3.secu-pt.spt1:before {
  background: url("../img/life/icon-point01.png") center center no-repeat;
  background-size: 100%;
}
#always_wrap .it-literacy-area2 .contents-area h3.secu-pt.spt2:before {
  background: url("../img/life/icon-point02.png") center center no-repeat;
  background-size: 100%;
}
#always_wrap .it-literacy-area2 .contents-area h3.secu-pt.spt3:before {
  background: url("../img/life/icon-point03.png") center center no-repeat;
  background-size: 100%;
}
#always_wrap .it-literacy-area2 .contents-area h3.secu-pt.spt4:before {
  background: url("../img/life/icon-point04.png") center center no-repeat;
  background-size: 100%;
}
#always_wrap .it-literacy-area2 .contents-area p {
  margin: 0 auto 2.4rem auto;
}
#always_wrap .it-literacy-area2 .contents-area figure {
  margin: 0;
}
#always_wrap .clr-main {
  color: #00afbb;
  font-weight: bold !important;
}
.check-pt {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  background: #FFFABB;
  padding: 1.8rem 2.5rem;
}
.check-pt h6 {
  border-bottom: none !important;
  margin-bottom: 0.8rem !important;
  padding: 0 !important;
  color: #DB7012 !important;
  font-weight: 700 !important;
}
.check-pt ul li {
  display: flex;
  align-items: center;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 0.6rem;
}
.check-pt ul li:last-child {
  margin-bottom: 0;
}
.check-pt ul li:before {
  position: relative;
  display: block;
  content: "□";
  font-size: 1rem;
  line-height: 1.5rem;
  margin-right: 0.3rem;
}
.supervisor {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto 2rem auto;
  background: #D6F6FF;
  padding: 1.8rem 2.5rem;
}
.supervisor h6 {
  margin-bottom: 1rem !important;
  font-weight: 700 !important;
}
.supervisor p {
  margin: 0 !important;
}
@media only screen and (max-width: 767.98px) {
  #always_wrap .it-literacy-area2 {
    background: #a9e2fb;
  }
  #always_wrap .it-literacy-area2 .contents-area {
    padding: 0;
    margin: 4vw 2.5% 5vw 2.5%;
    width: 95%;
  }
  #always_wrap .it-literacy-area2 .contents-area .it-literacy-ttl figure {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
  }
  #always_wrap .it-literacy-area2 .contents-area .it-literacy-ttl figure img {
    margin-bottom: 1vw !important;
  }
  #always_wrap .it-literacy-area2 .contents-area .it-literacy-ttl h2 {
    font-size: 5vw;
    line-height: 6.8vw;
    margin: 0 4% 5vw 4%;
  }
  #always_wrap .it-literacy-area2 .contents-area .it-literacy-ttl h3 {
    font-size: 1.6rem !important;
    line-height: 2.4rem;
    text-align: left !important;
    margin: 0 4% 2vw 4%;
  }
  #always_wrap .it-literacy-area2 .contents-area .it-literacy-ttl h3:before {
    display: none !important;
  }
  #always_wrap .it-literacy-area2 .contents-area .it-literacy-ttl p {
    text-align: left;
    margin: 0 4% 3vw 4%;
  }
  #always_wrap .it-literacy-area2 .contents-area .it-literacy-main {
    width: 86%;
    margin: auto;
  }
  #always_wrap .it-literacy-area2 .contents-area .it-literacy-main div.cbw7 {
    width: 100%;
  }
  #always_wrap .it-literacy-area2 .contents-area .it-literacy-main figure img {
    width: 100%;
    margin: 0 auto 5vw auto;
  }
  #always_wrap .it-literacy-area2 .contents-area .security-box {
    width: 82%;
    margin: auto;
    display: block;
  }
  #always_wrap .it-literacy-area2 .contents-area .security-box .security-box1 {
    order: 2;
  }
  #always_wrap .it-literacy-area2 .contents-area .security-box .security-box2 {
    order: 1;
  }
  #always_wrap .it-literacy-area2 .contents-area .security-box-b {
    width: 82%;
    margin: auto;
    display: block;
  }
  #always_wrap .it-literacy-area2 .contents-area .security-box-b .security-box1 {
    order: 2;
  }
  #always_wrap .it-literacy-area2 .contents-area .security-box-b .security-box2 {
    order: 1;
  }
  #always_wrap .it-literacy-area2 .contents-area .security-box-c {
    width: 82%;
    margin: auto;
    display: block;
  }
  #always_wrap .it-literacy-area2 .contents-area .security-box-c .security-box1 {
    order: 1;
  }
  #always_wrap .it-literacy-area2 .contents-area .security-box-c .security-box2 {
    order: 2;
  }
  #always_wrap .it-literacy-area2 .contents-area .cnt-box {
    padding: 0 0 3vw 0!important;
    margin-bottom: 0;
  }
  #always_wrap .it-literacy-area2 .contents-area .cnt-box .cnt-box-f.matome {
    margin-bottom: 5vw;
    border-radius: 2vw;
  }
  #always_wrap .it-literacy-area2 .contents-area .cnt-box .cnt-box-f.matome p {
    margin-bottom: 0 !important;
  }
  #always_wrap .it-literacy-area2 .contents-area .cnt-box .cnt-box-l,
  #always_wrap .it-literacy-area2 .contents-area .cnt-box .cnt-box-r {
    margin-bottom: 2rem;
  }
  #always_wrap .it-literacy-area2 .contents-area h3 {
    font-size: 1.8rem !important;
    line-height: 2.2rem !important;
    margin-bottom: 1rem;
    align-items: flex-start;
  }
  #always_wrap .it-literacy-area2 .contents-area h3:before {
    position: relative;
    display: block;
    content: "";
    margin-right: 0.2rem;
    width: 2.2rem;
    height: 2.2rem;
    background: url("../img/life/icon-star.png") center center no-repeat;
    background-size: 100%;
  }
  #always_wrap .it-literacy-area2 .contents-area p {
    margin: 0 auto 5vw auto;
    line-height: 2.2rem;
  }
  #always_wrap .it-literacy-area2 .contents-area figure {
    margin: 0;
  }
  #always_wrap .it-literacy-area2 .contents-area figure img {
    margin-bottom: 3vw !important;
  }
  .check-pt {
    padding: 3.8vw 5.5vw;
    margin-bottom: 5vw;
  }
  .supervisor {
    margin: 0 auto 3vw auto;
    padding: 3.8vw 5.5vw;
  }
}