@charset "shift-jis";
/* --------------------------------------------------
/school/css/lp/habit.css
-------------------------------------------------- */
*,*::before,*::after {
  box-sizing: border-box;
}
body {
  overflow-x: hidden;
  font-size: 18px;
  text-align: left;
  line-height: 2.0;
}
@media screen and (max-width: 599px) {
  body {
    font-size: 16px;
  }
}

section .inner {
  width: 92%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 60px 0 100px;
}
@media screen and (max-width: 599px) {
  section .inner {
    width: 90%;
    padding: 40px 0 50px;
  }
}

img {
  max-width: 100%;
  height: auto;
}

.txt_bold {
  font-weight: bold;
}

.bg_school {
  background-color: #98d5cb;
}
.bg_gray {
  background-color: #f3f3f2;
}

.strong {
  padding-bottom: 0.2em;
  border-bottom: 3px dotted #ff72a5;
  font-size: 26px;
}
@media screen and (max-width: 599px) {
  .strong {
    font-size: 22px;
  }
}

.pc {
  display: inherit;
}
.tab {
  display: none;
}
.sp {
  display: none;
}
@media screen and (max-width: 999px) {
  .pc {
    display: none !important;
  }
  .tab {
    display: inherit ;
  }
  .sp {
    display: none ;
  }
}
@media screen and (max-width: 599px) {
  .pc {
    display: none;
  }
  .tab {display: none;
  }
  .sp {
    display: inherit;
  }
}
@media screen and (min-width: 600px) and (max-width: 999px) {
  .tab_non {
    display: none;
  }
}

/* heading */
.heading_01 {
  position: relative;
  max-width: 745px;
  margin: 0 auto 2em;
  padding: 0.5em;
  font-family: "Hiragino Mincho ProN W6", "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "HG����E", "������", YuMincho, "�l�r �o����", "�l�r ����", serif;
  font-size: 36px;
  font-weight: bold;
  line-height: 1.7;
  text-align: center;
}
.heading_01::before,
.heading_01::after {
  position: absolute;
  width: 58px;
  height: 3px;
  border-radius: 9999px;
  background: #ff72a5;
  content: '';
}
.heading_01::before {
  right: 0;
  bottom: 10px;
}
.heading_01::after {
  left: 0;
  top: 10px;
}
.heading_01 span {
  display: block;
}
.heading_01 span::before,
.heading_01 span::after {
  position: absolute;
  width: 3px;
  height: 86px;
  border-radius: 9999px;
  background: #ff72a5;
  content: '';
}
.heading_01 span::before {
  right: 10px;
  bottom: 0;
}
.heading_01 span::after {
  left: 10px;
  top: 0;
}
.heading_01.col_w::before,
.heading_01.col_w::after,
.heading_01.col_w span::before,
.heading_01.col_w span::after {
  background: #fff;
}
.heading_02 {
  position: relative;
  padding-bottom: 0.5em;
  margin: 0 auto 2em;
  font-family: "Hiragino Mincho ProN W6", "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "HG����E", "������", YuMincho, "�l�r �o����", "�l�r ����", serif;
  font-size: 36px;
  font-weight: bold;
  line-height: 1.7;
  text-align: center;
}
.heading_02::after {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 114px;
  height: 3px;
  background: #ff72a5;
  content: '';
}

@media screen and (max-width: 599px) {
  .heading_01 {
    padding: 0.7em;
    font-size: 22px;
  }
  .heading_01::before,
  .heading_01::after {
    position: absolute;
    width: 34px;
  }
  .heading_01::before {
    bottom: 5px;
  }
  .heading_01::after {
    top: 5px;
  }
  .heading_01 span::before,
  .heading_01 span::after {
    height: 50px;
  }
  .heading_01 span::before {
    right: 5px;
  }
  .heading_01 span::after {
    left: 5px;
  }
  .heading_02 {
    font-size: 22px;
  }
  .heading_02::after {
    width: 58px;
  }
}

/* btn */
.btn_01 {
  display: inline-block;
  position: relative;
  width: 100%;
  max-width: 415px;
  padding: 1em 30px 1em 1em;
  background: #cf3045;
  border-radius: 5px;
  color: #fff;
  font-size: 18px;
  line-height: 1.4;
}
a.btn_01 {
  color: #fff;
}
.btn_01::before {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border: 1px solid #fff;
  border-radius: 50%;
  content: '';
}
.btn_01::after {
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translateY(-50%) rotate(45deg);
  width: 8px;
  height: 8px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  content: '';
}
.btn_01:hover {
  opacity: 0.7;
  text-decoration: none;
}
@media screen and (max-width: 599px) {
  .btn_01 {
    max-width: none;
    font-size: 16px;
  }
}

/* arrow */
.arrow_01 {
  position: relative;
  width: 88px;
  height: 50px;
  margin: 0 auto;
}
.arrow_01::before,
.arrow_01::after {
  position: absolute;
  bottom: -6px;
  width: 10px;
  height: 62px;
  background: #ff72a5;
  border-radius: 9999px;
  content: '';
}
.arrow_01::before {
  left: 20px;
  transform: rotate(-45deg);
}
.arrow_01::after {
  right: 20px;
  transform: rotate(45deg);
}

/* ------------------------------
mv
------------------------------ */
.mv {
  padding: 0 10px;
  background: url(/school/image/lp/habit/mv.jpg) no-repeat right center / cover;
}
.mv .mv_inner {
  position: relative;
  max-width: 1000px;
  min-height: 594px;
  margin: 0 auto;
  padding-top: 35px;
}
.mv .logo {
  max-width: 289px;
}
.mv .mv_main {
  position: absolute;
  left: 0;
  bottom: 60px;
}
.mv .h1_01 {
  display: inline-block;
  position: relative;
  margin-bottom: 20px;
  padding: 5px 40px 5px;
}
.mv .h1_01::before,
.mv .h1_01::after {
  position: absolute;
  bottom: 0;
  width: 20px;
  height: 100%;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218.756%22%20height%3D%2242.597%22%20viewBox%3D%220%200%2018.756%2042.597%22%3E%3Cpath%20d%3D%22M13.755%2C40.1a2.5%2C2.5%2C0%2C0%2C1-2.348-1.642l0-.005a2.5%2C2.5%2C0%2C0%2C1%2C4.7-1.718l0%2C.005a2.5%2C2.5%2C0%2C0%2C1-2.348%2C3.36ZM11%2C32.578a2.5%2C2.5%2C0%2C0%2C1-2.348-1.642l0-.005a2.5%2C2.5%2C0%2C1%2C1%2C4.7-1.718l0%2C.005A2.5%2C2.5%2C0%2C0%2C1%2C11%2C32.578ZM8.254%2C25.06a2.5%2C2.5%2C0%2C0%2C1-2.348-1.642l0-.005A2.5%2C2.5%2C0%2C0%2C1%2C10.6%2C21.7l0%2C.005a2.5%2C2.5%2C0%2C0%2C1-2.348%2C3.36ZM5.5%2C17.542A2.5%2C2.5%2C0%2C0%2C1%2C3.155%2C15.9l0-.005a2.5%2C2.5%2C0%2C0%2C1%2C4.7-1.718l0%2C.005A2.5%2C2.5%2C0%2C0%2C1%2C5.5%2C17.542ZM2.753%2C10.024A2.5%2C2.5%2C0%2C0%2C1%2C.4%2C8.382l0-.005A2.5%2C2.5%2C0%2C0%2C1%2C5.1%2C6.659l0%2C.005a2.5%2C2.5%2C0%2C0%2C1-2.348%2C3.36ZM0%2C2.506A2.5%2C2.5%2C0%2C0%2C1-2.346.864l0-.005A2.5%2C2.5%2C0%2C0%2C1-.859-2.348%2C2.5%2C2.5%2C0%2C0%2C1%2C2.348-.859l0%2C.005A2.5%2C2.5%2C0%2C0%2C1%2C.861%2C2.353%2C2.5%2C2.5%2C0%2C0%2C1%2C0%2C2.506Z%22%20transform%3D%22translate(2.501%202.501)%22%20fill%3D%22%23ff72a5%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  content: '';
}
.mv .h1_01::before {
  left: 0;
}
.mv .h1_01::after {
  right: 0;
  transform: scale(-1, 1);
}
.mv .h1_02 {
  display: inline-block;
  position: relative;
  padding: 10px 15px;
  background: rgba(41, 193, 173, 0.9);
  text-align: center;
}
.mv .h1_02 span {
  position: absolute;
  right: -28px;
  top: -12px;
  display: inline-block;
  padding: 0.4em 0.8em;
  background: #ff72a5;
  border-radius: 9999px;
  color: #fff;
  font-size: 25px;
  font-weight: normal;
  line-height: 1;
}
.mv .img_no1 {
  max-width: 410px;
  margin-top: 35px;
}
.mv + .no1_caution {
  width: 96%;
  max-width: 1000px;
  margin: 0 auto;
  color: #1c236d;
  font-size: 10px;
}
.mv .mv_btn_list {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 450px;
}
.mv .mv_btn_list li {
  width: 48.5%;
}
.mv .mv_btn_list a {
  display: block;
  position: relative;
  width: 100%;
  padding: 1em 1em 1.3em;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #29c1ad;
  color: #29c1ad;
  font-size: 20px;
  line-height: 1;
  text-align: center;
}
.mv .mv_btn_list a::before,
.mv .mv_btn_list a::after {
  position: absolute;
  bottom: 9px;
  width: 15px;
  height: 3px;
  background: #29c1ad;
  border-radius: 9999px;
  content: '';
}
.mv .mv_btn_list a::before {
  left: calc(50% - 12px);
  transform: rotate(45deg);
}
.mv .mv_btn_list a::after {
  right: calc(50% - 12px);
  transform: rotate(-45deg);
}
@media screen and (min-width: 600px) {
  .mv .mv_inner .no1_caution {
    display: none;
  }
}
@media screen and (min-width: 1000px) {
  .mv .mv_btn_list {
    position: absolute;
    right: -75%;
    bottom: 20px;
  }
}
@media screen and (min-width: 910px) and (max-width: 999px) {
  .mv .mv_btn_list {
    position: absolute;
    right: -60%;
    bottom: 20px;
  }
}
@media screen and (max-width: 1199px) {
  .mv {
    background-position: right 40% top;
  }
}
@media screen and (max-width: 909px) {
  .mv .mv_main {
    bottom: 15px;
  }
  .mv .mv_btn_list {
    margin-top: 35px;
  }
  .mv .mv_btn_list a {
    margin: 0 auto;
  }
}
@media screen and (max-width: 599px) {
  .mv {
    background: url(/school/image/lp/habit/mv_sp.jpg) no-repeat right top / contain;
  }
  .mv .mv_inner {
    min-height: 589px;
    padding-top: 12px;
  }
  .mv .logo {
    max-width: 200px;
  }
  .mv .mv_main {
    position: static;
   margin-top: 127px;
  }
  .mv .h1_01 {
    display: inline-block;
    position: relative;
    max-width: 315px;
    margin: 0 0 10px 15px;
    padding: 5px 30px 5px;
    line-height: 1.2;
  }
  .mv .h1_02 {
    max-width: 350px;
    margin-left: -10px;
  }
  .mv .h1_02 span {
    right: -19px;
    top: -10px;
    font-size: 16px;
  }
  .mv + .no1_caution {
    display: none;
  }
  .mv .mv_inner .no1_caution {
    width: 96%;
    margin: 20px auto 0;
    color: #1c236d;
    font-size: 10px;
  }
  .mv .mv_btn_list {
    margin-top: 35px;
    max-width: 100%;
  }
  .mv .mv_btn_list a {
    margin: 0 auto;
    font-size: 16px;
  }
  .mv .mv_btn_list a::before,
  .mv .mv_btn_list a::after {
    position: absolute;
    width: 12px;
  }
  .mv .mv_btn_list a::before {
    left: calc(50% - 10px);
  }
  .mv .mv_btn_list a::after {
    right: calc(50% - 10px);
  }
}

/* ------------------------------
apply
------------------------------ */
.apply .inner {
  position: relative;
}
.apply .list_apply {
  max-width: 650px;
  margin: 0 auto;
}
.apply .list_apply li {
  margin-bottom: 1em;
  padding-left: 50px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2233.065%22%20height%3D%2225.75%22%20viewBox%3D%220%200%2033.065%2025.75%22%3E%3Cg%20transform%3D%22translate(-306%20-1560.25)%22%3E%3Crect%20width%3D%2223%22%20height%3D%2223%22%20rx%3D%222%22%20transform%3D%22translate(306%201563)%22%20fill%3D%22%23fff%22%2F%3E%3Cg%20transform%3D%22translate(414.621%201633.669)%22%3E%3Cg%20transform%3D%22translate(-105.622%20-72.92)%22%3E%3Cpath%20d%3D%22M-78.948-72.918a2.8%2C2.8%2C0%2C0%2C0-1.921.852L-93.582-59.283l-7.259-7.3a2.8%2C2.8%2C0%2C0%2C0-3.956-.011%2C2.8%2C2.8%2C0%2C0%2C0-.011%2C3.956l9.242%2C9.293a2.8%2C2.8%2C0%2C0%2C0%2C1.983.825%2C2.8%2C2.8%2C0%2C0%2C0%2C1.983-.825l14.7-14.778a2.8%2C2.8%2C0%2C0%2C0%2C.618-3.1%2C2.8%2C2.8%2C0%2C0%2C0-2.664-1.7Z%22%20transform%3D%22translate(105.622%2072.92)%22%20fill%3D%22%23ff72a5%22%2F%3E%3Cpath%20d%3D%22M-78.857-73.42a3.293%2C3.293%2C0%2C0%2C1%2C3.032%2C2%2C3.277%2C3.277%2C0%2C0%2C1-.725%2C3.649L-91.244-52.991a3.32%2C3.32%2C0%2C0%2C1-2.338.972%2C3.32%2C3.32%2C0%2C0%2C1-2.338-.972l-9.242-9.293a3.3%2C3.3%2C0%2C0%2C1%2C.013-4.663%2C3.277%2C3.277%2C0%2C0%2C1%2C2.325-.959%2C3.275%2C3.275%2C0%2C0%2C1%2C2.338.972l6.9%2C6.942%2C12.356-12.425a3.281%2C3.281%2C0%2C0%2C1%2C2.261-1Zm-14.725%2C20.4a2.313%2C2.313%2C0%2C0%2C0%2C1.629-.677l14.7-14.778.005%2C0a2.283%2C2.283%2C0%2C0%2C0%2C.507-2.545%2C2.294%2C2.294%2C0%2C0%2C0-2.188-1.395h-.011a2.286%2C2.286%2C0%2C0%2C0-1.567.7l0%2C.005L-93.227-58.931a.5.5%2C0%2C0%2C1-.355.147.5.5%2C0%2C0%2C1-.355-.147l-7.259-7.3a2.282%2C2.282%2C0%2C0%2C0-1.629-.678%2C2.283%2C2.283%2C0%2C0%2C0-1.62.668%2C2.3%2C2.3%2C0%2C0%2C0-.009%2C3.249l9.242%2C9.293A2.313%2C2.313%2C0%2C0%2C0-93.582-53.019Z%22%20transform%3D%22translate(105.622%2072.92)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-position: left center;
  font-family: "Hiragino Mincho ProN W3", "�q���M�m���� ProN W3", "Hiragino Mincho ProN", "HG����E", "������", YuMincho, "�l�r �o����", "�l�r ����", serif;
  font-size: 22px;
  line-height: 1.4;
}
.apply .arrow_01 {
  margin-top: 140px;
}
.apply .txt_result {
  margin-top: 85px;
  padding: 1em 1em 1.2em;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 6px 0 rgba(0, 0, 0, 0.16);
  text-align: center;
}
.apply .img_bubble {
  position: absolute;
  height: auto;
}
.apply .img_bubble.money {
  top: 170px;
  right: -58px;
}
.apply .img_bubble.job {
  top: 494px;
  left: -24px;
}
.apply .img_bubble.time {
  top: 472px;
  right: -58px;
}
@media screen and (min-width: 600px) {
  .apply .img_bubble.sp_none {
    display: block;
  }
  .apply .img_bubble.sp_show {
    display: none;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1119px) {
  .apply .img_bubble.money {
    top: 220px;
    right: -20px;
  }
  .apply .img_bubble.job {
    top: 530px;
    left: -34px;
  }
  .apply .img_bubble.time {
    top: 500px;
    right: -20px;
  }
}
@media screen and (min-width: 673px) and (max-width: 999px) {
  .apply .img_bubble.money {
    top: 270px;
    right: -20px;
    max-width: 180px;
  }
  .apply .img_bubble.job {
    top: 530px;
    left: -34px;
    max-width: 190px;
  }
  .apply .img_bubble.time {
    top: 500px;
    right: -20px;
    max-width: 230px;
  }
}
@media screen and (max-width: 672px) {
  .apply .img_bubble.money {
    top: 330px;
    right: -20px;
    max-width: 170px;
  }
  .apply .img_bubble.job {
    top: 630px;
    left: -34px;
    max-width: 180px;
  }
  .apply .img_bubble.time {
    top: 630px;
    right: -20px;
    max-width: 220px;
  }
}
@media screen and (max-width: 599px) {
  .apply .list_apply li {
    margin-bottom: 1.5em;
    padding-left: 45px;
    font-size: 16px;
  }
  .apply .arrow_01 {
    margin-top: 350px;
  }
  .apply .txt_result {
    width: 100vw;
    margin: 40px calc(50% - 50vw) 0;
    padding: 2.5em 1em 2.8em;
  }
  .apply .img_bubble.sp_none {
    display: none;
  }
  .apply .img_bubble.sp_show {
    display: block;
  }
  .apply .img_bubble.money {
    top: 510px;
    right: 10px;
    max-width: 135px;
  }
  .apply .img_bubble.job {
    top: 560px;
    left: -5px;
    max-width: 148px;
  }
  .apply .img_bubble.time {
    top: 650px;
    right: 10px;
    max-width: 190px;
  }
}

/* ------------------------------
whatis
------------------------------ */
.whatis .lead_whatis {
  text-align: center;
}
.whatis figure {
  padding: 75px 5% 45px;
  text-align: center;
}
.whatis figure img {
  width: 100%;
  max-width: 800px;
}
@media screen and (min-width: 600px) {
  .whatis .sp_figure {
    display: none;
  }
}
@media screen and (max-width: 599px) {
  .whatis .lead_whatis {
    text-align: left;
  }
  .whatis .pc_figure {
    display: none;
  }
}

/* ------------------------------
ideal
------------------------------ */
.ideal {
  position: relative;
  background: #ffd146;
}
.ideal::before {
  position: absolute;
  top: -53px;
  right: 30%;
  border-bottom: 53px solid #ffd146;
  border-left: 31px solid transparent;
  border-right: 31px solid transparent;
  content: '';
}
.ideal .inner {
  padding-bottom: 0;
}
.ideal .list_ideal {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 108px;
}
.ideal .list_ideal li {
  width: 23.5%;
}
.ideal .bg_white {
  width: 100vw;
  margin: 0 calc(50% - 50vw) 130px;
  padding: 80px 0;
  background: #fff;
}
.ideal .txt_result {
  position: relative;
  max-width: 866px;
  margin: 30px auto 0;
  padding: 3em 1em;
  background: radial-gradient(ellipse at center, rgba(253,237,188,0.75) 0%,rgba(253,252,252,0.1) 70%);
  border-radius: 50%;
  text-align: center;
}
.ideal .img_ilst {
  position: absolute;
  height: auto;
}
.ideal .img_ilst.star {
  width: 100px;
  top: 0;
  left: 0;
}
.ideal .img_ilst.memo {
  width: 198px;
  bottom: -120px;
  right: 0;
}
@media screen and (min-width: 600px) {
  .ideal .list_ideal li:nth-child(n + 5) {
    margin-top: 30px;
  }
}
@media screen and (max-width: 599px) {
  .ideal::before {
    right: 20%;
  }
  .ideal .list_ideal {
    margin-bottom: 80px;
  }
  .ideal .list_ideal li {
    width: 47%;
  }
  .ideal .list_ideal li:nth-child(n + 3) {
    margin-top: 10px;
  }
  .ideal .bg_white {
    margin-bottom: 90px;
    padding: 45px 0;
  }
  .ideal .img_ilst.star {
    width: 81px;
    top: 0;
    left: 20px;
  }
  .ideal .img_ilst.memo {
    width: 137px;
    bottom: -80px;
    right: 30px;
  }
}

/* ------------------------------
canlearn
------------------------------ */
.canlearn .bg_wide {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}
.canlearn .forbox_area {
  position: relative;
}
.canlearn .forbox_area::before,
.canlearn .forbox_area::after {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  width: 5px;
  height: 130px;
  background: #ff72a5;
  border-radius: 9999px;
  content: '';
}
.canlearn .forbox_area::before {
  transform: rotate(-45deg) translate(-50%);
}
.canlearn .forbox_area::after {
  transform: rotate(45deg) translate(-50%);
}
.canlearn .forbox_area .forbox {
  background: linear-gradient(to bottom, rgba(255,209,70,1) 0%,rgba(255,209,70,1) 30%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 100%);
  /* background: linear-gradient(to bottom, rgba(255,209,70,1) 0%,rgba(255,209,70,1) 35%,rgba(255,255,255,1) 35%,rgba(255,255,255,1) 100%); */
  box-shadow: 0 6px 0 rgba(0, 0, 0, 0.16);
}
.canlearn .forbox_area .forbox.habit {
  padding-left: 10px;
  border-radius: 0 20px 20px 0;
}
.canlearn .forbox_area .forbox.action {
  padding-right: 10px;
  border-radius: 20px 0 0 20px;
}
.canlearn h3 {
  padding: 2em 1em;
  font-family: "Hiragino Mincho ProN W3", "�q���M�m���� ProN W3", "Hiragino Mincho ProN", "HG����E", "������", YuMincho, "�l�r �o����", "�l�r ����", serif;
  font-size: 26px;
  text-align: center;
  line-height: 1.6;
}
.canlearn h3 .txt_m {
  font-size: 34px;
}
.canlearn h3 .txt_l {
  font-size: 46px;
}
.canlearn .list_canlearn {
  margin: 2.5em 0;
}
.canlearn .forbox.habit .list_canlearn {
  margin-right: 30px;
}
.canlearn .forbox.action .list_canlearn {
  margin-left: 50px;
}
.canlearn .list_canlearn li {
  display: flex;
  align-items: center;
  min-height: 47px;
  margin-bottom: 1.2em;
  padding-left: 50px;
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 20px;
  line-height: 1.4;
}
.canlearn .list_canlearn li:nth-child(1) {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217.829%22%20height%3D%2245.363%22%20viewBox%3D%220%200%2017.829%2045.363%22%3E%3Cpath%20d%3D%22M9.481-2.646A1.842%2C1.842%2C0%2C0%2C0%2C7.4-4.536c-.945.063-2.394.063-3.465.063a1.159%2C1.159%2C0%2C0%2C1-1.26-1.26V-9.7c0-8.253.126-17.073.189-23.373%2C0-1.512.063-3.024.063-4.6%2C0-5.04-.756-8.442-5.922-8.442h-.189c-1.26%2C0-1.764.063-3.087.063a1.949%2C1.949%2C0%2C0%2C0-2.016%2C2.016%2C1.949%2C1.949%2C0%2C0%2C0%2C2.016%2C2.016h.189c.693-.063%2C1.2-.126%2C1.638-.126%2C2.583%2C0%2C3.15%2C1.449%2C3.213%2C3.339.063%2C1.2.063%2C4.41.063%2C8.5%2C0%2C7.434-.063%2C17.829-.189%2C24.57%2C0%2C.819-.315%2C1.26-1.2%2C1.26-1.26%2C0-2.835%2C0-3.78-.063h-.126a1.816%2C1.816%2C0%2C0%2C0-1.89%2C1.89A1.82%2C1.82%2C0%2C0%2C0-6.332-.756c1.827-.063%2C4.6-.126%2C7.371-.126%2C2.331%2C0%2C4.6.063%2C6.363.126h.126A1.833%2C1.833%2C0%2C0%2C0%2C9.481-2.646Z%22%20transform%3D%22translate(8.347%2046.116)%22%20fill%3D%22%23ff72a5%22%2F%3E%3C%2Fsvg%3E');
  background-position: 8px center;
}
.canlearn .list_canlearn li:nth-child(2) {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230.303%22%20height%3D%2246.116%22%20viewBox%3D%220%200%2030.303%2046.116%22%3E%3Cpath%20d%3D%22M-13.955-.63c3.528-.189%2C6.867-.252%2C10.206-.252q4.441%2C0%2C8.883.189h.441c5.8%2C0%2C6.93-3.087%2C8.757-8.946a3.251%2C3.251%2C0%2C0%2C0%2C.126-.693%2C1.921%2C1.921%2C0%2C0%2C0-2.016-1.89%2C1.857%2C1.857%2C0%2C0%2C0-1.89%2C1.512C8.978-4.725%2C7.528-4.473%2C4.63-4.41c-4.473.126-8.5.189-12.978.252a.572.572%2C0%2C0%2C1-.63-.5.77.77%2C0%2C0%2C1%2C.252-.567C-2.867-11.844%2C2.8-17.262%2C8.158-24.066c3.276-4.158%2C4.6-8.064%2C4.6-11.34%2C0-7.119-5.733-11.34-12.411-11.34-9.891%2C0-13.419%2C7.875-13.419%2C9.513A1.96%2C1.96%2C0%2C0%2C0-11.12-35.28a2.01%2C2.01%2C0%2C0%2C0%2C1.953-1.575A9.184%2C9.184%2C0%2C0%2C1-.095-43.218c5.229%2C0%2C8.757%2C3.276%2C8.757%2C8.127%2C0%2C2.772-1.2%2C5.985-3.843%2C9.2-7.5%2C9.072-18.27%2C21.168-19.782%2C21.924a1.6%2C1.6%2C0%2C0%2C0-.882%2C1.449A1.8%2C1.8%2C0%2C0%2C0-14.017-.63Z%22%20transform%3D%22translate(15.844%2046.746)%22%20fill%3D%22%23ff72a5%22%2F%3E%3C%2Fsvg%3E');
}
.canlearn .list_canlearn li:nth-child(3) {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228.98%22%20height%3D%2246.872%22%20viewBox%3D%220%200%2028.98%2046.872%22%3E%3Cpath%20d%3D%22M-2.363-27.783h-.063a1.654%2C1.654%2C0%2C0%2C0-1.638%2C1.764%2C1.852%2C1.852%2C0%2C0%2C0%2C1.827%2C1.953c.189%2C0%2C1.134-.063%2C1.449-.063H-.6c7.056%2C0%2C10.584%2C4.221%2C10.584%2C10.08A10.428%2C10.428%2C0%2C0%2C1-.788-3.591c-5.04%2C0-8.127-1.638-10.71-5.607a1.739%2C1.739%2C0%2C0%2C0-1.575-.882A2.085%2C2.085%2C0%2C0%2C0-15.089-8C-15.089-6.048-10.616.126-1.1.126%2C7.591.126%2C13.892-5.8%2C13.892-13.923c0-9.261-6.8-11.655-9.324-12.285%2C4.6-1.2%2C6.93-5.544%2C6.93-9.639%2C0-6.867-5.355-10.9-11.844-10.9-7.56%2C0-11.718%2C4.977-11.718%2C6.615a2.005%2C2.005%2C0%2C0%2C0%2C1.953%2C1.953%2C1.586%2C1.586%2C0%2C0%2C0%2C1.386-.756A9.616%2C9.616%2C0%2C0%2C1-.41-43.218c7.056%2C0%2C8%2C5.418%2C8%2C7.308%2C0%2C4.536-2.9%2C8-7.686%2C8.127Z%22%20transform%3D%22translate(15.089%2046.746)%22%20fill%3D%22%23ff72a5%22%2F%3E%3C%2Fsvg%3E');
}
.canlearn .list_canlearn li:nth-child(4) {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2231.122%22%20height%3D%2245.804%22%20viewBox%3D%220%200%2031.122%2045.804%22%3E%3Cpath%20d%3D%22M.976-4.095A1.754%2C1.754%2C0%2C0%2C0-.913-2.331%2C1.641%2C1.641%2C0%2C0%2C0%2C1.039-.693C2.677-.756%2C4.5-.819%2C6.394-.819c1.953%2C0%2C3.906.063%2C5.8.126h.126a1.709%2C1.709%2C0%2C0%2C0%2C1.89-1.7%2C1.841%2C1.841%2C0%2C0%2C0-2.016-1.7c-.945.063-1.575.063-2.583.063-.756%2C0-1.071-.5-1.071-1.2%2C0-1.512-.063-3.339-.063-5.418%2C0-.5.252-.693.756-.693%2C2.835%2C0%2C4.284-.063%2C5.04-.063a1.789%2C1.789%2C0%2C0%2C0%2C1.89-1.764%2C1.6%2C1.6%2C0%2C0%2C0-1.638-1.7H14.4c-.315%2C0-1.764%2C0-5.355.126-.441%2C0-.567-.189-.567-.63%2C0-5.985.063-8.946.063-11.907a1.885%2C1.885%2C0%2C0%2C0-1.827-2.142%2C1.887%2C1.887%2C0%2C0%2C0-1.89%2C2.016v.063c.063%2C2.394.063%2C6.237.063%2C11.97%2C0%2C.5-.189.756-.693.756-4.725.063-9.387.126-11.844.126-2.016%2C0-3.339%2C0-3.339-1.008a2.382%2C2.382%2C0%2C0%2C1%2C.63-1.386C-6.773-21.861%2C5.89-39.438%2C8.662-43.092a2.493%2C2.493%2C0%2C0%2C0%2C.567-1.449%2C2.016%2C2.016%2C0%2C0%2C0-2.016-1.953%2C1.983%2C1.983%2C0%2C0%2C0-1.638.882C1.039-39.123-9.67-23.688-13.514-18.207a6.974%2C6.974%2C0%2C0%2C0-1.449%2C3.717c0%2C2.079%2C1.7%2C3.339%2C4.851%2C3.339.63%2C0%2C8.379-.126%2C14.364-.126.5%2C0%2C.63.189.63.63%2C0%2C1.89-.063%2C4.347-.063%2C5.481A1.092%2C1.092%2C0%2C0%2C1%2C3.685-4.032c-1.008%2C0-1.89-.063-2.646-.063Z%22%20transform%3D%22translate(14.963%2046.494)%22%20fill%3D%22%23ff72a5%22%2F%3E%3C%2Fsvg%3E');
}
.canlearn .list_canlearn li:nth-child(5) {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228.413%22%20height%3D%2245.927%22%20viewBox%3D%220%200%2028.413%2045.927%22%3E%3Cpath%20d%3D%22M14.08-15.057c0-6.3-3.906-13.608-14.3-13.608A19.754%2C19.754%2C0%2C0%2C0-6.9-27.531a4.261%2C4.261%2C0%2C0%2C1-.945.252c-.378%2C0-.63-.189-.63-.819%2C0-.126.063-.315.063-.5.189-1.323%2C1.449-9.513%2C1.764-11.781.189-1.449%2C1.008-2.142%2C2.9-2.142%2C1.953%2C0%2C11.466.063%2C13.23.063a1.683%2C1.683%2C0%2C0%2C0%2C1.764-1.764A1.683%2C1.683%2C0%2C0%2C0%2C9.481-45.99c-11.529%2C0-13.041-.063-13.545-.063h-.378c-3.339%2C0-5.04%2C1.512-5.544%2C4.284-.63%2C3.654-2.2%2C14.742-2.2%2C15.561a2.669%2C2.669%2C0%2C0%2C0%2C2.9%2C2.961%2C5.592%2C5.592%2C0%2C0%2C0%2C2.268-.63A15.862%2C15.862%2C0%2C0%2C1-.472-25.326c8.442%2C0%2C10.836%2C6.678%2C10.836%2C10.269%2C0%2C5.8-4.41%2C11.34-12.1%2C11.34a12%2C12%2C0%2C0%2C1-9.2-3.969%2C1.949%2C1.949%2C0%2C0%2C0-1.449-.756%2C2.063%2C2.063%2C0%2C0%2C0-1.953%2C2.016c0%2C2.2%2C5.229%2C6.3%2C12.6%2C6.3C8.851-.126%2C14.08-7.749%2C14.08-15.057Z%22%20transform%3D%22translate(14.333%2046.053)%22%20fill%3D%22%23ff72a5%22%2F%3E%3C%2Fsvg%3E');
  background-position: 3px center;
}
.canlearn .txt_result {
  position: relative;
  margin-top: 90px;
  padding: 2em 1em 2.2em;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 6px 0 rgba(0, 0, 0, 0.16);
  text-align: center;
}
.canlearn .txt_result::before {
  position: absolute;
  top: -38px;
  right: 20%;
  border-bottom: 38px solid #fff;
  border-left: 22px solid transparent;
  border-right: 22px solid transparent;
  content: '';
}
.canlearn .img_outer {
  position: relative;
}
.canlearn .img_outer .img_ex_mark {
  position: absolute;
  right: -60px;
  bottom: -5px;
  width: 51px;
  height: auto;
}
@media screen and (min-width: 600px) {
  .canlearn .forbox_area {
    display: flex;
    justify-content: space-between;
  }
  .canlearn .forbox_area .forbox {
    width: 48.5%;
    min-height: 690px;
  }
  .canlearn .forbox_area .forbox .forbox_inner {
    width: 100%;
    max-width: 450px;
  }
  .canlearn .forbox_area .forbox.habit .forbox_inner {
    float: right;
  }
  .canlearn .forbox_area .forbox.action .forbox_inner {
    float: left;
  }
}
@media screen and (min-width: 600px) and (max-width: 759px) {
  .canlearn .on_br {
    display: block;
  }
  .canlearn .img_outer .img_ex_mark {
    bottom: -25px;
  }
}
@media screen and (max-width: 599px) {
  .canlearn .forbox_area {
    padding-bottom: 6px;
    overflow: hidden;
  }
  .canlearn .forbox_area::before,
  .canlearn .forbox_area::after {
    top: 44.5%;
  }
  .canlearn .forbox_area .forbox {
    width: 94%;
  }
  .canlearn .forbox_area .forbox.habit {
    padding-left: 20px;
    float: left;
  }
  .canlearn .forbox_area .forbox.action {
    margin-top: 50px;
    padding-right: 20px;
    float: right;
  }
  .canlearn h3 {
    font-size: 22px;
  }
  .canlearn h3 .txt_m {
    font-size: 29px;
  }
  .canlearn h3 .txt_l {
    font-size: 42px;
  }
  .canlearn .forbox.habit .list_canlearn {
    margin-right: 20px;
  }
  .canlearn .forbox.action .list_canlearn {
    margin-left: 20px;
  }
  .canlearn .list_canlearn li {
    font-size: 16px;
  }
  .canlearn .txt_result {
    width: 100vw;
    margin: 90px calc(50% - 50vw) 0;
    padding: 2.5em 1em 2.8em;
  }
  .canlearn .img_outer .img_ex_mark {
    right: -70px;
    bottom: -5px;
    width: 41px;
  }
}

/* ------------------------------
teacher
------------------------------ */
.teacher .profile_box dt {
  max-width: 200px;
}
.teacher .profile_box .name {
  font-size: 24px;
}
.teacher .profile_box .name span {
  margin-left: 0.5em;
  font-size: 20px;
}
.teacher .profile_box .career_pc {
  font-size: 14px;
}
@media screen and (min-width: 600px) {
  .teacher .profile_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .teacher .profile_box + .profile_box {
    margin-top: 30px;
  }
  .teacher .profile_box .career_sp {
    display: none;
  }
  .teacher .profile_box dt {
    width: 20%;
    max-width: 200px;
  }
  .teacher .profile_box dd {
    width: 75%;
  }
  .teacher .btn_profile {
    display: none;
  }
}
@media screen and (max-width: 599px) {
  .teacher .profile_outer {
    display: flex;
    justify-content: space-between;
  }
  .teacher .profile_box {
    width: 46.5%;
  }
  .teacher .profile_box dt {
    margin: 0 auto;
  }
  .teacher .profile_box .name {
    margin-top: 1em;
    font-size: 16px;
    text-align: center;
    line-height: 1.4;
  }
  .teacher .profile_box .name span {
    display: block;
    margin-left: 0;
    font-size: 14px;
  }
  .teacher .profile_box .career_pc {
    display: none;
  }
  .teacher .profile_box .career_sp {
    margin-top: 1em;
    font-size: 12px;
    text-align: center;
  }
  .teacher .sp_non {
    display: none;
  }
  .teacher .btn_profile {
    position: relative;
    margin: 10px auto 0;
    width: 26px;
    height: 26px;
    border: 2px solid #29c1ad;
    border-radius: 50%;
    text-align: center;
  }
  .teacher .btn_profile::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 16px;
    height: 3px;
    border-radius: 9999px;
    background: #29c1ad;
    content: '';
  }
  .teacher .btn_profile::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 16px;
    width: 3px;
    border-radius: 9999px;
    background: #29c1ad;
    content: '';
  }
  .teacher .teacher_detail {
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
    width: 92%;
    padding: 30px 4% 20px;
    border-radius: 15px;
    background: #fff;
  }
  .teacher .teacher_detail .btn_close {
    position: absolute;
    right: 13px;
    top: 13px;
    width: 34px;
    height: 34px;
    border: 2px solid #29c1ad;
    border-radius: 50%;
  }
  .teacher .teacher_detail .btn_close span {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
  }
  .teacher .teacher_detail .btn_close span::before,
  .teacher .teacher_detail .btn_close span::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 3px;
    border-radius: 9999px;
    background: #29c1ad;
    content: '';
  }
  .teacher .teacher_detail .btn_close span::before {
    transform: translate(-50%, -50%) rotate(45deg);
  }
  .teacher .teacher_detail .btn_close span::after {
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  .teacher .teacher_detail figure {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .teacher .teacher_detail figure img {
    width: 50%;
  }
  .teacher .teacher_detail figure figcaption {
    width: 40%;
    font-size: 16px;
    line-height: 1.4;
  }
  .teacher .teacher_detail figure figcaption span {
    display: block;
    font-size: 14px;
  }
  .teacher .teacher_detail .profile {
    margin-top: 1em;
    font-size: 14px;
    line-height: 1.8;
  }
}

/* ------------------------------
voice
------------------------------ */
.voice {
  background: #f3f3f2;
}
.voice .voice_note {
  max-width: 800px;
  margin: 0 auto;
  font-size: 12px;
  text-align: right;
}
@media screen and (max-width: 599px) {
  .voice .voice_note {
    text-align: left;
  }
}

/* ------------------------------
entry
------------------------------ */
.entry {
  background: linear-gradient(45deg,  #faf4f2 0%,#e0f5fc 35%,#fef1f6 100%);
}
.entry .heading {
  position: relative;
  width: 92%;
  max-width: 1000px;
  margin: 0 auto;
  padding-top: 60px;
}
.entry .free_icon {
  position: absolute;
  top: 30px;
  right: 0;
  width: 150px;
  height: 150px;
  background: #fff;
  border: 1px solid #c36380;
  border-radius: 50%;
  color: #c36380;
  font-size: 40px;
  text-align: center;
  line-height: 150px;
}
.entry .lead {
  margin-bottom: 1.5em;
}
.entry table {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
}
.entry table th,
.entry table td {
  padding: 1.5em;
  border-bottom: 1px dashed #333;
}
.entry table th {
  width: 26%;
  background: rgba(195, 99, 128, 0.1);
  font-weight: normal;
  text-align: center;
}
.entry table td .txt_free {
  color: #e16f4e;
  font-size: 20px;
}
.entry .btn_wrap {
  margin-top: 60px;
  text-align: center;
}
.entry .room_seminar,
.entry .zoom_seminar,
.entry .movie_seminar {
    display: none;
}
.entry .room_seminar.active,
.entry .zoom_seminar.active,
.entry .movie_seminar.active {
    display: block;
}
.entry .web_seminar_img {
  margin-bottom: 40px;
}
.entry h3 span,
.entry .seminar_type_list li.active .seminar_type_ttl,
.entry .seminar_type_list li.active .seminar_type_ttl::after {
  background: #3ec7b5;
}
.entry .seminar_type_list li,
.entry .seminar_type_list li .seminar_type_ttl,
.entry .step_arrow::after {
  border-color: #3ec7b5;
}
.entry h3,
.entry .seminar_type_list li {
  font-family: "Hiragino Mincho ProN W3", "�q���M�m���� ProN W3", "Hiragino Mincho ProN", "HG����E", "������", YuMincho, "�l�r �o����", "�l�r ����", serif;
}
@media screen and (max-width: 659px) {
  .entry .free_icon {
    right: -10px;
    width: 140px;
    height: 140px;
    line-height: 140px;
  }
}
@media screen and (max-width: 599px) {
  .entry .heading {
    padding-top: 40px;
  }
  .entry h2 {
    letter-spacing: -0.02em;
  }
  .entry table th,
  .entry table td {
    padding: 1.5em 0.7em;
  }
  .entry table th {
    width: 30%;
  }
  .entry table td .txt_free {
    font-size: 16px;
  }
  .entry .btn_wrap {
    margin-top: 40px;
  }
  .entry .free_icon {
    right: -10px;
    width: 75px;
    height: 75px;
    font-size: 20px;
    line-height: 75px;
  }
}

/* ------------------------------
fixed-btn
------------------------------ */
.fixed-btn a {
  position: relative;
  width: 100%;
  max-width: 480px;
  padding: 1em 40px 1em 1em;
  background: #29c1ad;
  border-radius: 5px;
  color: #fff;
  font-size: 18px;
  line-height: 1.2;
  text-align: center;
}
.fixed-btn a::before {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  border: 1px solid #fff;
  border-radius: 50%;
  content: '';
}
.fixed-btn a::after {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 8px;
  height: 8px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  content: '';
}
.fixed-btn a:hover {
  text-decoration: none;
  opacity: 0.7;
}
@media screen and (max-width: 599px) {
  .fixed-btn a {
    font-size: 14px;
  }
}

/* ------------------------------
modal
------------------------------ */
.modal_wrap {
  display: none;
}
@media screen and (max-width: 599px) {
  .modal_wrap {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
    width: 100%;
    height: 100vh;
  }
  .modal_wrap .modal_bg {
    position: absolute;
    width: 100%;
    height: 100vh;
    background: rgba(198, 226, 220, 0.7);
  }
}

/* entry_btn */
.entry_btn_txt {
  display: inline-block;
  position: relative;
  padding: 0.5em 3em 0.1em;
  color: #e16f4e;
  font-size: 14px;
  line-height: 1;
}
.entry_btn_txt::before,
.entry_btn_txt::after {
  position: absolute;
  bottom: 10px;
  width: 25px;
  border-top: 1px dashed #1c236d;
  content: '';
}
.entry_btn_txt::before {
  left: 0;
  transform: rotate(45deg);
}
.entry_btn_txt::after {
  right: 0;
  transform: rotate(-45deg);
}
.btn_entry_habit {
  display: block;
  position: relative;
  width: 100%;
  max-width: 324px;
  margin: 10px auto 0;
  background-color: #e60012;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2236.04%22%20height%3D%2234.839%22%20viewBox%3D%220%200%2036.04%2034.839%22%3E%3Cg%20transform%3D%22translate(-16%20-40)%22%3E%3Cpath%20d%3D%22M51.439%2C41.8h-1.8V40.6a.6.6%2C0%2C0%2C0-.6-.6H36.423a3%2C3%2C0%2C0%2C0-2.4%2C1.2%2C3%2C3%2C0%2C0%2C0-2.4-1.2H19a.6.6%2C0%2C0%2C0-.6.6v1.2H16.6a.6.6%2C0%2C0%2C0-.6.6V65.829a.6.6%2C0%2C0%2C0%2C.6.6H41.228v6.607a1.8%2C1.8%2C0%2C0%2C0%2C1.8%2C1.8h2.4a1.8%2C1.8%2C0%2C0%2C0%2C1.8-1.8V66.429h4.2a.6.6%2C0%2C0%2C0%2C.6-.6V42.4A.6.6%2C0%2C0%2C0%2C51.439%2C41.8ZM19.6%2C61.624H31.617a1.8%2C1.8%2C0%2C0%2C1%2C1.7%2C1.2H19.6Zm23.842-9.611h1.571l.788%2C2.4H42.658Zm.394-1.2.392-1.195.392%2C1.195ZM41.228%2C62.825h-6.5a1.8%2C1.8%2C0%2C0%2C1%2C1.7-1.2h4.805Zm1.2-7.208h1.2V67.631h-1.2Zm0%2C13.215h3.6v1.2h-3.6Zm3.6-1.2h-1.2V55.617h1.2Zm1.2-6.007h1.2v1.2h-1.2ZM36.423%2C41.2H48.436V60.423h-1.2V55.017c0-.01%2C0-.02%2C0-.031s0-.015%2C0-.023a.6.6%2C0%2C0%2C0-.009-.062.006.006%2C0%2C0%2C0%2C0%2C0%2C.586.586%2C0%2C0%2C0-.018-.067v0L45.372%2C49.24a1.2%2C1.2%2C0%2C0%2C0-2.281%2C0l-1.833%2C5.589v0a.583.583%2C0%2C0%2C0-.018.067.006.006%2C0%2C0%2C1%2C0%2C0%2C.6.6%2C0%2C0%2C0-.009.062c0%2C.008%2C0%2C.015%2C0%2C.023s0%2C.02%2C0%2C.031v5.406H36.423a2.987%2C2.987%2C0%2C0%2C0-1.8.6V43A1.8%2C1.8%2C0%2C0%2C1%2C36.423%2C41.2ZM19.6%2C41.2H31.617a1.8%2C1.8%2C0%2C0%2C1%2C1.8%2C1.8V61.025a2.988%2C2.988%2C0%2C0%2C0-1.8-.6H19.6ZM17.2%2C65.228V43h1.2V63.426a.6.6%2C0%2C0%2C0%2C.6.6H41.228v1.2Zm28.832%2C7.809a.6.6%2C0%2C0%2C1-.6.6h-2.4a.6.6%2C0%2C0%2C1-.6-.6v-1.8h3.6Zm4.805-7.809h-3.6v-1.2h1.8a.6.6%2C0%2C0%2C0%2C.6-.6V43h1.2Z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M80.6%2C209.2h6.007a.6.6%2C0%2C0%2C0%2C0-1.2H80.6a.6.6%2C0%2C0%2C0%2C0%2C1.2Z%22%20transform%3D%22translate(-59.195%20-155.386)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M194.4%2C208h-1.8a.6.6%2C0%2C0%2C0%2C0%2C1.2h1.8a.6.6%2C0%2C1%2C0%2C0-1.2Z%22%20transform%3D%22translate(-162.785%20-155.386)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M143.208%2C272.6a.6.6%2C0%2C0%2C0-.6-.6H136.6a.6.6%2C0%2C1%2C0%2C0%2C1.2h6.007A.6.6%2C0%2C0%2C0%2C143.208%2C272.6Z%22%20transform%3D%22translate(-110.99%20-214.581)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M82.4%2C272H80.6a.6.6%2C0%2C1%2C0%2C0%2C1.2h1.8a.6.6%2C0%2C1%2C0%2C0-1.2Z%22%20transform%3D%22translate(-59.195%20-214.581)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M80.6%2C241.2H90.812a.6.6%2C0%2C0%2C0%2C0-1.2H80.6a.6.6%2C0%2C1%2C0%2C0%2C1.2Z%22%20transform%3D%22translate(-59.195%20-184.983)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M144.6%2C177.2h5.406a.6.6%2C0%2C1%2C0%2C0-1.2H144.6a.6.6%2C0%2C1%2C0%2C0%2C1.2Z%22%20transform%3D%22translate(-118.389%20-125.789)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M144.6%2C145.2h5.406a.6.6%2C0%2C0%2C0%2C0-1.2H144.6a.6.6%2C0%2C1%2C0%2C0%2C1.2Z%22%20transform%3D%22translate(-118.389%20-96.191)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M336.6%2C81.2h6.007a.6.6%2C0%2C1%2C0%2C0-1.2H336.6a.6.6%2C0%2C1%2C0%2C0%2C1.2Z%22%20transform%3D%22translate(-295.973%20-36.997)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M280.6%2C81.2h1.8a.6.6%2C0%2C1%2C0%2C0-1.2h-1.8a.6.6%2C0%2C0%2C0%2C0%2C1.2Z%22%20transform%3D%22translate(-244.178%20-36.997)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M280.6%2C145.2h4.805a.6.6%2C0%2C0%2C0%2C0-1.2H280.6a.6.6%2C0%2C0%2C0%2C0%2C1.2Z%22%20transform%3D%22translate(-244.178%20-96.191)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M280.6%2C113.2h10.211a.6.6%2C0%2C0%2C0%2C0-1.2H280.6a.6.6%2C0%2C0%2C0%2C0%2C1.2Z%22%20transform%3D%22translate(-244.178%20-66.594)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M280.6%2C209.2h3a.6.6%2C0%2C0%2C0%2C0-1.2h-3a.6.6%2C0%2C0%2C0%2C0%2C1.2Z%22%20transform%3D%22translate(-244.178%20-155.386)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M280.6%2C273.2h3a.6.6%2C0%2C0%2C0%2C0-1.2h-3a.6.6%2C0%2C0%2C0%2C0%2C1.2Z%22%20transform%3D%22translate(-244.178%20-214.581)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M280.6%2C241.2h3a.6.6%2C0%2C0%2C0%2C0-1.2h-3a.6.6%2C0%2C0%2C0%2C0%2C1.2Z%22%20transform%3D%22translate(-244.178%20-184.983)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M280.6%2C177.2h4.2a.6.6%2C0%2C0%2C0%2C0-1.2h-4.2a.6.6%2C0%2C0%2C0%2C0%2C1.2Z%22%20transform%3D%22translate(-244.178%20-125.789)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M80.6%2C83.6H83a.6.6%2C0%2C0%2C0%2C.6-.6V80.6A.6.6%2C0%2C0%2C0%2C83%2C80H80.6a.6.6%2C0%2C0%2C0-.6.6V83A.6.6%2C0%2C0%2C0%2C80.6%2C83.6Zm.6-2.4h1.2v1.2H81.2Z%22%20transform%3D%22translate(-59.195%20-36.997)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M80.6%2C147.6H83a.6.6%2C0%2C0%2C0%2C.6-.6v-2.4a.6.6%2C0%2C0%2C0-.6-.6H80.6a.6.6%2C0%2C0%2C0-.6.6V147A.6.6%2C0%2C0%2C0%2C80.6%2C147.6Zm.6-2.4h1.2v1.2H81.2Z%22%20transform%3D%22translate(-59.195%20-96.191)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M144.6%2C113.2h5.406a.6.6%2C0%2C0%2C0%2C0-1.2H144.6a.6.6%2C0%2C1%2C0%2C0%2C1.2Z%22%20transform%3D%22translate(-118.389%20-66.594)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M144.6%2C81.2h5.406a.6.6%2C0%2C0%2C0%2C0-1.2H144.6a.6.6%2C0%2C1%2C0%2C0%2C1.2Z%22%20transform%3D%22translate(-118.389%20-36.997)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-position: 20px 19px;
  border-radius: 5px;
  box-shadow: 0 3px 0 #d7d7d7;
  color: #fff;
  font-size: 18px;
  line-height: 1.4;
  overflow: hidden;
}
.btn_entry_habit span {
  display: block;
  position: relative;
  width: 100%;
  padding: 1em 40px 1em 60px;
}
.btn_entry_habit span::before {
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
  width: 26px;
  height: 26px;
  border: 1px solid #fff;
  border-radius: 50%;
  content: '';
}
.btn_entry_habit span::after {
  position: absolute;
  top: 50%;
  right: 26px;
  transform: translateY(-50%);
  border-left: 8px solid #fff;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  content: '';
}
.btn_entry_habit:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn_entry_habit::before {
  position: absolute;
  content: '';
  display: inline-block;
  top: -180px;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: #fff;
  animation: btn_shiny 3s ease-in-out infinite;
}
@-webkit-keyframes btn_shiny {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

.footer_notice .strong {
  border-bottom: none;
}

/* ------------------------------
juko_kiyaku
------------------------------ */
.entry_inner+.juko_kiyaku_area {
  margin-top: 40px;
  padding: 0 25px 0 0;
  background: #fff;
  border: 25px solid #fff;
  border-right: none;
  height: 230px;
  overflow-y: scroll;
}
@media screen and (max-width: 599px) {
  .entry .juko_kiyaku_area {
      width: 96%;
      margin: 35px auto 0;
      padding: 0 20px 0 0;
      border: 15px solid #fff;
      border-right: none;
      height: 245px;
  }
}